@avenue-ticketing/ui 0.11.0 → 0.12.0-beta.1

package/dist/react/multi-select.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../utils/cx.ts","../../../../utils/is-react-component.ts","../../../../components/base/buttons/button.tsx","../../../../components/base/input/hint-text.tsx","../../../../components/base/tooltip/tooltip.tsx","../../../../components/base/input/label.tsx","../../../../components/foundations/featured-icon/featured-icon.tsx","../../../../components/base/input/input.tsx","../../../../components/base/avatar/base-components/avatar-online-indicator.tsx","../../../../components/base/avatar/base-components/verified-tick.tsx","../../../../components/base/avatar/base-components/avatar-count.tsx","../../../../components/base/avatar/avatar.tsx","../../../../components/base/checkbox/checkbox.tsx","../../../../components/base/select/select-shared.tsx","../../../../components/base/select/select-item.tsx","../../../../components/base/select/multi-select.tsx"],"names":["AriaLink","AriaButton","jsx","AriaText","jsxs","AriaTooltipTrigger","AriaTooltip","AriaOverlayArrow","AriaLabel","HelpCircle","styles","isValidElement","sizes","useState","User01","createContext","useContext","AriaListBoxItem","Check","SearchLg","useRef","AriaDialogTrigger","ChevronDown","AriaPopover","AriaDialog","AriaAutocomplete","AriaSearchField","AriaInput","AriaListBox"],"mappings":";;;;;;;;;;;;;;;AAEA,IAAM,UAAU,mBAAA,CAAoB;AAAA,EAChC,MAAA,EAAQ;AAAA,IACJ,KAAA,EAAO;AAAA,MACH,MAAM,CAAC,YAAA,EAAc,cAAc,YAAA,EAAc,YAAA,EAAc,cAAc,aAAa;AAAA;AAC9F;AAER,CAAC,CAAA;AAMM,IAAM,EAAA,GAAK,OAAA;AAOX,SAAS,OAAsH,OAAA,EAAe;AACjJ,EAAA,OAAO,OAAA;AACX;;;ACdO,IAAM,mBAAA,GAAsB,CAAC,SAAA,KAA+C;AAC/E,EAAA,OAAO,OAAO,SAAA,KAAc,UAAA;AAChC,CAAA;AAKO,IAAM,gBAAA,GAAmB,CAAC,SAAA,KAAgE;AAC7F,EAAA,OAAO,OAAO,SAAA,KAAc,UAAA,IAAc,SAAA,CAAU,SAAA,KAAc,CAAC,CAAC,SAAA,CAAU,SAAA,CAAU,gBAAA,IAAoB,CAAC,CAAC,UAAU,SAAA,CAAU,MAAA,CAAA;AACtI,CAAA;AAKO,IAAM,qBAAA,GAAwB,CAAC,SAAA,KAAsE;AACxG,EAAA,OAAO,OAAO,cAAc,QAAA,IAAY,SAAA,KAAc,QAAQ,SAAA,CAAU,QAAA,CAAS,UAAS,KAAM,2BAAA;AACpG,CAAA;AAKO,IAAM,gBAAA,GAAmB,CAAC,SAAA,KAAgD;AAC7E,EAAA,OAAO,oBAAoB,SAAS,CAAA,IAAK,sBAAsB,SAAS,CAAA,IAAK,iBAAiB,SAAS,CAAA;AAC3G,CAAA;ACVA,IAAM,gBAAA,GACF,uIAAA;AAGJ,IAAM,uBAAA,GACF,qKAAA;AAGJ,IAAM,+BAAA,GAAkC;AAAA,EACpC,oCAAA;AAAA,EACA,iJAAA;AAAA,EACA;AACJ,CAAA,CAAE,KAAK,GAAG,CAAA;AAEV,IAAM,0BAA0B,CAAC,wBAAA,EAA0B,yBAAyB,iBAAiB,CAAA,CAAE,KAAK,GAAG,CAAA;AAG/G,IAAM,oBAAA,GACF,wKAAA;AAGJ,IAAM,oBAAA,GACF,8JAAA;AAEJ,IAAM,uBAAuB,CAAC,oCAAA,EAAsC,sBAAsB,oBAAoB,CAAA,CAAE,KAAK,GAAG,CAAA;AAGxH,IAAM,sBAAA,GACF;AAAA,EACI,qOAAA;AAAA,EACA,sEAAA;AAAA,EACA;AACJ,CAAA,CAAE,KAAK,GAAG,CAAA;AAGd,IAAM,qBAAA,GACF;AAAA,EACI,4IAAA;AAAA,EACA,2JAAA;AAAA,EACA,wJAAA;AAAA,EACA,kJAAA;AAAA,EACA,wEAAA;AAAA,EACA;AACJ,CAAA,CAAE,KAAK,GAAG,CAAA;AAEd,IAAM,SAAS,MAAA,CAAO;AAAA,EAClB,MAAA,EAAQ;AAAA,IACJ,IAAA,EAAM;AAAA,MACF,sJAAA;AAAA,MACA,mHAAA;AAAA,MACA,gGAAA;AAAA,MACA,qGAAA;AAAA,MACA,qBAAA;AAAA,MACA,sBAAA;AAAA;AAAA,MAEA,iGAAA;AAAA,MACA,iNAAA;AAAA,MACA,qNAAA;AAAA,MACA,qNAAA;AAAA,MACA;AAAA,KACJ,CAAE,KAAK,GAAG,CAAA;AAAA,IACV,IAAA,EAAM;AAAA,GACV;AAAA,EACA,KAAA,EAAO;AAAA,IACH,EAAA,EAAI;AAAA,MACA,IAAA,EAAM;AAAA,QACF,uIAAA;AAAA,QACA,4CAAA;AAAA,QACA;AAAA,OACJ,CAAE,KAAK,GAAG,CAAA;AAAA,MACV,QAAA,EAAU;AAAA,KACd;AAAA,IACA,EAAA,EAAI;AAAA,MACA,IAAA,EAAM;AAAA,QACF,4HAAA;AAAA,QACA,4CAAA;AAAA,QACA;AAAA,OACJ,CAAE,KAAK,GAAG,CAAA;AAAA,MACV,QAAA,EAAU;AAAA,KACd;AAAA,IACA,EAAA,EAAI;AAAA,MACA,IAAA,EAAM;AAAA,QACF,uIAAA;AAAA,QACA,0CAAA;AAAA,QACA;AAAA,OACJ,CAAE,KAAK,GAAG,CAAA;AAAA,MACV,QAAA,EAAU;AAAA,KACd;AAAA,IACA,EAAA,EAAI;AAAA,MACA,IAAA,EAAM,wJAAA;AAAA,MACN,QAAA,EAAU;AAAA,KACd;AAAA,IACA,EAAA,EAAI;AAAA,MACA,IAAA,EAAM,iMAAA;AAAA,MACN,QAAA,EAAU;AAAA;AACd,GACJ;AAAA,EAEA,MAAA,EAAQ;AAAA;AAAA,IAEJ,OAAA,EAAS;AAAA,MACL,IAAA,EAAM;AAAA,QACF,6BAAA;AAAA,QACA,uBAAA;AAAA,QACA,+BAAA;AAAA,QACA,qDAAA;AAAA,QACA,qBAAA;AAAA,QACA,mEAAA;AAAA,QACA;AAAA,OACJ,CAAE,KAAK,GAAG;AAAA,KACd;AAAA;AAAA,IAEA,KAAA,EAAO;AAAA,MACH,IAAA,EAAM;AAAA,QACF,sCAAA;AAAA,QACA,uBAAA;AAAA,QACA,+BAAA;AAAA,QACA,4BAAA;AAAA,QACA,qBAAA;AAAA,QACA,mCAAA;AAAA,QACA;AAAA,OACJ,CAAE,KAAK,GAAG;AAAA,KACd;AAAA;AAAA,IAEA,SAAA,EAAW;AAAA,MACP,IAAA,EAAM;AAAA,QACF,8DAAA;AAAA,QACA,oBAAA;AAAA,QACA,mDAAA;AAAA,QACA,qBAAA;AAAA,QACA,+BAAA;AAAA,QACA;AAAA,OACJ,CAAE,KAAK,GAAG;AAAA,KACd;AAAA;AAAA,IAEA,QAAA,EAAU;AAAA,MACN,IAAA,EAAM;AAAA,QACF,wDAAA;AAAA,QACA,gBAAA;AAAA,QACA,kDAAA;AAAA,QACA,qBAAA;AAAA,QACA;AAAA,OACJ,CAAE,KAAK,GAAG;AAAA,KACd;AAAA;AAAA,IAEA,YAAA,EAAc;AAAA,MACV,IAAA,EAAM;AAAA,QACF,qFAAA;AAAA,QACA,gBAAA;AAAA,QACA,kCAAA;AAAA,QACA,qBAAA;AAAA,QACA;AAAA,OACJ,CAAE,KAAK,GAAG;AAAA,KACd;AAAA;AAAA,IAEA,WAAA,EAAa;AAAA,MACT,IAAA,EAAM;AAAA,QACF,8EAAA;AAAA,QACA,gBAAA;AAAA,QACA,2BAAA;AAAA,QACA,qBAAA;AAAA,QACA;AAAA,OACJ,CAAE,KAAK,GAAG;AAAA,KACd;AAAA,IACA,qBAAA,EAAuB;AAAA,MACnB,IAAA,EAAM;AAAA,QACF,2BAAA;AAAA,QACA,uBAAA;AAAA,QACA,+BAAA;AAAA,QACA,4BAAA;AAAA,QACA,qBAAA;AAAA,QACA,mCAAA;AAAA,QACA;AAAA,OACJ,CAAE,KAAK,GAAG;AAAA,KACd;AAAA,IACA,uBAAA,EAAyB;AAAA,MACrB,IAAA,EAAM;AAAA,QACF,kEAAA;AAAA,QACA,oBAAA;AAAA,QACA,uDAAA;AAAA,QACA,qBAAA;AAAA,QACA,+BAAA;AAAA,QACA;AAAA,OACJ,CAAE,KAAK,GAAG;AAAA,KACd;AAAA,IACA,sBAAA,EAAwB;AAAA,MACpB,IAAA,EAAM;AAAA,QACF,6DAAA;AAAA,QACA,gBAAA;AAAA,QACA,uDAAA;AAAA,QACA,qBAAA;AAAA,QACA;AAAA,OACJ,CAAE,KAAK,GAAG;AAAA,KACd;AAAA;AAAA,IAEA,kBAAA,EAAoB;AAAA,MAChB,IAAA,EAAM;AAAA,QACF,mFAAA;AAAA,QACA,gBAAA;AAAA,QACA,gCAAA;AAAA,QACA,qBAAA;AAAA,QACA;AAAA,OACJ,CAAE,KAAK,GAAG;AAAA;AACd;AAER,CAAC,CAAA;AAyCM,IAAM,SAGT,CAAC;AAAA,EACD,IAAA,GAAO,IAAA;AAAA,EACP,KAAA,GAAQ,SAAA;AAAA,EACR,QAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA;AAAA,EACA,WAAA,EAAa,WAAA;AAAA,EACb,YAAA,EAAc,YAAA;AAAA,EACd,UAAA,EAAY,QAAA;AAAA,EACZ,SAAA,EAAW,OAAA;AAAA,EACX,oBAAA;AAAA,EACA,GAAG;AACP,CAAA,KAAM;AACF,EAAA,MAAM,IAAA,GAAO,MAAA,IAAU,KAAA,GAAQ,KAAA,CAAM,IAAA,GAAO,MAAA;AAE5C,EAAA,MAAM,MAAA,GAAA,CAAU,WAAA,IAAe,YAAA,KAAiB,CAAC,QAAA;AACjD,EAAA,MAAM,aAAa,CAAC,WAAA,EAAa,cAAc,kBAAkB,CAAA,CAAE,SAAS,KAAK,CAAA;AAEjF,EAAA,aAAA,GAAgB,UAAA,IAAc,aAAA;AAE9B,EAAA,MAAM,iCACF,IAAA,CAAA,QAAA,EAAA,EACK,QAAA,EAAA;AAAA,IAAA,cAAA,CAAe,WAAW,CAAA,IAAK,WAAA;AAAA,IAC/B,gBAAA,CAAiB,WAAW,CAAA,oBAAK,GAAA,CAAC,WAAA,EAAA,EAAY,aAAU,SAAA,EAAU,SAAA,EAAW,MAAA,CAAO,MAAA,CAAO,IAAA,EAAM,CAAA;AAAA,IAEjG,OAAA,oBACG,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACG,IAAA,EAAK,MAAA;AAAA,QACL,WAAA,EAAU,SAAA;AAAA,QACV,OAAA,EAAQ,aAAA;AAAA,QACR,aAAA,EAAW,IAAA;AAAA,QACX,SAAA,EAAW,EAAA;AAAA,UACP,OAAO,MAAA,CAAO,IAAA;AAAA,UACd,qBAAA;AAAA,UACA,CAAC,oBAAA,IAAwB;AAAA,SAC7B;AAAA,QAEA,QAAA,kBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACG,IAAA,EAAK,cAAA;AAAA,YACL,CAAA,EAAE;AAAA;AAAA;AACN;AAAA,KACJ;AAAA,IAGH,QAAA,oBACG,GAAA,CAAC,MAAA,EAAA,EAAK,WAAA,EAAS,MAAC,SAAA,EAAW,EAAA,CAAG,wBAAA,EAA0B,CAAC,aAAA,IAAiB,CAAC,UAAA,IAAc,QAAQ,GAC5F,QAAA,EACL,CAAA;AAAA,IAGH,cAAA,CAAe,YAAY,CAAA,IAAK,YAAA;AAAA,IAChC,gBAAA,CAAiB,YAAY,CAAA,oBAAK,GAAA,CAAC,YAAA,EAAA,EAAa,aAAU,UAAA,EAAW,SAAA,EAAW,MAAA,CAAO,MAAA,CAAO,IAAA,EAAM;AAAA,GAAA,EACzG,CAAA;AAGJ,EAAA,MAAM,WAAA,GAAc;AAAA,IAChB,gBAAA,EAAkB,SAAS,IAAA,GAAO,MAAA;AAAA,IAClC,cAAA,EAAgB,UAAU,IAAA,GAAO,MAAA;AAAA,IACjC,GAAG,KAAA;AAAA,IACH,YAAY,QAAA,IAAY,OAAA;AAAA,IACxB,SAAA,EAAW,EAAA;AAAA,MACP,OAAO,MAAA,CAAO,IAAA;AAAA,MACd,MAAA,CAAO,KAAA,CAAM,IAAI,CAAA,CAAE,IAAA;AAAA,MACnB,MAAA,CAAO,MAAA,CAAO,KAAK,CAAA,CAAE,IAAA;AAAA,MACrB,UAAA,IAAc,MAAA,CAAO,KAAA,CAAM,IAAI,CAAA,CAAE,QAAA;AAAA,MAAA,CAChC,OAAA,IAAY,IAAA,KAAS,QAAA,IAAY,OAAA,CAAA,KAAc,qBAAA;AAAA,MAChD,OAAA,KAAY,uBAAuB,wDAAA,GAA2D,0CAAA,CAAA;AAAA,MAC9F;AAAA,KACJ;AAAA,IACA,QAAA,EAAU;AAAA,GACd;AAEA,EAAA,IAAI,UAAU,WAAA,EAAa;AACvB,IAAA,uBAAO,GAAA,CAACA,QAAU,GAAG,WAAA,EAAa,MAAM,QAAA,IAAY,OAAA,GAAU,SAAY,IAAA,EAAM,CAAA;AAAA,EACpF;AAEA,EAAA,uBAAO,GAAA,CAACC,YAAY,GAAG,WAAA,EAAa,MAAM,WAAA,CAAY,IAAA,IAAQ,QAAA,EAAU,SAAA,EAAW,OAAA,EAAS,CAAA;AAChG,CAAA;AC7UO,IAAM,QAAA,GAAW,CAAC,EAAE,SAAA,EAAW,WAAW,IAAA,GAAO,IAAA,EAAM,GAAG,KAAA,EAAM,KAAqB;AACxF,EAAA,uBACIC,GAAAA;AAAA,IAACC,IAAA;AAAA,IAAA;AAAA,MACI,GAAG,KAAA;AAAA,MACJ,IAAA,EAAM,YAAY,cAAA,GAAiB,aAAA;AAAA,MACnC,SAAA,EAAW,EAAA;AAAA,QACP,uBAAA;AAAA;AAAA,QAGA,SAAS,IAAA,IAAQ,SAAA;AAAA,QACjB,iCAAA;AAAA;AAAA,QAGA,SAAA,IAAa,oBAAA;AAAA,QACb,kCAAA;AAAA,QAEA;AAAA;AACJ;AAAA,GACJ;AAER,CAAA;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA;ACDhB,IAAM,UAAU,CAAC;AAAA,EACpB,KAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA,GAAQ,KAAA;AAAA,EACR,KAAA,GAAQ,GAAA;AAAA,EACR,UAAA,GAAa,CAAA;AAAA,EACb,OAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA,GAAS,CAAA;AAAA,EACT,WAAA;AAAA,EACA,SAAA,GAAY,KAAA;AAAA,EACZ,YAAA;AAAA,EACA,GAAG;AACP,CAAA,KAAoB;AAChB,EAAA,MAAM,iBAAA,GAAoB,CAAC,UAAA,EAAY,SAAA,EAAW,eAAe,YAAY,CAAA,CAAE,SAAS,SAAS,CAAA;AACjG,EAAA,MAAM,kBAAA,GAAqB,CAAC,WAAA,EAAa,WAAA,EAAa,gBAAgB,cAAc,CAAA,CAAE,SAAS,SAAS,CAAA;AAExG,EAAA,MAAM,qBAAA,GAAwB,iBAAA,GAAoB,GAAA,GAAM,kBAAA,GAAqB,EAAA,GAAK,CAAA;AAElF,EAAA,uBACIC,IAAAA,CAACC,gBAAA,EAAA,EAAoB,GAAG,EAAE,OAAA,EAAS,KAAA,EAAO,UAAA,EAAY,UAAA,EAAY,MAAA,EAAQ,WAAA,EAAa,YAAA,EAAa,EAC/F,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,oBAEDH,GAAAA;AAAA,MAACI,SAAA;AAAA,MAAA;AAAA,QACI,GAAG,YAAA;AAAA,QACJ,MAAA;AAAA,QACA,SAAA;AAAA,QACA,aAAa,WAAA,IAAe,qBAAA;AAAA,QAC5B,SAAA,EAAW,CAAC,EAAE,UAAA,EAAY,SAAA,OAAgB,EAAA,CAAG,UAAA,IAAc,qBAAA,EAAuB,SAAA,IAAa,qBAAqB,CAAA;AAAA,QAEnH,QAAA,EAAA,CAAC,EAAE,UAAA,EAAY,SAAA,uBACZF,IAAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACG,SAAA,EAAW,EAAA;AAAA,cACP,gJAAA;AAAA,cACA,cAAc,MAAA,GAAS,MAAA;AAAA,cAEvB,UAAA,IACI,gNAAA;AAAA,cACJ,SAAA,IACI;AAAA,aACR;AAAA,YAEA,QAAA,EAAA;AAAA,8BAAAF,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kCAAA,EAAoC,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,cAEzD,+BAAeA,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,oDAAoD,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,cAE/F,KAAA,oBACGA,GAAAA,CAACK,YAAA,EAAA,EACG,QAAA,kBAAAL,GAAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACG,OAAA,EAAQ,aAAA;AAAA,kBACR,SAAA,EAAU,mJAAA;AAAA,kBAEV,QAAA,kBAAAA,GAAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,mDAAA,EAAoD;AAAA;AAAA,eAChE,EACJ;AAAA;AAAA;AAAA;AAER;AAAA;AAER,GAAA,EACJ,CAAA;AAER,CAAA;AAIO,IAAM,iBAAiB,CAAC,EAAE,UAAU,SAAA,EAAW,GAAG,aAAY,KAA2B;AAC5F,EAAA,uBACIA,GAAAA,CAACD,QAAAA,EAAA,EAAY,GAAG,WAAA,EAAa,WAAW,CAAC,MAAA,KAAW,GAAG,4BAAA,EAA8B,OAAO,cAAc,UAAA,GAAa,SAAA,CAAU,MAAM,CAAA,GAAI,SAAS,GAC/I,QAAA,EACL,CAAA;AAER,CAAA;AC5FO,IAAM,KAAA,GAAQ,CAAC,EAAE,SAAA,EAAW,UAAA,EAAY,SAAS,kBAAA,EAAoB,SAAA,EAAW,GAAG,KAAA,EAAM,KAAkB;AAC9G,EAAA,uBACIG,IAAAA;AAAA,IAACI,OAAA;AAAA,IAAA;AAAA,MAKG,YAAA,EAAW,MAAA;AAAA,MACV,GAAG,KAAA;AAAA,MACJ,SAAA,EAAW,EAAA,CAAG,6EAAA,EAA+E,SAAS,CAAA;AAAA,MAErG,QAAA,EAAA;AAAA,QAAA,KAAA,CAAM,QAAA;AAAA,wBAEPN,GAAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACG,SAAA,EAAW,EAAA;AAAA,cACP,4BAAA;AAAA,cACA,UAAA,IAAc,OAAA;AAAA,cACd,OAAO,eAAe,WAAA,IAAe,sBAAA;AAAA,cAErC,SAAA,IAAa,oBAAA;AAAA,cACb,OAAO,cAAc,WAAA,IAAe;AAAA,aACxC;AAAA,YACH,QAAA,EAAA;AAAA;AAAA,SAED;AAAA,QAEC,OAAA,oBACGA,GAAAA,CAAC,OAAA,EAAA,EAAQ,KAAA,EAAO,SAAS,WAAA,EAAa,kBAAA,EAAoB,SAAA,EAAU,KAAA,EAChE,QAAA,kBAAAA,GAAAA;AAAA,UAAC,cAAA;AAAA,UAAA;AAAA,YAIG,UAAA,EAAY,KAAA;AAAA,YACZ,SAAA,EAAU,yHAAA;AAAA,YAEV,QAAA,kBAAAA,GAAAA,CAACO,YAAA,EAAA,EAAW,SAAA,EAAU,QAAA,EAAS;AAAA;AAAA,SACnC,EACJ;AAAA;AAAA;AAAA,GAER;AAER,CAAA;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA;ACxDpB,IAAM,UAAA,GAAa;AAAA,EACf,EAAA,EAAI,gDAAA;AAAA,EACJ,EAAA,EAAI,oBAAA;AAAA,EACJ,EAAA,EAAI,oBAAA;AAAA,EACJ,EAAA,EAAI;AACR,CAAA;AAEA,IAAMC,UAAS,MAAA,CAAO;AAAA,EAClB,KAAA,EAAO;AAAA,IACH,IAAA,EAAM,cAAA;AAAA,IACN,KAAA,EAAO;AAAA,MACH,EAAA,EAAI,QAAA;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,EAAA,EAAI;AAAA,KACR;AAAA,IACA,MAAA,EAAQ;AAAA,MACJ,KAAA,EAAO,sDAAA;AAAA,MACP,IAAA,EAAM,8CAAA;AAAA,MACN,KAAA,EAAO,sDAAA;AAAA,MACP,OAAA,EAAS,0DAAA;AAAA,MACT,OAAA,EAAS;AAAA;AACb,GACJ;AAAA,EAEA,QAAA,EAAU;AAAA,IACN,IAAA,EAAM,kLAAA;AAAA,IACN,KAAA,EAAO;AAAA,MACH,EAAA,EAAI,wCAAA;AAAA,MACJ,EAAA,EAAI,yCAAA;AAAA,MACJ,EAAA,EAAI,yCAAA;AAAA,MACJ,EAAA,EAAI;AAAA,KACR;AAAA,IACA,MAAA,EAAQ;AAAA,MACJ,KAAA,EAAO,iFAAA;AAAA,MACP,IAAA,EAAM,yFAAA;AAAA,MACN,KAAA,EAAO,6EAAA;AAAA,MACP,OAAA,EAAS,qFAAA;AAAA,MACT,OAAA,EAAS;AAAA;AACb,GACJ;AAAA,EAEA,IAAA,EAAM;AAAA,IACF,IAAA,EAAM,iIAAA;AAAA,IACN,KAAA,EAAO;AAAA,MACH,EAAA,EAAI,wCAAA;AAAA,MACJ,EAAA,EAAI,yCAAA;AAAA,MACJ,EAAA,EAAI,6CAAA;AAAA,MACJ,EAAA,EAAI;AAAA,KACR;AAAA,IACA,MAAA,EAAQ;AAAA,MACJ,KAAA,EAAO,mDAAA;AAAA,MACP,IAAA,EAAM,yDAAA;AAAA,MACN,KAAA,EAAO,iDAAA;AAAA,MACP,OAAA,EAAS,sDAAA;AAAA,MACT,OAAA,EAAS;AAAA;AACb,GACJ;AAAA,EAEA,MAAA,EAAQ;AAAA,IACJ,IAAA,EAAM,kEAAA;AAAA,IACN,KAAA,EAAO;AAAA,MACH,EAAA,EAAI,mBAAA;AAAA,MACJ,EAAA,EAAI,oBAAA;AAAA,MACJ,EAAA,EAAI,wBAAA;AAAA,MACJ,EAAA,EAAI;AAAA,KACR;AAAA,IACA,MAAA,EAAQ;AAAA,MACJ,KAAA,EAAO,uBAAA;AAAA,MACP,IAAA,EAAM,mBAAA;AAAA,MACN,KAAA,EAAO,uBAAA;AAAA,MACP,OAAA,EAAS,yBAAA;AAAA,MACT,OAAA,EAAS;AAAA;AACb,GACJ;AAAA,EACA,aAAA,EAAe;AAAA,IACX,IAAA,EAAM;AAAA,MACF,iEAAA;AAAA;AAAA,MAEA;AAAA,KACJ,CAAE,KAAK,GAAG,CAAA;AAAA,IACV,KAAA,EAAO;AAAA,MACH,EAAA,EAAI,2CAAA;AAAA,MACJ,EAAA,EAAI,6CAAA;AAAA,MACJ,EAAA,EAAI,6CAAA;AAAA,MACJ,EAAA,EAAI;AAAA,KACR;AAAA,IACA,MAAA,EAAQ;AAAA,MACJ,KAAA,EAAO,EAAA;AAAA,MACP,IAAA,EAAM,gCAAA;AAAA,MACN,KAAA,EAAO,EAAA;AAAA,MACP,OAAA,EAAS,EAAA;AAAA,MACT,OAAA,EAAS;AAAA;AACb,GACJ;AAAA,EAEA,OAAA,EAAS;AAAA,IACL,IAAA,EAAM,sGAAA;AAAA,IACN,KAAA,EAAO;AAAA,MACH,EAAA,EAAI,qCAAA;AAAA,MACJ,EAAA,EAAI,qCAAA;AAAA,MACJ,EAAA,EAAI,sCAAA;AAAA,MACJ,EAAA,EAAI;AAAA,KACR;AAAA,IACA,MAAA,EAAQ;AAAA,MACJ,KAAA,EAAO,0FAAA;AAAA,MACP,IAAA,EAAM,2EAAA;AAAA,MACN,KAAA,EAAO,0FAAA;AAAA,MACP,OAAA,EAAS,gGAAA;AAAA,MACT,OAAA,EAAS;AAAA;AACb;AAER,CAAC,CAAA;AAYM,IAAM,YAAA,GAAe,CAAC,KAAA,KAA6B;AACtD,EAAA,MAAM,EAAE,IAAA,GAAO,IAAA,EAAM,KAAA,EAAO,OAAA,GAAU,OAAA,EAAS,KAAA,GAAQ,OAAA,EAAS,IAAA,EAAM,IAAA,EAAM,GAAG,UAAA,EAAW,GAAI,KAAA;AAE9F,EAAA,uBACIN,IAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACI,GAAG,UAAA;AAAA,MACJ,oBAAA,EAAkB,IAAA;AAAA,MAClB,SAAA,EAAW,EAAA;AAAA,QACP,oDAAA;AAAA,QAEA,WAAW,IAAI,CAAA;AAAA,QACfM,OAAAA,CAAO,OAAO,CAAA,CAAE,IAAA;AAAA,QAChBA,OAAAA,CAAO,OAAO,CAAA,CAAE,KAAA,CAAM,IAAI,CAAA;AAAA,QAC1BA,OAAAA,CAAO,OAAO,CAAA,CAAE,MAAA,CAAO,KAAK,CAAA;AAAA,QAE5B,KAAA,CAAM;AAAA,OACV;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,gBAAA,CAAiB,IAAI,qBAAKR,GAAAA,CAAC,QAAK,WAAA,EAAS,IAAA,EAAC,WAAU,KAAA,EAAM,CAAA;AAAA,QAC1DS,cAAAA,CAAe,IAAI,CAAA,oBAAKT,IAAC,KAAA,EAAA,EAAI,SAAA,EAAU,OAAO,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,QAEnD,KAAA,CAAM;AAAA;AAAA;AAAA,GACX;AAER,CAAA;ACpIO,IAAM,oBAAA,GAAuB,2CAAA;AAC7B,IAAM,yBAAA,GAA4B,2CAAA;AAgNhB,aAAA,CAAqC,EAAE;AClOhE,IAAM,KAAA,GAAQ;AAAA,EACV,EAAA,EAAI,UAAA;AAAA,EACJ,EAAA,EAAI,QAAA;AAAA,EACJ,EAAA,EAAI,UAAA;AAAA,EACJ,EAAA,EAAI,QAAA;AAAA,EACJ,EAAA,EAAI,UAAA;AAAA,EACJ,KAAA,EAAO,QAAA;AAAA,EACP,KAAA,EAAO,UAAA;AAAA,EACP,KAAA,EAAO;AACX,CAAA;AAQO,IAAM,wBAAwB,CAAC,EAAE,MAAM,MAAA,EAAQ,SAAA,uBAClDA,GAAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACG,SAAA,EAAW,EAAA;AAAA,MACP,yFAAA;AAAA,MACA,MAAA,KAAW,WAAW,yBAAA,GAA4B,wBAAA;AAAA,MAClD,MAAM,IAAI,CAAA;AAAA,MACV;AAAA,KACJ;AAAA,IACA,KAAA,EAAO;AAAA,MACH,eAAA,EACI;AAAA,KACR;AAAA,IAGA,QAAA,kBAAAE,KAAC,KAAA,EAAA,EAAI,OAAA,EAAQ,gBAAe,IAAA,EAAK,MAAA,EAAO,WAAU,0BAAA,EAC9C,QAAA,EAAA;AAAA,sBAAAF,GAAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACG,CAAA,EAAE,qJAAA;AAAA,UACF,IAAA,EAAK,2BAAA;AAAA,UACL,WAAA,EAAY;AAAA;AAAA,OAChB;AAAA,sBACAA,GAAAA,CAAC,MAAA,EAAA,EACG,QAAA,kBAAAE,IAAAA,CAAC,oBAAe,EAAA,EAAG,qBAAA,EAAsB,EAAA,EAAG,KAAA,EAAM,IAAG,GAAA,EAAI,EAAA,EAAG,OAAM,EAAA,EAAG,KAAA,EAAM,eAAc,gBAAA,EACrF,QAAA,EAAA;AAAA,wBAAAF,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,OAAA,EAAQ,CAAA;AAAA,wBACxBA,IAAC,MAAA,EAAA,EAAK,MAAA,EAAO,KAAI,SAAA,EAAU,OAAA,EAAQ,aAAY,KAAA,EAAM;AAAA,OAAA,EACzD,CAAA,EACJ;AAAA,KAAA,EACJ;AAAA;AACJ,CAAA;AC5CJ,IAAMU,MAAAA,GAAQ;AAAA,EACV,EAAA,EAAI,UAAA;AAAA,EACJ,EAAA,EAAI,QAAA;AAAA,EACJ,EAAA,EAAI,UAAA;AAAA,EACJ,EAAA,EAAI,QAAA;AAAA,EACJ,EAAA,EAAI,UAAA;AAAA,EACJ,KAAA,EAAO,QAAA;AAAA,EACP,KAAA,EAAO,QAAA;AAAA,EACP,KAAA,EAAO;AACX,CAAA;AAOO,IAAM,YAAA,GAAe,CAAC,EAAE,IAAA,EAAM,WAAU,qBAC3CR,KAAC,KAAA,EAAA,EAAI,SAAA,EAAW,GAAG,4BAAA,EAA8BQ,MAAAA,CAAM,IAAI,CAAA,EAAG,SAAS,GAAG,OAAA,EAAQ,WAAA,EAAY,MAAK,MAAA,EAC/F,QAAA,EAAA;AAAA,kBAAAV,GAAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACG,CAAA,EAAE,inDAAA;AAAA,MACF,SAAA,EAAU;AAAA;AAAA,GACd;AAAA,kBACAA,GAAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACG,QAAA,EAAS,SAAA;AAAA,MACT,QAAA,EAAS,SAAA;AAAA,MACT,CAAA,EAAE,+oBAAA;AAAA,MACF,IAAA,EAAK;AAAA;AAAA;AACT,CAAA,EACJ,CAAA;ACvBG,IAAM,WAAA,GAAc,CAAC,EAAE,KAAA,EAAO,WAAU,qBAC3CA,IAAC,KAAA,EAAA,EAAI,SAAA,EAAW,GAAG,gCAAA,EAAkC,SAAS,GAC1D,QAAA,kBAAAA,GAAAA,CAAC,SAAI,SAAA,EAAU,wIAAA,EACV,iBACL,CAAA,EACJ,CAAA;AC0DJ,IAAMQ,OAAAA,GAAS;AAAA,EACX,EAAA,EAAI,EAAE,IAAA,EAAM,QAAA,EAAU,gBAAgB,MAAA,EAAQ,QAAA,EAAU,uBAAA,EAAyB,IAAA,EAAM,QAAA,EAAS;AAAA,EAChG,EAAA,EAAI,EAAE,IAAA,EAAM,QAAA,EAAU,gBAAgB,MAAA,EAAQ,QAAA,EAAU,uBAAA,EAAyB,IAAA,EAAM,QAAA,EAAS;AAAA,EAChG,EAAA,EAAI,EAAE,IAAA,EAAM,SAAA,EAAW,gBAAgB,MAAA,EAAQ,QAAA,EAAU,uBAAA,EAAyB,IAAA,EAAM,QAAA,EAAS;AAAA,EACjG,EAAA,EAAI,EAAE,IAAA,EAAM,SAAA,EAAW,gBAAgB,WAAA,EAAa,QAAA,EAAU,uBAAA,EAAyB,IAAA,EAAM,QAAA,EAAS;AAAA,EACtG,EAAA,EAAI,EAAE,IAAA,EAAM,SAAA,EAAW,gBAAgB,OAAA,EAAS,QAAA,EAAU,uBAAA,EAAyB,IAAA,EAAM,QAAA,EAAS;AAAA,EAClG,KAAA,EAAO,EAAE,IAAA,EAAM,SAAA,EAAW,gBAAgB,OAAA,EAAS,QAAA,EAAU,+BAAA,EAAiC,IAAA,EAAM,QAAA;AACxG,CAAA;AAEO,IAAM,SAAS,CAAC;AAAA,EACnB,IAAA,GAAO,IAAA;AAAA,EACP,GAAA;AAAA,EACA,GAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA,eAAA,EAAiB,eAAA;AAAA,EACjB,MAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA,GAAY,KAAA;AAAA,EACZ,OAAA,GAAU,IAAA;AAAA,EACV,SAAA;AAAA,EACA;AACJ,CAAA,KAAmB;AACf,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAIG,SAAS,KAAK,CAAA;AAE9C,EAAA,MAAM,YAAA,GAAe,OAAO,CAAC,QAAA;AAE7B,EAAA,MAAM,oBAAoB,MAAM;AAC5B,IAAA,IAAI,YAAA,EAAc;AACd,MAAA,uBAAOX,GAAAA,CAAC,KAAA,EAAA,EAAI,iBAAA,EAAe,IAAA,EAAC,SAAA,EAAU,wBAAA,EAAyB,GAAA,EAAU,GAAA,EAAU,OAAA,EAAS,MAAM,WAAA,CAAY,IAAI,CAAA,EAAG,CAAA;AAAA,IACzH;AAEA,IAAA,IAAI,QAAA,EAAU;AACV,MAAA,uBAAOA,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,iBAAA,EAAmBQ,OAAAA,CAAO,IAAI,CAAA,CAAE,QAAQ,CAAA,EAAI,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,IACpF;AAEA,IAAA,IAAI,eAAA,EAAiB;AACjB,MAAA,uBAAOR,GAAAA,CAAC,eAAA,EAAA,EAAgB,SAAA,EAAW,EAAA,CAAG,sBAAsBQ,OAAAA,CAAO,IAAI,CAAA,CAAE,IAAI,CAAA,EAAG,CAAA;AAAA,IACpF;AAEA,IAAA,OAAO,WAAA,oBAAeR,GAAAA,CAACY,QAAA,EAAA,EAAO,SAAA,EAAW,EAAA,CAAG,oBAAA,EAAsBJ,OAAAA,CAAO,IAAI,CAAA,CAAE,IAAI,CAAA,EAAG,CAAA;AAAA,EAC1F,CAAA;AAEA,EAAA,MAAM,qBAAqB,MAAM;AAC7B,IAAA,IAAI,MAAA,EAAQ;AACR,MAAA,uBAAOR,GAAAA,CAAC,qBAAA,EAAA,EAAsB,MAAA,EAAgB,IAAA,EAAY,CAAA;AAAA,IAC9D;AAEA,IAAA,IAAI,QAAA,EAAU;AACV,MAAA,uBAAOA,GAAAA,CAAC,YAAA,EAAA,EAAa,IAAA,EAAY,SAAA,EAAW,GAAG,2BAAA,EAA6B,IAAA,KAAS,IAAA,IAAQ,sBAAsB,CAAA,EAAG,CAAA;AAAA,IAC1H;AAEA,IAAA,IAAI,KAAA,EAAO;AACP,MAAA,uBAAOA,GAAAA,CAAC,WAAA,EAAA,EAAY,KAAA,EAAc,CAAA;AAAA,IACtC;AAEA,IAAA,OAAO,KAAA;AAAA,EACX,CAAA;AAEA,EAAA,uBACIE,IAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACG,aAAA,EAAW,IAAA;AAAA,MACX,SAAA,EAAW,EAAA;AAAA,QACP,6CAAA;AAAA,QACA,OAAA,IAAW,cAAA;AAAA;AAAA,QAEX,SAAA,IACI,+HAAA;AAAA,QACJ,MAAA,IAAU,2BAAA;AAAA,QACV,MAAA,IAAUM,OAAAA,CAAO,IAAI,CAAA,CAAE,cAAA;AAAA,QACvBA,OAAAA,CAAO,IAAI,CAAA,CAAE,IAAA;AAAA,QACb;AAAA,OACJ;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAAR,GAAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACG,SAAA,EAAW,EAAA;AAAA,cACP,0LAAA;AAAA,cACA,OAAA,IAAW,cAAA;AAAA,cACX,YAAA,IACI,SAAS,IAAA,IACT,2LAAA;AAAA,cACJ;AAAA,aACJ;AAAA,YAEC,QAAA,EAAA,iBAAA;AAAkB;AAAA,SACvB;AAAA,QACC,kBAAA;AAAmB;AAAA;AAAA,GACxB;AAER,CAAA;AC9JA,IAAM,sBAAA,GAAyB,EAAA;AAC/B,IAAM,qBAAA,GAAwB,GAAA;AAG9B,SAAS,yBAAA,CAA0B,EAAE,SAAA,EAAU,EAA2B;AACtE,EAAA,MAAM,OAAA,GAAU,OAAuB,IAAI,CAAA;AAE3C,EAAA,eAAA,CAAgB,MAAM;AAClB,IAAA,MAAM,OAAO,OAAA,CAAQ,OAAA;AACrB,IAAA,IAAI,CAAC,IAAA,IAAQ,OAAO,IAAA,CAAK,mBAAmB,UAAA,EAAY;AACxD,IAAA,MAAM,GAAA,GAAM,KAAK,cAAA,EAAe;AAChC,IAAA,IAAI,OAAO,CAAA,EAAG;AAEd,IAAA,IAAA,CAAK,KAAA,CAAM,eAAA,GAAkB,CAAA,EAAG,GAAG,CAAA,CAAA;AACnC,IAAA,IAAA,CAAK,KAAA,CAAM,gBAAA,GAAmB,CAAA,EAAG,GAAG,CAAA,CAAA;AAEpC,IAAA,IAAI,OAAO,IAAA,CAAK,OAAA,KAAY,UAAA,EAAY;AACpC,MAAA,IAAA,CAAK,MAAM,gBAAA,GAAmB,GAAA;AAC9B,MAAA;AAAA,IACJ;AAEA,IAAA,MAAM,IAAA,GAAO,IAAA,CAAK,OAAA,CAAQ,CAAC,EAAE,gBAAA,EAAkB,GAAA,EAAI,EAAG,EAAE,gBAAA,EAAkB,CAAA,EAAG,CAAA,EAAG;AAAA,MAC5E,QAAA,EAAU,qBAAA;AAAA,MACV,KAAA,EAAO,sBAAA;AAAA,MACP,MAAA,EAAQ,+BAAA;AAAA,MACR,IAAA,EAAM;AAAA,KACT,CAAA;AACD,IAAA,OAAO,MAAM,KAAK,MAAA,EAAO;AAAA,EAC7B,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,uBACIA,GAAAA,CAAC,KAAA,EAAA,EAAI,aAAA,EAAY,QAAO,OAAA,EAAQ,WAAA,EAAY,IAAA,EAAK,MAAA,EAAO,SAAA,EAAW,EAAA,CAAG,gBAAA,EAAkB,SAAS,GAC7F,QAAA,kBAAAA,GAAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACG,GAAA,EAAK,OAAA;AAAA,MACL,CAAA,EAAE,wCAAA;AAAA,MACF,MAAA,EAAO,cAAA;AAAA,MACP,WAAA,EAAY,GAAA;AAAA,MACZ,aAAA,EAAc,OAAA;AAAA,MACd,cAAA,EAAe;AAAA;AAAA,GACnB,EACJ,CAAA;AAER;AAGA,IAAM,eAAA,GACF,2GAAA;AAWG,IAAM,YAAA,GAAe,CAAC,EAAE,SAAA,EAAW,UAAA,EAAY,UAAA,EAAY,eAAA,EAAiB,IAAA,GAAO,IAAA,EAAM,cAAA,GAAiB,KAAA,EAAM,KAAyB;AAC5I,EAAA,MAAM,YAAY,UAAA,IAAc,eAAA;AAChC,EAAA,MAAM,aAAA,GAAgB,IAAA,KAAS,IAAA,GAAO,UAAA,GAAa,UAAA;AAEnD,EAAA,uBACIE,IAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACG,SAAA,EAAW,EAAA;AAAA,QACP,sHAAA;AAAA,QACA,IAAA,KAAS,OAAO,mBAAA,GAAsB,mBAAA;AAAA,QACtC,YAAY,mCAAA,GAAsC,YAAA;AAAA,QAClD,UAAA,IAAc,+BAAA;AAAA,QACd,UAAA,IAAc,CAAC,SAAA,IAAa,aAAA;AAAA,QAC5B,cAAA,IAAkB,CAAC,UAAA,IAAc,eAAA;AAAA,QACjC;AAAA,OACJ;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,eAAA,oBACGF,GAAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACG,aAAA,EAAY,MAAA;AAAA,YACZ,OAAA,EAAQ,WAAA;AAAA,YACR,IAAA,EAAK,MAAA;AAAA,YACL,SAAA,EAAW,EAAA,CAAG,kDAAA,EAAoD,aAAa,CAAA;AAAA,YAE/E,QAAA,kBAAAA,GAAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,oBAAA,EAAqB,MAAA,EAAO,cAAA,EAAe,WAAA,EAAY,GAAA,EAAI,aAAA,EAAc,OAAA,EAAQ,cAAA,EAAe,OAAA,EAAQ;AAAA;AAAA,SACpH;AAAA,QAGH,UAAA,IAAc,CAAC,eAAA,oBACZA,GAAAA,CAAC,6BAA0B,SAAA,EAAW,EAAA,CAAG,mCAAA,EAAqC,aAAa,CAAA,EAAG;AAAA;AAAA;AAAA,GAEtG;AAER,CAAA;AACA,YAAA,CAAa,WAAA,GAAc,cAAA;AC1DpB,IAAMU,MAAAA,GAAQ;AAAA,EACjB,EAAA,EAAI;AAAA,IACA,IAAA,EAAM,uEAAA;AAAA,IACN,QAAA,EAAU,EAAA;AAAA,IACV,IAAA,EAAM,SAAA;AAAA,IACN,aAAA,EAAe,WAAA;AAAA,IACf,QAAA,EAAU;AAAA,GACd;AAAA,EACA,EAAA,EAAI,EAAE,IAAA,EAAM,oCAAA,EAAsC,QAAA,EAAU,EAAA,EAAI,IAAA,EAAM,SAAA,EAAW,aAAA,EAAe,WAAA,EAAa,QAAA,EAAU,QAAA,EAAS;AAAA,EAChI,EAAA,EAAI,EAAE,IAAA,EAAM,wCAAA,EAA0C,QAAA,EAAU,EAAA,EAAI,IAAA,EAAM,SAAA,EAAW,aAAA,EAAe,WAAA,EAAa,QAAA,EAAU,MAAA;AAC/H,CAAA;AAEO,IAAM,aAAA,GAAgBG,aAAAA,CAA4C,EAAE,IAAA,EAAM,MAAM,CAAA;ACnCvF,IAAMH,MAAAA,GAAQ;AAAA,EACV,EAAA,EAAI;AAAA,IACA,IAAA,EAAM,iEAAA;AAAA,IACN,IAAA,EAAM,SAAA;AAAA,IACN,aAAA,EAAe,WAAA;AAAA,IACf,KAAA,EAAO,wBAAA;AAAA,IACP,QAAA,EAAU;AAAA,GACd;AAAA,EACA,EAAA,EAAI;AAAA,IACA,IAAA,EAAM,qCAAA;AAAA,IACN,IAAA,EAAM,SAAA;AAAA,IACN,aAAA,EAAe,SAAA;AAAA,IACf,KAAA,EAAO,QAAA;AAAA,IACP,QAAA,EAAU;AAAA,GACd;AAAA,EACA,EAAA,EAAI;AAAA,IACA,IAAA,EAAM,qCAAA;AAAA,IACN,IAAA,EAAM,SAAA;AAAA,IACN,aAAA,EAAe,SAAA;AAAA,IACf,KAAA,EAAO,QAAA;AAAA,IACP,QAAA,EAAU;AAAA;AAElB,CAAA;AASO,IAAM,aAAa,CAAC;AAAA,EACvB,KAAA;AAAA,EACA,EAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA;AAAA,EACA,UAAA;AAAA,EACA,IAAA,EAAM,IAAA;AAAA,EACN,SAAA;AAAA,EACA,QAAA;AAAA,EACA,kBAAA,GAAqB,WAAA;AAAA,EACrB,uBAAA,GAA0B,OAAA;AAAA,EAC1B,GAAG;AACP,CAAA,KAAuB;AACnB,EAAA,MAAM,EAAE,IAAA,EAAK,GAAII,UAAAA,CAAW,aAAa,CAAA;AAEzC,EAAA,MAAM,eAAA,GAAkB,KAAA,KAAU,OAAO,QAAA,KAAa,WAAW,QAAA,GAAW,EAAA,CAAA;AAC5E,EAAA,MAAM,SAAA,GAAY,cAAA,GAAiB,eAAA,GAAkB,GAAA,GAAM,cAAA,GAAiB,eAAA;AAE5E,EAAA,MAAM,SAAS,uBAAA,KAA4B,MAAA;AAE3C,EAAA,uBACId,GAAAA;AAAA,IAACe,WAAA;AAAA,IAAA;AAAA,MACG,EAAA;AAAA,MACA,OACI,KAAA,IAAS;AAAA,QACL,EAAA;AAAA,QACA,KAAA,EAAO,eAAA;AAAA,QACP,SAAA;AAAA,QACA,cAAA;AAAA,QACA,UAAA;AAAA,QACA,IAAA,EAAM;AAAA,OACV;AAAA,MAEJ,SAAA;AAAA,MACA,UAAA;AAAA,MACC,GAAG,KAAA;AAAA,MACJ,SAAA,EAAW,CAAC,KAAA,KACR,EAAA,CAAG,+BAA+B,IAAA,KAAS,IAAA,GAAO,MAAA,GAAS,QAAA,EAAU,OAAO,SAAA,KAAc,UAAA,GAAa,SAAA,CAAU,KAAK,IAAI,SAAS,CAAA;AAAA,MAGtI,QAAA,EAAA,CAAC,0BACEb,IAAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACG,SAAA,EAAW,EAAA;AAAA,YACP,wEAAA;AAAA,YAAA,CACC,MAAM,SAAA,IAAa,KAAA,CAAM,aAAc,KAAA,CAAM,UAAA,IAAc,uBAAuB,UAAA,KAAgB,kBAAA;AAAA,YACnG,MAAM,UAAA,IAAc,+BAAA;AAAA;AAAA,YAGpB,qDAAA;AAAA,YAEAQ,MAAAA,CAAM,IAAI,CAAA,CAAE;AAAA,WAChB;AAAA,UAEC,QAAA,EAAA;AAAA,YAAA,MAAA,IAAU,kBAAA,KAAuB,UAAA,oBAC9BV,GAAAA,CAAC,gBAAa,IAAA,EAAMU,MAAAA,CAAM,IAAI,CAAA,CAAE,UAAU,UAAA,EAAY,KAAA,CAAM,UAAA,EAAY,UAAA,EAAY,MAAM,UAAA,EAAY,CAAA;AAAA,YAGzG,SAAA,mBACGV,GAAAA,CAAC,MAAA,EAAA,EAAO,eAAY,MAAA,EAAO,IAAA,EAAK,IAAA,EAAK,GAAA,EAAK,SAAA,EAAW,GAAA,EAAK,KAAA,EAAO,SAAA,EAAW,GAAG,IAAA,KAAS,IAAA,IAAQ,QAAQ,CAAA,EAAG,CAAA,GAC3G,gBAAA,CAAiB,IAAI,CAAA,mBACrBA,GAAAA,CAAC,IAAA,EAAA,EAAK,WAAA,EAAS,IAAA,EAAC,eAAY,MAAA,EAAO,CAAA,GACnCS,cAAAA,CAAe,IAAI,IACnB,IAAA,GACA,IAAA;AAAA,4BAEJP,IAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,wCAAwCQ,MAAAA,CAAM,IAAI,CAAA,CAAE,aAAa,CAAA,EAChF,QAAA,EAAA;AAAA,8BAAAV,GAAAA,CAACC,MAAA,EAAS,IAAA,EAAK,SAAQ,SAAA,EAAW,EAAA,CAAG,uDAAuDS,MAAAA,CAAM,IAAI,EAAE,IAAI,CAAA,EACvG,oBAAU,OAAO,QAAA,KAAa,aAAa,QAAA,CAAS,KAAK,IAAI,QAAA,CAAA,EAClE,CAAA;AAAA,cAEC,cAAA,oBACGV,GAAAA,CAACC,IAAAA,EAAA,EAAS,IAAA,EAAK,aAAA,EAAc,SAAA,EAAW,EAAA,CAAG,mCAAmCS,MAAAA,CAAM,IAAI,CAAA,CAAE,IAAI,GACzF,QAAA,EAAA,cAAA,EACL;AAAA,aAAA,EAER,CAAA;AAAA,YAEC,MAAM,UAAA,IAAc,kBAAA,KAAuB,WAAA,oBACxCV,IAACgB,SAAA,EAAA,EAAM,aAAA,EAAY,MAAA,EAAO,SAAA,EAAW,GAAG,+BAAA,EAAiCN,MAAAA,CAAM,IAAI,CAAA,CAAE,KAAK,CAAA,EAAG,CAAA;AAAA,YAGhG,CAAC,MAAA,IAAU,kBAAA,KAAuB,8BAC/BV,GAAAA,CAAC,gBAAa,IAAA,EAAMU,MAAAA,CAAM,IAAI,CAAA,CAAE,QAAA,EAAU,YAAY,KAAA,CAAM,UAAA,EAAY,YAAY,KAAA,CAAM,UAAA,EAAY,WAAU,SAAA,EAAU;AAAA;AAAA;AAAA;AAElI;AAAA,GAER;AAER,CAAA;AC1GA,IAAM,WAAA,GAAc;AAAA,EAChB,IAAI,EAAE,OAAA,EAAS,QAAQ,IAAA,EAAM,gEAAA,EAAkE,MAAM,SAAA,EAAU;AAAA,EAC/G,IAAI,EAAE,OAAA,EAAS,UAAU,IAAA,EAAM,oCAAA,EAAsC,MAAM,SAAA,EAAU;AAAA,EACrF,IAAI,EAAE,OAAA,EAAS,UAAU,IAAA,EAAM,wCAAA,EAA0C,MAAM,SAAA;AACnF,CAAA;AAEA,IAAM,gBAAA,GAAmB;AAAA,EACrB,EAAA,EAAI,IAAA;AAAA,EACJ,EAAA,EAAI,IAAA;AAAA,EACJ,EAAA,EAAI;AACR,CAAA;AAEA,IAAM,iBAAA,GAAoB;AAAA,EACtB,EAAA,EAAI,UAAA;AAAA,EACJ,EAAA,EAAI,UAAA;AAAA,EACJ,EAAA,EAAI;AACR,CAAA;AAgBA,IAAM,iBAAA,GAAoB,CAAC,EAAE,IAAA,GAAO,MAAM,OAAA,EAAS,WAAA,EAAa,WAAU,KAA8B;AACpG,EAAA,MAAM,OAAA,GAAU,iBAAiB,IAAI,CAAA;AAErC,EAAA,uBACIR,IAAAA,CAAC,KAAA,EAAA,EAAI,WAAW,EAAA,CAAG,iEAAA,EAAmE,SAAS,CAAA,EAC3F,QAAA,EAAA;AAAA,oBAAAF,GAAAA,CAAC,UAAO,IAAA,EAAM,OAAA,EAAS,OAAM,WAAA,EAAY,OAAA,EAAS,SAAS,QAAA,EAAA,OAAA,EAE3D,CAAA;AAAA,oBACAA,IAAC,MAAA,EAAA,EAAO,IAAA,EAAM,SAAS,KAAA,EAAM,WAAA,EAAY,OAAA,EAAS,WAAA,EAAa,QAAA,EAAA,YAAA,EAE/D;AAAA,GAAA,EACJ,CAAA;AAER,CAAA;AAmBA,IAAM,wBAAwB,CAAC;AAAA,EAC3B,KAAA,GAAQ,kBAAA;AAAA,EACR,WAAA,GAAc,qCAAA;AAAA,EACd,aAAA;AAAA,EACA;AACJ,CAAA,qBACIE,IAAAA,CAAC,KAAA,EAAA,EAAI,WAAW,EAAA,CAAG,4CAAA,EAA8C,SAAS,CAAA,EACtE,QAAA,EAAA;AAAA,kBAAAA,IAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kCAAA,EACX,QAAA,EAAA;AAAA,oBAAAF,GAAAA,CAAC,gBAAa,IAAA,EAAMiB,mBAAA,EAAU,MAAK,IAAA,EAAK,KAAA,EAAM,MAAA,EAAO,KAAA,EAAM,QAAA,EAAS,CAAA;AAAA,oBACpEf,IAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wDAAA,EACX,QAAA,EAAA;AAAA,sBAAAF,GAAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,4BAAA,EAA8B,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,sBACjDA,GAAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,iBAAiB,QAAA,EAAA,WAAA,EAAY;AAAA,KAAA,EAC9C;AAAA,GAAA,EACJ,CAAA;AAAA,EACC,aAAA,oBACGA,GAAAA,CAAC,MAAA,EAAA,EAAO,IAAA,EAAK,MAAK,KAAA,EAAM,YAAA,EAAa,OAAA,EAAS,aAAA,EAAe,QAAA,EAAA,cAAA,EAE7D;AAAA,CAAA,EAER,CAAA;AAgDJ,IAAM,kBAAkB,CAAC;AAAA,EACrB,KAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,YAAA;AAAA,EACA,mBAAA;AAAA,EACA,iBAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA,GAAc,QAAA;AAAA,EACd,KAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,qBAAA;AAAA,EACA,gBAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA,GAAa,IAAA;AAAA,EACb,UAAA,GAAa,IAAA;AAAA,EACb,eAAA;AAAA,EACA,qBAAA;AAAA,EACA,sBAAA;AAAA,EACA;AACJ,CAAA,KAAwB;AACpB,EAAA,MAAM,EAAE,QAAA,EAAS,GAAI,UAAU,EAAE,WAAA,EAAa,QAAQ,CAAA;AACtD,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAIW,SAAS,EAAE,CAAA;AAEjD,EAAA,MAAM,UAAA,GAAaO,OAA0B,IAAI,CAAA;AACjD,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAIP,SAAS,EAAE,CAAA;AAEnD,EAAA,MAAM,QAAA,GAAW,YAAY,MAAM;AAC/B,IAAA,IAAI,CAAC,WAAW,OAAA,EAAS;AACzB,IAAA,MAAM,IAAA,GAAO,UAAA,CAAW,OAAA,CAAQ,qBAAA,EAAsB;AACtD,IAAA,eAAA,CAAgB,IAAA,CAAK,QAAQ,IAAI,CAAA;AAAA,EACrC,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,aAAA,GAAgB,wBAAwB,GAAA,GAAM,YAAA,CAAa,OAAO,YAAA,KAAiB,KAAA,GAAS,KAAA,EAAO,MAAA,IAAU,CAAA,GAAK,CAAA;AACxH,EAAA,MAAM,eAAe,aAAA,GAAgB,CAAA;AAErC,EAAA,MAAM,iBAAA,GAAoB,YAAY,MAAM;AACxC,IAAA,cAAA,CAAe,EAAE,CAAA;AAAA,EACrB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,uBACIX,GAAAA,CAAC,aAAA,CAAc,QAAA,EAAd,EAAuB,OAAO,EAAE,IAAA,EAAK,EAClC,QAAA,kBAAAE,KAAC,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,uBAAA,EAAyB,SAAS,CAAA,EAChD,QAAA,EAAA;AAAA,IAAA,KAAA,oBACGF,IAAC,KAAA,EAAA,EAAM,UAAA,EAAY,wBAAwB,KAAA,GAAQ,UAAA,EAAY,SAAA,EAAsB,OAAA,EAChF,QAAA,EAAA,KAAA,EACL,CAAA;AAAA,oBAGJE,KAACiB,aAAA,EAAA,EACG,QAAA,EAAA;AAAA,sBAAAnB,GAAAA;AAAA,QAACD,QAAAA;AAAA,QAAA;AAAA,UACG,GAAA,EAAK,UAAA;AAAA,UACL,UAAA;AAAA,UACA,OAAA,EAAS,QAAA;AAAA,UACT,SAAA,EAAW,CAAC,KAAA,KACR,EAAA;AAAA,YACI,kMAAA;AAAA,YACA,CAAC,SAAA,KAAc,KAAA,CAAM,cAAA,IAAkB,MAAM,SAAA,CAAA,IAAc,oBAAA;AAAA,YAC3D,aAAa,CAAC,KAAA,CAAM,cAAA,IAAkB,CAAC,MAAM,SAAA,IAAa,qBAAA;AAAA,YAC1D,SAAA,KAAc,KAAA,CAAM,cAAA,IAAkB,KAAA,CAAM,SAAA,CAAA,IAAc,yBAAA;AAAA,YAC1D,MAAM,UAAA,IAAc;AAAA,WACxB;AAAA,UAGJ,QAAA,kBAAAG,IAAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACG,SAAA,EAAW,EAAA;AAAA,gBACP,6CAAA;AAAA,gBACAQ,MAAAA,CAAM,IAAI,CAAA,CAAE,IAAA;AAAA,gBACZ;AAAA,eACJ;AAAA,cAEC,QAAA,EAAA;AAAA,gBAAA,YAAA,mBACGR,IAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,qBAAqBQ,MAAAA,CAAM,IAAI,CAAA,CAAE,aAAa,CAAA,EAC9D,QAAA,EAAA;AAAA,kCAAAV,IAAC,MAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,0BAAA,EAA4BU,OAAM,IAAI,CAAA,CAAE,IAAI,CAAA,EAC3D,mCAAyB,sBAAA,CAAuB,aAAa,CAAA,GAAI,CAAA,EAAG,aAAa,CAAA,SAAA,CAAA,EACtF,CAAA;AAAA,kBACC,cAAA,oBAAkBV,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,eAAA,EAAiBU,MAAAA,CAAM,IAAI,CAAA,CAAE,IAAI,CAAA,EAAI,QAAA,EAAA,cAAA,EAAe;AAAA,iBAAA,EAC/F,CAAA,mBAEAV,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,kBAAA,EAAoBU,MAAAA,CAAM,IAAI,CAAA,CAAE,IAAI,CAAA,EAAI,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,gCAG5EV,GAAAA;AAAA,kBAACoB,aAAA;AAAA,kBAAA;AAAA,oBACG,aAAA,EAAY,MAAA;AAAA,oBACZ,WAAW,EAAA,CAAG,qCAAA,EAAuC,IAAA,KAAS,IAAA,GAAO,WAAW,wBAAwB;AAAA;AAAA;AAC5G;AAAA;AAAA;AACJ;AAAA,OACJ;AAAA,sBAEApB,GAAAA;AAAA,QAACqB,OAAA;AAAA,QAAA;AAAA,UACG,SAAA,EAAU,QAAA;AAAA,UACV,MAAA,EAAQ,CAAA;AAAA,UACR,gBAAA,EAAkB,CAAA;AAAA,UAClB,KAAA,EAAO,EAAE,KAAA,EAAO,YAAA,IAAgB,MAAA,EAAU;AAAA,UAC1C,SAAA,EAAW,CAAC,KAAA,KACR,EAAA;AAAA,YACI,oKAAA;AAAA,YACA,MAAM,UAAA,IACF,wHAAA;AAAA,YACJ,MAAM,SAAA,IACF,uHAAA;AAAA,YACJ;AAAA,WACJ;AAAA,UAGJ,QAAA,kBAAAnB,IAAAA,CAACoB,MAAA,EAAA,EAAW,SAAA,EAAU,gBAAA,EAClB,QAAA,EAAA;AAAA,4BAAApB,KAACqB,YAAA,EAAA,EAAiB,MAAA,EAAQ,UAAU,UAAA,EAAY,WAAA,EAAa,eAAe,cAAA,EACvE,QAAA,EAAA;AAAA,cAAA,UAAA,oBACGvB,GAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,GAAG,2BAAA,EAA6B,WAAA,CAAY,IAAI,CAAA,CAAE,OAAO,CAAA,EACrE,QAAA,kBAAAA,GAAAA,CAACwB,eAAgB,YAAA,EAAW,QAAA,EAAS,KAAA,EAAO,WAAA,EAAa,QAAA,EAAU,cAAA,EAAgB,SAAA,EAAS,IAAA,EACxF,0BAAAtB,IAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,mBAAA,EAAqB,WAAA,CAAY,IAAI,CAAA,CAAE,IAAI,CAAA,EAC1D,QAAA,EAAA;AAAA,gCAAAF,IAACiB,mBAAA,EAAA,EAAS,WAAA,EAAS,MAAC,aAAA,EAAY,MAAA,EAAO,WAAU,6BAAA,EAA8B,CAAA;AAAA,gCAC/EjB,GAAAA;AAAA,kBAACyB,KAAAA;AAAA,kBAAA;AAAA,oBACG,WAAA,EAAY,QAAA;AAAA,oBACZ,SAAA,EAAW,EAAA;AAAA,sBACP,qHAAA;AAAA,sBACA,WAAA,CAAY,IAAI,CAAA,CAAE;AAAA;AACtB;AAAA;AACJ,eAAA,EACJ,GACJ,CAAA,EACJ,CAAA;AAAA,8BAGJzB,GAAAA;AAAA,gBAAC0B,OAAA;AAAA,gBAAA;AAAA,kBACG,cAAY,KAAA,IAAS,SAAA;AAAA,kBACrB,KAAA;AAAA,kBACA,aAAA,EAAc,UAAA;AAAA,kBACd,YAAA;AAAA,kBACA,mBAAA;AAAA,kBACA,iBAAA;AAAA,kBACA,gBAAA,EAAkB,sBACd1B,GAAAA;AAAA,oBAAC,qBAAA;AAAA,oBAAA;AAAA,sBACG,KAAA,EAAO,eAAA;AAAA,sBACP,WAAA,EAAa,qBAAA;AAAA,sBACb,aAAA,EAAe,cAAc,iBAAA,GAAoB;AAAA;AAAA,mBACrD;AAAA,kBAEJ,SAAA,EAAW,EAAA,CAAG,qCAAA,EAAuC,iBAAA,CAAkB,IAAI,CAAC,CAAA;AAAA,kBAE3E;AAAA;AAAA;AACL,aAAA,EACJ,CAAA;AAAA,YAEC,8BAAcA,GAAAA,CAAC,iBAAA,EAAA,EAAkB,IAAA,EAAY,SAAkB,WAAA,EAA0B;AAAA,WAAA,EAC9F;AAAA;AAAA;AACJ,KAAA,EACJ,CAAA;AAAA,IAEC,IAAA,oBACGA,GAAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAsB,SAAA,EAAW,EAAA,CAAG,IAAA,KAAS,IAAA,IAAQ,SAAS,CAAA,EACnE,QAAA,EAAA,IAAA,EACL;AAAA,GAAA,EAER,CAAA,EACJ,CAAA;AAER,CAAA;AAEA,IAAM,WAAA,GAAc;AAMpB,WAAA,CAAY,IAAA,GAAO,UAAA;AACnB,WAAA,CAAY,MAAA,GAAS,iBAAA;AACrB,WAAA,CAAY,UAAA,GAAa,qBAAA","file":"multi-select.js","sourcesContent":["import { extendTailwindMerge } from \"tailwind-merge\";\n\nconst twMerge = extendTailwindMerge({\n    extend: {\n        theme: {\n            text: [\"display-xs\", \"display-sm\", \"display-md\", \"display-lg\", \"display-xl\", \"display-2xl\"],\n        },\n    },\n});\n\n/**\n * This function is a wrapper around the twMerge function.\n * It is used to merge the classes inside style objects.\n */\nexport const cx = twMerge;\n\n/**\n * This function does nothing besides helping us to be able to\n * sort the classes inside style objects which is not supported\n * by the Tailwind IntelliSense by default.\n */\nexport function sortCx<T extends Record<string, string | number | Record<string, string | number | Record<string, string | number>>>>(classes: T): T {\n    return classes;\n}\n","/* We cannot use type `unknown` instead of `any` here because it will break the type assertion `isReactComponent` function is providing. */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type React from \"react\";\n\ntype ReactComponent = React.FC<any> | React.ComponentClass<any, any>;\n\n/**\n * Checks if a given value is a function component.\n */\nexport const isFunctionComponent = (component: any): component is React.FC<any> => {\n    return typeof component === \"function\";\n};\n\n/**\n * Checks if a given value is a class component.\n */\nexport const isClassComponent = (component: any): component is React.ComponentClass<any, any> => {\n    return typeof component === \"function\" && component.prototype && (!!component.prototype.isReactComponent || !!component.prototype.render);\n};\n\n/**\n * Checks if a given value is a forward ref component.\n */\nexport const isForwardRefComponent = (component: any): component is React.ForwardRefExoticComponent<any> => {\n    return typeof component === \"object\" && component !== null && component.$$typeof.toString() === \"Symbol(react.forward_ref)\";\n};\n\n/**\n * Checks if a given value is a valid React component.\n */\nexport const isReactComponent = (component: any): component is ReactComponent => {\n    return isFunctionComponent(component) || isForwardRefComponent(component) || isClassComponent(component);\n};\n","\"use client\";\n\nimport type { FC, ReactElement, ReactNode } from \"react\";\nimport React, { isValidElement } from \"react\";\nimport type { ButtonProps as AriaButtonProps, LinkProps as AriaLinkProps } from \"react-aria-components\";\nimport { Button as AriaButton, Link as AriaLink } from \"react-aria-components\";\nimport { cx, sortCx } from \"@/utils/cx\";\nimport { isReactComponent } from \"@/utils/is-react-component\";\n\n/**\n * Figma: Buttons/Button (3287:427074), Buttons/Button destructive (6218:85578)\n *\n * Hierarchy mapping (Figma → Untitled `color` prop):\n * - Primary  → `primary`  (dark neutral solid — default CTA, black in light mode)\n * - Brand    → `brand`    (purple solid)\n * - Secondary / Tertiary / Link color / Link gray → same names\n *\n * Focus: Figma spread-shadow ring (2px surface gap + 4px focus-ring), not outline.\n * Skeuomorphic: shadow-xs-skeuomorphic + gradient top rim (#ffffff1f).\n */\n\n/** Plain focus — Tertiary, Link color, Link gray (Figma Focus rings/focus-ring). */\nconst focusShadowPlain =\n    \"focus-visible:outline-none focus-visible:[box-shadow:0px_0px_0px_2px_var(--color-bg-primary),0px_0px_0px_4px_var(--color-focus-ring)]\";\n\n/** Skeuomorphic focus — Primary, Brand, Secondary (Figma focus-ring-shadow-xs-skeuomorphic). */\nconst focusShadowSkeuomorphic =\n    \"focus-visible:outline-none focus-visible:[box-shadow:var(--shadow-xs-skeuomorphic),0px_0px_0px_2px_var(--color-bg-primary),0px_0px_0px_4px_var(--color-focus-ring)]\";\n\n/** Figma Gradient/skeuemorphic-gradient-border — 1px inner rim, strongest at top. */\nconst skeuomorphicGradientBorderClass = [\n    \"ring-1 ring-inset ring-transparent\",\n    \"before:pointer-events-none before:absolute before:inset-px before:rounded-[inherit] before:border before:border-[#ffffff1f] before:content-['']\",\n    \"before:[mask-image:linear-gradient(to_bottom,#000,transparent)]\",\n].join(\" \");\n\nconst skeuomorphicShadowClass = [\"shadow-xs-skeuomorphic\", focusShadowSkeuomorphic, \"overflow-hidden\"].join(\" \");\n\n/** Secondary focus — shadow-xs + spread focus ring (Figma focus-ring-shadow-xs-skeuomorphic; keeps real border). */\nconst focusShadowSecondary =\n    \"focus-visible:outline-none focus-visible:[box-shadow:0px_1px_2px_0px_rgba(0,0,0,0.05),0px_0px_0px_2px_var(--color-bg-primary),0px_0px_0px_4px_var(--color-focus-ring)]\";\n\n/** Secondary depth — bottom inset only; outer edge is border-primary (inner 1px rim stacks visually with border). */\nconst secondaryInnerShadow =\n    \"after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] after:content-[''] after:[box-shadow:inset_0px_-1px_0px_0px_rgba(0,0,0,0.05)]\";\n\nconst secondaryShadowClass = [\"relative overflow-hidden shadow-xs\", secondaryInnerShadow, focusShadowSecondary].join(\" \");\n\n/** Number input stepper buttons — shell owns border/focus; match outer rounded-lg corners. */\nconst inputNumberButtonClass =\n    [\n        \"in-data-number-input:border-0 in-data-number-input:shadow-none in-data-number-input:!rounded-none in-data-number-input:!h-full in-data-number-input:!min-h-0 in-data-number-input:self-stretch in-data-number-input:overflow-hidden\",\n        \"in-data-number-input:before:hidden in-data-number-input:after:hidden\",\n        \"in-data-number-input:focus-visible:outline-none in-data-number-input:focus-visible:shadow-none in-data-number-input:focus-visible:ring-0 in-data-number-input:focus-visible:![box-shadow:none]\",\n    ].join(\" \");\n\n/** InputGroup addon buttons — shell owns outer border/corners; button is a flat inner segment (like NativeSelect). */\nconst inputAddonButtonClass =\n    [\n        \"in-data-input-wrapper:border-0 in-data-input-wrapper:shadow-none in-data-input-wrapper:!rounded-none in-data-input-wrapper:overflow-hidden\",\n        \"in-data-input-wrapper:in-data-trailing:border-l in-data-input-wrapper:in-data-trailing:border-solid in-data-input-wrapper:in-data-trailing:border-primary\",\n        \"in-data-input-wrapper:in-data-leading:border-r in-data-input-wrapper:in-data-leading:border-solid in-data-input-wrapper:in-data-leading:border-primary\",\n        \"in-data-input-wrapper:group-invalid:in-data-trailing:border-error_subtle in-data-input-wrapper:group-invalid:in-data-leading:border-error_subtle\",\n        \"in-data-input-wrapper:before:hidden in-data-input-wrapper:after:hidden\",\n        \"in-data-input-wrapper:focus-visible:outline-none in-data-input-wrapper:focus-visible:shadow-none in-data-input-wrapper:focus-visible:ring-0 in-data-input-wrapper:focus-visible:![box-shadow:none]\",\n    ].join(\" \");\n\nconst styles = sortCx({\n    common: {\n        root: [\n            \"group relative inline-flex shrink-0 cursor-pointer items-center justify-center whitespace-nowrap rounded-full font-body outline-none before:absolute\",\n            \"font-semibold transition-[color,background-color,border-color,box-shadow,opacity,transform] duration-150 ease-out\",\n            \"pressed:scale-[0.985] pressed:duration-100 pressed:ease-linear motion-reduce:pressed:scale-100\",\n            \"disabled:pointer-events-none disabled:cursor-not-allowed in-data-input-wrapper:disabled:opacity-100\",\n            inputAddonButtonClass,\n            inputNumberButtonClass,\n            // Stretch to InputGroup row height; padding/typography follow `data-input-size` on the field (Figma 85:1269).\n            \"in-data-input-wrapper:!h-full in-data-input-wrapper:!min-h-0 in-data-input-wrapper:self-stretch\",\n            \"in-data-input-wrapper:in-data-[input-size=sm]:gap-1 in-data-input-wrapper:in-data-[input-size=sm]:px-3 in-data-input-wrapper:in-data-[input-size=sm]:py-2 in-data-input-wrapper:in-data-[input-size=sm]:text-sm\",\n            \"in-data-input-wrapper:in-data-[input-size=md]:gap-1 in-data-input-wrapper:in-data-[input-size=md]:px-3.5 in-data-input-wrapper:in-data-[input-size=md]:py-2.5 in-data-input-wrapper:in-data-[input-size=md]:text-sm\",\n            \"in-data-input-wrapper:in-data-[input-size=lg]:gap-1.5 in-data-input-wrapper:in-data-[input-size=lg]:px-4 in-data-input-wrapper:in-data-[input-size=lg]:py-2.5 in-data-input-wrapper:in-data-[input-size=lg]:text-md\",\n            \"*:data-icon:pointer-events-none *:data-icon:shrink-0 *:data-icon:transition-inherit-all\",\n        ].join(\" \"),\n        icon: \"pointer-events-none shrink-0 transition-inherit-all\",\n    },\n    sizes: {\n        xs: {\n            root: [\n                \"h-8 min-h-8 gap-1 px-[0.625rem] py-1.5 text-sm data-icon-only:size-8 data-icon-only:min-h-8 data-icon-only:min-w-8 data-icon-only:p-2\",\n                \"in-data-input-wrapper:data-icon-only:p-2.5\",\n                \"*:data-icon:size-4\",\n            ].join(\" \"),\n            linkRoot: \"h-auto min-h-0 gap-1 px-0! py-0! text-sm *:data-text:underline-offset-3\",\n        },\n        sm: {\n            root: [\n                \"h-9 min-h-9 gap-1 px-3 py-2 text-sm data-icon-only:size-9 data-icon-only:min-h-9 data-icon-only:min-w-9 data-icon-only:p-2\",\n                \"in-data-input-wrapper:data-icon-only:p-2.5\",\n                \"*:data-icon:size-5\",\n            ].join(\" \"),\n            linkRoot: \"h-auto min-h-0 gap-1 px-0! py-0! text-sm *:data-text:underline-offset-3\",\n        },\n        md: {\n            root: [\n                \"h-10 min-h-10 gap-1 px-3.5 py-2.5 text-sm data-icon-only:size-10 data-icon-only:min-h-10 data-icon-only:min-w-10 data-icon-only:p-2.5\",\n                \"in-data-input-wrapper:data-icon-only:p-3\",\n                \"*:data-icon:size-5\",\n            ].join(\" \"),\n            linkRoot: \"h-auto min-h-0 gap-1 px-0! py-0! text-sm *:data-text:underline-offset-4\",\n        },\n        lg: {\n            root: \"h-11 min-h-11 gap-1.5 px-4 py-2.5 text-md data-icon-only:size-11 data-icon-only:min-h-11 data-icon-only:min-w-11 data-icon-only:p-3 *:data-icon:size-5\",\n            linkRoot: \"h-auto min-h-0 gap-1.5 px-0! py-0! text-md *:data-text:underline-offset-4\",\n        },\n        xl: {\n            root: \"h-12 min-h-12 gap-1.5 px-[1.125rem] py-3 text-md data-icon-only:size-12 data-icon-only:min-h-12 data-icon-only:min-w-12 data-icon-only:p-3 data-icon-only:*:data-icon:size-6 *:data-icon:size-5\",\n            linkRoot: \"h-auto min-h-0 gap-1.5 px-0! py-0! text-md *:data-text:underline-offset-4\",\n        },\n    },\n\n    colors: {\n        /** Figma Hierarchy=Primary — dark neutral solid; hover lightens to fg-tertiary_hover (#404040). */\n        primary: {\n            root: [\n                \"bg-primary-solid text-white\",\n                skeuomorphicShadowClass,\n                skeuomorphicGradientBorderClass,\n                \"hover:bg-fg-tertiary_hover dark:hover:bg-quaternary\",\n                \"disabled:opacity-30\",\n                \"data-loading:bg-fg-tertiary_hover dark:data-loading:bg-quaternary\",\n                \"*:data-icon:not([data-icon=loading]):text-white/70\",\n            ].join(\" \"),\n        },\n        /** Figma Hierarchy=Brand — purple solid; hover darkens to bg-brand-solid_hover (#6d28d9). */\n        brand: {\n            root: [\n                \"bg-brand-solid text-primary_on-brand\",\n                skeuomorphicShadowClass,\n                skeuomorphicGradientBorderClass,\n                \"hover:bg-brand-solid_hover\",\n                \"disabled:opacity-50\",\n                \"data-loading:bg-brand-solid_hover\",\n                \"*:data-icon:not([data-icon=loading]):text-primary_on-brand\",\n            ].join(\" \"),\n        },\n        /** Figma Hierarchy=Secondary — border-primary + shadow-xs + skeuomorphic inner rim overlay. */\n        secondary: {\n            root: [\n                \"border border-solid border-primary bg-primary text-secondary\",\n                secondaryShadowClass,\n                \"hover:bg-primary_hover hover:text-secondary_hover\",\n                \"disabled:opacity-50\",\n                \"data-loading:bg-primary_hover\",\n                \"*:data-icon:text-fg-secondary hover:*:data-icon:text-fg-quaternary_hover\",\n            ].join(\" \"),\n        },\n        /** Figma Hierarchy=Tertiary */\n        tertiary: {\n            root: [\n                \"border border-transparent bg-transparent text-tertiary\",\n                focusShadowPlain,\n                \"hover:bg-primary_hover hover:text-tertiary_hover\",\n                \"disabled:opacity-50\",\n                \"*:data-icon:text-fg-tertiary hover:*:data-icon:text-fg-quaternary_hover\",\n            ].join(\" \"),\n        },\n        /** Figma Hierarchy=Link color — text + icons share brand-secondary; hover underlines with fg-brand-secondary. */\n        \"link-color\": {\n            root: [\n                \"h-auto min-h-0 border-0 bg-transparent px-0! py-0! text-brand-secondary shadow-none\",\n                focusShadowPlain,\n                \"hover:text-brand-secondary_hover\",\n                \"disabled:opacity-50\",\n                \"*:data-text:underline *:data-text:decoration-transparent *:data-text:decoration-solid hover:*:data-text:decoration-fg-brand-secondary\",\n            ].join(\" \"),\n        },\n        /** Figma Hierarchy=Link gray — text + icons share tertiary; hover underlines with fg-quaternary. */\n        \"link-gray\": {\n            root: [\n                \"h-auto min-h-0 border-0 bg-transparent px-0! py-0! text-tertiary shadow-none\",\n                focusShadowPlain,\n                \"hover:text-tertiary_hover\",\n                \"disabled:opacity-50\",\n                \"*:data-text:underline *:data-text:decoration-transparent *:data-text:decoration-solid hover:*:data-text:decoration-fg-quaternary\",\n            ].join(\" \"),\n        },\n        \"primary-destructive\": {\n            root: [\n                \"bg-error-solid text-white\",\n                skeuomorphicShadowClass,\n                skeuomorphicGradientBorderClass,\n                \"hover:bg-error-solid_hover\",\n                \"disabled:opacity-50\",\n                \"data-loading:bg-error-solid_hover\",\n                \"*:data-icon:not([data-icon=loading]):text-white/70\",\n            ].join(\" \"),\n        },\n        \"secondary-destructive\": {\n            root: [\n                \"border border-solid border-primary bg-primary text-error-primary\",\n                secondaryShadowClass,\n                \"hover:bg-error-primary hover:text-error-primary_hover\",\n                \"disabled:opacity-50\",\n                \"data-loading:bg-error-primary\",\n                \"*:data-icon:text-fg-error-secondary hover:*:data-icon:text-fg-error-primary\",\n            ].join(\" \"),\n        },\n        \"tertiary-destructive\": {\n            root: [\n                \"border border-transparent bg-transparent text-error-primary\",\n                focusShadowPlain,\n                \"hover:bg-error-primary hover:text-error-primary_hover\",\n                \"disabled:opacity-50\",\n                \"*:data-icon:text-fg-error-secondary hover:*:data-icon:text-fg-error-primary\",\n            ].join(\" \"),\n        },\n        /** Figma Hierarchy=Link (destructive) — text + icons share error-primary; hover underlines. */\n        \"link-destructive\": {\n            root: [\n                \"h-auto min-h-0 border-0 bg-transparent px-0! py-0! text-error-primary shadow-none\",\n                focusShadowPlain,\n                \"hover:text-error-primary_hover\",\n                \"disabled:opacity-50\",\n                \"*:data-text:underline *:data-text:decoration-transparent *:data-text:decoration-solid hover:*:data-text:decoration-current\",\n            ].join(\" \"),\n        },\n    },\n});\n\n/**\n * Common props shared between button and anchor variants\n */\nexport interface CommonProps {\n    /** Disables the button and shows a disabled state */\n    isDisabled?: boolean;\n    /** Shows a loading spinner and disables the button */\n    isLoading?: boolean;\n    /** The size variant of the button */\n    size?: keyof typeof styles.sizes;\n    /** The color variant of the button */\n    color?: keyof typeof styles.colors;\n    /** Icon component or element to show before the text */\n    iconLeading?: FC<{ className?: string }> | ReactNode;\n    /** Icon component or element to show after the text */\n    iconTrailing?: FC<{ className?: string }> | ReactNode;\n    /** Removes horizontal padding from the text content */\n    noTextPadding?: boolean;\n    /** When true, keeps the text visible during loading state */\n    showTextWhileLoading?: boolean;\n\n    children?: ReactNode;\n    className?: string;\n}\n\n/**\n * Props for the button variant (non-link)\n */\nexport interface ButtonProps extends CommonProps, Omit<AriaButtonProps, \"children\" | \"className\"> {}\n/**\n * Props for the link variant (anchor tag)\n */\ninterface LinkProps extends CommonProps, Omit<AriaLinkProps, \"children\" | \"className\"> {\n    href: NonNullable<AriaLinkProps[\"href\"]>;\n}\n\n/** Union type of button and link props */\nexport type Props = ButtonProps | LinkProps;\n\nexport const Button: {\n    (props: LinkProps): ReactElement<LinkProps>;\n    (props: ButtonProps): ReactElement<ButtonProps>;\n} = ({\n    size = \"md\",\n    color = \"primary\",\n    children,\n    className,\n    noTextPadding,\n    iconLeading: IconLeading,\n    iconTrailing: IconTrailing,\n    isDisabled: disabled,\n    isLoading: loading,\n    showTextWhileLoading,\n    ...props\n}) => {\n    const href = \"href\" in props ? props.href : undefined;\n\n    const isIcon = (IconLeading || IconTrailing) && !children;\n    const isLinkType = [\"link-gray\", \"link-color\", \"link-destructive\"].includes(color);\n\n    noTextPadding = isLinkType || noTextPadding;\n\n    const commonChildren = (\n        <>\n            {isValidElement(IconLeading) && IconLeading}\n            {isReactComponent(IconLeading) && <IconLeading data-icon=\"leading\" className={styles.common.icon} />}\n\n            {loading && (\n                <svg\n                    fill=\"none\"\n                    data-icon=\"loading\"\n                    viewBox=\"0 0 256 256\"\n                    aria-hidden\n                    className={cx(\n                        styles.common.icon,\n                        \"size-5 animate-spin\",\n                        !showTextWhileLoading && \"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2\",\n                    )}\n                >\n                    <path\n                        fill=\"currentColor\"\n                        d=\"M232,128a104,104,0,0,1-208,0c0-41,23.81-78.36,60.66-95.27a8,8,0,0,1,6.68,14.54C60,61.46,40,93.27,40,128a88,88,0,0,0,176,0c0-34.73-20-66.54-51.34-80.73a8,8,0,0,1,6.68-14.54C208.19,49.64,232,87,232,128Z\"\n                    />\n                </svg>\n            )}\n\n            {children && (\n                <span data-text className={cx(\"transition-inherit-all\", !noTextPadding && !isLinkType && \"px-0.5\")}>\n                    {children}\n                </span>\n            )}\n\n            {isValidElement(IconTrailing) && IconTrailing}\n            {isReactComponent(IconTrailing) && <IconTrailing data-icon=\"trailing\" className={styles.common.icon} />}\n        </>\n    );\n\n    const commonProps = {\n        \"data-icon-only\": isIcon ? true : undefined,\n        \"data-loading\": loading ? true : undefined,\n        ...props,\n        isDisabled: disabled || loading,\n        className: cx(\n            styles.common.root,\n            styles.sizes[size].root,\n            styles.colors[color].root,\n            isLinkType && styles.sizes[size].linkRoot,\n            (loading || (href && (disabled || loading))) && \"pointer-events-none\",\n            loading && (showTextWhileLoading ? \"[&>*:not([data-icon=loading]):not([data-text])]:hidden\" : \"[&>*:not([data-icon=loading])]:invisible\"),\n            className,\n        ),\n        children: commonChildren,\n    };\n\n    if (\"href\" in commonProps) {\n        return <AriaLink {...commonProps} href={disabled || loading ? undefined : href} />;\n    }\n\n    return <AriaButton {...commonProps} type={commonProps.type || \"button\"} isPending={loading} />;\n};\n","\"use client\";\n\nimport type { ReactNode, Ref } from \"react\";\nimport type { TextProps as AriaTextProps } from \"react-aria-components\";\nimport { Text as AriaText } from \"react-aria-components\";\nimport { cx } from \"@/utils/cx\";\n\ninterface HintTextProps extends AriaTextProps {\n    /** Indicates that the hint text is an error message. */\n    isInvalid?: boolean;\n    ref?: Ref<HTMLElement>;\n    size?: \"sm\" | \"md\";\n    children: ReactNode;\n}\n\nexport const HintText = ({ isInvalid, className, size = \"md\", ...props }: HintTextProps) => {\n    return (\n        <AriaText\n            {...props}\n            slot={isInvalid ? \"errorMessage\" : \"description\"}\n            className={cx(\n                \"text-sm text-tertiary\",\n\n                // Size\n                size === \"sm\" && \"text-xs\",\n                \"in-data-[input-size=sm]:text-xs\",\n\n                // Invalid state\n                isInvalid && \"text-error-primary\",\n                \"group-invalid:text-error-primary\",\n\n                className,\n            )}\n        />\n    );\n};\n\nHintText.displayName = \"HintText\";\n","\"use client\";\n\n/** Figma: Tooltip (1052:485) */\n\nimport type { ReactNode } from \"react\";\nimport type {\n    ButtonProps as AriaButtonProps,\n    TooltipProps as AriaTooltipProps,\n    TooltipTriggerComponentProps as AriaTooltipTriggerComponentProps,\n} from \"react-aria-components\";\nimport { Button as AriaButton, OverlayArrow as AriaOverlayArrow, Tooltip as AriaTooltip, TooltipTrigger as AriaTooltipTrigger } from \"react-aria-components\";\nimport { cx } from \"@/utils/cx\";\n\ninterface TooltipProps extends AriaTooltipTriggerComponentProps, Omit<AriaTooltipProps, \"children\"> {\n    /**\n     * The title of the tooltip.\n     */\n    title: ReactNode;\n    /**\n     * The description of the tooltip.\n     */\n    description?: ReactNode;\n    /**\n     * Whether to show the arrow on the tooltip.\n     *\n     * @default false\n     */\n    arrow?: boolean;\n    /**\n     * Delay in milliseconds before the tooltip is shown on first hover.\n     *\n     * @default 100\n     */\n    delay?: number;\n}\n\nexport const Tooltip = ({\n    title,\n    description,\n    children,\n    arrow = false,\n    delay = 100,\n    closeDelay = 0,\n    trigger,\n    isDisabled,\n    isOpen,\n    defaultOpen,\n    offset = 6,\n    crossOffset,\n    placement = \"top\",\n    onOpenChange,\n    ...tooltipProps\n}: TooltipProps) => {\n    const isTopOrBottomLeft = [\"top left\", \"top end\", \"bottom left\", \"bottom end\"].includes(placement);\n    const isTopOrBottomRight = [\"top right\", \"top start\", \"bottom right\", \"bottom start\"].includes(placement);\n    // Set negative cross offset for left and right placement to visually balance the tooltip.\n    const calculatedCrossOffset = isTopOrBottomLeft ? -12 : isTopOrBottomRight ? 12 : 0;\n\n    return (\n        <AriaTooltipTrigger {...{ trigger, delay, closeDelay, isDisabled, isOpen, defaultOpen, onOpenChange }}>\n            {children}\n\n            <AriaTooltip\n                {...tooltipProps}\n                offset={offset}\n                placement={placement}\n                crossOffset={crossOffset ?? calculatedCrossOffset}\n                className={({ isEntering, isExiting }) => cx(isEntering && \"ease-out animate-in\", isExiting && \"ease-in animate-out\")}\n            >\n                {({ isEntering, isExiting }) => (\n                    <div\n                        className={cx(\n                            \"z-50 flex max-w-xs origin-(--trigger-anchor-point) flex-col items-start gap-1 rounded-lg bg-primary-solid px-3 shadow-lg will-change-transform\",\n                            description ? \"py-3\" : \"py-2\",\n\n                            isEntering &&\n                                \"ease-out animate-in fade-in zoom-in-95 in-placement-left:slide-in-from-right-0.5 in-placement-right:slide-in-from-left-0.5 in-placement-top:slide-in-from-bottom-0.5 in-placement-bottom:slide-in-from-top-0.5\",\n                            isExiting &&\n                                \"ease-in animate-out fade-out zoom-out-95 in-placement-left:slide-out-to-right-0.5 in-placement-right:slide-out-to-left-0.5 in-placement-top:slide-out-to-bottom-0.5 in-placement-bottom:slide-out-to-top-0.5\",\n                        )}\n                    >\n                        <span className=\"text-xs font-semibold text-white\">{title}</span>\n\n                        {description && <span className=\"text-xs font-medium text-tooltip-supporting-text\">{description}</span>}\n\n                        {arrow && (\n                            <AriaOverlayArrow>\n                                <svg\n                                    viewBox=\"0 0 100 100\"\n                                    className=\"size-2.5 fill-bg-primary-solid in-placement-left:-rotate-90 in-placement-right:rotate-90 in-placement-top:rotate-0 in-placement-bottom:rotate-180\"\n                                >\n                                    <path d=\"M0,0 L35.858,35.858 Q50,50 64.142,35.858 L100,0 Z\" />\n                                </svg>\n                            </AriaOverlayArrow>\n                        )}\n                    </div>\n                )}\n            </AriaTooltip>\n        </AriaTooltipTrigger>\n    );\n};\n\ninterface TooltipTriggerProps extends AriaButtonProps {}\n\nexport const TooltipTrigger = ({ children, className, ...buttonProps }: TooltipTriggerProps) => {\n    return (\n        <AriaButton {...buttonProps} className={(values) => cx(\"h-max w-max outline-hidden\", typeof className === \"function\" ? className(values) : className)}>\n            {children}\n        </AriaButton>\n    );\n};\n","\"use client\";\n\nimport type { ReactNode, Ref } from \"react\";\nimport { QuestionIcon as HelpCircle } from \"@phosphor-icons/react/dist/csr/Question\";\nimport type { LabelProps as AriaLabelProps } from \"react-aria-components\";\nimport { Label as AriaLabel } from \"react-aria-components\";\nimport { Tooltip, TooltipTrigger } from \"@/components/base/tooltip/tooltip\";\nimport { cx } from \"@/utils/cx\";\n\ninterface LabelProps extends AriaLabelProps {\n    children: ReactNode;\n    isInvalid?: boolean;\n    isRequired?: boolean;\n    tooltip?: string;\n    tooltipDescription?: string;\n    ref?: Ref<HTMLLabelElement>;\n}\n\nexport const Label = ({ isInvalid, isRequired, tooltip, tooltipDescription, className, ...props }: LabelProps) => {\n    return (\n        <AriaLabel\n            // Used for conditionally hiding/showing the label element via CSS:\n            // <Input label=\"Visible only on mobile\" className=\"lg:**:data-label:hidden\" />\n            // or\n            // <Input label=\"Visible only on mobile\" className=\"lg:label:hidden\" />\n            data-label=\"true\"\n            {...props}\n            className={cx(\"flex cursor-default items-center gap-0.5 text-sm font-medium text-secondary\", className)}\n        >\n            {props.children}\n\n            <span\n                className={cx(\n                    \"hidden text-brand-tertiary\",\n                    isRequired && \"block\",\n                    typeof isRequired === \"undefined\" && \"group-required:block\",\n\n                    isInvalid && \"text-error-primary\",\n                    typeof isInvalid === \"undefined\" && \"group-invalid:text-error-primary\",\n                )}\n            >\n                *\n            </span>\n\n            {tooltip && (\n                <Tooltip title={tooltip} description={tooltipDescription} placement=\"top\">\n                    <TooltipTrigger\n                        // `TooltipTrigger` inherits the disabled state from the parent form field\n                        // but we don't that. We want the tooltip be enabled even if the parent\n                        // field is disabled.\n                        isDisabled={false}\n                        className=\"cursor-pointer text-fg-quaternary transition duration-200 hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover\"\n                    >\n                        <HelpCircle className=\"size-4\" />\n                    </TooltipTrigger>\n                </Tooltip>\n            )}\n        </AriaLabel>\n    );\n};\n\nLabel.displayName = \"Label\";\n","import type { FC, ReactNode, Ref } from \"react\";\nimport { isValidElement } from \"react\";\nimport { cx, sortCx } from \"@/utils/cx\";\nimport { isReactComponent } from \"@/utils/is-react-component\";\n\nconst iconsSizes = {\n    sm: \"*:data-icon:size-4 *:data-icon:stroke-[2.25px]\",\n    md: \"*:data-icon:size-5\",\n    lg: \"*:data-icon:size-6\",\n    xl: \"*:data-icon:size-7\",\n};\n\nconst styles = sortCx({\n    light: {\n        base: \"rounded-full\",\n        sizes: {\n            sm: \"size-8\",\n            md: \"size-10\",\n            lg: \"size-12\",\n            xl: \"size-14\",\n        },\n        colors: {\n            brand: \"bg-brand-secondary text-featured-icon-light-fg-brand\",\n            gray: \"bg-tertiary text-featured-icon-light-fg-gray\",\n            error: \"bg-error-secondary text-featured-icon-light-fg-error\",\n            warning: \"bg-warning-secondary text-featured-icon-light-fg-warning\",\n            success: \"bg-success-secondary text-featured-icon-light-fg-success\",\n        },\n    },\n\n    gradient: {\n        base: \"rounded-full text-fg-white before:absolute before:inset-0 before:size-full before:rounded-full before:border before:mask-b-from-0% after:absolute after:block after:rounded-full\",\n        sizes: {\n            sm: \"size-8 after:size-6 *:data-icon:size-4\",\n            md: \"size-10 after:size-7 *:data-icon:size-4\",\n            lg: \"size-12 after:size-8 *:data-icon:size-5\",\n            xl: \"size-14 after:size-10 *:data-icon:size-5\",\n        },\n        colors: {\n            brand: \"before:border-utility-brand-200 before:bg-utility-brand-50 after:bg-brand-solid\",\n            gray: \"before:border-utility-neutral-200 before:bg-utility-neutral-50 after:bg-secondary-solid\",\n            error: \"before:border-utility-red-200 before:bg-utility-red-50 after:bg-error-solid\",\n            warning: \"before:border-utility-yellow-200 before:bg-utility-yellow-50 after:bg-warning-solid\",\n            success: \"before:border-utility-green-200 before:bg-utility-green-50 after:bg-success-solid\",\n        },\n    },\n\n    dark: {\n        base: \"text-fg-white shadow-xs-skeuomorphic before:absolute before:inset-px before:border before:border-white/12 before:mask-b-from-0%\",\n        sizes: {\n            sm: \"size-8 rounded-md before:rounded-[5px]\",\n            md: \"size-10 rounded-lg before:rounded-[7px]\",\n            lg: \"size-12 rounded-[10px] before:rounded-[9px]\",\n            xl: \"size-14 rounded-xl before:rounded-[11px]\",\n        },\n        colors: {\n            brand: \"bg-brand-solid before:border-utility-brand-200/12\",\n            gray: \"bg-secondary-solid before:border-utility-neutral-200/12\",\n            error: \"bg-error-solid before:border-utility-red-200/12\",\n            warning: \"bg-warning-solid before:border-utility-yellow-200/12\",\n            success: \"bg-success-solid before:border-utility-green-200/12\",\n        },\n    },\n\n    modern: {\n        base: \"bg-primary shadow-xs-skeuomorphic ring-1 ring-primary ring-inset\",\n        sizes: {\n            sm: \"size-8 rounded-md\",\n            md: \"size-10 rounded-lg\",\n            lg: \"size-12 rounded-[10px]\",\n            xl: \"size-14 rounded-xl\",\n        },\n        colors: {\n            brand: \"text-fg-brand-primary\",\n            gray: \"text-fg-secondary\",\n            error: \"text-fg-error-primary\",\n            warning: \"text-fg-warning-primary\",\n            success: \"text-fg-success-primary\",\n        },\n    },\n    \"modern-neue\": {\n        base: [\n            \"bg-primary_alt ring-1 ring-inset before:absolute before:inset-1\",\n            // Shadow\n            \"before:shadow-[0px_1px_2px_0px_rgba(0,0,0,0.1),0px_3px_3px_0px_rgba(0,0,0,0.09),1px_8px_5px_0px_rgba(0,0,0,0.05),2px_21px_6px_0px_rgba(0,0,0,0),0px_0px_0px_1px_rgba(0,0,0,0.08),1px_13px_5px_0px_rgba(0,0,0,0.01),0px_-2px_2px_0px_rgba(0,0,0,0.13)_inset] before:ring-1 before:ring-secondary_alt\",\n        ].join(\" \"),\n        sizes: {\n            sm: \"size-8 rounded-[8px] before:rounded-[4px]\",\n            md: \"size-10 rounded-[10px] before:rounded-[6px]\",\n            lg: \"size-12 rounded-[12px] before:rounded-[8px]\",\n            xl: \"size-14 rounded-[14px] before:rounded-[10px]\",\n        },\n        colors: {\n            brand: \"\",\n            gray: \"text-fg-secondary ring-primary\",\n            error: \"\",\n            warning: \"\",\n            success: \"\",\n        },\n    },\n\n    outline: {\n        base: \"before:absolute before:rounded-full before:border-2 after:absolute after:rounded-full after:border-2\",\n        sizes: {\n            sm: \"size-4 before:size-6 after:size-8.5\",\n            md: \"size-5 before:size-7 after:size-9.5\",\n            lg: \"size-6 before:size-8 after:size-10.5\",\n            xl: \"size-7 before:size-9 after:size-11.5\",\n        },\n        colors: {\n            brand: \"text-fg-brand-primary before:border-fg-brand-primary/30 after:border-fg-brand-primary/10\",\n            gray: \"text-fg-tertiary before:border-fg-tertiary/30 after:border-fg-tertiary/10\",\n            error: \"text-fg-error-primary before:border-fg-error-primary/30 after:border-fg-error-primary/10\",\n            warning: \"text-fg-warning-primary before:border-fg-warning-primary/30 after:border-fg-warning-primary/10\",\n            success: \"text-fg-success-primary before:border-fg-success-primary/30 after:border-fg-success-primary/10\",\n        },\n    },\n});\n\ninterface FeaturedIconProps {\n    ref?: Ref<HTMLDivElement>;\n    children?: ReactNode;\n    className?: string;\n    icon?: FC<{ className?: string }> | ReactNode;\n    size?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n    color: \"brand\" | \"gray\" | \"success\" | \"warning\" | \"error\";\n    theme?: \"light\" | \"gradient\" | \"dark\" | \"outline\" | \"modern\" | \"modern-neue\";\n}\n\nexport const FeaturedIcon = (props: FeaturedIconProps) => {\n    const { size = \"sm\", theme: variant = \"light\", color = \"brand\", icon: Icon, ...otherProps } = props;\n\n    return (\n        <div\n            {...otherProps}\n            data-featured-icon\n            className={cx(\n                \"relative flex shrink-0 items-center justify-center\",\n\n                iconsSizes[size],\n                styles[variant].base,\n                styles[variant].sizes[size],\n                styles[variant].colors[color],\n\n                props.className,\n            )}\n        >\n            {isReactComponent(Icon) && <Icon data-icon className=\"z-1\" />}\n            {isValidElement(Icon) && <div className=\"z-1\">{Icon}</div>}\n\n            {props.children}\n        </div>\n    );\n};\n","\"use client\";\n\nimport { type ComponentType, type HTMLAttributes, type ReactNode, type Ref, createContext, useContext, useState } from \"react\";\nimport { EyeIcon as Eye } from \"@phosphor-icons/react/dist/csr/Eye\";\nimport { EyeSlashIcon as EyeOff } from \"@phosphor-icons/react/dist/csr/EyeSlash\";\nimport { QuestionIcon as HelpCircle } from \"@phosphor-icons/react/dist/csr/Question\";\nimport { InfoIcon as InfoCircle } from \"@phosphor-icons/react/dist/csr/Info\";\nimport type { InputProps as AriaInputProps, TextFieldProps as AriaTextFieldProps } from \"react-aria-components\";\nimport { Button as AriaButton, Group as AriaGroup, Input as AriaInput, TextField as AriaTextField } from \"react-aria-components\";\nimport { HintText } from \"@/components/base/input/hint-text\";\nimport { Label } from \"@/components/base/input/label\";\nimport { Tooltip, TooltipTrigger } from \"@/components/base/tooltip/tooltip\";\nimport { cx, sortCx } from \"@/utils/cx\";\n\n/**\n * Figma: Inputs (85:1269)\n *\n * Default: border (1px) border-primary + shadow-xs.\n * Focus: 1px border-brand + inset ring-brand (2px visual, no layout shift from border-2).\n * Error default: border-error_subtle; error focus: border-error + inset ring-error.\n */\nexport const inputFocusRingShadow = \"border-brand ring-1 ring-inset ring-brand\";\nexport const inputErrorFocusRingShadow = \"border-error ring-1 ring-inset ring-error\";\n/** Shell focus overlay — border + inset ring on one ::after above children (no host border-brand; avoids double-ring gap). */\nexport const inputFocusRingShellOverlay =\n    \"after:pointer-events-none after:absolute after:-inset-px after:z-10 after:rounded-lg after:border after:border-solid after:border-brand after:ring-1 after:ring-inset after:ring-brand after:content-['']\";\nexport const inputErrorFocusRingShellOverlay =\n    \"after:pointer-events-none after:absolute after:-inset-px after:z-10 after:rounded-lg after:border after:border-solid after:border-error after:ring-1 after:ring-inset after:ring-error after:content-['']\";\nexport const inputErrorFocusRingGroupInvalidShellOverlay =\n    \"group-invalid:focus-within:after:pointer-events-none group-invalid:focus-within:after:absolute group-invalid:focus-within:after:-inset-px group-invalid:focus-within:after:z-10 group-invalid:focus-within:after:rounded-lg group-invalid:focus-within:after:border group-invalid:focus-within:after:border-solid group-invalid:focus-within:after:border-error group-invalid:focus-within:after:ring-1 group-invalid:focus-within:after:ring-inset group-invalid:focus-within:after:ring-error group-invalid:focus-within:after:content-['']\";\nexport const inputFocusVisibleRingShadow =\n    \"focus-visible:outline-none focus-visible:border-brand focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-brand\";\nexport const inputErrorFocusVisibleRingShadow =\n    \"focus-visible:outline-none focus-visible:border-error focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-error\";\n\nexport interface InputBaseProps extends Omit<AriaInputProps, \"size\"> {\n    /** Tooltip message on hover. */\n    tooltip?: string;\n    /** Whether the input is invalid. */\n    isInvalid?: boolean;\n    /** Whether the input is disabled. */\n    isDisabled?: boolean;\n    /** Whether the input is required. */\n    isRequired?: boolean;\n    /**\n     * Input size.\n     * @default \"sm\"\n     */\n    size?: \"sm\" | \"md\" | \"lg\";\n    /** Placeholder text. */\n    placeholder?: string;\n    /** Class name for the icon. */\n    iconClassName?: string;\n    /** Class name for the input. */\n    inputClassName?: string;\n    /** Class name for the input wrapper. */\n    wrapperClassName?: string;\n    /** Class name for the tooltip. */\n    tooltipClassName?: string;\n    /** Keyboard shortcut to display. */\n    shortcut?: string | boolean;\n    ref?: Ref<HTMLInputElement>;\n    groupRef?: Ref<HTMLDivElement>;\n    /** Icon component to display on the left side of the input. */\n    icon?: ComponentType<HTMLAttributes<HTMLOrSVGElement>>;\n}\n\nexport const InputBase = ({\n    ref,\n    tooltip,\n    shortcut,\n    groupRef,\n    size = \"md\",\n    isInvalid,\n    isDisabled,\n    isRequired,\n    icon: Icon,\n    placeholder,\n    wrapperClassName,\n    tooltipClassName,\n    inputClassName,\n    iconClassName,\n    type = \"text\",\n    ...inputProps\n}: InputBaseProps) => {\n    const [isPasswordVisible, setIsPasswordVisible] = useState(false);\n\n    // Check if the input has a leading icon or tooltip\n    const hasTrailingIcon = tooltip || isInvalid;\n    const hasLeadingIcon = Icon;\n\n    // If the input is inside a `TextFieldContext`, use its context to simplify applying styles\n    const context = useContext(TextFieldContext);\n\n    const inputSize = context?.size || size;\n\n    const sizes = sortCx({\n        sm: {\n            root: cx(\"px-3 py-2 text-sm\", hasLeadingIcon && \"pl-9\", hasTrailingIcon && \"pr-9\"),\n            iconLeading: \"left-3 size-4 stroke-[2.25px]\",\n            iconTrailing: \"right-3\",\n            shortcut: \"pr-1.5\",\n        },\n        md: {\n            root: cx(\"px-3 py-2 text-md\", hasLeadingIcon && \"pl-10\", hasTrailingIcon && \"pr-9\"),\n            iconLeading: \"left-3 size-5\",\n            iconTrailing: \"right-3\",\n            shortcut: \"pr-2\",\n        },\n        lg: {\n            root: cx(\"px-3.5 py-2.5 text-md\", hasLeadingIcon && \"pl-10.5\", hasTrailingIcon && \"pr-9.5\"),\n            iconLeading: \"left-3.5 size-5\",\n            iconTrailing: \"right-3.5\",\n            shortcut: \"pr-2.5\",\n        },\n    });\n\n    return (\n        <AriaGroup\n            {...{ isDisabled, isInvalid }}\n            ref={groupRef}\n            className={({ isFocusWithin, isDisabled, isInvalid }) =>\n                cx(\n                    \"group/input relative flex w-full flex-row place-content-center place-items-center rounded-lg border border-solid border-primary bg-primary shadow-xs transition-[border-color,box-shadow] duration-100 ease-linear\",\n\n                    isFocusWithin && !isDisabled && !isInvalid && inputFocusRingShadow,\n\n                    // Disabled state styles\n                    isDisabled && \"cursor-not-allowed opacity-50\",\n                    \"group-disabled:cursor-not-allowed group-disabled:opacity-50\",\n\n                    // Invalid state styles\n                    isInvalid && !isFocusWithin && \"border-error_subtle\",\n                    \"group-invalid:border-error_subtle\",\n                    \"group-invalid:focus-within:border-error group-invalid:focus-within:ring-1 group-invalid:focus-within:ring-inset group-invalid:focus-within:ring-error\",\n\n                    // Invalid + focus — darker error stroke (not brand)\n                    isInvalid && isFocusWithin && inputErrorFocusRingShadow,\n\n                    context?.wrapperClassName,\n                    wrapperClassName,\n                )\n            }\n        >\n            {/* Leading icon and Payment icon */}\n            {Icon && (\n                <Icon className={cx(\"pointer-events-none absolute text-fg-quaternary\", sizes[inputSize].iconLeading, context?.iconClassName, iconClassName)} />\n            )}\n\n            {/* Input field */}\n            <AriaInput\n                {...(inputProps as AriaInputProps)}\n                ref={ref}\n                required={isRequired}\n                type={type === \"password\" && isPasswordVisible ? \"text\" : type}\n                placeholder={placeholder}\n                className={cx(\n                    \"m-0 w-full bg-transparent text-primary ring-0 outline-hidden placeholder:text-placeholder autofill:rounded-lg autofill:text-primary disabled:cursor-not-allowed\",\n                    sizes[inputSize].root,\n                    context?.inputClassName,\n                    inputClassName,\n                )}\n            />\n\n            {/* Tooltip and help icon */}\n            {tooltip && type !== \"password\" && (\n                <Tooltip title={tooltip} placement=\"top\">\n                    <TooltipTrigger\n                        className={cx(\n                            \"absolute cursor-pointer text-fg-quaternary transition duration-100 ease-linear group-invalid/input:hidden hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover\",\n                            sizes[inputSize].iconTrailing,\n                            context?.tooltipClassName,\n                            tooltipClassName,\n                        )}\n                    >\n                        <HelpCircle className=\"size-4 stroke-[2.25px]\" />\n                    </TooltipTrigger>\n                </Tooltip>\n            )}\n\n            {/* Invalid icon */}\n            {type !== \"password\" && (\n                <InfoCircle\n                    className={cx(\n                        \"pointer-events-none absolute hidden size-4 stroke-[2.25px] text-fg-error-secondary group-invalid/input:block\",\n                        sizes[inputSize].iconTrailing,\n                        context?.tooltipClassName,\n                        tooltipClassName,\n                    )}\n                />\n            )}\n\n            {/* Password visibility toggle */}\n            {type === \"password\" && (\n                <AriaButton\n                    aria-label=\"Toggle password visibility\"\n                    onClick={() => setIsPasswordVisible(!isPasswordVisible)}\n                    className={cx(\n                        \"absolute flex cursor-pointer items-center justify-center text-fg-quaternary transition duration-100 ease-linear hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover focus:outline-hidden\",\n                        sizes[inputSize].iconTrailing,\n                    )}\n                >\n                    {isPasswordVisible ? <EyeOff className=\"size-4 stroke-[2.25px]\" /> : <Eye className=\"size-4 stroke-[2.25px]\" />}\n                </AriaButton>\n            )}\n\n            {/* Shortcut */}\n            {shortcut && (\n                <div\n                    className={cx(\n                        \"pointer-events-none absolute inset-y-0.5 right-0.5 z-10 hidden items-center rounded-r-[inherit] bg-linear-to-r from-transparent to-bg-primary to-40% pl-8 md:flex\",\n                        sizes[inputSize].shortcut,\n                    )}\n                >\n                    <span\n                        aria-hidden=\"true\"\n                        className=\"pointer-events-none rounded px-1 py-px text-xs font-medium text-quaternary ring-1 ring-secondary select-none ring-inset\"\n                    >\n                        {typeof shortcut === \"string\" ? shortcut : \"⌘K\"}\n                    </span>\n                </div>\n            )}\n        </AriaGroup>\n    );\n};\n\nInputBase.displayName = \"InputBase\";\n\ninterface TextFieldContextProps extends Partial<Pick<InputBaseProps, \"size\" | \"wrapperClassName\" | \"inputClassName\" | \"iconClassName\" | \"tooltipClassName\">> {}\n\nconst TextFieldContext = createContext<TextFieldContextProps>({});\n\nexport interface TextFieldProps extends AriaTextFieldProps, TextFieldContextProps {}\n\nexport const TextField = ({ className, size = \"md\", inputClassName, wrapperClassName, iconClassName, tooltipClassName, ...props }: TextFieldProps) => {\n    return (\n        <TextFieldContext.Provider value={{ inputClassName, wrapperClassName, iconClassName, tooltipClassName, size }}>\n            <AriaTextField\n                {...props}\n                data-input-wrapper\n                data-input-size={size}\n                className={(state) =>\n                    cx(\"group flex h-max w-full flex-col items-start justify-start gap-1.5\", typeof className === \"function\" ? className(state) : className)\n                }\n            />\n        </TextFieldContext.Provider>\n    );\n};\n\nTextField.displayName = \"TextField\";\n\nexport interface InputProps\n    extends\n        AriaTextFieldProps,\n        Pick<\n            InputBaseProps,\n            | \"ref\"\n            | \"placeholder\"\n            | \"icon\"\n            | \"shortcut\"\n            | \"tooltip\"\n            | \"groupRef\"\n            | \"size\"\n            | \"wrapperClassName\"\n            | \"inputClassName\"\n            | \"iconClassName\"\n            | \"tooltipClassName\"\n        > {\n    /** Label text for the input */\n    label?: string;\n    /** Helper text displayed below the input */\n    hint?: ReactNode;\n    /** Whether to hide required indicator from label */\n    hideRequiredIndicator?: boolean;\n}\n\nexport const Input = ({\n    size = \"md\",\n    placeholder,\n    icon: Icon,\n    label,\n    hint,\n    shortcut,\n    hideRequiredIndicator,\n    className,\n    ref,\n    groupRef,\n    tooltip,\n    iconClassName,\n    inputClassName,\n    wrapperClassName,\n    tooltipClassName,\n    type = \"text\",\n    ...props\n}: InputProps) => {\n    return (\n        <TextField aria-label={!label ? placeholder : undefined} {...props} size={size} className={className}>\n            {({ isRequired, isInvalid }) => (\n                <>\n                    {label && (\n                        <Label isRequired={hideRequiredIndicator ? !hideRequiredIndicator : isRequired} isInvalid={isInvalid}>\n                            {label}\n                        </Label>\n                    )}\n\n                    <InputBase\n                        {...{\n                            ref,\n                            groupRef,\n                            size,\n                            placeholder,\n                            icon: Icon,\n                            shortcut,\n                            iconClassName,\n                            inputClassName,\n                            wrapperClassName,\n                            tooltipClassName,\n                            tooltip,\n                            type,\n                            isInvalid,\n                        }}\n                    />\n\n                    {hint && <HintText isInvalid={isInvalid}>{hint}</HintText>}\n                </>\n            )}\n        </TextField>\n    );\n};\n\nInput.displayName = \"Input\";\n","\"use client\";\n\nimport { cx } from \"@/utils/cx\";\n\nconst sizes = {\n    xs: \"size-1.5\",\n    sm: \"size-2\",\n    md: \"size-2.5\",\n    lg: \"size-3\",\n    xl: \"size-3.5\",\n    \"2xl\": \"size-4\",\n    \"3xl\": \"size-4.5\",\n    \"4xl\": \"size-5\",\n};\n\ninterface AvatarOnlineIndicatorProps {\n    size: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\";\n    status: \"online\" | \"offline\";\n    className?: string;\n}\n\nexport const AvatarOnlineIndicator = ({ size, status, className }: AvatarOnlineIndicatorProps) => (\n    <span\n        className={cx(\n            \"absolute right-0 bottom-0 flex justify-center rounded-full ring-[1.5px] ring-bg-primary\",\n            status === \"online\" ? \"bg-fg-success-secondary\" : \"bg-utility-neutral-300\",\n            sizes[size],\n            className,\n        )}\n        style={{\n            backgroundImage:\n                \"radial-gradient(43.75% 43.75% at 50% 28.75%, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.00) 100%), radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.00) 74.66%, rgba(255, 255, 255, 0.18) 100%), radial-gradient(75% 75% at 50% 0%, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.00) 50%, rgba(255, 255, 255, 0.08) 99%, rgba(255, 255, 255, 0.00) 100%)\",\n        }}\n    >\n        {/* Reflection */}\n        <svg viewBox=\"0 0 7.2 2.85\" fill=\"none\" className=\"mt-[10%] h-[20%] w-[60%]\">\n            <path\n                d=\"M7.2 1.83107C7.2 2.84235 5.58823 2.19729 3.6 2.19729C1.61177 2.19729 0 2.84235 0 1.83107C0 0.8198 1.61177 0 3.6 0C5.58823 0 7.2 0.8198 7.2 1.83107Z\"\n                fill=\"url(#reflection-gradient)\"\n                fillOpacity=\"0.4\"\n            />\n            <defs>\n                <linearGradient id=\"reflection-gradient\" x1=\"3.6\" y1=\"0\" x2=\"3.6\" y2=\"2.4\" gradientUnits=\"userSpaceOnUse\">\n                    <stop stopColor=\"white\" />\n                    <stop offset=\"1\" stopColor=\"white\" stopOpacity=\"0.1\" />\n                </linearGradient>\n            </defs>\n        </svg>\n    </span>\n);\n","\"use client\";\n\nimport { cx } from \"@/utils/cx\";\n\nconst sizes = {\n    xs: \"size-2.5\",\n    sm: \"size-3\",\n    md: \"size-3.5\",\n    lg: \"size-4\",\n    xl: \"size-4.5\",\n    \"2xl\": \"size-5\",\n    \"3xl\": \"size-6\",\n    \"4xl\": \"size-8\",\n};\n\ninterface VerifiedTickProps {\n    size: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\";\n    className?: string;\n}\n\nexport const VerifiedTick = ({ size, className }: VerifiedTickProps) => (\n    <svg className={cx(\"z-10 text-utility-blue-500\", sizes[size], className)} viewBox=\"0 0 10 10\" fill=\"none\">\n        <path\n            d=\"M7.72237 1.77098C7.81734 2.00068 7.99965 2.18326 8.2292 2.27858L9.03413 2.61199C9.26384 2.70714 9.44635 2.88965 9.5415 3.11936C9.63665 3.34908 9.63665 3.60718 9.5415 3.83689L9.20833 4.64125C9.11313 4.87106 9.113 5.12943 9.20863 5.35913L9.54122 6.16325C9.58839 6.27702 9.61268 6.39897 9.6127 6.52214C9.61272 6.6453 9.58847 6.76726 9.54134 6.88105C9.4942 6.99484 9.42511 7.09823 9.33801 7.18531C9.2509 7.27238 9.14749 7.34144 9.03369 7.38854L8.22934 7.72171C7.99964 7.81669 7.81706 7.99899 7.72174 8.22855L7.38833 9.03348C7.29318 9.26319 7.11067 9.4457 6.88096 9.54085C6.65124 9.636 6.39314 9.636 6.16343 9.54085L5.35907 9.20767C5.12935 9.11276 4.87134 9.11295 4.64177 9.20821L3.83684 9.54115C3.60725 9.63608 3.34937 9.636 3.11984 9.54092C2.89032 9.44585 2.70791 9.26356 2.6127 9.03409L2.27918 8.22892C2.18421 7.99923 2.0019 7.81665 1.77235 7.72133L0.967421 7.38792C0.737807 7.29281 0.555355 7.11041 0.460169 6.88083C0.364983 6.65125 0.364854 6.39327 0.45981 6.16359L0.792984 5.35924C0.8879 5.12952 0.887707 4.87151 0.792445 4.64193L0.459749 3.83642C0.41258 3.72265 0.388291 3.60069 0.388272 3.47753C0.388252 3.35436 0.412501 3.2324 0.459634 3.11861C0.506767 3.00482 0.57586 2.90144 0.662965 2.81436C0.75007 2.72728 0.853479 2.65822 0.967283 2.61113L1.77164 2.27795C2.00113 2.18306 2.1836 2.00099 2.27899 1.7717L2.6124 0.966768C2.70755 0.737054 2.89006 0.554547 3.11978 0.459397C3.34949 0.364246 3.60759 0.364246 3.83731 0.459397L4.64166 0.792571C4.87138 0.887487 5.12939 0.887293 5.35897 0.792031L6.16424 0.459913C6.39392 0.364816 6.65197 0.364836 6.88164 0.459968C7.11131 0.555099 7.29379 0.737554 7.38895 0.967208L7.72247 1.77238L7.72237 1.77098Z\"\n            className=\"fill-current\"\n        />\n        <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M6.95829 3.68932C7.02509 3.58439 7.04747 3.45723 7.02051 3.3358C6.99356 3.21437 6.91946 3.10862 6.81454 3.04182C6.70961 2.97502 6.58245 2.95264 6.46102 2.97959C6.33959 3.00655 6.23384 3.08064 6.16704 3.18557L4.33141 6.06995L3.49141 5.01995C3.41375 4.92281 3.30069 4.8605 3.17709 4.84673C3.05349 4.83296 2.92949 4.86885 2.83235 4.94651C2.73522 5.02417 2.67291 5.13723 2.65914 5.26083C2.64536 5.38443 2.68125 5.50843 2.75891 5.60557L4.00891 7.16807C4.0555 7.22638 4.11533 7.27271 4.18344 7.30323C4.25154 7.33375 4.32595 7.34757 4.40047 7.34353C4.47499 7.3395 4.54747 7.31773 4.61188 7.28004C4.67629 7.24234 4.73077 7.18981 4.77079 7.12682L6.95829 3.68932Z\"\n            fill=\"white\"\n        />\n    </svg>\n);\n","\"use client\";\n\nimport { cx } from \"@/utils/cx\";\n\ninterface AvatarCountProps {\n    count: number;\n    className?: string;\n}\n\nexport const AvatarCount = ({ count, className }: AvatarCountProps) => (\n    <div className={cx(\"absolute right-0 bottom-0 p-px\", className)}>\n        <div className=\"flex size-3.5 items-center justify-center rounded-full bg-fg-error-primary text-center text-[10px] leading-[13px] font-bold text-white\">\n            {count}\n        </div>\n    </div>\n);\n","\"use client\";\n\n/** Figma: Avatar (18:1350) */\n\nimport { type FC, type ReactNode, useState } from \"react\";\nimport { UserIcon as User01 } from \"@phosphor-icons/react/dist/csr/User\";\nimport { cx } from \"@/utils/cx\";\nimport { AvatarOnlineIndicator, VerifiedTick } from \"./base-components\";\nimport { AvatarCount } from \"./base-components/avatar-count\";\n\nexport interface AvatarProps {\n    size?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\n    className?: string;\n    /**\n     * The class name for the main child of the avatar.\n     */\n    contentClassName?: string;\n    src?: string | null;\n    alt?: string;\n    /**\n     * Display an inner contrast border around the avatar image.\n     */\n    contrastBorder?: boolean;\n    /**\n     * Whether the avatar should be rounded.\n     * @default true\n     */\n    rounded?: boolean;\n    /**\n     * Display an outer border around the avatar.\n     */\n    border?: boolean;\n    /**\n     * Display a badge (i.e. company logo).\n     */\n    badge?: ReactNode;\n    /**\n     * Display a status indicator.\n     */\n    status?: \"online\" | \"offline\";\n    /**\n     * Display a verified tick icon.\n     *\n     * @default false\n     */\n    verified?: boolean;\n    /**\n     * Display a count badge.\n     */\n    count?: number;\n    /**\n     * The initials of the user to display if no image is available.\n     */\n    initials?: string;\n    /**\n     * An icon to display if no image is available.\n     */\n    placeholderIcon?: FC<{ className?: string }>;\n    /**\n     * A placeholder to display if no image is available.\n     */\n    placeholder?: ReactNode;\n\n    /**\n     * Whether the avatar should show a focus ring when the parent group is in focus.\n     * For example, when the avatar is wrapped inside a link.\n     *\n     * @default false\n     */\n    focusable?: boolean;\n}\n\nconst styles = {\n    xs: { root: \"size-6\", rootWithBorder: \"p-px\", initials: \"text-xs font-semibold\", icon: \"size-4\" },\n    sm: { root: \"size-8\", rootWithBorder: \"p-px\", initials: \"text-sm font-semibold\", icon: \"size-5\" },\n    md: { root: \"size-10\", rootWithBorder: \"p-px\", initials: \"text-md font-semibold\", icon: \"size-6\" },\n    lg: { root: \"size-12\", rootWithBorder: \"p-[1.5px]\", initials: \"text-lg font-semibold\", icon: \"size-7\" },\n    xl: { root: \"size-14\", rootWithBorder: \"p-0.5\", initials: \"text-xl font-semibold\", icon: \"size-8\" },\n    \"2xl\": { root: \"size-16\", rootWithBorder: \"p-0.5\", initials: \"text-display-xs font-semibold\", icon: \"size-8\" },\n};\n\nexport const Avatar = ({\n    size = \"md\",\n    src,\n    alt,\n    initials,\n    placeholder,\n    placeholderIcon: PlaceholderIcon,\n    border,\n    badge,\n    status,\n    verified,\n    count,\n    focusable = false,\n    rounded = true,\n    className,\n    contentClassName,\n}: AvatarProps) => {\n    const [isFailed, setIsFailed] = useState(false);\n\n    const canShowImage = src && !isFailed;\n\n    const renderMainContent = () => {\n        if (canShowImage) {\n            return <img data-avatar-img className=\"size-full object-cover\" src={src} alt={alt} onError={() => setIsFailed(true)} />;\n        }\n\n        if (initials) {\n            return <span className={cx(\"text-quaternary\", styles[size].initials)}>{initials}</span>;\n        }\n\n        if (PlaceholderIcon) {\n            return <PlaceholderIcon className={cx(\"text-fg-quaternary\", styles[size].icon)} />;\n        }\n\n        return placeholder || <User01 className={cx(\"text-fg-quaternary\", styles[size].icon)} />;\n    };\n\n    const renderBadgeContent = () => {\n        if (status) {\n            return <AvatarOnlineIndicator status={status} size={size} />;\n        }\n\n        if (verified) {\n            return <VerifiedTick size={size} className={cx(\"absolute right-0 bottom-0\", size === \"xs\" && \"-right-px -bottom-px\")} />;\n        }\n\n        if (count) {\n            return <AvatarCount count={count} />;\n        }\n\n        return badge;\n    };\n\n    return (\n        <div\n            data-avatar\n            className={cx(\n                \"relative inline-flex shrink-0 rounded-[7px]\",\n                rounded && \"rounded-full\",\n                // Focus styles\n                focusable &&\n                    \"outline-none group-focus-visible:[box-shadow:0px_0px_0px_2px_var(--color-bg-primary),0px_0px_0px_4px_var(--color-focus-ring)]\",\n                border && \"ring-1 ring-secondary_alt\",\n                border && styles[size].rootWithBorder,\n                styles[size].root,\n                className,\n            )}\n        >\n            <div\n                className={cx(\n                    \"relative inline-flex size-full shrink-0 items-center justify-center overflow-hidden rounded-md bg-tertiary outline-[0.5px] -outline-offset-[0.5px] outline-black/16 before:inset-[0.5px]\",\n                    rounded && \"rounded-full\",\n                    canShowImage &&\n                        size !== \"xs\" &&\n                        \"before:absolute before:inset-0 before:rounded-[inherit] before:border before:border-white/32 before:mask-[linear-gradient(to_bottom,black_0%,transparent_25%,transparent_75%,black_100%)]\",\n                    contentClassName,\n                )}\n            >\n                {renderMainContent()}\n            </div>\n            {renderBadgeContent()}\n        </div>\n    );\n};\n","\"use client\";\n\nimport { useLayoutEffect, useRef, type ReactNode, type Ref } from \"react\";\nimport { Checkbox as AriaCheckbox, type CheckboxProps as AriaCheckboxProps } from \"react-aria-components\";\nimport { cx } from \"@/utils/cx\";\n\nconst CHECKBOX_TICK_DELAY_MS = 60;\nconst CHECKBOX_TICK_DRAW_MS = 100;\n\n/** Draw-on-check tick animation — remounts when checked so it replays each time. */\nfunction CheckboxAnimatedCheckMark({ className }: { className?: string }) {\n    const pathRef = useRef<SVGPathElement>(null);\n\n    useLayoutEffect(() => {\n        const path = pathRef.current;\n        if (!path || typeof path.getTotalLength !== \"function\") return;\n        const len = path.getTotalLength();\n        if (len <= 0) return;\n\n        path.style.strokeDasharray = `${len}`;\n        path.style.strokeDashoffset = `${len}`;\n\n        if (typeof path.animate !== \"function\") {\n            path.style.strokeDashoffset = \"0\";\n            return;\n        }\n\n        const anim = path.animate([{ strokeDashoffset: len }, { strokeDashoffset: 0 }], {\n            duration: CHECKBOX_TICK_DRAW_MS,\n            delay: CHECKBOX_TICK_DELAY_MS,\n            easing: \"cubic-bezier(0.45, 0, 0.2, 1)\",\n            fill: \"forwards\",\n        });\n        return () => anim.cancel();\n    }, []);\n\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 14 14\" fill=\"none\" className={cx(\"block shrink-0\", className)}>\n            <path\n                ref={pathRef}\n                d=\"M2.33325 7L5.24992 9.91667L11.6666 3.5\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n}\n\n/** Figma Focus rings/focus-ring — 2px surface gap + 4px brand ring (matches Button). */\nconst focusRingShadow =\n    \"outline-none [box-shadow:0px_0px_0px_2px_var(--color-bg-primary),0px_0px_0px_4px_var(--color-focus-ring)]\";\n\nexport interface CheckboxBaseProps {\n    size?: \"sm\" | \"md\";\n    className?: string;\n    isFocusVisible?: boolean;\n    isSelected?: boolean;\n    isDisabled?: boolean;\n    isIndeterminate?: boolean;\n}\n\nexport const CheckboxBase = ({ className, isSelected, isDisabled, isIndeterminate, size = \"sm\", isFocusVisible = false }: CheckboxBaseProps) => {\n    const isChecked = isSelected || isIndeterminate;\n    const iconClassName = size === \"sm\" ? \"size-2.5\" : \"size-3.5\";\n\n    return (\n        <div\n            className={cx(\n                \"relative flex shrink-0 cursor-pointer appearance-none items-center justify-center border border-solid border-primary\",\n                size === \"sm\" ? \"size-4 rounded-xs\" : \"size-5 rounded-sm\",\n                isChecked ? \"border-transparent bg-brand-solid\" : \"bg-primary\",\n                isDisabled && \"cursor-not-allowed opacity-50\",\n                isDisabled && !isChecked && \"bg-tertiary\",\n                isFocusVisible && !isDisabled && focusRingShadow,\n                className,\n            )}\n        >\n            {isIndeterminate && (\n                <svg\n                    aria-hidden=\"true\"\n                    viewBox=\"0 0 14 14\"\n                    fill=\"none\"\n                    className={cx(\"pointer-events-none block shrink-0 text-fg-white\", iconClassName)}\n                >\n                    <path d=\"M2.91675 7H11.0834\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n                </svg>\n            )}\n\n            {isSelected && !isIndeterminate && (\n                <CheckboxAnimatedCheckMark className={cx(\"pointer-events-none text-fg-white\", iconClassName)} />\n            )}\n        </div>\n    );\n};\nCheckboxBase.displayName = \"CheckboxBase\";\n\ninterface CheckboxProps extends AriaCheckboxProps {\n    ref?: Ref<HTMLLabelElement>;\n    size?: \"sm\" | \"md\";\n    label?: ReactNode;\n    hint?: ReactNode;\n}\n\nexport const Checkbox = ({ label, hint, size = \"sm\", className, ...ariaCheckboxProps }: CheckboxProps) => {\n    const sizes = {\n        sm: {\n            root: \"gap-2\",\n            textWrapper: \"\",\n            label: \"text-sm font-medium\",\n            hint: \"text-sm\",\n        },\n        md: {\n            root: \"gap-3\",\n            textWrapper: \"gap-0.5 break-words\",\n            label: \"text-md font-medium\",\n            hint: \"text-md\",\n        },\n    };\n\n    return (\n        <AriaCheckbox\n            {...ariaCheckboxProps}\n            className={(state) =>\n                cx(\n                    \"relative flex items-start\",\n                    state.isDisabled && \"cursor-not-allowed\",\n                    sizes[size].root,\n                    typeof className === \"function\" ? className(state) : className,\n                )\n            }\n        >\n            {({ isSelected, isIndeterminate, isDisabled, isFocusVisible }) => (\n                <>\n                    <CheckboxBase\n                        size={size}\n                        isSelected={isSelected}\n                        isIndeterminate={isIndeterminate}\n                        isDisabled={isDisabled}\n                        isFocusVisible={isFocusVisible}\n                        className={label || hint ? \"mt-0.5\" : \"\"}\n                    />\n                    {(label || hint) && (\n                        <div className={cx(\"inline-flex flex-col\", sizes[size].textWrapper)}>\n                            {label && <p className={cx(\"text-secondary select-none\", sizes[size].label)}>{label}</p>}\n                            {hint && (\n                                <span className={cx(\"text-tertiary\", sizes[size].hint)} onClick={(event) => event.stopPropagation()}>\n                                    {hint}\n                                </span>\n                            )}\n                        </div>\n                    )}\n                </>\n            )}\n        </AriaCheckbox>\n    );\n};\nCheckbox.displayName = \"Checkbox\";\n","\"use client\";\n\nimport type { FC, ReactNode } from \"react\";\nimport { createContext } from \"react\";\n\nexport type SelectItemType = {\n    /** Unique identifier for the item. */\n    id: string | number;\n    /** The primary display text. */\n    label?: string;\n    /** Avatar image URL. */\n    avatarUrl?: string;\n    /** Whether the item is disabled. */\n    isDisabled?: boolean;\n    /** Secondary text displayed alongside the label. */\n    supportingText?: string;\n    /** Leading icon component or element. */\n    icon?: FC | ReactNode;\n};\n\nexport interface CommonProps {\n    /** Helper text displayed below the input. */\n    hint?: string;\n    /** Field label displayed above the input. */\n    label?: string;\n    /** Tooltip text for the help icon next to the label. */\n    tooltip?: string;\n    /**\n     * The size of the component.\n     * @default \"md\"\n     */\n    size?: \"sm\" | \"md\" | \"lg\";\n    /** Placeholder text when no value is selected. */\n    placeholder?: string;\n    /** Whether to hide the required indicator from the label. */\n    hideRequiredIndicator?: boolean;\n}\n\nexport const sizes = {\n    sm: {\n        root: \"py-2 pl-3 pr-2.5 gap-2 *:data-icon:size-4 *:data-icon:stroke-[2.25px]\",\n        withIcon: \"\",\n        text: \"text-sm\",\n        textContainer: \"gap-x-1.5\",\n        shortcut: \"pr-2.5\",\n    },\n    md: { root: \"py-2 px-3 gap-2 *:data-icon:size-5\", withIcon: \"\", text: \"text-md\", textContainer: \"gap-x-1.5\", shortcut: \"pr-2.5\" },\n    lg: { root: \"py-2.5 px-3.5 gap-2 *:data-icon:size-5\", withIcon: \"\", text: \"text-md\", textContainer: \"gap-x-1.5\", shortcut: \"pr-3\" },\n};\n\nexport const SelectContext = createContext<{ size: \"sm\" | \"md\" | \"lg\" }>({ size: \"md\" });\n","\"use client\";\n\n/** Figma: Select item (11132:11643) — hover/focus use bg-primary_hover; checkbox uses CheckboxBase. */\n\nimport { isValidElement, useContext } from \"react\";\nimport { CheckIcon as Check } from \"@phosphor-icons/react/dist/csr/Check\";\nimport type { ListBoxItemProps as AriaListBoxItemProps } from \"react-aria-components\";\nimport { ListBoxItem as AriaListBoxItem, Text as AriaText } from \"react-aria-components\";\nimport { Avatar } from \"@/components/base/avatar/avatar\";\nimport { CheckboxBase } from \"@/components/base/checkbox/checkbox\";\nimport { cx } from \"@/utils/cx\";\nimport { isReactComponent } from \"@/utils/is-react-component\";\nimport type { SelectItemType } from \"./select-shared\";\nimport { SelectContext } from \"./select-shared\";\n\nconst sizes = {\n    sm: {\n        root: \"p-2 pr-2.5 gap-2 *:data-icon:size-4 *:data-icon:stroke-[2.25px]\",\n        text: \"text-sm\",\n        textContainer: \"gap-x-1.5\",\n        check: \"size-4 stroke-[2.25px]\",\n        checkbox: \"sm\" as const,\n    },\n    md: {\n        root: \"p-2 pr-2.5 gap-2 *:data-icon:size-5\",\n        text: \"text-md\",\n        textContainer: \"gap-x-2\",\n        check: \"size-5\",\n        checkbox: \"sm\" as const,\n    },\n    lg: {\n        root: \"p-2.5 pl-2 gap-2 *:data-icon:size-5\",\n        text: \"text-md\",\n        textContainer: \"gap-x-2\",\n        check: \"size-5\",\n        checkbox: \"md\" as const,\n    },\n};\n\ninterface SelectItemProps extends Omit<AriaListBoxItemProps<SelectItemType>, \"id\">, SelectItemType {\n    /** The selection indicator to be displayed on the item. */\n    selectionIndicator?: \"checkmark\" | \"checkbox\" | \"none\";\n    /** The alignment of the selection indicator. */\n    selectionIndicatorAlign?: \"left\" | \"right\";\n}\n\nexport const SelectItem = ({\n    label,\n    id,\n    value,\n    avatarUrl,\n    supportingText,\n    isDisabled,\n    icon: Icon,\n    className,\n    children,\n    selectionIndicator = \"checkmark\",\n    selectionIndicatorAlign = \"right\",\n    ...props\n}: SelectItemProps) => {\n    const { size } = useContext(SelectContext);\n\n    const labelOrChildren = label || (typeof children === \"string\" ? children : \"\");\n    const textValue = supportingText ? labelOrChildren + \" \" + supportingText : labelOrChildren;\n\n    const isLeft = selectionIndicatorAlign === \"left\";\n\n    return (\n        <AriaListBoxItem\n            id={id}\n            value={\n                value ?? {\n                    id,\n                    label: labelOrChildren,\n                    avatarUrl,\n                    supportingText,\n                    isDisabled,\n                    icon: Icon,\n                }\n            }\n            textValue={textValue}\n            isDisabled={isDisabled}\n            {...props}\n            className={(state) =>\n                cx(\"w-full py-px outline-hidden\", size === \"sm\" ? \"px-1\" : \"px-1.5\", typeof className === \"function\" ? className(state) : className)\n            }\n        >\n            {(state) => (\n                <div\n                    className={cx(\n                        \"flex cursor-pointer items-center rounded-md outline-hidden select-none\",\n                        (state.isFocused || state.isHovered || (state.isSelected && selectionIndicator !== \"checkbox\")) && \"bg-primary_hover\",\n                        state.isDisabled && \"cursor-not-allowed opacity-50\",\n\n                        // Icon styles\n                        \"*:data-icon:shrink-0 *:data-icon:text-fg-quaternary\",\n\n                        sizes[size].root,\n                    )}\n                >\n                    {isLeft && selectionIndicator === \"checkbox\" && (\n                        <CheckboxBase size={sizes[size].checkbox} isSelected={state.isSelected} isDisabled={state.isDisabled} />\n                    )}\n\n                    {avatarUrl ? (\n                        <Avatar aria-hidden=\"true\" size=\"xs\" src={avatarUrl} alt={label} className={cx(size === \"sm\" && \"size-5\")} />\n                    ) : isReactComponent(Icon) ? (\n                        <Icon data-icon aria-hidden=\"true\" />\n                    ) : isValidElement(Icon) ? (\n                        Icon\n                    ) : null}\n\n                    <div className={cx(\"flex w-full min-w-0 flex-1 flex-wrap\", sizes[size].textContainer)}>\n                        <AriaText slot=\"label\" className={cx(\"truncate font-medium whitespace-nowrap text-primary\", sizes[size].text)}>\n                            {label || (typeof children === \"function\" ? children(state) : children)}\n                        </AriaText>\n\n                        {supportingText && (\n                            <AriaText slot=\"description\" className={cx(\"whitespace-nowrap text-tertiary\", sizes[size].text)}>\n                                {supportingText}\n                            </AriaText>\n                        )}\n                    </div>\n\n                    {state.isSelected && selectionIndicator === \"checkmark\" && (\n                        <Check aria-hidden=\"true\" className={cx(\"ml-auto text-fg-brand-primary\", sizes[size].check)} />\n                    )}\n\n                    {!isLeft && selectionIndicator === \"checkbox\" && (\n                        <CheckboxBase size={sizes[size].checkbox} isSelected={state.isSelected} isDisabled={state.isDisabled} className=\"ml-auto\" />\n                    )}\n                </div>\n            )}\n        </AriaListBoxItem>\n    );\n};\n","\"use client\";\n\n/** Figma: Multi-select (11132:11643) */\n\nimport type { ReactNode, RefAttributes } from \"react\";\nimport { useCallback, useRef, useState } from \"react\";\nimport { CaretDownIcon as ChevronDown } from \"@phosphor-icons/react/dist/csr/CaretDown\";\nimport { MagnifyingGlassIcon as SearchLg } from \"@phosphor-icons/react/dist/csr/MagnifyingGlass\";\nimport { useFilter } from \"react-aria\";\nimport type { Selection } from \"react-aria-components\";\nimport {\n    Autocomplete as AriaAutocomplete,\n    Button as AriaButton,\n    Dialog as AriaDialog,\n    DialogTrigger as AriaDialogTrigger,\n    Input as AriaInput,\n    ListBox as AriaListBox,\n    Popover as AriaPopover,\n    SearchField as AriaSearchField,\n} from \"react-aria-components\";\nimport { Button } from \"@/components/base/buttons/button\";\nimport { HintText } from \"@/components/base/input/hint-text\";\nimport { Label } from \"@/components/base/input/label\";\nimport { FeaturedIcon } from \"@/components/foundations/featured-icon/featured-icon\";\nimport { cx } from \"@/utils/cx\";\nimport { inputErrorFocusRingShadow, inputFocusRingShadow } from \"@/components/base/input/input\";\nimport { SelectItem } from \"./select-item\";\nimport { type CommonProps, SelectContext, type SelectItemType, sizes } from \"./select-shared\";\n\nconst searchSizes = {\n    sm: { wrapper: \"py-1\", root: \"px-3 py-2 gap-2 *:data-icon:size-4 *:data-icon:stroke-[2.25px]\", text: \"text-sm\" },\n    md: { wrapper: \"py-0.5\", root: \"px-3 py-2 gap-2 *:data-icon:size-5\", text: \"text-md\" },\n    lg: { wrapper: \"py-0.5\", root: \"px-3.5 py-2.5 gap-2 *:data-icon:size-5\", text: \"text-md\" },\n};\n\nconst footerButtonSize = {\n    sm: \"xs\" as const,\n    md: \"sm\" as const,\n    lg: \"sm\" as const,\n};\n\nconst popoverMaxHeights = {\n    sm: \"max-h-68\",\n    md: \"max-h-76\",\n    lg: \"max-h-92\",\n};\n\ninterface MultiSelectFooterProps {\n    /**\n     * The size of the footer buttons.\n     * @default \"sm\"\n     */\n    size?: \"sm\" | \"md\" | \"lg\";\n    /** Handler that is called when the reset button is clicked. */\n    onReset?: () => void;\n    /** Handler that is called when the select all button is clicked. */\n    onSelectAll?: () => void;\n    /** Additional class name. */\n    className?: string;\n}\n\nconst MultiSelectFooter = ({ size = \"sm\", onReset, onSelectAll, className }: MultiSelectFooterProps) => {\n    const btnSize = footerButtonSize[size];\n\n    return (\n        <div className={cx(\"flex items-center justify-between border-t border-secondary p-3\", className)}>\n            <Button size={btnSize} color=\"secondary\" onClick={onReset}>\n                Reset\n            </Button>\n            <Button size={btnSize} color=\"secondary\" onClick={onSelectAll}>\n                Select all\n            </Button>\n        </div>\n    );\n};\n\ninterface MultiSelectEmptyStateProps {\n    /**\n     * The title to display.\n     * @default \"No results found\"\n     */\n    title?: string;\n    /**\n     * The description to display.\n     * @default \"Please try a different search term.\"\n     */\n    description?: string;\n    /** Handler that is called when the clear search button is clicked. */\n    onClearSearch?: () => void;\n    /** Additional class name. */\n    className?: string;\n}\n\nconst MultiSelectEmptyState = ({\n    title = \"No results found\",\n    description = \"Please try a different search term.\",\n    onClearSearch,\n    className,\n}: MultiSelectEmptyStateProps) => (\n    <div className={cx(\"flex flex-col items-center gap-3 px-4 py-4\", className)}>\n        <div className=\"flex flex-col items-center gap-3\">\n            <FeaturedIcon icon={SearchLg} size=\"sm\" color=\"gray\" theme=\"modern\" />\n            <div className=\"flex flex-col items-center gap-0.5 text-center text-sm\">\n                <p className=\"font-semibold text-primary\">{title}</p>\n                <p className=\"text-tertiary\">{description}</p>\n            </div>\n        </div>\n        {onClearSearch && (\n            <Button size=\"sm\" color=\"link-color\" onClick={onClearSearch}>\n                Clear search\n            </Button>\n        )}\n    </div>\n);\n\ninterface MultiSelectProps extends RefAttributes<HTMLDivElement>, CommonProps {\n    /** The items to display in the listbox. */\n    items?: SelectItemType[];\n    /** The children to render for each item. */\n    children: ReactNode | ((item: SelectItemType) => ReactNode);\n    /** The currently selected keys (controlled). */\n    selectedKeys?: Selection;\n    /** The initial selected keys (uncontrolled). */\n    defaultSelectedKeys?: Selection;\n    /** Handler that is called when the selection changes. */\n    onSelectionChange?: (keys: Selection) => void;\n    /** Whether the select is disabled. */\n    isDisabled?: boolean;\n    /** Whether the select is required. */\n    isRequired?: boolean;\n    /** Whether the select is in an invalid state. */\n    isInvalid?: boolean;\n    /** Additional class name for the popover. */\n    popoverClassName?: string;\n    /** Additional class name for the root element. */\n    className?: string;\n    /** Handler that is called when the reset button is clicked. */\n    onReset?: () => void;\n    /** Handler that is called when the select all button is clicked. */\n    onSelectAll?: () => void;\n    /**\n     * Whether to show the footer with reset and select all buttons.\n     * @default true\n     */\n    showFooter?: boolean;\n    /**\n     * Whether to show the search input in the popover.\n     * @default true\n     */\n    showSearch?: boolean;\n    /** The title to display when no items match the search. */\n    emptyStateTitle?: string;\n    /** The description to display when no items match the search. */\n    emptyStateDescription?: string;\n    /** Custom formatter for the selected count text in the trigger. */\n    selectedCountFormatter?: (count: number) => ReactNode;\n    /** Supporting text displayed next to the selected count in the trigger. */\n    supportingText?: ReactNode;\n}\n\nconst MultiSelectRoot = ({\n    items,\n    children,\n    size = \"md\",\n    selectedKeys,\n    defaultSelectedKeys,\n    onSelectionChange,\n    isDisabled,\n    isRequired,\n    isInvalid,\n    placeholder = \"Select\",\n    label,\n    hint,\n    tooltip,\n    hideRequiredIndicator,\n    popoverClassName,\n    className,\n    onReset,\n    onSelectAll,\n    showFooter = true,\n    showSearch = true,\n    emptyStateTitle,\n    emptyStateDescription,\n    selectedCountFormatter,\n    supportingText,\n}: MultiSelectProps) => {\n    const { contains } = useFilter({ sensitivity: \"base\" });\n    const [searchValue, setSearchValue] = useState(\"\");\n\n    const triggerRef = useRef<HTMLButtonElement>(null);\n    const [popoverWidth, setPopoverWidth] = useState(\"\");\n\n    const onResize = useCallback(() => {\n        if (!triggerRef.current) return;\n        const rect = triggerRef.current.getBoundingClientRect();\n        setPopoverWidth(rect.width + \"px\");\n    }, []);\n\n    const selectedCount = selectedKeys instanceof Set ? selectedKeys.size : selectedKeys === \"all\" ? (items?.length ?? 0) : 0;\n    const hasSelection = selectedCount > 0;\n\n    const handleClearSearch = useCallback(() => {\n        setSearchValue(\"\");\n    }, []);\n\n    return (\n        <SelectContext.Provider value={{ size }}>\n            <div className={cx(\"flex flex-col gap-1.5\", className)}>\n                {label && (\n                    <Label isRequired={hideRequiredIndicator ? false : isRequired} isInvalid={isInvalid} tooltip={tooltip}>\n                        {label}\n                    </Label>\n                )}\n\n                <AriaDialogTrigger>\n                    <AriaButton\n                        ref={triggerRef}\n                        isDisabled={isDisabled}\n                        onClick={onResize}\n                        className={(state) =>\n                            cx(\n                                \"relative flex w-full cursor-pointer items-center rounded-lg border border-solid border-primary bg-primary shadow-xs outline-hidden transition-[border-color,box-shadow] duration-100 ease-linear\",\n                                !isInvalid && (state.isFocusVisible || state.isPressed) && inputFocusRingShadow,\n                                isInvalid && !state.isFocusVisible && !state.isPressed && \"border-error_subtle\",\n                                isInvalid && (state.isFocusVisible || state.isPressed) && inputErrorFocusRingShadow,\n                                state.isDisabled && \"cursor-not-allowed opacity-50\",\n                            )\n                        }\n                    >\n                        <span\n                            className={cx(\n                                \"flex w-full items-center truncate text-left\",\n                                sizes[size].root,\n                                \"*:data-icon:shrink-0 *:data-icon:text-fg-quaternary\",\n                            )}\n                        >\n                            {hasSelection ? (\n                                <span className={cx(\"flex items-center\", sizes[size].textContainer)}>\n                                    <span className={cx(\"font-medium text-primary\", sizes[size].text)}>\n                                        {selectedCountFormatter ? selectedCountFormatter(selectedCount) : `${selectedCount} selected`}\n                                    </span>\n                                    {supportingText && <span className={cx(\"text-tertiary\", sizes[size].text)}>{supportingText}</span>}\n                                </span>\n                            ) : (\n                                <span className={cx(\"text-placeholder\", sizes[size].text)}>{placeholder}</span>\n                            )}\n\n                            <ChevronDown\n                                aria-hidden=\"true\"\n                                className={cx(\"ml-auto shrink-0 text-fg-quaternary\", size === \"lg\" ? \"size-5\" : \"size-4 stroke-[2.25px]\")}\n                            />\n                        </span>\n                    </AriaButton>\n\n                    <AriaPopover\n                        placement=\"bottom\"\n                        offset={4}\n                        containerPadding={0}\n                        style={{ width: popoverWidth || undefined }}\n                        className={(state) =>\n                            cx(\n                                \"w-(--trigger-width) origin-(--trigger-anchor-point) overflow-hidden rounded-lg bg-primary shadow-lg ring-1 ring-secondary_alt outline-hidden will-change-transform\",\n                                state.isEntering &&\n                                    \"duration-150 ease-out animate-in fade-in placement-top:slide-in-from-bottom-0.5 placement-bottom:slide-in-from-top-0.5\",\n                                state.isExiting &&\n                                    \"duration-100 ease-in animate-out fade-out placement-top:slide-out-to-bottom-0.5 placement-bottom:slide-out-to-top-0.5\",\n                                popoverClassName,\n                            )\n                        }\n                    >\n                        <AriaDialog className=\"outline-hidden\">\n                            <AriaAutocomplete filter={contains} inputValue={searchValue} onInputChange={setSearchValue}>\n                                {showSearch && (\n                                    <div className={cx(\"border-b border-secondary\", searchSizes[size].wrapper)}>\n                                        <AriaSearchField aria-label=\"Search\" value={searchValue} onChange={setSearchValue} autoFocus>\n                                            <div className={cx(\"flex items-center\", searchSizes[size].root)}>\n                                                <SearchLg data-icon aria-hidden=\"true\" className=\"shrink-0 text-fg-quaternary\" />\n                                                <AriaInput\n                                                    placeholder=\"Search\"\n                                                    className={cx(\n                                                        \"w-full appearance-none bg-transparent text-primary caret-alpha-black/90 outline-hidden placeholder:text-placeholder\",\n                                                        searchSizes[size].text,\n                                                    )}\n                                                />\n                                            </div>\n                                        </AriaSearchField>\n                                    </div>\n                                )}\n\n                                <AriaListBox\n                                    aria-label={label || \"Options\"}\n                                    items={items}\n                                    selectionMode=\"multiple\"\n                                    selectedKeys={selectedKeys}\n                                    defaultSelectedKeys={defaultSelectedKeys}\n                                    onSelectionChange={onSelectionChange}\n                                    renderEmptyState={() => (\n                                        <MultiSelectEmptyState\n                                            title={emptyStateTitle}\n                                            description={emptyStateDescription}\n                                            onClearSearch={searchValue ? handleClearSearch : undefined}\n                                        />\n                                    )}\n                                    className={cx(\"overflow-y-auto py-1 outline-hidden\", popoverMaxHeights[size])}\n                                >\n                                    {children}\n                                </AriaListBox>\n                            </AriaAutocomplete>\n\n                            {showFooter && <MultiSelectFooter size={size} onReset={onReset} onSelectAll={onSelectAll} />}\n                        </AriaDialog>\n                    </AriaPopover>\n                </AriaDialogTrigger>\n\n                {hint && (\n                    <HintText isInvalid={isInvalid} className={cx(size === \"sm\" && \"text-xs\")}>\n                        {hint}\n                    </HintText>\n                )}\n            </div>\n        </SelectContext.Provider>\n    );\n};\n\nconst MultiSelect = MultiSelectRoot as typeof MultiSelectRoot & {\n    Item: typeof SelectItem;\n    Footer: typeof MultiSelectFooter;\n    EmptyState: typeof MultiSelectEmptyState;\n};\n\nMultiSelect.Item = SelectItem;\nMultiSelect.Footer = MultiSelectFooter;\nMultiSelect.EmptyState = MultiSelectEmptyState;\n\nexport { MultiSelect };\n"]}

package/dist/react/pin-input.d.ts

@@ -0,0 +1,59 @@
+import * as react from 'react';
+import { ComponentPropsWithRef } from 'react';
+import { OTPInput } from 'input-otp';
+import { HintText } from './hint-text.js';
+import { Label as Label$1 } from './label.js';
+import 'react-aria-components';
+
+type PinInputSize = "xxxs" | "xxs" | "xs" | "sm" | "md" | "lg";
+type PinInputContextType = {
+    size: PinInputSize;
+    disabled: boolean;
+    id: string;
+    invalid: boolean;
+};
+declare const usePinInputContext: () => PinInputContextType;
+interface RootProps extends ComponentPropsWithRef<"div"> {
+    size?: PinInputSize;
+    disabled?: boolean;
+    invalid?: boolean;
+}
+declare const Root: {
+    ({ className, size, disabled, invalid, ...props }: RootProps): react.JSX.Element;
+    displayName: string;
+};
+type GroupProps = ComponentPropsWithRef<typeof OTPInput> & {
+    width?: number;
+    inputClassName?: string;
+};
+declare const Group: {
+    ({ inputClassName, containerClassName, width, maxLength, ...props }: GroupProps): react.JSX.Element;
+    displayName: string;
+};
+declare const Slot: {
+    ({ index, className, ...props }: ComponentPropsWithRef<"div"> & {
+        index: number;
+    }): react.JSX.Element;
+    displayName: string;
+};
+declare const Separator: {
+    (props: ComponentPropsWithRef<"div">): react.JSX.Element;
+    displayName: string;
+};
+declare const Label: {
+    (props: ComponentPropsWithRef<typeof Label$1>): react.JSX.Element;
+    displayName: string;
+};
+declare const Description: {
+    (props: ComponentPropsWithRef<typeof HintText>): react.JSX.Element;
+    displayName: string;
+};
+declare const PinInput: typeof Root & {
+    Slot: typeof Slot;
+    Label: typeof Label;
+    Group: typeof Group;
+    Separator: typeof Separator;
+    Description: typeof Description;
+};
+
+export { PinInput, usePinInputContext };

package/dist/react/pin-input.js

@@ -0,0 +1,229 @@
+import { createContext, useContext, useId } from 'react';
+import { OTPInput, OTPInputContext } from 'input-otp';
+import { Label as Label$1, Text, TooltipTrigger as TooltipTrigger$1, Tooltip as Tooltip$1, OverlayArrow, Button } from 'react-aria-components';
+import { extendTailwindMerge } from 'tailwind-merge';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { QuestionIcon } from '@phosphor-icons/react/dist/csr/Question';
+
+var twMerge = extendTailwindMerge({
+  extend: {
+    theme: {
+      text: ["display-xs", "display-sm", "display-md", "display-lg", "display-xl", "display-2xl"]
+    }
+  }
+});
+var cx = twMerge;
+var HintText = ({ isInvalid, className, size = "md", ...props }) => {
+  return /* @__PURE__ */ jsx(
+    Text,
+    {
+      ...props,
+      slot: isInvalid ? "errorMessage" : "description",
+      className: cx(
+        "text-sm text-tertiary",
+        // Size
+        size === "sm" && "text-xs",
+        "in-data-[input-size=sm]:text-xs",
+        // Invalid state
+        isInvalid && "text-error-primary",
+        "group-invalid:text-error-primary",
+        className
+      )
+    }
+  );
+};
+HintText.displayName = "HintText";
+var Tooltip = ({
+  title,
+  description,
+  children,
+  arrow = false,
+  delay = 100,
+  closeDelay = 0,
+  trigger,
+  isDisabled,
+  isOpen,
+  defaultOpen,
+  offset = 6,
+  crossOffset,
+  placement = "top",
+  onOpenChange,
+  ...tooltipProps
+}) => {
+  const isTopOrBottomLeft = ["top left", "top end", "bottom left", "bottom end"].includes(placement);
+  const isTopOrBottomRight = ["top right", "top start", "bottom right", "bottom start"].includes(placement);
+  const calculatedCrossOffset = isTopOrBottomLeft ? -12 : isTopOrBottomRight ? 12 : 0;
+  return /* @__PURE__ */ jsxs(TooltipTrigger$1, { ...{ trigger, delay, closeDelay, isDisabled, isOpen, defaultOpen, onOpenChange }, children: [
+    children,
+    /* @__PURE__ */ jsx(
+      Tooltip$1,
+      {
+        ...tooltipProps,
+        offset,
+        placement,
+        crossOffset: crossOffset ?? calculatedCrossOffset,
+        className: ({ isEntering, isExiting }) => cx(isEntering && "ease-out animate-in", isExiting && "ease-in animate-out"),
+        children: ({ isEntering, isExiting }) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cx(
+              "z-50 flex max-w-xs origin-(--trigger-anchor-point) flex-col items-start gap-1 rounded-lg bg-primary-solid px-3 shadow-lg will-change-transform",
+              description ? "py-3" : "py-2",
+              isEntering && "ease-out animate-in fade-in zoom-in-95 in-placement-left:slide-in-from-right-0.5 in-placement-right:slide-in-from-left-0.5 in-placement-top:slide-in-from-bottom-0.5 in-placement-bottom:slide-in-from-top-0.5",
+              isExiting && "ease-in animate-out fade-out zoom-out-95 in-placement-left:slide-out-to-right-0.5 in-placement-right:slide-out-to-left-0.5 in-placement-top:slide-out-to-bottom-0.5 in-placement-bottom:slide-out-to-top-0.5"
+            ),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold text-white", children: title }),
+              description && /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-tooltip-supporting-text", children: description }),
+              arrow && /* @__PURE__ */ jsx(OverlayArrow, { children: /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  viewBox: "0 0 100 100",
+                  className: "size-2.5 fill-bg-primary-solid in-placement-left:-rotate-90 in-placement-right:rotate-90 in-placement-top:rotate-0 in-placement-bottom:rotate-180",
+                  children: /* @__PURE__ */ jsx("path", { d: "M0,0 L35.858,35.858 Q50,50 64.142,35.858 L100,0 Z" })
+                }
+              ) })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+};
+var TooltipTrigger = ({ children, className, ...buttonProps }) => {
+  return /* @__PURE__ */ jsx(Button, { ...buttonProps, className: (values) => cx("h-max w-max outline-hidden", typeof className === "function" ? className(values) : className), children });
+};
+var Label = ({ isInvalid, isRequired, tooltip, tooltipDescription, className, ...props }) => {
+  return /* @__PURE__ */ jsxs(
+    Label$1,
+    {
+      "data-label": "true",
+      ...props,
+      className: cx("flex cursor-default items-center gap-0.5 text-sm font-medium text-secondary", className),
+      children: [
+        props.children,
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cx(
+              "hidden text-brand-tertiary",
+              isRequired && "block",
+              typeof isRequired === "undefined" && "group-required:block",
+              isInvalid && "text-error-primary",
+              typeof isInvalid === "undefined" && "group-invalid:text-error-primary"
+            ),
+            children: "*"
+          }
+        ),
+        tooltip && /* @__PURE__ */ jsx(Tooltip, { title: tooltip, description: tooltipDescription, placement: "top", children: /* @__PURE__ */ jsx(
+          TooltipTrigger,
+          {
+            isDisabled: false,
+            className: "cursor-pointer text-fg-quaternary transition duration-200 hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover",
+            children: /* @__PURE__ */ jsx(QuestionIcon, { className: "size-4" })
+          }
+        ) })
+      ]
+    }
+  );
+};
+Label.displayName = "Label";
+var focusRingShadow = "border-brand ring-1 ring-inset ring-brand";
+var focusRingErrorShadow = "border-error ring-1 ring-inset ring-error";
+var PinInputContext = createContext({
+  size: "sm",
+  id: "",
+  disabled: false,
+  invalid: false
+});
+var usePinInputContext = () => {
+  const context = useContext(PinInputContext);
+  if (!context) {
+    throw new Error("The 'usePinInputContext' hook must be used within a '<PinInput />'");
+  }
+  return context;
+};
+var Root = ({ className, size = "md", disabled = false, invalid = false, ...props }) => {
+  const id = useId();
+  return /* @__PURE__ */ jsx(PinInputContext.Provider, { value: { size, disabled, id, invalid }, children: /* @__PURE__ */ jsx("div", { role: "group", className: cx("flex h-max flex-col gap-1.5", className), ...props }) });
+};
+Root.displayName = "Root";
+var styles = {
+  xxxs: { group: "gap-1.5 h-9", slot: "size-9 px-3 py-2 text-sm rounded-lg font-medium text-placeholder/50", caret: "text-sm font-medium" },
+  xxs: { group: "gap-2 h-10", slot: "size-10 px-3 py-2 text-md rounded-lg font-medium text-placeholder/50", caret: "text-md font-medium" },
+  xs: { group: "gap-2 h-11", slot: "size-11 px-3.5 py-2.5 text-md rounded-lg font-medium text-placeholder/50", caret: "text-md font-medium" },
+  sm: { group: "gap-2 h-16.5", slot: "size-16 px-2 py-0.5 text-display-lg font-medium", caret: "text-display-lg font-medium" },
+  md: { group: "gap-3 h-20.5", slot: "size-20 px-2 py-2.5 text-display-lg font-medium", caret: "text-display-lg font-medium" },
+  lg: { group: "gap-3 h-24.5", slot: "size-24 px-2 py-3 text-display-xl font-medium", caret: "text-display-xl font-medium" }
+};
+var Group = ({ inputClassName, containerClassName, width, maxLength = 4, ...props }) => {
+  const { id, size, disabled } = usePinInputContext();
+  return /* @__PURE__ */ jsx(
+    OTPInput,
+    {
+      ...props,
+      size: width,
+      maxLength,
+      disabled,
+      id: "pin-input-" + id,
+      "aria-label": "Enter your pin",
+      "aria-labelledby": "pin-input-label-" + id,
+      "aria-describedby": "pin-input-description-" + id,
+      containerClassName: cx("flex flex-row", styles[size].group, containerClassName),
+      className: cx("disabled:cursor-not-allowed", inputClassName)
+    }
+  );
+};
+Group.displayName = "Group";
+var Slot = ({ index, className, ...props }) => {
+  const { size, disabled, invalid } = usePinInputContext();
+  const { slots, isFocused } = useContext(OTPInputContext);
+  const slot = slots[index];
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...props,
+      "aria-invalid": invalid,
+      "aria-label": "Enter digit " + (index + 1) + " of " + slots.length,
+      className: cx(
+        "relative flex items-center justify-center rounded-xl border border-solid border-primary bg-primary text-center text-placeholder/40 shadow-xs transition-[border-color,box-shadow,background-color] duration-100 ease-linear",
+        styles[size].slot,
+        invalid && !isFocused && "border-error_subtle text-error-primary",
+        isFocused && slot?.isActive && !invalid && focusRingShadow,
+        slot?.char && "border-brand text-brand-tertiary_alt",
+        disabled && "opacity-50",
+        invalid && isFocused && slot?.isActive && focusRingErrorShadow,
+        className
+      ),
+      children: slot?.char ? slot.char : slot?.hasFakeCaret ? /* @__PURE__ */ jsx(FakeCaret, { size }) : 0
+    }
+  );
+};
+Slot.displayName = "Slot";
+var FakeCaret = ({ size = "md" }) => {
+  return /* @__PURE__ */ jsx("div", { className: cx("pointer-events-none h-[1em] w-0.5 animate-caret-blink bg-fg-brand-primary", styles[size].caret) });
+};
+var Separator = (props) => {
+  return /* @__PURE__ */ jsx("div", { role: "separator", ...props, className: cx("text-center text-display-xl font-medium text-utility-neutral-300", props.className), children: "-" });
+};
+Separator.displayName = "Separator";
+var Label2 = (props) => {
+  const { id } = usePinInputContext();
+  return /* @__PURE__ */ jsx(Label, { ...props, htmlFor: "pin-input-" + id, id: "pin-input-label-" + id });
+};
+Label2.displayName = "Label";
+var Description = (props) => {
+  const { id, size } = usePinInputContext();
+  return /* @__PURE__ */ jsx(HintText, { ...props, id: "pin-input-description-" + id, role: "description", className: cx(size === "xxxs" && "text-xs") });
+};
+Description.displayName = "Description";
+var PinInput = Root;
+PinInput.Slot = Slot;
+PinInput.Label = Label2;
+PinInput.Group = Group;
+PinInput.Separator = Separator;
+PinInput.Description = Description;
+
+export { PinInput, usePinInputContext };
+//# sourceMappingURL=pin-input.js.map
+//# sourceMappingURL=pin-input.js.map