@solibo/solibo-ui 1.1.6 → 1.2.0

package/dist/components/popover/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index49.css');const m=require("react/jsx-runtime"),k=require("../../classix-5H4IWnMA.cjs"),o=require("react"),S=require("react-dom"),K=require("../button/index.cjs"),O="_popover_14bo5_1",I="_inline_14bo5_6",N="_below_14bo5_47",H="_above_14bo5_52",W="_left_14bo5_62",M="_right_14bo5_67",U="_trigger_14bo5_72",r={popover:O,inline:I,"popover-panel":"_popover-panel_14bo5_26",below:N,above:H,"inline-panel":"_inline-panel_14bo5_57",left:W,right:M,trigger:U,"inline-trigger":"_inline-trigger_14bo5_76"},X=({children:v,inline:s=!1,triggerAccessibleLabel:C,triggerAriaHasPopup:T,triggerButtonContent:z})=>{var B;const h=o.useRef(null),y=o.useRef(void 0),b=o.useRef(null),P=o.useId(),p=o.useRef(null),[t,R]=o.useState(!1),[f,D]=o.useState(!1),[d,x]=o.useState("right"),_=({initialFocus:e}={})=>{y.current=e,D(!1),x("right"),R(!0)},l=o.useCallback(({restoreFocus:e=!0}={})=>{var i;R(!1),e&&((i=p.current)==null||i.focus())},[]),L=e=>{t&&e.key==="Escape"&&l()},j=e=>{if(!t){if(e.key==="ArrowDown"){e.preventDefault(),_({initialFocus:"first"});return}e.key==="ArrowUp"&&(e.preventDefault(),_({initialFocus:"last"}))}};o.useEffect(()=>{if(!t)return;const e=i=>{var n,g;const u=i.target;(n=h.current)!=null&&n.contains(u)||(g=b.current)!=null&&g.contains(u)||l({restoreFocus:!1})};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[l,t]);const a=o.useCallback(()=>{const e=b.current,i=p.current;if(!e||!i)return;const u=e.getBoundingClientRect(),n=i.getBoundingClientRect(),g=n.top,E=window.innerHeight-n.bottom;D(u.height>E&&g>E),x(u.width>window.innerWidth-n.left&&n.right>window.innerWidth-n.left?"left":"right")},[]);o.useLayoutEffect(()=>{if(t)return a(),window.addEventListener("resize",a),window.addEventListener("scroll",a,!0),()=>{window.removeEventListener("resize",a),window.removeEventListener("scroll",a,!0)}},[t,a]);const F=e=>{e.preventDefault(),e.stopPropagation(),t?l({restoreFocus:!1}):_()},q={"aria-controls":t?P:void 0,"aria-expanded":t,"aria-haspopup":T,"aria-label":C,className:s?r["inline-trigger"]:r.trigger,onClick:F,onKeyDown:j},c=s?(B=p.current)==null?void 0:B.getBoundingClientRect():void 0,A=[d==="left"?"translateX(-100%)":"",f?"translateY(calc(-100% - var(--shape-spacing-2xs)))":""].filter(Boolean).join(" "),w=t?m.jsx("div",{className:k.t(r["popover-panel"],r[f?"above":"below"],s&&r["inline-panel"],!s&&r[d]),"data-horizontal-placement":d,"data-placement":f?"above":"below",id:P,ref:b,style:c?{left:d==="left"?c.right:c.left,position:"fixed",top:f?c.top:c.bottom,transform:A||void 0}:void 0,children:typeof v=="function"?v({close:l,initialFocus:y.current,isOpen:t}):v}):null;return m.jsxs("div",{className:k.t(r.popover,s&&r.inline),"data-open":t,onKeyDown:L,onClick:e=>{e.preventDefault(),e.stopPropagation()},ref:h,"data-component":"popover",children:[m.jsx(K.Button,{...q,ref:p,variant:"simple",children:z}),s&&w&&typeof document<"u"?S.createPortal(w,document.body):w]})};exports.Popover=X;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index52.css');const m=require("react/jsx-runtime"),k=require("../../classix-5H4IWnMA.cjs"),o=require("react"),S=require("react-dom"),K=require("../button/index.cjs"),O="_popover_14bo5_1",I="_inline_14bo5_6",N="_below_14bo5_47",H="_above_14bo5_52",W="_left_14bo5_62",M="_right_14bo5_67",U="_trigger_14bo5_72",r={popover:O,inline:I,"popover-panel":"_popover-panel_14bo5_26",below:N,above:H,"inline-panel":"_inline-panel_14bo5_57",left:W,right:M,trigger:U,"inline-trigger":"_inline-trigger_14bo5_76"},X=({children:v,inline:s=!1,triggerAccessibleLabel:C,triggerAriaHasPopup:T,triggerButtonContent:z})=>{var B;const h=o.useRef(null),y=o.useRef(void 0),b=o.useRef(null),P=o.useId(),p=o.useRef(null),[t,R]=o.useState(!1),[f,D]=o.useState(!1),[d,x]=o.useState("right"),_=({initialFocus:e}={})=>{y.current=e,D(!1),x("right"),R(!0)},l=o.useCallback(({restoreFocus:e=!0}={})=>{var i;R(!1),e&&((i=p.current)==null||i.focus())},[]),L=e=>{t&&e.key==="Escape"&&l()},j=e=>{if(!t){if(e.key==="ArrowDown"){e.preventDefault(),_({initialFocus:"first"});return}e.key==="ArrowUp"&&(e.preventDefault(),_({initialFocus:"last"}))}};o.useEffect(()=>{if(!t)return;const e=i=>{var n,g;const u=i.target;(n=h.current)!=null&&n.contains(u)||(g=b.current)!=null&&g.contains(u)||l({restoreFocus:!1})};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[l,t]);const a=o.useCallback(()=>{const e=b.current,i=p.current;if(!e||!i)return;const u=e.getBoundingClientRect(),n=i.getBoundingClientRect(),g=n.top,E=window.innerHeight-n.bottom;D(u.height>E&&g>E),x(u.width>window.innerWidth-n.left&&n.right>window.innerWidth-n.left?"left":"right")},[]);o.useLayoutEffect(()=>{if(t)return a(),window.addEventListener("resize",a),window.addEventListener("scroll",a,!0),()=>{window.removeEventListener("resize",a),window.removeEventListener("scroll",a,!0)}},[t,a]);const F=e=>{e.preventDefault(),e.stopPropagation(),t?l({restoreFocus:!1}):_()},q={"aria-controls":t?P:void 0,"aria-expanded":t,"aria-haspopup":T,"aria-label":C,className:s?r["inline-trigger"]:r.trigger,onClick:F,onKeyDown:j},c=s?(B=p.current)==null?void 0:B.getBoundingClientRect():void 0,A=[d==="left"?"translateX(-100%)":"",f?"translateY(calc(-100% - var(--shape-spacing-2xs)))":""].filter(Boolean).join(" "),w=t?m.jsx("div",{className:k.t(r["popover-panel"],r[f?"above":"below"],s&&r["inline-panel"],!s&&r[d]),"data-horizontal-placement":d,"data-placement":f?"above":"below",id:P,ref:b,style:c?{left:d==="left"?c.right:c.left,position:"fixed",top:f?c.top:c.bottom,transform:A||void 0}:void 0,children:typeof v=="function"?v({close:l,initialFocus:y.current,isOpen:t}):v}):null;return m.jsxs("div",{className:k.t(r.popover,s&&r.inline),"data-open":t,onKeyDown:L,onClick:e=>{e.preventDefault(),e.stopPropagation()},ref:h,"data-component":"popover",children:[m.jsx(K.Button,{...q,ref:p,variant:"simple",children:z}),s&&w&&typeof document<"u"?S.createPortal(w,document.body):w]})};exports.Popover=X;
 //# sourceMappingURL=index.cjs.map

package/dist/components/popover/index.js

@@ -3,7 +3,7 @@ import { t as C } from "../../classix-DG18itHa.js";
 import { useRef as g, useId as H, useState as b, useCallback as L, useEffect as W, useLayoutEffect as S } from "react";
 import { createPortal as U } from "react-dom";
 import { Button as X } from "../button/index.js";
-import '../../assets/index49.css';const Y = "_popover_14bo5_1", q = "_inline_14bo5_6", G = "_below_14bo5_47", J = "_above_14bo5_52", M = "_left_14bo5_62", Q = "_right_14bo5_67", V = "_trigger_14bo5_72", n = {
+import '../../assets/index52.css';const Y = "_popover_14bo5_1", q = "_inline_14bo5_6", G = "_below_14bo5_47", J = "_above_14bo5_52", M = "_left_14bo5_62", Q = "_right_14bo5_67", V = "_trigger_14bo5_72", n = {
   popover: Y,
   inline: q,
   "popover-panel": "_popover-panel_14bo5_26",

package/dist/components/search/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index9.css');const a=require("react/jsx-runtime"),b=require("react"),h=require("../button/index.cjs"),I=require("../checkbox/index.cjs"),T=require("../chip/index.cjs"),H=require("../collapsible/index.cjs"),P=require("../controls/index.cjs"),z=require("../dialog/index.cjs"),A=require("../header/index.cjs"),E=require("../../index-5yOssOic.cjs"),J="_search_1rde5_3",K="_controls_1rde5_15",Q="_chips_1rde5_35",S="_radio_1rde5_101",l={search:J,controls:K,chips:Q,"filter-dialog":"_filter-dialog_1rde5_42","filter-groups":"_filter-groups_1rde5_47","filter-group":"_filter-group_1rde5_47","filter-option":"_filter-option_1rde5_83","option-copy":"_option-copy_1rde5_89",radio:S,"collapsible-options":"_collapsible-options_1rde5_128"},U=({filterButtonLabel:x="Filters",filterDialogColumns:k=1,filterDialogTitle:q="Filters",filterGroups:d=[],onChange:M,onSelectedFiltersChange:i,removeFilterLabel:$=c=>`Remove ${c.label} filter`,resetLabel:j="Reset",searchLabel:O="Search",searchPlaceholder:w="Search",selectedFilters:t=[],showResultsLabel:B="Show results",value:D=""})=>{const c=b.useId(),[v,r]=b.useState(!1),R=b.useMemo(()=>new Map(d.flatMap(e=>{var n;return[...e.options,...((n=e.collapsible)==null?void 0:n.options)??[]]}).map(e=>[e.value,e])),[d]),p=t.flatMap(e=>{const n=R.get(e);return n?[n]:[]}),_=(e,n,s)=>{var f;if(!i)return;const m=new Set([...(s==null?void 0:s.options.map(o=>o.value))??[],...((f=s==null?void 0:s.collapsible)==null?void 0:f.options.map(o=>o.value))??[]]),N=t.filter(o=>!m.has(o));if(n&&(s==null?void 0:s.defaultValue)===e){i(N);return}i(n?(s==null?void 0:s.control)==="radio"||(s==null?void 0:s.selectionMode)==="single"?[...N,e]:[...new Set([...t,e])]:t.filter(o=>o!==e))},u=(e,n)=>{var s;return t.includes(e)||n.defaultValue===e&&![...n.options,...((s=n.collapsible)==null?void 0:s.options)??[]].some(m=>t.includes(m.value))},y=(e,n)=>a.jsx("div",{className:l["filter-option"],"data-component":"renderfilter",children:n.control==="radio"?a.jsxs("label",{className:l.radio,children:[a.jsx("input",{checked:u(e.value,n),name:`${c}-filter-${n.label??"group"}`,onChange:s=>_(e.value,s.target.checked,n),type:"radio"}),a.jsxs("span",{className:l["option-copy"],children:[e.label,e.description&&a.jsx("sub",{children:e.description})]})]}):a.jsx(I.Checkbox,{checked:u(e.value,n),label:a.jsxs("span",{className:l["option-copy"],children:[e.label,e.description&&a.jsx("sub",{children:e.description})]}),onChange:s=>_(e.value,s.target.checked,n)})},e.value);return a.jsxs("div",{className:l.search,"data-component":"search",children:[a.jsxs("div",{className:l.controls,children:[a.jsx(E.Input,{"aria-label":O,icon:"MagnifyingGlass",onChange:e=>M(e.target.value),placeholder:w,type:"search",value:D}),d.length>0&&a.jsx(h.Button,{"aria-expanded":v,"aria-haspopup":"dialog",badge:p.length,icon:"Funnel",onClick:()=>r(!0),variant:"tertiary",children:x})]}),p.length>0&&a.jsxs("div",{"aria-label":x,className:l.chips,children:[p.map(e=>a.jsx(T.Chip,{accessibleLabel:$(e),label:e.label,onDelete:()=>_(e.value,!1)},e.value)),a.jsx(h.Button,{onClick:()=>i==null?void 0:i([]),variant:"tertiary",children:j})]}),v&&a.jsx(z.Dialog,{"aria-labelledby":c,className:l["filter-dialog"],controls:a.jsxs(P.Controls,{children:[a.jsx(h.Button,{onClick:()=>{i==null||i([]),r(!1)},children:j}),a.jsx(h.Button,{onClick:()=>r(!1),variant:"primary",children:B})]}),header:a.jsx(A.Header,{children:a.jsx("h2",{id:c,children:q})}),open:!0,setOpen:r,children:a.jsx("div",{className:l["filter-groups"],"data-columns":k,children:d.map((e,n)=>a.jsxs("section",{"aria-labelledby":e.label?`${c}-${n}`:void 0,className:l["filter-group"],"data-column-span":e.columnSpan??1,role:e.control==="radio"?"radiogroup":"group",children:[e.label&&a.jsx("h3",{id:`${c}-${n}`,children:e.label}),e.options.map(s=>y(s,e)),e.collapsible&&a.jsx(H.Collapsible,{summary:e.collapsible.label,children:a.jsx("div",{className:l["collapsible-options"],children:e.collapsible.options.map(s=>y(s,e))})})]},e.label??n))})})]})};exports.Search=U;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index9.css');const a=require("react/jsx-runtime"),b=require("react"),h=require("../button/index.cjs"),I=require("../checkbox/index.cjs"),T=require("../chip/index.cjs"),H=require("../collapsible/index.cjs"),P=require("../controls/index.cjs"),z=require("../dialog/index.cjs"),A=require("../header/index.cjs"),E=require("../../index-CQlMdqOp.cjs"),J="_search_1rde5_3",K="_controls_1rde5_15",Q="_chips_1rde5_35",S="_radio_1rde5_101",l={search:J,controls:K,chips:Q,"filter-dialog":"_filter-dialog_1rde5_42","filter-groups":"_filter-groups_1rde5_47","filter-group":"_filter-group_1rde5_47","filter-option":"_filter-option_1rde5_83","option-copy":"_option-copy_1rde5_89",radio:S,"collapsible-options":"_collapsible-options_1rde5_128"},U=({filterButtonLabel:x="Filters",filterDialogColumns:k=1,filterDialogTitle:q="Filters",filterGroups:d=[],onChange:M,onSelectedFiltersChange:i,removeFilterLabel:$=c=>`Remove ${c.label} filter`,resetLabel:j="Reset",searchLabel:O="Search",searchPlaceholder:w="Search",selectedFilters:t=[],showResultsLabel:B="Show results",value:D=""})=>{const c=b.useId(),[v,r]=b.useState(!1),R=b.useMemo(()=>new Map(d.flatMap(e=>{var n;return[...e.options,...((n=e.collapsible)==null?void 0:n.options)??[]]}).map(e=>[e.value,e])),[d]),p=t.flatMap(e=>{const n=R.get(e);return n?[n]:[]}),_=(e,n,s)=>{var f;if(!i)return;const m=new Set([...(s==null?void 0:s.options.map(o=>o.value))??[],...((f=s==null?void 0:s.collapsible)==null?void 0:f.options.map(o=>o.value))??[]]),N=t.filter(o=>!m.has(o));if(n&&(s==null?void 0:s.defaultValue)===e){i(N);return}i(n?(s==null?void 0:s.control)==="radio"||(s==null?void 0:s.selectionMode)==="single"?[...N,e]:[...new Set([...t,e])]:t.filter(o=>o!==e))},u=(e,n)=>{var s;return t.includes(e)||n.defaultValue===e&&![...n.options,...((s=n.collapsible)==null?void 0:s.options)??[]].some(m=>t.includes(m.value))},y=(e,n)=>a.jsx("div",{className:l["filter-option"],"data-component":"renderfilter",children:n.control==="radio"?a.jsxs("label",{className:l.radio,children:[a.jsx("input",{checked:u(e.value,n),name:`${c}-filter-${n.label??"group"}`,onChange:s=>_(e.value,s.target.checked,n),type:"radio"}),a.jsxs("span",{className:l["option-copy"],children:[e.label,e.description&&a.jsx("sub",{children:e.description})]})]}):a.jsx(I.Checkbox,{checked:u(e.value,n),label:a.jsxs("span",{className:l["option-copy"],children:[e.label,e.description&&a.jsx("sub",{children:e.description})]}),onChange:s=>_(e.value,s.target.checked,n)})},e.value);return a.jsxs("div",{className:l.search,"data-component":"search",children:[a.jsxs("div",{className:l.controls,children:[a.jsx(E.Input,{"aria-label":O,icon:"MagnifyingGlass",onChange:e=>M(e.target.value),placeholder:w,type:"search",value:D}),d.length>0&&a.jsx(h.Button,{"aria-expanded":v,"aria-haspopup":"dialog",badge:p.length,icon:"Funnel",onClick:()=>r(!0),variant:"tertiary",children:x})]}),p.length>0&&a.jsxs("div",{"aria-label":x,className:l.chips,children:[p.map(e=>a.jsx(T.Chip,{accessibleLabel:$(e),label:e.label,onDelete:()=>_(e.value,!1)},e.value)),a.jsx(h.Button,{onClick:()=>i==null?void 0:i([]),variant:"tertiary",children:j})]}),v&&a.jsx(z.Dialog,{"aria-labelledby":c,className:l["filter-dialog"],controls:a.jsxs(P.Controls,{children:[a.jsx(h.Button,{onClick:()=>{i==null||i([]),r(!1)},children:j}),a.jsx(h.Button,{onClick:()=>r(!1),variant:"primary",children:B})]}),header:a.jsx(A.Header,{children:a.jsx("h2",{id:c,children:q})}),open:!0,setOpen:r,children:a.jsx("div",{className:l["filter-groups"],"data-columns":k,children:d.map((e,n)=>a.jsxs("section",{"aria-labelledby":e.label?`${c}-${n}`:void 0,className:l["filter-group"],"data-column-span":e.columnSpan??1,role:e.control==="radio"?"radiogroup":"group",children:[e.label&&a.jsx("h3",{id:`${c}-${n}`,children:e.label}),e.options.map(s=>y(s,e)),e.collapsible&&a.jsx(H.Collapsible,{summary:e.collapsible.label,children:a.jsx("div",{className:l["collapsible-options"],children:e.collapsible.options.map(s=>y(s,e))})})]},e.label??n))})})]})};exports.Search=U;
 //# sourceMappingURL=index.cjs.map

package/dist/components/search/index.js

@@ -7,7 +7,7 @@ import { Collapsible as E } from "../collapsible/index.js";
 import { Controls as J } from "../controls/index.js";
 import { Dialog as K } from "../dialog/index.js";
 import { Header as P } from "../header/index.js";
-import { I as Q } from "../../index-Cv6TtBnd.js";
+import { I as Q } from "../../index-CbJ2-IPc.js";
 import '../../assets/index9.css';const U = "_search_1rde5_3", V = "_controls_1rde5_15", W = "_chips_1rde5_35", X = "_radio_1rde5_101", o = {
   search: U,
   controls: V,

package/dist/components/select/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../classix-5H4IWnMA.cjs");require("../../icons-Dv_p0bUF.cjs");const e=require("../../index-CXaYq0By.cjs");require("../../use-touched-Bq5Gjbpz.cjs");exports.Select=e.Select;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../classix-5H4IWnMA.cjs");require("../../icons-Dv_p0bUF.cjs");const e=require("../../index-Bt7vnwji.cjs");require("../../use-touched-Bq5Gjbpz.cjs");exports.Select=e.Select;
 //# sourceMappingURL=index.cjs.map

package/dist/components/select/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../classix-DG18itHa.js";
 import "../../icons-dUP7sKyt.js";
-import { S as e } from "../../index-CwIzKfBo.js";
+import { S as e } from "../../index-BLb3JiCr.js";
 import "../../use-touched-B999bBr8.js";
 export {
   e as Select

package/dist/components/toolbar/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index51.css');const a=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),s="_toolbar_vp38k_1",n="_editor_vp38k_34",o={toolbar:s,default:"_default_vp38k_28",editor:n},i=({children:t,variant:e="default"})=>a.jsx("div",{className:l.t(o.toolbar,o[e]),onClick:r=>r.stopPropagation(),"data-component":"toolbar",children:t});exports.Toolbar=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index54.css');const a=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),s="_toolbar_vp38k_1",n="_editor_vp38k_34",o={toolbar:s,default:"_default_vp38k_28",editor:n},i=({children:t,variant:e="default"})=>a.jsx("div",{className:l.t(o.toolbar,o[e]),onClick:r=>r.stopPropagation(),"data-component":"toolbar",children:t});exports.Toolbar=i;
 //# sourceMappingURL=index.cjs.map

package/dist/components/toolbar/index.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
 import { t as e } from "../../classix-DG18itHa.js";
-import '../../assets/index51.css';const s = "_toolbar_vp38k_1", n = "_editor_vp38k_34", o = {
+import '../../assets/index54.css';const s = "_toolbar_vp38k_1", n = "_editor_vp38k_34", o = {
   toolbar: s,
   default: "_default_vp38k_28",
   editor: n

package/dist/components/tooltip/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index14.css');const s=require("react/jsx-runtime"),c=require("../../classix-5H4IWnMA.cjs"),a=require("../icon/index.cjs"),t={static:"_static_r8l1k_1"},r={default:t.default,static:t.static},l=({variant:o="default",children:i,iconName:e,...n})=>s.jsxs("div",{className:c.t(t.tooltip,r[o]),...n,"data-component":"tooltip",children:[e&&s.jsx(a.Icon,{gap:"right",name:e}),i]});exports.Tooltip=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index15.css');const s=require("react/jsx-runtime"),c=require("../../classix-5H4IWnMA.cjs"),a=require("../icon/index.cjs"),t={static:"_static_r8l1k_1"},r={default:t.default,static:t.static},l=({variant:o="default",children:i,iconName:e,...n})=>s.jsxs("div",{className:c.t(t.tooltip,r[o]),...n,"data-component":"tooltip",children:[e&&s.jsx(a.Icon,{gap:"right",name:e}),i]});exports.Tooltip=l;
 //# sourceMappingURL=index.cjs.map

package/dist/components/tooltip/index.js

@@ -1,7 +1,7 @@
 import { jsxs as r, jsx as c } from "react/jsx-runtime";
 import { t as l } from "../../classix-DG18itHa.js";
 import { Icon as e } from "../icon/index.js";
-import '../../assets/index14.css';const t = {
+import '../../assets/index15.css';const t = {
   static: "_static_r8l1k_1"
 }, n = {
   default: t.default,

package/dist/{index-CwIzKfBo.js → index-BLb3JiCr.js}

@@ -2,7 +2,7 @@ import { jsxs as m, jsx as p } from "react/jsx-runtime";
 import { t as v } from "./classix-DG18itHa.js";
 import { i as w } from "./icons-dUP7sKyt.js";
 import { u as C, c as S } from "./use-touched-B999bBr8.js";
-import './assets/index50.css';const P = /* @__PURE__ */ new Set(["aria-activedescendant", "aria-autocomplete", "aria-busy", "aria-controls", "aria-describedby", "aria-details", "aria-disabled", "aria-errormessage", "aria-expanded", "aria-haspopup", "aria-hidden", "aria-invalid", "aria-keyshortcuts", "aria-label", "aria-labelledby", "aria-live", "aria-owns", "aria-required", "aria-roledescription", "autoComplete", "autoFocus", "className", "defaultValue", "dir", "disabled", "form", "id", "multiple", "name", "onBlur", "onChange", "onClick", "onFocus", "onInput", "onInvalid", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseUp", "onPointerDown", "onPointerUp", "required", "role", "size", "style", "tabIndex", "title", "value"]);
+import './assets/index53.css';const P = /* @__PURE__ */ new Set(["aria-activedescendant", "aria-autocomplete", "aria-busy", "aria-controls", "aria-describedby", "aria-details", "aria-disabled", "aria-errormessage", "aria-expanded", "aria-haspopup", "aria-hidden", "aria-invalid", "aria-keyshortcuts", "aria-label", "aria-labelledby", "aria-live", "aria-owns", "aria-required", "aria-roledescription", "autoComplete", "autoFocus", "className", "defaultValue", "dir", "disabled", "form", "id", "multiple", "name", "onBlur", "onChange", "onClick", "onFocus", "onInput", "onInvalid", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseUp", "onPointerDown", "onPointerUp", "required", "role", "size", "style", "tabIndex", "title", "value"]);
 function _(n) {
   return Object.fromEntries(Object.entries(n).filter(([e]) => e.startsWith("data-") || e.startsWith("aria-") || P.has(e)));
 }
@@ -71,4 +71,4 @@ export {
   N as r,
   _ as s
 };
-//# sourceMappingURL=index-CwIzKfBo.js.map
+//# sourceMappingURL=index-BLb3JiCr.js.map

package/dist/{index-CwIzKfBo.js.map → index-BLb3JiCr.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-CwIzKfBo.js","sources":["../src/components/select/sanitize-select-props.ts","../src/utils/color.ts","../src/components/select/index.tsx"],"sourcesContent":["const selectKeys = new Set([\n  'aria-activedescendant',\n  'aria-autocomplete',\n  'aria-busy',\n  'aria-controls',\n  'aria-describedby',\n  'aria-details',\n  'aria-disabled',\n  'aria-errormessage',\n  'aria-expanded',\n  'aria-haspopup',\n  'aria-hidden',\n  'aria-invalid',\n  'aria-keyshortcuts',\n  'aria-label',\n  'aria-labelledby',\n  'aria-live',\n  'aria-owns',\n  'aria-required',\n  'aria-roledescription',\n  'autoComplete',\n  'autoFocus',\n  'className',\n  'defaultValue',\n  'dir',\n  'disabled',\n  'form',\n  'id',\n  'multiple',\n  'name',\n  'onBlur',\n  'onChange',\n  'onClick',\n  'onFocus',\n  'onInput',\n  'onInvalid',\n  'onKeyDown',\n  'onKeyUp',\n  'onMouseDown',\n  'onMouseUp',\n  'onPointerDown',\n  'onPointerUp',\n  'required',\n  'role',\n  'size',\n  'style',\n  'tabIndex',\n  'title',\n  'value',\n]);\n\nexport function sanitizeSelectProps<T extends Record<string, unknown>>(props: T) {\n  return Object.fromEntries(\n    Object.entries(props).filter(\n      ([key]) => key.startsWith('data-') || key.startsWith('aria-') || selectKeys.has(key)\n    )\n  ) as Partial<T>;\n}\n","const cssVariablePattern = /^--[\\w-]+$/;\nconst cssVariableReferencePattern = /^var\\(\\s*(--[\\w-]+)\\s*(?:,\\s*(.+))?\\)$/;\n\nconst unresolvedColorKeywords = new Set([\n  'currentcolor',\n  'inherit',\n  'initial',\n  'revert',\n  'revert-layer',\n  'unset',\n]);\n\nconst probe = typeof document !== 'undefined' ? document.createElement('span') : null;\n\nfunction normalizeColorValue(input: string): string {\n  const value = input.trim();\n\n  if (!value || !probe || unresolvedColorKeywords.has(value.toLowerCase())) {\n    return value;\n  }\n\n  const mountNode = document.body ?? document.documentElement;\n\n  if (!mountNode) {\n    return value;\n  }\n\n  probe.style.color = value;\n\n  if (!probe.style.color) {\n    return value;\n  }\n\n  mountNode.appendChild(probe);\n\n  const normalized = getComputedStyle(probe).color.trim();\n  probe.remove();\n\n  return normalized || value;\n}\n\nexport function resolveColor(input: `--${string}` | string, fallback = 'currentColor'): string {\n  if (typeof document === 'undefined') {\n    return fallback;\n  }\n\n  const styles = getComputedStyle(document.documentElement);\n  const seen = new Set<string>();\n  let current = input.trim();\n\n  while (current) {\n    const match = current.match(cssVariableReferencePattern);\n    const variableName = match?.[1] ?? (cssVariablePattern.test(current) ? current : null);\n    const nestedFallback = match?.[2]?.trim();\n\n    if (!variableName) {\n      return normalizeColorValue(current);\n    }\n\n    if (seen.has(variableName)) {\n      current = nestedFallback ?? '';\n      continue;\n    }\n\n    seen.add(variableName);\n\n    current = styles.getPropertyValue(variableName).trim() || nestedFallback || '';\n  }\n\n  return normalizeColorValue(fallback);\n}\n","import cx from 'classix';\n\nimport { iconSVG } from '@/components/icon/icons.ts';\nimport { resolveColor } from '@/utils/color';\nimport { composeEventHandlers } from '@/utils/compose-event-handlers';\nimport { useTouched } from '@/utils/use-touched';\n\nimport { sanitizeSelectProps } from './sanitize-select-props';\nimport styles from './styles.module.css';\n\nexport type SelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {\n  children: React.ReactNode;\n  label?: string;\n  placeholder?: string;\n};\n\ntype withVars = React.CSSProperties & {\n  '--icon-svg'?: string;\n};\n\nexport const Select = ({ children, label, placeholder, ...props }: SelectProps) => {\n  const { touched, onBlur } = useTouched(props.value === '');\n  const selectProps = sanitizeSelectProps(props);\n  const { className, onBlur: onBlurProp, style, ...restSelectProps } = selectProps;\n  const withVars = {\n    ...style,\n    '--icon-svg': iconSVG('CaretDown', resolveColor('--colors-semantic-content-secondary')),\n  } satisfies withVars;\n\n  const selectElement = (\n    <select\n      className={cx(styles.select, className, touched && styles.touched)}\n      onBlur={composeEventHandlers(onBlur, onBlurProp)}\n      style={withVars}\n      {...restSelectProps}\n    >\n      {placeholder && (\n        <option\n          key='placeholder'\n          value={''}\n          hidden\n        >\n          {placeholder}\n        </option>\n      )}\n      {children}\n    </select>\n  );\n\n  if (!label) {\n    return selectElement;\n  }\n\n  return (\n    <label>\n      <span\n        className={styles.label}\n        data-required={props.required || undefined}\n      >\n        {label}\n      </span>\n      {selectElement}\n    </label>\n  );\n};\n"],"names":["selectKeys","Set","sanitizeSelectProps","props","Object","fromEntries","entries","filter","key","startsWith","has","cssVariablePattern","cssVariableReferencePattern","unresolvedColorKeywords","probe","document","createElement","normalizeColorValue","input","value","trim","toLowerCase","mountNode","body","documentElement","style","color","appendChild","normalized","getComputedStyle","remove","resolveColor","fallback","styles","seen","current","match","variableName","test","nestedFallback","add","getPropertyValue","Select","children","label","placeholder","touched","onBlur","useTouched","selectProps","className","onBlurProp","restSelectProps","withVars","iconSVG","selectElement","cx","select","composeEventHandlers","jsxs","jsx","required","undefined"],"mappings":"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"}
+{"version":3,"file":"index-BLb3JiCr.js","sources":["../src/components/select/sanitize-select-props.ts","../src/utils/color.ts","../src/components/select/index.tsx"],"sourcesContent":["const selectKeys = new Set([\n  'aria-activedescendant',\n  'aria-autocomplete',\n  'aria-busy',\n  'aria-controls',\n  'aria-describedby',\n  'aria-details',\n  'aria-disabled',\n  'aria-errormessage',\n  'aria-expanded',\n  'aria-haspopup',\n  'aria-hidden',\n  'aria-invalid',\n  'aria-keyshortcuts',\n  'aria-label',\n  'aria-labelledby',\n  'aria-live',\n  'aria-owns',\n  'aria-required',\n  'aria-roledescription',\n  'autoComplete',\n  'autoFocus',\n  'className',\n  'defaultValue',\n  'dir',\n  'disabled',\n  'form',\n  'id',\n  'multiple',\n  'name',\n  'onBlur',\n  'onChange',\n  'onClick',\n  'onFocus',\n  'onInput',\n  'onInvalid',\n  'onKeyDown',\n  'onKeyUp',\n  'onMouseDown',\n  'onMouseUp',\n  'onPointerDown',\n  'onPointerUp',\n  'required',\n  'role',\n  'size',\n  'style',\n  'tabIndex',\n  'title',\n  'value',\n]);\n\nexport function sanitizeSelectProps<T extends Record<string, unknown>>(props: T) {\n  return Object.fromEntries(\n    Object.entries(props).filter(\n      ([key]) => key.startsWith('data-') || key.startsWith('aria-') || selectKeys.has(key)\n    )\n  ) as Partial<T>;\n}\n","const cssVariablePattern = /^--[\\w-]+$/;\nconst cssVariableReferencePattern = /^var\\(\\s*(--[\\w-]+)\\s*(?:,\\s*(.+))?\\)$/;\n\nconst unresolvedColorKeywords = new Set([\n  'currentcolor',\n  'inherit',\n  'initial',\n  'revert',\n  'revert-layer',\n  'unset',\n]);\n\nconst probe = typeof document !== 'undefined' ? document.createElement('span') : null;\n\nfunction normalizeColorValue(input: string): string {\n  const value = input.trim();\n\n  if (!value || !probe || unresolvedColorKeywords.has(value.toLowerCase())) {\n    return value;\n  }\n\n  const mountNode = document.body ?? document.documentElement;\n\n  if (!mountNode) {\n    return value;\n  }\n\n  probe.style.color = value;\n\n  if (!probe.style.color) {\n    return value;\n  }\n\n  mountNode.appendChild(probe);\n\n  const normalized = getComputedStyle(probe).color.trim();\n  probe.remove();\n\n  return normalized || value;\n}\n\nexport function resolveColor(input: `--${string}` | string, fallback = 'currentColor'): string {\n  if (typeof document === 'undefined') {\n    return fallback;\n  }\n\n  const styles = getComputedStyle(document.documentElement);\n  const seen = new Set<string>();\n  let current = input.trim();\n\n  while (current) {\n    const match = current.match(cssVariableReferencePattern);\n    const variableName = match?.[1] ?? (cssVariablePattern.test(current) ? current : null);\n    const nestedFallback = match?.[2]?.trim();\n\n    if (!variableName) {\n      return normalizeColorValue(current);\n    }\n\n    if (seen.has(variableName)) {\n      current = nestedFallback ?? '';\n      continue;\n    }\n\n    seen.add(variableName);\n\n    current = styles.getPropertyValue(variableName).trim() || nestedFallback || '';\n  }\n\n  return normalizeColorValue(fallback);\n}\n","import cx from 'classix';\n\nimport { iconSVG } from '@/components/icon/icons.ts';\nimport { resolveColor } from '@/utils/color';\nimport { composeEventHandlers } from '@/utils/compose-event-handlers';\nimport { useTouched } from '@/utils/use-touched';\n\nimport { sanitizeSelectProps } from './sanitize-select-props';\nimport styles from './styles.module.css';\n\nexport type SelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {\n  children: React.ReactNode;\n  label?: string;\n  placeholder?: string;\n};\n\ntype withVars = React.CSSProperties & {\n  '--icon-svg'?: string;\n};\n\nexport const Select = ({ children, label, placeholder, ...props }: SelectProps) => {\n  const { touched, onBlur } = useTouched(props.value === '');\n  const selectProps = sanitizeSelectProps(props);\n  const { className, onBlur: onBlurProp, style, ...restSelectProps } = selectProps;\n  const withVars = {\n    ...style,\n    '--icon-svg': iconSVG('CaretDown', resolveColor('--colors-semantic-content-secondary')),\n  } satisfies withVars;\n\n  const selectElement = (\n    <select\n      className={cx(styles.select, className, touched && styles.touched)}\n      onBlur={composeEventHandlers(onBlur, onBlurProp)}\n      style={withVars}\n      {...restSelectProps}\n    >\n      {placeholder && (\n        <option\n          key='placeholder'\n          value={''}\n          hidden\n        >\n          {placeholder}\n        </option>\n      )}\n      {children}\n    </select>\n  );\n\n  if (!label) {\n    return selectElement;\n  }\n\n  return (\n    <label>\n      <span\n        className={styles.label}\n        data-required={props.required || undefined}\n      >\n        {label}\n      </span>\n      {selectElement}\n    </label>\n  );\n};\n"],"names":["selectKeys","Set","sanitizeSelectProps","props","Object","fromEntries","entries","filter","key","startsWith","has","cssVariablePattern","cssVariableReferencePattern","unresolvedColorKeywords","probe","document","createElement","normalizeColorValue","input","value","trim","toLowerCase","mountNode","body","documentElement","style","color","appendChild","normalized","getComputedStyle","remove","resolveColor","fallback","styles","seen","current","match","variableName","test","nestedFallback","add","getPropertyValue","Select","children","label","placeholder","touched","onBlur","useTouched","selectProps","className","onBlurProp","restSelectProps","withVars","iconSVG","selectElement","cx","select","composeEventHandlers","jsxs","jsx","required","undefined"],"mappings":"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"}

package/dist/{index-CXaYq0By.cjs → index-Bt7vnwji.cjs}

@@ -1,2 +1,2 @@
-"use strict";require('./assets/index50.css');const u=require("react/jsx-runtime"),C=require("./classix-5H4IWnMA.cjs"),S=require("./icons-Dv_p0bUF.cjs"),p=require("./use-touched-Bq5Gjbpz.cjs"),P=new Set(["aria-activedescendant","aria-autocomplete","aria-busy","aria-controls","aria-describedby","aria-details","aria-disabled","aria-errormessage","aria-expanded","aria-haspopup","aria-hidden","aria-invalid","aria-keyshortcuts","aria-label","aria-labelledby","aria-live","aria-owns","aria-required","aria-roledescription","autoComplete","autoFocus","className","defaultValue","dir","disabled","form","id","multiple","name","onBlur","onChange","onClick","onFocus","onInput","onInvalid","onKeyDown","onKeyUp","onMouseDown","onMouseUp","onPointerDown","onPointerUp","required","role","size","style","tabIndex","title","value"]);function h(r){return Object.fromEntries(Object.entries(r).filter(([e])=>e.startsWith("data-")||e.startsWith("aria-")||P.has(e)))}const _=/^--[\w-]+$/,q=/^var\(\s*(--[\w-]+)\s*(?:,\s*(.+))?\)$/,x=new Set(["currentcolor","inherit","initial","revert","revert-layer","unset"]),l=typeof document<"u"?document.createElement("span"):null;function b(r){const e=r.trim();if(!e||!l||x.has(e.toLowerCase()))return e;const s=document.body??document.documentElement;if(!s||(l.style.color=e,!l.style.color))return e;s.appendChild(l);const n=getComputedStyle(l).color.trim();return l.remove(),n||e}function y(r,e="currentColor"){var i;if(typeof document>"u")return e;const s=getComputedStyle(document.documentElement),n=new Set;let t=r.trim();for(;t;){const o=t.match(q),a=(o==null?void 0:o[1])??(_.test(t)?t:null),c=(i=o==null?void 0:o[2])==null?void 0:i.trim();if(!a)return b(t);if(n.has(a)){t=c??"";continue}n.add(a),t=s.getPropertyValue(a).trim()||c||""}return b(e)}const j="_select_1bm47_3",V="_touched_1bm47_24",g="_label_1bm47_29",d={select:j,touched:V,label:g},E=({children:r,label:e,placeholder:s,...n})=>{const{touched:t,onBlur:i}=p.useTouched(n.value===""),o=h(n),{className:a,onBlur:c,style:v,...f}=o,w={...v,"--icon-svg":S.iconSVG("CaretDown",y("--colors-semantic-content-secondary"))},m=u.jsxs("select",{className:C.t(d.select,a,t&&d.touched),onBlur:p.composeEventHandlers(i,c),style:w,...f,children:[s&&u.jsx("option",{value:"",hidden:!0,children:s},"placeholder"),r]});return e?u.jsxs("label",{"data-component":"select",children:[u.jsx("span",{className:d.label,"data-required":n.required||void 0,children:e}),m]}):m};exports.Select=E;exports.resolveColor=y;exports.sanitizeSelectProps=h;
-//# sourceMappingURL=index-CXaYq0By.cjs.map
+"use strict";require('./assets/index53.css');const u=require("react/jsx-runtime"),C=require("./classix-5H4IWnMA.cjs"),S=require("./icons-Dv_p0bUF.cjs"),p=require("./use-touched-Bq5Gjbpz.cjs"),P=new Set(["aria-activedescendant","aria-autocomplete","aria-busy","aria-controls","aria-describedby","aria-details","aria-disabled","aria-errormessage","aria-expanded","aria-haspopup","aria-hidden","aria-invalid","aria-keyshortcuts","aria-label","aria-labelledby","aria-live","aria-owns","aria-required","aria-roledescription","autoComplete","autoFocus","className","defaultValue","dir","disabled","form","id","multiple","name","onBlur","onChange","onClick","onFocus","onInput","onInvalid","onKeyDown","onKeyUp","onMouseDown","onMouseUp","onPointerDown","onPointerUp","required","role","size","style","tabIndex","title","value"]);function h(r){return Object.fromEntries(Object.entries(r).filter(([e])=>e.startsWith("data-")||e.startsWith("aria-")||P.has(e)))}const _=/^--[\w-]+$/,q=/^var\(\s*(--[\w-]+)\s*(?:,\s*(.+))?\)$/,x=new Set(["currentcolor","inherit","initial","revert","revert-layer","unset"]),l=typeof document<"u"?document.createElement("span"):null;function b(r){const e=r.trim();if(!e||!l||x.has(e.toLowerCase()))return e;const s=document.body??document.documentElement;if(!s||(l.style.color=e,!l.style.color))return e;s.appendChild(l);const n=getComputedStyle(l).color.trim();return l.remove(),n||e}function y(r,e="currentColor"){var i;if(typeof document>"u")return e;const s=getComputedStyle(document.documentElement),n=new Set;let t=r.trim();for(;t;){const o=t.match(q),a=(o==null?void 0:o[1])??(_.test(t)?t:null),c=(i=o==null?void 0:o[2])==null?void 0:i.trim();if(!a)return b(t);if(n.has(a)){t=c??"";continue}n.add(a),t=s.getPropertyValue(a).trim()||c||""}return b(e)}const j="_select_1bm47_3",V="_touched_1bm47_24",g="_label_1bm47_29",d={select:j,touched:V,label:g},E=({children:r,label:e,placeholder:s,...n})=>{const{touched:t,onBlur:i}=p.useTouched(n.value===""),o=h(n),{className:a,onBlur:c,style:v,...f}=o,w={...v,"--icon-svg":S.iconSVG("CaretDown",y("--colors-semantic-content-secondary"))},m=u.jsxs("select",{className:C.t(d.select,a,t&&d.touched),onBlur:p.composeEventHandlers(i,c),style:w,...f,children:[s&&u.jsx("option",{value:"",hidden:!0,children:s},"placeholder"),r]});return e?u.jsxs("label",{"data-component":"select",children:[u.jsx("span",{className:d.label,"data-required":n.required||void 0,children:e}),m]}):m};exports.Select=E;exports.resolveColor=y;exports.sanitizeSelectProps=h;
+//# sourceMappingURL=index-Bt7vnwji.cjs.map

package/dist/{index-CXaYq0By.cjs.map → index-Bt7vnwji.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-CXaYq0By.cjs","sources":["../src/components/select/sanitize-select-props.ts","../src/utils/color.ts","../src/components/select/index.tsx"],"sourcesContent":["const selectKeys = new Set([\n  'aria-activedescendant',\n  'aria-autocomplete',\n  'aria-busy',\n  'aria-controls',\n  'aria-describedby',\n  'aria-details',\n  'aria-disabled',\n  'aria-errormessage',\n  'aria-expanded',\n  'aria-haspopup',\n  'aria-hidden',\n  'aria-invalid',\n  'aria-keyshortcuts',\n  'aria-label',\n  'aria-labelledby',\n  'aria-live',\n  'aria-owns',\n  'aria-required',\n  'aria-roledescription',\n  'autoComplete',\n  'autoFocus',\n  'className',\n  'defaultValue',\n  'dir',\n  'disabled',\n  'form',\n  'id',\n  'multiple',\n  'name',\n  'onBlur',\n  'onChange',\n  'onClick',\n  'onFocus',\n  'onInput',\n  'onInvalid',\n  'onKeyDown',\n  'onKeyUp',\n  'onMouseDown',\n  'onMouseUp',\n  'onPointerDown',\n  'onPointerUp',\n  'required',\n  'role',\n  'size',\n  'style',\n  'tabIndex',\n  'title',\n  'value',\n]);\n\nexport function sanitizeSelectProps<T extends Record<string, unknown>>(props: T) {\n  return Object.fromEntries(\n    Object.entries(props).filter(\n      ([key]) => key.startsWith('data-') || key.startsWith('aria-') || selectKeys.has(key)\n    )\n  ) as Partial<T>;\n}\n","const cssVariablePattern = /^--[\\w-]+$/;\nconst cssVariableReferencePattern = /^var\\(\\s*(--[\\w-]+)\\s*(?:,\\s*(.+))?\\)$/;\n\nconst unresolvedColorKeywords = new Set([\n  'currentcolor',\n  'inherit',\n  'initial',\n  'revert',\n  'revert-layer',\n  'unset',\n]);\n\nconst probe = typeof document !== 'undefined' ? document.createElement('span') : null;\n\nfunction normalizeColorValue(input: string): string {\n  const value = input.trim();\n\n  if (!value || !probe || unresolvedColorKeywords.has(value.toLowerCase())) {\n    return value;\n  }\n\n  const mountNode = document.body ?? document.documentElement;\n\n  if (!mountNode) {\n    return value;\n  }\n\n  probe.style.color = value;\n\n  if (!probe.style.color) {\n    return value;\n  }\n\n  mountNode.appendChild(probe);\n\n  const normalized = getComputedStyle(probe).color.trim();\n  probe.remove();\n\n  return normalized || value;\n}\n\nexport function resolveColor(input: `--${string}` | string, fallback = 'currentColor'): string {\n  if (typeof document === 'undefined') {\n    return fallback;\n  }\n\n  const styles = getComputedStyle(document.documentElement);\n  const seen = new Set<string>();\n  let current = input.trim();\n\n  while (current) {\n    const match = current.match(cssVariableReferencePattern);\n    const variableName = match?.[1] ?? (cssVariablePattern.test(current) ? current : null);\n    const nestedFallback = match?.[2]?.trim();\n\n    if (!variableName) {\n      return normalizeColorValue(current);\n    }\n\n    if (seen.has(variableName)) {\n      current = nestedFallback ?? '';\n      continue;\n    }\n\n    seen.add(variableName);\n\n    current = styles.getPropertyValue(variableName).trim() || nestedFallback || '';\n  }\n\n  return normalizeColorValue(fallback);\n}\n","import cx from 'classix';\n\nimport { iconSVG } from '@/components/icon/icons.ts';\nimport { resolveColor } from '@/utils/color';\nimport { composeEventHandlers } from '@/utils/compose-event-handlers';\nimport { useTouched } from '@/utils/use-touched';\n\nimport { sanitizeSelectProps } from './sanitize-select-props';\nimport styles from './styles.module.css';\n\nexport type SelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {\n  children: React.ReactNode;\n  label?: string;\n  placeholder?: string;\n};\n\ntype withVars = React.CSSProperties & {\n  '--icon-svg'?: string;\n};\n\nexport const Select = ({ children, label, placeholder, ...props }: SelectProps) => {\n  const { touched, onBlur } = useTouched(props.value === '');\n  const selectProps = sanitizeSelectProps(props);\n  const { className, onBlur: onBlurProp, style, ...restSelectProps } = selectProps;\n  const withVars = {\n    ...style,\n    '--icon-svg': iconSVG('CaretDown', resolveColor('--colors-semantic-content-secondary')),\n  } satisfies withVars;\n\n  const selectElement = (\n    <select\n      className={cx(styles.select, className, touched && styles.touched)}\n      onBlur={composeEventHandlers(onBlur, onBlurProp)}\n      style={withVars}\n      {...restSelectProps}\n    >\n      {placeholder && (\n        <option\n          key='placeholder'\n          value={''}\n          hidden\n        >\n          {placeholder}\n        </option>\n      )}\n      {children}\n    </select>\n  );\n\n  if (!label) {\n    return selectElement;\n  }\n\n  return (\n    <label>\n      <span\n        className={styles.label}\n        data-required={props.required || undefined}\n      >\n        {label}\n      </span>\n      {selectElement}\n    </label>\n  );\n};\n"],"names":["selectKeys","Set","sanitizeSelectProps","props","Object","fromEntries","entries","filter","key","startsWith","has","cssVariablePattern","cssVariableReferencePattern","unresolvedColorKeywords","probe","document","createElement","normalizeColorValue","input","value","trim","toLowerCase","mountNode","body","documentElement","style","color","appendChild","normalized","getComputedStyle","remove","resolveColor","fallback","styles","seen","current","match","variableName","test","nestedFallback","add","getPropertyValue","Select","children","label","placeholder","touched","onBlur","useTouched","selectProps","className","onBlurProp","restSelectProps","withVars","iconSVG","selectElement","cx","select","composeEventHandlers","jsxs","jsx","required","undefined"],"mappings":"gKAAMA,EAAa,IAAIC,IAAI,CACzB,wBACA,oBACA,YACA,gBACA,mBACA,eACA,gBACA,oBACA,gBACA,gBACA,cACA,eACA,oBACA,aACA,kBACA,YACA,YACA,gBACA,uBACA,eACA,YACA,YACA,eACA,MACA,WACA,OACA,KACA,WACA,OACA,SACA,WACA,UACA,UACA,UACA,YACA,YACA,UACA,cACA,YACA,gBACA,cACA,WACA,OACA,OACA,QACA,WACA,QACA,OAAO,CACR,EAEM,SAASC,EAAuDC,EAAU,CAC/E,OAAOC,OAAOC,YACZD,OAAOE,QAAQH,CAAK,EAAEI,OACpB,CAAC,CAACC,CAAG,IAAMA,EAAIC,WAAW,OAAO,GAAKD,EAAIC,WAAW,OAAO,GAAKT,EAAWU,IAAIF,CAAG,CACrF,CACF,CACF,CCzDA,MAAMG,EAAqB,aACrBC,EAA8B,yCAE9BC,EAA0B,IAAIZ,IAAI,CACtC,eACA,UACA,UACA,SACA,eACA,OAAO,CACR,EAEKa,EAAQ,OAAOC,SAAa,IAAcA,SAASC,cAAc,MAAM,EAAI,KAEjF,SAASC,EAAoBC,EAAuB,CAClD,MAAMC,EAAQD,EAAME,KAAAA,EAEpB,GAAI,CAACD,GAAS,CAACL,GAASD,EAAwBH,IAAIS,EAAME,YAAAA,CAAa,EACrE,OAAOF,EAGT,MAAMG,EAAYP,SAASQ,MAAQR,SAASS,gBAQ5C,GANI,CAACF,IAILR,EAAMW,MAAMC,MAAQP,EAEhB,CAACL,EAAMW,MAAMC,OACf,OAAOP,EAGTG,EAAUK,YAAYb,CAAK,EAE3B,MAAMc,EAAaC,iBAAiBf,CAAK,EAAEY,MAAMN,KAAAA,EACjDN,OAAAA,EAAMgB,OAAAA,EAECF,GAAcT,CACvB,CAEO,SAASY,EAAab,EAA+Bc,EAAW,eAAwB,OAC7F,GAAI,OAAOjB,SAAa,IACtB,OAAOiB,EAGT,MAAMC,EAASJ,iBAAiBd,SAASS,eAAe,EAClDU,MAAWjC,IACjB,IAAIkC,EAAUjB,EAAME,KAAAA,EAEpB,KAAOe,GAAS,CACd,MAAMC,EAAQD,EAAQC,MAAMxB,CAA2B,EACjDyB,GAAeD,GAAAA,YAAAA,EAAQ,MAAOzB,EAAmB2B,KAAKH,CAAO,EAAIA,EAAU,MAC3EI,GAAiBH,EAAAA,GAAAA,YAAAA,EAAQ,KAARA,YAAAA,EAAYhB,OAEnC,GAAI,CAACiB,EACH,OAAOpB,EAAoBkB,CAAO,EAGpC,GAAID,EAAKxB,IAAI2B,CAAY,EAAG,CAC1BF,EAAUI,GAAkB,GAC5B,QACF,CAEAL,EAAKM,IAAIH,CAAY,EAErBF,EAAUF,EAAOQ,iBAAiBJ,CAAY,EAAEjB,KAAAA,GAAUmB,GAAkB,EAC9E,CAEA,OAAOtB,EAAoBe,CAAQ,CACrC,oGClDaU,EAASA,CAAC,CAAEC,SAAAA,EAAUC,MAAAA,EAAOC,YAAAA,EAAa,GAAG1C,CAAmB,IAAM,CACjF,KAAM,CAAE2C,QAAAA,EAASC,OAAAA,CAAAA,EAAWC,aAAW7C,EAAMgB,QAAU,EAAE,EACnD8B,EAAc/C,EAAoBC,CAAK,EACvC,CAAE+C,UAAAA,EAAWH,OAAQI,EAAY1B,MAAAA,EAAO,GAAG2B,CAAAA,EAAoBH,EAC/DI,EAAW,CACf,GAAG5B,EACH,aAAc6B,EAAAA,QAAQ,YAAavB,EAAa,qCAAqC,CAAC,CAAA,EAGlFwB,SACH,SAAA,CACC,UAAWC,EAAAA,EAAGvB,EAAOwB,OAAQP,EAAWJ,GAAWb,EAAOa,OAAO,EACjE,OAAQY,EAAAA,qBAAqBX,EAAQI,CAAU,EAC/C,MAAOE,EACP,GAAID,EAEHP,SAAAA,CAAAA,SACE,SAAA,CAEC,MAAO,GACP,OAAM,GAELA,YAJG,aAKN,EAEDF,CAAAA,EACH,EAGF,OAAKC,EAKHe,EAAAA,KAAC,QAAA,CAAK,iBAAA,SACJ,SAAA,CAAAC,EAAAA,IAAC,OAAA,CACC,UAAW3B,EAAOW,MAClB,gBAAezC,EAAM0D,UAAYC,OAEhClB,SAAAA,CAAAA,CACH,EACCW,CAAAA,EACH,EAZOA,CAcX"}
+{"version":3,"file":"index-Bt7vnwji.cjs","sources":["../src/components/select/sanitize-select-props.ts","../src/utils/color.ts","../src/components/select/index.tsx"],"sourcesContent":["const selectKeys = new Set([\n  'aria-activedescendant',\n  'aria-autocomplete',\n  'aria-busy',\n  'aria-controls',\n  'aria-describedby',\n  'aria-details',\n  'aria-disabled',\n  'aria-errormessage',\n  'aria-expanded',\n  'aria-haspopup',\n  'aria-hidden',\n  'aria-invalid',\n  'aria-keyshortcuts',\n  'aria-label',\n  'aria-labelledby',\n  'aria-live',\n  'aria-owns',\n  'aria-required',\n  'aria-roledescription',\n  'autoComplete',\n  'autoFocus',\n  'className',\n  'defaultValue',\n  'dir',\n  'disabled',\n  'form',\n  'id',\n  'multiple',\n  'name',\n  'onBlur',\n  'onChange',\n  'onClick',\n  'onFocus',\n  'onInput',\n  'onInvalid',\n  'onKeyDown',\n  'onKeyUp',\n  'onMouseDown',\n  'onMouseUp',\n  'onPointerDown',\n  'onPointerUp',\n  'required',\n  'role',\n  'size',\n  'style',\n  'tabIndex',\n  'title',\n  'value',\n]);\n\nexport function sanitizeSelectProps<T extends Record<string, unknown>>(props: T) {\n  return Object.fromEntries(\n    Object.entries(props).filter(\n      ([key]) => key.startsWith('data-') || key.startsWith('aria-') || selectKeys.has(key)\n    )\n  ) as Partial<T>;\n}\n","const cssVariablePattern = /^--[\\w-]+$/;\nconst cssVariableReferencePattern = /^var\\(\\s*(--[\\w-]+)\\s*(?:,\\s*(.+))?\\)$/;\n\nconst unresolvedColorKeywords = new Set([\n  'currentcolor',\n  'inherit',\n  'initial',\n  'revert',\n  'revert-layer',\n  'unset',\n]);\n\nconst probe = typeof document !== 'undefined' ? document.createElement('span') : null;\n\nfunction normalizeColorValue(input: string): string {\n  const value = input.trim();\n\n  if (!value || !probe || unresolvedColorKeywords.has(value.toLowerCase())) {\n    return value;\n  }\n\n  const mountNode = document.body ?? document.documentElement;\n\n  if (!mountNode) {\n    return value;\n  }\n\n  probe.style.color = value;\n\n  if (!probe.style.color) {\n    return value;\n  }\n\n  mountNode.appendChild(probe);\n\n  const normalized = getComputedStyle(probe).color.trim();\n  probe.remove();\n\n  return normalized || value;\n}\n\nexport function resolveColor(input: `--${string}` | string, fallback = 'currentColor'): string {\n  if (typeof document === 'undefined') {\n    return fallback;\n  }\n\n  const styles = getComputedStyle(document.documentElement);\n  const seen = new Set<string>();\n  let current = input.trim();\n\n  while (current) {\n    const match = current.match(cssVariableReferencePattern);\n    const variableName = match?.[1] ?? (cssVariablePattern.test(current) ? current : null);\n    const nestedFallback = match?.[2]?.trim();\n\n    if (!variableName) {\n      return normalizeColorValue(current);\n    }\n\n    if (seen.has(variableName)) {\n      current = nestedFallback ?? '';\n      continue;\n    }\n\n    seen.add(variableName);\n\n    current = styles.getPropertyValue(variableName).trim() || nestedFallback || '';\n  }\n\n  return normalizeColorValue(fallback);\n}\n","import cx from 'classix';\n\nimport { iconSVG } from '@/components/icon/icons.ts';\nimport { resolveColor } from '@/utils/color';\nimport { composeEventHandlers } from '@/utils/compose-event-handlers';\nimport { useTouched } from '@/utils/use-touched';\n\nimport { sanitizeSelectProps } from './sanitize-select-props';\nimport styles from './styles.module.css';\n\nexport type SelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {\n  children: React.ReactNode;\n  label?: string;\n  placeholder?: string;\n};\n\ntype withVars = React.CSSProperties & {\n  '--icon-svg'?: string;\n};\n\nexport const Select = ({ children, label, placeholder, ...props }: SelectProps) => {\n  const { touched, onBlur } = useTouched(props.value === '');\n  const selectProps = sanitizeSelectProps(props);\n  const { className, onBlur: onBlurProp, style, ...restSelectProps } = selectProps;\n  const withVars = {\n    ...style,\n    '--icon-svg': iconSVG('CaretDown', resolveColor('--colors-semantic-content-secondary')),\n  } satisfies withVars;\n\n  const selectElement = (\n    <select\n      className={cx(styles.select, className, touched && styles.touched)}\n      onBlur={composeEventHandlers(onBlur, onBlurProp)}\n      style={withVars}\n      {...restSelectProps}\n    >\n      {placeholder && (\n        <option\n          key='placeholder'\n          value={''}\n          hidden\n        >\n          {placeholder}\n        </option>\n      )}\n      {children}\n    </select>\n  );\n\n  if (!label) {\n    return selectElement;\n  }\n\n  return (\n    <label>\n      <span\n        className={styles.label}\n        data-required={props.required || undefined}\n      >\n        {label}\n      </span>\n      {selectElement}\n    </label>\n  );\n};\n"],"names":["selectKeys","Set","sanitizeSelectProps","props","Object","fromEntries","entries","filter","key","startsWith","has","cssVariablePattern","cssVariableReferencePattern","unresolvedColorKeywords","probe","document","createElement","normalizeColorValue","input","value","trim","toLowerCase","mountNode","body","documentElement","style","color","appendChild","normalized","getComputedStyle","remove","resolveColor","fallback","styles","seen","current","match","variableName","test","nestedFallback","add","getPropertyValue","Select","children","label","placeholder","touched","onBlur","useTouched","selectProps","className","onBlurProp","restSelectProps","withVars","iconSVG","selectElement","cx","select","composeEventHandlers","jsxs","jsx","required","undefined"],"mappings":"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"}

package/dist/index-CQlMdqOp.cjs

@@ -0,0 +1,2 @@
+"use strict";require('./assets/index48.css');const e=require("react/jsx-runtime"),_=require("./classix-5H4IWnMA.cjs"),r=require("react"),U=require("./icons-Dv_p0bUF.cjs"),F=require("./use-touched-Bq5Gjbpz.cjs");function W(n){return n&&`${n[0].toLocaleUpperCase()}${n.slice(1)}`}function P(n){const o=W(n);return o&&!o.endsWith(":")?`${o}:`:o}const k="_field_yagit_3",A="_input_yagit_8",D="_touched_yagit_48",J="_label_yagit_57",K="_inline_yagit_78",O="_error_yagit_99",Q="_code_yagit_106",t={field:k,input:A,touched:D,label:J,inline:K,error:O,code:Q};function X({className:n,defaultCountryCode:o="+47",disabled:c=!1,errorMessage:b,icon:j,invalid:g=!1,label:m,onBlur:R,placeholder:I,ref:y,required:f,style:B,type:i="text",variant:p="default",...s}){const V=r.useId(),[v,L]=r.useState(""),[l,N]=r.useState(""),{name:q,onChange:u,pattern:w,value:d,...z}=s,{touched:E,onBlur:G}=F.useTouched(d===""),h=j&&i!=="radio"&&i!=="datetime-local"?j:void 0,C=m&&p==="inline"?P(m):m,x=g&&b?V:void 0,S=[s["aria-describedby"],x].filter(Boolean).join(" ")||void 0,T=h?{...B,"--icon-svg":U.iconSVG(h)}:B,$=F.composeEventHandlers(G,R);r.useEffect(()=>{if(u&&i==="tel"){const a={name:q,value:l?(v||o).split(" ").join("")+l.split(" ").join(""):void 0};u({target:a,currentTarget:a})}},[v,o,q,u,l,i]),r.useEffect(()=>{i==="tel"&&!d&&(N(""),L(""))},[i,d]);const H=e.jsxs(e.Fragment,{children:[e.jsx("input",{disabled:c,hidden:!0,onChange:u,pattern:void 0,placeholder:I,ref:y,type:i,value:d}),e.jsx("input",{type:"text",className:_.t(t.code,t.input),disabled:c,maxLength:5,onChange:a=>L(a.target.value),placeholder:o,value:v}),e.jsx("input",{...z,"aria-describedby":S,"aria-invalid":g?!0:s["aria-invalid"],type:"tel",className:_.t(t.input,n,E&&t.touched),"data-icon":h?"true":void 0,disabled:c,maxLength:14,name:void 0,onChange:a=>N(a.target.value),onBlur:$,pattern:w,required:f,style:T,value:l})]});return e.jsxs("div",{className:t.field,"data-component":"input",children:[e.jsxs("label",{className:_.t(t.label,p==="inline"&&t.inline),children:[C&&e.jsx("span",{"data-required":f&&p!=="inline"?!0:void 0,children:C}),i==="tel"?H:e.jsx("input",{...s,"aria-describedby":S,"aria-invalid":g?!0:s["aria-invalid"],ref:y,className:_.t(t.input,n,E&&t.touched),"data-icon":h?"true":void 0,disabled:c,onBlur:$,placeholder:I,required:f,style:T,type:i})]}),x&&e.jsx("span",{className:t.error,id:x,role:"alert",children:b})]})}exports.Input=X;exports.formatInlineLabel=P;
+//# sourceMappingURL=index-CQlMdqOp.cjs.map

package/dist/index-CQlMdqOp.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CQlMdqOp.cjs","sources":["../src/utils/text.ts","../src/components/input/index.tsx"],"sourcesContent":["export function capitalizeFirstLetter(value: string): string {\n  return value ? `${value[0].toLocaleUpperCase()}${value.slice(1)}` : value;\n}\n\nexport function formatInlineLabel(value: string): string {\n  const label = capitalizeFirstLetter(value);\n  return label && !label.endsWith(':') ? `${label}:` : label;\n}\n","import cx from 'classix';\nimport { useEffect, useId, useState } from 'react';\n\nimport { IconName, iconSVG } from '@/components/icon/icons.ts';\nimport { composeEventHandlers } from '@/utils/compose-event-handlers';\nimport { formatInlineLabel } from '@/utils/text';\nimport { useTouched } from '@/utils/use-touched';\n\nimport styles from './styles.module.css';\n\nexport type InputProps = React.ComponentPropsWithRef<'input'> & {\n  defaultCountryCode?: string;\n  disabled?: boolean;\n  errorMessage?: React.ReactNode;\n  icon?: IconName;\n  invalid?: boolean;\n  label?: string;\n  onClick?: React.MouseEventHandler<HTMLInputElement>;\n  placeholder?: string;\n  variant?: 'default' | 'inline';\n  type?:\n    | 'date'\n    | 'datetime-local'\n    | 'email'\n    | 'number'\n    | 'password'\n    | 'radio'\n    | 'search'\n    | 'tel'\n    | 'text';\n};\n\nexport function Input({\n  className,\n  defaultCountryCode = '+47',\n  disabled = false,\n  errorMessage,\n  icon,\n  invalid = false,\n  label,\n  onBlur: onBlurProp,\n  placeholder,\n  ref,\n  required,\n  style,\n  type = 'text',\n  variant = 'default',\n  ...props\n}: InputProps) {\n  const generatedErrorId = useId();\n  const [countryCode, setCountryCode] = useState('');\n  const [phoneNumber, setPhoneNumber] = useState('');\n  const { name, onChange, pattern, value, ...restProps } = props;\n  const { touched, onBlur } = useTouched(value === '');\n  const inputIcon = icon && type !== 'radio' && type !== 'datetime-local' ? icon : undefined;\n  const displayLabel = label && variant === 'inline' ? formatInlineLabel(label) : label;\n  const errorId = invalid && errorMessage ? generatedErrorId : undefined;\n  const describedBy = [props['aria-describedby'], errorId].filter(Boolean).join(' ') || undefined;\n\n  type withVars =\n    | (React.CSSProperties & {\n        '--icon-svg'?: string;\n      })\n    | undefined;\n\n  const withVars: withVars = inputIcon\n    ? {\n        ...style,\n        '--icon-svg': iconSVG(inputIcon),\n      }\n    : style;\n  const handleBlur = composeEventHandlers(onBlur, onBlurProp);\n\n  useEffect(() => {\n    if (onChange && type === 'tel') {\n      const target = {\n        name,\n        value: phoneNumber\n          ? (countryCode || defaultCountryCode).split(' ').join('') +\n            phoneNumber.split(' ').join('')\n          : undefined,\n      } as unknown as HTMLInputElement;\n\n      onChange({ target, currentTarget: target } as React.ChangeEvent<HTMLInputElement>);\n    }\n  }, [countryCode, defaultCountryCode, name, onChange, phoneNumber, type]);\n\n  useEffect(() => {\n    if (type === 'tel' && !value) {\n      setPhoneNumber('');\n      setCountryCode('');\n    }\n  }, [type, value]);\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={cx(styles.code, 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        {...restProps}\n        aria-describedby={describedBy}\n        aria-invalid={invalid ? true : props['aria-invalid']}\n        type='tel'\n        className={cx(styles.input, className, touched && styles.touched)}\n        data-icon={inputIcon ? 'true' : undefined}\n        disabled={disabled}\n        maxLength={14}\n        name={undefined}\n        onChange={(e) => setPhoneNumber(e.target.value)}\n        onBlur={handleBlur}\n        pattern={pattern}\n        required={required}\n        style={withVars}\n        value={phoneNumber}\n      />\n    </>\n  );\n\n  return (\n    <div className={styles.field}>\n      <label className={cx(styles.label, variant === 'inline' && styles.inline)}>\n        {displayLabel && (\n          <span data-required={required && variant !== 'inline' ? true : undefined}>\n            {displayLabel}\n          </span>\n        )}\n        {type === 'tel' ? (\n          telephoneInput\n        ) : (\n          <input\n            {...props}\n            aria-describedby={describedBy}\n            aria-invalid={invalid ? true : props['aria-invalid']}\n            ref={ref}\n            className={cx(styles.input, className, touched && styles.touched)}\n            data-icon={inputIcon ? 'true' : undefined}\n            disabled={disabled}\n            onBlur={handleBlur}\n            placeholder={placeholder}\n            required={required}\n            style={withVars}\n            type={type}\n          />\n        )}\n      </label>\n      {errorId && (\n        <span\n          className={styles.error}\n          id={errorId}\n          role='alert'\n        >\n          {errorMessage}\n        </span>\n      )}\n    </div>\n  );\n}\n"],"names":["capitalizeFirstLetter","value","toLocaleUpperCase","slice","formatInlineLabel","label","endsWith","Input","className","defaultCountryCode","disabled","errorMessage","icon","invalid","onBlur","onBlurProp","placeholder","ref","required","style","type","variant","props","generatedErrorId","useId","countryCode","setCountryCode","useState","phoneNumber","setPhoneNumber","name","onChange","pattern","restProps","touched","useTouched","inputIcon","undefined","displayLabel","errorId","describedBy","filter","Boolean","join","withVars","iconSVG","handleBlur","composeEventHandlers","useEffect","target","split","currentTarget","telephoneInput","jsxs","Fragment","jsx","cx","styles","code","input","e","field","inline","error"],"mappings":"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"}

package/dist/index-CbJ2-IPc.js

@@ -0,0 +1,83 @@
+import { jsxs as b, Fragment as k, jsx as a } from "react/jsx-runtime";
+import { t as m } from "./classix-DG18itHa.js";
+import { useId as A, useState as T, useEffect as V } from "react";
+import { i as D } from "./icons-dUP7sKyt.js";
+import { u as J, c as K } from "./use-touched-B999bBr8.js";
+import './assets/index48.css';function O(t) {
+  return t && `${t[0].toLocaleUpperCase()}${t.slice(1)}`;
+}
+function Q(t) {
+  const i = O(t);
+  return i && !i.endsWith(":") ? `${i}:` : i;
+}
+const R = "_field_yagit_3", X = "_input_yagit_8", Y = "_touched_yagit_48", Z = "_label_yagit_57", q = "_inline_yagit_78", M = "_error_yagit_99", ee = "_code_yagit_106", e = {
+  field: R,
+  input: X,
+  touched: Y,
+  label: Z,
+  inline: q,
+  error: M,
+  code: ee
+};
+function re({
+  className: t,
+  defaultCountryCode: i = "+47",
+  disabled: c = !1,
+  errorMessage: y,
+  icon: I,
+  invalid: h = !1,
+  label: p,
+  onBlur: w,
+  placeholder: x,
+  ref: B,
+  required: _,
+  style: N,
+  type: n = "text",
+  variant: f = "default",
+  ...r
+}) {
+  const z = A(), [g, L] = T(""), [l, j] = T(""), {
+    name: C,
+    onChange: s,
+    pattern: G,
+    value: d,
+    ...H
+  } = r, {
+    touched: E,
+    onBlur: U
+  } = J(d === ""), u = I && n !== "radio" && n !== "datetime-local" ? I : void 0, $ = p && f === "inline" ? Q(p) : p, v = h && y ? z : void 0, F = [r["aria-describedby"], v].filter(Boolean).join(" ") || void 0, P = u ? {
+    ...N,
+    "--icon-svg": D(u)
+  } : N, S = K(U, w);
+  V(() => {
+    if (s && n === "tel") {
+      const o = {
+        name: C,
+        value: l ? (g || i).split(" ").join("") + l.split(" ").join("") : void 0
+      };
+      s({
+        target: o,
+        currentTarget: o
+      });
+    }
+  }, [g, i, C, s, l, n]), V(() => {
+    n === "tel" && !d && (j(""), L(""));
+  }, [n, d]);
+  const W = /* @__PURE__ */ b(k, { children: [
+    /* @__PURE__ */ a("input", { disabled: c, hidden: !0, onChange: s, pattern: void 0, placeholder: x, ref: B, type: n, value: d }),
+    /* @__PURE__ */ a("input", { type: "text", className: m(e.code, e.input), disabled: c, maxLength: 5, onChange: (o) => L(o.target.value), placeholder: i, value: g }),
+    /* @__PURE__ */ a("input", { ...H, "aria-describedby": F, "aria-invalid": h ? !0 : r["aria-invalid"], type: "tel", className: m(e.input, t, E && e.touched), "data-icon": u ? "true" : void 0, disabled: c, maxLength: 14, name: void 0, onChange: (o) => j(o.target.value), onBlur: S, pattern: G, required: _, style: P, value: l })
+  ] });
+  return /* @__PURE__ */ b("div", { className: e.field, "data-component": "input", children: [
+    /* @__PURE__ */ b("label", { className: m(e.label, f === "inline" && e.inline), children: [
+      $ && /* @__PURE__ */ a("span", { "data-required": _ && f !== "inline" ? !0 : void 0, children: $ }),
+      n === "tel" ? W : /* @__PURE__ */ a("input", { ...r, "aria-describedby": F, "aria-invalid": h ? !0 : r["aria-invalid"], ref: B, className: m(e.input, t, E && e.touched), "data-icon": u ? "true" : void 0, disabled: c, onBlur: S, placeholder: x, required: _, style: P, type: n })
+    ] }),
+    v && /* @__PURE__ */ a("span", { className: e.error, id: v, role: "alert", children: y })
+  ] });
+}
+export {
+  re as I,
+  Q as f
+};
+//# sourceMappingURL=index-CbJ2-IPc.js.map

package/dist/index-CbJ2-IPc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CbJ2-IPc.js","sources":["../src/utils/text.ts","../src/components/input/index.tsx"],"sourcesContent":["export function capitalizeFirstLetter(value: string): string {\n  return value ? `${value[0].toLocaleUpperCase()}${value.slice(1)}` : value;\n}\n\nexport function formatInlineLabel(value: string): string {\n  const label = capitalizeFirstLetter(value);\n  return label && !label.endsWith(':') ? `${label}:` : label;\n}\n","import cx from 'classix';\nimport { useEffect, useId, useState } from 'react';\n\nimport { IconName, iconSVG } from '@/components/icon/icons.ts';\nimport { composeEventHandlers } from '@/utils/compose-event-handlers';\nimport { formatInlineLabel } from '@/utils/text';\nimport { useTouched } from '@/utils/use-touched';\n\nimport styles from './styles.module.css';\n\nexport type InputProps = React.ComponentPropsWithRef<'input'> & {\n  defaultCountryCode?: string;\n  disabled?: boolean;\n  errorMessage?: React.ReactNode;\n  icon?: IconName;\n  invalid?: boolean;\n  label?: string;\n  onClick?: React.MouseEventHandler<HTMLInputElement>;\n  placeholder?: string;\n  variant?: 'default' | 'inline';\n  type?:\n    | 'date'\n    | 'datetime-local'\n    | 'email'\n    | 'number'\n    | 'password'\n    | 'radio'\n    | 'search'\n    | 'tel'\n    | 'text';\n};\n\nexport function Input({\n  className,\n  defaultCountryCode = '+47',\n  disabled = false,\n  errorMessage,\n  icon,\n  invalid = false,\n  label,\n  onBlur: onBlurProp,\n  placeholder,\n  ref,\n  required,\n  style,\n  type = 'text',\n  variant = 'default',\n  ...props\n}: InputProps) {\n  const generatedErrorId = useId();\n  const [countryCode, setCountryCode] = useState('');\n  const [phoneNumber, setPhoneNumber] = useState('');\n  const { name, onChange, pattern, value, ...restProps } = props;\n  const { touched, onBlur } = useTouched(value === '');\n  const inputIcon = icon && type !== 'radio' && type !== 'datetime-local' ? icon : undefined;\n  const displayLabel = label && variant === 'inline' ? formatInlineLabel(label) : label;\n  const errorId = invalid && errorMessage ? generatedErrorId : undefined;\n  const describedBy = [props['aria-describedby'], errorId].filter(Boolean).join(' ') || undefined;\n\n  type withVars =\n    | (React.CSSProperties & {\n        '--icon-svg'?: string;\n      })\n    | undefined;\n\n  const withVars: withVars = inputIcon\n    ? {\n        ...style,\n        '--icon-svg': iconSVG(inputIcon),\n      }\n    : style;\n  const handleBlur = composeEventHandlers(onBlur, onBlurProp);\n\n  useEffect(() => {\n    if (onChange && type === 'tel') {\n      const target = {\n        name,\n        value: phoneNumber\n          ? (countryCode || defaultCountryCode).split(' ').join('') +\n            phoneNumber.split(' ').join('')\n          : undefined,\n      } as unknown as HTMLInputElement;\n\n      onChange({ target, currentTarget: target } as React.ChangeEvent<HTMLInputElement>);\n    }\n  }, [countryCode, defaultCountryCode, name, onChange, phoneNumber, type]);\n\n  useEffect(() => {\n    if (type === 'tel' && !value) {\n      setPhoneNumber('');\n      setCountryCode('');\n    }\n  }, [type, value]);\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={cx(styles.code, 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        {...restProps}\n        aria-describedby={describedBy}\n        aria-invalid={invalid ? true : props['aria-invalid']}\n        type='tel'\n        className={cx(styles.input, className, touched && styles.touched)}\n        data-icon={inputIcon ? 'true' : undefined}\n        disabled={disabled}\n        maxLength={14}\n        name={undefined}\n        onChange={(e) => setPhoneNumber(e.target.value)}\n        onBlur={handleBlur}\n        pattern={pattern}\n        required={required}\n        style={withVars}\n        value={phoneNumber}\n      />\n    </>\n  );\n\n  return (\n    <div className={styles.field}>\n      <label className={cx(styles.label, variant === 'inline' && styles.inline)}>\n        {displayLabel && (\n          <span data-required={required && variant !== 'inline' ? true : undefined}>\n            {displayLabel}\n          </span>\n        )}\n        {type === 'tel' ? (\n          telephoneInput\n        ) : (\n          <input\n            {...props}\n            aria-describedby={describedBy}\n            aria-invalid={invalid ? true : props['aria-invalid']}\n            ref={ref}\n            className={cx(styles.input, className, touched && styles.touched)}\n            data-icon={inputIcon ? 'true' : undefined}\n            disabled={disabled}\n            onBlur={handleBlur}\n            placeholder={placeholder}\n            required={required}\n            style={withVars}\n            type={type}\n          />\n        )}\n      </label>\n      {errorId && (\n        <span\n          className={styles.error}\n          id={errorId}\n          role='alert'\n        >\n          {errorMessage}\n        </span>\n      )}\n    </div>\n  );\n}\n"],"names":["capitalizeFirstLetter","value","toLocaleUpperCase","slice","formatInlineLabel","label","endsWith","Input","className","defaultCountryCode","disabled","errorMessage","icon","invalid","onBlur","onBlurProp","placeholder","ref","required","style","type","variant","props","generatedErrorId","useId","countryCode","setCountryCode","useState","phoneNumber","setPhoneNumber","name","onChange","pattern","restProps","touched","useTouched","inputIcon","undefined","displayLabel","errorId","describedBy","filter","Boolean","join","withVars","iconSVG","handleBlur","composeEventHandlers","useEffect","target","split","currentTarget","telephoneInput","jsxs","Fragment","jsx","cx","styles","code","input","e","field","inline","error"],"mappings":"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"}

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/index.css');const o=require("./components/app-link/index.cjs"),t=require("./components/aside/index.cjs"),r=require("./components/avatar/index.cjs"),i=require("./components/badge/index.cjs"),s=require("./components/banner/index.cjs"),c=require("./components/branding/index.cjs"),_=require("./components/button/index.cjs"),p=require("./components/card/index.cjs"),a=require("./components/checkbox/index.cjs"),d=require("./components/chip/index.cjs"),u=require("./components/collapsible/index.cjs"),m=require("./components/controls/index.cjs"),l=require("./components/croppable/index.cjs"),x=require("./components/dialog/index.cjs"),q=require("./components/dropdown/index.cjs"),g=require("./components/dropzone/index.cjs"),b=require("./components/editor/index.cjs"),T=require("./components/empty-state/index.cjs"),h=require("./components/fieldset/index.cjs"),S=require("./components/figure/index.cjs"),v=require("./components/file/index.cjs"),C=require("./components/footer/index.cjs"),L=require("./components/form/index.cjs"),F=require("./components/graph/index.cjs"),I=require("./components/group/index.cjs"),f=require("./components/header/index.cjs"),k=require("./components/icon/index.cjs"),B=require("./components/iframe/index.cjs"),M=require("./components/image/index.cjs"),A=require("./index-5yOssOic.cjs"),D=require("./components/link/index.cjs"),y=require("./components/list/index.cjs"),O=require("./components/loading/index.cjs"),P=require("./components/menu/index.cjs"),j=require("./components/message/index.cjs"),w=require("./components/messages/index.cjs"),e=require("./components/nav/index.cjs"),E=require("./components/object/index.cjs"),G=require("./components/popover/index.cjs"),N=require("./components/portal/index.cjs"),z=require("./components/search/index.cjs"),H=require("./index-CXaYq0By.cjs"),n=require("./components/sortable/index.cjs"),W=require("./components/table/index.cjs"),J=require("./components/textarea/index.cjs"),K=require("./components/toast/index.cjs"),Q=require("./components/toasts/index.cjs"),R=require("./components/toggle/index.cjs"),U=require("./components/toolbar/index.cjs"),V=require("./components/tooltip/index.cjs"),X=require("./components/widget/index.cjs");exports.AppLink=o.AppLink;exports.Aside=t.Aside;exports.Avatar=r.Avatar;exports.Badge=i.Badge;exports.Banner=s.Banner;exports.Branding=c.Branding;exports.Button=_.Button;exports.Card=p.Card;exports.Checkbox=a.Checkbox;exports.Chip=d.Chip;exports.Collapsible=u.Collapsible;exports.Controls=m.Controls;exports.Croppable=l.Croppable;exports.Dialog=x.Dialog;exports.Dropdown=q.Dropdown;exports.Dropzone=g.Dropzone;exports.Editor=b.Editor;exports.EmptyState=T.EmptyState;exports.Fieldset=h.Fieldset;exports.Figure=S.Figure;exports.File=v.File;exports.Footer=C.Footer;exports.Form=L.Form;exports.Graph=F.Graph;exports.Group=I.Group;exports.Header=f.Header;exports.Icon=k.Icon;exports.Iframe=B.Iframe;exports.Image=M.Image;exports.Input=A.Input;exports.Link=D.Link;exports.List=y.List;exports.Loading=O.Loading;exports.Menu=P.Menu;exports.Message=j.Message;exports.Messages=w.Messages;exports.Nav=e.Nav;exports.NavLabel=e.NavLabel;exports.Object=E.Object;exports.Popover=G.Popover;exports.Portal=N.Portal;exports.Search=z.Search;exports.Select=H.Select;exports.Sortable=n.Sortable;exports.useOptionalSortableItem=n.useOptionalSortableItem;exports.Table=W.Table;exports.Textarea=J.Textarea;exports.Toast=K.Toast;exports.Toasts=Q.Toasts;exports.Toggle=R.Toggle;exports.Toolbar=U.Toolbar;exports.Tooltip=V.Tooltip;exports.Widget=X.Widget;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/index.css');const o=require("./components/app-link/index.cjs"),t=require("./components/app-shell/index.cjs"),r=require("./components/aside/index.cjs"),i=require("./components/avatar/index.cjs"),s=require("./components/badge/index.cjs"),c=require("./components/banner/index.cjs"),p=require("./components/branding/index.cjs"),_=require("./components/button/index.cjs"),a=require("./components/card/index.cjs"),d=require("./components/checkbox/index.cjs"),u=require("./components/chip/index.cjs"),m=require("./components/collapsible/index.cjs"),l=require("./components/controls/index.cjs"),x=require("./components/croppable/index.cjs"),q=require("./components/dialog/index.cjs"),g=require("./components/divider/index.cjs"),b=require("./components/dropdown/index.cjs"),v=require("./components/dropzone/index.cjs"),h=require("./components/editor/index.cjs"),S=require("./components/empty-state/index.cjs"),T=require("./components/fieldset/index.cjs"),L=require("./components/figure/index.cjs"),C=require("./components/file/index.cjs"),I=require("./components/footer/index.cjs"),F=require("./components/form/index.cjs"),f=require("./components/graph/index.cjs"),k=require("./components/group/index.cjs"),y=require("./components/header/index.cjs"),A=require("./components/icon/index.cjs"),B=require("./components/iframe/index.cjs"),D=require("./components/image/index.cjs"),M=require("./index-CQlMdqOp.cjs"),P=require("./components/link/index.cjs"),N=require("./components/list/index.cjs"),O=require("./components/loading/index.cjs"),j=require("./components/menu/index.cjs"),w=require("./components/message/index.cjs"),E=require("./components/messages/index.cjs"),e=require("./components/nav/index.cjs"),G=require("./components/object/index.cjs"),z=require("./components/page-layout/index.cjs"),H=require("./components/popover/index.cjs"),W=require("./components/portal/index.cjs"),J=require("./components/search/index.cjs"),K=require("./index-Bt7vnwji.cjs"),n=require("./components/sortable/index.cjs"),Q=require("./components/table/index.cjs"),R=require("./components/textarea/index.cjs"),U=require("./components/toast/index.cjs"),V=require("./components/toasts/index.cjs"),X=require("./components/toggle/index.cjs"),Y=require("./components/toolbar/index.cjs"),Z=require("./components/tooltip/index.cjs"),$=require("./components/widget/index.cjs");exports.AppLink=o.AppLink;exports.AppShell=t.AppShell;exports.Aside=r.Aside;exports.Avatar=i.Avatar;exports.Badge=s.Badge;exports.Banner=c.Banner;exports.Branding=p.Branding;exports.Button=_.Button;exports.Card=a.Card;exports.Checkbox=d.Checkbox;exports.Chip=u.Chip;exports.Collapsible=m.Collapsible;exports.Controls=l.Controls;exports.Croppable=x.Croppable;exports.Dialog=q.Dialog;exports.Divider=g.Divider;exports.Dropdown=b.Dropdown;exports.Dropzone=v.Dropzone;exports.Editor=h.Editor;exports.EmptyState=S.EmptyState;exports.Fieldset=T.Fieldset;exports.Figure=L.Figure;exports.File=C.File;exports.Footer=I.Footer;exports.Form=F.Form;exports.Graph=f.Graph;exports.Group=k.Group;exports.Header=y.Header;exports.Icon=A.Icon;exports.Iframe=B.Iframe;exports.Image=D.Image;exports.Input=M.Input;exports.Link=P.Link;exports.List=N.List;exports.Loading=O.Loading;exports.Menu=j.Menu;exports.Message=w.Message;exports.Messages=E.Messages;exports.Nav=e.Nav;exports.NavItem=e.NavItem;exports.NavLabel=e.NavLabel;exports.Object=G.Object;exports.PageLayout=z.PageLayout;exports.Popover=H.Popover;exports.Portal=W.Portal;exports.Search=J.Search;exports.Select=K.Select;exports.Sortable=n.Sortable;exports.useOptionalSortableItem=n.useOptionalSortableItem;exports.Table=Q.Table;exports.Textarea=R.Textarea;exports.Toast=U.Toast;exports.Toasts=V.Toasts;exports.Toggle=X.Toggle;exports.Toolbar=Y.Toolbar;exports.Tooltip=Z.Tooltip;exports.Widget=$.Widget;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.ts

@@ -12,6 +12,12 @@ declare type AppLinkProps = {
     type: 'apple' | 'google';
 };
 
+export declare const AppShell: ({ children, className, navigation, ...props }: AppShellProps) => JSX.Element;
+
+export declare type AppShellProps = React.ComponentPropsWithoutRef<'div'> & {
+    navigation?: React.ReactNode;
+};
+
 export declare const Aside: ({ children, className, sticky, variant }: AsideProps) => JSX.Element;
 
 declare type AsideProps = {
@@ -189,6 +195,10 @@ declare type DialogProps = default_2.DialogHTMLAttributes<HTMLDialogElement> & {
     setOpen?: default_2.Dispatch<default_2.SetStateAction<boolean>>;
 };
 
+export declare const Divider: ({ className, ...props }: DividerProps) => JSX.Element;
+
+export declare type DividerProps = React.ComponentPropsWithoutRef<'hr'>;
+
 export declare const Dropdown: ({ children: selectElement, className, combobox, createOption, emptyLabel, label, renderOption, searchPlaceholder, selectedItems, variant, ...props }: DropdownProps) => JSX.Element;
 
 export declare type DropdownCreateOption = {
@@ -575,12 +585,14 @@ declare type ImageProps = ImgHTMLAttributes<HTMLImageElement> & {
     showOnError?: boolean;
 };
 
-export declare function Input({ className, defaultCountryCode, disabled, icon, label, onBlur: onBlurProp, placeholder, ref, required, style, type, variant, ...props }: InputProps): JSX.Element;
+export declare function Input({ className, defaultCountryCode, disabled, errorMessage, icon, invalid, label, onBlur: onBlurProp, placeholder, ref, required, style, type, variant, ...props }: InputProps): JSX.Element;
 
-declare type InputProps = React.ComponentPropsWithRef<'input'> & {
+export declare type InputProps = React.ComponentPropsWithRef<'input'> & {
     defaultCountryCode?: string;
     disabled?: boolean;
+    errorMessage?: React.ReactNode;
     icon?: IconName;
+    invalid?: boolean;
     label?: string;
     onClick?: React.MouseEventHandler<HTMLInputElement>;
     placeholder?: string;
@@ -703,6 +715,13 @@ declare type NativeSelectProps = Omit<default_2.ComponentPropsWithoutRef<'select
 
 export declare const Nav: ({ animation, children, className, horizontal, variant, ...props }: NavProps) => JSX.Element;
 
+export declare const NavItem: ({ actions, children, className, highlighted, ...props }: NavItemProps) => JSX.Element;
+
+export declare type NavItemProps = React.HTMLAttributes<HTMLDivElement> & {
+    actions?: React.ReactNode;
+    highlighted?: boolean;
+};
+
 export declare const NavLabel: ({ className, ...props }: NavLabelProps) => JSX.Element;
 
 export declare type NavLabelProps = React.HTMLAttributes<HTMLSpanElement>;
@@ -723,6 +742,14 @@ declare type ObjectProps = Omit<ComponentPropsWithoutRef<'object'>, 'data' | 'ty
     url: string;
 };
 
+export declare const PageLayout: ({ "aria-busy": ariaBusy, children, className, fillViewport, loading, sidebar, ...props }: PageLayoutProps) => JSX.Element;
+
+export declare type PageLayoutProps = React.ComponentPropsWithoutRef<'main'> & {
+    fillViewport?: boolean;
+    loading?: boolean;
+    sidebar?: React.ReactNode;
+};
+
 export declare type PendingInlineImage = {
     file: File;
     slot: string;