@vnejs/uis.react.svg 0.1.2

package/dist/Svg.d.ts

@@ -0,0 +1,3 @@
+import "./Svg.styl";
+export declare const Svg: Record<string, any>;
+//# sourceMappingURL=Svg.d.ts.map

package/dist/Svg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Svg.d.ts","sourceRoot":"","sources":["../src/Svg.tsx"],"names":[],"mappings":"AAMA,OAAO,YAAY,CAAC;AAsBpB,eAAO,MAAM,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAM,CAAC"}

package/dist/Svg.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useMemo } from "react";
+import { cn, getVneLength } from "@vnejs/uis.utils";
+import { SvgCross } from "./components/Cross";
+import "./Svg.styl";
+const b = cn("Svg");
+const useHooks = ({ isNotRender = false, color = null, colorHover = null, size = 60, opacity = null, transition = 300, onClick, value }) => {
+    const style = useMemo(() => {
+        const result = {};
+        if (color)
+            result["--vne-svg-color"] = color;
+        if (colorHover)
+            result["--vne-svg-color-hover"] = colorHover;
+        if (transition)
+            result.transition = `${transition}ms`;
+        if (opacity !== null)
+            result.opacity = opacity;
+        if (size)
+            Object.assign(result, { width: getVneLength(size), height: getVneLength(size) });
+        return result;
+    }, [opacity, color, size, transition]);
+    const onClickHandler = useCallback(() => onClick?.(value), [value, onClick]);
+    return [isNotRender, style, onClickHandler];
+};
+export const Svg = {};
+Svg.Cross = (args) => {
+    const [isNotRender, style, onClickHandler] = useHooks(args);
+    if (isNotRender)
+        return null;
+    return (_jsx(SvgCross, { ...args, className: b({ isHoverable: Boolean(args.onClick) }), style: style, onClick: onClickHandler }));
+};
+//# sourceMappingURL=Svg.js.map

package/dist/Svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Svg.js","sourceRoot":"","sources":["../src/Svg.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,EAAE,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEpD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,OAAO,YAAY,CAAC;AAEpB,MAAM,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;AAEpB,MAAM,QAAQ,GAAG,CAAC,EAAE,WAAW,GAAG,KAAK,EAAE,KAAK,GAAG,IAAI,EAAE,UAAU,GAAG,IAAI,EAAE,IAAI,GAAG,EAAE,EAAE,OAAO,GAAG,IAAI,EAAE,UAAU,GAAG,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE;IACzI,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,MAAM,MAAM,GAAwB,EAAE,CAAC;QAEvC,IAAI,KAAK;YAAE,MAAM,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC;QAC7C,IAAI,UAAU;YAAE,MAAM,CAAC,uBAAuB,CAAC,GAAG,UAAU,CAAC;QAC7D,IAAI,UAAU;YAAE,MAAM,CAAC,UAAU,GAAG,GAAG,UAAU,IAAI,CAAC;QACtD,IAAI,OAAO,KAAK,IAAI;YAAE,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC;QAC/C,IAAI,IAAI;YAAE,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAE3F,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;IAEvC,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAE7E,OAAO,CAAC,WAAW,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC;AAC9C,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAwB,EAAE,CAAC;AAE3C,GAAG,CAAC,KAAK,GAAG,CAAC,IAAI,EAAE,EAAE;IACnB,MAAM,CAAC,WAAW,EAAE,KAAK,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE5D,IAAI,WAAW;QAAE,OAAO,IAAI,CAAC;IAE7B,OAAO,CACL,KAAC,QAAQ,OACH,IAAI,EACR,SAAS,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,EACpD,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,cAAc,GACvB,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/Svg.styl

@@ -0,0 +1,10 @@
+.Svg
+    --vne-svg-color: var(--vne-color-primary, rgba(255, 255, 255, 60%))
+    --vne-svg-color-hover: var(--vne-color-active, rgba(255, 255, 255, 90%))
+
+    stroke: var(--vne-svg-color)
+
+    transition: 300ms
+
+    &_isHoverable[vne-cursor-target]
+        stroke: var(--vne-svg-color-hover)

package/dist/components/Cross.d.ts

@@ -0,0 +1,8 @@
+export declare const SvgCross: ({ size, strokeWidth, style, onClick, className }: {
+    size?: number;
+    strokeWidth?: number;
+    style: any;
+    onClick: any;
+    className: any;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Cross.d.ts.map

package/dist/components/Cross.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cross.d.ts","sourceRoot":"","sources":["../../src/components/Cross.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,GAAI;;;;;;CAAyD,4CAyBjF,CAAC"}

package/dist/components/Cross.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const SvgCross = ({ size = 60, strokeWidth = 6, style, onClick, className }) => (_jsxs("svg", { className: className, width: size, height: size, viewBox: `0 0 ${size} ${size}`, xmlns: "http://www.w3.org/2000/svg", strokeWidth: strokeWidth, strokeLinecap: "round", style: style, onClick: onClick, children: [_jsx("line", { x1: strokeWidth, y1: strokeWidth, x2: size - strokeWidth, y2: size - strokeWidth }), _jsx("line", { x1: size - strokeWidth, y1: strokeWidth, x2: strokeWidth, y2: size - strokeWidth })] }));
+//# sourceMappingURL=Cross.js.map

package/dist/components/Cross.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cross.js","sourceRoot":"","sources":["../../src/components/Cross.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,WAAW,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CACrF,eACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAE,OAAO,IAAI,IAAI,IAAI,EAAE,EAC9B,KAAK,EAAC,4BAA4B,EAClC,WAAW,EAAE,WAAW,EACxB,aAAa,EAAC,OAAO,EACrB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,aAEhB,eACE,EAAE,EAAE,WAAW,EACf,EAAE,EAAE,WAAW,EACf,EAAE,EAAE,IAAI,GAAG,WAAW,EACtB,EAAE,EAAE,IAAI,GAAG,WAAW,GACtB,EACF,eACE,EAAE,EAAE,IAAI,GAAG,WAAW,EACtB,EAAE,EAAE,WAAW,EACf,EAAE,EAAE,WAAW,EACf,EAAE,EAAE,IAAI,GAAG,WAAW,GACtB,IACE,CACP,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Svg";
+//# 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,OAAO,CAAC"}

package/dist/index.js

@@ -0,0 +1,2 @@
+export * from "./Svg";
+//# 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,OAAO,CAAC"}

package/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "@vnejs/uis.react.svg",
+  "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": {
+    "typescript": "^5.7.3",
+    "@types/react": "^19.0.10",
+    "@types/react-dom": "^19.0.4"
+  },
+  "files": [
+    "dist",
+    "package.json"
+  ]
+}