@zentauri-ui/zentauri-components 1.6.3 → 1.7.1

package/dist/chunk-HDO5ZM2S.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/tokens.ts","../src/design-system/button.ts","../src/ui/buttons/variants.ts"],"names":[],"mappings":";;;;;AAGO,IAAM,kBAAA,GAAqB,CAAC,mBAAA,EAAqB,aAAa,CAAA;AAE9D,IAAM,gBAAA,GAAmB;AAAA,EAC9B,OAAA,EAAS;AACX,CAAA;;;ACLO,IAAM,aAAA,GAAgB;AAAA,EAC3B,iEAAA;AAAA,EACA,4CAAA;AAAA,EACA,qBAAA;AAAA,EACA,mHAAA;AAAA,EACA,GAAG,kBAAA;AAAA,EACH,2MAAA;AAAA,EACA,gBAAA,CAAiB;AACnB,CAAA;AAEO,IAAM,oBAAA,GAAuB;AAAA,EAClC,OAAA,EACE,ycAAA;AAAA,EACF,SAAA,EACE,+UAAA;AAAA,EACF,WAAA,EACE,2VAAA;AAAA,EACF,OAAA,EACE,gdAAA;AAAA,EACF,KAAA,EACE,gPAAA;AAAA,EACF,IAAA,EAAM,2JAAA;AAAA,EACN,KAAA,EACE,idAAA;AAAA,EACF,OAAA,EACE,mUAAA;AAAA,EACF,MAAA,EACE,6TAAA;AAAA,EACF,MAAA,EACE,6TAAA;AAAA,EACF,IAAA,EAAM,iTAAA;AAAA,EACN,IAAA,EAAM,iTAAA;AAAA,EACN,GAAA,EAAK,2SAAA;AAAA,EACL,IAAA,EAAM,iTAAA;AAAA,EACN,MAAA,EACE,6TAAA;AAAA,EACF,MAAA,EACE,6TAAA;AAAA,EACF,IAAA,EAAM,iTAAA;AAAA,EACN,KAAA,EACE,uTAAA;AAAA,EACF,MAAA,EACE,6TAAA;AAAA,EACF,eAAA,EACE,knBAAA;AAAA,EACF,gBAAA,EACE,4nBAAA;AAAA,EACF,cAAA,EACE,wmBAAA;AAAA,EACF,iBAAA,EACE,soBAAA;AAAA,EACF,iBAAA,EACE,soBAAA;AAAA,EACF,eAAA,EACE,knBAAA;AAAA,EACF,iBAAA,EACE,soBAAA;AAAA,EACF,eAAA,EACE,knBAAA;AAAA,EACF,iBAAA,EACE;AACJ,CAAA;AAEO,IAAM,cAAA,GAAiB;AAAA,EAC5B,EAAA,EAAI,yBAAA;AAAA,EACJ,EAAA,EAAI,kBAAA;AAAA,EACJ,EAAA,EAAI,6BAAA;AAAA,EACJ,EAAA,EAAI,2BAAA;AAAA,EACJ,KAAA,EAAO,mCAAA;AAAA,EACP,KAAA,EAAO,qCAAA;AAAA,EACP,KAAA,EAAO,sCAAA;AAAA,EACP,KAAA,EAAO,sCAAA;AAAA,EACP,KAAA,EAAO,sCAAA;AAAA,EACP,KAAA,EAAO,sCAAA;AAAA,EACP,KAAA,EAAO,6BAAA;AAAA,EACP,KAAA,EAAO,sCAAA;AAAA,EACP,MAAA,EAAQ,sCAAA;AAAA,EACR,IAAA,EAAM;AACR,CAAA;;;ACxEO,IAAM,cAAA,GAAiB,IAAI,aAAA,EAAe;AAAA,EAC/C,QAAA,EAAU;AAAA,IACR,UAAA,EAAY,oBAAA;AAAA,IACZ,IAAA,EAAM;AAAA,GACR;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM;AAAA;AAEV,CAAC","file":"chunk-HDO5ZM2S.mjs","sourcesContent":["export const zuiCssVariablePattern =\n  \"--zui-<component>-<slot?>-<variant?>-<property>-<state?>-dark?\" as const;\n\nexport const zuiInteractiveBase = [\"transition-colors\", \"select-none\"] as const;\n\nexport const zuiDisabledState = {\n  default: \"disabled:pointer-events-none disabled:opacity-50\",\n} as const;\n\nexport const zuiFocusRing = {\n  default:\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-focus-ring,oklch(44.6%_0.043_257.281))] dark:focus-visible:ring-[var(--zui-focus-ring-dark,oklch(86.9%_0.022_252.894))] focus-visible:ring-offset-2\",\n} as const;\n\nexport const zuiRingOffset = {\n  default:\n    \"ring-offset-[var(--zui-ring-offset,oklch(98.4%_0.003_247.858))] dark:ring-offset-[var(--zui-ring-offset-dark,oklch(12.9%_0.042_264.695))]\",\n} as const;\n\nexport const zuiRadius = {\n  xl: \"rounded-[var(--zui-radius-xl,0.75rem)]\",\n} as const;\n","import { zuiDisabledState, zuiInteractiveBase } from \"./tokens\";\n\nexport const zuiButtonBase = [\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap\",\n  \"rounded-[var(--zui-button-radius,0.75rem)]\",\n  \"text-sm font-medium\",\n  \"ring-offset-[var(--zui-button-ring-offset,#f8fafc)] dark:ring-offset-[var(--zui-button-ring-offset-dark,#020617)]\",\n  ...zuiInteractiveBase,\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-button-focus-ring,#475569)] dark:focus-visible:ring-[var(--zui-button-focus-ring-dark,#cbd5e1)] focus-visible:ring-offset-2\",\n  zuiDisabledState.default,\n] as const;\n\nexport const zuiButtonAppearances = {\n  default:\n    \"bg-[var(--zui-button-default-bg,#0f172a)] dark:bg-[var(--zui-button-default-bg-dark,#f8fafc)] text-[color:var(--zui-button-default-fg,#f8fafc)] dark:text-[color:var(--zui-button-default-fg-dark,#020617)] shadow-[var(--zui-button-default-shadow,0_1px_2px_#0f172a14)] dark:shadow-[var(--zui-button-default-shadow-dark,0_1px_2px_#0f172a1f)] hover:bg-[var(--zui-button-default-bg-hover,#000000)] dark:hover:bg-[var(--zui-button-default-bg-hover-dark,#ffffff)]\",\n  secondary:\n    \"bg-[var(--zui-button-secondary-bg,#e2e8f0)] dark:bg-[var(--zui-button-secondary-bg-dark,#1e293b)] text-[color:var(--zui-button-secondary-fg,#0f172a)] dark:text-[color:var(--zui-button-secondary-fg-dark,#f8fafc)] hover:bg-[var(--zui-button-secondary-bg-hover,#cbd5e1)] dark:hover:bg-[var(--zui-button-secondary-bg-hover-dark,#334155)]\",\n  destructive:\n    \"bg-[var(--zui-button-destructive-bg,#f43f5e)] dark:bg-[var(--zui-button-destructive-bg-dark,#be123c)] text-[color:var(--zui-button-destructive-fg,#ffffff)] dark:text-[color:var(--zui-button-destructive-fg-dark,#ffffff)] hover:bg-[var(--zui-button-destructive-bg-hover,#f43f5e)] dark:hover:bg-[var(--zui-button-destructive-bg-hover-dark,#9f1239)]\",\n  outline:\n    \"border border-[color:var(--zui-button-outline-border,#0000001a)] dark:border-[color:var(--zui-button-outline-border-dark,#ffffff1a)] bg-[var(--zui-button-outline-bg,#0000000d)] dark:bg-[var(--zui-button-outline-bg-dark,#ffffff0d)] text-[color:var(--zui-button-outline-fg,#0f172a)] dark:text-[color:var(--zui-button-outline-fg-dark,#f8fafc)] hover:bg-[var(--zui-button-outline-bg-hover,#0000001a)] dark:hover:bg-[var(--zui-button-outline-bg-hover-dark,#ffffff1a)]\",\n  ghost:\n    \"bg-transparent text-[color:var(--zui-button-ghost-fg,#334155)] dark:text-[color:var(--zui-button-ghost-fg-dark,#e2e8f0)] hover:bg-[var(--zui-button-ghost-bg-hover,#0000000d)] dark:hover:bg-[var(--zui-button-ghost-bg-hover-dark,#ffffff0d)]\",\n  link: \"bg-transparent text-[color:var(--zui-button-link-fg,#0e7490)] dark:text-[color:var(--zui-button-link-fg-dark,#67e8f9)] underline-offset-4 hover:underline\",\n  glass:\n    \"border border-[color:var(--zui-button-glass-border,#00000026)] dark:border-[color:var(--zui-button-glass-border-dark,#ffffff26)] bg-[var(--zui-button-glass-bg,#0000001a)] dark:bg-[var(--zui-button-glass-bg-dark,#ffffff1a)] text-[color:var(--zui-button-glass-fg,#0f172a)] dark:text-[color:var(--zui-button-glass-fg-dark,#ffffff)] backdrop-blur-md hover:bg-[var(--zui-button-glass-bg-hover,#00000026)] dark:hover:bg-[var(--zui-button-glass-bg-hover-dark,#ffffff26)]\",\n  emerald:\n    \"bg-[var(--zui-button-emerald-bg,#10b981)] dark:bg-[var(--zui-button-emerald-bg-dark,#065f46)] text-[color:var(--zui-button-emerald-fg,#ffffff)] dark:text-[color:var(--zui-button-emerald-fg-dark,#ffffff)] hover:bg-[var(--zui-button-emerald-bg-hover,#10b981)] dark:hover:bg-[var(--zui-button-emerald-bg-hover-dark,#064e3b)]\",\n  indigo:\n    \"bg-[var(--zui-button-indigo-bg,#3730a3)] dark:bg-[var(--zui-button-indigo-bg-dark,#4f46e5)] text-[color:var(--zui-button-indigo-fg,#ffffff)] dark:text-[color:var(--zui-button-indigo-fg-dark,#ffffff)] hover:bg-[var(--zui-button-indigo-bg-hover,#3730a3)] dark:hover:bg-[var(--zui-button-indigo-bg-hover-dark,#4f46e5)]\",\n  purple:\n    \"bg-[var(--zui-button-purple-bg,#6b21a8)] dark:bg-[var(--zui-button-purple-bg-dark,#9333ea)] text-[color:var(--zui-button-purple-fg,#ffffff)] dark:text-[color:var(--zui-button-purple-fg-dark,#ffffff)] hover:bg-[var(--zui-button-purple-bg-hover,#6b21a8)] dark:hover:bg-[var(--zui-button-purple-bg-hover-dark,#9333ea)]\",\n  pink: \"bg-[var(--zui-button-pink-bg,#9d174d)] dark:bg-[var(--zui-button-pink-bg-dark,#db2777)] text-[color:var(--zui-button-pink-fg,#ffffff)] dark:text-[color:var(--zui-button-pink-fg-dark,#ffffff)] hover:bg-[var(--zui-button-pink-bg-hover,#9d174d)] dark:hover:bg-[var(--zui-button-pink-bg-hover-dark,#db2777)]\",\n  rose: \"bg-[var(--zui-button-rose-bg,#9f1239)] dark:bg-[var(--zui-button-rose-bg-dark,#e11d48)] text-[color:var(--zui-button-rose-fg,#ffffff)] dark:text-[color:var(--zui-button-rose-fg-dark,#ffffff)] hover:bg-[var(--zui-button-rose-bg-hover,#9f1239)] dark:hover:bg-[var(--zui-button-rose-bg-hover-dark,#e11d48)]\",\n  sky: \"bg-[var(--zui-button-sky-bg,#0ea5e9)] dark:bg-[var(--zui-button-sky-bg-dark,#0369a1)] text-[color:var(--zui-button-sky-fg,#ffffff)] dark:text-[color:var(--zui-button-sky-fg-dark,#ffffff)] hover:bg-[var(--zui-button-sky-bg-hover,#0ea5e9)] dark:hover:bg-[var(--zui-button-sky-bg-hover-dark,#075985)]\",\n  teal: \"bg-[var(--zui-button-teal-bg,#14b8a6)] dark:bg-[var(--zui-button-teal-bg-dark,#0f766e)] text-[color:var(--zui-button-teal-fg,#ffffff)] dark:text-[color:var(--zui-button-teal-fg-dark,#ffffff)] hover:bg-[var(--zui-button-teal-bg-hover,#14b8a6)] dark:hover:bg-[var(--zui-button-teal-bg-hover-dark,#115e59)]\",\n  yellow:\n    \"bg-[var(--zui-button-yellow-bg,#eab308)] dark:bg-[var(--zui-button-yellow-bg-dark,#854d0e)] text-[color:var(--zui-button-yellow-fg,#ffffff)] dark:text-[color:var(--zui-button-yellow-fg-dark,#ffffff)] hover:bg-[var(--zui-button-yellow-bg-hover,#eab308)] dark:hover:bg-[var(--zui-button-yellow-bg-hover-dark,#713f12)]\",\n  orange:\n    \"bg-[var(--zui-button-orange-bg,#f97316)] dark:bg-[var(--zui-button-orange-bg-dark,#9a3412)] text-[color:var(--zui-button-orange-fg,#ffffff)] dark:text-[color:var(--zui-button-orange-fg-dark,#ffffff)] hover:bg-[var(--zui-button-orange-bg-hover,#f97316)] dark:hover:bg-[var(--zui-button-orange-bg-hover-dark,#7c2d12)]\",\n  gray: \"bg-[var(--zui-button-gray-bg,#6b7280)] dark:bg-[var(--zui-button-gray-bg-dark,#374151)] text-[color:var(--zui-button-gray-fg,#ffffff)] dark:text-[color:var(--zui-button-gray-fg-dark,#ffffff)] hover:bg-[var(--zui-button-gray-bg-hover,#6b7280)] dark:hover:bg-[var(--zui-button-gray-bg-hover-dark,#1f2937)]\",\n  amber:\n    \"bg-[var(--zui-button-amber-bg,#f59e0b)] dark:bg-[var(--zui-button-amber-bg-dark,#92400e)] text-[color:var(--zui-button-amber-fg,#ffffff)] dark:text-[color:var(--zui-button-amber-fg-dark,#ffffff)] hover:bg-[var(--zui-button-amber-bg-hover,#f59e0b)] dark:hover:bg-[var(--zui-button-amber-bg-hover-dark,#78350f)]\",\n  violet:\n    \"bg-[var(--zui-button-violet-bg,#5b21b6)] dark:bg-[var(--zui-button-violet-bg-dark,#7c3aed)] text-[color:var(--zui-button-violet-fg,#ffffff)] dark:text-[color:var(--zui-button-violet-fg-dark,#ffffff)] hover:bg-[var(--zui-button-violet-bg-hover,#5b21b6)] dark:hover:bg-[var(--zui-button-violet-bg-hover-dark,#7c3aed)]\",\n  \"gradient-blue\":\n    \"bg-linear-to-r from-[var(--zui-button-gradient-blue-from,#1e40af)] dark:from-[var(--zui-button-gradient-blue-from-dark,#2563eb)] to-[var(--zui-button-gradient-blue-to,#6b21a8)] dark:to-[var(--zui-button-gradient-blue-to-dark,#9333ea)] text-[color:var(--zui-button-gradient-blue-fg,#ffffff)] dark:text-[color:var(--zui-button-gradient-blue-fg-dark,#ffffff)] hover:from-[var(--zui-button-gradient-blue-from-hover,#1e40af)] dark:hover:from-[var(--zui-button-gradient-blue-from-hover-dark,#2563eb)] hover:to-[var(--zui-button-gradient-blue-to-hover,#6b21a8)] dark:hover:to-[var(--zui-button-gradient-blue-to-hover-dark,#9333ea)]\",\n  \"gradient-green\":\n    \"bg-linear-to-r from-[var(--zui-button-gradient-green-from,#166534)] dark:from-[var(--zui-button-gradient-green-from-dark,#16a34a)] to-[var(--zui-button-gradient-green-to,#3f6212)] dark:to-[var(--zui-button-gradient-green-to-dark,#65a30d)] text-[color:var(--zui-button-gradient-green-fg,#ffffff)] dark:text-[color:var(--zui-button-gradient-green-fg-dark,#ffffff)] hover:from-[var(--zui-button-gradient-green-from-hover,#166534)] dark:hover:from-[var(--zui-button-gradient-green-from-hover-dark,#16a34a)] hover:to-[var(--zui-button-gradient-green-to-hover,#3f6212)] dark:hover:to-[var(--zui-button-gradient-green-to-hover-dark,#65a30d)]\",\n  \"gradient-red\":\n    \"bg-linear-to-r from-[var(--zui-button-gradient-red-from,#991b1b)] dark:from-[var(--zui-button-gradient-red-from-dark,#dc2626)] to-[var(--zui-button-gradient-red-to,#9d174d)] dark:to-[var(--zui-button-gradient-red-to-dark,#db2777)] text-[color:var(--zui-button-gradient-red-fg,#ffffff)] dark:text-[color:var(--zui-button-gradient-red-fg-dark,#ffffff)] hover:from-[var(--zui-button-gradient-red-from-hover,#991b1b)] dark:hover:from-[var(--zui-button-gradient-red-from-hover-dark,#dc2626)] hover:to-[var(--zui-button-gradient-red-to-hover,#9d174d)] dark:hover:to-[var(--zui-button-gradient-red-to-hover-dark,#db2777)]\",\n  \"gradient-yellow\":\n    \"bg-linear-to-r from-[var(--zui-button-gradient-yellow-from,#854d0e)] dark:from-[var(--zui-button-gradient-yellow-from-dark,#ca8a04)] to-[var(--zui-button-gradient-yellow-to,#9a3412)] dark:to-[var(--zui-button-gradient-yellow-to-dark,#ea580c)] text-[color:var(--zui-button-gradient-yellow-fg,#ffffff)] dark:text-[color:var(--zui-button-gradient-yellow-fg-dark,#ffffff)] hover:from-[var(--zui-button-gradient-yellow-from-hover,#854d0e)] dark:hover:from-[var(--zui-button-gradient-yellow-from-hover-dark,#ca8a04)] hover:to-[var(--zui-button-gradient-yellow-to-hover,#9a3412)] dark:hover:to-[var(--zui-button-gradient-yellow-to-hover-dark,#ea580c)]\",\n  \"gradient-purple\":\n    \"bg-linear-to-r from-[var(--zui-button-gradient-purple-from,#6b21a8)] dark:from-[var(--zui-button-gradient-purple-from-dark,#9333ea)] to-[var(--zui-button-gradient-purple-to,#9d174d)] dark:to-[var(--zui-button-gradient-purple-to-dark,#db2777)] text-[color:var(--zui-button-gradient-purple-fg,#ffffff)] dark:text-[color:var(--zui-button-gradient-purple-fg-dark,#ffffff)] hover:from-[var(--zui-button-gradient-purple-from-hover,#6b21a8)] dark:hover:from-[var(--zui-button-gradient-purple-from-hover-dark,#9333ea)] hover:to-[var(--zui-button-gradient-purple-to-hover,#9d174d)] dark:hover:to-[var(--zui-button-gradient-purple-to-hover-dark,#db2777)]\",\n  \"gradient-teal\":\n    \"bg-linear-to-r from-[var(--zui-button-gradient-teal-from,#115e59)] dark:from-[var(--zui-button-gradient-teal-from-dark,#0d9488)] to-[var(--zui-button-gradient-teal-to,#155e75)] dark:to-[var(--zui-button-gradient-teal-to-dark,#0891b2)] text-[color:var(--zui-button-gradient-teal-fg,#ffffff)] dark:text-[color:var(--zui-button-gradient-teal-fg-dark,#ffffff)] hover:from-[var(--zui-button-gradient-teal-from-hover,#115e59)] dark:hover:from-[var(--zui-button-gradient-teal-from-hover-dark,#0d9488)] hover:to-[var(--zui-button-gradient-teal-to-hover,#155e75)] dark:hover:to-[var(--zui-button-gradient-teal-to-hover-dark,#0891b2)]\",\n  \"gradient-indigo\":\n    \"bg-linear-to-r from-[var(--zui-button-gradient-indigo-from,#3730a3)] dark:from-[var(--zui-button-gradient-indigo-from-dark,#4f46e5)] to-[var(--zui-button-gradient-indigo-to,#6b21a8)] dark:to-[var(--zui-button-gradient-indigo-to-dark,#9333ea)] text-[color:var(--zui-button-gradient-indigo-fg,#ffffff)] dark:text-[color:var(--zui-button-gradient-indigo-fg-dark,#ffffff)] hover:from-[var(--zui-button-gradient-indigo-from-hover,#3730a3)] dark:hover:from-[var(--zui-button-gradient-indigo-from-hover-dark,#4f46e5)] hover:to-[var(--zui-button-gradient-indigo-to-hover,#6b21a8)] dark:hover:to-[var(--zui-button-gradient-indigo-to-hover-dark,#9333ea)]\",\n  \"gradient-pink\":\n    \"bg-linear-to-r from-[var(--zui-button-gradient-pink-from,#9d174d)] dark:from-[var(--zui-button-gradient-pink-from-dark,#db2777)] to-[var(--zui-button-gradient-pink-to,#9f1239)] dark:to-[var(--zui-button-gradient-pink-to-dark,#e11d48)] text-[color:var(--zui-button-gradient-pink-fg,#ffffff)] dark:text-[color:var(--zui-button-gradient-pink-fg-dark,#ffffff)] hover:from-[var(--zui-button-gradient-pink-from-hover,#9d174d)] dark:hover:from-[var(--zui-button-gradient-pink-from-hover-dark,#db2777)] hover:to-[var(--zui-button-gradient-pink-to-hover,#9f1239)] dark:hover:to-[var(--zui-button-gradient-pink-to-hover-dark,#e11d48)]\",\n  \"gradient-orange\":\n    \"bg-linear-to-r from-[var(--zui-button-gradient-orange-from,#9a3412)] dark:from-[var(--zui-button-gradient-orange-from-dark,#ea580c)] to-[var(--zui-button-gradient-orange-to,#991b1b)] dark:to-[var(--zui-button-gradient-orange-to-dark,#dc2626)] text-[color:var(--zui-button-gradient-orange-fg,#ffffff)] dark:text-[color:var(--zui-button-gradient-orange-fg-dark,#ffffff)] hover:from-[var(--zui-button-gradient-orange-from-hover,#9a3412)] dark:hover:from-[var(--zui-button-gradient-orange-from-hover-dark,#ea580c)] hover:to-[var(--zui-button-gradient-orange-to-hover,#991b1b)] dark:hover:to-[var(--zui-button-gradient-orange-to-hover-dark,#dc2626)]\",\n} as const;\n\nexport const zuiButtonSizes = {\n  sm: \"h-7 md:h-9 px-3 text-xs\",\n  md: \"h-9 md:h-11 px-4\",\n  lg: \"h-10 md:h-12 px-5 text-base\",\n  xl: \"h-12 md:h-14 px-6 text-lg\",\n  \"2xl\": \"h-14 md:h-16 px-6 md:px-8 text-xl\",\n  \"3xl\": \"h-16 md:h-18 px-8 md:px-10 text-2xl\",\n  \"4xl\": \"h-18 md:h-20 px-10 md:px-12 text-2xl\",\n  \"5xl\": \"h-20 md:h-22 px-12 md:px-14 text-2xl\",\n  \"6xl\": \"h-22 md:h-24 px-14 md:px-16 text-2xl\",\n  \"7xl\": \"h-24 md:h-26 px-16 md:px-18 text-2xl\",\n  \"8xl\": \"h-26 md:h-28 px-20 text-2xl\",\n  \"9xl\": \"h-24 md:h-30 px-18 md:px-22 text-2xl\",\n  \"10xl\": \"h-26 md:h-32 px-20 md:px-24 text-2xl\",\n  icon: \"h-10 w-10\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiButtonAppearances,\n  zuiButtonBase,\n  zuiButtonSizes,\n} from \"../../design-system\";\n\nexport const buttonVariants = cva(zuiButtonBase, {\n  variants: {\n    appearance: zuiButtonAppearances,\n    size: zuiButtonSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n"]}

package/dist/chunk-HMNIH3KJ.mjs

@@ -0,0 +1,277 @@
+import { cn } from './chunk-4D54YOL6.mjs';
+import { cva } from 'class-variance-authority';
+import { createContext, useContext, useState, useMemo, useCallback, useId } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+// src/design-system/accordion.ts
+var zuiAccordionBase = "w-full";
+var zuiAccordionAppearances = {
+  default: "divide-y divide-[var(--zui-accordion-default-divider,#0000001a)] dark:divide-[var(--zui-accordion-default-divider-dark,#ffffff1a)] rounded-xl border border-[color:var(--zui-accordion-default-border,#0000001a)] dark:border-[color:var(--zui-accordion-default-border-dark,#ffffff1a)]",
+  outline: "divide-y divide-[var(--zui-accordion-outline-divider,#0000001a)] dark:divide-[var(--zui-accordion-outline-divider-dark,#ffffff1a)] rounded-xl border border-[color:var(--zui-accordion-outline-border,#00000026)] dark:border-[color:var(--zui-accordion-outline-border-dark,#ffffff26)]",
+  ghost: "divide-y divide-[var(--zui-accordion-ghost-divider,#0000000d)] dark:divide-[var(--zui-accordion-ghost-divider-dark,#ffffff0d)]",
+  card: "space-y-2",
+  separated: "space-y-3",
+  sky: "divide-y divide-[var(--zui-accordion-sky-divider,oklch(44.3%_0.11_240.79))] dark:divide-[var(--zui-accordion-sky-divider-dark,oklch(58.8%_0.158_241.966))] rounded-xl border border-[color:var(--zui-accordion-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-accordion-sky-border-dark,oklch(58.8%_0.158_241.966))]",
+  rose: "divide-y divide-[var(--zui-accordion-rose-divider,oklch(45.5%_0.188_13.697))] dark:divide-[var(--zui-accordion-rose-divider-dark,oklch(58.6%_0.253_17.585))] rounded-xl border border-[color:var(--zui-accordion-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-accordion-rose-border-dark,oklch(58.6%_0.253_17.585))]",
+  purple: "divide-y divide-[var(--zui-accordion-purple-divider,oklch(43.8%_0.218_303.724))] dark:divide-[var(--zui-accordion-purple-divider-dark,oklch(55.8%_0.288_302.321))] rounded-xl border border-[color:var(--zui-accordion-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-accordion-purple-border-dark,oklch(55.8%_0.288_302.321))]",
+  pink: "divide-y divide-[var(--zui-accordion-pink-divider,oklch(45.9%_0.187_3.815))] dark:divide-[var(--zui-accordion-pink-divider-dark,oklch(59.2%_0.249_0.584))] rounded-xl border border-[color:var(--zui-accordion-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-accordion-pink-border-dark,oklch(59.2%_0.249_0.584))]",
+  orange: "divide-y divide-[var(--zui-accordion-orange-divider,oklch(47%_0.157_37.304))] dark:divide-[var(--zui-accordion-orange-divider-dark,oklch(64.6%_0.222_41.116))] rounded-xl border border-[color:var(--zui-accordion-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-accordion-orange-border-dark,oklch(64.6%_0.222_41.116))]",
+  yellow: "divide-y divide-[var(--zui-accordion-yellow-divider,oklch(47.6%_0.114_61.907))] dark:divide-[var(--zui-accordion-yellow-divider-dark,oklch(68.1%_0.162_75.834))] rounded-xl border border-[color:var(--zui-accordion-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-accordion-yellow-border-dark,oklch(68.1%_0.162_75.834))]",
+  teal: "divide-y divide-[var(--zui-accordion-teal-divider,oklch(43.7%_0.078_188.216))] dark:divide-[var(--zui-accordion-teal-divider-dark,oklch(60%_0.118_184.704))] rounded-xl border border-[color:var(--zui-accordion-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-accordion-teal-border-dark,oklch(60%_0.118_184.704))]",
+  indigo: "divide-y divide-[var(--zui-accordion-indigo-divider,oklch(39.8%_0.195_277.366))] dark:divide-[var(--zui-accordion-indigo-divider-dark,oklch(51.1%_0.262_276.966))] rounded-xl border border-[color:var(--zui-accordion-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-accordion-indigo-border-dark,oklch(51.1%_0.262_276.966))]",
+  emerald: "divide-y divide-[var(--zui-accordion-emerald-divider,oklch(43.2%_0.095_166.913))] dark:divide-[var(--zui-accordion-emerald-divider-dark,oklch(59.6%_0.145_163.225))] rounded-xl border border-[color:var(--zui-accordion-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-accordion-emerald-border-dark,oklch(59.6%_0.145_163.225))]",
+  "gradient-blue": "divide-y divide-[var(--zui-accordion-gradient-blue-divider,oklch(42.4%_0.199_265.638))] dark:divide-[var(--zui-accordion-gradient-blue-divider-dark,oklch(54.6%_0.245_262.881))] rounded-xl border border-[color:var(--zui-accordion-gradient-blue-border,oklch(42.4%_0.199_265.638))] dark:border-[color:var(--zui-accordion-gradient-blue-border-dark,oklch(54.6%_0.245_262.881))]",
+  "gradient-green": "divide-y divide-[var(--zui-accordion-gradient-green-divider,oklch(44.8%_0.119_151.328))] dark:divide-[var(--zui-accordion-gradient-green-divider-dark,oklch(62.7%_0.194_149.214))] rounded-xl border border-[color:var(--zui-accordion-gradient-green-border,oklch(44.8%_0.119_151.328))] dark:border-[color:var(--zui-accordion-gradient-green-border-dark,oklch(62.7%_0.194_149.214))]",
+  "gradient-red": "divide-y divide-[var(--zui-accordion-gradient-red-divider,oklch(44.4%_0.177_26.899))] dark:divide-[var(--zui-accordion-gradient-red-divider-dark,oklch(57.7%_0.245_27.325))] rounded-xl border border-[color:var(--zui-accordion-gradient-red-border,oklch(44.4%_0.177_26.899))] dark:border-[color:var(--zui-accordion-gradient-red-border-dark,oklch(57.7%_0.245_27.325))]",
+  "gradient-yellow": "divide-y divide-[var(--zui-accordion-gradient-yellow-divider,oklch(47.6%_0.114_61.907))] dark:divide-[var(--zui-accordion-gradient-yellow-divider-dark,oklch(68.1%_0.162_75.834))] rounded-xl border border-[color:var(--zui-accordion-gradient-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-accordion-gradient-yellow-border-dark,oklch(68.1%_0.162_75.834))]",
+  "gradient-purple": "divide-y divide-[var(--zui-accordion-gradient-purple-divider,oklch(43.8%_0.218_303.724))] dark:divide-[var(--zui-accordion-gradient-purple-divider-dark,oklch(55.8%_0.288_302.321))] rounded-xl border border-[color:var(--zui-accordion-gradient-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-accordion-gradient-purple-border-dark,oklch(55.8%_0.288_302.321))]",
+  "gradient-teal": "divide-y divide-[var(--zui-accordion-gradient-teal-divider,oklch(43.7%_0.078_188.216))] dark:divide-[var(--zui-accordion-gradient-teal-divider-dark,oklch(60%_0.118_184.704))] rounded-xl border border-[color:var(--zui-accordion-gradient-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-accordion-gradient-teal-border-dark,oklch(60%_0.118_184.704))]",
+  "gradient-indigo": "divide-y divide-[var(--zui-accordion-gradient-indigo-divider,oklch(39.8%_0.195_277.366))] dark:divide-[var(--zui-accordion-gradient-indigo-divider-dark,oklch(51.1%_0.262_276.966))] rounded-xl border border-[color:var(--zui-accordion-gradient-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-accordion-gradient-indigo-border-dark,oklch(51.1%_0.262_276.966))]",
+  "gradient-pink": "divide-y divide-[var(--zui-accordion-gradient-pink-divider,oklch(45.9%_0.187_3.815))] dark:divide-[var(--zui-accordion-gradient-pink-divider-dark,oklch(59.2%_0.249_0.584))] rounded-xl border border-[color:var(--zui-accordion-gradient-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-accordion-gradient-pink-border-dark,oklch(59.2%_0.249_0.584))]",
+  "gradient-orange": "divide-y divide-[var(--zui-accordion-gradient-orange-divider,oklch(47%_0.157_37.304))] dark:divide-[var(--zui-accordion-gradient-orange-divider-dark,oklch(64.6%_0.222_41.116))] rounded-xl border border-[color:var(--zui-accordion-gradient-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-accordion-gradient-orange-border-dark,oklch(64.6%_0.222_41.116))]"
+};
+var zuiAccordionSizes = {
+  sm: "px-3 py-2 text-sm",
+  md: "px-4 py-3 text-sm",
+  lg: "px-5 py-4 text-base"
+};
+var zuiAccordionItemBase = "text-[color:var(--zui-accordion-item-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-accordion-item-fg-dark,oklch(92.9%_0.013_255.508))]";
+var zuiAccordionItemAppearances = {
+  default: "",
+  outline: "",
+  ghost: "",
+  card: "rounded-xl border border-[color:var(--zui-accordion-item-card-border,#0000001a)] bg-[var(--zui-accordion-item-card-bg,#0000000d)] p-2",
+  separated: "rounded-xl border border-[color:var(--zui-accordion-item-separated-border,#0000001a)] dark:border-[color:var(--zui-accordion-item-separated-border-dark,#ffffff1a)] bg-[var(--zui-accordion-item-separated-bg,oklch(98.4%_0.003_247.858_/_0.4))] dark:bg-[var(--zui-accordion-item-separated-bg-dark,oklch(12.9%_0.042_264.695_/_0.4))] p-2",
+  sky: "rounded-xl border border-[color:var(--zui-accordion-item-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-accordion-item-sky-border-dark,oklch(58.8%_0.158_241.966))] bg-[var(--zui-accordion-item-sky-bg,oklch(95.1%_0.026_236.824_/_0.5))] dark:bg-[var(--zui-accordion-item-sky-bg-dark,oklch(58.8%_0.158_241.966_/_0.03))] p-2",
+  rose: "rounded-xl border border-[color:var(--zui-accordion-item-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-accordion-item-rose-border-dark,oklch(58.6%_0.253_17.585))] bg-[var(--zui-accordion-item-rose-bg,oklch(94.1%_0.03_12.58_/_0.5))] dark:bg-[var(--zui-accordion-item-rose-bg-dark,oklch(58.6%_0.253_17.585_/_0.03))] p-2",
+  purple: "rounded-xl border border-[color:var(--zui-accordion-item-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-accordion-item-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-[var(--zui-accordion-item-purple-bg,oklch(94.6%_0.033_307.174_/_0.5))] dark:bg-[var(--zui-accordion-item-purple-bg-dark,oklch(55.8%_0.288_302.321_/_0.03))] p-2",
+  pink: "rounded-xl border border-[color:var(--zui-accordion-item-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-accordion-item-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-[var(--zui-accordion-item-pink-bg,oklch(94.8%_0.028_342.258_/_0.5))] dark:bg-[var(--zui-accordion-item-pink-bg-dark,oklch(59.2%_0.249_0.584_/_0.03))] p-2",
+  orange: "rounded-xl border border-[color:var(--zui-accordion-item-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-accordion-item-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-[var(--zui-accordion-item-orange-bg,oklch(95.4%_0.038_75.164_/_0.5))] dark:bg-[var(--zui-accordion-item-orange-bg-dark,oklch(64.6%_0.222_41.116_/_0.03))] p-2",
+  yellow: "rounded-xl border border-[color:var(--zui-accordion-item-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-accordion-item-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-[var(--zui-accordion-item-yellow-bg,oklch(97.3%_0.071_103.193_/_0.5))] dark:bg-[var(--zui-accordion-item-yellow-bg-dark,oklch(68.1%_0.162_75.834_/_0.03))] p-2",
+  teal: "rounded-xl border border-[color:var(--zui-accordion-item-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-accordion-item-teal-border-dark,oklch(60%_0.118_184.704))] bg-[var(--zui-accordion-item-teal-bg,oklch(95.3%_0.051_180.801_/_0.5))] dark:bg-[var(--zui-accordion-item-teal-bg-dark,oklch(60%_0.118_184.704_/_0.03))] p-2",
+  indigo: "rounded-xl border border-[color:var(--zui-accordion-item-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-accordion-item-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-[var(--zui-accordion-item-indigo-bg,oklch(93%_0.034_272.788_/_0.5))] dark:bg-[var(--zui-accordion-item-indigo-bg-dark,oklch(51.1%_0.262_276.966_/_0.03))] p-2",
+  emerald: "rounded-xl border border-[color:var(--zui-accordion-item-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-accordion-item-emerald-border-dark,oklch(59.6%_0.145_163.225))] bg-[var(--zui-accordion-item-emerald-bg,oklch(95%_0.052_163.051_/_0.5))] dark:bg-[var(--zui-accordion-item-emerald-bg-dark,oklch(59.6%_0.145_163.225_/_0.03))] p-2",
+  "gradient-blue": "rounded-xl bg-linear-to-r from-[var(--zui-accordion-item-gradient-blue-from,oklch(80.9%_0.105_251.813))] dark:from-[var(--zui-accordion-item-gradient-blue-from-dark,oklch(54.6%_0.245_262.881))] to-[var(--zui-accordion-item-gradient-blue-to,oklch(82.7%_0.119_306.383))] dark:to-[var(--zui-accordion-item-gradient-blue-to-dark,oklch(55.8%_0.288_302.321))] p-2",
+  "gradient-green": "rounded-xl bg-linear-to-r from-[var(--zui-accordion-item-gradient-green-from,oklch(87.1%_0.15_154.449))] dark:from-[var(--zui-accordion-item-gradient-green-from-dark,oklch(62.7%_0.194_149.214))] to-[var(--zui-accordion-item-gradient-green-to,oklch(89.7%_0.196_126.665))] dark:to-[var(--zui-accordion-item-gradient-green-to-dark,oklch(64.8%_0.2_131.684))] p-2",
+  "gradient-red": "rounded-xl bg-linear-to-r from-[var(--zui-accordion-item-gradient-red-from,oklch(80.8%_0.114_19.571))] dark:from-[var(--zui-accordion-item-gradient-red-from-dark,oklch(57.7%_0.245_27.325))] to-[var(--zui-accordion-item-gradient-red-to,oklch(82.3%_0.12_346.018))] dark:to-[var(--zui-accordion-item-gradient-red-to-dark,oklch(59.2%_0.249_0.584))] p-2",
+  "gradient-yellow": "rounded-xl bg-linear-to-r from-[var(--zui-accordion-item-gradient-yellow-from,oklch(90.5%_0.182_98.111))] dark:from-[var(--zui-accordion-item-gradient-yellow-from-dark,oklch(68.1%_0.162_75.834))] to-[var(--zui-accordion-item-gradient-yellow-to,oklch(83.7%_0.128_66.29))] dark:to-[var(--zui-accordion-item-gradient-yellow-to-dark,oklch(64.6%_0.222_41.116))] p-2",
+  "gradient-purple": "rounded-xl bg-linear-to-r from-[var(--zui-accordion-item-gradient-purple-from,oklch(82.7%_0.119_306.383))] dark:from-[var(--zui-accordion-item-gradient-purple-from-dark,oklch(55.8%_0.288_302.321))] to-[var(--zui-accordion-item-gradient-purple-to,oklch(82.3%_0.12_346.018))] dark:to-[var(--zui-accordion-item-gradient-purple-to-dark,oklch(59.2%_0.249_0.584))] p-2",
+  "gradient-teal": "rounded-xl bg-linear-to-r from-[var(--zui-accordion-item-gradient-teal-from,oklch(85.5%_0.138_181.071))] dark:from-[var(--zui-accordion-item-gradient-teal-from-dark,oklch(60%_0.118_184.704))] to-[var(--zui-accordion-item-gradient-teal-to,oklch(86.5%_0.127_207.078))] dark:to-[var(--zui-accordion-item-gradient-teal-to-dark,oklch(60.9%_0.126_221.723))] p-2",
+  "gradient-indigo": "rounded-xl bg-linear-to-r from-[var(--zui-accordion-item-gradient-indigo-from,oklch(78.5%_0.115_274.713))] dark:from-[var(--zui-accordion-item-gradient-indigo-from-dark,oklch(51.1%_0.262_276.966))] to-[var(--zui-accordion-item-gradient-indigo-to,oklch(82.7%_0.119_306.383))] dark:to-[var(--zui-accordion-item-gradient-indigo-to-dark,oklch(55.8%_0.288_302.321))] p-2",
+  "gradient-pink": "rounded-xl bg-linear-to-r from-[var(--zui-accordion-item-gradient-pink-from,oklch(82.3%_0.12_346.018))] dark:from-[var(--zui-accordion-item-gradient-pink-from-dark,oklch(59.2%_0.249_0.584))] to-[var(--zui-accordion-item-gradient-pink-to,oklch(81%_0.117_11.638))] dark:to-[var(--zui-accordion-item-gradient-pink-to-dark,oklch(58.6%_0.253_17.585))] p-2",
+  "gradient-orange": "rounded-xl bg-linear-to-r from-[var(--zui-accordion-item-gradient-orange-from,oklch(83.7%_0.128_66.29))] dark:from-[var(--zui-accordion-item-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] to-[var(--zui-accordion-item-gradient-orange-to,oklch(80.8%_0.114_19.571))] dark:to-[var(--zui-accordion-item-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))] p-2"
+};
+var zuiAccordionTriggerBase = "flex w-full items-center justify-between gap-3 py-3 text-left font-medium text-[color:var(--zui-accordion-trigger-fg,oklch(27.9%_0.041_260.031))] dark:text-[color:var(--zui-accordion-trigger-fg-dark,oklch(92.9%_0.013_255.508))] outline-none transition hover:text-[color:var(--zui-accordion-trigger-fg-hover,oklch(20.8%_0.042_265.755))] dark:hover:text-[color:var(--zui-accordion-trigger-fg-hover-dark,#ffffff)] focus-visible:ring-2 focus-visible:ring-[var(--zui-accordion-trigger-ring-focus,#0000004d)] dark:focus-visible:ring-[var(--zui-accordion-trigger-ring-focus-dark,#ffffff4d)]";
+var zuiAccordionTriggerSizes = {
+  sm: "py-2 text-sm",
+  md: "py-3 text-sm",
+  lg: "py-4 text-base"
+};
+var zuiAccordionContentBase = "pb-3 text-sm";
+var zuiAccordionContentSizes = {
+  sm: "pb-2 text-xs",
+  md: "pb-3 text-sm",
+  lg: "pb-4 text-base"
+};
+
+// src/ui/accordion/variants.ts
+var accordionVariants = cva(zuiAccordionBase, {
+  variants: {
+    appearance: zuiAccordionAppearances,
+    size: zuiAccordionSizes
+  },
+  defaultVariants: {
+    appearance: "default",
+    size: "md"
+  }
+});
+var accordionItemVariants = cva(zuiAccordionItemBase, {
+  variants: {
+    appearance: zuiAccordionItemAppearances
+  },
+  defaultVariants: { appearance: "default" }
+});
+var accordionTriggerVariants = cva(zuiAccordionTriggerBase, {
+  variants: {
+    size: zuiAccordionTriggerSizes
+  },
+  defaultVariants: { size: "md" }
+});
+var accordionContentVariants = cva(zuiAccordionContentBase, {
+  variants: {
+    size: zuiAccordionContentSizes
+  },
+  defaultVariants: { size: "md" }
+});
+var AccordionContext = createContext(null);
+var AccordionItemValueContext = createContext(null);
+function useAccordionContext(component) {
+  const ctx = useContext(AccordionContext);
+  if (!ctx) {
+    throw new Error(`${component} must be used within <Accordion>`);
+  }
+  return ctx;
+}
+function useAccordionItemValue(component) {
+  const value = useContext(AccordionItemValueContext);
+  if (!value) {
+    throw new Error(`${component} must be used within <AccordionItem>`);
+  }
+  return value;
+}
+function AccordionBase({
+  type = "single",
+  value,
+  values,
+  defaultValue,
+  defaultValues,
+  onValueChange,
+  onValuesChange,
+  appearance = "default",
+  size = "md",
+  className,
+  children
+}) {
+  const isSingleControlled = value !== void 0;
+  const isMultipleControlled = values !== void 0;
+  const [singleUncontrolled, setSingleUncontrolled] = useState(defaultValue);
+  const [multipleUncontrolled, setMultipleUncontrolled] = useState(
+    defaultValues ?? []
+  );
+  const singleValue = isSingleControlled ? value : singleUncontrolled;
+  const multipleValues = useMemo(
+    () => isMultipleControlled ? values ?? [] : multipleUncontrolled,
+    [isMultipleControlled, values, multipleUncontrolled]
+  );
+  const isOpen = useCallback(
+    (itemValue) => {
+      if (type === "single") {
+        return singleValue === itemValue;
+      }
+      return multipleValues.includes(itemValue);
+    },
+    [multipleValues, singleValue, type]
+  );
+  const toggle = useCallback(
+    (itemValue) => {
+      if (type === "single") {
+        const next2 = singleValue === itemValue ? void 0 : itemValue;
+        if (!isSingleControlled) {
+          setSingleUncontrolled(next2);
+        }
+        onValueChange?.(next2);
+        return;
+      }
+      const exists = multipleValues.includes(itemValue);
+      const next = exists ? multipleValues.filter((entry) => entry !== itemValue) : [...multipleValues, itemValue];
+      if (!isMultipleControlled) {
+        setMultipleUncontrolled(next);
+      }
+      onValuesChange?.(next);
+    },
+    [
+      isMultipleControlled,
+      isSingleControlled,
+      multipleValues,
+      onValueChange,
+      onValuesChange,
+      singleValue,
+      type
+    ]
+  );
+  const ctx = useMemo(
+    () => ({
+      type,
+      appearance: appearance ?? "default",
+      size: size ?? "md",
+      isOpen,
+      toggle
+    }),
+    [appearance, isOpen, size, toggle, type]
+  );
+  return /* @__PURE__ */ jsx(AccordionContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "accordion",
+      className: cn(accordionVariants({ appearance, size }), className),
+      children
+    }
+  ) });
+}
+AccordionBase.displayName = "Accordion";
+function AccordionItem({
+  className,
+  value,
+  children,
+  ref,
+  ...rest
+}) {
+  const { appearance } = useAccordionContext("AccordionItem");
+  return /* @__PURE__ */ jsx(AccordionItemValueContext.Provider, { value, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "accordion-item",
+      "data-value": value,
+      className: cn(accordionItemVariants({ appearance }), className),
+      ...rest,
+      children
+    }
+  ) });
+}
+AccordionItem.displayName = "AccordionItem";
+function AccordionTrigger({
+  className,
+  children,
+  ref,
+  ...rest
+}) {
+  const itemValue = useAccordionItemValue("AccordionTrigger");
+  const { isOpen, toggle, size } = useAccordionContext("AccordionTrigger");
+  const open = isOpen(itemValue);
+  const panelId = `${itemValue}-panel`;
+  const baseId = useId();
+  return /* @__PURE__ */ jsx("h3", { className: "m-0", children: /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref,
+      type: "button",
+      "data-slot": "accordion-trigger",
+      id: `${baseId}-trigger-${itemValue}`,
+      "aria-expanded": open,
+      "aria-controls": panelId,
+      className: cn(accordionTriggerVariants({ size }), className),
+      onClick: () => toggle(itemValue),
+      ...rest,
+      children
+    }
+  ) });
+}
+AccordionTrigger.displayName = "AccordionTrigger";
+function AccordionContent({
+  className,
+  children,
+  ref
+}) {
+  const itemValue = useAccordionItemValue("AccordionContent");
+  const { isOpen, size } = useAccordionContext("AccordionContent");
+  const open = isOpen(itemValue);
+  const panelId = `${itemValue}-panel`;
+  return open ? /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      id: panelId,
+      role: "region",
+      "data-slot": "accordion-content",
+      className: cn(accordionContentVariants({ size }), className),
+      children
+    },
+    itemValue
+  ) : null;
+}
+AccordionContent.displayName = "AccordionContent";
+
+export { AccordionBase, AccordionContent, AccordionItem, AccordionTrigger, accordionContentVariants, accordionItemVariants, accordionTriggerVariants, accordionVariants, useAccordionContext, useAccordionItemValue };
+//# sourceMappingURL=chunk-HMNIH3KJ.mjs.map
+//# sourceMappingURL=chunk-HMNIH3KJ.mjs.map

package/dist/chunk-HMNIH3KJ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/accordion.ts","../src/ui/accordion/variants.ts","../src/ui/accordion/accordion-base.tsx"],"names":["next"],"mappings":"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","file":"chunk-HMNIH3KJ.mjs","sourcesContent":["export const zuiAccordionBase = \"w-full\";\n\nexport const zuiAccordionAppearances = {\n  default:\n    \"divide-y divide-[var(--zui-accordion-default-divider,#0000001a)] dark:divide-[var(--zui-accordion-default-divider-dark,#ffffff1a)] rounded-xl border border-[color:var(--zui-accordion-default-border,#0000001a)] dark:border-[color:var(--zui-accordion-default-border-dark,#ffffff1a)]\",\n  outline:\n    \"divide-y divide-[var(--zui-accordion-outline-divider,#0000001a)] dark:divide-[var(--zui-accordion-outline-divider-dark,#ffffff1a)] rounded-xl border border-[color:var(--zui-accordion-outline-border,#00000026)] dark:border-[color:var(--zui-accordion-outline-border-dark,#ffffff26)]\",\n  ghost:\n    \"divide-y divide-[var(--zui-accordion-ghost-divider,#0000000d)] dark:divide-[var(--zui-accordion-ghost-divider-dark,#ffffff0d)]\",\n  card: \"space-y-2\",\n  separated: \"space-y-3\",\n  sky: \"divide-y divide-[var(--zui-accordion-sky-divider,oklch(44.3%_0.11_240.79))] dark:divide-[var(--zui-accordion-sky-divider-dark,oklch(58.8%_0.158_241.966))] rounded-xl border border-[color:var(--zui-accordion-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-accordion-sky-border-dark,oklch(58.8%_0.158_241.966))]\",\n  rose: \"divide-y divide-[var(--zui-accordion-rose-divider,oklch(45.5%_0.188_13.697))] dark:divide-[var(--zui-accordion-rose-divider-dark,oklch(58.6%_0.253_17.585))] rounded-xl border border-[color:var(--zui-accordion-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-accordion-rose-border-dark,oklch(58.6%_0.253_17.585))]\",\n  purple:\n    \"divide-y divide-[var(--zui-accordion-purple-divider,oklch(43.8%_0.218_303.724))] dark:divide-[var(--zui-accordion-purple-divider-dark,oklch(55.8%_0.288_302.321))] rounded-xl border border-[color:var(--zui-accordion-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-accordion-purple-border-dark,oklch(55.8%_0.288_302.321))]\",\n  pink: \"divide-y divide-[var(--zui-accordion-pink-divider,oklch(45.9%_0.187_3.815))] dark:divide-[var(--zui-accordion-pink-divider-dark,oklch(59.2%_0.249_0.584))] rounded-xl border border-[color:var(--zui-accordion-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-accordion-pink-border-dark,oklch(59.2%_0.249_0.584))]\",\n  orange:\n    \"divide-y divide-[var(--zui-accordion-orange-divider,oklch(47%_0.157_37.304))] dark:divide-[var(--zui-accordion-orange-divider-dark,oklch(64.6%_0.222_41.116))] rounded-xl border border-[color:var(--zui-accordion-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-accordion-orange-border-dark,oklch(64.6%_0.222_41.116))]\",\n  yellow:\n    \"divide-y divide-[var(--zui-accordion-yellow-divider,oklch(47.6%_0.114_61.907))] dark:divide-[var(--zui-accordion-yellow-divider-dark,oklch(68.1%_0.162_75.834))] rounded-xl border border-[color:var(--zui-accordion-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-accordion-yellow-border-dark,oklch(68.1%_0.162_75.834))]\",\n  teal: \"divide-y divide-[var(--zui-accordion-teal-divider,oklch(43.7%_0.078_188.216))] dark:divide-[var(--zui-accordion-teal-divider-dark,oklch(60%_0.118_184.704))] rounded-xl border border-[color:var(--zui-accordion-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-accordion-teal-border-dark,oklch(60%_0.118_184.704))]\",\n  indigo:\n    \"divide-y divide-[var(--zui-accordion-indigo-divider,oklch(39.8%_0.195_277.366))] dark:divide-[var(--zui-accordion-indigo-divider-dark,oklch(51.1%_0.262_276.966))] rounded-xl border border-[color:var(--zui-accordion-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-accordion-indigo-border-dark,oklch(51.1%_0.262_276.966))]\",\n  emerald:\n    \"divide-y divide-[var(--zui-accordion-emerald-divider,oklch(43.2%_0.095_166.913))] dark:divide-[var(--zui-accordion-emerald-divider-dark,oklch(59.6%_0.145_163.225))] rounded-xl border border-[color:var(--zui-accordion-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-accordion-emerald-border-dark,oklch(59.6%_0.145_163.225))]\",\n  \"gradient-blue\":\n    \"divide-y divide-[var(--zui-accordion-gradient-blue-divider,oklch(42.4%_0.199_265.638))] dark:divide-[var(--zui-accordion-gradient-blue-divider-dark,oklch(54.6%_0.245_262.881))] rounded-xl border border-[color:var(--zui-accordion-gradient-blue-border,oklch(42.4%_0.199_265.638))] dark:border-[color:var(--zui-accordion-gradient-blue-border-dark,oklch(54.6%_0.245_262.881))]\",\n  \"gradient-green\":\n    \"divide-y divide-[var(--zui-accordion-gradient-green-divider,oklch(44.8%_0.119_151.328))] dark:divide-[var(--zui-accordion-gradient-green-divider-dark,oklch(62.7%_0.194_149.214))] rounded-xl border border-[color:var(--zui-accordion-gradient-green-border,oklch(44.8%_0.119_151.328))] dark:border-[color:var(--zui-accordion-gradient-green-border-dark,oklch(62.7%_0.194_149.214))]\",\n  \"gradient-red\":\n    \"divide-y divide-[var(--zui-accordion-gradient-red-divider,oklch(44.4%_0.177_26.899))] dark:divide-[var(--zui-accordion-gradient-red-divider-dark,oklch(57.7%_0.245_27.325))] rounded-xl border border-[color:var(--zui-accordion-gradient-red-border,oklch(44.4%_0.177_26.899))] dark:border-[color:var(--zui-accordion-gradient-red-border-dark,oklch(57.7%_0.245_27.325))]\",\n  \"gradient-yellow\":\n    \"divide-y divide-[var(--zui-accordion-gradient-yellow-divider,oklch(47.6%_0.114_61.907))] dark:divide-[var(--zui-accordion-gradient-yellow-divider-dark,oklch(68.1%_0.162_75.834))] rounded-xl border border-[color:var(--zui-accordion-gradient-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-accordion-gradient-yellow-border-dark,oklch(68.1%_0.162_75.834))]\",\n  \"gradient-purple\":\n    \"divide-y divide-[var(--zui-accordion-gradient-purple-divider,oklch(43.8%_0.218_303.724))] dark:divide-[var(--zui-accordion-gradient-purple-divider-dark,oklch(55.8%_0.288_302.321))] rounded-xl border border-[color:var(--zui-accordion-gradient-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-accordion-gradient-purple-border-dark,oklch(55.8%_0.288_302.321))]\",\n  \"gradient-teal\":\n    \"divide-y divide-[var(--zui-accordion-gradient-teal-divider,oklch(43.7%_0.078_188.216))] dark:divide-[var(--zui-accordion-gradient-teal-divider-dark,oklch(60%_0.118_184.704))] rounded-xl border border-[color:var(--zui-accordion-gradient-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-accordion-gradient-teal-border-dark,oklch(60%_0.118_184.704))]\",\n  \"gradient-indigo\":\n    \"divide-y divide-[var(--zui-accordion-gradient-indigo-divider,oklch(39.8%_0.195_277.366))] dark:divide-[var(--zui-accordion-gradient-indigo-divider-dark,oklch(51.1%_0.262_276.966))] rounded-xl border border-[color:var(--zui-accordion-gradient-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-accordion-gradient-indigo-border-dark,oklch(51.1%_0.262_276.966))]\",\n  \"gradient-pink\":\n    \"divide-y divide-[var(--zui-accordion-gradient-pink-divider,oklch(45.9%_0.187_3.815))] dark:divide-[var(--zui-accordion-gradient-pink-divider-dark,oklch(59.2%_0.249_0.584))] rounded-xl border border-[color:var(--zui-accordion-gradient-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-accordion-gradient-pink-border-dark,oklch(59.2%_0.249_0.584))]\",\n  \"gradient-orange\":\n    \"divide-y divide-[var(--zui-accordion-gradient-orange-divider,oklch(47%_0.157_37.304))] dark:divide-[var(--zui-accordion-gradient-orange-divider-dark,oklch(64.6%_0.222_41.116))] rounded-xl border border-[color:var(--zui-accordion-gradient-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-accordion-gradient-orange-border-dark,oklch(64.6%_0.222_41.116))]\",\n} as const;\n\nexport const zuiAccordionSizes = {\n  sm: \"px-3 py-2 text-sm\",\n  md: \"px-4 py-3 text-sm\",\n  lg: \"px-5 py-4 text-base\",\n} as const;\n\nexport const zuiAccordionItemBase =\n  \"text-[color:var(--zui-accordion-item-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-accordion-item-fg-dark,oklch(92.9%_0.013_255.508))]\";\n\nexport const zuiAccordionItemAppearances = {\n  default: \"\",\n  outline: \"\",\n  ghost: \"\",\n  card: \"rounded-xl border border-[color:var(--zui-accordion-item-card-border,#0000001a)] bg-[var(--zui-accordion-item-card-bg,#0000000d)] p-2\",\n  separated:\n    \"rounded-xl border border-[color:var(--zui-accordion-item-separated-border,#0000001a)] dark:border-[color:var(--zui-accordion-item-separated-border-dark,#ffffff1a)] bg-[var(--zui-accordion-item-separated-bg,oklch(98.4%_0.003_247.858_/_0.4))] dark:bg-[var(--zui-accordion-item-separated-bg-dark,oklch(12.9%_0.042_264.695_/_0.4))] p-2\",\n  sky: \"rounded-xl border border-[color:var(--zui-accordion-item-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-accordion-item-sky-border-dark,oklch(58.8%_0.158_241.966))] bg-[var(--zui-accordion-item-sky-bg,oklch(95.1%_0.026_236.824_/_0.5))] dark:bg-[var(--zui-accordion-item-sky-bg-dark,oklch(58.8%_0.158_241.966_/_0.03))] p-2\",\n  rose: \"rounded-xl border border-[color:var(--zui-accordion-item-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-accordion-item-rose-border-dark,oklch(58.6%_0.253_17.585))] bg-[var(--zui-accordion-item-rose-bg,oklch(94.1%_0.03_12.58_/_0.5))] dark:bg-[var(--zui-accordion-item-rose-bg-dark,oklch(58.6%_0.253_17.585_/_0.03))] p-2\",\n  purple:\n    \"rounded-xl border border-[color:var(--zui-accordion-item-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-accordion-item-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-[var(--zui-accordion-item-purple-bg,oklch(94.6%_0.033_307.174_/_0.5))] dark:bg-[var(--zui-accordion-item-purple-bg-dark,oklch(55.8%_0.288_302.321_/_0.03))] p-2\",\n  pink: \"rounded-xl border border-[color:var(--zui-accordion-item-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-accordion-item-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-[var(--zui-accordion-item-pink-bg,oklch(94.8%_0.028_342.258_/_0.5))] dark:bg-[var(--zui-accordion-item-pink-bg-dark,oklch(59.2%_0.249_0.584_/_0.03))] p-2\",\n  orange:\n    \"rounded-xl border border-[color:var(--zui-accordion-item-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-accordion-item-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-[var(--zui-accordion-item-orange-bg,oklch(95.4%_0.038_75.164_/_0.5))] dark:bg-[var(--zui-accordion-item-orange-bg-dark,oklch(64.6%_0.222_41.116_/_0.03))] p-2\",\n  yellow:\n    \"rounded-xl border border-[color:var(--zui-accordion-item-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-accordion-item-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-[var(--zui-accordion-item-yellow-bg,oklch(97.3%_0.071_103.193_/_0.5))] dark:bg-[var(--zui-accordion-item-yellow-bg-dark,oklch(68.1%_0.162_75.834_/_0.03))] p-2\",\n  teal: \"rounded-xl border border-[color:var(--zui-accordion-item-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-accordion-item-teal-border-dark,oklch(60%_0.118_184.704))] bg-[var(--zui-accordion-item-teal-bg,oklch(95.3%_0.051_180.801_/_0.5))] dark:bg-[var(--zui-accordion-item-teal-bg-dark,oklch(60%_0.118_184.704_/_0.03))] p-2\",\n  indigo:\n    \"rounded-xl border border-[color:var(--zui-accordion-item-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-accordion-item-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-[var(--zui-accordion-item-indigo-bg,oklch(93%_0.034_272.788_/_0.5))] dark:bg-[var(--zui-accordion-item-indigo-bg-dark,oklch(51.1%_0.262_276.966_/_0.03))] p-2\",\n  emerald:\n    \"rounded-xl border border-[color:var(--zui-accordion-item-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-accordion-item-emerald-border-dark,oklch(59.6%_0.145_163.225))] bg-[var(--zui-accordion-item-emerald-bg,oklch(95%_0.052_163.051_/_0.5))] dark:bg-[var(--zui-accordion-item-emerald-bg-dark,oklch(59.6%_0.145_163.225_/_0.03))] p-2\",\n  \"gradient-blue\":\n    \"rounded-xl bg-linear-to-r from-[var(--zui-accordion-item-gradient-blue-from,oklch(80.9%_0.105_251.813))] dark:from-[var(--zui-accordion-item-gradient-blue-from-dark,oklch(54.6%_0.245_262.881))] to-[var(--zui-accordion-item-gradient-blue-to,oklch(82.7%_0.119_306.383))] dark:to-[var(--zui-accordion-item-gradient-blue-to-dark,oklch(55.8%_0.288_302.321))] p-2\",\n  \"gradient-green\":\n    \"rounded-xl bg-linear-to-r from-[var(--zui-accordion-item-gradient-green-from,oklch(87.1%_0.15_154.449))] dark:from-[var(--zui-accordion-item-gradient-green-from-dark,oklch(62.7%_0.194_149.214))] to-[var(--zui-accordion-item-gradient-green-to,oklch(89.7%_0.196_126.665))] dark:to-[var(--zui-accordion-item-gradient-green-to-dark,oklch(64.8%_0.2_131.684))] p-2\",\n  \"gradient-red\":\n    \"rounded-xl bg-linear-to-r from-[var(--zui-accordion-item-gradient-red-from,oklch(80.8%_0.114_19.571))] dark:from-[var(--zui-accordion-item-gradient-red-from-dark,oklch(57.7%_0.245_27.325))] to-[var(--zui-accordion-item-gradient-red-to,oklch(82.3%_0.12_346.018))] dark:to-[var(--zui-accordion-item-gradient-red-to-dark,oklch(59.2%_0.249_0.584))] p-2\",\n  \"gradient-yellow\":\n    \"rounded-xl bg-linear-to-r from-[var(--zui-accordion-item-gradient-yellow-from,oklch(90.5%_0.182_98.111))] dark:from-[var(--zui-accordion-item-gradient-yellow-from-dark,oklch(68.1%_0.162_75.834))] to-[var(--zui-accordion-item-gradient-yellow-to,oklch(83.7%_0.128_66.29))] dark:to-[var(--zui-accordion-item-gradient-yellow-to-dark,oklch(64.6%_0.222_41.116))] p-2\",\n  \"gradient-purple\":\n    \"rounded-xl bg-linear-to-r from-[var(--zui-accordion-item-gradient-purple-from,oklch(82.7%_0.119_306.383))] dark:from-[var(--zui-accordion-item-gradient-purple-from-dark,oklch(55.8%_0.288_302.321))] to-[var(--zui-accordion-item-gradient-purple-to,oklch(82.3%_0.12_346.018))] dark:to-[var(--zui-accordion-item-gradient-purple-to-dark,oklch(59.2%_0.249_0.584))] p-2\",\n  \"gradient-teal\":\n    \"rounded-xl bg-linear-to-r from-[var(--zui-accordion-item-gradient-teal-from,oklch(85.5%_0.138_181.071))] dark:from-[var(--zui-accordion-item-gradient-teal-from-dark,oklch(60%_0.118_184.704))] to-[var(--zui-accordion-item-gradient-teal-to,oklch(86.5%_0.127_207.078))] dark:to-[var(--zui-accordion-item-gradient-teal-to-dark,oklch(60.9%_0.126_221.723))] p-2\",\n  \"gradient-indigo\":\n    \"rounded-xl bg-linear-to-r from-[var(--zui-accordion-item-gradient-indigo-from,oklch(78.5%_0.115_274.713))] dark:from-[var(--zui-accordion-item-gradient-indigo-from-dark,oklch(51.1%_0.262_276.966))] to-[var(--zui-accordion-item-gradient-indigo-to,oklch(82.7%_0.119_306.383))] dark:to-[var(--zui-accordion-item-gradient-indigo-to-dark,oklch(55.8%_0.288_302.321))] p-2\",\n  \"gradient-pink\":\n    \"rounded-xl bg-linear-to-r from-[var(--zui-accordion-item-gradient-pink-from,oklch(82.3%_0.12_346.018))] dark:from-[var(--zui-accordion-item-gradient-pink-from-dark,oklch(59.2%_0.249_0.584))] to-[var(--zui-accordion-item-gradient-pink-to,oklch(81%_0.117_11.638))] dark:to-[var(--zui-accordion-item-gradient-pink-to-dark,oklch(58.6%_0.253_17.585))] p-2\",\n  \"gradient-orange\":\n    \"rounded-xl bg-linear-to-r from-[var(--zui-accordion-item-gradient-orange-from,oklch(83.7%_0.128_66.29))] dark:from-[var(--zui-accordion-item-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] to-[var(--zui-accordion-item-gradient-orange-to,oklch(80.8%_0.114_19.571))] dark:to-[var(--zui-accordion-item-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))] p-2\",\n} as const;\n\nexport const zuiAccordionTriggerBase =\n  \"flex w-full items-center justify-between gap-3 py-3 text-left font-medium text-[color:var(--zui-accordion-trigger-fg,oklch(27.9%_0.041_260.031))] dark:text-[color:var(--zui-accordion-trigger-fg-dark,oklch(92.9%_0.013_255.508))] outline-none transition hover:text-[color:var(--zui-accordion-trigger-fg-hover,oklch(20.8%_0.042_265.755))] dark:hover:text-[color:var(--zui-accordion-trigger-fg-hover-dark,#ffffff)] focus-visible:ring-2 focus-visible:ring-[var(--zui-accordion-trigger-ring-focus,#0000004d)] dark:focus-visible:ring-[var(--zui-accordion-trigger-ring-focus-dark,#ffffff4d)]\";\n\nexport const zuiAccordionTriggerSizes = {\n  sm: \"py-2 text-sm\",\n  md: \"py-3 text-sm\",\n  lg: \"py-4 text-base\",\n} as const;\n\nexport const zuiAccordionContentBase = \"pb-3 text-sm\";\n\nexport const zuiAccordionContentSizes = {\n  sm: \"pb-2 text-xs\",\n  md: \"pb-3 text-sm\",\n  lg: \"pb-4 text-base\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiAccordionAppearances,\n  zuiAccordionBase,\n  zuiAccordionContentBase,\n  zuiAccordionContentSizes,\n  zuiAccordionItemAppearances,\n  zuiAccordionItemBase,\n  zuiAccordionSizes,\n  zuiAccordionTriggerBase,\n  zuiAccordionTriggerSizes,\n} from \"../../design-system/accordion\";\n\nexport const accordionVariants = cva(zuiAccordionBase, {\n  variants: {\n    appearance: zuiAccordionAppearances,\n    size: zuiAccordionSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n\nexport const accordionItemVariants = cva(zuiAccordionItemBase, {\n  variants: {\n    appearance: zuiAccordionItemAppearances,\n  },\n  defaultVariants: { appearance: \"default\" },\n});\n\nexport const accordionTriggerVariants = cva(zuiAccordionTriggerBase, {\n  variants: {\n    size: zuiAccordionTriggerSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport const accordionContentVariants = cva(zuiAccordionContentBase, {\n  variants: {\n    size: zuiAccordionContentSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useId,\n  useMemo,\n  useState,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  AccordionBaseProps,\n  AccordionContentProps,\n  AccordionCtx,\n  AccordionItemProps,\n  AccordionTriggerProps,\n} from \"./types\";\nimport {\n  accordionContentVariants,\n  accordionItemVariants,\n  accordionTriggerVariants,\n  accordionVariants,\n} from \"./variants\";\n\nconst AccordionContext = createContext<AccordionCtx | null>(null);\n\nconst AccordionItemValueContext = createContext<string | null>(null);\n\nexport function useAccordionContext(component: string): AccordionCtx {\n  const ctx = useContext(AccordionContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within <Accordion>`);\n  }\n  return ctx;\n}\n\nexport function useAccordionItemValue(component: string): string {\n  const value = useContext(AccordionItemValueContext);\n  if (!value) {\n    throw new Error(`${component} must be used within <AccordionItem>`);\n  }\n  return value;\n}\n\nexport function AccordionBase({\n  type = \"single\",\n  value,\n  values,\n  defaultValue,\n  defaultValues,\n  onValueChange,\n  onValuesChange,\n  appearance = \"default\",\n  size = \"md\",\n  className,\n  children,\n}: AccordionBaseProps) {\n  const isSingleControlled = value !== undefined;\n  const isMultipleControlled = values !== undefined;\n  const [singleUncontrolled, setSingleUncontrolled] = useState<\n    string | undefined\n  >(defaultValue);\n  const [multipleUncontrolled, setMultipleUncontrolled] = useState<string[]>(\n    defaultValues ?? [],\n  );\n\n  const singleValue = isSingleControlled ? value : singleUncontrolled;\n  const multipleValues = useMemo(\n    () => (isMultipleControlled ? (values ?? []) : multipleUncontrolled),\n    [isMultipleControlled, values, multipleUncontrolled],\n  );\n\n  const isOpen = useCallback(\n    (itemValue: string) => {\n      if (type === \"single\") {\n        return singleValue === itemValue;\n      }\n      return multipleValues.includes(itemValue);\n    },\n    [multipleValues, singleValue, type],\n  );\n\n  const toggle = useCallback(\n    (itemValue: string) => {\n      if (type === \"single\") {\n        const next = singleValue === itemValue ? undefined : itemValue;\n        if (!isSingleControlled) {\n          setSingleUncontrolled(next);\n        }\n        onValueChange?.(next);\n        return;\n      }\n      const exists = multipleValues.includes(itemValue);\n      const next = exists\n        ? multipleValues.filter((entry) => entry !== itemValue)\n        : [...multipleValues, itemValue];\n      if (!isMultipleControlled) {\n        setMultipleUncontrolled(next);\n      }\n      onValuesChange?.(next);\n    },\n    [\n      isMultipleControlled,\n      isSingleControlled,\n      multipleValues,\n      onValueChange,\n      onValuesChange,\n      singleValue,\n      type,\n    ],\n  );\n\n  const ctx = useMemo(\n    () => ({\n      type,\n      appearance: appearance ?? \"default\",\n      size: size ?? \"md\",\n      isOpen,\n      toggle,\n    }),\n    [appearance, isOpen, size, toggle, type],\n  );\n\n  return (\n    <AccordionContext.Provider value={ctx}>\n      <div\n        data-slot=\"accordion\"\n        className={cn(accordionVariants({ appearance, size }), className)}\n      >\n        {children}\n      </div>\n    </AccordionContext.Provider>\n  );\n}\n\nAccordionBase.displayName = \"Accordion\";\n\nexport function AccordionItem({\n  className,\n  value,\n  children,\n  ref,\n  ...rest\n}: AccordionItemProps) {\n  const { appearance } = useAccordionContext(\"AccordionItem\");\n  return (\n    <AccordionItemValueContext.Provider value={value}>\n      <div\n        ref={ref}\n        data-slot=\"accordion-item\"\n        data-value={value}\n        className={cn(accordionItemVariants({ appearance }), className)}\n        {...rest}\n      >\n        {children}\n      </div>\n    </AccordionItemValueContext.Provider>\n  );\n}\n\nAccordionItem.displayName = \"AccordionItem\";\n\nexport function AccordionTrigger({\n  className,\n  children,\n  ref,\n  ...rest\n}: AccordionTriggerProps) {\n  const itemValue = useAccordionItemValue(\"AccordionTrigger\");\n  const { isOpen, toggle, size } = useAccordionContext(\"AccordionTrigger\");\n  const open = isOpen(itemValue);\n  const panelId = `${itemValue}-panel`;\n  const baseId = useId();\n\n  return (\n    <h3 className=\"m-0\">\n      <button\n        ref={ref}\n        type=\"button\"\n        data-slot=\"accordion-trigger\"\n        id={`${baseId}-trigger-${itemValue}`}\n        aria-expanded={open}\n        aria-controls={panelId}\n        className={cn(accordionTriggerVariants({ size }), className)}\n        onClick={() => toggle(itemValue)}\n        {...rest}\n      >\n        {children}\n      </button>\n    </h3>\n  );\n}\n\nAccordionTrigger.displayName = \"AccordionTrigger\";\n\nexport function AccordionContent({\n  className,\n  children,\n  ref,\n}: AccordionContentProps) {\n  const itemValue = useAccordionItemValue(\"AccordionContent\");\n  const { isOpen, size } = useAccordionContext(\"AccordionContent\");\n  const open = isOpen(itemValue);\n  const panelId = `${itemValue}-panel`;\n\n  return open ? (\n    <div\n      key={itemValue}\n      ref={ref}\n      id={panelId}\n      role=\"region\"\n      data-slot=\"accordion-content\"\n      className={cn(accordionContentVariants({ size }), className)}\n    >\n      {children}\n    </div>\n  ) : null;\n}\n\nAccordionContent.displayName = \"AccordionContent\";\n"]}