hans-ui-design-lib 0.0.20 → 0.0.22

package/README.md

@@ -164,4 +164,6 @@ 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 react-icons
 ```

package/dist/index.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const K=require("react");var v={exports:{}},_={};/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react");var k={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 $;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={};/**
+ */var L;function te(){if(L)return _;L=1;var l=Symbol.for("react.transitional.element"),i=Symbol.for("react.fragment");function o(c,s,u){var f=null;if(u!==void 0&&(f=""+u),s.key!==void 0&&(f=""+s.key),"key"in s){u={};for(var d in s)d!=="key"&&(u[d]=s[d])}else u=s;return s=u.ref,{$$typeof:l,type:c,key:f,ref:s!==void 0?s:null,props:u}}return _.Fragment=i,_.jsx=o,_.jsxs=o,_}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 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:
+ */var M;function ne(){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===K?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case S:return"Fragment";case z:return"Profiler";case q:return"StrictMode";case X:return"Suspense";case H:return"SuspenseList";case Q: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 V:return"Portal";case G:return e.displayName||"Context";case J: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 Z:return r=e.displayName||null,r!==null?r:l(e.type)||"Memo";case j:r=e._payload,e=e._init;try{return l(e(r))}catch{}}return null}function i(e){return""+e}function o(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===S)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===j)return"<...>";try{var r=l(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function s(){var e=w.A;return e===null?null:e.getOwner()}function u(){return Error("react-stack-top-frame")}function f(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 d(e,r){function t(){$||($=!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 y(){var e=l(this.type);return Y[e]||(Y[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 O(e,r,t,n,T,P){var a=t.ref;return e={$$typeof:N,type:e,key:r,props:t,_owner:n},(a!==void 0?a:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:y}):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:T}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:P}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function v(e,r,t,n,T,P){var a=r.children;if(a!==void 0)if(n)if(ee(a)){for(n=0;n<a.length;n++)E(a[n]);Object.freeze&&Object.freeze(a)}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 E(a);if(C.call(r,"key")){a=l(e);var m=Object.keys(r).filter(function(re){return re!=="key"});n=0<m.length?"{key: someKey, "+m.join(": ..., ")+": ...}":"{key: someKey}",D[a+n]||(m=0<m.length?"{"+m.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,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;
+  <%s key={someKey} {...props} />`,n,a,m,a),D[a+n]=!0)}if(a=null,t!==void 0&&(o(t),a=""+t),f(r)&&(o(r.key),a=""+r.key),"key"in r){t={};for(var x in r)x!=="key"&&(t[x]=r[x])}else t=r;return a&&d(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),O(e,a,t,s(),T,P)}function E(e){h(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===j&&(e._payload.status==="fulfilled"?h(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function h(e){return typeof e=="object"&&e!==null&&e.$$typeof===N}var p=g,N=Symbol.for("react.transitional.element"),V=Symbol.for("react.portal"),S=Symbol.for("react.fragment"),q=Symbol.for("react.strict_mode"),z=Symbol.for("react.profiler"),J=Symbol.for("react.consumer"),G=Symbol.for("react.context"),B=Symbol.for("react.forward_ref"),X=Symbol.for("react.suspense"),H=Symbol.for("react.suspense_list"),Z=Symbol.for("react.memo"),j=Symbol.for("react.lazy"),Q=Symbol.for("react.activity"),K=Symbol.for("react.client.reference"),w=p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,C=Object.prototype.hasOwnProperty,ee=Array.isArray,A=console.createTask?console.createTask:function(){return null};p={react_stack_bottom_frame:function(e){return e()}};var $,Y={},I=p.react_stack_bottom_frame.bind(p,u)(),F=A(c(u)),D={};b.Fragment=S,b.jsx=function(e,r,t){var n=1e4>w.recentlyCreatedOwnerStacks++;return v(e,r,t,!1,n?Error("react-stack-top-frame"):I,n?A(c(e)):F)},b.jsxs=function(e,r,t){var n=1e4>w.recentlyCreatedOwnerStacks++;return v(e,r,t,!0,n?Error("react-stack-top-frame"):I,n?A(c(e)):F)}})()),b}var W;function ae(){return W||(W=1,process.env.NODE_ENV==="production"?k.exports=te():k.exports=ne()),k.exports}var R=ae();const oe=({name:l,icon:i,className:o,...c})=>i?R.jsx(i,{className:o,...c}):l?R.jsx("i",{className:`${l} ${o}`,...c}):null,U=g.memo(l=>{const{label:i="",icon:o,iconPosition:c="Left",size:s="medium",variant:u="primary",status:f="default",customClasses:d="",buttonType:y="button",disabled:O=!1,...v}=l,E=o?typeof o=="string"?R.jsx(oe,{name:o}):g.isValidElement(o)?o:null:null;return R.jsxs("button",{type:y,disabled:O,className:`stw-button block stw-${u} stw-${f} stw-${s} ${d}`,...v,children:[c==="Left"&&E,i&&R.jsx("span",{children:i}),c==="Right"&&E]})});U.displayName="Button";exports.Button=U;

package/dist/index.css

@@ -1 +1 @@
-/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial}}}*,:before,:after{box-sizing:border-box;font-family:Nunito Sans,Helvetica Neue,Helvetica,Arial,sans-serif}ol,ul{list-style:none}a{color:inherit;text-decoration:none}img,picture,video,canvas,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit;background:0 0;border:none;outline:none}html,body,#root{height:100%}body{-webkit-font-smoothing:antialiased;line-height:1.5}.storybook-button{cursor:pointer;border:0;border-radius:3em;font-family:Nunito Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;line-height:1;display:inline-block}.storybook-button--primary{color:#fff;background-color:#555ab9}.storybook-button--secondary{color:#333;background-color:#0000;box-shadow:inset 0 0 0 1px #00000026}.storybook-button--small{padding:10px 16px;font-size:12px}.storybook-button--medium{padding:11px 20px;font-size:14px}.storybook-button--large{padding:12px 24px;font-size:16px}:root{--purple-900:#2e1a73;--purple-500:#8257e5;--purple-200:#bba7ff;--blue-900:#1b3c8e;--blue-500:#3d8bff;--blue-200:#a8c9ff;--green-900:#027a43;--green-500:#04d361;--green-200:#a3f3c4;--red-900:#8b1e34;--red-500:#e83f5b;--red-200:#ffa3b1;--yellow-900:#ff8c42;--yellow-500:#f7b500;--yellow-200:#ffe9a3;--gray-900:#0e0e10;--gray-700:#2d2d33;--gray-400:#7a7a85;--gray-200:#c7c7d1;--gray-100:#f2f2f5;--black:#000;--white:#fff}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--font-weight-bold:700;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.static{position:static}.\!mx-2{margin-inline:calc(var(--spacing)*2)!important}.\!my-1{margin-block:calc(var(--spacing)*1)!important}.\!my-4{margin-block:calc(var(--spacing)*4)!important}.contents{display:contents}.flex{display:flex}.h-auto{height:auto}.w-6{width:calc(var(--spacing)*6)}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.\!text-xl{font-size:var(--text-xl)!important;line-height:var(--tw-leading,var(--text-xl--line-height))!important}.\!font-bold{--tw-font-weight:var(--font-weight-bold)!important;font-weight:var(--font-weight-bold)!important}.text-\[var\(--purple-500\)\]{color:var(--purple-500)}}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}@property --tw-font-weight{syntax:"*";inherits:false}
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-outline-style:solid}}}*,:before,:after{box-sizing:border-box;font-family:Nunito Sans,Helvetica Neue,Helvetica,Arial,sans-serif}ol,ul{list-style:none}a{color:inherit;text-decoration:none}img,picture,video,canvas,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit;background:0 0;border:none;outline:none}html,body,#root{height:100%}body{-webkit-font-smoothing:antialiased;line-height:1.5}:root{--purple-900:#2e1a73;--purple-500:#8257e5;--purple-200:#bba7ff;--blue-900:#1b3c8e;--blue-500:#3d8bff;--blue-200:#a8c9ff;--green-900:#027a43;--green-500:#04d361;--green-200:#a3f3c4;--red-900:#8b1e34;--red-500:#e83f5b;--red-200:#ffa3b1;--yellow-900:#ff8c42;--yellow-500:#f7b500;--yellow-200:#ffe9a3;--gray-900:#0e0e10;--gray-700:#2d2d33;--gray-400:#7a7a85;--gray-200:#c7c7d1;--gray-100:#f2f2f5;--black:#000;--white:#fff}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--font-weight-bold:700;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.\!mx-2{margin-inline:calc(var(--spacing)*2)!important}.\!my-1{margin-block:calc(var(--spacing)*1)!important}.\!my-4{margin-block:calc(var(--spacing)*4)!important}.block{display:block}.flex{display:flex}.h-auto{height:auto}.w-6{width:calc(var(--spacing)*6)}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:calc(var(--spacing)*4)}.\!text-xl{font-size:var(--text-xl)!important;line-height:var(--tw-leading,var(--text-xl--line-height))!important}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\!font-bold{--tw-font-weight:var(--font-weight-bold)!important;font-weight:var(--font-weight-bold)!important}.text-\[var\(--purple-500\)\]{color:var(--purple-500)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}

package/dist/index.es.js

@@ -1,5 +1,5 @@
-import K from "react";
-var v = { exports: {} }, _ = {};
+import g from "react";
+var k = { exports: {} }, _ = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -9,29 +9,29 @@ var v = { exports: {} }, _ = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-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 d in a)
-        d !== "key" && (s[d] = a[d]);
-    } else s = a;
-    return a = s.ref, {
-      $$typeof: u,
+var L;
+function re() {
+  if (L) return _;
+  L = 1;
+  var l = Symbol.for("react.transitional.element"), i = Symbol.for("react.fragment");
+  function o(c, s, u) {
+    var f = null;
+    if (u !== void 0 && (f = "" + u), s.key !== void 0 && (f = "" + s.key), "key" in s) {
+      u = {};
+      for (var d in s)
+        d !== "key" && (u[d] = s[d]);
+    } else u = s;
+    return s = u.ref, {
+      $$typeof: l,
       type: c,
-      key: m,
-      ref: a !== void 0 ? a : null,
-      props: s
+      key: f,
+      ref: s !== void 0 ? s : null,
+      props: u
     };
   }
-  return _.Fragment = i, _.jsx = l, _.jsxs = l, _;
+  return _.Fragment = i, _.jsx = o, _.jsxs = o, _;
 }
-var E = {};
+var b = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -41,47 +41,47 @@ var E = {};
  * 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() {
-  return I || (I = 1, process.env.NODE_ENV !== "production" && (function() {
-    function u(e) {
+var M;
+function te() {
+  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 === H ? null : e.displayName || e.name || null;
+        return e.$$typeof === Q ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case p:
+        case w:
           return "Fragment";
-        case U:
+        case z:
           return "Profiler";
-        case W:
+        case V:
           return "StrictMode";
-        case z:
+        case X:
           return "Suspense";
-        case G:
-          return "SuspenseList";
         case B:
+          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 M:
+          case U:
             return "Portal";
-          case J:
-            return e.displayName || "Context";
           case q:
+            return e.displayName || "Context";
+          case J:
             return (e._context.displayName || "Context") + ".Consumer";
-          case V:
+          case G:
             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:
+          case H:
+            return r = e.displayName || null, r !== null ? r : l(e.type) || "Memo";
+          case x:
             r = e._payload, e = e._init;
             try {
-              return u(e(r));
+              return l(e(r));
             } catch {
             }
         }
@@ -90,7 +90,7 @@ function re() {
     function i(e) {
       return "" + e;
     }
-    function l(e) {
+    function o(e) {
       try {
         i(e);
         var r = !1;
@@ -108,25 +108,25 @@ function re() {
       }
     }
     function c(e) {
-      if (e === p) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === T)
+      if (e === w) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === x)
         return "<...>";
       try {
-        var r = u(e);
+        var r = l(e);
         return r ? "<" + r + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function a() {
-      var e = k.A;
+    function s() {
+      var e = A.A;
       return e === null ? null : e.getOwner();
     }
-    function s() {
+    function u() {
       return Error("react-stack-top-frame");
     }
-    function m(e) {
-      if (x.call(e, "key")) {
+    function f(e) {
+      if (C.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning) return !1;
       }
@@ -134,7 +134,7 @@ function re() {
     }
     function d(e, r) {
       function t() {
-        g || (g = !0, console.error(
+        $ || ($ = !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,23 +144,23 @@ function re() {
         configurable: !0
       });
     }
-    function D() {
-      var e = u(this.type);
-      return h[e] || (h[e] = !0, console.error(
+    function O() {
+      var e = l(this.type);
+      return Y[e] || (Y[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, R, O) {
-      var o = t.ref;
+    function y(e, r, t, n, T, P) {
+      var a = t.ref;
       return e = {
-        $$typeof: w,
+        $$typeof: N,
         type: e,
         key: r,
         props: t,
         _owner: n
-      }, (o !== void 0 ? o : null) !== null ? Object.defineProperty(e, "ref", {
+      }, (a !== void 0 ? a : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: D
+        get: O
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -175,33 +175,33 @@ function re() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: R
+        value: T
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: O
+        value: P
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function S(e, r, t, n, R, O) {
-      var o = r.children;
-      if (o !== void 0)
+    function p(e, r, t, n, T, P) {
+      var a = r.children;
+      if (a !== void 0)
         if (n)
-          if (Z(o)) {
-            for (n = 0; n < o.length; n++)
-              P(o[n]);
-            Object.freeze && Object.freeze(o);
+          if (K(a)) {
+            for (n = 0; n < a.length; n++)
+              E(a[n]);
+            Object.freeze && Object.freeze(a);
           } 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 (x.call(r, "key")) {
-        o = u(e);
-        var f = Object.keys(r).filter(function(Q) {
-          return Q !== "key";
+        else E(a);
+      if (C.call(r, "key")) {
+        a = l(e);
+        var m = Object.keys(r).filter(function(ee) {
+          return ee !== "key";
         });
-        n = 0 < f.length ? "{key: someKey, " + f.join(": ..., ") + ": ...}" : "{key: someKey}", Y[o + n] || (f = 0 < f.length ? "{" + f.join(": ..., ") + ": ...}" : "{}", console.error(
+        n = 0 < m.length ? "{key: someKey, " + m.join(": ..., ") + ": ...}" : "{key: someKey}", D[a + n] || (m = 0 < m.length ? "{" + m.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -209,95 +209,114 @@ React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
           n,
-          o,
-          f,
-          o
-        ), Y[o + n] = !0);
+          a,
+          m,
+          a
+        ), D[a + n] = !0);
       }
-      if (o = null, t !== void 0 && (l(t), o = "" + t), m(r) && (l(r.key), o = "" + r.key), "key" in r) {
+      if (a = null, t !== void 0 && (o(t), a = "" + t), f(r) && (o(r.key), a = "" + r.key), "key" in r) {
         t = {};
-        for (var A in r)
-          A !== "key" && (t[A] = r[A]);
+        for (var S in r)
+          S !== "key" && (t[S] = r[S]);
       } else t = r;
-      return o && d(
+      return a && d(
         t,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), L(
+      ), y(
         e,
-        o,
+        a,
         t,
-        a(),
-        R,
-        O
+        s(),
+        T,
+        P
       );
     }
-    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 E(e) {
+      h(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === x && (e._payload.status === "fulfilled" ? h(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;
+    function h(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === N;
     }
-    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() {
+    var v = g, N = Symbol.for("react.transitional.element"), U = Symbol.for("react.portal"), w = Symbol.for("react.fragment"), V = Symbol.for("react.strict_mode"), z = Symbol.for("react.profiler"), J = Symbol.for("react.consumer"), q = Symbol.for("react.context"), G = Symbol.for("react.forward_ref"), X = Symbol.for("react.suspense"), B = Symbol.for("react.suspense_list"), H = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), Z = Symbol.for("react.activity"), Q = Symbol.for("react.client.reference"), A = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, C = Object.prototype.hasOwnProperty, K = Array.isArray, j = console.createTask ? console.createTask : function() {
       return null;
     };
-    b = {
+    v = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var g, h = {}, N = b.react_stack_bottom_frame.bind(
-      b,
-      s
-    )(), C = y(c(s)), Y = {};
-    E.Fragment = p, E.jsx = function(e, r, t) {
-      var n = 1e4 > k.recentlyCreatedOwnerStacks++;
-      return S(
+    var $, Y = {}, I = v.react_stack_bottom_frame.bind(
+      v,
+      u
+    )(), F = j(c(u)), D = {};
+    b.Fragment = w, b.jsx = function(e, r, t) {
+      var n = 1e4 > A.recentlyCreatedOwnerStacks++;
+      return p(
         e,
         r,
         t,
         !1,
-        n ? Error("react-stack-top-frame") : N,
-        n ? y(c(e)) : C
+        n ? Error("react-stack-top-frame") : I,
+        n ? j(c(e)) : F
       );
-    }, E.jsxs = function(e, r, t) {
-      var n = 1e4 > k.recentlyCreatedOwnerStacks++;
-      return S(
+    }, b.jsxs = function(e, r, t) {
+      var n = 1e4 > A.recentlyCreatedOwnerStacks++;
+      return p(
         e,
         r,
         t,
         !0,
-        n ? Error("react-stack-top-frame") : N,
-        n ? y(c(e)) : C
+        n ? Error("react-stack-top-frame") : I,
+        n ? j(c(e)) : F
       );
     };
-  })()), E;
+  })()), b;
 }
-var F;
-function te() {
-  return F || (F = 1, process.env.NODE_ENV === "production" ? v.exports = ee() : v.exports = re()), v.exports;
+var W;
+function ne() {
+  return W || (W = 1, process.env.NODE_ENV === "production" ? k.exports = re() : k.exports = te()), k.exports;
 }
-var ne = te();
+var R = ne();
 const ae = ({
-  primary: u = !1,
-  size: i = "medium",
-  backgroundColor: l,
-  label: c,
-  ...a
-}) => {
-  const s = u ? "storybook-button--primary" : "storybook-button--secondary";
-  return /* @__PURE__ */ ne.jsx(
+  name: l,
+  icon: i,
+  className: o,
+  ...c
+}) => i ? /* @__PURE__ */ R.jsx(
+  i,
+  {
+    className: o,
+    ...c
+  }
+) : l ? /* @__PURE__ */ R.jsx("i", { className: `${l} ${o}`, ...c }) : null, oe = g.memo((l) => {
+  const {
+    label: i = "",
+    icon: o,
+    iconPosition: c = "Left",
+    size: s = "medium",
+    variant: u = "primary",
+    status: f = "default",
+    customClasses: d = "",
+    buttonType: O = "button",
+    disabled: y = !1,
+    ...p
+  } = l, E = o ? typeof o == "string" ? /* @__PURE__ */ R.jsx(ae, { name: o }) : g.isValidElement(o) ? o : null : null;
+  return /* @__PURE__ */ R.jsxs(
     "button",
     {
-      type: "button",
-      className: ["storybook-button", `storybook-button--${i}`, s].join(
-        " "
-      ),
-      style: { backgroundColor: l },
-      ...a,
-      children: c
+      type: O,
+      disabled: y,
+      className: `stw-button block stw-${u} stw-${f} stw-${s} ${d}`,
+      ...p,
+      children: [
+        c === "Left" && E,
+        i && /* @__PURE__ */ R.jsx("span", { children: i }),
+        c === "Right" && E
+      ]
     }
   );
-};
+});
+oe.displayName = "Button";
 export {
-  ae as Button
+  oe 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.20",
+  "version": "0.0.22",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.cjs.js",
@@ -80,6 +80,7 @@
     "markdown-to-jsx": "^7.7.15",
     "playwright": "^1.55.1",
     "prettier": "^3.6.2",
+    "react-icons": "^5.5.0",
     "sass": "^1.93.2",
     "storybook": "^9.1.8",
     "tailwindcss": "^4.1.14",