@mohasinac/appkit 2.1.1 → 2.2.0

package/dist/features/forms/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/ui/components/Semantic.tsx","../../../src/ui/components/Div.tsx","../../../src/ui/components/Typography.tsx","../../../node_modules/shared/src/utils/mergeClasses.ts","../../../node_modules/shared/src/utils/toKebabCase.ts","../../../node_modules/shared/src/utils/toCamelCase.ts","../../../node_modules/shared/src/utils/toPascalCase.ts","../../../node_modules/lucide-react/src/defaultAttributes.ts","../../../node_modules/shared/src/utils/hasA11yProp.ts","../../../node_modules/lucide-react/src/context.ts","../../../node_modules/lucide-react/src/Icon.ts","../../../node_modules/lucide-react/src/createLucideIcon.ts","../../../node_modules/lucide-react/src/icons/loader-circle.ts","../../../src/ui/components/Button.tsx","../../../src/ui/components/Accordion.tsx","../../../src/features/forms/utils.ts","../../../src/features/forms/Input.tsx","../../../src/features/forms/Textarea.tsx","../../../src/features/forms/Select.tsx","../../../src/features/forms/Checkbox.tsx","../../../src/features/forms/Radio.tsx","../../../src/features/forms/Toggle.tsx","../../../src/features/forms/Slider.tsx","../../../src/features/forms/Form.tsx"],"names":["React","jsx","createContext","useContext","forwardRef","_a","createElement","_b","jsxs","twMerge","Input","Textarea","Select","Slider","Form"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CO,IAAM,UAAUA,sBAAA,CAAM,UAAA;AAAA,EAC3B,CAAC,IAAwC,GAAA,KAAK;AAA7C,IAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAAA,SAAA,GAAY,IAAI,QAAA,EA7CrB,GA6CG,IAA+B,KAAA,GAAA,SAAA,CAA/B,EAAA,EAA+B,CAA7B,WAAA,EAAgB,UAAA,CAAA,CAAA;AACjB,IAAA,uBAAAC,cAAA,CAAC,SAAA,EAAA,aAAA,CAAA,cAAA,CAAA,EAAQ,SAAA,EAAsB,GAAA,EAAA,EAAc,KAAA,CAAA,EAA5C,EACE,QAAA,EAAA,CACH,CAAA;AAAA,EAAA;AAEJ,CAAA;AACA,OAAA,CAAQ,WAAA,GAAc,SAAA;AA8Cf,IAAM,QAAQD,sBAAA,CAAM,UAAA;AAAA,EACzB,CAAC,IAAwC,GAAA,KAAK;AAA7C,IAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAAA,SAAA,GAAY,IAAI,QAAA,EAlGrB,GAkGG,IAA+B,KAAA,GAAA,SAAA,CAA/B,EAAA,EAA+B,CAA7B,WAAA,EAAgB,UAAA,CAAA,CAAA;AACjB,IAAA,uBAAAC,cAAA,CAAC,OAAA,EAAA,aAAA,CAAA,cAAA,CAAA,EAAM,SAAA,EAAsB,GAAA,EAAA,EAAc,KAAA,CAAA,EAA1C,EACE,QAAA,EAAA,CACH,CAAA;AAAA,EAAA;AAEJ,CAAA;AACA,KAAA,CAAM,WAAA,GAAc,OAAA;ACnFb,IAAM,MAAMD,sBAAAA,CAAM,UAAA;AAAA,EACvB,CAAC,IAAwC,GAAA,KAAK;AAA7C,IAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAAA,SAAA,GAAY,IAAI,QAAA,EAtBrB,GAsBG,IAA+B,KAAA,GAAA,SAAA,CAA/B,EAAA,EAA+B,CAA7B,WAAA,EAAgB,UAAA,CAAA,CAAA;AACjB,IAAA,uBAAAC,eAAC,KAAA,EAAA,aAAA,CAAA,cAAA,CAAA,EAAI,GAAA,EAAU,SAAA,EAAA,EAA0B,KAAA,CAAA,EAAxC,EACE,QAAA,EAAA,CACH,CAAA;AAAA,EAAA;AAEJ,CAAA;AACA,GAAA,CAAI,WAAA,GAAc,KAAA;ACrBlB,IAAM,QAAA,GAAW;AAAA,EACf,UAAA,EAAY;AAAA,IAOV,IAAA,EAAM,sBAAA;AAAA,IACN,KAAA,EAAO,sBAAA;AAAA,IACP,EAAA,EAAI;AAAA,GACN;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,WAAA,EAAa,iCAAA;AAAA,IACb,aAAA,EAAe,kCAAA;AAAA,IACf,SAAA,EAAW,kCAAA;AAAA,IACX,SAAA,EAAW,gCAAA;AAAA,IACX,WAAA,EAAa;AAAA,GAOjB,CAAA;AA6LO,SAAS,KAAK,EAAA,EAOP;AAPO,EAAA,IAAA,EAAA,GAAA,EAAA,EACnB;AAAA,IAAA,OAAA,GAAU,SAAA;AAAA,IACV,IAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA,GAAY,EAAA;AAAA,IACZ;AAAA,GAjOF,GA4NqB,EAAA,EAMhB,KAAA,GAAA,SAAA,CANgB,EAAA,EAMhB;AAAA,IALH,SAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,MAAM,EAAE,MAAA,EAAQ,UAAA,EAAW,GAAI,QAAA;AAE/B,EAAA,MAAM,cAAA,GAAoE;AAAA,IACxE,OAAA,EAAS,EAAA;AAAA,IACT,SAAS,MAAA,CAAO,WAAA;AAAA,IAChB,WAAW,MAAA,CAAO,aAAA;AAAA,IAClB,OAAO,MAAA,CAAO,SAAA;AAAA,IACd,OAAO,MAAA,CAAO,SAAA;AAAA,IACd,SAAS,MAAA,CAAO,WAAA;AAAA,IAChB,MAAA,EAAQ;AAAA,GACV;AAEA,EAAA,MAAM,WAAA,GAA8D;AAAA,IAClE,IAAI,UAAA,CAAW,EAAA;AAAA,IACf,IAAI,UAAA,CAAW,KAAA;AAAA,IACf,MAAM,UAAA,CAAW,IAAA;AAAA,IACjB,EAAA,EAAI,SAAA;AAAA,IACJ,EAAA,EAAI;AAAA,GACN;AAEA,EAAA,MAAM,aAAA,GAAkE;AAAA,IACtE,MAAA,EAAQ,aAAA;AAAA,IACR,MAAA,EAAQ,aAAA;AAAA,IACR,QAAA,EAAU,eAAA;AAAA,IACV,IAAA,EAAM;AAAA,GACR;AAEA,EAAA,MAAM,OAAA,GAAU;AAAA,IACd,IAAA,GAAO,WAAA,CAAY,IAAI,CAAA,GAAI,EAAA;AAAA,IAC3B,MAAA,GAAS,aAAA,CAAc,MAAM,CAAA,GAAI,EAAA;AAAA,IACjC,eAAe,OAAO,CAAA;AAAA,IACtB;AAAA,GACF,CACG,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AAEX,EAAA,uBACEA,cAAAA,CAAC,MAAA,EAAA,aAAA,CAAA,cAAA,CAAA,EAAK,WAAW,OAAA,EAAA,EAAa,KAAA,CAAA,EAA7B,EACE,QAAA,EAAA,CACH,CAAA;AAEJ;;;ACvQO,IAAM,YAAA,GAAe,IAA2C,OAAA,KACrE,OAAA,CACG,OAAO,CAAC,SAAA,EAAW,OAAO,KAAA,KAAU;AACnC,EAAA,OACE,OAAA,CAAQ,SAAS,CAAA,IAChB,SAAA,CAAqB,IAAA,OAAW,EAAA,IACjC,KAAA,CAAM,OAAA,CAAQ,SAAS,CAAA,KAAM,KAAA;AAEjC,CAAC,CAAA,CACA,IAAA,CAAK,GAAG,CAAA,CACR,IAAA,EAAA;;;ACVE,IAAM,WAAA,GAAc,CAAC,MAAA,KAC1B,MAAA,CAAO,QAAQ,oBAAA,EAAsB,OAAO,EAAE,WAAA,EAAA;;;ACDzC,IAAM,WAAA,GAAc,CAAmB,MAAA,KAC5C,MAAA,CAAO,OAAA;AAAQ,EAAA,uBAAA;EAAyB,CAAC,KAAA,EAAO,IAAI,EAAA,KAClD,EAAA,GAAK,GAAG,WAAA,EAAA,GAAgB,GAAG,WAAA;AAC7B,CAAA;;;ACAK,IAAM,YAAA,GAAe,CAAmB,MAAA,KAAgC;AAC7E,EAAA,MAAM,SAAA,GAAY,YAAY,MAAM,CAAA;AAEpC,EAAA,OAAQ,SAAA,CAAU,OAAO,CAAC,CAAA,CAAE,aAAA,GAAgB,SAAA,CAAU,MAAM,CAAC,CAAA;AAC/D,CAAA;;;ACbA,IAAA,iBAAA,GAAe;EACb,KAAA,EAAO,4BAAA;EACP,KAAA,EAAO,EAAA;EACP,MAAA,EAAQ,EAAA;EACR,OAAA,EAAS,WAAA;EACT,IAAA,EAAM,MAAA;EACN,MAAA,EAAQ,cAAA;EACR,WAAA,EAAa,CAAA;EACb,aAAA,EAAe,OAAA;EACf,cAAA,EAAgB;AAClB,CAAA;;;ACJO,IAAM,WAAA,GAAc,CAAC,KAAA,KAA+B;AACzD,EAAA,KAAA,MAAW,QAAQ,KAAA,EAAO;AACxB,IAAA,IAAI,KAAK,UAAA,CAAW,OAAO,KAAK,IAAA,KAAS,MAAA,IAAU,SAAS,OAAA,EAAS;AACnE,MAAA,OAAO,IAAA;AACT,IAAA;AACF,EAAA;AAEA,EAAA,OAAO,KAAA;AACT,CAAA;ACDA,IAAA,aAAA,GAAAC,mBAAA,CAAA,EAAA,CAAA;AA4BO,IAAA,gBAAA,GAAA,MAAAC,gBAAA,CAAA,aAAA,CAAA;;;ACdP,IAAA,IAAA,GAAAC,gBAAA;AAAa,EAAA,CAAA,IAAA,GAAA,KAAA;AAAA,IAAA,IAAA,EAAA,GAAA,EAAA,EAAA,SAAA,IAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,SAAA,GAAA,IAAA,QAAA,EAAA,QAAA,EAAA,GAAA,EAAA,EAAA,IAAA,GAAA,SAAA,CAAA,IAAA,CAAA,OAAA,EAAA,QAAA,aAAA,EAAA,qBAAA,EAAA,aAAA,UAAA,EAAA,UAAA,CAAA,CAAA;;AAKT,IAAA,MAAA;AAAM,MAAA,IAAA,EAAA,WAAA,GAAA,EAAA;AACgB,MAAA,WAAA,EAAA,kBAAA,GAAA,CAAA;AACc,MAAA,mBAAA,EAAA,0BAAA,GAAA,KAAA;AACgB,MAAA,KAAA,EAAA,YAAA,GAAA,cAAA;AAC5B,MAAA,SAAA,EAAA,YAAA,GAAA;AACI,KAAA,GAAA,CAAAC,GAAAA,GAAA,gBAAA,EAAA,KAAA,IAAA,GAAAA,MAAA,EAAA;AAG5B,IAAA,MAAA,qBAAA,GAAA,CAAA,mBAAA,IAAA,IAAA,GAAA,mBAAA,GAAA,0BAAA,IAAA,MAAA,CAAA,WAAA,IAAA,IAAA,GAAA,WAAA,GAAA,kBAAA,CAAA,GAAA,EAAA,GAAA,MAAA,CAAA,IAAA,IAAA,IAAA,GAAA,IAAA,GAAA,WAAA,CAAA,GAAA,WAAA,IAAA,IAAA,GAAA,WAAA,GAAA,kBAAA;AAKA,IAAA,OAAAC,mBAAAA;AAAO,MAAA,KAAA;AACL,MAAA,cAAA,CAAA,cAAA,CAAA,aAAA,CAAA,cAAA,CAAA;AACA,QAAA;SACE,iBAAA,CAAA,EAFF;AAGK,QAAA,KAAA,EAAA,CAAAC,GAAAA,GAAA,IAAA,IAAA,IAAA,GAAA,IAAA,GAAA,WAAA,KAAA,IAAA,GAAAA,MAAA,iBAAA,CAAA,KAAA;QAC6C,MAAA,EAAA,CAAA,EAAA,GAAA,IAAA,IAAA,IAAA,GAAA,IAAA,GAAA,WAAA,KAAA,IAAA,GAAA,EAAA,GAAA,iBAAA,CAAA,MAAA;AACC,QAAA,MAAA,EAAA,KAAA,IAAA,IAAA,GAAA,KAAA,GAAA,YAAA;QAChC,WAAA,EAAA,qBAAA;QACJ,SAAA,EAAA,YAAA,CAAA,QAAA,EAAA,YAAA,EAAA,SAAA;UAC4C,CAAA,QAAA,IAAA,CAAA,WAAA,CAAA,IAAA,KAAA,EAAA,aAAA,EAAA,QAAA,CAAA,EACM,IAAA,CAAA;AAEjE,MAAA;QACA,GAAA,QAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,EAAA,KAAA,CAAA,KAAAD,mBAAAA,CAAA,GAAA,EAAA,KAAA,CAAA,CAAA;AAC6D,QAAA,GAAA,MAAA,OAAA,CAAA,QAAA,CAAA,GAAA,QAAA,GAAA,CAAA,QAAA;AACT;AACpD,KAAA;AACF,EAAA;AAEJ,CAAA;;;ACrDA,IAAM,gBAAA,GAAmB,CAAC,QAAA,EAAkB,QAAA,KAAuB;AACjE,EAAA,MAAM,SAAA,GAAYF,gBAAAA;AAAuC,IAAA,CAAC,IAAyB,GAAA,KAAA;AAAzB,MAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAAA,SAAA,EAAA,GAAF,EAAA,EAAgB,KAAA,GAAA,SAAA,CAAhB,EAAA,EAAgB,CAAd,WAAA,CAAA,CAAA;AAC1D,MAAA,OAAAE,oBAAc,IAAA,EAAM,cAAA,CAAA;AAClB,QAAA,GAAA;AACA,QAAA,QAAA;QACA,SAAA,EAAW,YAAA;AACT,UAAA,CAAA,OAAA,EAAU,WAAA,CAAY,YAAA,CAAa,QAAQ,CAAC,CAAC,CAAA,CAAA;AAC7C,UAAA,CAAA,OAAA,EAAU,QAAQ,CAAA,CAAA;AAClB,UAAA;AAAA;SAEC,KAAA,CACJ,CAAA;;AAAA,GAAA;AAGH,EAAA,SAAA,CAAU,WAAA,GAAc,aAAa,QAAQ,CAAA;AAE7C,EAAA,OAAO,SAAA;AACT,CAAA;;;ACzBO,IAAM,UAAA,GAAuB,CAAC,CAAC,MAAA,EAAQ,EAAE,GAAG,6BAAA,EAA+B,GAAA,EAAK,QAAA,EAAU,CAAC,CAAA;AAalG,IAAM,YAAA,GAAe,gBAAA,CAAiB,eAAA,EAAiB,UAAU,CAAA;ACJjE,IAAM,SAAA,GAAY;AAAA,EAChB,IAAA,EAAM,gMAAA;AAAA,EACN,MAAA,EAAQ,iBAAA;AAAA,EACR,QAAA,EAAU;AAAA,IACR,OAAA,EACE,0OAAA;AAAA,IACF,SAAA,EACE,oOAAA;AAAA,IACF,OAAA,EACE,yKAAA;AAAA,IACF,KAAA,EACE,gGAAA;AAAA,IACF,MAAA,EACE,yGAAA;AAAA,IACF,OAAA,EACE;AAAA,GACJ;AAAA,EACA,KAAA,EAAO;AAAA,IACL,EAAA,EAAI,+DAAA;AAAA,IACJ,EAAA,EAAI,qEAAA;AAAA,IACJ,EAAA,EAAI;AAAA;AAER,CAAA;AASO,SAAS,OAAO,EAAA,EAQP;AARO,EAAA,IAAA,EAAA,GAAA,EAAA,EACrB;AAAA,IAAA,OAAA,GAAU,SAAA;AAAA,IACV,IAAA,GAAO,IAAA;AAAA,IACP,SAAA,GAAY,EAAA;AAAA,IACZ,SAAA,GAAY,KAAA;AAAA,IACZ,QAAA;AAAA,IACA;AAAA,GAjDF,GA2CuB,EAAA,EAOlB,KAAA,GAAA,SAAA,CAPkB,EAAA,EAOlB;AAAA,IANH,SAAA;AAAA,IACA,MAAA;AAAA,IACA,WAAA;AAAA,IACA,WAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,uBACEE,eAAAA;AAAA,IAAC,QAAA;AAAA,IAAA,aAAA,CAAA,cAAA,CAAA;AAAA,MACC,SAAA,EAAWC,qBAAA;AAAA,QACT,SAAA,CAAU,IAAA;AAAA,QACV,SAAA,CAAU,MAAA;AAAA,QACV,SAAA,CAAU,SAAS,OAAO,CAAA;AAAA,QAC1B,SAAA,CAAU,MAAM,IAAI,CAAA;AAAA,QACpB;AAAA,OACF;AAAA,MACA,UAAU,QAAA,IAAY,SAAA;AAAA,MACtB,aAAW,SAAA,IAAa;AAAA,KAAA,EACpB,KAAA,CAAA,EAVL;AAAA,MAYE,QAAA,EAAA;AAAA,QAAA,SAAA,oBACCR,cAAAA;AAAA,UAAC,YAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,oCAAA;AAAA,YACV,aAAA,EAAY;AAAA;AAAA,SACd;AAAA,QAED,4BAAYA,cAAAA,CAAC,UAAK,SAAA,EAAU,YAAA,EAAc,UAAS,CAAA,GAAU;AAAA;AAAA,KAAA;AAAA,GAChE;AAEJ;AC7DyBC,oBAA4C,IAAI;;;ACZlE,SAAS,MAAM,OAAA,EAAwD;AAC5E,EAAA,OAAO,OAAA,CAAQ,MAAA,CAAO,OAAO,CAAA,CAAE,KAAK,GAAG,CAAA;AACzC;AAIO,IAAM,UAAA,GACX;AAEK,IAAM,WAAA,GACX;AAEK,IAAM,aAAA,GACX;AAEK,IAAM,cAAA,GACX;AAEK,IAAM,eAAA,GAAkB,OAAA;AAExB,IAAM,UAAA,GACX,mEAAA;AACK,IAAM,WAAA,GAAc,+CAAA;AACpB,IAAM,UAAA,GAAa,6CAAA;ACDnB,IAAMQ,SAAQV,sBAAAA,CAAM,UAAA;AAAA,EACzB,SAASU,MAAAA,CACP,EAAA,EAYA,GAAA,EACA;AAbA,IAAA,IAAA,EAAA,GAAA,EAAA,EACE;AAAA,MAAA,KAAA;AAAA,MACA,KAAA;AAAA,MACA,UAAA;AAAA,MACA,IAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAA;AAAA,MACA,SAAA,GAAY,EAAA;AAAA,MACZ,QAAA;AAAA,MACA;AAAA,KAlCN,GAyBI,EAAA,EAUK,KAAA,GAAA,SAAA,CAVL,EAAA,EAUK;AAAA,MATH,OAAA;AAAA,MACA,OAAA;AAAA,MACA,YAAA;AAAA,MACA,MAAA;AAAA,MACA,WAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA;AAAA,MACA;AAAA,KAAA,CAAA;AAKF,IAAA,MAAM,eAAe,KAAA,GACjB,WAAA,GACA,OAAA,GACE,aAAA,GACA,WACE,cAAA,GACA,EAAA;AAER,IAAA,uBACEF,eAAAA,CAAC,GAAA,EAAA,EAAI,SAAA,EAAU,QAAA,EACZ,QAAA,EAAA;AAAA,MAAA,KAAA,oBACCA,eAAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAW,UAAA,EACf,QAAA,EAAA;AAAA,QAAA,KAAA;AAAA,QACA,QAAA,oBACCP,cAAAA,CAAC,IAAA,EAAA,EAAK,WAAU,mBAAA,EAAoB,aAAA,EAAY,QAAO,QAAA,EAAA,GAAA,EAEvD;AAAA,OAAA,EAEJ,CAAA;AAAA,sBAGFO,eAAAA,CAAC,GAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACZ,QAAA,EAAA;AAAA,QAAA,IAAA,oBACCP,cAAAA;AAAA,UAAC,GAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,EAAA;AAAA,cACT,yEAAA;AAAA,cACA,QACI,gCAAA,GACA,kCAAA;AAAA,cACJ;AAAA,aACF;AAAA,YAEC,QAAA,EAAA;AAAA;AAAA,SACH;AAAA,wBAGFA,cAAAA;AAAA,UAAC,OAAA;AAAA,UAAA,cAAA,CAAA;AAAA,YACC,GAAA;AAAA,YACA,SAAA,EAAW,EAAA;AAAA,cACT,QAAA;AAAA,cACA,UAAA;AAAA,cACA,OAAO,eAAA,GAAkB,EAAA;AAAA,cACzB,YAAY,OAAA,GAAU,EAAA;AAAA,cACtB,YAAA;AAAA,cACA;AAAA,aACF;AAAA,YACA,QAAA;AAAA,YACA,cAAA,EAAc,QAAQ,MAAA,GAAS,MAAA;AAAA,YAC/B,kBAAA,EACE,KAAA,GACI,CAAA,EAAG,KAAA,CAAM,EAAE,WACX,UAAA,GACE,CAAA,EAAG,KAAA,CAAM,EAAE,CAAA,OAAA,CAAA,GACX;AAAA,WAAA,EAEJ,KAAA;AAAA,SACN;AAAA,QAEC,6BACCA,cAAAA;AAAA,UAAC,GAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,EAAA;AAAA,cACT,0EAAA;AAAA,cACA,QACI,gCAAA,GACA;AAAA,aACN;AAAA,YAEC,QAAA,EAAA;AAAA;AAAA;AACH,OAAA,EAEJ,CAAA;AAAA,MAEC,KAAA,oBACCA,cAAAA,CAAC,GAAA,EAAA,EAAE,EAAA,EAAI,CAAA,EAAG,KAAA,CAAM,EAAE,CAAA,MAAA,CAAA,EAAU,SAAA,EAAW,UAAA,EAAY,IAAA,EAAK,SACrD,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,MAED,CAAC,KAAA,IAAS,UAAA,oBACTA,cAAAA,CAAC,GAAA,EAAA,EAAE,EAAA,EAAI,CAAA,EAAG,KAAA,CAAM,EAAE,CAAA,OAAA,CAAA,EAAW,SAAA,EAAW,aACrC,QAAA,EAAA,UAAA,EACH;AAAA,KAAA,EAEJ,CAAA;AAAA,EAEJ;AACF;AAEAS,MAAAA,CAAM,WAAA,GAAc,OAAA;AC5Gb,IAAMC,YAAWX,sBAAAA,CAAM,UAAA;AAAA,EAC5B,SAASW,SAAAA,CACP,EAAA,EAYA,GAAA,EACA;AAbA,IAAA,IAAA,EAAA,GAAA,EAAA,EACE;AAAA,MAAA,KAAA;AAAA,MACA,KAAA;AAAA,MACA,UAAA;AAAA,MACA,aAAA;AAAA,MACA,SAAA,GAAY,EAAA;AAAA,MACZ,QAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA;AAAA,MACA;AAAA,KA7BN,GAoBI,EAAA,EAUK,KAAA,GAAA,SAAA,CAVL,EAAA,EAUK;AAAA,MATH,OAAA;AAAA,MACA,OAAA;AAAA,MACA,YAAA;AAAA,MACA,eAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,OAAA;AAAA,MACA;AAAA,KAAA,CAAA;AAKF,IAAA,MAAM,SAAA,GACJ,OAAO,KAAA,KAAU,QAAA,GACb,KAAA,CAAM,SACN,OAAO,YAAA,KAAiB,QAAA,GACtB,YAAA,CAAa,MAAA,GACb,CAAA;AAER,IAAA,uBACEH,eAAAA,CAAC,GAAA,EAAA,EAAI,SAAA,EAAU,QAAA,EACZ,QAAA,EAAA;AAAA,MAAA,KAAA,oBACCA,eAAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAW,UAAA,EACf,QAAA,EAAA;AAAA,QAAA,KAAA;AAAA,QACA,QAAA,oBACCP,cAAAA,CAAC,IAAA,EAAA,EAAK,WAAU,mBAAA,EAAoB,aAAA,EAAY,QAAO,QAAA,EAAA,GAAA,EAEvD;AAAA,OAAA,EAEJ,CAAA;AAAA,sBAGFA,cAAAA;AAAA,QAAC,UAAA;AAAA,QAAA,cAAA,CAAA;AAAA,UACC,GAAA;AAAA,UACA,SAAA,EAAW,EAAA;AAAA,YACT,UAAA;AAAA,YACA,uBAAA;AAAA,YACA,QAAQ,WAAA,GAAc,EAAA;AAAA,YACtB;AAAA,WACF;AAAA,UACA,cAAA,EAAc,QAAQ,MAAA,GAAS,MAAA;AAAA,UAC/B,SAAA;AAAA,UACA,KAAA;AAAA,UACA;AAAA,SAAA,EACI,KAAA;AAAA,OACN;AAAA,sBAEAO,eAAAA,CAAC,GAAA,EAAA,EAAI,SAAA,EAAU,0CAAA,EACb,QAAA,EAAA;AAAA,wBAAAA,eAAAA,CAAC,GAAA,EAAA,EAAI,SAAA,EAAU,QAAA,EACZ,QAAA,EAAA;AAAA,UAAA,KAAA,oBACCP,cAAAA,CAAC,GAAA,EAAA,EAAE,WAAW,UAAA,EAAY,IAAA,EAAK,SAC5B,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,UAED,CAAC,SAAS,UAAA,oBACTA,eAAC,GAAA,EAAA,EAAE,SAAA,EAAW,aAAc,QAAA,EAAA,UAAA,EAAW;AAAA,SAAA,EAE3C,CAAA;AAAA,QACC,aAAA,IAAiB,6BAChBO,eAAAA;AAAA,UAAC,GAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,EAAA;AAAA,cACT,yCAAA;AAAA,cACA,SAAA,IAAa,YACT,gCAAA,GACA;AAAA,aACN;AAAA,YAEC,QAAA,EAAA;AAAA,cAAA,SAAA;AAAA,cAAU,KAAA;AAAA,cAAI;AAAA;AAAA;AAAA;AACjB,OAAA,EAEJ;AAAA,KAAA,EACF,CAAA;AAAA,EAEJ;AACF;AAEAG,SAAAA,CAAS,WAAA,GAAc,UAAA;AC1EhB,SAASC,QAAO,EAAA,EASP;AATO,EAAA,IAAA,EAAA,GAAA,EAAA,EACrB;AAAA,IAAA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA;AAAA,IACA,OAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA,GAAY,EAAA;AAAA,IACZ;AAAA,GA/BF,GAwBuB,EAAA,EAQlB,KAAA,GAAA,SAAA,CARkB,EAAA,EAQlB;AAAA,IAPH,OAAA;AAAA,IACA,OAAA;AAAA,IACA,YAAA;AAAA,IACA,SAAA;AAAA,IACA,aAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,uBACEJ,eAAAA,CAAC,GAAA,EAAA,EAAI,SAAA,EAAU,QAAA,EACZ,QAAA,EAAA;AAAA,IAAA,KAAA,oBACCA,eAAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAW,UAAA,EACf,QAAA,EAAA;AAAA,MAAA,KAAA;AAAA,MACA,QAAA,oBACCP,cAAAA,CAAC,IAAA,EAAA,EAAK,WAAU,mBAAA,EAAoB,aAAA,EAAY,QAAO,QAAA,EAAA,GAAA,EAEvD;AAAA,KAAA,EAEJ,CAAA;AAAA,oBAGFO,eAAAA,CAAC,GAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,QAAA,EAAA;AAAA,sBAAAA,eAAAA;AAAA,QAAC,QAAA;AAAA,QAAA,aAAA,CAAA,cAAA,CAAA;AAAA,UACC,SAAA,EAAW,EAAA;AAAA,YACT,UAAA;AAAA,YACA,sCAAA;AAAA,YACA,QAAQ,WAAA,GAAc,EAAA;AAAA,YACtB;AAAA,WACF;AAAA,UACA,cAAA,EAAc,QAAQ,MAAA,GAAS;AAAA,SAAA,EAC3B,KAAA,CAAA,EARL;AAAA,UAUE,QAAA,EAAA;AAAA,YAAA,WAAA,oBACCP,cAAAA,CAAC,QAAA,EAAA,EAAO,OAAM,EAAA,EAAG,QAAA,EAAQ,MACtB,QAAA,EAAA,WAAA,EACH,CAAA;AAAA,YAED,OAAA,CAAQ,GAAA,CAAI,CAAC,MAAA,qBACZA,cAAAA,CAAC,QAAA,EAAA,EAA0B,KAAA,EAAO,MAAA,CAAO,KAAA,EACtC,QAAA,EAAA,MAAA,CAAO,KAAA,EAAA,EADG,MAAA,CAAO,KAEpB,CACD;AAAA;AAAA,SAAA;AAAA,OACH;AAAA,sBAGAA,cAAAA,CAAC,GAAA,EAAA,EAAI,SAAA,EAAU,gGACb,QAAA,kBAAAA,cAAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,EAAA;AAAA,YACT,2CAAA;AAAA,YACA,QACI,gCAAA,GACA;AAAA,WACN;AAAA,UACA,OAAA,EAAQ,WAAA;AAAA,UACR,IAAA,EAAK,cAAA;AAAA,UACL,aAAA,EAAY,MAAA;AAAA,UAEZ,QAAA,kBAAAA,cAAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,QAAA,EAAS,SAAA;AAAA,cACT,CAAA,EAAE,oHAAA;AAAA,cACF,QAAA,EAAS;AAAA;AAAA;AACX;AAAA,OACF,EACF;AAAA,KAAA,EACF,CAAA;AAAA,IAEC,KAAA,oBACCA,cAAAA,CAAC,GAAA,EAAA,EAAE,WAAW,UAAA,EAAY,IAAA,EAAK,SAC5B,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,IAED,CAAC,SAAS,UAAA,oBAAcA,eAAC,GAAA,EAAA,EAAE,SAAA,EAAW,aAAc,QAAA,EAAA,UAAA,EAAW;AAAA,GAAA,EAClE,CAAA;AAEJ;ACtFO,SAAS,SAAS,EAAA,EAQP;AARO,EAAA,IAAA,EAAA,GAAA,EAAA,EACvB;AAAA,IAAA,KAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAA;AAAA,IACA,SAAA,GAAY,EAAA;AAAA,IACZ;AAAA,GApBF,GAcyB,EAAA,EAOpB,KAAA,GAAA,SAAA,CAPoB,EAAA,EAOpB;AAAA,IANH,OAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,eAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,MAAM,QAAA,GAAWD,sBAAAA,CAAM,MAAA,CAAyB,IAAI,CAAA;AAEpD,EAAAA,sBAAAA,CAAM,UAAU,MAAM;AACpB,IAAA,IAAI,SAAS,OAAA,EAAS;AACpB,MAAA,QAAA,CAAS,OAAA,CAAQ,aAAA,GAAgB,CAAC,CAAC,aAAA;AAAA,IACrC;AAAA,EACF,CAAA,EAAG,CAAC,aAAa,CAAC,CAAA;AAElB,EAAA,uBACEQ,eAAAA,CAAC,GAAA,EAAA,EAAI,SAAA,EAAU,QAAA,EACb,QAAA,EAAA;AAAA,oBAAAA,eAAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAU,uDAAA,EACb,QAAA,EAAA;AAAA,sBAAAA,eAAAA,CAAC,GAAA,EAAA,EAAI,SAAA,EAAU,yDAAA,EACf,QAAA,EAAA;AAAA,wBAAAP,cAAAA;AAAA,UAAC,OAAA;AAAA,UAAA,cAAA,CAAA;AAAA,YACC,GAAA,EAAK,QAAA;AAAA,YACL,IAAA,EAAK,UAAA;AAAA,YACL,OAAA;AAAA,YACA,SAAA,EAAW,EAAA;AAAA,cACT,iDAAA;AAAA,cACA,6CAAA;AAAA,cACA,QACI,oCAAA,GACA,uCAAA;AAAA,cACJ,mDAAA;AAAA,cACA,iEAAA;AAAA,cACA,0DAAA;AAAA,cACA,+EAAA;AAAA,cACA,mEAAA;AAAA,cACA,iDAAA;AAAA,cACA;AAAA;AACF,WAAA,EACI,KAAA;AAAA,SACN;AAAA,wBAEAA,cAAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,oHAAA;AAAA,YACV,OAAA,EAAQ,WAAA;AAAA,YACR,IAAA,EAAK,MAAA;AAAA,YACL,aAAA,EAAY,MAAA;AAAA,YAEX,0CACCA,cAAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,EAAA,EAAG,GAAA;AAAA,gBACH,EAAA,EAAG,GAAA;AAAA,gBACH,EAAA,EAAG,IAAA;AAAA,gBACH,EAAA,EAAG,GAAA;AAAA,gBACH,MAAA,EAAO,cAAA;AAAA,gBACP,WAAA,EAAY,GAAA;AAAA,gBACZ,aAAA,EAAc;AAAA;AAAA,gCAGhBA,cAAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,CAAA,EAAE,eAAA;AAAA,gBACF,MAAA,EAAO,cAAA;AAAA,gBACP,WAAA,EAAY,KAAA;AAAA,gBACZ,aAAA,EAAc,OAAA;AAAA,gBACd,cAAA,EAAe;AAAA;AAAA;AACjB;AAAA;AAEJ,OAAA,EACA,CAAA;AAAA,MAAA,CAEA,SAAS,MAAA,qBACTO,eAAAA,CAAC,IAAA,EAAA,EAAK,WAAU,6IAAA,EACb,QAAA,EAAA;AAAA,QAAA,KAAA;AAAA,QACA;AAAA,OAAA,EACH;AAAA,KAAA,EAEJ,CAAA;AAAA,IAEC,KAAA,oBACCP,cAAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAW,EAAA,CAAG,UAAA,EAAY,QAAQ,CAAA,EAAG,IAAA,EAAK,OAAA,EAC1C,QAAA,EAAA,KAAA,EACH;AAAA,GAAA,EAEJ,CAAA;AAEJ;AC3EO,SAAS,UAAA,CAAW;AAAA,EACzB,IAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA,GAAc,UAAA;AAAA,EACd,OAAA,GAAU;AACZ,CAAA,EAAoB;AAClB,EAAA,IAAI,YAAY,SAAA,EAAW;AACzB,IAAA,uBACEO,eAAAA,CAAC,GAAA,EAAA,EAAI,SAAA,EAAU,QAAA,EACZ,QAAA,EAAA;AAAA,MAAA,KAAA,oBAASP,cAAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAW,YAAa,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,sBAC3CA,cAAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,EAAA;AAAA,YACT,YAAA;AAAA,YACA,WAAA,KAAgB,aAAa,UAAA,GAAa;AAAA,WAC5C;AAAA,UAEC,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,MAAA,KAAW;AACvB,YAAA,MAAM,UAAA,GAAa,UAAU,MAAA,CAAO,KAAA;AACpC,YAAA,uBACEO,eAAAA;AAAA,cAAC,OAAA;AAAA,cAAA;AAAA,gBAEC,SAAA,EAAW,EAAA;AAAA,kBACT,0CAAA;AAAA,kBACA,OAAO,QAAA,IAAY;AAAA,iBACrB;AAAA,gBAEA,QAAA,EAAA;AAAA,kCAAAP,cAAAA;AAAA,oBAAC,OAAA;AAAA,oBAAA;AAAA,sBACC,IAAA,EAAK,OAAA;AAAA,sBACL,IAAA;AAAA,sBACA,OAAO,MAAA,CAAO,KAAA;AAAA,sBACd,OAAA,EAAS,UAAA;AAAA,sBACT,UAAU,MAAA,CAAO,QAAA;AAAA,sBACjB,UAAU,MAAM,CAAC,MAAA,CAAO,QAAA,KAAY,qCAAW,MAAA,CAAO,KAAA,CAAA,CAAA;AAAA,sBACtD,SAAA,EAAU;AAAA;AAAA,mBACZ;AAAA,kCACAA,cAAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,0CAAA,EACb,iBAAO,KAAA,EACV;AAAA;AAAA,eAAA;AAAA,cAjBK,MAAA,CAAO;AAAA,aAkBd;AAAA,UAEJ,CAAC;AAAA;AAAA,OACH;AAAA,MACC,KAAA,oBACCA,cAAAA,CAAC,GAAA,EAAA,EAAE,WAAW,UAAA,EAAY,IAAA,EAAK,SAC5B,QAAA,EAAA,KAAA,EACH;AAAA,KAAA,EAEJ,CAAA;AAAA,EAEJ;AAGA,EAAA,uBACEO,eAAAA,CAAC,GAAA,EAAA,EAAI,SAAA,EAAU,QAAA,EACZ,QAAA,EAAA;AAAA,IAAA,KAAA,oBAASP,cAAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAW,YAAa,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,oBAC3CA,cAAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA;AAAA,UACT,YAAA;AAAA,UACA,WAAA,KAAgB,aAAa,UAAA,GAAa;AAAA,SAC5C;AAAA,QACA,IAAA,EAAK,YAAA;AAAA,QACL,YAAA,EAAY,KAAA;AAAA,QAEX,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,MAAA,KAAW;AACvB,UAAA,MAAM,UAAA,GAAa,UAAU,MAAA,CAAO,KAAA;AACpC,UAAA,uBACEO,eAAAA;AAAA,YAAC,OAAA;AAAA,YAAA;AAAA,cAEC,SAAA,EAAW,EAAA;AAAA,gBACT,+HAAA;AAAA,gBACA,aACI,wGAAA,GACA,uLAAA;AAAA,gBACJ,OAAO,QAAA,IAAY;AAAA,eACrB;AAAA,cAEA,QAAA,EAAA;AAAA,gCAAAP,cAAAA;AAAA,kBAAC,OAAA;AAAA,kBAAA;AAAA,oBACC,IAAA,EAAK,OAAA;AAAA,oBACL,IAAA;AAAA,oBACA,OAAO,MAAA,CAAO,KAAA;AAAA,oBACd,OAAA,EAAS,UAAA;AAAA,oBACT,UAAU,MAAA,CAAO,QAAA;AAAA,oBACjB,UAAU,MAAM,CAAC,MAAA,CAAO,QAAA,KAAY,qCAAW,MAAA,CAAO,KAAA,CAAA,CAAA;AAAA,oBACtD,SAAA,EAAU;AAAA;AAAA,iBACZ;AAAA,gBACC,MAAA,CAAO;AAAA;AAAA,aAAA;AAAA,YAlBH,MAAA,CAAO;AAAA,WAmBd;AAAA,QAEJ,CAAC;AAAA;AAAA,KACH;AAAA,IACC,KAAA,oBACCA,cAAAA,CAAC,GAAA,EAAA,EAAE,WAAW,UAAA,EAAY,IAAA,EAAK,SAC5B,QAAA,EAAA,KAAA,EACH;AAAA,GAAA,EAEJ,CAAA;AAEJ;AC5GA,IAAM,WAAA,GAAc;AAAA,EAClB,EAAA,EAAI;AAAA,IACF,KAAA,EAAO,cAAA;AAAA,IACP,KAAA,EAAO,aAAA;AAAA,IACP,WAAA,EAAa,oBAAA;AAAA,IACb,YAAA,EAAc;AAAA,GAChB;AAAA,EACA,EAAA,EAAI;AAAA,IACF,KAAA,EAAO,UAAA;AAAA,IACP,KAAA,EAAO,SAAA;AAAA,IACP,WAAA,EAAa,eAAA;AAAA,IACb,YAAA,EAAc;AAAA,GAChB;AAAA,EACA,EAAA,EAAI;AAAA,IACF,KAAA,EAAO,UAAA;AAAA,IACP,KAAA,EAAO,SAAA;AAAA,IACP,WAAA,EAAa,eAAA;AAAA,IACb,YAAA,EAAc;AAAA;AAElB,CAAA;AAMO,SAAS,MAAA,CAAO;AAAA,EACrB,OAAA,EAAS,iBAAA;AAAA,EACT,cAAA,GAAiB,KAAA;AAAA,EACjB,QAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,KAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,SAAA,GAAY,EAAA;AAAA,EACZ;AACF,CAAA,EAAgB;AACd,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAID,sBAAAA,CAAM,SAAS,cAAc,CAAA;AAC3E,EAAA,MAAM,OAAA,GACJ,iBAAA,KAAsB,MAAA,GAAY,iBAAA,GAAoB,eAAA;AAExD,EAAA,MAAM,eAAe,MAAM;AACzB,IAAA,IAAI,QAAA,EAAU;AACd,IAAA,MAAM,aAAa,CAAC,OAAA;AACpB,IAAA,IAAI,iBAAA,KAAsB,MAAA,EAAW,kBAAA,CAAmB,UAAU,CAAA;AAClE,IAAA,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAW,UAAA,CAAA;AAAA,EACb,CAAA;AAEA,EAAA,MAAM,QAAA,GAAW,EAAA,IAAA,IAAA,GAAA,EAAA,GAAMA,sBAAAA,CAAM,KAAA,EAAM;AACnC,EAAA,MAAM,GAAA,GAAM,YAAY,IAAI,CAAA;AAE5B,EAAA,uBACEQ,eAAAA,CAAC,GAAA,EAAA,EAAI,WAAW,EAAA,CAAG,yBAAA,EAA2B,SAAS,CAAA,EACrD,QAAA,EAAA;AAAA,oBAAAP,cAAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,IAAA,EAAK,QAAA;AAAA,QACL,EAAA,EAAI,QAAA;AAAA,QACJ,cAAA,EAAc,OAAA;AAAA,QACd,QAAA;AAAA,QACA,OAAA,EAAS,YAAA;AAAA,QACT,SAAA,EAAW,EAAA;AAAA,UACT,+NAAA;AAAA,UACA,GAAA,CAAI,KAAA;AAAA,UACJ,UACI,sCAAA,GACA,+BAAA;AAAA,UACJ,QAAA,IAAY;AAAA,SACd;AAAA,QAEA,QAAA,kBAAAA,cAAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,EAAA;AAAA,cACT,gFAAA;AAAA,cACA,GAAA,CAAI,KAAA;AAAA,cACJ,OAAA,GAAU,GAAA,CAAI,WAAA,GAAc,GAAA,CAAI;AAAA;AAClC;AAAA;AACF;AAAA,KACF;AAAA,IAEC,yBACCA,cAAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,QAAA;AAAA,QACT,SAAA,EAAW,EAAA;AAAA,UACT,gDAAA;AAAA,UACA,UACI,kCAAA,GACA,kCAAA;AAAA,UACJ,QAAA,IAAY;AAAA,SACd;AAAA,QAEC,QAAA,EAAA;AAAA;AAAA;AACH,GAAA,EAEJ,CAAA;AAEJ;ACnFO,SAASY,OAAAA,CAAO;AAAA,EACrB,KAAA,EAAO,eAAA;AAAA,EACP,YAAA,GAAe,CAAA;AAAA,EACf,GAAA,GAAM,CAAA;AAAA,EACN,GAAA,GAAM,GAAA;AAAA,EACN,IAAA,GAAO,CAAA;AAAA,EACP,QAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,SAAA,GAAY,IAAA;AAAA,EACZ,WAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ;AACF,CAAA,EAAgB;AACd,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAIb,sBAAAA,CAAM,SAAS,YAAY,CAAA;AACrE,EAAA,MAAM,KAAA,GAAQ,eAAA,KAAoB,MAAA,GAAY,eAAA,GAAkB,aAAA;AAChE,EAAA,MAAM,QAAA,GAAW,EAAA,IAAA,IAAA,GAAA,EAAA,GAAMA,sBAAAA,CAAM,KAAA,EAAM;AACnC,EAAA,MAAM,GAAA,GAAA,CAAQ,KAAA,GAAQ,GAAA,KAAQ,GAAA,GAAM,GAAA,CAAA,GAAQ,GAAA;AAE5C,EAAA,MAAM,YAAA,GAAe,CAAC,CAAA,KAA2C;AAC/D,IAAA,MAAM,MAAA,GAAS,MAAA,CAAO,CAAA,CAAE,MAAA,CAAO,KAAK,CAAA;AACpC,IAAA,IAAI,eAAA,KAAoB,MAAA,EAAW,gBAAA,CAAiB,MAAM,CAAA;AAC1D,IAAA,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAW,MAAA,CAAA;AAAA,EACb,CAAA;AAEA,EAAA,MAAM,eAAe,WAAA,GAAc,WAAA,CAAY,KAAK,CAAA,GAAI,OAAO,KAAK,CAAA;AAEpE,EAAA,uBACEQ,eAAAA,CAAC,GAAA,EAAA,EAAI,WAAW,EAAA,CAAG,kBAAA,EAAoB,SAAS,CAAA,EAC5C,QAAA,EAAA;AAAA,IAAA,CAAA,KAAA,IAAS,SAAA,qBACTA,eAAAA,CAAC,GAAA,EAAA,EAAI,WAAU,mCAAA,EACZ,QAAA,EAAA;AAAA,MAAA,KAAA,oBACCP,cAAAA,CAAC,OAAA,EAAA,EAAM,SAAS,QAAA,EAAU,SAAA,EAAW,YAClC,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,MAED,6BACCA,cAAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,uEACb,QAAA,EAAA,YAAA,EACH;AAAA,KAAA,EAEJ,CAAA;AAAA,oBAGFO,eAAAA,CAAC,GAAA,EAAA,EAAI,SAAA,EAAU,gCAAA,EAEb,QAAA,EAAA;AAAA,sBAAAP,cAAAA,CAAC,OAAI,SAAA,EAAU,6CAAA,EACb,0BAAAA,cAAAA,CAAC,GAAA,EAAA,EAAI,SAAA,EAAU,yDAAA,EACb,QAAA,kBAAAA,cAAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAU,yEAAA;AAAA,UACV,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,EAAG,GAAG,CAAA,CAAA,CAAA;AAAI;AAAA,SAE9B,CAAA,EACF,CAAA;AAAA,sBAEAA,cAAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,OAAA;AAAA,UACL,EAAA,EAAI,QAAA;AAAA,UACJ,GAAA;AAAA,UACA,GAAA;AAAA,UACA,IAAA;AAAA,UACA,KAAA;AAAA,UACA,QAAA;AAAA,UACA,QAAA,EAAU,YAAA;AAAA,UACV,SAAA,EAAW,EAAA;AAAA,YACT,+DAAA;AAAA,YACA,oBAAA;AAAA,YACA,uGAAA;AAAA,YACA,2EAAA;AAAA,YACA,qIAAA;AAAA,YACA,qCAAA;AAAA,YACA,qDAAA;AAAA,YACA,mEAAA;AAAA,YACA,yHAAA;AAAA,YACA,QAAA,IAAY;AAAA;AACd;AAAA;AACF,KAAA,EACF,CAAA;AAAA,oBAEAO,eAAAA,CAAC,GAAA,EAAA,EAAI,SAAA,EAAU,4EAAA,EACb,QAAA,EAAA;AAAA,sBAAAP,eAAC,IAAA,EAAA,EAAM,QAAA,EAAA,WAAA,GAAc,WAAA,CAAY,GAAG,IAAI,GAAA,EAAI,CAAA;AAAA,sBAC5CA,cAAAA,CAAC,IAAA,EAAA,EAAM,wBAAc,WAAA,CAAY,GAAG,IAAI,GAAA,EAAI;AAAA,KAAA,EAC9C,CAAA;AAAA,IAEC,KAAA,oBACCA,cAAAA,CAAC,GAAA,EAAA,EAAE,WAAW,UAAA,EAAY,IAAA,EAAK,SAC5B,QAAA,EAAA,KAAA,EACH;AAAA,GAAA,EAEJ,CAAA;AAEJ;AC1GO,SAASa,MAAK,EAAA,EAAmD;AAAnD,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAAA,QAAA,EAAU,YAAY,EAAA,EAZ7C,GAYqB,IAA+B,KAAA,GAAA,SAAA,CAA/B,EAAA,EAA+B,CAA7B,UAAA,EAAU,WAAA,CAAA,CAAA;AAC/B,EAAA,uBACEb,cAAAA,CAAC,MAAA,EAAA,aAAA,CAAA,cAAA,CAAA,EAAK,SAAA,EAAW,EAAA,CAAG,0BAA0B,SAAS,CAAA,EAAA,EAAO,KAAA,CAAA,EAA7D,EACE,QAAA,EAAA,CACH,CAAA;AAEJ;AAMA,IAAM,OAAA,GAAoC;AAAA,EACxC,IAAA,EAAM,OAAA;AAAA,EACN,EAAA,EAAI,OAAA;AAAA,EACJ,EAAA,EAAI,OAAA;AAAA,EACJ,EAAA,EAAI,gBAAA;AAAA,EACJ,EAAA,EAAI,gBAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AASO,SAAS,SAAA,CAAU;AAAA,EACxB,QAAA;AAAA,EACA,OAAA,GAAU,CAAA;AAAA,EACV,GAAA,GAAM,IAAA;AAAA,EACN,SAAA,GAAY;AACd,CAAA,EAAmB;AACjB,EAAA,MAAM,WAAA,GAAc;AAAA,IAClB,CAAA,EAAG,aAAA;AAAA,IACH,CAAA,EAAG,4BAAA;AAAA,IACH,CAAA,EAAG,0EAAA;AAAA,IACH,CAAA,EAAG;AAAA,GACL;AAEA,EAAA,uBACEA,cAAAA,CAAC,GAAA,EAAA,EAAI,SAAA,EAAW,GAAG,MAAA,EAAQ,WAAA,CAAY,OAAO,CAAA,EAAG,OAAA,CAAQ,GAAG,CAAA,EAAG,SAAS,GACrE,QAAA,EACH,CAAA;AAEJ;AAKO,SAAS,aAAA,CAAc;AAAA,EAC5B,QAAA;AAAA,EACA,SAAA,GAAY;AACd,CAAA,EAGG;AACD,EAAA,uBAAOA,eAAC,GAAA,EAAA,EAAI,SAAA,EAAW,GAAG,eAAA,EAAiB,SAAS,GAAI,QAAA,EAAS,CAAA;AACnE;AAUA,IAAM,SAAA,GAAY;AAAA,EAChB,IAAA,EAAM,eAAA;AAAA,EACN,MAAA,EAAQ,gBAAA;AAAA,EACR,KAAA,EAAO,aAAA;AAAA,EACP,OAAA,EAAS;AACX,CAAA;AAEO,SAAS,WAAA,CAAY;AAAA,EAC1B,QAAA;AAAA,EACA,KAAA,GAAQ,OAAA;AAAA,EACR,SAAA,GAAY;AACd,CAAA,EAAqB;AACnB,EAAA,uBACEA,cAAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,8BAAA;AAAA,QACA,UAAU,KAAK,CAAA;AAAA,QACf;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ","file":"index.cjs","sourcesContent":["import React from \"react\";\n\n/**\n * Semantic HTML Wrapper Components\n *\n * Thin wrappers around HTML5 semantic elements.\n * Using these instead of raw tags enables:\n *   - Future one-place theming (add default padding/colour here, it applies everywhere)\n *   - Enforced accessibility attributes (Nav requires aria-label)\n *   - Consistent documentation / IDE autocomplete\n *   - Clean migration path if element defaults change\n *\n * All components pass through every standard HTML attribute via `...props`.\n * Style via `className` using Tailwind CSS classes.\n *\n * @example\n * ```tsx\n * import { Section, Article, Main, Aside, Nav, Ul, Ol, Li } from '@mohasinac/ui';\n *\n * <Main className=\"max-w-7xl mx-auto px-4\">\n *   <Section className=\"py-12\">\n *     <Article>...</Article>\n *   </Section>\n *   <Aside className=\"w-64 shrink-0\">...</Aside>\n * </Main>\n *\n * <Nav aria-label=\"Main navigation\">\n *   <Ul className=\"flex gap-4\">\n *     <Li>Products</Li>\n *   </Ul>\n * </Nav>\n * ```\n */\n\n// ─── Section ─────────────────────────────────────────────────────────────────\n/**\n * Semantic `<section>` element.\n * Use for thematically grouped content that would appear in an outline.\n * Prefer this over a plain `<div>` when the block has a heading.\n */\nexport interface SectionProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n}\n\nexport const Section = React.forwardRef<HTMLElement, SectionProps>(\n  ({ className = \"\", children, ...props }, ref) => (\n    <section className={className} ref={ref} {...props}>\n      {children}\n    </section>\n  ),\n);\nSection.displayName = \"Section\";\n\n// ─── Article ─────────────────────────────────────────────────────────────────\n/**\n * Semantic `<article>` element.\n * Use for self-contained compositions: blog posts, product cards, reviews, forum posts.\n */\nexport interface ArticleProps extends React.HTMLAttributes<HTMLElement> {\n  children?: React.ReactNode;\n}\n\nexport function Article({ className = \"\", children, ...props }: ArticleProps) {\n  return (\n    <article className={className} {...props}>\n      {children}\n    </article>\n  );\n}\n\n// ─── Main ─────────────────────────────────────────────────────────────────────\n/**\n * Semantic `<main>` element.\n * Wraps the primary content of the document. Should appear only once per page.\n */\nexport interface MainProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n}\n\nexport function Main({ className = \"\", children, ...props }: MainProps) {\n  return (\n    <main className={className} {...props}>\n      {children}\n    </main>\n  );\n}\n\n// ─── Aside ────────────────────────────────────────────────────────────────────\n/**\n * Semantic `<aside>` element.\n * Use for supplementary content tangentially related to the main content:\n * sidebars, callout boxes, related-link panels.\n */\nexport interface AsideProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n}\n\nexport const Aside = React.forwardRef<HTMLElement, AsideProps>(\n  ({ className = \"\", children, ...props }, ref) => (\n    <aside className={className} ref={ref} {...props}>\n      {children}\n    </aside>\n  ),\n);\nAside.displayName = \"Aside\";\n\n// ─── Nav ─────────────────────────────────────────────────────────────────────\n/**\n * Semantic `<nav>` element with enforced `aria-label`.\n *\n * Every `<nav>` on a page MUST have a unique `aria-label` so assistive\n * technologies can distinguish between multiple navigation landmarks.\n *\n * @example\n * ```tsx\n * <Nav aria-label=\"Breadcrumb\">...</Nav>\n * <Nav aria-label=\"Product categories\">...</Nav>\n * ```\n */\nexport interface NavProps extends React.HTMLAttributes<HTMLElement> {\n  /** REQUIRED — describes the purpose of this navigation region for screen readers. */\n  \"aria-label\": string;\n  children: React.ReactNode;\n}\n\nexport function Nav({ className = \"\", children, ...props }: NavProps) {\n  return (\n    <nav className={className} {...props}>\n      {children}\n    </nav>\n  );\n}\n\n// ─── Header (block-level) ─────────────────────────────────────────────────────\n/**\n * Semantic `<header>` element for block-level component headers.\n * Use inside `Section`, `Article`, or card bodies — NOT as the page-level header.\n *\n * @example\n * ```tsx\n * <Article>\n *   <BlockHeader className=\"mb-4\">\n *     <Heading level={2}>Post title</Heading>\n *   </BlockHeader>\n * </Article>\n * ```\n */\nexport interface BlockHeaderProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n}\n\nexport function BlockHeader({\n  className = \"\",\n  children,\n  ...props\n}: BlockHeaderProps) {\n  return (\n    <header className={className} {...props}>\n      {children}\n    </header>\n  );\n}\n\n// ─── Footer (block-level) ─────────────────────────────────────────────────────\n/**\n * Semantic `<footer>` element for block-level component footers.\n * Use inside `Section`, `Article`, or card bodies — NOT as the page-level footer.\n */\nexport interface BlockFooterProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n}\n\nexport function BlockFooter({\n  className = \"\",\n  children,\n  ...props\n}: BlockFooterProps) {\n  return (\n    <footer className={className} {...props}>\n      {children}\n    </footer>\n  );\n}\n\n// ─── Ul ──────────────────────────────────────────────────────────────────────\n/**\n * Semantic `<ul>` (unordered list) element.\n *\n * @example\n * ```tsx\n * <Ul className=\"space-y-2\">\n *   <Li>Item one</Li>\n *   <Li>Item two</Li>\n * </Ul>\n * ```\n */\nexport interface UlProps extends React.HTMLAttributes<HTMLUListElement> {\n  children: React.ReactNode;\n}\n\nexport function Ul({ className = \"\", children, ...props }: UlProps) {\n  return (\n    <ul className={className} {...props}>\n      {children}\n    </ul>\n  );\n}\n\n// ─── Ol ──────────────────────────────────────────────────────────────────────\n/**\n * Semantic `<ol>` (ordered list) element.\n *\n * @example\n * ```tsx\n * <Ol className=\"list-decimal pl-4 space-y-1\">\n *   <Li>Step one</Li>\n *   <Li>Step two</Li>\n * </Ol>\n * ```\n */\nexport interface OlProps extends React.HTMLAttributes<HTMLOListElement> {\n  children: React.ReactNode;\n}\n\nexport function Ol({ className = \"\", children, ...props }: OlProps) {\n  return (\n    <ol className={className} {...props}>\n      {children}\n    </ol>\n  );\n}\n\n// ─── Li ──────────────────────────────────────────────────────────────────────\n/**\n * Semantic `<li>` (list item) element. Use inside `Ul` or `Ol`.\n */\nexport interface LiProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  children: React.ReactNode;\n}\n\nexport function Li({ className = \"\", children, ...props }: LiProps) {\n  return (\n    <li className={className} {...props}>\n      {children}\n    </li>\n  );\n}\n\n// ─── Header / Footer — convenience aliases ────────────────────────────────────\n/**\n * Aliases for `BlockHeader` and `BlockFooter`.\n * Use when importing from the standard `<Header>` / `<Footer>` names.\n */\nexport type HeaderProps = BlockHeaderProps;\nexport const Header = BlockHeader;\nexport type FooterProps = BlockFooterProps;\nexport const Footer = BlockFooter;\n","import React from \"react\";\r\n\r\nexport interface DivProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  children?: React.ReactNode;\r\n}\r\n\r\n/**\r\n * Semantic `<div>` wrapper for general-purpose layout containers.\r\n *\r\n * Use when no more specific semantic element applies\r\n * (`<Section>`, `<Article>`, `<Main>`, `<Aside>` etc). Enables\r\n * future one-place theming and consistent import from `@mohasinac/appkit/ui`.\r\n *\r\n * @example\r\n * ```tsx\r\n * <Div className=\"flex items-center gap-4\">\r\n *   <Badge>New</Badge>\r\n *   <Text>Product title</Text>\r\n * </Div>\r\n * ```\r\n */\r\nexport const Div = React.forwardRef<HTMLDivElement, DivProps>(\r\n  ({ className = \"\", children, ...props }, ref) => (\r\n    <div ref={ref} className={className} {...props}>\r\n      {children}\r\n    </div>\r\n  ),\r\n);\r\nDiv.displayName = \"Div\";\r\n","import React from \"react\";\n\n/**\n * UI_THEME — inlined subset of the app-level THEME_CONSTANTS.\n * Consumer apps can override by passing `className` on each component.\n * Full THEME_CONSTANTS lives in the host app (`@/constants`).\n */\nconst UI_THEME = {\n  typography: {\n    h1: \"text-3xl md:text-4xl lg:text-5xl font-bold tracking-tight font-display\",\n    h2: \"text-2xl md:text-3xl lg:text-4xl font-bold tracking-tight font-display\",\n    h3: \"text-xl md:text-2xl lg:text-3xl font-bold tracking-tight font-display\",\n    h4: \"text-lg md:text-xl lg:text-2xl font-bold font-display\",\n    h5: \"text-base md:text-lg lg:text-xl font-medium\",\n    h6: \"text-sm md:text-base lg:text-lg font-medium\",\n    body: \"text-base lg:text-lg\",\n    small: \"text-sm lg:text-base\",\n    xs: \"text-xs lg:text-sm\",\n  },\n  themed: {\n    textPrimary: \"text-zinc-900 dark:text-zinc-50\",\n    textSecondary: \"text-zinc-500 dark:text-zinc-400\",\n    textMuted: \"text-zinc-400 dark:text-zinc-500\",\n    textError: \"text-red-600 dark:text-red-400\",\n    textSuccess: \"text-emerald-600 dark:text-emerald-400\",\n  },\n  colors: {\n    form: {\n      required: \"text-red-500\",\n    },\n  },\n} as const;\n\n// ─── Heading ─────────────────────────────────────────────────────────────────\n\ninterface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {\n  level?: 1 | 2 | 3 | 4 | 5 | 6;\n  variant?: \"primary\" | \"secondary\" | \"muted\" | \"none\";\n  children: React.ReactNode;\n}\n\nexport function Heading({\n  level = 1,\n  variant = \"primary\",\n  className = \"\",\n  children,\n  ...props\n}: HeadingProps) {\n  const Tag = `h${level}` as \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n  const { typography, themed } = UI_THEME;\n\n  const sizeClasses = {\n    1: typography.h1,\n    2: typography.h2,\n    3: typography.h3,\n    4: typography.h4,\n    5: typography.h5,\n    6: typography.h6,\n  };\n\n  const variantClasses = {\n    primary: themed.textPrimary,\n    secondary: themed.textSecondary,\n    muted: themed.textMuted,\n    none: \"\",\n  };\n\n  return (\n    <Tag\n      className={`${sizeClasses[level]} ${variantClasses[variant]} ${className}`}\n      {...props}\n    >\n      {children}\n    </Tag>\n  );\n}\n\n// ─── Text ─────────────────────────────────────────────────────────────────────\n\ninterface TextProps extends React.HTMLAttributes<HTMLParagraphElement> {\n  variant?: \"primary\" | \"secondary\" | \"muted\" | \"error\" | \"success\" | \"none\";\n  size?: \"xs\" | \"sm\" | \"base\" | \"lg\" | \"xl\";\n  weight?: \"normal\" | \"medium\" | \"semibold\" | \"bold\";\n  /** Override the rendered element. Defaults to `p`. */\n  as?: React.ElementType;\n  children: React.ReactNode;\n}\n\nexport function Text({\n  variant = \"primary\",\n  size = \"base\",\n  weight = \"normal\",\n  className = \"\",\n  as: Tag = \"p\",\n  children,\n  ...props\n}: TextProps) {\n  const { typography, themed } = UI_THEME;\n\n  const sizeClasses = {\n    xs: typography.xs,\n    sm: typography.small,\n    base: typography.body,\n    lg: \"text-lg\",\n    xl: \"text-xl\",\n  };\n\n  const weightClasses = {\n    normal: \"font-normal\",\n    medium: \"font-medium\",\n    semibold: \"font-semibold\",\n    bold: \"font-bold\",\n  };\n\n  const variantClasses = {\n    primary: themed.textPrimary,\n    secondary: themed.textSecondary,\n    muted: themed.textMuted,\n    error: themed.textError,\n    success: themed.textSuccess,\n    none: \"\",\n  };\n\n  return (\n    <Tag\n      className={`${sizeClasses[size]} ${weightClasses[weight]} ${variantClasses[variant]} ${className}`}\n      {...props}\n    >\n      {children}\n    </Tag>\n  );\n}\n\n// ─── Label ────────────────────────────────────────────────────────────────────\n\ninterface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {\n  required?: boolean;\n  children: React.ReactNode;\n}\n\nexport function Label({\n  required,\n  className = \"\",\n  children,\n  ...props\n}: LabelProps) {\n  const { themed, typography, colors } = UI_THEME;\n  return (\n    <label\n      className={`block ${typography.small} font-medium ${themed.textSecondary} mb-1.5 ${className}`}\n      {...props}\n    >\n      {children}\n      {required && <span className={`${colors.form.required} ml-1`}>*</span>}\n    </label>\n  );\n}\n\n// ─── Caption ─────────────────────────────────────────────────────────────────\n\ninterface CaptionProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /** \"default\" — muted grey (default); \"accent\" — indigo, semibold; \"inverse\" — light indigo for use on dark indigo backgrounds */\n  variant?: \"default\" | \"accent\" | \"inverse\";\n  children: React.ReactNode;\n}\n\nexport function Caption({\n  variant = \"default\",\n  className = \"\",\n  children,\n  ...props\n}: CaptionProps) {\n  const { themed, typography } = UI_THEME;\n\n  const variantClasses = {\n    default: themed.textMuted,\n    accent: \"text-primary font-semibold\",\n    inverse: \"text-primary/40\",\n  };\n\n  return (\n    <span\n      className={`${typography.xs} ${variantClasses[variant]} ${className}`}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n}\n\n// ─── Span ─────────────────────────────────────────────────────────────────────\n/**\n * Inline wrapper for styled text fragments. Use instead of a raw `<span>`.\n * When `variant` is \"inherit\" (default) the element carries no colour classes\n * so it blends with its parent — perfect for purely structural/CSS wrappers.\n *\n * @example\n * ```tsx\n * <Span className=\"bg-gradient-to-r from-indigo-500 to-purple-500 bg-clip-text text-transparent\">\n *   Highlighted\n * </Span>\n *\n * <Span variant=\"error\" weight=\"semibold\">Required</Span>\n * ```\n */\ninterface SpanProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /** Colour variant. \"inherit\" (default) applies no colour class. */\n  variant?:\n    | \"inherit\"\n    | \"primary\"\n    | \"secondary\"\n    | \"muted\"\n    | \"error\"\n    | \"success\"\n    | \"accent\";\n  size?: \"xs\" | \"sm\" | \"base\" | \"lg\" | \"xl\";\n  weight?: \"normal\" | \"medium\" | \"semibold\" | \"bold\";\n  children?: React.ReactNode;\n}\n\nexport function Span({\n  variant = \"inherit\",\n  size,\n  weight,\n  className = \"\",\n  children,\n  ...props\n}: SpanProps) {\n  const { themed, typography } = UI_THEME;\n\n  const variantClasses: Record<NonNullable<SpanProps[\"variant\"]>, string> = {\n    inherit: \"\",\n    primary: themed.textPrimary,\n    secondary: themed.textSecondary,\n    muted: themed.textMuted,\n    error: themed.textError,\n    success: themed.textSuccess,\n    accent: \"text-primary\",\n  };\n\n  const sizeClasses: Record<NonNullable<SpanProps[\"size\"]>, string> = {\n    xs: typography.xs,\n    sm: typography.small,\n    base: typography.body,\n    lg: \"text-lg\",\n    xl: \"text-xl\",\n  };\n\n  const weightClasses: Record<NonNullable<SpanProps[\"weight\"]>, string> = {\n    normal: \"font-normal\",\n    medium: \"font-medium\",\n    semibold: \"font-semibold\",\n    bold: \"font-bold\",\n  };\n\n  const classes = [\n    size ? sizeClasses[size] : \"\",\n    weight ? weightClasses[weight] : \"\",\n    variantClasses[variant],\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <span className={classes} {...props}>\n      {children}\n    </span>\n  );\n}\n","/**\n * Merges classes into a single string\n *\n * @param {array} classes\n * @returns {string} A string of classes\n */\nexport const mergeClasses = <ClassType = string | undefined | null>(...classes: ClassType[]) =>\n  classes\n    .filter((className, index, array) => {\n      return (\n        Boolean(className) &&\n        (className as string).trim() !== '' &&\n        array.indexOf(className) === index\n      );\n    })\n    .join(' ')\n    .trim();\n","/**\n * Converts string to kebab case\n *\n * @param {string} string\n * @returns {string} A kebabized string\n */\nexport const toKebabCase = (string: string) =>\n  string.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();\n","/**\n * Converts string to camel case\n *\n * @param {string} string\n * @returns {string} A camelized string\n */\nexport const toCamelCase = <T extends string>(string: T) =>\n  string.replace(/^([A-Z])|[\\s-_]+(\\w)/g, (match, p1, p2) =>\n    p2 ? p2.toUpperCase() : p1.toLowerCase(),\n  );\n","import { CamelToPascal } from '../utility-types';\nimport { toCamelCase } from './toCamelCase';\n\n/**\n * Converts string to pascal case\n *\n * @param {string} string\n * @returns {string} A pascalized string\n */\nexport const toPascalCase = <T extends string>(string: T): CamelToPascal<T> => {\n  const camelCase = toCamelCase(string);\n\n  return (camelCase.charAt(0).toUpperCase() + camelCase.slice(1)) as CamelToPascal<T>;\n};\n","export default {\n  xmlns: 'http://www.w3.org/2000/svg',\n  width: 24,\n  height: 24,\n  viewBox: '0 0 24 24',\n  fill: 'none',\n  stroke: 'currentColor',\n  strokeWidth: 2,\n  strokeLinecap: 'round',\n  strokeLinejoin: 'round',\n};\n","/**\n * Check if a component has an accessibility prop\n *\n * @param {object} props\n * @returns {boolean} Whether the component has an accessibility prop\n */\nexport const hasA11yProp = (props: Record<string, any>) => {\n  for (const prop in props) {\n    if (prop.startsWith('aria-') || prop === 'role' || prop === 'title') {\n      return true;\n    }\n  }\n\n  return false;\n};\n","'use client';\n\nimport { createContext, createElement, type ReactNode, useContext, useMemo } from 'react';\nimport { LucideProps } from './types';\n\ntype LucideConfig = {\n  size: number;\n  color: string;\n  strokeWidth: number;\n  absoluteStrokeWidth: boolean;\n  className: string;\n};\n\nconst LucideContext = createContext<LucideProps>({});\n\ntype LucideProviderProps = {\n  children: ReactNode;\n} & Partial<LucideConfig>;\n\nexport function LucideProvider({\n  children,\n  size,\n  color,\n  strokeWidth,\n  absoluteStrokeWidth,\n  className,\n}: LucideProviderProps) {\n  const value = useMemo(\n    () => ({\n      size,\n      color,\n      strokeWidth,\n      absoluteStrokeWidth,\n      className,\n    }),\n    [size, color, strokeWidth, absoluteStrokeWidth, className],\n  );\n\n  return createElement(LucideContext.Provider, { value }, children);\n}\n\nexport const useLucideContext = () => useContext(LucideContext);\n","'use client';\n\nimport { createElement, forwardRef } from 'react';\nimport defaultAttributes from './defaultAttributes';\nimport { IconNode, LucideProps } from './types';\nimport { mergeClasses, hasA11yProp } from '@lucide/shared';\nimport { useLucideContext } from './context';\n\ninterface IconComponentProps extends LucideProps {\n  iconNode: IconNode;\n}\n\n/**\n * Lucide icon component\n *\n * @component Icon\n * @param {object} props\n * @param {string} props.color - The color of the icon\n * @param {number} props.size - The size of the icon\n * @param {number} props.strokeWidth - The stroke width of the icon\n * @param {boolean} props.absoluteStrokeWidth - Whether to use absolute stroke width\n * @param {string} props.className - The class name of the icon\n * @param {IconNode} props.children - The children of the icon\n * @param {IconNode} props.iconNode - The icon node of the icon\n *\n * @returns {ForwardRefExoticComponent} LucideIcon\n */\nconst Icon = forwardRef<SVGSVGElement, IconComponentProps>(\n  (\n    { color, size, strokeWidth, absoluteStrokeWidth, className = '', children, iconNode, ...rest },\n    ref,\n  ) => {\n    const {\n      size: contextSize = 24,\n      strokeWidth: contextStrokeWidth = 2,\n      absoluteStrokeWidth: contextAbsoluteStrokeWidth = false,\n      color: contextColor = 'currentColor',\n      className: contextClass = '',\n    } = useLucideContext() ?? {};\n\n    const calculatedStrokeWidth =\n      absoluteStrokeWidth ?? contextAbsoluteStrokeWidth\n        ? (Number(strokeWidth ?? contextStrokeWidth) * 24) / Number(size ?? contextSize)\n        : strokeWidth ?? contextStrokeWidth;\n\n    return createElement(\n      'svg',\n      {\n        ref,\n        ...defaultAttributes,\n        width: size ?? contextSize ?? defaultAttributes.width,\n        height: size ?? contextSize ?? defaultAttributes.height,\n        stroke: color ?? contextColor,\n        strokeWidth: calculatedStrokeWidth,\n        className: mergeClasses('lucide', contextClass, className),\n        ...(!children && !hasA11yProp(rest) && { 'aria-hidden': 'true' }),\n        ...rest,\n      },\n      [\n        ...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),\n        ...(Array.isArray(children) ? children : [children]),\n      ],\n    );\n  },\n);\n\nexport default Icon;\n","import { createElement, forwardRef } from 'react';\nimport { mergeClasses, toKebabCase, toPascalCase } from '@lucide/shared';\nimport { IconNode, LucideProps } from './types';\nimport Icon from './Icon';\n\n/**\n * Create a Lucide icon component\n * @param {string} iconName\n * @param {array} iconNode\n * @returns {ForwardRefExoticComponent} LucideIcon\n */\nconst createLucideIcon = (iconName: string, iconNode: IconNode) => {\n  const Component = forwardRef<SVGSVGElement, LucideProps>(({ className, ...props }, ref) =>\n    createElement(Icon, {\n      ref,\n      iconNode,\n      className: mergeClasses(\n        `lucide-${toKebabCase(toPascalCase(iconName))}`,\n        `lucide-${iconName}`,\n        className,\n      ),\n      ...props,\n    }),\n  );\n\n  Component.displayName = toPascalCase(iconName);\n\n  return Component;\n};\n\nexport default createLucideIcon;\n","import createLucideIcon from '../createLucideIcon';\nimport { IconNode } from '../types';\n\nexport const __iconNode: IconNode = [['path', { d: 'M21 12a9 9 0 1 1-6.219-8.56', key: '13zald' }]];\n\n/**\n * @component @name LoaderCircle\n * @description Lucide SVG icon component, renders SVG Element with children.\n *\n * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aCBkPSJNMjEgMTJhOSA5IDAgMSAxLTYuMjE5LTguNTYiIC8+Cjwvc3ZnPgo=) - https://lucide.dev/icons/loader-circle\n * @see https://lucide.dev/guide/packages/lucide-react - Documentation\n *\n * @param {Object} props - Lucide icons props and any valid SVG attribute\n * @returns {JSX.Element} JSX Element\n *\n */\nconst LoaderCircle = createLucideIcon('loader-circle', __iconNode);\n\nexport default LoaderCircle;\n","import React from \"react\";\nimport { twMerge } from \"tailwind-merge\";\nimport { Loader2 } from \"lucide-react\";\n\n/**\n * Button — versatile button with multiple variants, sizes, and loading state.\n *\n * Extracted from src/components/ui/Button.tsx for @mohasinac/ui.\n * Theme values inlined from THEME_CONSTANTS.button and THEME_CONSTANTS.colors.button.\n */\n\n// Inlined from THEME_CONSTANTS\nconst UI_BUTTON = {\n  base: \"inline-flex items-center justify-center font-medium rounded-xl transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed\",\n  active: \"active:scale-95\",\n  variants: {\n    primary:\n      \"bg-primary-600 text-white hover:bg-primary-700 active:bg-primary-800 shadow-sm focus:ring-primary-500/30 dark:bg-secondary-500 dark:text-white dark:hover:bg-secondary-400 dark:active:bg-secondary-600 dark:focus:ring-secondary-400/30\",\n    secondary:\n      \"bg-primary-700 text-white hover:bg-primary-600 active:bg-primary-800 shadow-md focus:ring-primary-500 dark:bg-secondary-700 dark:text-white dark:hover:bg-secondary-600 dark:active:bg-secondary-800 dark:focus:ring-secondary-500\",\n    outline:\n      \"border border-zinc-200 dark:border-slate-700 bg-white dark:bg-transparent text-zinc-900 dark:text-zinc-100 hover:bg-zinc-50 dark:hover:bg-slate-800 focus:ring-zinc-400\",\n    ghost:\n      \"text-zinc-700 dark:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-slate-800 focus:ring-zinc-400\",\n    danger:\n      \"bg-red-600 text-white hover:bg-red-500 active:bg-red-700 shadow-sm shadow-red-600/10 focus:ring-red-500\",\n    warning:\n      \"bg-amber-500 text-white hover:bg-amber-400 active:bg-amber-600 shadow-sm shadow-amber-500/10 focus:ring-amber-500\",\n  },\n  sizes: {\n    sm: \"px-2.5 py-1.5 text-xs sm:px-3 sm:text-sm gap-1.5 min-h-[36px]\",\n    md: \"px-3 py-2 text-sm sm:px-4 sm:py-2.5 sm:text-base gap-2 min-h-[44px]\",\n    lg: \"px-4 py-2.5 text-base sm:px-6 sm:py-3 sm:text-lg gap-2.5 min-h-[44px]\",\n  },\n} as const;\n\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: keyof typeof UI_BUTTON.variants;\n  size?: keyof typeof UI_BUTTON.sizes;\n  isLoading?: boolean;\n  children?: React.ReactNode;\n}\n\nexport function Button({\n  variant = \"primary\",\n  size = \"md\",\n  className = \"\",\n  isLoading = false,\n  disabled,\n  children,\n  ...props\n}: ButtonProps) {\n  return (\n    <button\n      className={twMerge(\n        UI_BUTTON.base,\n        UI_BUTTON.active,\n        UI_BUTTON.variants[variant],\n        UI_BUTTON.sizes[size],\n        className,\n      )}\n      disabled={disabled || isLoading}\n      aria-busy={isLoading || undefined}\n      {...props}\n    >\n      {isLoading && (\n        <Loader2\n          className=\"w-4 h-4 animate-spin flex-shrink-0\"\n          aria-hidden=\"true\"\n        />\n      )}\n      {isLoading ? <span className=\"opacity-70\">{children}</span> : children}\n    </button>\n  );\n}\n","\"use client\";\r\n\r\nimport React, { createContext, useContext, useMemo, useState } from \"react\";\r\nimport { Button } from \"./Button\";\r\nimport { Div } from \"./Div\";\r\nimport { Span } from \"./Typography\";\r\n\r\ninterface AccordionContextValue {\r\n  type: \"single\" | \"multiple\";\r\n  openValues: string[];\r\n  toggle: (value: string) => void;\r\n}\r\n\r\nconst AccordionContext = createContext<AccordionContextValue | null>(null);\r\n\r\nexport interface AccordionProps {\r\n  /** Legacy simple mode: renders a native details/summary accordion */\r\n  title?: React.ReactNode;\r\n  /** Legacy simple mode open state */\r\n  open?: boolean;\r\n  /** Legacy simple mode title styling */\r\n  titleClassName?: string;\r\n  /** Legacy simple mode content styling */\r\n  contentClassName?: string;\r\n\r\n  /** Controlled/list mode: single or multiple expanded items */\r\n  type?: \"single\" | \"multiple\";\r\n  defaultValue?: string | string[];\r\n  value?: string | string[];\r\n  onChange?: (value: string | string[]) => void;\r\n\r\n  className?: string;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nexport interface AccordionItemProps {\r\n  value: string;\r\n  title: React.ReactNode;\r\n  disabled?: boolean;\r\n  className?: string;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nfunction toArray(value?: string | string[]): string[] {\r\n  if (!value) return [];\r\n  return Array.isArray(value) ? value : [value];\r\n}\r\n\r\nfunction renderLegacyAccordion({\r\n  title,\r\n  children,\r\n  open,\r\n  className = \"\",\r\n  titleClassName = \"\",\r\n  contentClassName = \"\",\r\n}: {\r\n  title: React.ReactNode;\r\n  children?: React.ReactNode;\r\n  open: boolean;\r\n  className?: string;\r\n  titleClassName?: string;\r\n  contentClassName?: string;\r\n}) {\r\n  return (\r\n    <details\r\n      open={open}\r\n      className={`group border-b border-zinc-200 dark:border-zinc-700 ${className}`}\r\n    >\r\n      <summary\r\n        className={`flex cursor-pointer select-none list-none items-center justify-between py-3 text-sm font-medium text-zinc-900 dark:text-zinc-100 ${titleClassName}`}\r\n      >\r\n        {title}\r\n        <span\r\n          className=\"ml-2 flex-shrink-0 text-zinc-400 transition-transform duration-200 group-open:rotate-180\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          ▾\r\n        </span>\r\n      </summary>\r\n      <div\r\n        className={`pb-4 text-sm text-zinc-600 dark:text-zinc-400 ${contentClassName}`}\r\n      >\r\n        {children}\r\n      </div>\r\n    </details>\r\n  );\r\n}\r\n\r\nexport function Accordion({\r\n  title,\r\n  children,\r\n  open = false,\r\n  className = \"\",\r\n  titleClassName = \"\",\r\n  contentClassName = \"\",\r\n  type = \"single\",\r\n  defaultValue,\r\n  value,\r\n  onChange,\r\n}: AccordionProps) {\r\n  // Backward-compatible simple details mode.\r\n  if (title !== undefined) {\r\n    return renderLegacyAccordion({\r\n      title,\r\n      children,\r\n      open,\r\n      className,\r\n      titleClassName,\r\n      contentClassName,\r\n    });\r\n  }\r\n\r\n  const initialOpen = useMemo(() => {\r\n    if (value !== undefined) return toArray(value);\r\n    return toArray(defaultValue);\r\n  }, [defaultValue, value]);\r\n\r\n  const [internalOpenValues, setInternalOpenValues] =\r\n    useState<string[]>(initialOpen);\r\n\r\n  const activeOpenValues =\r\n    value !== undefined ? toArray(value) : internalOpenValues;\r\n\r\n  const toggle = (itemValue: string) => {\r\n    const nextOpenValues =\r\n      type === \"single\"\r\n        ? activeOpenValues.includes(itemValue)\r\n          ? []\r\n          : [itemValue]\r\n        : activeOpenValues.includes(itemValue)\r\n          ? activeOpenValues.filter((v) => v !== itemValue)\r\n          : [...activeOpenValues, itemValue];\r\n\r\n    if (value === undefined) {\r\n      setInternalOpenValues(nextOpenValues);\r\n    }\r\n\r\n    onChange?.(type === \"single\" ? (nextOpenValues[0] ?? \"\") : nextOpenValues);\r\n  };\r\n\r\n  return (\r\n    <AccordionContext.Provider\r\n      value={{ type, openValues: activeOpenValues, toggle }}\r\n    >\r\n      <Div className={className}>{children}</Div>\r\n    </AccordionContext.Provider>\r\n  );\r\n}\r\n\r\nexport function AccordionItem({\r\n  value,\r\n  title,\r\n  disabled = false,\r\n  className = \"\",\r\n  children,\r\n}: AccordionItemProps) {\r\n  const ctx = useContext(AccordionContext);\r\n  if (!ctx) {\r\n    throw new Error(\"AccordionItem must be used within Accordion.\");\r\n  }\r\n\r\n  const isOpen = ctx.openValues.includes(value);\r\n\r\n  return (\r\n    <Div\r\n      className={`border-b border-gray-200 dark:border-gray-700 ${className}`}\r\n    >\r\n      <Button\r\n        type=\"button\"\r\n        disabled={disabled}\r\n        aria-expanded={isOpen}\r\n        onClick={() => ctx.toggle(value)}\r\n        className=\"w-full flex items-center justify-between py-3 px-1 text-left text-sm font-medium disabled:opacity-50 disabled:cursor-not-allowed\"\r\n      >\r\n        <Span>{title}</Span>\r\n        <Span\r\n          className={`transition-transform duration-200 ${isOpen ? \"rotate-180\" : \"\"}`}\r\n        >\r\n          ▾\r\n        </Span>\r\n      </Button>\r\n      {isOpen && (\r\n        <Div className=\"pb-3 px-1 text-sm text-gray-600 dark:text-gray-400\">\r\n          {children}\r\n        </Div>\r\n      )}\r\n    </Div>\r\n  );\r\n}\r\n","/** Simple class-name concatenation utility. */\nexport function cn(...classes: (string | undefined | null | false)[]): string {\n  return classes.filter(Boolean).join(\" \");\n}\n\n// ─── Shared style constants ───────────────────────────────────────────────────\n\nexport const INPUT_BASE =\n  \"rounded-lg border border-zinc-200 dark:border-slate-700 bg-white dark:bg-slate-800/60 px-3.5 py-2.5 text-sm text-zinc-900 dark:text-zinc-100 focus:ring-2 focus:ring-primary-500/20 dark:focus:ring-secondary-400/20 focus:border-primary-500 dark:focus:border-secondary-400 focus:outline-none transition-colors duration-150 placeholder:text-zinc-400 dark:placeholder:text-zinc-500\";\n\nexport const INPUT_ERROR =\n  \"border-red-400 dark:border-red-500 focus:ring-red-500/20 focus:border-red-500 bg-red-50/30 dark:bg-red-950/10\";\n\nexport const INPUT_SUCCESS =\n  \"border-emerald-400 dark:border-emerald-500 focus:ring-emerald-500/20 focus:border-emerald-500\";\n\nexport const INPUT_DISABLED =\n  \"bg-zinc-50 dark:bg-slate-800/30 text-zinc-400 dark:text-zinc-500 cursor-not-allowed opacity-60\";\n\nexport const INPUT_WITH_ICON = \"pl-10\";\n\nexport const LABEL_BASE =\n  \"block text-sm font-medium text-zinc-700 dark:text-zinc-300 mb-1.5\";\nexport const HELPER_BASE = \"text-xs text-zinc-500 dark:text-zinc-400 mt-1\";\nexport const ERROR_BASE = \"text-xs text-red-600 dark:text-red-400 mt-1\";\n","import React from \"react\";\nimport { Div, Span } from \"@mohasinac/ui\";\nimport {\n  cn,\n  INPUT_BASE,\n  INPUT_ERROR,\n  INPUT_SUCCESS,\n  INPUT_DISABLED,\n  INPUT_WITH_ICON,\n  LABEL_BASE,\n  HELPER_BASE,\n  ERROR_BASE,\n} from \"./utils\";\n\nexport interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  label?: string;\n  error?: string;\n  helperText?: string;\n  icon?: React.ReactNode;\n  rightIcon?: React.ReactNode;\n  success?: boolean;\n}\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  function Input(\n    {\n      label,\n      error,\n      helperText,\n      icon,\n      rightIcon,\n      success,\n      className = \"\",\n      required,\n      disabled,\n      ...props\n    },\n    ref,\n  ) {\n    const stateClasses = error\n      ? INPUT_ERROR\n      : success\n        ? INPUT_SUCCESS\n        : disabled\n          ? INPUT_DISABLED\n          : \"\";\n\n    return (\n      <Div className=\"w-full\">\n        {label && (\n          <label className={LABEL_BASE}>\n            {label}\n            {required && (\n              <Span className=\"text-red-500 ml-1\" aria-hidden=\"true\">\n                *\n              </Span>\n            )}\n          </label>\n        )}\n\n        <Div className=\"relative group\">\n          {icon && (\n            <Div\n              className={cn(\n                \"absolute left-3 top-1/2 -translate-y-1/2 transition-colors duration-150\",\n                error\n                  ? \"text-red-600 dark:text-red-400\"\n                  : \"text-zinc-400 dark:text-zinc-500\",\n                \"group-focus-within:text-primary-500 dark:group-focus-within:text-secondary-400\",\n              )}\n            >\n              {icon}\n            </Div>\n          )}\n\n          <input\n            ref={ref}\n            className={cn(\n              \"w-full\",\n              INPUT_BASE,\n              icon ? INPUT_WITH_ICON : \"\",\n              rightIcon ? \"pr-10\" : \"\",\n              stateClasses,\n              className,\n            )}\n            disabled={disabled}\n            aria-invalid={error ? \"true\" : undefined}\n            aria-describedby={\n              error\n                ? `${props.id}-error`\n                : helperText\n                  ? `${props.id}-helper`\n                  : undefined\n            }\n            {...props}\n          />\n\n          {rightIcon && (\n            <Div\n              className={cn(\n                \"absolute right-3 top-1/2 -translate-y-1/2 transition-colors duration-150\",\n                error\n                  ? \"text-red-600 dark:text-red-400\"\n                  : \"text-zinc-400 dark:text-zinc-500\",\n              )}\n            >\n              {rightIcon}\n            </Div>\n          )}\n        </Div>\n\n        {error && (\n          <p id={`${props.id}-error`} className={ERROR_BASE} role=\"alert\">\n            {error}\n          </p>\n        )}\n        {!error && helperText && (\n          <p id={`${props.id}-helper`} className={HELPER_BASE}>\n            {helperText}\n          </p>\n        )}\n      </Div>\n    );\n  },\n);\n\nInput.displayName = \"Input\";\n","import React from \"react\";\nimport { Div, Span } from \"@mohasinac/ui\";\nimport {\n  cn,\n  INPUT_BASE,\n  INPUT_ERROR,\n  LABEL_BASE,\n  HELPER_BASE,\n  ERROR_BASE,\n} from \"./utils\";\n\nexport interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {\n  label?: string;\n  error?: string;\n  helperText?: string;\n  showCharCount?: boolean;\n}\n\nexport const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  function Textarea(\n    {\n      label,\n      error,\n      helperText,\n      showCharCount,\n      className = \"\",\n      required,\n      maxLength,\n      value,\n      defaultValue,\n      ...props\n    },\n    ref,\n  ) {\n    const charCount =\n      typeof value === \"string\"\n        ? value.length\n        : typeof defaultValue === \"string\"\n          ? defaultValue.length\n          : 0;\n\n    return (\n      <Div className=\"w-full\">\n        {label && (\n          <label className={LABEL_BASE}>\n            {label}\n            {required && (\n              <Span className=\"text-red-500 ml-1\" aria-hidden=\"true\">\n                *\n              </Span>\n            )}\n          </label>\n        )}\n\n        <textarea\n          ref={ref}\n          className={cn(\n            INPUT_BASE,\n            \"resize-y min-h-[80px]\",\n            error ? INPUT_ERROR : \"\",\n            className,\n          )}\n          aria-invalid={error ? \"true\" : undefined}\n          maxLength={maxLength}\n          value={value}\n          defaultValue={defaultValue}\n          {...props}\n        />\n\n        <Div className=\"flex items-center justify-between mt-1.5\">\n          <Div className=\"flex-1\">\n            {error && (\n              <p className={ERROR_BASE} role=\"alert\">\n                {error}\n              </p>\n            )}\n            {!error && helperText && (\n              <p className={HELPER_BASE}>{helperText}</p>\n            )}\n          </Div>\n          {showCharCount && maxLength && (\n            <p\n              className={cn(\n                \"text-xs tabular-nums ml-2 flex-shrink-0\",\n                charCount >= maxLength\n                  ? \"text-red-500 dark:text-red-400\"\n                  : \"text-zinc-400 dark:text-zinc-500\",\n              )}\n            >\n              {charCount} / {maxLength}\n            </p>\n          )}\n        </Div>\n      </Div>\n    );\n  },\n);\n\nTextarea.displayName = \"Textarea\";\n","import React from \"react\";\nimport { Div, Span } from \"@mohasinac/ui\";\nimport {\n  cn,\n  INPUT_BASE,\n  INPUT_ERROR,\n  LABEL_BASE,\n  HELPER_BASE,\n  ERROR_BASE,\n} from \"./utils\";\n\nexport interface SelectOption {\n  value: string;\n  label: string;\n}\n\nexport interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {\n  label?: string;\n  error?: string;\n  helperText?: string;\n  options: SelectOption[];\n  placeholder?: string;\n}\n\nexport function Select({\n  label,\n  error,\n  helperText,\n  options,\n  placeholder,\n  className = \"\",\n  required,\n  ...props\n}: SelectProps) {\n  return (\n    <Div className=\"w-full\">\n      {label && (\n        <label className={LABEL_BASE}>\n          {label}\n          {required && (\n            <Span className=\"text-red-500 ml-1\" aria-hidden=\"true\">\n              *\n            </Span>\n          )}\n        </label>\n      )}\n\n      <Div className=\"relative group\">\n        <select\n          className={cn(\n            INPUT_BASE,\n            \"pr-10 appearance-none cursor-pointer\",\n            error ? INPUT_ERROR : \"\",\n            className,\n          )}\n          aria-invalid={error ? \"true\" : undefined}\n          {...props}\n        >\n          {placeholder && (\n            <option value=\"\" disabled>\n              {placeholder}\n            </option>\n          )}\n          {options.map((option) => (\n            <option key={option.value} value={option.value}>\n              {option.label}\n            </option>\n          ))}\n        </select>\n\n        {/* Chevron icon */}\n        <Div className=\"absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none transition-colors duration-150\">\n          <svg\n            className={cn(\n              \"w-5 h-5 transition-transform duration-200\",\n              error\n                ? \"text-red-500 dark:text-red-400\"\n                : \"text-zinc-400 dark:text-zinc-500\",\n            )}\n            viewBox=\"0 0 20 20\"\n            fill=\"currentColor\"\n            aria-hidden=\"true\"\n          >\n            <path\n              fillRule=\"evenodd\"\n              d=\"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z\"\n              clipRule=\"evenodd\"\n            />\n          </svg>\n        </Div>\n      </Div>\n\n      {error && (\n        <p className={ERROR_BASE} role=\"alert\">\n          {error}\n        </p>\n      )}\n      {!error && helperText && <p className={HELPER_BASE}>{helperText}</p>}\n    </Div>\n  );\n}\n","import React from \"react\";\nimport { Div, Span } from \"@mohasinac/ui\";\nimport { cn, ERROR_BASE } from \"./utils\";\n\nexport interface CheckboxProps extends Omit<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  \"type\"\n> {\n  label?: string;\n  suffix?: React.ReactNode;\n  error?: string;\n  indeterminate?: boolean;\n}\n\nexport function Checkbox({\n  label,\n  suffix,\n  error,\n  indeterminate,\n  className = \"\",\n  checked,\n  ...props\n}: CheckboxProps) {\n  const inputRef = React.useRef<HTMLInputElement>(null);\n\n  React.useEffect(() => {\n    if (inputRef.current) {\n      inputRef.current.indeterminate = !!indeterminate;\n    }\n  }, [indeterminate]);\n\n  return (\n    <Div className=\"w-full\">\n      <label className=\"flex flex-row items-center gap-3 cursor-pointer group\">\n          <Div className=\"relative flex items-center justify-center flex-shrink-0\">\n          <input\n            ref={inputRef}\n            type=\"checkbox\"\n            checked={checked}\n            className={cn(\n              \"peer w-5 h-5 rounded-md border-2 cursor-pointer\",\n              \"transition-all duration-200 appearance-none\",\n              error\n                ? \"border-red-400 dark:border-red-500\"\n                : \"border-zinc-300 dark:border-slate-600\",\n              \"checked:bg-primary-600 checked:border-primary-600\",\n              \"dark:checked:bg-secondary-500 dark:checked:border-secondary-500\",\n              \"hover:border-primary-400 dark:hover:border-secondary-400\",\n              \"focus:outline-none focus:ring-2 focus:ring-primary-500/30 focus:ring-offset-1\",\n              \"dark:focus:ring-secondary-400/30 dark:focus:ring-offset-slate-900\",\n              \"disabled:opacity-50 disabled:cursor-not-allowed\",\n              className,\n            )}\n            {...props}\n          />\n          {/* Tick icon */}\n          <svg\n            className=\"absolute w-3 h-3 text-white pointer-events-none opacity-0 peer-checked:opacity-100 transition-opacity duration-150\"\n            viewBox=\"0 0 12 12\"\n            fill=\"none\"\n            aria-hidden=\"true\"\n          >\n            {indeterminate ? (\n              <line\n                x1=\"2\"\n                y1=\"6\"\n                x2=\"10\"\n                y2=\"6\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n              />\n            ) : (\n              <path\n                d=\"M2 6L5 9L10 3\"\n                stroke=\"currentColor\"\n                strokeWidth=\"1.5\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              />\n            )}\n          </svg>\n          </Div>\n\n        {(label || suffix) && (\n          <Span className=\"flex items-center gap-2 text-sm text-zinc-700 dark:text-zinc-300 group-hover:text-zinc-900 dark:group-hover:text-zinc-100 transition-colors\">\n            {label}\n            {suffix}\n          </Span>\n        )}\n      </label>\n\n      {error && (\n        <p className={cn(ERROR_BASE, \"mt-1.5\")} role=\"alert\">\n          {error}\n        </p>\n      )}\n    </Div>\n  );\n}\n","\"use client\";\n\nimport React from \"react\";\nimport { Div, Span } from \"@mohasinac/ui\";\nimport { cn, LABEL_BASE, ERROR_BASE } from \"./utils\";\n\nexport interface RadioOption {\n  value: string;\n  label: string;\n  disabled?: boolean;\n}\n\nexport interface RadioGroupProps {\n  name: string;\n  options: RadioOption[];\n  value?: string;\n  onChange?: (value: string) => void;\n  label?: string;\n  error?: string;\n  orientation?: \"vertical\" | \"horizontal\";\n  /** Visual style: \"toggle\" = pill selectors, \"classic\" = dot-style */\n  variant?: \"toggle\" | \"classic\";\n}\n\nexport function RadioGroup({\n  name,\n  options,\n  value,\n  onChange,\n  label,\n  error,\n  orientation = \"vertical\",\n  variant = \"toggle\",\n}: RadioGroupProps) {\n  if (variant === \"classic\") {\n    return (\n      <Div className=\"w-full\">\n        {label && <p className={LABEL_BASE}>{label}</p>}\n        <Div\n          className={cn(\n            \"flex gap-3\",\n            orientation === \"vertical\" ? \"flex-col\" : \"flex-row flex-wrap\",\n          )}\n        >\n          {options.map((option) => {\n            const isSelected = value === option.value;\n            return (\n              <label\n                key={option.value}\n                className={cn(\n                  \"flex items-center gap-2.5 cursor-pointer\",\n                  option.disabled && \"opacity-50 cursor-not-allowed\",\n                )}\n              >\n                <input\n                  type=\"radio\"\n                  name={name}\n                  value={option.value}\n                  checked={isSelected}\n                  disabled={option.disabled}\n                  onChange={() => !option.disabled && onChange?.(option.value)}\n                  className=\"w-4 h-4 text-primary-600 dark:text-secondary-500 border-zinc-300 dark:border-slate-600 focus:ring-primary-500/30 dark:focus:ring-secondary-400/30\"\n                />\n                <Span className=\"text-sm text-zinc-700 dark:text-zinc-300\">\n                  {option.label}\n                </Span>\n              </label>\n            );\n          })}\n        </Div>\n        {error && (\n          <p className={ERROR_BASE} role=\"alert\">\n            {error}\n          </p>\n        )}\n      </Div>\n    );\n  }\n\n  // Toggle variant — pill style\n  return (\n    <Div className=\"w-full\">\n      {label && <p className={LABEL_BASE}>{label}</p>}\n      <Div\n        className={cn(\n          \"flex gap-2\",\n          orientation === \"vertical\" ? \"flex-col\" : \"flex-row flex-wrap\",\n        )}\n        role=\"radiogroup\"\n        aria-label={label}\n      >\n        {options.map((option) => {\n          const isSelected = value === option.value;\n          return (\n            <label\n              key={option.value}\n              className={cn(\n                \"flex items-center justify-center px-4 py-2.5 rounded-xl border text-sm font-medium cursor-pointer transition-all duration-200\",\n                isSelected\n                  ? \"bg-primary-600 dark:bg-secondary-500 border-primary-600 dark:border-secondary-500 text-white shadow-sm\"\n                  : \"border-zinc-200 dark:border-slate-700 text-zinc-700 dark:text-zinc-300 hover:border-primary-400 dark:hover:border-secondary-400 hover:bg-primary-50/50 dark:hover:bg-secondary-900/20\",\n                option.disabled && \"opacity-50 cursor-not-allowed\",\n              )}\n            >\n              <input\n                type=\"radio\"\n                name={name}\n                value={option.value}\n                checked={isSelected}\n                disabled={option.disabled}\n                onChange={() => !option.disabled && onChange?.(option.value)}\n                className=\"sr-only\"\n              />\n              {option.label}\n            </label>\n          );\n        })}\n      </Div>\n      {error && (\n        <p className={ERROR_BASE} role=\"alert\">\n          {error}\n        </p>\n      )}\n    </Div>\n  );\n}\n","\"use client\";\n\nimport React from \"react\";\nimport { Button, Div, Span } from \"@mohasinac/ui\";\nimport { cn } from \"./utils\";\n\nexport interface ToggleProps {\n  checked?: boolean;\n  defaultChecked?: boolean;\n  onChange?: (checked: boolean) => void;\n  disabled?: boolean;\n  label?: string;\n  size?: \"sm\" | \"md\" | \"lg\";\n  className?: string;\n  id?: string;\n}\n\nconst SIZE_CONFIG = {\n  sm: {\n    track: \"w-8 h-[18px]\",\n    thumb: \"w-3.5 h-3.5\",\n    translateOn: \"translate-x-[14px]\",\n    translateOff: \"translate-x-0.5\",\n  },\n  md: {\n    track: \"w-11 h-6\",\n    thumb: \"w-5 h-5\",\n    translateOn: \"translate-x-5\",\n    translateOff: \"translate-x-0.5\",\n  },\n  lg: {\n    track: \"w-14 h-7\",\n    thumb: \"w-6 h-6\",\n    translateOn: \"translate-x-7\",\n    translateOff: \"translate-x-0.5\",\n  },\n};\n\n/**\n * Toggle — switch control for boolean input with smooth animation.\n * Supports controlled and uncontrolled modes.\n */\nexport function Toggle({\n  checked: controlledChecked,\n  defaultChecked = false,\n  onChange,\n  disabled = false,\n  label,\n  size = \"md\",\n  className = \"\",\n  id,\n}: ToggleProps) {\n  const [internalChecked, setInternalChecked] = React.useState(defaultChecked);\n  const checked =\n    controlledChecked !== undefined ? controlledChecked : internalChecked;\n\n  const handleChange = () => {\n    if (disabled) return;\n    const newChecked = !checked;\n    if (controlledChecked === undefined) setInternalChecked(newChecked);\n    onChange?.(newChecked);\n  };\n\n  const toggleId = id ?? React.useId();\n  const cfg = SIZE_CONFIG[size];\n\n  return (\n    <Div className={cn(\"flex items-center gap-3\", className)}>\n      <Button\n        type=\"button\"\n        role=\"switch\"\n        id={toggleId}\n        aria-checked={checked}\n        disabled={disabled}\n        onClick={handleChange}\n        className={cn(\n          \"relative inline-flex items-center rounded-full transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-primary-500/30 dark:focus:ring-secondary-400/30 focus:ring-offset-2 dark:focus:ring-offset-slate-900\",\n          cfg.track,\n          checked\n            ? \"bg-primary-600 dark:bg-secondary-500\"\n            : \"bg-zinc-200 dark:bg-slate-700\",\n          disabled && \"opacity-50 cursor-not-allowed\",\n        )}\n      >\n        <Span\n          className={cn(\n            \"inline-block rounded-full bg-white shadow-sm transition-transform duration-200\",\n            cfg.thumb,\n            checked ? cfg.translateOn : cfg.translateOff,\n          )}\n        />\n      </Button>\n\n      {label && (\n        <label\n          htmlFor={toggleId}\n          className={cn(\n            \"text-sm font-medium cursor-pointer select-none\",\n            checked\n              ? \"text-zinc-900 dark:text-zinc-100\"\n              : \"text-zinc-600 dark:text-zinc-400\",\n            disabled && \"opacity-50 cursor-not-allowed\",\n          )}\n        >\n          {label}\n        </label>\n      )}\n    </Div>\n  );\n}\n","\"use client\";\n\nimport React from \"react\";\nimport { Div, Span } from \"@mohasinac/ui\";\nimport { cn, LABEL_BASE, ERROR_BASE } from \"./utils\";\n\nexport interface SliderProps {\n  value?: number;\n  defaultValue?: number;\n  min?: number;\n  max?: number;\n  step?: number;\n  onChange?: (value: number) => void;\n  label?: string;\n  error?: string;\n  disabled?: boolean;\n  showValue?: boolean;\n  /** Format the displayed value. Defaults to `String(value)`. */\n  formatValue?: (value: number) => string;\n  className?: string;\n  id?: string;\n}\n\n/**\n * Slider — single-thumb range slider.\n */\nexport function Slider({\n  value: controlledValue,\n  defaultValue = 0,\n  min = 0,\n  max = 100,\n  step = 1,\n  onChange,\n  label,\n  error,\n  disabled = false,\n  showValue = true,\n  formatValue,\n  className = \"\",\n  id,\n}: SliderProps) {\n  const [internalValue, setInternalValue] = React.useState(defaultValue);\n  const value = controlledValue !== undefined ? controlledValue : internalValue;\n  const sliderId = id ?? React.useId();\n  const pct = ((value - min) / (max - min)) * 100;\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const newVal = Number(e.target.value);\n    if (controlledValue === undefined) setInternalValue(newVal);\n    onChange?.(newVal);\n  };\n\n  const displayValue = formatValue ? formatValue(value) : String(value);\n\n  return (\n    <Div className={cn(\"w-full space-y-2\", className)}>\n      {(label || showValue) && (\n        <Div className=\"flex items-center justify-between\">\n          {label && (\n            <label htmlFor={sliderId} className={LABEL_BASE}>\n              {label}\n            </label>\n          )}\n          {showValue && (\n            <Span className=\"text-sm font-semibold tabular-nums text-zinc-900 dark:text-zinc-100\">\n              {displayValue}\n            </Span>\n          )}\n        </Div>\n      )}\n\n      <Div className=\"relative h-5 flex items-center\">\n        {/* Track background */}\n        <Div className=\"absolute inset-y-0 flex items-center w-full\">\n          <Div className=\"w-full h-1.5 rounded-full bg-zinc-200 dark:bg-slate-700\">\n            <Div\n              className=\"h-full rounded-full bg-primary-500 dark:bg-secondary-500 transition-all\"\n              style={{ width: `${pct}%` }}\n            />\n          </Div>\n        </Div>\n\n        <input\n          type=\"range\"\n          id={sliderId}\n          min={min}\n          max={max}\n          step={step}\n          value={value}\n          disabled={disabled}\n          onChange={handleChange}\n          className={cn(\n            \"relative w-full appearance-none bg-transparent cursor-pointer\",\n            \"focus:outline-none\",\n            \"[&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:w-4 [&::-webkit-slider-thumb]:h-4\",\n            \"[&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-white\",\n            \"[&::-webkit-slider-thumb]:border-2 [&::-webkit-slider-thumb]:border-primary-500 dark:[&::-webkit-slider-thumb]:border-secondary-500\",\n            \"[&::-webkit-slider-thumb]:shadow-sm\",\n            \"[&::-moz-range-thumb]:w-4 [&::-moz-range-thumb]:h-4\",\n            \"[&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:bg-white\",\n            \"[&::-moz-range-thumb]:border-2 [&::-moz-range-thumb]:border-primary-500 dark:[&::-moz-range-thumb]:border-secondary-500\",\n            disabled && \"opacity-50 cursor-not-allowed\",\n          )}\n        />\n      </Div>\n\n      <Div className=\"flex items-center justify-between text-xs text-zinc-400 dark:text-zinc-500\">\n        <Span>{formatValue ? formatValue(min) : min}</Span>\n        <Span>{formatValue ? formatValue(max) : max}</Span>\n      </Div>\n\n      {error && (\n        <p className={ERROR_BASE} role=\"alert\">\n          {error}\n        </p>\n      )}\n    </Div>\n  );\n}\n","\"use client\";\n\nimport React from \"react\";\nimport { Div } from \"@mohasinac/ui\";\nimport { cn } from \"./utils\";\n\n// ─── Form ─────────────────────────────────────────────────────────────────────\n\nexport interface FormProps extends React.FormHTMLAttributes<HTMLFormElement> {\n  children: React.ReactNode;\n}\n\nexport function Form({ children, className = \"\", ...props }: FormProps) {\n  return (\n    <form className={cn(\"space-y-6 lg:space-y-8\", className)} {...props}>\n      {children}\n    </form>\n  );\n}\n\n// ─── FormGroup ────────────────────────────────────────────────────────────────\n\ntype GapToken = \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nconst GAP_MAP: Record<GapToken, string> = {\n  none: \"gap-0\",\n  xs: \"gap-2\",\n  sm: \"gap-3\",\n  md: \"gap-4 lg:gap-6\",\n  lg: \"gap-6 lg:gap-8\",\n  xl: \"gap-8 lg:gap-10\",\n};\n\nexport interface FormGroupProps {\n  children: React.ReactNode;\n  columns?: 1 | 2 | 3 | 4;\n  gap?: GapToken;\n  className?: string;\n}\n\nexport function FormGroup({\n  children,\n  columns = 1,\n  gap = \"md\",\n  className = \"\",\n}: FormGroupProps) {\n  const gridClasses = {\n    1: \"grid-cols-1\",\n    2: \"grid-cols-1 sm:grid-cols-2\",\n    3: \"grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3 2xl:grid-cols-4\",\n    4: \"grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4\",\n  };\n\n  return (\n    <Div className={cn(\"grid\", gridClasses[columns], GAP_MAP[gap], className)}>\n      {children}\n    </Div>\n  );\n}\n\n// ─── FormFieldSpan ────────────────────────────────────────────────────────────\n\n/** Wraps a child so it spans full width inside a multi-column FormGroup. */\nexport function FormFieldSpan({\n  children,\n  className = \"\",\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) {\n  return <Div className={cn(\"col-span-full\", className)}>{children}</Div>;\n}\n\n// ─── FormActions ─────────────────────────────────────────────────────────────\n\nexport interface FormActionsProps {\n  children: React.ReactNode;\n  align?: \"left\" | \"center\" | \"right\" | \"between\";\n  className?: string;\n}\n\nconst ALIGN_MAP = {\n  left: \"justify-start\",\n  center: \"justify-center\",\n  right: \"justify-end\",\n  between: \"justify-between\",\n};\n\nexport function FormActions({\n  children,\n  align = \"right\",\n  className = \"\",\n}: FormActionsProps) {\n  return (\n    <Div\n      className={cn(\n        \"flex items-center gap-3 pt-2\",\n        ALIGN_MAP[align],\n        className,\n      )}\n    >\n      {children}\n    </Div>\n  );\n}\n"]}

package/dist/features/forms/index.d.cts

@@ -1,129 +0,0 @@
-import React from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    label?: string;
-    error?: string;
-    helperText?: string;
-    icon?: React.ReactNode;
-    rightIcon?: React.ReactNode;
-    success?: boolean;
-}
-declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
-
-interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
-    label?: string;
-    error?: string;
-    helperText?: string;
-    showCharCount?: boolean;
-}
-declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
-
-interface SelectOption {
-    value: string;
-    label: string;
-}
-interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
-    label?: string;
-    error?: string;
-    helperText?: string;
-    options: SelectOption[];
-    placeholder?: string;
-}
-declare function Select({ label, error, helperText, options, placeholder, className, required, ...props }: SelectProps): react_jsx_runtime.JSX.Element;
-
-interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type"> {
-    label?: string;
-    suffix?: React.ReactNode;
-    error?: string;
-    indeterminate?: boolean;
-}
-declare function Checkbox({ label, suffix, error, indeterminate, className, checked, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
-
-interface RadioOption {
-    value: string;
-    label: string;
-    disabled?: boolean;
-}
-interface RadioGroupProps {
-    name: string;
-    options: RadioOption[];
-    value?: string;
-    onChange?: (value: string) => void;
-    label?: string;
-    error?: string;
-    orientation?: "vertical" | "horizontal";
-    /** Visual style: "toggle" = pill selectors, "classic" = dot-style */
-    variant?: "toggle" | "classic";
-}
-declare function RadioGroup({ name, options, value, onChange, label, error, orientation, variant, }: RadioGroupProps): react_jsx_runtime.JSX.Element;
-
-interface ToggleProps {
-    checked?: boolean;
-    defaultChecked?: boolean;
-    onChange?: (checked: boolean) => void;
-    disabled?: boolean;
-    label?: string;
-    size?: "sm" | "md" | "lg";
-    className?: string;
-    id?: string;
-}
-/**
- * Toggle — switch control for boolean input with smooth animation.
- * Supports controlled and uncontrolled modes.
- */
-declare function Toggle({ checked: controlledChecked, defaultChecked, onChange, disabled, label, size, className, id, }: ToggleProps): react_jsx_runtime.JSX.Element;
-
-interface SliderProps {
-    value?: number;
-    defaultValue?: number;
-    min?: number;
-    max?: number;
-    step?: number;
-    onChange?: (value: number) => void;
-    label?: string;
-    error?: string;
-    disabled?: boolean;
-    showValue?: boolean;
-    /** Format the displayed value. Defaults to `String(value)`. */
-    formatValue?: (value: number) => string;
-    className?: string;
-    id?: string;
-}
-/**
- * Slider — single-thumb range slider.
- */
-declare function Slider({ value: controlledValue, defaultValue, min, max, step, onChange, label, error, disabled, showValue, formatValue, className, id, }: SliderProps): react_jsx_runtime.JSX.Element;
-
-interface FormProps extends React.FormHTMLAttributes<HTMLFormElement> {
-    children: React.ReactNode;
-}
-declare function Form({ children, className, ...props }: FormProps): react_jsx_runtime.JSX.Element;
-type GapToken = "none" | "xs" | "sm" | "md" | "lg" | "xl";
-interface FormGroupProps {
-    children: React.ReactNode;
-    columns?: 1 | 2 | 3 | 4;
-    gap?: GapToken;
-    className?: string;
-}
-declare function FormGroup({ children, columns, gap, className, }: FormGroupProps): react_jsx_runtime.JSX.Element;
-/** Wraps a child so it spans full width inside a multi-column FormGroup. */
-declare function FormFieldSpan({ children, className, }: {
-    children: React.ReactNode;
-    className?: string;
-}): react_jsx_runtime.JSX.Element;
-interface FormActionsProps {
-    children: React.ReactNode;
-    align?: "left" | "center" | "right" | "between";
-    className?: string;
-}
-declare function FormActions({ children, align, className, }: FormActionsProps): react_jsx_runtime.JSX.Element;
-
-/** Simple class-name concatenation utility. */
-declare function cn(...classes: (string | undefined | null | false)[]): string;
-declare const INPUT_BASE = "rounded-lg border border-zinc-200 dark:border-slate-700 bg-white dark:bg-slate-800/60 px-3.5 py-2.5 text-sm text-zinc-900 dark:text-zinc-100 focus:ring-2 focus:ring-primary-500/20 dark:focus:ring-secondary-400/20 focus:border-primary-500 dark:focus:border-secondary-400 focus:outline-none transition-colors duration-150 placeholder:text-zinc-400 dark:placeholder:text-zinc-500";
-declare const INPUT_ERROR = "border-red-400 dark:border-red-500 focus:ring-red-500/20 focus:border-red-500 bg-red-50/30 dark:bg-red-950/10";
-declare const INPUT_SUCCESS = "border-emerald-400 dark:border-emerald-500 focus:ring-emerald-500/20 focus:border-emerald-500";
-declare const INPUT_DISABLED = "bg-zinc-50 dark:bg-slate-800/30 text-zinc-400 dark:text-zinc-500 cursor-not-allowed opacity-60";
-
-export { Checkbox, type CheckboxProps, Form, FormActions, type FormActionsProps, FormFieldSpan, FormGroup, type FormGroupProps, type FormProps, INPUT_BASE, INPUT_DISABLED, INPUT_ERROR, INPUT_SUCCESS, Input, type InputProps, RadioGroup, type RadioGroupProps, type RadioOption, Select, type SelectOption, type SelectProps, Slider, type SliderProps, Textarea, type TextareaProps, Toggle, type ToggleProps, cn };

package/dist/features/forms/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/ui/components/Semantic.tsx","../../../src/ui/components/Div.tsx","../../../src/ui/components/Typography.tsx","../../../node_modules/shared/src/utils/mergeClasses.ts","../../../node_modules/shared/src/utils/toKebabCase.ts","../../../node_modules/shared/src/utils/toCamelCase.ts","../../../node_modules/shared/src/utils/toPascalCase.ts","../../../node_modules/lucide-react/src/defaultAttributes.ts","../../../node_modules/shared/src/utils/hasA11yProp.ts","../../../node_modules/lucide-react/src/context.ts","../../../node_modules/lucide-react/src/Icon.ts","../../../node_modules/lucide-react/src/createLucideIcon.ts","../../../node_modules/lucide-react/src/icons/loader-circle.ts","../../../src/ui/components/Button.tsx","../../../src/ui/components/Accordion.tsx","../../../src/features/forms/utils.ts","../../../src/features/forms/Input.tsx","../../../src/features/forms/Textarea.tsx","../../../src/features/forms/Select.tsx","../../../src/features/forms/Checkbox.tsx","../../../src/features/forms/Radio.tsx","../../../src/features/forms/Toggle.tsx","../../../src/features/forms/Slider.tsx","../../../src/features/forms/Form.tsx"],"names":["React","jsx","_a","createElement","_b","forwardRef","jsxs","createContext","Input","Textarea","Select","Slider","Form"],"mappings":"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","file":"index.js","sourcesContent":["import React from \"react\";\n\n/**\n * Semantic HTML Wrapper Components\n *\n * Thin wrappers around HTML5 semantic elements.\n * Using these instead of raw tags enables:\n *   - Future one-place theming (add default padding/colour here, it applies everywhere)\n *   - Enforced accessibility attributes (Nav requires aria-label)\n *   - Consistent documentation / IDE autocomplete\n *   - Clean migration path if element defaults change\n *\n * All components pass through every standard HTML attribute via `...props`.\n * Style via `className` using Tailwind CSS classes.\n *\n * @example\n * ```tsx\n * import { Section, Article, Main, Aside, Nav, Ul, Ol, Li } from '@mohasinac/ui';\n *\n * <Main className=\"max-w-7xl mx-auto px-4\">\n *   <Section className=\"py-12\">\n *     <Article>...</Article>\n *   </Section>\n *   <Aside className=\"w-64 shrink-0\">...</Aside>\n * </Main>\n *\n * <Nav aria-label=\"Main navigation\">\n *   <Ul className=\"flex gap-4\">\n *     <Li>Products</Li>\n *   </Ul>\n * </Nav>\n * ```\n */\n\n// ─── Section ─────────────────────────────────────────────────────────────────\n/**\n * Semantic `<section>` element.\n * Use for thematically grouped content that would appear in an outline.\n * Prefer this over a plain `<div>` when the block has a heading.\n */\nexport interface SectionProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n}\n\nexport const Section = React.forwardRef<HTMLElement, SectionProps>(\n  ({ className = \"\", children, ...props }, ref) => (\n    <section className={className} ref={ref} {...props}>\n      {children}\n    </section>\n  ),\n);\nSection.displayName = \"Section\";\n\n// ─── Article ─────────────────────────────────────────────────────────────────\n/**\n * Semantic `<article>` element.\n * Use for self-contained compositions: blog posts, product cards, reviews, forum posts.\n */\nexport interface ArticleProps extends React.HTMLAttributes<HTMLElement> {\n  children?: React.ReactNode;\n}\n\nexport function Article({ className = \"\", children, ...props }: ArticleProps) {\n  return (\n    <article className={className} {...props}>\n      {children}\n    </article>\n  );\n}\n\n// ─── Main ─────────────────────────────────────────────────────────────────────\n/**\n * Semantic `<main>` element.\n * Wraps the primary content of the document. Should appear only once per page.\n */\nexport interface MainProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n}\n\nexport function Main({ className = \"\", children, ...props }: MainProps) {\n  return (\n    <main className={className} {...props}>\n      {children}\n    </main>\n  );\n}\n\n// ─── Aside ────────────────────────────────────────────────────────────────────\n/**\n * Semantic `<aside>` element.\n * Use for supplementary content tangentially related to the main content:\n * sidebars, callout boxes, related-link panels.\n */\nexport interface AsideProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n}\n\nexport const Aside = React.forwardRef<HTMLElement, AsideProps>(\n  ({ className = \"\", children, ...props }, ref) => (\n    <aside className={className} ref={ref} {...props}>\n      {children}\n    </aside>\n  ),\n);\nAside.displayName = \"Aside\";\n\n// ─── Nav ─────────────────────────────────────────────────────────────────────\n/**\n * Semantic `<nav>` element with enforced `aria-label`.\n *\n * Every `<nav>` on a page MUST have a unique `aria-label` so assistive\n * technologies can distinguish between multiple navigation landmarks.\n *\n * @example\n * ```tsx\n * <Nav aria-label=\"Breadcrumb\">...</Nav>\n * <Nav aria-label=\"Product categories\">...</Nav>\n * ```\n */\nexport interface NavProps extends React.HTMLAttributes<HTMLElement> {\n  /** REQUIRED — describes the purpose of this navigation region for screen readers. */\n  \"aria-label\": string;\n  children: React.ReactNode;\n}\n\nexport function Nav({ className = \"\", children, ...props }: NavProps) {\n  return (\n    <nav className={className} {...props}>\n      {children}\n    </nav>\n  );\n}\n\n// ─── Header (block-level) ─────────────────────────────────────────────────────\n/**\n * Semantic `<header>` element for block-level component headers.\n * Use inside `Section`, `Article`, or card bodies — NOT as the page-level header.\n *\n * @example\n * ```tsx\n * <Article>\n *   <BlockHeader className=\"mb-4\">\n *     <Heading level={2}>Post title</Heading>\n *   </BlockHeader>\n * </Article>\n * ```\n */\nexport interface BlockHeaderProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n}\n\nexport function BlockHeader({\n  className = \"\",\n  children,\n  ...props\n}: BlockHeaderProps) {\n  return (\n    <header className={className} {...props}>\n      {children}\n    </header>\n  );\n}\n\n// ─── Footer (block-level) ─────────────────────────────────────────────────────\n/**\n * Semantic `<footer>` element for block-level component footers.\n * Use inside `Section`, `Article`, or card bodies — NOT as the page-level footer.\n */\nexport interface BlockFooterProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n}\n\nexport function BlockFooter({\n  className = \"\",\n  children,\n  ...props\n}: BlockFooterProps) {\n  return (\n    <footer className={className} {...props}>\n      {children}\n    </footer>\n  );\n}\n\n// ─── Ul ──────────────────────────────────────────────────────────────────────\n/**\n * Semantic `<ul>` (unordered list) element.\n *\n * @example\n * ```tsx\n * <Ul className=\"space-y-2\">\n *   <Li>Item one</Li>\n *   <Li>Item two</Li>\n * </Ul>\n * ```\n */\nexport interface UlProps extends React.HTMLAttributes<HTMLUListElement> {\n  children: React.ReactNode;\n}\n\nexport function Ul({ className = \"\", children, ...props }: UlProps) {\n  return (\n    <ul className={className} {...props}>\n      {children}\n    </ul>\n  );\n}\n\n// ─── Ol ──────────────────────────────────────────────────────────────────────\n/**\n * Semantic `<ol>` (ordered list) element.\n *\n * @example\n * ```tsx\n * <Ol className=\"list-decimal pl-4 space-y-1\">\n *   <Li>Step one</Li>\n *   <Li>Step two</Li>\n * </Ol>\n * ```\n */\nexport interface OlProps extends React.HTMLAttributes<HTMLOListElement> {\n  children: React.ReactNode;\n}\n\nexport function Ol({ className = \"\", children, ...props }: OlProps) {\n  return (\n    <ol className={className} {...props}>\n      {children}\n    </ol>\n  );\n}\n\n// ─── Li ──────────────────────────────────────────────────────────────────────\n/**\n * Semantic `<li>` (list item) element. Use inside `Ul` or `Ol`.\n */\nexport interface LiProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  children: React.ReactNode;\n}\n\nexport function Li({ className = \"\", children, ...props }: LiProps) {\n  return (\n    <li className={className} {...props}>\n      {children}\n    </li>\n  );\n}\n\n// ─── Header / Footer — convenience aliases ────────────────────────────────────\n/**\n * Aliases for `BlockHeader` and `BlockFooter`.\n * Use when importing from the standard `<Header>` / `<Footer>` names.\n */\nexport type HeaderProps = BlockHeaderProps;\nexport const Header = BlockHeader;\nexport type FooterProps = BlockFooterProps;\nexport const Footer = BlockFooter;\n","import React from \"react\";\r\n\r\nexport interface DivProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  children?: React.ReactNode;\r\n}\r\n\r\n/**\r\n * Semantic `<div>` wrapper for general-purpose layout containers.\r\n *\r\n * Use when no more specific semantic element applies\r\n * (`<Section>`, `<Article>`, `<Main>`, `<Aside>` etc). Enables\r\n * future one-place theming and consistent import from `@mohasinac/appkit/ui`.\r\n *\r\n * @example\r\n * ```tsx\r\n * <Div className=\"flex items-center gap-4\">\r\n *   <Badge>New</Badge>\r\n *   <Text>Product title</Text>\r\n * </Div>\r\n * ```\r\n */\r\nexport const Div = React.forwardRef<HTMLDivElement, DivProps>(\r\n  ({ className = \"\", children, ...props }, ref) => (\r\n    <div ref={ref} className={className} {...props}>\r\n      {children}\r\n    </div>\r\n  ),\r\n);\r\nDiv.displayName = \"Div\";\r\n","import React from \"react\";\n\n/**\n * UI_THEME — inlined subset of the app-level THEME_CONSTANTS.\n * Consumer apps can override by passing `className` on each component.\n * Full THEME_CONSTANTS lives in the host app (`@/constants`).\n */\nconst UI_THEME = {\n  typography: {\n    h1: \"text-3xl md:text-4xl lg:text-5xl font-bold tracking-tight font-display\",\n    h2: \"text-2xl md:text-3xl lg:text-4xl font-bold tracking-tight font-display\",\n    h3: \"text-xl md:text-2xl lg:text-3xl font-bold tracking-tight font-display\",\n    h4: \"text-lg md:text-xl lg:text-2xl font-bold font-display\",\n    h5: \"text-base md:text-lg lg:text-xl font-medium\",\n    h6: \"text-sm md:text-base lg:text-lg font-medium\",\n    body: \"text-base lg:text-lg\",\n    small: \"text-sm lg:text-base\",\n    xs: \"text-xs lg:text-sm\",\n  },\n  themed: {\n    textPrimary: \"text-zinc-900 dark:text-zinc-50\",\n    textSecondary: \"text-zinc-500 dark:text-zinc-400\",\n    textMuted: \"text-zinc-400 dark:text-zinc-500\",\n    textError: \"text-red-600 dark:text-red-400\",\n    textSuccess: \"text-emerald-600 dark:text-emerald-400\",\n  },\n  colors: {\n    form: {\n      required: \"text-red-500\",\n    },\n  },\n} as const;\n\n// ─── Heading ─────────────────────────────────────────────────────────────────\n\ninterface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {\n  level?: 1 | 2 | 3 | 4 | 5 | 6;\n  variant?: \"primary\" | \"secondary\" | \"muted\" | \"none\";\n  children: React.ReactNode;\n}\n\nexport function Heading({\n  level = 1,\n  variant = \"primary\",\n  className = \"\",\n  children,\n  ...props\n}: HeadingProps) {\n  const Tag = `h${level}` as \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n  const { typography, themed } = UI_THEME;\n\n  const sizeClasses = {\n    1: typography.h1,\n    2: typography.h2,\n    3: typography.h3,\n    4: typography.h4,\n    5: typography.h5,\n    6: typography.h6,\n  };\n\n  const variantClasses = {\n    primary: themed.textPrimary,\n    secondary: themed.textSecondary,\n    muted: themed.textMuted,\n    none: \"\",\n  };\n\n  return (\n    <Tag\n      className={`${sizeClasses[level]} ${variantClasses[variant]} ${className}`}\n      {...props}\n    >\n      {children}\n    </Tag>\n  );\n}\n\n// ─── Text ─────────────────────────────────────────────────────────────────────\n\ninterface TextProps extends React.HTMLAttributes<HTMLParagraphElement> {\n  variant?: \"primary\" | \"secondary\" | \"muted\" | \"error\" | \"success\" | \"none\";\n  size?: \"xs\" | \"sm\" | \"base\" | \"lg\" | \"xl\";\n  weight?: \"normal\" | \"medium\" | \"semibold\" | \"bold\";\n  /** Override the rendered element. Defaults to `p`. */\n  as?: React.ElementType;\n  children: React.ReactNode;\n}\n\nexport function Text({\n  variant = \"primary\",\n  size = \"base\",\n  weight = \"normal\",\n  className = \"\",\n  as: Tag = \"p\",\n  children,\n  ...props\n}: TextProps) {\n  const { typography, themed } = UI_THEME;\n\n  const sizeClasses = {\n    xs: typography.xs,\n    sm: typography.small,\n    base: typography.body,\n    lg: \"text-lg\",\n    xl: \"text-xl\",\n  };\n\n  const weightClasses = {\n    normal: \"font-normal\",\n    medium: \"font-medium\",\n    semibold: \"font-semibold\",\n    bold: \"font-bold\",\n  };\n\n  const variantClasses = {\n    primary: themed.textPrimary,\n    secondary: themed.textSecondary,\n    muted: themed.textMuted,\n    error: themed.textError,\n    success: themed.textSuccess,\n    none: \"\",\n  };\n\n  return (\n    <Tag\n      className={`${sizeClasses[size]} ${weightClasses[weight]} ${variantClasses[variant]} ${className}`}\n      {...props}\n    >\n      {children}\n    </Tag>\n  );\n}\n\n// ─── Label ────────────────────────────────────────────────────────────────────\n\ninterface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {\n  required?: boolean;\n  children: React.ReactNode;\n}\n\nexport function Label({\n  required,\n  className = \"\",\n  children,\n  ...props\n}: LabelProps) {\n  const { themed, typography, colors } = UI_THEME;\n  return (\n    <label\n      className={`block ${typography.small} font-medium ${themed.textSecondary} mb-1.5 ${className}`}\n      {...props}\n    >\n      {children}\n      {required && <span className={`${colors.form.required} ml-1`}>*</span>}\n    </label>\n  );\n}\n\n// ─── Caption ─────────────────────────────────────────────────────────────────\n\ninterface CaptionProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /** \"default\" — muted grey (default); \"accent\" — indigo, semibold; \"inverse\" — light indigo for use on dark indigo backgrounds */\n  variant?: \"default\" | \"accent\" | \"inverse\";\n  children: React.ReactNode;\n}\n\nexport function Caption({\n  variant = \"default\",\n  className = \"\",\n  children,\n  ...props\n}: CaptionProps) {\n  const { themed, typography } = UI_THEME;\n\n  const variantClasses = {\n    default: themed.textMuted,\n    accent: \"text-primary font-semibold\",\n    inverse: \"text-primary/40\",\n  };\n\n  return (\n    <span\n      className={`${typography.xs} ${variantClasses[variant]} ${className}`}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n}\n\n// ─── Span ─────────────────────────────────────────────────────────────────────\n/**\n * Inline wrapper for styled text fragments. Use instead of a raw `<span>`.\n * When `variant` is \"inherit\" (default) the element carries no colour classes\n * so it blends with its parent — perfect for purely structural/CSS wrappers.\n *\n * @example\n * ```tsx\n * <Span className=\"bg-gradient-to-r from-indigo-500 to-purple-500 bg-clip-text text-transparent\">\n *   Highlighted\n * </Span>\n *\n * <Span variant=\"error\" weight=\"semibold\">Required</Span>\n * ```\n */\ninterface SpanProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /** Colour variant. \"inherit\" (default) applies no colour class. */\n  variant?:\n    | \"inherit\"\n    | \"primary\"\n    | \"secondary\"\n    | \"muted\"\n    | \"error\"\n    | \"success\"\n    | \"accent\";\n  size?: \"xs\" | \"sm\" | \"base\" | \"lg\" | \"xl\";\n  weight?: \"normal\" | \"medium\" | \"semibold\" | \"bold\";\n  children?: React.ReactNode;\n}\n\nexport function Span({\n  variant = \"inherit\",\n  size,\n  weight,\n  className = \"\",\n  children,\n  ...props\n}: SpanProps) {\n  const { themed, typography } = UI_THEME;\n\n  const variantClasses: Record<NonNullable<SpanProps[\"variant\"]>, string> = {\n    inherit: \"\",\n    primary: themed.textPrimary,\n    secondary: themed.textSecondary,\n    muted: themed.textMuted,\n    error: themed.textError,\n    success: themed.textSuccess,\n    accent: \"text-primary\",\n  };\n\n  const sizeClasses: Record<NonNullable<SpanProps[\"size\"]>, string> = {\n    xs: typography.xs,\n    sm: typography.small,\n    base: typography.body,\n    lg: \"text-lg\",\n    xl: \"text-xl\",\n  };\n\n  const weightClasses: Record<NonNullable<SpanProps[\"weight\"]>, string> = {\n    normal: \"font-normal\",\n    medium: \"font-medium\",\n    semibold: \"font-semibold\",\n    bold: \"font-bold\",\n  };\n\n  const classes = [\n    size ? sizeClasses[size] : \"\",\n    weight ? weightClasses[weight] : \"\",\n    variantClasses[variant],\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <span className={classes} {...props}>\n      {children}\n    </span>\n  );\n}\n","/**\n * Merges classes into a single string\n *\n * @param {array} classes\n * @returns {string} A string of classes\n */\nexport const mergeClasses = <ClassType = string | undefined | null>(...classes: ClassType[]) =>\n  classes\n    .filter((className, index, array) => {\n      return (\n        Boolean(className) &&\n        (className as string).trim() !== '' &&\n        array.indexOf(className) === index\n      );\n    })\n    .join(' ')\n    .trim();\n","/**\n * Converts string to kebab case\n *\n * @param {string} string\n * @returns {string} A kebabized string\n */\nexport const toKebabCase = (string: string) =>\n  string.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();\n","/**\n * Converts string to camel case\n *\n * @param {string} string\n * @returns {string} A camelized string\n */\nexport const toCamelCase = <T extends string>(string: T) =>\n  string.replace(/^([A-Z])|[\\s-_]+(\\w)/g, (match, p1, p2) =>\n    p2 ? p2.toUpperCase() : p1.toLowerCase(),\n  );\n","import { CamelToPascal } from '../utility-types';\nimport { toCamelCase } from './toCamelCase';\n\n/**\n * Converts string to pascal case\n *\n * @param {string} string\n * @returns {string} A pascalized string\n */\nexport const toPascalCase = <T extends string>(string: T): CamelToPascal<T> => {\n  const camelCase = toCamelCase(string);\n\n  return (camelCase.charAt(0).toUpperCase() + camelCase.slice(1)) as CamelToPascal<T>;\n};\n","export default {\n  xmlns: 'http://www.w3.org/2000/svg',\n  width: 24,\n  height: 24,\n  viewBox: '0 0 24 24',\n  fill: 'none',\n  stroke: 'currentColor',\n  strokeWidth: 2,\n  strokeLinecap: 'round',\n  strokeLinejoin: 'round',\n};\n","/**\n * Check if a component has an accessibility prop\n *\n * @param {object} props\n * @returns {boolean} Whether the component has an accessibility prop\n */\nexport const hasA11yProp = (props: Record<string, any>) => {\n  for (const prop in props) {\n    if (prop.startsWith('aria-') || prop === 'role' || prop === 'title') {\n      return true;\n    }\n  }\n\n  return false;\n};\n","'use client';\n\nimport { createContext, createElement, type ReactNode, useContext, useMemo } from 'react';\nimport { LucideProps } from './types';\n\ntype LucideConfig = {\n  size: number;\n  color: string;\n  strokeWidth: number;\n  absoluteStrokeWidth: boolean;\n  className: string;\n};\n\nconst LucideContext = createContext<LucideProps>({});\n\ntype LucideProviderProps = {\n  children: ReactNode;\n} & Partial<LucideConfig>;\n\nexport function LucideProvider({\n  children,\n  size,\n  color,\n  strokeWidth,\n  absoluteStrokeWidth,\n  className,\n}: LucideProviderProps) {\n  const value = useMemo(\n    () => ({\n      size,\n      color,\n      strokeWidth,\n      absoluteStrokeWidth,\n      className,\n    }),\n    [size, color, strokeWidth, absoluteStrokeWidth, className],\n  );\n\n  return createElement(LucideContext.Provider, { value }, children);\n}\n\nexport const useLucideContext = () => useContext(LucideContext);\n","'use client';\n\nimport { createElement, forwardRef } from 'react';\nimport defaultAttributes from './defaultAttributes';\nimport { IconNode, LucideProps } from './types';\nimport { mergeClasses, hasA11yProp } from '@lucide/shared';\nimport { useLucideContext } from './context';\n\ninterface IconComponentProps extends LucideProps {\n  iconNode: IconNode;\n}\n\n/**\n * Lucide icon component\n *\n * @component Icon\n * @param {object} props\n * @param {string} props.color - The color of the icon\n * @param {number} props.size - The size of the icon\n * @param {number} props.strokeWidth - The stroke width of the icon\n * @param {boolean} props.absoluteStrokeWidth - Whether to use absolute stroke width\n * @param {string} props.className - The class name of the icon\n * @param {IconNode} props.children - The children of the icon\n * @param {IconNode} props.iconNode - The icon node of the icon\n *\n * @returns {ForwardRefExoticComponent} LucideIcon\n */\nconst Icon = forwardRef<SVGSVGElement, IconComponentProps>(\n  (\n    { color, size, strokeWidth, absoluteStrokeWidth, className = '', children, iconNode, ...rest },\n    ref,\n  ) => {\n    const {\n      size: contextSize = 24,\n      strokeWidth: contextStrokeWidth = 2,\n      absoluteStrokeWidth: contextAbsoluteStrokeWidth = false,\n      color: contextColor = 'currentColor',\n      className: contextClass = '',\n    } = useLucideContext() ?? {};\n\n    const calculatedStrokeWidth =\n      absoluteStrokeWidth ?? contextAbsoluteStrokeWidth\n        ? (Number(strokeWidth ?? contextStrokeWidth) * 24) / Number(size ?? contextSize)\n        : strokeWidth ?? contextStrokeWidth;\n\n    return createElement(\n      'svg',\n      {\n        ref,\n        ...defaultAttributes,\n        width: size ?? contextSize ?? defaultAttributes.width,\n        height: size ?? contextSize ?? defaultAttributes.height,\n        stroke: color ?? contextColor,\n        strokeWidth: calculatedStrokeWidth,\n        className: mergeClasses('lucide', contextClass, className),\n        ...(!children && !hasA11yProp(rest) && { 'aria-hidden': 'true' }),\n        ...rest,\n      },\n      [\n        ...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),\n        ...(Array.isArray(children) ? children : [children]),\n      ],\n    );\n  },\n);\n\nexport default Icon;\n","import { createElement, forwardRef } from 'react';\nimport { mergeClasses, toKebabCase, toPascalCase } from '@lucide/shared';\nimport { IconNode, LucideProps } from './types';\nimport Icon from './Icon';\n\n/**\n * Create a Lucide icon component\n * @param {string} iconName\n * @param {array} iconNode\n * @returns {ForwardRefExoticComponent} LucideIcon\n */\nconst createLucideIcon = (iconName: string, iconNode: IconNode) => {\n  const Component = forwardRef<SVGSVGElement, LucideProps>(({ className, ...props }, ref) =>\n    createElement(Icon, {\n      ref,\n      iconNode,\n      className: mergeClasses(\n        `lucide-${toKebabCase(toPascalCase(iconName))}`,\n        `lucide-${iconName}`,\n        className,\n      ),\n      ...props,\n    }),\n  );\n\n  Component.displayName = toPascalCase(iconName);\n\n  return Component;\n};\n\nexport default createLucideIcon;\n","import createLucideIcon from '../createLucideIcon';\nimport { IconNode } from '../types';\n\nexport const __iconNode: IconNode = [['path', { d: 'M21 12a9 9 0 1 1-6.219-8.56', key: '13zald' }]];\n\n/**\n * @component @name LoaderCircle\n * @description Lucide SVG icon component, renders SVG Element with children.\n *\n * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aCBkPSJNMjEgMTJhOSA5IDAgMSAxLTYuMjE5LTguNTYiIC8+Cjwvc3ZnPgo=) - https://lucide.dev/icons/loader-circle\n * @see https://lucide.dev/guide/packages/lucide-react - Documentation\n *\n * @param {Object} props - Lucide icons props and any valid SVG attribute\n * @returns {JSX.Element} JSX Element\n *\n */\nconst LoaderCircle = createLucideIcon('loader-circle', __iconNode);\n\nexport default LoaderCircle;\n","import React from \"react\";\nimport { twMerge } from \"tailwind-merge\";\nimport { Loader2 } from \"lucide-react\";\n\n/**\n * Button — versatile button with multiple variants, sizes, and loading state.\n *\n * Extracted from src/components/ui/Button.tsx for @mohasinac/ui.\n * Theme values inlined from THEME_CONSTANTS.button and THEME_CONSTANTS.colors.button.\n */\n\n// Inlined from THEME_CONSTANTS\nconst UI_BUTTON = {\n  base: \"inline-flex items-center justify-center font-medium rounded-xl transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed\",\n  active: \"active:scale-95\",\n  variants: {\n    primary:\n      \"bg-primary-600 text-white hover:bg-primary-700 active:bg-primary-800 shadow-sm focus:ring-primary-500/30 dark:bg-secondary-500 dark:text-white dark:hover:bg-secondary-400 dark:active:bg-secondary-600 dark:focus:ring-secondary-400/30\",\n    secondary:\n      \"bg-primary-700 text-white hover:bg-primary-600 active:bg-primary-800 shadow-md focus:ring-primary-500 dark:bg-secondary-700 dark:text-white dark:hover:bg-secondary-600 dark:active:bg-secondary-800 dark:focus:ring-secondary-500\",\n    outline:\n      \"border border-zinc-200 dark:border-slate-700 bg-white dark:bg-transparent text-zinc-900 dark:text-zinc-100 hover:bg-zinc-50 dark:hover:bg-slate-800 focus:ring-zinc-400\",\n    ghost:\n      \"text-zinc-700 dark:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-slate-800 focus:ring-zinc-400\",\n    danger:\n      \"bg-red-600 text-white hover:bg-red-500 active:bg-red-700 shadow-sm shadow-red-600/10 focus:ring-red-500\",\n    warning:\n      \"bg-amber-500 text-white hover:bg-amber-400 active:bg-amber-600 shadow-sm shadow-amber-500/10 focus:ring-amber-500\",\n  },\n  sizes: {\n    sm: \"px-2.5 py-1.5 text-xs sm:px-3 sm:text-sm gap-1.5 min-h-[36px]\",\n    md: \"px-3 py-2 text-sm sm:px-4 sm:py-2.5 sm:text-base gap-2 min-h-[44px]\",\n    lg: \"px-4 py-2.5 text-base sm:px-6 sm:py-3 sm:text-lg gap-2.5 min-h-[44px]\",\n  },\n} as const;\n\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: keyof typeof UI_BUTTON.variants;\n  size?: keyof typeof UI_BUTTON.sizes;\n  isLoading?: boolean;\n  children?: React.ReactNode;\n}\n\nexport function Button({\n  variant = \"primary\",\n  size = \"md\",\n  className = \"\",\n  isLoading = false,\n  disabled,\n  children,\n  ...props\n}: ButtonProps) {\n  return (\n    <button\n      className={twMerge(\n        UI_BUTTON.base,\n        UI_BUTTON.active,\n        UI_BUTTON.variants[variant],\n        UI_BUTTON.sizes[size],\n        className,\n      )}\n      disabled={disabled || isLoading}\n      aria-busy={isLoading || undefined}\n      {...props}\n    >\n      {isLoading && (\n        <Loader2\n          className=\"w-4 h-4 animate-spin flex-shrink-0\"\n          aria-hidden=\"true\"\n        />\n      )}\n      {isLoading ? <span className=\"opacity-70\">{children}</span> : children}\n    </button>\n  );\n}\n","\"use client\";\r\n\r\nimport React, { createContext, useContext, useMemo, useState } from \"react\";\r\nimport { Button } from \"./Button\";\r\nimport { Div } from \"./Div\";\r\nimport { Span } from \"./Typography\";\r\n\r\ninterface AccordionContextValue {\r\n  type: \"single\" | \"multiple\";\r\n  openValues: string[];\r\n  toggle: (value: string) => void;\r\n}\r\n\r\nconst AccordionContext = createContext<AccordionContextValue | null>(null);\r\n\r\nexport interface AccordionProps {\r\n  /** Legacy simple mode: renders a native details/summary accordion */\r\n  title?: React.ReactNode;\r\n  /** Legacy simple mode open state */\r\n  open?: boolean;\r\n  /** Legacy simple mode title styling */\r\n  titleClassName?: string;\r\n  /** Legacy simple mode content styling */\r\n  contentClassName?: string;\r\n\r\n  /** Controlled/list mode: single or multiple expanded items */\r\n  type?: \"single\" | \"multiple\";\r\n  defaultValue?: string | string[];\r\n  value?: string | string[];\r\n  onChange?: (value: string | string[]) => void;\r\n\r\n  className?: string;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nexport interface AccordionItemProps {\r\n  value: string;\r\n  title: React.ReactNode;\r\n  disabled?: boolean;\r\n  className?: string;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nfunction toArray(value?: string | string[]): string[] {\r\n  if (!value) return [];\r\n  return Array.isArray(value) ? value : [value];\r\n}\r\n\r\nfunction renderLegacyAccordion({\r\n  title,\r\n  children,\r\n  open,\r\n  className = \"\",\r\n  titleClassName = \"\",\r\n  contentClassName = \"\",\r\n}: {\r\n  title: React.ReactNode;\r\n  children?: React.ReactNode;\r\n  open: boolean;\r\n  className?: string;\r\n  titleClassName?: string;\r\n  contentClassName?: string;\r\n}) {\r\n  return (\r\n    <details\r\n      open={open}\r\n      className={`group border-b border-zinc-200 dark:border-zinc-700 ${className}`}\r\n    >\r\n      <summary\r\n        className={`flex cursor-pointer select-none list-none items-center justify-between py-3 text-sm font-medium text-zinc-900 dark:text-zinc-100 ${titleClassName}`}\r\n      >\r\n        {title}\r\n        <span\r\n          className=\"ml-2 flex-shrink-0 text-zinc-400 transition-transform duration-200 group-open:rotate-180\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          ▾\r\n        </span>\r\n      </summary>\r\n      <div\r\n        className={`pb-4 text-sm text-zinc-600 dark:text-zinc-400 ${contentClassName}`}\r\n      >\r\n        {children}\r\n      </div>\r\n    </details>\r\n  );\r\n}\r\n\r\nexport function Accordion({\r\n  title,\r\n  children,\r\n  open = false,\r\n  className = \"\",\r\n  titleClassName = \"\",\r\n  contentClassName = \"\",\r\n  type = \"single\",\r\n  defaultValue,\r\n  value,\r\n  onChange,\r\n}: AccordionProps) {\r\n  // Backward-compatible simple details mode.\r\n  if (title !== undefined) {\r\n    return renderLegacyAccordion({\r\n      title,\r\n      children,\r\n      open,\r\n      className,\r\n      titleClassName,\r\n      contentClassName,\r\n    });\r\n  }\r\n\r\n  const initialOpen = useMemo(() => {\r\n    if (value !== undefined) return toArray(value);\r\n    return toArray(defaultValue);\r\n  }, [defaultValue, value]);\r\n\r\n  const [internalOpenValues, setInternalOpenValues] =\r\n    useState<string[]>(initialOpen);\r\n\r\n  const activeOpenValues =\r\n    value !== undefined ? toArray(value) : internalOpenValues;\r\n\r\n  const toggle = (itemValue: string) => {\r\n    const nextOpenValues =\r\n      type === \"single\"\r\n        ? activeOpenValues.includes(itemValue)\r\n          ? []\r\n          : [itemValue]\r\n        : activeOpenValues.includes(itemValue)\r\n          ? activeOpenValues.filter((v) => v !== itemValue)\r\n          : [...activeOpenValues, itemValue];\r\n\r\n    if (value === undefined) {\r\n      setInternalOpenValues(nextOpenValues);\r\n    }\r\n\r\n    onChange?.(type === \"single\" ? (nextOpenValues[0] ?? \"\") : nextOpenValues);\r\n  };\r\n\r\n  return (\r\n    <AccordionContext.Provider\r\n      value={{ type, openValues: activeOpenValues, toggle }}\r\n    >\r\n      <Div className={className}>{children}</Div>\r\n    </AccordionContext.Provider>\r\n  );\r\n}\r\n\r\nexport function AccordionItem({\r\n  value,\r\n  title,\r\n  disabled = false,\r\n  className = \"\",\r\n  children,\r\n}: AccordionItemProps) {\r\n  const ctx = useContext(AccordionContext);\r\n  if (!ctx) {\r\n    throw new Error(\"AccordionItem must be used within Accordion.\");\r\n  }\r\n\r\n  const isOpen = ctx.openValues.includes(value);\r\n\r\n  return (\r\n    <Div\r\n      className={`border-b border-gray-200 dark:border-gray-700 ${className}`}\r\n    >\r\n      <Button\r\n        type=\"button\"\r\n        disabled={disabled}\r\n        aria-expanded={isOpen}\r\n        onClick={() => ctx.toggle(value)}\r\n        className=\"w-full flex items-center justify-between py-3 px-1 text-left text-sm font-medium disabled:opacity-50 disabled:cursor-not-allowed\"\r\n      >\r\n        <Span>{title}</Span>\r\n        <Span\r\n          className={`transition-transform duration-200 ${isOpen ? \"rotate-180\" : \"\"}`}\r\n        >\r\n          ▾\r\n        </Span>\r\n      </Button>\r\n      {isOpen && (\r\n        <Div className=\"pb-3 px-1 text-sm text-gray-600 dark:text-gray-400\">\r\n          {children}\r\n        </Div>\r\n      )}\r\n    </Div>\r\n  );\r\n}\r\n","/** Simple class-name concatenation utility. */\nexport function cn(...classes: (string | undefined | null | false)[]): string {\n  return classes.filter(Boolean).join(\" \");\n}\n\n// ─── Shared style constants ───────────────────────────────────────────────────\n\nexport const INPUT_BASE =\n  \"rounded-lg border border-zinc-200 dark:border-slate-700 bg-white dark:bg-slate-800/60 px-3.5 py-2.5 text-sm text-zinc-900 dark:text-zinc-100 focus:ring-2 focus:ring-primary-500/20 dark:focus:ring-secondary-400/20 focus:border-primary-500 dark:focus:border-secondary-400 focus:outline-none transition-colors duration-150 placeholder:text-zinc-400 dark:placeholder:text-zinc-500\";\n\nexport const INPUT_ERROR =\n  \"border-red-400 dark:border-red-500 focus:ring-red-500/20 focus:border-red-500 bg-red-50/30 dark:bg-red-950/10\";\n\nexport const INPUT_SUCCESS =\n  \"border-emerald-400 dark:border-emerald-500 focus:ring-emerald-500/20 focus:border-emerald-500\";\n\nexport const INPUT_DISABLED =\n  \"bg-zinc-50 dark:bg-slate-800/30 text-zinc-400 dark:text-zinc-500 cursor-not-allowed opacity-60\";\n\nexport const INPUT_WITH_ICON = \"pl-10\";\n\nexport const LABEL_BASE =\n  \"block text-sm font-medium text-zinc-700 dark:text-zinc-300 mb-1.5\";\nexport const HELPER_BASE = \"text-xs text-zinc-500 dark:text-zinc-400 mt-1\";\nexport const ERROR_BASE = \"text-xs text-red-600 dark:text-red-400 mt-1\";\n","import React from \"react\";\nimport { Div, Span } from \"@mohasinac/ui\";\nimport {\n  cn,\n  INPUT_BASE,\n  INPUT_ERROR,\n  INPUT_SUCCESS,\n  INPUT_DISABLED,\n  INPUT_WITH_ICON,\n  LABEL_BASE,\n  HELPER_BASE,\n  ERROR_BASE,\n} from \"./utils\";\n\nexport interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  label?: string;\n  error?: string;\n  helperText?: string;\n  icon?: React.ReactNode;\n  rightIcon?: React.ReactNode;\n  success?: boolean;\n}\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  function Input(\n    {\n      label,\n      error,\n      helperText,\n      icon,\n      rightIcon,\n      success,\n      className = \"\",\n      required,\n      disabled,\n      ...props\n    },\n    ref,\n  ) {\n    const stateClasses = error\n      ? INPUT_ERROR\n      : success\n        ? INPUT_SUCCESS\n        : disabled\n          ? INPUT_DISABLED\n          : \"\";\n\n    return (\n      <Div className=\"w-full\">\n        {label && (\n          <label className={LABEL_BASE}>\n            {label}\n            {required && (\n              <Span className=\"text-red-500 ml-1\" aria-hidden=\"true\">\n                *\n              </Span>\n            )}\n          </label>\n        )}\n\n        <Div className=\"relative group\">\n          {icon && (\n            <Div\n              className={cn(\n                \"absolute left-3 top-1/2 -translate-y-1/2 transition-colors duration-150\",\n                error\n                  ? \"text-red-600 dark:text-red-400\"\n                  : \"text-zinc-400 dark:text-zinc-500\",\n                \"group-focus-within:text-primary-500 dark:group-focus-within:text-secondary-400\",\n              )}\n            >\n              {icon}\n            </Div>\n          )}\n\n          <input\n            ref={ref}\n            className={cn(\n              \"w-full\",\n              INPUT_BASE,\n              icon ? INPUT_WITH_ICON : \"\",\n              rightIcon ? \"pr-10\" : \"\",\n              stateClasses,\n              className,\n            )}\n            disabled={disabled}\n            aria-invalid={error ? \"true\" : undefined}\n            aria-describedby={\n              error\n                ? `${props.id}-error`\n                : helperText\n                  ? `${props.id}-helper`\n                  : undefined\n            }\n            {...props}\n          />\n\n          {rightIcon && (\n            <Div\n              className={cn(\n                \"absolute right-3 top-1/2 -translate-y-1/2 transition-colors duration-150\",\n                error\n                  ? \"text-red-600 dark:text-red-400\"\n                  : \"text-zinc-400 dark:text-zinc-500\",\n              )}\n            >\n              {rightIcon}\n            </Div>\n          )}\n        </Div>\n\n        {error && (\n          <p id={`${props.id}-error`} className={ERROR_BASE} role=\"alert\">\n            {error}\n          </p>\n        )}\n        {!error && helperText && (\n          <p id={`${props.id}-helper`} className={HELPER_BASE}>\n            {helperText}\n          </p>\n        )}\n      </Div>\n    );\n  },\n);\n\nInput.displayName = \"Input\";\n","import React from \"react\";\nimport { Div, Span } from \"@mohasinac/ui\";\nimport {\n  cn,\n  INPUT_BASE,\n  INPUT_ERROR,\n  LABEL_BASE,\n  HELPER_BASE,\n  ERROR_BASE,\n} from \"./utils\";\n\nexport interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {\n  label?: string;\n  error?: string;\n  helperText?: string;\n  showCharCount?: boolean;\n}\n\nexport const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  function Textarea(\n    {\n      label,\n      error,\n      helperText,\n      showCharCount,\n      className = \"\",\n      required,\n      maxLength,\n      value,\n      defaultValue,\n      ...props\n    },\n    ref,\n  ) {\n    const charCount =\n      typeof value === \"string\"\n        ? value.length\n        : typeof defaultValue === \"string\"\n          ? defaultValue.length\n          : 0;\n\n    return (\n      <Div className=\"w-full\">\n        {label && (\n          <label className={LABEL_BASE}>\n            {label}\n            {required && (\n              <Span className=\"text-red-500 ml-1\" aria-hidden=\"true\">\n                *\n              </Span>\n            )}\n          </label>\n        )}\n\n        <textarea\n          ref={ref}\n          className={cn(\n            INPUT_BASE,\n            \"resize-y min-h-[80px]\",\n            error ? INPUT_ERROR : \"\",\n            className,\n          )}\n          aria-invalid={error ? \"true\" : undefined}\n          maxLength={maxLength}\n          value={value}\n          defaultValue={defaultValue}\n          {...props}\n        />\n\n        <Div className=\"flex items-center justify-between mt-1.5\">\n          <Div className=\"flex-1\">\n            {error && (\n              <p className={ERROR_BASE} role=\"alert\">\n                {error}\n              </p>\n            )}\n            {!error && helperText && (\n              <p className={HELPER_BASE}>{helperText}</p>\n            )}\n          </Div>\n          {showCharCount && maxLength && (\n            <p\n              className={cn(\n                \"text-xs tabular-nums ml-2 flex-shrink-0\",\n                charCount >= maxLength\n                  ? \"text-red-500 dark:text-red-400\"\n                  : \"text-zinc-400 dark:text-zinc-500\",\n              )}\n            >\n              {charCount} / {maxLength}\n            </p>\n          )}\n        </Div>\n      </Div>\n    );\n  },\n);\n\nTextarea.displayName = \"Textarea\";\n","import React from \"react\";\nimport { Div, Span } from \"@mohasinac/ui\";\nimport {\n  cn,\n  INPUT_BASE,\n  INPUT_ERROR,\n  LABEL_BASE,\n  HELPER_BASE,\n  ERROR_BASE,\n} from \"./utils\";\n\nexport interface SelectOption {\n  value: string;\n  label: string;\n}\n\nexport interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {\n  label?: string;\n  error?: string;\n  helperText?: string;\n  options: SelectOption[];\n  placeholder?: string;\n}\n\nexport function Select({\n  label,\n  error,\n  helperText,\n  options,\n  placeholder,\n  className = \"\",\n  required,\n  ...props\n}: SelectProps) {\n  return (\n    <Div className=\"w-full\">\n      {label && (\n        <label className={LABEL_BASE}>\n          {label}\n          {required && (\n            <Span className=\"text-red-500 ml-1\" aria-hidden=\"true\">\n              *\n            </Span>\n          )}\n        </label>\n      )}\n\n      <Div className=\"relative group\">\n        <select\n          className={cn(\n            INPUT_BASE,\n            \"pr-10 appearance-none cursor-pointer\",\n            error ? INPUT_ERROR : \"\",\n            className,\n          )}\n          aria-invalid={error ? \"true\" : undefined}\n          {...props}\n        >\n          {placeholder && (\n            <option value=\"\" disabled>\n              {placeholder}\n            </option>\n          )}\n          {options.map((option) => (\n            <option key={option.value} value={option.value}>\n              {option.label}\n            </option>\n          ))}\n        </select>\n\n        {/* Chevron icon */}\n        <Div className=\"absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none transition-colors duration-150\">\n          <svg\n            className={cn(\n              \"w-5 h-5 transition-transform duration-200\",\n              error\n                ? \"text-red-500 dark:text-red-400\"\n                : \"text-zinc-400 dark:text-zinc-500\",\n            )}\n            viewBox=\"0 0 20 20\"\n            fill=\"currentColor\"\n            aria-hidden=\"true\"\n          >\n            <path\n              fillRule=\"evenodd\"\n              d=\"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z\"\n              clipRule=\"evenodd\"\n            />\n          </svg>\n        </Div>\n      </Div>\n\n      {error && (\n        <p className={ERROR_BASE} role=\"alert\">\n          {error}\n        </p>\n      )}\n      {!error && helperText && <p className={HELPER_BASE}>{helperText}</p>}\n    </Div>\n  );\n}\n","import React from \"react\";\nimport { Div, Span } from \"@mohasinac/ui\";\nimport { cn, ERROR_BASE } from \"./utils\";\n\nexport interface CheckboxProps extends Omit<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  \"type\"\n> {\n  label?: string;\n  suffix?: React.ReactNode;\n  error?: string;\n  indeterminate?: boolean;\n}\n\nexport function Checkbox({\n  label,\n  suffix,\n  error,\n  indeterminate,\n  className = \"\",\n  checked,\n  ...props\n}: CheckboxProps) {\n  const inputRef = React.useRef<HTMLInputElement>(null);\n\n  React.useEffect(() => {\n    if (inputRef.current) {\n      inputRef.current.indeterminate = !!indeterminate;\n    }\n  }, [indeterminate]);\n\n  return (\n    <Div className=\"w-full\">\n      <label className=\"flex flex-row items-center gap-3 cursor-pointer group\">\n          <Div className=\"relative flex items-center justify-center flex-shrink-0\">\n          <input\n            ref={inputRef}\n            type=\"checkbox\"\n            checked={checked}\n            className={cn(\n              \"peer w-5 h-5 rounded-md border-2 cursor-pointer\",\n              \"transition-all duration-200 appearance-none\",\n              error\n                ? \"border-red-400 dark:border-red-500\"\n                : \"border-zinc-300 dark:border-slate-600\",\n              \"checked:bg-primary-600 checked:border-primary-600\",\n              \"dark:checked:bg-secondary-500 dark:checked:border-secondary-500\",\n              \"hover:border-primary-400 dark:hover:border-secondary-400\",\n              \"focus:outline-none focus:ring-2 focus:ring-primary-500/30 focus:ring-offset-1\",\n              \"dark:focus:ring-secondary-400/30 dark:focus:ring-offset-slate-900\",\n              \"disabled:opacity-50 disabled:cursor-not-allowed\",\n              className,\n            )}\n            {...props}\n          />\n          {/* Tick icon */}\n          <svg\n            className=\"absolute w-3 h-3 text-white pointer-events-none opacity-0 peer-checked:opacity-100 transition-opacity duration-150\"\n            viewBox=\"0 0 12 12\"\n            fill=\"none\"\n            aria-hidden=\"true\"\n          >\n            {indeterminate ? (\n              <line\n                x1=\"2\"\n                y1=\"6\"\n                x2=\"10\"\n                y2=\"6\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n              />\n            ) : (\n              <path\n                d=\"M2 6L5 9L10 3\"\n                stroke=\"currentColor\"\n                strokeWidth=\"1.5\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              />\n            )}\n          </svg>\n          </Div>\n\n        {(label || suffix) && (\n          <Span className=\"flex items-center gap-2 text-sm text-zinc-700 dark:text-zinc-300 group-hover:text-zinc-900 dark:group-hover:text-zinc-100 transition-colors\">\n            {label}\n            {suffix}\n          </Span>\n        )}\n      </label>\n\n      {error && (\n        <p className={cn(ERROR_BASE, \"mt-1.5\")} role=\"alert\">\n          {error}\n        </p>\n      )}\n    </Div>\n  );\n}\n","\"use client\";\n\nimport React from \"react\";\nimport { Div, Span } from \"@mohasinac/ui\";\nimport { cn, LABEL_BASE, ERROR_BASE } from \"./utils\";\n\nexport interface RadioOption {\n  value: string;\n  label: string;\n  disabled?: boolean;\n}\n\nexport interface RadioGroupProps {\n  name: string;\n  options: RadioOption[];\n  value?: string;\n  onChange?: (value: string) => void;\n  label?: string;\n  error?: string;\n  orientation?: \"vertical\" | \"horizontal\";\n  /** Visual style: \"toggle\" = pill selectors, \"classic\" = dot-style */\n  variant?: \"toggle\" | \"classic\";\n}\n\nexport function RadioGroup({\n  name,\n  options,\n  value,\n  onChange,\n  label,\n  error,\n  orientation = \"vertical\",\n  variant = \"toggle\",\n}: RadioGroupProps) {\n  if (variant === \"classic\") {\n    return (\n      <Div className=\"w-full\">\n        {label && <p className={LABEL_BASE}>{label}</p>}\n        <Div\n          className={cn(\n            \"flex gap-3\",\n            orientation === \"vertical\" ? \"flex-col\" : \"flex-row flex-wrap\",\n          )}\n        >\n          {options.map((option) => {\n            const isSelected = value === option.value;\n            return (\n              <label\n                key={option.value}\n                className={cn(\n                  \"flex items-center gap-2.5 cursor-pointer\",\n                  option.disabled && \"opacity-50 cursor-not-allowed\",\n                )}\n              >\n                <input\n                  type=\"radio\"\n                  name={name}\n                  value={option.value}\n                  checked={isSelected}\n                  disabled={option.disabled}\n                  onChange={() => !option.disabled && onChange?.(option.value)}\n                  className=\"w-4 h-4 text-primary-600 dark:text-secondary-500 border-zinc-300 dark:border-slate-600 focus:ring-primary-500/30 dark:focus:ring-secondary-400/30\"\n                />\n                <Span className=\"text-sm text-zinc-700 dark:text-zinc-300\">\n                  {option.label}\n                </Span>\n              </label>\n            );\n          })}\n        </Div>\n        {error && (\n          <p className={ERROR_BASE} role=\"alert\">\n            {error}\n          </p>\n        )}\n      </Div>\n    );\n  }\n\n  // Toggle variant — pill style\n  return (\n    <Div className=\"w-full\">\n      {label && <p className={LABEL_BASE}>{label}</p>}\n      <Div\n        className={cn(\n          \"flex gap-2\",\n          orientation === \"vertical\" ? \"flex-col\" : \"flex-row flex-wrap\",\n        )}\n        role=\"radiogroup\"\n        aria-label={label}\n      >\n        {options.map((option) => {\n          const isSelected = value === option.value;\n          return (\n            <label\n              key={option.value}\n              className={cn(\n                \"flex items-center justify-center px-4 py-2.5 rounded-xl border text-sm font-medium cursor-pointer transition-all duration-200\",\n                isSelected\n                  ? \"bg-primary-600 dark:bg-secondary-500 border-primary-600 dark:border-secondary-500 text-white shadow-sm\"\n                  : \"border-zinc-200 dark:border-slate-700 text-zinc-700 dark:text-zinc-300 hover:border-primary-400 dark:hover:border-secondary-400 hover:bg-primary-50/50 dark:hover:bg-secondary-900/20\",\n                option.disabled && \"opacity-50 cursor-not-allowed\",\n              )}\n            >\n              <input\n                type=\"radio\"\n                name={name}\n                value={option.value}\n                checked={isSelected}\n                disabled={option.disabled}\n                onChange={() => !option.disabled && onChange?.(option.value)}\n                className=\"sr-only\"\n              />\n              {option.label}\n            </label>\n          );\n        })}\n      </Div>\n      {error && (\n        <p className={ERROR_BASE} role=\"alert\">\n          {error}\n        </p>\n      )}\n    </Div>\n  );\n}\n","\"use client\";\n\nimport React from \"react\";\nimport { Button, Div, Span } from \"@mohasinac/ui\";\nimport { cn } from \"./utils\";\n\nexport interface ToggleProps {\n  checked?: boolean;\n  defaultChecked?: boolean;\n  onChange?: (checked: boolean) => void;\n  disabled?: boolean;\n  label?: string;\n  size?: \"sm\" | \"md\" | \"lg\";\n  className?: string;\n  id?: string;\n}\n\nconst SIZE_CONFIG = {\n  sm: {\n    track: \"w-8 h-[18px]\",\n    thumb: \"w-3.5 h-3.5\",\n    translateOn: \"translate-x-[14px]\",\n    translateOff: \"translate-x-0.5\",\n  },\n  md: {\n    track: \"w-11 h-6\",\n    thumb: \"w-5 h-5\",\n    translateOn: \"translate-x-5\",\n    translateOff: \"translate-x-0.5\",\n  },\n  lg: {\n    track: \"w-14 h-7\",\n    thumb: \"w-6 h-6\",\n    translateOn: \"translate-x-7\",\n    translateOff: \"translate-x-0.5\",\n  },\n};\n\n/**\n * Toggle — switch control for boolean input with smooth animation.\n * Supports controlled and uncontrolled modes.\n */\nexport function Toggle({\n  checked: controlledChecked,\n  defaultChecked = false,\n  onChange,\n  disabled = false,\n  label,\n  size = \"md\",\n  className = \"\",\n  id,\n}: ToggleProps) {\n  const [internalChecked, setInternalChecked] = React.useState(defaultChecked);\n  const checked =\n    controlledChecked !== undefined ? controlledChecked : internalChecked;\n\n  const handleChange = () => {\n    if (disabled) return;\n    const newChecked = !checked;\n    if (controlledChecked === undefined) setInternalChecked(newChecked);\n    onChange?.(newChecked);\n  };\n\n  const toggleId = id ?? React.useId();\n  const cfg = SIZE_CONFIG[size];\n\n  return (\n    <Div className={cn(\"flex items-center gap-3\", className)}>\n      <Button\n        type=\"button\"\n        role=\"switch\"\n        id={toggleId}\n        aria-checked={checked}\n        disabled={disabled}\n        onClick={handleChange}\n        className={cn(\n          \"relative inline-flex items-center rounded-full transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-primary-500/30 dark:focus:ring-secondary-400/30 focus:ring-offset-2 dark:focus:ring-offset-slate-900\",\n          cfg.track,\n          checked\n            ? \"bg-primary-600 dark:bg-secondary-500\"\n            : \"bg-zinc-200 dark:bg-slate-700\",\n          disabled && \"opacity-50 cursor-not-allowed\",\n        )}\n      >\n        <Span\n          className={cn(\n            \"inline-block rounded-full bg-white shadow-sm transition-transform duration-200\",\n            cfg.thumb,\n            checked ? cfg.translateOn : cfg.translateOff,\n          )}\n        />\n      </Button>\n\n      {label && (\n        <label\n          htmlFor={toggleId}\n          className={cn(\n            \"text-sm font-medium cursor-pointer select-none\",\n            checked\n              ? \"text-zinc-900 dark:text-zinc-100\"\n              : \"text-zinc-600 dark:text-zinc-400\",\n            disabled && \"opacity-50 cursor-not-allowed\",\n          )}\n        >\n          {label}\n        </label>\n      )}\n    </Div>\n  );\n}\n","\"use client\";\n\nimport React from \"react\";\nimport { Div, Span } from \"@mohasinac/ui\";\nimport { cn, LABEL_BASE, ERROR_BASE } from \"./utils\";\n\nexport interface SliderProps {\n  value?: number;\n  defaultValue?: number;\n  min?: number;\n  max?: number;\n  step?: number;\n  onChange?: (value: number) => void;\n  label?: string;\n  error?: string;\n  disabled?: boolean;\n  showValue?: boolean;\n  /** Format the displayed value. Defaults to `String(value)`. */\n  formatValue?: (value: number) => string;\n  className?: string;\n  id?: string;\n}\n\n/**\n * Slider — single-thumb range slider.\n */\nexport function Slider({\n  value: controlledValue,\n  defaultValue = 0,\n  min = 0,\n  max = 100,\n  step = 1,\n  onChange,\n  label,\n  error,\n  disabled = false,\n  showValue = true,\n  formatValue,\n  className = \"\",\n  id,\n}: SliderProps) {\n  const [internalValue, setInternalValue] = React.useState(defaultValue);\n  const value = controlledValue !== undefined ? controlledValue : internalValue;\n  const sliderId = id ?? React.useId();\n  const pct = ((value - min) / (max - min)) * 100;\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const newVal = Number(e.target.value);\n    if (controlledValue === undefined) setInternalValue(newVal);\n    onChange?.(newVal);\n  };\n\n  const displayValue = formatValue ? formatValue(value) : String(value);\n\n  return (\n    <Div className={cn(\"w-full space-y-2\", className)}>\n      {(label || showValue) && (\n        <Div className=\"flex items-center justify-between\">\n          {label && (\n            <label htmlFor={sliderId} className={LABEL_BASE}>\n              {label}\n            </label>\n          )}\n          {showValue && (\n            <Span className=\"text-sm font-semibold tabular-nums text-zinc-900 dark:text-zinc-100\">\n              {displayValue}\n            </Span>\n          )}\n        </Div>\n      )}\n\n      <Div className=\"relative h-5 flex items-center\">\n        {/* Track background */}\n        <Div className=\"absolute inset-y-0 flex items-center w-full\">\n          <Div className=\"w-full h-1.5 rounded-full bg-zinc-200 dark:bg-slate-700\">\n            <Div\n              className=\"h-full rounded-full bg-primary-500 dark:bg-secondary-500 transition-all\"\n              style={{ width: `${pct}%` }}\n            />\n          </Div>\n        </Div>\n\n        <input\n          type=\"range\"\n          id={sliderId}\n          min={min}\n          max={max}\n          step={step}\n          value={value}\n          disabled={disabled}\n          onChange={handleChange}\n          className={cn(\n            \"relative w-full appearance-none bg-transparent cursor-pointer\",\n            \"focus:outline-none\",\n            \"[&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:w-4 [&::-webkit-slider-thumb]:h-4\",\n            \"[&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-white\",\n            \"[&::-webkit-slider-thumb]:border-2 [&::-webkit-slider-thumb]:border-primary-500 dark:[&::-webkit-slider-thumb]:border-secondary-500\",\n            \"[&::-webkit-slider-thumb]:shadow-sm\",\n            \"[&::-moz-range-thumb]:w-4 [&::-moz-range-thumb]:h-4\",\n            \"[&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:bg-white\",\n            \"[&::-moz-range-thumb]:border-2 [&::-moz-range-thumb]:border-primary-500 dark:[&::-moz-range-thumb]:border-secondary-500\",\n            disabled && \"opacity-50 cursor-not-allowed\",\n          )}\n        />\n      </Div>\n\n      <Div className=\"flex items-center justify-between text-xs text-zinc-400 dark:text-zinc-500\">\n        <Span>{formatValue ? formatValue(min) : min}</Span>\n        <Span>{formatValue ? formatValue(max) : max}</Span>\n      </Div>\n\n      {error && (\n        <p className={ERROR_BASE} role=\"alert\">\n          {error}\n        </p>\n      )}\n    </Div>\n  );\n}\n","\"use client\";\n\nimport React from \"react\";\nimport { Div } from \"@mohasinac/ui\";\nimport { cn } from \"./utils\";\n\n// ─── Form ─────────────────────────────────────────────────────────────────────\n\nexport interface FormProps extends React.FormHTMLAttributes<HTMLFormElement> {\n  children: React.ReactNode;\n}\n\nexport function Form({ children, className = \"\", ...props }: FormProps) {\n  return (\n    <form className={cn(\"space-y-6 lg:space-y-8\", className)} {...props}>\n      {children}\n    </form>\n  );\n}\n\n// ─── FormGroup ────────────────────────────────────────────────────────────────\n\ntype GapToken = \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nconst GAP_MAP: Record<GapToken, string> = {\n  none: \"gap-0\",\n  xs: \"gap-2\",\n  sm: \"gap-3\",\n  md: \"gap-4 lg:gap-6\",\n  lg: \"gap-6 lg:gap-8\",\n  xl: \"gap-8 lg:gap-10\",\n};\n\nexport interface FormGroupProps {\n  children: React.ReactNode;\n  columns?: 1 | 2 | 3 | 4;\n  gap?: GapToken;\n  className?: string;\n}\n\nexport function FormGroup({\n  children,\n  columns = 1,\n  gap = \"md\",\n  className = \"\",\n}: FormGroupProps) {\n  const gridClasses = {\n    1: \"grid-cols-1\",\n    2: \"grid-cols-1 sm:grid-cols-2\",\n    3: \"grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3 2xl:grid-cols-4\",\n    4: \"grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4\",\n  };\n\n  return (\n    <Div className={cn(\"grid\", gridClasses[columns], GAP_MAP[gap], className)}>\n      {children}\n    </Div>\n  );\n}\n\n// ─── FormFieldSpan ────────────────────────────────────────────────────────────\n\n/** Wraps a child so it spans full width inside a multi-column FormGroup. */\nexport function FormFieldSpan({\n  children,\n  className = \"\",\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) {\n  return <Div className={cn(\"col-span-full\", className)}>{children}</Div>;\n}\n\n// ─── FormActions ─────────────────────────────────────────────────────────────\n\nexport interface FormActionsProps {\n  children: React.ReactNode;\n  align?: \"left\" | \"center\" | \"right\" | \"between\";\n  className?: string;\n}\n\nconst ALIGN_MAP = {\n  left: \"justify-start\",\n  center: \"justify-center\",\n  right: \"justify-end\",\n  between: \"justify-between\",\n};\n\nexport function FormActions({\n  children,\n  align = \"right\",\n  className = \"\",\n}: FormActionsProps) {\n  return (\n    <Div\n      className={cn(\n        \"flex items-center gap-3 pt-2\",\n        ALIGN_MAP[align],\n        className,\n      )}\n    >\n      {children}\n    </Div>\n  );\n}\n"]}