@infinityfx/fluid 1.4.7 → 1.4.8
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/input/button.js +1 -1
- package/dist/components/input/button.js.map +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/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/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 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 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"}
|
|
@@ -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;
|
|
@@ -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;
|