hans-ui-design-lib 0.0.14 → 0.0.16

package/README.md

@@ -148,8 +148,4 @@ npx storybook@latest init --builder @storybook/builder-vite
 npm i -D vitest @testing-library/react @testing-library/jest-dom @types/testing-library\_\_jest-dom jsdom
 
 npm i -D sass
-
-npm i -D tailwindcss autoprefixer postcss
-
-npm i -D @tailwindcss/vite
 ```

package/dist/index.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ee=require("react");var T={exports:{}},_={};/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const K=require("react");var v={exports:{}},_={};/**
  * @license React
  * react-jsx-runtime.production.js
  *
@@ -6,7 +6,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var I;function re(){if(I)return _;I=1;var c=Symbol.for("react.transitional.element"),d=Symbol.for("react.fragment");function i(f,a,s){var b=null;if(s!==void 0&&(b=""+s),a.key!==void 0&&(b=""+a.key),"key"in a){s={};for(var E in a)E!=="key"&&(s[E]=a[E])}else s=a;return a=s.ref,{$$typeof:c,type:f,key:b,ref:a!==void 0?a:null,props:s}}return _.Fragment=d,_.jsx=i,_.jsxs=i,_}var R={};/**
+ */var $;function ee(){if($)return _;$=1;var u=Symbol.for("react.transitional.element"),i=Symbol.for("react.fragment");function l(c,a,s){var d=null;if(s!==void 0&&(d=""+s),a.key!==void 0&&(d=""+a.key),"key"in a){s={};for(var m in a)m!=="key"&&(s[m]=a[m])}else s=a;return a=s.ref,{$$typeof:u,type:c,key:d,ref:a!==void 0?a:null,props:s}}return _.Fragment=i,_.jsx=l,_.jsxs=l,_}var b={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -14,9 +14,9 @@
  *
  * 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 te(){return F||(F=1,process.env.NODE_ENV!=="production"&&(function(){function c(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===Z?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case p:return"Fragment";case q:return"Profiler";case U:return"StrictMode";case G:return"Suspense";case X:return"SuspenseList";case H: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 z:return(e.displayName||"Context")+".Provider";case J:return(e._context.displayName||"Context")+".Consumer";case V:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case B:return r=e.displayName||null,r!==null?r:c(e.type)||"Memo";case g:r=e._payload,e=e._init;try{return c(e(r))}catch{}}return null}function d(e){return""+e}function i(e){try{d(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),d(e)}}function f(e){if(e===p)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===g)return"<...>";try{var r=c(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function a(){var e=k.A;return e===null?null:e.getOwner()}function s(){return Error("react-stack-top-frame")}function b(e){if(x.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function E(e,r){function t(){h||(h=!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 M(){var e=c(this.type);return N[e]||(N[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 L(e,r,t,n,l,u,S,y){return t=u.ref,e={$$typeof:w,type:e,key:r,props:u,_owner:l},(t!==void 0?t:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:M}):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:S}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:y}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function P(e,r,t,n,l,u,S,y){var o=r.children;if(o!==void 0)if(n)if(Q(o)){for(n=0;n<o.length;n++)j(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 j(o);if(x.call(r,"key")){o=c(e);var m=Object.keys(r).filter(function(K){return K!=="key"});n=0<m.length?"{key: someKey, "+m.join(": ..., ")+": ...}":"{key: someKey}",$[o+n]||(m=0<m.length?"{"+m.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+ */var I;function re(){return I||(I=1,process.env.NODE_ENV!=="production"&&(function(){function u(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===H?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case p:return"Fragment";case U:return"Profiler";case W:return"StrictMode";case z:return"Suspense";case G:return"SuspenseList";case B: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 L:return"Portal";case J:return e.displayName||"Context";case q:return(e._context.displayName||"Context")+".Consumer";case V:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case X:return r=e.displayName||null,r!==null?r:u(e.type)||"Memo";case T:r=e._payload,e=e._init;try{return u(e(r))}catch{}}return null}function i(e){return""+e}function l(e){try{i(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),i(e)}}function c(e){if(e===p)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===T)return"<...>";try{var r=u(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function a(){var e=k.A;return e===null?null:e.getOwner()}function s(){return Error("react-stack-top-frame")}function d(e){if(g.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function m(e,r){function t(){x||(x=!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 D(){var e=u(this.type);return h[e]||(h[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 M(e,r,t,n,R,O){var o=t.ref;return e={$$typeof:w,type:e,key:r,props:t,_owner:n},(o!==void 0?o:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:D}):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:R}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:O}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function A(e,r,t,n,R,O){var o=r.children;if(o!==void 0)if(n)if(Z(o)){for(n=0;n<o.length;n++)P(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 P(o);if(g.call(r,"key")){o=u(e);var f=Object.keys(r).filter(function(Q){return Q!=="key"});n=0<f.length?"{key: someKey, "+f.join(": ..., ")+": ...}":"{key: someKey}",Y[o+n]||(f=0<f.length?"{"+f.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,m,o),$[o+n]=!0)}if(o=null,t!==void 0&&(i(t),o=""+t),b(r)&&(i(r.key),o=""+r.key),"key"in r){t={};for(var A in r)A!=="key"&&(t[A]=r[A])}else t=r;return o&&E(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),L(e,o,u,l,a(),t,S,y)}function j(e){typeof e=="object"&&e!==null&&e.$$typeof===w&&e._store&&(e._store.validated=1)}var v=ee,w=Symbol.for("react.transitional.element"),W=Symbol.for("react.portal"),p=Symbol.for("react.fragment"),U=Symbol.for("react.strict_mode"),q=Symbol.for("react.profiler"),J=Symbol.for("react.consumer"),z=Symbol.for("react.context"),V=Symbol.for("react.forward_ref"),G=Symbol.for("react.suspense"),X=Symbol.for("react.suspense_list"),B=Symbol.for("react.memo"),g=Symbol.for("react.lazy"),H=Symbol.for("react.activity"),Z=Symbol.for("react.client.reference"),k=v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,x=Object.prototype.hasOwnProperty,Q=Array.isArray,O=console.createTask?console.createTask:function(){return null};v={react_stack_bottom_frame:function(e){return e()}};var h,N={},C=v.react_stack_bottom_frame.bind(v,s)(),Y=O(f(s)),$={};R.Fragment=p,R.jsx=function(e,r,t,n,l){var u=1e4>k.recentlyCreatedOwnerStacks++;return P(e,r,t,!1,n,l,u?Error("react-stack-top-frame"):C,u?O(f(e)):Y)},R.jsxs=function(e,r,t,n,l){var u=1e4>k.recentlyCreatedOwnerStacks++;return P(e,r,t,!0,n,l,u?Error("react-stack-top-frame"):C,u?O(f(e)):Y)}})()),R}var D;function ne(){return D||(D=1,process.env.NODE_ENV==="production"?T.exports=re():T.exports=te()),T.exports}var oe=ne();const ae=({primary:c=!1,size:d="medium",backgroundColor:i,label:f,...a})=>{const s=c?"storybook-button--primary":"storybook-button--secondary";return oe.jsx("button",{type:"button",className:["storybook-button",`storybook-button--${d}`,s].join(" "),style:{backgroundColor:i},...a,children:f})};exports.Button=ae;
+  <%s key={someKey} {...props} />`,n,o,f,o),Y[o+n]=!0)}if(o=null,t!==void 0&&(l(t),o=""+t),d(r)&&(l(r.key),o=""+r.key),"key"in r){t={};for(var S in r)S!=="key"&&(t[S]=r[S])}else t=r;return o&&m(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),M(e,o,t,a(),R,O)}function P(e){j(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===T&&(e._payload.status==="fulfilled"?j(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function j(e){return typeof e=="object"&&e!==null&&e.$$typeof===w}var E=K,w=Symbol.for("react.transitional.element"),L=Symbol.for("react.portal"),p=Symbol.for("react.fragment"),W=Symbol.for("react.strict_mode"),U=Symbol.for("react.profiler"),q=Symbol.for("react.consumer"),J=Symbol.for("react.context"),V=Symbol.for("react.forward_ref"),z=Symbol.for("react.suspense"),G=Symbol.for("react.suspense_list"),X=Symbol.for("react.memo"),T=Symbol.for("react.lazy"),B=Symbol.for("react.activity"),H=Symbol.for("react.client.reference"),k=E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,g=Object.prototype.hasOwnProperty,Z=Array.isArray,y=console.createTask?console.createTask:function(){return null};E={react_stack_bottom_frame:function(e){return e()}};var x,h={},N=E.react_stack_bottom_frame.bind(E,s)(),C=y(c(s)),Y={};b.Fragment=p,b.jsx=function(e,r,t){var n=1e4>k.recentlyCreatedOwnerStacks++;return A(e,r,t,!1,n?Error("react-stack-top-frame"):N,n?y(c(e)):C)},b.jsxs=function(e,r,t){var n=1e4>k.recentlyCreatedOwnerStacks++;return A(e,r,t,!0,n?Error("react-stack-top-frame"):N,n?y(c(e)):C)}})()),b}var F;function te(){return F||(F=1,process.env.NODE_ENV==="production"?v.exports=ee():v.exports=re()),v.exports}var ne=te();const oe=({primary:u=!1,size:i="medium",backgroundColor:l,label:c,...a})=>{const s=u?"storybook-button--primary":"storybook-button--secondary";return ne.jsx("button",{type:"button",className:["storybook-button",`storybook-button--${i}`,s].join(" "),style:{backgroundColor:l},...a,children:c})};exports.Button=oe;

package/dist/index.es.js

@@ -1,5 +1,5 @@
-import ee from "react";
-var T = { exports: {} }, _ = {};
+import K from "react";
+var v = { exports: {} }, _ = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -9,29 +9,29 @@ var T = { exports: {} }, _ = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var I;
-function re() {
-  if (I) return _;
-  I = 1;
-  var c = Symbol.for("react.transitional.element"), m = Symbol.for("react.fragment");
-  function i(f, a, s) {
-    var b = null;
-    if (s !== void 0 && (b = "" + s), a.key !== void 0 && (b = "" + a.key), "key" in a) {
+var $;
+function ee() {
+  if ($) return _;
+  $ = 1;
+  var u = Symbol.for("react.transitional.element"), i = Symbol.for("react.fragment");
+  function l(c, a, s) {
+    var m = null;
+    if (s !== void 0 && (m = "" + s), a.key !== void 0 && (m = "" + a.key), "key" in a) {
       s = {};
-      for (var E in a)
-        E !== "key" && (s[E] = a[E]);
+      for (var d in a)
+        d !== "key" && (s[d] = a[d]);
     } else s = a;
     return a = s.ref, {
-      $$typeof: c,
-      type: f,
-      key: b,
+      $$typeof: u,
+      type: c,
+      key: m,
       ref: a !== void 0 ? a : null,
       props: s
     };
   }
-  return _.Fragment = m, _.jsx = i, _.jsxs = i, _;
+  return _.Fragment = i, _.jsx = l, _.jsxs = l, _;
 }
-var R = {};
+var E = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -41,58 +41,58 @@ var R = {};
  * 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 te() {
-  return F || (F = 1, process.env.NODE_ENV !== "production" && (function() {
-    function c(e) {
+var I;
+function re() {
+  return I || (I = 1, process.env.NODE_ENV !== "production" && (function() {
+    function u(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === Z ? null : e.displayName || e.name || null;
+        return e.$$typeof === H ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
         case p:
           return "Fragment";
-        case q:
-          return "Profiler";
         case U:
+          return "Profiler";
+        case W:
           return "StrictMode";
-        case G:
+        case z:
           return "Suspense";
-        case X:
+        case G:
           return "SuspenseList";
-        case H:
+        case B:
           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:
+          case M:
             return "Portal";
-          case z:
-            return (e.displayName || "Context") + ".Provider";
           case J:
+            return e.displayName || "Context";
+          case q:
             return (e._context.displayName || "Context") + ".Consumer";
           case V:
             var r = e.render;
             return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case B:
-            return r = e.displayName || null, r !== null ? r : c(e.type) || "Memo";
-          case x:
+          case X:
+            return r = e.displayName || null, r !== null ? r : u(e.type) || "Memo";
+          case T:
             r = e._payload, e = e._init;
             try {
-              return c(e(r));
+              return u(e(r));
             } catch {
             }
         }
       return null;
     }
-    function m(e) {
+    function i(e) {
       return "" + e;
     }
-    function i(e) {
+    function l(e) {
       try {
-        m(e);
+        i(e);
         var r = !1;
       } catch {
         r = !0;
@@ -104,15 +104,15 @@ function te() {
           r,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           n
-        ), m(e);
+        ), i(e);
       }
     }
-    function f(e) {
+    function c(e) {
       if (e === p) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === x)
+      if (typeof e == "object" && e !== null && e.$$typeof === T)
         return "<...>";
       try {
-        var r = c(e);
+        var r = u(e);
         return r ? "<" + r + ">" : "<...>";
       } catch {
         return "<...>";
@@ -125,16 +125,16 @@ function te() {
     function s() {
       return Error("react-stack-top-frame");
     }
-    function b(e) {
-      if (g.call(e, "key")) {
+    function m(e) {
+      if (x.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function E(e, r) {
+    function d(e, r) {
       function t() {
-        h || (h = !0, console.error(
+        g || (g = !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
         ));
@@ -144,22 +144,23 @@ function te() {
         configurable: !0
       });
     }
-    function L() {
-      var e = c(this.type);
-      return N[e] || (N[e] = !0, console.error(
+    function D() {
+      var e = u(this.type);
+      return h[e] || (h[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 M(e, r, t, n, l, u, A, S) {
-      return t = u.ref, e = {
+    function L(e, r, t, n, R, O) {
+      var o = t.ref;
+      return e = {
         $$typeof: w,
         type: e,
         key: r,
-        props: u,
-        _owner: l
-      }, (t !== void 0 ? t : null) !== null ? Object.defineProperty(e, "ref", {
+        props: t,
+        _owner: n
+      }, (o !== void 0 ? o : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: L
+        get: D
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -174,33 +175,33 @@ function te() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: A
+        value: R
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: S
+        value: O
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function P(e, r, t, n, l, u, A, S) {
+    function S(e, r, t, n, R, O) {
       var o = r.children;
       if (o !== void 0)
         if (n)
-          if (Q(o)) {
+          if (Z(o)) {
             for (n = 0; n < o.length; n++)
-              j(o[n]);
+              P(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 j(o);
-      if (g.call(r, "key")) {
-        o = c(e);
-        var d = Object.keys(r).filter(function(K) {
-          return K !== "key";
+        else P(o);
+      if (x.call(r, "key")) {
+        o = u(e);
+        var f = Object.keys(r).filter(function(Q) {
+          return Q !== "key";
         });
-        n = 0 < d.length ? "{key: someKey, " + d.join(": ..., ") + ": ...}" : "{key: someKey}", $[o + n] || (d = 0 < d.length ? "{" + d.join(": ..., ") + ": ...}" : "{}", console.error(
+        n = 0 < f.length ? "{key: someKey, " + f.join(": ..., ") + ": ...}" : "{key: someKey}", Y[o + n] || (f = 0 < f.length ? "{" + f.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -209,97 +210,94 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`,
           n,
           o,
-          d,
+          f,
           o
-        ), $[o + n] = !0);
+        ), Y[o + n] = !0);
       }
-      if (o = null, t !== void 0 && (i(t), o = "" + t), b(r) && (i(r.key), o = "" + r.key), "key" in r) {
+      if (o = null, t !== void 0 && (l(t), o = "" + t), m(r) && (l(r.key), o = "" + r.key), "key" in r) {
         t = {};
-        for (var y in r)
-          y !== "key" && (t[y] = r[y]);
+        for (var A in r)
+          A !== "key" && (t[A] = r[A]);
       } else t = r;
-      return o && E(
+      return o && d(
         t,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), M(
+      ), L(
         e,
         o,
-        u,
-        l,
-        a(),
         t,
-        A,
-        S
+        a(),
+        R,
+        O
       );
     }
+    function P(e) {
+      j(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === T && (e._payload.status === "fulfilled" ? j(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
     function j(e) {
-      typeof e == "object" && e !== null && e.$$typeof === w && e._store && (e._store.validated = 1);
+      return typeof e == "object" && e !== null && e.$$typeof === w;
     }
-    var v = ee, w = Symbol.for("react.transitional.element"), W = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), U = Symbol.for("react.strict_mode"), q = Symbol.for("react.profiler"), J = Symbol.for("react.consumer"), z = Symbol.for("react.context"), V = Symbol.for("react.forward_ref"), G = Symbol.for("react.suspense"), X = Symbol.for("react.suspense_list"), B = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), H = Symbol.for("react.activity"), Z = Symbol.for("react.client.reference"), k = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, g = Object.prototype.hasOwnProperty, Q = Array.isArray, O = console.createTask ? console.createTask : function() {
+    var b = K, w = Symbol.for("react.transitional.element"), M = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), W = Symbol.for("react.strict_mode"), U = Symbol.for("react.profiler"), q = Symbol.for("react.consumer"), J = Symbol.for("react.context"), V = Symbol.for("react.forward_ref"), z = Symbol.for("react.suspense"), G = Symbol.for("react.suspense_list"), X = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), B = Symbol.for("react.activity"), H = Symbol.for("react.client.reference"), k = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, x = Object.prototype.hasOwnProperty, Z = Array.isArray, y = console.createTask ? console.createTask : function() {
       return null;
     };
-    v = {
+    b = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var h, N = {}, C = v.react_stack_bottom_frame.bind(
-      v,
+    var g, h = {}, N = b.react_stack_bottom_frame.bind(
+      b,
       s
-    )(), Y = O(f(s)), $ = {};
-    R.Fragment = p, R.jsx = function(e, r, t, n, l) {
-      var u = 1e4 > k.recentlyCreatedOwnerStacks++;
-      return P(
+    )(), C = y(c(s)), Y = {};
+    E.Fragment = p, E.jsx = function(e, r, t) {
+      var n = 1e4 > k.recentlyCreatedOwnerStacks++;
+      return S(
         e,
         r,
         t,
         !1,
-        n,
-        l,
-        u ? Error("react-stack-top-frame") : C,
-        u ? O(f(e)) : Y
+        n ? Error("react-stack-top-frame") : N,
+        n ? y(c(e)) : C
       );
-    }, R.jsxs = function(e, r, t, n, l) {
-      var u = 1e4 > k.recentlyCreatedOwnerStacks++;
-      return P(
+    }, E.jsxs = function(e, r, t) {
+      var n = 1e4 > k.recentlyCreatedOwnerStacks++;
+      return S(
         e,
         r,
         t,
         !0,
-        n,
-        l,
-        u ? Error("react-stack-top-frame") : C,
-        u ? O(f(e)) : Y
+        n ? Error("react-stack-top-frame") : N,
+        n ? y(c(e)) : C
       );
     };
-  })()), R;
+  })()), E;
 }
-var D;
-function ne() {
-  return D || (D = 1, process.env.NODE_ENV === "production" ? T.exports = re() : T.exports = te()), T.exports;
+var F;
+function te() {
+  return F || (F = 1, process.env.NODE_ENV === "production" ? v.exports = ee() : v.exports = re()), v.exports;
 }
-var oe = ne();
-const se = ({
-  primary: c = !1,
-  size: m = "medium",
-  backgroundColor: i,
-  label: f,
+var ne = te();
+const ae = ({
+  primary: u = !1,
+  size: i = "medium",
+  backgroundColor: l,
+  label: c,
   ...a
 }) => {
-  const s = c ? "storybook-button--primary" : "storybook-button--secondary";
-  return /* @__PURE__ */ oe.jsx(
+  const s = u ? "storybook-button--primary" : "storybook-button--secondary";
+  return /* @__PURE__ */ ne.jsx(
     "button",
     {
       type: "button",
-      className: ["storybook-button", `storybook-button--${m}`, s].join(
+      className: ["storybook-button", `storybook-button--${i}`, s].join(
         " "
       ),
-      style: { backgroundColor: i },
+      style: { backgroundColor: l },
       ...a,
-      children: f
+      children: c
     }
   );
 };
 export {
-  se as Button
+  ae as Button
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "hans-ui-design-lib",
   "description": "UI Design System Base Lib",
   "author": "Victor Hanszman",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.cjs.js",
@@ -31,7 +31,6 @@
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "build": "tsc -p tsconfig.build.json && vite build",
-    "publish": "npm version patch --no-git-tag-version && npm publish",
     "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",
@@ -70,7 +69,6 @@
     "@vitejs/plugin-react": "^5.0.3",
     "@vitest/browser": "^3.2.4",
     "@vitest/coverage-v8": "^3.2.4",
-    "autoprefixer": "^10.4.21",
     "eslint": "^9.36.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-react": "^7.37.5",
@@ -80,7 +78,6 @@
     "globals": "^16.4.0",
     "jsdom": "^27.0.0",
     "playwright": "^1.55.1",
-    "postcss": "^8.5.6",
     "prettier": "^3.6.2",
     "sass": "^1.93.2",
     "storybook": "^9.1.8",