@infinityfx/fluid 1.4.1 → 1.4.3

package/dist/components/display/timeline.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsx as t,jsxs as r}from"react/jsx-runtime";import{combineClasses as i,classes as a}from"../../core/utils.js";import{Children as n}from"react";import{createStyles as o}from"../../core/style.js";const l=o("timeline",{".timeline":{display:"grid"},".d__horizontal":{gridAutoFlow:"column"},".timeline.uniform":{gridAutoColumns:"1fr",gridAutoRows:"1fr"},".event":{display:"flex",gap:"var(--f-spacing-sml)"},".d__horizontal .event":{flexDirection:"column"},".event:not(:first-child) .content":{alignSelf:"center"},".event:last-child .content":{alignSelf:"flex-end"},".d__horizontal .event:not(:first-child) .content":{paddingLeft:"var(--f-spacing-xsm)"},".d__horizontal .event:not(:last-child) .content":{paddingRight:"var(--f-spacing-xsm)"},".axis":{display:"flex",gap:"3px",alignItems:"center"},".d__vertical .axis":{flexDirection:"column"},".bullet":{position:"relative",height:"1.5em",width:"1.5em",borderRadius:"999px",border:"solid 3px var(--f-clr-grey-200)",zIndex:1,transition:"border-color .25s"},".bullet::after":{content:'""',position:"absolute",inset:"3px",borderRadius:"999px",backgroundColor:"var(--f-clr-primary-100)",opacity:0,transition:"opacity .25s"},'.bullet[data-active="true"]':{borderColor:"var(--f-clr-primary-100)"},'.bullet[data-active="true"]::after':{opacity:1},".segment":{height:"3px",backgroundColor:"var(--f-clr-grey-200)",transition:"background-color .25s",flexGrow:1},".d__horizontal .segment":{height:"3px",minWidth:"3px"},".d__vertical .segment":{width:"3px",minHeight:"3px",writingMode:"vertical-lr"},".segment:first-child":{borderStartEndRadius:"99px",borderEndEndRadius:"99px"},".segment:last-child":{borderEndStartRadius:"99px",borderStartStartRadius:"99px"},'.segment[data-active="true"]':{backgroundColor:"var(--f-clr-primary-100)"}});function d(o){var{children:d,cc:c={},active:s,direction:m="horizontal",uniform:p,reverse:g}=o,v=e(o,["children","cc","active","direction","uniform","reverse"]);const u=i(l,c),f=n.toArray(d);return t("div",Object.assign({},v,{className:a(u.timeline,u[`d__${m}`],p&&u.uniform,v.className),children:f.map(((e,i)=>{const a=g?f.length-1-i:i;return r("div",{className:u.event,children:[r("div",{className:u.axis,children:[0!==i&&t("div",{className:u.segment,"data-active":g?a+1<s:a<s}),t("div",{className:u.bullet,"data-active":a<s}),i!==f.length-1&&t("div",{className:u.segment,"data-active":g?a<s:a+1<s})]}),t("div",{className:u.content,children:e})]},i)}))}))}export{d as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{combineClasses as r,classes as i}from"../../core/utils.js";import{Children as a}from"react";import{createStyles as n}from"../../core/style.js";const o=n("timeline",{".timeline":{display:"grid"},".d__horizontal":{gridAutoFlow:"column"},".timeline.uniform":{gridAutoColumns:"1fr",gridAutoRows:"1fr"},".event":{display:"flex",gap:"var(--f-spacing-sml)"},".d__horizontal .event":{flexDirection:"column"},".event:not(:first-child) .content":{alignSelf:"center"},".event:last-child .content":{alignSelf:"flex-end"},".d__horizontal .event:not(:first-child) .content":{paddingLeft:"var(--f-spacing-xsm)"},".d__horizontal .event:not(:last-child) .content":{paddingRight:"var(--f-spacing-xsm)"},".axis":{display:"flex",gap:"3px",alignItems:"center"},".d__vertical .axis":{flexDirection:"column"},".bullet":{position:"relative",height:"1.5em",width:"1.5em",borderRadius:"999px",border:"solid 3px var(--f-clr-grey-200)",zIndex:1,transition:"border-color .25s"},".bullet::after":{content:'""',position:"absolute",inset:"3px",borderRadius:"999px",backgroundColor:"var(--f-clr-primary-100)",opacity:0,transition:"opacity .25s"},'.bullet[data-active="true"]':{borderColor:"var(--f-clr-primary-100)"},'.bullet[data-active="true"]::after':{opacity:1},".segment":{height:"3px",backgroundColor:"var(--f-clr-grey-200)",transition:"background-color .25s",flexGrow:1},".d__horizontal .segment":{height:"3px",minWidth:"3px"},".d__vertical .segment":{width:"3px",minHeight:"3px",writingMode:"vertical-lr"},".segment:first-child":{borderStartEndRadius:"99px",borderEndEndRadius:"99px"},".segment:last-child":{borderEndStartRadius:"99px",borderStartStartRadius:"99px"},'.segment[data-active="true"]':{backgroundColor:"var(--f-clr-primary-100)"}});function l({children:n,cc:l={},active:d,direction:s="horizontal",uniform:c,reverse:m,...p}){const g=r(o,l),u=a.toArray(n);return e("div",{...p,className:i(g.timeline,g[`d__${s}`],c&&g.uniform,p.className),children:u.map(((r,i)=>{const a=m?u.length-1-i:i;return t("div",{className:g.event,children:[t("div",{className:g.axis,children:[0!==i&&e("div",{className:g.segment,"data-active":m?a+1<d:a<d}),e("div",{className:g.bullet,"data-active":a<d}),i!==u.length-1&&e("div",{className:g.segment,"data-active":m?a<d:a+1<d})]}),e("div",{className:g.content,children:r})]},i)}))})}export{l as default};
 //# sourceMappingURL=timeline.js.map

package/dist/components/display/timeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"timeline.js","sources":["../../../../src/components/display/timeline.tsx"],"sourcesContent":[null],"names":["styles","createStyles","display","gridAutoFlow","gridAutoColumns","gridAutoRows","gap","flexDirection","alignSelf","paddingLeft","paddingRight","alignItems","position","height","width","borderRadius","border","zIndex","transition","content","inset","backgroundColor","opacity","borderColor","flexGrow","minWidth","minHeight","writingMode","borderStartEndRadius","borderEndEndRadius","borderEndStartRadius","borderStartStartRadius","Timeline","_a","children","cc","active","direction","uniform","reverse","props","__rest","style","combineClasses","childArray","Children","toArray","_jsx","className","classes","timeline","map","child","i","index","length","_jsxs","event","axis","segment","bullet"],"mappings":"uOAKA,MAAMA,EAASC,EAAa,WAAY,CACpC,YAAa,CACTC,QAAS,QAGb,iBAAkB,CACdC,aAAc,UAGlB,oBAAqB,CACjBC,gBAAiB,MACjBC,aAAc,OAGlB,SAAU,CACNH,QAAS,OACTI,IAAK,wBAGT,wBAAyB,CACrBC,cAAe,UAGnB,oCAAqC,CACjCC,UAAW,UAGf,6BAA8B,CAC1BA,UAAW,YAGf,mDAAoD,CAChDC,YAAa,wBAGjB,kDAAmD,CAC/CC,aAAc,wBAGlB,QAAS,CACLR,QAAS,OACTI,IAAK,MACLK,WAAY,UAGhB,qBAAsB,CAClBJ,cAAe,UAGnB,UAAW,CACPK,SAAU,WACVC,OAAQ,QACRC,MAAO,QACPC,aAAc,QACdC,OAAQ,kCACRC,OAAQ,EACRC,WAAY,qBAGhB,iBAAkB,CACdC,QAAS,KACTP,SAAU,WACVQ,MAAO,MACPL,aAAc,QACdM,gBAAiB,2BACjBC,QAAS,EACTJ,WAAY,gBAGhB,8BAA+B,CAC3BK,YAAa,4BAGjB,qCAAsC,CAClCD,QAAS,GAGb,WAAY,CACRT,OAAQ,MACRQ,gBAAiB,wBACjBH,WAAY,wBACZM,SAAU,GAGd,0BAA2B,CACvBX,OAAQ,MACRY,SAAU,OAGd,wBAAyB,CACrBX,MAAO,MACPY,UAAW,MACXC,YAAa,eAGjB,uBAAwB,CACpBC,qBAAsB,OACtBC,mBAAoB,QAGxB,sBAAuB,CACnBC,qBAAsB,OACtBC,uBAAwB,QAG5B,+BAAgC,CAC5BV,gBAAiB,8BAWD,SAAAW,EAASC,OAAAC,SAAEA,EAAQC,GAAEA,EAAK,GAAEC,OAAEA,EAAMC,UAAEA,EAAY,aAAYC,QAAEA,EAAOC,QAAEA,GAAON,EAAKO,EAAKC,EAAAR,EAAjF,4DAS7B,MAAMS,EAAQC,EAAe3C,EAAQmC,GAC/BS,EAAaC,EAASC,QAAQZ,GAEpC,OAAOa,yBAASP,EAAK,CACjBQ,UAAWC,EACPP,EAAMQ,SACNR,EAAM,MAAML,KACZC,GAAWI,EAAMJ,QACjBE,EAAMQ,WACTd,SAEAU,EAAWO,KAAI,CAACC,EAAOC,KACpB,MAAMC,EAAQf,EAAUK,EAAWW,OAAS,EAAIF,EAAIA,EAEpD,OAAOG,EAAA,MAAA,CAAaR,UAAWN,EAAMe,MAAKvB,SAAA,CACtCsB,SAAKR,UAAWN,EAAMgB,eACX,IAANL,GAAWN,EAAA,MAAA,CAAKC,UAAWN,EAAMiB,QAAsB,cAAApB,EAAUe,EAAQ,EAAIlB,EAASkB,EAAQlB,IAC/FW,SAAKC,UAAWN,EAAMkB,OAAM,cAAeN,EAAQlB,IAClDiB,IAAMT,EAAWW,OAAS,GAAKR,SAAKC,UAAWN,EAAMiB,sBAAsBpB,EAAUe,EAAQlB,EAASkB,EAAQ,EAAIlB,OAGvHW,EAAA,MAAA,CAAKC,UAAWN,EAAMvB,QAAOe,SACxBkB,MARQC,EAUX,MAGlB"}
+{"version":3,"file":"timeline.js","sources":["../../../../src/components/display/timeline.tsx"],"sourcesContent":[null],"names":["styles","createStyles","display","gridAutoFlow","gridAutoColumns","gridAutoRows","gap","flexDirection","alignSelf","paddingLeft","paddingRight","alignItems","position","height","width","borderRadius","border","zIndex","transition","content","inset","backgroundColor","opacity","borderColor","flexGrow","minWidth","minHeight","writingMode","borderStartEndRadius","borderEndEndRadius","borderEndStartRadius","borderStartStartRadius","Timeline","children","cc","active","direction","uniform","reverse","props","style","combineClasses","childArray","Children","toArray","_jsx","className","classes","timeline","map","child","i","index","length","_jsxs","event","axis","segment","bullet"],"mappings":"wMAKA,MAAMA,EAASC,EAAa,WAAY,CACpC,YAAa,CACTC,QAAS,QAGb,iBAAkB,CACdC,aAAc,UAGlB,oBAAqB,CACjBC,gBAAiB,MACjBC,aAAc,OAGlB,SAAU,CACNH,QAAS,OACTI,IAAK,wBAGT,wBAAyB,CACrBC,cAAe,UAGnB,oCAAqC,CACjCC,UAAW,UAGf,6BAA8B,CAC1BA,UAAW,YAGf,mDAAoD,CAChDC,YAAa,wBAGjB,kDAAmD,CAC/CC,aAAc,wBAGlB,QAAS,CACLR,QAAS,OACTI,IAAK,MACLK,WAAY,UAGhB,qBAAsB,CAClBJ,cAAe,UAGnB,UAAW,CACPK,SAAU,WACVC,OAAQ,QACRC,MAAO,QACPC,aAAc,QACdC,OAAQ,kCACRC,OAAQ,EACRC,WAAY,qBAGhB,iBAAkB,CACdC,QAAS,KACTP,SAAU,WACVQ,MAAO,MACPL,aAAc,QACdM,gBAAiB,2BACjBC,QAAS,EACTJ,WAAY,gBAGhB,8BAA+B,CAC3BK,YAAa,4BAGjB,qCAAsC,CAClCD,QAAS,GAGb,WAAY,CACRT,OAAQ,MACRQ,gBAAiB,wBACjBH,WAAY,wBACZM,SAAU,GAGd,0BAA2B,CACvBX,OAAQ,MACRY,SAAU,OAGd,wBAAyB,CACrBX,MAAO,MACPY,UAAW,MACXC,YAAa,eAGjB,uBAAwB,CACpBC,qBAAsB,OACtBC,mBAAoB,QAGxB,sBAAuB,CACnBC,qBAAsB,OACtBC,uBAAwB,QAG5B,+BAAgC,CAC5BV,gBAAiB,8BAWX,SAAUW,GAASC,SAAEA,EAAQC,GAAEA,EAAK,CAAE,EAAAC,OAAEA,EAAMC,UAAEA,EAAY,aAAYC,QAAEA,EAAOC,QAAEA,KAAYC,IASzG,MAAMC,EAAQC,EAAezC,EAAQkC,GAC/BQ,EAAaC,EAASC,QAAQX,GAEpC,OAAOY,YAASN,EACZO,UAAWC,EACPP,EAAMQ,SACNR,EAAM,MAAMJ,KACZC,GAAWG,EAAMH,QACjBE,EAAMO,WACTb,SAEAS,EAAWO,KAAI,CAACC,EAAOC,KACpB,MAAMC,EAAQd,EAAUI,EAAWW,OAAS,EAAIF,EAAIA,EAEpD,OAAOG,EAAA,MAAA,CAAaR,UAAWN,EAAMe,MAAKtB,SAAA,CACtCqB,SAAKR,UAAWN,EAAMgB,eACX,IAANL,GAAWN,EAAA,MAAA,CAAKC,UAAWN,EAAMiB,QAAsB,cAAAnB,EAAUc,EAAQ,EAAIjB,EAASiB,EAAQjB,IAC/FU,SAAKC,UAAWN,EAAMkB,OAAM,cAAeN,EAAQjB,IAClDgB,IAAMT,EAAWW,OAAS,GAAKR,SAAKC,UAAWN,EAAMiB,sBAAsBnB,EAAUc,EAAQjB,EAASiB,EAAQ,EAAIjB,OAGvHU,EAAA,MAAA,CAAKC,UAAWN,EAAMrB,QAAOc,SACxBiB,MARQC,EAUX,KAGlB"}

package/dist/components/display/toast.js

@@ -1,2 +1,2 @@
-import{__rest as o}from"tslib";import{jsx as r,jsxs as e}from"react/jsx-runtime";import i from"../input/button.js";import{combineClasses as t,classes as a}from"../../core/utils.js";import{createStyles as n}from"../../core/style.js";import{Icon as c}from"../../core/icons.js";const l=n("toast",{".toast":{padding:".4em",backgroundColor:"var(--f-clr-fg-100)",borderRadius:"var(--f-radius-med)",border:"solid 1px var(--f-clr-fg-200)",display:"flex",alignItems:"flex-start",gap:"var(--f-spacing-med)",minWidth:"min(100vw, 16em)"},".toast.round":{borderRadius:"calc(1.4em + 1px)"},".icon":{position:"relative",padding:".4em",display:"flex",fontSize:"1.2em",lineHeight:1,color:"white",zIndex:1},".background":{position:"absolute",inset:0,borderRadius:"var(--f-radius-sml)",opacity:.6,zIndex:-1},".toast.round .background":{borderRadius:"999px"},".content":{display:"flex",flexDirection:"column",gap:"var(--f-spacing-xxs)",color:"var(--f-clr-grey-700)",alignSelf:"center",flexGrow:1,paddingBlock:".4em"},".title":{fontWeight:700,fontSize:".9em",color:"var(--f-clr-text-100)"}});function s(n){var{children:s,cc:d={},icon:m,color:f,title:p,round:u,action:g=r(c,{type:"close"}),onClose:v}=n,x=o(n,["children","cc","icon","color","title","round","action","onClose"]);const b=t(l,d);return e("div",Object.assign({},x,{className:a(b.toast,u&&b.round,x.className),children:[e("div",{className:b.icon,children:[r("div",{className:b.background,style:{backgroundColor:f}}),m]}),e("div",{className:b.content,children:[r("div",{className:b.title,children:p}),s]}),g&&r(i,{compact:!0,variant:"minimal",round:u,onClick:v,"aria-label":"Close",children:g})]}))}export{s as default};
+import{jsxs as o,jsx as r}from"react/jsx-runtime";import e from"../input/button.js";import{combineClasses as i,classes as a}from"../../core/utils.js";import{createStyles as t}from"../../core/style.js";import{Icon as n}from"../../core/icons.js";const l=t("toast",{".toast":{padding:".4em",backgroundColor:"var(--f-clr-fg-100)",borderRadius:"var(--f-radius-med)",border:"solid 1px var(--f-clr-fg-200)",display:"flex",alignItems:"flex-start",gap:"var(--f-spacing-med)",minWidth:"min(100vw, 16em)"},".toast.round":{borderRadius:"calc(1.4em + 1px)"},".icon":{position:"relative",padding:".4em",display:"flex",fontSize:"1.2em",lineHeight:1,color:"white",zIndex:1},".background":{position:"absolute",inset:0,borderRadius:"var(--f-radius-sml)",opacity:.6,zIndex:-1},".toast.round .background":{borderRadius:"999px"},".content":{display:"flex",flexDirection:"column",gap:"var(--f-spacing-xxs)",color:"var(--f-clr-grey-700)",alignSelf:"center",flexGrow:1,paddingBlock:".4em"},".title":{fontWeight:700,fontSize:".9em",color:"var(--f-clr-text-100)"}});function c({children:t,cc:c={},icon:s,color:d,title:m,round:f,action:p=r(n,{type:"close"}),onClose:u,...g}){const v=i(l,c);return o("div",{...g,className:a(v.toast,f&&v.round,g.className),children:[o("div",{className:v.icon,children:[r("div",{className:v.background,style:{backgroundColor:d}}),s]}),o("div",{className:v.content,children:[r("div",{className:v.title,children:m}),t]}),p&&r(e,{compact:!0,variant:"minimal",round:f,onClick:u,"aria-label":"Close",children:p})]})}export{c as default};
 //# sourceMappingURL=toast.js.map

package/dist/components/display/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","sources":["../../../../src/components/display/toast.tsx"],"sourcesContent":[null],"names":["styles","createStyles","padding","backgroundColor","borderRadius","border","display","alignItems","gap","minWidth","position","fontSize","lineHeight","color","zIndex","inset","opacity","flexDirection","alignSelf","flexGrow","paddingBlock","fontWeight","Toast","_a","children","cc","icon","title","round","action","_jsx","Icon","type","onClose","props","__rest","style","combineClasses","_jsxs","Object","assign","className","classes","toast","background","content","Button","compact","variant","onClick"],"mappings":"mRAMA,MAAMA,EAASC,EAAa,QAAS,CACjC,SAAU,CACNC,QAAS,OACTC,gBAAiB,sBACjBC,aAAc,sBACdC,OAAQ,gCACRC,QAAS,OACTC,WAAY,aACZC,IAAK,uBACLC,SAAU,oBAGd,eAAgB,CACZL,aAAc,qBAGlB,QAAS,CACLM,SAAU,WACVR,QAAS,OACTI,QAAS,OACTK,SAAU,QACVC,WAAY,EACZC,MAAO,QACPC,OAAQ,GAGZ,cAAe,CACXJ,SAAU,WACVK,MAAO,EACPX,aAAc,sBACdY,QAAS,GACTF,QAAQ,GAGZ,2BAA4B,CACxBV,aAAc,SAGlB,WAAY,CACRE,QAAS,OACTW,cAAe,SACfT,IAAK,uBACLK,MAAO,wBACPK,UAAW,SACXC,SAAU,EACVC,aAAc,QAGlB,SAAU,CACNC,WAAY,IACZV,SAAU,OACVE,MAAO,2BAWS,SAAAS,EAAMC,GAAA,IAAAC,SAAEA,EAAQC,GAAEA,EAAK,CAAA,EAAEC,KAAEA,EAAIb,MAAEA,EAAKc,MAAEA,EAAKC,MAAEA,EAAKC,OAAEA,EAASC,EAACC,EAAI,CAACC,KAAK,UAAUC,QAAEA,GAUlEV,EAV8EW,EAAKC,EAAAZ,EAAjG,qEAW1B,MAAMa,EAAQC,EAAerC,EAAQyB,GAErC,OAAOa,EAAA,MAAAC,OAAAC,OAAA,CAAA,EAASN,EACZ,CAAAO,UAAWC,EACPN,EAAMO,MACNf,GAASQ,EAAMR,MACfM,EAAMO,WACTjB,SAAA,CACDc,SAAKG,UAAWL,EAAMV,eAClBI,EAAK,MAAA,CAAAW,UAAWL,EAAMQ,WAAYR,MAAO,CAAEjC,gBAAiBU,KAE3Da,KAGLY,EAAA,MAAA,CAAKG,UAAWL,EAAMS,QAAOrB,SAAA,CACzBM,SAAKW,UAAWL,EAAMT,eAAQA,IAE7BH,KAGJK,GAAUC,EAACgB,EAAM,CAACC,SAAQ,EAAAC,QAAQ,UAAUpB,MAAOA,EAAOqB,QAAShB,EAAoB,aAAA,iBACnFJ,OAGb"}
+{"version":3,"file":"toast.js","sources":["../../../../src/components/display/toast.tsx"],"sourcesContent":[null],"names":["styles","createStyles","padding","backgroundColor","borderRadius","border","display","alignItems","gap","minWidth","position","fontSize","lineHeight","color","zIndex","inset","opacity","flexDirection","alignSelf","flexGrow","paddingBlock","fontWeight","Toast","children","cc","icon","title","round","action","_jsx","Icon","type","onClose","props","style","combineClasses","_jsxs","className","classes","toast","background","content","Button","compact","variant","onClick"],"mappings":"oPAMA,MAAMA,EAASC,EAAa,QAAS,CACjC,SAAU,CACNC,QAAS,OACTC,gBAAiB,sBACjBC,aAAc,sBACdC,OAAQ,gCACRC,QAAS,OACTC,WAAY,aACZC,IAAK,uBACLC,SAAU,oBAGd,eAAgB,CACZL,aAAc,qBAGlB,QAAS,CACLM,SAAU,WACVR,QAAS,OACTI,QAAS,OACTK,SAAU,QACVC,WAAY,EACZC,MAAO,QACPC,OAAQ,GAGZ,cAAe,CACXJ,SAAU,WACVK,MAAO,EACPX,aAAc,sBACdY,QAAS,GACTF,QAAQ,GAGZ,2BAA4B,CACxBV,aAAc,SAGlB,WAAY,CACRE,QAAS,OACTW,cAAe,SACfT,IAAK,uBACLK,MAAO,wBACPK,UAAW,SACXC,SAAU,EACVC,aAAc,QAGlB,SAAU,CACNC,WAAY,IACZV,SAAU,OACVE,MAAO,2BAWS,SAAAS,GAAMC,SAAEA,EAAQC,GAAEA,EAAK,CAAE,EAAAC,KAAEA,EAAIZ,MAAEA,EAAKa,MAAEA,EAAKC,MAAEA,EAAKC,OAAEA,EAASC,EAACC,EAAK,CAAAC,KAAK,UAAUC,QAAEA,KAAYC,IAWtH,MAAMC,EAAQC,EAAenC,EAAQwB,GAErC,OAAOY,EAAA,MAAA,IAASH,EACZI,UAAWC,EACPJ,EAAMK,MACNZ,GAASO,EAAMP,MACfM,EAAMI,WACTd,SAAA,CACDa,SAAKC,UAAWH,EAAMT,eAClBI,EAAK,MAAA,CAAAQ,UAAWH,EAAMM,WAAYN,MAAO,CAAE/B,gBAAiBU,KAE3DY,KAGLW,EAAA,MAAA,CAAKC,UAAWH,EAAMO,QAAOlB,SAAA,CACzBM,SAAKQ,UAAWH,EAAMR,eAAQA,IAE7BH,KAGJK,GAAUC,EAACa,EAAM,CAACC,SAAQ,EAAAC,QAAQ,UAAUjB,MAAOA,EAAOkB,QAASb,EAAoB,aAAA,iBACnFJ,MAGb"}

package/dist/components/display/tooltip.js

@@ -1,3 +1,3 @@
 "use client";
-import{__rest as t}from"tslib";import{jsxs as e,Fragment as n,jsx as r}from"react/jsx-runtime";import{combineClasses as i,combineRefs as o}from"../../core/utils.js";import{useId as a,useRef as s,useState as c,useEffect as l,isValidElement as d,cloneElement as u}from"react";import{createPortal as f}from"react-dom";import{createStyles as m}from"../../core/style.js";const p=m("tooltip",{".anchor":{position:"absolute",pointerEvents:"none"},'.anchor[data-position="top"]':{bottom:"calc(100% + var(--f-spacing-sml))",left:"50%"},'.anchor[data-position="left"]':{right:"calc(100% + var(--f-spacing-sml))",top:"50%"},'.anchor[data-position="right"]':{left:"calc(100% + var(--f-spacing-sml))",top:"50%"},'.anchor[data-position="bottom"]':{top:"calc(100% + var(--f-spacing-sml))",left:"50%"},".tooltip":{position:"fixed",left:0,top:0,zIndex:999,backgroundColor:"var(--f-clr-fg-200)",color:"var(--f-clr-text-100)",fontSize:"var(--f-font-size-xsm)",fontWeight:600,textAlign:"center",padding:".3em .5em",borderRadius:"var(--f-radius-sml)",pointerEvents:"none",transition:"opacity .2s, translate .2s"},'.tooltip[aria-hidden="true"]':{opacity:0,translate:"0px 4px"}});function g(m){var{children:g,cc:h={},content:v,position:b="auto",visibility:y="interact",delay:x=.3}=m,w=t(m,["children","cc","content","position","visibility","delay"]);const E=i(p,h),A=a(),L=s(null),j=s(null),F=s(null),C=s(void 0),W=s(!1),[$,k]=c(!1),[z,B]=c(b),[R,q]=c("100vw"),I="auto"===b?z:b;function M(t,e=0){if(clearTimeout(C.current),null!==t){if(F.current){let{left:t,top:e,right:n,bottom:r,width:i}=F.current.getBoundingClientRect();n=window.innerWidth-n,r=window.innerHeight-r;const o="auto"!==b?b:{[t]:"left",[e]:"top",[n]:"right",[r]:"bottom"}[Math.max(t,e,n,r)];let a=t+i/2;switch(o){case"left":a=t;break;case"right":a=n;break;default:a=2*Math.min(window.innerWidth-a,a)}q(`calc(${a}px - var(--f-spacing-sml) * 2)`),B(o)}if(!t||"never"===y)return W.current=!1,k("always"===y);C.current=setTimeout((()=>{k(!0)}),1e3*e)}}let N;function O(){if(L.current&&j.current){const{x:t,y:e}=L.current.getBoundingClientRect(),n={top:"-50%, -100%",left:"-100%, -50%",right:"0%, -50%",bottom:"-50%, 0%"}[I];j.current.style.transform=`translate(${t}px, ${e}px) translate(${n})`}N=requestAnimationFrame(O)}return l((()=>{const t=F.current,e=new AbortController,n=e.signal;if(!t)return;cancelAnimationFrame(N),N=requestAnimationFrame(O),window.addEventListener("touchstart",(e=>{e.target===t||t.contains(e.target)?(W.current=!0,M(!0,x+.05)):M(!1)}),{signal:n});const r=t=>{W.current||t instanceof FocusEvent&&t.target instanceof Element&&!t.target.matches(":focus-visible")||M(!0,x)};return t.addEventListener("mouseenter",r,{signal:n}),t.addEventListener("focus",r,{signal:n}),t.addEventListener("mouseleave",(()=>M(!1)),{signal:n}),t.addEventListener("blur",(()=>M(!1)),{signal:n}),t.addEventListener("touchend",(()=>M(null)),{signal:n}),()=>{cancelAnimationFrame(N),e.abort()}}),[y,I,x]),l((()=>M("always"===y)),[y]),g=Array.isArray(g)?g[0]:g,d(g)?e(n,{children:[u(g,Object.assign(Object.assign({},w),{"aria-describedby":A,ref:o(F,w.ref,g.props.ref)})),F.current&&f(r("div",{ref:L,className:E.anchor,"data-position":I}),F.current),F.current&&f(r("div",{ref:j,id:A,role:"tooltip",className:E.tooltip,"aria-hidden":!$,style:{maxWidth:R},children:v}),document.getElementById("__fluid"))]}):g}export{g as default};
+import{jsxs as t,Fragment as e,jsx as n}from"react/jsx-runtime";import{combineClasses as r,combineRefs as i}from"../../core/utils.js";import{useId as o,useRef as a,useState as s,useEffect as c,isValidElement as l,cloneElement as d}from"react";import{createPortal as u}from"react-dom";import{createStyles as f}from"../../core/style.js";const m=f("tooltip",{".anchor":{position:"absolute",pointerEvents:"none"},'.anchor[data-position="top"]':{bottom:"calc(100% + var(--f-spacing-sml))",left:"50%"},'.anchor[data-position="left"]':{right:"calc(100% + var(--f-spacing-sml))",top:"50%"},'.anchor[data-position="right"]':{left:"calc(100% + var(--f-spacing-sml))",top:"50%"},'.anchor[data-position="bottom"]':{top:"calc(100% + var(--f-spacing-sml))",left:"50%"},".tooltip":{position:"fixed",left:0,top:0,zIndex:999,backgroundColor:"var(--f-clr-fg-200)",color:"var(--f-clr-text-100)",fontSize:"var(--f-font-size-xsm)",fontWeight:600,textAlign:"center",padding:".3em .5em",borderRadius:"var(--f-radius-sml)",pointerEvents:"none",transition:"opacity .2s, translate .2s"},'.tooltip[aria-hidden="true"]':{opacity:0,translate:"0px 4px"}});function p({children:f,cc:p={},content:g,position:h="auto",visibility:v="interact",delay:b=.3,...x}){const w=r(m,p),y=o(),E=a(null),A=a(null),L=a(null),F=a(void 0),C=a(!1),[W,$]=s(!1),[j,k]=s(h),[z,B]=s("100vw"),R="auto"===h?j:h;function q(t,e=0){if(clearTimeout(F.current),null!==t){if(L.current){let{left:t,top:e,right:n,bottom:r,width:i}=L.current.getBoundingClientRect();n=window.innerWidth-n,r=window.innerHeight-r;const o="auto"!==h?h:{[t]:"left",[e]:"top",[n]:"right",[r]:"bottom"}[Math.max(t,e,n,r)];let a=t+i/2;switch(o){case"left":a=t;break;case"right":a=n;break;default:a=2*Math.min(window.innerWidth-a,a)}B(`calc(${a}px - var(--f-spacing-sml) * 2)`),k(o)}if(!t||"never"===v)return C.current=!1,$("always"===v);F.current=setTimeout((()=>{$(!0)}),1e3*e)}}let I;function M(){if(E.current&&A.current){const{x:t,y:e}=E.current.getBoundingClientRect(),n={top:"-50%, -100%",left:"-100%, -50%",right:"0%, -50%",bottom:"-50%, 0%"}[R];A.current.style.transform=`translate(${t}px, ${e}px) translate(${n})`}I=requestAnimationFrame(M)}return c((()=>{const t=L.current,e=new AbortController,n=e.signal;if(!t)return;cancelAnimationFrame(I),I=requestAnimationFrame(M),window.addEventListener("touchstart",(e=>{e.target===t||t.contains(e.target)?(C.current=!0,q(!0,b+.05)):q(!1)}),{signal:n});const r=t=>{C.current||t instanceof FocusEvent&&t.target instanceof Element&&!t.target.matches(":focus-visible")||q(!0,b)};return t.addEventListener("mouseenter",r,{signal:n}),t.addEventListener("focus",r,{signal:n}),t.addEventListener("mouseleave",(()=>q(!1)),{signal:n}),t.addEventListener("blur",(()=>q(!1)),{signal:n}),t.addEventListener("touchend",(()=>q(null)),{signal:n}),()=>{cancelAnimationFrame(I),e.abort()}}),[v,R,b]),c((()=>q("always"===v)),[v]),f=Array.isArray(f)?f[0]:f,l(f)?t(e,{children:[d(f,{...x,"aria-describedby":y,ref:i(L,x.ref,f.props.ref)}),L.current&&u(n("div",{ref:E,className:w.anchor,"data-position":R}),L.current),L.current&&u(n("div",{ref:A,id:y,role:"tooltip",className:w.tooltip,"aria-hidden":!W,style:{maxWidth:z},children:g}),document.getElementById("__fluid"))]}):f}export{p as default};
 //# sourceMappingURL=tooltip.js.map

package/dist/components/feedback/circular-progress.js

@@ -1,3 +1,3 @@
 "use client";
-import{__rest as e}from"tslib";import{jsxs as r,jsx as i}from"react/jsx-runtime";import{combineClasses as o,classes as t}from"../../core/utils.js";import{Animatable as s}from"@infinityfx/lively";import{useLink as a}from"@infinityfx/lively/hooks";import{useEffect as l}from"react";import{createStyles as n}from"../../core/style.js";const c=n("circular-progress",{".wrapper":{position:"relative",width:"3.2em",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0},".track":{stroke:"var(--f-clr-fg-100)",strokeWidth:"var(--width)",strokeLinecap:"round",strokeDasharray:1},".progress":{stroke:"var(--color, var(--f-clr-primary-100))",strokeWidth:"var(--width)",strokeLinecap:"round",transition:"background-color .3s"},".label":{position:"absolute",fontSize:"0.7em",fontWeight:600},".s__xsm":{fontSize:"var(--f-font-size-xsm)"},".s__sml":{fontSize:"var(--f-font-size-sml)"},".s__med":{fontSize:"var(--f-font-size-med)"},".s__lrg":{fontSize:"var(--f-font-size-lrg)"}});function f(n){var{children:f,cc:m={},size:d="med",slice:p=0,value:v,defaultValue:h=0,color:u}=n,g=e(n,["children","cc","size","slice","value","defaultValue","color"]);const k=o(c,m),y=void 0!==v?v:h,x=a(y*(1-p));return l((()=>x.set(y*(1-p),{duration:.3})),[y,p]),r("div",Object.assign({},g,{"aria-label":void 0,className:t(k.wrapper,k[`s__${d}`],g.className),children:[i("div",{className:k.label,children:f}),r("svg",{overflow:"visible",viewBox:"0 0 100 100",role:"progressbar","aria-valuenow":100*y,"aria-label":g["aria-label"],style:{rotate:90+180*p+"deg",width:"100%","--color":u,"--width":"10px"},children:[i("circle",{r:45,cx:50,cy:50,fill:"none",className:k.track,pathLength:1,style:{strokeDashoffset:p}}),i(s,{animate:{strokeLength:x},initial:{strokeDashoffset:1-x()},children:i("circle",{r:45,cx:50,cy:50,fill:"none",className:k.progress})})]})]}))}export{f as default};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{combineClasses as o,classes as t}from"../../core/utils.js";import{Animatable as i}from"@infinityfx/lively";import{useLink as s}from"@infinityfx/lively/hooks";import{useEffect as a}from"react";import{createStyles as l}from"../../core/style.js";const n=l("circular-progress",{".wrapper":{position:"relative",width:"3.2em",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0},".track":{stroke:"var(--f-clr-fg-100)",strokeWidth:"10px",strokeLinecap:"round",strokeDasharray:1},".progress":{stroke:"var(--color, var(--f-clr-primary-100))",strokeWidth:"10px",strokeLinecap:"round",transition:"background-color .3s"},".label":{position:"absolute",fontSize:"0.7em",fontWeight:600},".s__xsm":{fontSize:"var(--f-font-size-xsm)"},".s__sml":{fontSize:"var(--f-font-size-sml)"},".s__med":{fontSize:"var(--f-font-size-med)"},".s__lrg":{fontSize:"var(--f-font-size-lrg)"}});function c({children:l,cc:c={},size:f="med",slice:m=0,value:d,defaultValue:p=0,color:h,...v}){const u=o(n,c),k=void 0!==d?d:p,g=s(k*(1-m));return a((()=>g.set(k*(1-m),{duration:.3})),[k,m]),e("div",{...v,"aria-label":void 0,className:t(u.wrapper,u[`s__${f}`],v.className),children:[r("div",{className:u.label,children:l}),e("svg",{viewBox:"0 0 100 100",role:"progressbar","aria-valuenow":100*k,"aria-label":v["aria-label"],style:{rotate:90+180*m+"deg",width:"100%"},children:[r("circle",{r:45,cx:50,cy:50,fill:"none",className:u.track,pathLength:1,style:{strokeDashoffset:m}}),r(i,{animate:{strokeLength:g},initial:{strokeDashoffset:1-g()},children:r("circle",{r:45,cx:50,cy:50,fill:"none",className:u.progress,style:{"--color":h}})})]})]})}export{c as default};
 //# sourceMappingURL=circular-progress.js.map

package/dist/components/feedback/halo.js

@@ -1,3 +1,3 @@
 "use client";
-import{__rest as e}from"tslib";import{jsx as t}from"react/jsx-runtime";import{combineClasses as r,classes as n,combineRefs as i}from"../../core/utils.js";import{Animatable as o}from"@infinityfx/lively";import{useTrigger as a,useLink as s}from"@infinityfx/lively/hooks";import{useRef as c,useEffect as l,isValidElement as d,Children as u,cloneElement as p}from"react";import{createStyles as f}from"../../core/style.js";const m=f("halo",{".container":{isolation:"isolate"},".halo":{position:"absolute",overflow:"hidden",borderRadius:"inherit",inset:0,minWidth:"100%",minHeight:"100%",transition:"opacity .25s",display:"flex",alignItems:"center",justifyContent:"center",pointerEvents:"none",opacity:0,zIndex:-1},'.halo[data-disabled="true"]':{display:"none"},'.halo[data-focused="true"]':{opacity:.25},"@media (pointer: fine)":{'.container:hover > .halo[data-hover="true"]':{opacity:.25}},".ripple":{minWidth:"280%",minHeight:"280%",aspectRatio:1,backgroundColor:"var(--f-clr-grey-500)",borderRadius:"9999px",zIndex:-1}});function h(f){var{children:h,cc:y={},color:g,hover:v=!0,disabled:b=!1,target:x,ref:w}=f,E=e(f,["children","cc","color","hover","disabled","target","ref"]);const j=r(m,y),L=c(0),C=c(void 0),k=c(null),A=c(null),N=a(),R=s(1),H=s("0% 0%");if(l((()=>{const e=(null==x?void 0:x.current)||k.current,t=new AbortController,r=t.signal;if(e)return e.addEventListener("mousedown",(()=>{R.set(.5,{duration:.1})}),{signal:r}),e.addEventListener("click",(e=>{if(R.set(1),N(),!A.current)return;const{x:t,y:r,width:n,height:i}=A.current.getBoundingClientRect();A.current.style.transition="none",A.current.offsetHeight,A.current.style.transition="";const o=2.8*Math.max(n,i),a=((e.clientX-t)/n-.5)*(n/o),s=((e.clientY-r)/i-.5)*(i/o);H.set(`${e.clientX?100*a:0}% ${e.clientY?100*s:0}%`)}),{signal:r}),e.addEventListener("touchstart",(()=>{clearTimeout(C.current),L.current=Date.now(),A.current&&(A.current.style.opacity="0.25")}),{signal:r}),window.addEventListener("touchend",(()=>{const e=Math.max(450-Date.now()+L.current,0);C.current=setTimeout((()=>{A.current&&(A.current.style.opacity="")}),e)}),{signal:r}),e.addEventListener("focusin",(()=>n()),{signal:r}),e.addEventListener("focusout",(()=>n()),{signal:r}),n(":focus"),()=>t.abort();function n(t=":focus-visible"){A.current&&e&&(A.current.dataset.focused=""+e.matches(t))}}),[]),h=Array.isArray(h)?h[0]:h,!d(h))return h;const I=u.toArray(h.props.children);return I.unshift(t("div",{ref:A,className:j.halo,"data-hover":v,"data-disabled":b,children:t(o,{animate:{translate:H,opacity:R},animations:{ripple:{opacity:[0,1],scale:[0,1],duration:.5,easing:"ease-in"}},triggers:[{on:N,name:"ripple",immediate:!0}],children:t("div",{className:j.ripple,style:{backgroundColor:g}})})},"halo")),p(h,Object.assign(Object.assign({},E),{ref:i(k,w,h.props.ref),className:n(h.props.className,j.container)}),I)}export{h as default};
+import{jsx as t}from"react/jsx-runtime";import{combineClasses as e,classes as r,combineRefs as n}from"../../core/utils.js";import{Animatable as i}from"@infinityfx/lively";import{useTrigger as o,useLink as a}from"@infinityfx/lively/hooks";import{useRef as s,useEffect as c,isValidElement as l,Children as d,cloneElement as u}from"react";import{createStyles as p}from"../../core/style.js";const f=p("halo",{".container":{isolation:"isolate"},".halo":{position:"absolute",overflow:"hidden",borderRadius:"inherit",inset:0,minWidth:"100%",minHeight:"100%",transition:"opacity .25s",display:"flex",alignItems:"center",justifyContent:"center",pointerEvents:"none",opacity:0,zIndex:-1},'.halo[data-disabled="true"]':{display:"none"},'.halo[data-focused="true"]':{opacity:.25},"@media (pointer: fine)":{'.container:hover > .halo[data-hover="true"]':{opacity:.25}},".ripple":{minWidth:"280%",minHeight:"280%",aspectRatio:1,backgroundColor:"var(--f-clr-grey-500)",borderRadius:"9999px",zIndex:-1}});function m({children:p,cc:m={},color:h,hover:y=!0,disabled:g=!1,target:v,ref:b,...x}){const w=e(f,m),E=s(0),L=s(void 0),C=s(null),j=s(null),k=o(),A=a(1),N=a("0% 0%");if(c((()=>{const t=v?.current||C.current,e=new AbortController,r=e.signal;if(t)return t.addEventListener("mousedown",(()=>{A.set(.5,{duration:.1})}),{signal:r}),t.addEventListener("click",(t=>{if(A.set(1),k(),!j.current)return;const{x:e,y:r,width:n,height:i}=j.current.getBoundingClientRect();j.current.style.transition="none",j.current.offsetHeight,j.current.style.transition="";const o=2.8*Math.max(n,i),a=((t.clientX-e)/n-.5)*(n/o),s=((t.clientY-r)/i-.5)*(i/o);N.set(`${t.clientX?100*a:0}% ${t.clientY?100*s:0}%`)}),{signal:r}),t.addEventListener("touchstart",(()=>{clearTimeout(L.current),E.current=Date.now(),j.current&&(j.current.style.opacity="0.25")}),{signal:r}),window.addEventListener("touchend",(()=>{const t=Math.max(450-Date.now()+E.current,0);L.current=setTimeout((()=>{j.current&&(j.current.style.opacity="")}),t)}),{signal:r}),t.addEventListener("focusin",(()=>n()),{signal:r}),t.addEventListener("focusout",(()=>n()),{signal:r}),n(":focus"),()=>e.abort();function n(e=":focus-visible"){j.current&&t&&(j.current.dataset.focused=""+t.matches(e))}}),[]),p=Array.isArray(p)?p[0]:p,!l(p))return p;const R=d.toArray(p.props.children);return R.unshift(t("div",{ref:j,className:w.halo,"data-hover":y,"data-disabled":g,children:t(i,{animate:{translate:N,opacity:A},animations:{ripple:{opacity:[0,1],scale:[0,1],duration:.5,easing:"ease-in"}},triggers:[{on:k,name:"ripple",immediate:!0}],children:t("div",{className:w.ripple,style:{backgroundColor:h}})})},"halo")),u(p,{...x,ref:n(C,b,p.props.ref),className:r(p.props.className,w.container)},R)}export{m as default};
 //# sourceMappingURL=halo.js.map

package/dist/components/feedback/indicator.js

@@ -1,3 +1,3 @@
 "use client";
-import{__rest as t}from"tslib";import{jsxs as e,Fragment as r}from"react/jsx-runtime";import{useRef as o,useState as i,useEffect as n,isValidElement as c,cloneElement as a,createElement as s}from"react";import{combineClasses as l,combineRefs as d,classes as f}from"../../core/utils.js";import{createStyles as m}from"../../core/style.js";import{createPortal as p}from"react-dom";const u=m("indicator",{".indicator":{position:"absolute",minWidth:"1.5em",minHeight:"1.5em",lineHeight:1,borderRadius:"99px",backgroundColor:"var(--f-clr-accent-100)",border:"solid 2px transparent",translate:"50% -50%",pointerEvents:"none",fontSize:"var(--f-font-size-xxs)",fontWeight:600,color:"var(--f-clr-text-200)",display:"flex",alignItems:"center",justifyContent:"center",padding:".1em .3em",zIndex:99,WebkitBackfaceVisibility:"hidden"}});function h(m){var{children:h,cc:b={},content:g,color:y,outline:x,ref:j}=m,v=t(m,["children","cc","content","color","outline","ref"]);const k=l(u,b),C=o(void 0),[M,H]=i(-1);if(n((()=>{if(C.current instanceof HTMLElement){const t=parseFloat(getComputedStyle(C.current).borderTopRightRadius)||0,e=Math.min(C.current.offsetWidth,C.current.offsetHeight)/2;H(Math.min(t,e))}}),[]),h=Array.isArray(h)?h[0]:h,!c(h))return h;const R=Math.max(Math.SQRT2*M-M-1,0);return e(r,{children:[a(h,{ref:d(j,h.props.ref,C)}),M>=0&&!1!==g&&p(s("div",Object.assign({},v,{key:"indicator",className:f(k.indicator,v.className),style:Object.assign(Object.assign({},v.style),{backgroundColor:y,borderColor:x,top:R,right:R})}),"boolean"!=typeof g?g:null),C.current)]})}export{h as default};
+import{jsxs as t,Fragment as e}from"react/jsx-runtime";import{useRef as r,useState as o,useEffect as i,isValidElement as n,cloneElement as a,createElement as c}from"react";import{combineClasses as s,combineRefs as l,classes as d}from"../../core/utils.js";import{createStyles as f}from"../../core/style.js";import{createPortal as m}from"react-dom";const p=f("indicator",{".indicator":{position:"absolute",minWidth:"1.5em",minHeight:"1.5em",lineHeight:1,borderRadius:"99px",backgroundColor:"var(--f-clr-accent-100)",border:"solid 2px transparent",translate:"50% -50%",pointerEvents:"none",fontSize:"var(--f-font-size-xxs)",fontWeight:600,color:"var(--f-clr-text-200)",display:"flex",alignItems:"center",justifyContent:"center",padding:".1em .3em",zIndex:99,WebkitBackfaceVisibility:"hidden"}});function u({children:f,cc:u={},content:h,color:g,outline:y,ref:b,...x}){const v=s(p,u),k=r(void 0),[C,M]=o(-1);if(i((()=>{if(k.current instanceof HTMLElement){const t=parseFloat(getComputedStyle(k.current).borderTopRightRadius)||0,e=Math.min(k.current.offsetWidth,k.current.offsetHeight)/2;M(Math.min(t,e))}}),[]),f=Array.isArray(f)?f[0]:f,!n(f))return f;const j=Math.max(Math.SQRT2*C-C-1,0);return t(e,{children:[a(f,{ref:l(b,f.props.ref,k)}),C>=0&&!1!==h&&m(c("div",{...x,key:"indicator",className:d(v.indicator,x.className),style:{...x.style,backgroundColor:g,borderColor:y,top:j,right:j}},"boolean"!=typeof h?h:null),k.current)]})}export{u as default};
 //# sourceMappingURL=indicator.js.map

package/dist/components/feedback/progress-bar.js

@@ -1,3 +1,3 @@
 "use client";
-import{__rest as r}from"tslib";import{jsx as o}from"react/jsx-runtime";import{combineClasses as e,classes as i}from"../../core/utils.js";import{Animatable as s}from"@infinityfx/lively";import{useLink as a}from"@infinityfx/lively/hooks";import{useEffect as t}from"react";import{createStyles as l}from"../../core/style.js";const n=l("progress-bar",{".track":{height:".4em",minWidth:"min(100vw, 12em)",borderRadius:"999px",overflow:"hidden",backgroundColor:"var(--f-clr-fg-100)"},".progress":{height:"100%",backgroundColor:"var(--color, var(--f-clr-primary-100))",transformOrigin:"left",transition:"background-color .3s",borderRadius:"999px"},".s__xsm":{fontSize:"var(--f-font-size-xsm)"},".s__sml":{fontSize:"var(--f-font-size-sml)"},".s__med":{fontSize:"var(--f-font-size-med)"},".s__lrg":{fontSize:"var(--f-font-size-lrg)"}});function f(l){var{cc:f={},size:m="med",value:c,defaultValue:d=0,color:u}=l,v=r(l,["cc","size","value","defaultValue","color"]);const p=e(n,f),g=void 0!==c?c:d,z=a(g);return t((()=>z.set(g,{duration:.3})),[g]),o("div",Object.assign({},v,{role:"progressbar","aria-valuenow":100*g,className:i(p.track,p[`s__${m}`],v.className),children:o(s,{animate:{scale:z((r=>`${r} 1`))},initial:{scale:`${z()} 1`},deform:!1,children:o("div",{className:p.progress,style:{"--color":u}})})}))}export{f as default};
+import{jsx as r}from"react/jsx-runtime";import{combineClasses as o,classes as e}from"../../core/utils.js";import{Animatable as i}from"@infinityfx/lively";import{useLink as s}from"@infinityfx/lively/hooks";import{useEffect as t}from"react";import{createStyles as a}from"../../core/style.js";const l=a("progress-bar",{".track":{height:".4em",minWidth:"min(100vw, 12em)",borderRadius:"999px",overflow:"hidden",backgroundColor:"var(--f-clr-fg-100)"},".progress":{height:"100%",backgroundColor:"var(--color, var(--f-clr-primary-100))",transformOrigin:"left",transition:"background-color .3s",borderRadius:"999px"},".s__xsm":{fontSize:"var(--f-font-size-xsm)"},".s__sml":{fontSize:"var(--f-font-size-sml)"},".s__med":{fontSize:"var(--f-font-size-med)"},".s__lrg":{fontSize:"var(--f-font-size-lrg)"}});function n({cc:a={},size:n="med",value:f,defaultValue:m=0,color:c,...d}){const v=o(l,a),u=void 0!==f?f:m,p=s(u);return t((()=>p.set(u,{duration:.3})),[u]),r("div",{...d,role:"progressbar","aria-valuenow":100*u,className:e(v.track,v[`s__${n}`],d.className),children:r(i,{animate:{scale:p((r=>`${r} 1`))},initial:{scale:`${p()} 1`},deform:!1,children:r("div",{className:v.progress,style:{"--color":c}})})})}export{n as default};
 //# sourceMappingURL=progress-bar.js.map

package/dist/components/feedback/skeleton.js

@@ -1,2 +1,2 @@
-import{__rest as r}from"tslib";import{jsx as e}from"react/jsx-runtime";import{combineClasses as a,classes as s}from"../../core/utils.js";import{createStyles as i}from"../../core/style.js";const t=i("skeleton",{"@keyframes skeleton-loading":{"0%":{backgroundPosition:"100% 100%"},"100%":{backgroundPosition:"0% 0%"}},".skeleton":{background:"linear-gradient(135deg, var(--f-clr-grey-200) 25%, var(--f-clr-grey-100) 50%, var(--f-clr-grey-200) 75%)",backgroundSize:"400% 400%",animation:"skeleton-loading 2.5s linear infinite"}});function o(i){var{cc:o={},w:n,h:c,ar:l,radius:d="sml"}=i,m=r(i,["cc","w","h","ar","radius"]);const g=a(t,o);return e("div",Object.assign({},m,{className:s(g.skeleton,m.className),style:Object.assign({width:n,height:c,borderRadius:"max"!==d?`var(--f-radius-${d})`:"999px",aspectRatio:l},m.style)}))}export{o as default};
+import{jsx as e}from"react/jsx-runtime";import{combineClasses as r,classes as a}from"../../core/utils.js";import{createStyles as o}from"../../core/style.js";const t=o("skeleton",{"@keyframes skeleton-loading":{"0%":{backgroundPosition:"100% 100%"},"100%":{backgroundPosition:"0% 0%"}},".skeleton":{background:"linear-gradient(135deg, var(--f-clr-grey-200) 25%, var(--f-clr-grey-100) 50%, var(--f-clr-grey-200) 75%)",backgroundSize:"400% 400%",animation:"skeleton-loading 2.5s linear infinite"}});function i({cc:o={},w:i,h:s,ar:n,radius:l="sml",...c}){const d=r(t,o);return e("div",{...c,className:a(d.skeleton,c.className),style:{width:i,height:s,borderRadius:"max"!==l?`var(--f-radius-${l})`:"999px",aspectRatio:n,...c.style}})}export{i as default};
 //# sourceMappingURL=skeleton.js.map

package/dist/components/feedback/skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.js","sources":["../../../../src/components/feedback/skeleton.tsx"],"sourcesContent":[null],"names":["styles","createStyles","backgroundPosition","background","backgroundSize","animation","Skeleton","_a","cc","w","h","ar","radius","props","__rest","style","combineClasses","_jsx","Object","assign","className","classes","skeleton","width","height","borderRadius","aspectRatio"],"mappings":"4LAIA,MAAMA,EAASC,EAAa,WAAY,CACpC,8BAA+B,CAC3B,KAAM,CACFC,mBAAoB,aAExB,OAAQ,CACJA,mBAAoB,UAI5B,YAAa,CACTC,WAAY,2GACZC,eAAgB,YAChBC,UAAW,2CAWK,SAAAC,EAASC,GAAA,IAAAC,GAAEA,EAAK,CAAA,EAAEC,EAAEA,EAACC,EAAEA,EAACC,GAAEA,EAAEC,OAAEA,EAAS,OAAKL,EAAKM,EAAKC,EAAAP,EAA7C,8BAS7B,MAAMQ,EAAQC,EAAehB,EAAQQ,GAErC,OAAOS,EAAA,MAAAC,OAAAC,OAAA,CAAA,EAASN,EACZ,CAAAO,UAAWC,EACPN,EAAMO,SACNT,EAAMO,WAEVL,MAAKG,OAAAC,OAAA,CACDI,MAAOd,EACPe,OAAQd,EACRe,aAAyB,QAAXb,EAAmB,kBAAkBA,KAAY,QAC/Dc,YAAaf,GACVE,EAAME,SAErB"}
+{"version":3,"file":"skeleton.js","sources":["../../../../src/components/feedback/skeleton.tsx"],"sourcesContent":[null],"names":["styles","createStyles","backgroundPosition","background","backgroundSize","animation","Skeleton","cc","w","h","ar","radius","props","style","combineClasses","_jsx","className","classes","skeleton","width","height","borderRadius","aspectRatio"],"mappings":"6JAIA,MAAMA,EAASC,EAAa,WAAY,CACpC,8BAA+B,CAC3B,KAAM,CACFC,mBAAoB,aAExB,OAAQ,CACJA,mBAAoB,UAI5B,YAAa,CACTC,WAAY,2GACZC,eAAgB,YAChBC,UAAW,2CAWK,SAAAC,GAASC,GAAEA,EAAK,CAAE,EAAAC,EAAEA,EAACC,EAAEA,EAACC,GAAEA,EAAEC,OAAEA,EAAS,SAAUC,IASrE,MAAMC,EAAQC,EAAed,EAAQO,GAErC,OAAOQ,YAASH,EACZI,UAAWC,EACPJ,EAAMK,SACNN,EAAMI,WAEVH,MAAO,CACHM,MAAOX,EACPY,OAAQX,EACRY,aAAyB,QAAXV,EAAmB,kBAAkBA,KAAY,QAC/DW,YAAaZ,KACVE,EAAMC,QAErB"}

package/dist/components/feedback/spinner.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsx as r}from"react/jsx-runtime";import{Animatable as t}from"@infinityfx/lively";function i(i){var{color:o}=i,n=e(i,["color"]);return r("svg",Object.assign({},n,{style:Object.assign({stroke:o||"currentcolor"},n.style),viewBox:"0 0 100 100",width:"1em",height:"1em",children:r(t,{animate:{rotate:["0deg","720deg"],strokeLength:[.75,.25,.75],repeat:1/0,easing:"linear",duration:2},triggers:[{on:"mount"}],children:r("circle",{r:43,cx:50,cy:50,fill:"none",strokeWidth:14,style:{transformOrigin:"50% 50%",strokeLinecap:"round"}})})}))}export{i as default};
+import{jsx as e}from"react/jsx-runtime";import{Animatable as r}from"@infinityfx/lively";function t({color:t,...i}){return e("svg",{...i,style:{stroke:t||"currentcolor",...i.style},viewBox:"0 0 100 100",width:"1em",height:"1em",children:e(r,{animate:{rotate:["0deg","720deg"],strokeLength:[.75,.25,.75],repeat:1/0,easing:"linear",duration:2},triggers:[{on:"mount"}],children:e("circle",{r:43,cx:50,cy:50,fill:"none",strokeWidth:14,style:{transformOrigin:"50% 50%",strokeLinecap:"round"}})})})}export{t as default};
 //# sourceMappingURL=spinner.js.map

package/dist/components/feedback/spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.js","sources":["../../../../src/components/feedback/spinner.tsx"],"sourcesContent":[null],"names":["Spinner","_a","color","props","__rest","_jsx","Object","assign","style","stroke","viewBox","width","height","Animatable","animate","rotate","strokeLength","repeat","Infinity","easing","duration","triggers","on","children","r","cx","cy","fill","strokeWidth","transformOrigin","strokeLinecap"],"mappings":"uHAOwB,SAAAA,EAAQC,GAAA,IAAAC,MAAEA,GAEjCD,EAF2CE,EAAKC,EAAAH,EAAjB,WAI5B,OAAOI,EAAA,MAAAC,OAAAC,OAAA,CAAA,EAASJ,EAAK,CAAEK,MAAKF,OAAAC,OAAA,CAAIE,OAAQP,GAAS,gBAAmBC,EAAMK,OAASE,QAAQ,cAAcC,MAAM,MAAMC,OAAO,eACxHP,EAACQ,EAAW,CAAAC,QAAS,CAAEC,OAAQ,CAAC,OAAQ,UAAWC,aAAc,CAAC,IAAM,IAAM,KAAOC,OAAQC,IAAUC,OAAQ,SAAUC,SAAU,GAAKC,SAAU,CAAC,CAAEC,GAAI,UACrJC,SAAAlB,EAAA,SAAA,CAAQmB,EAAG,GAAIC,GAAI,GAAIC,GAAI,GAAIC,KAAK,OAAOC,YAAa,GAAIpB,MAAO,CAAEqB,gBAAiB,UAAWC,cAAe,eAG5H"}
+{"version":3,"file":"spinner.js","sources":["../../../../src/components/feedback/spinner.tsx"],"sourcesContent":[null],"names":["Spinner","color","props","_jsx","style","stroke","viewBox","width","height","children","Animatable","animate","rotate","strokeLength","repeat","Infinity","easing","duration","triggers","on","r","cx","cy","fill","strokeWidth","transformOrigin","strokeLinecap"],"mappings":"wFAOc,SAAUA,GAAQC,MAAEA,KAAUC,IAIxC,OAAOC,EAAA,MAAA,IAASD,EAAOE,MAAO,CAAEC,OAAQJ,GAAS,kBAAmBC,EAAME,OAASE,QAAQ,cAAcC,MAAM,MAAMC,OAAO,MAAKC,SAC7HN,EAACO,EAAW,CAAAC,QAAS,CAAEC,OAAQ,CAAC,OAAQ,UAAWC,aAAc,CAAC,IAAM,IAAM,KAAOC,OAAQC,IAAUC,OAAQ,SAAUC,SAAU,GAAKC,SAAU,CAAC,CAAEC,GAAI,UAAUV,SAC/JN,EAAQ,SAAA,CAAAiB,EAAG,GAAIC,GAAI,GAAIC,GAAI,GAAIC,KAAK,OAAOC,YAAa,GAAIpB,MAAO,CAAEqB,gBAAiB,UAAWC,cAAe,cAG5H"}

package/dist/components/input/autocomplete.js

@@ -1,3 +1,3 @@
 "use client";
-import{__rest as e}from"tslib";import{jsxs as t,jsx as r}from"react/jsx-runtime";import{useRef as o,useState as n,useEffect as l}from"react";import u from"./field.js";import a from"../display/combobox/index.js";import{changeInputValue as i}from"../../core/utils.js";function c(c){var{completions:s,emptyMessage:m="No suggestions",value:p,defaultValue:d,onChange:v,contentSize:g,virtualItemHeight:f}=c,h=e(c,["completions","emptyMessage","value","defaultValue","onChange","contentSize","virtualItemHeight"]);const b=o(null),j=o(null),x=o(0),[y,C]=void 0!==p?[p]:n(d||"");return l((()=>{var e;x.current&&(null===(e=j.current)||void 0===e||e[s.length?"open":"close"]())}),[s]),t(a.Root,{ref:j,stretch:!0,onClose:()=>{x.current<2&&(x.current=0)},children:[r(a.Trigger,{disabled:!0,children:r(u,Object.assign({},h,{inputRef:b,"aria-haspopup":"listbox","aria-autocomplete":"list",value:y,onChange:e=>{null==v||v(e),null==C||C(e.target.value)},onBlur:e=>{var t;null===(t=h.onBlur)||void 0===t||t.call(h,e),x.current=1},onFocus:e=>{var t,r;null===(t=h.onFocus)||void 0===t||t.call(h,e),x.current=2,s.length&&(null===(r=j.current)||void 0===r||r.open())}}))}),r(a.Content,{size:g,round:h.round,autoFocus:!1,emptyMessage:m,virtualItemHeight:f,children:s.map((e=>{const{label:t,value:o}="string"==typeof e?{label:e,value:e}:e;return r(a.Option,{value:o,onSelect:e=>{b.current&&(i(b.current,e),b.current.focus())},children:t},o)}))})]})}export{c as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as r,useState as o,useEffect as n}from"react";import u from"./field.js";import l from"../display/combobox/index.js";import{changeInputValue as i}from"../../core/utils.js";function a({completions:a,emptyMessage:c="No suggestions",value:s,defaultValue:p,onChange:m,contentSize:d,virtualItemHeight:g,...f}){const h=r(null),v=r(null),b=r(0),[x,j]=void 0!==s?[s]:o(p||"");return n((()=>{b.current&&v.current?.[a.length?"open":"close"]()}),[a]),e(l.Root,{ref:v,stretch:!0,onClose:()=>{b.current<2&&(b.current=0)},children:[t(l.Trigger,{disabled:!0,children:t(u,{...f,inputRef:h,"aria-haspopup":"listbox","aria-autocomplete":"list",value:x,onChange:e=>{m?.(e),j?.(e.target.value)},onBlur:e=>{f.onBlur?.(e),b.current=1},onFocus:e=>{f.onFocus?.(e),b.current=2,a.length&&v.current?.open()}})}),t(l.Content,{size:d,round:f.round,autoFocus:!1,emptyMessage:c,virtualItemHeight:g,children:a.map((e=>{const{label:r,value:o}="string"==typeof e?{label:e,value:e}:e;return t(l.Option,{value:o,onSelect:e=>{h.current&&(i(h.current,e),h.current.focus())},children:r},o)}))})]})}export{a as default};
 //# sourceMappingURL=autocomplete.js.map

package/dist/components/input/button.js

@@ -1,2 +1,2 @@
-import{__rest as r}from"tslib";import{jsx as o,jsxs as t}from"react/jsx-runtime";import a from"../feedback/halo.js";import{combineClasses as e,classes as n}from"../../core/utils.js";import l from"../feedback/spinner.js";import{createStyles as i}from"../../core/style.js";const s=i("button",{".button":{position:"relative",border:"none",outline:"none",borderRadius:"var(--f-radius-sml)",padding:".8em",backgroundColor:"var(--color, var(--f-clr-primary-100))",color:"var(--f-clr-text-100)",fontWeight:600,display:"flex",alignItems:"center",justifyContent:"center",WebkitTapHighlightColor:"transparent"},".button.compact":{padding:".6em"},".button.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__default":{color:"var(--f-clr-text-200)"},".v__light":{backgroundColor:"var(--color, var(--f-clr-primary-500))"},".v__neutral":{backgroundColor:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)"},'.button[data-loading="false"]:disabled':{color:"var(--f-clr-grey-400)",backgroundColor:"var(--f-clr-grey-100)"},".v__minimal":{backgroundColor:"transparent",color:"var(--color, var(--f-clr-text-100))"},".button:enabled:hover":{cursor:"pointer"},".content":{display:"flex",alignItems:"center",gap:"var(--f-spacing-xsm)",lineHeight:1},'.button[data-loading="true"] .content':{opacity:0},".loader":{position:"absolute"}});function c(i){var{children:c,cc:d={},round:f=!1,compact:m=!1,size:u="med",variant:b="default",color:p,loading:g=!1}=i,v=r(i,["children","cc","round","compact","size","variant","color","loading"]);const _=e(s,d);return o(a,{disabled:v.disabled||g,children:t("button",Object.assign({},v,{type:v.type||"button",disabled:v.disabled||g,className:n(_.button,f&&_.round,m&&_.compact,_[`s__${u}`],_[`v__${b}`],v.className),style:Object.assign({"--color":p},v.style),"data-loading":g,children:[o("span",{className:_.content,children:c}),g&&o(l,{className:_.loader})]}))})}export{c as default};
+import{jsx as r,jsxs as o}from"react/jsx-runtime";import t from"../feedback/halo.js";import{combineClasses as e,classes as a}from"../../core/utils.js";import n from"../feedback/spinner.js";import{createStyles as l}from"../../core/style.js";const i=l("button",{".button":{position:"relative",border:"none",outline:"none",borderRadius:"var(--f-radius-sml)",padding:".8em",backgroundColor:"var(--color, var(--f-clr-primary-100))",color:"var(--f-clr-text-100)",fontWeight:600,display:"flex",alignItems:"center",justifyContent:"center",WebkitTapHighlightColor:"transparent"},".button.compact":{padding:".6em"},".button.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__default":{color:"var(--f-clr-text-200)"},".v__light":{backgroundColor:"var(--color, var(--f-clr-primary-500))"},".v__neutral":{backgroundColor:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)"},'.button[data-loading="false"]:disabled':{color:"var(--f-clr-grey-400)",backgroundColor:"var(--f-clr-grey-100)"},".v__minimal":{backgroundColor:"transparent",color:"var(--color, var(--f-clr-text-100))"},".button:enabled:hover":{cursor:"pointer"},".content":{display:"flex",alignItems:"center",gap:"var(--f-spacing-xsm)",lineHeight:1},'.button[data-loading="true"] .content':{opacity:0},".loader":{position:"absolute"}});function s({children:l,cc:s={},round:c=!1,compact:d=!1,size:f="med",variant:m="default",color:u,loading:p=!1,...b}){const v=e(i,s);return r(t,{disabled:b.disabled||p,children:o("button",{...b,type:b.type||"button",disabled:b.disabled||p,className:a(v.button,c&&v.round,d&&v.compact,v[`s__${f}`],v[`v__${m}`],b.className),style:{"--color":u,...b.style},"data-loading":p,children:[r("span",{className:v.content,children:l}),p&&r(n,{className:v.loader})]})})}export{s as default};
 //# sourceMappingURL=button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../../../src/components/input/button.tsx"],"sourcesContent":[null],"names":["styles","createStyles","position","border","outline","borderRadius","padding","backgroundColor","color","fontWeight","display","alignItems","justifyContent","WebkitTapHighlightColor","fontSize","cursor","gap","lineHeight","opacity","Button","_a","children","cc","round","compact","size","variant","loading","props","__rest","style","combineClasses","_jsx","Halo","disabled","_jsxs","type","className","classes","button","Object","assign","content","Spinner","loader"],"mappings":"+QAMA,MAAMA,EAASC,EAAa,SAAU,CAClC,UAAW,CACPC,SAAU,WACVC,OAAQ,OACRC,QAAS,OACTC,aAAc,sBACdC,QAAS,OACTC,gBAAiB,yCACjBC,MAAO,wBACPC,WAAY,IACZC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,wBAAyB,eAG7B,kBAAmB,CACfP,QAAS,QAGb,gBAAiB,CACbD,aAAc,SAGlB,UAAW,CACPS,SAAU,0BAGd,UAAW,CACPA,SAAU,0BAGd,UAAW,CACPA,SAAU,0BAGd,UAAW,CACPA,SAAU,0BAGd,cAAe,CACXN,MAAO,yBAGX,YAAa,CACTD,gBAAiB,0CAGrB,cAAe,CACXA,gBAAiB,sBACjBJ,OAAQ,iCAGZ,yCAA0C,CACtCK,MAAO,wBACPD,gBAAiB,yBAGrB,cAAe,CACXA,gBAAiB,cACjBC,MAAO,uCAGX,wBAAyB,CACrBO,OAAQ,WAGZ,WAAY,CACRL,QAAS,OACTC,WAAY,SACZK,IAAK,uBACLC,WAAY,GAGhB,wCAAyC,CACrCC,QAAS,GAGb,UAAW,CACPhB,SAAU,cAWM,SAAAiB,EAAOC,GAAA,IAAAC,SAAEA,EAAQC,GAAEA,EAAK,CAAA,EAAEC,MAAEA,GAAQ,EAAKC,QAAEA,GAAU,EAAKC,KAAEA,EAAO,MAAKC,QAAEA,EAAU,UAASlB,MAAEA,EAAKmB,QAAEA,GAAU,GASnFP,EAT6FQ,EAAKC,EAAAT,EAAxH,wEAU3B,MAAMU,EAAQC,EAAe/B,EAAQsB,GAErC,OAAOU,EAACC,EAAK,CAAAC,SAAUN,EAAMM,UAAYP,EAAON,SAC5Cc,4BAAYP,EAAK,CACbQ,KAAMR,EAAMQ,MAAQ,SACpBF,SAAUN,EAAMM,UAAYP,EAC5BU,UAAWC,EACPR,EAAMS,OACNhB,GAASO,EAAMP,MACfC,GAAWM,EAAMN,QACjBM,EAAM,MAAML,KACZK,EAAM,MAAMJ,KACZE,EAAMS,WAEVP,MAAOU,OACHC,OAAA,CAAA,UAAWjC,GACRoB,EAAME,sBAECH,EAAON,SAAA,CACrBW,EAAM,OAAA,CAAAK,UAAWP,EAAMY,QAAOrB,SAAGA,IAEhCM,GAAWK,EAACW,EAAQ,CAAAN,UAAWP,EAAMc,cAGlD"}
+{"version":3,"file":"button.js","sources":["../../../../src/components/input/button.tsx"],"sourcesContent":[null],"names":["styles","createStyles","position","border","outline","borderRadius","padding","backgroundColor","color","fontWeight","display","alignItems","justifyContent","WebkitTapHighlightColor","fontSize","cursor","gap","lineHeight","opacity","Button","children","cc","round","compact","size","variant","loading","props","style","combineClasses","_jsx","Halo","disabled","_jsxs","type","className","classes","button","content","Spinner","loader"],"mappings":"gPAMA,MAAMA,EAASC,EAAa,SAAU,CAClC,UAAW,CACPC,SAAU,WACVC,OAAQ,OACRC,QAAS,OACTC,aAAc,sBACdC,QAAS,OACTC,gBAAiB,yCACjBC,MAAO,wBACPC,WAAY,IACZC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,wBAAyB,eAG7B,kBAAmB,CACfP,QAAS,QAGb,gBAAiB,CACbD,aAAc,SAGlB,UAAW,CACPS,SAAU,0BAGd,UAAW,CACPA,SAAU,0BAGd,UAAW,CACPA,SAAU,0BAGd,UAAW,CACPA,SAAU,0BAGd,cAAe,CACXN,MAAO,yBAGX,YAAa,CACTD,gBAAiB,0CAGrB,cAAe,CACXA,gBAAiB,sBACjBJ,OAAQ,iCAGZ,yCAA0C,CACtCK,MAAO,wBACPD,gBAAiB,yBAGrB,cAAe,CACXA,gBAAiB,cACjBC,MAAO,uCAGX,wBAAyB,CACrBO,OAAQ,WAGZ,WAAY,CACRL,QAAS,OACTC,WAAY,SACZK,IAAK,uBACLC,WAAY,GAGhB,wCAAyC,CACrCC,QAAS,GAGb,UAAW,CACPhB,SAAU,cAWJ,SAAUiB,GAAOC,SAAEA,EAAQC,GAAEA,EAAK,CAAE,EAAAC,MAAEA,GAAQ,EAAKC,QAAEA,GAAU,EAAKC,KAAEA,EAAO,MAAKC,QAAEA,EAAU,UAASjB,MAAEA,EAAKkB,QAAEA,GAAU,KAAUC,IAU9I,MAAMC,EAAQC,EAAe7B,EAAQqB,GAErC,OAAOS,EAACC,EAAK,CAAAC,SAAUL,EAAMK,UAAYN,EAAON,SAC5Ca,EAAY,SAAA,IAAAN,EACRO,KAAMP,EAAMO,MAAQ,SACpBF,SAAUL,EAAMK,UAAYN,EAC5BS,UAAWC,EACPR,EAAMS,OACNf,GAASM,EAAMN,MACfC,GAAWK,EAAML,QACjBK,EAAM,MAAMJ,KACZI,EAAM,MAAMH,KACZE,EAAMQ,WAEVP,MAAO,CACH,UAAWpB,KACRmB,EAAMC,OAEC,eAAAF,EACdN,SAAA,CAAAU,EAAA,OAAA,CAAMK,UAAWP,EAAMU,QAAUlB,SAAAA,IAEhCM,GAAWI,EAACS,EAAO,CAACJ,UAAWP,EAAMY,aAGlD"}

package/dist/components/input/calendar.js

@@ -1,3 +1,3 @@
 "use client";
-import{__rest as e}from"tslib";import{jsxs as a,jsx as r}from"react/jsx-runtime";import{useRef as t,useState as o}from"react";import n from"./button.js";import{combineClasses as l,classes as i}from"../../core/utils.js";import{createStyles as d}from"../../core/style.js";import{Icon as s}from"../../core/icons.js";import c from"../feedback/halo.js";import{Animatable as g}from"@infinityfx/lively";import{useTrigger as m}from"@infinityfx/lively/hooks";import f from"./toggle.js";import{LayoutGroup as u}from"@infinityfx/lively/layout";function h(e,a){return e.getFullYear()===a.getFullYear()&&e.getMonth()===a.getMonth()&&e.getDate()===a.getDate()}function p(e,a){const r=new Date(e);return r.setDate(e.getDate()+a),r}const y=d("calendar",{".calendar":{backgroundColor:"var(--f-clr-fg-100)",borderRadius:"var(--f-radius-med)",padding:".6em"},".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)"},".calendar.round":{borderRadius:"var(--f-radius-xlg)"},".toggle":{fontWeight:600,flexGrow:1},".hidden":{opacity:0,pointerEvents:"none"},".header":{display:"flex",alignItems:"center",gap:".6em",marginBottom:".6em"},".header > *":{transition:"opacity .35s"},".content":{position:"relative",display:"grid"},".grid":{display:"flex",flexDirection:"column",rowGap:"var(--f-spacing-xxs)",gridArea:"1 / 1"},".row":{display:"flex",justifyContent:"space-around"},".label":{display:"flex",flexBasis:0,flexGrow:1,alignItems:"center",justifyContent:"center",fontWeight:600,fontSize:".85em",color:"var(--f-clr-grey-600)",marginBottom:"var(--f-spacing-xxs)"},".date":{position:"relative",border:"none",outline:"none",background:"transparent",fontSize:"1em",borderRadius:"var(--f-radius-sml)",color:"var(--f-clr-grey-300)",transition:"background-color .25s, color .25s",WebkitTapHighlightColor:"transparent"},".years.grid":{display:"grid",gridTemplateColumns:"1fr 1fr 1fr",zIndex:1,backgroundColor:"var(--f-clr-fg-100)"},".dates .date":{height:"2.2em",width:"2.2em"},".round .date":{borderRadius:"99px"},".date:enabled":{cursor:"pointer"},".date:disabled":{color:"var(--f-clr-grey-500)"},".date.unavailable":{textDecoration:"line-through"},".date.bold":{fontWeight:500},".date.bold:enabled":{color:"var(--f-clr-text-100)"},".date.today:enabled":{backgroundColor:"var(--f-clr-fg-200)"},".date.selected:enabled":{backgroundColor:"var(--f-clr-primary-100)",color:"var(--f-clr-text-200)"},".date.selected:disabled":{backgroundColor:"var(--f-clr-grey-100)",color:"var(--f-clr-grey-500)"}});function b(d){var{cc:b={},locale:v,size:x="med",round:w,defaultValue:D,value:k,onChange:C,disabled:j=!1,minDate:z,maxDate:M}=d,N=e(d,["cc","locale","size","round","defaultValue","value","onChange","disabled","minDate","maxDate"]);const A=l(y,b),S=m(),_=m(),F=t([]),[L,Y]=o(!1),[O,R]=void 0!==k?[k,C]:o(D),I=O||new Date,W=new Date(I.getFullYear(),I.getMonth(),1),B=p(W,1-(W.getDay()||7)),G=new Date(I);G.setMonth(I.getMonth()+1);const T=new Date(I);function V(e){null==R||R(e);const a=I.getMonth()-e.getMonth();a>0&&S(),a<0&&_()}T.setMonth(I.getMonth()-1);try{new Intl.Locale(v)}catch(e){v="en"}const E=Object.assign(Object.assign({},b),{size:x,round:w,compact:!0,disabled:!0===j,variant:"minimal"});return a("div",Object.assign({},N,{className:i(A.calendar,w&&A.round,A[`s__${x}`],N.className),children:[a("div",{className:A.header,children:[r(n,Object.assign({},E,{className:L?A.hidden:void 0,"aria-label":T.toLocaleString(v,{month:"long"}),onClick:()=>V(T),children:r(s,{type:"left"})})),a(f,Object.assign({},E,{variant:"default",checked:L,onChange:e=>Y(e.target.checked),className:A.toggle,children:[I.toLocaleString(v,{month:"long",year:"numeric"}),r(s,{type:"expand"})]})),r(n,Object.assign({},E,{className:L?A.hidden:void 0,"aria-label":G.toLocaleString(v,{month:"long"}),onClick:()=>V(G),children:r(s,{type:"right"})}))]}),a("div",{className:A.content,children:[r(u,{children:L&&r(g,{id:"years",animate:{opacity:[0,1],duration:.35},triggers:[{on:"mount"},{on:"unmount",reverse:!0}],children:r("div",{role:"grid",className:i(A.grid,A.years),children:r(u,{transition:{duration:.35,easing:"ease-out"},children:new Array(21).fill(0).map(((e,a)=>{const t=new Date(I),o=3*Math.round(t.getFullYear()/3);t.setFullYear(o+a-10);const n=new Date(t.getFullYear(),1,1),l=t.toLocaleString(v,{year:"numeric"}),d=!0===j||!!z&&z>n||!!M&&M<n;return r(g,{id:l,adaptive:!0,cachable:["y"],animate:{opacity:[0,1],duration:.25,easing:"ease-out",delay:.35+.05*Math.abs(3-Math.floor(a/3))},triggers:[{on:"mount"}],children:r(c,{color:"var(--f-clr-primary-300)",disabled:d,children:r("button",{type:"button",disabled:d,"aria-label":l,className:i(A.date,A.bold,t.getFullYear()===I.getFullYear()&&A.selected),onClick:()=>V(t),children:l})})},l)}))})})})}),a("div",{role:"grid",className:i(A.grid,A.dates),children:[r("div",{className:A.row,role:"row",children:new Array(7).fill(0).map(((e,a)=>r("div",{className:A.label,role:"columnheader",children:p(B,a).toLocaleString(v,{weekday:"narrow"})},a)))}),r(g,{animations:{left:{translate:["-8px 0px","0px 0px"],opacity:[0,1],duration:.25,easing:"ease-out"},right:{translate:["8px 0px","0px 0px"],opacity:[0,1],duration:.25,easing:"ease-out"}},stagger:.05,triggers:[{name:"left",on:S,immediate:!0},{name:"right",on:_,immediate:!0}],children:new Array(6).fill(0).map(((e,a)=>r("div",{className:A.row,role:"row",children:new Array(7).fill(0).map(((e,t)=>{const o=7*a+t,n=p(B,o),l=(Array.isArray(j)?j.some((e=>h(e,n))):j)||!!z&&z>n||!!M&&M<n;return r("div",{role:"gridcell",children:r(c,{color:"var(--f-clr-primary-300)",disabled:l,children:r("button",{ref:e=>{F.current[o]=e},type:"button",disabled:l,"aria-label":n.toLocaleDateString(v,{weekday:"long",month:"long",day:"numeric"}),className:i(A.date,n.getMonth()===I.getMonth()&&A.bold,h(new Date,n)&&A.today,h(I,n)&&A.selected,l&&Array.isArray(j)&&A.unavailable),onClick:()=>V(n),onKeyDown:e=>{var a;let r=null;switch(e.key){case"ArrowRight":r=o+1;break;case"ArrowLeft":r=o-1;break;case"ArrowDown":r=o+7;break;case"ArrowUp":r=o-7}null!==r&&(r<0&&V(T),r>=42&&V(G),r%=42,r=r<0?42+r:r,null===(a=F.current[r])||void 0===a||a.focus(),e.preventDefault())},children:n.getDate()})})},t)}))},a)))})]})]})]}))}export{b as default};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useRef as a,useState as t}from"react";import o from"./button.js";import{combineClasses as n,classes as l}from"../../core/utils.js";import{createStyles as i}from"../../core/style.js";import{Icon as d}from"../../core/icons.js";import s from"../feedback/halo.js";import{Animatable as c}from"@infinityfx/lively";import{useTrigger as g}from"@infinityfx/lively/hooks";import m from"./toggle.js";import{LayoutGroup as f}from"@infinityfx/lively/layout";function u(e,r){return e.getFullYear()===r.getFullYear()&&e.getMonth()===r.getMonth()&&e.getDate()===r.getDate()}function h(e,r){const a=new Date(e);return a.setDate(e.getDate()+r),a}const p=i("calendar",{".calendar":{backgroundColor:"var(--f-clr-fg-100)",borderRadius:"var(--f-radius-med)",padding:".6em"},".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)"},".calendar.round":{borderRadius:"var(--f-radius-xlg)"},".toggle":{fontWeight:600,flexGrow:1},".hidden":{opacity:0,pointerEvents:"none"},".header":{display:"flex",alignItems:"center",gap:".6em",marginBottom:".6em"},".header > *":{transition:"opacity .35s"},".content":{position:"relative",display:"grid"},".grid":{display:"flex",flexDirection:"column",rowGap:"var(--f-spacing-xxs)",gridArea:"1 / 1"},".row":{display:"flex",justifyContent:"space-around"},".label":{display:"flex",flexBasis:0,flexGrow:1,alignItems:"center",justifyContent:"center",fontWeight:600,fontSize:".85em",color:"var(--f-clr-grey-600)",marginBottom:"var(--f-spacing-xxs)"},".date":{position:"relative",border:"none",outline:"none",background:"transparent",fontSize:"1em",borderRadius:"var(--f-radius-sml)",color:"var(--f-clr-grey-300)",transition:"background-color .25s, color .25s",WebkitTapHighlightColor:"transparent"},".years.grid":{display:"grid",gridTemplateColumns:"1fr 1fr 1fr",zIndex:1,backgroundColor:"var(--f-clr-fg-100)"},".dates .date":{height:"2.2em",width:"2.2em"},".round .date":{borderRadius:"99px"},".date:enabled":{cursor:"pointer"},".date:disabled":{color:"var(--f-clr-grey-500)"},".date.unavailable":{textDecoration:"line-through"},".date.bold":{fontWeight:500},".date.bold:enabled":{color:"var(--f-clr-text-100)"},".date.today:enabled":{backgroundColor:"var(--f-clr-fg-200)"},".date.selected:enabled":{backgroundColor:"var(--f-clr-primary-100)",color:"var(--f-clr-text-200)"},".date.selected:disabled":{backgroundColor:"var(--f-clr-grey-100)",color:"var(--f-clr-grey-500)"}});function y({cc:i={},locale:y,size:v="med",round:b,defaultValue:x,value:w,onChange:k,disabled:D=!1,minDate:C,maxDate:M,...N}){const z=n(p,i),A=g(),S=g(),_=a([]),[j,L]=t(!1),[F,Y]=void 0!==w?[w,k]:t(x),R=F||new Date,I=new Date(R.getFullYear(),R.getMonth(),1),W=h(I,1-(I.getDay()||7)),B=new Date(R);B.setMonth(R.getMonth()+1);const G=new Date(R);function T(e){Y?.(e);const r=R.getMonth()-e.getMonth();r>0&&A(),r<0&&S()}G.setMonth(R.getMonth()-1);try{new Intl.Locale(y)}catch(e){y="en"}const E={...i,size:v,round:b,compact:!0,disabled:!0===D,variant:"minimal"};return e("div",{...N,className:l(z.calendar,b&&z.round,z[`s__${v}`],N.className),children:[e("div",{className:z.header,children:[r(o,{...E,className:j?z.hidden:void 0,"aria-label":G.toLocaleString(y,{month:"long"}),onClick:()=>T(G),children:r(d,{type:"left"})}),e(m,{...E,variant:"default",checked:j,onChange:e=>L(e.target.checked),className:z.toggle,children:[R.toLocaleString(y,{month:"long",year:"numeric"}),r(d,{type:"expand"})]}),r(o,{...E,className:j?z.hidden:void 0,"aria-label":B.toLocaleString(y,{month:"long"}),onClick:()=>T(B),children:r(d,{type:"right"})})]}),e("div",{className:z.content,children:[r(f,{transition:{duration:.35,easing:"ease-out"},children:j&&r(c,{id:"years",passthrough:!0,traverseLayout:!0,animate:{opacity:[0,1],duration:.35},triggers:[{on:"mount"},{on:"unmount",reverse:!0}],children:r("div",{role:"grid",className:l(z.grid,z.years),children:new Array(21).fill(0).map(((e,a)=>{const t=new Date(R),o=3*Math.round(t.getFullYear()/3);t.setFullYear(o+a-10);const n=new Date(t.getFullYear(),1,1),i=t.toLocaleString(y,{year:"numeric"}),d=!0===D||!!C&&C>n||!!M&&M<n;return r(c,{id:i,adaptive:!0,cachable:["y"],animate:{opacity:[0,1],duration:.25,easing:"ease-out",delay:.35+.05*Math.abs(3-Math.floor(a/3))},triggers:[{on:"mount"}],children:r(s,{color:"var(--f-clr-primary-300)",disabled:d,children:r("button",{type:"button",disabled:d,"aria-label":i,className:l(z.date,z.bold,t.getFullYear()===R.getFullYear()&&z.selected),onClick:()=>T(t),children:i})})},i)}))})})}),e("div",{role:"grid",className:l(z.grid,z.dates),children:[r("div",{className:z.row,role:"row",children:new Array(7).fill(0).map(((e,a)=>r("div",{className:z.label,role:"columnheader",children:h(W,a).toLocaleString(y,{weekday:"narrow"})},a)))}),r(c,{animations:{left:{translate:["-8px 0px","0px 0px"],opacity:[0,1],duration:.25,easing:"ease-out"},right:{translate:["8px 0px","0px 0px"],opacity:[0,1],duration:.25,easing:"ease-out"}},stagger:.05,triggers:[{name:"left",on:A,immediate:!0},{name:"right",on:S,immediate:!0}],children:new Array(6).fill(0).map(((e,a)=>r("div",{className:z.row,role:"row",children:new Array(7).fill(0).map(((e,t)=>{const o=7*a+t,n=h(W,o),i=(Array.isArray(D)?D.some((e=>u(e,n))):D)||!!C&&C>n||!!M&&M<n;return r("div",{role:"gridcell",children:r(s,{color:"var(--f-clr-primary-300)",disabled:i,children:r("button",{ref:e=>{_.current[o]=e},type:"button",disabled:i,"aria-label":n.toLocaleDateString(y,{weekday:"long",month:"long",day:"numeric"}),className:l(z.date,n.getMonth()===R.getMonth()&&z.bold,u(new Date,n)&&z.today,u(R,n)&&z.selected,i&&Array.isArray(D)&&z.unavailable),onClick:()=>T(n),onKeyDown:e=>{let r=null;switch(e.key){case"ArrowRight":r=o+1;break;case"ArrowLeft":r=o-1;break;case"ArrowDown":r=o+7;break;case"ArrowUp":r=o-7}null!==r&&(r<0&&T(G),r>=42&&T(B),r%=42,r=r<0?42+r:r,_.current[r]?.focus(),e.preventDefault())},children:n.getDate()})})},t)}))},a)))})]})]})]})}export{y as default};
 //# sourceMappingURL=calendar.js.map

package/dist/components/input/checkbox.js

@@ -1,3 +1,3 @@
 "use client";
-import{__rest as r}from"tslib";import{jsx as e,jsxs as o}from"react/jsx-runtime";import{combineClasses as i,classes as t}from"../../core/utils.js";import{Animatable as a}from"@infinityfx/lively";import{useLink as c}from"@infinityfx/lively/hooks";import{useState as n,useEffect as s}from"react";import l from"../feedback/halo.js";import d from"../../hooks/use-input-props.js";import{createStyles as f}from"../../core/style.js";const h=f("checkbox",{".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},".checkbox":{width:"1.5em",height:"1.5em",borderRadius:"var(--f-radius-sml)",backgroundColor:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)",transition:"background-color .25s, border-color .25s",display:"flex",alignItems:"center",justifyContent:"center"},".input:enabled":{cursor:"pointer"},".checkmark":{width:"1em",stroke:"white",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round"},".input:disabled + .checkbox":{backgroundColor:"var(--f-clr-grey-100)",borderColor:"var(--f-clr-grey-200)"},".input:disabled + .checkbox .checkmark":{stroke:"var(--f-clr-grey-500)"},".input:disabled:checked + .checkbox":{backgroundColor:"var(--f-clr-grey-200)",borderColor:"var(--f-clr-grey-200)"},'.wrapper[data-error="true"] .input:enabled + .checkbox':{borderColor:"var(--f-clr-error-200)"},".input:checked:enabled + .checkbox":{backgroundColor:"var(--color, var(--f-clr-primary-300))",borderColor:"var(--color, var(--f-clr-primary-300))"},'.wrapper[data-error="true"] .input:checked:enabled + .checkbox':{backgroundColor:"var(--f-clr-error-200)"},".wrapper .halo":{borderRadius:"var(--f-radius-sml)",inset:"-.5em"}});function m(f){var{cc:m={},error:p,size:k="med",color:u,intermediate:b,checked:v,defaultChecked:g}=f,x=r(f,["cc","error","size","color","intermediate","checked","defaultChecked"]);const y=i(h,m),C=c(g?1:0),[w,z]=d(x),[j,_]=void 0!==v?[v]:n(g||!1);return s((()=>C.set(j?1:0,{duration:.25})),[j]),e(l,{hover:!1,cc:Object.assign({halo:y.halo},m),children:o("div",Object.assign({},z,{className:t(y.wrapper,y[`s__${k}`],z.className),"data-error":!!p,children:[e("input",Object.assign({},w,{checked:j,type:"checkbox",className:y.input,"aria-invalid":!!p,onChange:r=>{var e;null==_||_(r.target.checked),null===(e=x.onChange)||void 0===e||e.call(x,r)}})),e("div",{className:y.checkbox,style:{"--color":u},children:e("svg",{viewBox:"0 0 18 18",className:y.checkmark,children:e(a,b?{animate:{strokeLength:C},initial:{strokeDashoffset:j?0:1},children:e("path",{d:"M 3 9 L 15 9",fill:"none"})}:{animate:{strokeLength:C},initial:{strokeDashoffset:j?0:1},children:e("path",{d:"M 3 9 L 8 13 L 15 5",fill:"none"})})})})]}))})}export{m as default};
+import{jsx as r,jsxs as e}from"react/jsx-runtime";import{combineClasses as o,classes as i}from"../../core/utils.js";import{Animatable as t}from"@infinityfx/lively";import{useLink as a}from"@infinityfx/lively/hooks";import{useState as c,useEffect as n}from"react";import s from"../feedback/halo.js";import l from"../../hooks/use-input-props.js";import{createStyles as d}from"../../core/style.js";const f=d("checkbox",{".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},".checkbox":{width:"1.5em",height:"1.5em",borderRadius:"var(--f-radius-sml)",backgroundColor:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)",transition:"background-color .25s, border-color .25s",display:"flex",alignItems:"center",justifyContent:"center"},".input:enabled":{cursor:"pointer"},".checkmark":{width:"1em",stroke:"white",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round"},".input:disabled + .checkbox":{backgroundColor:"var(--f-clr-grey-100)",borderColor:"var(--f-clr-grey-200)"},".input:disabled + .checkbox .checkmark":{stroke:"var(--f-clr-grey-500)"},".input:disabled:checked + .checkbox":{backgroundColor:"var(--f-clr-grey-200)",borderColor:"var(--f-clr-grey-200)"},'.wrapper[data-error="true"] .input:enabled + .checkbox':{borderColor:"var(--f-clr-error-200)"},".input:checked:enabled + .checkbox":{backgroundColor:"var(--color, var(--f-clr-primary-300))",borderColor:"var(--color, var(--f-clr-primary-300))"},'.wrapper[data-error="true"] .input:checked:enabled + .checkbox':{backgroundColor:"var(--f-clr-error-200)"},".wrapper .halo":{borderRadius:"var(--f-radius-sml)",inset:"-.5em"}});function h({cc:d={},error:h,size:m="med",color:p,intermediate:k,checked:u,defaultChecked:b,...v}){const g=o(f,d),x=a(b?1:0),[y,C]=l(v),[w,z]=void 0!==u?[u]:c(b||!1);return n((()=>x.set(w?1:0,{duration:.25})),[w]),r(s,{hover:!1,cc:{halo:g.halo,...d},children:e("div",{...C,className:i(g.wrapper,g[`s__${m}`],C.className),"data-error":!!h,children:[r("input",{...y,checked:w,type:"checkbox",className:g.input,"aria-invalid":!!h,onChange:r=>{z?.(r.target.checked),v.onChange?.(r)}}),r("div",{className:g.checkbox,style:{"--color":p},children:r("svg",{viewBox:"0 0 18 18",className:g.checkmark,children:r(t,k?{animate:{strokeLength:x},initial:{strokeDashoffset:w?0:1},children:r("path",{d:"M 3 9 L 15 9",fill:"none"})}:{animate:{strokeLength:x},initial:{strokeDashoffset:w?0:1},children:r("path",{d:"M 3 9 L 8 13 L 15 5",fill:"none"})})})})]})})}export{h as default};
 //# sourceMappingURL=checkbox.js.map

package/dist/components/input/chip.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 o,classes as c}from"../../core/utils.js";import a from"../../hooks/use-input-props.js";import{useState as n,useEffect as t}from"react";import{createStyles as d}from"../../core/style.js";import{Animatable as s}from"@infinityfx/lively";import{useLink as l}from"@infinityfx/lively/hooks";const p=d("chip",{".wrapper":{position:"relative",borderRadius:"var(--f-radius-sml)"},".wrapper.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)"},".input":{position:"absolute",opacity:0,inset:0,width:"100%",height:"100%",borderRadius:"inherit",WebkitTapHighlightColor:"transparent"},'.input[type="checkbox"]:enabled':{cursor:"pointer"},'.input[type="radio"]:enabled:not(:checked)':{cursor:"pointer"},".chip":{display:"flex",alignItems:"center",backgroundColor:"var(--f-clr-fg-100)",borderRadius:"inherit",color:"var(--f-clr-text-100)",fontWeight:600,padding:".5em",paddingRight:".7em",gap:".7em",userSelect:"none",lineHeight:1.2,transition:"background-color .15s, color .15s"},".checkmark":{backgroundColor:"var(--f-clr-bg-100)",borderRadius:"3px",padding:".2em",width:"1.2em",stroke:"white",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round",transition:"background-color .15s"},".wrapper.round .checkmark":{borderRadius:"999px"},".input:enabled:checked + .chip":{backgroundColor:"var(--f-clr-primary-600)",color:"var(--f-clr-primary-100)"},".input:enabled:checked + .chip .checkmark":{backgroundColor:"var(--f-clr-primary-100)"},".input:disabled + .chip":{color:"var(--f-clr-grey-300)"},".input:disabled + .chip .checkmark":{backgroundColor:"var(--f-clr-grey-100)"},".input:checked:disabled + .chip":{backgroundColor:"var(--f-clr-grey-200)",color:"var(--f-clr-grey-500)"},".input:checked:disabled + .chip .checkmark":{backgroundColor:"var(--f-clr-grey-300)",stroke:"var(--f-clr-grey-500)"},".input:enabled:focus-visible + .chip":{backgroundColor:"var(--f-clr-primary-600)"},".input:enabled:checked:focus-visible + .chip":{backgroundColor:"var(--f-clr-primary-500)"}});function h(d){var{children:h,cc:u={},size:f="med",type:m="checkbox",round:k,checked:g,defaultChecked:b}=d,v=r(d,["children","cc","size","type","round","checked","defaultChecked"]);const y=o(p,u),[x,C]=a(v),z=l(b?1:0),[_,w]=void 0!==g?[g]:n(b||!1);return t((()=>z.set(_?1:0,{duration:.15})),[_]),e("div",Object.assign({},C,{className:c(y.wrapper,y[`s__${f}`],k&&y.round,C.className),children:[i("input",Object.assign({},x,{type:m,className:y.input,checked:_,onChange:r=>{var e;null==w||w(r.target.checked),null===(e=v.onChange)||void 0===e||e.call(v,r)}})),e("div",{className:y.chip,children:[i("svg",{viewBox:"0 0 18 18",className:y.checkmark,children:i(s,{animate:{strokeLength:z},initial:{strokeDashoffset:_?0:1},children:i("path",{d:"M 3 9 L 8 13 L 15 5",fill:"none"})})}),h]})]}))}export{h as default};
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import{combineClasses as i,classes as o}from"../../core/utils.js";import c from"../../hooks/use-input-props.js";import{useState as a,useEffect as n}from"react";import{createStyles as t}from"../../core/style.js";import{Animatable as d}from"@infinityfx/lively";import{useLink as s}from"@infinityfx/lively/hooks";const l=t("chip",{".wrapper":{position:"relative",borderRadius:"var(--f-radius-sml)"},".wrapper.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)"},".input":{position:"absolute",opacity:0,inset:0,width:"100%",height:"100%",borderRadius:"inherit",WebkitTapHighlightColor:"transparent"},'.input[type="checkbox"]:enabled':{cursor:"pointer"},'.input[type="radio"]:enabled:not(:checked)':{cursor:"pointer"},".chip":{display:"flex",alignItems:"center",backgroundColor:"var(--f-clr-fg-100)",borderRadius:"inherit",color:"var(--f-clr-text-100)",fontWeight:600,padding:".5em",paddingRight:".7em",gap:".7em",userSelect:"none",lineHeight:1.2,transition:"background-color .15s, color .15s"},".checkmark":{backgroundColor:"var(--f-clr-bg-100)",borderRadius:"3px",padding:".2em",width:"1.2em",stroke:"white",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round",transition:"background-color .15s"},".wrapper.round .checkmark":{borderRadius:"999px"},".input:enabled:checked + .chip":{backgroundColor:"var(--f-clr-primary-600)",color:"var(--f-clr-primary-100)"},".input:enabled:checked + .chip .checkmark":{backgroundColor:"var(--f-clr-primary-100)"},".input:disabled + .chip":{color:"var(--f-clr-grey-300)"},".input:disabled + .chip .checkmark":{backgroundColor:"var(--f-clr-grey-100)"},".input:checked:disabled + .chip":{backgroundColor:"var(--f-clr-grey-200)",color:"var(--f-clr-grey-500)"},".input:checked:disabled + .chip .checkmark":{backgroundColor:"var(--f-clr-grey-300)",stroke:"var(--f-clr-grey-500)"},".input:enabled:focus-visible + .chip":{backgroundColor:"var(--f-clr-primary-600)"},".input:enabled:checked:focus-visible + .chip":{backgroundColor:"var(--f-clr-primary-500)"}});function p({children:t,cc:p={},size:h="med",type:u="checkbox",round:f,checked:m,defaultChecked:k,...g}){const b=i(l,p),[v,y]=c(g),x=s(k?1:0),[C,_]=void 0!==m?[m]:a(k||!1);return n((()=>x.set(C?1:0,{duration:.15})),[C]),r("div",{...y,className:o(b.wrapper,b[`s__${h}`],f&&b.round,y.className),children:[e("input",{...v,type:u,className:b.input,checked:C,onChange:r=>{_?.(r.target.checked),g.onChange?.(r)}}),r("div",{className:b.chip,children:[e("svg",{viewBox:"0 0 18 18",className:b.checkmark,children:e(d,{animate:{strokeLength:x},initial:{strokeDashoffset:C?0:1},children:e("path",{d:"M 3 9 L 8 13 L 15 5",fill:"none"})})}),t]})]})}export{p as default};
 //# sourceMappingURL=chip.js.map

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

@@ -1,3 +1,3 @@
 "use client";
-import{__rest as e}from"tslib";import{jsxs as r,jsx as o}from"react/jsx-runtime";import{useState as a}from"react";import i from"./field.js";import{Animatable as l}from"@infinityfx/lively";import t from"../layout/popover/index.js";import{createStyles as n}from"../../core/style.js";import{combineClasses as d,rgbToHex as s,hexToRgb as c}from"../../core/utils.js";import m from"./color-picker.js";import u from"../display/swatch.js";const p=n("color-field",(e=>({".picker":{padding:"var(--f-spacing-sml)"},".swatch":{marginLeft:".4em"},[`@media(min-width: ${e.breakpoints.mob+1}px)`]:{".picker":{boxShadow:"var(--f-shadow-med)",backgroundColor:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)",borderRadius:"var(--f-radius-med)"}}})));function f(n){var{cc:f={},value:b,defaultValue:g,onChange:v,disabled:h}=n,x=e(n,["cc","value","defaultValue","onChange","disabled"]);const j=d(p,f),[y,w]=void 0!==b?[b,v]:a(g||""),[C,k]=a(null);return r(t.Root,{position:"center",mobileContainer:"modal",children:[o(t.Trigger,{disabled:h,children:o(i,Object.assign({},x,{cc:f,inputMode:"none",left:o(u,{size:x.size,round:x.round,color:y,cc:Object.assign({swatch:j.swatch},f)}),role:"combobox","aria-haspopup":"listbox",type:"text",disabled:h,"aria-disabled":x.readOnly||h,value:null!==C?C:y,onChange:e=>{const r=(o=e.target.value,`#${s(c(o.replace(/[^\da-f]/g,"").slice(0,6)))}`);var o;k(e.target.value),null==w||w(r)},onBlur:()=>k(null)}))}),o(t.Content,{role:"listbox","aria-multiselectable":!1,children:o(l,{id:"date-field-calendar",animate:{opacity:[0,.2,1],scale:[.9,1],duration:.2},triggers:[{on:"mount"},{on:"unmount",reverse:!0}],children:o("div",{className:j.picker,children:o(m,{value:y,onChange:e=>null==w?void 0:w(`#${e}`),disabled:x.readOnly||h})})})})]})}export{f as default};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as o}from"react";import a from"./field.js";import{Animatable as i}from"@infinityfx/lively";import l from"../layout/popover/index.js";import{createStyles as t}from"../../core/style.js";import{combineClasses as n,rgbToHex as d,hexToRgb as c}from"../../core/utils.js";import s from"./color-picker.js";import m from"../display/swatch.js";const p=t("color-field",(e=>({".picker":{padding:"var(--f-spacing-sml)"},".swatch":{marginLeft:".4em"},[`@media(min-width: ${e.breakpoints.mob+1}px)`]:{".picker":{boxShadow:"var(--f-shadow-med)",backgroundColor:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)",borderRadius:"var(--f-radius-med)"}}})));function u({cc:t={},value:u,defaultValue:f,onChange:b,disabled:g,...h}){const v=n(p,t),[x,y]=void 0!==u?[u,b]:o(f||""),[j,w]=o(null);return e(l.Root,{position:"center",mobileContainer:"modal",children:[r(l.Trigger,{disabled:g,children:r(a,{...h,cc:t,inputMode:"none",left:r(m,{size:h.size,round:h.round,color:x,cc:{swatch:v.swatch,...t}}),role:"combobox","aria-haspopup":"listbox",type:"text",disabled:g,"aria-disabled":h.readOnly||g,value:null!==j?j:x,onChange:e=>{const r=(o=e.target.value,`#${d(c(o.replace(/[^\da-f]/g,"").slice(0,6)))}`);var o;w(e.target.value),y?.(r)},onBlur:()=>w(null)})}),r(l.Content,{role:"listbox","aria-multiselectable":!1,children:r(i,{id:"date-field-calendar",animate:{opacity:[0,.2,1],scale:[.9,1],duration:.2},triggers:[{on:"mount"},{on:"unmount",reverse:!0}],children:r("div",{className:v.picker,children:r(s,{value:x,onChange:e=>y?.(`#${e}`),disabled:h.readOnly||g})})})})]})}export{u as default};
 //# sourceMappingURL=color-field.js.map

package/dist/components/input/color-picker.js

@@ -1,3 +1,3 @@
 "use client";
-import{__rest as e}from"tslib";import{jsxs as r,jsx as a}from"react/jsx-runtime";import{useRef as o,useState as i,useEffect as n}from"react";import{combineClasses as t,hexToRgb as l,rgbToHsv as s,classes as c,rgbToHex as d,hsvToRgb as u}from"../../core/utils.js";import f from"../display/swatch.js";import{createStyles as m}from"../../core/style.js";import h from"./slider.js";import p from"./field.js";import g from"./number-field.js";import b from"../layout/group.js";const v=m("color-picker",(e=>({".wrapper":{display:"flex",flexDirection:"column",gap:"var(--f-spacing-sml)"},".row":{display:"flex",gap:"var(--f-spacing-sml)"},".column, .fields":{display:"flex",flexDirection:"column",gap:"var(--f-spacing-sml)"},".column":{flexGrow:1},".space":{position:"relative",minWidth:"12em",height:"12em",borderRadius:"var(--f-radius-sml)",backgroundBlendMode:"multiply",border:"solid 1px var(--f-clr-fg-200)",flexGrow:1,userSelect:"none",cursor:"pointer",touchAction:"none"},".selection":{position:"absolute",width:"1.2em",height:"1.2em",borderRadius:"var(--f-radius-sml)",backgroundColor:"var(--color)",border:"solid 2px white",boxShadow:"var(--f-shadow-sml)",translate:"-50% -50%",cursor:"pointer",WebkitBackfaceVisibility:"hidden"},'.selection[aria-disabled="true"]':{backgroundColor:"var(--f-clr-grey-200)",borderColor:"var(--f-clr-grey-300)"},".wrapper .swatch":{width:"auto",height:"auto",flexGrow:1},".wrapper .hex":{minWidth:"4.2em"},".wrapper .rgb > * ":{minWidth:"4.2em",flexGrow:1},".wrapper .hue__progress":{backgroundColor:"transparent"},".hue__track":{background:"linear-gradient(90deg, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000)",height:"100%",borderRadius:"var(--f-radius-sml)"},".wrapper .hue__handle":{borderRadius:"var(--f-radius-med)"},".hue__handle::after":{boxSizing:"border-box",border:"solid 2px white",borderRadius:"var(--f-radius-sml)"},'.hue__handle[aria-disabled="true"]::after':{borderColor:"var(--f-clr-grey-300)"},'.wrapper .hue__handle[aria-disabled="false"]::after':{backgroundColor:"var(--hue)"},[`@media (max-width: ${e.breakpoints.mob}px)`]:{".row":{flexDirection:"column"},".column":{flexDirection:"row-reverse"},".fields":{flexDirection:"column",flexGrow:1},".wrapper .swatch":{aspectRatio:1,maxHeight:"5.3em"}}})));function w(m){var{cc:w={},format:x,defaultValue:_,value:y,onChange:k,disabled:j}=m,C=e(m,["cc","format","defaultValue","value","onChange","disabled"]);const N=t(v,w),R=o(!1),D=o(null),E=void 0===y?null:"string"==typeof y?l(y):y,G=void 0===_?[255,0,0]:"string"==typeof _?l(_):_,[M,$]=i(s(G)),[B,A]=i(null),[L,S]=E?[E]:i(G),W=function(e,r){const[a,o,i]=u(r);return a==e[0]&&o==e[1]&&i==e[2]}(L,M)?M:s(L),z=o(W);function O(e,r=!1){null==S||S(e),null==k||k("rgb"===x?e:d(e)),r&&(z.current=s(e)),$(z.current)}function V(e){if(!R.current||!D.current||j)return;const{clientX:r,clientY:a}="touches"in e?e.changedTouches[0]:e;let{x:o,y:i,width:n,height:t}=D.current.getBoundingClientRect();z.current[1]=100*Math.min(Math.max(r-o+.5,0)/n,1),z.current[2]=100*(1-Math.min(Math.max(a-i+.5,0)/t,1)),O(u(z.current))}return n((()=>{const e=new AbortController,r=e.signal,a=e=>{V(e),R.current=!1};return window.addEventListener("mouseup",a,{signal:r}),window.addEventListener("touchend",a,{signal:r}),window.addEventListener("mousemove",V,{signal:r}),window.addEventListener("touchmove",V,{signal:r}),()=>e.abort()}),[j]),r("div",Object.assign({},C,{style:{"--hue":`hsl(${W[0]}, 100%, 50%)`,"--color":`rgb(${L.join(",")})`},className:c(N.wrapper,C.className),children:[r("div",{className:N.row,children:[a("div",{ref:D,onMouseDown:e=>{R.current=!0,V(e.nativeEvent)},onTouchStart:e=>{R.current=!0,V(e.nativeEvent)},className:N.space,style:{background:`linear-gradient(90deg, transparent, hsl(${W[0]}, 100%, 50%)), linear-gradient(white, black)`},children:a("div",{"aria-disabled":j,className:N.selection,style:{left:`${W[1]}%`,top:100-W[2]+"%"}})}),r("div",{className:N.column,children:[a(f,{color:`rgb(${L.join(",")})`,cc:Object.assign({swatch:N.swatch},w)}),r("div",{className:N.fields,children:[a(p,{disabled:j,size:"sml",icon:"#",className:N.hex,value:null!==B?B:d(L),onChange:e=>{const r=e.target.value.replace(/[^\da-fA-F]/g,"").slice(0,6);A(r),O(l(r),!0)},onBlur:()=>A(null)}),a(b,{className:N.rgb,children:L.map(((e,r)=>a(g,{cc:w,disabled:j,max:255,precision:0,controls:!1,size:"sml",icon:"RGB".charAt(r),value:e,onChange:e=>{const a=L.slice();a[r]=parseInt(e.target.value)||0,O(a,!0)}},r)))})]})]})]}),a(h,{max:360,step:.25,tooltips:"never",disabled:j,value:[W[0]],onChange:e=>{z.current[0]=e[0],O(u(z.current))},cc:Object.assign({progress:N.hue__progress,track:N.hue__track,handle:N.hue__handle},w)})]}))}export{w as default};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useRef as a,useState as o,useEffect as i}from"react";import{combineClasses as n,hexToRgb as t,rgbToHsv as l,classes as s,rgbToHex as c,hsvToRgb as d}from"../../core/utils.js";import u from"../display/swatch.js";import{createStyles as f}from"../../core/style.js";import m from"./slider.js";import h from"./field.js";import p from"./number-field.js";import g from"../layout/group.js";const b=f("color-picker",(e=>({".wrapper":{display:"flex",flexDirection:"column",gap:"var(--f-spacing-sml)"},".row":{display:"flex",gap:"var(--f-spacing-sml)"},".column, .fields":{display:"flex",flexDirection:"column",gap:"var(--f-spacing-sml)"},".column":{flexGrow:1},".space":{position:"relative",minWidth:"12em",height:"12em",borderRadius:"var(--f-radius-sml)",backgroundBlendMode:"multiply",border:"solid 1px var(--f-clr-fg-200)",flexGrow:1,userSelect:"none",cursor:"pointer",touchAction:"none"},".selection":{position:"absolute",width:"1.2em",height:"1.2em",borderRadius:"var(--f-radius-sml)",backgroundColor:"var(--color)",border:"solid 2px white",boxShadow:"var(--f-shadow-sml)",translate:"-50% -50%",cursor:"pointer",WebkitBackfaceVisibility:"hidden"},'.selection[aria-disabled="true"]':{backgroundColor:"var(--f-clr-grey-200)",borderColor:"var(--f-clr-grey-300)"},".wrapper .swatch":{width:"auto",height:"auto",flexGrow:1},".wrapper .hex":{minWidth:"4.2em"},".wrapper .rgb > * ":{minWidth:"4.2em",flexGrow:1},".wrapper .hue__progress":{backgroundColor:"transparent"},".hue__track":{background:"linear-gradient(90deg, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000)",height:"100%",borderRadius:"var(--f-radius-sml)"},".wrapper .hue__handle":{borderRadius:"var(--f-radius-med)"},".hue__handle::after":{boxSizing:"border-box",border:"solid 2px white",borderRadius:"var(--f-radius-sml)"},'.hue__handle[aria-disabled="true"]::after':{borderColor:"var(--f-clr-grey-300)"},'.wrapper .hue__handle[aria-disabled="false"]::after':{backgroundColor:"var(--hue)"},[`@media (max-width: ${e.breakpoints.mob}px)`]:{".row":{flexDirection:"column"},".column":{flexDirection:"row-reverse"},".fields":{flexDirection:"column",flexGrow:1},".wrapper .swatch":{aspectRatio:1,maxHeight:"5.3em"}}})));function v({cc:f={},format:v,defaultValue:w,value:x,onChange:_,disabled:y,...k}){const C=n(b,f),j=a(!1),N=a(null),R=void 0===x?null:"string"==typeof x?t(x):x,D=void 0===w?[255,0,0]:"string"==typeof w?t(w):w,[E,G]=o(l(D)),[M,$]=o(null),[B,A]=R?[R]:o(D),L=function(e,r){const[a,o,i]=d(r);return a==e[0]&&o==e[1]&&i==e[2]}(B,E)?E:l(B),S=a(L);function W(e,r=!1){A?.(e),_?.("rgb"===v?e:c(e)),r&&(S.current=l(e)),G(S.current)}function z(e){if(!j.current||!N.current||y)return;const{clientX:r,clientY:a}="touches"in e?e.changedTouches[0]:e;let{x:o,y:i,width:n,height:t}=N.current.getBoundingClientRect();S.current[1]=100*Math.min(Math.max(r-o+.5,0)/n,1),S.current[2]=100*(1-Math.min(Math.max(a-i+.5,0)/t,1)),W(d(S.current))}return i((()=>{const e=new AbortController,r=e.signal,a=e=>{z(e),j.current=!1};return window.addEventListener("mouseup",a,{signal:r}),window.addEventListener("touchend",a,{signal:r}),window.addEventListener("mousemove",z,{signal:r}),window.addEventListener("touchmove",z,{signal:r}),()=>e.abort()}),[y]),e("div",{...k,style:{"--hue":`hsl(${L[0]}, 100%, 50%)`,"--color":`rgb(${B.join(",")})`},className:s(C.wrapper,k.className),children:[e("div",{className:C.row,children:[r("div",{ref:N,onMouseDown:e=>{j.current=!0,z(e.nativeEvent)},onTouchStart:e=>{j.current=!0,z(e.nativeEvent)},className:C.space,style:{background:`linear-gradient(90deg, transparent, hsl(${L[0]}, 100%, 50%)), linear-gradient(white, black)`},children:r("div",{"aria-disabled":y,className:C.selection,style:{left:`${L[1]}%`,top:100-L[2]+"%"}})}),e("div",{className:C.column,children:[r(u,{color:`rgb(${B.join(",")})`,cc:{swatch:C.swatch,...f}}),e("div",{className:C.fields,children:[r(h,{disabled:y,size:"sml",icon:"#",className:C.hex,value:null!==M?M:c(B),onChange:e=>{const r=e.target.value.replace(/[^\da-fA-F]/g,"").slice(0,6);$(r),W(t(r),!0)},onBlur:()=>$(null)}),r(g,{className:C.rgb,children:B.map(((e,a)=>r(p,{cc:f,disabled:y,max:255,precision:0,controls:!1,size:"sml",icon:"RGB".charAt(a),value:e,onChange:e=>{const r=B.slice();r[a]=parseInt(e.target.value)||0,W(r,!0)}},a)))})]})]})]}),r(m,{max:360,step:.25,tooltips:"never",disabled:y,value:[L[0]],onChange:e=>{S.current[0]=e[0],W(d(S.current))},cc:{progress:C.hue__progress,track:C.hue__track,handle:C.hue__handle,...f}})]})}export{v as default};
 //# sourceMappingURL=color-picker.js.map

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

@@ -1,3 +1,3 @@
 "use client";
-import{__rest as e}from"tslib";import{jsxs as o,jsx as r}from"react/jsx-runtime";import{useState as a}from"react";import l from"./field.js";import{Animatable as i}from"@infinityfx/lively";import t from"./calendar.js";import n from"../layout/popover/index.js";import{createStyles as d}from"../../core/style.js";import{combineClasses as s}from"../../core/utils.js";import c from"./button.js";import{Icon as m}from"../../core/icons.js";const u=d("date-field",(e=>({[`@media(min-width: ${e.breakpoints.mob+1}px)`]:{".calendar":{boxShadow:"var(--f-shadow-med)",border:"solid 1px var(--f-clr-fg-200)"}}})));function p(d){var{cc:p={},value:f,defaultValue:b,onChange:g,disabled:h,clearable:v}=d,x=e(d,["cc","value","defaultValue","onChange","disabled","clearable"]);const y=s(u,p),[j,C]=void 0!==f?[f,g]:a(b||null),[S,w]=a(null);return o(n.Root,{position:"center",mobileContainer:"modal",children:[r(n.Trigger,{disabled:!0===h||x.readOnly,children:r(l,Object.assign({},x,{cc:p,inputMode:"none",role:"combobox","aria-haspopup":"listbox","aria-disabled":x.readOnly||!0===h||!1,type:"text",disabled:!0===h,value:null!==S?S:(z=j,z?`${z.getFullYear()}-${(z.getMonth()+1).toString().padStart(2,"0")}-${z.getDate().toString().padStart(2,"0")}`:""),onChange:e=>{w(function(e){const o=e.replace(/\D/g,"");return[o.slice(0,4),o.slice(4,6),o.slice(6,8)].filter((e=>e.length)).join("-")}(e.target.value))},onBlur:()=>{if(S){const e=new Date(S);isNaN(e.getTime())||null==C||C(e)}w(null)},right:v&&r(c,{compact:!0,"aria-label":"Clear date",round:x.round,size:x.size,disabled:!0===h||x.readOnly,variant:"minimal",style:{marginRight:".2em"},onClick:()=>null==C?void 0:C(null),children:r(m,{type:"close"})})}))}),r(n.Content,{role:"listbox",children:r(i,{id:"date-field-calendar",animate:{opacity:[0,.2,1],scale:[.9,1],duration:.2},triggers:[{on:"mount"},{on:"unmount",reverse:!0}],children:r(t,{className:y.calendar,round:x.round,size:x.size,disabled:h,value:j,onChange:e=>null==C?void 0:C(e)})})})]});var z}export{p as default};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as o}from"react";import t from"./field.js";import{Animatable as i}from"@infinityfx/lively";import a from"./calendar.js";import n from"../layout/popover/index.js";import{createStyles as l}from"../../core/style.js";import{combineClasses as d}from"../../core/utils.js";import s from"./button.js";import{Icon as c}from"../../core/icons.js";const m=l("date-field",(e=>({[`@media(min-width: ${e.breakpoints.mob+1}px)`]:{".calendar":{boxShadow:"var(--f-shadow-med)",border:"solid 1px var(--f-clr-fg-200)"}}})));function u({cc:l={},value:u,defaultValue:p,onChange:f,disabled:g,clearable:b,...h}){const v=d(m,l),[x,y]=void 0!==u?[u,f]:o(p||null),[j,C]=o(null);return e(n.Root,{position:"center",mobileContainer:"modal",children:[r(n.Trigger,{disabled:!0===g||h.readOnly,children:r(t,{...h,cc:l,inputMode:"none",role:"combobox","aria-haspopup":"listbox","aria-disabled":h.readOnly||!0===g||!1,type:"text",disabled:!0===g,value:null!==j?j:(S=x,S?`${S.getFullYear()}-${(S.getMonth()+1).toString().padStart(2,"0")}-${S.getDate().toString().padStart(2,"0")}`:""),onChange:e=>{C(function(e){const r=e.replace(/\D/g,"");return[r.slice(0,4),r.slice(4,6),r.slice(6,8)].filter((e=>e.length)).join("-")}(e.target.value))},onBlur:()=>{if(j){const e=new Date(j);isNaN(e.getTime())||y?.(e)}C(null)},right:b&&r(s,{compact:!0,"aria-label":"Clear date",round:h.round,size:h.size,disabled:!0===g||h.readOnly,variant:"minimal",style:{marginRight:".2em"},onClick:()=>y?.(null),children:r(c,{type:"close"})})})}),r(n.Content,{role:"listbox",children:r(i,{id:"date-field-calendar",animate:{opacity:[0,.2,1],scale:[.9,1],duration:.2},triggers:[{on:"mount"},{on:"unmount",reverse:!0}],children:r(a,{className:v.calendar,round:h.round,size:h.size,disabled:g,value:x,onChange:e=>y?.(e)})})})]});var S}export{u as default};
 //# sourceMappingURL=date-field.js.map

package/dist/components/input/drop-zone.js

@@ -1,3 +1,3 @@
 "use client";
-import{__rest as e}from"tslib";import{jsx as r,jsxs as o,Fragment as n}from"react/jsx-runtime";import{useRef as i,useState as a}from"react";import t from"./button.js";import l from"../../hooks/use-input-props.js";import{combineClasses as c,classes as s,combineRefs as d}from"../../core/utils.js";import{createStyles as p}from"../../core/style.js";import{Icon as f}from"../../core/icons.js";import"../feedback/progress-bar.js";import"../feedback/circular-progress.js";import v from"../feedback/spinner.js";import m from"../feedback/halo.js";import"../feedback/indicator.js";import"../feedback/skeleton.js";const g=p("drop-zone",{".zone":{overflow:"hidden",position:"relative",display:"grid",backgroundColor:"var(--f-clr-fg-100)",border:"dashed 1px var(--f-clr-fg-200)",borderRadius:"var(--f-radius-med)",transition:"background-color .25s, border-color .25s, color .25s",userSelect:"none",WebkitTapHighlightColor:"transparent"},'.zone[aria-disabled="false"]':{cursor:"pointer"},".zone.hovering":{backgroundColor:"var(--f-clr-primary-600)",borderColor:"var(--f-clr-primary-100)"},".zone.filled":{borderStyle:"solid"},".zone.error, .zone.rejected":{borderColor:"var(--f-clr-error-100)",color:"var(--f-clr-error-100)"},".zone.rejected":{backgroundColor:"var(--f-clr-error-400)"},".zone.disabled":{color:"var(--f-clr-grey-500)"},".container":{display:"flex",flexDirection:"column",gridArea:"1 / 1"},".preview":{position:"relative",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"var(--f-clr-bg-100)",padding:"var(--f-spacing-med)",flexGrow:1},".footer":{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"var(--f-spacing-sml)",gap:"var(--f-spacing-sml)"},".text":{display:"flex",alignItems:"baseline",gap:"var(--f-spacing-xsm)"},".annotation":{paddingTop:"var(--f-spacing-xxs)",color:"var(--f-clr-grey-600)",fontSize:"var(--f-font-size-xsm)"},".icon":{paddingBottom:"var(--f-spacing-sml)"},".image":{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",zIndex:1},".container.centered":{alignItems:"center",justifyContent:"center",textAlign:"center",padding:"var(--f-spacing-lrg)"},".input":{position:"absolute",opacity:0,pointerEvents:"none"}});function u(e,r){const o=r?r.split(","):[];return!o.length||o.some((r=>e.type.includes(r.trim().replace(/\/\*$/,""))))}function b(p){var{cc:b={},loading:h=!1,error:y,text:x="Drop files or click to browse",annotation:j,icon:k,previewImages:C=!1,inputRef:z}=p,N=e(p,["cc","loading","error","text","annotation","icon","previewImages","inputRef"]);const w=c(g,b),D=i(null),[I,O]=a(!1),[R,T]=a(!1),[E,L]=a(null),[B,F]=l(N);function S(e){if(!D.current)return;const r=new DataTransfer;e&&r.items.add(e),L(e),D.current.files=r.files,D.current.dispatchEvent(new Event("change",{bubbles:!0}))}const $=!!(C&&E&&u(E,"image/*")),A=N.disabled||N.readOnly||h;return r(m,{color:"var(--f-clr-grey-300)",disabled:!!E||A,children:o("div",Object.assign({},F,{tabIndex:0,role:"button","aria-disabled":!!E||A,className:s(w.zone,I&&w.hovering,y&&w.error,R&&w.rejected,E&&w.filled,N.disabled&&w.disabled,N.className),onClick:e=>{var r;null===(r=N.onClick)||void 0===r||r.call(N,e),E||A||!D.current||D.current.click()},onDragOver:e=>{var r;null===(r=N.onDragOver)||void 0===r||r.call(N,e),e.preventDefault(),A||O(!0)},onDragLeave:e=>{var r;null===(r=N.onDragLeave)||void 0===r||r.call(N,e),O(!1)},onDrop:e=>{var r;if(null===(r=N.onDrop)||void 0===r||r.call(N,e),A)return;e.preventDefault(),O(!1);const o=e.dataTransfer.files[0];o&&!u(o,N.accept||"")?(T(!0),setTimeout((()=>T(!1)),250)):o&&S(o)},children:[h&&r("div",{className:s(w.container,w.centered),children:r(v,{})}),E&&!h&&r(n,{children:o("div",{className:w.container,children:[o("div",{className:w.preview,children:[r(f,{type:"file"}),$&&r("img",{src:URL.createObjectURL(E),className:w.image})]}),o("div",{className:w.footer,children:[o("div",{children:[r("div",{className:w.text,children:E.name}),r("div",{className:w.annotation,children:(U=E.size,(U/=1024)<1e3?`${U.toFixed(1)} KB`:`${(U/1024).toFixed(1)} MB`)})]}),r(t,{compact:!0,variant:"minimal",disabled:A,onClick:()=>S(null),children:r(f,{type:"close"})})]})]})}),o("div",{style:E||h?{opacity:0,pointerEvents:"none"}:void 0,className:s(w.container,w.centered),children:[r("div",{className:w.icon,children:k||r(f,{type:"upload"})}),r("div",{className:w.text,children:x}),j&&r("div",{className:w.annotation,children:j})]}),r("input",Object.assign({},B,{ref:d(D,z),type:"file",disabled:N.disabled||h,"aria-invalid":!!y,className:w.input,onChange:e=>{var r,o;null===(r=N.onChange)||void 0===r||r.call(N,e),L((null===(o=e.target.files)||void 0===o?void 0:o[0])||null)}}))]}))});var U}export{b as default};
+import{jsx as e,jsxs as r,Fragment as o}from"react/jsx-runtime";import{useRef as n,useState as i}from"react";import a from"./button.js";import t from"../../hooks/use-input-props.js";import{combineClasses as l,classes as c,combineRefs as s}from"../../core/utils.js";import{createStyles as d}from"../../core/style.js";import{Icon as p}from"../../core/icons.js";import"../feedback/progress-bar.js";import"../feedback/circular-progress.js";import f from"../feedback/spinner.js";import m from"../feedback/halo.js";import"../feedback/indicator.js";import"../feedback/skeleton.js";const g=d("drop-zone",{".zone":{overflow:"hidden",position:"relative",display:"grid",backgroundColor:"var(--f-clr-fg-100)",border:"dashed 1px var(--f-clr-fg-200)",borderRadius:"var(--f-radius-med)",transition:"background-color .25s, border-color .25s, color .25s",userSelect:"none",WebkitTapHighlightColor:"transparent"},'.zone[aria-disabled="false"]':{cursor:"pointer"},".zone.hovering":{backgroundColor:"var(--f-clr-primary-600)",borderColor:"var(--f-clr-primary-100)"},".zone.filled":{borderStyle:"solid"},".zone.error, .zone.rejected":{borderColor:"var(--f-clr-error-100)",color:"var(--f-clr-error-100)"},".zone.rejected":{backgroundColor:"var(--f-clr-error-400)"},".zone.disabled":{color:"var(--f-clr-grey-500)"},".container":{display:"flex",flexDirection:"column",gridArea:"1 / 1"},".preview":{position:"relative",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"var(--f-clr-bg-100)",padding:"var(--f-spacing-med)",flexGrow:1},".footer":{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"var(--f-spacing-sml)",gap:"var(--f-spacing-sml)"},".text":{display:"flex",alignItems:"baseline",gap:"var(--f-spacing-xsm)"},".annotation":{paddingTop:"var(--f-spacing-xxs)",color:"var(--f-clr-grey-600)",fontSize:"var(--f-font-size-xsm)"},".icon":{paddingBottom:"var(--f-spacing-sml)"},".image":{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",zIndex:1},".container.centered":{alignItems:"center",justifyContent:"center",textAlign:"center",padding:"var(--f-spacing-lrg)"},".input":{position:"absolute",opacity:0,pointerEvents:"none"}});function v(e,r){const o=r?r.split(","):[];return!o.length||o.some((r=>e.type.includes(r.trim().replace(/\/\*$/,""))))}function u({cc:d={},loading:u=!1,error:b,text:h="Drop files or click to browse",annotation:y,icon:x,previewImages:j=!1,inputRef:k,...C}){const z=l(g,d),N=n(null),[D,w]=i(!1),[I,T]=i(!1),[E,L]=i(null),[O,R]=t(C);function B(e){if(!N.current)return;const r=new DataTransfer;e&&r.items.add(e),L(e),N.current.files=r.files,N.current.dispatchEvent(new Event("change",{bubbles:!0}))}const F=!!(j&&E&&v(E,"image/*")),S=C.disabled||C.readOnly||u;return e(m,{color:"var(--f-clr-grey-300)",disabled:!!E||S,children:r("div",{...R,tabIndex:0,role:"button","aria-disabled":!!E||S,className:c(z.zone,D&&z.hovering,b&&z.error,I&&z.rejected,E&&z.filled,C.disabled&&z.disabled,C.className),onClick:e=>{C.onClick?.(e),E||S||!N.current||N.current.click()},onDragOver:e=>{C.onDragOver?.(e),e.preventDefault(),S||w(!0)},onDragLeave:e=>{C.onDragLeave?.(e),w(!1)},onDrop:e=>{if(C.onDrop?.(e),S)return;e.preventDefault(),w(!1);const r=e.dataTransfer.files[0];r&&!v(r,C.accept||"")?(T(!0),setTimeout((()=>T(!1)),250)):r&&B(r)},children:[u&&e("div",{className:c(z.container,z.centered),children:e(f,{})}),E&&!u&&e(o,{children:r("div",{className:z.container,children:[r("div",{className:z.preview,children:[e(p,{type:"file"}),F&&e("img",{src:URL.createObjectURL(E),className:z.image})]}),r("div",{className:z.footer,children:[r("div",{children:[e("div",{className:z.text,children:E.name}),e("div",{className:z.annotation,children:($=E.size,($/=1024)<1e3?`${$.toFixed(1)} KB`:`${($/1024).toFixed(1)} MB`)})]}),e(a,{compact:!0,variant:"minimal",disabled:S,onClick:()=>B(null),children:e(p,{type:"close"})})]})]})}),r("div",{style:E||u?{opacity:0,pointerEvents:"none"}:void 0,className:c(z.container,z.centered),children:[e("div",{className:z.icon,children:x||e(p,{type:"upload"})}),e("div",{className:z.text,children:h}),y&&e("div",{className:z.annotation,children:y})]}),e("input",{...O,ref:s(N,k),type:"file",disabled:C.disabled||u,"aria-invalid":!!b,className:z.input,onChange:e=>{C.onChange?.(e),L(e.target.files?.[0]||null)}})]})});var $}export{u as default};
 //# sourceMappingURL=drop-zone.js.map

package/dist/components/input/field.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{useState as l,useMemo as a}from"react";import{combineClasses as t,classes as i}from"../../core/utils.js";import n from"../../hooks/use-input-props.js";import{createStyles as s}from"../../core/style.js";const f=s("field",{".input":{border:"none",background:"none",outline:"none",color:"var(--f-clr-text-100)",width:0,flexGrow:1},".input::placeholder":{color:"var(--f-clr-grey-300)"},".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",overflow:"hidden",outline:"solid 3px transparent",minWidth:"min(var(--width, 100vw), 12em)"},".v__default":{border:"solid 1px var(--f-clr-fg-200)"},".v__minimal":{backgroundColor:"var(--f-clr-fg-100)"},".content":{display:"flex",alignItems:"center",gap:"var(--f-spacing-xsm)",padding:".675em",flexGrow:1},".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)"},'.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-error="true"] .input':{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"] .input':{color:"var(--f-clr-grey-500)"},".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"}});function d(s){var{cc:d={},round:c=!1,size:u="med",variant:v="default",error:m,icon:p,left:g,right:b,onEnter:h,inputRef:_,shape:x,defaultValue:y}=s,w=r(s,["cc","round","size","variant","error","icon","left","right","onEnter","inputRef","shape","defaultValue"]);const C=t(f,d),[k,z]=n(w),[j,N]=void 0!==w.value?[w.value]:l(y||""),R=a((()=>(null==x?void 0:x.split("").map((r=>/0/.test(r)?/[0-9]/:/\*/.test(r)?/\w/:r)))||[]),[x]);return e("div",Object.assign({},z,{className:i(C.field,C[`s__${u}`],C[`v__${v}`],c&&C.round,w.className),"data-error":!!m,"data-disabled":w.disabled,children:[g,e("label",{className:C.content,children:[p,o("input",Object.assign({},k,{ref:_,value:j,onChange:r=>{var e;let o=r.target.value.split(""),l="",a=0;for(let e=0,t=0;e<o.length;e++){const i=o[e],n=R[t];if(!n){0===t&&(l=r.target.value,a=l.length);break}if("string"==typeof n)l+=n,n===i&&e===t||e--;else{if(!n.test(i))break;l+=i,a=l.length}t++}r.target.value=l.slice(0,a),null==N||N(r.target.value),null===(e=w.onChange)||void 0===e||e.call(w,r)},className:C.input,"aria-invalid":!!m,onKeyDown:r=>{"Enter"===r.key&&(null==h||h())}}))]}),b]}))}export{d as default};
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import{useState as o,useMemo as a}from"react";import{combineClasses as l,classes as t}from"../../core/utils.js";import i from"../../hooks/use-input-props.js";import{createStyles as n}from"../../core/style.js";const f=n("field",{".input":{border:"none",background:"none",outline:"none",color:"var(--f-clr-text-100)",width:0,flexGrow:1},".input::placeholder":{color:"var(--f-clr-grey-300)"},".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",overflow:"hidden",outline:"solid 3px transparent",minWidth:"min(var(--width, 100vw), 12em)"},".v__default":{border:"solid 1px var(--f-clr-fg-200)"},".v__minimal":{backgroundColor:"var(--f-clr-fg-100)"},".content":{display:"flex",alignItems:"center",gap:"var(--f-spacing-xsm)",padding:".675em",flexGrow:1},".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)"},'.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-error="true"] .input':{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"] .input':{color:"var(--f-clr-grey-500)"},".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"}});function d({cc:n={},round:d=!1,size:s="med",variant:c="default",error:u,icon:v,left:m,right:p,onEnter:g,inputRef:b,shape:_,defaultValue:h,...x}){const y=l(f,n),[w,C]=i(x),[k,z]=void 0!==x.value?[x.value]:o(h||""),j=a((()=>_?.split("").map((r=>/0/.test(r)?/[0-9]/:/\*/.test(r)?/\w/:r))||[]),[_]);return r("div",{...C,className:t(y.field,y[`s__${s}`],y[`v__${c}`],d&&y.round,x.className),"data-error":!!u,"data-disabled":x.disabled,children:[m,r("label",{className:y.content,children:[v,e("input",{...w,ref:b,value:k,onChange:r=>{let e=r.target.value.split(""),o="",a=0;for(let l=0,t=0;l<e.length;l++){const i=e[l],n=j[t];if(!n){0===t&&(o=r.target.value,a=o.length);break}if("string"==typeof n)o+=n,n===i&&l===t||l--;else{if(!n.test(i))break;o+=i,a=o.length}t++}r.target.value=o.slice(0,a),z?.(r.target.value),x.onChange?.(r)},className:y.input,"aria-invalid":!!u,onKeyDown:r=>{"Enter"===r.key&&g?.()}})]}),p]})}export{d as default};
 //# sourceMappingURL=field.js.map

package/dist/components/input/file-field.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{useState as a,useRef as l}from"react";import i from"./button.js";import n from"../../hooks/use-input-props.js";import{combineClasses as t,classes as d,combineRefs as c}from"../../core/utils.js";import{createStyles as s}from"../../core/style.js";import{Icon as f}from"../../core/icons.js";const u=s("file-field",{".input":{position:"absolute",opacity:0},".placeholder":{color:"var(--f-clr-text-100)",userSelect:"none",flexGrow:1,background:"none",border:"none",width:0,pointerEvents:"none"},".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",overflow:"hidden",outline:"solid 3px transparent",minWidth:"min(var(--width, 100vw), 12em)"},".v__default":{border:"solid 1px var(--f-clr-fg-200)"},".v__minimal":{backgroundColor:"var(--f-clr-fg-100)"},".content":{display:"flex",alignItems:"center",gap:"var(--f-spacing-xsm)",padding:".675em",flexGrow:1},".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)"},'.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-error="true"] .placeholder':{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"] .placeholder':{color:"var(--f-clr-grey-500)"},".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"},".button":{marginRight:".25em"}});function m(s){var{cc:m={},size:p="med",variant:v="default",round:b,icon:g,error:h,loading:_=!1,inputRef:y}=s,x=r(s,["cc","size","variant","round","icon","error","loading","inputRef"]);const C=t(u,m),[z,j]=a([]),k=l(null),[w,N]=n(x);return e("label",Object.assign({},N,{className:d(C.field,C[`s__${p}`],C[`v__${v}`],b&&C.round,x.className),"data-error":!!h,"data-disabled":x.disabled,children:[e("div",{className:C.content,children:[g,o("input",Object.assign({},w,{ref:c(k,y),type:"file",className:C.input,disabled:x.disabled||_,"aria-invalid":!!h,onChange:r=>{var e;null==j||j(Array.from(r.target.files||[])),null===(e=x.onChange)||void 0===e||e.call(x,r)}})),o("input",{readOnly:!0,role:"none",tabIndex:-1,className:C.placeholder,placeholder:w.placeholder,value:z.map((r=>r.name))})]}),o(i,{compact:!0,"aria-label":w["aria-label"],"aria-labelledby":w["aria-labelledby"],disabled:x.disabled,round:b,size:p,loading:_,cc:Object.assign({button:C.button},m),onClick:()=>{var r;return null===(r=k.current)||void 0===r?void 0:r.click()},children:o(f,{type:"upload"})})]}))}export{m as default};
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import{useState as o,useRef as a}from"react";import l from"./button.js";import i from"../../hooks/use-input-props.js";import{combineClasses as t,classes as n,combineRefs as d}from"../../core/utils.js";import{createStyles as c}from"../../core/style.js";import{Icon as s}from"../../core/icons.js";const f=c("file-field",{".input":{position:"absolute",opacity:0},".placeholder":{color:"var(--f-clr-text-100)",userSelect:"none",flexGrow:1,background:"none",border:"none",width:0,pointerEvents:"none"},".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",overflow:"hidden",outline:"solid 3px transparent",minWidth:"min(var(--width, 100vw), 12em)"},".v__default":{border:"solid 1px var(--f-clr-fg-200)"},".v__minimal":{backgroundColor:"var(--f-clr-fg-100)"},".content":{display:"flex",alignItems:"center",gap:"var(--f-spacing-xsm)",padding:".675em",flexGrow:1},".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)"},'.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-error="true"] .placeholder':{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"] .placeholder':{color:"var(--f-clr-grey-500)"},".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"},".button":{marginRight:".25em"}});function u({cc:c={},size:u="med",variant:m="default",round:p,icon:b,error:v,loading:g=!1,inputRef:h,..._}){const y=t(f,c),[x,C]=o([]),z=a(null),[k,w]=i(_);return r("label",{...w,className:n(y.field,y[`s__${u}`],y[`v__${m}`],p&&y.round,_.className),"data-error":!!v,"data-disabled":_.disabled,children:[r("div",{className:y.content,children:[b,e("input",{...k,ref:d(z,h),type:"file",className:y.input,disabled:_.disabled||g,"aria-invalid":!!v,onChange:r=>{C?.(Array.from(r.target.files||[])),_.onChange?.(r)}}),e("input",{readOnly:!0,role:"none",tabIndex:-1,className:y.placeholder,placeholder:k.placeholder,value:x.map((r=>r.name))})]}),e(l,{compact:!0,"aria-label":k["aria-label"],"aria-labelledby":k["aria-labelledby"],disabled:_.disabled,round:p,size:u,loading:g,cc:{button:y.button,...c},onClick:()=>z.current?.click(),children:e(s,{type:"upload"})})]})}export{u as default};
 //# sourceMappingURL=file-field.js.map