@solibo/solibo-ui 0.4.1 → 0.4.2

package/dist/assets/index26.css

@@ -1 +1 @@
-@keyframes _reveal_dr33h_1{0%{opacity:0}to{opacity:1}}@property --portal-left{syntax: "<color>"; inherits: true; initial-value: white;}@property --portal-middle{syntax: "<color>"; inherits: true; initial-value: white;}@property --portal-right{syntax: "<color>"; inherits: true; initial-value: white;}._menu_dr33h_29{height:calc(100vh - var(--unit) * 2);padding:var(--unit);position:-webkit-sticky;position:sticky;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}._menu_dr33h_29>summary{cursor:pointer;left:var(--unit-large);list-style:none;position:absolute;top:var(--unit-large);transition:all var(--transition-duration) var(--transition-timing-function);z-index:2}._menu_dr33h_29[open]>summary>span{background-color:#fff}._portal_dr33h_54{--portal-left: #073345;--portal-middle: #015e78;--portal-right: #073345;background:linear-gradient(180deg,var(--portal-left),var(--portal-middle),var(--portal-right));animation:_reveal_dr33h_1 var(--transition-duration) var(--transition-timing-function);border-radius:var(--border-radius);color:#fff;height:calc(100vh - var(--unit) * 2);padding:var(--unit);padding-top:var(--unit-large);transition:border-radius var(--transition-duration) var(--transition-timing-function),height var(--transition-duration) var(--transition-timing-function),margin var(--transition-duration) var(--transition-timing-function),--portal-left var(--transition-duration-long) var(--transition-timing-function),--portal-middle var(--transition-duration-long) var(--transition-timing-function),--portal-right var(--transition-duration-long) var(--transition-timing-function);width:calc(var(--unit) * 16)}._portal_dr33h_54:has(nav [data-portal=blue][data-active]),._portal_dr33h_54:has(nav [data-portal=blue][aria-current=page]){--portal-left: #073345;--portal-middle: #015e78;--portal-right: #073345}._portal_dr33h_54:has(nav [data-portal=green][data-active]),._portal_dr33h_54:has(nav [data-portal=green][aria-current=page]){--portal-left: #022c22;--portal-middle: #064e3b;--portal-right: #022c22}._portal_dr33h_54:has(nav [data-portal=red][data-active]),._portal_dr33h_54:has(nav [data-portal=red][aria-current=page]){--portal-left: #431407;--portal-middle: #7c2d12;--portal-right: #431407}._portal_dr33h_54 figure{display:flex;justify-self:center}._portal_dr33h_54 figure figcaption{display:none}._portal_dr33h_54 nav{flex:1 1 auto}._portal_dr33h_54 nav a,._portal_dr33h_54 nav summary{color:var(--color-white);padding:var(--unit-small) 0;text-decoration:none;font-weight:var(--font-weight-normal)}._portal_dr33h_54 nav a span,._portal_dr33h_54 nav summary span{background-color:var(--color-white);margin-bottom:var(--unit-tiny);margin-right:var(--unit-small)}._portal_dr33h_54 nav a[aria-current=page],._portal_dr33h_54 nav summary[aria-current=page]{font-weight:var(--font-weight-bold)}._portal_dr33h_54 nav details a{margin-left:var(--unit);padding-left:var(--unit);position:relative;width:100%}._portal_dr33h_54 nav details a:before{background-color:var(--color-white);border-radius:4px;content:"​";display:inline-block;height:100%;left:calc(-1 * var(--unit-tiny) - 1px);position:absolute;top:0;transition:width var(--transition-duration);width:2px}._portal_dr33h_54 nav details a[aria-current=page]:before{left:calc(-1 * var(--unit-tiny) - 2px);width:4px}._portal_dr33h_54 nav details a:hover{color:var(--color-white)}._portal_dr33h_54 nav details a:last-child{margin-bottom:var(--unit)}._portal_dr33h_54 nav[data-orientation=horizontal]{align-items:center;display:flex;justify-self:center;padding-bottom:var(--unit)}._portal_dr33h_54 nav[data-orientation=horizontal] a{font-size:var(--font-size-small);padding:var(--unit-small);transition:all}._portal_dr33h_54 nav[data-orientation=horizontal] a[data-active]{border-bottom:solid 2px var(--color-white);font-size:var(--font-size)}._portal_dr33h_54 nav[data-orientation=horizontal] a:hover{color:var(--color-white);text-decoration:none}._portal_dr33h_54 select{background-color:#ffffff1a;border:none;box-shadow:none;filter:invert(1);margin-bottom:var(--unit);padding-bottom:var(--unit-small);padding-top:var(--unit-small);width:100%}._portal_dr33h_54 select:active,._portal_dr33h_54 select:focus{outline:none}@media (width <= 960px){._menu_dr33h_29{padding:0}._menu_dr33h_29>summary{left:var(--unit);top:var(--unit)}._portal_dr33h_54{border-radius:0;margin:0;height:100vh;position:fixed;top:0}._portal_dr33h_54 footer{bottom:var(--unit)}}
+@keyframes _reveal_1l13i_1{0%{opacity:0}to{opacity:1}}@property --portal-left{syntax: "<color>"; inherits: true; initial-value: white;}@property --portal-middle{syntax: "<color>"; inherits: true; initial-value: white;}@property --portal-right{syntax: "<color>"; inherits: true; initial-value: white;}._menu_1l13i_29{height:calc(100vh - var(--unit) * 2);padding:var(--unit);position:-webkit-sticky;position:sticky;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}._menu_1l13i_29>summary{cursor:pointer;left:var(--unit-large);list-style:none;position:absolute;top:var(--unit-large);transition:all var(--transition-duration) var(--transition-timing-function);z-index:2}._menu_1l13i_29[open]>summary>[data-component=icon]{background-color:#fff}._portal_1l13i_54{--portal-left: #073345;--portal-middle: #015e78;--portal-right: #073345;background:linear-gradient(180deg,var(--portal-left),var(--portal-middle),var(--portal-right));animation:_reveal_1l13i_1 var(--transition-duration) var(--transition-timing-function);border-radius:var(--border-radius);color:#fff;height:calc(100vh - var(--unit) * 2);padding:var(--unit);padding-top:var(--unit-large);transition:border-radius var(--transition-duration) var(--transition-timing-function),height var(--transition-duration) var(--transition-timing-function),margin var(--transition-duration) var(--transition-timing-function),--portal-left var(--transition-duration-long) var(--transition-timing-function),--portal-middle var(--transition-duration-long) var(--transition-timing-function),--portal-right var(--transition-duration-long) var(--transition-timing-function);width:calc(var(--unit) * 16)}._portal_1l13i_54:has(nav [data-portal=blue][data-active]),._portal_1l13i_54:has(nav [data-portal=blue][aria-current=page]){--portal-left: #073345;--portal-middle: #015e78;--portal-right: #073345}._portal_1l13i_54:has(nav [data-portal=green][data-active]),._portal_1l13i_54:has(nav [data-portal=green][aria-current=page]){--portal-left: #022c22;--portal-middle: #064e3b;--portal-right: #022c22}._portal_1l13i_54:has(nav [data-portal=red][data-active]),._portal_1l13i_54:has(nav [data-portal=red][aria-current=page]){--portal-left: #431407;--portal-middle: #7c2d12;--portal-right: #431407}._portal_1l13i_54 figure{display:flex;justify-self:center}._portal_1l13i_54 figure figcaption{display:none}._portal_1l13i_54 nav{flex:1 1 auto}._portal_1l13i_54 nav a,._portal_1l13i_54 nav summary{color:var(--color-white);padding:var(--unit-small) 0;text-decoration:none;font-weight:var(--font-weight-normal)}._portal_1l13i_54 nav a [data-component=icon],._portal_1l13i_54 nav summary [data-component=icon]{background-color:var(--color-white);margin-bottom:var(--unit-tiny);margin-right:var(--unit-small)}._portal_1l13i_54 nav a[aria-current=page],._portal_1l13i_54 nav summary[aria-current=page]{font-weight:var(--font-weight-bold)}._portal_1l13i_54 nav details a{margin-left:var(--unit);padding-left:var(--unit);position:relative;width:100%}._portal_1l13i_54 nav details a:before{background-color:var(--color-white);border-radius:4px;content:"​";display:inline-block;height:100%;left:calc(-1 * var(--unit-tiny) - 1px);position:absolute;top:0;transition:width var(--transition-duration);width:2px}._portal_1l13i_54 nav details a[aria-current=page]:before{left:calc(-1 * var(--unit-tiny) - 2px);width:4px}._portal_1l13i_54 nav details a:hover{color:var(--color-white)}._portal_1l13i_54 nav details a:last-child{margin-bottom:var(--unit)}._portal_1l13i_54 nav[data-orientation=horizontal]{align-items:center;display:flex;justify-self:center;padding-bottom:var(--unit)}._portal_1l13i_54 nav[data-orientation=horizontal] a{font-size:var(--font-size-small);padding:var(--unit-small);transition:all}._portal_1l13i_54 nav[data-orientation=horizontal] a[data-active]{border-bottom:solid 2px var(--color-white);font-size:var(--font-size)}._portal_1l13i_54 nav[data-orientation=horizontal] a:hover{color:var(--color-white);text-decoration:none}._portal_1l13i_54 select{background-color:#ffffff1a;border:none;box-shadow:none;filter:invert(1);margin-bottom:var(--unit);padding-bottom:var(--unit-small);padding-top:var(--unit-small);width:100%}._portal_1l13i_54 select:active,._portal_1l13i_54 select:focus{outline:none}@media (width <= 960px){._menu_1l13i_29{padding:0}._menu_1l13i_29>summary{left:var(--unit);top:var(--unit)}._portal_1l13i_54{border-radius:0;margin:0;height:100vh;position:fixed;top:0}._portal_1l13i_54 footer{bottom:var(--unit)}}

package/dist/components/_collapsible/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index20.css');const r=require("react/jsx-runtime"),s=require("../../icons-C_cX1FYp.cjs"),n=require("../../utils-DqVa4K58.cjs"),i="_collapsible_1duzf_1",a={collapsible:i},p=({children:c,disabled:o,label:e})=>{const l=n.resolveColor("--color-primary"),t=o?void 0:{"--icon-svg":s.iconSVG("chevron").replace("currentColor",l),"--icon-svg-open":s.iconSVG("chevron").replace("%3Cpath","%3Cpath transform='rotate(180 12 12)'").replace("currentColor",l)};return r.jsxs("details",{className:a.collapsible,open:o||void 0,"data-component":"collapsible",children:[r.jsx("summary",{style:t,children:e&&e}),c]})};exports.Collapsible=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index20.css');const r=require("react/jsx-runtime"),s=require("../../icons-C_cX1FYp.cjs"),n=require("../../utils-DBzf7CFq.cjs"),i="_collapsible_1duzf_1",a={collapsible:i},p=({children:c,disabled:o,label:e})=>{const l=n.resolveColor("--color-primary"),t=o?void 0:{"--icon-svg":s.iconSVG("chevron").replace("currentColor",l),"--icon-svg-open":s.iconSVG("chevron").replace("%3Cpath","%3Cpath transform='rotate(180 12 12)'").replace("currentColor",l)};return r.jsxs("details",{className:a.collapsible,open:o||void 0,"data-component":"collapsible",children:[r.jsx("summary",{style:t,children:e&&e}),c]})};exports.Collapsible=p;
 //# sourceMappingURL=index.cjs.map

package/dist/components/_collapsible/index.js

@@ -1,6 +1,6 @@
 import { jsxs as t, jsx as a } from "react/jsx-runtime";
 import { i as e } from "../../icons-DfmpRbxE.js";
-import { r as n } from "../../utils-BFlnRYx7.js";
+import { r as n } from "../../utils--n2yqjCy.js";
 import '../../assets/index20.css';const i = "_collapsible_1duzf_1", p = {
   collapsible: i
 }, C = ({

package/dist/components/_dropdown/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index22.css');const i=require("react/jsx-runtime"),E=require("../../classix-5H4IWnMA.cjs"),o=require("react"),F=require("../button/index.cjs"),U=require("../../icons-C_cX1FYp.cjs"),X=require("../input/index.cjs"),Y=require("../../styles.module-CwroCNAt.cjs"),Z=require("../list/index.cjs"),Q=require("../../index-CfK1ATlt.cjs"),W=require("../../utils-DqVa4K58.cjs"),ee="_dropdown_k2w7p_1",te="_empty_k2w7p_4",ne="_group_k2w7p_5",re="_placeholder_k2w7p_6",se="_filter_k2w7p_14",oe="_native_k2w7p_25",le="_option_k2w7p_35",ie="_options_k2w7p_57",ce="_panel_k2w7p_64",ae="_selected_k2w7p_85",ue="_text_k2w7p_89",pe="_trigger_k2w7p_97",de="_minimal_k2w7p_113",c={dropdown:ee,empty:te,group:ne,placeholder:re,filter:se,native:oe,option:le,options:ie,panel:ce,selected:ae,text:ue,trigger:pe,minimal:de};function M(e,r){return{"--icon-svg":U.iconSVG(e).replace("currentColor",r)}}function k(e){return typeof e=="string"||typeof e=="number"?String(e):Array.isArray(e)?e.map(k).join(" "):o.isValidElement(e)?k(e.props.children):""}function fe(e){return o.isValidElement(e)&&e.type==="option"}function me(e){return o.isValidElement(e)&&e.type==="optgroup"}function he(e){return o.isValidElement(e)&&e.type===o.Fragment}function _e(e){return o.isValidElement(e)&&e.type===Q.Select}function N(e,r,s=!1){const l=[];return o.Children.forEach(e,t=>{if(he(t)){l.push(...N(t.props.children,r,s));return}if(fe(t)){const p=k(t.props.children).trim(),d=t.props.value!=null?String(t.props.value):p;l.push({disabled:s||!!t.props.disabled,groupLabel:r,hidden:!!t.props.hidden,isPlaceholder:!!(t.props.hidden&&d===""),label:t.props.children,selected:!!t.props.selected,text:p,value:d});return}me(t)&&l.push(...N(t.props.children,t.props.label,s||!!t.props.disabled))}),l}function ge(e){const r=e.trim();if(!r)return null;const l=[.../[*?]/.test(r)?r:`*${r}*`].map(t=>t==="*"?".*":t==="?"?".":t.replace(/[|\\{}()[\]^$+.,]/g,"\\$&")).join("");return new RegExp(`^${l}$`,"i")}function we(e,r){const s=ge(r),l=e.filter(t=>!t.hidden&&!t.isPlaceholder);return s?l.filter(t=>s.test([t.groupLabel,t.text,t.value].filter(Boolean).join(" "))):l}function ve(e,r){return e.find(s=>s.value===r)??e.find(s=>s.isPlaceholder)??e[0]}function xe(e,r,s){var t;if(r!=null)return String(r);if(s!=null)return String(s);const l=e.find(p=>p.selected);return l?l.value:((t=e[0])==null?void 0:t.value)??""}function ye(e){if(_e(e)){const{children:r,placeholder:s,...l}=e.props;return{children:i.jsxs(i.Fragment,{children:[s&&i.jsx("option",{hidden:!0,value:"",children:s}),r]}),props:l}}return{children:e.props.children,props:e.props}}const be=({children:e,className:r,emptyLabel:s="No matches found",searchPlaceholder:l="Filter",variant:t="default",...p})=>{const d=ye(e),{defaultValue:z,onChange:g,value:w,...T}=d.props,V=Q.sanitizeSelectProps(T),q=o.useRef(null),C=o.useRef(null),R=o.useRef(null),O=o.useRef(null),h=N(d.children),_=w!=null,v=xe(h,w,z),[x,y]=o.useState(()=>v),[u,b]=o.useState(!1),[P,B]=o.useState(""),S=_?String(w):x,$={default:W.resolveColor("--color-icon"),white:W.resolveColor("--color-white","white")},I=t==="minimal"?$.white:$.default,f=ve(h,S),A=M("chevron",I),G=M("search",I),L=we(h,P);o.useEffect(()=>{!_&&!h.some(n=>n.value===x)&&y(v)},[v,x,_,h]),o.useEffect(()=>{var n;if(!u){B("");return}(n=O.current)==null||n.focus()},[u]),o.useEffect(()=>{if(!u)return;const n=a=>{var m;(m=C.current)!=null&&m.contains(a.target)||b(!1)};return document.addEventListener("mousedown",n),()=>{document.removeEventListener("mousedown",n)}},[u]);const K=n=>{_||y(n.target.value),g==null||g(n)},j=()=>{var n;b(!1),(n=q.current)==null||n.focus()},H=n=>{var D;_||y(n);const a=R.current;if(!a){j();return}const m=(D=Object.getOwnPropertyDescriptor(HTMLSelectElement.prototype,"value"))==null?void 0:D.set;m==null||m.call(a,n),a.dispatchEvent(new Event("change",{bubbles:!0})),j()},J=n=>{n.key==="Escape"&&j()};return i.jsxs("div",{className:E.t(c.dropdown,t==="minimal"&&c.minimal,r),onKeyDown:J,ref:C,...p,"data-component":"dropdown",children:[i.jsx("select",{...V,"aria-hidden":"true",className:c.native,onChange:K,ref:R,tabIndex:-1,value:S,children:d.children}),i.jsx(F.Button,{"aria-expanded":u,"aria-haspopup":"dialog",className:E.t(t==="default"&&Y.inputStyles.input,c.trigger,(f==null?void 0:f.isPlaceholder)&&c.placeholder),"data-open":u?"true":void 0,disabled:V.disabled,onClick:()=>b(n=>!n),ref:q,style:A,variant:"minimal",children:i.jsx("span",{className:c.text,children:(f==null?void 0:f.label)??"Select an option"})}),u&&i.jsxs("div",{className:c.panel,children:[i.jsx(X.Input,{"aria-label":"Filter",className:c.filter,icon:"search",onChange:n=>B(n.target.value),placeholder:l,ref:O,style:G,type:"search",value:P}),i.jsx(Z.List,{"aria-label":"Dropdown",className:c.options,children:L.length>0?L.map(n=>{const a=n.value===S;return i.jsx("li",{"data-component":"dropdown",children:i.jsxs(F.Button,{"aria-label":a?`${n.text}, selected`:n.text,className:E.t(c.option,a&&c.selected),disabled:n.disabled,onClick:()=>H(n.value),variant:"minimal",children:[i.jsx("span",{className:c.text,children:n.label}),n.groupLabel&&i.jsx("small",{className:c.group,children:n.groupLabel})]})},`${n.groupLabel??"root"}-${n.value}`)}):i.jsx("li",{className:c.empty,children:s})})]})]})};exports.Dropdown=be;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index22.css');const i=require("react/jsx-runtime"),E=require("../../classix-5H4IWnMA.cjs"),o=require("react"),F=require("../button/index.cjs"),U=require("../../icons-C_cX1FYp.cjs"),X=require("../input/index.cjs"),Y=require("../../styles.module-CwroCNAt.cjs"),Z=require("../list/index.cjs"),Q=require("../../index-D0Nzihh-.cjs"),W=require("../../utils-DBzf7CFq.cjs"),ee="_dropdown_k2w7p_1",te="_empty_k2w7p_4",ne="_group_k2w7p_5",re="_placeholder_k2w7p_6",se="_filter_k2w7p_14",oe="_native_k2w7p_25",le="_option_k2w7p_35",ie="_options_k2w7p_57",ce="_panel_k2w7p_64",ae="_selected_k2w7p_85",ue="_text_k2w7p_89",pe="_trigger_k2w7p_97",de="_minimal_k2w7p_113",c={dropdown:ee,empty:te,group:ne,placeholder:re,filter:se,native:oe,option:le,options:ie,panel:ce,selected:ae,text:ue,trigger:pe,minimal:de};function M(e,r){return{"--icon-svg":U.iconSVG(e).replace("currentColor",r)}}function k(e){return typeof e=="string"||typeof e=="number"?String(e):Array.isArray(e)?e.map(k).join(" "):o.isValidElement(e)?k(e.props.children):""}function fe(e){return o.isValidElement(e)&&e.type==="option"}function me(e){return o.isValidElement(e)&&e.type==="optgroup"}function he(e){return o.isValidElement(e)&&e.type===o.Fragment}function _e(e){return o.isValidElement(e)&&e.type===Q.Select}function N(e,r,s=!1){const l=[];return o.Children.forEach(e,t=>{if(he(t)){l.push(...N(t.props.children,r,s));return}if(fe(t)){const p=k(t.props.children).trim(),d=t.props.value!=null?String(t.props.value):p;l.push({disabled:s||!!t.props.disabled,groupLabel:r,hidden:!!t.props.hidden,isPlaceholder:!!(t.props.hidden&&d===""),label:t.props.children,selected:!!t.props.selected,text:p,value:d});return}me(t)&&l.push(...N(t.props.children,t.props.label,s||!!t.props.disabled))}),l}function ge(e){const r=e.trim();if(!r)return null;const l=[.../[*?]/.test(r)?r:`*${r}*`].map(t=>t==="*"?".*":t==="?"?".":t.replace(/[|\\{}()[\]^$+.,]/g,"\\$&")).join("");return new RegExp(`^${l}$`,"i")}function we(e,r){const s=ge(r),l=e.filter(t=>!t.hidden&&!t.isPlaceholder);return s?l.filter(t=>s.test([t.groupLabel,t.text,t.value].filter(Boolean).join(" "))):l}function ve(e,r){return e.find(s=>s.value===r)??e.find(s=>s.isPlaceholder)??e[0]}function xe(e,r,s){var t;if(r!=null)return String(r);if(s!=null)return String(s);const l=e.find(p=>p.selected);return l?l.value:((t=e[0])==null?void 0:t.value)??""}function ye(e){if(_e(e)){const{children:r,placeholder:s,...l}=e.props;return{children:i.jsxs(i.Fragment,{children:[s&&i.jsx("option",{hidden:!0,value:"",children:s}),r]}),props:l}}return{children:e.props.children,props:e.props}}const be=({children:e,className:r,emptyLabel:s="No matches found",searchPlaceholder:l="Filter",variant:t="default",...p})=>{const d=ye(e),{defaultValue:z,onChange:g,value:w,...T}=d.props,V=Q.sanitizeSelectProps(T),q=o.useRef(null),C=o.useRef(null),R=o.useRef(null),O=o.useRef(null),h=N(d.children),_=w!=null,v=xe(h,w,z),[x,y]=o.useState(()=>v),[u,b]=o.useState(!1),[P,B]=o.useState(""),S=_?String(w):x,$={default:W.resolveColor("--color-icon"),white:W.resolveColor("--color-white","white")},I=t==="minimal"?$.white:$.default,f=ve(h,S),A=M("chevron",I),G=M("search",I),L=we(h,P);o.useEffect(()=>{!_&&!h.some(n=>n.value===x)&&y(v)},[v,x,_,h]),o.useEffect(()=>{var n;if(!u){B("");return}(n=O.current)==null||n.focus()},[u]),o.useEffect(()=>{if(!u)return;const n=a=>{var m;(m=C.current)!=null&&m.contains(a.target)||b(!1)};return document.addEventListener("mousedown",n),()=>{document.removeEventListener("mousedown",n)}},[u]);const K=n=>{_||y(n.target.value),g==null||g(n)},j=()=>{var n;b(!1),(n=q.current)==null||n.focus()},H=n=>{var D;_||y(n);const a=R.current;if(!a){j();return}const m=(D=Object.getOwnPropertyDescriptor(HTMLSelectElement.prototype,"value"))==null?void 0:D.set;m==null||m.call(a,n),a.dispatchEvent(new Event("change",{bubbles:!0})),j()},J=n=>{n.key==="Escape"&&j()};return i.jsxs("div",{className:E.t(c.dropdown,t==="minimal"&&c.minimal,r),onKeyDown:J,ref:C,...p,"data-component":"dropdown",children:[i.jsx("select",{...V,"aria-hidden":"true",className:c.native,onChange:K,ref:R,tabIndex:-1,value:S,children:d.children}),i.jsx(F.Button,{"aria-expanded":u,"aria-haspopup":"dialog",className:E.t(t==="default"&&Y.inputStyles.input,c.trigger,(f==null?void 0:f.isPlaceholder)&&c.placeholder),"data-open":u?"true":void 0,disabled:V.disabled,onClick:()=>b(n=>!n),ref:q,style:A,variant:"minimal",children:i.jsx("span",{className:c.text,children:(f==null?void 0:f.label)??"Select an option"})}),u&&i.jsxs("div",{className:c.panel,children:[i.jsx(X.Input,{"aria-label":"Filter",className:c.filter,icon:"search",onChange:n=>B(n.target.value),placeholder:l,ref:O,style:G,type:"search",value:P}),i.jsx(Z.List,{"aria-label":"Dropdown",className:c.options,children:L.length>0?L.map(n=>{const a=n.value===S;return i.jsx("li",{"data-component":"dropdown",children:i.jsxs(F.Button,{"aria-label":a?`${n.text}, selected`:n.text,className:E.t(c.option,a&&c.selected),disabled:n.disabled,onClick:()=>H(n.value),variant:"minimal",children:[i.jsx("span",{className:c.text,children:n.label}),n.groupLabel&&i.jsx("small",{className:c.group,children:n.groupLabel})]})},`${n.groupLabel??"root"}-${n.value}`)}):i.jsx("li",{className:c.empty,children:s})})]})]})};exports.Dropdown=be;
 //# sourceMappingURL=index.cjs.map

package/dist/components/_dropdown/index.js

@@ -6,8 +6,8 @@ import { i as re } from "../../icons-DfmpRbxE.js";
 import { Input as ne } from "../input/index.js";
 import { i as oe } from "../../styles.module-C_Z8FrR5.js";
 import { List as le } from "../list/index.js";
-import { s as se, S as ie } from "../../index-C_OgUYu-.js";
-import { r as G } from "../../utils-BFlnRYx7.js";
+import { s as se, S as ie } from "../../index-s_TTRzH8.js";
+import { r as G } from "../../utils--n2yqjCy.js";
 import '../../assets/index22.css';const ae = "_dropdown_k2w7p_1", ce = "_empty_k2w7p_4", pe = "_group_k2w7p_5", ue = "_placeholder_k2w7p_6", de = "_filter_k2w7p_14", fe = "_native_k2w7p_25", me = "_option_k2w7p_35", he = "_options_k2w7p_57", ge = "_panel_k2w7p_64", _e = "_selected_k2w7p_85", we = "_text_k2w7p_89", ve = "_trigger_k2w7p_97", ye = "_minimal_k2w7p_113", s = {
   dropdown: ae,
   empty: ce,

package/dist/components/_portal/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index26.css');const e=require("react/jsx-runtime"),s=require("../aside/index.cjs"),i=require("../branding/index.cjs"),a=require("../figure/index.cjs"),c=require("../icon/index.cjs"),l=require("../nav/index.cjs"),u="_menu_dr33h_29",m="_portal_dr33h_54",o={menu:u,portal:m},d=({children:n,portals:r,open:t=!0})=>e.jsxs("details",{className:o.menu,open:t||void 0,"data-component":"portal",children:[e.jsx("summary",{"aria-label":"Show menu",children:e.jsx(c.Icon,{name:"menu",size:"large",variant:"primary"})}),e.jsxs(s.Aside,{className:o.portal,children:[e.jsx(a.Figure,{children:e.jsx(i.Branding,{name:"logo",size:86,variant:"white"})}),r&&e.jsx(l.Nav,{horizontal:!0,children:r}),n&&n]})]});exports.Portal=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index26.css');const e=require("react/jsx-runtime"),i=require("../aside/index.cjs"),s=require("../branding/index.cjs"),a=require("../figure/index.cjs"),c=require("../icon/index.cjs"),l=require("../nav/index.cjs"),u="_menu_1l13i_29",m="_portal_1l13i_54",o={menu:u,portal:m},d=({children:n,portals:r,open:t=!0})=>e.jsxs("details",{className:o.menu,open:t||void 0,"data-component":"portal",children:[e.jsx("summary",{"aria-label":"Show menu",children:e.jsx(c.Icon,{name:"menu",size:"large",variant:"primary"})}),e.jsxs(i.Aside,{className:o.portal,children:[e.jsx(a.Figure,{children:e.jsx(s.Branding,{name:"logo",size:86,variant:"white"})}),r&&e.jsx(l.Nav,{horizontal:!0,children:r}),n&&n]})]});exports.Portal=d;
 //# sourceMappingURL=index.cjs.map

package/dist/components/_portal/index.js

@@ -4,9 +4,9 @@ import { Branding as i } from "../branding/index.js";
 import { Figure as l } from "../figure/index.js";
 import { Icon as s } from "../icon/index.js";
 import { Nav as p } from "../nav/index.js";
-import '../../assets/index26.css';const c = "_menu_dr33h_29", d = "_portal_dr33h_54", t = {
+import '../../assets/index26.css';const c = "_menu_1l13i_29", u = "_portal_1l13i_54", t = {
   menu: c,
-  portal: d
+  portal: u
 }, x = ({
   children: o,
   portals: e,

package/dist/components/accordion/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index30.css');const o=require("react/jsx-runtime"),i=require("../icon/index.cjs"),t="_accordion_8spz8_1",d={accordion:t},a=({children:e,icon:c,label:s,open:r,summary:n})=>o.jsxs("details",{className:d.accordion,open:r||void 0,"data-component":"accordion",children:[o.jsxs("summary",{children:[c&&!n&&o.jsx(i.Icon,{name:c}),n??s]}),e]});exports.Accordion=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index30.css');const o=require("react/jsx-runtime"),r="_accordion_8spz8_1",s={accordion:r},i=({children:c,open:n,summary:e})=>o.jsxs("details",{className:s.accordion,open:n||void 0,"data-component":"accordion",children:[o.jsx("summary",{children:e}),c]});exports.Accordion=i;
 //# sourceMappingURL=index.cjs.map

package/dist/components/accordion/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/accordion/index.tsx"],"sourcesContent":["import { Icon } from '../icon';\nimport type { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nexport type AccordionProps = {\n  children: React.ReactNode;\n  icon?: IconName;\n  label?: string;\n  open?: boolean;\n  summary?: React.ReactNode;\n};\n\nexport const Accordion = ({ children, icon, label, open, summary }: AccordionProps) => {\n  return (\n    <details\n      className={styles.accordion}\n      open={open || undefined}\n    >\n      <summary>\n        {icon && !summary && <Icon name={icon} />}\n        {summary ?? label}\n      </summary>\n      {children}\n    </details>\n  );\n};\n"],"names":["Accordion","children","icon","label","open","summary","jsxs","styles","accordion","undefined","jsx","Icon"],"mappings":"2LAYaA,EAAYA,CAAC,CAAEC,SAAAA,EAAUC,KAAAA,EAAMC,MAAAA,EAAOC,KAAAA,EAAMC,QAAAA,CAAwB,IAE7EC,OAAC,WACC,UAAWC,EAAOC,UAClB,KAAMJ,GAAQK,OAAU,iBAAA,YAExB,SAAA,CAAAH,OAAC,UAAA,CACEJ,SAAAA,CAAAA,GAAQ,CAACG,GAAWK,EAAAA,IAACC,EAAAA,KAAA,CAAK,KAAMT,EAAK,EACrCG,GAAWF,CAAAA,EACd,EACCF,CAAAA,EACH"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/accordion/index.tsx"],"sourcesContent":["import styles from './styles.module.css';\n\nexport type AccordionProps = {\n  children: React.ReactNode;\n  open?: boolean;\n  summary: React.ReactNode;\n};\n\nexport const Accordion = ({ children, open, summary }: AccordionProps) => {\n  return (\n    <details\n      className={styles.accordion}\n      open={open || undefined}\n    >\n      <summary>{summary}</summary>\n      {children}\n    </details>\n  );\n};\n"],"names":["Accordion","children","open","summary","jsxs","styles","accordion","undefined","jsx"],"mappings":"4JAQaA,EAAYA,CAAC,CAAEC,SAAAA,EAAUC,KAAAA,EAAMC,QAAAA,CAAwB,IAEhEC,OAAC,WACC,UAAWC,EAAOC,UAClB,KAAMJ,GAAQK,OAAU,iBAAA,YAExB,SAAA,CAAAC,EAAAA,IAAC,WAASL,SAAAA,CAAAA,CAAQ,EACjBF,CAAAA,EACH"}

package/dist/components/accordion/index.js

@@ -1,21 +1,15 @@
-import { jsxs as n, jsx as d } from "react/jsx-runtime";
-import { Icon as i } from "../icon/index.js";
-import '../../assets/index30.css';const t = "_accordion_8spz8_1", e = {
-  accordion: t
-}, l = ({
-  children: r,
-  icon: o,
-  label: s,
-  open: a,
-  summary: c
-}) => /* @__PURE__ */ n("details", { className: e.accordion, open: a || void 0, "data-component": "accordion", children: [
-  /* @__PURE__ */ n("summary", { children: [
-    o && !c && /* @__PURE__ */ d(i, { name: o }),
-    c ?? s
-  ] }),
-  r
+import { jsxs as r, jsx as s } from "react/jsx-runtime";
+import '../../assets/index30.css';const a = "_accordion_8spz8_1", d = {
+  accordion: a
+}, t = ({
+  children: o,
+  open: c,
+  summary: n
+}) => /* @__PURE__ */ r("details", { className: d.accordion, open: c || void 0, "data-component": "accordion", children: [
+  /* @__PURE__ */ s("summary", { children: n }),
+  o
 ] });
 export {
-  l as Accordion
+  t as Accordion
 };
 //# sourceMappingURL=index.js.map

package/dist/components/accordion/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/accordion/index.tsx"],"sourcesContent":["import { Icon } from '../icon';\nimport type { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nexport type AccordionProps = {\n  children: React.ReactNode;\n  icon?: IconName;\n  label?: string;\n  open?: boolean;\n  summary?: React.ReactNode;\n};\n\nexport const Accordion = ({ children, icon, label, open, summary }: AccordionProps) => {\n  return (\n    <details\n      className={styles.accordion}\n      open={open || undefined}\n    >\n      <summary>\n        {icon && !summary && <Icon name={icon} />}\n        {summary ?? label}\n      </summary>\n      {children}\n    </details>\n  );\n};\n"],"names":["Accordion","children","icon","label","open","summary","jsxs","styles","accordion","undefined","jsx","Icon"],"mappings":";;;;GAYaA,IAAYA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,MAAAA;AAAAA,EAAMC,OAAAA;AAAAA,EAAOC,MAAAA;AAAAA,EAAMC,SAAAA;AAAwB,MAE7E,gBAAAC,EAAC,aACC,WAAWC,EAAOC,WAClB,MAAMJ,KAAQK,QAAU,kBAAA,aAExB,UAAA;AAAA,EAAA,gBAAAH,EAAC,WAAA,EACEJ,UAAAA;AAAAA,IAAAA,KAAQ,CAACG,KAAW,gBAAAK,EAACC,GAAA,EAAK,MAAMT,GAAK;AAAA,IACrCG,KAAWF;AAAAA,EAAAA,GACd;AAAA,EACCF;AAAAA,GACH;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/accordion/index.tsx"],"sourcesContent":["import styles from './styles.module.css';\n\nexport type AccordionProps = {\n  children: React.ReactNode;\n  open?: boolean;\n  summary: React.ReactNode;\n};\n\nexport const Accordion = ({ children, open, summary }: AccordionProps) => {\n  return (\n    <details\n      className={styles.accordion}\n      open={open || undefined}\n    >\n      <summary>{summary}</summary>\n      {children}\n    </details>\n  );\n};\n"],"names":["Accordion","children","open","summary","jsxs","styles","accordion","undefined","jsx"],"mappings":";;;GAQaA,IAAYA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,MAAAA;AAAAA,EAAMC,SAAAA;AAAwB,MAEhE,gBAAAC,EAAC,aACC,WAAWC,EAAOC,WAClB,MAAMJ,KAAQK,QAAU,kBAAA,aAExB,UAAA;AAAA,EAAA,gBAAAC,EAAC,aAASL,UAAAA,EAAAA,CAAQ;AAAA,EACjBF;AAAAA,GACH;"}

package/dist/components/button/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index33.css');const a=require("react/jsx-runtime"),u=require("../../classix-5H4IWnMA.cjs"),l=require("react"),d=require("../icon/index.cjs"),_="_button_1cw1v_1",p="_danger_1cw1v_19",b="_minimal_1cw1v_32",g="_primary_1cw1v_39",t={button:_,danger:p,minimal:b,primary:g},y={danger:t.danger,default:t.default,minimal:t.minimal,primary:t.primary},f=l.forwardRef(({children:r,className:i,disabled:o=!1,icon:n,onClick:s,variant:e="default",...c},m)=>a.jsxs("button",{className:u.t(t.button,y[e],i),disabled:o,onClick:s,ref:m,type:"button",...c,"data-component":"button",children:[n&&a.jsx(d.Icon,{gap:"right",name:n,size:"small",variant:e==="minimal"?"default":"white"}),r]}));exports.Button=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index33.css');const a=require("react/jsx-runtime"),u=require("../../classix-5H4IWnMA.cjs"),l=require("../icon/index.cjs"),d="_button_1cw1v_1",_="_danger_1cw1v_19",p="_minimal_1cw1v_32",b="_primary_1cw1v_39",t={button:d,danger:_,minimal:p,primary:b},g={danger:t.danger,default:t.default,minimal:t.minimal,primary:t.primary};function y({children:i,className:r,disabled:o=!1,icon:n,onClick:s,ref:m,variant:e="default",...c}){return a.jsxs("button",{className:u.t(t.button,g[e],r),disabled:o,onClick:s,ref:m,type:"button",...c,"data-component":"button",children:[n&&a.jsx(l.Icon,{gap:"right",name:n,size:"small",variant:e==="minimal"?"default":"white"}),i]})}exports.Button=y;
 //# sourceMappingURL=index.cjs.map

package/dist/components/button/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { forwardRef } from 'react';\n\nimport { Icon } from '../icon';\nimport { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nconst variants = {\n  danger: styles.danger,\n  default: styles.default,\n  minimal: styles.minimal,\n  primary: styles.primary,\n};\n\nexport type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  children: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  icon?: IconName;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  variant?: keyof typeof variants;\n};\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    { children, className, disabled = false, icon, onClick, variant = 'default', ...props },\n    ref\n  ) => {\n    return (\n      <button\n        className={cx(styles.button, variants[variant], className)}\n        disabled={disabled}\n        onClick={onClick}\n        ref={ref}\n        type='button'\n        {...props}\n      >\n        {icon && (\n          <Icon\n            gap='right'\n            name={icon}\n            size='small'\n            variant={variant === 'minimal' ? 'default' : 'white'}\n          />\n        )}\n        {children}\n      </button>\n    );\n  }\n);\n"],"names":["variants","danger","styles","default","minimal","primary","Button","forwardRef","children","className","disabled","icon","onClick","variant","props","ref","cx","button","jsx","Icon"],"mappings":"8UAOMA,EAAW,CACfC,OAAQC,EAAOD,OACfE,QAASD,EAAOC,QAChBC,QAASF,EAAOE,QAChBC,QAASH,EAAOG,OAClB,EAWaC,EAASC,EAAAA,WACpB,CACE,CAAEC,SAAAA,EAAUC,UAAAA,EAAWC,SAAAA,EAAW,GAAOC,KAAAA,EAAMC,QAAAA,EAASC,QAAAA,EAAU,UAAW,GAAGC,CAAM,EACtFC,WAGG,SAAA,CACC,UAAWC,EAAAA,EAAGd,EAAOe,OAAQjB,EAASa,CAAO,EAAGJ,CAAS,EACzD,SAAAC,EACA,QAAAE,EACA,IAAAG,EACA,KAAK,SACL,GAAID,EAAM,iBAAA,SAETH,SAAAA,CAAAA,GACCO,EAAAA,IAACC,EAAAA,KAAA,CACC,IAAI,QACJ,KAAMR,EACN,KAAK,QACL,QAASE,IAAY,UAAY,UAAY,QAAQ,EAGxDL,CAAAA,EACH,CAGN"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Icon } from '../icon';\nimport { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nconst variants = {\n  danger: styles.danger,\n  default: styles.default,\n  minimal: styles.minimal,\n  primary: styles.primary,\n};\n\nexport type ButtonProps = React.ComponentPropsWithRef<'button'> & {\n  children: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  icon?: IconName;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  variant?: keyof typeof variants;\n};\n\nexport function Button({\n  children,\n  className,\n  disabled = false,\n  icon,\n  onClick,\n  ref,\n  variant = 'default',\n  ...props\n}: ButtonProps) {\n  return (\n    <button\n      className={cx(styles.button, variants[variant], className)}\n      disabled={disabled}\n      onClick={onClick}\n      ref={ref}\n      type='button'\n      {...props}\n    >\n      {icon && (\n        <Icon\n          gap='right'\n          name={icon}\n          size='small'\n          variant={variant === 'minimal' ? 'default' : 'white'}\n        />\n      )}\n      {children}\n    </button>\n  );\n}\n"],"names":["variants","danger","styles","default","minimal","primary","Button","children","className","disabled","icon","onClick","ref","variant","props","cx","button","jsx","Icon"],"mappings":"2TAMMA,EAAW,CACfC,OAAQC,EAAOD,OACfE,QAASD,EAAOC,QAChBC,QAASF,EAAOE,QAChBC,QAASH,EAAOG,OAClB,EAWO,SAASC,EAAO,CACrBC,SAAAA,EACAC,UAAAA,EACAC,SAAAA,EAAW,GACXC,KAAAA,EACAC,QAAAA,EACAC,IAAAA,EACAC,QAAAA,EAAU,UACV,GAAGC,CACQ,EAAG,CACd,cACG,SAAA,CACC,UAAWC,EAAAA,EAAGb,EAAOc,OAAQhB,EAASa,CAAO,EAAGL,CAAS,EACzD,SAAAC,EACA,QAAAE,EACA,IAAAC,EACA,KAAK,SACL,GAAIE,EAAM,iBAAA,SAETJ,SAAAA,CAAAA,GACCO,EAAAA,IAACC,EAAAA,KAAA,CACC,IAAI,QACJ,KAAMR,EACN,KAAK,QACL,QAASG,IAAY,UAAY,UAAY,QAAQ,EAGxDN,CAAAA,EACH,CAEJ"}

package/dist/components/button/index.js

@@ -1,30 +1,33 @@
 import { jsxs as l, jsx as c } from "react/jsx-runtime";
-import { t as p } from "../../classix-DG18itHa.js";
-import { forwardRef as u } from "react";
-import { Icon as d } from "../icon/index.js";
-import '../../assets/index33.css';const _ = "_button_1cw1v_1", f = "_danger_1cw1v_19", b = "_minimal_1cw1v_32", g = "_primary_1cw1v_39", t = {
+import { t as u } from "../../classix-DG18itHa.js";
+import { Icon as p } from "../icon/index.js";
+import '../../assets/index33.css';const _ = "_button_1cw1v_1", d = "_danger_1cw1v_19", f = "_minimal_1cw1v_32", b = "_primary_1cw1v_39", t = {
   button: _,
-  danger: f,
-  minimal: b,
-  primary: g
-}, y = {
+  danger: d,
+  minimal: f,
+  primary: b
+}, g = {
   danger: t.danger,
   default: t.default,
   minimal: t.minimal,
   primary: t.primary
-}, j = u(({
-  children: r,
-  className: m,
-  disabled: o = !1,
+};
+function h({
+  children: m,
+  className: r,
+  disabled: i = !1,
   icon: n,
-  onClick: i,
+  onClick: o,
+  ref: e,
   variant: a = "default",
-  ...e
-}, s) => /* @__PURE__ */ l("button", { className: p(t.button, y[a], m), disabled: o, onClick: i, ref: s, type: "button", ...e, "data-component": "button", children: [
-  n && /* @__PURE__ */ c(d, { gap: "right", name: n, size: "small", variant: a === "minimal" ? "default" : "white" }),
-  r
-] }));
+  ...s
+}) {
+  return /* @__PURE__ */ l("button", { className: u(t.button, g[a], r), disabled: i, onClick: o, ref: e, type: "button", ...s, "data-component": "button", children: [
+    n && /* @__PURE__ */ c(p, { gap: "right", name: n, size: "small", variant: a === "minimal" ? "default" : "white" }),
+    m
+  ] });
+}
 export {
-  j as Button
+  h as Button
 };
 //# sourceMappingURL=index.js.map

package/dist/components/button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { forwardRef } from 'react';\n\nimport { Icon } from '../icon';\nimport { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nconst variants = {\n  danger: styles.danger,\n  default: styles.default,\n  minimal: styles.minimal,\n  primary: styles.primary,\n};\n\nexport type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  children: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  icon?: IconName;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  variant?: keyof typeof variants;\n};\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    { children, className, disabled = false, icon, onClick, variant = 'default', ...props },\n    ref\n  ) => {\n    return (\n      <button\n        className={cx(styles.button, variants[variant], className)}\n        disabled={disabled}\n        onClick={onClick}\n        ref={ref}\n        type='button'\n        {...props}\n      >\n        {icon && (\n          <Icon\n            gap='right'\n            name={icon}\n            size='small'\n            variant={variant === 'minimal' ? 'default' : 'white'}\n          />\n        )}\n        {children}\n      </button>\n    );\n  }\n);\n"],"names":["variants","danger","styles","default","minimal","primary","Button","forwardRef","children","className","disabled","icon","onClick","variant","props","ref","cx","button","jsx","Icon"],"mappings":";;;;;;;;;GAOMA,IAAW;AAAA,EACfC,QAAQC,EAAOD;AAAAA,EACfE,SAASD,EAAOC;AAAAA,EAChBC,SAASF,EAAOE;AAAAA,EAChBC,SAASH,EAAOG;AAClB,GAWaC,IAASC,EACpB,CACE;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,WAAAA;AAAAA,EAAWC,UAAAA,IAAW;AAAA,EAAOC,MAAAA;AAAAA,EAAMC,SAAAA;AAAAA,EAASC,SAAAA,IAAU;AAAA,EAAW,GAAGC;AAAM,GACtFC,wBAGG,UAAA,EACC,WAAWC,EAAGd,EAAOe,QAAQjB,EAASa,CAAO,GAAGJ,CAAS,GACzD,UAAAC,GACA,SAAAE,GACA,KAAAG,GACA,MAAK,UACL,GAAID,GAAM,kBAAA,UAETH,UAAAA;AAAAA,EAAAA,KACC,gBAAAO,EAACC,GAAA,EACC,KAAI,SACJ,MAAMR,GACN,MAAK,SACL,SAASE,MAAY,YAAY,YAAY,SAAQ;AAAA,EAGxDL;AAAAA,GACH,CAGN;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Icon } from '../icon';\nimport { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nconst variants = {\n  danger: styles.danger,\n  default: styles.default,\n  minimal: styles.minimal,\n  primary: styles.primary,\n};\n\nexport type ButtonProps = React.ComponentPropsWithRef<'button'> & {\n  children: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  icon?: IconName;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  variant?: keyof typeof variants;\n};\n\nexport function Button({\n  children,\n  className,\n  disabled = false,\n  icon,\n  onClick,\n  ref,\n  variant = 'default',\n  ...props\n}: ButtonProps) {\n  return (\n    <button\n      className={cx(styles.button, variants[variant], className)}\n      disabled={disabled}\n      onClick={onClick}\n      ref={ref}\n      type='button'\n      {...props}\n    >\n      {icon && (\n        <Icon\n          gap='right'\n          name={icon}\n          size='small'\n          variant={variant === 'minimal' ? 'default' : 'white'}\n        />\n      )}\n      {children}\n    </button>\n  );\n}\n"],"names":["variants","danger","styles","default","minimal","primary","Button","children","className","disabled","icon","onClick","ref","variant","props","cx","button","jsx","Icon"],"mappings":";;;;;;;;GAMMA,IAAW;AAAA,EACfC,QAAQC,EAAOD;AAAAA,EACfE,SAASD,EAAOC;AAAAA,EAChBC,SAASF,EAAOE;AAAAA,EAChBC,SAASH,EAAOG;AAClB;AAWO,SAASC,EAAO;AAAA,EACrBC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,MAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,EACV,GAAGC;AACQ,GAAG;AACd,2BACG,UAAA,EACC,WAAWC,EAAGb,EAAOc,QAAQhB,EAASa,CAAO,GAAGL,CAAS,GACzD,UAAAC,GACA,SAAAE,GACA,KAAAC,GACA,MAAK,UACL,GAAIE,GAAM,kBAAA,UAETJ,UAAAA;AAAAA,IAAAA,KACC,gBAAAO,EAACC,GAAA,EACC,KAAI,SACJ,MAAMR,GACN,MAAK,SACL,SAASG,MAAY,YAAY,YAAY,SAAQ;AAAA,IAGxDN;AAAAA,EAAAA,GACH;AAEJ;"}

package/dist/components/dialog/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index11.css');const a=require("react/jsx-runtime"),s="_dialog_1dwjg_1",t="_wrapper_1dwjg_32",e={dialog:s,wrapper:t},n=({children:i,setOpen:o,...l})=>a.jsx("div",{className:e.wrapper,onClick:()=>o?o(!1):{},"data-component":"dialog",children:a.jsx("dialog",{className:e.dialog,onClick:r=>r.stopPropagation(),...l,children:i})});exports.Dialog=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index11.css');const a=require("react/jsx-runtime"),t="_dialog_1dwjg_1",c="_wrapper_1dwjg_32",i={dialog:t,wrapper:c},d=({children:l,setOpen:o,...r})=>a.jsx("div",{className:i.wrapper,onClick:()=>o==null?void 0:o(!1),"data-component":"dialog",children:a.jsx("dialog",{className:i.dialog,onClick:s=>s.stopPropagation(),...r,children:l})});exports.Dialog=d;
 //# sourceMappingURL=index.cjs.map

package/dist/components/dialog/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/dialog/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport styles from './styles.module.css';\n\nexport type DialogProps = React.DialogHTMLAttributes<HTMLDialogElement> & {\n  children: React.ReactNode;\n  setOpen?: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const Dialog = ({ children, setOpen, ...props }: DialogProps) => {\n  return (\n    <div\n      className={styles.wrapper}\n      onClick={() => (setOpen ? setOpen(false) : {})}\n    >\n      <dialog\n        className={styles.dialog}\n        onClick={(e) => e.stopPropagation()}\n        {...props}\n      >\n        {children}\n      </dialog>\n    </div>\n  );\n};\n"],"names":["Dialog","children","setOpen","props","jsx","styles","wrapper","dialog","e","stopPropagation"],"mappings":"sLASaA,EAASA,CAAC,CAAEC,SAAAA,EAAUC,QAAAA,EAAS,GAAGC,CAAmB,IAE9DC,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAOC,QAClB,QAAS,IAAOJ,EAAUA,EAAQ,EAAK,EAAI,CAAA,EAAI,iBAAA,SAE/C,SAAAE,EAAAA,IAAC,SAAA,CACC,UAAWC,EAAOE,OAClB,QAAUC,GAAMA,EAAEC,gBAAAA,EAClB,GAAIN,EAEHF,SAAAA,CAAAA,CACH,CAAA,CACF"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/dialog/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport styles from './styles.module.css';\n\nexport type DialogProps = React.DialogHTMLAttributes<HTMLDialogElement> & {\n  children: React.ReactNode;\n  setOpen?: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const Dialog = ({ children, setOpen, ...props }: DialogProps) => {\n  return (\n    <div\n      className={styles.wrapper}\n      onClick={() => setOpen?.(false)}\n    >\n      <dialog\n        className={styles.dialog}\n        onClick={(e) => e.stopPropagation()}\n        {...props}\n      >\n        {children}\n      </dialog>\n    </div>\n  );\n};\n"],"names":["Dialog","children","setOpen","props","jsx","styles","wrapper","dialog","e","stopPropagation"],"mappings":"sLASaA,EAASA,CAAC,CAAEC,SAAAA,EAAUC,QAAAA,EAAS,GAAGC,CAAmB,IAE9DC,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAOC,QAClB,QAAS,IAAMJ,GAAAA,YAAAA,EAAU,IAAO,iBAAA,SAEhC,eAAC,SAAA,CACC,UAAWG,EAAOE,OAClB,QAAUC,GAAMA,EAAEC,gBAAAA,EAClB,GAAIN,EAEHF,SAAAA,CAAAA,CACH,CAAA,CACF"}

package/dist/components/dialog/index.js

@@ -1,13 +1,13 @@
 import { jsx as a } from "react/jsx-runtime";
-import '../../assets/index11.css';const s = "_dialog_1dwjg_1", d = "_wrapper_1dwjg_32", r = {
-  dialog: s,
-  wrapper: d
-}, c = ({
+import '../../assets/index11.css';const c = "_dialog_1dwjg_1", g = "_wrapper_1dwjg_32", r = {
+  dialog: c,
+  wrapper: g
+}, s = ({
   children: l,
   setOpen: o,
   ...i
-}) => /* @__PURE__ */ a("div", { className: r.wrapper, onClick: () => o ? o(!1) : {}, "data-component": "dialog", children: /* @__PURE__ */ a("dialog", { className: r.dialog, onClick: (p) => p.stopPropagation(), ...i, children: l }) });
+}) => /* @__PURE__ */ a("div", { className: r.wrapper, onClick: () => o == null ? void 0 : o(!1), "data-component": "dialog", children: /* @__PURE__ */ a("dialog", { className: r.dialog, onClick: (d) => d.stopPropagation(), ...i, children: l }) });
 export {
-  c as Dialog
+  s as Dialog
 };
 //# sourceMappingURL=index.js.map

package/dist/components/dialog/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/dialog/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport styles from './styles.module.css';\n\nexport type DialogProps = React.DialogHTMLAttributes<HTMLDialogElement> & {\n  children: React.ReactNode;\n  setOpen?: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const Dialog = ({ children, setOpen, ...props }: DialogProps) => {\n  return (\n    <div\n      className={styles.wrapper}\n      onClick={() => (setOpen ? setOpen(false) : {})}\n    >\n      <dialog\n        className={styles.dialog}\n        onClick={(e) => e.stopPropagation()}\n        {...props}\n      >\n        {children}\n      </dialog>\n    </div>\n  );\n};\n"],"names":["Dialog","children","setOpen","props","jsx","styles","wrapper","dialog","e","stopPropagation"],"mappings":";;;;GASaA,IAASA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,SAAAA;AAAAA,EAAS,GAAGC;AAAmB,MAE9D,gBAAAC,EAAC,OAAA,EACC,WAAWC,EAAOC,SAClB,SAAS,MAAOJ,IAAUA,EAAQ,EAAK,IAAI,CAAA,GAAI,kBAAA,UAE/C,UAAA,gBAAAE,EAAC,UAAA,EACC,WAAWC,EAAOE,QAClB,SAAUC,CAAAA,MAAMA,EAAEC,gBAAAA,GAClB,GAAIN,GAEHF,UAAAA,EAAAA,CACH,EAAA,CACF;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/dialog/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport styles from './styles.module.css';\n\nexport type DialogProps = React.DialogHTMLAttributes<HTMLDialogElement> & {\n  children: React.ReactNode;\n  setOpen?: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const Dialog = ({ children, setOpen, ...props }: DialogProps) => {\n  return (\n    <div\n      className={styles.wrapper}\n      onClick={() => setOpen?.(false)}\n    >\n      <dialog\n        className={styles.dialog}\n        onClick={(e) => e.stopPropagation()}\n        {...props}\n      >\n        {children}\n      </dialog>\n    </div>\n  );\n};\n"],"names":["Dialog","children","setOpen","props","jsx","styles","wrapper","dialog","e","stopPropagation"],"mappings":";;;;GASaA,IAASA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,SAAAA;AAAAA,EAAS,GAAGC;AAAmB,MAE9D,gBAAAC,EAAC,OAAA,EACC,WAAWC,EAAOC,SAClB,SAAS,MAAMJ,KAAAA,gBAAAA,EAAU,KAAO,kBAAA,UAEhC,4BAAC,UAAA,EACC,WAAWG,EAAOE,QAClB,SAAUC,CAAAA,MAAMA,EAAEC,gBAAAA,GAClB,GAAIN,GAEHF,UAAAA,EAAAA,CACH,EAAA,CACF;"}

package/dist/components/file/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index10.css');const e=require("react/jsx-runtime"),l=require("../icon/index.cjs"),o="_file_4xr4l_1",r={file:o,delete:"_delete_4xr4l_46"},c=({name:i,onClick:t,onDelete:n,url:a})=>e.jsxs("div",{className:r.file,"data-component":"file",children:[e.jsxs("a",{href:a,onClick:s=>{s.stopPropagation(),(t||!a)&&(s.preventDefault(),t&&t())},role:a||t?"document":"auto",title:i,children:[e.jsx(l.Icon,{name:"document",size:"small",variant:"primary"}),i]}),n&&e.jsx("a",{"aria-label":"delete document",className:r.delete,onClick:()=>n(),tabIndex:0,children:e.jsx(l.Icon,{name:"trash",size:"small",variant:"danger"})})]});exports.File=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index10.css');const e=require("react/jsx-runtime"),n=require("../icon/index.cjs"),c="_file_4xr4l_1",r={file:c,delete:"_delete_4xr4l_46"},d=({name:s,onClick:t,onDelete:a,ref:o,url:i})=>e.jsxs("div",{className:r.file,ref:o,"data-component":"file",children:[e.jsxs("a",{href:i,onClick:l=>{l.stopPropagation(),(t||!i)&&(l.preventDefault(),t==null||t())},title:s,children:[e.jsx(n.Icon,{name:"document",size:"small",variant:"primary"}),s]}),a&&e.jsx("a",{"aria-label":"delete document",className:r.delete,onClick:()=>a(),tabIndex:0,children:e.jsx(n.Icon,{name:"trash",size:"small",variant:"danger"})})]});exports.File=d;
 //# sourceMappingURL=index.cjs.map

package/dist/components/file/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/file/index.tsx"],"sourcesContent":["import { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\nexport type FileProps = {\n  name: string;\n  onClick?: () => void;\n  onDelete?: () => void;\n  url?: string;\n};\n\nexport const File = ({ name, onClick, onDelete, url }: FileProps) => {\n  return (\n    <div className={styles.file}>\n      <a\n        href={url}\n        onClick={(e) => {\n          e.stopPropagation();\n\n          if (onClick || !url) {\n            e.preventDefault();\n\n            if (onClick) {\n              onClick();\n            }\n          }\n        }}\n        role={url || onClick ? 'document' : 'auto'}\n        title={name}\n      >\n        <Icon\n          name={'document'}\n          size={'small'}\n          variant={'primary'}\n        />\n        {name}\n      </a>\n      {onDelete && (\n        <a\n          aria-label={'delete document'}\n          className={styles.delete}\n          onClick={() => onDelete()}\n          tabIndex={0}\n        >\n          <Icon\n            name={'trash'}\n            size={'small'}\n            variant={'danger'}\n          />\n        </a>\n      )}\n    </div>\n  );\n};\n"],"names":["File","name","onClick","onDelete","url","styles","file","jsxs","e","stopPropagation","preventDefault","jsx","Icon","delete"],"mappings":"2MAWaA,EAAOA,CAAC,CAAEC,KAAAA,EAAMC,QAAAA,EAASC,SAAAA,EAAUC,IAAAA,CAAe,WAE1D,MAAA,CAAI,UAAWC,EAAOC,KAAK,iBAAA,OAC1B,SAAA,CAAAC,EAAAA,KAAC,IAAA,CACC,KAAMH,EACN,QAAUI,GAAM,CACdA,EAAEC,gBAAAA,GAEEP,GAAW,CAACE,KACdI,EAAEE,eAAAA,EAEER,GACFA,EAAAA,EAGN,EACA,KAAME,GAAOF,EAAU,WAAa,OACpC,MAAOD,EAEP,SAAA,CAAAU,MAACC,EAAAA,MACC,KAAM,WACN,KAAM,QACN,QAAS,UAAU,EAEpBX,CAAAA,EACH,EACCE,SACE,IAAA,CACC,aAAY,kBACZ,UAAWE,EAAOQ,OAClB,QAAS,IAAMV,EAAAA,EACf,SAAU,EAEV,eAACS,EAAAA,KAAA,CACC,KAAM,QACN,KAAM,QACN,QAAS,QAAA,CAAS,CAAA,CAEtB,CAAA,EAEJ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/file/index.tsx"],"sourcesContent":["import { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\nexport type FileProps = React.ComponentPropsWithRef<'div'> & {\n  name: string;\n  onClick?: () => void;\n  onDelete?: () => void;\n  url?: string;\n};\n\nexport const File = ({ name, onClick, onDelete, ref, url }: FileProps) => {\n  return (\n    <div\n      className={styles.file}\n      ref={ref}\n    >\n      <a\n        href={url}\n        onClick={(e) => {\n          e.stopPropagation();\n\n          if (onClick || !url) {\n            e.preventDefault();\n            onClick?.();\n          }\n        }}\n        title={name}\n      >\n        <Icon\n          name={'document'}\n          size={'small'}\n          variant={'primary'}\n        />\n        {name}\n      </a>\n      {onDelete && (\n        <a\n          aria-label={'delete document'}\n          className={styles.delete}\n          onClick={() => onDelete()}\n          tabIndex={0}\n        >\n          <Icon\n            name={'trash'}\n            size={'small'}\n            variant={'danger'}\n          />\n        </a>\n      )}\n    </div>\n  );\n};\n"],"names":["File","name","onClick","onDelete","ref","url","styles","file","jsxs","e","stopPropagation","preventDefault","jsx","Icon","delete"],"mappings":"2MAWaA,EAAOA,CAAC,CAAEC,KAAAA,EAAMC,QAAAA,EAASC,SAAAA,EAAUC,IAAAA,EAAKC,IAAAA,CAAe,WAE/D,MAAA,CACC,UAAWC,EAAOC,KAClB,IAAAH,EAAS,iBAAA,OAET,SAAA,CAAAI,EAAAA,KAAC,IAAA,CACC,KAAMH,EACN,QAAUI,GAAM,CACdA,EAAEC,gBAAAA,GAEER,GAAW,CAACG,KACdI,EAAEE,eAAAA,EACFT,GAAAA,MAAAA,IAEJ,EACA,MAAOD,EAEP,SAAA,CAAAW,MAACC,EAAAA,MACC,KAAM,WACN,KAAM,QACN,QAAS,UAAU,EAEpBZ,CAAAA,EACH,EACCE,SACE,IAAA,CACC,aAAY,kBACZ,UAAWG,EAAOQ,OAClB,QAAS,IAAMX,EAAAA,EACf,SAAU,EAEV,eAACU,EAAAA,KAAA,CACC,KAAM,QACN,KAAM,QACN,QAAS,QAAA,CAAS,CAAA,CAEtB,CAAA,EAEJ"}

package/dist/components/file/index.js

@@ -1,23 +1,24 @@
-import { jsxs as n, jsx as a } from "react/jsx-runtime";
-import { Icon as s } from "../icon/index.js";
-import '../../assets/index10.css';const d = "_file_4xr4l_1", o = {
-  file: d,
+import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import { Icon as n } from "../icon/index.js";
+import '../../assets/index10.css';const o = "_file_4xr4l_1", d = {
+  file: o,
   delete: "_delete_4xr4l_46"
-}, f = ({
-  name: l,
+}, p = ({
+  name: t,
   onClick: e,
-  onDelete: i,
-  url: t
-}) => /* @__PURE__ */ n("div", { className: o.file, "data-component": "file", children: [
-  /* @__PURE__ */ n("a", { href: t, onClick: (r) => {
-    r.stopPropagation(), (e || !t) && (r.preventDefault(), e && e());
-  }, role: t || e ? "document" : "auto", title: l, children: [
-    /* @__PURE__ */ a(s, { name: "document", size: "small", variant: "primary" }),
-    l
+  onDelete: l,
+  ref: m,
+  url: r
+}) => /* @__PURE__ */ s("div", { className: d.file, ref: m, "data-component": "file", children: [
+  /* @__PURE__ */ s("a", { href: r, onClick: (i) => {
+    i.stopPropagation(), (e || !r) && (i.preventDefault(), e == null || e());
+  }, title: t, children: [
+    /* @__PURE__ */ a(n, { name: "document", size: "small", variant: "primary" }),
+    t
   ] }),
-  i && /* @__PURE__ */ a("a", { "aria-label": "delete document", className: o.delete, onClick: () => i(), tabIndex: 0, children: /* @__PURE__ */ a(s, { name: "trash", size: "small", variant: "danger" }) })
+  l && /* @__PURE__ */ a("a", { "aria-label": "delete document", className: d.delete, onClick: () => l(), tabIndex: 0, children: /* @__PURE__ */ a(n, { name: "trash", size: "small", variant: "danger" }) })
 ] });
 export {
-  f as File
+  p as File
 };
 //# sourceMappingURL=index.js.map

package/dist/components/file/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/file/index.tsx"],"sourcesContent":["import { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\nexport type FileProps = {\n  name: string;\n  onClick?: () => void;\n  onDelete?: () => void;\n  url?: string;\n};\n\nexport const File = ({ name, onClick, onDelete, url }: FileProps) => {\n  return (\n    <div className={styles.file}>\n      <a\n        href={url}\n        onClick={(e) => {\n          e.stopPropagation();\n\n          if (onClick || !url) {\n            e.preventDefault();\n\n            if (onClick) {\n              onClick();\n            }\n          }\n        }}\n        role={url || onClick ? 'document' : 'auto'}\n        title={name}\n      >\n        <Icon\n          name={'document'}\n          size={'small'}\n          variant={'primary'}\n        />\n        {name}\n      </a>\n      {onDelete && (\n        <a\n          aria-label={'delete document'}\n          className={styles.delete}\n          onClick={() => onDelete()}\n          tabIndex={0}\n        >\n          <Icon\n            name={'trash'}\n            size={'small'}\n            variant={'danger'}\n          />\n        </a>\n      )}\n    </div>\n  );\n};\n"],"names":["File","name","onClick","onDelete","url","styles","file","jsxs","e","stopPropagation","preventDefault","jsx","Icon","delete"],"mappings":";;;;;GAWaA,IAAOA,CAAC;AAAA,EAAEC,MAAAA;AAAAA,EAAMC,SAAAA;AAAAA,EAASC,UAAAA;AAAAA,EAAUC,KAAAA;AAAe,wBAE1D,OAAA,EAAI,WAAWC,EAAOC,MAAK,kBAAA,QAC1B,UAAA;AAAA,EAAA,gBAAAC,EAAC,KAAA,EACC,MAAMH,GACN,SAAUI,CAAAA,MAAM;AACdA,IAAAA,EAAEC,gBAAAA,IAEEP,KAAW,CAACE,OACdI,EAAEE,eAAAA,GAEER,KACFA,EAAAA;AAAAA,EAGN,GACA,MAAME,KAAOF,IAAU,aAAa,QACpC,OAAOD,GAEP,UAAA;AAAA,IAAA,gBAAAU,EAACC,KACC,MAAM,YACN,MAAM,SACN,SAAS,WAAU;AAAA,IAEpBX;AAAAA,EAAAA,GACH;AAAA,EACCE,uBACE,KAAA,EACC,cAAY,mBACZ,WAAWE,EAAOQ,QAClB,SAAS,MAAMV,EAAAA,GACf,UAAU,GAEV,4BAACS,GAAA,EACC,MAAM,SACN,MAAM,SACN,SAAS,SAAA,CAAS,EAAA,CAEtB;AAAA,GAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/file/index.tsx"],"sourcesContent":["import { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\nexport type FileProps = React.ComponentPropsWithRef<'div'> & {\n  name: string;\n  onClick?: () => void;\n  onDelete?: () => void;\n  url?: string;\n};\n\nexport const File = ({ name, onClick, onDelete, ref, url }: FileProps) => {\n  return (\n    <div\n      className={styles.file}\n      ref={ref}\n    >\n      <a\n        href={url}\n        onClick={(e) => {\n          e.stopPropagation();\n\n          if (onClick || !url) {\n            e.preventDefault();\n            onClick?.();\n          }\n        }}\n        title={name}\n      >\n        <Icon\n          name={'document'}\n          size={'small'}\n          variant={'primary'}\n        />\n        {name}\n      </a>\n      {onDelete && (\n        <a\n          aria-label={'delete document'}\n          className={styles.delete}\n          onClick={() => onDelete()}\n          tabIndex={0}\n        >\n          <Icon\n            name={'trash'}\n            size={'small'}\n            variant={'danger'}\n          />\n        </a>\n      )}\n    </div>\n  );\n};\n"],"names":["File","name","onClick","onDelete","ref","url","styles","file","jsxs","e","stopPropagation","preventDefault","jsx","Icon","delete"],"mappings":";;;;;GAWaA,IAAOA,CAAC;AAAA,EAAEC,MAAAA;AAAAA,EAAMC,SAAAA;AAAAA,EAASC,UAAAA;AAAAA,EAAUC,KAAAA;AAAAA,EAAKC,KAAAA;AAAe,wBAE/D,OAAA,EACC,WAAWC,EAAOC,MAClB,KAAAH,GAAS,kBAAA,QAET,UAAA;AAAA,EAAA,gBAAAI,EAAC,KAAA,EACC,MAAMH,GACN,SAAUI,CAAAA,MAAM;AACdA,IAAAA,EAAEC,gBAAAA,IAEER,KAAW,CAACG,OACdI,EAAEE,eAAAA,GACFT,KAAAA,QAAAA;AAAAA,EAEJ,GACA,OAAOD,GAEP,UAAA;AAAA,IAAA,gBAAAW,EAACC,KACC,MAAM,YACN,MAAM,SACN,SAAS,WAAU;AAAA,IAEpBZ;AAAAA,EAAAA,GACH;AAAA,EACCE,uBACE,KAAA,EACC,cAAY,mBACZ,WAAWG,EAAOQ,QAClB,SAAS,MAAMX,EAAAA,GACf,UAAU,GAEV,4BAACU,GAAA,EACC,MAAM,SACN,MAAM,SACN,SAAS,SAAA,CAAS,EAAA,CAEtB;AAAA,GAEJ;"}

package/dist/components/input/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),s=require("react"),I=require("../../icons-C_cX1FYp.cjs"),P=require("../../utils-DqVa4K58.cjs"),a=require("../../styles.module-CwroCNAt.cjs"),R=s.forwardRef(({className:p,defaultCountryCode:d="+47",disabled:i=!1,icon:o,label:h,placeholder:m,type:t="text",...e},v)=>{const[c,g]=s.useState(""),[r,x]=s.useState(""),{onChange:y,value:j,...N}=e,{touched:f,onBlur:S}=P.useTouched(j===""),q=o&&t!=="radio"&&t!=="datetime-local"?{"--icon-svg":I.iconSVG(o,!0)}:void 0;s.useEffect(()=>{if(typeof e.onChange=="function"&&t==="tel"){const u={name:e.name,value:r?(c||d).split(" ").join("")+r.split(" ").join(""):void 0};e.onChange({target:u,currentTarget:u})}},[c,r]),s.useEffect(()=>{t==="tel"&&!e.value&&(x(""),g(""))},[e.value,t]);const C=n.jsxs(n.Fragment,{children:[n.jsx("input",{disabled:i,hidden:!0,onChange:y,pattern:void 0,placeholder:m,ref:v,type:t,value:j}),n.jsx("input",{type:"text",className:a.inputStyles.input,disabled:i,maxLength:5,onChange:u=>g(u.target.value),placeholder:d,value:c}),n.jsx("input",{type:"tel",className:l.t(a.inputStyles.input,f&&"touched"),"data-icon":o?"true":void 0,disabled:i,maxLength:14,name:void 0,onChange:u=>x(u.target.value),onBlur:S,pattern:e.pattern,style:q,value:r,...N})]});return n.jsxs("label",{className:a.inputStyles.label,"data-component":"input",children:[h&&n.jsx("span",{className:l.t(e.required&&a.inputStyles.required),children:h}),t==="tel"?C:n.jsx("input",{ref:v,className:l.t(a.inputStyles.input,p,f&&"touched"),"data-icon":o?"true":void 0,disabled:i,onBlur:S,placeholder:m,style:q,type:t,...e})]})});exports.Input=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("../../classix-5H4IWnMA.cjs"),c=require("react"),I=require("../../icons-C_cX1FYp.cjs"),P=require("../../utils-DBzf7CFq.cjs"),s=require("../../styles.module-CwroCNAt.cjs");function T({className:p,defaultCountryCode:d="+47",disabled:a=!1,icon:i,label:h,placeholder:m,ref:v,type:t="text",...e}){const[l,g]=c.useState(""),[o,x]=c.useState(""),{onChange:y,value:j,...N}=e,{touched:S,onBlur:f}=P.useTouched(j===""),q=i&&t!=="radio"&&t!=="datetime-local"?{"--icon-svg":I.iconSVG(i,!0)}:void 0;c.useEffect(()=>{if(typeof e.onChange=="function"&&t==="tel"){const u={name:e.name,value:o?(l||d).split(" ").join("")+o.split(" ").join(""):void 0};e.onChange({target:u,currentTarget:u})}},[l,o]),c.useEffect(()=>{t==="tel"&&!e.value&&(x(""),g(""))},[e.value,t]);const C=n.jsxs(n.Fragment,{children:[n.jsx("input",{disabled:a,hidden:!0,onChange:y,pattern:void 0,placeholder:m,ref:v,type:t,value:j}),n.jsx("input",{type:"text",className:s.inputStyles.input,disabled:a,maxLength:5,onChange:u=>g(u.target.value),placeholder:d,value:l}),n.jsx("input",{type:"tel",className:r.t(s.inputStyles.input,S&&"touched"),"data-icon":i?"true":void 0,disabled:a,maxLength:14,name:void 0,onChange:u=>x(u.target.value),onBlur:f,pattern:e.pattern,style:q,value:o,...N})]});return n.jsxs("label",{className:s.inputStyles.label,"data-component":"input",children:[h&&n.jsx("span",{className:r.t(e.required&&s.inputStyles.required),children:h}),t==="tel"?C:n.jsx("input",{ref:v,className:r.t(s.inputStyles.input,p,S&&"touched"),"data-icon":i?"true":void 0,disabled:a,onBlur:f,placeholder:m,style:q,type:t,...e})]})}exports.Input=T;
 //# sourceMappingURL=index.cjs.map

package/dist/components/input/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/input/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { forwardRef, useEffect, useState } from 'react';\n\nimport { IconName, iconSVG } from '@/components/icon/icons.ts';\nimport { useTouched } from '@/utils.ts';\n\nimport styles from './styles.module.css';\n\nexport type InputProps = React.ComponentPropsWithoutRef<'input'> & {\n  defaultCountryCode?: string;\n  disabled?: boolean;\n  icon?: IconName;\n  label?: string;\n  onClick?: React.MouseEventHandler<HTMLInputElement>;\n  placeholder?: string;\n  type?: 'datetime-local' | 'email' | 'number' | 'password' | 'radio' | 'search' | 'tel' | 'text';\n};\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      className,\n      defaultCountryCode = '+47',\n      disabled = false,\n      icon,\n      label,\n      placeholder,\n      type = 'text',\n      ...props\n    },\n    ref\n  ) => {\n    const [countryCode, setCountryCode] = useState('');\n    const [phoneNumber, setPhoneNumber] = useState('');\n    const { onChange, value, ...restProps } = props;\n    const { touched, onBlur } = useTouched(value === '');\n\n    type withVars =\n      | (React.CSSProperties & {\n          '--icon-svg'?: string;\n        })\n      | undefined;\n\n    const withVars: withVars =\n      icon && type !== 'radio' && type !== 'datetime-local'\n        ? {\n            '--icon-svg': iconSVG(icon, true),\n          }\n        : undefined;\n\n    useEffect(() => {\n      if (typeof props.onChange === 'function' && type === 'tel') {\n        const target = {\n          name: props.name,\n          value: phoneNumber\n            ? (countryCode || defaultCountryCode).split(' ').join('') +\n              phoneNumber.split(' ').join('')\n            : undefined,\n        } as unknown as HTMLInputElement;\n        // eslint-disable-next-line\n        (props.onChange as any)({ target, currentTarget: target });\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [countryCode, phoneNumber]);\n\n    useEffect(() => {\n      if (type === 'tel' && !props.value) {\n        setPhoneNumber('');\n        setCountryCode('');\n      }\n    }, [props.value, type]);\n\n    const telephoneInput = (\n      <>\n        <input\n          disabled={disabled}\n          hidden\n          onChange={onChange}\n          pattern={undefined}\n          placeholder={placeholder}\n          ref={ref}\n          type={type}\n          value={value}\n        />\n        <input\n          type='text'\n          className={styles.input}\n          disabled={disabled}\n          maxLength={5}\n          onChange={(e) => setCountryCode(e.target.value)}\n          placeholder={defaultCountryCode}\n          value={countryCode}\n        />\n        <input\n          type='tel'\n          className={cx(styles.input, touched && 'touched')}\n          data-icon={icon ? 'true' : undefined}\n          disabled={disabled}\n          maxLength={14}\n          name={undefined}\n          onChange={(e) => setPhoneNumber(e.target.value)}\n          onBlur={onBlur}\n          pattern={props.pattern}\n          style={withVars}\n          value={phoneNumber}\n          {...restProps}\n        />\n      </>\n    );\n\n    return (\n      <label className={styles.label}>\n        {label && <span className={cx(props.required && styles.required)}>{label}</span>}\n        {type === 'tel' ? (\n          telephoneInput\n        ) : (\n          <input\n            ref={ref}\n            className={cx(styles.input, className, touched && 'touched')}\n            data-icon={icon ? 'true' : undefined}\n            disabled={disabled}\n            onBlur={onBlur}\n            placeholder={placeholder}\n            style={withVars}\n            type={type}\n            {...props}\n          />\n        )}\n      </label>\n    );\n  }\n);\n"],"names":["Input","forwardRef","className","defaultCountryCode","disabled","icon","label","placeholder","type","props","ref","countryCode","setCountryCode","useState","phoneNumber","setPhoneNumber","onChange","value","restProps","touched","onBlur","useTouched","withVars","iconSVG","undefined","useEffect","target","name","split","join","currentTarget","telephoneInput","jsxs","Fragment","jsx","styles","input","e","cx","pattern","required"],"mappings":"0SAkBaA,EAAQC,EAAAA,WACnB,CACE,CACEC,UAAAA,EACAC,mBAAAA,EAAqB,MACrBC,SAAAA,EAAW,GACXC,KAAAA,EACAC,MAAAA,EACAC,YAAAA,EACAC,KAAAA,EAAO,OACP,GAAGC,CACL,EACAC,IACG,CACH,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAAA,SAAS,EAAE,EAC3C,CAACC,EAAaC,CAAc,EAAIF,EAAAA,SAAS,EAAE,EAC3C,CAAEG,SAAAA,EAAUC,MAAAA,EAAO,GAAGC,CAAAA,EAAcT,EACpC,CAAEU,QAAAA,EAASC,OAAAA,CAAAA,EAAWC,EAAAA,WAAWJ,IAAU,EAAE,EAQ7CK,EACJjB,GAAQG,IAAS,SAAWA,IAAS,iBACjC,CACE,aAAce,EAAAA,QAAQlB,EAAM,EAAI,CAAA,EAElCmB,OAENC,EAAAA,UAAU,IAAM,CACd,GAAI,OAAOhB,EAAMO,UAAa,YAAcR,IAAS,MAAO,CAC1D,MAAMkB,EAAS,CACbC,KAAMlB,EAAMkB,KACZV,MAAOH,GACFH,GAAeR,GAAoByB,MAAM,GAAG,EAAEC,KAAK,EAAE,EACtDf,EAAYc,MAAM,GAAG,EAAEC,KAAK,EAAE,EAC9BL,MAAAA,EAGLf,EAAMO,SAAiB,CAAEU,OAAAA,EAAQI,cAAeJ,CAAAA,CAAQ,CAC3D,CAEF,EAAG,CAACf,EAAaG,CAAW,CAAC,EAE7BW,EAAAA,UAAU,IAAM,CACVjB,IAAS,OAAS,CAACC,EAAMQ,QAC3BF,EAAe,EAAE,EACjBH,EAAe,EAAE,EAErB,EAAG,CAACH,EAAMQ,MAAOT,CAAI,CAAC,EAEtB,MAAMuB,EACJC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,EAAAA,IAAC,QAAA,CACC,SAAA9B,EACA,OAAM,GACN,SAAAY,EACA,QAASQ,OACT,YAAAjB,EACA,IAAAG,EACA,KAAAF,EACA,MAAAS,CAAA,CAAa,EAEfiB,MAAC,SACC,KAAK,OACL,UAAWC,EAAAA,YAAOC,MAClB,SAAAhC,EACA,UAAW,EACX,SAAWiC,GAAMzB,EAAeyB,EAAEX,OAAOT,KAAK,EAC9C,YAAad,EACb,MAAOQ,EAAY,QAEpB,QAAA,CACC,KAAK,MACL,UAAW2B,EAAAA,EAAGH,EAAAA,YAAOC,MAAOjB,GAAW,SAAS,EAChD,YAAWd,EAAO,OAASmB,OAC3B,SAAApB,EACA,UAAW,GACX,KAAMoB,OACN,SAAWa,GAAMtB,EAAesB,EAAEX,OAAOT,KAAK,EAC9C,OAAAG,EACA,QAASX,EAAM8B,QACf,MAAOjB,EACP,MAAOR,EACP,GAAII,CAAAA,CAAU,CAAA,EAElB,EAGF,cACG,QAAA,CAAM,UAAWiB,EAAAA,YAAO7B,MAAM,iBAAA,QAC5BA,SAAAA,CAAAA,GAAS4B,EAAAA,IAAC,QAAK,UAAWI,EAAAA,EAAG7B,EAAM+B,UAAYL,EAAAA,YAAOK,QAAQ,EAAIlC,SAAAA,CAAAA,CAAM,EACxEE,IAAS,MACRuB,EAEAG,EAAAA,IAAC,QAAA,CACC,IAAAxB,EACA,UAAW4B,EAAAA,EAAGH,EAAAA,YAAOC,MAAOlC,EAAWiB,GAAW,SAAS,EAC3D,YAAWd,EAAO,OAASmB,OAC3B,SAAApB,EACA,OAAAgB,EACA,YAAAb,EACA,MAAOe,EACP,KAAAd,EACA,GAAIC,CAAAA,CAAM,CAAA,EAGhB,CAEJ,CACF"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/input/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { useEffect, useState } from 'react';\n\nimport { IconName, iconSVG } from '@/components/icon/icons.ts';\nimport { useTouched } from '@/utils.ts';\n\nimport styles from './styles.module.css';\n\nexport type InputProps = React.ComponentPropsWithRef<'input'> & {\n  defaultCountryCode?: string;\n  disabled?: boolean;\n  icon?: IconName;\n  label?: string;\n  onClick?: React.MouseEventHandler<HTMLInputElement>;\n  placeholder?: string;\n  type?: 'datetime-local' | 'email' | 'number' | 'password' | 'radio' | 'search' | 'tel' | 'text';\n};\n\nexport function Input({\n  className,\n  defaultCountryCode = '+47',\n  disabled = false,\n  icon,\n  label,\n  placeholder,\n  ref,\n  type = 'text',\n  ...props\n}: InputProps) {\n  const [countryCode, setCountryCode] = useState('');\n  const [phoneNumber, setPhoneNumber] = useState('');\n  const { onChange, value, ...restProps } = props;\n  const { touched, onBlur } = useTouched(value === '');\n\n  type withVars =\n    | (React.CSSProperties & {\n        '--icon-svg'?: string;\n      })\n    | undefined;\n\n  const withVars: withVars =\n    icon && type !== 'radio' && type !== 'datetime-local'\n      ? {\n          '--icon-svg': iconSVG(icon, true),\n        }\n      : undefined;\n\n  useEffect(() => {\n    if (typeof props.onChange === 'function' && type === 'tel') {\n      const target = {\n        name: props.name,\n        value: phoneNumber\n          ? (countryCode || defaultCountryCode).split(' ').join('') +\n            phoneNumber.split(' ').join('')\n          : undefined,\n      } as unknown as HTMLInputElement;\n      // eslint-disable-next-line\n      (props.onChange as any)({ target, currentTarget: target });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [countryCode, phoneNumber]);\n\n  useEffect(() => {\n    if (type === 'tel' && !props.value) {\n      setPhoneNumber('');\n      setCountryCode('');\n    }\n  }, [props.value, type]);\n\n  const telephoneInput = (\n    <>\n      <input\n        disabled={disabled}\n        hidden\n        onChange={onChange}\n        pattern={undefined}\n        placeholder={placeholder}\n        ref={ref}\n        type={type}\n        value={value}\n      />\n      <input\n        type='text'\n        className={styles.input}\n        disabled={disabled}\n        maxLength={5}\n        onChange={(e) => setCountryCode(e.target.value)}\n        placeholder={defaultCountryCode}\n        value={countryCode}\n      />\n      <input\n        type='tel'\n        className={cx(styles.input, touched && 'touched')}\n        data-icon={icon ? 'true' : undefined}\n        disabled={disabled}\n        maxLength={14}\n        name={undefined}\n        onChange={(e) => setPhoneNumber(e.target.value)}\n        onBlur={onBlur}\n        pattern={props.pattern}\n        style={withVars}\n        value={phoneNumber}\n        {...restProps}\n      />\n    </>\n  );\n\n  return (\n    <label className={styles.label}>\n      {label && <span className={cx(props.required && styles.required)}>{label}</span>}\n      {type === 'tel' ? (\n        telephoneInput\n      ) : (\n        <input\n          ref={ref}\n          className={cx(styles.input, className, touched && 'touched')}\n          data-icon={icon ? 'true' : undefined}\n          disabled={disabled}\n          onBlur={onBlur}\n          placeholder={placeholder}\n          style={withVars}\n          type={type}\n          {...props}\n        />\n      )}\n    </label>\n  );\n}\n"],"names":["Input","className","defaultCountryCode","disabled","icon","label","placeholder","ref","type","props","countryCode","setCountryCode","useState","phoneNumber","setPhoneNumber","onChange","value","restProps","touched","onBlur","useTouched","withVars","iconSVG","undefined","useEffect","target","name","split","join","currentTarget","telephoneInput","jsxs","Fragment","jsx","styles","input","e","cx","pattern","required"],"mappings":"0SAkBO,SAASA,EAAM,CACpBC,UAAAA,EACAC,mBAAAA,EAAqB,MACrBC,SAAAA,EAAW,GACXC,KAAAA,EACAC,MAAAA,EACAC,YAAAA,EACAC,IAAAA,EACAC,KAAAA,EAAO,OACP,GAAGC,CACO,EAAG,CACb,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAAA,SAAS,EAAE,EAC3C,CAACC,EAAaC,CAAc,EAAIF,EAAAA,SAAS,EAAE,EAC3C,CAAEG,SAAAA,EAAUC,MAAAA,EAAO,GAAGC,CAAAA,EAAcR,EACpC,CAAES,QAAAA,EAASC,OAAAA,CAAAA,EAAWC,EAAAA,WAAWJ,IAAU,EAAE,EAQ7CK,EACJjB,GAAQI,IAAS,SAAWA,IAAS,iBACjC,CACE,aAAcc,EAAAA,QAAQlB,EAAM,EAAI,CAAA,EAElCmB,OAENC,EAAAA,UAAU,IAAM,CACd,GAAI,OAAOf,EAAMM,UAAa,YAAcP,IAAS,MAAO,CAC1D,MAAMiB,EAAS,CACbC,KAAMjB,EAAMiB,KACZV,MAAOH,GACFH,GAAeR,GAAoByB,MAAM,GAAG,EAAEC,KAAK,EAAE,EACtDf,EAAYc,MAAM,GAAG,EAAEC,KAAK,EAAE,EAC9BL,MAAAA,EAGLd,EAAMM,SAAiB,CAAEU,OAAAA,EAAQI,cAAeJ,CAAAA,CAAQ,CAC3D,CAEF,EAAG,CAACf,EAAaG,CAAW,CAAC,EAE7BW,EAAAA,UAAU,IAAM,CACVhB,IAAS,OAAS,CAACC,EAAMO,QAC3BF,EAAe,EAAE,EACjBH,EAAe,EAAE,EAErB,EAAG,CAACF,EAAMO,MAAOR,CAAI,CAAC,EAEtB,MAAMsB,EACJC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,EAAAA,IAAC,QAAA,CACC,SAAA9B,EACA,OAAM,GACN,SAAAY,EACA,QAASQ,OACT,YAAAjB,EACA,IAAAC,EACA,KAAAC,EACA,MAAAQ,CAAA,CAAa,EAEfiB,MAAC,SACC,KAAK,OACL,UAAWC,EAAAA,YAAOC,MAClB,SAAAhC,EACA,UAAW,EACX,SAAWiC,GAAMzB,EAAeyB,EAAEX,OAAOT,KAAK,EAC9C,YAAad,EACb,MAAOQ,EAAY,QAEpB,QAAA,CACC,KAAK,MACL,UAAW2B,EAAAA,EAAGH,EAAAA,YAAOC,MAAOjB,GAAW,SAAS,EAChD,YAAWd,EAAO,OAASmB,OAC3B,SAAApB,EACA,UAAW,GACX,KAAMoB,OACN,SAAWa,GAAMtB,EAAesB,EAAEX,OAAOT,KAAK,EAC9C,OAAAG,EACA,QAASV,EAAM6B,QACf,MAAOjB,EACP,MAAOR,EACP,GAAII,CAAAA,CAAU,CAAA,EAElB,EAGF,cACG,QAAA,CAAM,UAAWiB,EAAAA,YAAO7B,MAAM,iBAAA,QAC5BA,SAAAA,CAAAA,GAAS4B,EAAAA,IAAC,QAAK,UAAWI,EAAAA,EAAG5B,EAAM8B,UAAYL,EAAAA,YAAOK,QAAQ,EAAIlC,SAAAA,CAAAA,CAAM,EACxEG,IAAS,MACRsB,EAEAG,EAAAA,IAAC,QAAA,CACC,IAAA1B,EACA,UAAW8B,EAAAA,EAAGH,EAAAA,YAAOC,MAAOlC,EAAWiB,GAAW,SAAS,EAC3D,YAAWd,EAAO,OAASmB,OAC3B,SAAApB,EACA,OAAAgB,EACA,YAAAb,EACA,MAAOe,EACP,KAAAb,EACA,GAAIC,CAAAA,CAAM,CAAA,EAGhB,CAEJ"}

package/dist/components/input/index.js

@@ -1,53 +1,54 @@
-import { jsxs as C, Fragment as P, jsx as a } from "react/jsx-runtime";
-import { t as l } from "../../classix-DG18itHa.js";
-import { forwardRef as T, useState as j, useEffect as S } from "react";
+import { jsxs as C, Fragment as T, jsx as a } from "react/jsx-runtime";
+import { t as s } from "../../classix-DG18itHa.js";
+import { useState as j, useEffect as S } from "react";
 import { i as V } from "../../icons-DfmpRbxE.js";
-import { u as B } from "../../utils-BFlnRYx7.js";
+import { u as w } from "../../utils--n2yqjCy.js";
 import { i as o } from "../../styles.module-C_Z8FrR5.js";
-const y = T(({
+function y({
   className: q,
   defaultCountryCode: c = "+47",
   disabled: u = !1,
   icon: i,
   label: m,
   placeholder: h,
+  ref: d,
   type: e = "text",
   ...t
-}, d) => {
-  const [s, v] = j(""), [r, f] = j(""), {
-    onChange: w,
-    value: g,
-    ...I
+}) {
+  const [l, v] = j(""), [r, g] = j(""), {
+    onChange: I,
+    value: f,
+    ...L
   } = t, {
     touched: p,
     onBlur: x
-  } = B(g === ""), N = i && e !== "radio" && e !== "datetime-local" ? {
+  } = w(f === ""), N = i && e !== "radio" && e !== "datetime-local" ? {
     "--icon-svg": V(i, !0)
   } : void 0;
   S(() => {
     if (typeof t.onChange == "function" && e === "tel") {
       const n = {
         name: t.name,
-        value: r ? (s || c).split(" ").join("") + r.split(" ").join("") : void 0
+        value: r ? (l || c).split(" ").join("") + r.split(" ").join("") : void 0
       };
       t.onChange({
         target: n,
         currentTarget: n
       });
     }
-  }, [s, r]), S(() => {
-    e === "tel" && !t.value && (f(""), v(""));
+  }, [l, r]), S(() => {
+    e === "tel" && !t.value && (g(""), v(""));
   }, [t.value, e]);
-  const L = /* @__PURE__ */ C(P, { children: [
-    /* @__PURE__ */ a("input", { disabled: u, hidden: !0, onChange: w, pattern: void 0, placeholder: h, ref: d, type: e, value: g }),
-    /* @__PURE__ */ a("input", { type: "text", className: o.input, disabled: u, maxLength: 5, onChange: (n) => v(n.target.value), placeholder: c, value: s }),
-    /* @__PURE__ */ a("input", { type: "tel", className: l(o.input, p && "touched"), "data-icon": i ? "true" : void 0, disabled: u, maxLength: 14, name: void 0, onChange: (n) => f(n.target.value), onBlur: x, pattern: t.pattern, style: N, value: r, ...I })
+  const P = /* @__PURE__ */ C(T, { children: [
+    /* @__PURE__ */ a("input", { disabled: u, hidden: !0, onChange: I, pattern: void 0, placeholder: h, ref: d, type: e, value: f }),
+    /* @__PURE__ */ a("input", { type: "text", className: o.input, disabled: u, maxLength: 5, onChange: (n) => v(n.target.value), placeholder: c, value: l }),
+    /* @__PURE__ */ a("input", { type: "tel", className: s(o.input, p && "touched"), "data-icon": i ? "true" : void 0, disabled: u, maxLength: 14, name: void 0, onChange: (n) => g(n.target.value), onBlur: x, pattern: t.pattern, style: N, value: r, ...L })
   ] });
   return /* @__PURE__ */ C("label", { className: o.label, "data-component": "input", children: [
-    m && /* @__PURE__ */ a("span", { className: l(t.required && o.required), children: m }),
-    e === "tel" ? L : /* @__PURE__ */ a("input", { ref: d, className: l(o.input, q, p && "touched"), "data-icon": i ? "true" : void 0, disabled: u, onBlur: x, placeholder: h, style: N, type: e, ...t })
+    m && /* @__PURE__ */ a("span", { className: s(t.required && o.required), children: m }),
+    e === "tel" ? P : /* @__PURE__ */ a("input", { ref: d, className: s(o.input, q, p && "touched"), "data-icon": i ? "true" : void 0, disabled: u, onBlur: x, placeholder: h, style: N, type: e, ...t })
   ] });
-});
+}
 export {
   y as Input
 };