@zentauri-ui/zentauri-components 1.9.0 → 1.9.2

package/dist/{chunk-C6NA452Q.mjs.map → chunk-OPUO55TO.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/buttons/button-base.tsx","../src/ui/buttons/button.tsx"],"names":["className","appearance","size","children","rest","ref","jsx"],"mappings":";;;;;AASO,IAAM,UAAA,GAAa,CAAC,KAAA,KAAuB;AAChD,EAAA,IAAI,SAAA,IAAa,KAAA,IAAS,KAAA,CAAM,OAAA,EAAS;AACvC,IAAA,MAAM;AAAA,MACJ,SAAA,EAAAA,UAAAA;AAAA,MACA,UAAA,EAAAC,WAAAA;AAAA,MACA,IAAA,EAAAC,KAAAA;AAAA,MACA,QAAA,EAAAC,SAAAA;AAAA,MACA,OAAA,EAAS,QAAA;AAAA,MACT,QAAA;AAAA,MACA,OAAA;AAAA,MACA,GAAGC;AAAA,KACL,GAAI,KAAA;AAEJ,IAAA,IAAI,CAAC,cAAA,CAAuCD,SAAQ,CAAA,EAAG;AACrD,MAAA,OAAO,IAAA;AAAA,IACT;AAEA,IAAA,MAAM,cAAA,GAAiBA,UAAS,IAAA,KAAS,QAAA;AACzC,IAAA,MAAM,YAAA,GAAeA,UAAS,KAAA,CAAM,OAAA;AAGpC,IAAA,MAAM,WAAA,GAA8C,CAAC,KAAA,KAAU;AAC7D,MAAA,IAAI,QAAA,EAAU;AACZ,QAAA,KAAA,CAAM,cAAA,EAAe;AACrB,QAAA,KAAA,CAAM,eAAA,EAAgB;AACtB,QAAA;AAAA,MACF;AAEA,MAAA,OAAA,GAAU,KAAK,CAAA;AACf,MAAA,IAAI,CAAC,MAAM,gBAAA,EAAkB;AAC3B,QAAA,YAAA,GAAe,KAAK,CAAA;AAAA,MACtB;AAAA,IACF,CAAA;AAEA,IAAA,OAAO,aAAaA,SAAAA,EAAU;AAAA,MAC5B,GAAGC,KAAAA;AAAA,MACH,GAAGD,SAAAA,CAAS,KAAA;AAAA,MACZ,GAAI,QAAA,GACA,cAAA,GACE,EAAE,QAAA,EAAU,IAAA,EAAK,GACjB,EAAE,eAAA,EAAiB,IAAA,EAAM,QAAA,EAAU,EAAA,EAAG,GACxC,IAAA;AAAA,MACJ,WAAA,EAAa,QAAA;AAAA,MACb,OAAA,EAAS,WAAA;AAAA,MACT,SAAA,EAAW,EAAA;AAAA,QACT,eAAe,EAAE,UAAA,EAAAF,WAAAA,EAAY,IAAA,EAAAC,OAAM,CAAA;AAAA,QACnCC,UAAS,KAAA,CAAM,SAAA;AAAA,QACfH;AAAA;AACF,KACD,CAAA;AAAA,EACH;AAEA,EAAA,IAAI,KAAA,CAAM,OAAO,MAAA,EAAQ;AACvB,IAAA,MAAM;AAAA,MACJ,SAAA,EAAAA,UAAAA;AAAA,MACA,UAAA,EAAAC,WAAAA;AAAA,MACA,IAAA,EAAAC,KAAAA;AAAA,MACA,QAAA,EAAAC,SAAAA;AAAA,MACA,GAAA,EAAAE,IAAAA;AAAA,MACA,IAAA;AAAA,MACA,MAAA;AAAA,MACA,GAAGD;AAAA,KACL,GAAI,KAAA;AAEJ,IAAA,uBACE,GAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAKC,IAAAA;AAAA,QACL,IAAA;AAAA,QACA,MAAA;AAAA,QACA,GAAA,EAAK,MAAA,KAAW,QAAA,GAAW,qBAAA,GAAwB,MAAA;AAAA,QACnD,WAAA,EAAU,QAAA;AAAA,QACV,SAAA,EAAW,EAAA,CAAG,cAAA,CAAe,EAAE,UAAA,EAAAJ,aAAY,IAAA,EAAAC,KAAAA,EAAM,CAAA,EAAGF,UAAS,CAAA;AAAA,QAC5D,GAAGI,KAAAA;AAAA,QAEH,QAAA,EAAAD;AAAA;AAAA,KACH;AAAA,EAEJ;AAEA,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,UAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA,GAAO,QAAA;AAAA,IACP,QAAA;AAAA,IACA,GAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA;AAAA,MACA,WAAA,EAAU,QAAA;AAAA,MACV,SAAA,EAAW,GAAG,cAAA,CAAe,EAAE,YAAY,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MAC5D,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAA;AAEA,UAAA,CAAW,WAAA,GAAc,QAAA;AC3GlB,IAAM,MAAA,GAAS,CAAC,KAAA,KAAuB;AAC5C,EAAA,uBAAOG,GAAAA,CAAC,UAAA,EAAA,EAAY,GAAG,KAAA,EAAO,CAAA;AAChC;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-C6NA452Q.mjs","sourcesContent":["\"use client\";\n\nimport { cloneElement, isValidElement, type MouseEventHandler } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { ButtonProps } from \"./types\";\nimport { buttonVariants } from \"./variants\";\n\nexport const ButtonBase = (props: ButtonProps) => {\n  if (\"asChild\" in props && props.asChild) {\n    const {\n      className,\n      appearance,\n      size,\n      children,\n      asChild: _asChild,\n      disabled,\n      onClick,\n      ...rest\n    } = props;\n\n    if (!isValidElement<{ className?: string }>(children)) {\n      return null;\n    }\n\n    const isNativeButton = children.type === \"button\";\n    const childOnClick = children.props.onClick as\n      | MouseEventHandler<HTMLElement>\n      | undefined;\n    const handleClick: MouseEventHandler<HTMLElement> = (event) => {\n      if (disabled) {\n        event.preventDefault();\n        event.stopPropagation();\n        return;\n      }\n\n      onClick?.(event);\n      if (!event.defaultPrevented) {\n        childOnClick?.(event);\n      }\n    };\n\n    return cloneElement(children, {\n      ...rest,\n      ...children.props,\n      ...(disabled\n        ? isNativeButton\n          ? { disabled: true }\n          : { \"aria-disabled\": true, tabIndex: -1 }\n        : null),\n      \"data-slot\": \"button\",\n      onClick: handleClick,\n      className: cn(\n        buttonVariants({ appearance, size }),\n        children.props.className,\n        className,\n      ),\n    });\n  }\n\n  if (props.as === \"link\") {\n    const {\n      className,\n      appearance,\n      size,\n      children,\n      ref,\n      href,\n      target,\n      ...rest\n    } = props;\n\n    return (\n      <a\n        ref={ref}\n        href={href}\n        target={target}\n        rel={target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n        data-slot=\"button\"\n        className={cn(buttonVariants({ appearance, size }), className)}\n        {...rest}\n      >\n        {children}\n      </a>\n    );\n  }\n\n  const {\n    className,\n    appearance,\n    size,\n    type = \"button\",\n    children,\n    ref,\n    ...rest\n  } = props;\n\n  return (\n    <button\n      ref={ref}\n      type={type}\n      data-slot=\"button\"\n      className={cn(buttonVariants({ appearance, size }), className)}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n};\n\nButtonBase.displayName = \"Button\";\n","// button.tsx — default static entry (no framer-motion)\nimport { ButtonBase } from \"./button-base\";\nimport type { ButtonProps } from \"./types\";\n\nexport const Button = (props: ButtonProps) => {\n  return <ButtonBase {...props} />;\n};\n\nButton.displayName = \"Button\";\n"]}
+{"version":3,"sources":["../src/ui/buttons/button-base.tsx","../src/ui/buttons/button.tsx"],"names":["className","appearance","size","children","rest","ref","jsx"],"mappings":"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","file":"chunk-OPUO55TO.mjs","sourcesContent":["\"use client\";\n\nimport { cloneElement, isValidElement, type MouseEventHandler } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { ButtonProps } from \"./types\";\nimport { buttonVariants } from \"./variants\";\n\nexport const ButtonBase = (props: ButtonProps) => {\n  if (\"asChild\" in props && props.asChild) {\n    const {\n      className,\n      appearance,\n      size,\n      children,\n      asChild: _asChild,\n      disabled,\n      onClick,\n      ...rest\n    } = props;\n\n    if (!isValidElement<{ className?: string }>(children)) {\n      return null;\n    }\n\n    const isNativeButton = children.type === \"button\";\n    const childOnClick = children.props.onClick as\n      | MouseEventHandler<HTMLElement>\n      | undefined;\n    const handleClick: MouseEventHandler<HTMLElement> = (event) => {\n      if (disabled) {\n        event.preventDefault();\n        event.stopPropagation();\n        return;\n      }\n\n      onClick?.(event);\n      if (!event.defaultPrevented) {\n        childOnClick?.(event);\n      }\n    };\n\n    return cloneElement(children, {\n      ...rest,\n      ...children.props,\n      ...(disabled\n        ? isNativeButton\n          ? { disabled: true }\n          : { \"aria-disabled\": true, tabIndex: -1 }\n        : null),\n      \"data-slot\": \"button\",\n      onClick: handleClick,\n      className: cn(\n        buttonVariants({ appearance, size }),\n        children.props.className,\n        className,\n      ),\n    });\n  }\n\n  if (props.as === \"link\") {\n    const {\n      className,\n      appearance,\n      size,\n      children,\n      ref,\n      href,\n      target,\n      ...rest\n    } = props;\n\n    return (\n      <a\n        ref={ref}\n        href={href}\n        target={target}\n        rel={target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n        data-slot=\"button\"\n        className={cn(buttonVariants({ appearance, size }), className)}\n        {...rest}\n      >\n        {children}\n      </a>\n    );\n  }\n\n  const {\n    className,\n    appearance,\n    size,\n    type = \"button\",\n    children,\n    ref,\n    ...rest\n  } = props;\n\n  return (\n    <button\n      ref={ref}\n      type={type}\n      data-slot=\"button\"\n      className={cn(buttonVariants({ appearance, size }), className)}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n};\n\nButtonBase.displayName = \"Button\";\n","// button.tsx — default static entry (no framer-motion)\nimport { ButtonBase } from \"./button-base\";\nimport type { ButtonProps } from \"./types\";\n\nexport const Button = (props: ButtonProps) => {\n  return <ButtonBase {...props} />;\n};\n\nButton.displayName = \"Button\";\n"]}

package/dist/{chunk-SSJXWD2M.mjs → chunk-OQCI2IVL.mjs}

@@ -1,10 +1,3 @@
-import { useFocusManagement } from './chunk-K6YI4FJO.mjs';
-import { cn } from './chunk-4D54YOL6.mjs';
-import { cva } from 'class-variance-authority';
-import { createContext, useContext, useState, useCallback, useId, useRef, useMemo } from 'react';
-import { createPortal } from 'react-dom';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
 // src/design-system/modal.ts
 var zuiModalOverlayBase = "fixed inset-0 z-50 bg-[var(--zui-modal-overlay-bg,oklch(12.9%_0.042_264.695_/_0.7))] dark:bg-[var(--zui-modal-overlay-bg-dark,oklch(12.9%_0.042_264.695_/_0.7))] backdrop-blur-sm data-[state=open]:animate-in";
 var zuiModalTriggerBase = "relative inline-flex shrink-0 cursor-pointer rounded-md border";
@@ -31,7 +24,28 @@ var zuiModalTriggerAppearances = {
   "gradient-teal": "border-[color:var(--zui-modal-trigger-gradient-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-modal-trigger-gradient-teal-border-dark,oklch(60%_0.118_184.704))] bg-linear-to-r from-[var(--zui-modal-trigger-gradient-teal-from,oklch(98.4%_0.014_180.72))] dark:from-[var(--zui-modal-trigger-gradient-teal-from-dark,oklch(27.7%_0.046_192.524_/_0.7))] to-[var(--zui-modal-trigger-gradient-teal-to,oklch(98.4%_0.019_200.873))] dark:to-[var(--zui-modal-trigger-gradient-teal-to-dark,oklch(30.2%_0.056_229.695_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-gradient-teal-fg,oklch(43.7%_0.078_188.216))] dark:text-[color:var(--zui-modal-trigger-gradient-teal-fg-dark,oklch(98.4%_0.014_180.72))]",
   "gradient-indigo": "border-[color:var(--zui-modal-trigger-gradient-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-modal-trigger-gradient-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-linear-to-r from-[var(--zui-modal-trigger-gradient-indigo-from,oklch(96.2%_0.018_272.314))] dark:from-[var(--zui-modal-trigger-gradient-indigo-from-dark,oklch(25.7%_0.09_281.288_/_0.7))] to-[var(--zui-modal-trigger-gradient-indigo-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-modal-trigger-gradient-indigo-to-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-gradient-indigo-fg,oklch(39.8%_0.195_277.366))] dark:text-[color:var(--zui-modal-trigger-gradient-indigo-fg-dark,oklch(96.2%_0.018_272.314))]",
   "gradient-pink": "border-[color:var(--zui-modal-trigger-gradient-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-modal-trigger-gradient-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-linear-to-r from-[var(--zui-modal-trigger-gradient-pink-from,oklch(97.1%_0.014_343.198))] dark:from-[var(--zui-modal-trigger-gradient-pink-from-dark,oklch(28.4%_0.109_3.907_/_0.7))] to-[var(--zui-modal-trigger-gradient-pink-to,oklch(96.9%_0.015_12.422))] dark:to-[var(--zui-modal-trigger-gradient-pink-to-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-gradient-pink-fg,oklch(45.9%_0.187_3.815))] dark:text-[color:var(--zui-modal-trigger-gradient-pink-fg-dark,oklch(97.1%_0.014_343.198))]",
-  "gradient-orange": "border-[color:var(--zui-modal-trigger-gradient-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-modal-trigger-gradient-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-linear-to-r from-[var(--zui-modal-trigger-gradient-orange-from,oklch(98%_0.016_73.684))] dark:from-[var(--zui-modal-trigger-gradient-orange-from-dark,oklch(26.6%_0.079_36.259_/_0.7))] to-[var(--zui-modal-trigger-gradient-orange-to,oklch(97.1%_0.013_17.38))] dark:to-[var(--zui-modal-trigger-gradient-orange-to-dark,oklch(25.8%_0.092_26.042_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-gradient-orange-fg,oklch(47%_0.157_37.304))] dark:text-[color:var(--zui-modal-trigger-gradient-orange-fg-dark,oklch(98%_0.016_73.684))]"
+  "gradient-orange": "border-[color:var(--zui-modal-trigger-gradient-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-modal-trigger-gradient-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-linear-to-r from-[var(--zui-modal-trigger-gradient-orange-from,oklch(98%_0.016_73.684))] dark:from-[var(--zui-modal-trigger-gradient-orange-from-dark,oklch(26.6%_0.079_36.259_/_0.7))] to-[var(--zui-modal-trigger-gradient-orange-to,oklch(97.1%_0.013_17.38))] dark:to-[var(--zui-modal-trigger-gradient-orange-to-dark,oklch(25.8%_0.092_26.042_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-gradient-orange-fg,oklch(47%_0.157_37.304))] dark:text-[color:var(--zui-modal-trigger-gradient-orange-fg-dark,oklch(98%_0.016_73.684))]",
+  blue: "border border-[color:var(--zui-modal-trigger-blue-border,#2563eb)] dark:border-[color:var(--zui-modal-trigger-blue-border-dark,#3b82f6)] bg-[var(--zui-modal-trigger-blue-bg,#2563eb14)] dark:bg-[var(--zui-modal-trigger-blue-bg-dark,#3b82f624)] backdrop-blur-xl text-[color:var(--zui-modal-trigger-blue-fg,#2563eb)] dark:text-[color:var(--zui-modal-trigger-blue-fg-dark,#3b82f6)] hover:bg-[var(--zui-modal-trigger-blue-bg-hover,#2563eb18)] dark:hover:bg-[var(--zui-modal-trigger-blue-bg-hover-dark,#3b82f62e)]",
+  cyan: "border border-[color:var(--zui-modal-trigger-cyan-border,#0891b2)] dark:border-[color:var(--zui-modal-trigger-cyan-border-dark,#22d3ee)] bg-[var(--zui-modal-trigger-cyan-bg,#0891b214)] dark:bg-[var(--zui-modal-trigger-cyan-bg-dark,#22d3ee24)] backdrop-blur-xl text-[color:var(--zui-modal-trigger-cyan-fg,#0891b2)] dark:text-[color:var(--zui-modal-trigger-cyan-fg-dark,#22d3ee)] hover:bg-[var(--zui-modal-trigger-cyan-bg-hover,#0891b218)] dark:hover:bg-[var(--zui-modal-trigger-cyan-bg-hover-dark,#22d3ee2e)]",
+  green: "border border-[color:var(--zui-modal-trigger-green-border,#16a34a)] dark:border-[color:var(--zui-modal-trigger-green-border-dark,#22c55e)] bg-[var(--zui-modal-trigger-green-bg,#16a34a14)] dark:bg-[var(--zui-modal-trigger-green-bg-dark,#22c55e24)] backdrop-blur-xl text-[color:var(--zui-modal-trigger-green-fg,#16a34a)] dark:text-[color:var(--zui-modal-trigger-green-fg-dark,#22c55e)] hover:bg-[var(--zui-modal-trigger-green-bg-hover,#16a34a18)] dark:hover:bg-[var(--zui-modal-trigger-green-bg-hover-dark,#22c55e2e)]",
+  lime: "border border-[color:var(--zui-modal-trigger-lime-border,#65a30d)] dark:border-[color:var(--zui-modal-trigger-lime-border-dark,#a3e635)] bg-[var(--zui-modal-trigger-lime-bg,#65a30d14)] dark:bg-[var(--zui-modal-trigger-lime-bg-dark,#a3e63524)] backdrop-blur-xl text-[color:var(--zui-modal-trigger-lime-fg,#65a30d)] dark:text-[color:var(--zui-modal-trigger-lime-fg-dark,#a3e635)] hover:bg-[var(--zui-modal-trigger-lime-bg-hover,#65a30d18)] dark:hover:bg-[var(--zui-modal-trigger-lime-bg-hover-dark,#a3e6352e)]",
+  mint: "border border-[color:var(--zui-modal-trigger-mint-border,#10b981)] dark:border-[color:var(--zui-modal-trigger-mint-border-dark,#6ee7b7)] bg-[var(--zui-modal-trigger-mint-bg,#10b98114)] dark:bg-[var(--zui-modal-trigger-mint-bg-dark,#6ee7b724)] backdrop-blur-xl text-[color:var(--zui-modal-trigger-mint-fg,#10b981)] dark:text-[color:var(--zui-modal-trigger-mint-fg-dark,#6ee7b7)] hover:bg-[var(--zui-modal-trigger-mint-bg-hover,#10b98118)] dark:hover:bg-[var(--zui-modal-trigger-mint-bg-hover-dark,#6ee7b72e)]",
+  ocean: "border border-[color:var(--zui-modal-trigger-ocean-border,#0284c7)] dark:border-[color:var(--zui-modal-trigger-ocean-border-dark,#38bdf8)] bg-[var(--zui-modal-trigger-ocean-bg,#0284c714)] dark:bg-[var(--zui-modal-trigger-ocean-bg-dark,#38bdf824)] backdrop-blur-xl text-[color:var(--zui-modal-trigger-ocean-fg,#0284c7)] dark:text-[color:var(--zui-modal-trigger-ocean-fg-dark,#38bdf8)] hover:bg-[var(--zui-modal-trigger-ocean-bg-hover,#0284c718)] dark:hover:bg-[var(--zui-modal-trigger-ocean-bg-hover-dark,#38bdf82e)]",
+  sapphire: "border border-[color:var(--zui-modal-trigger-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-modal-trigger-sapphire-border-dark,#60a5fa)] bg-[var(--zui-modal-trigger-sapphire-bg,#1d4ed814)] dark:bg-[var(--zui-modal-trigger-sapphire-bg-dark,#60a5fa24)] backdrop-blur-xl text-[color:var(--zui-modal-trigger-sapphire-fg,#1d4ed8)] dark:text-[color:var(--zui-modal-trigger-sapphire-fg-dark,#60a5fa)] hover:bg-[var(--zui-modal-trigger-sapphire-bg-hover,#1d4ed818)] dark:hover:bg-[var(--zui-modal-trigger-sapphire-bg-hover-dark,#60a5fa2e)]",
+  lavender: "border border-[color:var(--zui-modal-trigger-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-modal-trigger-lavender-border-dark,#a78bfa)] bg-[var(--zui-modal-trigger-lavender-bg,#8b5cf614)] dark:bg-[var(--zui-modal-trigger-lavender-bg-dark,#a78bfa24)] backdrop-blur-xl text-[color:var(--zui-modal-trigger-lavender-fg,#8b5cf6)] dark:text-[color:var(--zui-modal-trigger-lavender-fg-dark,#a78bfa)] hover:bg-[var(--zui-modal-trigger-lavender-bg-hover,#8b5cf618)] dark:hover:bg-[var(--zui-modal-trigger-lavender-bg-hover-dark,#a78bfa2e)]",
+  ruby: "border border-[color:var(--zui-modal-trigger-ruby-border,#be123c)] dark:border-[color:var(--zui-modal-trigger-ruby-border-dark,#fb7185)] bg-[var(--zui-modal-trigger-ruby-bg,#be123c14)] dark:bg-[var(--zui-modal-trigger-ruby-bg-dark,#fb718524)] backdrop-blur-xl text-[color:var(--zui-modal-trigger-ruby-fg,#be123c)] dark:text-[color:var(--zui-modal-trigger-ruby-fg-dark,#fb7185)] hover:bg-[var(--zui-modal-trigger-ruby-bg-hover,#be123c18)] dark:hover:bg-[var(--zui-modal-trigger-ruby-bg-hover-dark,#fb71852e)]",
+  red: "border border-[color:var(--zui-modal-trigger-red-border,#dc2626)] dark:border-[color:var(--zui-modal-trigger-red-border-dark,#ef4444)] bg-[var(--zui-modal-trigger-red-bg,#dc262614)] dark:bg-[var(--zui-modal-trigger-red-bg-dark,#ef444424)] backdrop-blur-xl text-[color:var(--zui-modal-trigger-red-fg,#dc2626)] dark:text-[color:var(--zui-modal-trigger-red-fg-dark,#ef4444)] hover:bg-[var(--zui-modal-trigger-red-bg-hover,#dc262618)] dark:hover:bg-[var(--zui-modal-trigger-red-bg-hover-dark,#ef44442e)]",
+  slate: "border border-[color:var(--zui-modal-trigger-slate-border,#475569)] dark:border-[color:var(--zui-modal-trigger-slate-border-dark,#64748b)] bg-[var(--zui-modal-trigger-slate-bg,#47556914)] dark:bg-[var(--zui-modal-trigger-slate-bg-dark,#64748b24)] backdrop-blur-xl text-[color:var(--zui-modal-trigger-slate-fg,#475569)] dark:text-[color:var(--zui-modal-trigger-slate-fg-dark,#64748b)] hover:bg-[var(--zui-modal-trigger-slate-bg-hover,#47556918)] dark:hover:bg-[var(--zui-modal-trigger-slate-bg-hover-dark,#64748b2e)]",
+  zinc: "border border-[color:var(--zui-modal-trigger-zinc-border,#52525b)] dark:border-[color:var(--zui-modal-trigger-zinc-border-dark,#71717a)] bg-[var(--zui-modal-trigger-zinc-bg,#52525b14)] dark:bg-[var(--zui-modal-trigger-zinc-bg-dark,#71717a24)] backdrop-blur-xl text-[color:var(--zui-modal-trigger-zinc-fg,#52525b)] dark:text-[color:var(--zui-modal-trigger-zinc-fg-dark,#71717a)] hover:bg-[var(--zui-modal-trigger-zinc-bg-hover,#52525b18)] dark:hover:bg-[var(--zui-modal-trigger-zinc-bg-hover-dark,#71717a2e)]",
+  stone: "border border-[color:var(--zui-modal-trigger-stone-border,#57534e)] dark:border-[color:var(--zui-modal-trigger-stone-border-dark,#78716c)] bg-[var(--zui-modal-trigger-stone-bg,#57534e14)] dark:bg-[var(--zui-modal-trigger-stone-bg-dark,#78716c24)] backdrop-blur-xl text-[color:var(--zui-modal-trigger-stone-fg,#57534e)] dark:text-[color:var(--zui-modal-trigger-stone-fg-dark,#78716c)] hover:bg-[var(--zui-modal-trigger-stone-bg-hover,#57534e18)] dark:hover:bg-[var(--zui-modal-trigger-stone-bg-hover-dark,#78716c2e)]",
+  royal: "border border-[color:var(--zui-modal-trigger-royal-border,#4338ca)] dark:border-[color:var(--zui-modal-trigger-royal-border-dark,#818cf8)] bg-[var(--zui-modal-trigger-royal-bg,#4338ca14)] dark:bg-[var(--zui-modal-trigger-royal-bg-dark,#818cf824)] backdrop-blur-xl text-[color:var(--zui-modal-trigger-royal-fg,#4338ca)] dark:text-[color:var(--zui-modal-trigger-royal-fg-dark,#818cf8)] hover:bg-[var(--zui-modal-trigger-royal-bg-hover,#4338ca18)] dark:hover:bg-[var(--zui-modal-trigger-royal-bg-hover-dark,#818cf82e)]",
+  electric: "border border-[color:var(--zui-modal-trigger-electric-border,#0ea5e9)] dark:border-[color:var(--zui-modal-trigger-electric-border-dark,#38bdf8)] bg-[var(--zui-modal-trigger-electric-bg,#0ea5e914)] dark:bg-[var(--zui-modal-trigger-electric-bg-dark,#38bdf824)] backdrop-blur-xl text-[color:var(--zui-modal-trigger-electric-fg,#0ea5e9)] dark:text-[color:var(--zui-modal-trigger-electric-fg-dark,#38bdf8)] hover:bg-[var(--zui-modal-trigger-electric-bg-hover,#0ea5e918)] dark:hover:bg-[var(--zui-modal-trigger-electric-bg-hover-dark,#38bdf82e)]",
+  forest: "border border-[color:var(--zui-modal-trigger-forest-border,#166534)] dark:border-[color:var(--zui-modal-trigger-forest-border-dark,#4ade80)] bg-[var(--zui-modal-trigger-forest-bg,#16653414)] dark:bg-[var(--zui-modal-trigger-forest-bg-dark,#4ade8024)] backdrop-blur-xl text-[color:var(--zui-modal-trigger-forest-fg,#166534)] dark:text-[color:var(--zui-modal-trigger-forest-fg-dark,#4ade80)] hover:bg-[var(--zui-modal-trigger-forest-bg-hover,#16653418)] dark:hover:bg-[var(--zui-modal-trigger-forest-bg-hover-dark,#4ade802e)]",
+  sunset: "border border-[color:var(--zui-modal-trigger-sunset-border,#ea580c)] dark:border-[color:var(--zui-modal-trigger-sunset-border-dark,#fb923c)] bg-[var(--zui-modal-trigger-sunset-bg,#ea580c14)] dark:bg-[var(--zui-modal-trigger-sunset-bg-dark,#fb923c24)] backdrop-blur-xl text-[color:var(--zui-modal-trigger-sunset-fg,#ea580c)] dark:text-[color:var(--zui-modal-trigger-sunset-fg-dark,#fb923c)] hover:bg-[var(--zui-modal-trigger-sunset-bg-hover,#ea580c18)] dark:hover:bg-[var(--zui-modal-trigger-sunset-bg-hover-dark,#fb923c2e)]",
+  magenta: "border border-[color:var(--zui-modal-trigger-magenta-border,#c026d3)] dark:border-[color:var(--zui-modal-trigger-magenta-border-dark,#e879f9)] bg-[var(--zui-modal-trigger-magenta-bg,#c026d314)] dark:bg-[var(--zui-modal-trigger-magenta-bg-dark,#e879f924)] backdrop-blur-xl text-[color:var(--zui-modal-trigger-magenta-fg,#c026d3)] dark:text-[color:var(--zui-modal-trigger-magenta-fg-dark,#e879f9)] hover:bg-[var(--zui-modal-trigger-magenta-bg-hover,#c026d318)] dark:hover:bg-[var(--zui-modal-trigger-magenta-bg-hover-dark,#e879f92e)]",
+  crimson: "border border-[color:var(--zui-modal-trigger-crimson-border,#b91c1c)] dark:border-[color:var(--zui-modal-trigger-crimson-border-dark,#f87171)] bg-[var(--zui-modal-trigger-crimson-bg,#b91c1c14)] dark:bg-[var(--zui-modal-trigger-crimson-bg-dark,#f8717124)] backdrop-blur-xl text-[color:var(--zui-modal-trigger-crimson-fg,#b91c1c)] dark:text-[color:var(--zui-modal-trigger-crimson-fg-dark,#f87171)] hover:bg-[var(--zui-modal-trigger-crimson-bg-hover,#b91c1c18)] dark:hover:bg-[var(--zui-modal-trigger-crimson-bg-hover-dark,#f871712e)]",
+  aqua: "border border-[color:var(--zui-modal-trigger-aqua-border,#0f766e)] dark:border-[color:var(--zui-modal-trigger-aqua-border-dark,#2dd4bf)] bg-[var(--zui-modal-trigger-aqua-bg,#0f766e14)] dark:bg-[var(--zui-modal-trigger-aqua-bg-dark,#2dd4bf24)] backdrop-blur-xl text-[color:var(--zui-modal-trigger-aqua-fg,#0f766e)] dark:text-[color:var(--zui-modal-trigger-aqua-fg-dark,#2dd4bf)] hover:bg-[var(--zui-modal-trigger-aqua-bg-hover,#0f766e18)] dark:hover:bg-[var(--zui-modal-trigger-aqua-bg-hover-dark,#2dd4bf2e)]",
+  plum: "border border-[color:var(--zui-modal-trigger-plum-border,#7e22ce)] dark:border-[color:var(--zui-modal-trigger-plum-border-dark,#c084fc)] bg-[var(--zui-modal-trigger-plum-bg,#7e22ce14)] dark:bg-[var(--zui-modal-trigger-plum-bg-dark,#c084fc24)] backdrop-blur-xl text-[color:var(--zui-modal-trigger-plum-fg,#7e22ce)] dark:text-[color:var(--zui-modal-trigger-plum-fg-dark,#c084fc)] hover:bg-[var(--zui-modal-trigger-plum-bg-hover,#7e22ce18)] dark:hover:bg-[var(--zui-modal-trigger-plum-bg-hover-dark,#c084fc2e)]"
 };
 var zuiModalContentBase = "fixed left-1/2 z-50 w-[calc(100%-2rem)] max-h-[min(90vh,720px)] translate-x-[-50%] overflow-y-auto border border-[color:var(--zui-modal-content-border,#0000001a)] dark:border-[color:var(--zui-modal-content-border-dark,#ffffff1a)] bg-[var(--zui-modal-content-bg,oklch(98.4%_0.003_247.858))] dark:bg-[var(--zui-modal-content-bg-dark,oklch(12.9%_0.042_264.695))] p-6 text-[color:var(--zui-modal-content-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-modal-content-fg-dark,oklch(98.4%_0.003_247.858))] shadow-[var(--zui-modal-content-shadow,0_12px_40px_rgba(15,23,42,0.14))] dark:shadow-[var(--zui-modal-content-shadow-dark,0_24px_80px_rgba(15,23,42,0.55))] focus:outline-none";
 var zuiModalContentSizes = {
@@ -69,257 +83,30 @@ var zuiModalContentAppearances = {
   "gradient-teal": "border-[color:var(--zui-modal-content-gradient-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-modal-content-gradient-teal-border-dark,oklch(60%_0.118_184.704))] bg-linear-to-r from-[var(--zui-modal-content-gradient-teal-from,oklch(98.4%_0.014_180.72))] dark:from-[var(--zui-modal-content-gradient-teal-from-dark,oklch(27.7%_0.046_192.524_/_0.7))] to-[var(--zui-modal-content-gradient-teal-to,oklch(98.4%_0.019_200.873))] dark:to-[var(--zui-modal-content-gradient-teal-to-dark,oklch(30.2%_0.056_229.695_/_0.7))] backdrop-blur-xl",
   "gradient-indigo": "border-[color:var(--zui-modal-content-gradient-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-modal-content-gradient-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-linear-to-r from-[var(--zui-modal-content-gradient-indigo-from,oklch(96.2%_0.018_272.314))] dark:from-[var(--zui-modal-content-gradient-indigo-from-dark,oklch(25.7%_0.09_281.288_/_0.7))] to-[var(--zui-modal-content-gradient-indigo-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-modal-content-gradient-indigo-to-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl",
   "gradient-pink": "border-[color:var(--zui-modal-content-gradient-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-modal-content-gradient-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-linear-to-r from-[var(--zui-modal-content-gradient-pink-from,oklch(97.1%_0.014_343.198))] dark:from-[var(--zui-modal-content-gradient-pink-from-dark,oklch(28.4%_0.109_3.907_/_0.7))] to-[var(--zui-modal-content-gradient-pink-to,oklch(96.9%_0.015_12.422))] dark:to-[var(--zui-modal-content-gradient-pink-to-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl",
-  "gradient-orange": "border-[color:var(--zui-modal-content-gradient-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-modal-content-gradient-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-linear-to-r from-[var(--zui-modal-content-gradient-orange-from,oklch(98%_0.016_73.684))] dark:from-[var(--zui-modal-content-gradient-orange-from-dark,oklch(26.6%_0.079_36.259_/_0.7))] to-[var(--zui-modal-content-gradient-orange-to,oklch(97.1%_0.013_17.38))] dark:to-[var(--zui-modal-content-gradient-orange-to-dark,oklch(25.8%_0.092_26.042_/_0.7))] backdrop-blur-xl"
+  "gradient-orange": "border-[color:var(--zui-modal-content-gradient-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-modal-content-gradient-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-linear-to-r from-[var(--zui-modal-content-gradient-orange-from,oklch(98%_0.016_73.684))] dark:from-[var(--zui-modal-content-gradient-orange-from-dark,oklch(26.6%_0.079_36.259_/_0.7))] to-[var(--zui-modal-content-gradient-orange-to,oklch(97.1%_0.013_17.38))] dark:to-[var(--zui-modal-content-gradient-orange-to-dark,oklch(25.8%_0.092_26.042_/_0.7))] backdrop-blur-xl",
+  blue: "border border-[color:var(--zui-modal-content-blue-border,#2563eb)] dark:border-[color:var(--zui-modal-content-blue-border-dark,#3b82f6)] bg-[var(--zui-modal-content-blue-bg,#2563eb14)] dark:bg-[var(--zui-modal-content-blue-bg-dark,#3b82f624)] text-[color:var(--zui-modal-content-blue-fg,#0f172a)] dark:text-[color:var(--zui-modal-content-blue-fg-dark,#f8fafc)] backdrop-blur-xl",
+  cyan: "border border-[color:var(--zui-modal-content-cyan-border,#0891b2)] dark:border-[color:var(--zui-modal-content-cyan-border-dark,#22d3ee)] bg-[var(--zui-modal-content-cyan-bg,#0891b214)] dark:bg-[var(--zui-modal-content-cyan-bg-dark,#22d3ee24)] text-[color:var(--zui-modal-content-cyan-fg,#0f172a)] dark:text-[color:var(--zui-modal-content-cyan-fg-dark,#f8fafc)] backdrop-blur-xl",
+  green: "border border-[color:var(--zui-modal-content-green-border,#16a34a)] dark:border-[color:var(--zui-modal-content-green-border-dark,#22c55e)] bg-[var(--zui-modal-content-green-bg,#16a34a14)] dark:bg-[var(--zui-modal-content-green-bg-dark,#22c55e24)] text-[color:var(--zui-modal-content-green-fg,#0f172a)] dark:text-[color:var(--zui-modal-content-green-fg-dark,#f8fafc)] backdrop-blur-xl",
+  lime: "border border-[color:var(--zui-modal-content-lime-border,#65a30d)] dark:border-[color:var(--zui-modal-content-lime-border-dark,#a3e635)] bg-[var(--zui-modal-content-lime-bg,#65a30d14)] dark:bg-[var(--zui-modal-content-lime-bg-dark,#a3e63524)] text-[color:var(--zui-modal-content-lime-fg,#0f172a)] dark:text-[color:var(--zui-modal-content-lime-fg-dark,#f8fafc)] backdrop-blur-xl",
+  mint: "border border-[color:var(--zui-modal-content-mint-border,#10b981)] dark:border-[color:var(--zui-modal-content-mint-border-dark,#6ee7b7)] bg-[var(--zui-modal-content-mint-bg,#10b98114)] dark:bg-[var(--zui-modal-content-mint-bg-dark,#6ee7b724)] text-[color:var(--zui-modal-content-mint-fg,#0f172a)] dark:text-[color:var(--zui-modal-content-mint-fg-dark,#f8fafc)] backdrop-blur-xl",
+  ocean: "border border-[color:var(--zui-modal-content-ocean-border,#0284c7)] dark:border-[color:var(--zui-modal-content-ocean-border-dark,#38bdf8)] bg-[var(--zui-modal-content-ocean-bg,#0284c714)] dark:bg-[var(--zui-modal-content-ocean-bg-dark,#38bdf824)] text-[color:var(--zui-modal-content-ocean-fg,#0f172a)] dark:text-[color:var(--zui-modal-content-ocean-fg-dark,#f8fafc)] backdrop-blur-xl",
+  sapphire: "border border-[color:var(--zui-modal-content-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-modal-content-sapphire-border-dark,#60a5fa)] bg-[var(--zui-modal-content-sapphire-bg,#1d4ed814)] dark:bg-[var(--zui-modal-content-sapphire-bg-dark,#60a5fa24)] text-[color:var(--zui-modal-content-sapphire-fg,#0f172a)] dark:text-[color:var(--zui-modal-content-sapphire-fg-dark,#f8fafc)] backdrop-blur-xl",
+  lavender: "border border-[color:var(--zui-modal-content-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-modal-content-lavender-border-dark,#a78bfa)] bg-[var(--zui-modal-content-lavender-bg,#8b5cf614)] dark:bg-[var(--zui-modal-content-lavender-bg-dark,#a78bfa24)] text-[color:var(--zui-modal-content-lavender-fg,#0f172a)] dark:text-[color:var(--zui-modal-content-lavender-fg-dark,#f8fafc)] backdrop-blur-xl",
+  ruby: "border border-[color:var(--zui-modal-content-ruby-border,#be123c)] dark:border-[color:var(--zui-modal-content-ruby-border-dark,#fb7185)] bg-[var(--zui-modal-content-ruby-bg,#be123c14)] dark:bg-[var(--zui-modal-content-ruby-bg-dark,#fb718524)] text-[color:var(--zui-modal-content-ruby-fg,#0f172a)] dark:text-[color:var(--zui-modal-content-ruby-fg-dark,#f8fafc)] backdrop-blur-xl",
+  red: "border border-[color:var(--zui-modal-content-red-border,#dc2626)] dark:border-[color:var(--zui-modal-content-red-border-dark,#ef4444)] bg-[var(--zui-modal-content-red-bg,#dc262614)] dark:bg-[var(--zui-modal-content-red-bg-dark,#ef444424)] text-[color:var(--zui-modal-content-red-fg,#0f172a)] dark:text-[color:var(--zui-modal-content-red-fg-dark,#f8fafc)] backdrop-blur-xl",
+  slate: "border border-[color:var(--zui-modal-content-slate-border,#475569)] dark:border-[color:var(--zui-modal-content-slate-border-dark,#64748b)] bg-[var(--zui-modal-content-slate-bg,#47556914)] dark:bg-[var(--zui-modal-content-slate-bg-dark,#64748b24)] text-[color:var(--zui-modal-content-slate-fg,#0f172a)] dark:text-[color:var(--zui-modal-content-slate-fg-dark,#f8fafc)] backdrop-blur-xl",
+  zinc: "border border-[color:var(--zui-modal-content-zinc-border,#52525b)] dark:border-[color:var(--zui-modal-content-zinc-border-dark,#71717a)] bg-[var(--zui-modal-content-zinc-bg,#52525b14)] dark:bg-[var(--zui-modal-content-zinc-bg-dark,#71717a24)] text-[color:var(--zui-modal-content-zinc-fg,#0f172a)] dark:text-[color:var(--zui-modal-content-zinc-fg-dark,#f8fafc)] backdrop-blur-xl",
+  stone: "border border-[color:var(--zui-modal-content-stone-border,#57534e)] dark:border-[color:var(--zui-modal-content-stone-border-dark,#78716c)] bg-[var(--zui-modal-content-stone-bg,#57534e14)] dark:bg-[var(--zui-modal-content-stone-bg-dark,#78716c24)] text-[color:var(--zui-modal-content-stone-fg,#0f172a)] dark:text-[color:var(--zui-modal-content-stone-fg-dark,#f8fafc)] backdrop-blur-xl",
+  royal: "border border-[color:var(--zui-modal-content-royal-border,#4338ca)] dark:border-[color:var(--zui-modal-content-royal-border-dark,#818cf8)] bg-[var(--zui-modal-content-royal-bg,#4338ca14)] dark:bg-[var(--zui-modal-content-royal-bg-dark,#818cf824)] text-[color:var(--zui-modal-content-royal-fg,#0f172a)] dark:text-[color:var(--zui-modal-content-royal-fg-dark,#f8fafc)] backdrop-blur-xl",
+  electric: "border border-[color:var(--zui-modal-content-electric-border,#0ea5e9)] dark:border-[color:var(--zui-modal-content-electric-border-dark,#38bdf8)] bg-[var(--zui-modal-content-electric-bg,#0ea5e914)] dark:bg-[var(--zui-modal-content-electric-bg-dark,#38bdf824)] text-[color:var(--zui-modal-content-electric-fg,#0f172a)] dark:text-[color:var(--zui-modal-content-electric-fg-dark,#f8fafc)] backdrop-blur-xl",
+  forest: "border border-[color:var(--zui-modal-content-forest-border,#166534)] dark:border-[color:var(--zui-modal-content-forest-border-dark,#4ade80)] bg-[var(--zui-modal-content-forest-bg,#16653414)] dark:bg-[var(--zui-modal-content-forest-bg-dark,#4ade8024)] text-[color:var(--zui-modal-content-forest-fg,#0f172a)] dark:text-[color:var(--zui-modal-content-forest-fg-dark,#f8fafc)] backdrop-blur-xl",
+  sunset: "border border-[color:var(--zui-modal-content-sunset-border,#ea580c)] dark:border-[color:var(--zui-modal-content-sunset-border-dark,#fb923c)] bg-[var(--zui-modal-content-sunset-bg,#ea580c14)] dark:bg-[var(--zui-modal-content-sunset-bg-dark,#fb923c24)] text-[color:var(--zui-modal-content-sunset-fg,#0f172a)] dark:text-[color:var(--zui-modal-content-sunset-fg-dark,#f8fafc)] backdrop-blur-xl",
+  magenta: "border border-[color:var(--zui-modal-content-magenta-border,#c026d3)] dark:border-[color:var(--zui-modal-content-magenta-border-dark,#e879f9)] bg-[var(--zui-modal-content-magenta-bg,#c026d314)] dark:bg-[var(--zui-modal-content-magenta-bg-dark,#e879f924)] text-[color:var(--zui-modal-content-magenta-fg,#0f172a)] dark:text-[color:var(--zui-modal-content-magenta-fg-dark,#f8fafc)] backdrop-blur-xl",
+  crimson: "border border-[color:var(--zui-modal-content-crimson-border,#b91c1c)] dark:border-[color:var(--zui-modal-content-crimson-border-dark,#f87171)] bg-[var(--zui-modal-content-crimson-bg,#b91c1c14)] dark:bg-[var(--zui-modal-content-crimson-bg-dark,#f8717124)] text-[color:var(--zui-modal-content-crimson-fg,#0f172a)] dark:text-[color:var(--zui-modal-content-crimson-fg-dark,#f8fafc)] backdrop-blur-xl",
+  aqua: "border border-[color:var(--zui-modal-content-aqua-border,#0f766e)] dark:border-[color:var(--zui-modal-content-aqua-border-dark,#2dd4bf)] bg-[var(--zui-modal-content-aqua-bg,#0f766e14)] dark:bg-[var(--zui-modal-content-aqua-bg-dark,#2dd4bf24)] text-[color:var(--zui-modal-content-aqua-fg,#0f172a)] dark:text-[color:var(--zui-modal-content-aqua-fg-dark,#f8fafc)] backdrop-blur-xl",
+  plum: "border border-[color:var(--zui-modal-content-plum-border,#7e22ce)] dark:border-[color:var(--zui-modal-content-plum-border-dark,#c084fc)] bg-[var(--zui-modal-content-plum-bg,#7e22ce14)] dark:bg-[var(--zui-modal-content-plum-bg-dark,#c084fc24)] text-[color:var(--zui-modal-content-plum-fg,#0f172a)] dark:text-[color:var(--zui-modal-content-plum-fg-dark,#f8fafc)] backdrop-blur-xl"
 };
 
-// src/ui/modal/variants.ts
-var modalOverlayVariants = cva(zuiModalOverlayBase);
-var modalTriggerVariants = cva(zuiModalTriggerBase, {
-  variants: {
-    appearance: zuiModalTriggerAppearances
-  },
-  defaultVariants: {
-    appearance: "default"
-  }
-});
-var modalContentVariants = cva(zuiModalContentBase, {
-  variants: {
-    size: zuiModalContentSizes,
-    position: zuiModalContentPositions,
-    appearance: zuiModalContentAppearances
-  },
-  defaultVariants: {
-    size: "md",
-    position: "center",
-    appearance: "default"
-  }
-});
-var ModalContext = createContext(null);
-function useModalContext(component) {
-  const ctx = useContext(ModalContext);
-  if (!ctx) {
-    throw new Error(`${component} must be used within <Modal>`);
-  }
-  return ctx;
-}
-function Modal({
-  open,
-  defaultOpen = false,
-  onOpenChange,
-  children
-}) {
-  const isControlled = open !== void 0;
-  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
-  const resolvedOpen = isControlled ? Boolean(open) : uncontrolledOpen;
-  const setOpen = useCallback(
-    (next) => {
-      if (!isControlled) {
-        setUncontrolledOpen(next);
-      }
-      onOpenChange?.(next);
-    },
-    [isControlled, onOpenChange]
-  );
-  const baseId = useId();
-  const titleId = `${baseId}-title`;
-  const descriptionId = `${baseId}-description`;
-  const contentRef = useRef(null);
-  const triggerRef = useRef(null);
-  const ctx = useMemo(
-    () => ({
-      open: resolvedOpen,
-      setOpen,
-      titleId,
-      descriptionId,
-      contentRef,
-      triggerRef
-    }),
-    [descriptionId, resolvedOpen, setOpen, titleId]
-  );
-  return /* @__PURE__ */ jsx(ModalContext.Provider, { value: ctx, children });
-}
-Modal.displayName = "Modal";
-function ModalTrigger({
-  className,
-  children,
-  appearance,
-  onClick,
-  ref: refProp,
-  ...rest
-}) {
-  const { setOpen, triggerRef } = useModalContext("ModalTrigger");
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      ref: (node) => {
-        triggerRef.current = node;
-        if (typeof refProp === "function") {
-          refProp(node);
-        } else if (refProp) {
-          refProp.current = node;
-        }
-      },
-      type: "button",
-      "data-slot": "modal-trigger",
-      className: cn(modalTriggerVariants({ appearance }), className),
-      onClick: (event) => {
-        onClick?.(event);
-        if (!event.defaultPrevented) {
-          setOpen(true);
-        }
-      },
-      ...rest,
-      children
-    }
-  );
-}
-ModalTrigger.displayName = "ModalTrigger";
-function ModalContent({
-  className,
-  size,
-  position,
-  appearance,
-  children,
-  ref,
-  id,
-  style
-}) {
-  const { open, setOpen, titleId, descriptionId, contentRef, triggerRef } = useModalContext("ModalContent");
-  useFocusManagement({
-    open,
-    setOpen,
-    contentRef,
-    triggerRef
-  });
-  const portalTarget = typeof document !== "undefined" ? document.body : null;
-  if (!portalTarget) {
-    return null;
-  }
-  return createPortal(
-    open ? /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-9999", "data-slot": "modal-portal", children: [
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          role: "presentation",
-          "data-slot": "modal-overlay",
-          className: modalOverlayVariants(),
-          onClick: () => setOpen(false)
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          ref: (node) => {
-            contentRef.current = node;
-            if (typeof ref === "function") {
-              ref(node);
-            } else if (ref) {
-              ref.current = node;
-            }
-          },
-          role: "dialog",
-          "aria-modal": "true",
-          "aria-labelledby": titleId,
-          "aria-describedby": descriptionId,
-          "data-slot": "modal-content",
-          tabIndex: -1,
-          className: cn(
-            modalContentVariants({ size, position, appearance }),
-            className
-          ),
-          id,
-          style,
-          children
-        }
-      )
-    ] }) : null,
-    portalTarget
-  );
-}
-ModalContent.displayName = "ModalContent";
-function ModalHeader({ className, children }) {
-  return /* @__PURE__ */ jsx(
-    "header",
-    {
-      "data-slot": "modal-header",
-      className: cn("mb-4 flex flex-col gap-2", className),
-      children
-    }
-  );
-}
-ModalHeader.displayName = "ModalHeader";
-function ModalBody({ className, children }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "modal-body",
-      className: cn("text-sm text-slate-300", className),
-      children
-    }
-  );
-}
-ModalBody.displayName = "ModalBody";
-function ModalFooter({ className, children }) {
-  return /* @__PURE__ */ jsx(
-    "footer",
-    {
-      "data-slot": "modal-footer",
-      className: cn("mt-6 flex justify-end gap-2", className),
-      children
-    }
-  );
-}
-ModalFooter.displayName = "ModalFooter";
-function ModalTitle({ className, children }) {
-  const { titleId } = useModalContext("ModalTitle");
-  return /* @__PURE__ */ jsx(
-    "h2",
-    {
-      id: titleId,
-      "data-slot": "modal-title",
-      className: cn("text-lg font-semibold", className),
-      children
-    }
-  );
-}
-ModalTitle.displayName = "ModalTitle";
-function ModalDescription({ className, children }) {
-  const { descriptionId } = useModalContext("ModalDescription");
-  return /* @__PURE__ */ jsx(
-    "p",
-    {
-      id: descriptionId,
-      "data-slot": "modal-description",
-      className: cn("text-sm text-slate-400", className),
-      children
-    }
-  );
-}
-ModalDescription.displayName = "ModalDescription";
-function ModalClose({
-  className,
-  children,
-  ...rest
-}) {
-  const { setOpen } = useModalContext("ModalClose");
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      "data-slot": "modal-close",
-      className: cn(
-        "absolute right-4 top-4 inline-flex size-14 items-center cursor-pointer justify-center rounded-md text-slate-800 dark:text-slate-200 transition hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/30",
-        className
-      ),
-      "aria-label": "Close dialog",
-      onClick: () => setOpen(false),
-      ...rest,
-      children: children ?? "\xD7"
-    }
-  );
-}
-ModalClose.displayName = "ModalClose";
-
-export { Modal, ModalBody, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalTitle, ModalTrigger, modalContentVariants, modalOverlayVariants, useModalContext };
-//# sourceMappingURL=chunk-SSJXWD2M.mjs.map
-//# sourceMappingURL=chunk-SSJXWD2M.mjs.map
+export { zuiModalContentAppearances, zuiModalContentBase, zuiModalContentPositions, zuiModalContentSizes, zuiModalOverlayBase, zuiModalTriggerAppearances, zuiModalTriggerBase };
+//# sourceMappingURL=chunk-OQCI2IVL.mjs.map
+//# sourceMappingURL=chunk-OQCI2IVL.mjs.map

package/dist/chunk-OQCI2IVL.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/modal.ts"],"names":[],"mappings":"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","file":"chunk-OQCI2IVL.mjs","sourcesContent":["export const zuiModalOverlayBase =\n  \"fixed inset-0 z-50 bg-[var(--zui-modal-overlay-bg,oklch(12.9%_0.042_264.695_/_0.7))] dark:bg-[var(--zui-modal-overlay-bg-dark,oklch(12.9%_0.042_264.695_/_0.7))] backdrop-blur-sm data-[state=open]:animate-in\";\n\nexport const zuiModalTriggerBase =\n  \"relative inline-flex shrink-0 cursor-pointer rounded-md border\";\n\nexport const zuiModalTriggerAppearances = {\n  default:\n    \"bg-[var(--zui-modal-trigger-default-bg,oklch(98.4%_0.003_247.858))] dark:bg-[var(--zui-modal-trigger-default-bg-dark,oklch(12.9%_0.042_264.695))] text-[color:var(--zui-modal-trigger-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-modal-trigger-default-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  glass:\n    \"border-[color:var(--zui-modal-trigger-glass-border,#00000026)] dark:border-[color:var(--zui-modal-trigger-glass-border-dark,#ffffff26)] bg-[var(--zui-modal-trigger-glass-bg,oklch(98.4%_0.003_247.858_/_0.7))] dark:bg-[var(--zui-modal-trigger-glass-bg-dark,oklch(12.9%_0.042_264.695_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-glass-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-modal-trigger-glass-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  sky: \"border-[color:var(--zui-modal-trigger-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-modal-trigger-sky-border-dark,oklch(58.8%_0.158_241.966))] bg-[var(--zui-modal-trigger-sky-bg,oklch(97.7%_0.013_236.62))] dark:bg-[var(--zui-modal-trigger-sky-bg-dark,oklch(29.3%_0.066_243.157_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-sky-fg,oklch(44.3%_0.11_240.79))] dark:text-[color:var(--zui-modal-trigger-sky-fg-dark,oklch(97.7%_0.013_236.62))]\",\n  rose: \"border-[color:var(--zui-modal-trigger-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-modal-trigger-rose-border-dark,oklch(58.6%_0.253_17.585))] bg-[var(--zui-modal-trigger-rose-bg,oklch(96.9%_0.015_12.422))] dark:bg-[var(--zui-modal-trigger-rose-bg-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-rose-fg,oklch(45.5%_0.188_13.697))] dark:text-[color:var(--zui-modal-trigger-rose-fg-dark,oklch(96.9%_0.015_12.422))]\",\n  purple:\n    \"border-[color:var(--zui-modal-trigger-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-modal-trigger-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-[var(--zui-modal-trigger-purple-bg,oklch(97.7%_0.014_308.299))] dark:bg-[var(--zui-modal-trigger-purple-bg-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-purple-fg,oklch(43.8%_0.218_303.724))] dark:text-[color:var(--zui-modal-trigger-purple-fg-dark,oklch(97.7%_0.014_308.299))]\",\n  pink: \"border-[color:var(--zui-modal-trigger-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-modal-trigger-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-[var(--zui-modal-trigger-pink-bg,oklch(97.1%_0.014_343.198))] dark:bg-[var(--zui-modal-trigger-pink-bg-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-pink-fg,oklch(45.9%_0.187_3.815))] dark:text-[color:var(--zui-modal-trigger-pink-fg-dark,oklch(97.1%_0.014_343.198))]\",\n  orange:\n    \"border-[color:var(--zui-modal-trigger-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-modal-trigger-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-[var(--zui-modal-trigger-orange-bg,oklch(98%_0.016_73.684))] dark:bg-[var(--zui-modal-trigger-orange-bg-dark,oklch(26.6%_0.079_36.259_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-orange-fg,oklch(47%_0.157_37.304))] dark:text-[color:var(--zui-modal-trigger-orange-fg-dark,oklch(98%_0.016_73.684))]\",\n  yellow:\n    \"border-[color:var(--zui-modal-trigger-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-modal-trigger-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-[var(--zui-modal-trigger-yellow-bg,oklch(98.7%_0.026_102.212))] dark:bg-[var(--zui-modal-trigger-yellow-bg-dark,oklch(28.6%_0.066_53.813_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-yellow-fg,oklch(47.6%_0.114_61.907))] dark:text-[color:var(--zui-modal-trigger-yellow-fg-dark,oklch(98.7%_0.026_102.212))]\",\n  teal: \"border-[color:var(--zui-modal-trigger-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-modal-trigger-teal-border-dark,oklch(60%_0.118_184.704))] bg-[var(--zui-modal-trigger-teal-bg,oklch(98.4%_0.014_180.72))] dark:bg-[var(--zui-modal-trigger-teal-bg-dark,oklch(27.7%_0.046_192.524_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-teal-fg,oklch(43.7%_0.078_188.216))] dark:text-[color:var(--zui-modal-trigger-teal-fg-dark,oklch(98.4%_0.014_180.72))]\",\n  indigo:\n    \"border-[color:var(--zui-modal-trigger-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-modal-trigger-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-[var(--zui-modal-trigger-indigo-bg,oklch(96.2%_0.018_272.314))] dark:bg-[var(--zui-modal-trigger-indigo-bg-dark,oklch(25.7%_0.09_281.288_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-indigo-fg,oklch(39.8%_0.195_277.366))] dark:text-[color:var(--zui-modal-trigger-indigo-fg-dark,oklch(96.2%_0.018_272.314))]\",\n  emerald:\n    \"border-[color:var(--zui-modal-trigger-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-modal-trigger-emerald-border-dark,oklch(59.6%_0.145_163.225))] bg-[var(--zui-modal-trigger-emerald-bg,oklch(97.9%_0.021_166.113))] dark:bg-[var(--zui-modal-trigger-emerald-bg-dark,oklch(26.2%_0.051_172.552_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-emerald-fg,oklch(43.2%_0.095_166.913))] dark:text-[color:var(--zui-modal-trigger-emerald-fg-dark,oklch(97.9%_0.021_166.113))]\",\n  gray: \"border-[color:var(--zui-modal-trigger-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-modal-trigger-gray-border-dark,oklch(44.6%_0.03_256.802))] bg-[var(--zui-modal-trigger-gray-bg,oklch(98.5%_0.002_247.839))] dark:bg-[var(--zui-modal-trigger-gray-bg-dark,oklch(13%_0.028_261.692_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-gray-fg,oklch(27.8%_0.033_256.848))] dark:text-[color:var(--zui-modal-trigger-gray-fg-dark,oklch(98.5%_0.002_247.839))]\",\n  amber:\n    \"border-[color:var(--zui-modal-trigger-amber-border,oklch(47.3%_0.137_46.201))] dark:border-[color:var(--zui-modal-trigger-amber-border-dark,oklch(66.6%_0.179_58.318))] bg-[var(--zui-modal-trigger-amber-bg,oklch(98.7%_0.022_95.277))] dark:bg-[var(--zui-modal-trigger-amber-bg-dark,oklch(27.9%_0.077_45.635_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-amber-fg,oklch(47.3%_0.137_46.201))] dark:text-[color:var(--zui-modal-trigger-amber-fg-dark,oklch(98.7%_0.022_95.277))]\",\n  violet:\n    \"border-[color:var(--zui-modal-trigger-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-modal-trigger-violet-border-dark,oklch(54.1%_0.281_293.009))] bg-[var(--zui-modal-trigger-violet-bg,oklch(96.9%_0.016_293.756))] dark:bg-[var(--zui-modal-trigger-violet-bg-dark,oklch(28.3%_0.141_291.089_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-violet-fg,oklch(43.2%_0.232_292.759))] dark:text-[color:var(--zui-modal-trigger-violet-fg-dark,oklch(96.9%_0.016_293.756))]\",\n  \"gradient-blue\":\n    \"border-[color:var(--zui-modal-trigger-gradient-blue-border,oklch(42.4%_0.199_265.638))] dark:border-[color:var(--zui-modal-trigger-gradient-blue-border-dark,oklch(54.6%_0.245_262.881))] bg-linear-to-r from-[var(--zui-modal-trigger-gradient-blue-from,oklch(97%_0.014_254.604))] dark:from-[var(--zui-modal-trigger-gradient-blue-from-dark,oklch(28.2%_0.091_267.935_/_0.7))] to-[var(--zui-modal-trigger-gradient-blue-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-modal-trigger-gradient-blue-to-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-gradient-blue-fg,oklch(42.4%_0.199_265.638))] dark:text-[color:var(--zui-modal-trigger-gradient-blue-fg-dark,oklch(97%_0.014_254.604))]\",\n  \"gradient-green\":\n    \"border-[color:var(--zui-modal-trigger-gradient-green-border,oklch(44.8%_0.119_151.328))] dark:border-[color:var(--zui-modal-trigger-gradient-green-border-dark,oklch(62.7%_0.194_149.214))] bg-linear-to-r from-[var(--zui-modal-trigger-gradient-green-from,oklch(98.2%_0.018_155.826))] dark:from-[var(--zui-modal-trigger-gradient-green-from-dark,oklch(26.6%_0.065_152.934_/_0.7))] to-[var(--zui-modal-trigger-gradient-green-to,oklch(98.6%_0.031_120.757))] dark:to-[var(--zui-modal-trigger-gradient-green-to-dark,oklch(27.4%_0.072_132.109_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-gradient-green-fg,oklch(44.8%_0.119_151.328))] dark:text-[color:var(--zui-modal-trigger-gradient-green-fg-dark,oklch(98.2%_0.018_155.826))]\",\n  \"gradient-red\":\n    \"border-[color:var(--zui-modal-trigger-gradient-red-border,oklch(44.4%_0.177_26.899))] dark:border-[color:var(--zui-modal-trigger-gradient-red-border-dark,oklch(57.7%_0.245_27.325))] bg-linear-to-r from-[var(--zui-modal-trigger-gradient-red-from,oklch(97.1%_0.013_17.38))] dark:from-[var(--zui-modal-trigger-gradient-red-from-dark,oklch(25.8%_0.092_26.042_/_0.7))] to-[var(--zui-modal-trigger-gradient-red-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-modal-trigger-gradient-red-to-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-gradient-red-fg,oklch(44.4%_0.177_26.899))] dark:text-[color:var(--zui-modal-trigger-gradient-red-fg-dark,oklch(97.1%_0.013_17.38))]\",\n  \"gradient-yellow\":\n    \"border-[color:var(--zui-modal-trigger-gradient-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-modal-trigger-gradient-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-linear-to-r from-[var(--zui-modal-trigger-gradient-yellow-from,oklch(98.7%_0.026_102.212))] dark:from-[var(--zui-modal-trigger-gradient-yellow-from-dark,oklch(28.6%_0.066_53.813_/_0.7))] to-[var(--zui-modal-trigger-gradient-yellow-to,oklch(98%_0.016_73.684))] dark:to-[var(--zui-modal-trigger-gradient-yellow-to-dark,oklch(26.6%_0.079_36.259_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-gradient-yellow-fg,oklch(47.6%_0.114_61.907))] dark:text-[color:var(--zui-modal-trigger-gradient-yellow-fg-dark,oklch(98.7%_0.026_102.212))]\",\n  \"gradient-purple\":\n    \"border-[color:var(--zui-modal-trigger-gradient-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-modal-trigger-gradient-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-linear-to-r from-[var(--zui-modal-trigger-gradient-purple-from,oklch(97.7%_0.014_308.299))] dark:from-[var(--zui-modal-trigger-gradient-purple-from-dark,oklch(29.1%_0.149_302.717_/_0.7))] to-[var(--zui-modal-trigger-gradient-purple-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-modal-trigger-gradient-purple-to-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-gradient-purple-fg,oklch(43.8%_0.218_303.724))] dark:text-[color:var(--zui-modal-trigger-gradient-purple-fg-dark,oklch(97.7%_0.014_308.299))]\",\n  \"gradient-teal\":\n    \"border-[color:var(--zui-modal-trigger-gradient-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-modal-trigger-gradient-teal-border-dark,oklch(60%_0.118_184.704))] bg-linear-to-r from-[var(--zui-modal-trigger-gradient-teal-from,oklch(98.4%_0.014_180.72))] dark:from-[var(--zui-modal-trigger-gradient-teal-from-dark,oklch(27.7%_0.046_192.524_/_0.7))] to-[var(--zui-modal-trigger-gradient-teal-to,oklch(98.4%_0.019_200.873))] dark:to-[var(--zui-modal-trigger-gradient-teal-to-dark,oklch(30.2%_0.056_229.695_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-gradient-teal-fg,oklch(43.7%_0.078_188.216))] dark:text-[color:var(--zui-modal-trigger-gradient-teal-fg-dark,oklch(98.4%_0.014_180.72))]\",\n  \"gradient-indigo\":\n    \"border-[color:var(--zui-modal-trigger-gradient-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-modal-trigger-gradient-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-linear-to-r from-[var(--zui-modal-trigger-gradient-indigo-from,oklch(96.2%_0.018_272.314))] dark:from-[var(--zui-modal-trigger-gradient-indigo-from-dark,oklch(25.7%_0.09_281.288_/_0.7))] to-[var(--zui-modal-trigger-gradient-indigo-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-modal-trigger-gradient-indigo-to-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-gradient-indigo-fg,oklch(39.8%_0.195_277.366))] dark:text-[color:var(--zui-modal-trigger-gradient-indigo-fg-dark,oklch(96.2%_0.018_272.314))]\",\n  \"gradient-pink\":\n    \"border-[color:var(--zui-modal-trigger-gradient-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-modal-trigger-gradient-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-linear-to-r from-[var(--zui-modal-trigger-gradient-pink-from,oklch(97.1%_0.014_343.198))] dark:from-[var(--zui-modal-trigger-gradient-pink-from-dark,oklch(28.4%_0.109_3.907_/_0.7))] to-[var(--zui-modal-trigger-gradient-pink-to,oklch(96.9%_0.015_12.422))] dark:to-[var(--zui-modal-trigger-gradient-pink-to-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-gradient-pink-fg,oklch(45.9%_0.187_3.815))] dark:text-[color:var(--zui-modal-trigger-gradient-pink-fg-dark,oklch(97.1%_0.014_343.198))]\",\n  \"gradient-orange\":\n    \"border-[color:var(--zui-modal-trigger-gradient-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-modal-trigger-gradient-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-linear-to-r from-[var(--zui-modal-trigger-gradient-orange-from,oklch(98%_0.016_73.684))] dark:from-[var(--zui-modal-trigger-gradient-orange-from-dark,oklch(26.6%_0.079_36.259_/_0.7))] to-[var(--zui-modal-trigger-gradient-orange-to,oklch(97.1%_0.013_17.38))] dark:to-[var(--zui-modal-trigger-gradient-orange-to-dark,oklch(25.8%_0.092_26.042_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-gradient-orange-fg,oklch(47%_0.157_37.304))] dark:text-[color:var(--zui-modal-trigger-gradient-orange-fg-dark,oklch(98%_0.016_73.684))]\",\n  blue: \"border border-[color:var(--zui-modal-trigger-blue-border,#2563eb)] dark:border-[color:var(--zui-modal-trigger-blue-border-dark,#3b82f6)] bg-[var(--zui-modal-trigger-blue-bg,#2563eb14)] dark:bg-[var(--zui-modal-trigger-blue-bg-dark,#3b82f624)] backdrop-blur-xl text-[color:var(--zui-modal-trigger-blue-fg,#2563eb)] dark:text-[color:var(--zui-modal-trigger-blue-fg-dark,#3b82f6)] hover:bg-[var(--zui-modal-trigger-blue-bg-hover,#2563eb18)] dark:hover:bg-[var(--zui-modal-trigger-blue-bg-hover-dark,#3b82f62e)]\",\n  cyan: \"border border-[color:var(--zui-modal-trigger-cyan-border,#0891b2)] dark:border-[color:var(--zui-modal-trigger-cyan-border-dark,#22d3ee)] bg-[var(--zui-modal-trigger-cyan-bg,#0891b214)] dark:bg-[var(--zui-modal-trigger-cyan-bg-dark,#22d3ee24)] backdrop-blur-xl text-[color:var(--zui-modal-trigger-cyan-fg,#0891b2)] dark:text-[color:var(--zui-modal-trigger-cyan-fg-dark,#22d3ee)] hover:bg-[var(--zui-modal-trigger-cyan-bg-hover,#0891b218)] dark:hover:bg-[var(--zui-modal-trigger-cyan-bg-hover-dark,#22d3ee2e)]\",\n  green:\n    \"border border-[color:var(--zui-modal-trigger-green-border,#16a34a)] dark:border-[color:var(--zui-modal-trigger-green-border-dark,#22c55e)] bg-[var(--zui-modal-trigger-green-bg,#16a34a14)] dark:bg-[var(--zui-modal-trigger-green-bg-dark,#22c55e24)] backdrop-blur-xl text-[color:var(--zui-modal-trigger-green-fg,#16a34a)] dark:text-[color:var(--zui-modal-trigger-green-fg-dark,#22c55e)] hover:bg-[var(--zui-modal-trigger-green-bg-hover,#16a34a18)] dark:hover:bg-[var(--zui-modal-trigger-green-bg-hover-dark,#22c55e2e)]\",\n  lime: \"border border-[color:var(--zui-modal-trigger-lime-border,#65a30d)] dark:border-[color:var(--zui-modal-trigger-lime-border-dark,#a3e635)] bg-[var(--zui-modal-trigger-lime-bg,#65a30d14)] dark:bg-[var(--zui-modal-trigger-lime-bg-dark,#a3e63524)] backdrop-blur-xl text-[color:var(--zui-modal-trigger-lime-fg,#65a30d)] dark:text-[color:var(--zui-modal-trigger-lime-fg-dark,#a3e635)] hover:bg-[var(--zui-modal-trigger-lime-bg-hover,#65a30d18)] dark:hover:bg-[var(--zui-modal-trigger-lime-bg-hover-dark,#a3e6352e)]\",\n  mint: \"border border-[color:var(--zui-modal-trigger-mint-border,#10b981)] dark:border-[color:var(--zui-modal-trigger-mint-border-dark,#6ee7b7)] bg-[var(--zui-modal-trigger-mint-bg,#10b98114)] dark:bg-[var(--zui-modal-trigger-mint-bg-dark,#6ee7b724)] backdrop-blur-xl text-[color:var(--zui-modal-trigger-mint-fg,#10b981)] dark:text-[color:var(--zui-modal-trigger-mint-fg-dark,#6ee7b7)] hover:bg-[var(--zui-modal-trigger-mint-bg-hover,#10b98118)] dark:hover:bg-[var(--zui-modal-trigger-mint-bg-hover-dark,#6ee7b72e)]\",\n  ocean:\n    \"border border-[color:var(--zui-modal-trigger-ocean-border,#0284c7)] dark:border-[color:var(--zui-modal-trigger-ocean-border-dark,#38bdf8)] bg-[var(--zui-modal-trigger-ocean-bg,#0284c714)] dark:bg-[var(--zui-modal-trigger-ocean-bg-dark,#38bdf824)] backdrop-blur-xl text-[color:var(--zui-modal-trigger-ocean-fg,#0284c7)] dark:text-[color:var(--zui-modal-trigger-ocean-fg-dark,#38bdf8)] hover:bg-[var(--zui-modal-trigger-ocean-bg-hover,#0284c718)] dark:hover:bg-[var(--zui-modal-trigger-ocean-bg-hover-dark,#38bdf82e)]\",\n  sapphire:\n    \"border border-[color:var(--zui-modal-trigger-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-modal-trigger-sapphire-border-dark,#60a5fa)] bg-[var(--zui-modal-trigger-sapphire-bg,#1d4ed814)] dark:bg-[var(--zui-modal-trigger-sapphire-bg-dark,#60a5fa24)] backdrop-blur-xl text-[color:var(--zui-modal-trigger-sapphire-fg,#1d4ed8)] dark:text-[color:var(--zui-modal-trigger-sapphire-fg-dark,#60a5fa)] hover:bg-[var(--zui-modal-trigger-sapphire-bg-hover,#1d4ed818)] dark:hover:bg-[var(--zui-modal-trigger-sapphire-bg-hover-dark,#60a5fa2e)]\",\n  lavender:\n    \"border border-[color:var(--zui-modal-trigger-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-modal-trigger-lavender-border-dark,#a78bfa)] bg-[var(--zui-modal-trigger-lavender-bg,#8b5cf614)] dark:bg-[var(--zui-modal-trigger-lavender-bg-dark,#a78bfa24)] backdrop-blur-xl text-[color:var(--zui-modal-trigger-lavender-fg,#8b5cf6)] dark:text-[color:var(--zui-modal-trigger-lavender-fg-dark,#a78bfa)] hover:bg-[var(--zui-modal-trigger-lavender-bg-hover,#8b5cf618)] dark:hover:bg-[var(--zui-modal-trigger-lavender-bg-hover-dark,#a78bfa2e)]\",\n  ruby: \"border border-[color:var(--zui-modal-trigger-ruby-border,#be123c)] dark:border-[color:var(--zui-modal-trigger-ruby-border-dark,#fb7185)] bg-[var(--zui-modal-trigger-ruby-bg,#be123c14)] dark:bg-[var(--zui-modal-trigger-ruby-bg-dark,#fb718524)] backdrop-blur-xl text-[color:var(--zui-modal-trigger-ruby-fg,#be123c)] dark:text-[color:var(--zui-modal-trigger-ruby-fg-dark,#fb7185)] hover:bg-[var(--zui-modal-trigger-ruby-bg-hover,#be123c18)] dark:hover:bg-[var(--zui-modal-trigger-ruby-bg-hover-dark,#fb71852e)]\",\n  red: \"border border-[color:var(--zui-modal-trigger-red-border,#dc2626)] dark:border-[color:var(--zui-modal-trigger-red-border-dark,#ef4444)] bg-[var(--zui-modal-trigger-red-bg,#dc262614)] dark:bg-[var(--zui-modal-trigger-red-bg-dark,#ef444424)] backdrop-blur-xl text-[color:var(--zui-modal-trigger-red-fg,#dc2626)] dark:text-[color:var(--zui-modal-trigger-red-fg-dark,#ef4444)] hover:bg-[var(--zui-modal-trigger-red-bg-hover,#dc262618)] dark:hover:bg-[var(--zui-modal-trigger-red-bg-hover-dark,#ef44442e)]\",\n  slate:\n    \"border border-[color:var(--zui-modal-trigger-slate-border,#475569)] dark:border-[color:var(--zui-modal-trigger-slate-border-dark,#64748b)] bg-[var(--zui-modal-trigger-slate-bg,#47556914)] dark:bg-[var(--zui-modal-trigger-slate-bg-dark,#64748b24)] backdrop-blur-xl text-[color:var(--zui-modal-trigger-slate-fg,#475569)] dark:text-[color:var(--zui-modal-trigger-slate-fg-dark,#64748b)] hover:bg-[var(--zui-modal-trigger-slate-bg-hover,#47556918)] dark:hover:bg-[var(--zui-modal-trigger-slate-bg-hover-dark,#64748b2e)]\",\n  zinc: \"border border-[color:var(--zui-modal-trigger-zinc-border,#52525b)] dark:border-[color:var(--zui-modal-trigger-zinc-border-dark,#71717a)] bg-[var(--zui-modal-trigger-zinc-bg,#52525b14)] dark:bg-[var(--zui-modal-trigger-zinc-bg-dark,#71717a24)] backdrop-blur-xl text-[color:var(--zui-modal-trigger-zinc-fg,#52525b)] dark:text-[color:var(--zui-modal-trigger-zinc-fg-dark,#71717a)] hover:bg-[var(--zui-modal-trigger-zinc-bg-hover,#52525b18)] dark:hover:bg-[var(--zui-modal-trigger-zinc-bg-hover-dark,#71717a2e)]\",\n  stone:\n    \"border border-[color:var(--zui-modal-trigger-stone-border,#57534e)] dark:border-[color:var(--zui-modal-trigger-stone-border-dark,#78716c)] bg-[var(--zui-modal-trigger-stone-bg,#57534e14)] dark:bg-[var(--zui-modal-trigger-stone-bg-dark,#78716c24)] backdrop-blur-xl text-[color:var(--zui-modal-trigger-stone-fg,#57534e)] dark:text-[color:var(--zui-modal-trigger-stone-fg-dark,#78716c)] hover:bg-[var(--zui-modal-trigger-stone-bg-hover,#57534e18)] dark:hover:bg-[var(--zui-modal-trigger-stone-bg-hover-dark,#78716c2e)]\",\n  royal:\n    \"border border-[color:var(--zui-modal-trigger-royal-border,#4338ca)] dark:border-[color:var(--zui-modal-trigger-royal-border-dark,#818cf8)] bg-[var(--zui-modal-trigger-royal-bg,#4338ca14)] dark:bg-[var(--zui-modal-trigger-royal-bg-dark,#818cf824)] backdrop-blur-xl text-[color:var(--zui-modal-trigger-royal-fg,#4338ca)] dark:text-[color:var(--zui-modal-trigger-royal-fg-dark,#818cf8)] hover:bg-[var(--zui-modal-trigger-royal-bg-hover,#4338ca18)] dark:hover:bg-[var(--zui-modal-trigger-royal-bg-hover-dark,#818cf82e)]\",\n  electric:\n    \"border border-[color:var(--zui-modal-trigger-electric-border,#0ea5e9)] dark:border-[color:var(--zui-modal-trigger-electric-border-dark,#38bdf8)] bg-[var(--zui-modal-trigger-electric-bg,#0ea5e914)] dark:bg-[var(--zui-modal-trigger-electric-bg-dark,#38bdf824)] backdrop-blur-xl text-[color:var(--zui-modal-trigger-electric-fg,#0ea5e9)] dark:text-[color:var(--zui-modal-trigger-electric-fg-dark,#38bdf8)] hover:bg-[var(--zui-modal-trigger-electric-bg-hover,#0ea5e918)] dark:hover:bg-[var(--zui-modal-trigger-electric-bg-hover-dark,#38bdf82e)]\",\n  forest:\n    \"border border-[color:var(--zui-modal-trigger-forest-border,#166534)] dark:border-[color:var(--zui-modal-trigger-forest-border-dark,#4ade80)] bg-[var(--zui-modal-trigger-forest-bg,#16653414)] dark:bg-[var(--zui-modal-trigger-forest-bg-dark,#4ade8024)] backdrop-blur-xl text-[color:var(--zui-modal-trigger-forest-fg,#166534)] dark:text-[color:var(--zui-modal-trigger-forest-fg-dark,#4ade80)] hover:bg-[var(--zui-modal-trigger-forest-bg-hover,#16653418)] dark:hover:bg-[var(--zui-modal-trigger-forest-bg-hover-dark,#4ade802e)]\",\n  sunset:\n    \"border border-[color:var(--zui-modal-trigger-sunset-border,#ea580c)] dark:border-[color:var(--zui-modal-trigger-sunset-border-dark,#fb923c)] bg-[var(--zui-modal-trigger-sunset-bg,#ea580c14)] dark:bg-[var(--zui-modal-trigger-sunset-bg-dark,#fb923c24)] backdrop-blur-xl text-[color:var(--zui-modal-trigger-sunset-fg,#ea580c)] dark:text-[color:var(--zui-modal-trigger-sunset-fg-dark,#fb923c)] hover:bg-[var(--zui-modal-trigger-sunset-bg-hover,#ea580c18)] dark:hover:bg-[var(--zui-modal-trigger-sunset-bg-hover-dark,#fb923c2e)]\",\n  magenta:\n    \"border border-[color:var(--zui-modal-trigger-magenta-border,#c026d3)] dark:border-[color:var(--zui-modal-trigger-magenta-border-dark,#e879f9)] bg-[var(--zui-modal-trigger-magenta-bg,#c026d314)] dark:bg-[var(--zui-modal-trigger-magenta-bg-dark,#e879f924)] backdrop-blur-xl text-[color:var(--zui-modal-trigger-magenta-fg,#c026d3)] dark:text-[color:var(--zui-modal-trigger-magenta-fg-dark,#e879f9)] hover:bg-[var(--zui-modal-trigger-magenta-bg-hover,#c026d318)] dark:hover:bg-[var(--zui-modal-trigger-magenta-bg-hover-dark,#e879f92e)]\",\n  crimson:\n    \"border border-[color:var(--zui-modal-trigger-crimson-border,#b91c1c)] dark:border-[color:var(--zui-modal-trigger-crimson-border-dark,#f87171)] bg-[var(--zui-modal-trigger-crimson-bg,#b91c1c14)] dark:bg-[var(--zui-modal-trigger-crimson-bg-dark,#f8717124)] backdrop-blur-xl text-[color:var(--zui-modal-trigger-crimson-fg,#b91c1c)] dark:text-[color:var(--zui-modal-trigger-crimson-fg-dark,#f87171)] hover:bg-[var(--zui-modal-trigger-crimson-bg-hover,#b91c1c18)] dark:hover:bg-[var(--zui-modal-trigger-crimson-bg-hover-dark,#f871712e)]\",\n  aqua: \"border border-[color:var(--zui-modal-trigger-aqua-border,#0f766e)] dark:border-[color:var(--zui-modal-trigger-aqua-border-dark,#2dd4bf)] bg-[var(--zui-modal-trigger-aqua-bg,#0f766e14)] dark:bg-[var(--zui-modal-trigger-aqua-bg-dark,#2dd4bf24)] backdrop-blur-xl text-[color:var(--zui-modal-trigger-aqua-fg,#0f766e)] dark:text-[color:var(--zui-modal-trigger-aqua-fg-dark,#2dd4bf)] hover:bg-[var(--zui-modal-trigger-aqua-bg-hover,#0f766e18)] dark:hover:bg-[var(--zui-modal-trigger-aqua-bg-hover-dark,#2dd4bf2e)]\",\n  plum: \"border border-[color:var(--zui-modal-trigger-plum-border,#7e22ce)] dark:border-[color:var(--zui-modal-trigger-plum-border-dark,#c084fc)] bg-[var(--zui-modal-trigger-plum-bg,#7e22ce14)] dark:bg-[var(--zui-modal-trigger-plum-bg-dark,#c084fc24)] backdrop-blur-xl text-[color:var(--zui-modal-trigger-plum-fg,#7e22ce)] dark:text-[color:var(--zui-modal-trigger-plum-fg-dark,#c084fc)] hover:bg-[var(--zui-modal-trigger-plum-bg-hover,#7e22ce18)] dark:hover:bg-[var(--zui-modal-trigger-plum-bg-hover-dark,#c084fc2e)]\",\n} as const;\n\nexport const zuiModalContentBase =\n  \"fixed left-1/2 z-50 w-[calc(100%-2rem)] max-h-[min(90vh,720px)] translate-x-[-50%] overflow-y-auto border border-[color:var(--zui-modal-content-border,#0000001a)] dark:border-[color:var(--zui-modal-content-border-dark,#ffffff1a)] bg-[var(--zui-modal-content-bg,oklch(98.4%_0.003_247.858))] dark:bg-[var(--zui-modal-content-bg-dark,oklch(12.9%_0.042_264.695))] p-6 text-[color:var(--zui-modal-content-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-modal-content-fg-dark,oklch(98.4%_0.003_247.858))] shadow-[var(--zui-modal-content-shadow,0_12px_40px_rgba(15,23,42,0.14))] dark:shadow-[var(--zui-modal-content-shadow-dark,0_24px_80px_rgba(15,23,42,0.55))] focus:outline-none\";\n\nexport const zuiModalContentSizes = {\n  sm: \"max-w-md\",\n  md: \"max-w-lg\",\n  lg: \"max-w-2xl\",\n  xl: \"max-w-4xl\",\n  full: \"max-w-[calc(100%-2rem)]\",\n} as const;\n\nexport const zuiModalContentPositions = {\n  center: \"top-1/2 translate-y-[-50%]\",\n  top: \"top-10 translate-y-0\",\n  bottom: \"bottom-10 translate-y-0\",\n} as const;\n\nexport const zuiModalContentAppearances = {\n  default:\n    \"bg-[var(--zui-modal-content-default-bg,oklch(98.4%_0.003_247.858))] dark:bg-[var(--zui-modal-content-default-bg-dark,oklch(12.9%_0.042_264.695))]\",\n  glass:\n    \"border-[color:var(--zui-modal-content-glass-border,#00000026)] dark:border-[color:var(--zui-modal-content-glass-border-dark,#ffffff26)] bg-[var(--zui-modal-content-glass-bg,oklch(98.4%_0.003_247.858_/_0.7))] dark:bg-[var(--zui-modal-content-glass-bg-dark,oklch(12.9%_0.042_264.695_/_0.7))] backdrop-blur-xl\",\n  sky: \"border-[color:var(--zui-modal-content-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-modal-content-sky-border-dark,oklch(58.8%_0.158_241.966))] bg-[var(--zui-modal-content-sky-bg,oklch(97.7%_0.013_236.62))] dark:bg-[var(--zui-modal-content-sky-bg-dark,oklch(29.3%_0.066_243.157_/_0.7))] backdrop-blur-xl\",\n  rose: \"border-[color:var(--zui-modal-content-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-modal-content-rose-border-dark,oklch(58.6%_0.253_17.585))] bg-[var(--zui-modal-content-rose-bg,oklch(96.9%_0.015_12.422))] dark:bg-[var(--zui-modal-content-rose-bg-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl\",\n  purple:\n    \"border-[color:var(--zui-modal-content-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-modal-content-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-[var(--zui-modal-content-purple-bg,oklch(97.7%_0.014_308.299))] dark:bg-[var(--zui-modal-content-purple-bg-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl\",\n  pink: \"border-[color:var(--zui-modal-content-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-modal-content-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-[var(--zui-modal-content-pink-bg,oklch(97.1%_0.014_343.198))] dark:bg-[var(--zui-modal-content-pink-bg-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl\",\n  orange:\n    \"border-[color:var(--zui-modal-content-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-modal-content-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-[var(--zui-modal-content-orange-bg,oklch(98%_0.016_73.684))] dark:bg-[var(--zui-modal-content-orange-bg-dark,oklch(26.6%_0.079_36.259_/_0.7))] backdrop-blur-xl\",\n  yellow:\n    \"border-[color:var(--zui-modal-content-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-modal-content-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-[var(--zui-modal-content-yellow-bg,oklch(98.7%_0.026_102.212))] dark:bg-[var(--zui-modal-content-yellow-bg-dark,oklch(28.6%_0.066_53.813_/_0.7))] backdrop-blur-xl\",\n  teal: \"border-[color:var(--zui-modal-content-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-modal-content-teal-border-dark,oklch(60%_0.118_184.704))] bg-[var(--zui-modal-content-teal-bg,oklch(98.4%_0.014_180.72))] dark:bg-[var(--zui-modal-content-teal-bg-dark,oklch(27.7%_0.046_192.524_/_0.7))] backdrop-blur-xl\",\n  indigo:\n    \"border-[color:var(--zui-modal-content-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-modal-content-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-[var(--zui-modal-content-indigo-bg,oklch(96.2%_0.018_272.314))] dark:bg-[var(--zui-modal-content-indigo-bg-dark,oklch(25.7%_0.09_281.288_/_0.7))] backdrop-blur-xl\",\n  emerald:\n    \"border-[color:var(--zui-modal-content-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-modal-content-emerald-border-dark,oklch(59.6%_0.145_163.225))] bg-[var(--zui-modal-content-emerald-bg,oklch(97.9%_0.021_166.113))] dark:bg-[var(--zui-modal-content-emerald-bg-dark,oklch(26.2%_0.051_172.552_/_0.7))] backdrop-blur-xl\",\n  gray: \"border-[color:var(--zui-modal-content-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-modal-content-gray-border-dark,oklch(44.6%_0.03_256.802))] bg-[var(--zui-modal-content-gray-bg,oklch(98.5%_0.002_247.839))] dark:bg-[var(--zui-modal-content-gray-bg-dark,oklch(13%_0.028_261.692_/_0.7))] backdrop-blur-xl\",\n  amber:\n    \"border-[color:var(--zui-modal-content-amber-border,oklch(47.3%_0.137_46.201))] dark:border-[color:var(--zui-modal-content-amber-border-dark,oklch(66.6%_0.179_58.318))] bg-[var(--zui-modal-content-amber-bg,oklch(98.7%_0.022_95.277))] dark:bg-[var(--zui-modal-content-amber-bg-dark,oklch(27.9%_0.077_45.635_/_0.7))] backdrop-blur-xl\",\n  violet:\n    \"border-[color:var(--zui-modal-content-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-modal-content-violet-border-dark,oklch(54.1%_0.281_293.009))] bg-[var(--zui-modal-content-violet-bg,oklch(96.9%_0.016_293.756))] dark:bg-[var(--zui-modal-content-violet-bg-dark,oklch(28.3%_0.141_291.089_/_0.7))] backdrop-blur-xl\",\n  \"gradient-blue\":\n    \"border-[color:var(--zui-modal-content-gradient-blue-border,oklch(42.4%_0.199_265.638))] dark:border-[color:var(--zui-modal-content-gradient-blue-border-dark,oklch(54.6%_0.245_262.881))] bg-linear-to-r from-[var(--zui-modal-content-gradient-blue-from,oklch(97%_0.014_254.604))] dark:from-[var(--zui-modal-content-gradient-blue-from-dark,oklch(28.2%_0.091_267.935_/_0.7))] to-[var(--zui-modal-content-gradient-blue-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-modal-content-gradient-blue-to-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl\",\n  \"gradient-green\":\n    \"border-[color:var(--zui-modal-content-gradient-green-border,oklch(44.8%_0.119_151.328))] dark:border-[color:var(--zui-modal-content-gradient-green-border-dark,oklch(62.7%_0.194_149.214))] bg-linear-to-r from-[var(--zui-modal-content-gradient-green-from,oklch(98.2%_0.018_155.826))] dark:from-[var(--zui-modal-content-gradient-green-from-dark,oklch(26.6%_0.065_152.934_/_0.7))] to-[var(--zui-modal-content-gradient-green-to,oklch(98.6%_0.031_120.757))] dark:to-[var(--zui-modal-content-gradient-green-to-dark,oklch(27.4%_0.072_132.109_/_0.7))] backdrop-blur-xl\",\n  \"gradient-red\":\n    \"border-[color:var(--zui-modal-content-gradient-red-border,oklch(44.4%_0.177_26.899))] dark:border-[color:var(--zui-modal-content-gradient-red-border-dark,oklch(57.7%_0.245_27.325))] bg-linear-to-r from-[var(--zui-modal-content-gradient-red-from,oklch(97.1%_0.013_17.38))] dark:from-[var(--zui-modal-content-gradient-red-from-dark,oklch(25.8%_0.092_26.042_/_0.7))] to-[var(--zui-modal-content-gradient-red-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-modal-content-gradient-red-to-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl\",\n  \"gradient-yellow\":\n    \"border-[color:var(--zui-modal-content-gradient-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-modal-content-gradient-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-linear-to-r from-[var(--zui-modal-content-gradient-yellow-from,oklch(98.7%_0.026_102.212))] dark:from-[var(--zui-modal-content-gradient-yellow-from-dark,oklch(28.6%_0.066_53.813_/_0.7))] to-[var(--zui-modal-content-gradient-yellow-to,oklch(98%_0.016_73.684))] dark:to-[var(--zui-modal-content-gradient-yellow-to-dark,oklch(26.6%_0.079_36.259_/_0.7))] backdrop-blur-xl\",\n  \"gradient-purple\":\n    \"border-[color:var(--zui-modal-content-gradient-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-modal-content-gradient-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-linear-to-r from-[var(--zui-modal-content-gradient-purple-from,oklch(97.7%_0.014_308.299))] dark:from-[var(--zui-modal-content-gradient-purple-from-dark,oklch(29.1%_0.149_302.717_/_0.7))] to-[var(--zui-modal-content-gradient-purple-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-modal-content-gradient-purple-to-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl\",\n  \"gradient-teal\":\n    \"border-[color:var(--zui-modal-content-gradient-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-modal-content-gradient-teal-border-dark,oklch(60%_0.118_184.704))] bg-linear-to-r from-[var(--zui-modal-content-gradient-teal-from,oklch(98.4%_0.014_180.72))] dark:from-[var(--zui-modal-content-gradient-teal-from-dark,oklch(27.7%_0.046_192.524_/_0.7))] to-[var(--zui-modal-content-gradient-teal-to,oklch(98.4%_0.019_200.873))] dark:to-[var(--zui-modal-content-gradient-teal-to-dark,oklch(30.2%_0.056_229.695_/_0.7))] backdrop-blur-xl\",\n  \"gradient-indigo\":\n    \"border-[color:var(--zui-modal-content-gradient-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-modal-content-gradient-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-linear-to-r from-[var(--zui-modal-content-gradient-indigo-from,oklch(96.2%_0.018_272.314))] dark:from-[var(--zui-modal-content-gradient-indigo-from-dark,oklch(25.7%_0.09_281.288_/_0.7))] to-[var(--zui-modal-content-gradient-indigo-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-modal-content-gradient-indigo-to-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl\",\n  \"gradient-pink\":\n    \"border-[color:var(--zui-modal-content-gradient-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-modal-content-gradient-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-linear-to-r from-[var(--zui-modal-content-gradient-pink-from,oklch(97.1%_0.014_343.198))] dark:from-[var(--zui-modal-content-gradient-pink-from-dark,oklch(28.4%_0.109_3.907_/_0.7))] to-[var(--zui-modal-content-gradient-pink-to,oklch(96.9%_0.015_12.422))] dark:to-[var(--zui-modal-content-gradient-pink-to-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl\",\n  \"gradient-orange\":\n    \"border-[color:var(--zui-modal-content-gradient-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-modal-content-gradient-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-linear-to-r from-[var(--zui-modal-content-gradient-orange-from,oklch(98%_0.016_73.684))] dark:from-[var(--zui-modal-content-gradient-orange-from-dark,oklch(26.6%_0.079_36.259_/_0.7))] to-[var(--zui-modal-content-gradient-orange-to,oklch(97.1%_0.013_17.38))] dark:to-[var(--zui-modal-content-gradient-orange-to-dark,oklch(25.8%_0.092_26.042_/_0.7))] backdrop-blur-xl\",\n  blue: \"border border-[color:var(--zui-modal-content-blue-border,#2563eb)] dark:border-[color:var(--zui-modal-content-blue-border-dark,#3b82f6)] bg-[var(--zui-modal-content-blue-bg,#2563eb14)] dark:bg-[var(--zui-modal-content-blue-bg-dark,#3b82f624)] text-[color:var(--zui-modal-content-blue-fg,#0f172a)] dark:text-[color:var(--zui-modal-content-blue-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  cyan: \"border border-[color:var(--zui-modal-content-cyan-border,#0891b2)] dark:border-[color:var(--zui-modal-content-cyan-border-dark,#22d3ee)] bg-[var(--zui-modal-content-cyan-bg,#0891b214)] dark:bg-[var(--zui-modal-content-cyan-bg-dark,#22d3ee24)] text-[color:var(--zui-modal-content-cyan-fg,#0f172a)] dark:text-[color:var(--zui-modal-content-cyan-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  green:\n    \"border border-[color:var(--zui-modal-content-green-border,#16a34a)] dark:border-[color:var(--zui-modal-content-green-border-dark,#22c55e)] bg-[var(--zui-modal-content-green-bg,#16a34a14)] dark:bg-[var(--zui-modal-content-green-bg-dark,#22c55e24)] text-[color:var(--zui-modal-content-green-fg,#0f172a)] dark:text-[color:var(--zui-modal-content-green-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  lime: \"border border-[color:var(--zui-modal-content-lime-border,#65a30d)] dark:border-[color:var(--zui-modal-content-lime-border-dark,#a3e635)] bg-[var(--zui-modal-content-lime-bg,#65a30d14)] dark:bg-[var(--zui-modal-content-lime-bg-dark,#a3e63524)] text-[color:var(--zui-modal-content-lime-fg,#0f172a)] dark:text-[color:var(--zui-modal-content-lime-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  mint: \"border border-[color:var(--zui-modal-content-mint-border,#10b981)] dark:border-[color:var(--zui-modal-content-mint-border-dark,#6ee7b7)] bg-[var(--zui-modal-content-mint-bg,#10b98114)] dark:bg-[var(--zui-modal-content-mint-bg-dark,#6ee7b724)] text-[color:var(--zui-modal-content-mint-fg,#0f172a)] dark:text-[color:var(--zui-modal-content-mint-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  ocean:\n    \"border border-[color:var(--zui-modal-content-ocean-border,#0284c7)] dark:border-[color:var(--zui-modal-content-ocean-border-dark,#38bdf8)] bg-[var(--zui-modal-content-ocean-bg,#0284c714)] dark:bg-[var(--zui-modal-content-ocean-bg-dark,#38bdf824)] text-[color:var(--zui-modal-content-ocean-fg,#0f172a)] dark:text-[color:var(--zui-modal-content-ocean-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  sapphire:\n    \"border border-[color:var(--zui-modal-content-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-modal-content-sapphire-border-dark,#60a5fa)] bg-[var(--zui-modal-content-sapphire-bg,#1d4ed814)] dark:bg-[var(--zui-modal-content-sapphire-bg-dark,#60a5fa24)] text-[color:var(--zui-modal-content-sapphire-fg,#0f172a)] dark:text-[color:var(--zui-modal-content-sapphire-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  lavender:\n    \"border border-[color:var(--zui-modal-content-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-modal-content-lavender-border-dark,#a78bfa)] bg-[var(--zui-modal-content-lavender-bg,#8b5cf614)] dark:bg-[var(--zui-modal-content-lavender-bg-dark,#a78bfa24)] text-[color:var(--zui-modal-content-lavender-fg,#0f172a)] dark:text-[color:var(--zui-modal-content-lavender-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  ruby: \"border border-[color:var(--zui-modal-content-ruby-border,#be123c)] dark:border-[color:var(--zui-modal-content-ruby-border-dark,#fb7185)] bg-[var(--zui-modal-content-ruby-bg,#be123c14)] dark:bg-[var(--zui-modal-content-ruby-bg-dark,#fb718524)] text-[color:var(--zui-modal-content-ruby-fg,#0f172a)] dark:text-[color:var(--zui-modal-content-ruby-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  red: \"border border-[color:var(--zui-modal-content-red-border,#dc2626)] dark:border-[color:var(--zui-modal-content-red-border-dark,#ef4444)] bg-[var(--zui-modal-content-red-bg,#dc262614)] dark:bg-[var(--zui-modal-content-red-bg-dark,#ef444424)] text-[color:var(--zui-modal-content-red-fg,#0f172a)] dark:text-[color:var(--zui-modal-content-red-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  slate:\n    \"border border-[color:var(--zui-modal-content-slate-border,#475569)] dark:border-[color:var(--zui-modal-content-slate-border-dark,#64748b)] bg-[var(--zui-modal-content-slate-bg,#47556914)] dark:bg-[var(--zui-modal-content-slate-bg-dark,#64748b24)] text-[color:var(--zui-modal-content-slate-fg,#0f172a)] dark:text-[color:var(--zui-modal-content-slate-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  zinc: \"border border-[color:var(--zui-modal-content-zinc-border,#52525b)] dark:border-[color:var(--zui-modal-content-zinc-border-dark,#71717a)] bg-[var(--zui-modal-content-zinc-bg,#52525b14)] dark:bg-[var(--zui-modal-content-zinc-bg-dark,#71717a24)] text-[color:var(--zui-modal-content-zinc-fg,#0f172a)] dark:text-[color:var(--zui-modal-content-zinc-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  stone:\n    \"border border-[color:var(--zui-modal-content-stone-border,#57534e)] dark:border-[color:var(--zui-modal-content-stone-border-dark,#78716c)] bg-[var(--zui-modal-content-stone-bg,#57534e14)] dark:bg-[var(--zui-modal-content-stone-bg-dark,#78716c24)] text-[color:var(--zui-modal-content-stone-fg,#0f172a)] dark:text-[color:var(--zui-modal-content-stone-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  royal:\n    \"border border-[color:var(--zui-modal-content-royal-border,#4338ca)] dark:border-[color:var(--zui-modal-content-royal-border-dark,#818cf8)] bg-[var(--zui-modal-content-royal-bg,#4338ca14)] dark:bg-[var(--zui-modal-content-royal-bg-dark,#818cf824)] text-[color:var(--zui-modal-content-royal-fg,#0f172a)] dark:text-[color:var(--zui-modal-content-royal-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  electric:\n    \"border border-[color:var(--zui-modal-content-electric-border,#0ea5e9)] dark:border-[color:var(--zui-modal-content-electric-border-dark,#38bdf8)] bg-[var(--zui-modal-content-electric-bg,#0ea5e914)] dark:bg-[var(--zui-modal-content-electric-bg-dark,#38bdf824)] text-[color:var(--zui-modal-content-electric-fg,#0f172a)] dark:text-[color:var(--zui-modal-content-electric-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  forest:\n    \"border border-[color:var(--zui-modal-content-forest-border,#166534)] dark:border-[color:var(--zui-modal-content-forest-border-dark,#4ade80)] bg-[var(--zui-modal-content-forest-bg,#16653414)] dark:bg-[var(--zui-modal-content-forest-bg-dark,#4ade8024)] text-[color:var(--zui-modal-content-forest-fg,#0f172a)] dark:text-[color:var(--zui-modal-content-forest-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  sunset:\n    \"border border-[color:var(--zui-modal-content-sunset-border,#ea580c)] dark:border-[color:var(--zui-modal-content-sunset-border-dark,#fb923c)] bg-[var(--zui-modal-content-sunset-bg,#ea580c14)] dark:bg-[var(--zui-modal-content-sunset-bg-dark,#fb923c24)] text-[color:var(--zui-modal-content-sunset-fg,#0f172a)] dark:text-[color:var(--zui-modal-content-sunset-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  magenta:\n    \"border border-[color:var(--zui-modal-content-magenta-border,#c026d3)] dark:border-[color:var(--zui-modal-content-magenta-border-dark,#e879f9)] bg-[var(--zui-modal-content-magenta-bg,#c026d314)] dark:bg-[var(--zui-modal-content-magenta-bg-dark,#e879f924)] text-[color:var(--zui-modal-content-magenta-fg,#0f172a)] dark:text-[color:var(--zui-modal-content-magenta-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  crimson:\n    \"border border-[color:var(--zui-modal-content-crimson-border,#b91c1c)] dark:border-[color:var(--zui-modal-content-crimson-border-dark,#f87171)] bg-[var(--zui-modal-content-crimson-bg,#b91c1c14)] dark:bg-[var(--zui-modal-content-crimson-bg-dark,#f8717124)] text-[color:var(--zui-modal-content-crimson-fg,#0f172a)] dark:text-[color:var(--zui-modal-content-crimson-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  aqua: \"border border-[color:var(--zui-modal-content-aqua-border,#0f766e)] dark:border-[color:var(--zui-modal-content-aqua-border-dark,#2dd4bf)] bg-[var(--zui-modal-content-aqua-bg,#0f766e14)] dark:bg-[var(--zui-modal-content-aqua-bg-dark,#2dd4bf24)] text-[color:var(--zui-modal-content-aqua-fg,#0f172a)] dark:text-[color:var(--zui-modal-content-aqua-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  plum: \"border border-[color:var(--zui-modal-content-plum-border,#7e22ce)] dark:border-[color:var(--zui-modal-content-plum-border-dark,#c084fc)] bg-[var(--zui-modal-content-plum-bg,#7e22ce14)] dark:bg-[var(--zui-modal-content-plum-bg-dark,#c084fc24)] text-[color:var(--zui-modal-content-plum-fg,#0f172a)] dark:text-[color:var(--zui-modal-content-plum-fg-dark,#f8fafc)] backdrop-blur-xl\",\n} as const;\n"]}