@vnejs/uis.react.backdrop 0.1.2

package/dist/Backdrop.d.ts

@@ -0,0 +1,21 @@
+import "./Backdrop.styl";
+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;
+    TYPE: {
+        TOP: string;
+        RIGHT: string;
+        BOTTOM: string;
+        LEFT: string;
+    };
+};
+//# sourceMappingURL=Backdrop.d.ts.map

package/dist/Backdrop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Backdrop.d.ts","sourceRoot":"","sources":["../src/Backdrop.tsx"],"names":[],"mappings":"AAIA,OAAO,iBAAiB,CAAC;AAIzB,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;CAwBpB,CAAC"}

package/dist/Backdrop.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { cn, getVneLength } from "@vnejs/uis.utils";
+import "./Backdrop.styl";
+const b = cn("Backdrop");
+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 };
+        result["--vne-backdrop-length"] = getVneLength(size);
+        if (color1)
+            result["--vne-backdrop-color-1"] = color1;
+        if (color2)
+            result["--vne-backdrop-color-2"] = color2;
+        if (zIndex !== null)
+            result.zIndex = zIndex;
+        if (transition !== null)
+            result.transition = transition === 0 ? "none" : `${transition}ms`;
+        return result;
+    }, [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" };
+//# sourceMappingURL=Backdrop.js.map

package/dist/Backdrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Backdrop.js","sourceRoot":"","sources":["../src/Backdrop.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,EAAE,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEpD,OAAO,iBAAiB,CAAC;AAEzB,MAAM,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC;AAEzB,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"}

package/dist/Backdrop.styl

@@ -0,0 +1,39 @@
+.Backdrop
+    --vne-backdrop-color-1: rgba(0, 0, 0, 85%);
+    --vne-backdrop-color-2: rgba(0, 0, 0, 0%);
+
+    --vne-backdrop-degree: 0deg
+
+    display: block
+    position: absolute
+
+    background: linear-gradient(var(--vne-backdrop-degree), var(--vne-backdrop-color-1) 0%, var(--vne-backdrop-color-2) 100%)
+
+    &_type_top,
+    &_type_right,
+    &_type_left
+        top: 0
+
+    &_type_top,
+    &_type_right,
+    &_type_bottom
+        right: 0
+
+    &_type_right,
+    &_type_bottom,
+    &_type_left
+        bottom: 0
+
+    &_type_top,
+    &_type_bottom,
+    &_type_left
+        left: 0
+
+    &_type_top,
+    &_type_bottom
+        height: var(--vne-backdrop-length)
+
+    &_type_right,
+    &_type_left
+        width: var(--vne-backdrop-length)
+

package/dist/index.d.ts

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

package/dist/index.d.ts.map

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

package/dist/index.js

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

package/dist/index.js.map

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

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@vnejs/uis.react.backdrop",
+  "version": "0.1.2",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "node ../../scripts/build-package.mjs",
+    "publish:major:plugin": "npm run publish:major",
+    "publish:minor:plugin": "npm run publish:minor",
+    "publish:patch:plugin": "npm run publish:patch",
+    "publish:major": "npm run build && npm version major && npm publish --access public",
+    "publish:minor": "npm run build && npm version minor && npm publish --access public",
+    "publish:patch": "npm run build && npm version patch && npm publish --access public"
+  },
+  "peerDependencies": {
+    "@bem-react/classname": "1.5.12",
+    "@vnejs/uis.utils": "~0.1.0",
+    "react": "19.2.4",
+    "react-dom": "19.2.4"
+  },
+  "devDependencies": {
+    "@vnejs/uis.react": "~0.1.0",
+    "typescript": "^5.7.3",
+    "@types/react": "^19.0.10",
+    "@types/react-dom": "^19.0.4"
+  },
+  "files": [
+    "dist",
+    "package.json"
+  ]
+}