@zentauri-ui/zentauri-components 2.0.0 → 2.1.0

package/dist/chunk-EDJ6TVL3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/skeleton/variants.ts","../src/ui/skeleton/skeleton-base.tsx"],"names":["zuiSkeletonShimmerGradientClasses","cva","zuiSkeletonBase","zuiSkeletonAppearances","zuiSkeletonSizes","zuiSkeletonRounded","zuiSkeletonAnimations","zuiSkeletonShimmerTones","zuiSkeletonTextLineBase","zuiSkeletonTextLineSizes","createContext","useContext","useMemo","jsx","cn","jsxs"],"mappings":"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","file":"chunk-EDJ6TVL3.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiSkeletonAnimations,\n  zuiSkeletonAppearances,\n  zuiSkeletonBase,\n  zuiSkeletonRounded,\n  zuiSkeletonShimmerGradientClasses,\n  zuiSkeletonShimmerTones,\n  zuiSkeletonSizes,\n  zuiSkeletonTextLineBase,\n  zuiSkeletonTextLineSizes,\n  type ZuiSkeletonShimmerTone,\n} from \"../../design-system/skeleton\";\n\nexport const skeletonShimmerGradientClasses = zuiSkeletonShimmerGradientClasses;\nexport type SkeletonShimmerTone = ZuiSkeletonShimmerTone;\n\nexport const skeletonVariants = cva(zuiSkeletonBase, {\n  variants: {\n    appearance: zuiSkeletonAppearances,\n    size: zuiSkeletonSizes,\n    rounded: zuiSkeletonRounded,\n    animation: zuiSkeletonAnimations,\n    shimmerTone: zuiSkeletonShimmerTones,\n  },\n  compoundVariants: [\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"default\",\n      class: skeletonShimmerGradientClasses.default,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"muted\",\n      class: skeletonShimmerGradientClasses.subtle,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"subtle\",\n      class: skeletonShimmerGradientClasses.subtle,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"sky\",\n      class: skeletonShimmerGradientClasses.sky,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"rose\",\n      class: skeletonShimmerGradientClasses.rose,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"purple\",\n      class: skeletonShimmerGradientClasses.purple,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"pink\",\n      class: skeletonShimmerGradientClasses.pink,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"orange\",\n      class: skeletonShimmerGradientClasses.orange,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"yellow\",\n      class: skeletonShimmerGradientClasses.yellow,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"teal\",\n      class: skeletonShimmerGradientClasses.teal,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"indigo\",\n      class: skeletonShimmerGradientClasses.indigo,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"emerald\",\n      class: skeletonShimmerGradientClasses.emerald,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"gray\",\n      class: skeletonShimmerGradientClasses.gray,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"amber\",\n      class: skeletonShimmerGradientClasses.amber,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"violet\",\n      class: skeletonShimmerGradientClasses.violet,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"gradient-blue\",\n      class: skeletonShimmerGradientClasses[\"gradient-blue\"],\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"gradient-green\",\n      class: skeletonShimmerGradientClasses[\"gradient-green\"],\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"gradient-red\",\n      class: skeletonShimmerGradientClasses[\"gradient-red\"],\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"gradient-yellow\",\n      class: skeletonShimmerGradientClasses[\"gradient-yellow\"],\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"gradient-purple\",\n      class: skeletonShimmerGradientClasses[\"gradient-purple\"],\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"gradient-teal\",\n      class: skeletonShimmerGradientClasses[\"gradient-teal\"],\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"gradient-indigo\",\n      class: skeletonShimmerGradientClasses[\"gradient-indigo\"],\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"gradient-pink\",\n      class: skeletonShimmerGradientClasses[\"gradient-pink\"],\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"gradient-orange\",\n      class: skeletonShimmerGradientClasses[\"gradient-orange\"],\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"blue\",\n      class: skeletonShimmerGradientClasses.blue,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"cyan\",\n      class: skeletonShimmerGradientClasses.cyan,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"green\",\n      class: skeletonShimmerGradientClasses.green,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"lime\",\n      class: skeletonShimmerGradientClasses.lime,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"mint\",\n      class: skeletonShimmerGradientClasses.mint,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"ocean\",\n      class: skeletonShimmerGradientClasses.ocean,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"sapphire\",\n      class: skeletonShimmerGradientClasses.sapphire,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"lavender\",\n      class: skeletonShimmerGradientClasses.lavender,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"ruby\",\n      class: skeletonShimmerGradientClasses.ruby,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"red\",\n      class: skeletonShimmerGradientClasses.red,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"slate\",\n      class: skeletonShimmerGradientClasses.slate,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"zinc\",\n      class: skeletonShimmerGradientClasses.zinc,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"stone\",\n      class: skeletonShimmerGradientClasses.stone,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"royal\",\n      class: skeletonShimmerGradientClasses.royal,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"electric\",\n      class: skeletonShimmerGradientClasses.electric,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"forest\",\n      class: skeletonShimmerGradientClasses.forest,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"sunset\",\n      class: skeletonShimmerGradientClasses.sunset,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"magenta\",\n      class: skeletonShimmerGradientClasses.magenta,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"crimson\",\n      class: skeletonShimmerGradientClasses.crimson,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"aqua\",\n      class: skeletonShimmerGradientClasses.aqua,\n    },\n    {\n      animation: \"shimmer\",\n      shimmerTone: \"plum\",\n      class: skeletonShimmerGradientClasses.plum,\n    },\n    {\n      animation: \"pulse\",\n      class: \"\",\n    },\n  ],\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    rounded: \"md\",\n    animation: \"shimmer\",\n    shimmerTone: \"default\",\n  },\n});\n\nexport const skeletonTextLineVariants = cva(zuiSkeletonTextLineBase, {\n  variants: {\n    size: zuiSkeletonTextLineSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport { createContext, useContext, useMemo } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  SkeletonAnimation,\n  SkeletonAvatarProps,\n  SkeletonButtonProps,\n  SkeletonCardProps,\n  SkeletonProps,\n  SkeletonTextProps,\n} from \"./types\";\nimport { skeletonTextLineVariants, skeletonVariants } from \"./variants\";\n\nexport const SkeletonAnimationContext = createContext<\n  SkeletonAnimation | undefined\n>(undefined);\n\nexport function useSkeletonAnimation(\n  fallback: SkeletonAnimation,\n): SkeletonAnimation {\n  const value = useContext(SkeletonAnimationContext);\n  return value ?? fallback;\n}\n\nfunction skeletonMotionClass(animation: SkeletonAnimation): string {\n  if (animation === \"none\") {\n    return \"\";\n  }\n  return \"animate-pulse\";\n}\n\nexport function SkeletonBase(props: SkeletonProps) {\n  const {\n    className,\n    appearance,\n    size,\n    rounded,\n    animation = \"shimmer\",\n    shimmerTone,\n    busy,\n    children,\n    ref,\n    as: Wrapper = \"div\",\n    ...rest\n  } = props;\n  const ctx = useMemo(() => animation, [animation]);\n\n  return (\n    <SkeletonAnimationContext.Provider value={ctx}>\n      <Wrapper\n        ref={ref}\n        data-slot=\"skeleton\"\n        aria-hidden\n        aria-busy={busy ? true : undefined}\n        className={cn(\n          skeletonVariants({\n            appearance,\n            size,\n            rounded,\n            animation,\n            shimmerTone,\n          }),\n          skeletonMotionClass(animation),\n          className,\n        )}\n        {...rest}\n      >\n        {children}\n      </Wrapper>\n    </SkeletonAnimationContext.Provider>\n  );\n}\n\nSkeletonBase.displayName = \"Skeleton\";\n\nexport function SkeletonTextBase(props: SkeletonTextProps) {\n  const {\n    lines = 3,\n    className,\n    appearance,\n    size,\n    rounded,\n    animation = \"shimmer\",\n    shimmerTone,\n    busy,\n    ref,\n    as: Wrapper = \"div\",\n  } = props;\n  const effectiveAnimation = useSkeletonAnimation(animation);\n  const motionClass = skeletonMotionClass(effectiveAnimation);\n\n  return (\n    <div\n      data-slot=\"skeleton-text\"\n      className={cn(\"flex w-full flex-col gap-2\", className)}\n      aria-hidden\n      aria-busy={busy ? true : undefined}\n    >\n      {Array.from({ length: lines }).map((_, index) => (\n        <Wrapper\n          key={index}\n          ref={index === 0 ? ref : undefined}\n          className={cn(\n            skeletonVariants({\n              appearance,\n              size,\n              rounded,\n              animation: effectiveAnimation,\n              shimmerTone,\n            }),\n            skeletonTextLineVariants({ size }),\n            index === lines - 1 ? \"w-3/5\" : \"w-full\",\n            motionClass,\n          )}\n        />\n      ))}\n    </div>\n  );\n}\n\nSkeletonTextBase.displayName = \"SkeletonText\";\n\nconst avatarSizeClass: Record<\n  NonNullable<SkeletonAvatarProps[\"avatarSize\"]>,\n  string\n> = {\n  xs: \"size-6\",\n  sm: \"size-8\",\n  md: \"size-10\",\n  lg: \"size-12\",\n  xl: \"size-14\",\n  \"2xl\": \"size-16\",\n};\n\nexport function SkeletonAvatarBase(props: SkeletonAvatarProps) {\n  const {\n    avatarSize = \"md\",\n    className,\n    appearance,\n    size,\n    rounded = \"full\",\n    animation,\n    shimmerTone,\n    busy,\n    ref,\n    as: Wrapper = \"div\",\n    ...rest\n  } = props;\n  const effectiveAnimation = useSkeletonAnimation(animation ?? \"shimmer\");\n  const motionClass = skeletonMotionClass(effectiveAnimation);\n\n  return (\n    <Wrapper\n      ref={ref}\n      data-slot=\"skeleton-avatar\"\n      aria-hidden\n      aria-busy={busy ? true : undefined}\n      className={cn(\n        skeletonVariants({\n          appearance,\n          size,\n          rounded,\n          animation: effectiveAnimation,\n          shimmerTone,\n        }),\n        avatarSizeClass[avatarSize],\n        motionClass,\n        className,\n      )}\n      {...rest}\n    />\n  );\n}\n\nSkeletonAvatarBase.displayName = \"SkeletonAvatar\";\n\nexport function SkeletonCardBase(props: SkeletonCardProps) {\n  const {\n    className,\n    busy,\n    animation = \"shimmer\",\n    shimmerTone,\n    appearance,\n    size,\n    rounded,\n    ref,\n  } = props;\n\n  return (\n    <div\n      ref={ref as never}\n      data-slot=\"skeleton-card\"\n      className={cn(\"w-full max-w-sm\", className)}\n      aria-busy={busy ? true : undefined}\n    >\n      <SkeletonBase\n        rounded=\"lg\"\n        animation={animation}\n        shimmerTone={shimmerTone}\n        appearance={appearance}\n        size={size}\n        busy={busy}\n        className=\"flex flex-col gap-4 p-4\"\n      >\n        <div className=\"flex items-center gap-3\">\n          <SkeletonAvatarBase\n            appearance={appearance}\n            size={size}\n            animation={animation}\n            shimmerTone={shimmerTone}\n            rounded={rounded}\n          />\n          <div className=\"flex flex-1 flex-col gap-2\">\n            <SkeletonTextBase\n              lines={2}\n              appearance={appearance}\n              size={size}\n              animation={animation}\n              shimmerTone={shimmerTone}\n            />\n          </div>\n        </div>\n        <SkeletonTextBase\n          lines={4}\n          appearance={appearance}\n          size={size}\n          animation={animation}\n          shimmerTone={shimmerTone}\n        />\n      </SkeletonBase>\n    </div>\n  );\n}\n\nSkeletonCardBase.displayName = \"SkeletonCard\";\n\nconst buttonHeight: Record<\n  NonNullable<SkeletonButtonProps[\"buttonSize\"]>,\n  string\n> = {\n  sm: \"h-8 w-24\",\n  md: \"h-10 w-32\",\n  lg: \"h-12 w-40\",\n};\n\nexport function SkeletonButtonBase(props: SkeletonButtonProps) {\n  const {\n    buttonSize = \"md\",\n    className,\n    appearance,\n    size,\n    rounded = \"md\",\n    animation,\n    shimmerTone,\n    busy,\n    ref,\n    ...rest\n  } = props;\n  const effectiveAnimation = useSkeletonAnimation(animation ?? \"shimmer\");\n  const motionClass = skeletonMotionClass(effectiveAnimation);\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"skeleton-button\"\n      aria-hidden\n      aria-busy={busy ? true : undefined}\n      className={cn(\n        skeletonVariants({\n          appearance,\n          size,\n          rounded,\n          animation: effectiveAnimation,\n          shimmerTone,\n        }),\n        buttonHeight[buttonSize],\n        motionClass,\n        className,\n      )}\n      {...rest}\n    />\n  );\n}\n\nSkeletonButtonBase.displayName = \"SkeletonButton\";\n"]}

package/dist/chunk-EE53BIXR.mjs

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

package/dist/chunk-EE53BIXR.mjs.map

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

package/dist/chunk-EJ3UMMCS.mjs

@@ -0,0 +1,65 @@
+// src/design-system/marquee.ts
+var zuiMarqueeBase = "group/marquee relative isolate flex min-w-0 overflow-hidden rounded-xl border border-transparent bg-[var(--zui-marquee-bg,var(--zui-surface-soft,transparent))] text-[color:var(--zui-marquee-fg,var(--zui-fg,inherit))] [--zui-marquee-gap:1rem]";
+var zuiMarqueeAppearances = {
+  default: "[--zui-marquee-bg:transparent] [--zui-marquee-fg:oklch(20.8%_0.042_265.755)] dark:[--zui-marquee-fg:#ffffff]",
+  outline: "border-[color:var(--zui-marquee-outline-border,var(--zui-border,oklch(86.9%_0.022_252.894)))] [--zui-marquee-bg:#ffffff] [--zui-marquee-fg:oklch(20.8%_0.042_265.755)] dark:border-[color:var(--zui-marquee-outline-border-dark,var(--zui-border-dark,oklch(37.2%_0.044_257.287)))] dark:[--zui-marquee-bg:oklch(20.8%_0.042_265.755)] dark:[--zui-marquee-fg:#ffffff]",
+  ghost: "[--zui-marquee-bg:transparent] [--zui-marquee-fg:oklch(27.9%_0.041_260.031)] dark:[--zui-marquee-fg:oklch(96.8%_0.007_247.896)]",
+  card: "border-[color:var(--zui-marquee-card-border,var(--zui-border,oklch(92.9%_0.013_255.508)))] bg-[var(--zui-marquee-card-bg,var(--zui-surface-soft,#ffffff))] shadow-sm shadow-slate-950/5 [--zui-marquee-fg:oklch(20.8%_0.042_265.755)] dark:border-[color:var(--zui-marquee-card-border-dark,var(--zui-border-dark,oklch(37.2%_0.044_257.287)))] dark:bg-[var(--zui-marquee-card-bg-dark,var(--zui-surface-soft-dark,oklch(20.8%_0.042_265.755_/_0.9)))] dark:shadow-black/20 dark:[--zui-marquee-fg:#ffffff]",
+  separated: "border-y border-x-0 rounded-none border-[color:var(--zui-marquee-separated-border,var(--zui-border,oklch(86.9%_0.022_252.894)))] [--zui-marquee-bg:transparent] [--zui-marquee-fg:oklch(20.8%_0.042_265.755)] dark:border-[color:var(--zui-marquee-separated-border-dark,var(--zui-border-dark,oklch(37.2%_0.044_257.287)))] dark:[--zui-marquee-fg:#ffffff]",
+  sky: "border-[color:var(--zui-marquee-sky-border,var(--zui-color-sky,oklch(62.3%_0.214_259.815_/_0.28)))] [--zui-marquee-bg:oklch(97.7%_0.013_236.62)] [--zui-marquee-fg:oklch(39.1%_0.09_240.876)] dark:border-[color:var(--zui-marquee-sky-border-dark,var(--zui-color-sky-dark,oklch(70.7%_0.165_254.624_/_0.3)))] dark:[--zui-marquee-bg:oklch(39.1%_0.09_240.876_/_0.28)] dark:[--zui-marquee-fg:oklch(95.1%_0.026_236.824)]",
+  rose: "border-[color:var(--zui-marquee-rose-border,var(--zui-color-rose,oklch(58.6%_0.253_17.585_/_0.24)))] [--zui-marquee-bg:oklch(96.9%_0.015_12.422)] [--zui-marquee-fg:oklch(41%_0.159_10.272)] dark:border-[color:var(--zui-marquee-rose-border-dark,var(--zui-color-rose-dark,oklch(71.2%_0.194_13.428_/_0.3)))] dark:[--zui-marquee-bg:oklch(41%_0.159_10.272_/_0.28)] dark:[--zui-marquee-fg:oklch(94.1%_0.03_12.58)]",
+  purple: "border-[color:var(--zui-marquee-purple-border,var(--zui-color-purple,oklch(62.7%_0.265_303.9_/_0.24)))] [--zui-marquee-bg:oklch(97.7%_0.014_308.299)] [--zui-marquee-fg:oklch(38.1%_0.176_304.987)] dark:border-[color:var(--zui-marquee-purple-border-dark,var(--zui-color-purple-dark,oklch(71.4%_0.203_305.504_/_0.3)))] dark:[--zui-marquee-bg:oklch(38.1%_0.176_304.987_/_0.28)] dark:[--zui-marquee-fg:oklch(94.6%_0.033_307.174)]",
+  pink: "border-[color:var(--zui-marquee-pink-border,var(--zui-color-pink,oklch(65.6%_0.241_354.308_/_0.24)))] [--zui-marquee-bg:oklch(97.1%_0.014_343.198)] [--zui-marquee-fg:oklch(40.8%_0.153_2.432)] dark:border-[color:var(--zui-marquee-pink-border-dark,var(--zui-color-pink-dark,oklch(71.8%_0.202_349.761_/_0.3)))] dark:[--zui-marquee-bg:oklch(40.8%_0.153_2.432_/_0.28)] dark:[--zui-marquee-fg:oklch(94.8%_0.028_342.258)]",
+  orange: "border-[color:var(--zui-marquee-orange-border,var(--zui-color-orange,oklch(70.5%_0.213_47.604_/_0.26)))] [--zui-marquee-bg:oklch(98%_0.016_73.684)] [--zui-marquee-fg:oklch(40.8%_0.123_38.172)] dark:border-[color:var(--zui-marquee-orange-border-dark,var(--zui-color-orange-dark,oklch(75%_0.183_55.934_/_0.32)))] dark:[--zui-marquee-bg:oklch(40.8%_0.123_38.172_/_0.28)] dark:[--zui-marquee-fg:oklch(95.4%_0.038_75.164)]",
+  yellow: "border-[color:var(--zui-marquee-yellow-border,var(--zui-color-yellow,oklch(79.5%_0.184_86.047_/_0.3)))] [--zui-marquee-bg:oklch(98.7%_0.026_102.212)] [--zui-marquee-fg:oklch(42.1%_0.095_57.708)] dark:border-[color:var(--zui-marquee-yellow-border-dark,var(--zui-color-yellow-dark,oklch(85.2%_0.199_91.936_/_0.32)))] dark:[--zui-marquee-bg:oklch(42.1%_0.095_57.708_/_0.28)] dark:[--zui-marquee-fg:oklch(97.3%_0.071_103.193)]",
+  teal: "border-[color:var(--zui-marquee-teal-border,var(--zui-color-teal,oklch(70.4%_0.14_182.503_/_0.28)))] [--zui-marquee-bg:oklch(98.4%_0.014_180.72)] [--zui-marquee-fg:oklch(38.6%_0.063_188.416)] dark:border-[color:var(--zui-marquee-teal-border-dark,var(--zui-color-teal-dark,oklch(77.7%_0.152_181.912_/_0.32)))] dark:[--zui-marquee-bg:oklch(38.6%_0.063_188.416_/_0.28)] dark:[--zui-marquee-fg:oklch(95.3%_0.051_180.801)]",
+  indigo: "border-[color:var(--zui-marquee-indigo-border,var(--zui-color-indigo,oklch(58.5%_0.233_277.117_/_0.24)))] [--zui-marquee-bg:oklch(96.2%_0.018_272.314)] [--zui-marquee-fg:oklch(35.9%_0.144_278.697)] dark:border-[color:var(--zui-marquee-indigo-border-dark,var(--zui-color-indigo-dark,oklch(67.3%_0.182_276.935_/_0.32)))] dark:[--zui-marquee-bg:oklch(35.9%_0.144_278.697_/_0.28)] dark:[--zui-marquee-fg:oklch(93%_0.034_272.788)]",
+  emerald: "border-[color:var(--zui-marquee-emerald-border,var(--zui-color-emerald,oklch(69.6%_0.17_162.48_/_0.28)))] [--zui-marquee-bg:oklch(97.9%_0.021_166.113)] [--zui-marquee-fg:oklch(37.8%_0.077_168.94)] dark:border-[color:var(--zui-marquee-emerald-border-dark,var(--zui-color-emerald-dark,oklch(76.5%_0.177_163.223_/_0.32)))] dark:[--zui-marquee-bg:oklch(37.8%_0.077_168.94_/_0.28)] dark:[--zui-marquee-fg:oklch(95%_0.052_163.051)]",
+  "gradient-blue": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-blue-from,var(--zui-color-blue,oklch(62.3%_0.214_259.815)))] dark:from-[var(--zui-marquee-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(42.4%_0.199_265.638)))] to-[var(--zui-marquee-gradient-blue-to,var(--zui-color-purple,oklch(54.6%_0.245_262.881)))] dark:to-[var(--zui-marquee-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(37.9%_0.146_265.522)))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]",
+  "gradient-green": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-green-from,var(--zui-color-green,oklch(72.3%_0.219_149.579)))] dark:from-[var(--zui-marquee-gradient-green-from-dark,var(--zui-color-green-dark,oklch(44.8%_0.119_151.328)))] to-[var(--zui-marquee-gradient-green-to,var(--zui-color-lime,oklch(62.7%_0.194_149.214)))] dark:to-[var(--zui-marquee-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(39.3%_0.095_152.535)))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]",
+  "gradient-red": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-red-from,var(--zui-color-red,oklch(63.7%_0.237_25.331)))] dark:from-[var(--zui-marquee-gradient-red-from-dark,var(--zui-color-red-dark,oklch(44.4%_0.177_26.899)))] to-[var(--zui-marquee-gradient-red-to,var(--zui-color-pink,oklch(57.7%_0.245_27.325)))] dark:to-[var(--zui-marquee-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(39.6%_0.141_25.723)))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]",
+  "gradient-yellow": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-yellow-from,var(--zui-color-yellow,oklch(85.2%_0.199_91.936)))] dark:from-[var(--zui-marquee-gradient-yellow-from-dark,var(--zui-color-yellow-dark,oklch(47.6%_0.114_61.907)))] to-[var(--zui-marquee-gradient-yellow-to,var(--zui-color-orange,oklch(79.5%_0.184_86.047)))] dark:to-[var(--zui-marquee-gradient-yellow-to-dark,var(--zui-color-orange-dark,oklch(42.1%_0.095_57.708)))] [--zui-marquee-fg:oklch(27.9%_0.077_45.635)] dark:[--zui-marquee-fg:#ffffff]",
+  "gradient-purple": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-purple-from,var(--zui-color-purple,oklch(71.4%_0.203_305.504)))] dark:from-[var(--zui-marquee-gradient-purple-from-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724)))] to-[var(--zui-marquee-gradient-purple-to,var(--zui-color-pink,oklch(62.7%_0.265_303.9)))] dark:to-[var(--zui-marquee-gradient-purple-to-dark,var(--zui-color-pink-dark,oklch(38.1%_0.176_304.987)))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]",
+  "gradient-teal": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-teal-from,var(--zui-color-teal,oklch(77.7%_0.152_181.912)))] dark:from-[var(--zui-marquee-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(43.7%_0.078_188.216)))] to-[var(--zui-marquee-gradient-teal-to,var(--zui-color-cyan,oklch(70.4%_0.14_182.503)))] dark:to-[var(--zui-marquee-gradient-teal-to-dark,var(--zui-color-cyan-dark,oklch(38.6%_0.063_188.416)))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]",
+  "gradient-indigo": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-indigo-from,var(--zui-color-indigo,oklch(67.3%_0.182_276.935)))] dark:from-[var(--zui-marquee-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(39.8%_0.195_277.366)))] to-[var(--zui-marquee-gradient-indigo-to,var(--zui-color-purple,oklch(58.5%_0.233_277.117)))] dark:to-[var(--zui-marquee-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(35.9%_0.144_278.697)))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]",
+  "gradient-pink": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-pink-from,var(--zui-color-pink,oklch(71.8%_0.202_349.761)))] dark:from-[var(--zui-marquee-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815)))] to-[var(--zui-marquee-gradient-pink-to,var(--zui-color-rose,oklch(65.6%_0.241_354.308)))] dark:to-[var(--zui-marquee-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(40.8%_0.153_2.432)))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]",
+  "gradient-orange": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-orange-from,var(--zui-color-orange,oklch(75%_0.183_55.934)))] dark:from-[var(--zui-marquee-gradient-orange-from-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304)))] to-[var(--zui-marquee-gradient-orange-to,var(--zui-color-red,oklch(70.5%_0.213_47.604)))] dark:to-[var(--zui-marquee-gradient-orange-to-dark,var(--zui-color-red-dark,oklch(40.8%_0.123_38.172)))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]",
+  blue: "border border-[color:var(--zui-marquee-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-marquee-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-marquee-blue-bg,color-mix(in oklch, var(--zui-color-blue,#2563eb14) 10%, transparent))] dark:bg-[var(--zui-marquee-blue-bg-dark,color-mix(in oklch, var(--zui-color-blue-dark,#3b82f624) 18%, transparent))] text-[color:var(--zui-marquee-blue-fg,var(--zui-color-blue,#0f172a))] dark:text-[color:var(--zui-marquee-blue-fg-dark,var(--zui-color-blue-dark,#f8fafc))]",
+  cyan: "border border-[color:var(--zui-marquee-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-marquee-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-marquee-cyan-bg,color-mix(in oklch, var(--zui-color-cyan,#0891b214) 10%, transparent))] dark:bg-[var(--zui-marquee-cyan-bg-dark,color-mix(in oklch, var(--zui-color-cyan-dark,#22d3ee24) 18%, transparent))] text-[color:var(--zui-marquee-cyan-fg,var(--zui-color-cyan,#0f172a))] dark:text-[color:var(--zui-marquee-cyan-fg-dark,var(--zui-color-cyan-dark,#f8fafc))]",
+  green: "border border-[color:var(--zui-marquee-green-border,var(--zui-color-green,#16a34a))] dark:border-[color:var(--zui-marquee-green-border-dark,var(--zui-color-green-dark,#22c55e))] bg-[var(--zui-marquee-green-bg,color-mix(in oklch, var(--zui-color-green,#16a34a14) 10%, transparent))] dark:bg-[var(--zui-marquee-green-bg-dark,color-mix(in oklch, var(--zui-color-green-dark,#22c55e24) 18%, transparent))] text-[color:var(--zui-marquee-green-fg,var(--zui-color-green,#0f172a))] dark:text-[color:var(--zui-marquee-green-fg-dark,var(--zui-color-green-dark,#f8fafc))]",
+  lime: "border border-[color:var(--zui-marquee-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-marquee-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-marquee-lime-bg,color-mix(in oklch, var(--zui-color-lime,#65a30d14) 10%, transparent))] dark:bg-[var(--zui-marquee-lime-bg-dark,color-mix(in oklch, var(--zui-color-lime-dark,#a3e63524) 18%, transparent))] text-[color:var(--zui-marquee-lime-fg,var(--zui-color-lime,#0f172a))] dark:text-[color:var(--zui-marquee-lime-fg-dark,var(--zui-color-lime-dark,#f8fafc))]",
+  mint: "border border-[color:var(--zui-marquee-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-marquee-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-marquee-mint-bg,color-mix(in oklch, var(--zui-color-mint,#10b98114) 10%, transparent))] dark:bg-[var(--zui-marquee-mint-bg-dark,color-mix(in oklch, var(--zui-color-mint-dark,#6ee7b724) 18%, transparent))] text-[color:var(--zui-marquee-mint-fg,var(--zui-color-mint,#0f172a))] dark:text-[color:var(--zui-marquee-mint-fg-dark,var(--zui-color-mint-dark,#f8fafc))]",
+  ocean: "border border-[color:var(--zui-marquee-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-marquee-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-marquee-ocean-bg,color-mix(in oklch, var(--zui-color-ocean,#0284c714) 10%, transparent))] dark:bg-[var(--zui-marquee-ocean-bg-dark,color-mix(in oklch, var(--zui-color-ocean-dark,#38bdf824) 18%, transparent))] text-[color:var(--zui-marquee-ocean-fg,var(--zui-color-ocean,#0f172a))] dark:text-[color:var(--zui-marquee-ocean-fg-dark,var(--zui-color-ocean-dark,#f8fafc))]",
+  sapphire: "border border-[color:var(--zui-marquee-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-marquee-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-marquee-sapphire-bg,color-mix(in oklch, var(--zui-color-sapphire,#1d4ed814) 10%, transparent))] dark:bg-[var(--zui-marquee-sapphire-bg-dark,color-mix(in oklch, var(--zui-color-sapphire-dark,#60a5fa24) 18%, transparent))] text-[color:var(--zui-marquee-sapphire-fg,var(--zui-color-sapphire,#0f172a))] dark:text-[color:var(--zui-marquee-sapphire-fg-dark,var(--zui-color-sapphire-dark,#f8fafc))]",
+  lavender: "border border-[color:var(--zui-marquee-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-marquee-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-marquee-lavender-bg,color-mix(in oklch, var(--zui-color-lavender,#8b5cf614) 10%, transparent))] dark:bg-[var(--zui-marquee-lavender-bg-dark,color-mix(in oklch, var(--zui-color-lavender-dark,#a78bfa24) 18%, transparent))] text-[color:var(--zui-marquee-lavender-fg,var(--zui-color-lavender,#0f172a))] dark:text-[color:var(--zui-marquee-lavender-fg-dark,var(--zui-color-lavender-dark,#f8fafc))]",
+  ruby: "border border-[color:var(--zui-marquee-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-marquee-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-marquee-ruby-bg,color-mix(in oklch, var(--zui-color-ruby,#be123c14) 10%, transparent))] dark:bg-[var(--zui-marquee-ruby-bg-dark,color-mix(in oklch, var(--zui-color-ruby-dark,#fb718524) 18%, transparent))] text-[color:var(--zui-marquee-ruby-fg,var(--zui-color-ruby,#0f172a))] dark:text-[color:var(--zui-marquee-ruby-fg-dark,var(--zui-color-ruby-dark,#f8fafc))]",
+  red: "border border-[color:var(--zui-marquee-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-marquee-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-marquee-red-bg,color-mix(in oklch, var(--zui-color-red,#dc262614) 10%, transparent))] dark:bg-[var(--zui-marquee-red-bg-dark,color-mix(in oklch, var(--zui-color-red-dark,#ef444424) 18%, transparent))] text-[color:var(--zui-marquee-red-fg,var(--zui-color-red,#0f172a))] dark:text-[color:var(--zui-marquee-red-fg-dark,var(--zui-color-red-dark,#f8fafc))]",
+  slate: "border border-[color:var(--zui-marquee-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-marquee-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-marquee-slate-bg,color-mix(in oklch, var(--zui-color-slate,#47556914) 10%, transparent))] dark:bg-[var(--zui-marquee-slate-bg-dark,color-mix(in oklch, var(--zui-color-slate-dark,#64748b24) 18%, transparent))] text-[color:var(--zui-marquee-slate-fg,var(--zui-color-slate,#0f172a))] dark:text-[color:var(--zui-marquee-slate-fg-dark,var(--zui-color-slate-dark,#f8fafc))]",
+  zinc: "border border-[color:var(--zui-marquee-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-marquee-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-marquee-zinc-bg,color-mix(in oklch, var(--zui-color-zinc,#52525b14) 10%, transparent))] dark:bg-[var(--zui-marquee-zinc-bg-dark,color-mix(in oklch, var(--zui-color-zinc-dark,#71717a24) 18%, transparent))] text-[color:var(--zui-marquee-zinc-fg,var(--zui-color-zinc,#0f172a))] dark:text-[color:var(--zui-marquee-zinc-fg-dark,var(--zui-color-zinc-dark,#f8fafc))]",
+  stone: "border border-[color:var(--zui-marquee-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-marquee-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-marquee-stone-bg,color-mix(in oklch, var(--zui-color-stone,#57534e14) 10%, transparent))] dark:bg-[var(--zui-marquee-stone-bg-dark,color-mix(in oklch, var(--zui-color-stone-dark,#78716c24) 18%, transparent))] text-[color:var(--zui-marquee-stone-fg,var(--zui-color-stone,#0f172a))] dark:text-[color:var(--zui-marquee-stone-fg-dark,var(--zui-color-stone-dark,#f8fafc))]",
+  royal: "border border-[color:var(--zui-marquee-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-marquee-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-marquee-royal-bg,color-mix(in oklch, var(--zui-color-royal,#4338ca14) 10%, transparent))] dark:bg-[var(--zui-marquee-royal-bg-dark,color-mix(in oklch, var(--zui-color-royal-dark,#818cf824) 18%, transparent))] text-[color:var(--zui-marquee-royal-fg,var(--zui-color-royal,#0f172a))] dark:text-[color:var(--zui-marquee-royal-fg-dark,var(--zui-color-royal-dark,#f8fafc))]",
+  electric: "border border-[color:var(--zui-marquee-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-marquee-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-marquee-electric-bg,color-mix(in oklch, var(--zui-color-electric,#0ea5e914) 10%, transparent))] dark:bg-[var(--zui-marquee-electric-bg-dark,color-mix(in oklch, var(--zui-color-electric-dark,#38bdf824) 18%, transparent))] text-[color:var(--zui-marquee-electric-fg,var(--zui-color-electric,#0f172a))] dark:text-[color:var(--zui-marquee-electric-fg-dark,var(--zui-color-electric-dark,#f8fafc))]",
+  forest: "border border-[color:var(--zui-marquee-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-marquee-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-marquee-forest-bg,color-mix(in oklch, var(--zui-color-forest,#16653414) 10%, transparent))] dark:bg-[var(--zui-marquee-forest-bg-dark,color-mix(in oklch, var(--zui-color-forest-dark,#4ade8024) 18%, transparent))] text-[color:var(--zui-marquee-forest-fg,var(--zui-color-forest,#0f172a))] dark:text-[color:var(--zui-marquee-forest-fg-dark,var(--zui-color-forest-dark,#f8fafc))]",
+  sunset: "border border-[color:var(--zui-marquee-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-marquee-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-marquee-sunset-bg,color-mix(in oklch, var(--zui-color-sunset,#ea580c14) 10%, transparent))] dark:bg-[var(--zui-marquee-sunset-bg-dark,color-mix(in oklch, var(--zui-color-sunset-dark,#fb923c24) 18%, transparent))] text-[color:var(--zui-marquee-sunset-fg,var(--zui-color-sunset,#0f172a))] dark:text-[color:var(--zui-marquee-sunset-fg-dark,var(--zui-color-sunset-dark,#f8fafc))]",
+  magenta: "border border-[color:var(--zui-marquee-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-marquee-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-marquee-magenta-bg,color-mix(in oklch, var(--zui-color-magenta,#c026d314) 10%, transparent))] dark:bg-[var(--zui-marquee-magenta-bg-dark,color-mix(in oklch, var(--zui-color-magenta-dark,#e879f924) 18%, transparent))] text-[color:var(--zui-marquee-magenta-fg,var(--zui-color-magenta,#0f172a))] dark:text-[color:var(--zui-marquee-magenta-fg-dark,var(--zui-color-magenta-dark,#f8fafc))]",
+  crimson: "border border-[color:var(--zui-marquee-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-marquee-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-marquee-crimson-bg,color-mix(in oklch, var(--zui-color-crimson,#b91c1c14) 10%, transparent))] dark:bg-[var(--zui-marquee-crimson-bg-dark,color-mix(in oklch, var(--zui-color-crimson-dark,#f8717124) 18%, transparent))] text-[color:var(--zui-marquee-crimson-fg,var(--zui-color-crimson,#0f172a))] dark:text-[color:var(--zui-marquee-crimson-fg-dark,var(--zui-color-crimson-dark,#f8fafc))]",
+  aqua: "border border-[color:var(--zui-marquee-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-marquee-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-marquee-aqua-bg,color-mix(in oklch, var(--zui-color-aqua,#0f766e14) 10%, transparent))] dark:bg-[var(--zui-marquee-aqua-bg-dark,color-mix(in oklch, var(--zui-color-aqua-dark,#2dd4bf24) 18%, transparent))] text-[color:var(--zui-marquee-aqua-fg,var(--zui-color-aqua,#0f172a))] dark:text-[color:var(--zui-marquee-aqua-fg-dark,var(--zui-color-aqua-dark,#f8fafc))]",
+  plum: "border border-[color:var(--zui-marquee-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-marquee-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-marquee-plum-bg,color-mix(in oklch, var(--zui-color-plum,#7e22ce14) 10%, transparent))] dark:bg-[var(--zui-marquee-plum-bg-dark,color-mix(in oklch, var(--zui-color-plum-dark,#c084fc24) 18%, transparent))] text-[color:var(--zui-marquee-plum-fg,var(--zui-color-plum,#0f172a))] dark:text-[color:var(--zui-marquee-plum-fg-dark,var(--zui-color-plum-dark,#f8fafc))]"
+};
+var zuiMarqueeOrientations = {
+  horizontal: "w-full flex-row",
+  vertical: "h-64 flex-col"
+};
+var zuiMarqueeSizes = {
+  sm: "p-2 text-xs",
+  md: "p-3 text-sm",
+  lg: "p-4 text-base"
+};
+var zuiMarqueeFade = {
+  false: "",
+  true: "[mask-image:linear-gradient(to_right,transparent,black_12%,black_88%,transparent)] data-[orientation=vertical]:[mask-image:linear-gradient(to_bottom,transparent,black_12%,black_88%,transparent)]"
+};
+
+export { zuiMarqueeAppearances, zuiMarqueeBase, zuiMarqueeFade, zuiMarqueeOrientations, zuiMarqueeSizes };
+//# sourceMappingURL=chunk-EJ3UMMCS.mjs.map
+//# sourceMappingURL=chunk-EJ3UMMCS.mjs.map