@vnejs/uis.react.svg 0.1.6 → 0.1.7

package/dist/Svg.d.ts

@@ -1,2 +1,3 @@
-export declare const Svg: Record<string, any>;
+import { type SvgComponent } from "./Svg.types.js";
+export declare const Svg: SvgComponent;
 //# sourceMappingURL=Svg.d.ts.map

package/dist/Svg.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Svg.d.ts","sourceRoot":"","sources":["../src/Svg.tsx"],"names":[],"mappings":"AA0BA,eAAO,MAAM,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAM,CAAC"}
+{"version":3,"file":"Svg.d.ts","sourceRoot":"","sources":["../src/Svg.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,YAAY,EAAiD,MAAM,gBAAgB,CAAC;AA+BlG,eAAO,MAAM,GAAG,EAAS,YAAY,CAAC"}

package/dist/Svg.js

@@ -3,7 +3,7 @@ import { useCallback, useMemo } from "react";
 import { getVneLength } from "@vnejs/uis.utils";
 import { SvgCross } from "./components/Cross";
 import { b } from "./Svg.styles.js";
-const useHooks = ({ isNotRender = false, color = null, colorHover = null, size = 60, opacity = null, transition = 300, onClick, value }) => {
+const useHooks = ({ isNotRender = false, color = null, colorHover = null, size = 60, opacity = null, transition = 300, onClick, value, }) => {
     const style = useMemo(() => {
         const result = {};
         if (color)
@@ -17,7 +17,7 @@ const useHooks = ({ isNotRender = false, color = null, colorHover = null, size =
         if (size)
             Object.assign(result, { width: getVneLength(size), height: getVneLength(size) });
         return result;
-    }, [opacity, color, size, transition]);
+    }, [opacity, color, colorHover, size, transition]);
     const onClickHandler = useCallback(() => onClick?.(value), [value, onClick]);
     return [isNotRender, style, onClickHandler];
 };

package/dist/Svg.js.map

@@ -1 +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,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,OAAO,EAAE,CAAC,EAAE,MAAM,iBAAiB,CAAC;AAEpC,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"}
+{"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,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAI9C,OAAO,EAAE,CAAC,EAAE,MAAM,iBAAiB,CAAC;AAEpC,MAAM,QAAQ,GAAG,CAAK,EACpB,WAAW,GAAG,KAAK,EACnB,KAAK,GAAG,IAAI,EACZ,UAAU,GAAG,IAAI,EACjB,IAAI,GAAG,EAAE,EACT,OAAO,GAAG,IAAI,EACd,UAAU,GAAG,GAAG,EAChB,OAAO,EACP,KAAK,GACU,EAAE,EAAE;IACnB,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,MAAM,MAAM,GAAoC,EAAE,CAAC;QAEnD,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,UAAU,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;IAEnD,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,CAAU,CAAC;AACvD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAG,EAAkB,CAAC;AAEtC,GAAG,CAAC,KAAK,GAAG,CAAK,IAA+B,EAAE,EAAE;IAClD,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.styles.d.ts

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

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

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

package/dist/Svg.types.d.ts

@@ -0,0 +1,20 @@
+import type { CSSProperties, ReactElement } from "react";
+export type SvgHookArgs<T = unknown> = {
+    isNotRender?: boolean;
+    color?: string | null;
+    colorHover?: string | null;
+    size?: number;
+    opacity?: number | null;
+    transition?: number | null;
+    onClick?: (value?: T) => void;
+    value?: T;
+};
+export type SvgCrossComponentProps<T = unknown> = SvgHookArgs<T> & {
+    strokeWidth?: number;
+    className?: string;
+    style?: CSSProperties;
+};
+export type SvgComponent = {
+    Cross: <T = unknown>(args: SvgCrossComponentProps<T>) => ReactElement | null;
+};
+//# sourceMappingURL=Svg.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Svg.types.d.ts","sourceRoot":"","sources":["../src/Svg.types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEzD,MAAM,MAAM,WAAW,CAAC,CAAC,GAAG,OAAO,IAAI;IACrC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,KAAK,CAAC,EAAE,CAAC,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,sBAAsB,CAAC,CAAC,GAAG,OAAO,IAAI,WAAW,CAAC,CAAC,CAAC,GAAG;IACjE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,CAAC,CAAC,GAAG,OAAO,EAAE,IAAI,EAAE,sBAAsB,CAAC,CAAC,CAAC,KAAK,YAAY,GAAG,IAAI,CAAC;CAC9E,CAAC"}

package/dist/Svg.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Svg.types.js.map

package/dist/Svg.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Svg.types.js","sourceRoot":"","sources":["../src/Svg.types.tsx"],"names":[],"mappings":""}

package/dist/components/Cross.d.ts

@@ -1,8 +1,3 @@
-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;
+import { type SvgCrossProps } from "./Cross.types.js";
+export declare const SvgCross: ({ size, strokeWidth, style, onClick, className }: SvgCrossProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Cross.d.ts.map

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

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

package/dist/components/Cross.js.map

@@ -1 +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"}
+{"version":3,"file":"Cross.js","sourceRoot":"","sources":["../../src/components/Cross.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,WAAW,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAiB,EAAE,EAAE,CAAC,CACpG,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/components/Cross.types.d.ts

@@ -0,0 +1,9 @@
+import type { CSSProperties, MouseEventHandler } from "react";
+export type SvgCrossProps = {
+    size?: number;
+    strokeWidth?: number;
+    style?: CSSProperties;
+    onClick?: (() => void) | MouseEventHandler<SVGSVGElement>;
+    className?: string;
+};
+//# sourceMappingURL=Cross.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Cross.types.d.ts","sourceRoot":"","sources":["../../src/components/Cross.types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE9D,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,iBAAiB,CAAC,aAAa,CAAC,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}

package/dist/components/Cross.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Cross.types.js.map

package/dist/components/Cross.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cross.types.js","sourceRoot":"","sources":["../../src/components/Cross.types.tsx"],"names":[],"mappings":""}

package/dist/index.d.ts

@@ -1,2 +1,3 @@
-export * from "./Svg";
+export * from "./Svg.types.js";
+export * from "./Svg.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,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC"}

package/dist/index.js

@@ -1,2 +1,3 @@
-export * from "./Svg";
+export * from "./Svg.types.js";
+export * from "./Svg.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,OAAO,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC"}

package/package.json

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

package/src/Svg.tsx

@@ -4,11 +4,22 @@ import { getVneLength } from "@vnejs/uis.utils";
 
 import { SvgCross } from "./components/Cross";
 
+import { type SvgComponent, type SvgCrossComponentProps, type SvgHookArgs } from "./Svg.types.js";
+
 import { b } from "./Svg.styles.js";
 
-const useHooks = ({ isNotRender = false, color = null, colorHover = null, size = 60, opacity = null, transition = 300, onClick, value }) => {
+const useHooks = <T,>({
+  isNotRender = false,
+  color = null,
+  colorHover = null,
+  size = 60,
+  opacity = null,
+  transition = 300,
+  onClick,
+  value,
+}: SvgHookArgs<T>) => {
   const style = useMemo(() => {
-    const result: Record<string, any> = {};
+    const result: Record<string, string | number> = {};
 
     if (color) result["--vne-svg-color"] = color;
     if (colorHover) result["--vne-svg-color-hover"] = colorHover;
@@ -17,16 +28,16 @@ const useHooks = ({ isNotRender = false, color = null, colorHover = null, size =
     if (size) Object.assign(result, { width: getVneLength(size), height: getVneLength(size) });
 
     return result;
-  }, [opacity, color, size, transition]);
+  }, [opacity, color, colorHover, size, transition]);
 
   const onClickHandler = useCallback(() => onClick?.(value), [value, onClick]);
 
-  return [isNotRender, style, onClickHandler];
+  return [isNotRender, style, onClickHandler] as const;
 };
 
-export const Svg: Record<string, any> = {};
+export const Svg = {} as SvgComponent;
 
-Svg.Cross = (args) => {
+Svg.Cross = <T,>(args: SvgCrossComponentProps<T>) => {
   const [isNotRender, style, onClickHandler] = useHooks(args);
 
   if (isNotRender) return null;

package/src/Svg.types.tsx

@@ -0,0 +1,22 @@
+import type { CSSProperties, ReactElement } from "react";
+
+export type SvgHookArgs<T = unknown> = {
+  isNotRender?: boolean;
+  color?: string | null;
+  colorHover?: string | null;
+  size?: number;
+  opacity?: number | null;
+  transition?: number | null;
+  onClick?: (value?: T) => void;
+  value?: T;
+};
+
+export type SvgCrossComponentProps<T = unknown> = SvgHookArgs<T> & {
+  strokeWidth?: number;
+  className?: string;
+  style?: CSSProperties;
+};
+
+export type SvgComponent = {
+  Cross: <T = unknown>(args: SvgCrossComponentProps<T>) => ReactElement | null;
+};

package/src/components/Cross.tsx

@@ -1,4 +1,6 @@
-export const SvgCross = ({ size = 60, strokeWidth = 6, style, onClick, className }) => (
+import { type SvgCrossProps } from "./Cross.types.js";
+
+export const SvgCross = ({ size = 60, strokeWidth = 6, style, onClick, className }: SvgCrossProps) => (
   <svg
     className={className}
     width={size}

package/src/components/Cross.types.tsx

@@ -0,0 +1,9 @@
+import type { CSSProperties, MouseEventHandler } from "react";
+
+export type SvgCrossProps = {
+  size?: number;
+  strokeWidth?: number;
+  style?: CSSProperties;
+  onClick?: (() => void) | MouseEventHandler<SVGSVGElement>;
+  className?: string;
+};

package/src/index.ts

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

package/tsconfig.json

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