@zentauri-ui/zentauri-components 1.9.1 → 2.0.0

package/dist/chunk-RYJ5WEE3.js

@@ -0,0 +1,101 @@
+'use strict';
+
+var chunkCQMV7BB6_js = require('./chunk-CQMV7BB6.js');
+var chunkOGMIKRLJ_js = require('./chunk-OGMIKRLJ.js');
+var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
+var classVarianceAuthority = require('class-variance-authority');
+var fi = require('react-icons/fi');
+var jsxRuntime = require('react/jsx-runtime');
+
+var copyButtonVariants = classVarianceAuthority.cva(chunkOGMIKRLJ_js.zuiCopyButtonBase, {
+  variants: {
+    appearance: chunkOGMIKRLJ_js.zuiCopyButtonAppearances,
+    size: chunkOGMIKRLJ_js.zuiCopyButtonSizes,
+    iconOnly: {
+      true: "",
+      false: ""
+    }
+  },
+  compoundVariants: [
+    { iconOnly: true, size: "sm", class: chunkOGMIKRLJ_js.zuiCopyButtonIconOnlySizes.sm },
+    { iconOnly: true, size: "md", class: chunkOGMIKRLJ_js.zuiCopyButtonIconOnlySizes.md },
+    { iconOnly: true, size: "lg", class: chunkOGMIKRLJ_js.zuiCopyButtonIconOnlySizes.lg }
+  ],
+  defaultVariants: {
+    appearance: "default",
+    size: "md",
+    iconOnly: true
+  }
+});
+var defaultRenderIcon = ({
+  copied,
+  copyIcon,
+  copiedIcon
+}) => copied ? copiedIcon : copyIcon;
+function CopyButtonBase({
+  value,
+  timeout = 2e3,
+  appearance,
+  size,
+  iconOnly = true,
+  label = "Copy",
+  copiedLabel = "Copied",
+  copyIcon = /* @__PURE__ */ jsxRuntime.jsx(fi.FiCopy, { "aria-hidden": true }),
+  copiedIcon = /* @__PURE__ */ jsxRuntime.jsx(fi.FiCheck, { "aria-hidden": true }),
+  onCopy,
+  renderIcon = defaultRenderIcon,
+  className,
+  type = "button",
+  disabled,
+  onClick,
+  "aria-label": ariaLabel,
+  ref,
+  ...rest
+}) {
+  const { copied, copy } = chunkCQMV7BB6_js.useClipboard(timeout);
+  const handleClick = async (event) => {
+    onClick?.(event);
+    if (event.defaultPrevented) {
+      return;
+    }
+    const ok = await copy(value);
+    if (ok) {
+      onCopy?.(value);
+    }
+  };
+  const text = copied ? copiedLabel : label;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      ref,
+      type,
+      "data-slot": "copy-button",
+      "data-copied": copied ? "true" : void 0,
+      disabled,
+      "aria-label": ariaLabel ?? (iconOnly ? text : void 0),
+      onClick: handleClick,
+      className: chunkZS5756ZC_js.cn(
+        copyButtonVariants({ appearance, size, iconOnly }),
+        className
+      ),
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            "data-slot": "copy-button-icon",
+            className: "relative inline-flex items-center justify-center",
+            children: renderIcon({ copied, copyIcon, copiedIcon })
+          }
+        ),
+        !iconOnly ? /* @__PURE__ */ jsxRuntime.jsx("span", { "data-slot": "copy-button-label", "aria-live": "polite", children: text }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", "aria-live": "polite", children: text })
+      ]
+    }
+  );
+}
+CopyButtonBase.displayName = "CopyButton";
+
+exports.CopyButtonBase = CopyButtonBase;
+exports.copyButtonVariants = copyButtonVariants;
+//# sourceMappingURL=chunk-RYJ5WEE3.js.map
+//# sourceMappingURL=chunk-RYJ5WEE3.js.map

package/dist/chunk-RYJ5WEE3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/copy-button/variants.ts","../src/ui/copy-button/copy-button-base.tsx"],"names":["cva","zuiCopyButtonBase","zuiCopyButtonAppearances","zuiCopyButtonSizes","zuiCopyButtonIconOnlySizes","jsx","FiCopy","FiCheck","useClipboard","jsxs","cn"],"mappings":"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","file":"chunk-RYJ5WEE3.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiCopyButtonAppearances,\n  zuiCopyButtonBase,\n  zuiCopyButtonIconOnlySizes,\n  zuiCopyButtonSizes,\n} from \"../../design-system/copy-button\";\n\nexport const copyButtonVariants = cva(zuiCopyButtonBase, {\n  variants: {\n    appearance: zuiCopyButtonAppearances,\n    size: zuiCopyButtonSizes,\n    iconOnly: {\n      true: \"\",\n      false: \"\",\n    },\n  },\n  compoundVariants: [\n    { iconOnly: true, size: \"sm\", class: zuiCopyButtonIconOnlySizes.sm },\n    { iconOnly: true, size: \"md\", class: zuiCopyButtonIconOnlySizes.md },\n    { iconOnly: true, size: \"lg\", class: zuiCopyButtonIconOnlySizes.lg },\n  ],\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    iconOnly: true,\n  },\n});\n","\"use client\";\n\nimport { FiCheck, FiCopy } from \"react-icons/fi\";\n\nimport { useClipboard } from \"../../hooks/useClipboard/useClipboard\";\nimport { cn } from \"../../lib/utils\";\n\nimport type { CopyButtonBaseProps, CopyButtonIconRenderer } from \"./types\";\nimport { copyButtonVariants } from \"./variants\";\n\nconst defaultRenderIcon: CopyButtonIconRenderer = ({\n  copied,\n  copyIcon,\n  copiedIcon,\n}) => (copied ? copiedIcon : copyIcon);\n\nexport function CopyButtonBase({\n  value,\n  timeout = 2000,\n  appearance,\n  size,\n  iconOnly = true,\n  label = \"Copy\",\n  copiedLabel = \"Copied\",\n  copyIcon = <FiCopy aria-hidden />,\n  copiedIcon = <FiCheck aria-hidden />,\n  onCopy,\n  renderIcon = defaultRenderIcon,\n  className,\n  type = \"button\",\n  disabled,\n  onClick,\n  \"aria-label\": ariaLabel,\n  ref,\n  ...rest\n}: CopyButtonBaseProps) {\n  const { copied, copy } = useClipboard(timeout);\n\n  const handleClick: NonNullable<CopyButtonBaseProps[\"onClick\"]> = async (\n    event,\n  ) => {\n    onClick?.(event);\n    if (event.defaultPrevented) {\n      return;\n    }\n    const ok = await copy(value);\n    if (ok) {\n      onCopy?.(value);\n    }\n  };\n\n  const text = copied ? copiedLabel : label;\n\n  return (\n    <button\n      ref={ref}\n      type={type}\n      data-slot=\"copy-button\"\n      data-copied={copied ? \"true\" : undefined}\n      disabled={disabled}\n      aria-label={ariaLabel ?? (iconOnly ? text : undefined)}\n      onClick={handleClick}\n      className={cn(\n        copyButtonVariants({ appearance, size, iconOnly }),\n        className,\n      )}\n      {...rest}\n    >\n      <span\n        data-slot=\"copy-button-icon\"\n        className=\"relative inline-flex items-center justify-center\"\n      >\n        {renderIcon({ copied, copyIcon, copiedIcon })}\n      </span>\n      {!iconOnly ? (\n        <span data-slot=\"copy-button-label\" aria-live=\"polite\">\n          {text}\n        </span>\n      ) : (\n        <span className=\"sr-only\" aria-live=\"polite\">\n          {text}\n        </span>\n      )}\n    </button>\n  );\n}\n\nCopyButtonBase.displayName = \"CopyButton\";\n"]}

package/dist/{chunk-YFXGRV7X.mjs → chunk-S4OSJ4ZN.js}

@@ -1,8 +1,4 @@
-import { cn } from './chunk-4D54YOL6.mjs';
-import { cva } from 'class-variance-authority';
-import { createContext, useMemo, useContext } from 'react';
-import { HiXMark, HiExclamationTriangle, HiInformationCircle } from 'react-icons/hi2';
-import { jsx, jsxs } from 'react/jsx-runtime';
+'use strict';
 
 // src/design-system/alert.ts
 var zuiAlertBase = "relative flex w-full gap-3 border text-sm ring-offset-[var(--zui-alert-ring-offset,oklch(98.4%_0.003_247.858))] dark:ring-offset-[var(--zui-alert-ring-offset-dark,oklch(12.9%_0.042_264.695))] transition-colors";
@@ -65,153 +61,11 @@ var zuiAlertTextSizes = {
 };
 var zuiAlertDescriptionBase = "text-[color:var(--zui-alert-description-fg,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-alert-description-fg-dark,oklch(86.9%_0.022_252.894))]";
 
-// src/ui/alert/variants.ts
-var alertVariants = cva(zuiAlertBase, {
-  variants: {
-    appearance: zuiAlertAppearances,
-    size: zuiAlertSizes
-  },
-  defaultVariants: {
-    appearance: "default",
-    size: "md"
-  }
-});
-var alertTitleVariants = cva(zuiAlertTitleBase, {
-  variants: {
-    size: zuiAlertTextSizes
-  },
-  defaultVariants: { size: "md" }
-});
-var alertDescriptionVariants = cva(zuiAlertDescriptionBase, {
-  variants: {
-    size: zuiAlertTextSizes
-  },
-  defaultVariants: { size: "md" }
-});
-var AlertSizeContext = createContext("md");
-function useAlertSize() {
-  const ctx = useContext(AlertSizeContext);
-  if (!ctx) {
-    throw new Error("useAlertSize must be used within an Alert");
-  }
-  return ctx;
-}
-function AlertBase(props) {
-  const {
-    className,
-    triggerClassName,
-    appearance = "default",
-    size = "md",
-    closable = false,
-    onClose,
-    closeLabel = "Dismiss alert",
-    children,
-    ref,
-    as: Wrapper = "div",
-    ...rest
-  } = props;
-  const live = appearance === "error" ? "assertive" : "polite";
-  const ctx = useMemo(() => size ?? "md", [size]);
-  return /* @__PURE__ */ jsx(AlertSizeContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxs(
-    Wrapper,
-    {
-      ref,
-      "data-slot": "alert",
-      role: "alert",
-      "aria-live": live,
-      className: cn(
-        alertVariants({ appearance, size }),
-        closable ? "pr-12" : "",
-        className
-      ),
-      ...rest,
-      children: [
-        children,
-        closable ? /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            "data-slot": "alert-close",
-            "aria-label": closeLabel,
-            onClick: onClose,
-            className: cn(
-              "absolute right-3 top-3 inline-flex size-8 items-center justify-center rounded-md text-slate-200 transition hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/30",
-              triggerClassName
-            ),
-            children: /* @__PURE__ */ jsx(HiXMark, { className: "size-4", "aria-hidden": true })
-          }
-        ) : null
-      ]
-    }
-  ) });
-}
-AlertBase.displayName = "AlertBase";
-function AlertIcon({ className, children }) {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      "data-slot": "alert-icon",
-      className: cn("mt-0.5 shrink-0 text-current", className),
-      children
-    }
-  );
-}
-AlertIcon.displayName = "AlertIcon";
-function AlertTitle({ className, children }) {
-  const size = useAlertSize();
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "alert-title",
-      className: cn(alertTitleVariants({ size }), className),
-      children
-    }
-  );
-}
-AlertTitle.displayName = "AlertTitle";
-function AlertDescription({ className, children }) {
-  const size = useAlertSize();
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "alert-description",
-      className: cn(alertDescriptionVariants({ size }), className),
-      children
-    }
-  );
-}
-AlertDescription.displayName = "AlertDescription";
-function AlertClose({
-  className,
-  children,
-  "aria-label": ariaLabel = "Dismiss alert",
-  onClick
-}) {
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      "data-slot": "alert-close",
-      "aria-label": ariaLabel,
-      onClick,
-      className: cn(
-        "inline-flex size-8 items-center justify-center rounded-md text-slate-200 transition hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/30",
-        className
-      ),
-      children: children ?? /* @__PURE__ */ jsx(HiXMark, { className: "size-4", "aria-hidden": true })
-    }
-  );
-}
-AlertClose.displayName = "AlertClose";
-function AlertDefaultIcon({
-  appearance
-}) {
-  if (appearance === "error") {
-    return /* @__PURE__ */ jsx(HiExclamationTriangle, { className: "size-5", "aria-hidden": true });
-  }
-  return /* @__PURE__ */ jsx(HiInformationCircle, { className: "size-5", "aria-hidden": true });
-}
-
-export { AlertBase, AlertClose, AlertDefaultIcon, AlertDescription, AlertIcon, AlertTitle, alertDescriptionVariants, alertTitleVariants, alertVariants };
-//# sourceMappingURL=chunk-YFXGRV7X.mjs.map
-//# sourceMappingURL=chunk-YFXGRV7X.mjs.map
+exports.zuiAlertAppearances = zuiAlertAppearances;
+exports.zuiAlertBase = zuiAlertBase;
+exports.zuiAlertDescriptionBase = zuiAlertDescriptionBase;
+exports.zuiAlertSizes = zuiAlertSizes;
+exports.zuiAlertTextSizes = zuiAlertTextSizes;
+exports.zuiAlertTitleBase = zuiAlertTitleBase;
+//# sourceMappingURL=chunk-S4OSJ4ZN.js.map
+//# sourceMappingURL=chunk-S4OSJ4ZN.js.map

package/dist/chunk-S4OSJ4ZN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/alert.ts"],"names":[],"mappings":";;;AAAO,IAAM,YAAA,GACX;AAEK,IAAM,mBAAA,GAAsB;AAAA,EACjC,OAAA,EACE,+WAAA;AAAA,EACF,OAAA,EACE,mcAAA;AAAA,EACF,OAAA,EACE,icAAA;AAAA,EACF,KAAA,EACE,ybAAA;AAAA,EACF,IAAA,EAAM,wbAAA;AAAA,EACN,KAAA,EACE,2WAAA;AAAA,EACF,IAAA,EAAM,oUAAA;AAAA,EACN,IAAA,EAAM,oUAAA;AAAA,EACN,KAAA,EACE,0UAAA;AAAA,EACF,IAAA,EAAM,oUAAA;AAAA,EACN,IAAA,EAAM,oUAAA;AAAA,EACN,KAAA,EACE,0UAAA;AAAA,EACF,QAAA,EACE,4VAAA;AAAA,EACF,QAAA,EACE,4VAAA;AAAA,EACF,IAAA,EAAM,oUAAA;AAAA,EACN,GAAA,EAAK,8TAAA;AAAA,EACL,KAAA,EACE,0UAAA;AAAA,EACF,IAAA,EAAM,oUAAA;AAAA,EACN,KAAA,EACE,0UAAA;AAAA,EACF,KAAA,EACE,0UAAA;AAAA,EACF,QAAA,EACE,4VAAA;AAAA,EACF,MAAA,EACE,gVAAA;AAAA,EACF,MAAA,EACE,gVAAA;AAAA,EACF,OAAA,EACE,sVAAA;AAAA,EACF,OAAA,EACE,sVAAA;AAAA,EACF,IAAA,EAAM,oUAAA;AAAA,EACN,IAAA,EAAM,oUAAA;AAAA,EACN,MAAA,EACE,ocAAA;AAAA,EACF,IAAA,EAAM,kbAAA;AAAA,EACN,MAAA,EACE,4bAAA;AAAA,EACF,MAAA,EACE,icAAA;AAAA,EACF,IAAA,EAAM,qbAAA;AAAA,EACN,MAAA,EACE,mcAAA;AAAA,EACF,IAAA,EAAM,qbAAA;AAAA,EACN,MAAA,EACE,ocAAA;AAAA,EACF,eAAA,EACE,upBAAA;AAAA,EACF,gBAAA,EACE,iqBAAA;AAAA,EACF,cAAA,EACE,0oBAAA;AAAA,EACF,iBAAA,EACE,kqBAAA;AAAA,EACF,iBAAA,EACE,uqBAAA;AAAA,EACF,eAAA,EACE,spBAAA;AAAA,EACF,iBAAA,EACE,wqBAAA;AAAA,EACF,eAAA,EACE,ipBAAA;AAAA,EACF,iBAAA,EACE;AACJ;AAEO,IAAM,aAAA,GAAgB;AAAA,EAC3B,EAAA,EAAI,gBAAA;AAAA,EACJ,EAAA,EAAI,gBAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,iBAAA,GAAoB;AAE1B,IAAM,iBAAA,GAAoB;AAAA,EAC/B,EAAA,EAAI,oBAAA;AAAA,EACJ,EAAA,EAAI,oBAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,uBAAA,GACX","file":"chunk-S4OSJ4ZN.js","sourcesContent":["export const zuiAlertBase =\n  \"relative flex w-full gap-3 border text-sm ring-offset-[var(--zui-alert-ring-offset,oklch(98.4%_0.003_247.858))] dark:ring-offset-[var(--zui-alert-ring-offset-dark,oklch(12.9%_0.042_264.695))] transition-colors\";\n\nexport const zuiAlertAppearances = {\n  default:\n    \"border-[color:var(--zui-alert-default-border,#0000001a)] dark:border-[color:var(--zui-alert-default-border-dark,#ffffff1a)] bg-[var(--zui-alert-default-bg,#0000000d)] dark:bg-[var(--zui-alert-default-bg-dark,#ffffff0d)] text-[color:var(--zui-alert-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-default-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  success:\n    \"border-[color:var(--zui-alert-success-border,oklch(69.6%_0.17_162.48_/_0.4))] dark:border-[color:var(--zui-alert-success-border-dark,oklch(69.6%_0.17_162.48_/_0.4))] bg-[var(--zui-alert-success-bg,oklch(69.6%_0.17_162.48_/_0.1))] dark:bg-[var(--zui-alert-success-bg-dark,oklch(69.6%_0.17_162.48_/_0.1))] text-[color:var(--zui-alert-success-fg,oklch(26.2%_0.051_172.552))] dark:text-[color:var(--zui-alert-success-fg-dark,oklch(97.9%_0.021_166.113))]\",\n  warning:\n    \"border-[color:var(--zui-alert-warning-border,oklch(76.9%_0.188_70.08_/_0.4))] dark:border-[color:var(--zui-alert-warning-border-dark,oklch(76.9%_0.188_70.08_/_0.4))] bg-[var(--zui-alert-warning-bg,oklch(76.9%_0.188_70.08_/_0.1))] dark:bg-[var(--zui-alert-warning-bg-dark,oklch(76.9%_0.188_70.08_/_0.1))] text-[color:var(--zui-alert-warning-fg,oklch(27.9%_0.077_45.635))] dark:text-[color:var(--zui-alert-warning-fg-dark,oklch(98.7%_0.022_95.277))]\",\n  error:\n    \"border-[color:var(--zui-alert-error-border,oklch(64.5%_0.246_16.439_/_0.5))] dark:border-[color:var(--zui-alert-error-border-dark,oklch(64.5%_0.246_16.439_/_0.5))] bg-[var(--zui-alert-error-bg,oklch(64.5%_0.246_16.439_/_0.1))] dark:bg-[var(--zui-alert-error-bg-dark,oklch(64.5%_0.246_16.439_/_0.1))] text-[color:var(--zui-alert-error-fg,oklch(27.1%_0.105_12.094))] dark:text-[color:var(--zui-alert-error-fg-dark,oklch(96.9%_0.015_12.422))]\",\n  info: \"border-[color:var(--zui-alert-info-border,oklch(68.5%_0.169_237.323_/_0.4))] dark:border-[color:var(--zui-alert-info-border-dark,oklch(68.5%_0.169_237.323_/_0.4))] bg-[var(--zui-alert-info-bg,oklch(68.5%_0.169_237.323_/_0.1))] dark:bg-[var(--zui-alert-info-bg-dark,oklch(68.5%_0.169_237.323_/_0.1))] text-[color:var(--zui-alert-info-fg,oklch(29.3%_0.066_243.157))] dark:text-[color:var(--zui-alert-info-fg-dark,oklch(97.7%_0.013_236.62))]\",\n  ghost:\n    \"border-[color:var(--zui-alert-ghost-border,transparent)] dark:border-[color:var(--zui-alert-ghost-border-dark,transparent)] bg-[var(--zui-alert-ghost-bg,transparent)] dark:bg-[var(--zui-alert-ghost-bg-dark,transparent)] text-[color:var(--zui-alert-ghost-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-alert-ghost-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  blue: \"border-[color:var(--zui-alert-blue-border,#2563eb)] dark:border-[color:var(--zui-alert-blue-border-dark,#3b82f6)] bg-[var(--zui-alert-blue-bg,#2563eb1a)] dark:bg-[var(--zui-alert-blue-bg-dark,#3b82f626)] backdrop-blur-xl text-[color:var(--zui-alert-blue-fg,#0f172a)] dark:text-[color:var(--zui-alert-blue-fg-dark,#f8fafc)]\",\n  cyan: \"border-[color:var(--zui-alert-cyan-border,#0891b2)] dark:border-[color:var(--zui-alert-cyan-border-dark,#22d3ee)] bg-[var(--zui-alert-cyan-bg,#0891b21a)] dark:bg-[var(--zui-alert-cyan-bg-dark,#22d3ee26)] backdrop-blur-xl text-[color:var(--zui-alert-cyan-fg,#0f172a)] dark:text-[color:var(--zui-alert-cyan-fg-dark,#f8fafc)]\",\n  green:\n    \"border-[color:var(--zui-alert-green-border,#16a34a)] dark:border-[color:var(--zui-alert-green-border-dark,#22c55e)] bg-[var(--zui-alert-green-bg,#16a34a1a)] dark:bg-[var(--zui-alert-green-bg-dark,#22c55e26)] backdrop-blur-xl text-[color:var(--zui-alert-green-fg,#0f172a)] dark:text-[color:var(--zui-alert-green-fg-dark,#f8fafc)]\",\n  lime: \"border-[color:var(--zui-alert-lime-border,#65a30d)] dark:border-[color:var(--zui-alert-lime-border-dark,#a3e635)] bg-[var(--zui-alert-lime-bg,#65a30d1a)] dark:bg-[var(--zui-alert-lime-bg-dark,#a3e63526)] backdrop-blur-xl text-[color:var(--zui-alert-lime-fg,#0f172a)] dark:text-[color:var(--zui-alert-lime-fg-dark,#f8fafc)]\",\n  mint: \"border-[color:var(--zui-alert-mint-border,#10b981)] dark:border-[color:var(--zui-alert-mint-border-dark,#6ee7b7)] bg-[var(--zui-alert-mint-bg,#10b9811a)] dark:bg-[var(--zui-alert-mint-bg-dark,#6ee7b726)] backdrop-blur-xl text-[color:var(--zui-alert-mint-fg,#0f172a)] dark:text-[color:var(--zui-alert-mint-fg-dark,#f8fafc)]\",\n  ocean:\n    \"border-[color:var(--zui-alert-ocean-border,#0284c7)] dark:border-[color:var(--zui-alert-ocean-border-dark,#38bdf8)] bg-[var(--zui-alert-ocean-bg,#0284c71a)] dark:bg-[var(--zui-alert-ocean-bg-dark,#38bdf826)] backdrop-blur-xl text-[color:var(--zui-alert-ocean-fg,#0f172a)] dark:text-[color:var(--zui-alert-ocean-fg-dark,#f8fafc)]\",\n  sapphire:\n    \"border-[color:var(--zui-alert-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-alert-sapphire-border-dark,#60a5fa)] bg-[var(--zui-alert-sapphire-bg,#1d4ed81a)] dark:bg-[var(--zui-alert-sapphire-bg-dark,#60a5fa26)] backdrop-blur-xl text-[color:var(--zui-alert-sapphire-fg,#0f172a)] dark:text-[color:var(--zui-alert-sapphire-fg-dark,#f8fafc)]\",\n  lavender:\n    \"border-[color:var(--zui-alert-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-alert-lavender-border-dark,#a78bfa)] bg-[var(--zui-alert-lavender-bg,#8b5cf61a)] dark:bg-[var(--zui-alert-lavender-bg-dark,#a78bfa26)] backdrop-blur-xl text-[color:var(--zui-alert-lavender-fg,#0f172a)] dark:text-[color:var(--zui-alert-lavender-fg-dark,#f8fafc)]\",\n  ruby: \"border-[color:var(--zui-alert-ruby-border,#be123c)] dark:border-[color:var(--zui-alert-ruby-border-dark,#fb7185)] bg-[var(--zui-alert-ruby-bg,#be123c1a)] dark:bg-[var(--zui-alert-ruby-bg-dark,#fb718526)] backdrop-blur-xl text-[color:var(--zui-alert-ruby-fg,#0f172a)] dark:text-[color:var(--zui-alert-ruby-fg-dark,#f8fafc)]\",\n  red: \"border-[color:var(--zui-alert-red-border,#dc2626)] dark:border-[color:var(--zui-alert-red-border-dark,#ef4444)] bg-[var(--zui-alert-red-bg,#dc26261a)] dark:bg-[var(--zui-alert-red-bg-dark,#ef444426)] backdrop-blur-xl text-[color:var(--zui-alert-red-fg,#0f172a)] dark:text-[color:var(--zui-alert-red-fg-dark,#f8fafc)]\",\n  slate:\n    \"border-[color:var(--zui-alert-slate-border,#475569)] dark:border-[color:var(--zui-alert-slate-border-dark,#64748b)] bg-[var(--zui-alert-slate-bg,#4755691a)] dark:bg-[var(--zui-alert-slate-bg-dark,#64748b26)] backdrop-blur-xl text-[color:var(--zui-alert-slate-fg,#0f172a)] dark:text-[color:var(--zui-alert-slate-fg-dark,#f8fafc)]\",\n  zinc: \"border-[color:var(--zui-alert-zinc-border,#52525b)] dark:border-[color:var(--zui-alert-zinc-border-dark,#71717a)] bg-[var(--zui-alert-zinc-bg,#52525b1a)] dark:bg-[var(--zui-alert-zinc-bg-dark,#71717a26)] backdrop-blur-xl text-[color:var(--zui-alert-zinc-fg,#0f172a)] dark:text-[color:var(--zui-alert-zinc-fg-dark,#f8fafc)]\",\n  stone:\n    \"border-[color:var(--zui-alert-stone-border,#57534e)] dark:border-[color:var(--zui-alert-stone-border-dark,#78716c)] bg-[var(--zui-alert-stone-bg,#57534e1a)] dark:bg-[var(--zui-alert-stone-bg-dark,#78716c26)] backdrop-blur-xl text-[color:var(--zui-alert-stone-fg,#0f172a)] dark:text-[color:var(--zui-alert-stone-fg-dark,#f8fafc)]\",\n  royal:\n    \"border-[color:var(--zui-alert-royal-border,#4338ca)] dark:border-[color:var(--zui-alert-royal-border-dark,#818cf8)] bg-[var(--zui-alert-royal-bg,#4338ca1a)] dark:bg-[var(--zui-alert-royal-bg-dark,#818cf826)] backdrop-blur-xl text-[color:var(--zui-alert-royal-fg,#0f172a)] dark:text-[color:var(--zui-alert-royal-fg-dark,#f8fafc)]\",\n  electric:\n    \"border-[color:var(--zui-alert-electric-border,#0ea5e9)] dark:border-[color:var(--zui-alert-electric-border-dark,#38bdf8)] bg-[var(--zui-alert-electric-bg,#0ea5e91a)] dark:bg-[var(--zui-alert-electric-bg-dark,#38bdf826)] backdrop-blur-xl text-[color:var(--zui-alert-electric-fg,#0f172a)] dark:text-[color:var(--zui-alert-electric-fg-dark,#f8fafc)]\",\n  forest:\n    \"border-[color:var(--zui-alert-forest-border,#166534)] dark:border-[color:var(--zui-alert-forest-border-dark,#4ade80)] bg-[var(--zui-alert-forest-bg,#1665341a)] dark:bg-[var(--zui-alert-forest-bg-dark,#4ade8026)] backdrop-blur-xl text-[color:var(--zui-alert-forest-fg,#0f172a)] dark:text-[color:var(--zui-alert-forest-fg-dark,#f8fafc)]\",\n  sunset:\n    \"border-[color:var(--zui-alert-sunset-border,#ea580c)] dark:border-[color:var(--zui-alert-sunset-border-dark,#fb923c)] bg-[var(--zui-alert-sunset-bg,#ea580c1a)] dark:bg-[var(--zui-alert-sunset-bg-dark,#fb923c26)] backdrop-blur-xl text-[color:var(--zui-alert-sunset-fg,#0f172a)] dark:text-[color:var(--zui-alert-sunset-fg-dark,#f8fafc)]\",\n  magenta:\n    \"border-[color:var(--zui-alert-magenta-border,#c026d3)] dark:border-[color:var(--zui-alert-magenta-border-dark,#e879f9)] bg-[var(--zui-alert-magenta-bg,#c026d31a)] dark:bg-[var(--zui-alert-magenta-bg-dark,#e879f926)] backdrop-blur-xl text-[color:var(--zui-alert-magenta-fg,#0f172a)] dark:text-[color:var(--zui-alert-magenta-fg-dark,#f8fafc)]\",\n  crimson:\n    \"border-[color:var(--zui-alert-crimson-border,#b91c1c)] dark:border-[color:var(--zui-alert-crimson-border-dark,#f87171)] bg-[var(--zui-alert-crimson-bg,#b91c1c1a)] dark:bg-[var(--zui-alert-crimson-bg-dark,#f8717126)] backdrop-blur-xl text-[color:var(--zui-alert-crimson-fg,#0f172a)] dark:text-[color:var(--zui-alert-crimson-fg-dark,#f8fafc)]\",\n  aqua: \"border-[color:var(--zui-alert-aqua-border,#0f766e)] dark:border-[color:var(--zui-alert-aqua-border-dark,#2dd4bf)] bg-[var(--zui-alert-aqua-bg,#0f766e1a)] dark:bg-[var(--zui-alert-aqua-bg-dark,#2dd4bf26)] backdrop-blur-xl text-[color:var(--zui-alert-aqua-fg,#0f172a)] dark:text-[color:var(--zui-alert-aqua-fg-dark,#f8fafc)]\",\n  plum: \"border-[color:var(--zui-alert-plum-border,#7e22ce)] dark:border-[color:var(--zui-alert-plum-border-dark,#c084fc)] bg-[var(--zui-alert-plum-bg,#7e22ce1a)] dark:bg-[var(--zui-alert-plum-bg-dark,#c084fc26)] backdrop-blur-xl text-[color:var(--zui-alert-plum-fg,#0f172a)] dark:text-[color:var(--zui-alert-plum-fg-dark,#f8fafc)]\",\n  purple:\n    \"border-[color:var(--zui-alert-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-alert-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-[var(--zui-alert-purple-bg,oklch(97.7%_0.014_308.299))] dark:bg-[var(--zui-alert-purple-bg-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-purple-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-purple-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  pink: \"border-[color:var(--zui-alert-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-alert-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-[var(--zui-alert-pink-bg,oklch(97.1%_0.014_343.198))] dark:bg-[var(--zui-alert-pink-bg-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-pink-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-pink-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  orange:\n    \"border-[color:var(--zui-alert-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-alert-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-[var(--zui-alert-orange-bg,oklch(98%_0.016_73.684))] dark:bg-[var(--zui-alert-orange-bg-dark,oklch(26.6%_0.079_36.259_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-orange-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-orange-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  yellow:\n    \"border-[color:var(--zui-alert-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-alert-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-[var(--zui-alert-yellow-bg,oklch(98.7%_0.026_102.212))] dark:bg-[var(--zui-alert-yellow-bg-dark,oklch(28.6%_0.066_53.813_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-yellow-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-yellow-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  teal: \"border-[color:var(--zui-alert-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-alert-teal-border-dark,oklch(60%_0.118_184.704))] bg-[var(--zui-alert-teal-bg,oklch(98.4%_0.014_180.72))] dark:bg-[var(--zui-alert-teal-bg-dark,oklch(27.7%_0.046_192.524_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-teal-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-teal-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  indigo:\n    \"border-[color:var(--zui-alert-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-alert-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-[var(--zui-alert-indigo-bg,oklch(96.2%_0.018_272.314))] dark:bg-[var(--zui-alert-indigo-bg-dark,oklch(25.7%_0.09_281.288_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-indigo-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-indigo-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  gray: \"border-[color:var(--zui-alert-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-alert-gray-border-dark,oklch(44.6%_0.03_256.802))] bg-[var(--zui-alert-gray-bg,oklch(98.5%_0.002_247.839))] dark:bg-[var(--zui-alert-gray-bg-dark,oklch(13%_0.028_261.692_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-gray-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-gray-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  violet:\n    \"border-[color:var(--zui-alert-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-alert-violet-border-dark,oklch(54.1%_0.281_293.009))] bg-[var(--zui-alert-violet-bg,oklch(96.9%_0.016_293.756))] dark:bg-[var(--zui-alert-violet-bg-dark,oklch(28.3%_0.141_291.089_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-violet-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-violet-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  \"gradient-blue\":\n    \"border-[color:var(--zui-alert-gradient-blue-border,oklch(42.4%_0.199_265.638))] dark:border-[color:var(--zui-alert-gradient-blue-border-dark,oklch(54.6%_0.245_262.881))] bg-linear-to-r from-[var(--zui-alert-gradient-blue-from,oklch(97%_0.014_254.604))] dark:from-[var(--zui-alert-gradient-blue-from-dark,oklch(28.2%_0.091_267.935_/_0.7))] to-[var(--zui-alert-gradient-blue-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-alert-gradient-blue-to-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-blue-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-gradient-blue-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  \"gradient-green\":\n    \"border-[color:var(--zui-alert-gradient-green-border,oklch(44.8%_0.119_151.328))] dark:border-[color:var(--zui-alert-gradient-green-border-dark,oklch(62.7%_0.194_149.214))] bg-linear-to-r from-[var(--zui-alert-gradient-green-from,oklch(98.2%_0.018_155.826))] dark:from-[var(--zui-alert-gradient-green-from-dark,oklch(26.6%_0.065_152.934_/_0.7))] to-[var(--zui-alert-gradient-green-to,oklch(98.6%_0.031_120.757))] dark:to-[var(--zui-alert-gradient-green-to-dark,oklch(27.4%_0.072_132.109_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-green-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-gradient-green-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  \"gradient-red\":\n    \"border-[color:var(--zui-alert-gradient-red-border,oklch(44.4%_0.177_26.899))] dark:border-[color:var(--zui-alert-gradient-red-border-dark,oklch(57.7%_0.245_27.325))] bg-linear-to-r from-[var(--zui-alert-gradient-red-from,oklch(97.1%_0.013_17.38))] dark:from-[var(--zui-alert-gradient-red-from-dark,oklch(25.8%_0.092_26.042_/_0.7))] to-[var(--zui-alert-gradient-red-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-alert-gradient-red-to-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-red-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-gradient-red-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  \"gradient-yellow\":\n    \"border-[color:var(--zui-alert-gradient-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-alert-gradient-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-linear-to-r from-[var(--zui-alert-gradient-yellow-from,oklch(98.7%_0.026_102.212))] dark:from-[var(--zui-alert-gradient-yellow-from-dark,oklch(28.6%_0.066_53.813_/_0.7))] to-[var(--zui-alert-gradient-yellow-to,oklch(98%_0.016_73.684))] dark:to-[var(--zui-alert-gradient-yellow-to-dark,oklch(26.6%_0.079_36.259_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-yellow-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-gradient-yellow-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  \"gradient-purple\":\n    \"border-[color:var(--zui-alert-gradient-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-alert-gradient-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-linear-to-r from-[var(--zui-alert-gradient-purple-from,oklch(97.7%_0.014_308.299))] dark:from-[var(--zui-alert-gradient-purple-from-dark,oklch(29.1%_0.149_302.717_/_0.7))] to-[var(--zui-alert-gradient-purple-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-alert-gradient-purple-to-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-purple-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-gradient-purple-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  \"gradient-teal\":\n    \"border-[color:var(--zui-alert-gradient-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-alert-gradient-teal-border-dark,oklch(60%_0.118_184.704))] bg-linear-to-r from-[var(--zui-alert-gradient-teal-from,oklch(98.4%_0.014_180.72))] dark:from-[var(--zui-alert-gradient-teal-from-dark,oklch(27.7%_0.046_192.524_/_0.7))] to-[var(--zui-alert-gradient-teal-to,oklch(98.4%_0.019_200.873))] dark:to-[var(--zui-alert-gradient-teal-to-dark,oklch(30.2%_0.056_229.695_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-teal-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-gradient-teal-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  \"gradient-indigo\":\n    \"border-[color:var(--zui-alert-gradient-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-alert-gradient-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-linear-to-r from-[var(--zui-alert-gradient-indigo-from,oklch(96.2%_0.018_272.314))] dark:from-[var(--zui-alert-gradient-indigo-from-dark,oklch(25.7%_0.09_281.288_/_0.7))] to-[var(--zui-alert-gradient-indigo-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-alert-gradient-indigo-to-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-indigo-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-gradient-indigo-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  \"gradient-pink\":\n    \"border-[color:var(--zui-alert-gradient-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-alert-gradient-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-linear-to-r from-[var(--zui-alert-gradient-pink-from,oklch(97.1%_0.014_343.198))] dark:from-[var(--zui-alert-gradient-pink-from-dark,oklch(28.4%_0.109_3.907_/_0.7))] to-[var(--zui-alert-gradient-pink-to,oklch(96.9%_0.015_12.422))] dark:to-[var(--zui-alert-gradient-pink-to-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-pink-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-gradient-pink-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  \"gradient-orange\":\n    \"border-[color:var(--zui-alert-gradient-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-alert-gradient-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-linear-to-r from-[var(--zui-alert-gradient-orange-from,oklch(98%_0.016_73.684))] dark:from-[var(--zui-alert-gradient-orange-from-dark,oklch(26.6%_0.079_36.259_/_0.7))] to-[var(--zui-alert-gradient-orange-to,oklch(97.1%_0.013_17.38))] dark:to-[var(--zui-alert-gradient-orange-to-dark,oklch(25.8%_0.092_26.042_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-orange-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-gradient-orange-fg-dark,oklch(98.4%_0.003_247.858))]\",\n} as const;\n\nexport const zuiAlertSizes = {\n  sm: \"rounded-lg p-3\",\n  md: \"rounded-xl p-4\",\n  lg: \"rounded-2xl p-5 text-base\",\n} as const;\n\nexport const zuiAlertTitleBase = \"font-semibold leading-tight\";\n\nexport const zuiAlertTextSizes = {\n  sm: \"text-xs md:text-sm\",\n  md: \"text-xs md:text-sm\",\n  lg: \"text-xs md:text-sm\",\n} as const;\n\nexport const zuiAlertDescriptionBase =\n  \"text-[color:var(--zui-alert-description-fg,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-alert-description-fg-dark,oklch(86.9%_0.022_252.894))]\";\n"]}

package/dist/{chunk-SRLYXLUU.js → chunk-SWU5U5BB.mjs}

@@ -1,10 +1,3 @@
-'use strict';
-
-var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
-var classVarianceAuthority = require('class-variance-authority');
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
 // src/design-system/accordion.ts
 var zuiAccordionBase = "w-full";
 var zuiAccordionAppearances = {
@@ -118,213 +111,6 @@ var zuiAccordionContentSizes = {
   lg: "pb-4 text-base"
 };
 
-// src/ui/accordion/variants.ts
-var accordionVariants = classVarianceAuthority.cva(zuiAccordionBase, {
-  variants: {
-    appearance: zuiAccordionAppearances,
-    size: zuiAccordionSizes
-  },
-  defaultVariants: {
-    appearance: "default",
-    size: "md"
-  }
-});
-var accordionItemVariants = classVarianceAuthority.cva(zuiAccordionItemBase, {
-  variants: {
-    appearance: zuiAccordionItemAppearances
-  },
-  defaultVariants: { appearance: "default" }
-});
-var accordionTriggerVariants = classVarianceAuthority.cva(zuiAccordionTriggerBase, {
-  variants: {
-    size: zuiAccordionTriggerSizes
-  },
-  defaultVariants: { size: "md" }
-});
-var accordionContentVariants = classVarianceAuthority.cva(zuiAccordionContentBase, {
-  variants: {
-    size: zuiAccordionContentSizes
-  },
-  defaultVariants: { size: "md" }
-});
-var AccordionContext = react.createContext(null);
-var AccordionItemValueContext = react.createContext(null);
-function useAccordionContext(component) {
-  const ctx = react.useContext(AccordionContext);
-  if (!ctx) {
-    throw new Error(`${component} must be used within <Accordion>`);
-  }
-  return ctx;
-}
-function useAccordionItemValue(component) {
-  const value = react.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] = react.useState(defaultValue);
-  const [multipleUncontrolled, setMultipleUncontrolled] = react.useState(
-    defaultValues ?? []
-  );
-  const singleValue = isSingleControlled ? value : singleUncontrolled;
-  const multipleValues = react.useMemo(
-    () => isMultipleControlled ? values ?? [] : multipleUncontrolled,
-    [isMultipleControlled, values, multipleUncontrolled]
-  );
-  const isOpen = react.useCallback(
-    (itemValue) => {
-      if (type === "single") {
-        return singleValue === itemValue;
-      }
-      return multipleValues.includes(itemValue);
-    },
-    [multipleValues, singleValue, type]
-  );
-  const toggle = react.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 = react.useMemo(
-    () => ({
-      type,
-      appearance: appearance ?? "default",
-      size: size ?? "md",
-      isOpen,
-      toggle
-    }),
-    [appearance, isOpen, size, toggle, type]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(AccordionContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "accordion",
-      className: chunkZS5756ZC_js.cn(accordionVariants({ appearance, size }), className),
-      children
-    }
-  ) });
-}
-AccordionBase.displayName = "Accordion";
-function AccordionItem({
-  className,
-  value,
-  children,
-  ref,
-  ...rest
-}) {
-  const { appearance } = useAccordionContext("AccordionItem");
-  return /* @__PURE__ */ jsxRuntime.jsx(AccordionItemValueContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ref,
-      "data-slot": "accordion-item",
-      "data-value": value,
-      className: chunkZS5756ZC_js.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 = react.useId();
-  return /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "m-0", children: /* @__PURE__ */ jsxRuntime.jsx(
-    "button",
-    {
-      ref,
-      type: "button",
-      "data-slot": "accordion-trigger",
-      id: `${baseId}-trigger-${itemValue}`,
-      "aria-expanded": open,
-      "aria-controls": panelId,
-      className: chunkZS5756ZC_js.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__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ref,
-      id: panelId,
-      role: "region",
-      "data-slot": "accordion-content",
-      className: chunkZS5756ZC_js.cn(accordionContentVariants({ size }), className),
-      children
-    },
-    itemValue
-  ) : null;
-}
-AccordionContent.displayName = "AccordionContent";
-
-exports.AccordionBase = AccordionBase;
-exports.AccordionContent = AccordionContent;
-exports.AccordionItem = AccordionItem;
-exports.AccordionTrigger = AccordionTrigger;
-exports.accordionContentVariants = accordionContentVariants;
-exports.accordionItemVariants = accordionItemVariants;
-exports.accordionTriggerVariants = accordionTriggerVariants;
-exports.accordionVariants = accordionVariants;
-exports.useAccordionContext = useAccordionContext;
-exports.useAccordionItemValue = useAccordionItemValue;
-//# sourceMappingURL=chunk-SRLYXLUU.js.map
-//# sourceMappingURL=chunk-SRLYXLUU.js.map
+export { zuiAccordionAppearances, zuiAccordionBase, zuiAccordionContentBase, zuiAccordionContentSizes, zuiAccordionItemAppearances, zuiAccordionItemBase, zuiAccordionSizes, zuiAccordionTriggerBase, zuiAccordionTriggerSizes };
+//# sourceMappingURL=chunk-SWU5U5BB.mjs.map
+//# sourceMappingURL=chunk-SWU5U5BB.mjs.map

package/dist/chunk-SWU5U5BB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/accordion.ts"],"names":[],"mappings":";AAAO,IAAM,gBAAA,GAAmB;AAEzB,IAAM,uBAAA,GAA0B;AAAA,EACrC,OAAA,EACE,0RAAA;AAAA,EACF,OAAA,EACE,0RAAA;AAAA,EACF,KAAA,EACE,gIAAA;AAAA,EACF,IAAA,EAAM,WAAA;AAAA,EACN,SAAA,EAAW,WAAA;AAAA,EACX,IAAA,EAAM,sQAAA;AAAA,EACN,IAAA,EAAM,sQAAA;AAAA,EACN,KAAA,EACE,0QAAA;AAAA,EACF,IAAA,EAAM,sQAAA;AAAA,EACN,IAAA,EAAM,sQAAA;AAAA,EACN,KAAA,EACE,0QAAA;AAAA,EACF,QAAA,EACE,sRAAA;AAAA,EACF,QAAA,EACE,sRAAA;AAAA,EACF,IAAA,EAAM,sQAAA;AAAA,EACN,GAAA,EAAK,kQAAA;AAAA,EACL,KAAA,EACE,0QAAA;AAAA,EACF,IAAA,EAAM,sQAAA;AAAA,EACN,KAAA,EACE,0QAAA;AAAA,EACF,KAAA,EACE,0QAAA;AAAA,EACF,QAAA,EACE,sRAAA;AAAA,EACF,MAAA,EACE,8QAAA;AAAA,EACF,MAAA,EACE,8QAAA;AAAA,EACF,OAAA,EACE,kRAAA;AAAA,EACF,OAAA,EACE,kRAAA;AAAA,EACF,IAAA,EAAM,sQAAA;AAAA,EACN,IAAA,EAAM,sQAAA;AAAA,EACN,GAAA,EAAK,0UAAA;AAAA,EACL,IAAA,EAAM,8UAAA;AAAA,EACN,MAAA,EACE,0VAAA;AAAA,EACF,IAAA,EAAM,0UAAA;AAAA,EACN,MAAA,EACE,kVAAA;AAAA,EACF,MAAA,EACE,sVAAA;AAAA,EACF,IAAA,EAAM,8UAAA;AAAA,EACN,MAAA,EACE,0VAAA;AAAA,EACF,OAAA,EACE,8VAAA;AAAA,EACF,eAAA,EACE,sXAAA;AAAA,EACF,gBAAA,EACE,0XAAA;AAAA,EACF,cAAA,EACE,8WAAA;AAAA,EACF,iBAAA,EACE,0XAAA;AAAA,EACF,iBAAA,EACE,8XAAA;AAAA,EACF,eAAA,EACE,kXAAA;AAAA,EACF,iBAAA,EACE,8XAAA;AAAA,EACF,eAAA,EACE,8WAAA;AAAA,EACF,iBAAA,EACE;AACJ;AAEO,IAAM,iBAAA,GAAoB;AAAA,EAC/B,EAAA,EAAI,mBAAA;AAAA,EACJ,EAAA,EAAI,mBAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,oBAAA,GACX;AAEK,IAAM,2BAAA,GAA8B;AAAA,EACzC,OAAA,EAAS,EAAA;AAAA,EACT,OAAA,EAAS,EAAA;AAAA,EACT,KAAA,EAAO,EAAA;AAAA,EACP,IAAA,EAAM,2QAAA;AAAA,EACN,SAAA,EACE,6UAAA;AAAA,EACF,IAAA,EAAM,uQAAA;AAAA,EACN,IAAA,EAAM,uQAAA;AAAA,EACN,KAAA,EACE,2QAAA;AAAA,EACF,IAAA,EAAM,uQAAA;AAAA,EACN,IAAA,EAAM,uQAAA;AAAA,EACN,KAAA,EACE,2QAAA;AAAA,EACF,QAAA,EACE,uRAAA;AAAA,EACF,QAAA,EACE,uRAAA;AAAA,EACF,IAAA,EAAM,uQAAA;AAAA,EACN,GAAA,EAAK,mQAAA;AAAA,EACL,KAAA,EACE,2QAAA;AAAA,EACF,IAAA,EAAM,uQAAA;AAAA,EACN,KAAA,EACE,2QAAA;AAAA,EACF,KAAA,EACE,2QAAA;AAAA,EACF,QAAA,EACE,uRAAA;AAAA,EACF,MAAA,EACE,+QAAA;AAAA,EACF,MAAA,EACE,+QAAA;AAAA,EACF,OAAA,EACE,mRAAA;AAAA,EACF,OAAA,EACE,mRAAA;AAAA,EACF,IAAA,EAAM,uQAAA;AAAA,EACN,IAAA,EAAM,uQAAA;AAAA,EACN,GAAA,EAAK,sVAAA;AAAA,EACL,IAAA,EAAM,sVAAA;AAAA,EACN,MAAA,EACE,oWAAA;AAAA,EACF,IAAA,EAAM,sVAAA;AAAA,EACN,MAAA,EACE,8VAAA;AAAA,EACF,MAAA,EACE,iWAAA;AAAA,EACF,IAAA,EAAM,wVAAA;AAAA,EACN,MAAA,EACE,kWAAA;AAAA,EACF,OAAA,EACE,sWAAA;AAAA,EACF,eAAA,EACE,uWAAA;AAAA,EACF,gBAAA,EACE,wWAAA;AAAA,EACF,cAAA,EACE,8VAAA;AAAA,EACF,iBAAA,EACE,0WAAA;AAAA,EACF,iBAAA,EACE,4WAAA;AAAA,EACF,eAAA,EACE,qWAAA;AAAA,EACF,iBAAA,EACE,+WAAA;AAAA,EACF,eAAA,EACE,gWAAA;AAAA,EACF,iBAAA,EACE;AACJ;AAEO,IAAM,uBAAA,GACX;AAEK,IAAM,wBAAA,GAA2B;AAAA,EACtC,EAAA,EAAI,cAAA;AAAA,EACJ,EAAA,EAAI,cAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,uBAAA,GAA0B;AAEhC,IAAM,wBAAA,GAA2B;AAAA,EACtC,EAAA,EAAI,cAAA;AAAA,EACJ,EAAA,EAAI,cAAA;AAAA,EACJ,EAAA,EAAI;AACN","file":"chunk-SWU5U5BB.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  blue: \"divide-y divide-[var(--zui-accordion-blue-divider,#2563eb)] dark:divide-[var(--zui-accordion-blue-divider-dark,#3b82f6)] rounded-xl border border-[color:var(--zui-accordion-blue-border,#2563eb)] dark:border-[color:var(--zui-accordion-blue-border-dark,#3b82f6)]\",\n  cyan: \"divide-y divide-[var(--zui-accordion-cyan-divider,#0891b2)] dark:divide-[var(--zui-accordion-cyan-divider-dark,#22d3ee)] rounded-xl border border-[color:var(--zui-accordion-cyan-border,#0891b2)] dark:border-[color:var(--zui-accordion-cyan-border-dark,#22d3ee)]\",\n  green:\n    \"divide-y divide-[var(--zui-accordion-green-divider,#16a34a)] dark:divide-[var(--zui-accordion-green-divider-dark,#22c55e)] rounded-xl border border-[color:var(--zui-accordion-green-border,#16a34a)] dark:border-[color:var(--zui-accordion-green-border-dark,#22c55e)]\",\n  lime: \"divide-y divide-[var(--zui-accordion-lime-divider,#65a30d)] dark:divide-[var(--zui-accordion-lime-divider-dark,#a3e635)] rounded-xl border border-[color:var(--zui-accordion-lime-border,#65a30d)] dark:border-[color:var(--zui-accordion-lime-border-dark,#a3e635)]\",\n  mint: \"divide-y divide-[var(--zui-accordion-mint-divider,#10b981)] dark:divide-[var(--zui-accordion-mint-divider-dark,#6ee7b7)] rounded-xl border border-[color:var(--zui-accordion-mint-border,#10b981)] dark:border-[color:var(--zui-accordion-mint-border-dark,#6ee7b7)]\",\n  ocean:\n    \"divide-y divide-[var(--zui-accordion-ocean-divider,#0284c7)] dark:divide-[var(--zui-accordion-ocean-divider-dark,#38bdf8)] rounded-xl border border-[color:var(--zui-accordion-ocean-border,#0284c7)] dark:border-[color:var(--zui-accordion-ocean-border-dark,#38bdf8)]\",\n  sapphire:\n    \"divide-y divide-[var(--zui-accordion-sapphire-divider,#1d4ed8)] dark:divide-[var(--zui-accordion-sapphire-divider-dark,#60a5fa)] rounded-xl border border-[color:var(--zui-accordion-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-accordion-sapphire-border-dark,#60a5fa)]\",\n  lavender:\n    \"divide-y divide-[var(--zui-accordion-lavender-divider,#8b5cf6)] dark:divide-[var(--zui-accordion-lavender-divider-dark,#a78bfa)] rounded-xl border border-[color:var(--zui-accordion-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-accordion-lavender-border-dark,#a78bfa)]\",\n  ruby: \"divide-y divide-[var(--zui-accordion-ruby-divider,#be123c)] dark:divide-[var(--zui-accordion-ruby-divider-dark,#fb7185)] rounded-xl border border-[color:var(--zui-accordion-ruby-border,#be123c)] dark:border-[color:var(--zui-accordion-ruby-border-dark,#fb7185)]\",\n  red: \"divide-y divide-[var(--zui-accordion-red-divider,#dc2626)] dark:divide-[var(--zui-accordion-red-divider-dark,#ef4444)] rounded-xl border border-[color:var(--zui-accordion-red-border,#dc2626)] dark:border-[color:var(--zui-accordion-red-border-dark,#ef4444)]\",\n  slate:\n    \"divide-y divide-[var(--zui-accordion-slate-divider,#475569)] dark:divide-[var(--zui-accordion-slate-divider-dark,#64748b)] rounded-xl border border-[color:var(--zui-accordion-slate-border,#475569)] dark:border-[color:var(--zui-accordion-slate-border-dark,#64748b)]\",\n  zinc: \"divide-y divide-[var(--zui-accordion-zinc-divider,#52525b)] dark:divide-[var(--zui-accordion-zinc-divider-dark,#71717a)] rounded-xl border border-[color:var(--zui-accordion-zinc-border,#52525b)] dark:border-[color:var(--zui-accordion-zinc-border-dark,#71717a)]\",\n  stone:\n    \"divide-y divide-[var(--zui-accordion-stone-divider,#57534e)] dark:divide-[var(--zui-accordion-stone-divider-dark,#78716c)] rounded-xl border border-[color:var(--zui-accordion-stone-border,#57534e)] dark:border-[color:var(--zui-accordion-stone-border-dark,#78716c)]\",\n  royal:\n    \"divide-y divide-[var(--zui-accordion-royal-divider,#4338ca)] dark:divide-[var(--zui-accordion-royal-divider-dark,#818cf8)] rounded-xl border border-[color:var(--zui-accordion-royal-border,#4338ca)] dark:border-[color:var(--zui-accordion-royal-border-dark,#818cf8)]\",\n  electric:\n    \"divide-y divide-[var(--zui-accordion-electric-divider,#0ea5e9)] dark:divide-[var(--zui-accordion-electric-divider-dark,#38bdf8)] rounded-xl border border-[color:var(--zui-accordion-electric-border,#0ea5e9)] dark:border-[color:var(--zui-accordion-electric-border-dark,#38bdf8)]\",\n  forest:\n    \"divide-y divide-[var(--zui-accordion-forest-divider,#166534)] dark:divide-[var(--zui-accordion-forest-divider-dark,#4ade80)] rounded-xl border border-[color:var(--zui-accordion-forest-border,#166534)] dark:border-[color:var(--zui-accordion-forest-border-dark,#4ade80)]\",\n  sunset:\n    \"divide-y divide-[var(--zui-accordion-sunset-divider,#ea580c)] dark:divide-[var(--zui-accordion-sunset-divider-dark,#fb923c)] rounded-xl border border-[color:var(--zui-accordion-sunset-border,#ea580c)] dark:border-[color:var(--zui-accordion-sunset-border-dark,#fb923c)]\",\n  magenta:\n    \"divide-y divide-[var(--zui-accordion-magenta-divider,#c026d3)] dark:divide-[var(--zui-accordion-magenta-divider-dark,#e879f9)] rounded-xl border border-[color:var(--zui-accordion-magenta-border,#c026d3)] dark:border-[color:var(--zui-accordion-magenta-border-dark,#e879f9)]\",\n  crimson:\n    \"divide-y divide-[var(--zui-accordion-crimson-divider,#b91c1c)] dark:divide-[var(--zui-accordion-crimson-divider-dark,#f87171)] rounded-xl border border-[color:var(--zui-accordion-crimson-border,#b91c1c)] dark:border-[color:var(--zui-accordion-crimson-border-dark,#f87171)]\",\n  aqua: \"divide-y divide-[var(--zui-accordion-aqua-divider,#0f766e)] dark:divide-[var(--zui-accordion-aqua-divider-dark,#2dd4bf)] rounded-xl border border-[color:var(--zui-accordion-aqua-border,#0f766e)] dark:border-[color:var(--zui-accordion-aqua-border-dark,#2dd4bf)]\",\n  plum: \"divide-y divide-[var(--zui-accordion-plum-divider,#7e22ce)] dark:divide-[var(--zui-accordion-plum-divider-dark,#c084fc)] rounded-xl border border-[color:var(--zui-accordion-plum-border,#7e22ce)] dark:border-[color:var(--zui-accordion-plum-border-dark,#c084fc)]\",\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)] dark:border-[color:var(--zui-accordion-item-card-border-dark,#ffffff1a)] bg-[var(--zui-accordion-item-card-bg,#0000000d)] dark:bg-[var(--zui-accordion-item-card-bg-dark,#00000099)] 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  blue: \"rounded-xl border border-[color:var(--zui-accordion-item-blue-border,#2563eb)] dark:border-[color:var(--zui-accordion-item-blue-border-dark,#3b82f6)] bg-[var(--zui-accordion-item-blue-bg,#2563eb1a)] dark:bg-[var(--zui-accordion-item-blue-bg-dark,#3b82f626)] p-2\",\n  cyan: \"rounded-xl border border-[color:var(--zui-accordion-item-cyan-border,#0891b2)] dark:border-[color:var(--zui-accordion-item-cyan-border-dark,#22d3ee)] bg-[var(--zui-accordion-item-cyan-bg,#0891b21a)] dark:bg-[var(--zui-accordion-item-cyan-bg-dark,#22d3ee26)] p-2\",\n  green:\n    \"rounded-xl border border-[color:var(--zui-accordion-item-green-border,#16a34a)] dark:border-[color:var(--zui-accordion-item-green-border-dark,#22c55e)] bg-[var(--zui-accordion-item-green-bg,#16a34a1a)] dark:bg-[var(--zui-accordion-item-green-bg-dark,#22c55e26)] p-2\",\n  lime: \"rounded-xl border border-[color:var(--zui-accordion-item-lime-border,#65a30d)] dark:border-[color:var(--zui-accordion-item-lime-border-dark,#a3e635)] bg-[var(--zui-accordion-item-lime-bg,#65a30d1a)] dark:bg-[var(--zui-accordion-item-lime-bg-dark,#a3e63526)] p-2\",\n  mint: \"rounded-xl border border-[color:var(--zui-accordion-item-mint-border,#10b981)] dark:border-[color:var(--zui-accordion-item-mint-border-dark,#6ee7b7)] bg-[var(--zui-accordion-item-mint-bg,#10b9811a)] dark:bg-[var(--zui-accordion-item-mint-bg-dark,#6ee7b726)] p-2\",\n  ocean:\n    \"rounded-xl border border-[color:var(--zui-accordion-item-ocean-border,#0284c7)] dark:border-[color:var(--zui-accordion-item-ocean-border-dark,#38bdf8)] bg-[var(--zui-accordion-item-ocean-bg,#0284c71a)] dark:bg-[var(--zui-accordion-item-ocean-bg-dark,#38bdf826)] p-2\",\n  sapphire:\n    \"rounded-xl border border-[color:var(--zui-accordion-item-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-accordion-item-sapphire-border-dark,#60a5fa)] bg-[var(--zui-accordion-item-sapphire-bg,#1d4ed81a)] dark:bg-[var(--zui-accordion-item-sapphire-bg-dark,#60a5fa26)] p-2\",\n  lavender:\n    \"rounded-xl border border-[color:var(--zui-accordion-item-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-accordion-item-lavender-border-dark,#a78bfa)] bg-[var(--zui-accordion-item-lavender-bg,#8b5cf61a)] dark:bg-[var(--zui-accordion-item-lavender-bg-dark,#a78bfa26)] p-2\",\n  ruby: \"rounded-xl border border-[color:var(--zui-accordion-item-ruby-border,#be123c)] dark:border-[color:var(--zui-accordion-item-ruby-border-dark,#fb7185)] bg-[var(--zui-accordion-item-ruby-bg,#be123c1a)] dark:bg-[var(--zui-accordion-item-ruby-bg-dark,#fb718526)] p-2\",\n  red: \"rounded-xl border border-[color:var(--zui-accordion-item-red-border,#dc2626)] dark:border-[color:var(--zui-accordion-item-red-border-dark,#ef4444)] bg-[var(--zui-accordion-item-red-bg,#dc26261a)] dark:bg-[var(--zui-accordion-item-red-bg-dark,#ef444426)] p-2\",\n  slate:\n    \"rounded-xl border border-[color:var(--zui-accordion-item-slate-border,#475569)] dark:border-[color:var(--zui-accordion-item-slate-border-dark,#64748b)] bg-[var(--zui-accordion-item-slate-bg,#4755691a)] dark:bg-[var(--zui-accordion-item-slate-bg-dark,#64748b26)] p-2\",\n  zinc: \"rounded-xl border border-[color:var(--zui-accordion-item-zinc-border,#52525b)] dark:border-[color:var(--zui-accordion-item-zinc-border-dark,#71717a)] bg-[var(--zui-accordion-item-zinc-bg,#52525b1a)] dark:bg-[var(--zui-accordion-item-zinc-bg-dark,#71717a26)] p-2\",\n  stone:\n    \"rounded-xl border border-[color:var(--zui-accordion-item-stone-border,#57534e)] dark:border-[color:var(--zui-accordion-item-stone-border-dark,#78716c)] bg-[var(--zui-accordion-item-stone-bg,#57534e1a)] dark:bg-[var(--zui-accordion-item-stone-bg-dark,#78716c26)] p-2\",\n  royal:\n    \"rounded-xl border border-[color:var(--zui-accordion-item-royal-border,#4338ca)] dark:border-[color:var(--zui-accordion-item-royal-border-dark,#818cf8)] bg-[var(--zui-accordion-item-royal-bg,#4338ca1a)] dark:bg-[var(--zui-accordion-item-royal-bg-dark,#818cf826)] p-2\",\n  electric:\n    \"rounded-xl border border-[color:var(--zui-accordion-item-electric-border,#0ea5e9)] dark:border-[color:var(--zui-accordion-item-electric-border-dark,#38bdf8)] bg-[var(--zui-accordion-item-electric-bg,#0ea5e91a)] dark:bg-[var(--zui-accordion-item-electric-bg-dark,#38bdf826)] p-2\",\n  forest:\n    \"rounded-xl border border-[color:var(--zui-accordion-item-forest-border,#166534)] dark:border-[color:var(--zui-accordion-item-forest-border-dark,#4ade80)] bg-[var(--zui-accordion-item-forest-bg,#1665341a)] dark:bg-[var(--zui-accordion-item-forest-bg-dark,#4ade8026)] p-2\",\n  sunset:\n    \"rounded-xl border border-[color:var(--zui-accordion-item-sunset-border,#ea580c)] dark:border-[color:var(--zui-accordion-item-sunset-border-dark,#fb923c)] bg-[var(--zui-accordion-item-sunset-bg,#ea580c1a)] dark:bg-[var(--zui-accordion-item-sunset-bg-dark,#fb923c26)] p-2\",\n  magenta:\n    \"rounded-xl border border-[color:var(--zui-accordion-item-magenta-border,#c026d3)] dark:border-[color:var(--zui-accordion-item-magenta-border-dark,#e879f9)] bg-[var(--zui-accordion-item-magenta-bg,#c026d31a)] dark:bg-[var(--zui-accordion-item-magenta-bg-dark,#e879f926)] p-2\",\n  crimson:\n    \"rounded-xl border border-[color:var(--zui-accordion-item-crimson-border,#b91c1c)] dark:border-[color:var(--zui-accordion-item-crimson-border-dark,#f87171)] bg-[var(--zui-accordion-item-crimson-bg,#b91c1c1a)] dark:bg-[var(--zui-accordion-item-crimson-bg-dark,#f8717126)] p-2\",\n  aqua: \"rounded-xl border border-[color:var(--zui-accordion-item-aqua-border,#0f766e)] dark:border-[color:var(--zui-accordion-item-aqua-border-dark,#2dd4bf)] bg-[var(--zui-accordion-item-aqua-bg,#0f766e1a)] dark:bg-[var(--zui-accordion-item-aqua-bg-dark,#2dd4bf26)] p-2\",\n  plum: \"rounded-xl border border-[color:var(--zui-accordion-item-plum-border,#7e22ce)] dark:border-[color:var(--zui-accordion-item-plum-border-dark,#c084fc)] bg-[var(--zui-accordion-item-plum-bg,#7e22ce1a)] dark:bg-[var(--zui-accordion-item-plum-bg-dark,#c084fc26)] 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"]}