silver-ui 0.7.3 → 0.8.1

package/dist/{chunk-Y2GYPMLW.cjs.map → chunk-DDKW5FTM.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Stepper/internal/Step.recipe.ts","../src/components/Stepper/internal/Step.tsx","../src/components/Stepper/Stepper.tsx"],"names":["sva","jsx","Icon","Check","TriangleAlert","jsxs","Text","isReactNode","css","cx"],"mappings":";;;;;;;;;;;;AAGO,IAAM,aAAaA,qBAAA,CAAI;AAAA,EAC5B,KAAA,EAAO;AAAA,IACL,MAAA;AAAA,IACA,SAAA;AAAA,IACA,iBAAA;AAAA,IACA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,OAAA;AAAA,IACA,aAAA;AAAA,IACA,kBAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM;AAAA,MACJ,OAAA,EAAS,MAAA;AAAA,MACT,QAAA,EAAU,UAAA;AAAA,MACV,oCAAA,EAAsC;AAAA,QACpC,OAAA,EAAS;AAAA;AACX,KACF;AAAA,IACA,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,MAAA;AAAA,MACT,aAAA,EAAe;AAAA,KACjB;AAAA,IACA,iBAAiB,EAAC;AAAA,IAClB,SAAA,EAAW;AAAA,MACT,OAAA,EAAS,MAAA;AAAA,MACT,UAAA,EAAY,QAAA;AAAA,MACZ,cAAA,EAAgB,QAAA;AAAA,MAChB,CAAA,EAAG,GAAA;AAAA,MACH,CAAA,EAAG,GAAA;AAAA,MACH,YAAA,EAAc,MAAA;AAAA,MACd,UAAA,EAAY,MAAA;AAAA,MACZ,QAAA,EAAU,IAAA;AAAA,MACV,UAAA,EAAY,UAAA;AAAA,MACZ,UAAA,EAAY,MAAA;AAAA,MACZ,kBAAA,EAAoB,gDAAA;AAAA,MACpB,kBAAA,EAAoB,MAAA;AAAA,MACpB,wBAAA,EAA0B,SAAA;AAAA,MAC1B,UAAA,EAAY,CAAA;AAAA,MACZ,UAAA,EAAY,MAAA;AAAA,MACZ,WAAA,EAAa,YAAA;AAAA,MACb,WAAA,EAAa;AAAA,KACf;AAAA,IACA,QAAA,EAAU;AAAA,MACR,OAAA,EAAS,MAAA;AAAA,MACT,aAAA,EAAe;AAAA,KACjB;AAAA,IACA,KAAA,EAAO;AAAA,MACL,SAAA,EAAW;AAAA,KACb;AAAA,IACA,aAAa,EAAC;AAAA,IACd,gBAAA,EAAkB;AAAA,MAChB,IAAA,EAAM,CAAA;AAAA,MACN,OAAA,EAAS;AAAA,KACX;AAAA,IACA,SAAA,EAAW;AAAA,MACT,YAAA,EAAc,MAAA;AAAA,MACd,kBAAA,EAAoB,kBAAA;AAAA,MACpB,kBAAA,EAAoB,MAAA;AAAA,MACpB,wBAAA,EAA0B;AAAA,KAC5B;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,EAAA,EAAI;AAAA;AACN,GACF;AAAA,EACA,QAAA,EAAU;AAAA,IACR,WAAA,EAAa;AAAA,MACX,UAAA,EAAY;AAAA,QACV,IAAA,EAAM;AAAA,UACJ,aAAA,EAAe,KAAA;AAAA,UACf,UAAA,EAAY,YAAA;AAAA,UACZ,IAAA,EAAM,CAAA;AAAA,UACN,KAAA,EAAO,EAAC,IAAA,EAAM,MAAA;AAAM,SACtB;AAAA,QACA,OAAA,EAAS;AAAA,UACP,UAAA,EAAY,QAAA;AAAA,UACZ,QAAA,EAAU,UAAA;AAAA,UACV,MAAA,EAAQ;AAAA,SACV;AAAA,QACA,QAAA,EAAU;AAAA,UACR,UAAA,EAAY,QAAA;AAAA,UACZ,EAAA,EAAI,GAAA;AAAA,UACJ,IAAA,EAAM;AAAA,SACR;AAAA,QACA,WAAA,EAAa,EAAC,SAAA,EAAW,QAAA,EAAQ;AAAA,QACjC,gBAAA,EAAkB;AAAA,UAChB,UAAA,EAAY,QAAA;AAAA,UACZ,EAAA,EAAI,GAAA;AAAA,UACJ,IAAA,EAAM,GAAA;AAAA,UACN,CAAA,EAAG;AAAA,SACL;AAAA,QACA,SAAA,EAAW,EAAC,CAAA,EAAG,KAAA,EAAO,GAAG,MAAA;AAAM,OACjC;AAAA,MACA,QAAA,EAAU;AAAA,QACR,IAAA,EAAM;AAAA,UACJ,aAAA,EAAe,KAAA;AAAA,UACf,UAAA,EAAY,SAAA;AAAA,UACZ,IAAA,EAAM;AAAA,SACR;AAAA,QACA,OAAA,EAAS;AAAA,UACP,EAAA,EAAI,GAAA;AAAA,UACJ,EAAA,EAAI,GAAA;AAAA,UACJ,IAAA,EAAM;AAAA,SACR;AAAA,QACA,eAAA,EAAiB;AAAA,UACf,OAAA,EAAS,MAAA;AAAA,UACT,aAAA,EAAe,QAAA;AAAA,UACf,UAAA,EAAY,QAAA;AAAA,UACZ,CAAA,EAAG,GAAA;AAAA,UACH,UAAA,EAAY;AAAA,SACd;AAAA,QACA,QAAA,EAAU;AAAA,UACR,UAAA,EAAY,YAAA;AAAA,UACZ,EAAA,EAAI;AAAA,SACN;AAAA,QACA,KAAA,EAAO,EAAC,SAAA,EAAW,OAAA,EAAO;AAAA,QAC1B,WAAA,EAAa,EAAC,SAAA,EAAW,OAAA,EAAO;AAAA,QAChC,gBAAA,EAAkB;AAAA,UAChB,cAAA,EAAgB,QAAA;AAAA,UAChB,EAAA,EAAI;AAAA,SACN;AAAA,QACA,SAAA,EAAW,EAAC,CAAA,EAAG,KAAA,EAAO,GAAG,MAAA;AAAM;AACjC,KACF;AAAA,IACA,KAAA,EAAO;AAAA,MACL,MAAA,EAAQ;AAAA,QACN,SAAA,EAAW;AAAA,UACT,EAAA,EAAI,SAAA;AAAA,UACJ,WAAA,EAAa,SAAA;AAAA,UACb,KAAA,EAAO;AAAA,SACT;AAAA,QACA,KAAA,EAAO,EAAC,KAAA,EAAO,IAAA,EAAM,YAAY,UAAA;AAAU,OAC7C;AAAA,MACA,SAAA,EAAW;AAAA,QACT,SAAA,EAAW;AAAA,UACT,EAAA,EAAI,SAAA;AAAA,UACJ,WAAA,EAAa,SAAA;AAAA,UACb,KAAA,EAAO;AAAA,SACT;AAAA,QACA,KAAA,EAAO,EAAC,KAAA,EAAO,IAAA;AAAI,OACrB;AAAA,MACA,QAAA,EAAU;AAAA,QACR,SAAA,EAAW;AAAA,UACT,EAAA,EAAI,aAAA;AAAA,UACJ,WAAA,EAAa,mBAAA;AAAA,UACb,KAAA,EAAO;AAAA,SACT;AAAA,QACA,KAAA,EAAO,EAAC,KAAA,EAAO,UAAA;AAAU,OAC3B;AAAA,MACA,QAAA,EAAU;AAAA,QACR,SAAA,EAAW;AAAA,UACT,EAAA,EAAI,aAAA;AAAA,UACJ,WAAA,EAAa,QAAA;AAAA,UACb,KAAA,EAAO;AAAA,SACT;AAAA,QACA,KAAA,EAAO,EAAC,KAAA,EAAO,aAAA;AAAa,OAC9B;AAAA,MACA,KAAA,EAAO;AAAA,QACL,SAAA,EAAW;AAAA,UACT,EAAA,EAAI,oBAAA;AAAA,UACJ,WAAA,EAAa,oBAAA;AAAA,UACb,KAAA,EAAO;AAAA,SACT;AAAA,QACA,KAAA,EAAO,EAAC,KAAA,EAAO,iBAAA,EAAiB;AAAA,QAChC,WAAA,EAAa,EAAC,KAAA,EAAO,iBAAA;AAAiB;AACxC,KACF;AAAA,IACA,WAAA,EAAa;AAAA,MACX,IAAA,EAAM;AAAA,QACJ,SAAA,EAAW;AAAA,UACT,MAAA,EAAQ,SAAA;AAAA,UACR,CAAA,EAAG,CAAA;AAAA,UACH,CAAA,EAAG,CAAA;AAAA,UACH,MAAA,EAAQ,EAAC,OAAA,EAAS,IAAA,EAAI;AAAA,UACtB,aAAA,EAAe;AAAA,YACb,YAAA,EAAc,OAAA;AAAA,YACd,YAAA,EAAc,OAAA;AAAA,YACd,YAAA,EAAc,SAAA;AAAA,YACd,aAAA,EAAe;AAAA;AACjB;AACF,OACF;AAAA,MACA,OAAO;AAAC,KACV;AAAA,IACA,WAAA,EAAa;AAAA,MACX,MAAM,EAAC,SAAA,EAAW,EAAC,EAAA,EAAI,WAAS,EAAC;AAAA,MACjC,OAAO,EAAC,SAAA,EAAW,EAAC,EAAA,EAAI,oBAAkB;AAAC;AAC7C,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,WAAA,EAAa,YAAA;AAAA,IACb,KAAA,EAAO,UAAA;AAAA,IACP,WAAA,EAAa,KAAA;AAAA,IACb,WAAA,EAAa;AAAA;AAEjB,CAAC,CAAA;AC/JD,SAAS,YAAA,CAAa;AAAA,EACpB,QAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAA,EAKc;AACZ,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,OAAO,OAAA;AAAA,EACT;AACA,EAAA,IAAI,UAAA,EAAY;AACd,IAAA,OAAO,UAAA;AAAA,EACT;AACA,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,OAAO,QAAA;AAAA,EACT;AACA,EAAA,IAAI,WAAA,EAAa;AACf,IAAA,OAAO,WAAA;AAAA,EACT;AACA,EAAA,OAAO,UAAA;AACT;AAKO,SAAS,IAAA,CAAK;AAAA,EACnB,OAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,WAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,EAAiC;AAC/B,EAAA,MAAM,aAAa,WAAA,KAAgB,UAAA;AACnC,EAAA,MAAM,QAAQ,YAAA,CAAa,EAAC,UAAU,QAAA,EAAU,WAAA,EAAa,YAAW,CAAA;AAExE,EAAA,MAAM,UAAU,UAAA,CAAW,EAAC,aAAa,KAAA,EAAO,WAAA,EAAa,aAAY,CAAA;AAEzE,EAAA,MAAM,uBAAA,GAA0B,WAAA,mBAC9BC,cAAA,CAACC,sBAAA,EAAA,EAAK,OAAM,SAAA,EAAU,IAAA,EAAMC,iBAAA,EAAO,IAAA,EAAK,IAAA,EAAK,CAAA,mBAE7CF,cAAA,CAAC,MAAA,EAAA,EAAM,kBAAQ,CAAA,EAAE,CAAA;AAEnB,EAAA,MAAM,gBAAA,GAAmB,QAAA,mBACvBA,cAAA,CAACC,sBAAA,EAAA,EAAK,KAAA,EAAM,SAAA,EAAU,IAAA,EAAME,yBAAA,EAAe,IAAA,EAAK,IAAA,EAAK,CAAA,GAEpD,IAAA,IAAQ,uBAAA;AAGX,EAAA,MAAM,SAAA,GAAY,QAAA,GACd,CAAA,WAAA,EAAc,KAAA,GAAQ,CAAC,CAAA,EAAA,EAAK,KAAK,CAAA,QAAA,CAAA,GACjC,CAAA,WAAA,EAAc,KAAA,GAAQ,CAAC,CAAA,EAAA,EAAK,KAAK,CAAA,CAAA;AAErC,EAAA,MAAM,YAAY,WAAA,mBAChBH,cAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,SAAA;AAAA,MACZ,WAAW,OAAA,CAAQ,SAAA;AAAA,MACnB,OAAA;AAAA,MACA,IAAA,EAAK,QAAA;AAAA,MACJ,QAAA,EAAA;AAAA;AAAA,GACH,kCAEC,KAAA,EAAA,EAAI,aAAA,EAAY,QAAO,SAAA,EAAW,OAAA,CAAQ,WACxC,QAAA,EAAA,gBAAA,EACH,CAAA;AAGF,EAAA,MAAM,SAAA,mBACJI,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,QAAQ,QAAA,EACtB,QAAA,EAAA;AAAA,oBAAAJ,cAAA,CAACK,sBAAA,EAAA,EAAK,EAAA,EAAG,MAAA,EAAO,SAAA,EAAW,OAAA,CAAQ,OAAO,KAAA,EAAM,SAAA,EAAU,IAAA,EAAK,OAAA,EAC5D,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,IACC,eAAe,IAAA,mBACdL,cAAA;AAAA,MAACK,sBAAA;AAAA,MAAA;AAAA,QACC,EAAA,EAAG,MAAA;AAAA,QACH,WAAW,OAAA,CAAQ,WAAA;AAAA,QACnB,KAAA,EAAM,WAAA;AAAA,QACN,IAAA,EAAK,YAAA;AAAA,QACJ,QAAA,EAAA;AAAA;AAAA,KACH,GACE;AAAA,GAAA,EACN,CAAA;AAGF,EAAA,IAAI,UAAA,EAAY;AACd,IAAA,uBACED,eAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,cAAA,EAAc,WAAW,MAAA,GAAS,MAAA;AAAA,QAClC,WAAW,OAAA,CAAQ,IAAA;AAAA,QACnB,aAAA,EAAa,UAAA;AAAA,QACb,QAAA,EAAA;AAAA,0BAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,eAAA,EACrB,QAAA,EAAA;AAAA,YAAA,SAAA;AAAA,4BACDJ,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,gBAAA,EAAkB,qBAAA,EAAoB,EAAA,EAC5D,QAAA,kBAAAA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,SAAA,EAAW,CAAA,EACrC;AAAA,WAAA,EACF,CAAA;AAAA,0BACAI,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,OAAA,EACrB,QAAA,EAAA;AAAA,YAAA,SAAA;AAAA,YACAE,6BAAA,CAAY,OAAO,CAAA,mBAClBN,cAAA,CAAC,SAAI,SAAA,EAAW,OAAA,CAAQ,eAAA,EAAkB,QAAA,EAAA,OAAA,EAAQ,CAAA,GAChD;AAAA,WAAA,EACN;AAAA;AAAA;AAAA,KACF;AAAA,EAEJ;AAEA,EAAA,uBACEI,eAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,cAAA,EAAc,WAAW,MAAA,GAAS,MAAA;AAAA,MAClC,WAAW,OAAA,CAAQ,IAAA;AAAA,MACnB,aAAA,EAAa,UAAA;AAAA,MACb,QAAA,EAAA;AAAA,wBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,OAAA,EACrB,QAAA,EAAA;AAAA,UAAA,SAAA;AAAA,UACA;AAAA,SAAA,EACH,CAAA;AAAA,wBACAJ,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,gBAAA,EAAkB,qBAAA,EAAoB,EAAA,EAC5D,QAAA,kBAAAA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,SAAA,EAAW,CAAA,EACrC;AAAA;AAAA;AAAA,GACF;AAEJ;AAEA,IAAA,CAAK,WAAA,GAAc,MAAA;AChFnB,IAAM,MAAA,GAAS;AAAA,EACb,MAAMO,qBAAA,CAAI;AAAA,IACR,OAAA,EAAS,MAAA;AAAA,IACT,CAAA,EAAG,MAAA;AAAA,IACH,CAAA,EAAG,CAAA;AAAA,IACH,CAAA,EAAG,CAAA;AAAA,IACH,aAAA,EAAe;AAAA,GAChB,CAAA;AAAA,EACD,YAAYA,qBAAA,CAAI;AAAA,IACd,aAAA,EAAe,KAAA;AAAA,IACf,UAAA,EAAY;AAAA,GACb,CAAA;AAAA,EACD,UAAUA,qBAAA,CAAI;AAAA,IACZ,aAAA,EAAe;AAAA,GAChB;AACH,CAAA;AAKO,SAAS,OAAA,CAAQ;AAAA,EACtB,UAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,KAAA,GAAQ,UAAA;AAAA,EACR,WAAA;AAAA,EACA,WAAA,GAAc,YAAA;AAAA,EACd,GAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAA,EAAoC;AAClC,EAAA,MAAM,cAAc,WAAA,IAAe,IAAA;AACnC,EAAA,MAAM,cAAc,KAAA,CAAM,SAAA,CAAU,CAAA,IAAA,KAAQ,IAAA,CAAK,OAAO,UAAU,CAAA;AAElE,EAAA,uBACEP,cAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,KAAA;AAAA,MACZ,SAAA;AAAA,MACA,aAAA,EAAa,UAAA;AAAA,MACb,GAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA,kBAAAA,cAAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAWQ,oBAAA;AAAA,YACT,MAAA,CAAO,IAAA;AAAA,YACP,WAAA,KAAgB,YAAA,GAAe,MAAA,CAAO,UAAA,GAAa,MAAA,CAAO;AAAA,WAC5D;AAAA,UACC,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,KAAU;AAC1B,YAAA,MAAM,WAAW,KAAA,KAAU,WAAA;AAC3B,YAAA,MAAM,UAAA,GAAa,KAAK,UAAA,IAAc,KAAA;AACtC,YAAA,MAAM,QAAA,GAAW,KAAK,QAAA,IAAY,KAAA;AAClC,YAAA,MAAM,WAAA,GACJ,IAAA,CAAK,WAAA,KAAgB,WAAA,KAAgB,MAAM,KAAA,GAAQ,WAAA,CAAA;AACrD,YAAA,MAAM,WAAA,GACJ,WAAA,IAAe,CAAC,UAAA,KAAe,WAAA,IAAe,QAAA,CAAA;AAEhD,YAAA,uBACER,cAAAA;AAAA,cAAC,IAAA;AAAA,cAAA;AAAA,gBACC,SAAS,IAAA,CAAK,OAAA;AAAA,gBACd,aAAA,EAAa,KAAK,aAAa,CAAA;AAAA,gBAC/B,aAAa,IAAA,CAAK,WAAA;AAAA,gBAClB,QAAA;AAAA,gBACA,MAAM,IAAA,CAAK,IAAA;AAAA,gBACX,KAAA;AAAA,gBACA,QAAA;AAAA,gBACA,WAAA;AAAA,gBACA,WAAA;AAAA,gBACA,UAAA;AAAA,gBAEA,OAAO,IAAA,CAAK,KAAA;AAAA,gBACZ,OAAA,EAAS,MAAM,WAAA,GAAc,IAAA,CAAK,EAAE,CAAA;AAAA,gBACpC;AAAA,eAAA;AAAA,cAHK,IAAA,CAAK;AAAA,aAIZ;AAAA,UAEJ,CAAC;AAAA;AAAA;AACH;AAAA,GACF;AAEJ;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA","file":"chunk-Y2GYPMLW.cjs","sourcesContent":["import type {StepState} from 'components/Stepper/internal/Step';\nimport {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const stepRecipe = sva({\n  slots: [\n    'root',\n    'content',\n    'indicatorColumn',\n    'indicator',\n    'labelRow',\n    'label',\n    'description',\n    'connectorWrapper',\n    'connector',\n    'childrenContent',\n  ],\n  base: {\n    root: {\n      display: 'flex',\n      position: 'relative',\n      '&:last-child [data-step-connector]': {\n        display: 'none',\n      },\n    },\n    content: {\n      display: 'flex',\n      flexDirection: 'column',\n    },\n    indicatorColumn: {},\n    indicator: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      w: '7',\n      h: '7',\n      borderRadius: 'full',\n      fontFamily: 'body',\n      fontSize: 'sm',\n      fontWeight: 'semibold',\n      lineHeight: 'none',\n      transitionProperty: 'background-color, color, border-color, opacity',\n      transitionDuration: 'fast',\n      transitionTimingFunction: 'default',\n      flexShrink: 0,\n      userSelect: 'none',\n      borderWidth: 'emphasized',\n      borderStyle: 'solid',\n    },\n    labelRow: {\n      display: 'flex',\n      flexDirection: 'column',\n    },\n    label: {\n      textAlign: 'center',\n    },\n    description: {},\n    connectorWrapper: {\n      flex: 1,\n      display: 'flex',\n    },\n    connector: {\n      borderRadius: 'full',\n      transitionProperty: 'background-color',\n      transitionDuration: 'fast',\n      transitionTimingFunction: 'default',\n    },\n    childrenContent: {\n      pt: '3',\n    },\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        root: {\n          flexDirection: 'row',\n          alignItems: 'flex-start',\n          flex: 1,\n          _last: {flex: 'none'},\n        },\n        content: {\n          alignItems: 'center',\n          position: 'relative',\n          zIndex: 1,\n        },\n        labelRow: {\n          alignItems: 'center',\n          pt: '1',\n          maxW: '120px',\n        },\n        description: {textAlign: 'center'},\n        connectorWrapper: {\n          alignItems: 'center',\n          px: '2',\n          minW: '6',\n          h: '7',\n        },\n        connector: {h: '0.5', w: 'full'},\n      },\n      vertical: {\n        root: {\n          flexDirection: 'row',\n          alignItems: 'stretch',\n          minH: '12',\n        },\n        content: {\n          ps: '3',\n          pb: '6',\n          flex: 1,\n        },\n        indicatorColumn: {\n          display: 'flex',\n          flexDirection: 'column',\n          alignItems: 'center',\n          w: '7',\n          flexShrink: 0,\n        },\n        labelRow: {\n          alignItems: 'flex-start',\n          pt: '0.5',\n        },\n        label: {textAlign: 'start'},\n        description: {textAlign: 'start'},\n        connectorWrapper: {\n          justifyContent: 'center',\n          py: '1',\n        },\n        connector: {w: '0.5', h: 'full'},\n      },\n    },\n    state: {\n      active: {\n        indicator: {\n          bg: 'primary',\n          borderColor: 'primary',\n          color: 'fg.onPrimary',\n        },\n        label: {color: 'fg', fontWeight: 'semibold'},\n      },\n      completed: {\n        indicator: {\n          bg: 'primary',\n          borderColor: 'primary',\n          color: 'fg.onPrimary',\n        },\n        label: {color: 'fg'},\n      },\n      upcoming: {\n        indicator: {\n          bg: 'transparent',\n          borderColor: 'border.emphasized',\n          color: 'fg.muted',\n        },\n        label: {color: 'fg.muted'},\n      },\n      disabled: {\n        indicator: {\n          bg: 'transparent',\n          borderColor: 'border',\n          color: 'fg.disabled',\n        },\n        label: {color: 'fg.disabled'},\n      },\n      error: {\n        indicator: {\n          bg: 'status.error.solid',\n          borderColor: 'status.error.solid',\n          color: 'status.error.solidFg',\n        },\n        label: {color: 'status.error.fg'},\n        description: {color: 'status.error.fg'},\n      },\n    } satisfies Record<StepState, object>,\n    isClickable: {\n      true: {\n        indicator: {\n          cursor: 'pointer',\n          m: 0,\n          p: 0,\n          _hover: {opacity: 0.85},\n          _focusVisible: {\n            outlineWidth: 'focus',\n            outlineStyle: 'solid',\n            outlineColor: 'primary',\n            outlineOffset: 'focusOffset',\n          },\n        },\n      },\n      false: {},\n    },\n    isCompleted: {\n      true: {connector: {bg: 'primary'}},\n      false: {connector: {bg: 'track.emphasized'}},\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n    state: 'upcoming',\n    isClickable: false,\n    isCompleted: false,\n  },\n});\n\nexport type StepVariants = RecipeVariantProps<typeof stepRecipe>;\n","import {Check, TriangleAlert} from 'lucide-react';\nimport type {ReactNode} from 'react';\nimport {Icon} from 'components/Icon';\nimport type {StepperOrientation} from 'components/Stepper/Stepper';\nimport {stepRecipe} from 'components/Stepper/internal/Step.recipe';\nimport {Text} from 'components/Text';\nimport isReactNode from 'internal/isReactNode';\n\nexport type StepState =\n  | 'active'\n  | 'completed'\n  | 'disabled'\n  | 'error'\n  | 'upcoming';\n\n/**\n * Resolved props for a single rendered step. Computed by `Stepper`; not part of\n * the public API.\n */\nexport interface StepProps {\n  content?: ReactNode;\n  'data-testid'?: string;\n  description?: string;\n  hasError: boolean;\n  icon?: ReactNode;\n  /**\n   * Zero-based position of this step within the stepper.\n   */\n  index: number;\n  isActive: boolean;\n  isClickable: boolean;\n  isCompleted: boolean;\n  isDisabled: boolean;\n  label: string;\n  /**\n   * Invoked when a clickable indicator is activated.\n   */\n  onClick: () => void;\n  orientation: StepperOrientation;\n}\n\nfunction getStepState({\n  hasError,\n  isActive,\n  isCompleted,\n  isDisabled,\n}: {\n  hasError: boolean;\n  isActive: boolean;\n  isCompleted: boolean;\n  isDisabled: boolean;\n}): StepState {\n  if (hasError) {\n    return 'error';\n  }\n  if (isDisabled) {\n    return 'disabled';\n  }\n  if (isActive) {\n    return 'active';\n  }\n  if (isCompleted) {\n    return 'completed';\n  }\n  return 'upcoming';\n}\n\n/**\n * Individual step within a `Stepper`. Rendered internally by `Stepper`.\n */\nexport function Step({\n  content,\n  'data-testid': dataTestId,\n  description,\n  hasError,\n  icon,\n  index,\n  isActive,\n  isClickable,\n  isCompleted,\n  isDisabled,\n  label,\n  onClick,\n  orientation,\n}: StepProps): React.JSX.Element {\n  const isVertical = orientation === 'vertical';\n  const state = getStepState({hasError, isActive, isCompleted, isDisabled});\n\n  const classes = stepRecipe({orientation, state, isClickable, isCompleted});\n\n  const defaultIndicatorContent = isCompleted ? (\n    <Icon color=\"inherit\" icon={Check} size=\"sm\" />\n  ) : (\n    <span>{index + 1}</span>\n  );\n  const indicatorContent = hasError ? (\n    <Icon color=\"inherit\" icon={TriangleAlert} size=\"sm\" />\n  ) : (\n    (icon ?? defaultIndicatorContent)\n  );\n\n  const stepLabel = hasError\n    ? `Go to step ${index + 1}: ${label} (error)`\n    : `Go to step ${index + 1}: ${label}`;\n\n  const indicator = isClickable ? (\n    <button\n      aria-label={stepLabel}\n      className={classes.indicator}\n      onClick={onClick}\n      type=\"button\">\n      {indicatorContent}\n    </button>\n  ) : (\n    <div aria-hidden=\"true\" className={classes.indicator}>\n      {indicatorContent}\n    </div>\n  );\n\n  const labelNode = (\n    <div className={classes.labelRow}>\n      <Text as=\"span\" className={classes.label} color=\"inherit\" type=\"label\">\n        {label}\n      </Text>\n      {description != null ? (\n        <Text\n          as=\"span\"\n          className={classes.description}\n          color=\"secondary\"\n          type=\"supporting\">\n          {description}\n        </Text>\n      ) : null}\n    </div>\n  );\n\n  if (isVertical) {\n    return (\n      <li\n        aria-current={isActive ? 'step' : undefined}\n        className={classes.root}\n        data-testid={dataTestId}>\n        <div className={classes.indicatorColumn}>\n          {indicator}\n          <div className={classes.connectorWrapper} data-step-connector=\"\">\n            <div className={classes.connector} />\n          </div>\n        </div>\n        <div className={classes.content}>\n          {labelNode}\n          {isReactNode(content) ? (\n            <div className={classes.childrenContent}>{content}</div>\n          ) : null}\n        </div>\n      </li>\n    );\n  }\n\n  return (\n    <li\n      aria-current={isActive ? 'step' : undefined}\n      className={classes.root}\n      data-testid={dataTestId}>\n      <div className={classes.content}>\n        {indicator}\n        {labelNode}\n      </div>\n      <div className={classes.connectorWrapper} data-step-connector=\"\">\n        <div className={classes.connector} />\n      </div>\n    </li>\n  );\n}\n\nStep.displayName = 'Step';\n","import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {Step} from 'components/Stepper/internal/Step';\nimport {cx} from 'internal/cx';\nimport {css} from 'styled-system/css';\n\nexport type StepperOrientation = 'horizontal' | 'vertical';\n\nexport interface StepConfig {\n  /**\n   * Content rendered below the label and description in vertical steppers.\n   */\n  content?: ReactNode;\n  /**\n   * Test ID applied to the step's list item.\n   */\n  'data-testid'?: string;\n  /**\n   * Optional supporting text.\n   */\n  description?: string;\n  /**\n   * Whether the step has an error.\n   * @default false\n   */\n  hasError?: boolean;\n  /**\n   * Custom indicator content replacing the number or check icon.\n   */\n  icon?: ReactNode;\n  /**\n   * Stable identifier for the step. Referenced by `activeStep` and passed to\n   * `onStepClick`, and used as the React key when rendering.\n   */\n  id: string;\n  /**\n   * Override the automatically computed completed state. By default a step is\n   * completed when it appears before the active step.\n   */\n  isCompleted?: boolean;\n  /**\n   * Whether the step is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Step label.\n   */\n  label: string;\n}\n\nexport interface StepperProps {\n  /**\n   * `id` of the active step. A step is completed when it appears before the\n   * active step in `steps`; pass an `id` that is not in `steps` (or mark steps\n   * `isCompleted`) to represent a fully finished sequence.\n   */\n  activeStep: string;\n  /**\n   * Additional CSS class names applied to the ordered list.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the ordered list.\n   */\n  'data-testid'?: string;\n  /**\n   * Accessible label for the navigation landmark.\n   * @default 'Progress'\n   */\n  label?: string;\n  /**\n   * Called with the step `id` when a completed or active step indicator is\n   * clicked.\n   */\n  onStepClick?: (id: string) => void;\n  /**\n   * Layout direction.\n   * @default 'horizontal'\n   */\n  orientation?: StepperOrientation;\n  /**\n   * Ref forwarded to the navigation element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Ordered list of steps to render.\n   */\n  steps: StepConfig[];\n  /**\n   * Inline styles applied to the ordered list.\n   */\n  style?: CSSProperties;\n}\n\nconst styles = {\n  root: css({\n    display: 'flex',\n    w: 'full',\n    m: 0,\n    p: 0,\n    listStyleType: 'none',\n  }),\n  horizontal: css({\n    flexDirection: 'row',\n    alignItems: 'flex-start',\n  }),\n  vertical: css({\n    flexDirection: 'column',\n  }),\n} as const;\n\n/**\n * Displays progress through a sequence of logical steps.\n */\nexport function Stepper({\n  activeStep,\n  className,\n  'data-testid': dataTestId,\n  label = 'Progress',\n  onStepClick,\n  orientation = 'horizontal',\n  ref,\n  steps,\n  style,\n}: StepperProps): React.JSX.Element {\n  const isNonLinear = onStepClick != null;\n  const activeIndex = steps.findIndex(step => step.id === activeStep);\n\n  return (\n    <nav\n      aria-label={label}\n      className={className}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      <ol\n        className={cx(\n          styles.root,\n          orientation === 'horizontal' ? styles.horizontal : styles.vertical,\n        )}>\n        {steps.map((step, index) => {\n          const isActive = index === activeIndex;\n          const isDisabled = step.isDisabled ?? false;\n          const hasError = step.hasError ?? false;\n          const isCompleted =\n            step.isCompleted ?? (activeIndex !== -1 && index < activeIndex);\n          const isClickable =\n            isNonLinear && !isDisabled && (isCompleted || isActive);\n\n          return (\n            <Step\n              content={step.content}\n              data-testid={step['data-testid']}\n              description={step.description}\n              hasError={hasError}\n              icon={step.icon}\n              index={index}\n              isActive={isActive}\n              isClickable={isClickable}\n              isCompleted={isCompleted}\n              isDisabled={isDisabled}\n              key={step.id}\n              label={step.label}\n              onClick={() => onStepClick?.(step.id)}\n              orientation={orientation}\n            />\n          );\n        })}\n      </ol>\n    </nav>\n  );\n}\n\nStepper.displayName = 'Stepper';\n"]}
+{"version":3,"sources":["../src/components/Stepper/internal/Step.recipe.ts","../src/components/Stepper/internal/Step.tsx","../src/components/Stepper/Stepper.tsx"],"names":["sva","jsx","Icon","Check","TriangleAlert","jsxs","Text","isReactNode","css","cx"],"mappings":"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","file":"chunk-DDKW5FTM.cjs","sourcesContent":["import type {StepState} from 'components/Stepper/internal/Step';\nimport {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const stepRecipe = sva({\n  slots: [\n    'root',\n    'content',\n    'indicatorColumn',\n    'indicator',\n    'labelRow',\n    'label',\n    'description',\n    'connectorWrapper',\n    'connector',\n    'childrenContent',\n  ],\n  base: {\n    root: {\n      display: 'flex',\n      position: 'relative',\n      '&:last-child [data-step-connector]': {\n        display: 'none',\n      },\n    },\n    content: {\n      display: 'flex',\n      flexDirection: 'column',\n    },\n    indicatorColumn: {},\n    indicator: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      w: '7',\n      h: '7',\n      borderRadius: 'full',\n      fontFamily: 'body',\n      fontSize: 'sm',\n      fontWeight: 'semibold',\n      lineHeight: 'none',\n      transitionProperty: 'background-color, color, border-color, opacity',\n      transitionDuration: 'fast',\n      transitionTimingFunction: 'default',\n      flexShrink: 0,\n      userSelect: 'none',\n      borderWidth: 'emphasized',\n      borderStyle: 'solid',\n    },\n    labelRow: {\n      display: 'flex',\n      flexDirection: 'column',\n    },\n    label: {\n      textAlign: 'center',\n    },\n    description: {},\n    connectorWrapper: {\n      flex: 1,\n      display: 'flex',\n    },\n    connector: {\n      borderRadius: 'full',\n      transitionProperty: 'background-color',\n      transitionDuration: 'fast',\n      transitionTimingFunction: 'default',\n    },\n    childrenContent: {\n      pt: '3',\n    },\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        root: {\n          flexDirection: 'row',\n          alignItems: 'flex-start',\n          flex: 1,\n          _last: {flex: 'none'},\n        },\n        content: {\n          alignItems: 'center',\n          position: 'relative',\n          zIndex: 1,\n        },\n        labelRow: {\n          alignItems: 'center',\n          pt: '1',\n          maxW: '120px',\n        },\n        description: {textAlign: 'center'},\n        connectorWrapper: {\n          alignItems: 'center',\n          px: '2',\n          minW: '6',\n          h: '7',\n        },\n        connector: {h: '0.5', w: 'full'},\n      },\n      vertical: {\n        root: {\n          flexDirection: 'row',\n          alignItems: 'stretch',\n          minH: '12',\n        },\n        content: {\n          ps: '3',\n          pb: '6',\n          flex: 1,\n        },\n        indicatorColumn: {\n          display: 'flex',\n          flexDirection: 'column',\n          alignItems: 'center',\n          w: '7',\n          flexShrink: 0,\n        },\n        labelRow: {\n          alignItems: 'flex-start',\n          pt: '0.5',\n        },\n        label: {textAlign: 'start'},\n        description: {textAlign: 'start'},\n        connectorWrapper: {\n          justifyContent: 'center',\n          py: '1',\n        },\n        connector: {w: '0.5', h: 'full'},\n      },\n    },\n    state: {\n      active: {\n        indicator: {\n          bg: 'primary',\n          borderColor: 'primary',\n          color: 'fg.onPrimary',\n        },\n        label: {color: 'fg', fontWeight: 'semibold'},\n      },\n      completed: {\n        indicator: {\n          bg: 'primary',\n          borderColor: 'primary',\n          color: 'fg.onPrimary',\n        },\n        label: {color: 'fg'},\n      },\n      upcoming: {\n        indicator: {\n          bg: 'transparent',\n          borderColor: 'border.emphasized',\n          color: 'fg.muted',\n        },\n        label: {color: 'fg.muted'},\n      },\n      disabled: {\n        indicator: {\n          bg: 'transparent',\n          borderColor: 'border',\n          color: 'fg.disabled',\n        },\n        label: {color: 'fg.disabled'},\n      },\n      error: {\n        indicator: {\n          bg: 'status.error.solid',\n          borderColor: 'status.error.solid',\n          color: 'status.error.solidFg',\n        },\n        label: {color: 'status.error.fg'},\n        description: {color: 'status.error.fg'},\n      },\n    } satisfies Record<StepState, object>,\n    isClickable: {\n      true: {\n        indicator: {\n          cursor: 'pointer',\n          m: 0,\n          p: 0,\n          _hover: {opacity: 0.85},\n          _focusVisible: {\n            outlineWidth: 'focus',\n            outlineStyle: 'solid',\n            outlineColor: 'primary',\n            outlineOffset: 'focusOffset',\n          },\n        },\n      },\n      false: {},\n    },\n    isCompleted: {\n      true: {connector: {bg: 'primary'}},\n      false: {connector: {bg: 'track.emphasized'}},\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n    state: 'upcoming',\n    isClickable: false,\n    isCompleted: false,\n  },\n});\n\nexport type StepVariants = RecipeVariantProps<typeof stepRecipe>;\n","'use client';\n\nimport {Check, TriangleAlert} from 'lucide-react';\nimport type {ReactNode} from 'react';\nimport {Icon} from 'components/Icon';\nimport type {StepperOrientation} from 'components/Stepper/Stepper';\nimport {stepRecipe} from 'components/Stepper/internal/Step.recipe';\nimport {Text} from 'components/Text';\nimport isReactNode from 'internal/isReactNode';\n\nexport type StepState =\n  | 'active'\n  | 'completed'\n  | 'disabled'\n  | 'error'\n  | 'upcoming';\n\n/**\n * Resolved props for a single rendered step. Computed by `Stepper`; not part of\n * the public API.\n */\nexport interface StepProps {\n  content?: ReactNode;\n  'data-testid'?: string;\n  description?: string;\n  hasError: boolean;\n  icon?: ReactNode;\n  /**\n   * Zero-based position of this step within the stepper.\n   */\n  index: number;\n  isActive: boolean;\n  isClickable: boolean;\n  isCompleted: boolean;\n  isDisabled: boolean;\n  label: string;\n  /**\n   * Invoked when a clickable indicator is activated.\n   */\n  onClick: () => void;\n  orientation: StepperOrientation;\n}\n\nfunction getStepState({\n  hasError,\n  isActive,\n  isCompleted,\n  isDisabled,\n}: {\n  hasError: boolean;\n  isActive: boolean;\n  isCompleted: boolean;\n  isDisabled: boolean;\n}): StepState {\n  if (hasError) {\n    return 'error';\n  }\n  if (isDisabled) {\n    return 'disabled';\n  }\n  if (isActive) {\n    return 'active';\n  }\n  if (isCompleted) {\n    return 'completed';\n  }\n  return 'upcoming';\n}\n\n/**\n * Individual step within a `Stepper`. Rendered internally by `Stepper`.\n */\nexport function Step({\n  content,\n  'data-testid': dataTestId,\n  description,\n  hasError,\n  icon,\n  index,\n  isActive,\n  isClickable,\n  isCompleted,\n  isDisabled,\n  label,\n  onClick,\n  orientation,\n}: StepProps): React.JSX.Element {\n  const isVertical = orientation === 'vertical';\n  const state = getStepState({hasError, isActive, isCompleted, isDisabled});\n\n  const classes = stepRecipe({orientation, state, isClickable, isCompleted});\n\n  const defaultIndicatorContent = isCompleted ? (\n    <Icon color=\"inherit\" icon={Check} size=\"sm\" />\n  ) : (\n    <span>{index + 1}</span>\n  );\n  const indicatorContent = hasError ? (\n    <Icon color=\"inherit\" icon={TriangleAlert} size=\"sm\" />\n  ) : (\n    (icon ?? defaultIndicatorContent)\n  );\n\n  const stepLabel = hasError\n    ? `Go to step ${index + 1}: ${label} (error)`\n    : `Go to step ${index + 1}: ${label}`;\n\n  const indicator = isClickable ? (\n    <button\n      aria-label={stepLabel}\n      className={classes.indicator}\n      onClick={onClick}\n      type=\"button\">\n      {indicatorContent}\n    </button>\n  ) : (\n    <div aria-hidden=\"true\" className={classes.indicator}>\n      {indicatorContent}\n    </div>\n  );\n\n  const labelNode = (\n    <div className={classes.labelRow}>\n      <Text as=\"span\" className={classes.label} color=\"inherit\" type=\"label\">\n        {label}\n      </Text>\n      {description != null ? (\n        <Text\n          as=\"span\"\n          className={classes.description}\n          color=\"secondary\"\n          type=\"supporting\">\n          {description}\n        </Text>\n      ) : null}\n    </div>\n  );\n\n  if (isVertical) {\n    return (\n      <li\n        aria-current={isActive ? 'step' : undefined}\n        className={classes.root}\n        data-testid={dataTestId}>\n        <div className={classes.indicatorColumn}>\n          {indicator}\n          <div className={classes.connectorWrapper} data-step-connector=\"\">\n            <div className={classes.connector} />\n          </div>\n        </div>\n        <div className={classes.content}>\n          {labelNode}\n          {isReactNode(content) ? (\n            <div className={classes.childrenContent}>{content}</div>\n          ) : null}\n        </div>\n      </li>\n    );\n  }\n\n  return (\n    <li\n      aria-current={isActive ? 'step' : undefined}\n      className={classes.root}\n      data-testid={dataTestId}>\n      <div className={classes.content}>\n        {indicator}\n        {labelNode}\n      </div>\n      <div className={classes.connectorWrapper} data-step-connector=\"\">\n        <div className={classes.connector} />\n      </div>\n    </li>\n  );\n}\n\nStep.displayName = 'Step';\n","'use client';\n\nimport type {CSSProperties, ReactNode, Ref} from 'react';\nimport {Step} from 'components/Stepper/internal/Step';\nimport {cx} from 'internal/cx';\nimport {css} from 'styled-system/css';\n\nexport type StepperOrientation = 'horizontal' | 'vertical';\n\nexport interface StepConfig {\n  /**\n   * Content rendered below the label and description in vertical steppers.\n   */\n  content?: ReactNode;\n  /**\n   * Test ID applied to the step's list item.\n   */\n  'data-testid'?: string;\n  /**\n   * Optional supporting text.\n   */\n  description?: string;\n  /**\n   * Whether the step has an error.\n   * @default false\n   */\n  hasError?: boolean;\n  /**\n   * Custom indicator content replacing the number or check icon.\n   */\n  icon?: ReactNode;\n  /**\n   * Stable identifier for the step. Referenced by `activeStep` and passed to\n   * `onStepClick`, and used as the React key when rendering.\n   */\n  id: string;\n  /**\n   * Override the automatically computed completed state. By default a step is\n   * completed when it appears before the active step.\n   */\n  isCompleted?: boolean;\n  /**\n   * Whether the step is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Step label.\n   */\n  label: string;\n}\n\nexport interface StepperProps {\n  /**\n   * `id` of the active step. A step is completed when it appears before the\n   * active step in `steps`; pass an `id` that is not in `steps` (or mark steps\n   * `isCompleted`) to represent a fully finished sequence.\n   */\n  activeStep: string;\n  /**\n   * Additional CSS class names applied to the ordered list.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the ordered list.\n   */\n  'data-testid'?: string;\n  /**\n   * Accessible label for the navigation landmark.\n   * @default 'Progress'\n   */\n  label?: string;\n  /**\n   * Called with the step `id` when a completed or active step indicator is\n   * clicked.\n   */\n  onStepClick?: (id: string) => void;\n  /**\n   * Layout direction.\n   * @default 'horizontal'\n   */\n  orientation?: StepperOrientation;\n  /**\n   * Ref forwarded to the navigation element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Ordered list of steps to render.\n   */\n  steps: StepConfig[];\n  /**\n   * Inline styles applied to the ordered list.\n   */\n  style?: CSSProperties;\n}\n\nconst styles = {\n  root: css({\n    display: 'flex',\n    w: 'full',\n    m: 0,\n    p: 0,\n    listStyleType: 'none',\n  }),\n  horizontal: css({\n    flexDirection: 'row',\n    alignItems: 'flex-start',\n  }),\n  vertical: css({\n    flexDirection: 'column',\n  }),\n} as const;\n\n/**\n * Displays progress through a sequence of logical steps.\n */\nexport function Stepper({\n  activeStep,\n  className,\n  'data-testid': dataTestId,\n  label = 'Progress',\n  onStepClick,\n  orientation = 'horizontal',\n  ref,\n  steps,\n  style,\n}: StepperProps): React.JSX.Element {\n  const isNonLinear = onStepClick != null;\n  const activeIndex = steps.findIndex(step => step.id === activeStep);\n\n  return (\n    <nav\n      aria-label={label}\n      className={className}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      <ol\n        className={cx(\n          styles.root,\n          orientation === 'horizontal' ? styles.horizontal : styles.vertical,\n        )}>\n        {steps.map((step, index) => {\n          const isActive = index === activeIndex;\n          const isDisabled = step.isDisabled ?? false;\n          const hasError = step.hasError ?? false;\n          const isCompleted =\n            step.isCompleted ?? (activeIndex !== -1 && index < activeIndex);\n          const isClickable =\n            isNonLinear && !isDisabled && (isCompleted || isActive);\n\n          return (\n            <Step\n              content={step.content}\n              data-testid={step['data-testid']}\n              description={step.description}\n              hasError={hasError}\n              icon={step.icon}\n              index={index}\n              isActive={isActive}\n              isClickable={isClickable}\n              isCompleted={isCompleted}\n              isDisabled={isDisabled}\n              key={step.id}\n              label={step.label}\n              onClick={() => onStepClick?.(step.id)}\n              orientation={orientation}\n            />\n          );\n        })}\n      </ol>\n    </nav>\n  );\n}\n\nStepper.displayName = 'Stepper';\n"]}

package/dist/{chunk-6KGF66TR.js → chunk-DRWW5XMD.js}

@@ -1,4 +1,5 @@
-import { Text } from './chunk-5GSRIOXE.js';
+'use client';
+import { Text } from './chunk-4G644ETX.js';
 import { isReactNode } from './chunk-2PSZAWLC.js';
 import { Icon } from './chunk-IUW777WZ.js';
 import { sva } from './chunk-IAVZKGZS.js';
@@ -385,5 +386,5 @@ function Stepper({
 Stepper.displayName = "Stepper";
 
 export { Stepper };
-//# sourceMappingURL=chunk-6KGF66TR.js.map
-//# sourceMappingURL=chunk-6KGF66TR.js.map
+//# sourceMappingURL=chunk-DRWW5XMD.js.map
+//# sourceMappingURL=chunk-DRWW5XMD.js.map

package/dist/{chunk-6KGF66TR.js.map → chunk-DRWW5XMD.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Stepper/internal/Step.recipe.ts","../src/components/Stepper/internal/Step.tsx","../src/components/Stepper/Stepper.tsx"],"names":["jsx"],"mappings":"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","file":"chunk-6KGF66TR.js","sourcesContent":["import type {StepState} from 'components/Stepper/internal/Step';\nimport {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const stepRecipe = sva({\n  slots: [\n    'root',\n    'content',\n    'indicatorColumn',\n    'indicator',\n    'labelRow',\n    'label',\n    'description',\n    'connectorWrapper',\n    'connector',\n    'childrenContent',\n  ],\n  base: {\n    root: {\n      display: 'flex',\n      position: 'relative',\n      '&:last-child [data-step-connector]': {\n        display: 'none',\n      },\n    },\n    content: {\n      display: 'flex',\n      flexDirection: 'column',\n    },\n    indicatorColumn: {},\n    indicator: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      w: '7',\n      h: '7',\n      borderRadius: 'full',\n      fontFamily: 'body',\n      fontSize: 'sm',\n      fontWeight: 'semibold',\n      lineHeight: 'none',\n      transitionProperty: 'background-color, color, border-color, opacity',\n      transitionDuration: 'fast',\n      transitionTimingFunction: 'default',\n      flexShrink: 0,\n      userSelect: 'none',\n      borderWidth: 'emphasized',\n      borderStyle: 'solid',\n    },\n    labelRow: {\n      display: 'flex',\n      flexDirection: 'column',\n    },\n    label: {\n      textAlign: 'center',\n    },\n    description: {},\n    connectorWrapper: {\n      flex: 1,\n      display: 'flex',\n    },\n    connector: {\n      borderRadius: 'full',\n      transitionProperty: 'background-color',\n      transitionDuration: 'fast',\n      transitionTimingFunction: 'default',\n    },\n    childrenContent: {\n      pt: '3',\n    },\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        root: {\n          flexDirection: 'row',\n          alignItems: 'flex-start',\n          flex: 1,\n          _last: {flex: 'none'},\n        },\n        content: {\n          alignItems: 'center',\n          position: 'relative',\n          zIndex: 1,\n        },\n        labelRow: {\n          alignItems: 'center',\n          pt: '1',\n          maxW: '120px',\n        },\n        description: {textAlign: 'center'},\n        connectorWrapper: {\n          alignItems: 'center',\n          px: '2',\n          minW: '6',\n          h: '7',\n        },\n        connector: {h: '0.5', w: 'full'},\n      },\n      vertical: {\n        root: {\n          flexDirection: 'row',\n          alignItems: 'stretch',\n          minH: '12',\n        },\n        content: {\n          ps: '3',\n          pb: '6',\n          flex: 1,\n        },\n        indicatorColumn: {\n          display: 'flex',\n          flexDirection: 'column',\n          alignItems: 'center',\n          w: '7',\n          flexShrink: 0,\n        },\n        labelRow: {\n          alignItems: 'flex-start',\n          pt: '0.5',\n        },\n        label: {textAlign: 'start'},\n        description: {textAlign: 'start'},\n        connectorWrapper: {\n          justifyContent: 'center',\n          py: '1',\n        },\n        connector: {w: '0.5', h: 'full'},\n      },\n    },\n    state: {\n      active: {\n        indicator: {\n          bg: 'primary',\n          borderColor: 'primary',\n          color: 'fg.onPrimary',\n        },\n        label: {color: 'fg', fontWeight: 'semibold'},\n      },\n      completed: {\n        indicator: {\n          bg: 'primary',\n          borderColor: 'primary',\n          color: 'fg.onPrimary',\n        },\n        label: {color: 'fg'},\n      },\n      upcoming: {\n        indicator: {\n          bg: 'transparent',\n          borderColor: 'border.emphasized',\n          color: 'fg.muted',\n        },\n        label: {color: 'fg.muted'},\n      },\n      disabled: {\n        indicator: {\n          bg: 'transparent',\n          borderColor: 'border',\n          color: 'fg.disabled',\n        },\n        label: {color: 'fg.disabled'},\n      },\n      error: {\n        indicator: {\n          bg: 'status.error.solid',\n          borderColor: 'status.error.solid',\n          color: 'status.error.solidFg',\n        },\n        label: {color: 'status.error.fg'},\n        description: {color: 'status.error.fg'},\n      },\n    } satisfies Record<StepState, object>,\n    isClickable: {\n      true: {\n        indicator: {\n          cursor: 'pointer',\n          m: 0,\n          p: 0,\n          _hover: {opacity: 0.85},\n          _focusVisible: {\n            outlineWidth: 'focus',\n            outlineStyle: 'solid',\n            outlineColor: 'primary',\n            outlineOffset: 'focusOffset',\n          },\n        },\n      },\n      false: {},\n    },\n    isCompleted: {\n      true: {connector: {bg: 'primary'}},\n      false: {connector: {bg: 'track.emphasized'}},\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n    state: 'upcoming',\n    isClickable: false,\n    isCompleted: false,\n  },\n});\n\nexport type StepVariants = RecipeVariantProps<typeof stepRecipe>;\n","import {Check, TriangleAlert} from 'lucide-react';\nimport type {ReactNode} from 'react';\nimport {Icon} from 'components/Icon';\nimport type {StepperOrientation} from 'components/Stepper/Stepper';\nimport {stepRecipe} from 'components/Stepper/internal/Step.recipe';\nimport {Text} from 'components/Text';\nimport isReactNode from 'internal/isReactNode';\n\nexport type StepState =\n  | 'active'\n  | 'completed'\n  | 'disabled'\n  | 'error'\n  | 'upcoming';\n\n/**\n * Resolved props for a single rendered step. Computed by `Stepper`; not part of\n * the public API.\n */\nexport interface StepProps {\n  content?: ReactNode;\n  'data-testid'?: string;\n  description?: string;\n  hasError: boolean;\n  icon?: ReactNode;\n  /**\n   * Zero-based position of this step within the stepper.\n   */\n  index: number;\n  isActive: boolean;\n  isClickable: boolean;\n  isCompleted: boolean;\n  isDisabled: boolean;\n  label: string;\n  /**\n   * Invoked when a clickable indicator is activated.\n   */\n  onClick: () => void;\n  orientation: StepperOrientation;\n}\n\nfunction getStepState({\n  hasError,\n  isActive,\n  isCompleted,\n  isDisabled,\n}: {\n  hasError: boolean;\n  isActive: boolean;\n  isCompleted: boolean;\n  isDisabled: boolean;\n}): StepState {\n  if (hasError) {\n    return 'error';\n  }\n  if (isDisabled) {\n    return 'disabled';\n  }\n  if (isActive) {\n    return 'active';\n  }\n  if (isCompleted) {\n    return 'completed';\n  }\n  return 'upcoming';\n}\n\n/**\n * Individual step within a `Stepper`. Rendered internally by `Stepper`.\n */\nexport function Step({\n  content,\n  'data-testid': dataTestId,\n  description,\n  hasError,\n  icon,\n  index,\n  isActive,\n  isClickable,\n  isCompleted,\n  isDisabled,\n  label,\n  onClick,\n  orientation,\n}: StepProps): React.JSX.Element {\n  const isVertical = orientation === 'vertical';\n  const state = getStepState({hasError, isActive, isCompleted, isDisabled});\n\n  const classes = stepRecipe({orientation, state, isClickable, isCompleted});\n\n  const defaultIndicatorContent = isCompleted ? (\n    <Icon color=\"inherit\" icon={Check} size=\"sm\" />\n  ) : (\n    <span>{index + 1}</span>\n  );\n  const indicatorContent = hasError ? (\n    <Icon color=\"inherit\" icon={TriangleAlert} size=\"sm\" />\n  ) : (\n    (icon ?? defaultIndicatorContent)\n  );\n\n  const stepLabel = hasError\n    ? `Go to step ${index + 1}: ${label} (error)`\n    : `Go to step ${index + 1}: ${label}`;\n\n  const indicator = isClickable ? (\n    <button\n      aria-label={stepLabel}\n      className={classes.indicator}\n      onClick={onClick}\n      type=\"button\">\n      {indicatorContent}\n    </button>\n  ) : (\n    <div aria-hidden=\"true\" className={classes.indicator}>\n      {indicatorContent}\n    </div>\n  );\n\n  const labelNode = (\n    <div className={classes.labelRow}>\n      <Text as=\"span\" className={classes.label} color=\"inherit\" type=\"label\">\n        {label}\n      </Text>\n      {description != null ? (\n        <Text\n          as=\"span\"\n          className={classes.description}\n          color=\"secondary\"\n          type=\"supporting\">\n          {description}\n        </Text>\n      ) : null}\n    </div>\n  );\n\n  if (isVertical) {\n    return (\n      <li\n        aria-current={isActive ? 'step' : undefined}\n        className={classes.root}\n        data-testid={dataTestId}>\n        <div className={classes.indicatorColumn}>\n          {indicator}\n          <div className={classes.connectorWrapper} data-step-connector=\"\">\n            <div className={classes.connector} />\n          </div>\n        </div>\n        <div className={classes.content}>\n          {labelNode}\n          {isReactNode(content) ? (\n            <div className={classes.childrenContent}>{content}</div>\n          ) : null}\n        </div>\n      </li>\n    );\n  }\n\n  return (\n    <li\n      aria-current={isActive ? 'step' : undefined}\n      className={classes.root}\n      data-testid={dataTestId}>\n      <div className={classes.content}>\n        {indicator}\n        {labelNode}\n      </div>\n      <div className={classes.connectorWrapper} data-step-connector=\"\">\n        <div className={classes.connector} />\n      </div>\n    </li>\n  );\n}\n\nStep.displayName = 'Step';\n","import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {Step} from 'components/Stepper/internal/Step';\nimport {cx} from 'internal/cx';\nimport {css} from 'styled-system/css';\n\nexport type StepperOrientation = 'horizontal' | 'vertical';\n\nexport interface StepConfig {\n  /**\n   * Content rendered below the label and description in vertical steppers.\n   */\n  content?: ReactNode;\n  /**\n   * Test ID applied to the step's list item.\n   */\n  'data-testid'?: string;\n  /**\n   * Optional supporting text.\n   */\n  description?: string;\n  /**\n   * Whether the step has an error.\n   * @default false\n   */\n  hasError?: boolean;\n  /**\n   * Custom indicator content replacing the number or check icon.\n   */\n  icon?: ReactNode;\n  /**\n   * Stable identifier for the step. Referenced by `activeStep` and passed to\n   * `onStepClick`, and used as the React key when rendering.\n   */\n  id: string;\n  /**\n   * Override the automatically computed completed state. By default a step is\n   * completed when it appears before the active step.\n   */\n  isCompleted?: boolean;\n  /**\n   * Whether the step is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Step label.\n   */\n  label: string;\n}\n\nexport interface StepperProps {\n  /**\n   * `id` of the active step. A step is completed when it appears before the\n   * active step in `steps`; pass an `id` that is not in `steps` (or mark steps\n   * `isCompleted`) to represent a fully finished sequence.\n   */\n  activeStep: string;\n  /**\n   * Additional CSS class names applied to the ordered list.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the ordered list.\n   */\n  'data-testid'?: string;\n  /**\n   * Accessible label for the navigation landmark.\n   * @default 'Progress'\n   */\n  label?: string;\n  /**\n   * Called with the step `id` when a completed or active step indicator is\n   * clicked.\n   */\n  onStepClick?: (id: string) => void;\n  /**\n   * Layout direction.\n   * @default 'horizontal'\n   */\n  orientation?: StepperOrientation;\n  /**\n   * Ref forwarded to the navigation element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Ordered list of steps to render.\n   */\n  steps: StepConfig[];\n  /**\n   * Inline styles applied to the ordered list.\n   */\n  style?: CSSProperties;\n}\n\nconst styles = {\n  root: css({\n    display: 'flex',\n    w: 'full',\n    m: 0,\n    p: 0,\n    listStyleType: 'none',\n  }),\n  horizontal: css({\n    flexDirection: 'row',\n    alignItems: 'flex-start',\n  }),\n  vertical: css({\n    flexDirection: 'column',\n  }),\n} as const;\n\n/**\n * Displays progress through a sequence of logical steps.\n */\nexport function Stepper({\n  activeStep,\n  className,\n  'data-testid': dataTestId,\n  label = 'Progress',\n  onStepClick,\n  orientation = 'horizontal',\n  ref,\n  steps,\n  style,\n}: StepperProps): React.JSX.Element {\n  const isNonLinear = onStepClick != null;\n  const activeIndex = steps.findIndex(step => step.id === activeStep);\n\n  return (\n    <nav\n      aria-label={label}\n      className={className}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      <ol\n        className={cx(\n          styles.root,\n          orientation === 'horizontal' ? styles.horizontal : styles.vertical,\n        )}>\n        {steps.map((step, index) => {\n          const isActive = index === activeIndex;\n          const isDisabled = step.isDisabled ?? false;\n          const hasError = step.hasError ?? false;\n          const isCompleted =\n            step.isCompleted ?? (activeIndex !== -1 && index < activeIndex);\n          const isClickable =\n            isNonLinear && !isDisabled && (isCompleted || isActive);\n\n          return (\n            <Step\n              content={step.content}\n              data-testid={step['data-testid']}\n              description={step.description}\n              hasError={hasError}\n              icon={step.icon}\n              index={index}\n              isActive={isActive}\n              isClickable={isClickable}\n              isCompleted={isCompleted}\n              isDisabled={isDisabled}\n              key={step.id}\n              label={step.label}\n              onClick={() => onStepClick?.(step.id)}\n              orientation={orientation}\n            />\n          );\n        })}\n      </ol>\n    </nav>\n  );\n}\n\nStepper.displayName = 'Stepper';\n"]}
+{"version":3,"sources":["../src/components/Stepper/internal/Step.recipe.ts","../src/components/Stepper/internal/Step.tsx","../src/components/Stepper/Stepper.tsx"],"names":["jsx"],"mappings":";;;;;;;;;;AAGO,IAAM,aAAa,GAAA,CAAI;AAAA,EAC5B,KAAA,EAAO;AAAA,IACL,MAAA;AAAA,IACA,SAAA;AAAA,IACA,iBAAA;AAAA,IACA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,OAAA;AAAA,IACA,aAAA;AAAA,IACA,kBAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM;AAAA,MACJ,OAAA,EAAS,MAAA;AAAA,MACT,QAAA,EAAU,UAAA;AAAA,MACV,oCAAA,EAAsC;AAAA,QACpC,OAAA,EAAS;AAAA;AACX,KACF;AAAA,IACA,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,MAAA;AAAA,MACT,aAAA,EAAe;AAAA,KACjB;AAAA,IACA,iBAAiB,EAAC;AAAA,IAClB,SAAA,EAAW;AAAA,MACT,OAAA,EAAS,MAAA;AAAA,MACT,UAAA,EAAY,QAAA;AAAA,MACZ,cAAA,EAAgB,QAAA;AAAA,MAChB,CAAA,EAAG,GAAA;AAAA,MACH,CAAA,EAAG,GAAA;AAAA,MACH,YAAA,EAAc,MAAA;AAAA,MACd,UAAA,EAAY,MAAA;AAAA,MACZ,QAAA,EAAU,IAAA;AAAA,MACV,UAAA,EAAY,UAAA;AAAA,MACZ,UAAA,EAAY,MAAA;AAAA,MACZ,kBAAA,EAAoB,gDAAA;AAAA,MACpB,kBAAA,EAAoB,MAAA;AAAA,MACpB,wBAAA,EAA0B,SAAA;AAAA,MAC1B,UAAA,EAAY,CAAA;AAAA,MACZ,UAAA,EAAY,MAAA;AAAA,MACZ,WAAA,EAAa,YAAA;AAAA,MACb,WAAA,EAAa;AAAA,KACf;AAAA,IACA,QAAA,EAAU;AAAA,MACR,OAAA,EAAS,MAAA;AAAA,MACT,aAAA,EAAe;AAAA,KACjB;AAAA,IACA,KAAA,EAAO;AAAA,MACL,SAAA,EAAW;AAAA,KACb;AAAA,IACA,aAAa,EAAC;AAAA,IACd,gBAAA,EAAkB;AAAA,MAChB,IAAA,EAAM,CAAA;AAAA,MACN,OAAA,EAAS;AAAA,KACX;AAAA,IACA,SAAA,EAAW;AAAA,MACT,YAAA,EAAc,MAAA;AAAA,MACd,kBAAA,EAAoB,kBAAA;AAAA,MACpB,kBAAA,EAAoB,MAAA;AAAA,MACpB,wBAAA,EAA0B;AAAA,KAC5B;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,EAAA,EAAI;AAAA;AACN,GACF;AAAA,EACA,QAAA,EAAU;AAAA,IACR,WAAA,EAAa;AAAA,MACX,UAAA,EAAY;AAAA,QACV,IAAA,EAAM;AAAA,UACJ,aAAA,EAAe,KAAA;AAAA,UACf,UAAA,EAAY,YAAA;AAAA,UACZ,IAAA,EAAM,CAAA;AAAA,UACN,KAAA,EAAO,EAAC,IAAA,EAAM,MAAA;AAAM,SACtB;AAAA,QACA,OAAA,EAAS;AAAA,UACP,UAAA,EAAY,QAAA;AAAA,UACZ,QAAA,EAAU,UAAA;AAAA,UACV,MAAA,EAAQ;AAAA,SACV;AAAA,QACA,QAAA,EAAU;AAAA,UACR,UAAA,EAAY,QAAA;AAAA,UACZ,EAAA,EAAI,GAAA;AAAA,UACJ,IAAA,EAAM;AAAA,SACR;AAAA,QACA,WAAA,EAAa,EAAC,SAAA,EAAW,QAAA,EAAQ;AAAA,QACjC,gBAAA,EAAkB;AAAA,UAChB,UAAA,EAAY,QAAA;AAAA,UACZ,EAAA,EAAI,GAAA;AAAA,UACJ,IAAA,EAAM,GAAA;AAAA,UACN,CAAA,EAAG;AAAA,SACL;AAAA,QACA,SAAA,EAAW,EAAC,CAAA,EAAG,KAAA,EAAO,GAAG,MAAA;AAAM,OACjC;AAAA,MACA,QAAA,EAAU;AAAA,QACR,IAAA,EAAM;AAAA,UACJ,aAAA,EAAe,KAAA;AAAA,UACf,UAAA,EAAY,SAAA;AAAA,UACZ,IAAA,EAAM;AAAA,SACR;AAAA,QACA,OAAA,EAAS;AAAA,UACP,EAAA,EAAI,GAAA;AAAA,UACJ,EAAA,EAAI,GAAA;AAAA,UACJ,IAAA,EAAM;AAAA,SACR;AAAA,QACA,eAAA,EAAiB;AAAA,UACf,OAAA,EAAS,MAAA;AAAA,UACT,aAAA,EAAe,QAAA;AAAA,UACf,UAAA,EAAY,QAAA;AAAA,UACZ,CAAA,EAAG,GAAA;AAAA,UACH,UAAA,EAAY;AAAA,SACd;AAAA,QACA,QAAA,EAAU;AAAA,UACR,UAAA,EAAY,YAAA;AAAA,UACZ,EAAA,EAAI;AAAA,SACN;AAAA,QACA,KAAA,EAAO,EAAC,SAAA,EAAW,OAAA,EAAO;AAAA,QAC1B,WAAA,EAAa,EAAC,SAAA,EAAW,OAAA,EAAO;AAAA,QAChC,gBAAA,EAAkB;AAAA,UAChB,cAAA,EAAgB,QAAA;AAAA,UAChB,EAAA,EAAI;AAAA,SACN;AAAA,QACA,SAAA,EAAW,EAAC,CAAA,EAAG,KAAA,EAAO,GAAG,MAAA;AAAM;AACjC,KACF;AAAA,IACA,KAAA,EAAO;AAAA,MACL,MAAA,EAAQ;AAAA,QACN,SAAA,EAAW;AAAA,UACT,EAAA,EAAI,SAAA;AAAA,UACJ,WAAA,EAAa,SAAA;AAAA,UACb,KAAA,EAAO;AAAA,SACT;AAAA,QACA,KAAA,EAAO,EAAC,KAAA,EAAO,IAAA,EAAM,YAAY,UAAA;AAAU,OAC7C;AAAA,MACA,SAAA,EAAW;AAAA,QACT,SAAA,EAAW;AAAA,UACT,EAAA,EAAI,SAAA;AAAA,UACJ,WAAA,EAAa,SAAA;AAAA,UACb,KAAA,EAAO;AAAA,SACT;AAAA,QACA,KAAA,EAAO,EAAC,KAAA,EAAO,IAAA;AAAI,OACrB;AAAA,MACA,QAAA,EAAU;AAAA,QACR,SAAA,EAAW;AAAA,UACT,EAAA,EAAI,aAAA;AAAA,UACJ,WAAA,EAAa,mBAAA;AAAA,UACb,KAAA,EAAO;AAAA,SACT;AAAA,QACA,KAAA,EAAO,EAAC,KAAA,EAAO,UAAA;AAAU,OAC3B;AAAA,MACA,QAAA,EAAU;AAAA,QACR,SAAA,EAAW;AAAA,UACT,EAAA,EAAI,aAAA;AAAA,UACJ,WAAA,EAAa,QAAA;AAAA,UACb,KAAA,EAAO;AAAA,SACT;AAAA,QACA,KAAA,EAAO,EAAC,KAAA,EAAO,aAAA;AAAa,OAC9B;AAAA,MACA,KAAA,EAAO;AAAA,QACL,SAAA,EAAW;AAAA,UACT,EAAA,EAAI,oBAAA;AAAA,UACJ,WAAA,EAAa,oBAAA;AAAA,UACb,KAAA,EAAO;AAAA,SACT;AAAA,QACA,KAAA,EAAO,EAAC,KAAA,EAAO,iBAAA,EAAiB;AAAA,QAChC,WAAA,EAAa,EAAC,KAAA,EAAO,iBAAA;AAAiB;AACxC,KACF;AAAA,IACA,WAAA,EAAa;AAAA,MACX,IAAA,EAAM;AAAA,QACJ,SAAA,EAAW;AAAA,UACT,MAAA,EAAQ,SAAA;AAAA,UACR,CAAA,EAAG,CAAA;AAAA,UACH,CAAA,EAAG,CAAA;AAAA,UACH,MAAA,EAAQ,EAAC,OAAA,EAAS,IAAA,EAAI;AAAA,UACtB,aAAA,EAAe;AAAA,YACb,YAAA,EAAc,OAAA;AAAA,YACd,YAAA,EAAc,OAAA;AAAA,YACd,YAAA,EAAc,SAAA;AAAA,YACd,aAAA,EAAe;AAAA;AACjB;AACF,OACF;AAAA,MACA,OAAO;AAAC,KACV;AAAA,IACA,WAAA,EAAa;AAAA,MACX,MAAM,EAAC,SAAA,EAAW,EAAC,EAAA,EAAI,WAAS,EAAC;AAAA,MACjC,OAAO,EAAC,SAAA,EAAW,EAAC,EAAA,EAAI,oBAAkB;AAAC;AAC7C,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,WAAA,EAAa,YAAA;AAAA,IACb,KAAA,EAAO,UAAA;AAAA,IACP,WAAA,EAAa,KAAA;AAAA,IACb,WAAA,EAAa;AAAA;AAEjB,CAAC,CAAA;AC7JD,SAAS,YAAA,CAAa;AAAA,EACpB,QAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAA,EAKc;AACZ,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,OAAO,OAAA;AAAA,EACT;AACA,EAAA,IAAI,UAAA,EAAY;AACd,IAAA,OAAO,UAAA;AAAA,EACT;AACA,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,OAAO,QAAA;AAAA,EACT;AACA,EAAA,IAAI,WAAA,EAAa;AACf,IAAA,OAAO,WAAA;AAAA,EACT;AACA,EAAA,OAAO,UAAA;AACT;AAKO,SAAS,IAAA,CAAK;AAAA,EACnB,OAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,WAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,EAAiC;AAC/B,EAAA,MAAM,aAAa,WAAA,KAAgB,UAAA;AACnC,EAAA,MAAM,QAAQ,YAAA,CAAa,EAAC,UAAU,QAAA,EAAU,WAAA,EAAa,YAAW,CAAA;AAExE,EAAA,MAAM,UAAU,UAAA,CAAW,EAAC,aAAa,KAAA,EAAO,WAAA,EAAa,aAAY,CAAA;AAEzE,EAAA,MAAM,uBAAA,GAA0B,WAAA,mBAC9B,GAAA,CAAC,IAAA,EAAA,EAAK,OAAM,SAAA,EAAU,IAAA,EAAM,KAAA,EAAO,IAAA,EAAK,IAAA,EAAK,CAAA,mBAE7C,GAAA,CAAC,MAAA,EAAA,EAAM,kBAAQ,CAAA,EAAE,CAAA;AAEnB,EAAA,MAAM,gBAAA,GAAmB,QAAA,mBACvB,GAAA,CAAC,IAAA,EAAA,EAAK,KAAA,EAAM,SAAA,EAAU,IAAA,EAAM,aAAA,EAAe,IAAA,EAAK,IAAA,EAAK,CAAA,GAEpD,IAAA,IAAQ,uBAAA;AAGX,EAAA,MAAM,SAAA,GAAY,QAAA,GACd,CAAA,WAAA,EAAc,KAAA,GAAQ,CAAC,CAAA,EAAA,EAAK,KAAK,CAAA,QAAA,CAAA,GACjC,CAAA,WAAA,EAAc,KAAA,GAAQ,CAAC,CAAA,EAAA,EAAK,KAAK,CAAA,CAAA;AAErC,EAAA,MAAM,YAAY,WAAA,mBAChB,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,SAAA;AAAA,MACZ,WAAW,OAAA,CAAQ,SAAA;AAAA,MACnB,OAAA;AAAA,MACA,IAAA,EAAK,QAAA;AAAA,MACJ,QAAA,EAAA;AAAA;AAAA,GACH,uBAEC,KAAA,EAAA,EAAI,aAAA,EAAY,QAAO,SAAA,EAAW,OAAA,CAAQ,WACxC,QAAA,EAAA,gBAAA,EACH,CAAA;AAGF,EAAA,MAAM,SAAA,mBACJ,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,QAAQ,QAAA,EACtB,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAG,MAAA,EAAO,SAAA,EAAW,OAAA,CAAQ,OAAO,KAAA,EAAM,SAAA,EAAU,IAAA,EAAK,OAAA,EAC5D,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,IACC,eAAe,IAAA,mBACd,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,EAAA,EAAG,MAAA;AAAA,QACH,WAAW,OAAA,CAAQ,WAAA;AAAA,QACnB,KAAA,EAAM,WAAA;AAAA,QACN,IAAA,EAAK,YAAA;AAAA,QACJ,QAAA,EAAA;AAAA;AAAA,KACH,GACE;AAAA,GAAA,EACN,CAAA;AAGF,EAAA,IAAI,UAAA,EAAY;AACd,IAAA,uBACE,IAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,cAAA,EAAc,WAAW,MAAA,GAAS,MAAA;AAAA,QAClC,WAAW,OAAA,CAAQ,IAAA;AAAA,QACnB,aAAA,EAAa,UAAA;AAAA,QACb,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,eAAA,EACrB,QAAA,EAAA;AAAA,YAAA,SAAA;AAAA,4BACD,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,gBAAA,EAAkB,qBAAA,EAAoB,EAAA,EAC5D,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,SAAA,EAAW,CAAA,EACrC;AAAA,WAAA,EACF,CAAA;AAAA,0BACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,OAAA,EACrB,QAAA,EAAA;AAAA,YAAA,SAAA;AAAA,YACA,WAAA,CAAY,OAAO,CAAA,mBAClB,GAAA,CAAC,SAAI,SAAA,EAAW,OAAA,CAAQ,eAAA,EAAkB,QAAA,EAAA,OAAA,EAAQ,CAAA,GAChD;AAAA,WAAA,EACN;AAAA;AAAA;AAAA,KACF;AAAA,EAEJ;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,cAAA,EAAc,WAAW,MAAA,GAAS,MAAA;AAAA,MAClC,WAAW,OAAA,CAAQ,IAAA;AAAA,MACnB,aAAA,EAAa,UAAA;AAAA,MACb,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,OAAA,EACrB,QAAA,EAAA;AAAA,UAAA,SAAA;AAAA,UACA;AAAA,SAAA,EACH,CAAA;AAAA,wBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,gBAAA,EAAkB,qBAAA,EAAoB,EAAA,EAC5D,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,SAAA,EAAW,CAAA,EACrC;AAAA;AAAA;AAAA,GACF;AAEJ;AAEA,IAAA,CAAK,WAAA,GAAc,MAAA;AChFnB,IAAM,MAAA,GAAS;AAAA,EACb,MAAM,GAAA,CAAI;AAAA,IACR,OAAA,EAAS,MAAA;AAAA,IACT,CAAA,EAAG,MAAA;AAAA,IACH,CAAA,EAAG,CAAA;AAAA,IACH,CAAA,EAAG,CAAA;AAAA,IACH,aAAA,EAAe;AAAA,GAChB,CAAA;AAAA,EACD,YAAY,GAAA,CAAI;AAAA,IACd,aAAA,EAAe,KAAA;AAAA,IACf,UAAA,EAAY;AAAA,GACb,CAAA;AAAA,EACD,UAAU,GAAA,CAAI;AAAA,IACZ,aAAA,EAAe;AAAA,GAChB;AACH,CAAA;AAKO,SAAS,OAAA,CAAQ;AAAA,EACtB,UAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,KAAA,GAAQ,UAAA;AAAA,EACR,WAAA;AAAA,EACA,WAAA,GAAc,YAAA;AAAA,EACd,GAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAA,EAAoC;AAClC,EAAA,MAAM,cAAc,WAAA,IAAe,IAAA;AACnC,EAAA,MAAM,cAAc,KAAA,CAAM,SAAA,CAAU,CAAA,IAAA,KAAQ,IAAA,CAAK,OAAO,UAAU,CAAA;AAElE,EAAA,uBACEA,GAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,KAAA;AAAA,MACZ,SAAA;AAAA,MACA,aAAA,EAAa,UAAA;AAAA,MACb,GAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA,kBAAAA,GAAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,EAAA;AAAA,YACT,MAAA,CAAO,IAAA;AAAA,YACP,WAAA,KAAgB,YAAA,GAAe,MAAA,CAAO,UAAA,GAAa,MAAA,CAAO;AAAA,WAC5D;AAAA,UACC,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,KAAU;AAC1B,YAAA,MAAM,WAAW,KAAA,KAAU,WAAA;AAC3B,YAAA,MAAM,UAAA,GAAa,KAAK,UAAA,IAAc,KAAA;AACtC,YAAA,MAAM,QAAA,GAAW,KAAK,QAAA,IAAY,KAAA;AAClC,YAAA,MAAM,WAAA,GACJ,IAAA,CAAK,WAAA,KAAgB,WAAA,KAAgB,MAAM,KAAA,GAAQ,WAAA,CAAA;AACrD,YAAA,MAAM,WAAA,GACJ,WAAA,IAAe,CAAC,UAAA,KAAe,WAAA,IAAe,QAAA,CAAA;AAEhD,YAAA,uBACEA,GAAAA;AAAA,cAAC,IAAA;AAAA,cAAA;AAAA,gBACC,SAAS,IAAA,CAAK,OAAA;AAAA,gBACd,aAAA,EAAa,KAAK,aAAa,CAAA;AAAA,gBAC/B,aAAa,IAAA,CAAK,WAAA;AAAA,gBAClB,QAAA;AAAA,gBACA,MAAM,IAAA,CAAK,IAAA;AAAA,gBACX,KAAA;AAAA,gBACA,QAAA;AAAA,gBACA,WAAA;AAAA,gBACA,WAAA;AAAA,gBACA,UAAA;AAAA,gBAEA,OAAO,IAAA,CAAK,KAAA;AAAA,gBACZ,OAAA,EAAS,MAAM,WAAA,GAAc,IAAA,CAAK,EAAE,CAAA;AAAA,gBACpC;AAAA,eAAA;AAAA,cAHK,IAAA,CAAK;AAAA,aAIZ;AAAA,UAEJ,CAAC;AAAA;AAAA;AACH;AAAA,GACF;AAEJ;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA","file":"chunk-DRWW5XMD.js","sourcesContent":["import type {StepState} from 'components/Stepper/internal/Step';\nimport {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const stepRecipe = sva({\n  slots: [\n    'root',\n    'content',\n    'indicatorColumn',\n    'indicator',\n    'labelRow',\n    'label',\n    'description',\n    'connectorWrapper',\n    'connector',\n    'childrenContent',\n  ],\n  base: {\n    root: {\n      display: 'flex',\n      position: 'relative',\n      '&:last-child [data-step-connector]': {\n        display: 'none',\n      },\n    },\n    content: {\n      display: 'flex',\n      flexDirection: 'column',\n    },\n    indicatorColumn: {},\n    indicator: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      w: '7',\n      h: '7',\n      borderRadius: 'full',\n      fontFamily: 'body',\n      fontSize: 'sm',\n      fontWeight: 'semibold',\n      lineHeight: 'none',\n      transitionProperty: 'background-color, color, border-color, opacity',\n      transitionDuration: 'fast',\n      transitionTimingFunction: 'default',\n      flexShrink: 0,\n      userSelect: 'none',\n      borderWidth: 'emphasized',\n      borderStyle: 'solid',\n    },\n    labelRow: {\n      display: 'flex',\n      flexDirection: 'column',\n    },\n    label: {\n      textAlign: 'center',\n    },\n    description: {},\n    connectorWrapper: {\n      flex: 1,\n      display: 'flex',\n    },\n    connector: {\n      borderRadius: 'full',\n      transitionProperty: 'background-color',\n      transitionDuration: 'fast',\n      transitionTimingFunction: 'default',\n    },\n    childrenContent: {\n      pt: '3',\n    },\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        root: {\n          flexDirection: 'row',\n          alignItems: 'flex-start',\n          flex: 1,\n          _last: {flex: 'none'},\n        },\n        content: {\n          alignItems: 'center',\n          position: 'relative',\n          zIndex: 1,\n        },\n        labelRow: {\n          alignItems: 'center',\n          pt: '1',\n          maxW: '120px',\n        },\n        description: {textAlign: 'center'},\n        connectorWrapper: {\n          alignItems: 'center',\n          px: '2',\n          minW: '6',\n          h: '7',\n        },\n        connector: {h: '0.5', w: 'full'},\n      },\n      vertical: {\n        root: {\n          flexDirection: 'row',\n          alignItems: 'stretch',\n          minH: '12',\n        },\n        content: {\n          ps: '3',\n          pb: '6',\n          flex: 1,\n        },\n        indicatorColumn: {\n          display: 'flex',\n          flexDirection: 'column',\n          alignItems: 'center',\n          w: '7',\n          flexShrink: 0,\n        },\n        labelRow: {\n          alignItems: 'flex-start',\n          pt: '0.5',\n        },\n        label: {textAlign: 'start'},\n        description: {textAlign: 'start'},\n        connectorWrapper: {\n          justifyContent: 'center',\n          py: '1',\n        },\n        connector: {w: '0.5', h: 'full'},\n      },\n    },\n    state: {\n      active: {\n        indicator: {\n          bg: 'primary',\n          borderColor: 'primary',\n          color: 'fg.onPrimary',\n        },\n        label: {color: 'fg', fontWeight: 'semibold'},\n      },\n      completed: {\n        indicator: {\n          bg: 'primary',\n          borderColor: 'primary',\n          color: 'fg.onPrimary',\n        },\n        label: {color: 'fg'},\n      },\n      upcoming: {\n        indicator: {\n          bg: 'transparent',\n          borderColor: 'border.emphasized',\n          color: 'fg.muted',\n        },\n        label: {color: 'fg.muted'},\n      },\n      disabled: {\n        indicator: {\n          bg: 'transparent',\n          borderColor: 'border',\n          color: 'fg.disabled',\n        },\n        label: {color: 'fg.disabled'},\n      },\n      error: {\n        indicator: {\n          bg: 'status.error.solid',\n          borderColor: 'status.error.solid',\n          color: 'status.error.solidFg',\n        },\n        label: {color: 'status.error.fg'},\n        description: {color: 'status.error.fg'},\n      },\n    } satisfies Record<StepState, object>,\n    isClickable: {\n      true: {\n        indicator: {\n          cursor: 'pointer',\n          m: 0,\n          p: 0,\n          _hover: {opacity: 0.85},\n          _focusVisible: {\n            outlineWidth: 'focus',\n            outlineStyle: 'solid',\n            outlineColor: 'primary',\n            outlineOffset: 'focusOffset',\n          },\n        },\n      },\n      false: {},\n    },\n    isCompleted: {\n      true: {connector: {bg: 'primary'}},\n      false: {connector: {bg: 'track.emphasized'}},\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n    state: 'upcoming',\n    isClickable: false,\n    isCompleted: false,\n  },\n});\n\nexport type StepVariants = RecipeVariantProps<typeof stepRecipe>;\n","'use client';\n\nimport {Check, TriangleAlert} from 'lucide-react';\nimport type {ReactNode} from 'react';\nimport {Icon} from 'components/Icon';\nimport type {StepperOrientation} from 'components/Stepper/Stepper';\nimport {stepRecipe} from 'components/Stepper/internal/Step.recipe';\nimport {Text} from 'components/Text';\nimport isReactNode from 'internal/isReactNode';\n\nexport type StepState =\n  | 'active'\n  | 'completed'\n  | 'disabled'\n  | 'error'\n  | 'upcoming';\n\n/**\n * Resolved props for a single rendered step. Computed by `Stepper`; not part of\n * the public API.\n */\nexport interface StepProps {\n  content?: ReactNode;\n  'data-testid'?: string;\n  description?: string;\n  hasError: boolean;\n  icon?: ReactNode;\n  /**\n   * Zero-based position of this step within the stepper.\n   */\n  index: number;\n  isActive: boolean;\n  isClickable: boolean;\n  isCompleted: boolean;\n  isDisabled: boolean;\n  label: string;\n  /**\n   * Invoked when a clickable indicator is activated.\n   */\n  onClick: () => void;\n  orientation: StepperOrientation;\n}\n\nfunction getStepState({\n  hasError,\n  isActive,\n  isCompleted,\n  isDisabled,\n}: {\n  hasError: boolean;\n  isActive: boolean;\n  isCompleted: boolean;\n  isDisabled: boolean;\n}): StepState {\n  if (hasError) {\n    return 'error';\n  }\n  if (isDisabled) {\n    return 'disabled';\n  }\n  if (isActive) {\n    return 'active';\n  }\n  if (isCompleted) {\n    return 'completed';\n  }\n  return 'upcoming';\n}\n\n/**\n * Individual step within a `Stepper`. Rendered internally by `Stepper`.\n */\nexport function Step({\n  content,\n  'data-testid': dataTestId,\n  description,\n  hasError,\n  icon,\n  index,\n  isActive,\n  isClickable,\n  isCompleted,\n  isDisabled,\n  label,\n  onClick,\n  orientation,\n}: StepProps): React.JSX.Element {\n  const isVertical = orientation === 'vertical';\n  const state = getStepState({hasError, isActive, isCompleted, isDisabled});\n\n  const classes = stepRecipe({orientation, state, isClickable, isCompleted});\n\n  const defaultIndicatorContent = isCompleted ? (\n    <Icon color=\"inherit\" icon={Check} size=\"sm\" />\n  ) : (\n    <span>{index + 1}</span>\n  );\n  const indicatorContent = hasError ? (\n    <Icon color=\"inherit\" icon={TriangleAlert} size=\"sm\" />\n  ) : (\n    (icon ?? defaultIndicatorContent)\n  );\n\n  const stepLabel = hasError\n    ? `Go to step ${index + 1}: ${label} (error)`\n    : `Go to step ${index + 1}: ${label}`;\n\n  const indicator = isClickable ? (\n    <button\n      aria-label={stepLabel}\n      className={classes.indicator}\n      onClick={onClick}\n      type=\"button\">\n      {indicatorContent}\n    </button>\n  ) : (\n    <div aria-hidden=\"true\" className={classes.indicator}>\n      {indicatorContent}\n    </div>\n  );\n\n  const labelNode = (\n    <div className={classes.labelRow}>\n      <Text as=\"span\" className={classes.label} color=\"inherit\" type=\"label\">\n        {label}\n      </Text>\n      {description != null ? (\n        <Text\n          as=\"span\"\n          className={classes.description}\n          color=\"secondary\"\n          type=\"supporting\">\n          {description}\n        </Text>\n      ) : null}\n    </div>\n  );\n\n  if (isVertical) {\n    return (\n      <li\n        aria-current={isActive ? 'step' : undefined}\n        className={classes.root}\n        data-testid={dataTestId}>\n        <div className={classes.indicatorColumn}>\n          {indicator}\n          <div className={classes.connectorWrapper} data-step-connector=\"\">\n            <div className={classes.connector} />\n          </div>\n        </div>\n        <div className={classes.content}>\n          {labelNode}\n          {isReactNode(content) ? (\n            <div className={classes.childrenContent}>{content}</div>\n          ) : null}\n        </div>\n      </li>\n    );\n  }\n\n  return (\n    <li\n      aria-current={isActive ? 'step' : undefined}\n      className={classes.root}\n      data-testid={dataTestId}>\n      <div className={classes.content}>\n        {indicator}\n        {labelNode}\n      </div>\n      <div className={classes.connectorWrapper} data-step-connector=\"\">\n        <div className={classes.connector} />\n      </div>\n    </li>\n  );\n}\n\nStep.displayName = 'Step';\n","'use client';\n\nimport type {CSSProperties, ReactNode, Ref} from 'react';\nimport {Step} from 'components/Stepper/internal/Step';\nimport {cx} from 'internal/cx';\nimport {css} from 'styled-system/css';\n\nexport type StepperOrientation = 'horizontal' | 'vertical';\n\nexport interface StepConfig {\n  /**\n   * Content rendered below the label and description in vertical steppers.\n   */\n  content?: ReactNode;\n  /**\n   * Test ID applied to the step's list item.\n   */\n  'data-testid'?: string;\n  /**\n   * Optional supporting text.\n   */\n  description?: string;\n  /**\n   * Whether the step has an error.\n   * @default false\n   */\n  hasError?: boolean;\n  /**\n   * Custom indicator content replacing the number or check icon.\n   */\n  icon?: ReactNode;\n  /**\n   * Stable identifier for the step. Referenced by `activeStep` and passed to\n   * `onStepClick`, and used as the React key when rendering.\n   */\n  id: string;\n  /**\n   * Override the automatically computed completed state. By default a step is\n   * completed when it appears before the active step.\n   */\n  isCompleted?: boolean;\n  /**\n   * Whether the step is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Step label.\n   */\n  label: string;\n}\n\nexport interface StepperProps {\n  /**\n   * `id` of the active step. A step is completed when it appears before the\n   * active step in `steps`; pass an `id` that is not in `steps` (or mark steps\n   * `isCompleted`) to represent a fully finished sequence.\n   */\n  activeStep: string;\n  /**\n   * Additional CSS class names applied to the ordered list.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the ordered list.\n   */\n  'data-testid'?: string;\n  /**\n   * Accessible label for the navigation landmark.\n   * @default 'Progress'\n   */\n  label?: string;\n  /**\n   * Called with the step `id` when a completed or active step indicator is\n   * clicked.\n   */\n  onStepClick?: (id: string) => void;\n  /**\n   * Layout direction.\n   * @default 'horizontal'\n   */\n  orientation?: StepperOrientation;\n  /**\n   * Ref forwarded to the navigation element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Ordered list of steps to render.\n   */\n  steps: StepConfig[];\n  /**\n   * Inline styles applied to the ordered list.\n   */\n  style?: CSSProperties;\n}\n\nconst styles = {\n  root: css({\n    display: 'flex',\n    w: 'full',\n    m: 0,\n    p: 0,\n    listStyleType: 'none',\n  }),\n  horizontal: css({\n    flexDirection: 'row',\n    alignItems: 'flex-start',\n  }),\n  vertical: css({\n    flexDirection: 'column',\n  }),\n} as const;\n\n/**\n * Displays progress through a sequence of logical steps.\n */\nexport function Stepper({\n  activeStep,\n  className,\n  'data-testid': dataTestId,\n  label = 'Progress',\n  onStepClick,\n  orientation = 'horizontal',\n  ref,\n  steps,\n  style,\n}: StepperProps): React.JSX.Element {\n  const isNonLinear = onStepClick != null;\n  const activeIndex = steps.findIndex(step => step.id === activeStep);\n\n  return (\n    <nav\n      aria-label={label}\n      className={className}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      <ol\n        className={cx(\n          styles.root,\n          orientation === 'horizontal' ? styles.horizontal : styles.vertical,\n        )}>\n        {steps.map((step, index) => {\n          const isActive = index === activeIndex;\n          const isDisabled = step.isDisabled ?? false;\n          const hasError = step.hasError ?? false;\n          const isCompleted =\n            step.isCompleted ?? (activeIndex !== -1 && index < activeIndex);\n          const isClickable =\n            isNonLinear && !isDisabled && (isCompleted || isActive);\n\n          return (\n            <Step\n              content={step.content}\n              data-testid={step['data-testid']}\n              description={step.description}\n              hasError={hasError}\n              icon={step.icon}\n              index={index}\n              isActive={isActive}\n              isClickable={isClickable}\n              isCompleted={isCompleted}\n              isDisabled={isDisabled}\n              key={step.id}\n              label={step.label}\n              onClick={() => onStepClick?.(step.id)}\n              orientation={orientation}\n            />\n          );\n        })}\n      </ol>\n    </nav>\n  );\n}\n\nStepper.displayName = 'Stepper';\n"]}

package/dist/{chunk-IU2YRN35.cjs → chunk-DUZBTPSH.cjs}

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var chunk2MXK2SDR_cjs = require('./chunk-2MXK2SDR.cjs');
@@ -257,5 +258,5 @@ SegmentedControlItem.displayName = "SegmentedControlItem";
 
 exports.SegmentedControl = SegmentedControl;
 exports.SegmentedControlItem = SegmentedControlItem;
-//# sourceMappingURL=chunk-IU2YRN35.cjs.map
-//# sourceMappingURL=chunk-IU2YRN35.cjs.map
+//# sourceMappingURL=chunk-DUZBTPSH.cjs.map
+//# sourceMappingURL=chunk-DUZBTPSH.cjs.map

package/dist/{chunk-IU2YRN35.cjs.map → chunk-DUZBTPSH.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/SegmentedControl/SegmentedControl.recipe.ts","../src/components/SegmentedControl/SegmentedControlContext.ts","../src/components/SegmentedControl/SegmentedControl.tsx","../src/components/SegmentedControl/SegmentedControlItem.tsx"],"names":["sva","createContext","use","useRef","useCallback","useMemo","jsx","cx","mergeRefs","jsxs","Icon","VisuallyHidden"],"mappings":"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","file":"chunk-IU2YRN35.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const segmentedControlRecipe = sva({\n  slots: ['root', 'item', 'icon'],\n  base: {\n    root: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      gap: '0.5',\n      p: '0.5',\n      bg: 'surface.gray',\n      borderRadius: 'md',\n    },\n    item: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      gap: '1',\n      borderWidth: 0,\n      borderStyle: 'none',\n      bg: 'transparent',\n      color: 'fg.muted',\n      cursor: 'pointer',\n      fontFamily: 'body',\n      fontWeight: 'medium',\n      lineHeight: 'normal',\n      transitionProperty: 'background-color, color, box-shadow',\n      transitionDuration: 'fast',\n      transitionTimingFunction: 'default',\n      _hover: {\n        bg: 'bg.subtle',\n      },\n      _focusVisible: {\n        outlineWidth: 'focus',\n        outlineStyle: 'solid',\n        outlineColor: 'primary',\n        outlineOffset: 'focusOffset',\n      },\n    },\n    icon: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flexShrink: 0,\n    },\n  },\n  variants: {\n    size: {\n      sm: {item: {h: '7', px: '2', borderRadius: 'sm', fontSize: 'sm'}},\n      md: {item: {h: '9', px: '3', borderRadius: 'sm', fontSize: 'sm'}},\n      lg: {item: {h: '11', px: '3', borderRadius: 'md', fontSize: 'md'}},\n    },\n    layout: {\n      hug: {},\n      fill: {\n        root: {display: 'flex', w: 'full'},\n        item: {flex: 1},\n      },\n    },\n    isSelected: {\n      true: {\n        item: {\n          bg: 'bg',\n          color: 'fg',\n          fontWeight: 'semibold',\n          boxShadow: 'sm',\n          _hover: {\n            bg: 'bg',\n          },\n        },\n      },\n      false: {},\n    },\n    isDisabled: {\n      true: {\n        root: {\n          opacity: 0.5,\n          pointerEvents: 'none',\n        },\n        item: {\n          color: 'fg.disabled',\n          cursor: 'default',\n          _hover: {\n            bg: 'transparent',\n          },\n        },\n      },\n      false: {},\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    layout: 'hug',\n    isSelected: false,\n    isDisabled: false,\n  },\n});\n\nexport type SegmentedControlVariants = RecipeVariantProps<\n  typeof segmentedControlRecipe\n>;\n","import {createContext, use} from 'react';\n\nexport type SegmentedControlLayout = 'fill' | 'hug';\nexport type SegmentedControlSize = 'lg' | 'md' | 'sm';\n\nexport interface SegmentedControlContextValue {\n  isDisabled: boolean;\n  layout: SegmentedControlLayout;\n  onChange: (value: string) => void;\n  size: SegmentedControlSize;\n  value: string;\n}\n\nexport const SegmentedControlContext =\n  createContext<SegmentedControlContextValue | null>(null);\n\nSegmentedControlContext.displayName = 'SegmentedControlContext';\n\nexport function useSegmentedControlContext(): SegmentedControlContextValue {\n  const context = use(SegmentedControlContext);\n  if (context == null) {\n    throw new Error(\n      'SegmentedControlItem must be used within a SegmentedControl.',\n    );\n  }\n  return context;\n}\n","import {\n  useCallback,\n  useMemo,\n  useRef,\n  type CSSProperties,\n  type KeyboardEvent,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {segmentedControlRecipe} from 'components/SegmentedControl/SegmentedControl.recipe';\nimport {\n  SegmentedControlContext,\n  type SegmentedControlLayout,\n  type SegmentedControlSize,\n} from 'components/SegmentedControl/SegmentedControlContext';\nimport {cx} from 'internal/cx';\nimport {mergeRefs} from 'internal/mergeRefs';\n\nexport interface SegmentedControlProps<TValue extends string = string> {\n  /**\n   * SegmentedControlItem children.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether the entire control is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Accessible label for the radio group.\n   */\n  label: string;\n  /**\n   * Segment layout mode.\n   * @default 'hug'\n   */\n  layout?: SegmentedControlLayout;\n  /**\n   * Called when a segment is selected.\n   */\n  onChange: (value: TValue) => void;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Control size.\n   * @default 'md'\n   */\n  size?: SegmentedControlSize;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Current selected value.\n   */\n  value: TValue;\n}\n\n/**\n * Segmented toggle control for selecting one option from a small set.\n *\n * Rendered as a radio group (`role=\"radiogroup\"`), so reach for it when picking\n * a value — filters, settings, or view modes whose content you render yourself.\n * If selecting an option should show or hide associated content panels, use\n * {@link Tabs} instead.\n */\nexport function SegmentedControl<TValue extends string = string>({\n  children,\n  className,\n  'data-testid': dataTestId,\n  isDisabled = false,\n  label,\n  layout = 'hug',\n  onChange,\n  ref,\n  size = 'md',\n  style,\n  value,\n}: SegmentedControlProps<TValue>): React.JSX.Element {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const handleChange = useCallback(\n    (nextValue: string) => {\n      onChange(nextValue as TValue);\n    },\n    [onChange],\n  );\n  const contextValue = useMemo(\n    () => ({isDisabled, layout, onChange: handleChange, size, value}),\n    [handleChange, isDisabled, layout, size, value],\n  );\n  const classes = segmentedControlRecipe({isDisabled, layout});\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      if (isDisabled) {\n        return;\n      }\n\n      const container = containerRef.current;\n      if (container == null) {\n        return;\n      }\n\n      const items = Array.from(\n        container.querySelectorAll<HTMLButtonElement>(\n          '[role=\"radio\"]:not([aria-disabled=\"true\"])',\n        ),\n      );\n\n      if (items.length === 0) {\n        return;\n      }\n\n      const currentIndex = items.findIndex(\n        item => item === document.activeElement,\n      );\n      let nextIndex: number;\n\n      switch (event.key) {\n        case 'ArrowRight':\n        case 'ArrowDown':\n          nextIndex =\n            currentIndex === -1 ? 0 : (currentIndex + 1) % items.length;\n          break;\n        case 'ArrowLeft':\n        case 'ArrowUp':\n          nextIndex =\n            currentIndex === -1\n              ? items.length - 1\n              : (currentIndex - 1 + items.length) % items.length;\n          break;\n        case 'Home':\n          nextIndex = 0;\n          break;\n        case 'End':\n          nextIndex = items.length - 1;\n          break;\n        default:\n          return;\n      }\n\n      event.preventDefault();\n      const nextItem = items[nextIndex];\n      nextItem.focus();\n      const nextValue = nextItem.dataset.value;\n      if (nextValue != null) {\n        handleChange(nextValue);\n      }\n    },\n    [handleChange, isDisabled],\n  );\n\n  return (\n    <SegmentedControlContext value={contextValue}>\n      <div\n        aria-disabled={isDisabled || undefined}\n        aria-label={label}\n        aria-orientation=\"horizontal\"\n        className={cx(classes.root, className)}\n        data-testid={dataTestId}\n        onKeyDown={handleKeyDown}\n        ref={mergeRefs(ref, containerRef)}\n        role=\"radiogroup\"\n        style={style}\n        tabIndex={-1}>\n        {children}\n      </div>\n    </SegmentedControlContext>\n  );\n}\n\nSegmentedControl.displayName = 'SegmentedControl';\n","import type {CSSProperties, Ref} from 'react';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport {segmentedControlRecipe} from 'components/SegmentedControl/SegmentedControl.recipe';\nimport {useSegmentedControlContext} from 'components/SegmentedControl/SegmentedControlContext';\nimport {VisuallyHidden} from 'internal/VisuallyHidden';\nimport {cx} from 'internal/cx';\n\nexport interface SegmentedControlItemProps<TValue extends string = string> {\n  /**\n   * Additional CSS class names applied to the segment.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the segment.\n   */\n  'data-testid'?: string;\n  /**\n   * Icon element displayed before the label.\n   */\n  icon?: IconComponent;\n  /**\n   * Whether this segment is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to visually hide the label.\n   * @default false\n   */\n  isLabelHidden?: boolean;\n  /**\n   * Accessible and visible label for the segment.\n   */\n  label: string;\n  /**\n   * Ref forwarded to the segment button.\n   */\n  ref?: Ref<HTMLButtonElement>;\n  /**\n   * Inline styles applied to the segment.\n   */\n  style?: CSSProperties;\n  /**\n   * Unique value represented by this segment.\n   */\n  value: TValue;\n}\n\n/**\n * Individual segment within a `SegmentedControl`.\n */\nexport function SegmentedControlItem<TValue extends string = string>({\n  className,\n  'data-testid': dataTestId,\n  icon,\n  isDisabled = false,\n  isLabelHidden = false,\n  label,\n  ref,\n  style,\n  value,\n}: SegmentedControlItemProps<TValue>): React.JSX.Element {\n  const context = useSegmentedControlContext();\n  const isSelected = context.value === value;\n  const isItemDisabled = context.isDisabled || isDisabled;\n  const classes = segmentedControlRecipe({\n    size: context.size,\n    layout: context.layout,\n    isSelected,\n    isDisabled: isItemDisabled,\n  });\n\n  return (\n    <button\n      aria-checked={isSelected}\n      aria-disabled={isItemDisabled || undefined}\n      aria-label={isLabelHidden ? label : undefined}\n      className={cx(classes.item, className)}\n      data-testid={dataTestId}\n      data-value={value}\n      onClick={() => {\n        if (!isItemDisabled && !isSelected) {\n          context.onChange(value);\n        }\n      }}\n      ref={ref}\n      role=\"radio\"\n      style={style}\n      tabIndex={isSelected ? 0 : -1}\n      type=\"button\">\n      {icon != null ? (\n        <span className={classes.icon}>\n          <Icon icon={icon} size={context.size} />\n        </span>\n      ) : null}\n      {isLabelHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n    </button>\n  );\n}\n\nSegmentedControlItem.displayName = 'SegmentedControlItem';\n"]}
+{"version":3,"sources":["../src/components/SegmentedControl/SegmentedControl.recipe.ts","../src/components/SegmentedControl/SegmentedControlContext.ts","../src/components/SegmentedControl/SegmentedControl.tsx","../src/components/SegmentedControl/SegmentedControlItem.tsx"],"names":["sva","createContext","use","useRef","useCallback","useMemo","jsx","cx","mergeRefs","jsxs","Icon","VisuallyHidden"],"mappings":"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","file":"chunk-DUZBTPSH.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const segmentedControlRecipe = sva({\n  slots: ['root', 'item', 'icon'],\n  base: {\n    root: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      gap: '0.5',\n      p: '0.5',\n      bg: 'surface.gray',\n      borderRadius: 'md',\n    },\n    item: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      gap: '1',\n      borderWidth: 0,\n      borderStyle: 'none',\n      bg: 'transparent',\n      color: 'fg.muted',\n      cursor: 'pointer',\n      fontFamily: 'body',\n      fontWeight: 'medium',\n      lineHeight: 'normal',\n      transitionProperty: 'background-color, color, box-shadow',\n      transitionDuration: 'fast',\n      transitionTimingFunction: 'default',\n      _hover: {\n        bg: 'bg.subtle',\n      },\n      _focusVisible: {\n        outlineWidth: 'focus',\n        outlineStyle: 'solid',\n        outlineColor: 'primary',\n        outlineOffset: 'focusOffset',\n      },\n    },\n    icon: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flexShrink: 0,\n    },\n  },\n  variants: {\n    size: {\n      sm: {item: {h: '7', px: '2', borderRadius: 'sm', fontSize: 'sm'}},\n      md: {item: {h: '9', px: '3', borderRadius: 'sm', fontSize: 'sm'}},\n      lg: {item: {h: '11', px: '3', borderRadius: 'md', fontSize: 'md'}},\n    },\n    layout: {\n      hug: {},\n      fill: {\n        root: {display: 'flex', w: 'full'},\n        item: {flex: 1},\n      },\n    },\n    isSelected: {\n      true: {\n        item: {\n          bg: 'bg',\n          color: 'fg',\n          fontWeight: 'semibold',\n          boxShadow: 'sm',\n          _hover: {\n            bg: 'bg',\n          },\n        },\n      },\n      false: {},\n    },\n    isDisabled: {\n      true: {\n        root: {\n          opacity: 0.5,\n          pointerEvents: 'none',\n        },\n        item: {\n          color: 'fg.disabled',\n          cursor: 'default',\n          _hover: {\n            bg: 'transparent',\n          },\n        },\n      },\n      false: {},\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    layout: 'hug',\n    isSelected: false,\n    isDisabled: false,\n  },\n});\n\nexport type SegmentedControlVariants = RecipeVariantProps<\n  typeof segmentedControlRecipe\n>;\n","'use client';\n\nimport {createContext, use} from 'react';\n\nexport type SegmentedControlLayout = 'fill' | 'hug';\nexport type SegmentedControlSize = 'lg' | 'md' | 'sm';\n\nexport interface SegmentedControlContextValue {\n  isDisabled: boolean;\n  layout: SegmentedControlLayout;\n  onChange: (value: string) => void;\n  size: SegmentedControlSize;\n  value: string;\n}\n\nexport const SegmentedControlContext =\n  createContext<SegmentedControlContextValue | null>(null);\n\nSegmentedControlContext.displayName = 'SegmentedControlContext';\n\nexport function useSegmentedControlContext(): SegmentedControlContextValue {\n  const context = use(SegmentedControlContext);\n  if (context == null) {\n    throw new Error(\n      'SegmentedControlItem must be used within a SegmentedControl.',\n    );\n  }\n  return context;\n}\n","'use client';\n\nimport {\n  useCallback,\n  useMemo,\n  useRef,\n  type CSSProperties,\n  type KeyboardEvent,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {segmentedControlRecipe} from 'components/SegmentedControl/SegmentedControl.recipe';\nimport {\n  SegmentedControlContext,\n  type SegmentedControlLayout,\n  type SegmentedControlSize,\n} from 'components/SegmentedControl/SegmentedControlContext';\nimport {cx} from 'internal/cx';\nimport {mergeRefs} from 'internal/mergeRefs';\n\nexport interface SegmentedControlProps<TValue extends string = string> {\n  /**\n   * SegmentedControlItem children.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether the entire control is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Accessible label for the radio group.\n   */\n  label: string;\n  /**\n   * Segment layout mode.\n   * @default 'hug'\n   */\n  layout?: SegmentedControlLayout;\n  /**\n   * Called when a segment is selected.\n   */\n  onChange: (value: TValue) => void;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Control size.\n   * @default 'md'\n   */\n  size?: SegmentedControlSize;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Current selected value.\n   */\n  value: TValue;\n}\n\n/**\n * Segmented toggle control for selecting one option from a small set.\n *\n * Rendered as a radio group (`role=\"radiogroup\"`), so reach for it when picking\n * a value — filters, settings, or view modes whose content you render yourself.\n * If selecting an option should show or hide associated content panels, use\n * {@link Tabs} instead.\n */\nexport function SegmentedControl<TValue extends string = string>({\n  children,\n  className,\n  'data-testid': dataTestId,\n  isDisabled = false,\n  label,\n  layout = 'hug',\n  onChange,\n  ref,\n  size = 'md',\n  style,\n  value,\n}: SegmentedControlProps<TValue>): React.JSX.Element {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const handleChange = useCallback(\n    (nextValue: string) => {\n      onChange(nextValue as TValue);\n    },\n    [onChange],\n  );\n  const contextValue = useMemo(\n    () => ({isDisabled, layout, onChange: handleChange, size, value}),\n    [handleChange, isDisabled, layout, size, value],\n  );\n  const classes = segmentedControlRecipe({isDisabled, layout});\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      if (isDisabled) {\n        return;\n      }\n\n      const container = containerRef.current;\n      if (container == null) {\n        return;\n      }\n\n      const items = Array.from(\n        container.querySelectorAll<HTMLButtonElement>(\n          '[role=\"radio\"]:not([aria-disabled=\"true\"])',\n        ),\n      );\n\n      if (items.length === 0) {\n        return;\n      }\n\n      const currentIndex = items.findIndex(\n        item => item === document.activeElement,\n      );\n      let nextIndex: number;\n\n      switch (event.key) {\n        case 'ArrowRight':\n        case 'ArrowDown':\n          nextIndex =\n            currentIndex === -1 ? 0 : (currentIndex + 1) % items.length;\n          break;\n        case 'ArrowLeft':\n        case 'ArrowUp':\n          nextIndex =\n            currentIndex === -1\n              ? items.length - 1\n              : (currentIndex - 1 + items.length) % items.length;\n          break;\n        case 'Home':\n          nextIndex = 0;\n          break;\n        case 'End':\n          nextIndex = items.length - 1;\n          break;\n        default:\n          return;\n      }\n\n      event.preventDefault();\n      const nextItem = items[nextIndex];\n      nextItem.focus();\n      const nextValue = nextItem.dataset.value;\n      if (nextValue != null) {\n        handleChange(nextValue);\n      }\n    },\n    [handleChange, isDisabled],\n  );\n\n  return (\n    <SegmentedControlContext value={contextValue}>\n      <div\n        aria-disabled={isDisabled || undefined}\n        aria-label={label}\n        aria-orientation=\"horizontal\"\n        className={cx(classes.root, className)}\n        data-testid={dataTestId}\n        onKeyDown={handleKeyDown}\n        ref={mergeRefs(ref, containerRef)}\n        role=\"radiogroup\"\n        style={style}\n        tabIndex={-1}>\n        {children}\n      </div>\n    </SegmentedControlContext>\n  );\n}\n\nSegmentedControl.displayName = 'SegmentedControl';\n","'use client';\n\nimport type {CSSProperties, Ref} from 'react';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport {segmentedControlRecipe} from 'components/SegmentedControl/SegmentedControl.recipe';\nimport {useSegmentedControlContext} from 'components/SegmentedControl/SegmentedControlContext';\nimport {VisuallyHidden} from 'internal/VisuallyHidden';\nimport {cx} from 'internal/cx';\n\nexport interface SegmentedControlItemProps<TValue extends string = string> {\n  /**\n   * Additional CSS class names applied to the segment.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the segment.\n   */\n  'data-testid'?: string;\n  /**\n   * Icon element displayed before the label.\n   */\n  icon?: IconComponent;\n  /**\n   * Whether this segment is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to visually hide the label.\n   * @default false\n   */\n  isLabelHidden?: boolean;\n  /**\n   * Accessible and visible label for the segment.\n   */\n  label: string;\n  /**\n   * Ref forwarded to the segment button.\n   */\n  ref?: Ref<HTMLButtonElement>;\n  /**\n   * Inline styles applied to the segment.\n   */\n  style?: CSSProperties;\n  /**\n   * Unique value represented by this segment.\n   */\n  value: TValue;\n}\n\n/**\n * Individual segment within a `SegmentedControl`.\n */\nexport function SegmentedControlItem<TValue extends string = string>({\n  className,\n  'data-testid': dataTestId,\n  icon,\n  isDisabled = false,\n  isLabelHidden = false,\n  label,\n  ref,\n  style,\n  value,\n}: SegmentedControlItemProps<TValue>): React.JSX.Element {\n  const context = useSegmentedControlContext();\n  const isSelected = context.value === value;\n  const isItemDisabled = context.isDisabled || isDisabled;\n  const classes = segmentedControlRecipe({\n    size: context.size,\n    layout: context.layout,\n    isSelected,\n    isDisabled: isItemDisabled,\n  });\n\n  return (\n    <button\n      aria-checked={isSelected}\n      aria-disabled={isItemDisabled || undefined}\n      aria-label={isLabelHidden ? label : undefined}\n      className={cx(classes.item, className)}\n      data-testid={dataTestId}\n      data-value={value}\n      onClick={() => {\n        if (!isItemDisabled && !isSelected) {\n          context.onChange(value);\n        }\n      }}\n      ref={ref}\n      role=\"radio\"\n      style={style}\n      tabIndex={isSelected ? 0 : -1}\n      type=\"button\">\n      {icon != null ? (\n        <span className={classes.icon}>\n          <Icon icon={icon} size={context.size} />\n        </span>\n      ) : null}\n      {isLabelHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n    </button>\n  );\n}\n\nSegmentedControlItem.displayName = 'SegmentedControlItem';\n"]}

package/dist/{chunk-VK7DXUGH.cjs → chunk-E5TRE2YG.cjs}

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var chunk6SHL7FYO_cjs = require('./chunk-6SHL7FYO.cjs');
@@ -463,5 +464,5 @@ exports.useHoverLayer = useHoverLayer;
 exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;
 exports.useLatest_default = useLatest_default;
 exports.useLayer = useLayer;
-//# sourceMappingURL=chunk-VK7DXUGH.cjs.map
-//# sourceMappingURL=chunk-VK7DXUGH.cjs.map
+//# sourceMappingURL=chunk-E5TRE2YG.cjs.map
+//# sourceMappingURL=chunk-E5TRE2YG.cjs.map

package/dist/chunk-E5TRE2YG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/internal/useIsomorphicLayoutEffect.ts","../src/internal/useLatest.ts","../src/internal/useLayer.tsx","../src/internal/useHoverLayer.ts","../src/internal/HoverLayerTrigger.tsx"],"names":["useLayoutEffect","useEffect","useRef","css","useId","useState","useCallback","cx","createElement","useMemo","mergeRefs","styles","jsxs","Fragment","jsx"],"mappings":"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","file":"chunk-E5TRE2YG.cjs","sourcesContent":["import {useEffect, useLayoutEffect} from 'react';\n\nexport const useIsomorphicLayoutEffect =\n  typeof document !== 'undefined' ? useLayoutEffect : useEffect;\n","'use client';\n\nimport {useRef} from 'react';\n\nconst useLatest = <T>(value: T): {readonly current: T} => {\n  const ref = useRef(value);\n  // eslint-disable-next-line @eslint-react/refs -- intentional latest-value ref kept in sync during render\n  ref.current = value;\n  return ref;\n};\n\nexport default useLatest;\n","'use client';\n\nimport {\n  createElement,\n  useCallback,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n  type RefCallback,\n} from 'react';\nimport {cx} from 'internal/cx';\nimport {css} from 'styled-system/css';\n\nexport type LayerPlacement = 'above' | 'below' | 'start' | 'end';\nexport type LayerAlignment = 'start' | 'center' | 'end';\n\nexport interface ContextRenderProps {\n  /**\n   * How the layer aligns along the edge it is placed against. Defaults to\n   * `'center'`.\n   */\n  alignment?: LayerAlignment;\n  /**\n   * Additional class name merged onto the layer element.\n   */\n  className?: string;\n  /**\n   * Gap in pixels along the inline axis, applied as a margin on the edge facing\n   * the trigger (for `start`/`end` placements). Flips with the layer when\n   * `position-try` reflects it, so the gap stays between the layer and trigger.\n   */\n  offsetX?: number;\n  /**\n   * Gap in pixels along the block axis, applied as a margin on the edge facing\n   * the trigger (for `above`/`below` placements). Flips with the layer when\n   * `position-try` reflects it, so the gap stays between the layer and trigger.\n   */\n  offsetY?: number;\n  /**\n   * Which side of the anchor the layer is placed on. Defaults to `'above'`.\n   */\n  placement?: LayerPlacement;\n  /**\n   * ARIA role applied to the layer element.\n   */\n  role?: string;\n  /**\n   * Additional inline styles merged onto the layer element.\n   */\n  style?: React.CSSProperties;\n}\n\ninterface LayerOptions {\n  /**\n   * Id applied to the layer element. Falls back to a generated id. Supply this\n   * when another element needs a stable `aria-controls` reference to the layer.\n   */\n  id?: string;\n  /**\n   * When `true`, the layer can be dismissed by clicking outside or pressing\n   * Escape (the native `auto` popover behavior). When `false`, it uses `manual`\n   * mode and must be hidden programmatically. Defaults to `false`.\n   */\n  isDismissable?: boolean;\n  /**\n   * Called after the layer is hidden, including via light dismiss.\n   */\n  onHide?: () => void;\n  /**\n   * Called after the layer is shown.\n   */\n  onShow?: () => void;\n}\n\ntype PopoverValue = 'auto' | 'manual' | 'hint' | '';\n\ntype LayerElementProps = React.HTMLAttributes<HTMLDivElement> & {\n  popover: PopoverValue;\n  ref: RefCallback<HTMLElement>;\n};\n\nexport interface LayerReturn {\n  /**\n   * CSS anchor name tying the layer to the trigger for positioning.\n   */\n  anchorId: string;\n  /**\n   * Hides the layer.\n   */\n  hide: () => void;\n  /**\n   * Id of the layer element, matching the value to use for `aria-controls`.\n   */\n  id: string;\n  /**\n   * Whether the layer is currently open.\n   */\n  isOpen: boolean;\n  /**\n   * Ref callback to attach to the trigger element for anchor positioning.\n   */\n  ref: RefCallback<HTMLElement>;\n  /**\n   * Renders the given children inside the layer element.\n   */\n  render: (children: ReactNode, props?: ContextRenderProps) => ReactNode;\n  /**\n   * Shows the layer.\n   */\n  show: () => void;\n}\n\nconst styles = {\n  layer: css({\n    m: 0,\n    p: 0,\n    borderWidth: 0,\n    borderStyle: 'none',\n    borderColor: 'transparent',\n    overflow: 'visible',\n    bg: 'transparent',\n  }),\n};\n\nfunction getPositionArea(\n  placement: LayerPlacement = 'above',\n  alignment: LayerAlignment = 'center',\n): string {\n  const placementMap: Record<LayerPlacement, string> = {\n    above: 'top',\n    below: 'bottom',\n    start: 'left',\n    end: 'right',\n  };\n\n  const cssPlacement = placementMap[placement];\n\n  if (placement === 'above' || placement === 'below') {\n    if (alignment === 'start') {\n      return `${cssPlacement} span-right`;\n    }\n    if (alignment === 'end') {\n      return `${cssPlacement} span-left`;\n    }\n    return cssPlacement;\n  }\n\n  if (alignment === 'start') {\n    return `${cssPlacement} span-bottom`;\n  }\n  if (alignment === 'end') {\n    return `${cssPlacement} span-top`;\n  }\n  return `${cssPlacement} center`;\n}\n\n/**\n * Applies the offset as a logical margin on the edge that faces the anchor for\n * the given placement. Using logical margins (rather than `translate`) means the\n * `position-try` flip tactics flip the gap along with the layer, so it stays on\n * the correct side after a flip.\n */\nfunction getOffsetStyle(\n  placement: LayerPlacement,\n  offsetX?: number,\n  offsetY?: number,\n): React.CSSProperties {\n  const style: React.CSSProperties = {};\n  if (offsetY != null) {\n    if (placement === 'above') {\n      style.marginBlockEnd = `${offsetY}px`;\n    } else {\n      style.marginBlockStart = `${offsetY}px`;\n    }\n  }\n  if (offsetX != null) {\n    if (placement === 'start') {\n      style.marginInlineEnd = `${offsetX}px`;\n    } else {\n      style.marginInlineStart = `${offsetX}px`;\n    }\n  }\n  return style;\n}\n\nexport function useLayer({\n  onShow,\n  onHide,\n  isDismissable = false,\n  id: providedId,\n}: LayerOptions = {}): LayerReturn {\n  const generatedId = useId();\n  const id = providedId ?? generatedId;\n  const anchorId = `--silver-layer-${id.replace(/:/g, '')}`;\n  const [isOpen, setIsOpen] = useState(false);\n  const popoverRef = useRef<HTMLElement | null>(null);\n  const triggerRef = useRef<HTMLElement | null>(null);\n  const isOpenRef = useRef(false);\n\n  const show = useCallback(() => {\n    if (popoverRef.current == null || isOpenRef.current) {\n      return;\n    }\n\n    popoverRef.current.showPopover();\n    isOpenRef.current = true;\n    setIsOpen(true);\n    onShow?.();\n  }, [onShow]);\n\n  const hide = useCallback(() => {\n    if (!isOpenRef.current) {\n      return;\n    }\n\n    popoverRef.current?.hidePopover();\n    isOpenRef.current = false;\n    setIsOpen(false);\n    onHide?.();\n  }, [onHide]);\n\n  const ref: RefCallback<HTMLElement> = useCallback(\n    element => {\n      if (triggerRef.current != null) {\n        (\n          triggerRef.current.style as unknown as Record<string, string>\n        ).anchorName = '';\n      }\n\n      if (element != null) {\n        (element.style as unknown as Record<string, string>).anchorName =\n          anchorId;\n      }\n\n      triggerRef.current = element;\n    },\n    [anchorId],\n  );\n\n  const handleToggle = useCallback(\n    (event: Event) => {\n      const toggleEvent = event as ToggleEvent;\n      if (toggleEvent.newState === 'closed' && isOpenRef.current) {\n        isOpenRef.current = false;\n        setIsOpen(false);\n        onHide?.();\n      }\n    },\n    [onHide],\n  );\n\n  const popoverRefCallback = useCallback(\n    (element: HTMLElement | null) => {\n      if (popoverRef.current != null) {\n        popoverRef.current.removeEventListener('toggle', handleToggle);\n      }\n\n      popoverRef.current = element;\n\n      if (element != null) {\n        element.addEventListener('toggle', handleToggle);\n      }\n    },\n    [handleToggle],\n  );\n\n  const render = useCallback(\n    (children: ReactNode, props?: ContextRenderProps) => {\n      const placement = props?.placement ?? 'above';\n      const alignment = props?.alignment ?? 'center';\n      const {offsetX, offsetY} = props ?? {};\n      const anchorStyle: React.CSSProperties = {\n        border: 'none',\n        positionAnchor: anchorId,\n        positionArea: getPositionArea(placement, alignment),\n        positionTryFallbacks: 'flip-block, flip-inline, flip-block flip-inline',\n      };\n      const offsetStyle = getOffsetStyle(placement, offsetX, offsetY);\n\n      const layerProps: LayerElementProps = {\n        ref: popoverRefCallback,\n        id,\n        role: props?.role,\n        popover: isDismissable ? 'auto' : 'manual',\n        className: cx(styles.layer, props?.className),\n        style: {...anchorStyle, ...offsetStyle, ...props?.style},\n      };\n\n      return createElement('div', layerProps, children);\n    },\n    [anchorId, isDismissable, id, popoverRefCallback],\n  );\n\n  return useMemo(\n    () => ({\n      ref,\n      anchorId,\n      show,\n      hide,\n      isOpen,\n      id,\n      render,\n    }),\n    [ref, anchorId, show, hide, isOpen, id, render],\n  );\n}\n","'use client';\n\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  type RefCallback,\n  type RefObject,\n} from 'react';\nimport {mergeRefs} from 'internal/mergeRefs';\nimport useLatest from 'internal/useLatest';\nimport {useLayer, type LayerReturn} from 'internal/useLayer';\n\nexport type HoverLayerFocusTrigger = 'auto' | 'always' | 'never';\n\nexport interface UseHoverLayerOptions {\n  delay?: number;\n  focusTrigger?: HoverLayerFocusTrigger;\n  hideDelay?: number;\n  isEnabled?: boolean;\n  onFocusIn?: (event: FocusEvent) => boolean;\n  onFocusOut?: (event: FocusEvent) => boolean;\n  onHide?: () => void;\n  onShow?: () => void;\n  onTriggerEscape?: (event: KeyboardEvent) => void;\n  shouldHide?: () => boolean;\n}\n\nexport interface UseHoverLayerReturn {\n  anchorId: string;\n  clearTimeouts: () => void;\n  describedBy: string;\n  hide: () => void;\n  interactionRef: RefCallback<HTMLElement>;\n  layer: LayerReturn;\n  positionRef: RefCallback<HTMLElement>;\n  ref: RefCallback<HTMLElement>;\n  scheduleHide: () => void;\n  show: () => void;\n  triggerRef: RefObject<HTMLElement | null>;\n}\n\nfunction isFocusable(element: HTMLElement): boolean {\n  if (element.hasAttribute('tabindex')) {\n    return element.tabIndex >= 0;\n  }\n\n  if (\n    ['A', 'BUTTON', 'INPUT', 'SELECT', 'TEXTAREA'].includes(element.tagName)\n  ) {\n    return !(element as HTMLButtonElement).disabled;\n  }\n\n  return element.isContentEditable;\n}\n\nfunction isTouchDevice(): boolean {\n  return (\n    typeof window !== 'undefined' &&\n    typeof window.matchMedia === 'function' &&\n    window.matchMedia('(hover: none)').matches\n  );\n}\n\nexport function useHoverLayer({\n  delay = 200,\n  focusTrigger = 'auto',\n  hideDelay = 0,\n  isEnabled = true,\n  onFocusIn,\n  onFocusOut,\n  onHide,\n  onShow,\n  onTriggerEscape,\n  shouldHide,\n}: UseHoverLayerOptions = {}): UseHoverLayerReturn {\n  const layer = useLayer({onShow, onHide});\n  const showTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const hideTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const triggerRef = useRef<HTMLElement | null>(null);\n\n  const clearTimeouts = useCallback(() => {\n    if (showTimeoutRef.current != null) {\n      clearTimeout(showTimeoutRef.current);\n      showTimeoutRef.current = null;\n    }\n\n    if (hideTimeoutRef.current != null) {\n      clearTimeout(hideTimeoutRef.current);\n      hideTimeoutRef.current = null;\n    }\n  }, []);\n\n  const scheduleShow = useCallback(() => {\n    if (!isEnabled) {\n      return;\n    }\n\n    clearTimeouts();\n    showTimeoutRef.current = setTimeout(() => layer.show(), delay);\n  }, [clearTimeouts, delay, isEnabled, layer]);\n\n  const hideIfAllowed = useCallback(() => {\n    if (shouldHide?.() === false) {\n      return;\n    }\n\n    layer.hide();\n  }, [layer, shouldHide]);\n\n  const scheduleHide = useCallback(() => {\n    clearTimeouts();\n\n    if (hideDelay > 0) {\n      hideTimeoutRef.current = setTimeout(hideIfAllowed, hideDelay);\n      return;\n    }\n\n    hideIfAllowed();\n  }, [clearTimeouts, hideDelay, hideIfAllowed]);\n\n  const handleMouseEnter = useCallback(() => {\n    if (isTouchDevice()) {\n      return;\n    }\n\n    scheduleShow();\n  }, [scheduleShow]);\n\n  const handleMouseLeave = useCallback(() => {\n    scheduleHide();\n  }, [scheduleHide]);\n\n  const handleFocusIn = useCallback(\n    (event: FocusEvent) => {\n      if (!isEnabled || onFocusIn?.(event) === false) {\n        return;\n      }\n\n      clearTimeouts();\n      layer.show();\n    },\n    [clearTimeouts, isEnabled, layer, onFocusIn],\n  );\n\n  const handleFocusOut = useCallback(\n    (event: FocusEvent) => {\n      if (onFocusOut?.(event) === false) {\n        return;\n      }\n\n      scheduleHide();\n    },\n    [onFocusOut, scheduleHide],\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'Escape' && layer.isOpen) {\n        onTriggerEscape?.(event);\n      }\n    },\n    [layer.isOpen, onTriggerEscape],\n  );\n\n  const handlersRef = useLatest({\n    focusIn: handleFocusIn,\n    focusOut: handleFocusOut,\n    keyDown: handleKeyDown,\n    mouseEnter: handleMouseEnter,\n    mouseLeave: handleMouseLeave,\n  });\n\n  const stableMouseEnter = useCallback(() => {\n    handlersRef.current.mouseEnter();\n  }, []);\n  const stableMouseLeave = useCallback(() => {\n    handlersRef.current.mouseLeave();\n  }, []);\n  const stableFocusIn = useCallback((event: Event) => {\n    handlersRef.current.focusIn(event as FocusEvent);\n  }, []);\n  const stableFocusOut = useCallback((event: Event) => {\n    handlersRef.current.focusOut(event as FocusEvent);\n  }, []);\n  const stableKeyDown = useCallback((event: Event) => {\n    handlersRef.current.keyDown(event as KeyboardEvent);\n  }, []);\n\n  const hasTriggerEscape = onTriggerEscape != null;\n\n  const interactionRef: RefCallback<HTMLElement> = useCallback(\n    element => {\n      if (triggerRef.current != null) {\n        triggerRef.current.removeEventListener('mouseenter', stableMouseEnter);\n        triggerRef.current.removeEventListener('mouseleave', stableMouseLeave);\n        triggerRef.current.removeEventListener('focusin', stableFocusIn);\n        triggerRef.current.removeEventListener('focusout', stableFocusOut);\n        triggerRef.current.removeEventListener('keydown', stableKeyDown);\n      }\n\n      if (element != null) {\n        element.addEventListener('mouseenter', stableMouseEnter);\n        element.addEventListener('mouseleave', stableMouseLeave);\n\n        const shouldAttachFocus =\n          focusTrigger === 'always' ||\n          (focusTrigger === 'auto' && isFocusable(element));\n\n        if (shouldAttachFocus) {\n          element.addEventListener('focusin', stableFocusIn);\n          element.addEventListener('focusout', stableFocusOut);\n        }\n\n        if (hasTriggerEscape) {\n          element.addEventListener('keydown', stableKeyDown);\n        }\n      }\n\n      triggerRef.current = element;\n    },\n    [\n      focusTrigger,\n      hasTriggerEscape,\n      stableFocusIn,\n      stableFocusOut,\n      stableKeyDown,\n      stableMouseEnter,\n      stableMouseLeave,\n    ],\n  );\n\n  const ref = useMemo(\n    () => mergeRefs(layer.ref, interactionRef),\n    [layer.ref, interactionRef],\n  );\n\n  useEffect(() => {\n    return () => clearTimeouts();\n  }, [clearTimeouts]);\n\n  return useMemo(\n    () => ({\n      anchorId: layer.anchorId,\n      clearTimeouts,\n      describedBy: layer.id,\n      hide: layer.hide,\n      interactionRef,\n      layer,\n      positionRef: layer.ref,\n      ref,\n      scheduleHide,\n      show: layer.show,\n      triggerRef,\n    }),\n    [clearTimeouts, interactionRef, layer, ref, scheduleHide],\n  );\n}\n","'use client';\n\nimport {\n  useRef,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n  type RefCallback,\n} from 'react';\nimport {cx} from 'internal/cx';\nimport {mergeRefs} from 'internal/mergeRefs';\nimport {useIsomorphicLayoutEffect} from 'internal/useIsomorphicLayoutEffect';\nimport {css} from 'styled-system/css';\n\nexport interface HoverLayerTriggerProps {\n  children: ReactNode;\n  className?: string;\n  'data-testid'?: string;\n  describedBy: string;\n  hoverIndication?: 'always' | 'auto' | 'never';\n  isNonTextWrapperPropsForwarded?: boolean;\n  layer: ReactNode;\n  nonTextWrapperElement?: 'div' | 'span';\n  style?: CSSProperties;\n  triggerRef: RefCallback<HTMLElement>;\n  wrapperRef?: Ref<HTMLElement>;\n}\n\nconst styles = {\n  wrapperContents: css({\n    display: 'contents',\n  }),\n  wrapperInline: css({\n    display: 'inline',\n  }),\n  hoverIndication: css({\n    textDecorationLine: 'underline',\n    textDecorationStyle: 'dashed',\n    textDecorationColor: 'fg.muted',\n    textUnderlineOffset: '2px',\n  }),\n} as const;\n\nfunction isTextOnly(children: ReactNode): boolean {\n  return typeof children === 'string' || typeof children === 'number';\n}\n\nfunction mergeIds(...ids: (string | undefined | null)[]): string | undefined {\n  const filtered = ids.filter(Boolean);\n  return filtered.length > 0 ? filtered.join(' ') : undefined;\n}\n\nexport function HoverLayerTrigger({\n  children,\n  className,\n  'data-testid': dataTestId,\n  describedBy,\n  hoverIndication = 'auto',\n  isNonTextWrapperPropsForwarded = true,\n  layer,\n  nonTextWrapperElement = 'span',\n  style,\n  triggerRef,\n  wrapperRef,\n}: HoverLayerTriggerProps): React.JSX.Element {\n  const ownWrapperRef = useRef<HTMLDivElement | HTMLSpanElement>(null);\n  const textOnly = isTextOnly(children);\n  const showHoverIndication =\n    hoverIndication === 'always' || (hoverIndication === 'auto' && textOnly);\n\n  useIsomorphicLayoutEffect(() => {\n    if (textOnly) {\n      return;\n    }\n\n    const firstChild = ownWrapperRef.current?.firstElementChild;\n    if (!(firstChild instanceof HTMLElement)) {\n      return;\n    }\n\n    triggerRef(firstChild);\n    const existingDescribedBy = firstChild.getAttribute('aria-describedby');\n    firstChild.setAttribute(\n      'aria-describedby',\n      mergeIds(existingDescribedBy, describedBy) ?? '',\n    );\n\n    return () => {\n      triggerRef(null);\n      if (existingDescribedBy != null) {\n        firstChild.setAttribute('aria-describedby', existingDescribedBy);\n        return;\n      }\n\n      firstChild.removeAttribute('aria-describedby');\n    };\n  }, [describedBy, textOnly, triggerRef]);\n\n  if (textOnly) {\n    return (\n      <>\n        <span\n          aria-describedby={describedBy}\n          className={cx(\n            styles.wrapperInline,\n            showHoverIndication ? styles.hoverIndication : undefined,\n            className,\n          )}\n          data-testid={dataTestId}\n          ref={mergeRefs(triggerRef as Ref<HTMLSpanElement>, wrapperRef)}\n          style={style}\n          tabIndex={0}>\n          {children}\n        </span>\n        {layer}\n      </>\n    );\n  }\n\n  const nonTextWrapperRef = isNonTextWrapperPropsForwarded\n    ? mergeRefs(ownWrapperRef, wrapperRef)\n    : ownWrapperRef;\n  const nonTextWrapperClassName = cx(\n    styles.wrapperContents,\n    isNonTextWrapperPropsForwarded ? className : undefined,\n  );\n  const nonTextWrapperTestId = isNonTextWrapperPropsForwarded\n    ? dataTestId\n    : undefined;\n  const nonTextWrapperStyle = isNonTextWrapperPropsForwarded\n    ? style\n    : undefined;\n  const wrappedChildren =\n    nonTextWrapperElement === 'div' ? (\n      <div\n        className={nonTextWrapperClassName}\n        data-testid={nonTextWrapperTestId}\n        ref={nonTextWrapperRef as Ref<HTMLDivElement>}\n        style={nonTextWrapperStyle}>\n        {children}\n      </div>\n    ) : (\n      <span\n        className={nonTextWrapperClassName}\n        data-testid={nonTextWrapperTestId}\n        ref={nonTextWrapperRef}\n        style={nonTextWrapperStyle}>\n        {children}\n      </span>\n    );\n\n  return (\n    <>\n      {wrappedChildren}\n      {layer}\n    </>\n  );\n}\n"]}

package/dist/{chunk-AXTX3IOR.js → chunk-E65S6HVS.js}

@@ -1,4 +1,5 @@
-import { Item } from './chunk-GKYGZWSQ.js';
+'use client';
+import { Item } from './chunk-YBMIXGFM.js';
 import { isReactNode } from './chunk-2PSZAWLC.js';
 import { sva } from './chunk-IAVZKGZS.js';
 import { cx } from './chunk-PPNETWIP.js';
@@ -209,5 +210,5 @@ function ListItem({
 ListItem.displayName = "ListItem";
 
 export { List, ListItem };
-//# sourceMappingURL=chunk-AXTX3IOR.js.map
-//# sourceMappingURL=chunk-AXTX3IOR.js.map
+//# sourceMappingURL=chunk-E65S6HVS.js.map
+//# sourceMappingURL=chunk-E65S6HVS.js.map

package/dist/{chunk-AXTX3IOR.js.map → chunk-E65S6HVS.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/List/List.recipe.ts","../src/components/List/ListContext.tsx","../src/components/List/List.tsx","../src/components/List/ListItem.tsx"],"names":["jsx"],"mappings":"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","file":"chunk-AXTX3IOR.js","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nconst markerSize = '6px';\n\nexport const listRecipe = sva({\n  slots: ['root', 'header', 'list'],\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n    },\n    header: {\n      mb: '2',\n    },\n    list: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '0.5',\n      m: 0,\n      p: 0,\n      listStyleType: 'none',\n    },\n  },\n  variants: {\n    hasDividers: {\n      true: {list: {gap: 0}},\n    },\n    hasCounter: {\n      true: {list: {counterReset: 'silver-list'}},\n    },\n  },\n  defaultVariants: {\n    hasDividers: false,\n    hasCounter: false,\n  },\n});\n\nexport type ListVariants = RecipeVariantProps<typeof listRecipe>;\n\nexport const listItemRecipe = sva({\n  slots: ['item', 'markerContainer', 'dot', 'circle', 'number'],\n  base: {\n    item: {},\n    markerContainer: {\n      alignSelf: 'baseline',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flexShrink: 0,\n      w: '4',\n      mt: `calc((1em * 1.5 - ${markerSize}) / 2)`,\n    },\n    dot: {\n      w: markerSize,\n      h: markerSize,\n      borderRadius: 'full',\n      bg: 'fg',\n    },\n    circle: {\n      w: markerSize,\n      h: markerSize,\n      borderRadius: 'full',\n      borderWidth: 'default',\n      borderStyle: 'solid',\n      borderColor: 'fg',\n      bg: 'transparent',\n    },\n    number: {\n      alignSelf: 'baseline',\n      flexShrink: 0,\n      color: 'fg',\n      fontFamily: 'body',\n      fontSize: 'md',\n      lineHeight: '1.5',\n      w: '4',\n      _before: {\n        content: 'counter(silver-list) \".\"',\n      },\n    },\n  },\n  variants: {\n    hasCounter: {\n      true: {\n        item: {counterIncrement: 'silver-list'},\n      },\n    },\n    hasDividers: {\n      true: {\n        item: {\n          borderBlockEndWidth: 'default',\n          borderBlockEndStyle: 'solid',\n          borderBlockEndColor: 'border',\n          borderRadius: 0,\n          _last: {\n            borderBlockEndWidth: 0,\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    hasCounter: false,\n    hasDividers: false,\n  },\n});\n\nexport type ListItemVariants = RecipeVariantProps<typeof listItemRecipe>;\n","import {createContext} from 'react';\n\nexport type ListStyle = 'none' | 'disc' | 'decimal' | 'circle';\n\nexport interface ListContextValue {\n  hasDividers: boolean;\n  listStyle: ListStyle;\n}\n\nexport const ListContext = createContext<ListContextValue | null>(null);\nListContext.displayName = 'ListContext';\n","import {\n  useId,\n  useMemo,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {listRecipe} from 'components/List/List.recipe';\nimport {ListContext, type ListStyle} from 'components/List/ListContext';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\n\nexport type {ListStyle};\n\nexport interface ListProps {\n  /**\n   * List items.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the list element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the list element.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether to show dividers between list items.\n   * @default false\n   */\n  hasDividers?: boolean;\n  /**\n   * Header content rendered above and associated with the list.\n   */\n  header?: ReactNode;\n  /**\n   * List marker style. `decimal` renders an ordered list.\n   * @default 'none'\n   */\n  listStyle?: ListStyle;\n  /**\n   * Ref forwarded to the list element.\n   */\n  ref?: Ref<HTMLUListElement | HTMLOListElement>;\n  /**\n   * Starting number for ordered lists.\n   * @default 1\n   */\n  start?: number;\n  /**\n   * Inline styles applied to the list element.\n   */\n  style?: CSSProperties;\n}\n\n/**\n * Semantic vertical list container with optional dividers, markers, and header.\n */\nexport function List({\n  children,\n  className,\n  'data-testid': dataTestId,\n  hasDividers = false,\n  header,\n  listStyle = 'none',\n  ref,\n  start,\n  style,\n}: ListProps): React.JSX.Element {\n  const headerId = useId();\n  const isOrdered = listStyle === 'decimal';\n  const hasCounter = isOrdered;\n  const Component = isOrdered ? 'ol' : 'ul';\n  const counterReset =\n    hasCounter && start != null && start !== 1\n      ? `silver-list ${start - 1}`\n      : undefined;\n  const contextValue = useMemo(\n    () => ({hasDividers, listStyle}),\n    [hasDividers, listStyle],\n  );\n\n  const classes = listRecipe({hasDividers, hasCounter});\n\n  const listElement = (\n    <Component\n      aria-labelledby={isReactNode(header) ? headerId : undefined}\n      className={cx(classes.list, className)}\n      data-testid={dataTestId}\n      ref={ref as Ref<HTMLUListElement & HTMLOListElement>}\n      role={listStyle === 'none' && !isOrdered ? 'list' : undefined}\n      start={isOrdered ? start : undefined}\n      style={{counterReset, ...style}}>\n      {children}\n    </Component>\n  );\n\n  return (\n    <ListContext value={contextValue}>\n      {!isReactNode(header) ? (\n        listElement\n      ) : (\n        <div className={classes.root}>\n          <div className={classes.header} id={headerId}>\n            {header}\n          </div>\n          {listElement}\n        </div>\n      )}\n    </ListContext>\n  );\n}\n\nList.displayName = 'List';\n","import {\n  use,\n  type CSSProperties,\n  type MouseEventHandler,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {Item} from 'components/Item';\nimport {listItemRecipe} from 'components/List/List.recipe';\nimport {ListContext, type ListStyle} from 'components/List/ListContext';\nimport {cx} from 'internal/cx';\n\nexport interface ListItemProps {\n  /**\n   * Additional CSS class names applied to the list item.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the list item.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text shown below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Trailing content rendered after the label area.\n   */\n  endContent?: ReactNode;\n  /**\n   * Link URL. When set, the content area renders as a link.\n   */\n  href?: string;\n  /**\n   * Whether the item is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether the item is selected.\n   * @default false\n   */\n  isSelected?: boolean;\n  /**\n   * Primary item label.\n   */\n  label: ReactNode;\n  /**\n   * Click handler for interactive items.\n   */\n  onClick?: MouseEventHandler<HTMLElement>;\n  /**\n   * Ref forwarded to the list item.\n   */\n  ref?: Ref<HTMLLIElement>;\n  /**\n   * Link relationship.\n   */\n  rel?: string;\n  /**\n   * Content rendered before the label area.\n   */\n  startContent?: ReactNode;\n  /**\n   * Inline styles applied to the list item.\n   */\n  style?: CSSProperties;\n  /**\n   * Link target.\n   */\n  target?: string;\n}\n\ntype MarkerClasses = ReturnType<typeof listItemRecipe>;\n\nfunction Marker({\n  classes,\n  listStyle,\n}: {\n  classes: MarkerClasses;\n  listStyle: ListStyle;\n}): React.JSX.Element | null {\n  if (listStyle === 'disc') {\n    return (\n      <span className={classes.markerContainer}>\n        <span className={classes.dot} />\n      </span>\n    );\n  }\n\n  if (listStyle === 'circle') {\n    return (\n      <span className={classes.markerContainer}>\n        <span className={classes.circle} />\n      </span>\n    );\n  }\n\n  if (listStyle === 'decimal') {\n    return <span className={classes.number} />;\n  }\n\n  return null;\n}\n\n/**\n * Structured list item built on the shared `Item` primitive.\n */\nexport function ListItem({\n  className,\n  'data-testid': dataTestId,\n  description,\n  endContent,\n  href,\n  isDisabled = false,\n  isSelected = false,\n  label,\n  onClick,\n  ref,\n  rel,\n  startContent,\n  style,\n  target,\n}: ListItemProps): React.JSX.Element {\n  const context = use(ListContext);\n  const hasDividers = context?.hasDividers ?? false;\n  const listStyle = context?.listStyle ?? 'none';\n  const hasCounter = listStyle === 'decimal';\n  const hasMarkers = listStyle !== 'none';\n  const classes = listItemRecipe({hasCounter, hasDividers});\n\n  return (\n    <Item\n      as=\"li\"\n      className={cx(classes.item, className)}\n      data-testid={dataTestId}\n      description={description}\n      endContent={endContent}\n      href={href}\n      isDisabled={isDisabled}\n      isSelected={isSelected}\n      label={label}\n      leadingContent={\n        hasMarkers ? (\n          <Marker classes={classes} listStyle={listStyle} />\n        ) : undefined\n      }\n      onClick={onClick}\n      ref={ref}\n      rel={rel}\n      startContent={startContent}\n      style={style}\n      target={target}\n    />\n  );\n}\n\nListItem.displayName = 'ListItem';\n"]}
+{"version":3,"sources":["../src/components/List/List.recipe.ts","../src/components/List/ListContext.tsx","../src/components/List/List.tsx","../src/components/List/ListItem.tsx"],"names":["jsx"],"mappings":"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","file":"chunk-E65S6HVS.js","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nconst markerSize = '6px';\n\nexport const listRecipe = sva({\n  slots: ['root', 'header', 'list'],\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n    },\n    header: {\n      mb: '2',\n    },\n    list: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '0.5',\n      m: 0,\n      p: 0,\n      listStyleType: 'none',\n    },\n  },\n  variants: {\n    hasDividers: {\n      true: {list: {gap: 0}},\n    },\n    hasCounter: {\n      true: {list: {counterReset: 'silver-list'}},\n    },\n  },\n  defaultVariants: {\n    hasDividers: false,\n    hasCounter: false,\n  },\n});\n\nexport type ListVariants = RecipeVariantProps<typeof listRecipe>;\n\nexport const listItemRecipe = sva({\n  slots: ['item', 'markerContainer', 'dot', 'circle', 'number'],\n  base: {\n    item: {},\n    markerContainer: {\n      alignSelf: 'baseline',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flexShrink: 0,\n      w: '4',\n      mt: `calc((1em * 1.5 - ${markerSize}) / 2)`,\n    },\n    dot: {\n      w: markerSize,\n      h: markerSize,\n      borderRadius: 'full',\n      bg: 'fg',\n    },\n    circle: {\n      w: markerSize,\n      h: markerSize,\n      borderRadius: 'full',\n      borderWidth: 'default',\n      borderStyle: 'solid',\n      borderColor: 'fg',\n      bg: 'transparent',\n    },\n    number: {\n      alignSelf: 'baseline',\n      flexShrink: 0,\n      color: 'fg',\n      fontFamily: 'body',\n      fontSize: 'md',\n      lineHeight: '1.5',\n      w: '4',\n      _before: {\n        content: 'counter(silver-list) \".\"',\n      },\n    },\n  },\n  variants: {\n    hasCounter: {\n      true: {\n        item: {counterIncrement: 'silver-list'},\n      },\n    },\n    hasDividers: {\n      true: {\n        item: {\n          borderBlockEndWidth: 'default',\n          borderBlockEndStyle: 'solid',\n          borderBlockEndColor: 'border',\n          borderRadius: 0,\n          _last: {\n            borderBlockEndWidth: 0,\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    hasCounter: false,\n    hasDividers: false,\n  },\n});\n\nexport type ListItemVariants = RecipeVariantProps<typeof listItemRecipe>;\n","'use client';\n\nimport {createContext} from 'react';\n\nexport type ListStyle = 'none' | 'disc' | 'decimal' | 'circle';\n\nexport interface ListContextValue {\n  hasDividers: boolean;\n  listStyle: ListStyle;\n}\n\nexport const ListContext = createContext<ListContextValue | null>(null);\nListContext.displayName = 'ListContext';\n","'use client';\n\nimport {\n  useId,\n  useMemo,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {listRecipe} from 'components/List/List.recipe';\nimport {ListContext, type ListStyle} from 'components/List/ListContext';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\n\nexport type {ListStyle};\n\nexport interface ListProps {\n  /**\n   * List items.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the list element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the list element.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether to show dividers between list items.\n   * @default false\n   */\n  hasDividers?: boolean;\n  /**\n   * Header content rendered above and associated with the list.\n   */\n  header?: ReactNode;\n  /**\n   * List marker style. `decimal` renders an ordered list.\n   * @default 'none'\n   */\n  listStyle?: ListStyle;\n  /**\n   * Ref forwarded to the list element.\n   */\n  ref?: Ref<HTMLUListElement | HTMLOListElement>;\n  /**\n   * Starting number for ordered lists.\n   * @default 1\n   */\n  start?: number;\n  /**\n   * Inline styles applied to the list element.\n   */\n  style?: CSSProperties;\n}\n\n/**\n * Semantic vertical list container with optional dividers, markers, and header.\n */\nexport function List({\n  children,\n  className,\n  'data-testid': dataTestId,\n  hasDividers = false,\n  header,\n  listStyle = 'none',\n  ref,\n  start,\n  style,\n}: ListProps): React.JSX.Element {\n  const headerId = useId();\n  const isOrdered = listStyle === 'decimal';\n  const hasCounter = isOrdered;\n  const Component = isOrdered ? 'ol' : 'ul';\n  const counterReset =\n    hasCounter && start != null && start !== 1\n      ? `silver-list ${start - 1}`\n      : undefined;\n  const contextValue = useMemo(\n    () => ({hasDividers, listStyle}),\n    [hasDividers, listStyle],\n  );\n\n  const classes = listRecipe({hasDividers, hasCounter});\n\n  const listElement = (\n    <Component\n      aria-labelledby={isReactNode(header) ? headerId : undefined}\n      className={cx(classes.list, className)}\n      data-testid={dataTestId}\n      ref={ref as Ref<HTMLUListElement & HTMLOListElement>}\n      role={listStyle === 'none' && !isOrdered ? 'list' : undefined}\n      start={isOrdered ? start : undefined}\n      style={{counterReset, ...style}}>\n      {children}\n    </Component>\n  );\n\n  return (\n    <ListContext value={contextValue}>\n      {!isReactNode(header) ? (\n        listElement\n      ) : (\n        <div className={classes.root}>\n          <div className={classes.header} id={headerId}>\n            {header}\n          </div>\n          {listElement}\n        </div>\n      )}\n    </ListContext>\n  );\n}\n\nList.displayName = 'List';\n","'use client';\n\nimport {\n  use,\n  type CSSProperties,\n  type MouseEventHandler,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {Item} from 'components/Item';\nimport {listItemRecipe} from 'components/List/List.recipe';\nimport {ListContext, type ListStyle} from 'components/List/ListContext';\nimport {cx} from 'internal/cx';\n\nexport interface ListItemProps {\n  /**\n   * Additional CSS class names applied to the list item.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the list item.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text shown below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Trailing content rendered after the label area.\n   */\n  endContent?: ReactNode;\n  /**\n   * Link URL. When set, the content area renders as a link.\n   */\n  href?: string;\n  /**\n   * Whether the item is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether the item is selected.\n   * @default false\n   */\n  isSelected?: boolean;\n  /**\n   * Primary item label.\n   */\n  label: ReactNode;\n  /**\n   * Click handler for interactive items.\n   */\n  onClick?: MouseEventHandler<HTMLElement>;\n  /**\n   * Ref forwarded to the list item.\n   */\n  ref?: Ref<HTMLLIElement>;\n  /**\n   * Link relationship.\n   */\n  rel?: string;\n  /**\n   * Content rendered before the label area.\n   */\n  startContent?: ReactNode;\n  /**\n   * Inline styles applied to the list item.\n   */\n  style?: CSSProperties;\n  /**\n   * Link target.\n   */\n  target?: string;\n}\n\ntype MarkerClasses = ReturnType<typeof listItemRecipe>;\n\nfunction Marker({\n  classes,\n  listStyle,\n}: {\n  classes: MarkerClasses;\n  listStyle: ListStyle;\n}): React.JSX.Element | null {\n  if (listStyle === 'disc') {\n    return (\n      <span className={classes.markerContainer}>\n        <span className={classes.dot} />\n      </span>\n    );\n  }\n\n  if (listStyle === 'circle') {\n    return (\n      <span className={classes.markerContainer}>\n        <span className={classes.circle} />\n      </span>\n    );\n  }\n\n  if (listStyle === 'decimal') {\n    return <span className={classes.number} />;\n  }\n\n  return null;\n}\n\n/**\n * Structured list item built on the shared `Item` primitive.\n */\nexport function ListItem({\n  className,\n  'data-testid': dataTestId,\n  description,\n  endContent,\n  href,\n  isDisabled = false,\n  isSelected = false,\n  label,\n  onClick,\n  ref,\n  rel,\n  startContent,\n  style,\n  target,\n}: ListItemProps): React.JSX.Element {\n  const context = use(ListContext);\n  const hasDividers = context?.hasDividers ?? false;\n  const listStyle = context?.listStyle ?? 'none';\n  const hasCounter = listStyle === 'decimal';\n  const hasMarkers = listStyle !== 'none';\n  const classes = listItemRecipe({hasCounter, hasDividers});\n\n  return (\n    <Item\n      as=\"li\"\n      className={cx(classes.item, className)}\n      data-testid={dataTestId}\n      description={description}\n      endContent={endContent}\n      href={href}\n      isDisabled={isDisabled}\n      isSelected={isSelected}\n      label={label}\n      leadingContent={\n        hasMarkers ? (\n          <Marker classes={classes} listStyle={listStyle} />\n        ) : undefined\n      }\n      onClick={onClick}\n      ref={ref}\n      rel={rel}\n      startContent={startContent}\n      style={style}\n      target={target}\n    />\n  );\n}\n\nListItem.displayName = 'ListItem';\n"]}

package/dist/{chunk-ARUOMLOJ.cjs → chunk-ECVWXA4H.cjs}

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var chunkJ4PIYOWT_cjs = require('./chunk-J4PIYOWT.cjs');
@@ -325,5 +326,5 @@ Collapsible.displayName = "Collapsible";
 exports.Accordion = Accordion;
 exports.AccordionItem = AccordionItem;
 exports.Collapsible = Collapsible;
-//# sourceMappingURL=chunk-ARUOMLOJ.cjs.map
-//# sourceMappingURL=chunk-ARUOMLOJ.cjs.map
+//# sourceMappingURL=chunk-ECVWXA4H.cjs.map
+//# sourceMappingURL=chunk-ECVWXA4H.cjs.map