@infinityfx/fluid 1.4.7 → 1.4.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/display/annotation.js +1 -1
- package/dist/components/display/annotation.js.map +1 -1
- package/dist/components/display/frame.js +1 -1
- package/dist/components/display/frame.js.map +1 -1
- package/dist/components/display/table.js +1 -1
- package/dist/components/display/timeline.js +1 -1
- package/dist/components/display/timeline.js.map +1 -1
- package/dist/components/input/button.js +1 -1
- package/dist/components/input/button.js.map +1 -1
- package/dist/components/input/color-picker.js +1 -1
- package/dist/components/input/field.js +1 -1
- package/dist/components/input/file-field.js +1 -1
- package/dist/components/input/pincode.js +1 -1
- package/dist/components/input/segmented.js +1 -1
- package/dist/components/input/select.js +1 -1
- package/dist/components/input/textarea.js +1 -1
- package/dist/components/input/toggle.js +1 -1
- package/dist/components/layout/group.js +1 -1
- package/dist/components/layout/group.js.map +1 -1
- package/dist/components/navigation/stepper.js +1 -1
- package/dist/types/src/components/display/action-menu/menu.d.ts +1 -1
- package/dist/types/src/components/display/annotation.d.ts +1 -1
- package/dist/types/src/components/display/timeline.d.ts +8 -2
- package/dist/types/src/components/input/color-picker.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as r,jsx as e}from"react/jsx-runtime";import{useId as o,cloneElement as i}from"react";import{combineClasses as s,classes as a}from"../../core/utils.js";import{createStyles as l}from"../../core/style.js";import t from"../layout/collapsible.js";const n=l("annotation",{".wrapper":{display:"flex",flexDirection:"column",color:"var(--f-clr-text-100)",minWidth:"min(100vw, 12em)","--width":"100%"},".s__xsm":{fontSize:"var(--f-font-size-xxs)"},".s__sml":{fontSize:"var(--f-font-size-xsm)"},".s__med":{fontSize:"var(--f-font-size-sml)"},".s__lrg":{fontSize:"var(--f-font-size-med)"},".label, .error":{fontSize:".8em",fontWeight:500},".label":{paddingBottom:"var(--f-spacing-xxs)"},".error":{color:"var(--f-clr-error-100)",paddingTop:"var(--f-spacing-xxs)"}});function
|
|
1
|
+
import{jsxs as r,jsx as e}from"react/jsx-runtime";import{useId as o,cloneElement as i}from"react";import{combineClasses as s,classes as a}from"../../core/utils.js";import{createStyles as l}from"../../core/style.js";import t from"../layout/collapsible.js";const n=l("annotation",{".wrapper":{display:"flex",flexDirection:"column",color:"var(--f-clr-text-100)",minWidth:"min(100vw, 12em)","--width":"100%"},".s__xsm":{fontSize:"var(--f-font-size-xxs)"},".s__sml":{fontSize:"var(--f-font-size-xsm)"},".s__med":{fontSize:"var(--f-font-size-sml)"},".s__lrg":{fontSize:"var(--f-font-size-med)"},".label, .error":{fontSize:".8em",fontWeight:500},".label":{paddingBottom:"var(--f-spacing-xxs)"},".error":{color:"var(--f-clr-error-100)",paddingTop:"var(--f-spacing-xxs)"}});function c({children:l,cc:c={},label:f,error:m,...d}){const p=s(n,c),v=o(),x=l.props.size||"med",z=!!l.props.required;return r("div",{...d,className:a(p.wrapper,p[`s__${x}`],d.className),children:[f&&r("div",{id:v,className:p.label,children:[f,z?" *":""]}),i(l,{"aria-labelledby":f?v:void 0,"data-fc":!0}),e(t,{shown:!!m,children:e("div",{className:p.error,children:m})})]})}export{c as default};
|
|
2
2
|
//# sourceMappingURL=annotation.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"annotation.js","sources":["../../../../src/components/display/annotation.tsx"],"sourcesContent":[null],"names":["styles","createStyles","display","flexDirection","color","minWidth","fontSize","fontWeight","paddingBottom","paddingTop","Annotation","children","cc","label","error","props","style","combineClasses","id","useId","size","required","_jsxs","className","classes","wrapper","cloneElement","_jsx","Collapsible","shown"],"mappings":"+PAMA,MAAMA,EAASC,EAAa,aAAc,CACtC,WAAY,CACRC,QAAS,OACTC,cAAe,SACfC,MAAO,wBACPC,SAAU,mBACV,UAAoB,QAGxB,UAAW,CACPC,SAAU,0BAGd,UAAW,CACPA,SAAU,0BAGd,UAAW,CACPA,SAAU,0BAGd,UAAW,CACPA,SAAU,0BAGd,iBAAkB,CACdA,SAAU,OACVC,WAAY,KAGhB,SAAU,CACNC,cAAe,wBAGnB,SAAU,CACNJ,MAAO,yBACPK,WAAY,0BAWN,SAAUC,GAAWC,SAAEA,EAAQC,GAAEA,EAAK,CAAA,EAAEC,MAAEA,EAAKC,MAAEA,KAAUC,IAOrE,MAAMC,EAAQC,EAAejB,EAAQY,GAE/BM,EAAKC,IACLC,EAAOT,EAASI,MAAMK,MAAQ,MAC9BC,IAAaV,EAASI,MAAMM,SAElC,OAAOC,EAAA,MAAA,IACCP,EACJQ,UAAWC,EACPR,EAAMS,QACNT,EAAM,MAAMI,KACZL,EAAMQ,WAETZ,SAAA,CAAAE,GAASS,EAAA,MAAA,CAAKJ,GAAIA,EAAIK,UAAWP,EAAMH,
|
|
1
|
+
{"version":3,"file":"annotation.js","sources":["../../../../src/components/display/annotation.tsx"],"sourcesContent":[null],"names":["styles","createStyles","display","flexDirection","color","minWidth","fontSize","fontWeight","paddingBottom","paddingTop","Annotation","children","cc","label","error","props","style","combineClasses","id","useId","size","required","_jsxs","className","classes","wrapper","cloneElement","undefined","_jsx","Collapsible","shown"],"mappings":"+PAMA,MAAMA,EAASC,EAAa,aAAc,CACtC,WAAY,CACRC,QAAS,OACTC,cAAe,SACfC,MAAO,wBACPC,SAAU,mBACV,UAAoB,QAGxB,UAAW,CACPC,SAAU,0BAGd,UAAW,CACPA,SAAU,0BAGd,UAAW,CACPA,SAAU,0BAGd,UAAW,CACPA,SAAU,0BAGd,iBAAkB,CACdA,SAAU,OACVC,WAAY,KAGhB,SAAU,CACNC,cAAe,wBAGnB,SAAU,CACNJ,MAAO,yBACPK,WAAY,0BAWN,SAAUC,GAAWC,SAAEA,EAAQC,GAAEA,EAAK,CAAA,EAAEC,MAAEA,EAAKC,MAAEA,KAAUC,IAOrE,MAAMC,EAAQC,EAAejB,EAAQY,GAE/BM,EAAKC,IACLC,EAAOT,EAASI,MAAMK,MAAQ,MAC9BC,IAAaV,EAASI,MAAMM,SAElC,OAAOC,EAAA,MAAA,IACCP,EACJQ,UAAWC,EACPR,EAAMS,QACNT,EAAM,MAAMI,KACZL,EAAMQ,WAETZ,SAAA,CAAAE,GAASS,EAAA,MAAA,CAAKJ,GAAIA,EAAIK,UAAWP,EAAMH,MAAKF,SAAA,CACxCE,EAAOQ,EAAW,KAAO,MAG7BK,EAAaf,EAAU,CACpB,kBAAmBE,EAAQK,OAAKS,EAChC,WAAW,IAGfC,EAACC,EAAW,CAACC,QAAShB,EAAKH,SACvBiB,SAAKL,UAAWP,EAAMF,eACjBA,QAIjB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as r}from"react/jsx-runtime";import{combineClasses as a,classes as d}from"../../core/utils.js";import{createStyles as o}from"../../core/style.js";const e=o("frame",{".frame":{overflow:"hidden"},".shadow":{boxShadow:"var(--f-shadow-med)"},".border":{border:"solid 1px var(--f-clr-fg-200)"},".bg__light":{background:"var(--f-clr-fg-100)"},".bg__dark":{background:"var(--f-clr-bg-100)"},".r__xsm":{borderRadius:"var(--f-radius-xsm)"},".r__sml":{borderRadius:"var(--f-radius-sml)"},".r__med":{borderRadius:"var(--f-radius-med)"},".r__lrg":{borderRadius:"var(--f-radius-lrg)"},".frame img":{objectFit:"cover",display:"block"}});function s({children:o,cc:s={},radius:i="sml",shadow:m,border:c,background:f="none",...l}){const b=a(e,s);return r("div",{...l,className:d(b.frame,m&&b.shadow,c&&b.border,b[`bg__${f}`],b[`r__${i}`],l.className),children:o})}export{s as default};
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import{combineClasses as a,classes as d}from"../../core/utils.js";import{createStyles as o}from"../../core/style.js";const e=o("frame",{".frame":{overflow:"hidden"},".shadow":{boxShadow:"var(--f-shadow-med)"},".border":{border:"solid 1px var(--f-clr-fg-200)"},".bg__light":{background:"var(--f-clr-fg-100)"},".bg__dark":{background:"var(--f-clr-bg-100)"},".r__xsm":{borderRadius:"var(--f-radius-xsm)"},".r__sml":{borderRadius:"var(--f-radius-sml)"},".r__med":{borderRadius:"var(--f-radius-med)"},".r__lrg":{borderRadius:"var(--f-radius-lrg)"},".frame img":{objectFit:"cover",display:"block"}});function s({children:o,cc:s={},radius:i="sml",shadow:m,border:c,background:f="none",...l}){const b=a(e,s);return r("div",{...l,className:d(b.frame,m&&b.shadow,c&&b.border,b[`bg__${f}`],b[`r__${i}`],l.className),"data-fb":c?"true":void 0,children:o})}export{s as default};
|
|
2
2
|
//# sourceMappingURL=frame.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"frame.js","sources":["../../../../src/components/display/frame.tsx"],"sourcesContent":[null],"names":["styles","createStyles","overflow","boxShadow","border","background","borderRadius","objectFit","display","Frame","children","cc","radius","shadow","props","style","combineClasses","_jsx","className","classes","frame"],"mappings":"6JAIA,MAAMA,EAASC,EAAa,QAAS,CACjC,SAAU,CACNC,SAAU,UAGd,UAAW,CACPC,UAAW,uBAGf,UAAW,CACPC,OAAQ,iCAGZ,aAAc,CACVC,WAAY,uBAGhB,YAAa,CACTA,WAAY,uBAGhB,UAAW,CACPC,aAAc,uBAGlB,UAAW,CACPA,aAAc,uBAGlB,UAAW,CACPA,aAAc,uBAGlB,UAAW,CACPA,aAAc,uBAGlB,aAAc,CACVC,UAAW,QACXC,QAAS,WAWH,SAAUC,GAAMC,SAAEA,EAAQC,GAAEA,EAAK,CAAA,EAAEC,OAAEA,EAAS,MAAKC,OAAEA,EAAMT,OAAEA,EAAMC,WAAEA,EAAa,UAAWS,IASvG,MAAMC,EAAQC,EAAehB,EAAQW,GAErC,OAAOM,EAAA,MAAA,IAASH,EACZI,UAAWC,EACPJ,EAAMK,MACNP,GAAUE,EAAMF,OAChBT,GAAUW,EAAMX,OAChBW,EAAM,OAAOV,KACbU,EAAM,MAAMH,KACZE,EAAMI,
|
|
1
|
+
{"version":3,"file":"frame.js","sources":["../../../../src/components/display/frame.tsx"],"sourcesContent":[null],"names":["styles","createStyles","overflow","boxShadow","border","background","borderRadius","objectFit","display","Frame","children","cc","radius","shadow","props","style","combineClasses","_jsx","className","classes","frame","undefined"],"mappings":"6JAIA,MAAMA,EAASC,EAAa,QAAS,CACjC,SAAU,CACNC,SAAU,UAGd,UAAW,CACPC,UAAW,uBAGf,UAAW,CACPC,OAAQ,iCAGZ,aAAc,CACVC,WAAY,uBAGhB,YAAa,CACTA,WAAY,uBAGhB,UAAW,CACPC,aAAc,uBAGlB,UAAW,CACPA,aAAc,uBAGlB,UAAW,CACPA,aAAc,uBAGlB,UAAW,CACPA,aAAc,uBAGlB,aAAc,CACVC,UAAW,QACXC,QAAS,WAWH,SAAUC,GAAMC,SAAEA,EAAQC,GAAEA,EAAK,CAAA,EAAEC,OAAEA,EAAS,MAAKC,OAAEA,EAAMT,OAAEA,EAAMC,WAAEA,EAAa,UAAWS,IASvG,MAAMC,EAAQC,EAAehB,EAAQW,GAErC,OAAOM,EAAA,MAAA,IAASH,EACZI,UAAWC,EACPJ,EAAMK,MACNP,GAAUE,EAAMF,OAChBT,GAAUW,EAAMX,OAChBW,EAAM,OAAOV,KACbU,EAAM,MAAMH,KACZE,EAAMI,qBAEDd,EAAS,YAASiB,EAASX,SACnCA,GAET"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{combineClasses as l,classes as o}from"../../core/utils.js";import{useState as c}from"react";import a from"../feedback/halo.js";import t from"../layout/scrollarea.js";import i from"../input/button.js";import n from"../input/checkbox.js";import s from"./action-menu/index.js";import{createStyles as d}from"../../core/style.js";import{Icon as m}from"../../core/icons.js";const p=d("table",{".table":{backgroundColor:"var(--f-clr-fg-100)",borderRadius:"var(--f-radius-sml)",border:"solid 1px var(--f-clr-fg-200)",display:"flex"},".rows":{minWidth:"max-content",display:"flex",flexDirection:"column",flexGrow:1},".row":{position:"relative",display:"grid",gridAutoFlow:"column",alignItems:"center",padding:".6em",gap:"var(--f-spacing-sml)",color:"var(--f-clr-text-100)"},".row:not(:last-child)":{borderBottom:"solid 1px var(--f-clr-fg-200)"},".row > *:not(.collapsed)":{whiteSpace:"nowrap"},'.row > [role="gridcell"]':{paddingInline:".4rem"},".collapsed":{minWidth:"2rem",display:"flex"},".header":{fontSize:".9em",fontWeight:700,background:"var(--f-clr-fg-200)"},".label":{position:"relative",borderRadius:"var(--f-radius-sml)",color:"var(--f-clr-grey-700)",display:"flex",alignItems:"center",gap:"var(--f-spacing-xxs)",width:"max-content",padding:".2rem .4rem",border:"none",background:"none",outline:"none"},".label:enabled":{cursor:"pointer"},".row .checkbox":{borderColor:"var(--f-clr-grey-300)"},".row .checkmark":{stroke:"var(--f-clr-text-200)"},".empty":{alignSelf:"center",marginBlock:"auto",padding:".6em",color:"var(--f-clr-grey-700)",fontWeight:600}});function h({cc:d={},data:h,columns:f,selectable:g,sortable:u,selected:b,onSelect:v,columnFormatters:x={},rowActions:k,emptyMessage:y="Nothing to display",...w}){const N=l(p,d),[j,C]=c(""),[A,z]=c("nil"),[S,W]=void 0!==b?[b]:c([]);function I(e){W?.(e),v?.(e)}const R="nil"!==A?h.slice().sort(((e,r)=>r[j]<e[j]?"asc"===A?1:-1:r[j]>e[j]?"asc"===A?-1:1:0)):h,T=`${g?"auto":""} repeat(${f.length}, 1fr) ${k?"auto":""}`;return e(t,{...w,role:"grid",horizontal:!0,behavior:"shift",className:o(N.table,w.className),children:r("div",{role:"rowgroup",className:N.rows,children:[r("div",{role:"row",className:o(N.row,N.header),style:{gridTemplateColumns:T},children:[g&&e("div",{className:N.collapsed,children:e(n,{size:"xsm",color:"var(--f-clr-text-100)",cc:{checkbox:N.checkbox,checkmark:N.checkmark},intermediate:S.length!==R.length,checked:!!S.length,onChange:e=>{if(!e.target.checked)return I([]);I(new Array(R.length).fill(0).map(((e,r)=>r)))}})}),f.map(((l,o)=>{const c=Array.isArray(u)?u.includes(l):u;return e("div",{role:"columnheader",children:e(a,{disabled:!c,children:r("button",{className:N.label,type:"button",disabled:!c,onClick:()=>{C(l),z(j!==l||"nil"===A?"asc":"asc"===A?"dsc":"nil")},children:[l,(j!==l||"nil"===A)&&c&&e(m,{type:"sort"}),j===l&&"asc"===A&&e(m,{type:"sortAscend"}),j===l&&"dsc"===A&&e(m,{type:"sortDescend"})]})})},o)})),k?e("div",{className:N.collapsed}):null]}),R.map(((l,o)=>e(a,{disabled:!g,children:r("div",{role:"row",className:N.row,style:{gridTemplateColumns:T},children:[g&&e("div",{className:N.collapsed,children:e(n,{size:"xsm",color:"var(--f-clr-text-100)",cc:{checkbox:N.checkbox,checkmark:N.checkmark},checked:S.includes(o),onChange:e=>{const r=S.slice();e.target.checked?r.push(o):r.splice(r.indexOf(o),1),I(r)}})}),f.map(((r,o)=>{const c=x[r]||(e=>e.toString());return e("div",{role:"gridcell",children:c(l[r])},o)})),k?.length?e("div",{className:N.collapsed,children:r(s.Root,{children:[e(s.Trigger,{children:e(i,{compact:!0,variant:"minimal",size:"sml",style:{marginLeft:"auto"},children:e(m,{type:"more"})})}),e(s.Menu,{children:k(R[o],o)})]})}):null]})},o))),!R.length&&e("div",{className:N.empty,children:y})]})})}export{h as default};
|
|
2
|
+
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{combineClasses as l,classes as o}from"../../core/utils.js";import{useState as c}from"react";import a from"../feedback/halo.js";import t from"../layout/scrollarea.js";import i from"../input/button.js";import n from"../input/checkbox.js";import s from"./action-menu/index.js";import{createStyles as d}from"../../core/style.js";import{Icon as m}from"../../core/icons.js";const p=d("table",{".table":{backgroundColor:"var(--f-clr-fg-100)",borderRadius:"var(--f-radius-sml)",border:"solid 1px var(--f-clr-fg-200)",display:"flex"},".rows":{minWidth:"max-content",display:"flex",flexDirection:"column",flexGrow:1},".row":{position:"relative",display:"grid",gridAutoFlow:"column",alignItems:"center",padding:".6em",gap:"var(--f-spacing-sml)",color:"var(--f-clr-text-100)"},".row:not(:last-child)":{borderBottom:"solid 1px var(--f-clr-fg-200)"},".row > *:not(.collapsed)":{whiteSpace:"nowrap"},'.row > [role="gridcell"]':{paddingInline:".4rem"},".collapsed":{minWidth:"2rem",display:"flex"},".header":{fontSize:".9em",fontWeight:700,background:"var(--f-clr-fg-200)"},".label":{position:"relative",borderRadius:"var(--f-radius-sml)",color:"var(--f-clr-grey-700)",display:"flex",alignItems:"center",gap:"var(--f-spacing-xxs)",width:"max-content",padding:".2rem .4rem",border:"none",background:"none",outline:"none"},".label:enabled":{cursor:"pointer"},".row .checkbox":{borderColor:"var(--f-clr-grey-300)"},".row .checkmark":{stroke:"var(--f-clr-text-200)"},".empty":{alignSelf:"center",marginBlock:"auto",padding:".6em",color:"var(--f-clr-grey-700)",fontWeight:600}});function h({cc:d={},data:h,columns:f,selectable:g,sortable:u,selected:b,onSelect:v,columnFormatters:x={},rowActions:k,emptyMessage:y="Nothing to display",...w}){const N=l(p,d),[j,C]=c(""),[A,z]=c("nil"),[S,W]=void 0!==b?[b]:c([]);function I(e){W?.(e),v?.(e)}const R="nil"!==A?h.slice().sort(((e,r)=>r[j]<e[j]?"asc"===A?1:-1:r[j]>e[j]?"asc"===A?-1:1:0)):h,T=`${g?"auto":""} repeat(${f.length}, 1fr) ${k?"auto":""}`;return e(t,{...w,role:"grid",horizontal:!0,behavior:"shift",className:o(N.table,w.className),"data-fb":!0,children:r("div",{role:"rowgroup",className:N.rows,children:[r("div",{role:"row",className:o(N.row,N.header),style:{gridTemplateColumns:T},children:[g&&e("div",{className:N.collapsed,children:e(n,{size:"xsm",color:"var(--f-clr-text-100)",cc:{checkbox:N.checkbox,checkmark:N.checkmark},intermediate:S.length!==R.length,checked:!!S.length,onChange:e=>{if(!e.target.checked)return I([]);I(new Array(R.length).fill(0).map(((e,r)=>r)))}})}),f.map(((l,o)=>{const c=Array.isArray(u)?u.includes(l):u;return e("div",{role:"columnheader",children:e(a,{disabled:!c,children:r("button",{className:N.label,type:"button",disabled:!c,onClick:()=>{C(l),z(j!==l||"nil"===A?"asc":"asc"===A?"dsc":"nil")},children:[l,(j!==l||"nil"===A)&&c&&e(m,{type:"sort"}),j===l&&"asc"===A&&e(m,{type:"sortAscend"}),j===l&&"dsc"===A&&e(m,{type:"sortDescend"})]})})},o)})),k?e("div",{className:N.collapsed}):null]}),R.map(((l,o)=>e(a,{disabled:!g,children:r("div",{role:"row",className:N.row,style:{gridTemplateColumns:T},children:[g&&e("div",{className:N.collapsed,children:e(n,{size:"xsm",color:"var(--f-clr-text-100)",cc:{checkbox:N.checkbox,checkmark:N.checkmark},checked:S.includes(o),onChange:e=>{const r=S.slice();e.target.checked?r.push(o):r.splice(r.indexOf(o),1),I(r)}})}),f.map(((r,o)=>{const c=x[r]||(e=>e.toString());return e("div",{role:"gridcell",children:c(l[r])},o)})),k?.length?e("div",{className:N.collapsed,children:r(s.Root,{children:[e(s.Trigger,{children:e(i,{compact:!0,variant:"minimal",size:"sml",style:{marginLeft:"auto"},children:e(m,{type:"more"})})}),e(s.Menu,{children:k(R[o],o)})]})}):null]})},o))),!R.length&&e("div",{className:N.empty,children:y})]})})}export{h as default};
|
|
3
3
|
//# sourceMappingURL=table.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
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,...
|
|
1
|
+
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)"},".d__vertical.overflow .event:last-child .content":{alignSelf:"flex-start",paddingTop:"6px"},".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},".overflow .event:last-child .segment":{flexGrow:0},".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,overflow:p=!1,...v}){const f=r(o,l),g=a.toArray(n);return e("div",{...v,className:i(f.timeline,f[`d__${s}`],c&&f.uniform,p&&f.overflow,v.className),children:g.map(((r,i)=>{const a=m?g.length-1-i:i;return t("div",{className:f.event,children:[t("div",{className:f.axis,children:[0!==i&&e("div",{className:f.segment,"data-active":m?a+1<d:a<d}),e("div",{className:f.bullet,"data-active":a<d}),i!==g.length-1&&e("div",{className:f.segment,"data-active":m?a<d:a+1<d})]}),e("div",{className:f.content,children:r})]},i)}))})}export{l as default};
|
|
2
2
|
//# sourceMappingURL=timeline.js.map
|
|
@@ -1 +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","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,
|
|
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","paddingTop","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","overflow","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,mDAAoD,CAChDF,UAAW,aACXG,WAAY,OAGhB,QAAS,CACLT,QAAS,OACTI,IAAK,MACLM,WAAY,UAGhB,qBAAsB,CAClBL,cAAe,UAGnB,UAAW,CACPM,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,uCAAwC,CACpCA,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,GAASC,SAAEA,EAAQC,GAAEA,EAAK,CAAE,EAAAC,OAAEA,EAAMC,UAAEA,EAAY,aAAYC,QAAEA,EAAOC,QAAEA,EAAOC,SAAEA,GAAW,KAAUC,IA4B3H,MAAMC,EAAQC,EAAe3C,EAAQmC,GAC/BS,EAAaC,EAASC,QAAQZ,GAEpC,OAAOa,EAAA,MAAA,IAASN,EACZO,UAAWC,EACPP,EAAMQ,SACNR,EAAM,MAAML,KACZC,GAAWI,EAAMJ,QACjBE,GAAYE,EAAMF,SAClBC,EAAMO,oBAGTJ,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,EAAMtB,QAAOc,SACxBkB,MARQC,EAUX,KAGlB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
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:"
|
|
1
|
+
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:"calc(1.4em + 1px)"},".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:b=!1,...p}){const v=e(i,s);return r(t,{disabled:p.disabled||b,children:o("button",{...p,type:p.type||"button",disabled:p.disabled||b,className:a(v.button,c&&v.round,d&&v.compact,v[`s__${f}`],v[`v__${m}`],p.className),style:{"--color":u,...p.style},"data-loading":b,"data-fb":"neutral"===m?"true":void 0,children:[r("span",{className:v.content,children:l}),b&&r(n,{className:v.loader})]})})}export{s as default};
|
|
2
2
|
//# sourceMappingURL=button.js.map
|
|
@@ -1 +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","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,
|
|
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","children","cc","round","compact","size","variant","loading","props","style","combineClasses","_jsx","Halo","disabled","_jsxs","type","className","classes","button","undefined","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,qBAGlB,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,IAW9I,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,OACL,eACMF,EACL,UAAY,YAAZD,EAAwB,YAASa,EAC1ClB,SAAA,CAAAU,EAAA,OAAA,CAAMK,UAAWP,EAAMW,iBAAUnB,IAEhCM,GAAWI,EAACU,EAAQ,CAAAL,UAAWP,EAAMa,aAGlD"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
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
|
|
2
|
+
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 t,hexToRgb as n,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 1px 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 !important"},".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)"},".wrapper .hue__handle::after":{boxSizing:"border-box",border:"solid 1px 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({cc:f={},format:w,defaultValue:v,value:x,onChange:_,disabled:y,...k}){const C=t(b,f),j=a(!1),N=a(null),R=void 0===x?null:"string"==typeof x?n(x):x,D=void 0===v?[255,0,0]:"string"==typeof v?n(v):v,[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"===w?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:t,height:n}=N.current.getBoundingClientRect();S.current[1]=100*Math.min(Math.max(r-o+.5,0)/t,1),S.current[2]=100*(1-Math.min(Math.max(a-i+.5,0)/n,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(n(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{w as default};
|
|
3
3
|
//# sourceMappingURL=color-picker.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
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
|
|
2
|
+
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 d=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:"calc(1.4em + 1px)"}});function f({cc:n={},round:f=!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(d,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}`],f&&y.round,x.className),"data-error":!!u,"data-disabled":x.disabled,"data-fb":"default"===c?"true":void 0,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{f as default};
|
|
3
3
|
//# sourceMappingURL=field.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
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:"
|
|
2
|
+
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:"calc(1.4em + 1px)"},".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,"data-fb":"default"===m?"true":void 0,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};
|
|
3
3
|
//# sourceMappingURL=file-field.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{combineClasses as o,classes as
|
|
2
|
+
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{combineClasses as o,classes as a}from"../../core/utils.js";import i from"../../hooks/use-input-props.js";import{useRef as t,useState as l}from"react";import{createStyles as d}from"../../core/style.js";const n=d("pincode",{".pincode":{display:"flex",gap:"var(--f-spacing-xsm)"},".group":{display:"flex",flexGrow:1},".field":{outline:"solid 3px transparent",backgroundColor:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)",borderRadius:"var(--f-radius-sml)",transition:"border-color .2s, outline-color .2s",display:"flex",flexGrow:1},".group .field + .field":{marginLeft:"-1px",borderTopLeftRadius:0,borderBottomLeftRadius:0},".group .field:not(:last-child)":{borderTopRightRadius:0,borderBottomRightRadius:0},".field:focus-within":{borderColor:"var(--f-clr-primary-100)",outlineColor:"var(--f-clr-primary-500)",zIndex:1},".input":{boxSizing:"content-box",border:"none",outline:"none",width:"1em",flexGrow:1,padding:".675em",background:"none",textAlign:"center",color:"var(--f-clr-text-100)"},".s__xsm":{fontSize:"var(--f-font-size-xxs)"},".s__sml":{fontSize:"var(--f-font-size-xsm)"},".s__med":{fontSize:"var(--f-font-size-sml)"},".s__lrg":{fontSize:"var(--f-font-size-med)"},".pincode.round .field:first-child":{borderTopLeftRadius:"calc(1.4em + 1px)",borderBottomLeftRadius:"calc(1.4em + 1px)"},".pincode.round .field:last-child":{borderTopRightRadius:"calc(1.4em + 1px)",borderBottomRightRadius:"calc(1.4em + 1px)"},'.pincode[data-disabled="true"] .field':{backgroundColor:"var(--f-clr-grey-100)",borderColor:"var(--f-clr-grey-200)"},'.pincode[data-disabled="true"] .input':{color:"var(--f-clr-grey-500)"},'.pincode[data-error="true"] .field':{borderColor:"var(--f-clr-error-100)"},'.pincode[data-error="true"] .field:focus-within':{outlineColor:"var(--f-clr-error-400)"},'.pincode[data-error="true"] .input':{color:"var(--f-clr-error-200)"}});function c({cc:d={},format:c=[1,1,1,1],masked:s,size:u="med",round:f=!1,value:p,error:m,onChange:g,defaultvalue:b,autoFocus:v,...x}){const h=o(n,d),y=t([]),R=c.reduce(((e,r)=>e+r),0),[z,k]=void 0!==p?[p]:l(b?.toString().slice(0,R)||"");function _(e){let r=e.target.value.replace(/\D/g,"");r&&(r.length<R&&(r=z+r),r=r.slice(0,R),k?.(r),g?.(r),y.current[Math.min(r.length,R-1)]?.focus())}const[w,C]=i(x);return e("div",{...C,className:a(h.pincode,h[`s__${u}`],f&&h.round,x.className),"data-error":!!m,"data-disabled":x.disabled,"data-fb":!0,children:[c.map(((e,o)=>{const a=c.slice(0,o).reduce(((e,r)=>e+r),0);return r("div",{className:h.group,children:new Array(e).fill(0).map(((e,o)=>(o+=a,r("div",{className:h.field,children:r("input",{ref:e=>{y.current[o]=e},"aria-label":w["aria-label"],"aria-labelledby":w["aria-labelledby"],autoFocus:0===o&&v,disabled:x.disabled,className:h.input,"aria-invalid":!!m,inputMode:"numeric",type:s?"password":"text",value:z.charAt(o),onChange:_,onKeyDown:e=>function(e,r){let o=z.slice();/^\d$/.test(e.key)&&(e.preventDefault(),z.length<=r?o+=e.key:o=o.slice(0,r)+e.key+o.slice(r+1),y.current[o.length]?.focus()),"Backspace"===e.key&&(e.preventDefault(),o=o.slice(0,o.length-1),y.current[o.length-1]?.focus()),k?.(o),g?.(o)}(e,o)})},o))))},o)})),r("input",{...w,type:"hidden",value:z})]})}export{c as default};
|
|
3
3
|
//# sourceMappingURL=pincode.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useState as o,useId as a}from"react";import{Morph as n}from"@infinityfx/lively/layout";import{combineClasses as t,classes as i}from"../../core/utils.js";import l from"../feedback/halo.js";import{createStyles as d}from"../../core/style.js";const s=d("segmented",{".segmented":{position:"relative",display:"flex"},".v__default, .v__neutral":{borderRadius:"calc(var(--f-radius-sml) + .3em)",backgroundColor:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)",padding:".3em"},".s__sml":{fontSize:"var(--f-font-size-xxs)"},".s__med":{fontSize:"var(--f-font-size-xsm)"},".s__lrg":{fontSize:"var(--f-font-size-sml)"},".segmented.
|
|
2
|
+
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useState as o,useId as a}from"react";import{Morph as n}from"@infinityfx/lively/layout";import{combineClasses as t,classes as i}from"../../core/utils.js";import l from"../feedback/halo.js";import{createStyles as d}from"../../core/style.js";const s=d("segmented",{".segmented":{position:"relative",display:"flex"},".v__default, .v__neutral":{borderRadius:"calc(var(--f-radius-sml) + .3em)",backgroundColor:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)",padding:".3em"},".s__sml":{fontSize:"var(--f-font-size-xxs)"},".s__med":{fontSize:"var(--f-font-size-xsm)"},".s__lrg":{fontSize:"var(--f-font-size-sml)"},".segmented.uniform":{display:"grid",gridAutoColumns:"1fr",gridAutoFlow:"column"},".segmented.vertical":{flexDirection:"column",gridAutoFlow:"row"},".segmented.round":{borderRadius:"calc(1.6em + 1px)"},".option":{position:"relative",border:"none",outline:"none",backgroundColor:"transparent",padding:".675em .8em",fontWeight:700,color:"var(--f-clr-text-100)",borderRadius:"var(--f-radius-sml)",flexGrow:1,transition:"color .4s",WebkitTapHighlightColor:"transparent"},".segmented.round .option":{borderRadius:"999px"},".option:enabled":{cursor:"pointer"},".option:disabled":{color:"var(--f-clr-grey-500)"},".content":{position:"relative",zIndex:1,display:"flex",alignItems:"center",justifyContent:"center",gap:"var(--f-spacing-xsm)"},".selection":{position:"absolute",inset:"0",backgroundColor:"var(--f-clr-primary-200)",borderRadius:"var(--f-radius-sml)",boxShadow:"var(--f-shadow-sml)"},".v__neutral .selection":{backgroundColor:"var(--f-clr-text-100)"},'.v__neutral .option[aria-checked="true"]:enabled':{color:"var(--f-clr-text-200)"},".v__minimal .selection":{backgroundColor:"var(--f-clr-primary-400)"},".segmented.round .selection":{borderRadius:"999px"},'.segmented[data-error="true"]':{border:"solid 1px var(--f-clr-error-100)"},".segmented .halo":{zIndex:"0"},'.option[aria-checked="true"] .halo':{inset:"-.3em",borderRadius:"calc(var(--f-radius-sml) + .3em)"},'.segmented[data-error="true"] .ripple':{backgroundColor:"var(--f-clr-error-300)"},".segmented .container":{isolation:"unset"}});function c({cc:d={},variant:c="default",size:m="med",round:u=!1,uniform:f,vertical:p,options:v,name:g,value:b,defaultValue:x,onChange:h,error:_,...y}){const k=t(s,d),[C,z]=void 0!==b?[b]:o(x||v[0]?.value),R=a();return e("div",{...y,role:"radiogroup",className:i(k.segmented,k[`s__${m}`],k[`v__${c}`],u&&k.round,f&&k.uniform,p&&k.vertical,y.className),"data-error":!!_,"data-fb":"minimal"!==c?"true":void 0,children:v.map((({label:o,value:a,disabled:t=!1},i)=>e(l,{hover:!1,cc:{container:k.container,halo:k.halo,ring:k.ring,...d},children:r("button",{className:k.option,type:"button",role:"radio","aria-checked":C===a,disabled:t,onClick:()=>{z?.(a),h?.(a)},children:[e("input",{type:"radio",value:a,checked:C===a,hidden:!0,readOnly:!0,name:g}),e("span",{className:k.content,children:o}),C===a&&e(n,{group:`segmented-selection-${R}`,cachable:p?["y","sy"]:["x","sx"],deform:!1,transition:{duration:.4},children:e("div",{className:k.selection})})]})},i)))})}export{c as default};
|
|
3
3
|
//# sourceMappingURL=segmented.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsxs as r,jsx as e,Fragment as a}from"react/jsx-runtime";import{useId as l,useRef as o,useState as i,useEffect as t}from"react";import n from"./button.js";import{combineClasses as d,classes as c,combineRefs as s}from"../../core/utils.js";import f from"../display/badge.js";import u from"../display/combobox/index.js";import m from"../../hooks/use-input-props.js";import{createStyles as p}from"../../core/style.js";import{Icon as b}from"../../core/icons.js";const g=p("select",{".field":{backgroundColor:"var(--f-clr-fg-100)",borderRadius:"var(--f-radius-sml)",color:"var(--f-clr-grey-200)",transition:"background-color .2s, border-color .2s, color .2s, outline-color .2s",display:"flex",alignItems:"center",minWidth:"min(var(--width, 100vw), 12em)",outline:"solid 3px transparent"},".v__default":{border:"solid 1px var(--f-clr-fg-200)"},".v__minimal":{backgroundColor:"var(--f-clr-fg-100)"},".v__default:focus-within":{borderColor:"var(--f-clr-primary-100)",color:"var(--f-clr-primary-100)",outlineColor:"var(--f-clr-primary-500)"},".v__minimal:focus-within":{backgroundColor:"var(--f-clr-fg-200)"},'.field[data-error="true"]':{borderColor:"var(--f-clr-error-100)",color:"var(--f-clr-error-200)"},'.field[data-error="true"]:focus-within':{outlineColor:"var(--f-clr-error-400)"},'.field[data-error="true"] .content':{color:"var(--f-clr-error-200)"},'.field[data-disabled="true"]':{backgroundColor:"var(--f-clr-grey-100)",borderColor:"var(--f-clr-grey-200)"},'.field[data-disabled="true"] .content':{color:"var(--f-clr-grey-500)"},".content__wrapper":{padding:".675em",display:"flex",alignItems:"center",gap:"var(--f-spacing-xsm)",overflow:"hidden",flexGrow:1},".content__wrapper > *:not(.content)":{flexShrink:0},".content":{position:"relative",display:"flex",alignItems:"center",gap:"var(--f-spacing-xsm)",flexGrow:1,overflow:"hidden",color:"var(--f-clr-text-100)",minHeight:"1.375em"},".content > *":{flexShrink:0},".placeholder":{color:"var(--f-clr-grey-300)"},".input":{position:"absolute",opacity:0,width:0},".s__xsm":{fontSize:"var(--f-font-size-xxs)"},".s__sml":{fontSize:"var(--f-font-size-xsm)"},".s__med":{fontSize:"var(--f-font-size-sml)"},".s__lrg":{fontSize:"var(--f-font-size-med)"},".field.round":{borderRadius:"
|
|
2
|
+
import{jsxs as r,jsx as e,Fragment as a}from"react/jsx-runtime";import{useId as l,useRef as o,useState as i,useEffect as t}from"react";import n from"./button.js";import{combineClasses as d,classes as c,combineRefs as s}from"../../core/utils.js";import f from"../display/badge.js";import u from"../display/combobox/index.js";import m from"../../hooks/use-input-props.js";import{createStyles as p}from"../../core/style.js";import{Icon as b}from"../../core/icons.js";const g=p("select",{".field":{backgroundColor:"var(--f-clr-fg-100)",borderRadius:"var(--f-radius-sml)",color:"var(--f-clr-grey-200)",transition:"background-color .2s, border-color .2s, color .2s, outline-color .2s",display:"flex",alignItems:"center",minWidth:"min(var(--width, 100vw), 12em)",outline:"solid 3px transparent"},".v__default":{border:"solid 1px var(--f-clr-fg-200)"},".v__minimal":{backgroundColor:"var(--f-clr-fg-100)"},".v__default:focus-within":{borderColor:"var(--f-clr-primary-100)",color:"var(--f-clr-primary-100)",outlineColor:"var(--f-clr-primary-500)"},".v__minimal:focus-within":{backgroundColor:"var(--f-clr-fg-200)"},'.field[data-error="true"]':{borderColor:"var(--f-clr-error-100)",color:"var(--f-clr-error-200)"},'.field[data-error="true"]:focus-within':{outlineColor:"var(--f-clr-error-400)"},'.field[data-error="true"] .content':{color:"var(--f-clr-error-200)"},'.field[data-disabled="true"]':{backgroundColor:"var(--f-clr-grey-100)",borderColor:"var(--f-clr-grey-200)"},'.field[data-disabled="true"] .content':{color:"var(--f-clr-grey-500)"},".content__wrapper":{padding:".675em",display:"flex",alignItems:"center",gap:"var(--f-spacing-xsm)",overflow:"hidden",flexGrow:1},".content__wrapper > *:not(.content)":{flexShrink:0},".content":{position:"relative",display:"flex",alignItems:"center",gap:"var(--f-spacing-xsm)",flexGrow:1,overflow:"hidden",color:"var(--f-clr-text-100)",minHeight:"1.375em"},".content > *":{flexShrink:0},".placeholder":{color:"var(--f-clr-grey-300)"},".input":{position:"absolute",opacity:0,width:0},".s__xsm":{fontSize:"var(--f-font-size-xxs)"},".s__sml":{fontSize:"var(--f-font-size-xsm)"},".s__med":{fontSize:"var(--f-font-size-sml)"},".s__lrg":{fontSize:"var(--f-font-size-med)"},".field.round":{borderRadius:"calc(1.4em + 1px)"},".field .badge":{backgroundColor:"var(--f-clr-fg-200)"},'.field[data-error="true"] .badge':{backgroundColor:"var(--f-clr-error-400)"},'.field[data-disabled="true"] .badge':{backgroundColor:"var(--f-clr-grey-200)"},".icon":{display:"flex",marginLeft:"auto"}});function v({cc:p={},options:v,multiple:h=!1,searchable:y,limit:_,emptyMessage:x="Nothing found",placeholder:C,value:k,defaultValue:w,onChange:z,readOnly:S,error:j,icon:N,size:I="med",variant:R="default",contentSize:O,round:H,inputRef:A,mobileContainer:G,virtualItemHeight:M,...$}){const L=d(g,p),T=l(),V=o(null),W=o(null),[q,B]=m($),[D,E]=void 0!==k?[k,z]:i(w||(h?[]:"")),F=Array.isArray(D);return t((()=>{h!==F&&E?.(h?D?[D]:[]:D[0])}),[h,F]),r(u.Root,{ref:W,stretch:!0,mobileContainer:G,children:[e(u.Trigger,{disabled:$.disabled||S,children:r("div",{...B,"aria-haspopup":"listbox",className:c(L.field,L[`s__${I}`],L[`v__${R}`],H&&L.round,$.className),"data-error":!!j,"data-disabled":$.disabled,"data-fb":"default"===R?"true":void 0,children:[r("div",{className:L.content__wrapper,children:[N,r("div",{className:L.content,children:[(F?!D.length:null==D||""===D)&&e("div",{className:L.placeholder,id:T,children:C}),F?D.length<3?D.map(((r,a)=>e(f,{round:H,cc:{badge:L.badge},children:r},a))):r(a,{children:[e(f,{round:H,cc:{badge:L.badge},children:D[0]}),r(f,{round:H,cc:{badge:L.badge},children:["+",D.length-1," more"]})]}):v.find((r=>r.value===D))?.label]}),e("input",{"aria-labelledby":C?T:void 0,...q,ref:s(A,V),readOnly:!0,className:L.input,value:D?.toString(),"aria-invalid":!!j})]}),e(n,{compact:!0,"aria-label":q["aria-label"],"aria-labelledby":q["aria-labelledby"],round:H,size:I,disabled:$.disabled||S,variant:"minimal",style:{marginRight:".2em"},children:e(b,{type:"expand"})})]})}),e(u.Content,{round:H,size:O,"aria-multiselectable":h,searchable:y,emptyMessage:x,virtualItemHeight:M,children:v.map((({label:a,value:l,key:o,disabled:i})=>{const t=F?D.includes(l):D===l;return r(u.Option,{value:o||""+a,disabled:i,"aria-selected":t,onSelect:()=>{if(F){const r=D.slice(),e=r.indexOf(l);e<0?(!_||r.length<_)&&r.push(l):r.splice(e,1),E?.(r)}else W.current?.close(),V.current?.focus(),E?.(l)},children:[a,t&&e("div",{className:L.icon,children:e(b,{type:"check"})})]},""+l)}))})]})}export{v as default};
|
|
3
3
|
//# sourceMappingURL=select.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as r}from"react/jsx-runtime";import{combineClasses as e,classes as o}from"../../core/utils.js";import a from"../../hooks/use-input-props.js";import{useState as t}from"react";import i from"../layout/scrollarea.js";import{createStyles as l}from"../../core/style.js";const s=l("textarea",{".s__xsm":{fontSize:"var(--f-font-size-xxs)"},".s__sml":{fontSize:"var(--f-font-size-xsm)"},".s__med":{fontSize:"var(--f-font-size-sml)"},".s__lrg":{fontSize:"var(--f-font-size-med)"},".textarea":{display:"flex",flexDirection:"column",outline:"solid 3px transparent",backgroundColor:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)",borderRadius:"var(--f-radius-sml)",transition:"border-color .2s, outline-color .2s",minWidth:"min(var(--width, 100vw), 12em)"},".textarea:focus-within":{borderColor:"var(--f-clr-primary-100)",outlineColor:"var(--f-clr-primary-500)"},".input":{flexShrink:0,flexGrow:1,width:"100%",resize:"none",outline:"none",border:"none",background:"none",overflow:"visible",padding:".6em",color:"var(--f-clr-text-100)"},'.textarea[data-error="true"]':{borderColor:"var(--f-clr-error-100)"},'.textarea[data-error="true"]:focus-within':{outlineColor:"var(--f-clr-error-400)"},'.textarea[data-error="true"] .input':{color:"var(--f-clr-error-200)"},'.textarea[data-disabled="true"]':{backgroundColor:"var(--f-clr-grey-100)",borderColor:"var(--f-clr-grey-200)"},'.textarea[data-disabled="true"] .input':{color:"var(--f-clr-grey-500)"}});function n({cc:l={},size:n="med",error:d,resize:f="both",...c}){const m=e(s,l),[u,x]=a(c),[p,v]=t(1);return r(i,{...x,className:o(m.textarea,m[`s__${n}`],c.className),"data-error":!!d,"data-disabled":c.disabled,style:{...c.style,resize:f,height:`calc(${c.rows||2}lh + 1.2em)`},children:r("textarea",{...u,rows:p,className:m.input,"aria-invalid":!!d,onChange:r=>{u.onChange?.(r),v(r.target.value.split(/\n/g).length)}})})}export{n as default};
|
|
2
|
+
import{jsx as r}from"react/jsx-runtime";import{combineClasses as e,classes as o}from"../../core/utils.js";import a from"../../hooks/use-input-props.js";import{useState as t}from"react";import i from"../layout/scrollarea.js";import{createStyles as l}from"../../core/style.js";const s=l("textarea",{".s__xsm":{fontSize:"var(--f-font-size-xxs)"},".s__sml":{fontSize:"var(--f-font-size-xsm)"},".s__med":{fontSize:"var(--f-font-size-sml)"},".s__lrg":{fontSize:"var(--f-font-size-med)"},".textarea":{display:"flex",flexDirection:"column",outline:"solid 3px transparent",backgroundColor:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)",borderRadius:"var(--f-radius-sml)",transition:"border-color .2s, outline-color .2s",minWidth:"min(var(--width, 100vw), 12em)"},".textarea:focus-within":{borderColor:"var(--f-clr-primary-100)",outlineColor:"var(--f-clr-primary-500)"},".input":{flexShrink:0,flexGrow:1,width:"100%",resize:"none",outline:"none",border:"none",background:"none",overflow:"visible",padding:".6em",color:"var(--f-clr-text-100)"},'.textarea[data-error="true"]':{borderColor:"var(--f-clr-error-100)"},'.textarea[data-error="true"]:focus-within':{outlineColor:"var(--f-clr-error-400)"},'.textarea[data-error="true"] .input':{color:"var(--f-clr-error-200)"},'.textarea[data-disabled="true"]':{backgroundColor:"var(--f-clr-grey-100)",borderColor:"var(--f-clr-grey-200)"},'.textarea[data-disabled="true"] .input':{color:"var(--f-clr-grey-500)"}});function n({cc:l={},size:n="med",error:d,resize:f="both",...c}){const m=e(s,l),[u,x]=a(c),[p,v]=t(1);return r(i,{...x,className:o(m.textarea,m[`s__${n}`],c.className),"data-error":!!d,"data-disabled":c.disabled,"data-fb":!0,style:{...c.style,resize:f,height:`calc(${c.rows||2}lh + 1.2em)`},children:r("textarea",{...u,rows:p,className:m.input,"aria-invalid":!!d,onChange:r=>{u.onChange?.(r),v(r.target.value.split(/\n/g).length)}})})}export{n as default};
|
|
3
3
|
//# sourceMappingURL=textarea.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useRef as a,useState as t}from"react";import o from"../feedback/halo.js";import i from"../../hooks/use-input-props.js";import{Animatable as n}from"@infinityfx/lively";import{combineClasses as l,classes as c}from"../../core/utils.js";import{createStyles as d}from"../../core/style.js";const s=d("toggle",{".input":{position:"absolute",opacity:0,inset:0,width:"100%",height:"100%",zIndex:2,WebkitTapHighlightColor:"transparent"},".input:enabled":{cursor:"pointer"},".toggle":{position:"relative",display:"block",backgroundColor:"var(--f-clr-fg-100)",color:"var(--f-clr-text-100)",borderRadius:"var(--f-radius-sml)",transition:"background-color .25s, color .25s"},".toggle.round":{borderRadius:"
|
|
2
|
+
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useRef as a,useState as t}from"react";import o from"../feedback/halo.js";import i from"../../hooks/use-input-props.js";import{Animatable as n}from"@infinityfx/lively";import{combineClasses as l,classes as c}from"../../core/utils.js";import{createStyles as d}from"../../core/style.js";const s=d("toggle",{".input":{position:"absolute",opacity:0,inset:0,width:"100%",height:"100%",zIndex:2,WebkitTapHighlightColor:"transparent"},".input:enabled":{cursor:"pointer"},".toggle":{position:"relative",display:"block",backgroundColor:"var(--f-clr-fg-100)",color:"var(--f-clr-text-100)",borderRadius:"var(--f-radius-sml)",transition:"background-color .25s, color .25s"},".toggle.round":{borderRadius:"calc(1.4em + 1px)"},".s__xsm":{fontSize:"var(--f-font-size-xxs)"},".s__sml":{fontSize:"var(--f-font-size-xsm)"},".s__med":{fontSize:"var(--f-font-size-sml)"},".s__lrg":{fontSize:"var(--f-font-size-med)"},".v__minimal":{backgroundColor:"transparent"},".v__neutral":{backgroundColor:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)"},".content":{display:"flex",alignItems:"center",justifyContent:"center",gap:"var(--f-spacing-xsm)",gridArea:"1 / 1 / 1 / 1",lineHeight:1,padding:".8em"},".container":{display:"grid",overflow:"hidden",height:"100%"},".toggle.compact .content":{padding:".6em"},'.toggle[data-checked="true"]:not(.v__neutral)':{backgroundColor:"var(--f-clr-primary-100)",color:"var(--f-clr-text-200)"},'.v__neutral[data-checked="true"]':{backgroundColor:"var(--f-clr-fg-200)"},'.v__minimal[data-checked="true"]':{backgroundColor:"var(--f-clr-primary-300)"},'.toggle[data-checked="false"][data-disabled="true"]':{color:"var(--f-clr-grey-500)"},'.toggle[data-checked="true"][data-disabled="true"]':{backgroundColor:"var(--f-clr-grey-300)",color:"var(--f-clr-grey-100)"}});function m({children:d,cc:m={},size:g="med",compact:f=!1,round:u=!1,variant:p="default",checkedContent:v,...h}){const b=l(s,m),k=a(null),[_,x]=void 0!==h.checked?[h.checked]:t(!!h.defaultChecked),[y,C]=i(h),z=[{on:_,immediate:!0},{on:!_,reverse:!0,immediate:!0}];return e(o,{disabled:h.disabled,color:"minimal"!==p||_?void 0:"var(--f-clr-primary-400)",target:k,children:r("div",{...C,className:c(b.toggle,u&&b.round,f&&b.compact,b[`s__${g}`],b[`v__${p}`],h.className),"data-checked":_,"data-disabled":!!h.disabled,"data-fb":"neutral"===p?"true":void 0,children:[e("input",{...y,ref:k,type:"checkbox",className:b.input,onChange:e=>{x?.(e.target.checked),y.onChange?.(e)}}),r("div",{className:b.container,children:[v?e(n,{animate:{translate:["0 0","0 -100%"],duration:.4},initial:{translate:_?"0 -100%":"0 0"},triggers:z,children:e("div",{className:b.content,children:d})}):e("div",{className:b.content,children:d}),v?e(n,{animate:{translate:["0 100%","0 0"],duration:.4},initial:{translate:_?"0 0":"0 100%"},triggers:z,children:e("div",{className:b.content,children:v})}):null]})]})})}export{m as default};
|
|
3
3
|
//# sourceMappingURL=toggle.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as t}from"react/jsx-runtime";import{combineClasses as a,classes as r}from"../../core/utils.js";import{createStyles as i}from"../../core/style.js";const o=i("group",{".group":{display:"flex","--radius":0},".split":{gap:"var(--f-spacing-xxs)","--radius":"var(--f-radius-xsm)"},".d__vertical":{flexDirection:"column"},".d__horizontal > :not(:last-child), .d__horizontal > :not(:last-child) [data-fc]":{borderTopRightRadius:"var(--radius) !important",borderBottomRightRadius:"var(--radius) !important"},".d__horizontal > :not(:first-child), .d__horizontal > :not(:first-child) [data-fc]":{borderTopLeftRadius:"var(--radius) !important",borderBottomLeftRadius:"var(--radius) !important"},".d__vertical > :not(:last-child), .d__vertical > :not(:last-child) [data-fc]":{borderBottomLeftRadius:"var(--radius) !important",borderBottomRightRadius:"var(--radius) !important"},".d__vertical > :not(:first-child), .d__vertical > :not(:first-child) [data-fc]":{borderTopLeftRadius:"var(--radius) !important",borderTopRightRadius:"var(--radius) !important"},".d__horizontal:not(.split) > :where([data-fb], :has([data-fb])) + :where([data-fb], :has([data-fb]))":{marginLeft:"-1px"},".d__vertical:not(.split) > :where([data-fb], :has([data-fb])) + :where([data-fb], :has([data-fb]))":{marginTop:"-1px"},".group > :has(:focus)":{zIndex:1}});function d({children:i,cc:d={},split:s=!1,direction:e="horizontal",...l}){const n=a(o,d);return t("div",{...l,className:r(n.group,s&&n.split,n[`d__${e}`],l.className),children:i})}export{d as default};
|
|
2
2
|
//# sourceMappingURL=group.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"group.js","sources":["../../../../src/components/layout/group.tsx"],"sourcesContent":[null],"names":["styles","createStyles","display","gap","flexDirection","
|
|
1
|
+
{"version":3,"file":"group.js","sources":["../../../../src/components/layout/group.tsx"],"sourcesContent":[null],"names":["styles","createStyles","display","gap","flexDirection","borderTopRightRadius","borderBottomRightRadius","borderTopLeftRadius","borderBottomLeftRadius","marginLeft","marginTop","zIndex","Group","children","cc","split","direction","props","style","combineClasses","_jsx","className","classes","group"],"mappings":"6JAIA,MAAMA,EAASC,EAAa,QAAS,CACjC,SAAU,CACNC,QAAS,OACT,WAAqB,GAGzB,SAAU,CACNC,IAAK,uBACL,WAAqB,uBAGzB,eAAgB,CACZC,cAAe,UAGnB,mFAAoF,CAChFC,qBAAsB,2BACtBC,wBAAyB,4BAG7B,qFAAsF,CAClFC,oBAAqB,2BACrBC,uBAAwB,4BAG5B,+EAAgF,CAC5EA,uBAAwB,2BACxBF,wBAAyB,4BAG7B,iFAAkF,CAC9EC,oBAAqB,2BACrBF,qBAAsB,4BAG1B,uGAAwG,CACpGI,WAAY,QAGhB,qGAAsG,CAClGC,UAAW,QAGf,wBAAyB,CACrBC,OAAQ,KAWQ,SAAAC,GAAMC,SAAEA,EAAQC,GAAEA,EAAK,GAAEC,MAAEA,GAAQ,EAAKC,UAAEA,EAAY,gBAAiBC,IAc3F,MAAMC,EAAQC,EAAenB,EAAQc,GAErC,OAAOM,EACC,MAAA,IAAAH,EACJI,UAAWC,EACPJ,EAAMK,MACNR,GAASG,EAAMH,MACfG,EAAM,MAAMF,KACZC,EAAMI,WAETR,SAAAA,GAET"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsxs as r,jsx as e}from"react/jsx-runtime";import{combineClasses as t,classes as a}from"../../core/utils.js";import{Animatable as
|
|
2
|
+
import{jsxs as r,jsx as e}from"react/jsx-runtime";import{combineClasses as t,classes as a}from"../../core/utils.js";import{Animatable as l}from"@infinityfx/lively";import{useId as o}from"react";import i from"../feedback/halo.js";import c from"../feedback/progress-bar.js";import{createStyles as s}from"../../core/style.js";import{Icon as n}from"../../core/icons.js";const d=s("stepper",{".stepper":{display:"grid",gridAutoFlow:"column",gridAutoColumns:"1fr",gap:"6px"},".stepper.vertical":{gridAutoFlow:"row"},".step":{display:"flex",flexDirection:"column",gap:"var(--f-spacing-sml)"},".stepper.vertical .step":{flexDirection:"row"},".header":{display:"flex",alignItems:"center",gap:"6px"},".stepper.vertical .header":{flexDirection:"column"},".bullet":{position:"relative",width:"2.5em",height:"2.5em",backgroundColor:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)",borderRadius:"999px",color:"var(--f-clr-grey-300)",outline:"solid 2px transparent",outlineOffset:"-1px",transition:"background-color .25s, color .25s, outline-color .25s"},".bullet:enabled":{cursor:"pointer"},'.step[data-current="true"] .bullet':{outlineColor:"var(--f-clr-primary-200)",color:"var(--f-clr-primary-200)"},'.step[data-completed="true"] .bullet':{backgroundColor:"var(--f-clr-primary-100)",color:"var(--f-clr-text-200)"},'.step[data-error="true"][data-completed="false"] .bullet':{outlineColor:"var(--f-clr-error-200)",color:"var(--f-clr-error-200)"},'.step[data-error="true"][data-completed="true"] .bullet':{backgroundColor:"var(--f-clr-error-100)"},".icon":{width:"100%",aspectRatio:1,display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,overflow:"hidden"},".icons":{width:"100%",display:"flex",flexDirection:"column"},".progress":{flexGrow:1,backgroundColor:"var(--f-clr-fg-200)",borderRadius:"var(--f-radius-xsm)",transition:"background-color .25s"},".stepper:not(.vertical) .progress":{minWidth:"1em",height:"3px"},".stepper.vertical .progress":{minHeight:"1em",width:"3px"},'.step[data-completed="true"] .progress':{backgroundColor:"var(--f-clr-primary-100)"},".stepper:not(.vertical) .step:not(:last-child) .content":{paddingRight:"var(--f-spacing-sml)"},".name":{fontSize:"var(--f-font-size-sml)",color:"var(--f-clr-text-100)",fontWeight:600},".label":{fontSize:"var(--f-font-size-xsm)",color:"var(--f-clr-grey-600)"},".halo":{inset:"-.5em !important"},".track":{marginTop:"calc(var(--f-spacing-sml) - 6px)"}});function p({cc:s={},steps:p,completed:m,setCompleted:f,navigation:u="backwards",variant:g="default",...v}){const h=t(d,s),b=o();let x=p.map(((r,e)=>Object.assign({label:(e+1+"").padStart(2,"0")},r)));return"compact"===g&&(x=x.slice(Math.min(m,p.length-1),m+1)),r("div",{...v,className:a(h.stepper,"default"!==g&&h.vertical,v.className),children:[x.map((({name:t,label:a,icon:o,error:c},s)=>{const d=("forwards"===u?s>=m:"backwards"===u?s<m:"both"===u)&&"compact"!==g,v="compact"===g?m===p.length:s<m;return r("div",{className:h.step,"data-completed":v,"data-current":"compact"===g?!v:s===m,"data-error":c,children:[r("div",{className:h.header,children:[e(i,{disabled:!d,cc:{halo:h.halo},children:e("button",{type:"button",className:h.bullet,disabled:!d,onClick:()=>f?.(s),"aria-labelledby":`${b}-${s}`,children:e("div",{className:h.icon,children:e(l,{initial:{translate:v?"0% -25%":"0% 25%"},animate:{translate:["0% 25%","0% -25%"],duration:.35},triggers:[{on:v},{on:!v,reverse:!0}],children:r("div",{className:h.icons,children:[e("div",{className:h.icon,children:o}),e("div",{className:h.icon,children:e(n,{type:"check"})})]})})})})}),s<p.length-1&&"compact"!==g&&e("div",{className:h.progress})]}),r("div",{className:h.content,children:[e("div",{className:h.label,id:`${b}-${s}`,children:a}),e("div",{className:h.name,children:t})]})]},s)})),"compact"===g&&e(c,{size:"sml",value:m/p.length,cc:{track:h.track}})]})}export{p as default};
|
|
3
3
|
//# sourceMappingURL=stepper.js.map
|
|
@@ -2,7 +2,7 @@ import { Selectors } from '../../../../src/types';
|
|
|
2
2
|
export type ActionMenuMenuSelectors = Selectors<'menu'>;
|
|
3
3
|
declare function Menu({ children, cc, className, ...props }: {
|
|
4
4
|
ref?: React.ForwardedRef<HTMLDivElement>;
|
|
5
|
-
cc?:
|
|
5
|
+
cc?: ActionMenuMenuSelectors;
|
|
6
6
|
} & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
declare namespace Menu {
|
|
8
8
|
var displayName: string;
|
|
@@ -8,7 +8,7 @@ export type AnnotationSelectors = Selectors<'wrapper' | 'label' | 'error' | 's__
|
|
|
8
8
|
export default function Annotation({ children, cc, label, error, ...props }: {
|
|
9
9
|
ref?: React.Ref<HTMLDivElement>;
|
|
10
10
|
children: React.ReactElement<any>;
|
|
11
|
-
cc?:
|
|
11
|
+
cc?: AnnotationSelectors;
|
|
12
12
|
label?: string;
|
|
13
13
|
error?: string;
|
|
14
14
|
} & Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { Selectors } from '../../../src/types';
|
|
2
|
-
export type TimelineSelectors = Selectors<'timeline' | 'uniform' | 'd__horizontal' | 'd__vertical' | 'event' | 'content' | 'axis' | 'bullet' | 'segment'>;
|
|
2
|
+
export type TimelineSelectors = Selectors<'timeline' | 'uniform' | 'overflow' | 'd__horizontal' | 'd__vertical' | 'event' | 'content' | 'axis' | 'bullet' | 'segment'>;
|
|
3
3
|
/**
|
|
4
4
|
* An ordered timeline of events.
|
|
5
5
|
*
|
|
6
6
|
* @see {@link https://fluid.infinityfx.dev/docs/components/timeline}
|
|
7
7
|
*/
|
|
8
|
-
export default function Timeline({ children, cc, active, direction, uniform, reverse, ...props }: {
|
|
8
|
+
export default function Timeline({ children, cc, active, direction, uniform, reverse, overflow, ...props }: {
|
|
9
9
|
ref?: React.Ref<HTMLDivElement>;
|
|
10
10
|
cc?: TimelineSelectors;
|
|
11
11
|
/**
|
|
@@ -25,4 +25,10 @@ export default function Timeline({ children, cc, active, direction, uniform, rev
|
|
|
25
25
|
* @default false
|
|
26
26
|
*/
|
|
27
27
|
reverse?: boolean;
|
|
28
|
+
/**
|
|
29
|
+
* Lets the last event's content overflow past it's bullet point.
|
|
30
|
+
*
|
|
31
|
+
* @default false
|
|
32
|
+
*/
|
|
33
|
+
overflow?: boolean;
|
|
28
34
|
} & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -3,7 +3,7 @@ export type ColorPickerSelectors = Selectors<'wrapper' | 'space'>;
|
|
|
3
3
|
type RGB = [number, number, number];
|
|
4
4
|
type ColorPickerProps<T> = {
|
|
5
5
|
ref?: React.Ref<HTMLDivElement>;
|
|
6
|
-
cc?:
|
|
6
|
+
cc?: ColorPickerSelectors;
|
|
7
7
|
format?: T;
|
|
8
8
|
value?: T extends 'hex' ? string : RGB;
|
|
9
9
|
defaultValue?: T extends 'hex' ? string : RGB;
|