@infinityfx/fluid 1.4.5 → 1.4.7
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/badge.js.map +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.map +1 -1
- package/dist/components/input/segmented.js +1 -1
- package/dist/components/input/textarea.js +1 -1
- package/dist/components/layout/divider.js.map +1 -1
- package/dist/components/layout/group.js.map +1 -1
- package/dist/components/layout/panel.js +1 -1
- package/dist/components/layout/scrollarea.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/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/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 +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 +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 +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,SAGlB,UAAW,CACPS,SAAU,0BAGd,UAAW,CACPA,SAAU,0BAGd,UAAW,CACPA,SAAU,0BAGd,UAAW,CACPA,SAAU,0BAGd,cAAe,CACXN,MAAO,yBAGX,YAAa,CACTD,gBAAiB,0CAGrB,cAAe,CACXA,gBAAiB,sBACjBJ,OAAQ,iCAGZ,yCAA0C,CACtCK,MAAO,wBACPD,gBAAiB,yBAGrB,cAAe,CACXA,gBAAiB,cACjBC,MAAO,uCAGX,wBAAyB,CACrBO,OAAQ,WAGZ,WAAY,CACRL,QAAS,OACTC,WAAY,SACZK,IAAK,uBACLC,WAAY,GAGhB,wCAAyC,CACrCC,QAAS,GAGb,UAAW,CACPhB,SAAU,cAWJ,SAAUiB,GAAOC,SAAEA,EAAQC,GAAEA,EAAK,CAAE,EAAAC,MAAEA,GAAQ,EAAKC,QAAEA,GAAU,EAAKC,KAAEA,EAAO,MAAKC,QAAEA,EAAU,UAASjB,MAAEA,EAAKkB,QAAEA,GAAU,KAAUC,
|
|
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,SAGlB,UAAW,CACPS,SAAU,0BAGd,UAAW,CACPA,SAAU,0BAGd,UAAW,CACPA,SAAU,0BAGd,UAAW,CACPA,SAAU,0BAGd,cAAe,CACXN,MAAO,yBAGX,YAAa,CACTD,gBAAiB,0CAGrB,cAAe,CACXA,gBAAiB,sBACjBJ,OAAQ,iCAGZ,yCAA0C,CACtCK,MAAO,wBACPD,gBAAiB,yBAGrB,cAAe,CACXA,gBAAiB,cACjBC,MAAO,uCAGX,wBAAyB,CACrBO,OAAQ,WAGZ,WAAY,CACRL,QAAS,OACTC,WAAY,SACZK,IAAK,uBACLC,WAAY,GAGhB,wCAAyC,CACrCC,QAAS,GAGb,UAAW,CACPhB,SAAU,cAWJ,SAAUiB,GAAOC,SAAEA,EAAQC,GAAEA,EAAK,CAAE,EAAAC,MAAEA,GAAQ,EAAKC,QAAEA,GAAU,EAAKC,KAAEA,EAAO,MAAKC,QAAEA,EAAU,UAASjB,MAAEA,EAAKkB,QAAEA,GAAU,KAAUC,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,OAEC,eAAAF,EACdN,SAAA,CAAAU,EAAA,OAAA,CAAMK,UAAWP,EAAMU,QAAUlB,SAAAA,IAEhCM,GAAWI,EAACS,EAAO,CAACJ,UAAWP,EAAMY,aAGlD"}
|
|
@@ -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.round":{borderRadius:"999px"},".segmented.uniform":{display:"grid",gridAutoColumns:"1fr",gridAutoFlow:"column"},".segmented.vertical":{flexDirection:"column",gridAutoFlow:"row"},".segmented.vertical.round":{borderRadius:"calc(1.4em + 1px)"},".option":{position:"relative",border:"none",outline:"none",backgroundColor:"transparent",padding:".675em .8em",fontWeight:700,color:"var(--f-clr-text-100)",borderRadius:"var(--f-radius-sml)",flexGrow:1,transition:"color .4s",WebkitTapHighlightColor:"transparent"},".segmented.round .option":{borderRadius:"999px"},".option:enabled":{cursor:"pointer"},".option:disabled":{color:"var(--f-clr-grey-500)"},".content":{position:"relative",zIndex:1,display:"flex",alignItems:"center",justifyContent:"center",gap:"var(--f-spacing-xsm)"},".selection":{position:"absolute",inset:"0",backgroundColor:"var(--f-clr-primary-200)",borderRadius:"var(--f-radius-sml)",boxShadow:"var(--f-shadow-sml)"},".v__neutral .selection":{backgroundColor:"var(--f-clr-text-100)"},'.v__neutral .option[aria-checked="true"]:enabled':{color:"var(--f-clr-text-200)"},".v__minimal .selection":{backgroundColor:"var(--f-clr-primary-400)"},".segmented.round .selection":{borderRadius:"999px"},'.segmented[data-error="true"]':{border:"solid 1px var(--f-clr-error-100)"},".segmented .halo":{zIndex:"0"},'.option[aria-checked="true"] .halo':{inset:"-.3em",borderRadius:"calc(var(--f-radius-sml) + .3em)"},'.segmented[data-error="true"] .ripple':{backgroundColor:"var(--f-clr-error-300)"},".segmented .container":{isolation:"unset"}});function c({cc:d={},variant:c="default",size:m="med",round:u=!1,uniform:f,vertical:p,options:
|
|
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.round":{borderRadius:"999px"},".segmented.uniform":{display:"grid",gridAutoColumns:"1fr",gridAutoFlow:"column"},".segmented.vertical":{flexDirection:"column",gridAutoFlow:"row"},".segmented.vertical.round":{borderRadius:"calc(1.4em + 1px)"},".option":{position:"relative",border:"none",outline:"none",backgroundColor:"transparent",padding:".675em .8em",fontWeight:700,color:"var(--f-clr-text-100)",borderRadius:"var(--f-radius-sml)",flexGrow:1,transition:"color .4s",WebkitTapHighlightColor:"transparent"},".segmented.round .option":{borderRadius:"999px"},".option:enabled":{cursor:"pointer"},".option:disabled":{color:"var(--f-clr-grey-500)"},".content":{position:"relative",zIndex:1,display:"flex",alignItems:"center",justifyContent:"center",gap:"var(--f-spacing-xsm)"},".selection":{position:"absolute",inset:"0",backgroundColor:"var(--f-clr-primary-200)",borderRadius:"var(--f-radius-sml)",boxShadow:"var(--f-shadow-sml)"},".v__neutral .selection":{backgroundColor:"var(--f-clr-text-100)"},'.v__neutral .option[aria-checked="true"]:enabled':{color:"var(--f-clr-text-200)"},".v__minimal .selection":{backgroundColor:"var(--f-clr-primary-400)"},".segmented.round .selection":{borderRadius:"999px"},'.segmented[data-error="true"]':{border:"solid 1px var(--f-clr-error-100)"},".segmented .halo":{zIndex:"0"},'.option[aria-checked="true"] .halo':{inset:"-.3em",borderRadius:"calc(var(--f-radius-sml) + .3em)"},'.segmented[data-error="true"] .ripple':{backgroundColor:"var(--f-clr-error-300)"},".segmented .container":{isolation:"unset"}});function c({cc:d={},variant:c="default",size:m="med",round:u=!1,uniform:f,vertical:p,options: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":!!_,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{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
|
|
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};
|
|
3
3
|
//# sourceMappingURL=textarea.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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"group.js","sources":["../../../../src/components/layout/group.tsx"],"sourcesContent":[null],"names":["styles","createStyles","display","gap","flexDirection","borderRadius","borderTopRightRadius","borderBottomRightRadius","borderTopLeftRadius","borderBottomLeftRadius","marginLeft","marginTop","zIndex","Group","children","cc","split","direction","props","style","combineClasses","_jsx","className","classes","group","Children","map","child","isValidElement","cloneElement","round","button","item","toggle","v__neutral","border","field"],"mappings":"oOAKA,MAAMA,EAASC,EAAa,QAAS,CACjC,SAAU,CACNC,QAAS,OACT,WAAqB,GAGzB,SAAU,CACNC,IAAK,uBACL,WAAqB,uBAGzB,eAAgB,CACZC,cAAe,UAGnB,gBAAiB,CACbC,aAAc,SAGlB,wCAAyC,CACrCC,qBAAsB,2BACtBC,wBAAyB,4BAG7B,yCAA0C,CACtCC,oBAAqB,2BACrBC,uBAAwB,4BAG5B,sCAAuC,CACnCA,uBAAwB,2BACxBF,wBAAyB,4BAG7B,uCAAwC,CACpCC,oBAAqB,2BACrBF,qBAAsB,4BAG1B,+CAAgD,CAC5CI,WAAY,QAGhB,6CAA8C,CAC1CC,UAAW,QAGf,sBAAuB,CACnBC,OAAQ,KAWQ,SAAAC,GAAMC,SAAEA,EAAQC,GAAEA,EAAK,GAAEC,MAAEA,GAAQ,EAAKC,UAAEA,EAAY,gBAAiBC,
|
|
1
|
+
{"version":3,"file":"group.js","sources":["../../../../src/components/layout/group.tsx"],"sourcesContent":[null],"names":["styles","createStyles","display","gap","flexDirection","borderRadius","borderTopRightRadius","borderBottomRightRadius","borderTopLeftRadius","borderBottomLeftRadius","marginLeft","marginTop","zIndex","Group","children","cc","split","direction","props","style","combineClasses","_jsx","className","classes","group","Children","map","child","isValidElement","cloneElement","round","button","item","toggle","v__neutral","border","field"],"mappings":"oOAKA,MAAMA,EAASC,EAAa,QAAS,CACjC,SAAU,CACNC,QAAS,OACT,WAAqB,GAGzB,SAAU,CACNC,IAAK,uBACL,WAAqB,uBAGzB,eAAgB,CACZC,cAAe,UAGnB,gBAAiB,CACbC,aAAc,SAGlB,wCAAyC,CACrCC,qBAAsB,2BACtBC,wBAAyB,4BAG7B,yCAA0C,CACtCC,oBAAqB,2BACrBC,uBAAwB,4BAG5B,sCAAuC,CACnCA,uBAAwB,2BACxBF,wBAAyB,4BAG7B,uCAAwC,CACpCC,oBAAqB,2BACrBF,qBAAsB,4BAG1B,+CAAgD,CAC5CI,WAAY,QAGhB,6CAA8C,CAC1CC,UAAW,QAGf,sBAAuB,CACnBC,OAAQ,KAWQ,SAAAC,GAAMC,SAAEA,EAAQC,GAAEA,EAAK,GAAEC,MAAEA,GAAQ,EAAKC,UAAEA,EAAY,gBAAiBC,IAc3F,MAAMC,EAAQC,EAAepB,EAAQe,GAErC,OAAOM,YAASH,EACZI,UAAWC,EACPJ,EAAMK,MACNR,GAASG,EAAMH,MACfG,EAAM,MAAMF,KACZC,EAAMI,WAETR,SAAAW,EAASC,IAAIZ,GAAUa,IACpB,IAAKC,EAAeD,GAAQ,OAAOA,EAEnC,MAAMZ,EAAMY,EAAkCT,MAAMH,IAAM,CAAE,EAE5D,OAAOc,EAAaF,EAAO,CACvBZ,GAAI,IACGA,EACHe,MAAOX,EAAMW,MACbC,OAAQR,EAAQJ,EAAMa,KAAMjB,EAAGgB,QAC/BE,OAAQV,EAAQJ,EAAMa,KAAMjB,EAAGkB,QAC/BC,WAAYX,EAAQJ,EAAMgB,OAAQpB,EAAGmB,YACrCE,MAAOb,EAAQJ,EAAMa,KAAMb,EAAMgB,OAAQpB,EAAGqB,SAE3C,KAGrB"}
|
|
@@ -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
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsxs as t,jsx as e}from"react/jsx-runtime";import{combineClasses as r,classes as n,combineRefs as o}from"../../core/utils.js";import{useRef as a,useState as i,useLayoutEffect as l,useId as c}from"react";import{createStyles as s}from"../../core/style.js";const d=s("scrollarea",{".area":{position:"relative",overflow:"hidden"},".track":{position:"absolute",userSelect:"none",zIndex:99,transition:"opacity .2s"},".v__hover > .track":{opacity:0},".v__hover:hover > .track":{opacity:1},".handle":{width:".5rem",height:".5rem",backgroundColor:"var(--f-clr-grey-500)",opacity:.35,borderRadius:"99px",transition:"opacity .2s"},".track:hover .handle":{opacity:.8},'.area[data-horizontal="false"] > .track':{top:0,right:0,height:"100%"},'.area[data-horizontal="true"] > .track':{bottom:0,left:0,width:"100%"},'.v__permanent[data-horizontal="false"] > .track':{backgroundColor:"var(--f-clr-fg-100)",paddingInline:"2px"},'.v__permanent[data-horizontal="true"] > .track':{backgroundColor:"var(--f-clr-fg-100)",paddingBlock:"2px"},'.v__permanent[data-horizontal="false"]':{paddingRight:"calc(.5rem + 4px)"},'.v__permanent[data-horizontal="true"]':{paddingBottom:"calc(.5rem + 4px)"},'.area[data-scrollable="false"] > .track, .area[data-disabled="true"] > .track':{display:"none"},"@media (pointer: coarse)":{".track":{display:"none"},".area":{overflow:"auto"}}});function u({children:s,cc:u={},horizontal:h=!1,variant:p="hover",behavior:f="normal",disabled:m=!1,ref:v,...g}){const x=r(d,u),y=a(!1),w=a(0),b=a(null),k=a(null),_=a(null),H=a(null),[W,z]=i(!1);function L(t){const e=b.current;if(!e||!t.shiftKey&&"shift"===f)return;const r=100*Math.sign(t.deltaY),n=e[h?"scrollLeft":"scrollTop"],o=e[h?"scrollWidth":"scrollHeight"]-e[h?"offsetWidth":"offsetHeight"];((r>0?n<o:n>0)||t.timeStamp-w.current<350)&&(t.stopPropagation(),t.preventDefault(),w.current=t.timeStamp),M(r)}function E(t){if("mouseup"===t.type)return H.current=null;if("mousedown"===t.type)return t.stopPropagation(),H.current=t;const e=b.current;if(!e||!H.current)return;M(h?(t.x-H.current.x)/((1-e.clientWidth/e.scrollWidth)*e.clientWidth)*(e.scrollWidth-e.clientWidth):(t.y-H.current.y)/((1-e.clientHeight/e.scrollHeight)*e.clientHeight)*(e.scrollHeight-e.clientHeight)),H.current=t}function M(t){const e=b.current;if(!e||!_.current||!k.current||matchMedia("(pointer: coarse)").matches||m)return;const r=h?"offsetWidth":"offsetHeight",n=h?"scrollLeft":"scrollTop",o=Math.max(e[h?"scrollWidth":"scrollHeight"]-e[r],1),a=Math.max(Math.min(e[n]+Math.round(t),o),0);e[n]!==a&&(e[n]=a,y.current=!0);const i=a/o*(e[r]-_.current[r]);_.current.style.translate=h?`${i}px 0px`:`0px ${i}px`,_.current.setAttribute("aria-valuenow",(a/o*100).toString()),k.current.style.translate=`${h?a:e.scrollLeft}px ${h?e.scrollTop:a}px`}function S(){const t=b.current;if(!t||!_.current||!k.current)return;const e=h?t.offsetWidth/t.scrollWidth:t.offsetHeight/t.scrollHeight;_.current.style[h?"width":"height"]=100*e+"%",_.current.style[h?"height":"width"]="",
|
|
2
|
+
import{jsxs as t,jsx as e}from"react/jsx-runtime";import{combineClasses as r,classes as n,combineRefs as o}from"../../core/utils.js";import{useRef as a,useState as i,useLayoutEffect as l,useId as c}from"react";import{createStyles as s}from"../../core/style.js";const d=s("scrollarea",{".area":{position:"relative",overflow:"hidden"},".track":{position:"absolute",userSelect:"none",zIndex:99,transition:"opacity .2s"},".v__hover > .track":{opacity:0},".v__hover:hover > .track":{opacity:1},".handle":{width:".5rem",height:".5rem",backgroundColor:"var(--f-clr-grey-500)",opacity:.35,borderRadius:"99px",transition:"opacity .2s"},".track:hover .handle":{opacity:.8},'.area[data-horizontal="false"] > .track':{top:0,right:0,height:"100%"},'.area[data-horizontal="true"] > .track':{bottom:0,left:0,width:"100%"},'.v__permanent[data-horizontal="false"] > .track':{backgroundColor:"var(--f-clr-fg-100)",paddingInline:"2px"},'.v__permanent[data-horizontal="true"] > .track':{backgroundColor:"var(--f-clr-fg-100)",paddingBlock:"2px"},'.v__permanent[data-horizontal="false"]':{paddingRight:"calc(.5rem + 4px)"},'.v__permanent[data-horizontal="true"]':{paddingBottom:"calc(.5rem + 4px)"},'.area[data-scrollable="false"] > .track, .area[data-disabled="true"] > .track':{display:"none"},"@media (pointer: coarse)":{".track":{display:"none"},".area":{overflow:"auto"}}});function u({children:s,cc:u={},horizontal:h=!1,variant:p="hover",behavior:f="normal",disabled:m=!1,ref:v,...g}){const x=r(d,u),y=a(!1),w=a(0),b=a(null),k=a(null),_=a(null),H=a(null),[W,z]=i(!1);function L(t){const e=b.current;if(!e||!t.shiftKey&&"shift"===f)return;const r=100*Math.sign(t.deltaY),n=e[h?"scrollLeft":"scrollTop"],o=e[h?"scrollWidth":"scrollHeight"]-e[h?"offsetWidth":"offsetHeight"];((r>0?n<o:n>0)||t.timeStamp-w.current<350)&&(t.stopPropagation(),t.preventDefault(),w.current=t.timeStamp),M(r)}function E(t){if("mouseup"===t.type)return H.current=null;if("mousedown"===t.type)return t.stopPropagation(),H.current=t;const e=b.current;if(!e||!H.current)return;M(h?(t.x-H.current.x)/((1-e.clientWidth/e.scrollWidth)*e.clientWidth)*(e.scrollWidth-e.clientWidth):(t.y-H.current.y)/((1-e.clientHeight/e.scrollHeight)*e.clientHeight)*(e.scrollHeight-e.clientHeight)),H.current=t}function M(t){const e=b.current;if(!e||!_.current||!k.current||matchMedia("(pointer: coarse)").matches||m)return;const r=h?"offsetWidth":"offsetHeight",n=h?"scrollLeft":"scrollTop",o=Math.max(e[h?"scrollWidth":"scrollHeight"]-e[r],1),a=Math.max(Math.min(e[n]+Math.round(t),o),0);e[n]!==a&&(e[n]=a,y.current=!0);const i=a/o*(e[r]-_.current[r]);_.current.style.translate=h?`${i}px 0px`:`0px ${i}px`,_.current.setAttribute("aria-valuenow",(a/o*100).toString()),k.current.style.translate=`${h?a:e.scrollLeft}px ${h?e.scrollTop:a}px`}function S(){const t=b.current;if(!t||!_.current||!k.current)return;k.current.style.translate="0px 0px",_.current.style.translate="0px 0px";const e=h?t.offsetWidth/t.scrollWidth:t.offsetHeight/t.scrollHeight;_.current.style[h?"width":"height"]=100*e+"%",_.current.style[h?"height":"width"]="",z(e<1),M(0)}l((()=>{S();const t=new ResizeObserver(S),e=b.current;if(e)return t.observe(e),e.children.length&&t.observe(e.children[0]),e.addEventListener("wheel",L),window.addEventListener("mousemove",E),window.addEventListener("mouseup",E),()=>{t.disconnect(),window.removeEventListener("mousemove",E),window.removeEventListener("mouseup",E),e.removeEventListener("wheel",L)}}),[m,h,f]);const $=c();return t("div",{...g,ref:o(v,b),id:$,className:n(x.area,x[`v__${p}`],g.className),onScroll:t=>{if(g.onScroll?.(t),y.current)return y.current=!1;M(0)},"data-horizontal":h,"data-scrollable":W,"data-disabled":m,children:[s,e("div",{ref:k,className:x.track,children:e("div",{ref:_,className:x.handle,onMouseDown:t=>E(t.nativeEvent),role:"scrollbar","aria-controls":$})})]})}export{u as default};
|
|
3
3
|
//# sourceMappingURL=scrollarea.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 {
|
|
@@ -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;
|
|
@@ -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: {
|