secptrum-ui - npm Package Compare versions

Comparing version 1.1.32 to 1.1.33-beta.0

dist/components/Backdrop/Backdrop.d.ts

@@ -0,1 +1,2 @@
+"use client";
 import React from "react";
@@ -2,0 +3,0 @@ interface DropType {

dist/components/Box/Box.d.ts

@@ -0,1 +1,2 @@
+"use client";
 import { BoxType } from "../../types/sui";
@@ -2,0 +3,0 @@ /**

dist/components/Box/FlexBox.d.ts

@@ -0,1 +1,2 @@
+"use client";
 import { DivProps } from "styled-chroma";
@@ -2,0 +3,0 @@ export interface BoxProps extends DivProps {

dist/components/Button/Button.d.ts

@@ -1,2 +0,3 @@
-import { ButtonProps } from "../../types/sui";
+'use client';
+import { ButtonProps } from '../../types/sui';
 /**
@@ -48,4 +49,6 @@ * A customizable button component designed to handle various actions and events in your application.
  */
-declare const Button: import("react").ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+declare const Button: import('react').ForwardRefExoticComponent<
+  Omit<ButtonProps, 'ref'> & import('react').RefAttributes<HTMLButtonElement>
+>;
 export default Button;
-//# sourceMappingURL=Button.d.ts.map
+//# sourceMappingURL=Button.d.ts.map

dist/components/Card/Card.d.ts

@@ -0,1 +1,2 @@
+"use client";
 import { CardProps } from "../../types/sui";
@@ -2,0 +3,0 @@ /**

dist/components/Checkbox/Checkbox.d.ts

@@ -0,1 +1,2 @@
+"use client";
 type CheckBoxType = {
@@ -2,0 +3,0 @@ /**

dist/components/Fab/Fab.d.ts

@@ -0,1 +1,2 @@
+"use client";
 import { FloatProps } from "../../types/sui";
@@ -2,0 +3,0 @@ declare const Fab: import("react").ForwardRefExoticComponent<Omit<FloatProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

dist/components/FilePicker/ImagePicker.d.ts

@@ -0,1 +1,2 @@
+"use client";
 import React from "react";
@@ -2,0 +3,0 @@ interface ImagePickerProps {

dist/components/Icon/HoverableIcon.d.ts

@@ -0,1 +1,2 @@
+"use client";
 import React from "react";
@@ -2,0 +3,0 @@ type IconTypes = {

dist/components/Icon/Icon.d.ts

@@ -0,1 +1,2 @@
+"use client";
 import React from "react";
@@ -2,0 +3,0 @@ type IconBaseType = {

dist/components/Input/Input.d.ts

@@ -0,1 +1,2 @@
+"use client";
 import { InputType } from "../../types/sui";
@@ -2,0 +3,0 @@ /**

dist/components/loaders/BarLoader/BarLoader.d.ts

@@ -0,1 +1,2 @@
+"use client";
 type BarLoaderType = {
@@ -2,0 +3,0 @@ width?: string | number;

dist/components/loaders/CircleLoader/CircleLoader.d.ts

@@ -0,1 +1,2 @@
+"use client";
 type LoaderProps = {
@@ -2,0 +3,0 @@ /**

dist/components/loaders/CircleLoader/CircularProgress.d.ts

@@ -0,1 +1,2 @@
+"use client";
 import React from "react";
@@ -2,0 +3,0 @@ type CircularProgressProps = {

dist/components/loaders/keyframes.d.ts

@@ -0,3 +1,4 @@
+"use client";
 export declare const barload: string;
 export declare const spin: string;
 //# sourceMappingURL=keyframes.d.ts.map

dist/components/loaders/PulseLoader/PulseLoader.d.ts

@@ -0,1 +1,2 @@
+"use client";
 import React from "react";
@@ -2,0 +3,0 @@ type PulseLoaderProps = {

dist/components/loaders/ScaleLoader/ScaleLoader.d.ts

@@ -0,1 +1,2 @@
+"use client";
 import React from "react";
@@ -2,0 +3,0 @@ type ScaleLoaderProps = {

dist/components/modal/Modal.d.ts

@@ -0,1 +1,2 @@
+"use client";
 import React from "react";
@@ -2,0 +3,0 @@ type ModalType = {

dist/components/modal/ModalPanel.d.ts

@@ -0,1 +1,2 @@
+"use client";
 import React from "react";
@@ -2,0 +3,0 @@ import { StackType } from "../../types/sui";

dist/components/modal/ModalTitle.d.ts

@@ -0,1 +1,2 @@
+"use client";
 import React from "react";
@@ -2,0 +3,0 @@ import { BoxType } from "../../types/sui";

dist/components/router/BrowserRouter.d.ts

@@ -0,1 +1,2 @@
+"use client";
 import React from "react";
@@ -2,0 +3,0 @@ interface BrowserRouterProps {

dist/components/router/Link.d.ts

@@ -0,1 +1,2 @@
+"use client";
 import React from "react";
@@ -2,0 +3,0 @@ interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {

dist/components/router/Router.d.ts

@@ -0,1 +1,2 @@
+"use client";
 import React from "react";
@@ -2,0 +3,0 @@ interface Route {

dist/components/Stack/Stack.d.ts

@@ -0,1 +1,2 @@
+"use client";
 import { StackType } from "../../types/sui";
@@ -2,0 +3,0 @@ /**

dist/components/Switch/Switch.d.ts

@@ -0,1 +1,2 @@
+"use client";
 type SwitchType = {
@@ -2,0 +3,0 @@ /**

dist/components/Tabs/TabPanel.d.ts

@@ -0,3 +1,4 @@
+"use client";
 declare const TabPanel: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export default TabPanel;
 //# sourceMappingURL=TabPanel.d.ts.map

dist/components/Tabs/Tabs.d.ts

@@ -0,1 +1,2 @@
+"use client";
 import { TabsListType } from "./TabsList";
@@ -2,0 +3,0 @@ /**

dist/components/Tabs/TabsHandle.d.ts

@@ -0,1 +1,2 @@
+"use client";
 import React from "react";
@@ -2,0 +3,0 @@ type TabsHandleType = {

dist/components/Tabs/TabsList.d.ts

@@ -0,1 +1,2 @@
+"use client";
 import React from "react";
@@ -2,0 +3,0 @@ export type TabsListType = {

dist/components/Toast/Toast.d.ts

@@ -0,1 +1,2 @@
+"use client";
 import { ToastType } from "../../types/sui";
@@ -2,0 +3,0 @@ /**

dist/components/Toast/Toaster.d.ts

@@ -0,3 +1,4 @@
+"use client";
 declare const Toaster: () => import("react/jsx-runtime").JSX.Element;
 export default Toaster;
 //# sourceMappingURL=Toaster.d.ts.map

dist/context/useModal.d.ts

@@ -0,1 +1,2 @@
+"use client";
 import React from "react";
@@ -2,0 +3,0 @@ type ProviderType = {

dist/context/useTabList.d.ts

@@ -0,1 +1,2 @@
+"use client";
 type TabListContextType = {
@@ -2,0 +3,0 @@ onSwitch: (value: string) => void;

dist/context/useTheme.d.ts

@@ -0,1 +1,2 @@
+"use client";
 import React from "react";
@@ -2,0 +3,0 @@ import { Theme, ThemeContextType } from "../types/local";

dist/hooks/router.d.ts

@@ -0,1 +1,2 @@
+"use client";
 export declare const RouterContext: import("react").Context<{
@@ -2,0 +3,0 @@ navigate: (to: string) => void;

dist/hooks/useAuth.d.ts

@@ -0,1 +1,2 @@
+"use client";
 type AuthContextType = {
@@ -2,0 +3,0 @@ isAuthenticated: boolean;

dist/hooks/useNavigation.d.ts

@@ -0,1 +1,2 @@
+"use client";
 /**
@@ -2,0 +3,0 @@ * A custom hook for accessing the navigation function from the BrowserRouter context.

dist/index.d.ts

@@ -0,1 +1,2 @@
+"use client";
 export { toast } from "./components/Toast/Toast";
@@ -2,0 +3,0 @@ export { generateId } from "./lib/helper";

dist/lib/helper/index.d.ts

@@ -0,3 +1,4 @@
+"use client";
 export declare const hexToRgbArray: (hex: any) => number[];
 export declare function generateId(): string;
 //# sourceMappingURL=index.d.ts.map

dist/lib/helper/theme.d.ts

@@ -0,1 +1,2 @@
+"use client";
 declare const getModeStyle: (mode: "dark" | "light") => {
@@ -2,0 +3,0 @@ [key: string]: string;

dist/lib/index.d.ts

@@ -0,1 +1,2 @@
+"use client";
 //# sourceMappingURL=index.d.ts.map

dist/styles/action/styled.d.ts

@@ -0,1 +1,2 @@
+"use client";
 import { ButtonProps } from "../../types/sui";
@@ -2,0 +3,0 @@ import { IStyleFab } from "../../types/istyle";

dist/styles/animations.d.ts

@@ -0,1 +1,2 @@
+"use client";
 export declare const spin: string;
@@ -2,0 +3,0 @@ export declare const zoom: string;

dist/styles/colors.d.ts

@@ -0,1 +1,2 @@
+"use client";
 export declare const colors: {
@@ -2,0 +3,0 @@ primary: {

dist/styles/feedback/styled.d.ts

@@ -0,1 +1,2 @@
+"use client";
 import { IStyleDrop, IStyleModalFooter, IStyleModalPanel, IStyleToast, IStyleToastCloseIcon } from "../../types/istyle";
@@ -2,0 +3,0 @@ export declare const DropSui: import("react").ForwardRefExoticComponent<IStyleDrop & {

dist/styles/font.d.ts

@@ -0,1 +1,2 @@
+"use client";
 //# sourceMappingURL=font.d.ts.map

dist/styles/global.d.ts

@@ -0,1 +1,2 @@
+"use client";
 export declare const FixedBox: import("react").ForwardRefExoticComponent<{
@@ -2,0 +3,0 @@ theme?: {

dist/styles/input/styled.d.ts

@@ -0,1 +1,2 @@
+"use client";
 import { DivProps } from "styled-chroma";
@@ -2,0 +3,0 @@ import { InputType } from "../../types/sui";

dist/styles/layout/styled.d.ts

@@ -0,1 +1,2 @@
+"use client";
 import { IStyleBox, IStyleStack, IStyleTabHandle } from "../../types/istyle";
@@ -2,0 +3,0 @@ import { CardProps } from "../../types/sui";

dist/styles/utility/styled.d.ts

@@ -0,1 +1,2 @@
+"use client";
 export declare const FilePicker: import("react").ForwardRefExoticComponent<Omit<import("../../types/sui").BoxType, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
@@ -2,0 +3,0 @@ theme?: {

dist/types/istyle.d.ts

@@ -0,1 +1,2 @@
+"use client";
 /* eslint-disable @typescript-eslint/no-explicit-any */
@@ -2,0 +3,0 @@ import { DivProps } from "styled-chroma";

dist/types/local.d.ts

@@ -0,1 +1,2 @@
+"use client";
 declare type Theme = {
@@ -2,0 +3,0 @@ colors?: {

dist/types/sui.d.ts

@@ -0,1 +1,2 @@
+"use client";
 /* eslint-disable @typescript-eslint/no-explicit-any */
@@ -2,0 +3,0 @@ type InputProps = React.DetailedHTMLProps<

dist/utils/actions/index.d.ts

@@ -0,1 +1,2 @@
+"use client";
 import { FloatProps } from "../../types/sui";
@@ -2,0 +3,0 @@ declare const getFloatVariantStyle: (variant: FloatProps["variant"], colorScheme: FloatProps["colorScheme"]) => {

dist/utils/auth/Authenticate.d.ts

@@ -0,1 +1,2 @@
+"use client";
 import React from "react";
@@ -2,0 +3,0 @@ type AuthenticateSessionProps = {

dist/utils/button/index.d.ts

@@ -0,1 +1,2 @@
+"use client";
 import { ButtonProps } from "../../types/sui";
@@ -2,0 +3,0 @@ declare const getButtonRadius: (radius: ButtonProps["radius"]) => "4px" | "6px" | "12px" | "9999px";

dist/utils/feedback/index.d.ts

@@ -0,1 +1,2 @@
+"use client";
 import { ModalPanelType } from "../../components/modal/ModalPanel";
@@ -2,0 +3,0 @@ declare const getPanelSize: (size: ModalPanelType["size"]) => "\n                  width: 300px;\n              " | "\n                  width: 400px;\n              " | "\n        width: 500px;\n  \n        @media screen and (max-width:550px){\n        width: 90%;\n        }\n              " | "\n        width: 600px;\n        \n        @media screen and (max-width:550px){\n        width: 90%;\n        }\n        " | "\n        width: 60%;\n  \n        @media screen and (max-width:1024px){\n        width: 80%;\n        }\n        @media screen and (max-width:550px){\n        width: 90%;\n        }\n        " | undefined;

dist/utils/input/index.d.ts

@@ -0,1 +1,2 @@
+"use client";
 import { InputType } from "../../types/sui";
@@ -2,0 +3,0 @@ declare const getInputStyles: ({ mode, variant, focusBorderColor, focusColor, outLineBorderColor, disabled, hasError, Type, }: InputType) => {

dist/utils/layout/index.d.ts

@@ -0,1 +1,2 @@
+"use client";
 import { CardProps } from "../../types/sui";
@@ -2,0 +3,0 @@ export declare const cardStyles: (mode: CardProps["mode"]) => {

dist/utils/mode.d.ts

@@ -0,1 +1,2 @@
+"use client";
 export declare const getModeStyle: (mode: "light" | "dark") => {
@@ -2,0 +3,0 @@ tabListBg: string;

dist/utils/position.d.ts

@@ -0,1 +1,2 @@
+"use client";
 import { FloatProps, ToastPositionType } from "../types/sui";
@@ -2,0 +3,0 @@ export declare const getFloatPosition: (position: FloatProps["position"]) => {

dist/utils/spacing.d.ts

@@ -0,3 +1,4 @@
+"use client";
 export declare const getSpacing: (size: number) => string;
 export declare const spacingValues: (spacing: string | any) => string;
 //# sourceMappingURL=spacing.d.ts.map

dist/utils/transitions.d.ts

@@ -0,1 +1,2 @@
+"use client";
 import { ToastOptionsType } from "../types/sui";
@@ -2,0 +3,0 @@ declare const getToastTransition: (transition: ToastOptionsType["transition"], isVisible: boolean) => string;

package.json

 {
   "name": "secptrum-ui",
-  "version": "1.1.32",
+  "version": "1.1.33-beta.0",
   "description": "**SecptrumUI** A React component library with adaptable, responsive designs using `styled-chroma`",
@@ -31,3 +31,4 @@ "homepage": "https://secptrumui.vercel.app",
     "build": "rollup -c",
-    "postbuild": "copyfiles -u 1 src/types/**/* dist/",
+    "insert-use-client": "node scripts/insertUseClient.js",
+    "postbuild": "copyfiles -u 1 src/types/**/* dist/ && npm run insert-use-client",
     "prerelease": "npx tsc --noEmit",
@@ -66,2 +67,3 @@ "release": "npm version patch && git push origin master --follow-tags",
     "@rollup/plugin-node-resolve": "^15.3.0",
+    "@rollup/plugin-replace": "^6.0.1",
     "@rollup/plugin-terser": "^0.4.4",
@@ -68,0 +70,0 @@ "@rollup/plugin-typescript": "^11.1.6",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Filesystem access

Supply chain risk

Accesses the file system, and could potentially read sensitive data.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

19719162

increased by0.01%

Number of package files

134

increased by0.75%

Lines of code

5971

increased by1.65%

Worsened metrics

Dev dependency count

14

increased by7.69%

Number of low quality alerts

3

increased by50%

Number of low supply chain risk alerts

5

increased by25%

No dependency changes