@vnejs/uis.react.backdrop 0.1.6 → 0.1.7

package/dist/Backdrop.d.ts

@@ -1,20 +1,11 @@
+import { type BackdropProps } from "./Backdrop.types.js";
 export declare const Backdrop: {
-    ({ zIndex, transition, type, size, opacity, color1, color2, className, children }: {
-        zIndex?: any;
-        transition?: any;
-        type?: string;
-        size?: number;
-        opacity?: number;
-        color1: any;
-        color2: any;
-        className: any;
-        children: any;
-    }): import("react/jsx-runtime").JSX.Element;
+    ({ zIndex, transition, type, size, opacity, color1, color2, className, children, }: BackdropProps): import("react/jsx-runtime").JSX.Element;
     TYPE: {
-        TOP: string;
-        RIGHT: string;
-        BOTTOM: string;
-        LEFT: string;
+        readonly TOP: "top";
+        readonly RIGHT: "right";
+        readonly BOTTOM: "bottom";
+        readonly LEFT: "left";
     };
 };
 //# sourceMappingURL=Backdrop.d.ts.map

package/dist/Backdrop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Backdrop.d.ts","sourceRoot":"","sources":["../src/Backdrop.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;CAwBpB,CAAC"}
+{"version":3,"file":"Backdrop.d.ts","sourceRoot":"","sources":["../src/Backdrop.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAgB,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAIvE,eAAO,MAAM,QAAQ;wFAUlB,aAAa;;;;;;;CAgCf,CAAC"}

package/dist/Backdrop.js

@@ -1,11 +1,20 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { getVneLength } from "@vnejs/uis.utils";
+import { BackdropType } from "./Backdrop.types.js";
 import { b } from "./Backdrop.styles.js";
-export const Backdrop = ({ zIndex = null, transition = null, type = "", size = 360, opacity = 1, color1, color2, className, children }) => {
+export const Backdrop = ({ zIndex = null, transition = null, type = "", size = 360, opacity = 1, color1, color2, className, children, }) => {
     const style = useMemo(() => {
-        const TYPE_TO_DEGREE = { [Backdrop.TYPE.BOTTOM]: 0, [Backdrop.TYPE.LEFT]: 90, [Backdrop.TYPE.TOP]: 180, [Backdrop.TYPE.RIGHT]: 270 };
-        const result = { ["--vne-backdrop-degree"]: `${TYPE_TO_DEGREE[type || Backdrop.TYPE.TOP]}deg`, opacity };
+        const TYPE_TO_DEGREE = {
+            [BackdropType.BOTTOM]: 0,
+            [BackdropType.LEFT]: 90,
+            [BackdropType.TOP]: 180,
+            [BackdropType.RIGHT]: 270,
+        };
+        const result = {
+            ["--vne-backdrop-degree"]: `${TYPE_TO_DEGREE[type || BackdropType.TOP]}deg`,
+            opacity,
+        };
         result["--vne-backdrop-length"] = getVneLength(size);
         if (color1)
             result["--vne-backdrop-color-1"] = color1;
@@ -19,5 +28,5 @@ export const Backdrop = ({ zIndex = null, transition = null, type = "", size = 3
     }, [zIndex, size, type, color1, color2, opacity]);
     return (_jsx("div", { className: b({ type }, [className]), style: style, children: children }));
 };
-Backdrop.TYPE = { TOP: "top", RIGHT: "right", BOTTOM: "bottom", LEFT: "left" };
+Backdrop.TYPE = BackdropType;
 //# sourceMappingURL=Backdrop.js.map

package/dist/Backdrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"Backdrop.js","sourceRoot":"","sources":["../src/Backdrop.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAE,CAAC,EAAE,MAAM,sBAAsB,CAAC;AAEzC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,UAAU,GAAG,IAAI,EAAE,IAAI,GAAG,EAAE,EAAE,IAAI,GAAG,GAAG,EAAE,OAAO,GAAG,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE;IACxI,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,MAAM,cAAc,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;QAErI,MAAM,MAAM,GAAwB,EAAE,CAAC,uBAAuB,CAAC,EAAE,GAAG,cAAc,CAAC,IAAI,IAAI,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC;QAE9H,MAAM,CAAC,uBAAuB,CAAC,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;QAErD,IAAI,MAAM;YAAE,MAAM,CAAC,wBAAwB,CAAC,GAAG,MAAM,CAAC;QACtD,IAAI,MAAM;YAAE,MAAM,CAAC,wBAAwB,CAAC,GAAG,MAAM,CAAC;QACtD,IAAI,MAAM,KAAK,IAAI;YAAE,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC;QAC5C,IAAI,UAAU,KAAK,IAAI;YAAE,MAAM,CAAC,UAAU,GAAG,UAAU,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,UAAU,IAAI,CAAC;QAE3F,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAElD,OAAO,CACL,cACE,SAAS,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,EACnC,KAAK,EAAE,KAAK,YAEX,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,QAAQ,CAAC,IAAI,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"Backdrop.js","sourceRoot":"","sources":["../src/Backdrop.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAE,YAAY,EAAsB,MAAM,qBAAqB,CAAC;AAEvE,OAAO,EAAE,CAAC,EAAE,MAAM,sBAAsB,CAAC;AAEzC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,MAAM,GAAG,IAAI,EACb,UAAU,GAAG,IAAI,EACjB,IAAI,GAAG,EAAE,EACT,IAAI,GAAG,GAAG,EACV,OAAO,GAAG,CAAC,EACX,MAAM,EACN,MAAM,EACN,SAAS,EACT,QAAQ,GACM,EAAE,EAAE;IAClB,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,MAAM,cAAc,GAAG;YACrB,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC;YACxB,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,EAAE;YACvB,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,GAAG;YACvB,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,GAAG;SAC1B,CAAC;QAEF,MAAM,MAAM,GAAwB;YAClC,CAAC,uBAAuB,CAAC,EAAE,GAAG,cAAc,CAAC,IAAI,IAAI,YAAY,CAAC,GAAG,CAAC,KAAK;YAC3E,OAAO;SACR,CAAC;QAEF,MAAM,CAAC,uBAAuB,CAAC,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;QAErD,IAAI,MAAM;YAAE,MAAM,CAAC,wBAAwB,CAAC,GAAG,MAAM,CAAC;QACtD,IAAI,MAAM;YAAE,MAAM,CAAC,wBAAwB,CAAC,GAAG,MAAM,CAAC;QACtD,IAAI,MAAM,KAAK,IAAI;YAAE,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC;QAC5C,IAAI,UAAU,KAAK,IAAI;YAAE,MAAM,CAAC,UAAU,GAAG,UAAU,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,UAAU,IAAI,CAAC;QAE3F,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAElD,OAAO,CACL,cACE,SAAS,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,EACnC,KAAK,EAAE,KAAK,YAEX,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,QAAQ,CAAC,IAAI,GAAG,YAAY,CAAC"}

package/dist/Backdrop.styles.d.ts

@@ -1,2 +1,2 @@
-export declare const b: (...args: any[]) => string;
+export declare const b: any;
 //# sourceMappingURL=Backdrop.styles.d.ts.map

package/dist/Backdrop.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Backdrop.styles.d.ts","sourceRoot":"","sources":["../src/Backdrop.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,CAAC,4BAAiB,CAAC"}
+{"version":3,"file":"Backdrop.styles.d.ts","sourceRoot":"","sources":["../src/Backdrop.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,CAAC,KAAiB,CAAC"}

package/dist/Backdrop.types.d.ts

@@ -0,0 +1,20 @@
+import type { ReactNode } from "react";
+export declare const BackdropType: {
+    readonly TOP: "top";
+    readonly RIGHT: "right";
+    readonly BOTTOM: "bottom";
+    readonly LEFT: "left";
+};
+export type BackdropTypeValue = (typeof BackdropType)[keyof typeof BackdropType];
+export type BackdropProps = {
+    zIndex?: number | null;
+    transition?: number | null;
+    type?: BackdropTypeValue | "";
+    size?: number;
+    opacity?: number;
+    color1?: string;
+    color2?: string;
+    className?: string;
+    children?: ReactNode;
+};
+//# sourceMappingURL=Backdrop.types.d.ts.map

package/dist/Backdrop.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Backdrop.types.d.ts","sourceRoot":"","sources":["../src/Backdrop.types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,eAAO,MAAM,YAAY;;;;;CAKf,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAEjF,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,IAAI,CAAC,EAAE,iBAAiB,GAAG,EAAE,CAAC;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC"}

package/dist/Backdrop.types.js

@@ -0,0 +1,7 @@
+export const BackdropType = {
+    TOP: "top",
+    RIGHT: "right",
+    BOTTOM: "bottom",
+    LEFT: "left",
+};
+//# sourceMappingURL=Backdrop.types.js.map

package/dist/Backdrop.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Backdrop.types.js","sourceRoot":"","sources":["../src/Backdrop.types.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;CACJ,CAAC"}

package/dist/index.d.ts

@@ -1,2 +1,3 @@
-export * from "./Backdrop";
+export * from "./Backdrop.types.js";
+export * from "./Backdrop.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC"}

package/dist/index.js

@@ -1,2 +1,3 @@
-export * from "./Backdrop";
+export * from "./Backdrop.types.js";
+export * from "./Backdrop.js";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vnejs/uis.react.backdrop",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {

package/src/Backdrop.tsx

@@ -2,13 +2,33 @@ import { useMemo } from "react";
 
 import { getVneLength } from "@vnejs/uis.utils";
 
+import { BackdropType, type BackdropProps } from "./Backdrop.types.js";
+
 import { b } from "./Backdrop.styles.js";
 
-export const Backdrop = ({ zIndex = null, transition = null, type = "", size = 360, opacity = 1, color1, color2, className, children }) => {
+export const Backdrop = ({
+  zIndex = null,
+  transition = null,
+  type = "",
+  size = 360,
+  opacity = 1,
+  color1,
+  color2,
+  className,
+  children,
+}: BackdropProps) => {
   const style = useMemo(() => {
-    const TYPE_TO_DEGREE = { [Backdrop.TYPE.BOTTOM]: 0, [Backdrop.TYPE.LEFT]: 90, [Backdrop.TYPE.TOP]: 180, [Backdrop.TYPE.RIGHT]: 270 };
-
-    const result: Record<string, any> = { ["--vne-backdrop-degree"]: `${TYPE_TO_DEGREE[type || Backdrop.TYPE.TOP]}deg`, opacity };
+    const TYPE_TO_DEGREE = {
+      [BackdropType.BOTTOM]: 0,
+      [BackdropType.LEFT]: 90,
+      [BackdropType.TOP]: 180,
+      [BackdropType.RIGHT]: 270,
+    };
+
+    const result: Record<string, any> = {
+      ["--vne-backdrop-degree"]: `${TYPE_TO_DEGREE[type || BackdropType.TOP]}deg`,
+      opacity,
+    };
 
     result["--vne-backdrop-length"] = getVneLength(size);
 
@@ -30,4 +50,4 @@ export const Backdrop = ({ zIndex = null, transition = null, type = "", size = 3
   );
 };
 
-Backdrop.TYPE = { TOP: "top", RIGHT: "right", BOTTOM: "bottom", LEFT: "left" };
+Backdrop.TYPE = BackdropType;

package/src/Backdrop.types.tsx

@@ -0,0 +1,22 @@
+import type { ReactNode } from "react";
+
+export const BackdropType = {
+  TOP: "top",
+  RIGHT: "right",
+  BOTTOM: "bottom",
+  LEFT: "left",
+} as const;
+
+export type BackdropTypeValue = (typeof BackdropType)[keyof typeof BackdropType];
+
+export type BackdropProps = {
+  zIndex?: number | null;
+  transition?: number | null;
+  type?: BackdropTypeValue | "";
+  size?: number;
+  opacity?: number;
+  color1?: string;
+  color2?: string;
+  className?: string;
+  children?: ReactNode;
+};

package/src/index.ts

@@ -1 +1,2 @@
-export * from "./Backdrop";
+export * from "./Backdrop.types.js";
+export * from "./Backdrop.js";

package/tsconfig.json

@@ -8,7 +8,6 @@
     "src/**/*.ts",
     "src/**/*.tsx",
     "../../../globals.d.ts",
-    "../../peer-modules.d.ts"
   ],
   "exclude": [
     "dist",