@infinityfx/fluid 1.4.0 → 1.4.2

package/dist/components/input/hamburger.js

@@ -1,3 +1,3 @@
 "use client";
-import{__rest as e}from"tslib";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{useState as o}from"react";import t from"../feedback/halo.js";import{Animatable as a}from"@infinityfx/lively";import{combineClasses as n,classes as l}from"../../core/utils.js";import{createStyles as s}from"../../core/style.js";const m=s("hamburger",{".hamburger":{position:"relative",border:"none",background:"none",display:"flex",flexDirection:"column",justifyContent:"space-around",alignItems:"center",height:"2.5em",width:"2.5em",padding:".5em",borderRadius:"var(--f-radius-sml)",outline:"none",WebkitTapHighlightColor:"transparent"},".line":{width:"100%",height:"3px",backgroundColor:"var(--color, var(--f-clr-text-100))",transformOrigin:"bottom right",borderRadius:"99px"},".hamburger:enabled":{cursor:"pointer"},".hamburger:disabled .line":{backgroundColor:"var(--f-clr-grey-400)"},".cross":{inset:".25em",position:"absolute",rotate:"-45deg",display:"flex",alignItems:"center",justifyContent:"center"},".cross > *:last-child":{position:"absolute",height:"100%",width:"3px"}});function c(s){var{cc:c={},open:d,color:u}=s,g=e(s,["cc","open","color"]);const b=n(m,c),[f,h]=void 0!==d?[d]:o(!1);return r(t,{disabled:g.disabled,children:i("button",Object.assign({},g,{style:Object.assign(Object.assign({},g.style),{"--color":u}),className:l(b.hamburger,g.className),onClick:e=>{var r;null==h||h(!f),null===(r=g.onClick)||void 0===r||r.call(g,e)},children:[r(a,{animate:{scale:["1 1","0 1","0 1"],duration:.6},deform:!1,triggers:[{on:f,immediate:!0},{on:!f,reverse:!0,immediate:!0}],children:new Array(3).fill(0).map(((e,i)=>r("div",{className:b.line},i)))}),i("div",{className:b.cross,children:[r(a,{animate:{scale:["0 1","0 1","1 1"],duration:.6},deform:!1,triggers:[{on:f,immediate:!0},{on:!f,reverse:!0,immediate:!0}],children:r("div",{className:b.line})}),r(a,{animate:{scale:["1 0","1 0","1 1"],duration:.6,delay:.2},deform:!1,triggers:[{on:f,immediate:!0},{on:!f,reverse:!0,immediate:!0}],children:r("div",{className:b.line})})]})]}))})}export{c as default};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useState as i}from"react";import o from"../feedback/halo.js";import{Animatable as t}from"@infinityfx/lively";import{combineClasses as a,classes as n}from"../../core/utils.js";import{createStyles as s}from"../../core/style.js";const l=s("hamburger",{".hamburger":{position:"relative",border:"none",background:"none",display:"flex",flexDirection:"column",justifyContent:"space-around",alignItems:"center",height:"2.5em",width:"2.5em",padding:".5em",borderRadius:"var(--f-radius-sml)",outline:"none",WebkitTapHighlightColor:"transparent"},".line":{width:"100%",height:"3px",backgroundColor:"var(--color, var(--f-clr-text-100))",transformOrigin:"bottom right",borderRadius:"99px"},".hamburger:enabled":{cursor:"pointer"},".hamburger:disabled .line":{backgroundColor:"var(--f-clr-grey-400)"},".cross":{inset:".25em",position:"absolute",rotate:"-45deg",display:"flex",alignItems:"center",justifyContent:"center"},".cross > *:last-child":{position:"absolute",height:"100%",width:"3px"}});function m({cc:s={},open:m,color:d,...c}){const u=a(l,s),[g,h]=void 0!==m?[m]:i(!1);return e(o,{disabled:c.disabled,children:r("button",{...c,style:{...c.style,"--color":d},className:n(u.hamburger,c.className),onClick:e=>{h?.(!g),c.onClick?.(e)},children:[e(t,{animate:{scale:["1 1","0 1","0 1"],duration:.6},deform:!1,triggers:[{on:g,immediate:!0},{on:!g,reverse:!0,immediate:!0}],children:new Array(3).fill(0).map(((r,i)=>e("div",{className:u.line},i)))}),r("div",{className:u.cross,children:[e(t,{animate:{scale:["0 1","0 1","1 1"],duration:.6},deform:!1,triggers:[{on:g,immediate:!0},{on:!g,reverse:!0,immediate:!0}],children:e("div",{className:u.line})}),e(t,{animate:{scale:["1 0","1 0","1 1"],duration:.6,delay:.2},deform:!1,triggers:[{on:g,immediate:!0},{on:!g,reverse:!0,immediate:!0}],children:e("div",{className:u.line})})]})]})})}export{m as default};
 //# sourceMappingURL=hamburger.js.map

package/dist/components/input/number-field.js

@@ -1,3 +1,3 @@
 "use client";
-import{__rest as t}from"tslib";import{jsx as e}from"react/jsx-runtime";import{useState as n,useRef as r,useCallback as o}from"react";import i from"./field.js";import l from"./button.js";import{combineClasses as a,toNumber as u,round as c,combineRefs as s,changeInputValue as d}from"../../core/utils.js";import{createStyles as m}from"../../core/style.js";import{Icon as p}from"../../core/icons.js";const b=m("number-field",{".field .button__start":{marginLeft:".25em",background:"var(--f-clr-bg-100)",color:"var(--f-clr-text-100)"},".field .button__end":{marginRight:".25em",background:"var(--f-clr-bg-100)",color:"var(--f-clr-text-100)"},".input":{MozAppearance:"textfield"},".input::-webkit-outer-spin-button, .input::-webkit-inner-spin-button":{WebkitAppearance:"none",margin:0}});function f(m){var{cc:f={},precision:v=3,controls:g=!0,defaultValue:j}=m,_=t(m,["cc","precision","controls","defaultValue"]);const h=a(b,f),[k,x]=void 0!==_.value?[_.value]:n(j||""),A=r(null),C=u(_.step,1),M=u(_.min,-Number.MAX_VALUE),y=u(_.max,Number.MAX_VALUE),O=o(((t,e)=>{let n=t?parseFloat(t.toString()):void 0;return void 0!==e&&(n=(n||0)+e),void 0!==n&&(n=Math.max(n,M),n=Math.min(n,y)),void 0===n?"":c(n,v).toString()}),[v,M,y]);function V(t){A.current&&d(A.current,O(k,t))}const z={compact:!0,size:_.size,disabled:_.disabled,round:_.round};return e(i,Object.assign({},_,{inputRef:s(A,_.inputRef),type:"number",value:k,onChange:t=>{var e;null==x||x(t.target.value),null===(e=_.onChange)||void 0===e||e.call(_,t)},onBlur:t=>{var e,n;t.target.value=O(t.target.value),null==x||x(t.target.value),null===(e=_.onChange)||void 0===e||e.call(_,t),null===(n=_.onBlur)||void 0===n||n.call(_,t)},cc:Object.assign({field:h.field,input:h.input},f),left:g?e(l,Object.assign({},z,{cc:{button:h.button__start},"aria-label":`-${C}`,onClick:()=>V(-C),children:e(p,{type:"remove"})})):null,right:g?e(l,Object.assign({},z,{cc:{button:h.button__end},"aria-label":`+${C}`,onClick:()=>V(C),children:e(p,{type:"add"})})):null}))}export{f as default};
+import{jsx as t}from"react/jsx-runtime";import{useState as e,useRef as r,useCallback as n}from"react";import o from"./field.js";import i from"./button.js";import{combineClasses as a,toNumber as u,round as l,combineRefs as c,changeInputValue as m}from"../../core/utils.js";import{createStyles as d}from"../../core/style.js";import{Icon as p}from"../../core/icons.js";const f=d("number-field",{".field .button__start":{marginLeft:".25em",background:"var(--f-clr-bg-100)",color:"var(--f-clr-text-100)"},".field .button__end":{marginRight:".25em",background:"var(--f-clr-bg-100)",color:"var(--f-clr-text-100)"},".input":{MozAppearance:"textfield"},".input::-webkit-outer-spin-button, .input::-webkit-inner-spin-button":{WebkitAppearance:"none",margin:0}});function s({cc:d={},precision:s=3,controls:b=!0,defaultValue:g,...v}){const _=a(f,d),[h,k]=void 0!==v.value?[v.value]:e(g||""),x=r(null),j=u(v.step,1),A=u(v.min,-Number.MAX_VALUE),C=u(v.max,Number.MAX_VALUE),M=n(((t,e)=>{let r=t?parseFloat(t.toString()):void 0;return void 0!==e&&(r=(r||0)+e),void 0!==r&&(r=Math.max(r,A),r=Math.min(r,C)),void 0===r?"":l(r,s).toString()}),[s,A,C]);function y(t){x.current&&m(x.current,M(h,t))}const z={compact:!0,size:v.size,disabled:v.disabled,round:v.round};return t(o,{...v,inputRef:c(x,v.inputRef),type:"number",value:h,onChange:t=>{k?.(t.target.value),v.onChange?.(t)},onBlur:t=>{t.target.value=M(t.target.value),k?.(t.target.value),v.onChange?.(t),v.onBlur?.(t)},cc:{field:_.field,input:_.input,...d},left:b?t(i,{...z,cc:{button:_.button__start},"aria-label":`-${j}`,onClick:()=>y(-j),children:t(p,{type:"remove"})}):null,right:b?t(i,{...z,cc:{button:_.button__end},"aria-label":`+${j}`,onClick:()=>y(j),children:t(p,{type:"add"})}):null})}export{s as default};
 //# sourceMappingURL=number-field.js.map

package/dist/components/input/password-field.js

@@ -1,3 +1,3 @@
 "use client";
-import{__rest as e}from"tslib";import{jsxs as r,jsx as t}from"react/jsx-runtime";import{useState as i,useMemo as o}from"react";import a from"./field.js";import n from"./toggle.js";import s from"../feedback/progress-bar.js";import l from"../../hooks/use-input-props.js";import{combineClasses as c,classes as f}from"../../core/utils.js";import{createStyles as d}from"../../core/style.js";import{Icon as m}from"../../core/icons.js";const g=["#eb2a1c","#eb2a1c","#e8831e","#f0d030","#fff952","#5aff54"],p=d("password-field",{".wrapper":{minWidth:"min(var(--width, 100vw), 12em)"},".field":{"--width":"100%"},".wrapper .track":{width:"100%",marginTop:"var(--f-spacing-xsm)"},".field .toggle":{marginRight:".25em"}});function u(d){var{cc:u={},strengthBar:h=!1,size:v="med",round:b,error:w,icon:j,left:k,right:z,defaultValue:x,onEnter:y,inputRef:R,ref:C}=d,E=e(d,["cc","strengthBar","size","round","error","icon","left","right","defaultValue","onEnter","inputRef","ref"]);const O=c(p,u),[B,L]=void 0!==E.value?[E.value]:i(x||""),[N,T]=i(!1),V=o((()=>{let e=0;for(const r of[/[a-z]/,/[A-Z]/,/\d/,/\W|_/,new RegExp(`.{${E.minLength||10},}`)])r.test((null==B?void 0:B.toString())||"")&&e++;return e}),[B,E.minLength]),[W,A]=l(E);return r("div",Object.assign({ref:C},A,{className:f(O.wrapper,E.className),children:[t(a,Object.assign({},W,{inputRef:R,type:N?"text":"password",round:b,size:v,error:w,icon:j,left:k,value:B,onEnter:y,cc:Object.assign({field:O.field},u),onChange:e=>{var r;null==L||L(e.target.value),null===(r=E.onChange)||void 0===r||r.call(E,e)},right:t(n,{compact:!0,"aria-label":"Toggle visibility",round:b,size:v,variant:"minimal",disabled:E.disabled,checkedContent:t(m,{type:"hide"}),checked:N,onChange:e=>T(e.target.checked),cc:{toggle:O.toggle},children:t(m,{type:"show"})})})),h&&t(s,{size:"sml",value:V/5,color:g[V],cc:{track:O.track},"aria-label":"Password strength"})]}))}export{u as default};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as t,useMemo as o}from"react";import i from"./field.js";import a from"./toggle.js";import n from"../feedback/progress-bar.js";import s from"../../hooks/use-input-props.js";import{combineClasses as c,classes as l}from"../../core/utils.js";import{createStyles as m}from"../../core/style.js";import{Icon as d}from"../../core/icons.js";const f=["#eb2a1c","#eb2a1c","#e8831e","#f0d030","#fff952","#5aff54"],p=m("password-field",{".wrapper":{minWidth:"min(var(--width, 100vw), 12em)"},".field":{"--width":"100%"},".wrapper .track":{width:"100%",marginTop:"var(--f-spacing-xsm)"},".field .toggle":{marginRight:".25em"}});function g({cc:m={},strengthBar:g=!1,size:h="med",round:u,error:v,icon:w,left:b,right:j,defaultValue:k,onEnter:x,inputRef:y,ref:z,...C}){const R=c(p,m),[E,L]=void 0!==C.value?[C.value]:t(k||""),[N,T]=t(!1),W=o((()=>{let e=0;for(const r of[/[a-z]/,/[A-Z]/,/\d/,/\W|_/,new RegExp(`.{${C.minLength||10},}`)])r.test(E?.toString()||"")&&e++;return e}),[E,C.minLength]),[A,B]=s(C);return e("div",{ref:z,...B,className:l(R.wrapper,C.className),children:[r(i,{...A,inputRef:y,type:N?"text":"password",round:u,size:h,error:v,icon:w,left:b,value:E,onEnter:x,cc:{field:R.field,...m},onChange:e=>{L?.(e.target.value),C.onChange?.(e)},right:r(a,{compact:!0,"aria-label":"Toggle visibility",round:u,size:h,variant:"minimal",disabled:C.disabled,checkedContent:r(d,{type:"hide"}),checked:N,onChange:e=>T(e.target.checked),cc:{toggle:R.toggle},children:r(d,{type:"show"})})}),g&&r(n,{size:"sml",value:W/5,color:f[W],cc:{track:R.track},"aria-label":"Password strength"})]})}export{g as default};
 //# sourceMappingURL=password-field.js.map

package/dist/components/input/pincode.js

@@ -1,3 +1,3 @@
 "use client";
-import{__rest as r}from"tslib";import{jsxs as e,jsx as o}from"react/jsx-runtime";import{combineClasses as l,classes as i}from"../../core/utils.js";import a from"../../hooks/use-input-props.js";import{useRef as t,useState as d}from"react";import{createStyles as n}from"../../core/style.js";const s=n("pincode",{".pincode":{display:"flex",gap:"var(--f-spacing-xsm)"},".group":{display:"flex",flexGrow:1},".field":{outline:"solid 3px transparent",backgroundColor:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)",borderRadius:"var(--f-radius-sml)",transition:"border-color .2s, outline-color .2s",display:"flex",flexGrow:1},".group .field + .field":{marginLeft:"-1px",borderTopLeftRadius:0,borderBottomLeftRadius:0},".group .field:not(:last-child)":{borderTopRightRadius:0,borderBottomRightRadius:0},".field:focus-within":{borderColor:"var(--f-clr-primary-100)",outlineColor:"var(--f-clr-primary-500)",zIndex:1},".input":{boxSizing:"content-box",border:"none",outline:"none",width:"1em",flexGrow:1,padding:".675em",background:"none",textAlign:"center",color:"var(--f-clr-text-100)"},".s__xsm":{fontSize:"var(--f-font-size-xxs)"},".s__sml":{fontSize:"var(--f-font-size-xsm)"},".s__med":{fontSize:"var(--f-font-size-sml)"},".s__lrg":{fontSize:"var(--f-font-size-med)"},".pincode.round .field:first-child":{borderTopLeftRadius:"999px",borderBottomLeftRadius:"999px"},".pincode.round .field:last-child":{borderTopRightRadius:"999px",borderBottomRightRadius:"999px"},'.pincode[data-disabled="true"] .field':{backgroundColor:"var(--f-clr-grey-100)",borderColor:"var(--f-clr-grey-200)"},'.pincode[data-disabled="true"] .input':{color:"var(--f-clr-grey-500)"},'.pincode[data-error="true"] .field':{borderColor:"var(--f-clr-error-100)"},'.pincode[data-error="true"] .field:focus-within':{outlineColor:"var(--f-clr-error-400)"},'.pincode[data-error="true"] .input':{color:"var(--f-clr-error-200)"}});function c(n){var{cc:c={},format:u=[1,1,1,1],masked:f,size:p="med",round:m=!1,value:v,error:g,onChange:b,defaultvalue:h,autoFocus:x}=n,y=r(n,["cc","format","masked","size","round","value","error","onChange","defaultvalue","autoFocus"]);const R=l(s,c),z=t([]),k=u.reduce(((r,e)=>r+e),0),[C,_]=void 0!==v?[v]:d((null==h?void 0:h.toString().slice(0,k))||"");function w(r){var e;let o=r.target.value.replace(/\D/g,"");o&&(o.length<k&&(o=C+o),o=o.slice(0,k),null==_||_(o),null==b||b(o),null===(e=z.current[Math.min(o.length,k-1)])||void 0===e||e.focus())}const[j,S]=a(y);return e("div",Object.assign({},S,{className:i(R.pincode,R[`s__${p}`],m&&R.round,y.className),"data-error":!!g,"data-disabled":y.disabled,children:[u.map(((r,e)=>{const l=u.slice(0,e).reduce(((r,e)=>r+e),0);return o("div",{className:R.group,children:new Array(r).fill(0).map(((r,e)=>(e+=l,o("div",{className:R.field,children:o("input",{ref:r=>{z.current[e]=r},"aria-label":j["aria-label"],"aria-labelledby":j["aria-labelledby"],autoFocus:0===e&&x,disabled:y.disabled,className:R.input,"aria-invalid":!!g,inputMode:"numeric",type:f?"password":"text",value:C.charAt(e),onChange:w,onKeyDown:r=>function(r,e){var o,l;let i=C.slice();/^\d$/.test(r.key)&&(r.preventDefault(),C.length<=e?i+=r.key:i=i.slice(0,e)+r.key+i.slice(e+1),null===(o=z.current[i.length])||void 0===o||o.focus()),"Backspace"===r.key&&(r.preventDefault(),i=i.slice(0,i.length-1),null===(l=z.current[i.length-1])||void 0===l||l.focus()),null==_||_(i),null==b||b(i)}(r,e)})},e))))},e)})),o("input",Object.assign({},j,{type:"hidden",value:C}))]}))}export{c as default};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{combineClasses as o,classes as i}from"../../core/utils.js";import t from"../../hooks/use-input-props.js";import{useRef as a,useState as l}from"react";import{createStyles as d}from"../../core/style.js";const n=d("pincode",{".pincode":{display:"flex",gap:"var(--f-spacing-xsm)"},".group":{display:"flex",flexGrow:1},".field":{outline:"solid 3px transparent",backgroundColor:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)",borderRadius:"var(--f-radius-sml)",transition:"border-color .2s, outline-color .2s",display:"flex",flexGrow:1},".group .field + .field":{marginLeft:"-1px",borderTopLeftRadius:0,borderBottomLeftRadius:0},".group .field:not(:last-child)":{borderTopRightRadius:0,borderBottomRightRadius:0},".field:focus-within":{borderColor:"var(--f-clr-primary-100)",outlineColor:"var(--f-clr-primary-500)",zIndex:1},".input":{boxSizing:"content-box",border:"none",outline:"none",width:"1em",flexGrow:1,padding:".675em",background:"none",textAlign:"center",color:"var(--f-clr-text-100)"},".s__xsm":{fontSize:"var(--f-font-size-xxs)"},".s__sml":{fontSize:"var(--f-font-size-xsm)"},".s__med":{fontSize:"var(--f-font-size-sml)"},".s__lrg":{fontSize:"var(--f-font-size-med)"},".pincode.round .field:first-child":{borderTopLeftRadius:"999px",borderBottomLeftRadius:"999px"},".pincode.round .field:last-child":{borderTopRightRadius:"999px",borderBottomRightRadius:"999px"},'.pincode[data-disabled="true"] .field':{backgroundColor:"var(--f-clr-grey-100)",borderColor:"var(--f-clr-grey-200)"},'.pincode[data-disabled="true"] .input':{color:"var(--f-clr-grey-500)"},'.pincode[data-error="true"] .field':{borderColor:"var(--f-clr-error-100)"},'.pincode[data-error="true"] .field:focus-within':{outlineColor:"var(--f-clr-error-400)"},'.pincode[data-error="true"] .input':{color:"var(--f-clr-error-200)"}});function s({cc:d={},format:s=[1,1,1,1],masked:c,size:u="med",round:f=!1,value:p,error:m,onChange:g,defaultvalue:b,autoFocus:v,...x}){const h=o(n,d),y=a([]),R=s.reduce(((e,r)=>e+r),0),[z,k]=void 0!==p?[p]:l(b?.toString().slice(0,R)||"");function _(e){let r=e.target.value.replace(/\D/g,"");r&&(r.length<R&&(r=z+r),r=r.slice(0,R),k?.(r),g?.(r),y.current[Math.min(r.length,R-1)]?.focus())}const[w,C]=t(x);return e("div",{...C,className:i(h.pincode,h[`s__${u}`],f&&h.round,x.className),"data-error":!!m,"data-disabled":x.disabled,children:[s.map(((e,o)=>{const i=s.slice(0,o).reduce(((e,r)=>e+r),0);return r("div",{className:h.group,children:new Array(e).fill(0).map(((e,o)=>(o+=i,r("div",{className:h.field,children:r("input",{ref:e=>{y.current[o]=e},"aria-label":w["aria-label"],"aria-labelledby":w["aria-labelledby"],autoFocus:0===o&&v,disabled:x.disabled,className:h.input,"aria-invalid":!!m,inputMode:"numeric",type:c?"password":"text",value:z.charAt(o),onChange:_,onKeyDown:e=>function(e,r){let o=z.slice();/^\d$/.test(e.key)&&(e.preventDefault(),z.length<=r?o+=e.key:o=o.slice(0,r)+e.key+o.slice(r+1),y.current[o.length]?.focus()),"Backspace"===e.key&&(e.preventDefault(),o=o.slice(0,o.length-1),y.current[o.length-1]?.focus()),k?.(o),g?.(o)}(e,o)})},o))))},o)})),r("input",{...w,type:"hidden",value:z})]})}export{s as default};
 //# sourceMappingURL=pincode.js.map

package/dist/components/input/radio.js

@@ -1,2 +1,2 @@
-import{__rest as r}from"tslib";import{jsx as o,jsxs as e}from"react/jsx-runtime";import{combineClasses as i,classes as a}from"../../core/utils.js";import s from"../feedback/halo.js";import t from"../../hooks/use-input-props.js";import{createStyles as l}from"../../core/style.js";const c=l("radio",{".wrapper":{position:"relative",width:"max-content"},".s__xsm":{fontSize:"var(--f-font-size-xxs)"},".s__sml":{fontSize:"var(--f-font-size-xsm)"},".s__med":{fontSize:"var(--f-font-size-sml)"},".s__lrg":{fontSize:"var(--f-font-size-med)"},".input":{position:"absolute",opacity:0,inset:0,width:"100%",height:"100%",zIndex:1,WebkitTapHighlightColor:"transparent"},".radio":{position:"relative",width:"1.5em",height:"1.5em",borderRadius:"999px",backgroundColor:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)",transition:"background-color .25s, border-color .25s"},".input:enabled:not(:checked)":{cursor:"pointer"},".input:checked:enabled + .radio":{backgroundColor:"var(--color, var(--f-clr-primary-300))",borderColor:"var(--color, var(--f-clr-primary-300))"},".selection":{position:"absolute",borderRadius:"999px",backgroundColor:"white",scale:0,transition:"scale .25s ease-out"},".s__xsm .selection":{inset:"4px"},".s__sml .selection":{inset:"5px"},".s__med .selection":{inset:"6px"},".s__lrg .selection":{inset:"7px"},".input:checked + .radio .selection":{scale:1},".input:disabled + .radio":{backgroundColor:"var(--f-clr-grey-100)",borderColor:"var(--f-clr-grey-200)"},".input:disabled:checked + .radio":{backgroundColor:"var(--f-clr-grey-200)",borderColor:"var(--f-clr-grey-200)"},".input:disabled + .radio .selection":{backgroundColor:"var(--f-clr-grey-100)"},'.wrapper[data-error="true"] .input:enabled + .radio':{borderColor:"var(--f-clr-error-200)"},'.wrapper[data-error="true"] .input:checked:enabled + .radio':{backgroundColor:"var(--f-clr-error-200)"},".wrapper .halo":{borderRadius:"999px",inset:"-.5em"}});function n(l){var{cc:n={},error:d,size:p="med",color:u}=l,f=r(l,["cc","error","size","color"]);const m=i(c,n),[b,v]=t(f);return o(s,{hover:!1,cc:Object.assign({halo:m.halo},n),children:e("div",Object.assign({},v,{className:a(m.wrapper,m[`s__${p}`],v.className),"data-error":!!d,children:[o("input",Object.assign({},b,{type:"radio",className:m.input,"aria-invalid":!!d})),o("div",{className:m.radio,style:{"--color":u},children:o("div",{className:m.selection})})]}))})}export{n as default};
+import{jsx as r,jsxs as o}from"react/jsx-runtime";import{combineClasses as e,classes as i}from"../../core/utils.js";import a from"../feedback/halo.js";import t from"../../hooks/use-input-props.js";import{createStyles as s}from"../../core/style.js";const l=s("radio",{".wrapper":{position:"relative",width:"max-content"},".s__xsm":{fontSize:"var(--f-font-size-xxs)"},".s__sml":{fontSize:"var(--f-font-size-xsm)"},".s__med":{fontSize:"var(--f-font-size-sml)"},".s__lrg":{fontSize:"var(--f-font-size-med)"},".input":{position:"absolute",opacity:0,inset:0,width:"100%",height:"100%",zIndex:1,WebkitTapHighlightColor:"transparent"},".radio":{position:"relative",width:"1.5em",height:"1.5em",borderRadius:"999px",backgroundColor:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)",transition:"background-color .25s, border-color .25s"},".input:enabled:not(:checked)":{cursor:"pointer"},".input:checked:enabled + .radio":{backgroundColor:"var(--color, var(--f-clr-primary-300))",borderColor:"var(--color, var(--f-clr-primary-300))"},".selection":{position:"absolute",borderRadius:"999px",backgroundColor:"white",scale:0,transition:"scale .25s ease-out"},".s__xsm .selection":{inset:"4px"},".s__sml .selection":{inset:"5px"},".s__med .selection":{inset:"6px"},".s__lrg .selection":{inset:"7px"},".input:checked + .radio .selection":{scale:1},".input:disabled + .radio":{backgroundColor:"var(--f-clr-grey-100)",borderColor:"var(--f-clr-grey-200)"},".input:disabled:checked + .radio":{backgroundColor:"var(--f-clr-grey-200)",borderColor:"var(--f-clr-grey-200)"},".input:disabled + .radio .selection":{backgroundColor:"var(--f-clr-grey-100)"},'.wrapper[data-error="true"] .input:enabled + .radio':{borderColor:"var(--f-clr-error-200)"},'.wrapper[data-error="true"] .input:checked:enabled + .radio':{backgroundColor:"var(--f-clr-error-200)"},".wrapper .halo":{borderRadius:"999px",inset:"-.5em"}});function n({cc:s={},error:n,size:c="med",color:d,...p}){const u=e(l,s),[f,m]=t(p);return r(a,{hover:!1,cc:{halo:u.halo,...s},children:o("div",{...m,className:i(u.wrapper,u[`s__${c}`],m.className),"data-error":!!n,children:[r("input",{...f,type:"radio",className:u.input,"aria-invalid":!!n}),r("div",{className:u.radio,style:{"--color":d},children:r("div",{className:u.selection})})]})})}export{n as default};
 //# sourceMappingURL=radio.js.map

package/dist/components/input/radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio.js","sources":["../../../../src/components/input/radio.tsx"],"sourcesContent":[null],"names":["styles","createStyles","position","width","fontSize","opacity","inset","height","zIndex","WebkitTapHighlightColor","borderRadius","backgroundColor","border","transition","cursor","borderColor","scale","Radio","_a","cc","error","size","color","props","__rest","style","combineClasses","split","rest","useInputProps","_jsx","Halo","hover","Object","assign","halo","children","_jsxs","className","classes","wrapper","type","input","radio","selection"],"mappings":"uRAMA,MAAMA,EAASC,EAAa,QAAS,CACjC,WAAY,CACRC,SAAU,WACVC,MAAO,eAGX,UAAW,CACPC,SAAU,0BAGd,UAAW,CACPA,SAAU,0BAGd,UAAW,CACPA,SAAU,0BAGd,UAAW,CACPA,SAAU,0BAGd,SAAU,CACNF,SAAU,WACVG,QAAS,EACTC,MAAO,EACPH,MAAO,OACPI,OAAQ,OACRC,OAAQ,EACRC,wBAAyB,eAG7B,SAAU,CACNP,SAAU,WACVC,MAAO,QACPI,OAAQ,QACRG,aAAc,QACdC,gBAAiB,sBACjBC,OAAQ,gCACRC,WAAY,4CAGhB,+BAAgC,CAC5BC,OAAQ,WAGZ,kCAAmC,CAC/BH,gBAAiB,yCACjBI,YAAa,0CAGjB,aAAc,CACVb,SAAU,WACVQ,aAAc,QACdC,gBAAiB,QACjBK,MAAO,EACPH,WAAY,uBAGhB,qBAAsB,CAClBP,MAAO,OAGX,qBAAsB,CAClBA,MAAO,OAGX,qBAAsB,CAClBA,MAAO,OAGX,qBAAsB,CAClBA,MAAO,OAGX,qCAAsC,CAClCU,MAAO,GAGX,2BAA4B,CACxBL,gBAAiB,wBACjBI,YAAa,yBAGjB,mCAAoC,CAChCJ,gBAAiB,wBACjBI,YAAa,yBAGjB,sCAAuC,CACnCJ,gBAAiB,yBAGrB,sDAAuD,CACnDI,YAAa,0BAGjB,8DAA+D,CAC3DJ,gBAAiB,0BAGrB,iBAAkB,CACdD,aAAc,QACdJ,MAAO,WAWS,SAAAW,EAAMC,GAAA,IAAAC,GAAEA,EAAK,GAAEC,MAAEA,EAAKC,KAAEA,EAAO,MAAKC,MAAEA,GAOYJ,EAPFK,EAAKC,EAAAN,EAA/C,+BAQ1B,MAAMO,EAAQC,EAAe1B,EAAQmB,IAE9BQ,EAAOC,GAAQC,EAAcN,GAEpC,OAAOO,EAACC,EAAI,CAACC,OAAO,EAAOb,GAAEc,OAAAC,OAAA,CAAIC,KAAMV,EAAMU,MAAShB,GAAEiB,SACpDC,yBAAST,EAAI,CACTU,UAAWC,EACPd,EAAMe,QACNf,EAAM,MAAMJ,KACZO,EAAKU,WACR,eACalB,EAEdgB,SAAA,CAAAN,EAAA,QAAAG,OAAAC,OAAA,CAAA,EAAWP,EAAO,CAAAc,KAAK,QAAQH,UAAWb,EAAMiB,MAAK,iBAAkBtB,KAEvEU,EAAA,MAAA,CAAKQ,UAAWb,EAAMkB,MAAOlB,MAAO,CAAE,UAAWH,GAAcc,SAC3DN,SAAKQ,UAAWb,EAAMmB,mBAItC"}
+{"version":3,"file":"radio.js","sources":["../../../../src/components/input/radio.tsx"],"sourcesContent":[null],"names":["styles","createStyles","position","width","fontSize","opacity","inset","height","zIndex","WebkitTapHighlightColor","borderRadius","backgroundColor","border","transition","cursor","borderColor","scale","Radio","cc","error","size","color","props","style","combineClasses","split","rest","useInputProps","_jsx","Halo","hover","halo","children","_jsxs","className","classes","wrapper","type","input","radio","selection"],"mappings":"wPAMA,MAAMA,EAASC,EAAa,QAAS,CACjC,WAAY,CACRC,SAAU,WACVC,MAAO,eAGX,UAAW,CACPC,SAAU,0BAGd,UAAW,CACPA,SAAU,0BAGd,UAAW,CACPA,SAAU,0BAGd,UAAW,CACPA,SAAU,0BAGd,SAAU,CACNF,SAAU,WACVG,QAAS,EACTC,MAAO,EACPH,MAAO,OACPI,OAAQ,OACRC,OAAQ,EACRC,wBAAyB,eAG7B,SAAU,CACNP,SAAU,WACVC,MAAO,QACPI,OAAQ,QACRG,aAAc,QACdC,gBAAiB,sBACjBC,OAAQ,gCACRC,WAAY,4CAGhB,+BAAgC,CAC5BC,OAAQ,WAGZ,kCAAmC,CAC/BH,gBAAiB,yCACjBI,YAAa,0CAGjB,aAAc,CACVb,SAAU,WACVQ,aAAc,QACdC,gBAAiB,QACjBK,MAAO,EACPH,WAAY,uBAGhB,qBAAsB,CAClBP,MAAO,OAGX,qBAAsB,CAClBA,MAAO,OAGX,qBAAsB,CAClBA,MAAO,OAGX,qBAAsB,CAClBA,MAAO,OAGX,qCAAsC,CAClCU,MAAO,GAGX,2BAA4B,CACxBL,gBAAiB,wBACjBI,YAAa,yBAGjB,mCAAoC,CAChCJ,gBAAiB,wBACjBI,YAAa,yBAGjB,sCAAuC,CACnCJ,gBAAiB,yBAGrB,sDAAuD,CACnDI,YAAa,0BAGjB,8DAA+D,CAC3DJ,gBAAiB,0BAGrB,iBAAkB,CACdD,aAAc,QACdJ,MAAO,WAWS,SAAAW,GAAMC,GAAEA,EAAK,CAAA,EAAEC,MAAEA,EAAKC,KAAEA,EAAO,MAAKC,MAAEA,KAAUC,IAQpE,MAAMC,EAAQC,EAAexB,EAAQkB,IAE9BO,EAAOC,GAAQC,EAAcL,GAEpC,OAAOM,EAACC,EAAI,CAACC,OAAO,EAAOZ,GAAI,CAAEa,KAAMR,EAAMQ,QAASb,GAClDc,SAAAC,EAAA,MAAA,IAASP,EACLQ,UAAWC,EACPZ,EAAMa,QACNb,EAAM,MAAMH,KACZM,EAAKQ,0BAEKf,EAAKa,SAAA,CAEnBJ,cAAWH,EAAOY,KAAK,QAAQH,UAAWX,EAAMe,uBAAuBnB,IAEvES,SAAKM,UAAWX,EAAMgB,MAAOhB,MAAO,CAAE,UAAWF,GAAcW,SAC3DJ,SAAKM,UAAWX,EAAMiB,kBAItC"}

package/dist/components/input/segmented.js

@@ -1,3 +1,3 @@
 "use client";
-import{__rest as e}from"tslib";import{jsx as r,jsxs as o}from"react/jsx-runtime";import{useState as a,useId as n}from"react";import{Morph as i}from"@infinityfx/lively/layout";import{combineClasses as t,classes as l}from"../../core/utils.js";import d from"../feedback/halo.js";import{createStyles as s}from"../../core/style.js";const c=s("segmented",{".segmented":{display:"flex"},".v__default, .v__neutral":{borderRadius:"calc(var(--f-radius-sml) + .3em)",backgroundColor:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)",padding:".3em"},".s__sml":{fontSize:"var(--f-font-size-xxs)"},".s__med":{fontSize:"var(--f-font-size-xsm)"},".s__lrg":{fontSize:"var(--f-font-size-sml)"},".segmented.round":{borderRadius:"999px"},".segmented.uniform":{display:"grid",gridAutoColumns:"1fr",gridAutoFlow:"column"},".segmented.vertical":{flexDirection:"column",gridAutoFlow:"row"},".segmented.vertical.round":{borderRadius:"calc(1.4em + 1px)"},".option":{position:"relative",border:"none",outline:"none",backgroundColor:"transparent",padding:".675em .8em",fontWeight:700,color:"var(--f-clr-text-100)",borderRadius:"var(--f-radius-sml)",flexGrow:1,transition:"color .4s",WebkitTapHighlightColor:"transparent"},".segmented.round .option":{borderRadius:"999px"},".option:enabled":{cursor:"pointer"},".option:disabled":{color:"var(--f-clr-grey-500)"},".content":{position:"relative",zIndex:1,display:"flex",alignItems:"center",justifyContent:"center",gap:"var(--f-spacing-xsm)"},".selection":{position:"absolute",inset:"0",backgroundColor:"var(--f-clr-primary-200)",borderRadius:"var(--f-radius-sml)",boxShadow:"var(--f-shadow-sml)"},".v__neutral .selection":{backgroundColor:"var(--f-clr-text-100)"},'.v__neutral .option[aria-checked="true"]:enabled':{color:"var(--f-clr-text-200)"},".v__minimal .selection":{backgroundColor:"var(--f-clr-primary-400)"},".segmented.round .selection":{borderRadius:"999px"},'.segmented[data-error="true"]':{border:"solid 1px var(--f-clr-error-100)"},".segmented .halo":{zIndex:"0"},'.option[aria-checked="true"] .halo':{inset:"-.3em",borderRadius:"calc(var(--f-radius-sml) + .3em)"},'.segmented[data-error="true"] .ripple':{backgroundColor:"var(--f-clr-error-300)"},".segmented .container":{isolation:"unset"}});function u(s){var u,{cc:m={},variant:f="default",size:p="med",round:v=!1,uniform:g,vertical:b,options:x,name:h,value:_,defaultValue:y,onChange:k,error:C}=s,z=e(s,["cc","variant","size","round","uniform","vertical","options","name","value","defaultValue","onChange","error"]);const R=t(c,m),[j,w]=void 0!==_?[_]:a(y||(null===(u=x[0])||void 0===u?void 0:u.value)),N=n();return r("div",Object.assign({},z,{role:"radiogroup",className:l(R.segmented,R[`s__${p}`],R[`v__${f}`],v&&R.round,g&&R.uniform,b&&R.vertical,z.className),"data-error":!!C,children:x.map((({label:e,value:a,disabled:n=!1},t)=>r(d,{hover:!1,cc:Object.assign({container:R.container,halo:R.halo,ring:R.ring},m),children:o("button",{className:R.option,type:"button",role:"radio","aria-checked":j===a,disabled:n,onClick:()=>{null==w||w(a),null==k||k(a)},children:[r("input",{type:"radio",value:a,checked:j===a,hidden:!0,readOnly:!0,name:h}),r("span",{className:R.content,children:e}),j===a&&r(i,{group:`segmented-selection-${N}`,cachable:b?["y","sy"]:["x","sx"],deform:!1,transition:{duration:.4},children:r("div",{className:R.selection})})]})},t)))}))}export{u as default};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useState as o,useId as a}from"react";import{Morph as n}from"@infinityfx/lively/layout";import{combineClasses as t,classes as i}from"../../core/utils.js";import l from"../feedback/halo.js";import{createStyles as d}from"../../core/style.js";const s=d("segmented",{".segmented":{display:"flex"},".v__default, .v__neutral":{borderRadius:"calc(var(--f-radius-sml) + .3em)",backgroundColor:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)",padding:".3em"},".s__sml":{fontSize:"var(--f-font-size-xxs)"},".s__med":{fontSize:"var(--f-font-size-xsm)"},".s__lrg":{fontSize:"var(--f-font-size-sml)"},".segmented.round":{borderRadius:"999px"},".segmented.uniform":{display:"grid",gridAutoColumns:"1fr",gridAutoFlow:"column"},".segmented.vertical":{flexDirection:"column",gridAutoFlow:"row"},".segmented.vertical.round":{borderRadius:"calc(1.4em + 1px)"},".option":{position:"relative",border:"none",outline:"none",backgroundColor:"transparent",padding:".675em .8em",fontWeight:700,color:"var(--f-clr-text-100)",borderRadius:"var(--f-radius-sml)",flexGrow:1,transition:"color .4s",WebkitTapHighlightColor:"transparent"},".segmented.round .option":{borderRadius:"999px"},".option:enabled":{cursor:"pointer"},".option:disabled":{color:"var(--f-clr-grey-500)"},".content":{position:"relative",zIndex:1,display:"flex",alignItems:"center",justifyContent:"center",gap:"var(--f-spacing-xsm)"},".selection":{position:"absolute",inset:"0",backgroundColor:"var(--f-clr-primary-200)",borderRadius:"var(--f-radius-sml)",boxShadow:"var(--f-shadow-sml)"},".v__neutral .selection":{backgroundColor:"var(--f-clr-text-100)"},'.v__neutral .option[aria-checked="true"]:enabled':{color:"var(--f-clr-text-200)"},".v__minimal .selection":{backgroundColor:"var(--f-clr-primary-400)"},".segmented.round .selection":{borderRadius:"999px"},'.segmented[data-error="true"]':{border:"solid 1px var(--f-clr-error-100)"},".segmented .halo":{zIndex:"0"},'.option[aria-checked="true"] .halo':{inset:"-.3em",borderRadius:"calc(var(--f-radius-sml) + .3em)"},'.segmented[data-error="true"] .ripple':{backgroundColor:"var(--f-clr-error-300)"},".segmented .container":{isolation:"unset"}});function c({cc:d={},variant:c="default",size:m="med",round:u=!1,uniform:f,vertical:p,options:g,name:v,value:b,defaultValue:x,onChange:h,error:_,...y}){const k=t(s,d),[C,z]=void 0!==b?[b]:o(x||g[0]?.value),R=a();return e("div",{...y,role:"radiogroup",className:i(k.segmented,k[`s__${m}`],k[`v__${c}`],u&&k.round,f&&k.uniform,p&&k.vertical,y.className),"data-error":!!_,children:g.map((({label:o,value:a,disabled:t=!1},i)=>e(l,{hover:!1,cc:{container:k.container,halo:k.halo,ring:k.ring,...d},children:r("button",{className:k.option,type:"button",role:"radio","aria-checked":C===a,disabled:t,onClick:()=>{z?.(a),h?.(a)},children:[e("input",{type:"radio",value:a,checked:C===a,hidden:!0,readOnly:!0,name:v}),e("span",{className:k.content,children:o}),C===a&&e(n,{group:`segmented-selection-${R}`,cachable:p?["y","sy"]:["x","sx"],deform:!1,transition:{duration:.4},children:e("div",{className:k.selection})})]})},i)))})}export{c as default};
 //# sourceMappingURL=segmented.js.map

package/dist/components/input/select.js

@@ -1,3 +1,3 @@
 "use client";
-import{__rest as r}from"tslib";import{jsxs as e,jsx as l,Fragment as a}from"react/jsx-runtime";import{useId as o,useRef as i,useState as t,useEffect as n}from"react";import d from"./button.js";import{combineClasses as c,classes as s,combineRefs as f}from"../../core/utils.js";import u from"../display/badge.js";import m from"../display/combobox/index.js";import p from"../../hooks/use-input-props.js";import{createStyles as v}from"../../core/style.js";import{Icon as b}from"../../core/icons.js";const g=v("select",{".field":{backgroundColor:"var(--f-clr-fg-100)",borderRadius:"var(--f-radius-sml)",color:"var(--f-clr-grey-200)",transition:"background-color .2s, border-color .2s, color .2s, outline-color .2s",display:"flex",alignItems:"center",minWidth:"min(var(--width, 100vw), 12em)",outline:"solid 3px transparent"},".v__default":{border:"solid 1px var(--f-clr-fg-200)"},".v__minimal":{backgroundColor:"var(--f-clr-fg-100)"},".v__default:focus-within":{borderColor:"var(--f-clr-primary-100)",color:"var(--f-clr-primary-100)",outlineColor:"var(--f-clr-primary-500)"},".v__minimal:focus-within":{backgroundColor:"var(--f-clr-fg-200)"},'.field[data-error="true"]':{borderColor:"var(--f-clr-error-100)",color:"var(--f-clr-error-200)"},'.field[data-error="true"]:focus-within':{outlineColor:"var(--f-clr-error-400)"},'.field[data-error="true"] .content':{color:"var(--f-clr-error-200)"},'.field[data-disabled="true"]':{backgroundColor:"var(--f-clr-grey-100)",borderColor:"var(--f-clr-grey-200)"},'.field[data-disabled="true"] .content':{color:"var(--f-clr-grey-500)"},".content__wrapper":{padding:".675em",display:"flex",alignItems:"center",gap:"var(--f-spacing-xsm)",overflow:"hidden",flexGrow:1},".content__wrapper > *:not(.content)":{flexShrink:0},".content":{position:"relative",display:"flex",alignItems:"center",gap:"var(--f-spacing-xsm)",flexGrow:1,overflow:"hidden",color:"var(--f-clr-text-100)",minHeight:"1.375em"},".content > *":{flexShrink:0},".placeholder":{color:"var(--f-clr-grey-300)"},".input":{position:"absolute",opacity:0,width:0},".s__xsm":{fontSize:"var(--f-font-size-xxs)"},".s__sml":{fontSize:"var(--f-font-size-xsm)"},".s__med":{fontSize:"var(--f-font-size-sml)"},".s__lrg":{fontSize:"var(--f-font-size-med)"},".field.round":{borderRadius:"999px"},".field .badge":{backgroundColor:"var(--f-clr-fg-200)"},'.field[data-error="true"] .badge':{backgroundColor:"var(--f-clr-error-400)"},'.field[data-disabled="true"] .badge':{backgroundColor:"var(--f-clr-grey-200)"},".icon":{display:"flex",marginLeft:"auto"}});function h(v){var h,{cc:y={},options:_,multiple:x=!1,searchable:C,limit:z,emptyMessage:k="Nothing found",placeholder:w,value:j,defaultValue:S,onChange:N,readOnly:O,error:I,icon:R,size:H="med",variant:M="default",contentSize:A,round:G,inputRef:V,mobileContainer:$,virtualItemHeight:L}=v,T=r(v,["cc","options","multiple","searchable","limit","emptyMessage","placeholder","value","defaultValue","onChange","readOnly","error","icon","size","variant","contentSize","round","inputRef","mobileContainer","virtualItemHeight"]);const W=c(g,y),q=o(),B=i(null),D=i(null),[E,F]=p(T),[J,K]=void 0!==j?[j,N]:t(S||(x?[]:"")),P=Array.isArray(J);return n((()=>{x!==P&&(null==K||K(x?J?[J]:[]:J[0]))}),[x,P]),e(m.Root,{ref:D,stretch:!0,mobileContainer:$,children:[l(m.Trigger,{disabled:T.disabled||O,children:e("div",Object.assign({},F,{"aria-haspopup":"listbox",className:s(W.field,W[`s__${H}`],W[`v__${M}`],G&&W.round,T.className),"data-error":!!I,"data-disabled":T.disabled,children:[e("div",{className:W.content__wrapper,children:[R,e("div",{className:W.content,children:[(P?!J.length:null==J||""===J)&&l("div",{className:W.placeholder,id:q,children:w}),P?J.length<3?J.map(((r,e)=>l(u,{round:G,cc:{badge:W.badge},children:r},e))):e(a,{children:[l(u,{round:G,cc:{badge:W.badge},children:J[0]}),e(u,{round:G,cc:{badge:W.badge},children:["+",J.length-1," more"]})]}):null===(h=_.find((r=>r.value===J)))||void 0===h?void 0:h.label]}),l("input",Object.assign({"aria-labelledby":w?q:void 0},E,{ref:f(V,B),readOnly:!0,className:W.input,value:null==J?void 0:J.toString(),"aria-invalid":!!I}))]}),l(d,{compact:!0,"aria-label":E["aria-label"],"aria-labelledby":E["aria-labelledby"],round:G,size:H,disabled:T.disabled||O,variant:"minimal",style:{marginRight:".2em"},children:l(b,{type:"expand"})})]}))}),l(m.Content,{round:G,size:A,"aria-multiselectable":x,searchable:C,emptyMessage:k,virtualItemHeight:L,children:_.map((({label:r,value:a,key:o,disabled:i})=>{const t=P?J.includes(a):J===a;return e(m.Option,{value:o||""+r,disabled:i,"aria-selected":t,onSelect:()=>{var r,e;if(P){const r=J.slice(),e=r.indexOf(a);e<0?(!z||r.length<z)&&r.push(a):r.splice(e,1),null==K||K(r)}else null===(r=D.current)||void 0===r||r.close(),null===(e=B.current)||void 0===e||e.focus(),null==K||K(a)},children:[r,t&&l("div",{className:W.icon,children:l(b,{type:"check"})})]},""+a)}))})]})}export{h as default};
+import{jsxs as r,jsx as e,Fragment as a}from"react/jsx-runtime";import{useId as l,useRef as o,useState as i,useEffect as t}from"react";import n from"./button.js";import{combineClasses as d,classes as c,combineRefs as s}from"../../core/utils.js";import f from"../display/badge.js";import u from"../display/combobox/index.js";import m from"../../hooks/use-input-props.js";import{createStyles as p}from"../../core/style.js";import{Icon as b}from"../../core/icons.js";const g=p("select",{".field":{backgroundColor:"var(--f-clr-fg-100)",borderRadius:"var(--f-radius-sml)",color:"var(--f-clr-grey-200)",transition:"background-color .2s, border-color .2s, color .2s, outline-color .2s",display:"flex",alignItems:"center",minWidth:"min(var(--width, 100vw), 12em)",outline:"solid 3px transparent"},".v__default":{border:"solid 1px var(--f-clr-fg-200)"},".v__minimal":{backgroundColor:"var(--f-clr-fg-100)"},".v__default:focus-within":{borderColor:"var(--f-clr-primary-100)",color:"var(--f-clr-primary-100)",outlineColor:"var(--f-clr-primary-500)"},".v__minimal:focus-within":{backgroundColor:"var(--f-clr-fg-200)"},'.field[data-error="true"]':{borderColor:"var(--f-clr-error-100)",color:"var(--f-clr-error-200)"},'.field[data-error="true"]:focus-within':{outlineColor:"var(--f-clr-error-400)"},'.field[data-error="true"] .content':{color:"var(--f-clr-error-200)"},'.field[data-disabled="true"]':{backgroundColor:"var(--f-clr-grey-100)",borderColor:"var(--f-clr-grey-200)"},'.field[data-disabled="true"] .content':{color:"var(--f-clr-grey-500)"},".content__wrapper":{padding:".675em",display:"flex",alignItems:"center",gap:"var(--f-spacing-xsm)",overflow:"hidden",flexGrow:1},".content__wrapper > *:not(.content)":{flexShrink:0},".content":{position:"relative",display:"flex",alignItems:"center",gap:"var(--f-spacing-xsm)",flexGrow:1,overflow:"hidden",color:"var(--f-clr-text-100)",minHeight:"1.375em"},".content > *":{flexShrink:0},".placeholder":{color:"var(--f-clr-grey-300)"},".input":{position:"absolute",opacity:0,width:0},".s__xsm":{fontSize:"var(--f-font-size-xxs)"},".s__sml":{fontSize:"var(--f-font-size-xsm)"},".s__med":{fontSize:"var(--f-font-size-sml)"},".s__lrg":{fontSize:"var(--f-font-size-med)"},".field.round":{borderRadius:"999px"},".field .badge":{backgroundColor:"var(--f-clr-fg-200)"},'.field[data-error="true"] .badge':{backgroundColor:"var(--f-clr-error-400)"},'.field[data-disabled="true"] .badge':{backgroundColor:"var(--f-clr-grey-200)"},".icon":{display:"flex",marginLeft:"auto"}});function v({cc:p={},options:v,multiple:h=!1,searchable:y,limit:_,emptyMessage:x="Nothing found",placeholder:C,value:k,defaultValue:w,onChange:z,readOnly:S,error:j,icon:N,size:I="med",variant:R="default",contentSize:O,round:H,inputRef:A,mobileContainer:G,virtualItemHeight:M,...$}){const L=d(g,p),T=l(),V=o(null),W=o(null),[q,B]=m($),[D,E]=void 0!==k?[k,z]:i(w||(h?[]:"")),F=Array.isArray(D);return t((()=>{h!==F&&E?.(h?D?[D]:[]:D[0])}),[h,F]),r(u.Root,{ref:W,stretch:!0,mobileContainer:G,children:[e(u.Trigger,{disabled:$.disabled||S,children:r("div",{...B,"aria-haspopup":"listbox",className:c(L.field,L[`s__${I}`],L[`v__${R}`],H&&L.round,$.className),"data-error":!!j,"data-disabled":$.disabled,children:[r("div",{className:L.content__wrapper,children:[N,r("div",{className:L.content,children:[(F?!D.length:null==D||""===D)&&e("div",{className:L.placeholder,id:T,children:C}),F?D.length<3?D.map(((r,a)=>e(f,{round:H,cc:{badge:L.badge},children:r},a))):r(a,{children:[e(f,{round:H,cc:{badge:L.badge},children:D[0]}),r(f,{round:H,cc:{badge:L.badge},children:["+",D.length-1," more"]})]}):v.find((r=>r.value===D))?.label]}),e("input",{"aria-labelledby":C?T:void 0,...q,ref:s(A,V),readOnly:!0,className:L.input,value:D?.toString(),"aria-invalid":!!j})]}),e(n,{compact:!0,"aria-label":q["aria-label"],"aria-labelledby":q["aria-labelledby"],round:H,size:I,disabled:$.disabled||S,variant:"minimal",style:{marginRight:".2em"},children:e(b,{type:"expand"})})]})}),e(u.Content,{round:H,size:O,"aria-multiselectable":h,searchable:y,emptyMessage:x,virtualItemHeight:M,children:v.map((({label:a,value:l,key:o,disabled:i})=>{const t=F?D.includes(l):D===l;return r(u.Option,{value:o||""+a,disabled:i,"aria-selected":t,onSelect:()=>{if(F){const r=D.slice(),e=r.indexOf(l);e<0?(!_||r.length<_)&&r.push(l):r.splice(e,1),E?.(r)}else W.current?.close(),V.current?.focus(),E?.(l)},children:[a,t&&e("div",{className:L.icon,children:e(b,{type:"check"})})]},""+l)}))})]})}export{v as default};
 //# sourceMappingURL=select.js.map

package/dist/components/input/slider.js

@@ -1,3 +1,3 @@
 "use client";
-import{__rest as e}from"tslib";import{jsxs as r,jsx as t}from"react/jsx-runtime";import{useId as a,useRef as n,useState as o,useEffect as i}from"react";import l from"../feedback/halo.js";import{combineClasses as s,toNumber as d,classes as c,round as u}from"../../core/utils.js";import m from"../display/tooltip.js";import h from"../../hooks/use-input-props.js";import{createStyles as p}from"../../core/style.js";const v=p("slider",{".wrapper":{display:"flex",flexDirection:"column"},".wrapper:not(.vertical)":{minWidth:"min(100vw, 12em)",gap:"var(--f-spacing-xsm)"},".wrapper.vertical":{minHeight:"min(100vh, 12em)",gap:"var(--f-spacing-med)"},".label":{fontSize:".8em",fontWeight:500,color:"var(--f-clr-text-100)"},".slider":{position:"relative",display:"flex",alignItems:"center",justifyContent:"center",margin:"auto",width:"calc(100% - 1.1em)",height:"1.1em",userSelect:"none",flexGrow:1},".wrapper.vertical .slider":{order:-1,flexDirection:"column",height:"calc(100% - 1.1em)",width:"1.1em"},".track":{position:"relative",height:".4em",borderRadius:"999px",backgroundColor:"var(--f-clr-fg-200)",overflow:"hidden",touchAction:"none",flexGrow:1},".wrapper.vertical .track":{width:".4em"},".progress":{backgroundColor:"var(--f-clr-primary-100)",width:"100%",height:"100%",transformOrigin:"bottom left",willChange:"transform"},".handle":{position:"absolute",translate:"-50% 0%",width:"1.1em",height:"1.1em",outline:"none",borderRadius:"99px",touchAction:"none"},".wrapper.vertical .handle":{translate:"0% 50%"},".handle::after":{content:'""',display:"block",width:"100%",height:"100%",borderRadius:"99px",backgroundColor:"white",boxShadow:"var(--f-shadow-med)"},'.slider[data-disabled="false"]':{cursor:"pointer"},'.handle[aria-disabled="false"]':{cursor:"pointer"},'.handle[aria-disabled="true"]':{width:".8em",height:".8em"},'.handle[aria-disabled="true"]::after':{backgroundColor:"var(--f-clr-grey-200)"},'.slider[data-disabled="true"] .progress':{backgroundColor:"var(--f-clr-grey-300)"},".handle .halo":{inset:"-.5em"}});function f(p){var{cc:f={},handles:w=1,vertical:b=!1,tooltips:g="interact",formatTooltip:x,label:y,value:E,defaultValue:k,onChange:j}=p,A=e(p,["cc","handles","vertical","tooltips","formatTooltip","label","value","defaultValue","onChange"]);const C=s(v,f),M=a(),L=n(null),N=n(null),D=d(A.max,1),T=d(A.min,0),R=d(A.step,.1),S=e=>(e-T)/(D-T),O=e=>T+e*(D-T);function V(){const e=new Array(w).fill(1).map(((e,r)=>O(r/Math.max(w-1,1))));return k&&k.forEach(((r,t)=>{e[t]=r,t<e.length-2&&(e[t+1]=(e[t+2]+r)/2)})),e}const[$,z]=void 0!==E?[E]:o(V);function G(e){var r;if(!L.current||A.disabled)return;e.stopPropagation();const t=null===(r="touches"in e?e.touches[0]:e)||void 0===r?void 0:r[b?"clientY":"clientX"];if(void 0===t)return;const{y:a,height:n,x:o,width:i}=L.current.getBoundingClientRect(),l=O(b?1-(t-a)/n:(t-o)/i);H(null===N.current||N.current<0?$.reduce(((e,r,t)=>{const a=Math.abs(r-l);return a<e[0]?[a,t]:e}),[Number.MAX_VALUE,0])[1]:N.current,l)}function H(e,r){if(e>0&&(r=Math.max(r,$[e-1]+R)),e<w-1&&(r=Math.min(r,$[e+1]-R)),(r=Math.min(Math.max(Math.round(r/R)*R,T),D))===$[e])return;const t=$.slice();t[e]=r,null==z||z(t),null==j||j(t)}i((()=>null==z?void 0:z(V())),[w]),i((()=>{const e=()=>N.current=null,r=e=>null!==N.current&&G(e);return window.addEventListener("mousemove",r),window.addEventListener("touchmove",r),window.addEventListener("mouseup",e),()=>{window.removeEventListener("mousemove",r),window.removeEventListener("touchmove",r),window.removeEventListener("mouseup",e)}}),[$,A.disabled]);const[I,U]=h(A);let W=S($[0]);const X=w<2?0:W;return w>1&&(W=S($[w-1])-W),r("div",Object.assign({},U,{className:c(C.wrapper,b&&C.vertical,A.className),children:[t("input",Object.assign({},I,{type:"hidden",value:$.join(",")})),y&&t("div",{id:M,className:C.label,children:y}),r("div",{className:C.slider,"data-disabled":!!A.disabled,onTouchEnd:()=>N.current=null,onMouseDown:e=>{N.current=-1,G(e.nativeEvent)},onTouchStart:e=>{N.current=-1,G(e.nativeEvent)},children:[t("div",{ref:L,className:C.track,children:t("div",{className:C.progress,style:{scale:b?`1 ${W}`:`${W} 1`,translate:b?`0% ${-100*X}%`:100*X+"% 0%"}})}),new Array(w).fill(0).map(((e,r)=>{const a=$[r];return t(m,{delay:0,content:x?x(u(a,2)):u(a,2),visibility:g,position:b?"right":"bottom",children:t(l,{disabled:A.disabled,cc:{halo:C.halo},children:t("div",{className:C.handle,role:"slider",tabIndex:A.disabled?-1:0,"aria-disabled":!!A.disabled,onMouseDown:()=>N.current=r,onTouchStart:()=>N.current=r,onTouchEnd:()=>N.current=null,onKeyDown:e=>{switch(e.key){case"ArrowUp":case"ArrowRight":return H(r,a+R);case"ArrowDown":case"ArrowLeft":return H(r,a-R);case"Home":return H(r,T);case"End":return H(r,D)}},"aria-valuenow":a,"aria-valuemin":$[r-1]||0,"aria-valuemax":$[r+1]||1,"aria-orientation":b?"vertical":"horizontal","aria-label":I["aria-label"],"aria-labelledby":y?M:void 0,style:{[b?"bottom":"left"]:100*S(a)+"%"}})})},r)}))]})]}))}export{f as default};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useId as t,useRef as a,useState as n,useEffect as o}from"react";import i from"../feedback/halo.js";import{combineClasses as l,toNumber as s,classes as d,round as c}from"../../core/utils.js";import u from"../display/tooltip.js";import h from"../../hooks/use-input-props.js";import{createStyles as m}from"../../core/style.js";const p=m("slider",{".wrapper":{display:"flex",flexDirection:"column"},".wrapper:not(.vertical)":{minWidth:"min(100vw, 12em)",gap:"var(--f-spacing-xsm)"},".wrapper.vertical":{minHeight:"min(100vh, 12em)",gap:"var(--f-spacing-med)"},".label":{fontSize:".8em",fontWeight:500,color:"var(--f-clr-text-100)"},".slider":{position:"relative",display:"flex",alignItems:"center",justifyContent:"center",margin:"auto",width:"calc(100% - 1.1em)",height:"1.1em",userSelect:"none",flexGrow:1},".wrapper.vertical .slider":{order:-1,flexDirection:"column",height:"calc(100% - 1.1em)",width:"1.1em"},".track":{position:"relative",height:".4em",borderRadius:"999px",backgroundColor:"var(--f-clr-fg-200)",overflow:"hidden",touchAction:"none",flexGrow:1},".wrapper.vertical .track":{width:".4em"},".progress":{backgroundColor:"var(--f-clr-primary-100)",width:"100%",height:"100%",transformOrigin:"bottom left",willChange:"transform"},".handle":{position:"absolute",translate:"-50% 0%",width:"1.1em",height:"1.1em",outline:"none",borderRadius:"99px",touchAction:"none"},".wrapper.vertical .handle":{translate:"0% 50%"},".handle::after":{content:'""',display:"block",width:"100%",height:"100%",borderRadius:"99px",backgroundColor:"white",boxShadow:"var(--f-shadow-med)"},'.slider[data-disabled="false"]':{cursor:"pointer"},'.handle[aria-disabled="false"]':{cursor:"pointer"},'.handle[aria-disabled="true"]':{width:".8em",height:".8em"},'.handle[aria-disabled="true"]::after':{backgroundColor:"var(--f-clr-grey-200)"},'.slider[data-disabled="true"] .progress':{backgroundColor:"var(--f-clr-grey-300)"},".handle .halo":{inset:"-.5em"}});function v({cc:m={},handles:v=1,vertical:f=!1,tooltips:w="interact",formatTooltip:b,label:g,value:x,defaultValue:y,onChange:E,...k}){const A=l(p,m),M=t(),C=a(null),j=a(null),L=s(k.max,1),N=s(k.min,0),D=s(k.step,.1),R=e=>(e-N)/(L-N),S=e=>N+e*(L-N);function T(){const e=new Array(v).fill(1).map(((e,r)=>S(r/Math.max(v-1,1))));return y&&y.forEach(((r,t)=>{e[t]=r,t<e.length-2&&(e[t+1]=(e[t+2]+r)/2)})),e}const[$,z]=void 0!==x?[x]:n(T);function G(e){if(!C.current||k.disabled)return;e.stopPropagation();const r=("touches"in e?e.touches[0]:e)?.[f?"clientY":"clientX"];if(void 0===r)return;const{y:t,height:a,x:n,width:o}=C.current.getBoundingClientRect(),i=S(f?1-(r-t)/a:(r-n)/o);H(null===j.current||j.current<0?$.reduce(((e,r,t)=>{const a=Math.abs(r-i);return a<e[0]?[a,t]:e}),[Number.MAX_VALUE,0])[1]:j.current,i)}function H(e,r){if(e>0&&(r=Math.max(r,$[e-1]+D)),e<v-1&&(r=Math.min(r,$[e+1]-D)),(r=Math.min(Math.max(Math.round(r/D)*D,N),L))===$[e])return;const t=$.slice();t[e]=r,z?.(t),E?.(t)}o((()=>z?.(T())),[v]),o((()=>{const e=()=>j.current=null,r=e=>null!==j.current&&G(e);return window.addEventListener("mousemove",r),window.addEventListener("touchmove",r),window.addEventListener("mouseup",e),()=>{window.removeEventListener("mousemove",r),window.removeEventListener("touchmove",r),window.removeEventListener("mouseup",e)}}),[$,k.disabled]);const[I,U]=h(k);let V=R($[0]);const W=v<2?0:V;return v>1&&(V=R($[v-1])-V),e("div",{...U,className:d(A.wrapper,f&&A.vertical,k.className),children:[r("input",{...I,type:"hidden",value:$.join(",")}),g&&r("div",{id:M,className:A.label,children:g}),e("div",{className:A.slider,"data-disabled":!!k.disabled,onTouchEnd:()=>j.current=null,onMouseDown:e=>{j.current=-1,G(e.nativeEvent)},onTouchStart:e=>{j.current=-1,G(e.nativeEvent)},children:[r("div",{ref:C,className:A.track,children:r("div",{className:A.progress,style:{scale:f?`1 ${V}`:`${V} 1`,translate:f?`0% ${-100*W}%`:100*W+"% 0%"}})}),new Array(v).fill(0).map(((e,t)=>{const a=$[t];return r(u,{delay:0,content:b?b(c(a,2)):c(a,2),visibility:w,position:f?"right":"bottom",children:r(i,{disabled:k.disabled,cc:{halo:A.halo},children:r("div",{className:A.handle,role:"slider",tabIndex:k.disabled?-1:0,"aria-disabled":!!k.disabled,onMouseDown:()=>j.current=t,onTouchStart:()=>j.current=t,onTouchEnd:()=>j.current=null,onKeyDown:e=>{switch(e.key){case"ArrowUp":case"ArrowRight":return H(t,a+D);case"ArrowDown":case"ArrowLeft":return H(t,a-D);case"Home":return H(t,N);case"End":return H(t,L)}},"aria-valuenow":a,"aria-valuemin":$[t-1]||0,"aria-valuemax":$[t+1]||1,"aria-orientation":f?"vertical":"horizontal","aria-label":I["aria-label"],"aria-labelledby":g?M:void 0,style:{[f?"bottom":"left"]:100*R(a)+"%"}})})},t)}))]})]})}export{v as default};
 //# sourceMappingURL=slider.js.map

package/dist/components/input/switch.js

@@ -1,3 +1,3 @@
 "use client";
-import{__rest as r}from"tslib";import{jsxs as e,jsx as i}from"react/jsx-runtime";import{combineClasses as a,classes as o}from"../../core/utils.js";import{useState as t,useRef as n}from"react";import s from"../feedback/halo.js";import c from"../../hooks/use-input-props.js";import{createStyles as l}from"../../core/style.js";import{Animatable as d}from"@infinityfx/lively";const h=l("switch",{".wrapper":{position:"relative",width:"max-content"},".s__xsm":{fontSize:"var(--f-font-size-xxs)"},".s__sml":{fontSize:"var(--f-font-size-xsm)"},".s__med":{fontSize:"var(--f-font-size-sml)"},".s__lrg":{fontSize:"var(--f-font-size-med)"},".input":{position:"absolute",opacity:0,inset:0,width:"100%",height:"100%",zIndex:2,WebkitTapHighlightColor:"transparent"},".input:enabled":{cursor:"pointer"},".switch":{position:"relative",height:"1.5em",width:"calc(calc(1.5em - 6px) * 2 + 6px)",padding:"3px",aspectRatio:2,backgroundColor:"var(--f-clr-fg-200)",borderRadius:"var(--f-radius-sml)",transition:"background-color .35s"},".icons":{position:"absolute",inset:0,display:"flex"},".icon":{flexGrow:1,flexBasis:0,display:"flex",alignItems:"center",justifyContent:"center",fontSize:".75em"},".icon:first-child":{color:"white"},".icon:last-child":{color:"var(--f-clr-grey-400)"},".handle__wrapper":{position:"relative",borderRadius:"calc(var(--f-radius-sml) - 1px)",height:"100%",aspectRatio:1,zIndex:1},".handle":{width:"inherit",height:"inherit",borderRadius:"inherit",backgroundColor:"white",boxShadow:"var(--f-shadow-sml)"},".wrapper.round .switch":{borderRadius:"999px"},".wrapper.round .handle__wrapper":{borderRadius:"999px"},'.wrapper[data-error="true"] .input:enabled + .switch':{backgroundColor:"var(--f-clr-error-400)"},".input:checked:enabled + .switch":{backgroundColor:"var(--color, var(--f-clr-primary-300))"},'.wrapper[data-error="true"] .input:checked:enabled + .switch':{backgroundColor:"var(--f-clr-error-200)"},".input:disabled + .switch .handle":{backgroundColor:"var(--f-clr-grey-200)"},".wrapper .halo":{borderRadius:"var(--f-radius-sml)",inset:"-.5em"},".wrapper.round .halo":{borderRadius:"999px"}});function p(l){var{cc:p={},error:f,size:m="med",color:u,round:v=!0,iconOff:b,iconOn:g,checked:w,defaultChecked:x}=l,k=r(l,["cc","error","size","color","round","iconOff","iconOn","checked","defaultChecked"]);const _=a(h,p),[z,y]=c(k),[C,j]=void 0!==w?[w]:t(x||!1),N=n(null);return e("div",Object.assign({},y,{className:o(_.wrapper,_[`s__${m}`],v&&_.round,y.className),"data-error":!!f,children:[i("input",Object.assign({},z,{ref:N,type:"checkbox",className:_.input,"aria-invalid":!!f,checked:C,onChange:r=>{var e;null==j||j(r.target.checked),null===(e=k.onChange)||void 0===e||e.call(k,r)}})),e("div",{className:_.switch,style:{"--color":u},children:[e("div",{className:_.icons,children:[i("div",{className:_.icon,children:g}),i("div",{className:_.icon,children:b})]}),i(d,{order:-1,initial:{translate:C?"100% 0%":"0% 0%"},animate:{translate:["0% 0%","100% 0%"],duration:.35},triggers:[{on:C,immediate:!0},{on:!C,reverse:!0,immediate:!0}],children:i(s,{target:N,hover:!1,cc:Object.assign({halo:_.halo},p),children:i("div",{className:_.handle__wrapper,children:i(d,{inherit:!0,order:-1,deform:!1,initial:{},animate:{scale:[1,"1.6 1",1],duration:.35},children:i("div",{className:_.handle})})})})})]})]}))}export{p as default};
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import{combineClasses as i,classes as a}from"../../core/utils.js";import{useState as o,useRef as t}from"react";import n from"../feedback/halo.js";import s from"../../hooks/use-input-props.js";import{createStyles as c}from"../../core/style.js";import{Animatable as d}from"@infinityfx/lively";const l=c("switch",{".wrapper":{position:"relative",width:"max-content"},".s__xsm":{fontSize:"var(--f-font-size-xxs)"},".s__sml":{fontSize:"var(--f-font-size-xsm)"},".s__med":{fontSize:"var(--f-font-size-sml)"},".s__lrg":{fontSize:"var(--f-font-size-med)"},".input":{position:"absolute",opacity:0,inset:0,width:"100%",height:"100%",zIndex:2,WebkitTapHighlightColor:"transparent"},".input:enabled":{cursor:"pointer"},".switch":{position:"relative",height:"1.5em",width:"calc(calc(1.5em - 6px) * 2 + 6px)",padding:"3px",aspectRatio:2,backgroundColor:"var(--f-clr-fg-200)",borderRadius:"var(--f-radius-sml)",transition:"background-color .35s"},".icons":{position:"absolute",inset:0,display:"flex"},".icon":{flexGrow:1,flexBasis:0,display:"flex",alignItems:"center",justifyContent:"center",fontSize:".75em"},".icon:first-child":{color:"white"},".icon:last-child":{color:"var(--f-clr-grey-400)"},".handle__wrapper":{position:"relative",borderRadius:"calc(var(--f-radius-sml) - 1px)",height:"100%",aspectRatio:1,zIndex:1},".handle":{width:"inherit",height:"inherit",borderRadius:"inherit",backgroundColor:"white",boxShadow:"var(--f-shadow-sml)"},".wrapper.round .switch":{borderRadius:"999px"},".wrapper.round .handle__wrapper":{borderRadius:"999px"},'.wrapper[data-error="true"] .input:enabled + .switch':{backgroundColor:"var(--f-clr-error-400)"},".input:checked:enabled + .switch":{backgroundColor:"var(--color, var(--f-clr-primary-300))"},'.wrapper[data-error="true"] .input:checked:enabled + .switch':{backgroundColor:"var(--f-clr-error-200)"},".input:disabled + .switch .handle":{backgroundColor:"var(--f-clr-grey-200)"},".wrapper .halo":{borderRadius:"var(--f-radius-sml)",inset:"-.5em"},".wrapper.round .halo":{borderRadius:"999px"}});function p({cc:c={},error:p,size:h="med",color:m,round:f=!0,iconOff:u,iconOn:v,checked:w,defaultChecked:b,...g}){const x=i(l,c),[k,_]=s(g),[y,z]=void 0!==w?[w]:o(b||!1),C=t(null);return r("div",{..._,className:a(x.wrapper,x[`s__${h}`],f&&x.round,_.className),"data-error":!!p,children:[e("input",{...k,ref:C,type:"checkbox",className:x.input,"aria-invalid":!!p,checked:y,onChange:r=>{z?.(r.target.checked),g.onChange?.(r)}}),r("div",{className:x.switch,style:{"--color":m},children:[r("div",{className:x.icons,children:[e("div",{className:x.icon,children:v}),e("div",{className:x.icon,children:u})]}),e(d,{order:-1,initial:{translate:y?"100% 0%":"0% 0%"},animate:{translate:["0% 0%","100% 0%"],duration:.35},triggers:[{on:y,immediate:!0},{on:!y,reverse:!0,immediate:!0}],children:e(n,{target:C,hover:!1,cc:{halo:x.halo,...c},children:e("div",{className:x.handle__wrapper,children:e(d,{inherit:!0,order:-1,deform:!1,initial:{},animate:{scale:[1,"1.6 1",1],duration:.35},children:e("div",{className:x.handle})})})})})]})]})}export{p as default};
 //# sourceMappingURL=switch.js.map

package/dist/components/input/textarea.js

@@ -1,3 +1,3 @@
 "use client";
-import{__rest as r}from"tslib";import{jsx as e}from"react/jsx-runtime";import{combineClasses as o,classes as a}from"../../core/utils.js";import t from"../../hooks/use-input-props.js";import{useState as i}from"react";import s from"../layout/scrollarea.js";import{createStyles as l}from"../../core/style.js";const n=l("textarea",{".s__xsm":{fontSize:"var(--f-font-size-xxs)"},".s__sml":{fontSize:"var(--f-font-size-xsm)"},".s__med":{fontSize:"var(--f-font-size-sml)"},".s__lrg":{fontSize:"var(--f-font-size-med)"},".textarea":{outline:"solid 3px transparent",backgroundColor:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)",borderRadius:"var(--f-radius-sml)",transition:"border-color .2s, outline-color .2s",minWidth:"min(var(--width, 100vw), 12em)"},".textarea:focus-within":{borderColor:"var(--f-clr-primary-100)",outlineColor:"var(--f-clr-primary-500)"},".input":{width:"100%",minHeight:"calc(100% - 2px)",resize:"none",outline:"none",border:"none",background:"none",overflow:"visible",padding:".6em",color:"var(--f-clr-text-100)"},'.textarea[data-error="true"]':{borderColor:"var(--f-clr-error-100)"},'.textarea[data-error="true"]:focus-within':{outlineColor:"var(--f-clr-error-400)"},'.textarea[data-error="true"] .input':{color:"var(--f-clr-error-200)"},'.textarea[data-disabled="true"]':{backgroundColor:"var(--f-clr-grey-100)",borderColor:"var(--f-clr-grey-200)"},'.textarea[data-disabled="true"] .input':{color:"var(--f-clr-grey-500)"}});function c(l){var{cc:c={},size:d="med",error:f,resize:m="both"}=l,u=r(l,["cc","size","error","resize"]);const v=o(n,c),[p,x]=t(u),[b,g]=i(1);return e(s,Object.assign({},x,{className:a(v.textarea,v[`s__${d}`],u.className),"data-error":!!f,"data-disabled":u.disabled,style:{resize:m,height:2*(u.rows||2)+"em"},children:e("textarea",Object.assign({},p,{rows:b,className:v.input,"aria-invalid":!!f,onChange:r=>{var e;null===(e=p.onChange)||void 0===e||e.call(p,r),g(r.target.value.split(/\n/g).length)}}))}))}export{c as default};
+import{jsx as r}from"react/jsx-runtime";import{combineClasses as e,classes as o}from"../../core/utils.js";import a from"../../hooks/use-input-props.js";import{useState as t}from"react";import i from"../layout/scrollarea.js";import{createStyles as s}from"../../core/style.js";const l=s("textarea",{".s__xsm":{fontSize:"var(--f-font-size-xxs)"},".s__sml":{fontSize:"var(--f-font-size-xsm)"},".s__med":{fontSize:"var(--f-font-size-sml)"},".s__lrg":{fontSize:"var(--f-font-size-med)"},".textarea":{outline:"solid 3px transparent",backgroundColor:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)",borderRadius:"var(--f-radius-sml)",transition:"border-color .2s, outline-color .2s",minWidth:"min(var(--width, 100vw), 12em)"},".textarea:focus-within":{borderColor:"var(--f-clr-primary-100)",outlineColor:"var(--f-clr-primary-500)"},".input":{width:"100%",minHeight:"calc(100% - 2px)",resize:"none",outline:"none",border:"none",background:"none",overflow:"visible",padding:".6em",color:"var(--f-clr-text-100)"},'.textarea[data-error="true"]':{borderColor:"var(--f-clr-error-100)"},'.textarea[data-error="true"]:focus-within':{outlineColor:"var(--f-clr-error-400)"},'.textarea[data-error="true"] .input':{color:"var(--f-clr-error-200)"},'.textarea[data-disabled="true"]':{backgroundColor:"var(--f-clr-grey-100)",borderColor:"var(--f-clr-grey-200)"},'.textarea[data-disabled="true"] .input':{color:"var(--f-clr-grey-500)"}});function n({cc:s={},size:n="med",error:d,resize:c="both",...f}){const m=e(l,s),[u,p]=a(f),[v,x]=t(1);return r(i,{...p,className:o(m.textarea,m[`s__${n}`],f.className),"data-error":!!d,"data-disabled":f.disabled,style:{resize:c,height:2*(f.rows||2)+"em"},children:r("textarea",{...u,rows:v,className:m.input,"aria-invalid":!!d,onChange:r=>{u.onChange?.(r),x(r.target.value.split(/\n/g).length)}})})}export{n as default};
 //# sourceMappingURL=textarea.js.map

package/dist/components/input/theme-toggle.js

@@ -1,3 +1,3 @@
 "use client";
-import{jsx as e}from"react/jsx-runtime";import o from"./toggle.js";import r from"../../hooks/use-fluid.js";import{Icon as t}from"../../core/icons.js";function c(c){const{appliedColorScheme:n,setColorScheme:i}=r();return e(o,Object.assign({},c,{checked:"dark"===n,onChange:e=>{var o;i(e.target.checked?"dark":"light"),null===(o=c.onChange)||void 0===o||o.call(c,e)},checkedContent:e(t,{type:"dark"}),children:e(t,{type:"light"})}))}export{c as default};
+import{jsx as e}from"react/jsx-runtime";import o from"./toggle.js";import r from"../../hooks/use-fluid.js";import{Icon as t}from"../../core/icons.js";function c(c){const{appliedColorScheme:n,setColorScheme:i}=r();return e(o,{...c,checked:"dark"===n,onChange:e=>{i(e.target.checked?"dark":"light"),c.onChange?.(e)},checkedContent:e(t,{type:"dark"}),children:e(t,{type:"light"})})}export{c as default};
 //# sourceMappingURL=theme-toggle.js.map

package/dist/components/input/toggle.js

@@ -1,3 +1,3 @@
 "use client";
-import{__rest as e}from"tslib";import{jsx as r,jsxs as a}from"react/jsx-runtime";import{useState as t}from"react";import o from"../feedback/halo.js";import i from"../../hooks/use-input-props.js";import{Animatable as n}from"@infinityfx/lively";import{combineClasses as c,classes as l}from"../../core/utils.js";import{createStyles as d}from"../../core/style.js";const s=d("toggle",{".input":{position:"absolute",opacity:0,inset:0,width:"100%",height:"100%",zIndex:2},".input:enabled":{cursor:"pointer"},".toggle":{position:"relative",display:"block",backgroundColor:"var(--f-clr-fg-100)",color:"var(--f-clr-text-100)",borderRadius:"var(--f-radius-sml)",transition:"background-color .25s, color .25s"},".toggle.round":{borderRadius:"999px"},".s__xsm":{fontSize:"var(--f-font-size-xxs)"},".s__sml":{fontSize:"var(--f-font-size-xsm)"},".s__med":{fontSize:"var(--f-font-size-sml)"},".s__lrg":{fontSize:"var(--f-font-size-med)"},".v__minimal":{backgroundColor:"transparent"},".v__neutral":{backgroundColor:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)"},".content":{display:"flex",alignItems:"center",justifyContent:"center",gap:"var(--f-spacing-xsm)",gridArea:"1 / 1 / 1 / 1",lineHeight:1,padding:".8em"},".container":{display:"grid",overflow:"hidden",height:"100%"},".toggle.compact .content":{padding:".6em"},'.toggle[data-checked="true"]:not(.v__neutral)':{backgroundColor:"var(--f-clr-primary-100)",color:"var(--f-clr-text-200)"},'.v__neutral[data-checked="true"]':{backgroundColor:"var(--f-clr-fg-200)"},'.v__minimal[data-checked="true"]':{backgroundColor:"var(--f-clr-primary-300)"},'.toggle[data-checked="false"][data-disabled="true"]':{color:"var(--f-clr-grey-500)"},'.toggle[data-checked="true"][data-disabled="true"]':{backgroundColor:"var(--f-clr-grey-300)",color:"var(--f-clr-grey-100)"}});function m(d){var{children:m,cc:g={},size:f="med",compact:u=!1,round:v=!1,variant:p="default",checkedContent:h}=d,b=e(d,["children","cc","size","compact","round","variant","checkedContent"]);const k=c(s,g),[_,x]=void 0!==b.checked?[b.checked]:t(!!b.defaultChecked),[y,C]=i(b),z=[{on:_,immediate:!0},{on:!_,reverse:!0,immediate:!0}];return r(o,{disabled:b.disabled,color:"minimal"!==p||_?void 0:"var(--f-clr-primary-400)",children:a("div",Object.assign({},C,{className:l(k.toggle,v&&k.round,u&&k.compact,k[`s__${f}`],k[`v__${p}`],b.className),"data-checked":_,"data-disabled":!!b.disabled,children:[r("input",Object.assign({},y,{type:"checkbox",className:k.input,onChange:e=>{var r;null==x||x(e.target.checked),null===(r=y.onChange)||void 0===r||r.call(y,e)}})),a("div",{className:k.container,children:[h?r(n,{animate:{translate:["0 0","0 -100%"],duration:.4},initial:{translate:_?"0 -100%":"0 0"},triggers:z,children:r("div",{className:k.content,children:m})}):r("div",{className:k.content,children:m}),h?r(n,{animate:{translate:["0 100%","0 0"],duration:.4},initial:{translate:_?"0 0":"0 100%"},triggers:z,children:r("div",{className:k.content,children:h})}):null]})]}))})}export{m as default};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useRef as a,useState as t}from"react";import o from"../feedback/halo.js";import i from"../../hooks/use-input-props.js";import{Animatable as n}from"@infinityfx/lively";import{combineClasses as l,classes as c}from"../../core/utils.js";import{createStyles as d}from"../../core/style.js";const s=d("toggle",{".input":{position:"absolute",opacity:0,inset:0,width:"100%",height:"100%",zIndex:2},".input:enabled":{cursor:"pointer"},".toggle":{position:"relative",display:"block",backgroundColor:"var(--f-clr-fg-100)",color:"var(--f-clr-text-100)",borderRadius:"var(--f-radius-sml)",transition:"background-color .25s, color .25s"},".toggle.round":{borderRadius:"999px"},".s__xsm":{fontSize:"var(--f-font-size-xxs)"},".s__sml":{fontSize:"var(--f-font-size-xsm)"},".s__med":{fontSize:"var(--f-font-size-sml)"},".s__lrg":{fontSize:"var(--f-font-size-med)"},".v__minimal":{backgroundColor:"transparent"},".v__neutral":{backgroundColor:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)"},".content":{display:"flex",alignItems:"center",justifyContent:"center",gap:"var(--f-spacing-xsm)",gridArea:"1 / 1 / 1 / 1",lineHeight:1,padding:".8em"},".container":{display:"grid",overflow:"hidden",height:"100%"},".toggle.compact .content":{padding:".6em"},'.toggle[data-checked="true"]:not(.v__neutral)':{backgroundColor:"var(--f-clr-primary-100)",color:"var(--f-clr-text-200)"},'.v__neutral[data-checked="true"]':{backgroundColor:"var(--f-clr-fg-200)"},'.v__minimal[data-checked="true"]':{backgroundColor:"var(--f-clr-primary-300)"},'.toggle[data-checked="false"][data-disabled="true"]':{color:"var(--f-clr-grey-500)"},'.toggle[data-checked="true"][data-disabled="true"]':{backgroundColor:"var(--f-clr-grey-300)",color:"var(--f-clr-grey-100)"}});function m({children:d,cc:m={},size:g="med",compact:f=!1,round:u=!1,variant:p="default",checkedContent:v,...h}){const k=l(s,m),b=a(null),[_,x]=void 0!==h.checked?[h.checked]:t(!!h.defaultChecked),[y,C]=i(h),z=[{on:_,immediate:!0},{on:!_,reverse:!0,immediate:!0}];return e(o,{disabled:h.disabled,color:"minimal"!==p||_?void 0:"var(--f-clr-primary-400)",target:b,children:r("div",{...C,className:c(k.toggle,u&&k.round,f&&k.compact,k[`s__${g}`],k[`v__${p}`],h.className),"data-checked":_,"data-disabled":!!h.disabled,children:[e("input",{...y,ref:b,type:"checkbox",className:k.input,onChange:e=>{x?.(e.target.checked),y.onChange?.(e)}}),r("div",{className:k.container,children:[v?e(n,{animate:{translate:["0 0","0 -100%"],duration:.4},initial:{translate:_?"0 -100%":"0 0"},triggers:z,children:e("div",{className:k.content,children:d})}):e("div",{className:k.content,children:d}),v?e(n,{animate:{translate:["0 100%","0 0"],duration:.4},initial:{translate:_?"0 0":"0 100%"},triggers:z,children:e("div",{className:k.content,children:v})}):null]})]})})}export{m as default};
 //# sourceMappingURL=toggle.js.map

package/dist/components/layout/accordion/item.js

@@ -1,3 +1,3 @@
 "use client";
-import{__rest as r}from"tslib";import{jsxs as e,Fragment as o,jsx as i}from"react/jsx-runtime";import{useId as n,useRef as a,useEffect as t}from"react";import l from"../../feedback/halo.js";import c from"../collapsible.js";import{Animatable as d}from"@infinityfx/lively";import{useAccordion as s}from"./root.js";import{combineClasses as m,classes as p}from"../../../core/utils.js";import{createStyles as f}from"../../../core/style.js";import{Icon as u}from"../../../core/icons.js";const b=f("accordion.item",{".button":{position:"relative",borderRadius:"var(--f-radius-sml)",padding:".6em",display:"flex",alignItems:"center",justifyContent:"space-between",gap:"var(--f-spacing-sml)",outline:"none",border:"none",background:"none",color:"var(--f-clr-text-100)",transition:"background-color .5s",WebkitTapHighlightColor:"transparent"},'.v__minimal[aria-expanded="true"]':{backgroundColor:"var(--f-clr-fg-100)"},".button:enabled":{cursor:"pointer"},".button:disabled":{color:"var(--f-clr-grey-500)"},'.v__minimal:disabled[aria-expanded="true"]':{backgroundColor:"var(--f-clr-fg-200)"},".content":{padding:".6em",color:"var(--f-clr-text-100)"},".icon":{height:"1em",overflow:"hidden",flexShrink:0},".arrows":{display:"flex",flexDirection:"column"}});function g(f){var{children:g,cc:v={},label:h,defaultOpen:x=!1,disabled:y}=f,j=r(f,["children","cc","label","defaultOpen","disabled"]);const k=m(b,v),w=n(),{variant:N,open:_,toggle:C}=s(),O=a(!1),D=O.current?_.indexOf(w)>=0:x;return t((()=>{x&&C(w,!0),O.current=!0}),[]),e(o,{children:[i(l,{disabled:y,color:"var(--f-clr-primary-400)",children:e("button",{type:"button",disabled:y,"aria-expanded":D,"aria-controls":w,className:p(k.button,k[`v__${N}`]),onClick:()=>C(w,!D),children:[h,i("div",{className:k.icon,children:i(d,{animate:{translate:["0% 0%","0% -50%"],duration:.35},triggers:[{on:D},{on:!D,reverse:!0}],children:e("div",{className:k.arrows,children:[i(u,{type:"expandDown"}),i(u,{type:"collapseUp"})]})})})]})}),i(c,{shown:D,id:w,children:i("div",Object.assign({},j,{className:p(k.content,j.className),children:g}))})]})}g.displayName="Accordion.Item";export{g as default};
+import{jsxs as r,Fragment as e,jsx as o}from"react/jsx-runtime";import{useId as n,useRef as i,useEffect as a}from"react";import t from"../../feedback/halo.js";import l from"../collapsible.js";import{Animatable as c}from"@infinityfx/lively";import{useAccordion as d}from"./root.js";import{combineClasses as s,classes as m}from"../../../core/utils.js";import{createStyles as p}from"../../../core/style.js";import{Icon as f}from"../../../core/icons.js";const u=p("accordion.item",{".button":{position:"relative",borderRadius:"var(--f-radius-sml)",padding:".6em",display:"flex",alignItems:"center",justifyContent:"space-between",gap:"var(--f-spacing-sml)",outline:"none",border:"none",background:"none",color:"var(--f-clr-text-100)",transition:"background-color .5s",WebkitTapHighlightColor:"transparent"},'.v__minimal[aria-expanded="true"]':{backgroundColor:"var(--f-clr-fg-100)"},".button:enabled":{cursor:"pointer"},".button:disabled":{color:"var(--f-clr-grey-500)"},'.v__minimal:disabled[aria-expanded="true"]':{backgroundColor:"var(--f-clr-fg-200)"},".content":{padding:".6em",color:"var(--f-clr-text-100)"},".icon":{height:"1em",overflow:"hidden",flexShrink:0},".arrows":{display:"flex",flexDirection:"column"}});function b({children:p,cc:b={},label:g,defaultOpen:v=!1,disabled:h,...x}){const y=s(u,b),j=n(),{variant:k,open:w,toggle:N}=d(),_=i(!1),C=_.current?w.indexOf(j)>=0:v;return a((()=>{v&&N(j,!0),_.current=!0}),[]),r(e,{children:[o(t,{disabled:h,color:"var(--f-clr-primary-400)",children:r("button",{type:"button",disabled:h,"aria-expanded":C,"aria-controls":j,className:m(y.button,y[`v__${k}`]),onClick:()=>N(j,!C),children:[g,o("div",{className:y.icon,children:o(c,{animate:{translate:["0% 0%","0% -50%"],duration:.35},triggers:[{on:C},{on:!C,reverse:!0}],children:r("div",{className:y.arrows,children:[o(f,{type:"expandDown"}),o(f,{type:"collapseUp"})]})})})]})}),o(l,{shown:C,id:j,children:o("div",{...x,className:m(y.content,x.className),children:p})})]})}b.displayName="Accordion.Item";export{b as default};
 //# sourceMappingURL=item.js.map

package/dist/components/layout/accordion/root.js

@@ -1,3 +1,3 @@
 "use client";
-import{__rest as r}from"tslib";import{jsx as e,jsxs as i}from"react/jsx-runtime";import{combineClasses as o,classes as c}from"../../../core/utils.js";import{createContext as a,useRef as t,useState as n,Children as l,Fragment as d,use as s}from"react";import{createStyles as m}from"../../../core/style.js";const u=a(null);function f(){const r=s(u);if(!r)throw new Error("Unable to access AccordionRoot context");return r}const v=m("accordion.root",{".accordion, .item":{display:"flex",flexDirection:"column"},".v__default":{backgroundColor:"var(--f-clr-fg-100)",borderRadius:"var(--f-radius-med)",padding:".4em"},".v__default .divider":{marginInline:"var(--f-radius-sml)",backgroundColor:"var(--f-clr-fg-200)",height:"1px"},".v__isolated .divider":{height:"var(--f-spacing-xsm)"},".item":{borderRadius:"calc(var(--f-radius-sml) + .25em)",backgroundColor:"var(--f-clr-fg-100)",padding:".25em"}});function p(a){var{children:s,cc:m={},multiple:f=!1,variant:p="default"}=a,g=r(a,["children","cc","multiple","variant"]);const h=o(v,m),b=t([]),[x,_]=n([]),N=l.toArray(s);return e("div",Object.assign({},g,{className:c(h.accordion,h[`v__${p}`],g.className),children:e(u,{value:{variant:p,open:x,toggle:function(r,e){if(f){const i=b.current.indexOf(r);e?i<0&&b.current.push(r):i>=0&&b.current.splice(i,1)}else b.current=e?[r]:[];_(b.current.slice())}},children:N.map(((r,o)=>i(d,{children:["isolated"===p?e("div",{className:h.item,children:r}):r,o<N.length-1&&e("div",{className:h.divider})]},o)))})}))}p.displayName="Accordion.Root";export{u as AccordionContext,p as default,f as useAccordion};
+import{jsx as r,jsxs as e}from"react/jsx-runtime";import{combineClasses as i,classes as o}from"../../../core/utils.js";import{createContext as c,useRef as a,useState as t,Children as n,Fragment as d,use as l}from"react";import{createStyles as s}from"../../../core/style.js";const u=c(null);function m(){const r=l(u);if(!r)throw new Error("Unable to access AccordionRoot context");return r}const f=s("accordion.root",{".accordion, .item":{display:"flex",flexDirection:"column"},".v__default":{backgroundColor:"var(--f-clr-fg-100)",borderRadius:"var(--f-radius-med)",padding:".4em"},".v__default .divider":{marginInline:"var(--f-radius-sml)",backgroundColor:"var(--f-clr-fg-200)",height:"1px"},".v__isolated .divider":{height:"var(--f-spacing-xsm)"},".item":{borderRadius:"calc(var(--f-radius-sml) + .25em)",backgroundColor:"var(--f-clr-fg-100)",padding:".25em"}});function v({children:c,cc:l={},multiple:s=!1,variant:m="default",...v}){const p=i(f,l),g=a([]),[h,x]=t([]),_=n.toArray(c);return r("div",{...v,className:o(p.accordion,p[`v__${m}`],v.className),children:r(u,{value:{variant:m,open:h,toggle:function(r,e){if(s){const i=g.current.indexOf(r);e?i<0&&g.current.push(r):i>=0&&g.current.splice(i,1)}else g.current=e?[r]:[];x(g.current.slice())}},children:_.map(((i,o)=>e(d,{children:["isolated"===m?r("div",{className:p.item,children:i}):i,o<_.length-1&&r("div",{className:p.divider})]},o)))})})}v.displayName="Accordion.Root";export{u as AccordionContext,v as default,m as useAccordion};
 //# sourceMappingURL=root.js.map

package/dist/components/layout/collapsible.js

@@ -1,2 +1,2 @@
-import{__rest as i}from"tslib";import{jsx as t}from"react/jsx-runtime";import{combineClasses as e,classes as o}from"../../core/utils.js";import{Animatable as l}from"@infinityfx/lively";import{LayoutGroup as c}from"@infinityfx/lively/layout";import{createStyles as s}from"../../core/style.js";const n=s("collapsible",{".content":{overflow:"hidden"}});function r(s){var{children:r,cc:a={},shown:d}=s,h=i(s,["children","cc","shown"]);const m=e(n,a);return t(c,{children:t(l,{id:"collapsible",cachable:["height","opacity","visibility"],adaptive:!0,children:t("div",Object.assign({},h,{"aria-hidden":!d,className:o(m.content,h.className),style:Object.assign(Object.assign({},h.style),{height:d?void 0:"0px",opacity:d?1:0,visibility:d?"visible":"hidden"}),children:r}))})})}export{r as default};
+import{jsx as i}from"react/jsx-runtime";import{combineClasses as e,classes as t}from"../../core/utils.js";import{Animatable as l}from"@infinityfx/lively";import{LayoutGroup as o}from"@infinityfx/lively/layout";import{createStyles as r}from"../../core/style.js";const c=r("collapsible",{".content":{overflow:"hidden"}});function n({children:r,cc:n={},shown:s,...a}){const d=e(c,n);return i(o,{children:i(l,{id:"collapsible",cachable:["height","opacity","visibility"],adaptive:!0,children:i("div",{...a,"aria-hidden":!s,className:t(d.content,a.className),style:{...a.style,height:s?void 0:"0px",opacity:s?1:0,visibility:s?"visible":"hidden"},children:r})})})}export{n as default};
 //# sourceMappingURL=collapsible.js.map

package/dist/components/layout/collapsible.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapsible.js","sources":["../../../../src/components/layout/collapsible.tsx"],"sourcesContent":[null],"names":["styles","createStyles","overflow","Collapsible","_a","children","cc","shown","props","__rest","style","combineClasses","_jsx","LayoutGroup","Animatable","id","cachable","adaptive","className","classes","content","Object","assign","height","undefined","opacity","visibility"],"mappings":"oSAMA,MAAMA,EAASC,EAAa,cAAe,CACvC,WAAY,CACRC,SAAU,YAWM,SAAAC,EAAYC,GAAA,IAAAC,SAAEA,EAAQC,GAAEA,EAAK,CAAA,EAAEC,MAAEA,GAAKH,EAAKI,EAA/BC,EAAAL,EAAA,CAAA,WAAA,KAAA,UAKhC,MAAMM,EAAQC,EAAeX,EAAQM,GAErC,OAAOM,EAACC,EAAW,CAAAR,SACfO,EAACE,EAAU,CAACC,GAAG,cAAcC,SAAU,CAAC,SAAU,UAAW,cAAeC,UAAQ,EAAAZ,SAChFO,yBAASJ,EAAK,CAAA,eACID,EACdW,UAAWC,EAAQT,EAAMU,QAASZ,EAAMU,WACxCR,MAAKW,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACEd,EAAME,OACT,CAAAa,OAAQhB,OAAQiB,EAAY,MAC5BC,QAASlB,EAAQ,EAAI,EACrBmB,WAAYnB,EAAQ,UAAY,WAAQF,SAE3CA,QAIjB"}
+{"version":3,"file":"collapsible.js","sources":["../../../../src/components/layout/collapsible.tsx"],"sourcesContent":[null],"names":["styles","createStyles","overflow","Collapsible","children","cc","shown","props","style","combineClasses","_jsx","LayoutGroup","Animatable","id","cachable","adaptive","className","classes","content","height","undefined","opacity","visibility"],"mappings":"qQAMA,MAAMA,EAASC,EAAa,cAAe,CACvC,WAAY,CACRC,SAAU,YAWJ,SAAUC,GAAYC,SAAEA,EAAQC,GAAEA,EAAK,CAAE,EAAAC,MAAEA,KAAUC,IAK/D,MAAMC,EAAQC,EAAeT,EAAQK,GAErC,OAAOK,EAACC,EAAW,CAAAP,SACfM,EAACE,EAAU,CAACC,GAAG,cAAcC,SAAU,CAAC,SAAU,UAAW,cAAeC,UACxE,EAAAX,SAAAM,EAAA,MAAA,IAASH,EACQ,eAACD,EACdU,UAAWC,EAAQT,EAAMU,QAASX,EAAMS,WACxCR,MAAO,IACAD,EAAMC,MACTW,OAAQb,OAAQc,EAAY,MAC5BC,QAASf,EAAQ,EAAI,EACrBgB,WAAYhB,EAAQ,UAAY,UACnCF,SACAA,OAIjB"}

package/dist/components/layout/cull.js

@@ -1,3 +1,3 @@
 "use client";
-import{__rest as a}from"tslib";import{classes as i,combineRefs as t}from"../../core/utils.js";import{cloneElement as r}from"react";import{createStyles as e}from"../../core/style.js";const n=e("cull",(a=>({[`@media (max-width: ${a.breakpoints.mob}px)`]:{".cull__mob":{display:"none !important"}},[`@media (min-width: ${a.breakpoints.mob+1}px) and (max-width: ${a.breakpoints.tab}px)`]:{".cull__tab":{display:"none !important"}},[`@media (min-width: ${a.breakpoints.tab+1}px) and (max-width: ${a.breakpoints.lap}px)`]:{".cull__lap":{display:"none !important"}},[`@media (min-width: ${a.breakpoints.lap+1}px)`]:{".cull__dsk":{display:"none !important"}}})));function p(e){var{children:p,include:o,ref:l}=e,s=a(e,["children","include","ref"]);return p=Array.isArray(p)?p[0]:p,r(p,Object.assign(Object.assign({},s),{ref:t(l,p.props.ref),className:i(...o.map((a=>n[`cull__${a}`])),p.props.className)}))}export{p as default};
+import{classes as a,combineRefs as i}from"../../core/utils.js";import{cloneElement as t}from"react";import{createStyles as p}from"../../core/style.js";const r=p("cull",(a=>({[`@media (max-width: ${a.breakpoints.mob}px)`]:{".cull__mob":{display:"none !important"}},[`@media (min-width: ${a.breakpoints.mob+1}px) and (max-width: ${a.breakpoints.tab}px)`]:{".cull__tab":{display:"none !important"}},[`@media (min-width: ${a.breakpoints.tab+1}px) and (max-width: ${a.breakpoints.lap}px)`]:{".cull__lap":{display:"none !important"}},[`@media (min-width: ${a.breakpoints.lap+1}px)`]:{".cull__dsk":{display:"none !important"}}})));function o({children:p,include:o,ref:n,...e}){return p=Array.isArray(p)?p[0]:p,t(p,{...e,ref:i(n,p.props.ref),className:a(...o.map((a=>r[`cull__${a}`])),p.props.className)})}export{o as default};
 //# sourceMappingURL=cull.js.map

package/dist/components/layout/divider.js

@@ -1,2 +1,2 @@
-import{__rest as i}from"tslib";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{combineClasses as a,classes as t}from"../../core/utils.js";import{createStyles as l}from"../../core/style.js";const o=l("divider",{".divider":{display:"flex",alignItems:"center",gap:"var(--f-spacing-xsm)",fontSize:"var(--f-font-size-xsm)",fontWeight:600,color:"var(--f-clr-grey-200)"},'.divider[aria-orientation="vertical"]':{writingMode:"vertical-lr"},".line":{backgroundColor:"var(--f-clr-fg-200)",flexGrow:1},'.divider[aria-orientation="horizontal"] .line':{height:"1px"},'.divider[aria-orientation="vertical"] .line':{width:"1px"}});function n(l){var{cc:n={},vertical:s=!1,label:c,labelPosition:d="center",size:v="med"}=l,f=i(l,["cc","vertical","label","labelPosition","size"]);const m=a(o,n);return e("div",Object.assign({},f,{role:"separator","aria-orientation":s?"vertical":"horizontal",className:t(m.divider,f.className),style:Object.assign({paddingBlock:"inherit"==v?v:`var(--f-spacing-${v})`},f.style),children:[c&&"start"!==d&&r("div",{className:m.line}),c,!(c&&"end"===d)&&r("div",{className:m.line})]}))}export{n as default};
+import{jsxs as i,jsx as e}from"react/jsx-runtime";import{combineClasses as r,classes as a}from"../../core/utils.js";import{createStyles as t}from"../../core/style.js";const o=t("divider",{".divider":{display:"flex",alignItems:"center",gap:"var(--f-spacing-xsm)",fontSize:"var(--f-font-size-xsm)",fontWeight:600,color:"var(--f-clr-grey-200)"},'.divider[aria-orientation="vertical"]':{writingMode:"vertical-lr"},".line":{backgroundColor:"var(--f-clr-fg-200)",flexGrow:1},'.divider[aria-orientation="horizontal"] .line':{height:"1px"},'.divider[aria-orientation="vertical"] .line':{width:"1px"}});function l({cc:t={},vertical:l=!1,label:n,labelPosition:s="center",size:c="med",...d}){const v=r(o,t);return i("div",{...d,role:"separator","aria-orientation":l?"vertical":"horizontal",className:a(v.divider,d.className),style:{paddingBlock:"inherit"==c?c:`var(--f-spacing-${c})`,...d.style},children:[n&&"start"!==s&&e("div",{className:v.line}),n,!(n&&"end"===s)&&e("div",{className:v.line})]})}export{l as default};
 //# sourceMappingURL=divider.js.map

package/dist/components/layout/divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.js","sources":["../../../../src/components/layout/divider.tsx"],"sourcesContent":[null],"names":["styles","createStyles","display","alignItems","gap","fontSize","fontWeight","color","writingMode","backgroundColor","flexGrow","height","width","Divider","_a","cc","vertical","label","labelPosition","size","props","__rest","style","combineClasses","_jsxs","role","className","classes","divider","Object","assign","paddingBlock","children","_jsx","line"],"mappings":"sMAIA,MAAMA,EAASC,EAAa,UAAW,CACnC,WAAY,CACRC,QAAS,OACTC,WAAY,SACZC,IAAK,uBACLC,SAAU,yBACVC,WAAY,IACZC,MAAO,yBAGX,wCAAyC,CACrCC,YAAa,eAGjB,QAAS,CACLC,gBAAiB,sBACjBC,SAAU,GAGd,gDAAiD,CAC7CC,OAAQ,OAGZ,8CAA+C,CAC3CC,MAAO,SAWS,SAAAC,EAAQC,OAAAC,GAAEA,EAAK,CAAE,EAAAC,SAAEA,GAAW,EAAKC,MAAEA,EAAKC,cAAEA,EAAgB,SAAQC,KAAEA,EAAO,SAAUC,EAA/EC,EAAAP,EAAA,CAAA,KAAA,WAAA,QAAA,gBAAA,SAS5B,MAAMQ,EAAQC,EAAevB,EAAQe,GAErC,OAAOS,yBAASJ,EAAK,CACjBK,KAAK,+BACaT,EAAW,WAAa,aAC1CU,UAAWC,EAAQL,EAAMM,QAASR,EAAMM,WACxCJ,MACIO,OAAAC,OAAA,CAAAC,aAAsB,WAARZ,EAAoBA,EAAO,mBAAmBA,MACzDC,EAAME,OAEZU,SAAA,CAAAf,GAA2B,UAAlBC,GAA6Be,SAAKP,UAAWJ,EAAMY,OAE5DjB,IAEEA,GAA2B,QAAlBC,IAA4Be,EAAA,MAAA,CAAKP,UAAWJ,EAAMY,UAEtE"}
+{"version":3,"file":"divider.js","sources":["../../../../src/components/layout/divider.tsx"],"sourcesContent":[null],"names":["styles","createStyles","display","alignItems","gap","fontSize","fontWeight","color","writingMode","backgroundColor","flexGrow","height","width","Divider","cc","vertical","label","labelPosition","size","props","style","combineClasses","_jsxs","role","className","classes","divider","paddingBlock","children","_jsx","line"],"mappings":"uKAIA,MAAMA,EAASC,EAAa,UAAW,CACnC,WAAY,CACRC,QAAS,OACTC,WAAY,SACZC,IAAK,uBACLC,SAAU,yBACVC,WAAY,IACZC,MAAO,yBAGX,wCAAyC,CACrCC,YAAa,eAGjB,QAAS,CACLC,gBAAiB,sBACjBC,SAAU,GAGd,gDAAiD,CAC7CC,OAAQ,OAGZ,8CAA+C,CAC3CC,MAAO,SAWD,SAAUC,GAAQC,GAAEA,EAAK,GAAEC,SAAEA,GAAW,EAAKC,MAAEA,EAAKC,cAAEA,EAAgB,SAAQC,KAAEA,EAAO,SAAUC,IAS3G,MAAMC,EAAQC,EAAerB,EAAQc,GAErC,OAAOQ,EAAS,MAAA,IAAAH,EACZI,KAAK,YACa,mBAAAR,EAAW,WAAa,aAC1CS,UAAWC,EAAQL,EAAMM,QAASP,EAAMK,WACxCJ,MAAO,CACHO,aAAsB,WAART,EAAoBA,EAAO,mBAAmBA,QACzDC,EAAMC,OACZQ,SAAA,CACAZ,GAA2B,UAAlBC,GAA6BY,EAAA,MAAA,CAAKL,UAAWJ,EAAMU,OAE5Dd,IAEEA,GAA2B,QAAlBC,IAA4BY,EAAK,MAAA,CAAAL,UAAWJ,EAAMU,SAEtE"}

package/dist/components/layout/drawer.js

@@ -1,3 +1,3 @@
 "use client";
-import{__rest as r}from"tslib";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useId as o,useRef as i}from"react";import a from"./overlay.js";import n from"../input/button.js";import{combineClasses as c,classes as l}from"../../core/utils.js";import{Animatable as s}from"@infinityfx/lively";import d from"./scrollarea.js";import{createStyles as m}from"../../core/style.js";import{Icon as f}from"../../core/icons.js";const h=m("drawer",{".drawer":{position:"absolute",background:"var(--f-clr-bg-100)",display:"flex",flexDirection:"column",padding:"var(--f-spacing-med)",width:"min(100vw, 16em)",border:"solid 1px var(--f-clr-fg-200)",height:"100dvh",top:0,touchAction:"none"},'.drawer[data-position="right"]':{borderTopLeftRadius:"var(--f-radius-med)",borderBottomLeftRadius:"var(--f-radius-med)",borderRight:"none",right:0},'.drawer[data-position="left"]':{borderTopRightRadius:"var(--f-radius-med)",borderBottomRightRadius:"var(--f-radius-med)",borderLeft:"none",left:0},".header":{display:"flex",gap:"var(--f-spacing-sml)",alignItems:"center",marginBottom:"var(--f-spacing-med)",color:"var(--f-clr-text-100)",fontWeight:700},".title":{flexGrow:1,color:"var(--f-clr-heading-100)"},'.drawer[data-position="right"] .title':{order:1},".content":{flexGrow:1,display:"flex",flexDirection:"column"}});function p(m){var{children:p,cc:u={},show:g,onClose:v,position:b="right",title:w}=m,x=r(m,["children","cc","show","onClose","position","title"]);const y=c(h,u),j=o(),R=i({clientX:0,clientY:0});function T(r){if("touchstart"==r.type)return R.current=r.changedTouches[0];const e=r.changedTouches[0].clientX-R.current.clientX,t=Math.abs(r.changedTouches[0].clientY-R.current.clientY);("right"===b?e>85:e<-85)&&.6*Math.abs(e)>t&&v()}return e(a,{show:g,onClose:v,children:e(s,{id:"drawer",animate:{translate:[("right"===b?100:-100)+"% 0%","0% 0%"],duration:.25},triggers:[{on:"mount"},{on:"unmount",reverse:!0}],children:t("div",Object.assign({},x,{role:"dialog","aria-modal":!0,"aria-labelledby":j,className:l(y.drawer,x.className),"data-position":b,onTouchStart:T,onTouchMove:T,children:[t("div",{className:y.header,children:[e("span",{id:j,className:y.title,children:w}),e(n,{compact:!0,variant:"minimal",onClick:v,children:e(f,{type:"close"})})]}),e(d,{className:y.content,children:p})]}))})})}export{p as default};
+import{jsx as r,jsxs as e}from"react/jsx-runtime";import{useId as t,useRef as o}from"react";import i from"./overlay.js";import a from"../input/button.js";import{combineClasses as n,classes as c}from"../../core/utils.js";import{Animatable as l}from"@infinityfx/lively";import d from"./scrollarea.js";import{createStyles as s}from"../../core/style.js";import{Icon as m}from"../../core/icons.js";const f=s("drawer",{".drawer":{position:"absolute",background:"var(--f-clr-bg-100)",display:"flex",flexDirection:"column",padding:"var(--f-spacing-med)",width:"min(100vw, 16em)",border:"solid 1px var(--f-clr-fg-200)",height:"100dvh",top:0,touchAction:"none"},'.drawer[data-position="right"]':{borderTopLeftRadius:"var(--f-radius-med)",borderBottomLeftRadius:"var(--f-radius-med)",borderRight:"none",right:0},'.drawer[data-position="left"]':{borderTopRightRadius:"var(--f-radius-med)",borderBottomRightRadius:"var(--f-radius-med)",borderLeft:"none",left:0},".header":{display:"flex",gap:"var(--f-spacing-sml)",alignItems:"center",marginBottom:"var(--f-spacing-med)",color:"var(--f-clr-text-100)",fontWeight:700},".title":{flexGrow:1,color:"var(--f-clr-heading-100)"},'.drawer[data-position="right"] .title':{order:1},".content":{flexGrow:1,display:"flex",flexDirection:"column"}});function h({children:s,cc:h={},show:u,onClose:p,position:g="right",title:v,...b}){const w=n(f,h),x=t(),y=o({clientX:0,clientY:0});function j(r){if("touchstart"==r.type)return y.current=r.changedTouches[0];const e=r.changedTouches[0].clientX-y.current.clientX,t=Math.abs(r.changedTouches[0].clientY-y.current.clientY);("right"===g?e>85:e<-85)&&.6*Math.abs(e)>t&&p()}return r(i,{show:u,onClose:p,children:r(l,{id:"drawer",animate:{translate:[("right"===g?100:-100)+"% 0%","0% 0%"],duration:.25},triggers:[{on:"mount"},{on:"unmount",reverse:!0}],children:e("div",{...b,role:"dialog","aria-modal":!0,"aria-labelledby":x,className:c(w.drawer,b.className),"data-position":g,onTouchStart:j,onTouchMove:j,children:[e("div",{className:w.header,children:[r("span",{id:x,className:w.title,children:v}),r(a,{compact:!0,variant:"minimal",onClick:p,children:r(m,{type:"close"})})]}),r(d,{className:w.content,children:s})]})})})}export{h as default};
 //# sourceMappingURL=drawer.js.map

package/dist/components/layout/group.js

@@ -1,2 +1,2 @@
-import{__rest as r}from"tslib";import{jsx as t}from"react/jsx-runtime";import{combineClasses as i,classes as o}from"../../core/utils.js";import{Children as a,isValidElement as e,cloneElement as d}from"react";import{createStyles as s}from"../../core/style.js";const n=s("group",{".group":{display:"flex","--radius":0},".split":{gap:"var(--f-spacing-xxs)","--radius":"var(--f-radius-sml)"},".d__vertical":{flexDirection:"column"},".group .round":{borderRadius:"1.5em"},".d__horizontal .item:not(:last-child)":{borderTopRightRadius:"var(--radius) !important",borderBottomRightRadius:"var(--radius) !important"},".d__horizontal .item:not(:first-child)":{borderTopLeftRadius:"var(--radius) !important",borderBottomLeftRadius:"var(--radius) !important"},".d__vertical .item:not(:last-child)":{borderBottomLeftRadius:"var(--radius) !important",borderBottomRightRadius:"var(--radius) !important"},".d__vertical .item:not(:first-child)":{borderTopLeftRadius:"var(--radius) !important",borderTopRightRadius:"var(--radius) !important"},".d__horizontal:not(.split) .border + .border":{marginLeft:"-1px"},".d__vertical:not(.split) .border + .border":{marginTop:"-1px"},".border:has(:focus)":{zIndex:1}});function l(s){var{children:l,cc:u={},split:c=!1,direction:m="horizontal"}=s,p=r(s,["children","cc","split","direction"]);const b=i(n,u);return t("div",Object.assign({},p,{className:o(b.group,c&&b.split,b[`d__${m}`],p.className),children:a.map(l,(r=>{if(!e(r))return r;const t=r.props.cc||{};return d(r,{cc:Object.assign(Object.assign({},t),{round:b.round,button:o(b.item,t.button),toggle:o(b.item,t.toggle),v__neutral:o(b.border,t.v__neutral),field:o(b.item,b.border,t.field)})})}))}))}export{l as default};
+import{jsx as r}from"react/jsx-runtime";import{combineClasses as t,classes as o}from"../../core/utils.js";import{Children as i,isValidElement as a,cloneElement as d}from"react";import{createStyles as e}from"../../core/style.js";const s=e("group",{".group":{display:"flex","--radius":0},".split":{gap:"var(--f-spacing-xxs)","--radius":"var(--f-radius-sml)"},".d__vertical":{flexDirection:"column"},".group .round":{borderRadius:"1.5em"},".d__horizontal .item:not(:last-child)":{borderTopRightRadius:"var(--radius) !important",borderBottomRightRadius:"var(--radius) !important"},".d__horizontal .item:not(:first-child)":{borderTopLeftRadius:"var(--radius) !important",borderBottomLeftRadius:"var(--radius) !important"},".d__vertical .item:not(:last-child)":{borderBottomLeftRadius:"var(--radius) !important",borderBottomRightRadius:"var(--radius) !important"},".d__vertical .item:not(:first-child)":{borderTopLeftRadius:"var(--radius) !important",borderTopRightRadius:"var(--radius) !important"},".d__horizontal:not(.split) .border + .border":{marginLeft:"-1px"},".d__vertical:not(.split) .border + .border":{marginTop:"-1px"},".border:has(:focus)":{zIndex:1}});function n({children:e,cc:n={},split:u=!1,direction:l="horizontal",...m}){const p=t(s,n);return r("div",{...m,className:o(p.group,u&&p.split,p[`d__${l}`],m.className),children:i.map(e,(r=>{if(!a(r))return r;const t=r.props.cc||{};return d(r,{cc:{...t,round:p.round,button:o(p.item,t.button),toggle:o(p.item,t.toggle),v__neutral:o(p.border,t.v__neutral),field:o(p.item,p.border,t.field)}})}))})}export{n as default};
 //# sourceMappingURL=group.js.map

package/dist/components/layout/group.js.map

@@ -1 +1 @@
-{"version":3,"file":"group.js","sources":["../../../../src/components/layout/group.tsx"],"sourcesContent":[null],"names":["styles","createStyles","display","gap","flexDirection","borderRadius","borderTopRightRadius","borderBottomRightRadius","borderTopLeftRadius","borderBottomLeftRadius","marginLeft","marginTop","zIndex","Group","_a","children","cc","split","direction","props","__rest","style","combineClasses","_jsx","className","classes","group","Children","map","child","isValidElement","cloneElement","Object","assign","round","button","item","toggle","v__neutral","border","field"],"mappings":"mQAKA,MAAMA,EAASC,EAAa,QAAS,CACjC,SAAU,CACNC,QAAS,OACT,WAAqB,GAGzB,SAAU,CACNC,IAAK,uBACL,WAAqB,uBAGzB,eAAgB,CACZC,cAAe,UAGnB,gBAAiB,CACbC,aAAc,SAGlB,wCAAyC,CACrCC,qBAAsB,2BACtBC,wBAAyB,4BAG7B,yCAA0C,CACtCC,oBAAqB,2BACrBC,uBAAwB,4BAG5B,sCAAuC,CACnCA,uBAAwB,2BACxBF,wBAAyB,4BAG7B,uCAAwC,CACpCC,oBAAqB,2BACrBF,qBAAsB,4BAG1B,+CAAgD,CAC5CI,WAAY,QAGhB,6CAA8C,CAC1CC,UAAW,QAGf,sBAAuB,CACnBC,OAAQ,KAWQ,SAAAC,EAAMC,GAAA,IAAAC,SAAEA,EAAQC,GAAEA,EAAK,CAAA,EAAEC,MAAEA,GAAQ,EAAKC,UAAEA,EAAY,cAAYJ,EAAKK,EAAKC,EAAAN,EAAtE,uCAM1B,MAAMO,EAAQC,EAAetB,EAAQgB,GAErC,OAAOO,yBAASJ,EAAK,CACjBK,UAAWC,EACPJ,EAAMK,MACNT,GAASI,EAAMJ,MACfI,EAAM,MAAMH,KACZC,EAAMK,WAETT,SAAAY,EAASC,IAAIb,GAAUc,IACpB,IAAKC,EAAeD,GAAQ,OAAOA,EAEnC,MAAMb,EAAMa,EAAkCV,MAAMH,IAAM,CAAE,EAE5D,OAAOe,EAAaF,EAAO,CACvBb,GACOgB,OAAAC,OAAAD,OAAAC,OAAA,GAAAjB,GACH,CAAAkB,MAAOb,EAAMa,MACbC,OAAQV,EAAQJ,EAAMe,KAAMpB,EAAGmB,QAC/BE,OAAQZ,EAAQJ,EAAMe,KAAMpB,EAAGqB,QAC/BC,WAAYb,EAAQJ,EAAMkB,OAAQvB,EAAGsB,YACrCE,MAAOf,EAAQJ,EAAMe,KAAMf,EAAMkB,OAAQvB,EAAGwB,UAE3C,MAGrB"}
+{"version":3,"file":"group.js","sources":["../../../../src/components/layout/group.tsx"],"sourcesContent":[null],"names":["styles","createStyles","display","gap","flexDirection","borderRadius","borderTopRightRadius","borderBottomRightRadius","borderTopLeftRadius","borderBottomLeftRadius","marginLeft","marginTop","zIndex","Group","children","cc","split","direction","props","style","combineClasses","_jsx","className","classes","group","Children","map","child","isValidElement","cloneElement","round","button","item","toggle","v__neutral","border","field"],"mappings":"oOAKA,MAAMA,EAASC,EAAa,QAAS,CACjC,SAAU,CACNC,QAAS,OACT,WAAqB,GAGzB,SAAU,CACNC,IAAK,uBACL,WAAqB,uBAGzB,eAAgB,CACZC,cAAe,UAGnB,gBAAiB,CACbC,aAAc,SAGlB,wCAAyC,CACrCC,qBAAsB,2BACtBC,wBAAyB,4BAG7B,yCAA0C,CACtCC,oBAAqB,2BACrBC,uBAAwB,4BAG5B,sCAAuC,CACnCA,uBAAwB,2BACxBF,wBAAyB,4BAG7B,uCAAwC,CACpCC,oBAAqB,2BACrBF,qBAAsB,4BAG1B,+CAAgD,CAC5CI,WAAY,QAGhB,6CAA8C,CAC1CC,UAAW,QAGf,sBAAuB,CACnBC,OAAQ,KAWQ,SAAAC,GAAMC,SAAEA,EAAQC,GAAEA,EAAK,GAAEC,MAAEA,GAAQ,EAAKC,UAAEA,EAAY,gBAAiBC,IAM3F,MAAMC,EAAQC,EAAepB,EAAQe,GAErC,OAAOM,YAASH,EACZI,UAAWC,EACPJ,EAAMK,MACNR,GAASG,EAAMH,MACfG,EAAM,MAAMF,KACZC,EAAMI,WAETR,SAAAW,EAASC,IAAIZ,GAAUa,IACpB,IAAKC,EAAeD,GAAQ,OAAOA,EAEnC,MAAMZ,EAAMY,EAAkCT,MAAMH,IAAM,CAAE,EAE5D,OAAOc,EAAaF,EAAO,CACvBZ,GAAI,IACGA,EACHe,MAAOX,EAAMW,MACbC,OAAQR,EAAQJ,EAAMa,KAAMjB,EAAGgB,QAC/BE,OAAQV,EAAQJ,EAAMa,KAAMjB,EAAGkB,QAC/BC,WAAYX,EAAQJ,EAAMgB,OAAQpB,EAAGmB,YACrCE,MAAOb,EAAQJ,EAAMa,KAAMb,EAAMgB,OAAQpB,EAAGqB,SAE3C,KAGrB"}

package/dist/components/layout/modal.js

@@ -1,3 +1,3 @@
 "use client";
-import{__rest as e}from"tslib";import{jsx as r,jsxs as o}from"react/jsx-runtime";import{useRef as i,useId as n,useEffect as t}from"react";import a from"./overlay.js";import l from"../input/button.js";import{combineClasses as d,classes as s,combineRefs as c}from"../../core/utils.js";import{Animatable as m}from"@infinityfx/lively";import u from"./scrollarea.js";import{createStyles as p}from"../../core/style.js";import f from"../../hooks/use-fluid.js";import h from"../../hooks/use-media-query.js";import{useLink as g}from"@infinityfx/lively/hooks";import{Icon as v}from"../../core/icons.js";const b=p("modal",(e=>({".modal":{background:"var(--f-clr-bg-100)",borderRadius:"var(--f-radius-med)",display:"flex",flexDirection:"column",paddingBlock:"var(--f-spacing-med)",minWidth:"min(100vw, 16em)",border:"solid 1px var(--f-clr-fg-200)",margin:"var(--f-spacing-lrg)",maxHeight:"calc(100% - var(--f-spacing-lrg) * 2)",touchAction:"none"},".scrollarea":{paddingInline:"var(--f-spacing-med)"},".header":{display:"flex",alignItems:"center",fontWeight:700,paddingInline:"var(--f-spacing-med)",paddingBottom:"var(--f-spacing-med)",color:"var(--f-clr-text-100)"},".handle":{position:"relative",height:"5px",width:"48px",backgroundColor:"var(--f-clr-grey-200)",borderRadius:"99px",alignSelf:"center",display:"none"},".title":{flexGrow:1,color:"var(--f-clr-heading-100)"},[`@media (max-width: ${e.breakpoints.mob}px)`]:{".modal":{width:"100vw",alignSelf:"flex-end",margin:0,borderRadius:"var(--f-radius-lrg)",borderBottomRightRadius:0,borderBottomLeftRadius:0,paddingBottom:"calc(var(--f-spacing-med) + 32px)",marginBottom:"-32px"},".handle":{display:"block"}}})));function x(p){var{children:x,cc:w={},show:y,onClose:k,title:j,mobileClosing:C="handle",ref:B}=p,N=e(p,["children","cc","show","onClose","title","mobileClosing","ref"]);const R=d(b,w),E=i(null),L=i(null),I=i(null),S=g(0),$=n(),A=f(),H=h(`(max-width: ${A.breakpoints.mob}px)`);return t((()=>{function e(e){if(!I.current||!L.current)return;if(!e.touches.length){return S()/L.current.clientHeight>.35?k():S.set(0,{duration:.25}),I.current=null}const{clientY:r}=e.touches[0],o=Math.max(r-I.current.clientY,-32);S.set(o)}return window.addEventListener("touchmove",e),window.addEventListener("touchend",e),()=>{window.removeEventListener("touchmove",e),window.removeEventListener("touchend",e)}}),[]),r(a,{show:y,onClose:k,children:r(m,{id:"modal",onAnimationEnd:()=>S.set(0),initial:H?{translate:"0% 100%"}:{translate:"0px 20px",opacity:0},animate:{translate:S((e=>`0px ${e}px`))},animations:{mob:{translate:["0% 100%","0% 0%"],duration:.25,composite:"combine"},dsk:{opacity:[0,.2,1],scale:[.9,1],duration:.25}},triggers:[{on:"mount",name:H?"mob":"dsk"},{on:"unmount",reverse:!0,name:H?"mob":"dsk"}],children:o("div",Object.assign({},N,{ref:c(B,L),className:s(R.modal,N.className),role:"dialog","aria-modal":!0,"aria-labelledby":$,onTouchStart:e=>{var r;"handle"!==C||(null===(r=E.current)||void 0===r?void 0:r.contains(e.target))||(I.current=e.touches[0])},children:[H&&"handle"===C&&r("div",{className:R.handle}),o("div",{className:R.header,children:[r("span",{id:$,className:R.title,children:j}),("button"===C||!H)&&r(l,{compact:!0,variant:"minimal",onClick:k,children:r(v,{type:"close"})})]}),r(u,{className:R.scrollarea,ref:E,children:x})]}))})})}export{x as default};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useRef as o,useId as i,useEffect as n}from"react";import t from"./overlay.js";import a from"../input/button.js";import{combineClasses as l,classes as d,combineRefs as s}from"../../core/utils.js";import{Animatable as c}from"@infinityfx/lively";import m from"./scrollarea.js";import{createStyles as u}from"../../core/style.js";import p from"../../hooks/use-fluid.js";import f from"../../hooks/use-media-query.js";import{useLink as h}from"@infinityfx/lively/hooks";import{Icon as g}from"../../core/icons.js";const v=u("modal",(e=>({".modal":{background:"var(--f-clr-bg-100)",borderRadius:"var(--f-radius-med)",display:"flex",flexDirection:"column",paddingBlock:"var(--f-spacing-med)",minWidth:"min(100vw, 16em)",border:"solid 1px var(--f-clr-fg-200)",margin:"var(--f-spacing-lrg)",maxHeight:"calc(100% - var(--f-spacing-lrg) * 2)",touchAction:"none"},".scrollarea":{paddingInline:"var(--f-spacing-med)"},".header":{display:"flex",alignItems:"center",fontWeight:700,paddingInline:"var(--f-spacing-med)",paddingBottom:"var(--f-spacing-med)",color:"var(--f-clr-text-100)"},".handle":{position:"relative",height:"5px",width:"48px",backgroundColor:"var(--f-clr-grey-200)",borderRadius:"99px",alignSelf:"center",display:"none"},".title":{flexGrow:1,color:"var(--f-clr-heading-100)"},[`@media (max-width: ${e.breakpoints.mob}px)`]:{".modal":{width:"100vw",alignSelf:"flex-end",margin:0,borderRadius:"var(--f-radius-lrg)",borderBottomRightRadius:0,borderBottomLeftRadius:0,paddingBottom:"calc(var(--f-spacing-med) + 32px)",marginBottom:"-32px"},".handle":{display:"block"}}})));function x({children:u,cc:x={},show:b,onClose:w,title:y,mobileClosing:k="handle",ref:j,...B}){const N=l(v,x),R=o(null),C=o(null),E=o(null),L=h(0),I=i(),S=p(),$=f(`(max-width: ${S.breakpoints.mob}px)`);return n((()=>{function e(e){if(!E.current||!C.current)return;if(!e.touches.length){return L()/C.current.clientHeight>.35?w():L.set(0,{duration:.25}),E.current=null}const{clientY:r}=e.touches[0],o=Math.max(r-E.current.clientY,-32);L.set(o)}return window.addEventListener("touchmove",e),window.addEventListener("touchend",e),()=>{window.removeEventListener("touchmove",e),window.removeEventListener("touchend",e)}}),[]),e(t,{show:b,onClose:w,children:e(c,{id:"modal",onAnimationEnd:()=>L.set(0),initial:$?{translate:"0% 100%"}:{translate:"0px 20px",opacity:0},animate:{translate:L((e=>`0px ${e}px`))},animations:{mob:{translate:["0% 100%","0% 0%"],duration:.25,composite:"combine"},dsk:{opacity:[0,.2,1],scale:[.9,1],duration:.25}},triggers:[{on:"mount",name:$?"mob":"dsk"},{on:"unmount",reverse:!0,name:$?"mob":"dsk"}],children:r("div",{...B,ref:s(j,C),className:d(N.modal,B.className),role:"dialog","aria-modal":!0,"aria-labelledby":I,onTouchStart:e=>{"handle"!==k||R.current?.contains(e.target)||(E.current=e.touches[0])},children:[$&&"handle"===k&&e("div",{className:N.handle}),r("div",{className:N.header,children:[e("span",{id:I,className:N.title,children:y}),("button"===k||!$)&&e(a,{compact:!0,variant:"minimal",onClick:w,children:e(g,{type:"close"})})]}),e(m,{className:N.scrollarea,ref:R,children:u})]})})})}export{x as default};
 //# sourceMappingURL=modal.js.map

package/dist/components/layout/panel.js

@@ -1,3 +1,3 @@
 "use client";
-import{__rest as e}from"tslib";import{jsx as i,jsxs as r,Fragment as t}from"react/jsx-runtime";import{Children as n,useState as o,useRef as d,useEffect as a,isValidElement as l,cloneElement as c}from"react";import{combineClasses as s,classes as u,combineRefs as v}from"../../core/utils.js";import{createStyles as h}from"../../core/style.js";import"../feedback/progress-bar.js";import"../feedback/circular-progress.js";import"@infinityfx/lively";import f from"../feedback/halo.js";import"../feedback/indicator.js";import"../feedback/skeleton.js";const p=h("panel",{".panel":{position:"relative",display:"flex",flexShrink:0},".d__vertical":{flexDirection:"column"},".divider":{position:"relative",display:"flex",alignItems:"center",justifyContent:"center",userSelect:"none",touchAction:"none"},".d__horizontal > .divider":{minHeight:"100%",height:"auto",cursor:"ew-resize"},".d__horizontal.v__default > .divider":{background:"var(--f-clr-fg-200)",width:"1px"},".d__horizontal.v__minimal > .divider":{paddingInline:"3px"},".d__vertical > .divider":{minWidth:"100%",width:"auto",cursor:"ns-resize"},".d__vertical.v__default > .divider":{background:"var(--f-clr-fg-200)",height:"1px"},".d__vertical.v__minimal > .divider":{paddingBlock:"3px"},".focus":{position:"absolute",display:"flex",justifyContent:"center",alignItems:"center",zIndex:1},".d__horizontal.v__default > .divider .focus":{width:"3px",height:"100%"},".d__vertical.v__default > .divider .focus":{height:"3px",width:"100%"},".handle":{position:"relative",borderRadius:"3px",backgroundColor:"var(--f-clr-fg-200)",display:"grid",gap:"1px",zIndex:1,outline:"none"},".d__horizontal.v__minimal > .divider .handle":{width:"6px",height:"30px",backgroundColor:"var(--f-clr-grey-200)"},".d__vertical.v__minimal > .divider .handle":{height:"6px",width:"30px",backgroundColor:"var(--f-clr-grey-200)"},".d__horizontal > .divider .handle":{gridTemplateColumns:"1fr 1fr",padding:"5px 3px"},".d__vertical > .divider .handle":{gridTemplateColumns:"1fr 1fr 1fr",padding:"3px 5px"},".dot":{backgroundColor:"var(--f-clr-grey-200)",borderRadius:"99px",width:"2px",height:"2px"},".divider .halo":{inset:"-.5em"},".v__minimal .divider .halo":{borderRadius:"99px"}});function m(h){var{cc:m={},children:_,variant:g="default",direction:x="horizontal",handles:w,defaultSizes:b,ref:y}=h,k=e(h,["cc","children","variant","direction","handles","defaultSizes","ref"]);const j=s(p,m),z=n.count(_),[C,A]=o(new Array(Math.max(z-1,0)).fill(0).map(((e,i)=>void 0!==(null==b?void 0:b[i])?b[i]:(i+1)/z))),I=d(null),N=d(0);function D(e,i){const r=C[e-1]||0,t=C[e+1]||1,n=C.slice();n[e]=Math.min(Math.max(i,r),t),A(n)}return a((()=>{const e=new AbortController,i=e.signal;function r(e){if(!N.current||!I.current)return;const{x:i,y:r,width:t,height:n}=I.current.getBoundingClientRect(),{clientX:o,clientY:d}="touches"in e?e.touches[0]:e,a=(o-i)/t,l=(d-r)/n;D(N.current-1,"vertical"===x?l:a)}const t=()=>N.current=0;return window.addEventListener("mousemove",r,{signal:i}),window.addEventListener("mouseup",t,{signal:i}),window.addEventListener("touchmove",r,{signal:i}),window.addEventListener("touchend",t,{signal:i}),()=>e.abort()}),[C,x]),i("div",Object.assign({},k,{ref:v(I,y),className:u(j.panel,j[`v__${g}`],j[`d__${x}`],k.className),children:n.map(_,((e,n)=>{var o,d;if(!l(e))return e;const a=(null!==(o=C[n])&&void 0!==o?o:1)-(null!==(d=C[n-1])&&void 0!==d?d:0);return r(t,{children:[0!==n&&r("div",{className:j.divider,onTouchStart:()=>N.current=n,onMouseDown:()=>N.current=n,children:[i("div",{className:j.focus}),w&&i(f,{hover:!1,color:"var(--f-clr-primary-400)",cc:Object.assign({halo:j.halo},m),children:i("div",{tabIndex:0,className:j.handle,onKeyDown:e=>{const i="ArrowRight"===e.key||"ArrowDown"===e.key;(i||"ArrowLeft"===e.key||"ArrowUp"===e.key)&&(D(n-1,C[n-1]+(i?.05:-.05)),e.preventDefault())},children:"default"===g&&[0,1,2,3,4,5].map((e=>i("div",{className:j.dot},e)))})})]}),c(e,{style:Object.assign(Object.assign({},e.props.style),{flexGrow:100*a,flexBasis:0})})]})}))}))}export{m as default};
+import{jsx as e,jsxs as i,Fragment as r}from"react/jsx-runtime";import{Children as t,useState as n,useRef as o,useEffect as d,isValidElement as a,cloneElement as l}from"react";import{combineClasses as c,classes as s,combineRefs as u}from"../../core/utils.js";import{createStyles as h}from"../../core/style.js";import"../feedback/progress-bar.js";import"../feedback/circular-progress.js";import"@infinityfx/lively";import p from"../feedback/halo.js";import"../feedback/indicator.js";import"../feedback/skeleton.js";const v=h("panel",{".panel":{position:"relative",display:"flex",flexShrink:0},".d__vertical":{flexDirection:"column"},".divider":{position:"relative",display:"flex",alignItems:"center",justifyContent:"center",userSelect:"none",touchAction:"none"},".d__horizontal > .divider":{minHeight:"100%",height:"auto",cursor:"ew-resize"},".d__horizontal.v__default > .divider":{background:"var(--f-clr-fg-200)",width:"1px"},".d__horizontal.v__minimal > .divider":{paddingInline:"3px"},".d__vertical > .divider":{minWidth:"100%",width:"auto",cursor:"ns-resize"},".d__vertical.v__default > .divider":{background:"var(--f-clr-fg-200)",height:"1px"},".d__vertical.v__minimal > .divider":{paddingBlock:"3px"},".focus":{position:"absolute",display:"flex",justifyContent:"center",alignItems:"center",zIndex:1},".d__horizontal.v__default > .divider .focus":{width:"3px",height:"100%"},".d__vertical.v__default > .divider .focus":{height:"3px",width:"100%"},".handle":{position:"relative",borderRadius:"3px",backgroundColor:"var(--f-clr-fg-200)",display:"grid",gap:"1px",zIndex:1,outline:"none"},".d__horizontal.v__minimal > .divider .handle":{width:"6px",height:"30px",backgroundColor:"var(--f-clr-grey-200)"},".d__vertical.v__minimal > .divider .handle":{height:"6px",width:"30px",backgroundColor:"var(--f-clr-grey-200)"},".d__horizontal > .divider .handle":{gridTemplateColumns:"1fr 1fr",padding:"5px 3px"},".d__vertical > .divider .handle":{gridTemplateColumns:"1fr 1fr 1fr",padding:"3px 5px"},".dot":{backgroundColor:"var(--f-clr-grey-200)",borderRadius:"99px",width:"2px",height:"2px"},".divider .halo":{inset:"-.5em"},".v__minimal .divider .halo":{borderRadius:"99px"}});function f({cc:h={},children:f,variant:m="default",direction:_="horizontal",handles:g,defaultSizes:x,ref:w,...y}){const b=c(v,h),k=t.count(f),[z,j]=n(new Array(Math.max(k-1,0)).fill(0).map(((e,i)=>void 0!==x?.[i]?x[i]:(i+1)/k))),C=o(null),A=o(0);function I(e,i){const r=z[e-1]||0,t=z[e+1]||1,n=z.slice();n[e]=Math.min(Math.max(i,r),t),j(n)}return d((()=>{const e=new AbortController,i=e.signal;function r(e){if(!A.current||!C.current)return;const{x:i,y:r,width:t,height:n}=C.current.getBoundingClientRect(),{clientX:o,clientY:d}="touches"in e?e.touches[0]:e,a=(o-i)/t,l=(d-r)/n;I(A.current-1,"vertical"===_?l:a)}const t=()=>A.current=0;return window.addEventListener("mousemove",r,{signal:i}),window.addEventListener("mouseup",t,{signal:i}),window.addEventListener("touchmove",r,{signal:i}),window.addEventListener("touchend",t,{signal:i}),()=>e.abort()}),[z,_]),e("div",{...y,ref:u(C,w),className:s(b.panel,b[`v__${m}`],b[`d__${_}`],y.className),children:t.map(f,((t,n)=>{if(!a(t))return t;const o=(z[n]??1)-(z[n-1]??0);return i(r,{children:[0!==n&&i("div",{className:b.divider,onTouchStart:()=>A.current=n,onMouseDown:()=>A.current=n,children:[e("div",{className:b.focus}),g&&e(p,{hover:!1,color:"var(--f-clr-primary-400)",cc:{halo:b.halo,...h},children:e("div",{tabIndex:0,className:b.handle,onKeyDown:e=>{const i="ArrowRight"===e.key||"ArrowDown"===e.key;(i||"ArrowLeft"===e.key||"ArrowUp"===e.key)&&(I(n-1,z[n-1]+(i?.05:-.05)),e.preventDefault())},children:"default"===m&&[0,1,2,3,4,5].map((i=>e("div",{className:b.dot},i)))})})]}),l(t,{style:{...t.props.style,flexGrow:100*o,flexBasis:0}})]})}))})}export{f as default};
 //# sourceMappingURL=panel.js.map

package/dist/components/layout/popover/content.js

@@ -1,3 +1,3 @@
 "use client";
-import{__rest as e}from"tslib";import{jsx as t}from"react/jsx-runtime";import{combineRefs as r}from"../../../core/utils.js";import{LayoutGroup as o}from"@infinityfx/lively/layout";import{useMemo as i}from"react";import{createPortal as n}from"react-dom";import{usePopover as m}from"./root.js";import s from"../modal.js";function l(l){var{children:d,ref:a}=l,c=e(l,["children","ref"]);const{id:f,mounted:p,isModal:u,trigger:g,content:j,opened:y,toggle:h}=m(),x=i((()=>{if(!p||!g.current)return 1;let e=0,t=g.current;for(;t;){const r=parseInt(getComputedStyle(t).zIndex);isNaN(r)||(e=Math.max(e,r)),t=t.parentElement}return e+2}),[p]);return p?u?t(s,Object.assign({ref:r(j,a)},c,{id:f,show:y,onClose:()=>h(!1),children:d})):n(t(o,{children:t("div",Object.assign({ref:r(j,a)},c,{id:f,style:Object.assign(Object.assign({},c.style),{position:"fixed",zIndex:x}),children:y&&d}))}),document.getElementById("__fluid")):null}l.displayName="Popover.Content";export{l as default};
+import{jsx as e}from"react/jsx-runtime";import{combineRefs as t}from"../../../core/utils.js";import{LayoutGroup as r}from"@infinityfx/lively/layout";import{useMemo as o}from"react";import{createPortal as n}from"react-dom";import{usePopover as i}from"./root.js";import m from"../modal.js";function l({children:l,ref:d,...f}){const{id:s,mounted:a,isModal:c,trigger:p,content:u,opened:y,toggle:x}=i(),g=o((()=>{if(!a||!p.current)return 1;let e=0,t=p.current;for(;t;){const r=parseInt(getComputedStyle(t).zIndex);isNaN(r)||(e=Math.max(e,r)),t=t.parentElement}return e+2}),[a]);return a?c?e(m,{ref:t(u,d),...f,id:s,show:y,onClose:()=>x(!1),children:l}):n(e(r,{children:e("div",{ref:t(u,d),...f,id:s,style:{...f.style,position:"fixed",zIndex:g},children:y&&l})}),document.getElementById("__fluid")):null}l.displayName="Popover.Content";export{l as default};
 //# sourceMappingURL=content.js.map