hans-ui-design-lib 0.0.67 → 0.0.68

package/dist/index.cjs.js

@@ -6,4 +6,19 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var v;function b(){if(v)return p;v=1;var o=Symbol.for("react.transitional.element"),t=Symbol.for("react.fragment");function i(u,e,s){var n=null;if(s!==void 0&&(n=""+s),e.key!==void 0&&(n=""+e.key),"key"in e){s={};for(var r in e)r!=="key"&&(s[r]=e[r])}else s=e;return e=s.ref,{$$typeof:o,type:u,key:n,ref:e!==void 0?e:null,props:s}}return p.Fragment=t,p.jsx=i,p.jsxs=i,p}var f;function q(){return f||(f=1,h.exports=b()),h.exports}var a=q();const x=d.memo(o=>{const{label:t="",size:i="medium",color:u="primary",variant:e="default",buttonType:s="button",customClasses:n="",disabled:r=!1,children:c,...l}=o;return a.jsx("button",{type:s,disabled:r,className:`hans-button hans-button-${i} hans-button-${u} hans-button-${e} ${n}`,...l,children:a.jsx("slot",{children:c??(t&&a.jsx("span",{children:t}))})})});x.displayName="HansButton";const P=d.memo(o=>{const{label:t="",placeholder:i="",value:u="",color:e="primary",inputSize:s="medium",inputType:n="text",customClasses:r="",disabled:c=!1,children:l,...m}=o;return a.jsxs(a.Fragment,{children:[l,t,a.jsx("input",{type:n,disabled:c,value:u,placeholder:i,className:`hans-input hans-input-${s} hans-input-${e} ${r}`,...m})]})});P.displayName="HansInput";function y(o){return Object.keys(o)}const R={name:"string",size:{type:"custom",ref:{}},customClasses:"string"},j=y(R),H={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"))},I=d.memo(o=>{const{name:t,size:i="medium",customClasses:u="",...e}=o,[s,n]=d.useState(null);return d.useEffect(()=>{let r=!0;if(!t)return;const c=t.slice(0,2),l=H[c];if(l)return(async()=>{try{const m=await l();if(!r)return;n(()=>m[t]||null)}catch(m){console.warn(`[HansUI] Error loading icon ${t}:`,m),r&&n(()=>null)}})(),()=>{r=!1}},[t]),s?a.jsx(s,{className:`hans-icon hans-icon-${i} ${u}`,...e}):a.jsx("span",{className:"hans-icon-loading"})});I.displayName="HansIcon";const $={label:"string",size:{type:"custom",ref:{}},color:{type:"custom",ref:{}},variant:{type:"custom",ref:{}},buttonType:{type:"custom",ref:{}},customClasses:"string",disabled:"boolean"},E=y($);exports.DynamicIconImports=H;exports.HansButton=x;exports.HansButtonPropsList=E;exports.HansIcon=I;exports.HansIconPropsList=j;exports.HansInput=P;
+ */var f;function I(){if(f)return p;f=1;var o=Symbol.for("react.transitional.element"),s=Symbol.for("react.fragment");function i(a,e,t){var r=null;if(t!==void 0&&(r=""+t),e.key!==void 0&&(r=""+e.key),"key"in e){t={};for(var n in e)n!=="key"&&(t[n]=e[n])}else t=e;return e=t.ref,{$$typeof:o,type:a,key:r,ref:e!==void 0?e:null,props:t}}return p.Fragment=s,p.jsx=i,p.jsxs=i,p}var v;function q(){return v||(v=1,h.exports=I()),h.exports}var u=q();const x=d.memo(o=>{const{label:s="",buttonSize:i="medium",buttonColor:a="primary",buttonVariant:e="default",buttonType:t="button",customClasses:r="",disabled:n=!1,children:c,...l}=o;return u.jsx("button",{type:t,disabled:n,className:`
+        hans-button
+        hans-button-${i}
+        hans-button-${a}
+        hans-button-${e}
+        ${r}
+      `,...l,children:u.jsx("slot",{children:c??(s&&u.jsx("span",{children:s}))})})});x.displayName="HansButton";const b=d.memo(o=>{const{label:s="",placeholder:i="",value:a="",inputColor:e="primary",inputSize:t="medium",inputType:r="text",customClasses:n="",disabled:c=!1,children:l,...m}=o;return u.jsxs(u.Fragment,{children:[l,s,u.jsx("input",{type:r,disabled:c,value:a,placeholder:i,className:`
+          hans-input
+          hans-input-${t}
+          hans-input-${e}
+          ${n}
+        `,...m})]})});b.displayName="HansInput";function P(o){return Object.keys(o)}const R={name:"string",iconSize:{type:"custom",ref:{}},customClasses:"string"},j=P(R),y={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"))},H=d.memo(o=>{const{name:s,iconSize:i="medium",customClasses:a="",...e}=o,[t,r]=d.useState(null);return d.useEffect(()=>{let n=!0;if(!s)return;const c=s.slice(0,2),l=y[c];if(l)return(async()=>{try{const m=await l();if(!n)return;r(()=>m[s]||null)}catch(m){console.warn(`[HansUI] Error loading icon ${s}:`,m),n&&r(()=>null)}})(),()=>{n=!1}},[s]),t?u.jsx(t,{className:`
+          hans-icon
+          hans-icon-${i}
+          ${a}
+        `,...e}):u.jsx("span",{className:"hans-icon-loading"})});H.displayName="HansIcon";const C={label:"string",buttonSize:{type:"custom",ref:{}},buttonColor:{type:"custom",ref:{}},buttonVariant:{type:"custom",ref:{}},buttonType:{type:"custom",ref:{}},customClasses:"string",disabled:"boolean"},S=P(C);exports.DynamicIconImports=y;exports.HansButton=x;exports.HansButtonPropsList=S;exports.HansIcon=H;exports.HansIconPropsList=j;exports.HansInput=b;

package/dist/index.d.ts

@@ -11,19 +11,19 @@ export declare const HansButton: default_2.MemoExoticComponent<(props: HansButto
 
 export declare type HansButtonProps = InferPropsFromSchema<typeof HansButtonSchema> & default_2.ButtonHTMLAttributes<HTMLButtonElement>;
 
-export declare const HansButtonPropsList: ("label" | "size" | "color" | "variant" | "buttonType" | "customClasses" | "disabled")[];
+export declare const HansButtonPropsList: ("label" | "buttonSize" | "buttonColor" | "buttonVariant" | "buttonType" | "customClasses" | "disabled")[];
 
 declare const HansButtonSchema: {
     readonly label: "string";
-    readonly size: {
+    readonly buttonSize: {
         readonly type: "custom";
         readonly ref: Size;
     };
-    readonly color: {
+    readonly buttonColor: {
         readonly type: "custom";
         readonly ref: Color;
     };
-    readonly variant: {
+    readonly buttonVariant: {
         readonly type: "custom";
         readonly ref: Variant;
     };
@@ -39,11 +39,11 @@ export declare const HansIcon: default_2.FC<HansIconProps>;
 
 export declare type HansIconProps = InferPropsFromSchema<typeof HansIconSchema>;
 
-export declare const HansIconPropsList: ("size" | "customClasses" | "name")[];
+export declare const HansIconPropsList: ("customClasses" | "name" | "iconSize")[];
 
 declare const HansIconSchema: {
     readonly name: "string";
-    readonly size: {
+    readonly iconSize: {
         readonly type: "custom";
         readonly ref: Size;
     };
@@ -58,7 +58,7 @@ declare const HansInputSchema: {
     readonly label: "string";
     readonly placeholder: "string";
     readonly value: "string";
-    readonly color: {
+    readonly inputColor: {
         readonly type: "custom";
         readonly ref: Color;
     };

package/dist/index.es.js

@@ -10,94 +10,105 @@ var x = { exports: {} }, p = {};
  * LICENSE file in the root directory of this source tree.
  */
 var f;
-function R() {
+function y() {
   if (f) return p;
   f = 1;
-  var o = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
-  function a(u, t, s) {
+  var o = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
+  function i(u, t, n) {
     var r = null;
-    if (s !== void 0 && (r = "" + s), t.key !== void 0 && (r = "" + t.key), "key" in t) {
-      s = {};
+    if (n !== void 0 && (r = "" + n), t.key !== void 0 && (r = "" + t.key), "key" in t) {
+      n = {};
       for (var e in t)
-        e !== "key" && (s[e] = t[e]);
-    } else s = t;
-    return t = s.ref, {
+        e !== "key" && (n[e] = t[e]);
+    } else n = t;
+    return t = n.ref, {
       $$typeof: o,
       type: u,
       key: r,
       ref: t !== void 0 ? t : null,
-      props: s
+      props: n
     };
   }
-  return p.Fragment = n, p.jsx = a, p.jsxs = a, p;
+  return p.Fragment = s, p.jsx = i, p.jsxs = i, p;
 }
 var h;
-function b() {
-  return h || (h = 1, x.exports = R()), x.exports;
+function R() {
+  return h || (h = 1, x.exports = y()), x.exports;
 }
-var i = b();
-const v = d.memo((o) => {
+var a = R();
+const j = d.memo((o) => {
   const {
-    label: n = "",
-    size: a = "medium",
-    color: u = "primary",
-    variant: t = "default",
-    buttonType: s = "button",
+    label: s = "",
+    buttonSize: i = "medium",
+    buttonColor: u = "primary",
+    buttonVariant: t = "default",
+    buttonType: n = "button",
     customClasses: r = "",
     disabled: e = !1,
     children: l,
     ...c
   } = o;
-  return /* @__PURE__ */ i.jsx(
+  return /* @__PURE__ */ a.jsx(
     "button",
     {
-      type: s,
+      type: n,
       disabled: e,
-      className: `hans-button hans-button-${a} hans-button-${u} hans-button-${t} ${r}`,
+      className: `
+        hans-button
+        hans-button-${i}
+        hans-button-${u}
+        hans-button-${t}
+        ${r}
+      `,
       ...c,
-      children: /* @__PURE__ */ i.jsx("slot", { children: l ?? (n && /* @__PURE__ */ i.jsx("span", { children: n })) })
+      children: /* @__PURE__ */ a.jsx("slot", { children: l ?? (s && /* @__PURE__ */ a.jsx("span", { children: s })) })
     }
   );
 });
-v.displayName = "HansButton";
-const j = d.memo((o) => {
+j.displayName = "HansButton";
+const v = d.memo((o) => {
   const {
-    label: n = "",
-    placeholder: a = "",
+    label: s = "",
+    placeholder: i = "",
     value: u = "",
-    color: t = "primary",
-    inputSize: s = "medium",
+    inputColor: t = "primary",
+    inputSize: n = "medium",
     inputType: r = "text",
     customClasses: e = "",
     disabled: l = !1,
     children: c,
     ...m
   } = o;
-  return /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+  return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     c,
-    n,
-    /* @__PURE__ */ i.jsx(
+    s,
+    /* @__PURE__ */ a.jsx(
       "input",
       {
         type: r,
         disabled: l,
         value: u,
-        placeholder: a,
-        className: `hans-input hans-input-${s} hans-input-${t} ${e}`,
+        placeholder: i,
+        className: `
+          hans-input
+          hans-input-${n}
+          hans-input-${t}
+          ${e}
+        `,
         ...m
       }
     )
   ] });
 });
-j.displayName = "HansInput";
-function y(o) {
+v.displayName = "HansInput";
+function b(o) {
   return Object.keys(o);
 }
-const H = {
+const C = {
   name: "string",
-  size: { type: "custom", ref: {} },
+  iconSize: { type: "custom", ref: {} },
   customClasses: "string"
-}, C = y(H), I = {
+}, S = b(C), H = {
   Fa: () => import("./index-CuLnU-aI.js"),
   Md: () => import("./index-D5QBazti.js"),
   Bi: () => import("./index-Cru_aeJC.js"),
@@ -109,49 +120,53 @@ const H = {
   Pi: () => import("./index-CraOMhSg.js"),
   Tb: () => import("./index-C_w14lJB.js"),
   Lu: () => import("./index-HCQwBvMc.js")
-}, $ = d.memo(
+}, I = d.memo(
   (o) => {
-    const { name: n, size: a = "medium", customClasses: u = "", ...t } = o, [s, r] = d.useState(null);
+    const { name: s, iconSize: i = "medium", customClasses: u = "", ...t } = o, [n, r] = d.useState(null);
     return d.useEffect(() => {
       let e = !0;
-      if (!n) return;
-      const l = n.slice(0, 2), c = I[l];
+      if (!s) return;
+      const l = s.slice(0, 2), c = H[l];
       if (c)
         return (async () => {
           try {
             const m = await c();
             if (!e) return;
-            r(() => m[n] || null);
+            r(() => m[s] || null);
           } catch (m) {
-            console.warn(`[HansUI] Error loading icon ${n}:`, m), e && r(() => null);
+            console.warn(`[HansUI] Error loading icon ${s}:`, m), e && r(() => null);
           }
         })(), () => {
           e = !1;
         };
-    }, [n]), s ? /* @__PURE__ */ i.jsx(
-      s,
+    }, [s]), n ? /* @__PURE__ */ a.jsx(
+      n,
       {
-        className: `hans-icon hans-icon-${a} ${u}`,
+        className: `
+          hans-icon
+          hans-icon-${i}
+          ${u}
+        `,
         ...t
       }
-    ) : /* @__PURE__ */ i.jsx("span", { className: "hans-icon-loading" });
+    ) : /* @__PURE__ */ a.jsx("span", { className: "hans-icon-loading" });
   }
 );
-$.displayName = "HansIcon";
-const E = {
+I.displayName = "HansIcon";
+const $ = {
   label: "string",
-  size: { type: "custom", ref: {} },
-  color: { type: "custom", ref: {} },
-  variant: { type: "custom", ref: {} },
+  buttonSize: { type: "custom", ref: {} },
+  buttonColor: { type: "custom", ref: {} },
+  buttonVariant: { type: "custom", ref: {} },
   buttonType: { type: "custom", ref: {} },
   customClasses: "string",
   disabled: "boolean"
-}, k = y(E);
+}, T = b($);
 export {
-  I as DynamicIconImports,
-  v as HansButton,
-  k as HansButtonPropsList,
-  $ as HansIcon,
-  C as HansIconPropsList,
-  j as HansInput
+  H as DynamicIconImports,
+  j as HansButton,
+  T as HansButtonPropsList,
+  I as HansIcon,
+  S as HansIconPropsList,
+  v as HansInput
 };

package/package.json

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