@infinityfx/fluid 1.4.6 → 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/badge.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.map +1 -1
- package/dist/components/display/toast.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/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/divider.js.map +1 -1
- package/dist/components/layout/group.js +1 -1
- package/dist/components/layout/group.js.map +1 -1
- package/dist/components/layout/panel.js +1 -1
- package/dist/index.js +1 -1
- package/dist/types/src/components/display/action-menu/item.d.ts +5 -0
- 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/badge.d.ts +1 -0
- package/dist/types/src/components/display/code.d.ts +10 -0
- package/dist/types/src/components/display/combobox/content.d.ts +16 -0
- package/dist/types/src/components/display/table.d.ts +5 -0
- package/dist/types/src/components/display/ticker.d.ts +8 -0
- package/dist/types/src/components/display/timeline.d.ts +13 -0
- package/dist/types/src/components/display/toast.d.ts +5 -0
- package/dist/types/src/components/display/tooltip.d.ts +6 -0
- package/dist/types/src/components/feedback/halo.d.ts +10 -0
- package/dist/types/src/components/input/autocomplete.d.ts +8 -0
- package/dist/types/src/components/input/button.d.ts +1 -0
- package/dist/types/src/components/input/chip.d.ts +3 -0
- package/dist/types/src/components/input/color-picker.d.ts +1 -1
- package/dist/types/src/components/input/date-field.d.ts +5 -0
- package/dist/types/src/components/input/drop-zone.d.ts +5 -0
- package/dist/types/src/components/input/field.d.ts +7 -0
- package/dist/types/src/components/input/number-field.d.ts +10 -0
- package/dist/types/src/components/input/password-field.d.ts +5 -0
- package/dist/types/src/components/input/pincode.d.ts +14 -0
- package/dist/types/src/components/input/segmented.d.ts +8 -0
- package/dist/types/src/components/input/select.d.ts +21 -0
- package/dist/types/src/components/input/slider.d.ts +13 -0
- package/dist/types/src/components/input/textarea.d.ts +3 -0
- package/dist/types/src/components/input/toggle.d.ts +3 -0
- package/dist/types/src/components/layout/accordion/root.d.ts +5 -0
- package/dist/types/src/components/layout/divider.d.ts +6 -0
- package/dist/types/src/components/layout/drawer.d.ts +3 -0
- package/dist/types/src/components/layout/group.d.ts +8 -0
- package/dist/types/src/components/layout/modal.d.ts +3 -0
- package/dist/types/src/components/layout/panel.d.ts +6 -0
- package/dist/types/src/components/layout/popover/root.d.ts +13 -0
- package/dist/types/src/components/layout/popover/trigger.d.ts +5 -0
- package/dist/types/src/components/layout/scrollarea.d.ts +11 -0
- package/dist/types/src/components/navigation/navigation-menu/group.d.ts +15 -0
- package/dist/types/src/components/navigation/navigation-menu/link.d.ts +5 -0
- package/dist/types/src/components/navigation/pagination.d.ts +14 -0
- package/dist/types/src/components/navigation/stepper.d.ts +5 -0
- package/dist/types/src/index.d.ts +1 -0
- 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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.js","sources":["../../../../src/components/display/badge.tsx"],"sourcesContent":[null],"names":["styles","createStyles","fontWeight","borderRadius","padding","transition","display","alignItems","gap","lineHeight","backgroundColor","color","border","fontSize","cursor","Badge","children","cc","variant","round","size","onClose","props","style","combineClasses","_jsxs","className","classes","badge","_jsx","close","onClick","Icon","type"],"mappings":"kNAKA,MAAMA,EAASC,EAAa,QAAS,CACjC,SAAU,CACNC,WAAY,IACZC,aAAc,sBACdC,QAAS,YACTC,WAAY,wBACZC,QAAS,OACTC,WAAY,SACZC,IAAK,uBACLC,WAAY,KAGhB,cAAe,CACXC,gBAAiB,yCACjBC,MAAO,yBAGX,YAAa,CACTD,gBAAiB,sBACjBC,MAAO,0CAGX,cAAe,CACXD,gBAAiB,sBACjBE,OAAQ,gCACRD,MAAO,yBAGX,UAAW,CACPE,SAAU,SAGd,UAAW,CACPA,SAAU,0BAGd,UAAW,CACPA,SAAU,0BAGd,UAAW,CACPA,SAAU,0BAGd,eAAgB,CACZV,aAAc,SAGlB,SAAU,CACNG,QAAS,OACTC,WAAY,SACZO,OAAQ,aAWQ,SAAAC,GAAMC,SAAEA,EAAQC,GAAEA,EAAK,CAAA,EAAEC,QAAEA,EAAU,UAASC,MAAEA,GAAQ,EAAKC,KAAEA,EAAO,MAAKT,MAAEA,EAAKU,QAAEA,KAAYC,
|
|
1
|
+
{"version":3,"file":"badge.js","sources":["../../../../src/components/display/badge.tsx"],"sourcesContent":[null],"names":["styles","createStyles","fontWeight","borderRadius","padding","transition","display","alignItems","gap","lineHeight","backgroundColor","color","border","fontSize","cursor","Badge","children","cc","variant","round","size","onClose","props","style","combineClasses","_jsxs","className","classes","badge","_jsx","close","onClick","Icon","type"],"mappings":"kNAKA,MAAMA,EAASC,EAAa,QAAS,CACjC,SAAU,CACNC,WAAY,IACZC,aAAc,sBACdC,QAAS,YACTC,WAAY,wBACZC,QAAS,OACTC,WAAY,SACZC,IAAK,uBACLC,WAAY,KAGhB,cAAe,CACXC,gBAAiB,yCACjBC,MAAO,yBAGX,YAAa,CACTD,gBAAiB,sBACjBC,MAAO,0CAGX,cAAe,CACXD,gBAAiB,sBACjBE,OAAQ,gCACRD,MAAO,yBAGX,UAAW,CACPE,SAAU,SAGd,UAAW,CACPA,SAAU,0BAGd,UAAW,CACPA,SAAU,0BAGd,UAAW,CACPA,SAAU,0BAGd,eAAgB,CACZV,aAAc,SAGlB,SAAU,CACNG,QAAS,OACTC,WAAY,SACZO,OAAQ,aAWQ,SAAAC,GAAMC,SAAEA,EAAQC,GAAEA,EAAK,CAAA,EAAEC,QAAEA,EAAU,UAASC,MAAEA,GAAQ,EAAKC,KAAEA,EAAO,MAAKT,MAAEA,EAAKU,QAAEA,KAAYC,IAUpH,MAAMC,EAAQC,EAAexB,EAAQiB,GAErC,OAAOQ,YAASH,EACZI,UAAWC,EACPJ,EAAMK,MACNL,EAAM,MAAML,KACZK,EAAM,MAAMH,KACZD,GAASI,EAAMJ,MACfG,EAAMI,WAEVH,MAAO,CACH,UAAWZ,KACRW,EAAMC,OACLP,SAAA,CACPA,EAEAK,EAAUQ,EAAK,MAAA,CAAAH,UAAWH,EAAMO,MAAOC,QAASV,EAAOL,SACpDa,EAACG,EAAK,CAAAC,KAAK,YACN,OAEjB"}
|
|
@@ -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 +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,CACLR,QAAS,OACTI,IAAK,MACLK,WAAY,UAGhB,qBAAsB,CAClBJ,cAAe,UAGnB,UAAW,CACPK,SAAU,WACVC,OAAQ,QACRC,MAAO,QACPC,aAAc,QACdC,OAAQ,kCACRC,OAAQ,EACRC,WAAY,qBAGhB,iBAAkB,CACdC,QAAS,KACTP,SAAU,WACVQ,MAAO,MACPL,aAAc,QACdM,gBAAiB,2BACjBC,QAAS,EACTJ,WAAY,gBAGhB,8BAA+B,CAC3BK,YAAa,4BAGjB,qCAAsC,CAClCD,QAAS,GAGb,WAAY,CACRT,OAAQ,MACRQ,gBAAiB,wBACjBH,WAAY,wBACZM,SAAU,GAGd,0BAA2B,CACvBX,OAAQ,MACRY,SAAU,OAGd,wBAAyB,CACrBX,MAAO,MACPY,UAAW,MACXC,YAAa,eAGjB,uBAAwB,CACpBC,qBAAsB,OACtBC,mBAAoB,QAGxB,sBAAuB,CACnBC,qBAAsB,OACtBC,uBAAwB,QAG5B,+BAAgC,CAC5BV,gBAAiB,8BAWX,SAAUW,GAASC,SAAEA,EAAQC,GAAEA,EAAK,CAAE,EAAAC,OAAEA,EAAMC,UAAEA,EAAY,aAAYC,QAAEA,EAAOC,QAAEA,KAAYC,
|
|
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,CACLR,QAAS,OACTI,IAAK,MACLK,WAAY,UAGhB,qBAAsB,CAClBJ,cAAe,UAGnB,UAAW,CACPK,SAAU,WACVC,OAAQ,QACRC,MAAO,QACPC,aAAc,QACdC,OAAQ,kCACRC,OAAQ,EACRC,WAAY,qBAGhB,iBAAkB,CACdC,QAAS,KACTP,SAAU,WACVQ,MAAO,MACPL,aAAc,QACdM,gBAAiB,2BACjBC,QAAS,EACTJ,WAAY,gBAGhB,8BAA+B,CAC3BK,YAAa,4BAGjB,qCAAsC,CAClCD,QAAS,GAGb,WAAY,CACRT,OAAQ,MACRQ,gBAAiB,wBACjBH,WAAY,wBACZM,SAAU,GAGd,0BAA2B,CACvBX,OAAQ,MACRY,SAAU,OAGd,wBAAyB,CACrBX,MAAO,MACPY,UAAW,MACXC,YAAa,eAGjB,uBAAwB,CACpBC,qBAAsB,OACtBC,mBAAoB,QAGxB,sBAAuB,CACnBC,qBAAsB,OACtBC,uBAAwB,QAG5B,+BAAgC,CAC5BV,gBAAiB,8BAWX,SAAUW,GAASC,SAAEA,EAAQC,GAAEA,EAAK,CAAE,EAAAC,OAAEA,EAAMC,UAAEA,EAAY,aAAYC,QAAEA,EAAOC,QAAEA,KAAYC,IAsBzG,MAAMC,EAAQC,EAAezC,EAAQkC,GAC/BQ,EAAaC,EAASC,QAAQX,GAEpC,OAAOY,YAASN,EACZO,UAAWC,EACPP,EAAMQ,SACNR,EAAM,MAAMJ,KACZC,GAAWG,EAAMH,QACjBE,EAAMO,WACTb,SAEAS,EAAWO,KAAI,CAACC,EAAOC,KACpB,MAAMC,EAAQd,EAAUI,EAAWW,OAAS,EAAIF,EAAIA,EAEpD,OAAOG,EAAA,MAAA,CAAaR,UAAWN,EAAMe,MAAKtB,SAAA,CACtCqB,SAAKR,UAAWN,EAAMgB,eACX,IAANL,GAAWN,EAAA,MAAA,CAAKC,UAAWN,EAAMiB,QAAsB,cAAAnB,EAAUc,EAAQ,EAAIjB,EAASiB,EAAQjB,IAC/FU,SAAKC,UAAWN,EAAMkB,OAAM,cAAeN,EAAQjB,IAClDgB,IAAMT,EAAWW,OAAS,GAAKR,SAAKC,UAAWN,EAAMiB,sBAAsBnB,EAAUc,EAAQjB,EAASiB,EAAQ,EAAIjB,OAGvHU,EAAA,MAAA,CAAKC,UAAWN,EAAMrB,QAAOc,SACxBiB,MARQC,EAUX,KAGlB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toast.js","sources":["../../../../src/components/display/toast.tsx"],"sourcesContent":[null],"names":["styles","createStyles","padding","backgroundColor","borderRadius","border","display","alignItems","gap","minWidth","position","fontSize","lineHeight","color","zIndex","inset","opacity","flexDirection","alignSelf","flexGrow","paddingBlock","fontWeight","Toast","children","cc","icon","title","round","action","_jsx","Icon","type","onClose","props","style","combineClasses","_jsxs","className","classes","toast","background","content","Button","compact","variant","onClick"],"mappings":"oPAMA,MAAMA,EAASC,EAAa,QAAS,CACjC,SAAU,CACNC,QAAS,OACTC,gBAAiB,sBACjBC,aAAc,sBACdC,OAAQ,gCACRC,QAAS,OACTC,WAAY,aACZC,IAAK,uBACLC,SAAU,oBAGd,eAAgB,CACZL,aAAc,qBAGlB,QAAS,CACLM,SAAU,WACVR,QAAS,OACTI,QAAS,OACTK,SAAU,QACVC,WAAY,EACZC,MAAO,QACPC,OAAQ,GAGZ,cAAe,CACXJ,SAAU,WACVK,MAAO,EACPX,aAAc,sBACdY,QAAS,GACTF,QAAQ,GAGZ,2BAA4B,CACxBV,aAAc,SAGlB,WAAY,CACRE,QAAS,OACTW,cAAe,SACfT,IAAK,uBACLK,MAAO,wBACPK,UAAW,SACXC,SAAU,EACVC,aAAc,QAGlB,SAAU,CACNC,WAAY,IACZV,SAAU,OACVE,MAAO,2BAWS,SAAAS,GAAMC,SAAEA,EAAQC,GAAEA,EAAK,CAAE,EAAAC,KAAEA,EAAIZ,MAAEA,EAAKa,MAAEA,EAAKC,MAAEA,EAAKC,OAAEA,EAASC,EAACC,EAAK,CAAAC,KAAK,UAAUC,QAAEA,KAAYC,
|
|
1
|
+
{"version":3,"file":"toast.js","sources":["../../../../src/components/display/toast.tsx"],"sourcesContent":[null],"names":["styles","createStyles","padding","backgroundColor","borderRadius","border","display","alignItems","gap","minWidth","position","fontSize","lineHeight","color","zIndex","inset","opacity","flexDirection","alignSelf","flexGrow","paddingBlock","fontWeight","Toast","children","cc","icon","title","round","action","_jsx","Icon","type","onClose","props","style","combineClasses","_jsxs","className","classes","toast","background","content","Button","compact","variant","onClick"],"mappings":"oPAMA,MAAMA,EAASC,EAAa,QAAS,CACjC,SAAU,CACNC,QAAS,OACTC,gBAAiB,sBACjBC,aAAc,sBACdC,OAAQ,gCACRC,QAAS,OACTC,WAAY,aACZC,IAAK,uBACLC,SAAU,oBAGd,eAAgB,CACZL,aAAc,qBAGlB,QAAS,CACLM,SAAU,WACVR,QAAS,OACTI,QAAS,OACTK,SAAU,QACVC,WAAY,EACZC,MAAO,QACPC,OAAQ,GAGZ,cAAe,CACXJ,SAAU,WACVK,MAAO,EACPX,aAAc,sBACdY,QAAS,GACTF,QAAQ,GAGZ,2BAA4B,CACxBV,aAAc,SAGlB,WAAY,CACRE,QAAS,OACTW,cAAe,SACfT,IAAK,uBACLK,MAAO,wBACPK,UAAW,SACXC,SAAU,EACVC,aAAc,QAGlB,SAAU,CACNC,WAAY,IACZV,SAAU,OACVE,MAAO,2BAWS,SAAAS,GAAMC,SAAEA,EAAQC,GAAEA,EAAK,CAAE,EAAAC,KAAEA,EAAIZ,MAAEA,EAAKa,MAAEA,EAAKC,MAAEA,EAAKC,OAAEA,EAASC,EAACC,EAAK,CAAAC,KAAK,UAAUC,QAAEA,KAAYC,IAgBtH,MAAMC,EAAQC,EAAenC,EAAQwB,GAErC,OAAOY,EAAA,MAAA,IAASH,EACZI,UAAWC,EACPJ,EAAMK,MACNZ,GAASO,EAAMP,MACfM,EAAMI,WACTd,SAAA,CACDa,SAAKC,UAAWH,EAAMT,eAClBI,EAAK,MAAA,CAAAQ,UAAWH,EAAMM,WAAYN,MAAO,CAAE/B,gBAAiBU,KAE3DY,KAGLW,EAAA,MAAA,CAAKC,UAAWH,EAAMO,QAAOlB,SAAA,CACzBM,SAAKQ,UAAWH,EAAMR,eAAQA,IAE7BH,KAGJK,GAAUC,EAACa,EAAM,CAACC,SAAQ,EAAAC,QAAQ,UAAUjB,MAAOA,EAAOkB,QAASb,EAAoB,aAAA,iBACnFJ,MAGb"}
|
|
@@ -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":{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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"divider.js","sources":["../../../../src/components/layout/divider.tsx"],"sourcesContent":[null],"names":["styles","createStyles","display","alignItems","gap","fontSize","fontWeight","color","writingMode","backgroundColor","flexGrow","height","width","Divider","cc","vertical","label","labelPosition","size","props","style","combineClasses","_jsxs","role","className","classes","divider","paddingBlock","children","_jsx","line"],"mappings":"uKAIA,MAAMA,EAASC,EAAa,UAAW,CACnC,WAAY,CACRC,QAAS,OACTC,WAAY,SACZC,IAAK,uBACLC,SAAU,yBACVC,WAAY,IACZC,MAAO,yBAGX,wCAAyC,CACrCC,YAAa,eAGjB,QAAS,CACLC,gBAAiB,sBACjBC,SAAU,GAGd,gDAAiD,CAC7CC,OAAQ,OAGZ,8CAA+C,CAC3CC,MAAO,SAWD,SAAUC,GAAQC,GAAEA,EAAK,GAAEC,SAAEA,GAAW,EAAKC,MAAEA,EAAKC,cAAEA,EAAgB,SAAQC,KAAEA,EAAO,SAAUC,
|
|
1
|
+
{"version":3,"file":"divider.js","sources":["../../../../src/components/layout/divider.tsx"],"sourcesContent":[null],"names":["styles","createStyles","display","alignItems","gap","fontSize","fontWeight","color","writingMode","backgroundColor","flexGrow","height","width","Divider","cc","vertical","label","labelPosition","size","props","style","combineClasses","_jsxs","role","className","classes","divider","paddingBlock","children","_jsx","line"],"mappings":"uKAIA,MAAMA,EAASC,EAAa,UAAW,CACnC,WAAY,CACRC,QAAS,OACTC,WAAY,SACZC,IAAK,uBACLC,SAAU,yBACVC,WAAY,IACZC,MAAO,yBAGX,wCAAyC,CACrCC,YAAa,eAGjB,QAAS,CACLC,gBAAiB,sBACjBC,SAAU,GAGd,gDAAiD,CAC7CC,OAAQ,OAGZ,8CAA+C,CAC3CC,MAAO,SAWD,SAAUC,GAAQC,GAAEA,EAAK,GAAEC,SAAEA,GAAW,EAAKC,MAAEA,EAAKC,cAAEA,EAAgB,SAAQC,KAAEA,EAAO,SAAUC,IAe3G,MAAMC,EAAQC,EAAerB,EAAQc,GAErC,OAAOQ,EAAS,MAAA,IAAAH,EACZI,KAAK,YACa,mBAAAR,EAAW,WAAa,aAC1CS,UAAWC,EAAQL,EAAMM,QAASP,EAAMK,WACxCJ,MAAO,CACHO,aAAsB,WAART,EAAoBA,EAAO,mBAAmBA,QACzDC,EAAMC,OACZQ,SAAA,CACAZ,GAA2B,UAAlBC,GAA6BY,EAAA,MAAA,CAAKL,UAAWJ,EAAMU,OAE5Dd,IAEEA,GAA2B,QAAlBC,IAA4BY,EAAK,MAAA,CAAAL,UAAWJ,EAAMU,SAEtE"}
|
|
@@ -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{jsx as e,jsxs as i,Fragment as r}from"react/jsx-runtime";import{Children as t,useState as n,useRef as o,useEffect as d,isValidElement as a,cloneElement as l}from"react";import{combineClasses as c,classes as s,combineRefs as u}from"../../core/utils.js";import{createStyles as h}from"../../core/style.js";import"../feedback/progress-bar.js";import"../feedback/circular-progress.js";import"@infinityfx/lively";import p from"../feedback/halo.js";import"../feedback/indicator.js";import"../feedback/skeleton.js";const v=h("panel",{".panel":{position:"relative",display:"flex",flexShrink:0},".d__vertical":{flexDirection:"column"},".divider":{position:"relative",display:"flex",alignItems:"center",justifyContent:"center",userSelect:"none",touchAction:"none"},".d__horizontal > .divider":{minHeight:"100%",height:"auto",cursor:"ew-resize"},".d__horizontal.v__default > .divider":{background:"var(--f-clr-fg-200)",width:"1px"},".d__horizontal.v__minimal > .divider":{paddingInline:"3px"},".d__vertical > .divider":{minWidth:"100%",width:"auto",cursor:"ns-resize"},".d__vertical.v__default > .divider":{background:"var(--f-clr-fg-200)",height:"1px"},".d__vertical.v__minimal > .divider":{paddingBlock:"3px"},".focus":{position:"absolute",display:"flex",justifyContent:"center",alignItems:"center",zIndex:1},".d__horizontal.v__default > .divider .focus":{width:"3px",height:"100%"},".d__vertical.v__default > .divider .focus":{height:"3px",width:"100%"},".handle":{position:"relative",borderRadius:"3px",backgroundColor:"var(--f-clr-fg-200)",display:"grid",gap:"1px",zIndex:1,outline:"none"},".d__horizontal.v__minimal > .divider .handle":{width:"6px",height:"30px",backgroundColor:"var(--f-clr-grey-200)"},".d__vertical.v__minimal > .divider .handle":{height:"6px",width:"30px",backgroundColor:"var(--f-clr-grey-200)"},".d__horizontal > .divider .handle":{gridTemplateColumns:"1fr 1fr",padding:"5px 3px"},".d__vertical > .divider .handle":{gridTemplateColumns:"1fr 1fr 1fr",padding:"3px 5px"},".dot":{backgroundColor:"var(--f-clr-grey-200)",borderRadius:"99px",width:"2px",height:"2px"},".divider .halo":{inset:"-.5em"},".v__minimal .divider .halo":{borderRadius:"99px"}});function f({cc:h={},children:f,variant:m="default",direction:_="horizontal",handles:g,defaultSizes:x,ref:w,...y}){const b=c(v,h),k=t.count(f),[z,j]=n(new Array(Math.max(k-1,0)).fill(0).map(((e,i)=>void 0!==x?.[i]?x[i]:(i+1)/k))),C=o(null),A=o(0);function I(e,i){const r=z[e-1]||0,t=z[e+1]||1,n=z.slice();n[e]=Math.min(Math.max(i,r),t),j(n)}return d((()=>{const e=new AbortController,i=e.signal;function r(e){if(!A.current||!C.current)return;const{x:i,y:r,width:t,height:n}=C.current.getBoundingClientRect(),{clientX:o,clientY:d}="touches"in e?e.touches[0]:e,a=(o-i)/t,l=(d-r)/n;I(A.current-1,"vertical"===_?l:a)}const t=()=>A.current=0;return window.addEventListener("mousemove",r,{signal:i}),window.addEventListener("mouseup",t,{signal:i}),window.addEventListener("touchmove",r,{signal:i}),window.addEventListener("touchend",t,{signal:i}),()=>e.abort()}),[z,_]),e("div",{...y,ref:u(C,w),className:s(b.panel,b[`v__${m}`],b[`d__${_}`],y.className),children:t.map(f,((t,n)=>{if(!a(t))return t;const o=(z[n]??1)-(z[n-1]??0);return i(r,{children:[0!==n&&i("div",{className:b.divider,onTouchStart:()=>A.current=n,onMouseDown:()=>A.current=n,children:[e("div",{className:b.focus}),g&&e(p,{hover:!1,color:"var(--f-clr-primary-400)",cc:{halo:b.halo,...h},children:e("div",{tabIndex:0,className:b.handle,onKeyDown:e=>{const i="ArrowRight"===e.key||"ArrowDown"===e.key;(i||"ArrowLeft"===e.key||"ArrowUp"===e.key)&&(I(n-1,z[n-1]+(i?.05:-.05)),e.preventDefault())},children:"default"===m&&[0,1,2,3,4,5].map((i=>e("div",{className:b.dot},i)))})})]}),l(t,{style:{...t.props.style,flexGrow:100*o,flexBasis:0}})]})}))})}export{f as default};
|
|
2
|
+
import{jsx as e,jsxs as i,Fragment as r}from"react/jsx-runtime";import{Children as t,useState as n,useRef as o,useEffect as d,isValidElement as a,cloneElement as l}from"react";import{combineClasses as c,classes as s,combineRefs as u}from"../../core/utils.js";import{createStyles as h}from"../../core/style.js";import"../feedback/progress-bar.js";import"../feedback/circular-progress.js";import"@infinityfx/lively";import p from"../feedback/halo.js";import"../feedback/indicator.js";import"../feedback/skeleton.js";const v=h("panel",{".panel":{position:"relative",display:"flex",flexShrink:0},".d__vertical":{flexDirection:"column"},".divider":{position:"relative",display:"flex",alignItems:"center",justifyContent:"center",userSelect:"none",touchAction:"none"},".d__horizontal > .divider":{minHeight:"100%",height:"auto",cursor:"ew-resize"},".d__horizontal.v__default > .divider":{background:"var(--f-clr-fg-200)",width:"1px"},".d__horizontal.v__minimal > .divider":{paddingInline:"3px"},".d__vertical > .divider":{minWidth:"100%",width:"auto",cursor:"ns-resize"},".d__vertical.v__default > .divider":{background:"var(--f-clr-fg-200)",height:"1px"},".d__vertical.v__minimal > .divider":{paddingBlock:"3px"},".focus":{position:"absolute",display:"flex",justifyContent:"center",alignItems:"center",zIndex:1},".d__horizontal.v__default > .divider .focus":{width:"3px",height:"100%"},".d__vertical.v__default > .divider .focus":{height:"3px",width:"100%"},".handle":{position:"relative",borderRadius:"3px",backgroundColor:"var(--f-clr-fg-200)",display:"grid",gap:"1px",zIndex:1,outline:"none"},".d__horizontal.v__minimal > .divider .handle":{width:"6px",height:"30px",backgroundColor:"var(--f-clr-grey-200)"},".d__vertical.v__minimal > .divider .handle":{height:"6px",width:"30px",backgroundColor:"var(--f-clr-grey-200)"},".d__horizontal > .divider .handle":{gridTemplateColumns:"1fr 1fr",padding:"5px 3px"},".d__vertical > .divider .handle":{gridTemplateColumns:"1fr 1fr 1fr",padding:"3px 5px"},".dot":{backgroundColor:"var(--f-clr-grey-200)",borderRadius:"99px",width:"2px",height:"2px"},".divider .halo":{inset:"-.5em"},".v__minimal .divider .halo":{borderRadius:"99px"}});function f({cc:h={},children:f,variant:m="default",direction:_="horizontal",handles:g=!0,defaultSizes:x,ref:w,...y}){const b=c(v,h),k=t.count(f),[z,j]=n(new Array(Math.max(k-1,0)).fill(0).map(((e,i)=>void 0!==x?.[i]?x[i]:(i+1)/k))),C=o(null),A=o(0);function I(e,i){const r=z[e-1]||0,t=z[e+1]||1,n=z.slice();n[e]=Math.min(Math.max(i,r),t),j(n)}return d((()=>{const e=new AbortController,i=e.signal;function r(e){if(!A.current||!C.current)return;const{x:i,y:r,width:t,height:n}=C.current.getBoundingClientRect(),{clientX:o,clientY:d}="touches"in e?e.touches[0]:e,a=(o-i)/t,l=(d-r)/n;I(A.current-1,"vertical"===_?l:a)}const t=()=>A.current=0;return window.addEventListener("mousemove",r,{signal:i}),window.addEventListener("mouseup",t,{signal:i}),window.addEventListener("touchmove",r,{signal:i}),window.addEventListener("touchend",t,{signal:i}),()=>e.abort()}),[z,_]),e("div",{...y,ref:u(C,w),className:s(b.panel,b[`v__${m}`],b[`d__${_}`],y.className),children:t.map(f,((t,n)=>{if(!a(t))return t;const o=(z[n]??1)-(z[n-1]??0);return i(r,{children:[0!==n&&i("div",{className:b.divider,onTouchStart:()=>A.current=n,onMouseDown:()=>A.current=n,children:[e("div",{className:b.focus}),g&&e(p,{hover:!1,color:"var(--f-clr-primary-400)",cc:{halo:b.halo,...h},children:e("div",{tabIndex:0,className:b.handle,onKeyDown:e=>{const i="ArrowRight"===e.key||"ArrowDown"===e.key;(i||"ArrowLeft"===e.key||"ArrowUp"===e.key)&&(I(n-1,z[n-1]+(i?.05:-.05)),e.preventDefault())},children:"default"===m&&[0,1,2,3,4,5].map((i=>e("div",{className:b.dot},i)))})})]}),l(t,{style:{...t.props.style,flexGrow:100*o,flexBasis:0}})]})}))})}export{f as default};
|
|
3
3
|
//# sourceMappingURL=panel.js.map
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{default as Autocomplete}from"./components/input/autocomplete.js";export{default as Button}from"./components/input/button.js";export{default as Hamburger}from"./components/input/hamburger.js";export{default as Switch}from"./components/input/switch.js";export{default as Checkbox}from"./components/input/checkbox.js";export{default as Chip}from"./components/input/chip.js";export{default as ColorField}from"./components/input/color-field.js";export{default as ColorPicker}from"./components/input/color-picker.js";export{default as Toggle}from"./components/input/toggle.js";export{default as Radio}from"./components/input/radio.js";export{default as Segmented}from"./components/input/segmented.js";export{default as Field}from"./components/input/field.js";export{default as NumberField}from"./components/input/number-field.js";export{default as PasswordField}from"./components/input/password-field.js";export{default as FileField}from"./components/input/file-field.js";export{default as Pincode}from"./components/input/pincode.js";export{default as Slider}from"./components/input/slider.js";export{default as ThemeToggle}from"./components/input/theme-toggle.js";export{default as Select}from"./components/input/select.js";export{default as Calendar}from"./components/input/calendar.js";export{default as DateField}from"./components/input/date-field.js";export{default as Textarea}from"./components/input/textarea.js";export{default as DropZone}from"./components/input/drop-zone.js";export{default as Key}from"./components/display/key.js";export{default as Annotation}from"./components/display/annotation.js";export{default as Badge}from"./components/display/badge.js";export{default as Tooltip}from"./components/display/tooltip.js";export{default as Swatch}from"./components/display/swatch.js";export{default as ActionMenu}from"./components/display/action-menu/index.js";export{default as Combobox}from"./components/display/combobox/index.js";export{default as Timeline}from"./components/display/timeline.js";export{default as Code}from"./components/display/code.js";export{default as Toast}from"./components/display/toast.js";export{default as Table}from"./components/display/table.js";export{default as Frame}from"./components/display/frame.js";export{default as Ticker}from"./components/display/ticker.js";export{default as ProgressBar}from"./components/feedback/progress-bar.js";export{default as CircularProgress}from"./components/feedback/circular-progress.js";export{default as Spinner}from"./components/feedback/spinner.js";export{default as Halo}from"./components/feedback/halo.js";export{default as Indicator}from"./components/feedback/indicator.js";export{default as Skeleton}from"./components/feedback/skeleton.js";export{default as Tabs}from"./components/navigation/tabs.js";export{default as Pagination}from"./components/navigation/pagination.js";export{default as Stepper}from"./components/navigation/stepper.js";export{default as NavigationMenu}from"./components/navigation/navigation-menu/index.js";export{default as Overlay}from"./components/layout/overlay.js";export{default as Modal}from"./components/layout/modal.js";export{default as Drawer}from"./components/layout/drawer.js";export{default as Scrollarea}from"./components/layout/scrollarea.js";export{default as Collapsible}from"./components/layout/collapsible.js";export{default as Group}from"./components/layout/group.js";export{default as Accordion}from"./components/layout/accordion/index.js";export{default as Sidebar}from"./components/layout/sidebar/index.js";export{default as Cull}from"./components/layout/cull.js";export{default as Popover}from"./components/layout/popover/index.js";export{default as Divider}from"./components/layout/divider.js";export{default as Panel}from"./components/layout/panel.js";export{default as FluidProvider}from"./context/fluid.js";
|
|
1
|
+
export{default as Autocomplete}from"./components/input/autocomplete.js";export{default as Button}from"./components/input/button.js";export{default as Hamburger}from"./components/input/hamburger.js";export{default as Switch}from"./components/input/switch.js";export{default as Checkbox}from"./components/input/checkbox.js";export{default as Chip}from"./components/input/chip.js";export{default as ColorField}from"./components/input/color-field.js";export{default as ColorPicker}from"./components/input/color-picker.js";export{default as Toggle}from"./components/input/toggle.js";export{default as Radio}from"./components/input/radio.js";export{default as Segmented}from"./components/input/segmented.js";export{default as Field}from"./components/input/field.js";export{default as NumberField}from"./components/input/number-field.js";export{default as PasswordField}from"./components/input/password-field.js";export{default as FileField}from"./components/input/file-field.js";export{default as Pincode}from"./components/input/pincode.js";export{default as Slider}from"./components/input/slider.js";export{default as ThemeToggle}from"./components/input/theme-toggle.js";export{default as Select}from"./components/input/select.js";export{default as Calendar}from"./components/input/calendar.js";export{default as DateField}from"./components/input/date-field.js";export{default as Textarea}from"./components/input/textarea.js";export{default as DropZone}from"./components/input/drop-zone.js";export{default as Key}from"./components/display/key.js";export{default as Annotation}from"./components/display/annotation.js";export{default as Badge}from"./components/display/badge.js";export{default as Tooltip}from"./components/display/tooltip.js";export{default as Swatch}from"./components/display/swatch.js";export{default as ActionMenu}from"./components/display/action-menu/index.js";export{default as Combobox}from"./components/display/combobox/index.js";export{default as Timeline}from"./components/display/timeline.js";export{default as Code}from"./components/display/code.js";export{default as Toast}from"./components/display/toast.js";export{default as Table}from"./components/display/table.js";export{default as Frame}from"./components/display/frame.js";export{default as Ticker}from"./components/display/ticker.js";export{default as ProgressBar}from"./components/feedback/progress-bar.js";export{default as CircularProgress}from"./components/feedback/circular-progress.js";export{default as Spinner}from"./components/feedback/spinner.js";export{default as Halo}from"./components/feedback/halo.js";export{default as Indicator}from"./components/feedback/indicator.js";export{default as Skeleton}from"./components/feedback/skeleton.js";export{default as Tabs}from"./components/navigation/tabs.js";export{default as Pagination}from"./components/navigation/pagination.js";export{default as Stepper}from"./components/navigation/stepper.js";export{default as NavigationMenu}from"./components/navigation/navigation-menu/index.js";export{default as Overlay}from"./components/layout/overlay.js";export{default as Modal}from"./components/layout/modal.js";export{default as Drawer}from"./components/layout/drawer.js";export{default as Scrollarea}from"./components/layout/scrollarea.js";export{default as Collapsible}from"./components/layout/collapsible.js";export{default as Group}from"./components/layout/group.js";export{default as Accordion}from"./components/layout/accordion/index.js";export{default as Sidebar}from"./components/layout/sidebar/index.js";export{default as Cull}from"./components/layout/cull.js";export{default as Popover}from"./components/layout/popover/index.js";export{default as Divider}from"./components/layout/divider.js";export{default as Panel}from"./components/layout/panel.js";export{default as FluidProvider}from"./context/fluid.js";export{Icon}from"./core/icons.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -3,6 +3,11 @@ export type ActionMenuItemSelectors = Selectors<'item'>;
|
|
|
3
3
|
declare function Item({ children, cc, keepOpen, className, color, ...props }: {
|
|
4
4
|
ref?: React.Ref<HTMLButtonElement>;
|
|
5
5
|
cc?: ActionMenuItemSelectors;
|
|
6
|
+
/**
|
|
7
|
+
* Keep the ActionMenu open when clicking this entry.
|
|
8
|
+
*
|
|
9
|
+
* @default false
|
|
10
|
+
*/
|
|
6
11
|
keepOpen?: boolean;
|
|
7
12
|
} & React.ButtonHTMLAttributes<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
|
|
8
13
|
declare namespace Item {
|
|
@@ -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;
|
|
@@ -11,5 +11,6 @@ export default function Badge({ children, cc, variant, round, size, color, onClo
|
|
|
11
11
|
variant?: 'default' | 'light' | 'neutral';
|
|
12
12
|
round?: boolean;
|
|
13
13
|
size?: FluidSize;
|
|
14
|
+
color?: string;
|
|
14
15
|
onClose?: () => void;
|
|
15
16
|
} & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -9,6 +9,16 @@ export default function Code({ children, cc, title, lineNumbers, dangerouslyInje
|
|
|
9
9
|
children: string;
|
|
10
10
|
ref?: React.Ref<HTMLDivElement>;
|
|
11
11
|
cc?: CodeSelectors;
|
|
12
|
+
/**
|
|
13
|
+
* @default true
|
|
14
|
+
*/
|
|
12
15
|
lineNumbers?: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* Allows for settings HTML content directly.
|
|
18
|
+
*
|
|
19
|
+
* Should be used with **CAUTION**, since this could introduce XSS vulnerabilities.
|
|
20
|
+
*
|
|
21
|
+
* @default false
|
|
22
|
+
*/
|
|
13
23
|
dangerouslyInject?: boolean;
|
|
14
24
|
} & Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -5,9 +5,25 @@ declare function Content({ children, cc, round, size, autoFocus, searchable, pla
|
|
|
5
5
|
cc?: ComboboxContentSelectors;
|
|
6
6
|
round?: boolean;
|
|
7
7
|
size?: FluidSize;
|
|
8
|
+
/**
|
|
9
|
+
* @default false
|
|
10
|
+
*/
|
|
8
11
|
searchable?: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* The placeholder text to show inside the optional searchbar.
|
|
14
|
+
*
|
|
15
|
+
* @default "Search.."
|
|
16
|
+
*/
|
|
9
17
|
placeholder?: string;
|
|
18
|
+
/**
|
|
19
|
+
* The text to show when there are no search results to show.
|
|
20
|
+
*
|
|
21
|
+
* @default "Nothing found"
|
|
22
|
+
*/
|
|
10
23
|
emptyMessage?: string;
|
|
24
|
+
/**
|
|
25
|
+
* When set to a `number` greater than `0`, will enable virtual scrolling, improving performance for large numbers of entries.
|
|
26
|
+
*/
|
|
11
27
|
virtualItemHeight?: number;
|
|
12
28
|
} & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
13
29
|
declare namespace Content {
|
|
@@ -13,6 +13,11 @@ type TableProps<T> = {
|
|
|
13
13
|
[column in keyof T]?: (value: T[column]) => React.ReactNode;
|
|
14
14
|
};
|
|
15
15
|
rowActions?: (row: T, index: number) => React.ReactNode;
|
|
16
|
+
/**
|
|
17
|
+
* Message to display when no data is defined.
|
|
18
|
+
*
|
|
19
|
+
* @default "Nothing to display"
|
|
20
|
+
*/
|
|
16
21
|
emptyMessage?: string;
|
|
17
22
|
} & React.HTMLAttributes<HTMLDivElement>;
|
|
18
23
|
/**
|
|
@@ -9,7 +9,15 @@ export default function Ticker({ children, cc, align, selective, duration, stagg
|
|
|
9
9
|
children: number | string | (number | string)[];
|
|
10
10
|
ref?: React.Ref<HTMLDivElement>;
|
|
11
11
|
cc?: TickerSelectors;
|
|
12
|
+
/**
|
|
13
|
+
* @default "left"
|
|
14
|
+
*/
|
|
12
15
|
align?: 'left' | 'right';
|
|
16
|
+
/**
|
|
17
|
+
* Only animate characters that have changed since last render.
|
|
18
|
+
*
|
|
19
|
+
* @default false
|
|
20
|
+
*/
|
|
13
21
|
selective?: boolean;
|
|
14
22
|
duration?: number;
|
|
15
23
|
stagger?: number;
|
|
@@ -8,8 +8,21 @@ export type TimelineSelectors = Selectors<'timeline' | 'uniform' | 'd__horizonta
|
|
|
8
8
|
export default function Timeline({ children, cc, active, direction, uniform, reverse, ...props }: {
|
|
9
9
|
ref?: React.Ref<HTMLDivElement>;
|
|
10
10
|
cc?: TimelineSelectors;
|
|
11
|
+
/**
|
|
12
|
+
* How many entries should be marked as completed.
|
|
13
|
+
*/
|
|
11
14
|
active: number;
|
|
12
15
|
direction?: 'horizontal' | 'vertical';
|
|
16
|
+
/**
|
|
17
|
+
* Whether all entries should be equal size, regardless of their content.
|
|
18
|
+
*
|
|
19
|
+
* @default false
|
|
20
|
+
*/
|
|
13
21
|
uniform?: boolean;
|
|
22
|
+
/**
|
|
23
|
+
* Show completion status in reverse order.
|
|
24
|
+
*
|
|
25
|
+
* @default false
|
|
26
|
+
*/
|
|
14
27
|
reverse?: boolean;
|
|
15
28
|
} & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -11,6 +11,11 @@ export default function Toast({ children, cc, icon, color, title, round, action,
|
|
|
11
11
|
icon: React.ReactNode;
|
|
12
12
|
color: string;
|
|
13
13
|
title: string;
|
|
14
|
+
/**
|
|
15
|
+
* Content to display as the right-side 'dismiss' button.
|
|
16
|
+
*
|
|
17
|
+
* Defaults to a close icon.
|
|
18
|
+
*/
|
|
14
19
|
action?: React.ReactNode;
|
|
15
20
|
round?: boolean;
|
|
16
21
|
onClose?: () => void;
|
|
@@ -10,7 +10,13 @@ export default function Tooltip({ children, cc, content, position, visibility, d
|
|
|
10
10
|
ref?: React.Ref<HTMLDivElement>;
|
|
11
11
|
cc?: TooltipSelectors;
|
|
12
12
|
content?: React.ReactNode;
|
|
13
|
+
/**
|
|
14
|
+
* @default "auto"
|
|
15
|
+
*/
|
|
13
16
|
position?: 'auto' | 'top' | 'left' | 'bottom' | 'right';
|
|
17
|
+
/**
|
|
18
|
+
* @default "interact"
|
|
19
|
+
*/
|
|
14
20
|
visibility?: 'never' | 'interact' | 'always';
|
|
15
21
|
delay?: number;
|
|
16
22
|
} & Omit<React.HTMLAttributes<HTMLDivElement>, 'content'>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -10,7 +10,17 @@ export default function Halo<T extends React.ReactElement<any>, P extends HTMLEl
|
|
|
10
10
|
ref?: React.Ref<any>;
|
|
11
11
|
cc?: HaloSelectors;
|
|
12
12
|
color?: string;
|
|
13
|
+
/**
|
|
14
|
+
* Show the Halo when hovering over the target.
|
|
15
|
+
*
|
|
16
|
+
* @default true
|
|
17
|
+
*/
|
|
13
18
|
hover?: boolean;
|
|
14
19
|
disabled?: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* The target element to interact with for the Halo to show.
|
|
22
|
+
*
|
|
23
|
+
* Defaults to the child element the Halo component is wrapped around.
|
|
24
|
+
*/
|
|
15
25
|
target?: React.RefObject<P | null>;
|
|
16
26
|
} & Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
|
|
@@ -10,7 +10,15 @@ export default function Autocomplete({ completions, emptyMessage, value, default
|
|
|
10
10
|
label: string;
|
|
11
11
|
value: string;
|
|
12
12
|
}[];
|
|
13
|
+
/**
|
|
14
|
+
* The text to show when there are no completions to show.
|
|
15
|
+
*
|
|
16
|
+
* @default "No suggestions"
|
|
17
|
+
*/
|
|
13
18
|
emptyMessage?: string;
|
|
14
19
|
contentSize?: FluidSize;
|
|
20
|
+
/**
|
|
21
|
+
* When set to a `number` greater than `0`, will enable virtual scrolling, improving performance for large numbers of entries.
|
|
22
|
+
*/
|
|
15
23
|
virtualItemHeight?: number;
|
|
16
24
|
} & FieldProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -12,5 +12,6 @@ export default function Button({ children, cc, round, compact, size, variant, co
|
|
|
12
12
|
compact?: boolean;
|
|
13
13
|
size?: FluidSize;
|
|
14
14
|
variant?: 'default' | 'neutral' | 'light' | 'minimal';
|
|
15
|
+
color?: string;
|
|
15
16
|
loading?: boolean;
|
|
16
17
|
} & React.ButtonHTMLAttributes<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -9,6 +9,9 @@ export default function Chip({ children, cc, size, type, round, checked, default
|
|
|
9
9
|
ref?: React.Ref<HTMLDivElement>;
|
|
10
10
|
cc?: ChipSelectors;
|
|
11
11
|
size?: FluidSize;
|
|
12
|
+
/**
|
|
13
|
+
* @default "checkbox"
|
|
14
|
+
*/
|
|
12
15
|
type?: 'checkbox' | 'radio';
|
|
13
16
|
round?: boolean;
|
|
14
17
|
} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'>): 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;
|
|
@@ -9,5 +9,10 @@ export default function DateField({ cc, value, defaultValue, onChange, disabled,
|
|
|
9
9
|
defaultValue?: Date;
|
|
10
10
|
onChange?: (value: Date | null) => void;
|
|
11
11
|
disabled?: boolean | Date[];
|
|
12
|
+
/**
|
|
13
|
+
* Whether to show a right-side 'clear' button.
|
|
14
|
+
*
|
|
15
|
+
* @default false
|
|
16
|
+
*/
|
|
12
17
|
clearable?: boolean;
|
|
13
18
|
} & Omit<FieldProps, 'disabled' | 'value' | 'defaultValue' | 'onChange'>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -13,6 +13,11 @@ export default function DropZone({ cc, loading, error, text, annotation, icon, p
|
|
|
13
13
|
text?: string;
|
|
14
14
|
annotation?: string;
|
|
15
15
|
icon?: React.ReactNode;
|
|
16
|
+
/**
|
|
17
|
+
* Show a preview when an image file is selected.
|
|
18
|
+
*
|
|
19
|
+
* @default false
|
|
20
|
+
*/
|
|
16
21
|
previewImages?: boolean;
|
|
17
22
|
inputRef?: React.Ref<HTMLInputElement>;
|
|
18
23
|
onChange?: React.ChangeEventHandler<HTMLInputElement>;
|
|
@@ -13,6 +13,13 @@ export type FieldProps = {
|
|
|
13
13
|
right?: React.ReactNode;
|
|
14
14
|
onEnter?: () => void;
|
|
15
15
|
error?: any;
|
|
16
|
+
/**
|
|
17
|
+
* Whether the input should adhear to a specific shape.
|
|
18
|
+
*
|
|
19
|
+
* Use a `"0"` character to match any number.
|
|
20
|
+
*
|
|
21
|
+
* Use a `"*"` character to match any upper- or lowercase letter or number.
|
|
22
|
+
*/
|
|
16
23
|
shape?: string;
|
|
17
24
|
} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'defaultValue' | 'children'>;
|
|
18
25
|
/**
|
|
@@ -5,6 +5,16 @@ import { FieldProps } from "./field";
|
|
|
5
5
|
* @see {@link https://fluid.infinityfx.dev/docs/components/number-field}
|
|
6
6
|
*/
|
|
7
7
|
export default function NumberField({ cc, precision, controls, defaultValue, ...props }: {
|
|
8
|
+
/**
|
|
9
|
+
* Maximum number of digits to allow after the decimal.
|
|
10
|
+
*
|
|
11
|
+
* @default 3
|
|
12
|
+
*/
|
|
8
13
|
precision?: number;
|
|
14
|
+
/**
|
|
15
|
+
* Show increment/decrement controls on the sides of the input field.
|
|
16
|
+
*
|
|
17
|
+
* @default true
|
|
18
|
+
*/
|
|
9
19
|
controls?: boolean;
|
|
10
20
|
} & Omit<FieldProps, 'type'>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -5,5 +5,10 @@ import { FieldProps } from "./field";
|
|
|
5
5
|
* @see {@link https://fluid.infinityfx.dev/docs/components/password-field}
|
|
6
6
|
*/
|
|
7
7
|
export default function PasswordField({ cc, strengthBar, size, round, error, icon, left, right, defaultValue, onEnter, inputRef, ref, ...props }: {
|
|
8
|
+
/**
|
|
9
|
+
* Show a bar indicating how secure an entered password is.
|
|
10
|
+
*
|
|
11
|
+
* @default false
|
|
12
|
+
*/
|
|
8
13
|
strengthBar?: boolean;
|
|
9
14
|
} & Omit<FieldProps, 'type'>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -9,7 +9,21 @@ export default function Pincode({ cc, format, masked, size, round, value, error,
|
|
|
9
9
|
ref?: React.Ref<HTMLDivElement>;
|
|
10
10
|
cc?: PincodeSelectors;
|
|
11
11
|
defaultvalue?: FluidInputvalue;
|
|
12
|
+
/**
|
|
13
|
+
* An `array` of numbers indicating how many inputs to show.
|
|
14
|
+
*
|
|
15
|
+
* A single digit represents a number of grouped inputs.
|
|
16
|
+
*
|
|
17
|
+
* Multiple comma-seperated digits represent spaced apart inputs.
|
|
18
|
+
*
|
|
19
|
+
* @default [1, 1, 1, 1]
|
|
20
|
+
*/
|
|
12
21
|
format?: number[];
|
|
22
|
+
/**
|
|
23
|
+
* Whether to hide the entered pincode input.
|
|
24
|
+
*
|
|
25
|
+
* @default false
|
|
26
|
+
*/
|
|
13
27
|
masked?: boolean;
|
|
14
28
|
size?: FluidSize;
|
|
15
29
|
round?: boolean;
|
|
@@ -6,7 +6,15 @@ type SegmentedProps<T> = {
|
|
|
6
6
|
variant?: 'default' | 'neutral' | 'minimal';
|
|
7
7
|
size?: Omit<FluidSize, 'xsm'>;
|
|
8
8
|
round?: boolean;
|
|
9
|
+
/**
|
|
10
|
+
* Whether all entries should be equal size, regardless of their content.
|
|
11
|
+
*
|
|
12
|
+
* @default false
|
|
13
|
+
*/
|
|
9
14
|
uniform?: boolean;
|
|
15
|
+
/**
|
|
16
|
+
* @default false
|
|
17
|
+
*/
|
|
10
18
|
vertical?: boolean;
|
|
11
19
|
options: {
|
|
12
20
|
label: React.ReactNode;
|
|
@@ -9,14 +9,35 @@ type SelectProps<T> = {
|
|
|
9
9
|
key?: string;
|
|
10
10
|
disabled?: boolean;
|
|
11
11
|
}[];
|
|
12
|
+
/**
|
|
13
|
+
* @default false
|
|
14
|
+
*/
|
|
12
15
|
searchable?: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* When `multiple` = `true`, indicates the maximum number of options to be selected at a time.
|
|
18
|
+
*
|
|
19
|
+
* Defaults to **no limit**.
|
|
20
|
+
*/
|
|
13
21
|
limit?: number;
|
|
22
|
+
/**
|
|
23
|
+
* The text to show when there are no options to show.
|
|
24
|
+
*
|
|
25
|
+
* @default "Nothing found"
|
|
26
|
+
*/
|
|
14
27
|
emptyMessage?: string;
|
|
15
28
|
value?: T | null;
|
|
16
29
|
defaultValue?: T;
|
|
17
30
|
onChange?: (value: T) => void;
|
|
18
31
|
contentSize?: FluidSize;
|
|
32
|
+
/**
|
|
33
|
+
* How to display the Select content on mobile devices.
|
|
34
|
+
*
|
|
35
|
+
* @default "popover"
|
|
36
|
+
*/
|
|
19
37
|
mobileContainer?: 'popover' | 'modal';
|
|
38
|
+
/**
|
|
39
|
+
* When set to a `number` greater than `0`, will enable virtual scrolling, improving performance for large numbers of entries.
|
|
40
|
+
*/
|
|
20
41
|
virtualItemHeight?: number;
|
|
21
42
|
} & Omit<FieldProps, 'value' | 'defaultValue' | 'onChange' | 'onEnter' | 'left' | 'right' | 'shape'>;
|
|
22
43
|
/**
|
|
@@ -8,8 +8,21 @@ export type SliderSelectors = Selectors<'wrapper' | 'vertical' | 'label' | 'slid
|
|
|
8
8
|
export default function Slider({ cc, handles, vertical, tooltips, formatTooltip, label, value, defaultValue, onChange, ...props }: {
|
|
9
9
|
ref?: React.Ref<HTMLDivElement>;
|
|
10
10
|
cc?: SliderSelectors;
|
|
11
|
+
/**
|
|
12
|
+
* The number of handles this Slider should have.
|
|
13
|
+
*
|
|
14
|
+
* @default 1
|
|
15
|
+
*/
|
|
11
16
|
handles?: number;
|
|
17
|
+
/**
|
|
18
|
+
* @default false
|
|
19
|
+
*/
|
|
12
20
|
vertical?: boolean;
|
|
21
|
+
/**
|
|
22
|
+
* When to display a tooltip for a handle.
|
|
23
|
+
*
|
|
24
|
+
* @default "interact"
|
|
25
|
+
*/
|
|
13
26
|
tooltips?: 'never' | 'interact' | 'always';
|
|
14
27
|
formatTooltip?: (value: number) => string;
|
|
15
28
|
label?: string;
|
|
@@ -10,5 +10,8 @@ export default function Textarea({ cc, size, error, resize, ...props }: {
|
|
|
10
10
|
cc?: TextareaSelectors;
|
|
11
11
|
size?: FluidSize;
|
|
12
12
|
error?: any;
|
|
13
|
+
/**
|
|
14
|
+
* @default "both"
|
|
15
|
+
*/
|
|
13
16
|
resize?: 'none' | 'vertical' | 'horizontal' | 'both';
|
|
14
17
|
} & Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'children' | 'cols'>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -7,6 +7,9 @@ export type ToggleProps = {
|
|
|
7
7
|
compact?: boolean;
|
|
8
8
|
round?: boolean;
|
|
9
9
|
variant?: 'default' | 'minimal' | 'neutral';
|
|
10
|
+
/**
|
|
11
|
+
* Alternate content to show when the Toggle is `checked`.
|
|
12
|
+
*/
|
|
10
13
|
checkedContent?: React.ReactNode;
|
|
11
14
|
} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'>;
|
|
12
15
|
/**
|
|
@@ -13,6 +13,11 @@ export type AccordionRootSelectors = Selectors<'accordion' | 'v__default' | 'v__
|
|
|
13
13
|
declare function Root({ children, cc, multiple, variant, ...props }: {
|
|
14
14
|
ref?: React.Ref<HTMLDivElement>;
|
|
15
15
|
cc?: AccordionRootSelectors;
|
|
16
|
+
/**
|
|
17
|
+
* Allow for multiple entries to open at once.
|
|
18
|
+
*
|
|
19
|
+
* @default false
|
|
20
|
+
*/
|
|
16
21
|
multiple?: boolean;
|
|
17
22
|
variant?: 'default' | 'isolated' | 'minimal';
|
|
18
23
|
} & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -8,8 +8,14 @@ export type DividerSelectors = Selectors<'divider' | 'line'>;
|
|
|
8
8
|
export default function Divider({ cc, vertical, label, labelPosition, size, ...props }: {
|
|
9
9
|
ref?: React.Ref<HTMLDivElement>;
|
|
10
10
|
cc?: DividerSelectors;
|
|
11
|
+
/**
|
|
12
|
+
* @default false
|
|
13
|
+
*/
|
|
11
14
|
vertical?: boolean;
|
|
12
15
|
label?: string;
|
|
16
|
+
/**
|
|
17
|
+
* @default "center"
|
|
18
|
+
*/
|
|
13
19
|
labelPosition?: 'start' | 'center' | 'end';
|
|
14
20
|
size?: FluidSize | 'inherit';
|
|
15
21
|
} & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -10,6 +10,9 @@ export default function Drawer({ children, cc, show, onClose, position, title, .
|
|
|
10
10
|
cc?: DrawerSelectors;
|
|
11
11
|
show: boolean;
|
|
12
12
|
onClose: () => void;
|
|
13
|
+
/**
|
|
14
|
+
* @default "right"
|
|
15
|
+
*/
|
|
13
16
|
position?: 'left' | 'right';
|
|
14
17
|
title?: React.ReactNode;
|
|
15
18
|
} & Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -8,6 +8,14 @@ export type GroupSelectors = Selectors<'group' | 'split' | 'd__horizontal' | 'd_
|
|
|
8
8
|
export default function Group({ children, cc, split, direction, ...props }: {
|
|
9
9
|
ref?: React.Ref<HTMLDivElement>;
|
|
10
10
|
cc?: GroupSelectors;
|
|
11
|
+
/**
|
|
12
|
+
* Leave spacing between grouped elements.
|
|
13
|
+
*
|
|
14
|
+
* @default false
|
|
15
|
+
*/
|
|
11
16
|
split?: boolean;
|
|
17
|
+
/**
|
|
18
|
+
* @default "horizontal"
|
|
19
|
+
*/
|
|
12
20
|
direction?: 'horizontal' | 'vertical';
|
|
13
21
|
} & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -11,5 +11,8 @@ export default function Modal({ children, cc, show, onClose, title, mobileClosin
|
|
|
11
11
|
show: boolean;
|
|
12
12
|
onClose: () => void;
|
|
13
13
|
title?: React.ReactNode;
|
|
14
|
+
/**
|
|
15
|
+
* @default "handle"
|
|
16
|
+
*/
|
|
14
17
|
mobileClosing?: 'button' | 'handle';
|
|
15
18
|
} & Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -9,7 +9,13 @@ export default function Panel({ cc, children, variant, direction, handles, defau
|
|
|
9
9
|
ref?: React.Ref<HTMLDivElement>;
|
|
10
10
|
cc?: PanelSelectors;
|
|
11
11
|
variant?: 'default' | 'minimal';
|
|
12
|
+
/**
|
|
13
|
+
* @default "horizontal"
|
|
14
|
+
*/
|
|
12
15
|
direction?: 'horizontal' | 'vertical';
|
|
16
|
+
/**
|
|
17
|
+
* @default true
|
|
18
|
+
*/
|
|
13
19
|
handles?: boolean;
|
|
14
20
|
defaultSizes?: number[];
|
|
15
21
|
} & React.HTMLAttributes<HTMLElement>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -17,8 +17,21 @@ export type PopoverRootReference = {
|
|
|
17
17
|
export type PopoverRoot = {
|
|
18
18
|
children: React.ReactNode;
|
|
19
19
|
ref?: React.Ref<PopoverRootReference>;
|
|
20
|
+
/**
|
|
21
|
+
* @default "auto"
|
|
22
|
+
*/
|
|
20
23
|
position?: 'auto' | 'center';
|
|
24
|
+
/**
|
|
25
|
+
* How to display the Popover content on mobile devices.
|
|
26
|
+
*
|
|
27
|
+
* @default "popover"
|
|
28
|
+
*/
|
|
21
29
|
mobileContainer?: 'popover' | 'modal';
|
|
30
|
+
/**
|
|
31
|
+
* Whether to stretch the Popover container to be at least the same size as the Popover trigger element.
|
|
32
|
+
*
|
|
33
|
+
* @default false
|
|
34
|
+
*/
|
|
22
35
|
stretch?: boolean;
|
|
23
36
|
onClose?: () => void;
|
|
24
37
|
};
|
|
@@ -8,8 +8,19 @@ export type ScrollareaSelectors = Selectors<'track' | 'v__hover' | 'v__permanent
|
|
|
8
8
|
export default function Scrollarea({ children, cc, horizontal, variant, behavior, disabled, ref, ...props }: {
|
|
9
9
|
ref?: React.Ref<HTMLDivElement>;
|
|
10
10
|
cc?: ScrollareaSelectors;
|
|
11
|
+
/**
|
|
12
|
+
* @default false
|
|
13
|
+
*/
|
|
11
14
|
horizontal?: boolean;
|
|
15
|
+
/**
|
|
16
|
+
* @default "hover"
|
|
17
|
+
*/
|
|
12
18
|
variant?: 'hover' | 'permanent';
|
|
19
|
+
/**
|
|
20
|
+
* For `"shift"` behavior the container wil only scroll with the mouse wheel when holding the shift key.
|
|
21
|
+
*
|
|
22
|
+
* @default "normal"
|
|
23
|
+
*/
|
|
13
24
|
behavior?: 'normal' | 'shift';
|
|
14
25
|
disabled?: boolean;
|
|
15
26
|
} & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -8,8 +8,23 @@ declare function Group({ children, cc, label, round, href, target, active, posit
|
|
|
8
8
|
round?: boolean;
|
|
9
9
|
href?: string;
|
|
10
10
|
target?: '_blank' | '_parent' | '_self' | '_top';
|
|
11
|
+
/**
|
|
12
|
+
* Whether to show a selection ring around this link.
|
|
13
|
+
*
|
|
14
|
+
* @default false
|
|
15
|
+
*/
|
|
11
16
|
active?: boolean;
|
|
17
|
+
/**
|
|
18
|
+
* How to align the dropdown container with regards to the link.
|
|
19
|
+
*
|
|
20
|
+
* @default "center"
|
|
21
|
+
*/
|
|
12
22
|
position?: 'start' | 'center' | 'end';
|
|
23
|
+
/**
|
|
24
|
+
* A custom component to use as a link element.
|
|
25
|
+
*
|
|
26
|
+
* Defaults to the HTML `<a>` element.
|
|
27
|
+
*/
|
|
13
28
|
Link?: AnchorLike<any>;
|
|
14
29
|
} & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
15
30
|
declare namespace Group {
|
|
@@ -4,6 +4,11 @@ type AnchorLike<T extends React.HTMLAttributes<HTMLAnchorElement>> = React.JSXEl
|
|
|
4
4
|
declare function Link({ children, cc, Link, ...props }: {
|
|
5
5
|
ref?: React.Ref<HTMLAnchorElement>;
|
|
6
6
|
cc?: NavigationMenuLinkSelectors;
|
|
7
|
+
/**
|
|
8
|
+
* A custom component to use as a link element.
|
|
9
|
+
*
|
|
10
|
+
* Defaults to the HTML `<a>` element.
|
|
11
|
+
*/
|
|
7
12
|
Link?: AnchorLike<any>;
|
|
8
13
|
} & React.AnchorHTMLAttributes<HTMLAnchorElement>): import("react/jsx-runtime").JSX.Element;
|
|
9
14
|
declare namespace Link {
|
|
@@ -12,10 +12,24 @@ export default function Pagination({ cc, pages, defaultPage, page, onChange, com
|
|
|
12
12
|
defaultPage?: number;
|
|
13
13
|
page?: number;
|
|
14
14
|
onChange?: (page: number) => void;
|
|
15
|
+
/**
|
|
16
|
+
* Hide numbered controls.
|
|
17
|
+
*
|
|
18
|
+
* @default false
|
|
19
|
+
*/
|
|
15
20
|
compact?: boolean;
|
|
21
|
+
/**
|
|
22
|
+
* Show skip to start/end controls.
|
|
23
|
+
*
|
|
24
|
+
* @default false
|
|
25
|
+
*/
|
|
16
26
|
skipable?: boolean;
|
|
27
|
+
/**
|
|
28
|
+
* @default "square"
|
|
29
|
+
*/
|
|
17
30
|
shape?: 'square' | 'round' | 'pill';
|
|
18
31
|
size?: FluidSize;
|
|
19
32
|
variant?: 'default' | 'neutral' | 'minimal';
|
|
20
33
|
disabled?: boolean;
|
|
34
|
+
color?: string;
|
|
21
35
|
} & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'children'>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -8,6 +8,11 @@ export type StepperSelectors = Selectors<'stepper' | 'step' | 'header' | 'bullet
|
|
|
8
8
|
export default function Stepper({ cc, steps, completed, setCompleted, navigation, variant, ...props }: {
|
|
9
9
|
ref?: React.Ref<HTMLDivElement>;
|
|
10
10
|
cc?: StepperSelectors;
|
|
11
|
+
/**
|
|
12
|
+
* What type of navigation through the steps to allow.
|
|
13
|
+
*
|
|
14
|
+
* @default "backwards"
|
|
15
|
+
*/
|
|
11
16
|
navigation?: 'none' | 'forwards' | 'backwards' | 'both';
|
|
12
17
|
variant?: 'default' | 'compact' | 'vertical';
|
|
13
18
|
steps: {
|