hans-ui-design-lib 0.0.50 → 0.0.52

package/dist/index.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react");var v={exports:{}},a={};/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react");var h={exports:{}},a={};/**
  * @license React
  * react-jsx-runtime.production.js
  *
@@ -6,4 +6,4 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var p;function R(){if(p)return a;p=1;var i=Symbol.for("react.transitional.element"),t=Symbol.for("react.fragment");function o(u,e,r){var n=null;if(r!==void 0&&(n=""+r),e.key!==void 0&&(n=""+e.key),"key"in e){r={};for(var s in e)s!=="key"&&(r[s]=e[s])}else r=e;return e=r.ref,{$$typeof:i,type:u,key:n,ref:e!==void 0?e:null,props:r}}return a.Fragment=t,a.jsx=o,a.jsxs=o,a}var x;function E(){return x||(x=1,v.exports=R()),v.exports}var m=E();const f=c.memo(i=>{const{label:t="",size:o="medium",color:u="primary",variant:e="default",buttonType:r="button",customClasses:n="",disabled:s=!1,children:d,...l}=i;return m.jsx("button",{type:r,disabled:s,className:`hans-button hans-button-${o} hans-button-${u} hans-button-${e} ${n}`,...l,children:d??(t&&m.jsx("span",{children:t}))})});f.displayName="HansButton";const q={Fa:()=>Promise.resolve().then(()=>require("./index-B8vGj59Y.cjs")),Md:()=>Promise.resolve().then(()=>require("./index-BniI3q7_.cjs")),Bi:()=>Promise.resolve().then(()=>require("./index-CzJEuaAC.cjs")),Ai:()=>Promise.resolve().then(()=>require("./index-DpGEmQKf.cjs")),Bs:()=>Promise.resolve().then(()=>require("./index-DOM24eP1.cjs")),Io:()=>Promise.resolve().then(()=>require("./index-DqJAPiPg.cjs")),Ri:()=>Promise.resolve().then(()=>require("./index-Cg9EwHiA.cjs")),Hi:()=>Promise.resolve().then(()=>require("./index-Cd4f2LU9.cjs")),Pi:()=>Promise.resolve().then(()=>require("./index-DgzbVFqs.cjs")),Tb:()=>Promise.resolve().then(()=>require("./index-BMJKTS9q.cjs")),Lu:()=>Promise.resolve().then(()=>require("./index-CsmLabva.cjs"))},P=c.memo(i=>{const{name:t,size:o="medium",customClasses:u="",...e}=i,[r,n]=c.useState(null);return c.useEffect(()=>{let s=!0;if(!t)return;const d=t.slice(0,2),l=q[d];if(l)return(async()=>{try{const h=await l();if(!s)return;n(()=>h[t]||null)}catch(h){console.warn(`[HansUI] Error loading icon ${t}:`,h),s&&n(()=>null)}})(),()=>{s=!1}},[t]),r?m.jsx(r,{className:`hans-icon hans-icon-${o} ${u}`,...e}):m.jsx("span",{className:"hans-icon-loading"})});P.displayName="HansIcon";exports.DynamicIconImports=q;exports.HansButton=f;exports.HansIcon=P;
+ */var v;function R(){if(v)return a;v=1;var o=Symbol.for("react.transitional.element"),s=Symbol.for("react.fragment");function i(u,e,r){var n=null;if(r!==void 0&&(n=""+r),e.key!==void 0&&(n=""+e.key),"key"in e){r={};for(var t in e)t!=="key"&&(r[t]=e[t])}else r=e;return e=r.ref,{$$typeof:o,type:u,key:n,ref:e!==void 0?e:null,props:r}}return a.Fragment=s,a.jsx=i,a.jsxs=i,a}var f;function b(){return f||(f=1,h.exports=R()),h.exports}var m=b();const P=l.memo(o=>{const{label:s="",size:i="medium",color:u="primary",variant:e="default",buttonType:r="button",customClasses:n="",disabled:t=!1,children:p,...c}=o;return m.jsx("button",{type:r,disabled:t,className:`hans-button hans-button-${i} hans-button-${u} hans-button-${e} ${n}`,...c,children:p??(s&&m.jsx("span",{children:s}))})});P.displayName="HansButton";function x(o){return Object.keys(o)}const H={name:"string",size:{type:"custom",ref:{}},customClasses:"string"},I=x(H),q={Fa:()=>Promise.resolve().then(()=>require("./index-B8vGj59Y.cjs")),Md:()=>Promise.resolve().then(()=>require("./index-BniI3q7_.cjs")),Bi:()=>Promise.resolve().then(()=>require("./index-CzJEuaAC.cjs")),Ai:()=>Promise.resolve().then(()=>require("./index-DpGEmQKf.cjs")),Bs:()=>Promise.resolve().then(()=>require("./index-DOM24eP1.cjs")),Io:()=>Promise.resolve().then(()=>require("./index-DqJAPiPg.cjs")),Ri:()=>Promise.resolve().then(()=>require("./index-Cg9EwHiA.cjs")),Hi:()=>Promise.resolve().then(()=>require("./index-Cd4f2LU9.cjs")),Pi:()=>Promise.resolve().then(()=>require("./index-DgzbVFqs.cjs")),Tb:()=>Promise.resolve().then(()=>require("./index-BMJKTS9q.cjs")),Lu:()=>Promise.resolve().then(()=>require("./index-CsmLabva.cjs"))},y=l.memo(o=>{const{name:s,size:i="medium",customClasses:u="",...e}=o,[r,n]=l.useState(null);return l.useEffect(()=>{let t=!0;if(!s)return;const p=s.slice(0,2),c=q[p];if(c)return(async()=>{try{const d=await c();if(!t)return;n(()=>d[s]||null)}catch(d){console.warn(`[HansUI] Error loading icon ${s}:`,d),t&&n(()=>null)}})(),()=>{t=!1}},[s]),r?m.jsx(r,{className:`hans-icon hans-icon-${i} ${u}`,...e}):m.jsx("span",{className:"hans-icon-loading"})});y.displayName="HansIcon";const j={label:"string",size:{type:"custom",ref:{}},color:{type:"custom",ref:{}},variant:{type:"custom",ref:{}},buttonType:{type:"custom",ref:{}},customClasses:"string",disabled:"boolean",children:"node"},E=x(j);exports.DynamicIconImports=q;exports.HansButton=P;exports.HansButtonPropsList=E;exports.HansIcon=y;exports.HansIconPropsList=I;

package/dist/index.d.ts

@@ -1,8 +1,9 @@
 import { default as default_2 } from '../../../../node_modules/react';
-import { default as default_3 } from '../../../node_modules/react';
+import { default as default_3 } from '../../node_modules/react';
+import { default as default_4 } from '../../../node_modules/react';
 import { JSX } from 'react/jsx-runtime';
 
-export declare type ButtonType = 'button' | 'submit' | 'reset';
+declare type ButtonType = 'button' | 'submit' | 'reset';
 
 declare type Color = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info';
 
@@ -10,24 +11,61 @@ export declare const DynamicIconImports: Record<string, () => Promise<IconLibrar
 
 export declare const HansButton: default_2.MemoExoticComponent<(props: HansButtonProps) => JSX.Element>;
 
-export declare interface HansButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    label?: string;
-    size?: Size;
-    color?: Color;
-    variant?: Variant;
-    buttonType?: ButtonType;
-    customClasses?: string;
-}
+export declare type HansButtonProps = InferPropsFromSchema<typeof HansButtonSchema> & default_2.ButtonHTMLAttributes<HTMLButtonElement>;
 
-export declare const HansIcon: default_3.FC<HansIconProps>;
+export declare const HansButtonPropsList: ("children" | "label" | "size" | "color" | "variant" | "buttonType" | "customClasses" | "disabled")[];
 
-export declare interface HansIconProps {
-    name?: string;
-    size?: Size;
-    customClasses?: string;
-}
+declare const HansButtonSchema: {
+    readonly label: "string";
+    readonly size: {
+        readonly type: "custom";
+        readonly ref: Size;
+    };
+    readonly color: {
+        readonly type: "custom";
+        readonly ref: Color;
+    };
+    readonly variant: {
+        readonly type: "custom";
+        readonly ref: Variant;
+    };
+    readonly buttonType: {
+        readonly type: "custom";
+        readonly ref: ButtonType;
+    };
+    readonly customClasses: "string";
+    readonly disabled: "boolean";
+    readonly children: "node";
+};
 
-export declare type IconLibrary = Record<string, default_3.ComponentType<default_3.SVGProps<SVGSVGElement>>>;
+export declare const HansIcon: default_4.FC<HansIconProps>;
+
+export declare type HansIconProps = InferPropsFromSchema<typeof HansIconSchema>;
+
+export declare const HansIconPropsList: ("size" | "customClasses" | "name")[];
+
+declare const HansIconSchema: {
+    readonly name: "string";
+    readonly size: {
+        readonly type: "custom";
+        readonly ref: Size;
+    };
+    readonly customClasses: "string";
+};
+
+declare type IconLibrary = Record<string, default_4.ComponentType<default_4.SVGProps<SVGSVGElement>>>;
+
+declare type InferPropsFromSchema<T extends Record<string, SchemaType>> = {
+    [K in keyof T]: T[K] extends 'string' ? string : T[K] extends 'boolean' ? boolean : T[K] extends 'number' ? number : T[K] extends 'node' ? default_3.ReactNode : T[K] extends 'json' ? Record<string, unknown> : T[K] extends {
+        type: 'custom';
+        ref: infer U;
+    } ? U : never;
+};
+
+declare type SchemaType = 'string' | 'boolean' | 'number' | 'node' | 'json' | {
+    type: 'custom';
+    ref: unknown;
+};
 
 declare type Size = 'small' | 'medium' | 'large';
 

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import m from "react";
-var x = { exports: {} }, u = {};
+var f = { exports: {} }, u = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -9,58 +9,65 @@ var x = { exports: {} }, u = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var f;
-function h() {
-  if (f) return u;
-  f = 1;
-  var i = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
-  function o(a, t, r) {
-    var s = null;
-    if (r !== void 0 && (s = "" + r), t.key !== void 0 && (s = "" + t.key), "key" in t) {
-      r = {};
-      for (var e in t)
-        e !== "key" && (r[e] = t[e]);
-    } else r = t;
-    return t = r.ref, {
-      $$typeof: i,
+var x;
+function v() {
+  if (x) return u;
+  x = 1;
+  var o = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
+  function i(a, t, s) {
+    var e = null;
+    if (s !== void 0 && (e = "" + s), t.key !== void 0 && (e = "" + t.key), "key" in t) {
+      s = {};
+      for (var r in t)
+        r !== "key" && (s[r] = t[r]);
+    } else s = t;
+    return t = s.ref, {
+      $$typeof: o,
       type: a,
-      key: s,
+      key: e,
       ref: t !== void 0 ? t : null,
-      props: r
+      props: s
     };
   }
-  return u.Fragment = n, u.jsx = o, u.jsxs = o, u;
+  return u.Fragment = n, u.jsx = i, u.jsxs = i, u;
 }
-var R;
-function v() {
-  return R || (R = 1, x.exports = h()), x.exports;
+var h;
+function y() {
+  return h || (h = 1, f.exports = v()), f.exports;
 }
-var c = v();
-const E = m.memo((i) => {
+var l = y();
+const b = m.memo((o) => {
   const {
     label: n = "",
-    size: o = "medium",
+    size: i = "medium",
     color: a = "primary",
     variant: t = "default",
-    buttonType: r = "button",
-    customClasses: s = "",
-    disabled: e = !1,
+    buttonType: s = "button",
+    customClasses: e = "",
+    disabled: r = !1,
     children: p,
-    ...l
-  } = i;
-  return /* @__PURE__ */ c.jsx(
+    ...c
+  } = o;
+  return /* @__PURE__ */ l.jsx(
     "button",
     {
-      type: r,
-      disabled: e,
-      className: `hans-button hans-button-${o} hans-button-${a} hans-button-${t} ${s}`,
-      ...l,
-      children: p ?? (n && /* @__PURE__ */ c.jsx("span", { children: n }))
+      type: s,
+      disabled: r,
+      className: `hans-button hans-button-${i} hans-button-${a} hans-button-${t} ${e}`,
+      ...c,
+      children: p ?? (n && /* @__PURE__ */ l.jsx("span", { children: n }))
     }
   );
 });
-E.displayName = "HansButton";
-const j = {
+b.displayName = "HansButton";
+function R(o) {
+  return Object.keys(o);
+}
+const E = {
+  name: "string",
+  size: { type: "custom", ref: {} },
+  customClasses: "string"
+}, $ = R(E), j = {
   Fa: () => import("./index-CuLnU-aI.js"),
   Md: () => import("./index-D5QBazti.js"),
   Bi: () => import("./index-Cru_aeJC.js"),
@@ -72,37 +79,49 @@ const j = {
   Pi: () => import("./index-CraOMhSg.js"),
   Tb: () => import("./index-C_w14lJB.js"),
   Lu: () => import("./index-HCQwBvMc.js")
-}, $ = m.memo(
-  (i) => {
-    const { name: n, size: o = "medium", customClasses: a = "", ...t } = i, [r, s] = m.useState(null);
+}, H = m.memo(
+  (o) => {
+    const { name: n, size: i = "medium", customClasses: a = "", ...t } = o, [s, e] = m.useState(null);
     return m.useEffect(() => {
-      let e = !0;
+      let r = !0;
       if (!n) return;
-      const p = n.slice(0, 2), l = j[p];
-      if (l)
+      const p = n.slice(0, 2), c = j[p];
+      if (c)
         return (async () => {
           try {
-            const d = await l();
-            if (!e) return;
-            s(() => d[n] || null);
+            const d = await c();
+            if (!r) return;
+            e(() => d[n] || null);
           } catch (d) {
-            console.warn(`[HansUI] Error loading icon ${n}:`, d), e && s(() => null);
+            console.warn(`[HansUI] Error loading icon ${n}:`, d), r && e(() => null);
           }
         })(), () => {
-          e = !1;
+          r = !1;
         };
-    }, [n]), r ? /* @__PURE__ */ c.jsx(
-      r,
+    }, [n]), s ? /* @__PURE__ */ l.jsx(
+      s,
       {
-        className: `hans-icon hans-icon-${o} ${a}`,
+        className: `hans-icon hans-icon-${i} ${a}`,
         ...t
       }
-    ) : /* @__PURE__ */ c.jsx("span", { className: "hans-icon-loading" });
+    ) : /* @__PURE__ */ l.jsx("span", { className: "hans-icon-loading" });
   }
 );
-$.displayName = "HansIcon";
+H.displayName = "HansIcon";
+const I = {
+  label: "string",
+  size: { type: "custom", ref: {} },
+  color: { type: "custom", ref: {} },
+  variant: { type: "custom", ref: {} },
+  buttonType: { type: "custom", ref: {} },
+  customClasses: "string",
+  disabled: "boolean",
+  children: "node"
+}, C = R(I);
 export {
   j as DynamicIconImports,
-  E as HansButton,
-  $ as HansIcon
+  b as HansButton,
+  C as HansButtonPropsList,
+  H as HansIcon,
+  $ as HansIconPropsList
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "hans-ui-design-lib",
   "description": "UI Design System Base Lib",
   "author": "Victor Hanszman",
-  "version": "0.0.50",
+  "version": "0.0.52",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.cjs.js",