@mdigital_ui/ui 0.4.1 → 0.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,4 @@
1
- export { accordion_default as default } from '../chunk-HK3NJMSY.js';
1
+ export { accordion_default as default } from '../chunk-EZGK67T6.js';
2
2
  import '../chunk-POXI7JJ4.js';
3
3
  import '../chunk-NGYLRX6F.js';
4
4
  //# sourceMappingURL=index.js.map
@@ -90,9 +90,10 @@ export interface AccordionProps {
90
90
  */
91
91
  expandIconPosition?: "left" | "right";
92
92
  /**
93
- * Whether at least one panel must remain open
94
- * Only works when multiple is false
95
- * @default false
93
+ * Whether panels can be collapsed by clicking their header.
94
+ * When false, at least one panel must remain open.
95
+ * Only applies when multiple is false.
96
+ * @default true
96
97
  */
97
98
  collapsible?: boolean;
98
99
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/accordion/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,MAAM,MAAM,gBAAgB,GACxB,SAAS,GACT,OAAO,GACP,MAAM,GACN,UAAU,GACV,UAAU,CAAC;AAEf,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEtD,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,KAAK,EAAE,aAAa,EAAE,CAAC;IAEvB;;;OAGG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC;IAEvB;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAE3B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAErC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAE9B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAElD;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,UAAU,CAAC,EACP,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,UAAU,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC,GAC1C,KAAK,CAAC;IAEV;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAEtC;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,UAAU,CAAC,EAAE,mBAAmB,CAAC;IAEjC;;OAEG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACjC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/accordion/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,MAAM,MAAM,gBAAgB,GACxB,SAAS,GACT,OAAO,GACP,MAAM,GACN,UAAU,GACV,UAAU,CAAC;AAEf,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEtD,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,KAAK,EAAE,aAAa,EAAE,CAAC;IAEvB;;;OAGG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC;IAEvB;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAE3B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAErC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAE9B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAElD;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,UAAU,CAAC,EACP,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,UAAU,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC,GAC1C,KAAK,CAAC;IAEV;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAEtC;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,UAAU,CAAC,EAAE,mBAAmB,CAAC;IAEjC;;OAEG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACjC"}
@@ -22,7 +22,7 @@ var collapseVariants = cva(
22
22
  }
23
23
  );
24
24
  var collapseHeaderVariants = cva(
25
- "w-full flex items-center justify-between cursor-pointer transition-colors font-medium focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background rounded-sm",
25
+ "w-full flex items-center justify-between cursor-pointer touch-manipulation transition-colors font-medium focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background rounded-sm",
26
26
  {
27
27
  variants: {
28
28
  size: {
@@ -249,5 +249,5 @@ Collapse.displayName = "Collapse";
249
249
  var collapse_default = Collapse;
250
250
 
251
251
  export { collapse_default };
252
- //# sourceMappingURL=chunk-PMA4VCAH.js.map
253
- //# sourceMappingURL=chunk-PMA4VCAH.js.map
252
+ //# sourceMappingURL=chunk-BPRCBPVJ.js.map
253
+ //# sourceMappingURL=chunk-BPRCBPVJ.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/collapse/index.tsx"],"names":[],"mappings":";;;;;;;AAUA,IAAM,gBAAA,GAAmB,GAAA;AAAA,EACvB,4DAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,EAAA;AAAA,QACJ,EAAA,EAAI,EAAA;AAAA,QACJ,EAAA,EAAI,EAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ,CAAA;AAEA,IAAM,sBAAA,GAAyB,GAAA;AAAA,EAC7B,8NAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,qBAAA;AAAA,QACJ,EAAA,EAAI,mBAAA;AAAA,QACJ,EAAA,EAAI,qBAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,QAAA,EAAU;AAAA,QACR,IAAA,EAAM,+BAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,IAAA;AAAA,MACN,QAAA,EAAU;AAAA;AACZ;AAEJ,CAAA;AAEA,IAAM,uBAAA,GAA0B,IAAI,mBAAA,EAAqB;AAAA,EACvD,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,mBAAA;AAAA,MACJ,EAAA,EAAI,mBAAA;AAAA,MACJ,EAAA,EAAI,qBAAA;AAAA,MACJ,EAAA,EAAI;AAAA;AACN,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC,CAAA;AAED,IAAM,WAAA,GAAc;AAAA,EAClB,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,+CAAA;AAAA,IACT,KAAA,EAAO,4CAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,gDAAA;AAAA,IACT,KAAA,EAAO,2CAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,SAAA,EAAW;AAAA,IACT,OAAA,EAAS,kDAAA;AAAA,IACT,KAAA,EAAO,+CAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,OAAA,EAAS,+CAAA;AAAA,IACT,KAAA,EAAO,yCAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,gDAAA;AAAA,IACT,KAAA,EAAO,2CAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,KAAA,EAAO;AAAA,IACL,OAAA,EAAS,8CAAA;AAAA,IACT,KAAA,EAAO,uCAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,gDAAA;AAAA,IACT,KAAA,EAAO,2CAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS,6CAAA;AAAA,IACT,KAAA,EAAO,qCAAA;AAAA,IACP,IAAA,EAAM;AAAA;AAEV,CAAA;AAEA,IAAM,iBAAA,GAAoB;AAAA,EACxB,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,oCAAA;AAAA,IACT,KAAA,EAAO,uCAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,kCAAA;AAAA,IACT,KAAA,EAAO,qBAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,SAAA,EAAW;AAAA,IACT,OAAA,EAAS,sCAAA;AAAA,IACT,KAAA,EAAO,uBAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,OAAA,EAAS,gCAAA;AAAA,IACT,KAAA,EAAO,oBAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,kCAAA;AAAA,IACT,KAAA,EAAO,qBAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,KAAA,EAAO;AAAA,IACL,OAAA,EAAS,8BAAA;AAAA,IACT,KAAA,EAAO,mBAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,kCAAA;AAAA,IACT,KAAA,EAAO,qBAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS,4BAAA;AAAA,IACT,KAAA,EAAO,kBAAA;AAAA,IACP,IAAA,EAAM;AAAA;AAEV,CAAA;AAEA,IAAM,WAAW,KAAA,CAAM,IAAA;AAAA,EACrB,CAAC;AAAA,IACC,KAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA,GAAQ,SAAA;AAAA,IACR,IAAA,GAAO,IAAA;AAAA,IACP,OAAA,GAAU,SAAA;AAAA,IACV,WAAA,GAAc,KAAA;AAAA,IACd,IAAA,EAAM,cAAA;AAAA,IACN,QAAA;AAAA,IACA,QAAA,GAAW,KAAA;AAAA,IACX,SAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GACF,KAAM;AACJ,IAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAS,WAAW,CAAA;AAC5D,IAAA,MAAM,MAAA,GAAS,cAAA,KAAmB,MAAA,GAAY,cAAA,GAAiB,YAAA;AAC/D,IAAA,MAAM,QAAA,GAAW,MAAM,KAAA,EAAM;AAC7B,IAAA,MAAM,QAAA,GAAW,mBAAmB,QAAQ,CAAA,CAAA;AAC5C,IAAA,MAAM,SAAA,GAAY,oBAAoB,QAAQ,CAAA,CAAA;AAE9C,IAAA,MAAM,eAAe,MAAM;AACzB,MAAA,IAAI,QAAA,EAAU;AAEd,MAAA,MAAM,UAAU,CAAC,MAAA;AACjB,MAAA,IAAI,mBAAmB,MAAA,EAAW;AAChC,QAAA,eAAA,CAAgB,OAAO,CAAA;AAAA,MACzB;AACA,MAAA,QAAA,GAAW,OAAO,CAAA;AAAA,IACpB,CAAA;AAEA,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,eAAA;AAAA,UACA,gBAAA,CAAiB,EAAE,IAAA,EAAM,CAAA;AAAA,UACzB,WAAA,CAAY,KAAK,CAAA,CAAE,OAAO,CAAA;AAAA,UAC1B,UAAA,EAAY,IAAA;AAAA,UACZ;AAAA,SACF;AAAA,QACA,WAAA,EAAU,MAAA;AAAA,QAEV,QAAA,EAAA;AAAA,0BAAA,IAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,EAAA,EAAI,QAAA;AAAA,cACJ,IAAA,EAAK,QAAA;AAAA,cACL,OAAA,EAAS,YAAA;AAAA,cACT,QAAA;AAAA,cACA,eAAA,EAAe,MAAA;AAAA,cACf,eAAA,EAAe,SAAA;AAAA,cACf,SAAA,EAAW,EAAA;AAAA,gBACT,iBAAA;AAAA,gBACA,sBAAA,CAAuB,EAAE,IAAA,EAAM,QAAA,EAAU,CAAA;AAAA,gBACzC,iBAAA,CAAkB,KAAK,CAAA,CAAE,OAAO,CAAA;AAAA,gBAChC,sBAAsB,KAAK,CAAA;AAAA,gBAC3B,UAAA,EAAY;AAAA,eACd;AAAA,cACA,WAAA,EAAU,QAAA;AAAA,cAEV,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,UAAM,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,gCACb,GAAA;AAAA,kBAAC,WAAA;AAAA,kBAAA;AAAA,oBACC,SAAA,EAAW,EAAA;AAAA,sBACT,eAAA;AAAA,sBACA,UAAU,IAAI,CAAA;AAAA,sBACd,0DAAA;AAAA,sBACA,MAAA,IAAU,YAAA;AAAA,sBACV,UAAA,EAAY;AAAA,qBACd;AAAA,oBACA,WAAA,EAAU;AAAA;AAAA;AACZ;AAAA;AAAA,WACF;AAAA,0BACA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,EAAA,EAAI,SAAA;AAAA,cACJ,IAAA,EAAK,QAAA;AAAA,cACL,iBAAA,EAAiB,QAAA;AAAA,cACjB,eAAa,CAAC,MAAA;AAAA,cACd,SAAA,EAAW,EAAA;AAAA,gBACT,4DAAA;AAAA,gBACA,SAAS,iBAAA,GAAoB;AAAA,eAC/B;AAAA,cAEA,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iBAAA,EACb,QAAA,kBAAA,GAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAW,EAAA;AAAA,oBACT,kBAAA;AAAA,oBACA,uBAAA,CAAwB,EAAE,IAAA,EAAM,CAAA;AAAA,oBAChC,UAAA,EAAY;AAAA,mBACd;AAAA,kBACA,WAAA,EAAU,SAAA;AAAA,kBAET;AAAA;AAAA,eACH,EACF;AAAA;AAAA;AACF;AAAA;AAAA,KACF;AAAA,EAEJ;AACF,CAAA;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA;AAGvB,IAAO,gBAAA,GAAQ","file":"chunk-BPRCBPVJ.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport { ChevronDown } from 'lucide-react'\nimport React, { useState } from 'react'\n\nimport { cn, iconSizes } from '../utils'\nimport { focusRingColorClasses } from '../variants'\nimport type { CollapseProps } from './types'\n\nconst collapseVariants = cva(\n 'w-full border rounded-md transition-colors overflow-hidden',\n {\n variants: {\n size: {\n xs: '',\n sm: '',\n md: '',\n lg: '',\n },\n },\n defaultVariants: {\n size: 'md',\n },\n },\n)\n\nconst collapseHeaderVariants = cva(\n 'w-full flex items-center justify-between cursor-pointer touch-manipulation transition-colors font-medium focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background rounded-sm',\n {\n variants: {\n size: {\n xs: 'px-2 py-1.5 text-xs',\n sm: 'px-3 py-2 text-sm',\n md: 'px-4 py-3 text-base',\n lg: 'px-5 py-4 text-lg',\n },\n disabled: {\n true: 'opacity-50 cursor-not-allowed',\n false: '',\n },\n },\n defaultVariants: {\n size: 'md',\n disabled: false,\n },\n },\n)\n\nconst collapseContentVariants = cva('transition-colors', {\n variants: {\n size: {\n xs: 'px-2 pb-2 text-xs',\n sm: 'px-3 pb-3 text-sm',\n md: 'px-4 pb-4 text-base',\n lg: 'px-5 pb-5 text-lg',\n },\n },\n defaultVariants: {\n size: 'md',\n },\n})\n\nconst colorStyles = {\n default: {\n default: 'border-border bg-background text-text-primary',\n solid: 'border-border bg-surface text-text-primary',\n soft: 'border-border bg-surface/50 text-text-primary',\n },\n primary: {\n default: 'border-primary bg-background text-text-primary',\n solid: 'border-primary bg-primary text-background',\n soft: 'border-primary/30 bg-primary/10 text-text-primary',\n },\n secondary: {\n default: 'border-secondary bg-background text-text-primary',\n solid: 'border-secondary bg-secondary text-background',\n soft: 'border-secondary/30 bg-secondary/10 text-text-primary',\n },\n accent: {\n default: 'border-accent bg-background text-text-primary',\n solid: 'border-accent bg-accent text-background',\n soft: 'border-accent/30 bg-accent/10 text-text-primary',\n },\n success: {\n default: 'border-success bg-background text-text-primary',\n solid: 'border-success bg-success text-background',\n soft: 'border-success/30 bg-success/10 text-text-primary',\n },\n error: {\n default: 'border-error bg-background text-text-primary',\n solid: 'border-error bg-error text-background',\n soft: 'border-error/30 bg-error/10 text-text-primary',\n },\n warning: {\n default: 'border-warning bg-background text-text-primary',\n solid: 'border-warning bg-warning text-background',\n soft: 'border-warning/30 bg-warning/10 text-text-primary',\n },\n info: {\n default: 'border-info bg-background text-text-primary',\n solid: 'border-info bg-info text-background',\n soft: 'border-info/30 bg-info/10 text-text-primary',\n },\n}\n\nconst headerColorStyles = {\n default: {\n default: 'text-text-primary hover:bg-surface',\n solid: 'text-text-primary hover:bg-surface/80',\n soft: 'text-text-primary hover:bg-surface/80',\n },\n primary: {\n default: 'text-primary hover:bg-primary/10',\n solid: 'hover:bg-primary/90',\n soft: 'text-primary hover:bg-primary/20',\n },\n secondary: {\n default: 'text-secondary hover:bg-secondary/10',\n solid: 'hover:bg-secondary/90',\n soft: 'text-secondary hover:bg-secondary/20',\n },\n accent: {\n default: 'text-accent hover:bg-accent/10',\n solid: 'hover:bg-accent/90',\n soft: 'text-accent hover:bg-accent/20',\n },\n success: {\n default: 'text-success hover:bg-success/10',\n solid: 'hover:bg-success/90',\n soft: 'text-success hover:bg-success/20',\n },\n error: {\n default: 'text-error hover:bg-error/10',\n solid: 'hover:bg-error/90',\n soft: 'text-error hover:bg-error/20',\n },\n warning: {\n default: 'text-warning hover:bg-warning/10',\n solid: 'hover:bg-warning/90',\n soft: 'text-warning hover:bg-warning/20',\n },\n info: {\n default: 'text-info hover:bg-info/10',\n solid: 'hover:bg-info/90',\n soft: 'text-info hover:bg-info/20',\n },\n}\n\nconst Collapse = React.memo<CollapseProps>(\n ({\n title,\n children,\n color = 'default',\n size = 'md',\n variant = 'default',\n defaultOpen = false,\n open: controlledOpen,\n onChange,\n disabled = false,\n className,\n classNames,\n ref,\n }) => {\n const [internalOpen, setInternalOpen] = useState(defaultOpen)\n const isOpen = controlledOpen !== undefined ? controlledOpen : internalOpen\n const uniqueId = React.useId()\n const headerId = `collapse-header-${uniqueId}`\n const contentId = `collapse-content-${uniqueId}`\n\n const handleToggle = () => {\n if (disabled) return\n\n const newOpen = !isOpen\n if (controlledOpen === undefined) {\n setInternalOpen(newOpen)\n }\n onChange?.(newOpen)\n }\n\n return (\n <div\n ref={ref}\n className={cn(\n 'collapse_root',\n collapseVariants({ size }),\n colorStyles[color][variant],\n classNames?.root,\n className,\n )}\n data-slot=\"root\"\n >\n <button\n id={headerId}\n type=\"button\"\n onClick={handleToggle}\n disabled={disabled}\n aria-expanded={isOpen}\n aria-controls={contentId}\n className={cn(\n 'collapse_header',\n collapseHeaderVariants({ size, disabled }),\n headerColorStyles[color][variant],\n focusRingColorClasses[color],\n classNames?.header,\n )}\n data-slot=\"header\"\n >\n <span>{title}</span>\n <ChevronDown\n className={cn(\n 'collapse_icon',\n iconSizes[size],\n 'transition-transform duration-300 ease-out flex-shrink-0',\n isOpen && 'rotate-180',\n classNames?.icon,\n )}\n data-slot=\"icon\"\n />\n </button>\n <div\n id={contentId}\n role=\"region\"\n aria-labelledby={headerId}\n aria-hidden={!isOpen}\n className={cn(\n 'grid transition-[grid-template-rows] duration-300 ease-out',\n isOpen ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]',\n )}\n >\n <div className=\"overflow-hidden\">\n <div\n className={cn(\n 'collapse_content',\n collapseContentVariants({ size }),\n classNames?.content,\n )}\n data-slot=\"content\"\n >\n {children}\n </div>\n </div>\n </div>\n </div>\n )\n },\n)\n\nCollapse.displayName = 'Collapse'\n\nexport type * from './types'\nexport default Collapse\n"]}
@@ -131,7 +131,7 @@ var accordionItemVariants = cva("transition-colors", {
131
131
  });
132
132
  var accordionHeaderVariants = cva(
133
133
  [
134
- "flex items-center w-full text-left font-medium transition-colors",
134
+ "flex items-center w-full text-left font-medium touch-manipulation transition-colors",
135
135
  "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background",
136
136
  "disabled:opacity-50 disabled:cursor-not-allowed"
137
137
  ],
@@ -185,7 +185,7 @@ var Accordion = React.memo(
185
185
  multiple = false,
186
186
  expandIcon,
187
187
  expandIconPosition = "right",
188
- collapsible = false,
188
+ collapsible = true,
189
189
  destroyOnClose = false,
190
190
  showDivider = true,
191
191
  className,
@@ -379,5 +379,5 @@ Accordion.displayName = "Accordion";
379
379
  var accordion_default = Accordion;
380
380
 
381
381
  export { accordion_default };
382
- //# sourceMappingURL=chunk-HK3NJMSY.js.map
383
- //# sourceMappingURL=chunk-HK3NJMSY.js.map
382
+ //# sourceMappingURL=chunk-EZGK67T6.js.map
383
+ //# sourceMappingURL=chunk-EZGK67T6.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/accordion/index.tsx"],"names":[],"mappings":";;;;;;;AAWA,IAAM,0BAAA,GAA6B,IAAI,QAAA,EAAU;AAAA,EAC/C,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,6DAAA;AAAA,MACT,KAAA,EAAO,gEAAA;AAAA,MACP,IAAA,EAAM,gEAAA;AAAA,MACN,QAAA,EACE,kFAAA;AAAA,MACF,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,KAAA,EAAO;AAAA,MACL,OAAA,EAAS,EAAA;AAAA,MACT,OAAA,EAAS,EAAA;AAAA,MACT,SAAA,EAAW,EAAA;AAAA,MACX,MAAA,EAAQ,EAAA;AAAA,MACR,OAAA,EAAS,EAAA;AAAA,MACT,KAAA,EAAO,EAAA;AAAA,MACP,OAAA,EAAS,EAAA;AAAA,MACT,IAAA,EAAM;AAAA,KACR;AAAA,IACA,WAAA,EAAa;AAAA,MACX,IAAA,EAAM,EAAA;AAAA,MACN,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB,EAAE,OAAA,EAAS,SAAA,EAAW,WAAA,EAAa,KAAA,EAAO,OAAO,YAAA,EAAa;AAAA,IAC9D,EAAE,OAAA,EAAS,OAAA,EAAS,WAAA,EAAa,KAAA,EAAO,OAAO,YAAA,EAAa;AAAA,IAC5D,EAAE,OAAA,EAAS,MAAA,EAAQ,WAAA,EAAa,KAAA,EAAO,OAAO,YAAA,EAAa;AAAA,IAC3D,EAAE,OAAA,EAAS,UAAA,EAAY,WAAA,EAAa,KAAA,EAAO,OAAO,YAAA,EAAa;AAAA;AAAA,IAE/D,EAAE,OAAA,EAAS,UAAA,EAAY,KAAA,EAAO,SAAA,EAAW,OAAO,qCAAA,EAAsC;AAAA,IACtF,EAAE,OAAA,EAAS,UAAA,EAAY,KAAA,EAAO,WAAA,EAAa,OAAO,yCAAA,EAA0C;AAAA,IAC5F,EAAE,OAAA,EAAS,UAAA,EAAY,KAAA,EAAO,QAAA,EAAU,OAAO,mCAAA,EAAoC;AAAA,IACnF,EAAE,OAAA,EAAS,UAAA,EAAY,KAAA,EAAO,SAAA,EAAW,OAAO,qCAAA,EAAsC;AAAA,IACtF,EAAE,OAAA,EAAS,UAAA,EAAY,KAAA,EAAO,OAAA,EAAS,OAAO,iCAAA,EAAkC;AAAA,IAChF,EAAE,OAAA,EAAS,UAAA,EAAY,KAAA,EAAO,SAAA,EAAW,OAAO,qCAAA,EAAsC;AAAA,IACtF,EAAE,OAAA,EAAS,UAAA,EAAY,KAAA,EAAO,MAAA,EAAQ,OAAO,+BAAA;AAAgC,GAC/E;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,SAAA;AAAA,IACT,KAAA,EAAO,SAAA;AAAA,IACP,WAAA,EAAa;AAAA;AAEjB,CAAC,CAAA;AAGD,IAAM,qBAAA,GAAwB,IAAI,mBAAA,EAAqB;AAAA,EACrD,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,oCAAA;AAAA,MACT,KAAA,EAAO,YAAA;AAAA,MACP,IAAA,EAAM,EAAA;AAAA,MACN,QAAA,EAAU,gBAAA;AAAA,MACV,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,KAAA,EAAO;AAAA,MACL,OAAA,EAAS,EAAA;AAAA,MACT,OAAA,EAAS,EAAA;AAAA,MACT,SAAA,EAAW,EAAA;AAAA,MACX,MAAA,EAAQ,EAAA;AAAA,MACR,OAAA,EAAS,EAAA;AAAA,MACT,KAAA,EAAO,EAAA;AAAA,MACP,OAAA,EAAS,EAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR,GACF;AAAA,EACA,gBAAA,EAAkB;AAAA;AAAA,IAEhB,EAAE,OAAA,EAAS,MAAA,EAAQ,KAAA,EAAO,SAAA,EAAW,OAAO,eAAA,EAAgB;AAAA,IAC5D;AAAA,MACE,OAAA,EAAS,MAAA;AAAA,MACT,KAAA,EAAO,SAAA;AAAA,MACP,KAAA,EAAO;AAAA,KACT;AAAA,IACA;AAAA,MACE,OAAA,EAAS,MAAA;AAAA,MACT,KAAA,EAAO,WAAA;AAAA,MACP,KAAA,EAAO;AAAA,KACT;AAAA,IACA;AAAA,MACE,OAAA,EAAS,MAAA;AAAA,MACT,KAAA,EAAO,QAAA;AAAA,MACP,KAAA,EAAO;AAAA,KACT;AAAA,IACA;AAAA,MACE,OAAA,EAAS,MAAA;AAAA,MACT,KAAA,EAAO,SAAA;AAAA,MACP,KAAA,EAAO;AAAA,KACT;AAAA,IACA,EAAE,OAAA,EAAS,MAAA,EAAQ,KAAA,EAAO,OAAA,EAAS,OAAO,8BAAA,EAA+B;AAAA,IACzE;AAAA,MACE,OAAA,EAAS,MAAA;AAAA,MACT,KAAA,EAAO,SAAA;AAAA,MACP,KAAA,EAAO;AAAA,KACT;AAAA,IACA,EAAE,OAAA,EAAS,MAAA,EAAQ,KAAA,EAAO,MAAA,EAAQ,OAAO,4BAAA,EAA6B;AAAA;AAAA,IAEtE,EAAE,OAAA,EAAS,OAAA,EAAS,KAAA,EAAO,SAAA,EAAW,OAAO,oCAAA,EAAqC;AAAA,IAClF,EAAE,OAAA,EAAS,OAAA,EAAS,KAAA,EAAO,WAAA,EAAa,OAAO,wCAAA,EAAyC;AAAA,IACxF,EAAE,OAAA,EAAS,OAAA,EAAS,KAAA,EAAO,QAAA,EAAU,OAAO,kCAAA,EAAmC;AAAA,IAC/E,EAAE,OAAA,EAAS,OAAA,EAAS,KAAA,EAAO,SAAA,EAAW,OAAO,oCAAA,EAAqC;AAAA,IAClF,EAAE,OAAA,EAAS,OAAA,EAAS,KAAA,EAAO,OAAA,EAAS,OAAO,gCAAA,EAAiC;AAAA,IAC5E,EAAE,OAAA,EAAS,OAAA,EAAS,KAAA,EAAO,SAAA,EAAW,OAAO,oCAAA,EAAqC;AAAA,IAClF,EAAE,OAAA,EAAS,OAAA,EAAS,KAAA,EAAO,MAAA,EAAQ,OAAO,8BAAA,EAA+B;AAAA;AAAA,IAEzE,EAAE,OAAA,EAAS,SAAA,EAAW,KAAA,EAAO,SAAA,EAAW,OAAO,oBAAA,EAAqB;AAAA,IACpE,EAAE,OAAA,EAAS,SAAA,EAAW,KAAA,EAAO,WAAA,EAAa,OAAO,sBAAA,EAAuB;AAAA,IACxE,EAAE,OAAA,EAAS,SAAA,EAAW,KAAA,EAAO,QAAA,EAAU,OAAO,mBAAA,EAAoB;AAAA,IAClE,EAAE,OAAA,EAAS,SAAA,EAAW,KAAA,EAAO,SAAA,EAAW,OAAO,oBAAA,EAAqB;AAAA,IACpE,EAAE,OAAA,EAAS,SAAA,EAAW,KAAA,EAAO,OAAA,EAAS,OAAO,kBAAA,EAAmB;AAAA,IAChE,EAAE,OAAA,EAAS,SAAA,EAAW,KAAA,EAAO,SAAA,EAAW,OAAO,oBAAA,EAAqB;AAAA,IACpE,EAAE,OAAA,EAAS,SAAA,EAAW,KAAA,EAAO,MAAA,EAAQ,OAAO,iBAAA,EAAkB;AAAA;AAAA,IAE9D,EAAE,OAAA,EAAS,UAAA,EAAY,KAAA,EAAO,SAAA,EAAW,OAAO,mBAAA,EAAoB;AAAA,IACpE,EAAE,OAAA,EAAS,UAAA,EAAY,KAAA,EAAO,WAAA,EAAa,OAAO,qBAAA,EAAsB;AAAA,IACxE,EAAE,OAAA,EAAS,UAAA,EAAY,KAAA,EAAO,QAAA,EAAU,OAAO,kBAAA,EAAmB;AAAA,IAClE,EAAE,OAAA,EAAS,UAAA,EAAY,KAAA,EAAO,SAAA,EAAW,OAAO,mBAAA,EAAoB;AAAA,IACpE,EAAE,OAAA,EAAS,UAAA,EAAY,KAAA,EAAO,OAAA,EAAS,OAAO,iBAAA,EAAkB;AAAA,IAChE,EAAE,OAAA,EAAS,UAAA,EAAY,KAAA,EAAO,SAAA,EAAW,OAAO,mBAAA,EAAoB;AAAA,IACpE,EAAE,OAAA,EAAS,UAAA,EAAY,KAAA,EAAO,MAAA,EAAQ,OAAO,gBAAA;AAAiB,GAChE;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,SAAA;AAAA,IACT,KAAA,EAAO;AAAA;AAEX,CAAC,CAAA;AAGD,IAAM,uBAAA,GAA0B,GAAA;AAAA,EAC9B;AAAA,IACE,kEAAA;AAAA,IACA,0GAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,2EAAA;AAAA,QACJ,EAAA,EAAI,2EAAA;AAAA,QACJ,EAAA,EAAI,6EAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,KAAA,EAAO,qBAAA;AAAA,MACP,QAAA,EAAU;AAAA,QACR,IAAA,EAAM,oBAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,IAAA;AAAA,MACN,KAAA,EAAO,SAAA;AAAA,MACP,QAAA,EAAU;AAAA;AACZ;AAEJ,CAAA;AAGA,IAAM,wBAAA,GAA2B,IAAI,qBAAA,EAAuB;AAAA,EAC1D,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,qEAAA;AAAA,MACJ,EAAA,EAAI,qEAAA;AAAA,MACJ,EAAA,EAAI,uEAAA;AAAA,MACJ,EAAA,EAAI;AAAA;AACN,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC,CAAA;AAGD,IAAM,YAAA,GAAe,CAAC,KAAA,EAAgC,UAAA,KAAwB;AAC5E,EAAA,IAAI,CAAC,YAAY,OAAO,qBAAA;AACxB,EAAA,OAAO,gBAAA,CAAiB,SAAS,SAAS,CAAA;AAC5C,CAAA;AAEA,IAAM,YAAY,KAAA,CAAM,IAAA;AAAA,EACtB,CAAC;AAAA,IACC,KAAA;AAAA,IACA,KAAA,GAAQ,SAAA;AAAA,IACR,IAAA,GAAO,IAAA;AAAA,IACP,OAAA,GAAU,SAAA;AAAA,IACV,gBAAA;AAAA,IACA,SAAA,EAAW,mBAAA;AAAA,IACX,QAAA;AAAA,IACA,QAAA,GAAW,KAAA;AAAA,IACX,UAAA;AAAA,IACA,kBAAA,GAAqB,OAAA;AAAA,IACrB,WAAA,GAAc,KAAA;AAAA,IACd,cAAA,GAAiB,KAAA;AAAA,IACjB,WAAA,GAAc,IAAA;AAAA,IACd,SAAA;AAAA,IACA,aAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GACF,KAAM;AACJ,IAAA,MAAM,cAAA,GAAiB,OAAA,KAAY,OAAA,IAAW,KAAA,KAAU,SAAA;AACxD,IAAA,MAAM,SAAS,KAAA,EAAM;AACrB,IAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAAI,QAAA;AAAA,MAGhD,gBAAA,GACI,QAAA,IAAY,CAAC,KAAA,CAAM,OAAA,CAAQ,gBAAgB,CAAA,GACzC,CAAC,gBAAgB,CAAA,GACjB,gBAAA,GACF,QAAA,GACE,EAAC,GACD;AAAA,KACR;AAEA,IAAA,MAAM,SAAA,GACJ,mBAAA,KAAwB,MAAA,GACpB,mBAAA,GACA,iBAAA;AAEN,IAAA,MAAM,QAAA,GAAW,CAAC,GAAA,KAAgB;AAChC,MAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,SAAS,CAAA,EAAG;AAC5B,QAAA,OAAO,SAAA,CAAU,SAAS,GAAG,CAAA;AAAA,MAC/B;AACA,MAAA,OAAO,SAAA,KAAc,GAAA;AAAA,IACvB,CAAA;AAEA,IAAA,MAAM,YAAA,GAAe,CAAC,GAAA,EAAa,QAAA,KAAuB;AACxD,MAAA,IAAI,QAAA,EAAU;AAEd,MAAA,IAAI,YAAA;AAEJ,MAAA,IAAI,QAAA,EAAU;AACZ,QAAA,MAAM,WAAA,GAAc,KAAA,CAAM,OAAA,CAAQ,SAAS,CAAA,GACvC,YACA,SAAA,GACE,CAAC,SAAS,CAAA,GACV,EAAC;AACP,QAAA,YAAA,GAAe,WAAA,CAAY,QAAA,CAAS,GAAG,CAAA,GACnC,YAAY,MAAA,CAAO,CAAC,CAAA,KAAM,CAAA,KAAM,GAAG,CAAA,GACnC,CAAC,GAAG,aAAa,GAAG,CAAA;AAAA,MAC1B,CAAA,MAAO;AAEL,QAAA,IAAI,CAAC,WAAA,IAAe,SAAA,KAAc,GAAA,EAAK;AACrC,UAAA;AAAA,QACF;AACA,QAAA,YAAA,GAAe,SAAA,KAAc,MAAM,EAAA,GAAK,GAAA;AAAA,MAC1C;AAEA,MAAA,IAAI,wBAAwB,MAAA,EAAW;AACrC,QAAA,oBAAA,CAAqB,YAAY,CAAA;AAAA,MACnC;AACA,MAAA,QAAA,GAAW,YAAY,CAAA;AAAA,IACzB,CAAA;AAGA,IAAA,MAAM,gBAAA,GAAmB,CAAC,UAAA,KAAwB;AAChD,MAAA,IAAI,UAAA,KAAe,OAAO,OAAO,IAAA;AAEjC,MAAA,IAAI,OAAO,eAAe,UAAA,EAAY;AACpC,QAAA,OAAO,WAAW,UAAU,CAAA;AAAA,MAC9B;AAEA,MAAA,IAAI,UAAA,EAAY;AACd,QAAA,uBACE,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,EAAA;AAAA,cACT,4CAAA;AAAA,cACA,UAAA,IAAc;AAAA,aAChB;AAAA,YAEC,QAAA,EAAA;AAAA;AAAA,SACH;AAAA,MAEJ;AAEA,MAAA,uBACE,GAAA;AAAA,QAAC,WAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,EAAA;AAAA,YACT,4CAAA;AAAA,YACA,UAAA,IAAc,YAAA;AAAA,YACd,cAAA,GAAiB,cAAA,GAAiB,YAAA,CAAa,KAAA,EAAO,UAAU,CAAA;AAAA,YAChE,UAAU,IAAqB;AAAA;AACjC;AAAA,OACF;AAAA,IAEJ,CAAA;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,WAAA,EAAU,MAAA;AAAA,QACV,SAAA,EAAW,EAAA;AAAA,UACT,gBAAA;AAAA,UACA,0BAAA,CAA2B;AAAA,YACzB,OAAA;AAAA,YACA,KAAA;AAAA,YACA,WAAA,EAAa,eAAe,OAAA,KAAY;AAAA,WACzC,CAAA;AAAA,UACD,UAAA,EAAY,IAAA;AAAA,UACZ;AAAA,SACF;AAAA,QAEC,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,KAAS;AACnB,UAAA,MAAM,YAAA,GAAe,QAAA,CAAS,IAAA,CAAK,GAAG,CAAA;AACtC,UAAA,MAAM,QAAA,GAAW,CAAA,EAAG,MAAM,CAAA,QAAA,EAAW,KAAK,GAAG,CAAA,CAAA;AAC7C,UAAA,MAAM,OAAA,GAAU,CAAA,EAAG,MAAM,CAAA,OAAA,EAAU,KAAK,GAAG,CAAA,CAAA;AAE3C,UAAA,uBACE,IAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cAEC,WAAA,EAAU,MAAA;AAAA,cACV,SAAA,EAAW,EAAA;AAAA,gBACT,gBAAA;AAAA,gBACA,qBAAA,CAAsB,EAAE,OAAA,EAAS,KAAA,EAAO,CAAA;AAAA,gBACxC,KAAK,QAAA,IAAY,YAAA;AAAA,gBACjB,UAAA,EAAY,IAAA;AAAA,gBACZ;AAAA,eACF;AAAA,cAEA,QAAA,EAAA;AAAA,gCAAA,IAAA;AAAA,kBAAC,QAAA;AAAA,kBAAA;AAAA,oBACC,IAAA,EAAK,QAAA;AAAA,oBACL,EAAA,EAAI,QAAA;AAAA,oBACJ,eAAA,EAAe,YAAA;AAAA,oBACf,eAAA,EAAe,OAAA;AAAA,oBACf,iBAAe,IAAA,CAAK,QAAA;AAAA,oBACpB,UAAU,IAAA,CAAK,QAAA;AAAA,oBACf,SAAS,MAAM,YAAA,CAAa,IAAA,CAAK,GAAA,EAAK,KAAK,QAAQ,CAAA;AAAA,oBACnD,WAAA,EAAU,SAAA;AAAA,oBACV,SAAA,EAAW,EAAA;AAAA,sBACT,mBAAA;AAAA,sBACA,uBAAA,CAAwB;AAAA,wBACtB,IAAA;AAAA,wBACA,KAAA;AAAA,wBACA,UAAU,IAAA,CAAK;AAAA,uBAChB,CAAA;AAAA,sBACD,UAAA,EAAY;AAAA,qBACd;AAAA,oBAGC,QAAA,EAAA;AAAA,sBAAA,kBAAA,KAAuB,MAAA,IACtB,iBAAiB,YAAY,CAAA;AAAA,sBAG9B,KAAK,IAAA,oBACJ,GAAA;AAAA,wBAAC,MAAA;AAAA,wBAAA;AAAA,0BACC,WAAA,EAAU,MAAA;AAAA,0BACV,SAAA,EAAW,EAAA;AAAA,4BACT,gBAAA;AAAA,4BACA,UAAA;AAAA,4BACA,cAAA,GAAiB,cAAA,GAAiB,YAAA,CAAa,KAAA,EAAO,YAAY,CAAA;AAAA,4BAClE,UAAA,EAAY;AAAA,2BACd;AAAA,0BAEC,QAAA,EAAA,IAAA,CAAK;AAAA;AAAA,uBACR;AAAA,sCAIF,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,QAAA,EAAA;AAAA,wCAAA,GAAA;AAAA,0BAAC,KAAA;AAAA,0BAAA;AAAA,4BACC,SAAA,EAAW,EAAA;AAAA,8BACT,CAAC,cAAA,IACC,YAAA,IACA,UAAU,SAAA,IACV,gBAAA,CAAiB,SAAS,SAAS;AAAA,6BACvC;AAAA,4BAEC,QAAA,EAAA,IAAA,CAAK;AAAA;AAAA,yBACR;AAAA,wBACC,IAAA,CAAK,QAAA,oBACJ,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA;AAAA,0BACd,oBAAA;AAAA,0BACA,iBAAiB,yBAAA,GAA4B;AAAA,yBAC/C,EACG,eAAK,QAAA,EACR;AAAA,uBAAA,EAEJ,CAAA;AAAA,sBAGC,IAAA,CAAK,KAAA,oBACJ,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,EAAA;AAAA,wBACf,UAAA;AAAA,wBACA,iBAAiB,yBAAA,GAA4B;AAAA,uBAC/C,EACG,eAAK,KAAA,EACR,CAAA;AAAA,sBAID,kBAAA,KAAuB,OAAA,IACtB,gBAAA,CAAiB,YAAY;AAAA;AAAA;AAAA,iBACjC;AAAA,gCAGA,GAAA;AAAA,kBAAC,KAAA;AAAA,kBAAA;AAAA,oBACC,EAAA,EAAI,OAAA;AAAA,oBACJ,IAAA,EAAK,QAAA;AAAA,oBACL,iBAAA,EAAiB,QAAA;AAAA,oBACjB,eAAa,CAAC,YAAA;AAAA,oBACd,SAAA,EAAW,EAAA;AAAA,sBACT,4DAAA;AAAA,sBACA,eAAe,iBAAA,GAAoB;AAAA,qBACrC;AAAA,oBAEA,8BAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iBAAA,EACX,QAAA,EAAA,CAAA,CAAC,kBAAkB,YAAA,qBACnB,GAAA;AAAA,sBAAC,KAAA;AAAA,sBAAA;AAAA,wBACC,WAAA,EAAU,SAAA;AAAA,wBACV,SAAA,EAAW,EAAA;AAAA,0BACT,mBAAA;AAAA,0BACA,wBAAA,CAAyB,EAAE,IAAA,EAAM,CAAA;AAAA,0BACjC,cAAA,IAAkB,yBAAA;AAAA,0BAClB,UAAA,EAAY;AAAA,yBACd;AAAA,wBAEC,QAAA,EAAA,IAAA,CAAK;AAAA;AAAA,qBACR,EAEJ;AAAA;AAAA;AACF;AAAA,aAAA;AAAA,YA/GK,IAAA,CAAK;AAAA,WAgHZ;AAAA,QAEJ,CAAC;AAAA;AAAA,KACH;AAAA,EAEJ;AACF,CAAA;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA;AAGxB,IAAO,iBAAA,GAAQ","file":"chunk-HK3NJMSY.js","sourcesContent":["'use client'\n\nimport { cva } from \"class-variance-authority\";\nimport { ChevronDown } from \"lucide-react\";\nimport React, { useId, useState } from \"react\";\n\nimport { cn, iconSizes } from \"../utils\";\nimport { focusRingColorClasses, textColorClasses } from \"../variants\";\nimport type { AccordionProps, AccordionSize } from \"./types\";\n\n// Variant styles for accordion container\nconst accordionContainerVariants = cva(\"w-full\", {\n variants: {\n variant: {\n default: \"space-y-0 divide-y divide-border rounded-lg overflow-hidden\",\n solid: \"space-y-0 divide-y divide-border/50 rounded-lg overflow-hidden\",\n soft: \"space-y-0 divide-y divide-border/30 rounded-lg overflow-hidden\",\n bordered:\n \"space-y-0 divide-y divide-border border border-border rounded-lg overflow-hidden\",\n splitted: \"space-y-2\",\n },\n color: {\n default: \"\",\n primary: \"\",\n secondary: \"\",\n accent: \"\",\n success: \"\",\n error: \"\",\n warning: \"\",\n info: \"\",\n },\n showDivider: {\n true: \"\",\n false: \"\",\n },\n },\n compoundVariants: [\n { variant: \"default\", showDivider: false, class: \"divide-y-0\" },\n { variant: \"solid\", showDivider: false, class: \"divide-y-0\" },\n { variant: \"soft\", showDivider: false, class: \"divide-y-0\" },\n { variant: \"bordered\", showDivider: false, class: \"divide-y-0\" },\n // Bordered container — colored border + dividers\n { variant: \"bordered\", color: \"primary\", class: \"border-primary/30 divide-primary/20\" },\n { variant: \"bordered\", color: \"secondary\", class: \"border-secondary/30 divide-secondary/20\" },\n { variant: \"bordered\", color: \"accent\", class: \"border-accent/30 divide-accent/20\" },\n { variant: \"bordered\", color: \"success\", class: \"border-success/30 divide-success/20\" },\n { variant: \"bordered\", color: \"error\", class: \"border-error/30 divide-error/20\" },\n { variant: \"bordered\", color: \"warning\", class: \"border-warning/30 divide-warning/20\" },\n { variant: \"bordered\", color: \"info\", class: \"border-info/30 divide-info/20\" },\n ],\n defaultVariants: {\n variant: \"default\",\n color: \"default\",\n showDivider: true,\n },\n});\n\n// Variant styles for each accordion item\nconst accordionItemVariants = cva(\"transition-colors\", {\n variants: {\n variant: {\n default: \"bg-transparent hover:bg-surface/50\",\n solid: \"bg-surface\",\n soft: \"\",\n bordered: \"bg-transparent\",\n splitted: \"border border-border rounded-lg overflow-hidden\",\n },\n color: {\n default: \"\",\n primary: \"\",\n secondary: \"\",\n accent: \"\",\n success: \"\",\n error: \"\",\n warning: \"\",\n info: \"\",\n },\n },\n compoundVariants: [\n // Soft variant with colors\n { variant: \"soft\", color: \"default\", class: \"bg-surface/50\" },\n {\n variant: \"soft\",\n color: \"primary\",\n class: \"bg-primary/5 hover:bg-primary/10\",\n },\n {\n variant: \"soft\",\n color: \"secondary\",\n class: \"bg-secondary/5 hover:bg-secondary/10\",\n },\n {\n variant: \"soft\",\n color: \"accent\",\n class: \"bg-accent/5 hover:bg-accent/10\",\n },\n {\n variant: \"soft\",\n color: \"success\",\n class: \"bg-success/5 hover:bg-success/10\",\n },\n { variant: \"soft\", color: \"error\", class: \"bg-error/5 hover:bg-error/10\" },\n {\n variant: \"soft\",\n color: \"warning\",\n class: \"bg-warning/5 hover:bg-warning/10\",\n },\n { variant: \"soft\", color: \"info\", class: \"bg-info/5 hover:bg-info/10\" },\n // Solid variant with colors — stronger fill than soft\n { variant: \"solid\", color: \"primary\", class: \"bg-primary text-primary-foreground\" },\n { variant: \"solid\", color: \"secondary\", class: \"bg-secondary text-secondary-foreground\" },\n { variant: \"solid\", color: \"accent\", class: \"bg-accent text-accent-foreground\" },\n { variant: \"solid\", color: \"success\", class: \"bg-success text-success-foreground\" },\n { variant: \"solid\", color: \"error\", class: \"bg-error text-error-foreground\" },\n { variant: \"solid\", color: \"warning\", class: \"bg-warning text-warning-foreground\" },\n { variant: \"solid\", color: \"info\", class: \"bg-info text-info-foreground\" },\n // Default variant with colors\n { variant: \"default\", color: \"primary\", class: \"hover:bg-primary/5\" },\n { variant: \"default\", color: \"secondary\", class: \"hover:bg-secondary/5\" },\n { variant: \"default\", color: \"accent\", class: \"hover:bg-accent/5\" },\n { variant: \"default\", color: \"success\", class: \"hover:bg-success/5\" },\n { variant: \"default\", color: \"error\", class: \"hover:bg-error/5\" },\n { variant: \"default\", color: \"warning\", class: \"hover:bg-warning/5\" },\n { variant: \"default\", color: \"info\", class: \"hover:bg-info/5\" },\n // Splitted variant with colors\n { variant: \"splitted\", color: \"primary\", class: \"border-primary/30\" },\n { variant: \"splitted\", color: \"secondary\", class: \"border-secondary/30\" },\n { variant: \"splitted\", color: \"accent\", class: \"border-accent/30\" },\n { variant: \"splitted\", color: \"success\", class: \"border-success/30\" },\n { variant: \"splitted\", color: \"error\", class: \"border-error/30\" },\n { variant: \"splitted\", color: \"warning\", class: \"border-warning/30\" },\n { variant: \"splitted\", color: \"info\", class: \"border-info/30\" },\n ],\n defaultVariants: {\n variant: \"default\",\n color: \"default\",\n },\n});\n\n// Header button variants\nconst accordionHeaderVariants = cva(\n [\n \"flex items-center w-full text-left font-medium transition-colors\",\n \"focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\n ],\n {\n variants: {\n size: {\n xs: \"px-(--accordion-padding-x-xs) py-(--accordion-padding-y-xs) text-xs gap-2\",\n sm: \"px-(--accordion-padding-x-sm) py-(--accordion-padding-y-sm) text-sm gap-2\",\n md: \"px-(--accordion-padding-x-md) py-(--accordion-padding-y-md) text-base gap-3\",\n lg: \"px-(--accordion-padding-x-lg) py-(--accordion-padding-y-lg) text-lg gap-3\",\n },\n color: focusRingColorClasses,\n disabled: {\n true: \"cursor-not-allowed\",\n false: \"cursor-pointer\",\n },\n },\n defaultVariants: {\n size: \"md\",\n color: \"default\",\n disabled: false,\n },\n },\n);\n\n// Content variants\nconst accordionContentVariants = cva(\"text-text-secondary\", {\n variants: {\n size: {\n xs: \"px-(--accordion-padding-x-xs) pb-(--accordion-padding-y-xs) text-xs\",\n sm: \"px-(--accordion-padding-x-sm) pb-(--accordion-padding-y-sm) text-sm\",\n md: \"px-(--accordion-padding-x-md) pb-(--accordion-padding-y-md) text-base\",\n lg: \"px-(--accordion-padding-x-lg) pb-(--accordion-padding-y-lg) text-lg\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n});\n\n// Icon color based on color prop\nconst getIconColor = (color: AccordionProps[\"color\"], isExpanded: boolean) => {\n if (!isExpanded) return \"text-text-secondary\";\n return textColorClasses[color || \"default\"];\n};\n\nconst Accordion = React.memo<AccordionProps>(\n ({\n items,\n color = \"default\",\n size = \"md\",\n variant = \"default\",\n defaultActiveKey,\n activeKey: controlledActiveKey,\n onChange,\n multiple = false,\n expandIcon,\n expandIconPosition = \"right\",\n collapsible = false,\n destroyOnClose = false,\n showDivider = true,\n className,\n itemClassName,\n classNames,\n ref,\n }) => {\n const isSolidColored = variant === \"solid\" && color !== \"default\";\n const baseId = useId();\n const [internalActiveKey, setInternalActiveKey] = useState<\n string | string[]\n >(\n defaultActiveKey\n ? multiple && !Array.isArray(defaultActiveKey)\n ? [defaultActiveKey]\n : defaultActiveKey\n : multiple\n ? []\n : \"\",\n );\n\n const activeKey =\n controlledActiveKey !== undefined\n ? controlledActiveKey\n : internalActiveKey;\n\n const isActive = (key: string) => {\n if (Array.isArray(activeKey)) {\n return activeKey.includes(key);\n }\n return activeKey === key;\n };\n\n const handleToggle = (key: string, disabled?: boolean) => {\n if (disabled) return;\n\n let newActiveKey: string | string[];\n\n if (multiple) {\n const currentKeys = Array.isArray(activeKey)\n ? activeKey\n : activeKey\n ? [activeKey]\n : [];\n newActiveKey = currentKeys.includes(key)\n ? currentKeys.filter((k) => k !== key)\n : [...currentKeys, key];\n } else {\n // collapsible=false means one panel must stay open (non-collapsible)\n if (!collapsible && activeKey === key) {\n return;\n }\n newActiveKey = activeKey === key ? \"\" : key;\n }\n\n if (controlledActiveKey === undefined) {\n setInternalActiveKey(newActiveKey);\n }\n onChange?.(newActiveKey);\n };\n\n // Render expand icon\n const renderExpandIcon = (isExpanded: boolean) => {\n if (expandIcon === false) return null;\n\n if (typeof expandIcon === \"function\") {\n return expandIcon(isExpanded);\n }\n\n if (expandIcon) {\n return (\n <span\n className={cn(\n \"shrink-0 transition-transform duration-300\",\n isExpanded && \"rotate-180\",\n )}\n >\n {expandIcon}\n </span>\n );\n }\n\n return (\n <ChevronDown\n className={cn(\n \"shrink-0 transition-transform duration-300\",\n isExpanded && \"rotate-180\",\n isSolidColored ? \"text-inherit\" : getIconColor(color, isExpanded),\n iconSizes[size as AccordionSize],\n )}\n />\n );\n };\n\n return (\n <div\n ref={ref}\n data-slot=\"root\"\n className={cn(\n \"accordion_root\",\n accordionContainerVariants({\n variant,\n color,\n showDivider: showDivider && variant !== \"splitted\",\n }),\n classNames?.root,\n className,\n )}\n >\n {items.map((item) => {\n const isItemActive = isActive(item.key);\n const headerId = `${baseId}-header-${item.key}`;\n const panelId = `${baseId}-panel-${item.key}`;\n\n return (\n <div\n key={item.key}\n data-slot=\"item\"\n className={cn(\n \"accordion_item\",\n accordionItemVariants({ variant, color }),\n item.disabled && \"opacity-50\",\n classNames?.item,\n itemClassName,\n )}\n >\n <button\n type=\"button\"\n id={headerId}\n aria-expanded={isItemActive}\n aria-controls={panelId}\n aria-disabled={item.disabled}\n disabled={item.disabled}\n onClick={() => handleToggle(item.key, item.disabled)}\n data-slot=\"trigger\"\n className={cn(\n \"accordion_trigger\",\n accordionHeaderVariants({\n size,\n color,\n disabled: item.disabled,\n }),\n classNames?.trigger,\n )}\n >\n {/* Left expand icon */}\n {expandIconPosition === \"left\" &&\n renderExpandIcon(isItemActive)}\n\n {/* Item icon */}\n {item.icon && (\n <span\n data-slot=\"icon\"\n className={cn(\n \"accordion_icon\",\n \"shrink-0\",\n isSolidColored ? \"text-inherit\" : getIconColor(color, isItemActive),\n classNames?.icon,\n )}\n >\n {item.icon}\n </span>\n )}\n\n {/* Title and subtitle */}\n <div className=\"flex-1 min-w-0\">\n <div\n className={cn(\n !isSolidColored &&\n isItemActive &&\n color !== \"default\" &&\n textColorClasses[color || \"default\"],\n )}\n >\n {item.title}\n </div>\n {item.subtitle && (\n <div className={cn(\n \"font-normal mt-0.5\",\n isSolidColored ? \"text-inherit opacity-80\" : \"text-text-secondary\",\n )}>\n {item.subtitle}\n </div>\n )}\n </div>\n\n {/* Extra content */}\n {item.extra && (\n <span className={cn(\n \"shrink-0\",\n isSolidColored ? \"text-inherit opacity-80\" : \"text-text-secondary\",\n )}>\n {item.extra}\n </span>\n )}\n\n {/* Right expand icon */}\n {expandIconPosition === \"right\" &&\n renderExpandIcon(isItemActive)}\n </button>\n\n {/* Content panel */}\n <div\n id={panelId}\n role=\"region\"\n aria-labelledby={headerId}\n aria-hidden={!isItemActive}\n className={cn(\n \"grid transition-[grid-template-rows] duration-300 ease-out\",\n isItemActive ? \"grid-rows-[1fr]\" : \"grid-rows-[0fr]\",\n )}\n >\n <div className=\"overflow-hidden\">\n {(!destroyOnClose || isItemActive) && (\n <div\n data-slot=\"content\"\n className={cn(\n \"accordion_content\",\n accordionContentVariants({ size }),\n isSolidColored && \"text-inherit opacity-90\",\n classNames?.content,\n )}\n >\n {item.content}\n </div>\n )}\n </div>\n </div>\n </div>\n );\n })}\n </div>\n );\n },\n);\n\nAccordion.displayName = \"Accordion\";\n\nexport type * from \"./types\";\nexport default Accordion;\n"]}
1
+ {"version":3,"sources":["../src/accordion/index.tsx"],"names":[],"mappings":"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","file":"chunk-EZGK67T6.js","sourcesContent":["'use client'\n\nimport { cva } from \"class-variance-authority\";\nimport { ChevronDown } from \"lucide-react\";\nimport React, { useId, useState } from \"react\";\n\nimport { cn, iconSizes } from \"../utils\";\nimport { focusRingColorClasses, textColorClasses } from \"../variants\";\nimport type { AccordionProps, AccordionSize } from \"./types\";\n\n// Variant styles for accordion container\nconst accordionContainerVariants = cva(\"w-full\", {\n variants: {\n variant: {\n default: \"space-y-0 divide-y divide-border rounded-lg overflow-hidden\",\n solid: \"space-y-0 divide-y divide-border/50 rounded-lg overflow-hidden\",\n soft: \"space-y-0 divide-y divide-border/30 rounded-lg overflow-hidden\",\n bordered:\n \"space-y-0 divide-y divide-border border border-border rounded-lg overflow-hidden\",\n splitted: \"space-y-2\",\n },\n color: {\n default: \"\",\n primary: \"\",\n secondary: \"\",\n accent: \"\",\n success: \"\",\n error: \"\",\n warning: \"\",\n info: \"\",\n },\n showDivider: {\n true: \"\",\n false: \"\",\n },\n },\n compoundVariants: [\n { variant: \"default\", showDivider: false, class: \"divide-y-0\" },\n { variant: \"solid\", showDivider: false, class: \"divide-y-0\" },\n { variant: \"soft\", showDivider: false, class: \"divide-y-0\" },\n { variant: \"bordered\", showDivider: false, class: \"divide-y-0\" },\n // Bordered container — colored border + dividers\n { variant: \"bordered\", color: \"primary\", class: \"border-primary/30 divide-primary/20\" },\n { variant: \"bordered\", color: \"secondary\", class: \"border-secondary/30 divide-secondary/20\" },\n { variant: \"bordered\", color: \"accent\", class: \"border-accent/30 divide-accent/20\" },\n { variant: \"bordered\", color: \"success\", class: \"border-success/30 divide-success/20\" },\n { variant: \"bordered\", color: \"error\", class: \"border-error/30 divide-error/20\" },\n { variant: \"bordered\", color: \"warning\", class: \"border-warning/30 divide-warning/20\" },\n { variant: \"bordered\", color: \"info\", class: \"border-info/30 divide-info/20\" },\n ],\n defaultVariants: {\n variant: \"default\",\n color: \"default\",\n showDivider: true,\n },\n});\n\n// Variant styles for each accordion item\nconst accordionItemVariants = cva(\"transition-colors\", {\n variants: {\n variant: {\n default: \"bg-transparent hover:bg-surface/50\",\n solid: \"bg-surface\",\n soft: \"\",\n bordered: \"bg-transparent\",\n splitted: \"border border-border rounded-lg overflow-hidden\",\n },\n color: {\n default: \"\",\n primary: \"\",\n secondary: \"\",\n accent: \"\",\n success: \"\",\n error: \"\",\n warning: \"\",\n info: \"\",\n },\n },\n compoundVariants: [\n // Soft variant with colors\n { variant: \"soft\", color: \"default\", class: \"bg-surface/50\" },\n {\n variant: \"soft\",\n color: \"primary\",\n class: \"bg-primary/5 hover:bg-primary/10\",\n },\n {\n variant: \"soft\",\n color: \"secondary\",\n class: \"bg-secondary/5 hover:bg-secondary/10\",\n },\n {\n variant: \"soft\",\n color: \"accent\",\n class: \"bg-accent/5 hover:bg-accent/10\",\n },\n {\n variant: \"soft\",\n color: \"success\",\n class: \"bg-success/5 hover:bg-success/10\",\n },\n { variant: \"soft\", color: \"error\", class: \"bg-error/5 hover:bg-error/10\" },\n {\n variant: \"soft\",\n color: \"warning\",\n class: \"bg-warning/5 hover:bg-warning/10\",\n },\n { variant: \"soft\", color: \"info\", class: \"bg-info/5 hover:bg-info/10\" },\n // Solid variant with colors — stronger fill than soft\n { variant: \"solid\", color: \"primary\", class: \"bg-primary text-primary-foreground\" },\n { variant: \"solid\", color: \"secondary\", class: \"bg-secondary text-secondary-foreground\" },\n { variant: \"solid\", color: \"accent\", class: \"bg-accent text-accent-foreground\" },\n { variant: \"solid\", color: \"success\", class: \"bg-success text-success-foreground\" },\n { variant: \"solid\", color: \"error\", class: \"bg-error text-error-foreground\" },\n { variant: \"solid\", color: \"warning\", class: \"bg-warning text-warning-foreground\" },\n { variant: \"solid\", color: \"info\", class: \"bg-info text-info-foreground\" },\n // Default variant with colors\n { variant: \"default\", color: \"primary\", class: \"hover:bg-primary/5\" },\n { variant: \"default\", color: \"secondary\", class: \"hover:bg-secondary/5\" },\n { variant: \"default\", color: \"accent\", class: \"hover:bg-accent/5\" },\n { variant: \"default\", color: \"success\", class: \"hover:bg-success/5\" },\n { variant: \"default\", color: \"error\", class: \"hover:bg-error/5\" },\n { variant: \"default\", color: \"warning\", class: \"hover:bg-warning/5\" },\n { variant: \"default\", color: \"info\", class: \"hover:bg-info/5\" },\n // Splitted variant with colors\n { variant: \"splitted\", color: \"primary\", class: \"border-primary/30\" },\n { variant: \"splitted\", color: \"secondary\", class: \"border-secondary/30\" },\n { variant: \"splitted\", color: \"accent\", class: \"border-accent/30\" },\n { variant: \"splitted\", color: \"success\", class: \"border-success/30\" },\n { variant: \"splitted\", color: \"error\", class: \"border-error/30\" },\n { variant: \"splitted\", color: \"warning\", class: \"border-warning/30\" },\n { variant: \"splitted\", color: \"info\", class: \"border-info/30\" },\n ],\n defaultVariants: {\n variant: \"default\",\n color: \"default\",\n },\n});\n\n// Header button variants\nconst accordionHeaderVariants = cva(\n [\n \"flex items-center w-full text-left font-medium touch-manipulation transition-colors\",\n \"focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\n ],\n {\n variants: {\n size: {\n xs: \"px-(--accordion-padding-x-xs) py-(--accordion-padding-y-xs) text-xs gap-2\",\n sm: \"px-(--accordion-padding-x-sm) py-(--accordion-padding-y-sm) text-sm gap-2\",\n md: \"px-(--accordion-padding-x-md) py-(--accordion-padding-y-md) text-base gap-3\",\n lg: \"px-(--accordion-padding-x-lg) py-(--accordion-padding-y-lg) text-lg gap-3\",\n },\n color: focusRingColorClasses,\n disabled: {\n true: \"cursor-not-allowed\",\n false: \"cursor-pointer\",\n },\n },\n defaultVariants: {\n size: \"md\",\n color: \"default\",\n disabled: false,\n },\n },\n);\n\n// Content variants\nconst accordionContentVariants = cva(\"text-text-secondary\", {\n variants: {\n size: {\n xs: \"px-(--accordion-padding-x-xs) pb-(--accordion-padding-y-xs) text-xs\",\n sm: \"px-(--accordion-padding-x-sm) pb-(--accordion-padding-y-sm) text-sm\",\n md: \"px-(--accordion-padding-x-md) pb-(--accordion-padding-y-md) text-base\",\n lg: \"px-(--accordion-padding-x-lg) pb-(--accordion-padding-y-lg) text-lg\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n});\n\n// Icon color based on color prop\nconst getIconColor = (color: AccordionProps[\"color\"], isExpanded: boolean) => {\n if (!isExpanded) return \"text-text-secondary\";\n return textColorClasses[color || \"default\"];\n};\n\nconst Accordion = React.memo<AccordionProps>(\n ({\n items,\n color = \"default\",\n size = \"md\",\n variant = \"default\",\n defaultActiveKey,\n activeKey: controlledActiveKey,\n onChange,\n multiple = false,\n expandIcon,\n expandIconPosition = \"right\",\n collapsible = true,\n destroyOnClose = false,\n showDivider = true,\n className,\n itemClassName,\n classNames,\n ref,\n }) => {\n const isSolidColored = variant === \"solid\" && color !== \"default\";\n const baseId = useId();\n const [internalActiveKey, setInternalActiveKey] = useState<\n string | string[]\n >(\n defaultActiveKey\n ? multiple && !Array.isArray(defaultActiveKey)\n ? [defaultActiveKey]\n : defaultActiveKey\n : multiple\n ? []\n : \"\",\n );\n\n const activeKey =\n controlledActiveKey !== undefined\n ? controlledActiveKey\n : internalActiveKey;\n\n const isActive = (key: string) => {\n if (Array.isArray(activeKey)) {\n return activeKey.includes(key);\n }\n return activeKey === key;\n };\n\n const handleToggle = (key: string, disabled?: boolean) => {\n if (disabled) return;\n\n let newActiveKey: string | string[];\n\n if (multiple) {\n const currentKeys = Array.isArray(activeKey)\n ? activeKey\n : activeKey\n ? [activeKey]\n : [];\n newActiveKey = currentKeys.includes(key)\n ? currentKeys.filter((k) => k !== key)\n : [...currentKeys, key];\n } else {\n // collapsible=false means one panel must stay open (non-collapsible)\n if (!collapsible && activeKey === key) {\n return;\n }\n newActiveKey = activeKey === key ? \"\" : key;\n }\n\n if (controlledActiveKey === undefined) {\n setInternalActiveKey(newActiveKey);\n }\n onChange?.(newActiveKey);\n };\n\n // Render expand icon\n const renderExpandIcon = (isExpanded: boolean) => {\n if (expandIcon === false) return null;\n\n if (typeof expandIcon === \"function\") {\n return expandIcon(isExpanded);\n }\n\n if (expandIcon) {\n return (\n <span\n className={cn(\n \"shrink-0 transition-transform duration-300\",\n isExpanded && \"rotate-180\",\n )}\n >\n {expandIcon}\n </span>\n );\n }\n\n return (\n <ChevronDown\n className={cn(\n \"shrink-0 transition-transform duration-300\",\n isExpanded && \"rotate-180\",\n isSolidColored ? \"text-inherit\" : getIconColor(color, isExpanded),\n iconSizes[size as AccordionSize],\n )}\n />\n );\n };\n\n return (\n <div\n ref={ref}\n data-slot=\"root\"\n className={cn(\n \"accordion_root\",\n accordionContainerVariants({\n variant,\n color,\n showDivider: showDivider && variant !== \"splitted\",\n }),\n classNames?.root,\n className,\n )}\n >\n {items.map((item) => {\n const isItemActive = isActive(item.key);\n const headerId = `${baseId}-header-${item.key}`;\n const panelId = `${baseId}-panel-${item.key}`;\n\n return (\n <div\n key={item.key}\n data-slot=\"item\"\n className={cn(\n \"accordion_item\",\n accordionItemVariants({ variant, color }),\n item.disabled && \"opacity-50\",\n classNames?.item,\n itemClassName,\n )}\n >\n <button\n type=\"button\"\n id={headerId}\n aria-expanded={isItemActive}\n aria-controls={panelId}\n aria-disabled={item.disabled}\n disabled={item.disabled}\n onClick={() => handleToggle(item.key, item.disabled)}\n data-slot=\"trigger\"\n className={cn(\n \"accordion_trigger\",\n accordionHeaderVariants({\n size,\n color,\n disabled: item.disabled,\n }),\n classNames?.trigger,\n )}\n >\n {/* Left expand icon */}\n {expandIconPosition === \"left\" &&\n renderExpandIcon(isItemActive)}\n\n {/* Item icon */}\n {item.icon && (\n <span\n data-slot=\"icon\"\n className={cn(\n \"accordion_icon\",\n \"shrink-0\",\n isSolidColored ? \"text-inherit\" : getIconColor(color, isItemActive),\n classNames?.icon,\n )}\n >\n {item.icon}\n </span>\n )}\n\n {/* Title and subtitle */}\n <div className=\"flex-1 min-w-0\">\n <div\n className={cn(\n !isSolidColored &&\n isItemActive &&\n color !== \"default\" &&\n textColorClasses[color || \"default\"],\n )}\n >\n {item.title}\n </div>\n {item.subtitle && (\n <div className={cn(\n \"font-normal mt-0.5\",\n isSolidColored ? \"text-inherit opacity-80\" : \"text-text-secondary\",\n )}>\n {item.subtitle}\n </div>\n )}\n </div>\n\n {/* Extra content */}\n {item.extra && (\n <span className={cn(\n \"shrink-0\",\n isSolidColored ? \"text-inherit opacity-80\" : \"text-text-secondary\",\n )}>\n {item.extra}\n </span>\n )}\n\n {/* Right expand icon */}\n {expandIconPosition === \"right\" &&\n renderExpandIcon(isItemActive)}\n </button>\n\n {/* Content panel */}\n <div\n id={panelId}\n role=\"region\"\n aria-labelledby={headerId}\n aria-hidden={!isItemActive}\n className={cn(\n \"grid transition-[grid-template-rows] duration-300 ease-out\",\n isItemActive ? \"grid-rows-[1fr]\" : \"grid-rows-[0fr]\",\n )}\n >\n <div className=\"overflow-hidden\">\n {(!destroyOnClose || isItemActive) && (\n <div\n data-slot=\"content\"\n className={cn(\n \"accordion_content\",\n accordionContentVariants({ size }),\n isSolidColored && \"text-inherit opacity-90\",\n classNames?.content,\n )}\n >\n {item.content}\n </div>\n )}\n </div>\n </div>\n </div>\n );\n })}\n </div>\n );\n },\n);\n\nAccordion.displayName = \"Accordion\";\n\nexport type * from \"./types\";\nexport default Accordion;\n"]}
@@ -1,4 +1,4 @@
1
- export { collapse_default as default } from '../chunk-PMA4VCAH.js';
1
+ export { collapse_default as default } from '../chunk-BPRCBPVJ.js';
2
2
  import '../chunk-POXI7JJ4.js';
3
3
  import '../chunk-NGYLRX6F.js';
4
4
  //# sourceMappingURL=index.js.map
package/dist/index.js CHANGED
@@ -49,11 +49,11 @@ export { cascader_default as Cascader } from './chunk-L5UYN5LX.js';
49
49
  export { checkbox_default as Checkbox } from './chunk-I32ZQUYY.js';
50
50
  export { checkbox_group_default as CheckboxGroup } from './chunk-2PNLIQYM.js';
51
51
  export { clipboard_default as Clipboard } from './chunk-3PWILVOE.js';
52
- export { collapse_default as Collapse } from './chunk-PMA4VCAH.js';
52
+ export { collapse_default as Collapse } from './chunk-BPRCBPVJ.js';
53
53
  export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandModal, CommandSeparator, CommandShortcut } from './chunk-G6NVGBYZ.js';
54
54
  export { modal_default as Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, Modal as ModalRoot, ModalTitle, ModalTrigger } from './chunk-YXLIGJTN.js';
55
55
  export { context_menu_default as ContextMenu, ContextMenuContent } from './chunk-O3V3BTIJ.js';
56
- export { accordion_default as Accordion } from './chunk-HK3NJMSY.js';
56
+ export { accordion_default as Accordion } from './chunk-EZGK67T6.js';
57
57
  export { Avatar, AvatarGroup } from './chunk-LX4FDH4J.js';
58
58
  export { badge_default as Badge } from './chunk-POLVJ36Y.js';
59
59
  export { breadcrumbs_default as Breadcrumbs } from './chunk-64NHVOZS.js';
@@ -62,9 +62,9 @@ export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from './chunk-
62
62
  export { button_default as Button } from './chunk-RFHTC6AH.js';
63
63
  export { spinner_default as Spinner } from './chunk-Y4XAXZHB.js';
64
64
  export { RippleContainer, useRipple } from './chunk-OFUPJH35.js';
65
+ export { button_group_default as ButtonGroup } from './chunk-6HGUDHHE.js';
65
66
  export { card_default as Card } from './chunk-764UKE6X.js';
66
67
  export { bgSkeletonColorClasses, buttonColors, checkboxBorderColorClasses, checkedColorClasses, componentColors, createAllColorVariants, createDashedColorVariants, createDefaultColorVariants, createGhostColorVariants, createKbdColorVariants, createKbdOutlineColorVariants, createKbdSoftColorVariants, createKbdSolidColorVariants, createLinkColorVariants, createNotificationColorVariants, createNotificationOutlineColorVariants, createNotificationSoftColorVariants, createNotificationSolidColorVariants, createOutlineColorVariants, createPopoverColorVariants, createPopoverDefaultColorVariants, createPopoverSoftColorVariants, createPopoverSolidColorVariants, createSoftColorVariants, createSolidColorVariants, createTooltipSoftColorVariants, focusRingColorClasses, radioCheckedColorClasses, switchTrackColorClasses, textColorClasses, textColorVariants, tooltipSolidColorClasses } from './chunk-POXI7JJ4.js';
67
- export { button_group_default as ButtonGroup } from './chunk-6HGUDHHE.js';
68
68
  export { cn, getValidationStatus, iconSizes, statusMessageVariants } from './chunk-NGYLRX6F.js';
69
69
  import { useState, useEffect, useRef, useCallback } from 'react';
70
70
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mdigital_ui/ui",
3
- "version": "0.4.1",
3
+ "version": "0.4.2",
4
4
  "description": "Modern React component library built with Tailwind CSS v4",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
package/styles/global.css CHANGED
@@ -1688,6 +1688,9 @@
1688
1688
  .cursor-text {
1689
1689
  cursor: text;
1690
1690
  }
1691
+ .touch-manipulation {
1692
+ touch-action: manipulation;
1693
+ }
1691
1694
  .touch-none {
1692
1695
  touch-action: none;
1693
1696
  }
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/collapse/index.tsx"],"names":[],"mappings":"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","file":"chunk-PMA4VCAH.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport { ChevronDown } from 'lucide-react'\nimport React, { useState } from 'react'\n\nimport { cn, iconSizes } from '../utils'\nimport { focusRingColorClasses } from '../variants'\nimport type { CollapseProps } from './types'\n\nconst collapseVariants = cva(\n 'w-full border rounded-md transition-colors overflow-hidden',\n {\n variants: {\n size: {\n xs: '',\n sm: '',\n md: '',\n lg: '',\n },\n },\n defaultVariants: {\n size: 'md',\n },\n },\n)\n\nconst collapseHeaderVariants = cva(\n 'w-full flex items-center justify-between cursor-pointer transition-colors font-medium focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background rounded-sm',\n {\n variants: {\n size: {\n xs: 'px-2 py-1.5 text-xs',\n sm: 'px-3 py-2 text-sm',\n md: 'px-4 py-3 text-base',\n lg: 'px-5 py-4 text-lg',\n },\n disabled: {\n true: 'opacity-50 cursor-not-allowed',\n false: '',\n },\n },\n defaultVariants: {\n size: 'md',\n disabled: false,\n },\n },\n)\n\nconst collapseContentVariants = cva('transition-colors', {\n variants: {\n size: {\n xs: 'px-2 pb-2 text-xs',\n sm: 'px-3 pb-3 text-sm',\n md: 'px-4 pb-4 text-base',\n lg: 'px-5 pb-5 text-lg',\n },\n },\n defaultVariants: {\n size: 'md',\n },\n})\n\nconst colorStyles = {\n default: {\n default: 'border-border bg-background text-text-primary',\n solid: 'border-border bg-surface text-text-primary',\n soft: 'border-border bg-surface/50 text-text-primary',\n },\n primary: {\n default: 'border-primary bg-background text-text-primary',\n solid: 'border-primary bg-primary text-background',\n soft: 'border-primary/30 bg-primary/10 text-text-primary',\n },\n secondary: {\n default: 'border-secondary bg-background text-text-primary',\n solid: 'border-secondary bg-secondary text-background',\n soft: 'border-secondary/30 bg-secondary/10 text-text-primary',\n },\n accent: {\n default: 'border-accent bg-background text-text-primary',\n solid: 'border-accent bg-accent text-background',\n soft: 'border-accent/30 bg-accent/10 text-text-primary',\n },\n success: {\n default: 'border-success bg-background text-text-primary',\n solid: 'border-success bg-success text-background',\n soft: 'border-success/30 bg-success/10 text-text-primary',\n },\n error: {\n default: 'border-error bg-background text-text-primary',\n solid: 'border-error bg-error text-background',\n soft: 'border-error/30 bg-error/10 text-text-primary',\n },\n warning: {\n default: 'border-warning bg-background text-text-primary',\n solid: 'border-warning bg-warning text-background',\n soft: 'border-warning/30 bg-warning/10 text-text-primary',\n },\n info: {\n default: 'border-info bg-background text-text-primary',\n solid: 'border-info bg-info text-background',\n soft: 'border-info/30 bg-info/10 text-text-primary',\n },\n}\n\nconst headerColorStyles = {\n default: {\n default: 'text-text-primary hover:bg-surface',\n solid: 'text-text-primary hover:bg-surface/80',\n soft: 'text-text-primary hover:bg-surface/80',\n },\n primary: {\n default: 'text-primary hover:bg-primary/10',\n solid: 'hover:bg-primary/90',\n soft: 'text-primary hover:bg-primary/20',\n },\n secondary: {\n default: 'text-secondary hover:bg-secondary/10',\n solid: 'hover:bg-secondary/90',\n soft: 'text-secondary hover:bg-secondary/20',\n },\n accent: {\n default: 'text-accent hover:bg-accent/10',\n solid: 'hover:bg-accent/90',\n soft: 'text-accent hover:bg-accent/20',\n },\n success: {\n default: 'text-success hover:bg-success/10',\n solid: 'hover:bg-success/90',\n soft: 'text-success hover:bg-success/20',\n },\n error: {\n default: 'text-error hover:bg-error/10',\n solid: 'hover:bg-error/90',\n soft: 'text-error hover:bg-error/20',\n },\n warning: {\n default: 'text-warning hover:bg-warning/10',\n solid: 'hover:bg-warning/90',\n soft: 'text-warning hover:bg-warning/20',\n },\n info: {\n default: 'text-info hover:bg-info/10',\n solid: 'hover:bg-info/90',\n soft: 'text-info hover:bg-info/20',\n },\n}\n\nconst Collapse = React.memo<CollapseProps>(\n ({\n title,\n children,\n color = 'default',\n size = 'md',\n variant = 'default',\n defaultOpen = false,\n open: controlledOpen,\n onChange,\n disabled = false,\n className,\n classNames,\n ref,\n }) => {\n const [internalOpen, setInternalOpen] = useState(defaultOpen)\n const isOpen = controlledOpen !== undefined ? controlledOpen : internalOpen\n const uniqueId = React.useId()\n const headerId = `collapse-header-${uniqueId}`\n const contentId = `collapse-content-${uniqueId}`\n\n const handleToggle = () => {\n if (disabled) return\n\n const newOpen = !isOpen\n if (controlledOpen === undefined) {\n setInternalOpen(newOpen)\n }\n onChange?.(newOpen)\n }\n\n return (\n <div\n ref={ref}\n className={cn(\n 'collapse_root',\n collapseVariants({ size }),\n colorStyles[color][variant],\n classNames?.root,\n className,\n )}\n data-slot=\"root\"\n >\n <button\n id={headerId}\n type=\"button\"\n onClick={handleToggle}\n disabled={disabled}\n aria-expanded={isOpen}\n aria-controls={contentId}\n className={cn(\n 'collapse_header',\n collapseHeaderVariants({ size, disabled }),\n headerColorStyles[color][variant],\n focusRingColorClasses[color],\n classNames?.header,\n )}\n data-slot=\"header\"\n >\n <span>{title}</span>\n <ChevronDown\n className={cn(\n 'collapse_icon',\n iconSizes[size],\n 'transition-transform duration-300 ease-out flex-shrink-0',\n isOpen && 'rotate-180',\n classNames?.icon,\n )}\n data-slot=\"icon\"\n />\n </button>\n <div\n id={contentId}\n role=\"region\"\n aria-labelledby={headerId}\n aria-hidden={!isOpen}\n className={cn(\n 'grid transition-[grid-template-rows] duration-300 ease-out',\n isOpen ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]',\n )}\n >\n <div className=\"overflow-hidden\">\n <div\n className={cn(\n 'collapse_content',\n collapseContentVariants({ size }),\n classNames?.content,\n )}\n data-slot=\"content\"\n >\n {children}\n </div>\n </div>\n </div>\n </div>\n )\n },\n)\n\nCollapse.displayName = 'Collapse'\n\nexport type * from './types'\nexport default Collapse\n"]}