hans-ui-design-lib 0.0.46 → 0.0.47

package/README.md

@@ -172,19 +172,5 @@ npm i -D sass
 
 npm i -D react-icons
 
-npm i -D react-to-webcomponent
-
-npm install -D webpack webpack-cli webpack-merge html-webpack-plugin css-loader style-loader tslib
-
-npm install -D babel-loader @babel/core @babel/preset-env @babel/preset-react
-
-npm install -D webpack-dev-server
-
-npm install -D ts-loader source-map-loader
-
-npm install -D copy-webpack-plugin
-
-npm install -D @babel/preset-typescript react@19.2.0 react-dom@19.2.0
-
-npm install -D mini-css-extract-plugin
+npm i -D react react-dom react-to-webcomponent @ungap/custom-elements
 ```

package/dist/index.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react");var P={exports:{}},_={};/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react");var v={exports:{}},a={};/**
  * @license React
  * react-jsx-runtime.production.js
  *
@@ -6,17 +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 F;function oe(){if(F)return _;F=1;var l=Symbol.for("react.transitional.element"),u=Symbol.for("react.fragment");function f(m,a,s){var c=null;if(s!==void 0&&(c=""+s),a.key!==void 0&&(c=""+a.key),"key"in a){s={};for(var i in a)i!=="key"&&(s[i]=a[i])}else s=a;return a=s.ref,{$$typeof:l,type:m,key:c,ref:a!==void 0?a:null,props:s}}return _.Fragment=u,_.jsx=f,_.jsxs=f,_}var p={};/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var M;function ae(){return M||(M=1,process.env.NODE_ENV!=="production"&&(function(){function l(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===re?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case k:return"Fragment";case B:return"Profiler";case V:return"StrictMode";case Z:return"Suspense";case Q:return"SuspenseList";case ee:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case J:return"Portal";case X:return e.displayName||"Context";case G:return(e._context.displayName||"Context")+".Consumer";case H:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case K:return r=e.displayName||null,r!==null?r:l(e.type)||"Memo";case O:r=e._payload,e=e._init;try{return l(e(r))}catch{}}return null}function u(e){return""+e}function f(e){try{u(e);var r=!1}catch{r=!0}if(r){r=console;var t=r.error,n=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",n),u(e)}}function m(e){if(e===k)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===O)return"<...>";try{var r=l(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function a(){var e=S.A;return e===null?null:e.getOwner()}function s(){return Error("react-stack-top-frame")}function c(e){if(C.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function i(e,r){function t(){I||(I=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}function v(){var e=l(this.type);return $[e]||($[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function d(e,r,t,n,h,j){var o=t.ref;return e={$$typeof:N,type:e,key:r,props:t,_owner:n},(o!==void 0?o:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:v}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:h}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:j}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function E(e,r,t,n,h,j){var o=r.children;if(o!==void 0)if(n)if(te(o)){for(n=0;n<o.length;n++)w(o[n]);Object.freeze&&Object.freeze(o)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else w(o);if(C.call(r,"key")){o=l(e);var b=Object.keys(r).filter(function(ne){return ne!=="key"});n=0<b.length?"{key: someKey, "+b.join(": ..., ")+": ...}":"{key: someKey}",D[o+n]||(b=0<b.length?"{"+b.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`,n,o,b,o),D[o+n]=!0)}if(o=null,t!==void 0&&(f(t),o=""+t),c(r)&&(f(r.key),o=""+r.key),"key"in r){t={};for(var x in r)x!=="key"&&(t[x]=r[x])}else t=r;return o&&i(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),d(e,o,t,a(),h,j)}function w(e){g(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===O&&(e._payload.status==="fulfilled"?g(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function g(e){return typeof e=="object"&&e!==null&&e.$$typeof===N}var T=R,N=Symbol.for("react.transitional.element"),J=Symbol.for("react.portal"),k=Symbol.for("react.fragment"),V=Symbol.for("react.strict_mode"),B=Symbol.for("react.profiler"),G=Symbol.for("react.consumer"),X=Symbol.for("react.context"),H=Symbol.for("react.forward_ref"),Z=Symbol.for("react.suspense"),Q=Symbol.for("react.suspense_list"),K=Symbol.for("react.memo"),O=Symbol.for("react.lazy"),ee=Symbol.for("react.activity"),re=Symbol.for("react.client.reference"),S=T.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,C=Object.prototype.hasOwnProperty,te=Array.isArray,A=console.createTask?console.createTask:function(){return null};T={react_stack_bottom_frame:function(e){return e()}};var I,$={},Y=T.react_stack_bottom_frame.bind(T,s)(),q=A(m(s)),D={};p.Fragment=k,p.jsx=function(e,r,t){var n=1e4>S.recentlyCreatedOwnerStacks++;return E(e,r,t,!1,n?Error("react-stack-top-frame"):Y,n?A(m(e)):q)},p.jsxs=function(e,r,t){var n=1e4>S.recentlyCreatedOwnerStacks++;return E(e,r,t,!0,n?Error("react-stack-top-frame"):Y,n?A(m(e)):q)}})()),p}var L;function se(){return L||(L=1,process.env.NODE_ENV==="production"?P.exports=oe():P.exports=ae()),P.exports}var y=se();const U=R.memo(l=>{const{label:u="",size:f="medium",color:m="primary",variant:a="default",buttonType:s="button",customClasses:c="",disabled:i=!1,children:v,...d}=l;return y.jsx("button",{type:s,disabled:i,className:`hans-button hans-button-${f} hans-button-${m} hans-button-${a} ${c}`,...d,children:v??(u&&y.jsx("span",{children:u}))})});U.displayName="Button";const W={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"))},z=R.memo(l=>{const{name:u,size:f="medium",customClasses:m="",...a}=l,[s,c]=R.useState(null);return R.useEffect(()=>{let i=!0;if(!u)return;const v=u.slice(0,2),d=W[v];if(d)return(async()=>{try{const E=await d();if(!i)return;c(()=>E[u]||null)}catch(E){console.warn(`[HansUI] Error loading icon ${u}:`,E),i&&c(()=>null)}})(),()=>{i=!1}},[u]),s?y.jsx(s,{className:`hans-icon hans-icon-${f} ${m}`,...a}):y.jsx("span",{className:"hans-icon-loading"})});z.displayName="Icon";exports.Button=U;exports.DynamicIconImports=W;exports.Icon=z;
+ */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="Button";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="Icon";exports.Button=f;exports.DynamicIconImports=q;exports.Icon=P;

package/dist/index.es.js

@@ -1,5 +1,5 @@
-import v from "react";
-var y = { exports: {} }, b = {};
+import m from "react";
+var x = { exports: {} }, u = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -9,299 +9,58 @@ var y = { exports: {} }, b = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var L;
-function re() {
-  if (L) return b;
-  L = 1;
-  var u = Symbol.for("react.transitional.element"), l = Symbol.for("react.fragment");
-  function f(m, a, s) {
-    var i = null;
-    if (s !== void 0 && (i = "" + s), a.key !== void 0 && (i = "" + a.key), "key" in a) {
-      s = {};
-      for (var c in a)
-        c !== "key" && (s[c] = a[c]);
-    } else s = a;
-    return a = s.ref, {
-      $$typeof: u,
-      type: m,
-      key: i,
-      ref: a !== void 0 ? a : null,
-      props: s
+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,
+      type: a,
+      key: s,
+      ref: t !== void 0 ? t : null,
+      props: r
     };
   }
-  return b.Fragment = l, b.jsx = f, b.jsxs = f, b;
+  return u.Fragment = n, u.jsx = o, u.jsxs = o, u;
 }
-var R = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var M;
-function te() {
-  return M || (M = 1, process.env.NODE_ENV !== "production" && (function() {
-    function u(e) {
-      if (e == null) return null;
-      if (typeof e == "function")
-        return e.$$typeof === Q ? null : e.displayName || e.name || null;
-      if (typeof e == "string") return e;
-      switch (e) {
-        case O:
-          return "Fragment";
-        case J:
-          return "Profiler";
-        case z:
-          return "StrictMode";
-        case G:
-          return "Suspense";
-        case X:
-          return "SuspenseList";
-        case Z:
-          return "Activity";
-      }
-      if (typeof e == "object")
-        switch (typeof e.tag == "number" && console.error(
-          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), e.$$typeof) {
-          case W:
-            return "Portal";
-          case q:
-            return e.displayName || "Context";
-          case V:
-            return (e._context.displayName || "Context") + ".Consumer";
-          case B:
-            var r = e.render;
-            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case H:
-            return r = e.displayName || null, r !== null ? r : u(e.type) || "Memo";
-          case A:
-            r = e._payload, e = e._init;
-            try {
-              return u(e(r));
-            } catch {
-            }
-        }
-      return null;
-    }
-    function l(e) {
-      return "" + e;
-    }
-    function f(e) {
-      try {
-        l(e);
-        var r = !1;
-      } catch {
-        r = !0;
-      }
-      if (r) {
-        r = console;
-        var t = r.error, n = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return t.call(
-          r,
-          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          n
-        ), l(e);
-      }
-    }
-    function m(e) {
-      if (e === O) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === A)
-        return "<...>";
-      try {
-        var r = u(e);
-        return r ? "<" + r + ">" : "<...>";
-      } catch {
-        return "<...>";
-      }
-    }
-    function a() {
-      var e = x.A;
-      return e === null ? null : e.getOwner();
-    }
-    function s() {
-      return Error("react-stack-top-frame");
-    }
-    function i(e) {
-      if (C.call(e, "key")) {
-        var r = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (r && r.isReactWarning) return !1;
-      }
-      return e.key !== void 0;
-    }
-    function c(e, r) {
-      function t() {
-        I || (I = !0, console.error(
-          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          r
-        ));
-      }
-      t.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: t,
-        configurable: !0
-      });
-    }
-    function _() {
-      var e = u(this.type);
-      return $[e] || ($[e] = !0, console.error(
-        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), e = this.props.ref, e !== void 0 ? e : null;
-    }
-    function d(e, r, t, n, k, P) {
-      var o = t.ref;
-      return e = {
-        $$typeof: N,
-        type: e,
-        key: r,
-        props: t,
-        _owner: n
-      }, (o !== void 0 ? o : null) !== null ? Object.defineProperty(e, "ref", {
-        enumerable: !1,
-        get: _
-      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: 0
-      }), Object.defineProperty(e, "_debugInfo", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: null
-      }), Object.defineProperty(e, "_debugStack", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: k
-      }), Object.defineProperty(e, "_debugTask", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: P
-      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
-    }
-    function p(e, r, t, n, k, P) {
-      var o = r.children;
-      if (o !== void 0)
-        if (n)
-          if (K(o)) {
-            for (n = 0; n < o.length; n++)
-              w(o[n]);
-            Object.freeze && Object.freeze(o);
-          } else
-            console.error(
-              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
-            );
-        else w(o);
-      if (C.call(r, "key")) {
-        o = u(e);
-        var E = Object.keys(r).filter(function(ee) {
-          return ee !== "key";
-        });
-        n = 0 < E.length ? "{key: someKey, " + E.join(": ..., ") + ": ...}" : "{key: someKey}", D[o + n] || (E = 0 < E.length ? "{" + E.join(": ..., ") + ": ...}" : "{}", console.error(
-          `A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`,
-          n,
-          o,
-          E,
-          o
-        ), D[o + n] = !0);
-      }
-      if (o = null, t !== void 0 && (f(t), o = "" + t), i(r) && (f(r.key), o = "" + r.key), "key" in r) {
-        t = {};
-        for (var j in r)
-          j !== "key" && (t[j] = r[j]);
-      } else t = r;
-      return o && c(
-        t,
-        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), d(
-        e,
-        o,
-        t,
-        a(),
-        k,
-        P
-      );
-    }
-    function w(e) {
-      g(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === A && (e._payload.status === "fulfilled" ? g(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
-    }
-    function g(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === N;
-    }
-    var T = v, N = Symbol.for("react.transitional.element"), W = Symbol.for("react.portal"), O = Symbol.for("react.fragment"), z = Symbol.for("react.strict_mode"), J = Symbol.for("react.profiler"), V = Symbol.for("react.consumer"), q = Symbol.for("react.context"), B = Symbol.for("react.forward_ref"), G = Symbol.for("react.suspense"), X = Symbol.for("react.suspense_list"), H = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), Z = Symbol.for("react.activity"), Q = Symbol.for("react.client.reference"), x = T.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, C = Object.prototype.hasOwnProperty, K = Array.isArray, S = console.createTask ? console.createTask : function() {
-      return null;
-    };
-    T = {
-      react_stack_bottom_frame: function(e) {
-        return e();
-      }
-    };
-    var I, $ = {}, Y = T.react_stack_bottom_frame.bind(
-      T,
-      s
-    )(), F = S(m(s)), D = {};
-    R.Fragment = O, R.jsx = function(e, r, t) {
-      var n = 1e4 > x.recentlyCreatedOwnerStacks++;
-      return p(
-        e,
-        r,
-        t,
-        !1,
-        n ? Error("react-stack-top-frame") : Y,
-        n ? S(m(e)) : F
-      );
-    }, R.jsxs = function(e, r, t) {
-      var n = 1e4 > x.recentlyCreatedOwnerStacks++;
-      return p(
-        e,
-        r,
-        t,
-        !0,
-        n ? Error("react-stack-top-frame") : Y,
-        n ? S(m(e)) : F
-      );
-    };
-  })()), R;
-}
-var U;
-function ne() {
-  return U || (U = 1, process.env.NODE_ENV === "production" ? y.exports = re() : y.exports = te()), y.exports;
+var R;
+function v() {
+  return R || (R = 1, x.exports = h()), x.exports;
 }
-var h = ne();
-const oe = v.memo((u) => {
+var c = v();
+const E = m.memo((i) => {
   const {
-    label: l = "",
-    size: f = "medium",
-    color: m = "primary",
-    variant: a = "default",
-    buttonType: s = "button",
-    customClasses: i = "",
-    disabled: c = !1,
-    children: _,
-    ...d
-  } = u;
-  return /* @__PURE__ */ h.jsx(
+    label: n = "",
+    size: o = "medium",
+    color: a = "primary",
+    variant: t = "default",
+    buttonType: r = "button",
+    customClasses: s = "",
+    disabled: e = !1,
+    children: p,
+    ...l
+  } = i;
+  return /* @__PURE__ */ c.jsx(
     "button",
     {
-      type: s,
-      disabled: c,
-      className: `hans-button hans-button-${f} hans-button-${m} hans-button-${a} ${i}`,
-      ...d,
-      children: _ ?? (l && /* @__PURE__ */ h.jsx("span", { children: l }))
+      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 }))
     }
   );
 });
-oe.displayName = "Button";
-const ae = {
+E.displayName = "Button";
+const j = {
   Fa: () => import("./index-CuLnU-aI.js"),
   Md: () => import("./index-D5QBazti.js"),
   Bi: () => import("./index-Cru_aeJC.js"),
@@ -313,35 +72,35 @@ const ae = {
   Pi: () => import("./index-CraOMhSg.js"),
   Tb: () => import("./index-C_w14lJB.js"),
   Lu: () => import("./index-HCQwBvMc.js")
-}, se = v.memo((u) => {
-  const { name: l, size: f = "medium", customClasses: m = "", ...a } = u, [s, i] = v.useState(null);
-  return v.useEffect(() => {
-    let c = !0;
-    if (!l) return;
-    const _ = l.slice(0, 2), d = ae[_];
-    if (d)
+}, $ = m.memo((i) => {
+  const { name: n, size: o = "medium", customClasses: a = "", ...t } = i, [r, s] = m.useState(null);
+  return m.useEffect(() => {
+    let e = !0;
+    if (!n) return;
+    const p = n.slice(0, 2), l = j[p];
+    if (l)
       return (async () => {
         try {
-          const p = await d();
-          if (!c) return;
-          i(() => p[l] || null);
-        } catch (p) {
-          console.warn(`[HansUI] Error loading icon ${l}:`, p), c && i(() => null);
+          const d = await l();
+          if (!e) return;
+          s(() => d[n] || null);
+        } catch (d) {
+          console.warn(`[HansUI] Error loading icon ${n}:`, d), e && s(() => null);
         }
       })(), () => {
-        c = !1;
+        e = !1;
       };
-  }, [l]), s ? /* @__PURE__ */ h.jsx(
-    s,
+  }, [n]), r ? /* @__PURE__ */ c.jsx(
+    r,
     {
-      className: `hans-icon hans-icon-${f} ${m}`,
-      ...a
+      className: `hans-icon hans-icon-${o} ${a}`,
+      ...t
     }
-  ) : /* @__PURE__ */ h.jsx("span", { className: "hans-icon-loading" });
+  ) : /* @__PURE__ */ c.jsx("span", { className: "hans-icon-loading" });
 });
-se.displayName = "Icon";
+$.displayName = "Icon";
 export {
-  oe as Button,
-  ae as DynamicIconImports,
-  se as Icon
+  E as Button,
+  j as DynamicIconImports,
+  $ as Icon
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "hans-ui-design-lib",
   "description": "UI Design System Base Lib",
   "author": "Victor Hanszman",
-  "version": "0.0.46",
+  "version": "0.0.47",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.cjs.js",
@@ -34,7 +34,7 @@
     "copy:assets": "cpx \"src/assets/**/*\" dist/assets",
     "build": "vite build && npm run copy:assets",
     "build-storybook": "storybook build",
-    "build-cdn": "",
+    "build-cdn": "vite build --mode cdn",
     "publish:patch": "npm version patch --no-git-tag-version && npm publish",
     "publish:minor": "npm version minor --no-git-tag-version && npm publish",
     "publish:major": "npm version major --no-git-tag-version && npm publish",
@@ -71,6 +71,7 @@
     "@types/testing-library__jest-dom": "^5.14.9",
     "@typescript-eslint/eslint-plugin": "^8.44.1",
     "@typescript-eslint/parser": "^8.44.1",
+    "@ungap/custom-elements": "^1.3.0",
     "@vitejs/plugin-react": "^5.0.3",
     "@vitest/browser": "^3.2.4",
     "@vitest/coverage-v8": "^3.2.4",