@zentauri-ui/zentauri-components 1.9.0 → 1.9.1

package/dist/{chunk-OZHETX4J.mjs → chunk-ENV73575.mjs}

@@ -29,7 +29,28 @@ var zuiDividerAppearances = {
   "gradient-teal": "text-[color:var(--zui-divider-gradient-teal-fg,oklch(60%_0.118_184.704))] dark:text-[color:var(--zui-divider-gradient-teal-fg-dark,oklch(77.7%_0.152_181.912))]",
   "gradient-indigo": "text-[color:var(--zui-divider-gradient-indigo-fg,oklch(51.1%_0.262_276.966))] dark:text-[color:var(--zui-divider-gradient-indigo-fg-dark,oklch(67.3%_0.182_276.935))]",
   "gradient-pink": "text-[color:var(--zui-divider-gradient-pink-fg,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-divider-gradient-pink-fg-dark,oklch(71.8%_0.202_349.761))]",
-  "gradient-orange": "text-[color:var(--zui-divider-gradient-orange-fg,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-divider-gradient-orange-fg-dark,oklch(75%_0.183_55.934))]"
+  "gradient-orange": "text-[color:var(--zui-divider-gradient-orange-fg,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-divider-gradient-orange-fg-dark,oklch(75%_0.183_55.934))]",
+  blue: "text-[color:var(--zui-divider-blue-fg,#2563eb)] dark:text-[color:var(--zui-divider-blue-fg-dark,#3b82f6)]",
+  cyan: "text-[color:var(--zui-divider-cyan-fg,#0891b2)] dark:text-[color:var(--zui-divider-cyan-fg-dark,#22d3ee)]",
+  green: "text-[color:var(--zui-divider-green-fg,#16a34a)] dark:text-[color:var(--zui-divider-green-fg-dark,#22c55e)]",
+  lime: "text-[color:var(--zui-divider-lime-fg,#65a30d)] dark:text-[color:var(--zui-divider-lime-fg-dark,#a3e635)]",
+  mint: "text-[color:var(--zui-divider-mint-fg,#10b981)] dark:text-[color:var(--zui-divider-mint-fg-dark,#6ee7b7)]",
+  ocean: "text-[color:var(--zui-divider-ocean-fg,#0284c7)] dark:text-[color:var(--zui-divider-ocean-fg-dark,#38bdf8)]",
+  sapphire: "text-[color:var(--zui-divider-sapphire-fg,#1d4ed8)] dark:text-[color:var(--zui-divider-sapphire-fg-dark,#60a5fa)]",
+  lavender: "text-[color:var(--zui-divider-lavender-fg,#8b5cf6)] dark:text-[color:var(--zui-divider-lavender-fg-dark,#a78bfa)]",
+  ruby: "text-[color:var(--zui-divider-ruby-fg,#be123c)] dark:text-[color:var(--zui-divider-ruby-fg-dark,#fb7185)]",
+  red: "text-[color:var(--zui-divider-red-fg,#dc2626)] dark:text-[color:var(--zui-divider-red-fg-dark,#ef4444)]",
+  slate: "text-[color:var(--zui-divider-slate-fg,#475569)] dark:text-[color:var(--zui-divider-slate-fg-dark,#64748b)]",
+  zinc: "text-[color:var(--zui-divider-zinc-fg,#52525b)] dark:text-[color:var(--zui-divider-zinc-fg-dark,#71717a)]",
+  stone: "text-[color:var(--zui-divider-stone-fg,#57534e)] dark:text-[color:var(--zui-divider-stone-fg-dark,#78716c)]",
+  royal: "text-[color:var(--zui-divider-royal-fg,#4338ca)] dark:text-[color:var(--zui-divider-royal-fg-dark,#818cf8)]",
+  electric: "text-[color:var(--zui-divider-electric-fg,#0ea5e9)] dark:text-[color:var(--zui-divider-electric-fg-dark,#38bdf8)]",
+  forest: "text-[color:var(--zui-divider-forest-fg,#166534)] dark:text-[color:var(--zui-divider-forest-fg-dark,#4ade80)]",
+  sunset: "text-[color:var(--zui-divider-sunset-fg,#ea580c)] dark:text-[color:var(--zui-divider-sunset-fg-dark,#fb923c)]",
+  magenta: "text-[color:var(--zui-divider-magenta-fg,#c026d3)] dark:text-[color:var(--zui-divider-magenta-fg-dark,#e879f9)]",
+  crimson: "text-[color:var(--zui-divider-crimson-fg,#b91c1c)] dark:text-[color:var(--zui-divider-crimson-fg-dark,#f87171)]",
+  aqua: "text-[color:var(--zui-divider-aqua-fg,#0f766e)] dark:text-[color:var(--zui-divider-aqua-fg-dark,#2dd4bf)]",
+  plum: "text-[color:var(--zui-divider-plum-fg,#7e22ce)] dark:text-[color:var(--zui-divider-plum-fg-dark,#c084fc)]"
 };
 var zuiDividerBase = "flex w-full items-center gap-3";
 var zuiDividerOrientations = {
@@ -165,5 +186,5 @@ function DividerBase({
 DividerBase.displayName = "Divider";
 
 export { DividerBase, dividerLabelVariants, dividerLineVariants, dividerToneVariants, dividerVariants };
-//# sourceMappingURL=chunk-OZHETX4J.mjs.map
-//# sourceMappingURL=chunk-OZHETX4J.mjs.map
+//# sourceMappingURL=chunk-ENV73575.mjs.map
+//# sourceMappingURL=chunk-ENV73575.mjs.map

package/dist/chunk-ENV73575.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/divider.ts","../src/ui/divider/variants.ts","../src/ui/divider/divider-base.tsx"],"names":[],"mappings":"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","file":"chunk-ENV73575.mjs","sourcesContent":["export const zuiDividerAppearances = {\n  default:\n    \"text-[color:var(--zui-divider-default-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-divider-default-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  muted:\n    \"text-[color:var(--zui-divider-muted-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-divider-muted-fg-dark,oklch(55.4%_0.046_257.417))]\",\n  primary:\n    \"text-[color:var(--zui-divider-primary-fg,oklch(52%_0.105_223.128))] dark:text-[color:var(--zui-divider-primary-fg-dark,oklch(86.5%_0.127_207.078))]\",\n  destructive:\n    \"text-[color:var(--zui-divider-destructive-fg,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-divider-destructive-fg-dark,oklch(71.2%_0.194_13.428))]\",\n  ghost:\n    \"text-[color:var(--zui-divider-ghost-fg,oklch(70.4%_0.04_256.788))] dark:text-[color:var(--zui-divider-ghost-fg-dark,oklch(44.6%_0.043_257.281))]\",\n  sky: \"text-[color:var(--zui-divider-sky-fg,oklch(58.8%_0.158_241.966))] dark:text-[color:var(--zui-divider-sky-fg-dark,oklch(74.6%_0.16_232.661))]\",\n  rose: \"text-[color:var(--zui-divider-rose-fg,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-divider-rose-fg-dark,oklch(71.2%_0.194_13.428))]\",\n  purple:\n    \"text-[color:var(--zui-divider-purple-fg,oklch(55.8%_0.288_302.321))] dark:text-[color:var(--zui-divider-purple-fg-dark,oklch(71.4%_0.203_305.504))]\",\n  pink: \"text-[color:var(--zui-divider-pink-fg,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-divider-pink-fg-dark,oklch(71.8%_0.202_349.761))]\",\n  orange:\n    \"text-[color:var(--zui-divider-orange-fg,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-divider-orange-fg-dark,oklch(75%_0.183_55.934))]\",\n  yellow:\n    \"text-[color:var(--zui-divider-yellow-fg,oklch(68.1%_0.162_75.834))] dark:text-[color:var(--zui-divider-yellow-fg-dark,oklch(85.2%_0.199_91.936))]\",\n  teal: \"text-[color:var(--zui-divider-teal-fg,oklch(60%_0.118_184.704))] dark:text-[color:var(--zui-divider-teal-fg-dark,oklch(77.7%_0.152_181.912))]\",\n  indigo:\n    \"text-[color:var(--zui-divider-indigo-fg,oklch(51.1%_0.262_276.966))] dark:text-[color:var(--zui-divider-indigo-fg-dark,oklch(67.3%_0.182_276.935))]\",\n  emerald:\n    \"text-[color:var(--zui-divider-emerald-fg,oklch(59.6%_0.145_163.225))] dark:text-[color:var(--zui-divider-emerald-fg-dark,oklch(76.5%_0.177_163.223))]\",\n  gray: \"text-[color:var(--zui-divider-gray-fg,oklch(44.6%_0.03_256.802))] dark:text-[color:var(--zui-divider-gray-fg-dark,oklch(70.7%_0.022_261.325))]\",\n  amber:\n    \"text-[color:var(--zui-divider-amber-fg,oklch(66.6%_0.179_58.318))] dark:text-[color:var(--zui-divider-amber-fg-dark,oklch(82.8%_0.189_84.429))]\",\n  violet:\n    \"text-[color:var(--zui-divider-violet-fg,oklch(54.1%_0.281_293.009))] dark:text-[color:var(--zui-divider-violet-fg-dark,oklch(70.2%_0.183_293.541))]\",\n  \"gradient-blue\":\n    \"text-[color:var(--zui-divider-gradient-blue-fg,oklch(54.6%_0.245_262.881))] dark:text-[color:var(--zui-divider-gradient-blue-fg-dark,oklch(70.7%_0.165_254.624))]\",\n  \"gradient-green\":\n    \"text-[color:var(--zui-divider-gradient-green-fg,oklch(62.7%_0.194_149.214))] dark:text-[color:var(--zui-divider-gradient-green-fg-dark,oklch(79.2%_0.209_151.711))]\",\n  \"gradient-red\":\n    \"text-[color:var(--zui-divider-gradient-red-fg,oklch(57.7%_0.245_27.325))] dark:text-[color:var(--zui-divider-gradient-red-fg-dark,oklch(70.4%_0.191_22.216))]\",\n  \"gradient-yellow\":\n    \"text-[color:var(--zui-divider-gradient-yellow-fg,oklch(68.1%_0.162_75.834))] dark:text-[color:var(--zui-divider-gradient-yellow-fg-dark,oklch(85.2%_0.199_91.936))]\",\n  \"gradient-purple\":\n    \"text-[color:var(--zui-divider-gradient-purple-fg,oklch(55.8%_0.288_302.321))] dark:text-[color:var(--zui-divider-gradient-purple-fg-dark,oklch(71.4%_0.203_305.504))]\",\n  \"gradient-teal\":\n    \"text-[color:var(--zui-divider-gradient-teal-fg,oklch(60%_0.118_184.704))] dark:text-[color:var(--zui-divider-gradient-teal-fg-dark,oklch(77.7%_0.152_181.912))]\",\n  \"gradient-indigo\":\n    \"text-[color:var(--zui-divider-gradient-indigo-fg,oklch(51.1%_0.262_276.966))] dark:text-[color:var(--zui-divider-gradient-indigo-fg-dark,oklch(67.3%_0.182_276.935))]\",\n  \"gradient-pink\":\n    \"text-[color:var(--zui-divider-gradient-pink-fg,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-divider-gradient-pink-fg-dark,oklch(71.8%_0.202_349.761))]\",\n  \"gradient-orange\":\n    \"text-[color:var(--zui-divider-gradient-orange-fg,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-divider-gradient-orange-fg-dark,oklch(75%_0.183_55.934))]\",\n  blue: \"text-[color:var(--zui-divider-blue-fg,#2563eb)] dark:text-[color:var(--zui-divider-blue-fg-dark,#3b82f6)]\",\n  cyan: \"text-[color:var(--zui-divider-cyan-fg,#0891b2)] dark:text-[color:var(--zui-divider-cyan-fg-dark,#22d3ee)]\",\n  green:\n    \"text-[color:var(--zui-divider-green-fg,#16a34a)] dark:text-[color:var(--zui-divider-green-fg-dark,#22c55e)]\",\n  lime: \"text-[color:var(--zui-divider-lime-fg,#65a30d)] dark:text-[color:var(--zui-divider-lime-fg-dark,#a3e635)]\",\n  mint: \"text-[color:var(--zui-divider-mint-fg,#10b981)] dark:text-[color:var(--zui-divider-mint-fg-dark,#6ee7b7)]\",\n  ocean:\n    \"text-[color:var(--zui-divider-ocean-fg,#0284c7)] dark:text-[color:var(--zui-divider-ocean-fg-dark,#38bdf8)]\",\n  sapphire:\n    \"text-[color:var(--zui-divider-sapphire-fg,#1d4ed8)] dark:text-[color:var(--zui-divider-sapphire-fg-dark,#60a5fa)]\",\n  lavender:\n    \"text-[color:var(--zui-divider-lavender-fg,#8b5cf6)] dark:text-[color:var(--zui-divider-lavender-fg-dark,#a78bfa)]\",\n  ruby: \"text-[color:var(--zui-divider-ruby-fg,#be123c)] dark:text-[color:var(--zui-divider-ruby-fg-dark,#fb7185)]\",\n  red: \"text-[color:var(--zui-divider-red-fg,#dc2626)] dark:text-[color:var(--zui-divider-red-fg-dark,#ef4444)]\",\n  slate:\n    \"text-[color:var(--zui-divider-slate-fg,#475569)] dark:text-[color:var(--zui-divider-slate-fg-dark,#64748b)]\",\n  zinc: \"text-[color:var(--zui-divider-zinc-fg,#52525b)] dark:text-[color:var(--zui-divider-zinc-fg-dark,#71717a)]\",\n  stone:\n    \"text-[color:var(--zui-divider-stone-fg,#57534e)] dark:text-[color:var(--zui-divider-stone-fg-dark,#78716c)]\",\n  royal:\n    \"text-[color:var(--zui-divider-royal-fg,#4338ca)] dark:text-[color:var(--zui-divider-royal-fg-dark,#818cf8)]\",\n  electric:\n    \"text-[color:var(--zui-divider-electric-fg,#0ea5e9)] dark:text-[color:var(--zui-divider-electric-fg-dark,#38bdf8)]\",\n  forest:\n    \"text-[color:var(--zui-divider-forest-fg,#166534)] dark:text-[color:var(--zui-divider-forest-fg-dark,#4ade80)]\",\n  sunset:\n    \"text-[color:var(--zui-divider-sunset-fg,#ea580c)] dark:text-[color:var(--zui-divider-sunset-fg-dark,#fb923c)]\",\n  magenta:\n    \"text-[color:var(--zui-divider-magenta-fg,#c026d3)] dark:text-[color:var(--zui-divider-magenta-fg-dark,#e879f9)]\",\n  crimson:\n    \"text-[color:var(--zui-divider-crimson-fg,#b91c1c)] dark:text-[color:var(--zui-divider-crimson-fg-dark,#f87171)]\",\n  aqua: \"text-[color:var(--zui-divider-aqua-fg,#0f766e)] dark:text-[color:var(--zui-divider-aqua-fg-dark,#2dd4bf)]\",\n  plum: \"text-[color:var(--zui-divider-plum-fg,#7e22ce)] dark:text-[color:var(--zui-divider-plum-fg-dark,#c084fc)]\",\n} as const;\n\nexport const zuiDividerBase = \"flex w-full items-center gap-3\";\n\nexport const zuiDividerOrientations = {\n  horizontal: \"w-full flex-row\",\n  vertical: \"h-full min-h-[2rem] w-auto flex-col self-stretch\",\n} as const;\n\nexport const zuiDividerSizes = {\n  sm: \"\",\n  md: \"\",\n  lg: \"\",\n} as const;\n\nexport const zuiDividerLineBase =\n  \"shrink grow rounded-full bg-current opacity-80\";\n\nexport const zuiDividerLineOrientations = {\n  horizontal: \"h-px\",\n  vertical: \"w-px flex-1\",\n} as const;\n\nexport const zuiDividerLabelBase =\n  \"shrink-0 text-xs font-medium uppercase tracking-wide text-current\";\n","import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiDividerAppearances,\n  zuiDividerBase,\n  zuiDividerLabelBase,\n  zuiDividerLineBase,\n  zuiDividerLineOrientations,\n  zuiDividerOrientations,\n  zuiDividerSizes,\n} from \"../../design-system/divider\";\n\nexport const dividerToneVariants = cva(\"\", {\n  variants: {\n    appearance: zuiDividerAppearances,\n  },\n  defaultVariants: { appearance: \"default\" },\n});\n\nexport const dividerVariants = cva(zuiDividerBase, {\n  variants: {\n    appearance: zuiDividerAppearances,\n    orientation: zuiDividerOrientations,\n    size: zuiDividerSizes,\n  },\n  compoundVariants: [\n    { orientation: \"horizontal\", size: \"sm\", class: \"min-h-px\" },\n    { orientation: \"horizontal\", size: \"md\", class: \"min-h-[2px]\" },\n    { orientation: \"horizontal\", size: \"lg\", class: \"min-h-[3px]\" },\n    { orientation: \"vertical\", size: \"sm\", class: \"min-w-px\" },\n    { orientation: \"vertical\", size: \"md\", class: \"min-w-[2px]\" },\n    { orientation: \"vertical\", size: \"lg\", class: \"min-w-[3px]\" },\n  ],\n  defaultVariants: {\n    appearance: \"default\",\n    orientation: \"horizontal\",\n    size: \"md\",\n  },\n});\n\nexport const dividerLineVariants = cva(zuiDividerLineBase, {\n  variants: {\n    orientation: zuiDividerLineOrientations,\n    size: zuiDividerSizes,\n  },\n  compoundVariants: [\n    { orientation: \"horizontal\", size: \"sm\", class: \"h-px\" },\n    { orientation: \"horizontal\", size: \"md\", class: \"h-0.5\" },\n    { orientation: \"horizontal\", size: \"lg\", class: \"h-1\" },\n    { orientation: \"vertical\", size: \"sm\", class: \"w-px\" },\n    { orientation: \"vertical\", size: \"md\", class: \"w-0.5\" },\n    { orientation: \"vertical\", size: \"lg\", class: \"w-1\" },\n  ],\n  defaultVariants: {\n    orientation: \"horizontal\",\n    size: \"md\",\n  },\n});\n\nexport const dividerLabelVariants = cva(zuiDividerLabelBase);\n","\"use client\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { DividerBaseProps } from \"./types\";\nimport {\n  dividerLabelVariants,\n  dividerLineVariants,\n  dividerToneVariants,\n  dividerVariants,\n} from \"./variants\";\n\nexport function DividerBase({\n  className,\n  appearance,\n  orientation,\n  size,\n  label,\n  children,\n  ref,\n  as: Wrapper = \"div\",\n  ...rest\n}: DividerBaseProps) {\n  const slot = label ?? children;\n\n  if (!slot) {\n    return (\n      <Wrapper\n        ref={ref}\n        data-slot=\"divider\"\n        role=\"separator\"\n        aria-orientation={\n          orientation === \"vertical\" ? \"vertical\" : \"horizontal\"\n        }\n        className={cn(\n          dividerToneVariants({ appearance }),\n          orientation === \"horizontal\"\n            ? \"flex w-full min-h-px flex-row items-stretch\"\n            : \"flex h-full min-h-8 w-auto min-w-0 items-stretch self-stretch\",\n          className,\n        )}\n        {...rest}\n      >\n        <span\n          className={cn(dividerLineVariants({ orientation, size }))}\n          aria-hidden\n        />\n      </Wrapper>\n    );\n  }\n\n  return (\n    <Wrapper\n      ref={ref}\n      data-slot=\"divider\"\n      role=\"separator\"\n      aria-orientation={orientation === \"vertical\" ? \"vertical\" : \"horizontal\"}\n      className={cn(\n        dividerVariants({ appearance, orientation, size }),\n        className,\n      )}\n      {...rest}\n    >\n      <span\n        className={cn(dividerLineVariants({ orientation, size }))}\n        aria-hidden\n      />\n      <span data-slot=\"divider-label\" className={dividerLabelVariants()}>\n        {slot}\n      </span>\n      <span\n        className={cn(dividerLineVariants({ orientation, size }))}\n        aria-hidden\n      />\n    </Wrapper>\n  );\n}\n\nDividerBase.displayName = \"Divider\";\n"]}

package/dist/{chunk-7OVJXYSS.mjs → chunk-F4BM6LX2.mjs}

@@ -74,5 +74,5 @@ function createMotionAnimation(displayName, slot, preset) {
 }
 
 export { createMotionAnimation };
-//# sourceMappingURL=chunk-7OVJXYSS.mjs.map
-//# sourceMappingURL=chunk-7OVJXYSS.mjs.map
+//# sourceMappingURL=chunk-F4BM6LX2.mjs.map
+//# sourceMappingURL=chunk-F4BM6LX2.mjs.map

package/dist/{chunk-7OVJXYSS.mjs.map → chunk-F4BM6LX2.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/animations/shared/create-motion-animation.tsx"],"names":[],"mappings":"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","file":"chunk-7OVJXYSS.mjs","sourcesContent":["\"use client\";\n\nimport { motion, useReducedMotion } from \"framer-motion\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  MotionAnimationPreset,\n  MotionAnimationProps,\n  MotionAnimationTargetOverrides,\n} from \"./types\";\n\nfunction formatBlurValue(value: number | string) {\n  if (typeof value === \"number\") {\n    return `blur(${value}px)`;\n  }\n  return value.includes(\"(\") ? value : `blur(${value})`;\n}\n\nfunction mergeTargetOverrides(\n  target: MotionAnimationPreset[\"initial\"] | undefined,\n  overrides: MotionAnimationTargetOverrides | undefined,\n) {\n  if (!overrides) {\n    return target;\n  }\n\n  const { blur, ...rest } = overrides;\n  return {\n    ...(target ?? {}),\n    ...rest,\n    ...(blur === undefined ? null : { filter: formatBlurValue(blur) }),\n  };\n}\n\nfunction isTargetObject(\n  target: NonNullable<MotionAnimationProps[\"whileInView\"]>,\n): target is MotionAnimationPreset[\"animate\"] {\n  return target !== null && typeof target === \"object\" && !Array.isArray(target);\n}\n\nexport function createMotionAnimation(\n  displayName: string,\n  slot: string,\n  preset: MotionAnimationPreset,\n) {\n  function MotionAnimation(props: MotionAnimationProps) {\n    const {\n      children,\n      className,\n      initial,\n      animate,\n      exit,\n      transition,\n      layout,\n      whileHover,\n      whileInView,\n      whileTap,\n      from,\n      to,\n      exitTo,\n      ...rest\n    } = props;\n    const shouldReduceMotion = useReducedMotion();\n    const resolvedAnimateTarget = mergeTargetOverrides(preset.animate, to);\n    const resolvedAnimate = animate ?? resolvedAnimateTarget;\n    const shouldAnimateInView = whileInView !== undefined;\n    const usesPresetWhileInView = whileInView === true;\n    const resolvedWhileInView =\n      whileInView === undefined\n        ? undefined\n        : usesPresetWhileInView\n          ? resolvedAnimateTarget\n          : isTargetObject(whileInView)\n            ? { ...resolvedAnimateTarget, ...whileInView }\n            : whileInView;\n    const reducedMotionTarget = shouldAnimateInView\n      ? resolvedWhileInView\n      : resolvedAnimate;\n    const resolvedInitial =\n      initial ??\n      (shouldReduceMotion\n        ? reducedMotionTarget\n        : mergeTargetOverrides(preset.initial, from));\n    const resolvedExit = exit ?? mergeTargetOverrides(preset.exit, exitTo);\n    const resolvedTransition = transition\n      ? { ...preset.transition, ...transition }\n      : preset.transition;\n    const shouldDisableAnimate =\n      usesPresetWhileInView || (shouldReduceMotion && shouldAnimateInView);\n\n    return (\n      <motion.div\n        data-slot={slot}\n        className={cn(className)}\n        initial={resolvedInitial}\n        animate={shouldDisableAnimate ? undefined : resolvedAnimate}\n        exit={resolvedExit}\n        layout={layout ?? preset.layout}\n        whileHover={whileHover ?? preset.whileHover}\n        whileInView={\n          shouldReduceMotion\n            ? undefined\n            : shouldAnimateInView\n              ? resolvedWhileInView\n              : undefined\n        }\n        whileTap={whileTap ?? preset.whileTap}\n        transition={resolvedTransition}\n        {...rest}\n      >\n        {children}\n      </motion.div>\n    );\n  }\n\n  MotionAnimation.displayName = displayName;\n  return MotionAnimation;\n}\n"]}
+{"version":3,"sources":["../src/animations/shared/create-motion-animation.tsx"],"names":[],"mappings":"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","file":"chunk-F4BM6LX2.mjs","sourcesContent":["\"use client\";\n\nimport { motion, useReducedMotion } from \"framer-motion\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  MotionAnimationPreset,\n  MotionAnimationProps,\n  MotionAnimationTargetOverrides,\n} from \"./types\";\n\nfunction formatBlurValue(value: number | string) {\n  if (typeof value === \"number\") {\n    return `blur(${value}px)`;\n  }\n  return value.includes(\"(\") ? value : `blur(${value})`;\n}\n\nfunction mergeTargetOverrides(\n  target: MotionAnimationPreset[\"initial\"] | undefined,\n  overrides: MotionAnimationTargetOverrides | undefined,\n) {\n  if (!overrides) {\n    return target;\n  }\n\n  const { blur, ...rest } = overrides;\n  return {\n    ...(target ?? {}),\n    ...rest,\n    ...(blur === undefined ? null : { filter: formatBlurValue(blur) }),\n  };\n}\n\nfunction isTargetObject(\n  target: NonNullable<MotionAnimationProps[\"whileInView\"]>,\n): target is MotionAnimationPreset[\"animate\"] {\n  return (\n    target !== null && typeof target === \"object\" && !Array.isArray(target)\n  );\n}\n\nexport function createMotionAnimation(\n  displayName: string,\n  slot: string,\n  preset: MotionAnimationPreset,\n) {\n  function MotionAnimation(props: MotionAnimationProps) {\n    const {\n      children,\n      className,\n      initial,\n      animate,\n      exit,\n      transition,\n      layout,\n      whileHover,\n      whileInView,\n      whileTap,\n      from,\n      to,\n      exitTo,\n      ...rest\n    } = props;\n    const shouldReduceMotion = useReducedMotion();\n    const resolvedAnimateTarget = mergeTargetOverrides(preset.animate, to);\n    const resolvedAnimate = animate ?? resolvedAnimateTarget;\n    const shouldAnimateInView = whileInView !== undefined;\n    const usesPresetWhileInView = whileInView === true;\n    const resolvedWhileInView =\n      whileInView === undefined\n        ? undefined\n        : usesPresetWhileInView\n          ? resolvedAnimateTarget\n          : isTargetObject(whileInView)\n            ? { ...resolvedAnimateTarget, ...whileInView }\n            : whileInView;\n    const reducedMotionTarget = shouldAnimateInView\n      ? resolvedWhileInView\n      : resolvedAnimate;\n    const resolvedInitial =\n      initial ??\n      (shouldReduceMotion\n        ? reducedMotionTarget\n        : mergeTargetOverrides(preset.initial, from));\n    const resolvedExit = exit ?? mergeTargetOverrides(preset.exit, exitTo);\n    const resolvedTransition = transition\n      ? { ...preset.transition, ...transition }\n      : preset.transition;\n    const shouldDisableAnimate =\n      usesPresetWhileInView || (shouldReduceMotion && shouldAnimateInView);\n\n    return (\n      <motion.div\n        data-slot={slot}\n        className={cn(className)}\n        initial={resolvedInitial}\n        animate={shouldDisableAnimate ? undefined : resolvedAnimate}\n        exit={resolvedExit}\n        layout={layout ?? preset.layout}\n        whileHover={whileHover ?? preset.whileHover}\n        whileInView={\n          shouldReduceMotion\n            ? undefined\n            : shouldAnimateInView\n              ? resolvedWhileInView\n              : undefined\n        }\n        whileTap={whileTap ?? preset.whileTap}\n        transition={resolvedTransition}\n        {...rest}\n      >\n        {children}\n      </motion.div>\n    );\n  }\n\n  MotionAnimation.displayName = displayName;\n  return MotionAnimation;\n}\n"]}

package/dist/{chunk-ZX2IBIZT.js → chunk-FWY22BZZ.js}

@@ -28,7 +28,28 @@ var zuiDropdownTriggerVariants = {
   "gradient-teal": "bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-teal-from,oklch(43.7%_0.078_188.216))] dark:from-[var(--zui-dropdown-trigger-gradient-teal-from-dark,oklch(60%_0.118_184.704))] to-[var(--zui-dropdown-trigger-gradient-teal-to,oklch(45%_0.085_224.283))] dark:to-[var(--zui-dropdown-trigger-gradient-teal-to-dark,oklch(60.9%_0.126_221.723))] text-[color:var(--zui-dropdown-trigger-gradient-teal-fg,oklch(91%_0.096_180.426))] dark:text-[color:var(--zui-dropdown-trigger-gradient-teal-fg-dark,oklch(91%_0.096_180.426))]",
   "gradient-indigo": "bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-indigo-from,oklch(39.8%_0.195_277.366))] dark:from-[var(--zui-dropdown-trigger-gradient-indigo-from-dark,oklch(51.1%_0.262_276.966))] to-[var(--zui-dropdown-trigger-gradient-indigo-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-dropdown-trigger-gradient-indigo-to-dark,oklch(55.8%_0.288_302.321))] text-[color:var(--zui-dropdown-trigger-gradient-indigo-fg,oklch(87%_0.065_274.039))] dark:text-[color:var(--zui-dropdown-trigger-gradient-indigo-fg-dark,oklch(87%_0.065_274.039))]",
   "gradient-pink": "bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-pink-from,oklch(45.9%_0.187_3.815))] dark:from-[var(--zui-dropdown-trigger-gradient-pink-from-dark,oklch(59.2%_0.249_0.584))] to-[var(--zui-dropdown-trigger-gradient-pink-to,oklch(45.5%_0.188_13.697))] dark:to-[var(--zui-dropdown-trigger-gradient-pink-to-dark,oklch(58.6%_0.253_17.585))] text-[color:var(--zui-dropdown-trigger-gradient-pink-fg,oklch(89.9%_0.061_343.231))] dark:text-[color:var(--zui-dropdown-trigger-gradient-pink-fg-dark,oklch(89.9%_0.061_343.231))]",
-  "gradient-orange": "bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-orange-from,oklch(47%_0.157_37.304))] dark:from-[var(--zui-dropdown-trigger-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] to-[var(--zui-dropdown-trigger-gradient-orange-to,oklch(44.4%_0.177_26.899))] dark:to-[var(--zui-dropdown-trigger-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))] text-[color:var(--zui-dropdown-trigger-gradient-orange-fg,oklch(90.1%_0.076_70.697))] dark:text-[color:var(--zui-dropdown-trigger-gradient-orange-fg-dark,oklch(90.1%_0.076_70.697))]"
+  "gradient-orange": "bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-orange-from,oklch(47%_0.157_37.304))] dark:from-[var(--zui-dropdown-trigger-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] to-[var(--zui-dropdown-trigger-gradient-orange-to,oklch(44.4%_0.177_26.899))] dark:to-[var(--zui-dropdown-trigger-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))] text-[color:var(--zui-dropdown-trigger-gradient-orange-fg,oklch(90.1%_0.076_70.697))] dark:text-[color:var(--zui-dropdown-trigger-gradient-orange-fg-dark,oklch(90.1%_0.076_70.697))]",
+  blue: "border border-[color:var(--zui-dropdown-trigger-blue-border,#2563eb)] dark:border-[color:var(--zui-dropdown-trigger-blue-border-dark,#3b82f6)] text-[color:var(--zui-dropdown-trigger-blue-fg,#2563eb)] dark:text-[color:var(--zui-dropdown-trigger-blue-fg-dark,#3b82f6)] hover:bg-[var(--zui-dropdown-trigger-blue-bg-hover,#2563eb14)] dark:hover:bg-[var(--zui-dropdown-trigger-blue-bg-hover-dark,#3b82f624)]",
+  cyan: "border border-[color:var(--zui-dropdown-trigger-cyan-border,#0891b2)] dark:border-[color:var(--zui-dropdown-trigger-cyan-border-dark,#22d3ee)] text-[color:var(--zui-dropdown-trigger-cyan-fg,#0891b2)] dark:text-[color:var(--zui-dropdown-trigger-cyan-fg-dark,#22d3ee)] hover:bg-[var(--zui-dropdown-trigger-cyan-bg-hover,#0891b214)] dark:hover:bg-[var(--zui-dropdown-trigger-cyan-bg-hover-dark,#22d3ee24)]",
+  green: "border border-[color:var(--zui-dropdown-trigger-green-border,#16a34a)] dark:border-[color:var(--zui-dropdown-trigger-green-border-dark,#22c55e)] text-[color:var(--zui-dropdown-trigger-green-fg,#16a34a)] dark:text-[color:var(--zui-dropdown-trigger-green-fg-dark,#22c55e)] hover:bg-[var(--zui-dropdown-trigger-green-bg-hover,#16a34a14)] dark:hover:bg-[var(--zui-dropdown-trigger-green-bg-hover-dark,#22c55e24)]",
+  lime: "border border-[color:var(--zui-dropdown-trigger-lime-border,#65a30d)] dark:border-[color:var(--zui-dropdown-trigger-lime-border-dark,#a3e635)] text-[color:var(--zui-dropdown-trigger-lime-fg,#65a30d)] dark:text-[color:var(--zui-dropdown-trigger-lime-fg-dark,#a3e635)] hover:bg-[var(--zui-dropdown-trigger-lime-bg-hover,#65a30d14)] dark:hover:bg-[var(--zui-dropdown-trigger-lime-bg-hover-dark,#a3e63524)]",
+  mint: "border border-[color:var(--zui-dropdown-trigger-mint-border,#10b981)] dark:border-[color:var(--zui-dropdown-trigger-mint-border-dark,#6ee7b7)] text-[color:var(--zui-dropdown-trigger-mint-fg,#10b981)] dark:text-[color:var(--zui-dropdown-trigger-mint-fg-dark,#6ee7b7)] hover:bg-[var(--zui-dropdown-trigger-mint-bg-hover,#10b98114)] dark:hover:bg-[var(--zui-dropdown-trigger-mint-bg-hover-dark,#6ee7b724)]",
+  ocean: "border border-[color:var(--zui-dropdown-trigger-ocean-border,#0284c7)] dark:border-[color:var(--zui-dropdown-trigger-ocean-border-dark,#38bdf8)] text-[color:var(--zui-dropdown-trigger-ocean-fg,#0284c7)] dark:text-[color:var(--zui-dropdown-trigger-ocean-fg-dark,#38bdf8)] hover:bg-[var(--zui-dropdown-trigger-ocean-bg-hover,#0284c714)] dark:hover:bg-[var(--zui-dropdown-trigger-ocean-bg-hover-dark,#38bdf824)]",
+  sapphire: "border border-[color:var(--zui-dropdown-trigger-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-dropdown-trigger-sapphire-border-dark,#60a5fa)] text-[color:var(--zui-dropdown-trigger-sapphire-fg,#1d4ed8)] dark:text-[color:var(--zui-dropdown-trigger-sapphire-fg-dark,#60a5fa)] hover:bg-[var(--zui-dropdown-trigger-sapphire-bg-hover,#1d4ed814)] dark:hover:bg-[var(--zui-dropdown-trigger-sapphire-bg-hover-dark,#60a5fa24)]",
+  lavender: "border border-[color:var(--zui-dropdown-trigger-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-dropdown-trigger-lavender-border-dark,#a78bfa)] text-[color:var(--zui-dropdown-trigger-lavender-fg,#8b5cf6)] dark:text-[color:var(--zui-dropdown-trigger-lavender-fg-dark,#a78bfa)] hover:bg-[var(--zui-dropdown-trigger-lavender-bg-hover,#8b5cf614)] dark:hover:bg-[var(--zui-dropdown-trigger-lavender-bg-hover-dark,#a78bfa24)]",
+  ruby: "border border-[color:var(--zui-dropdown-trigger-ruby-border,#be123c)] dark:border-[color:var(--zui-dropdown-trigger-ruby-border-dark,#fb7185)] text-[color:var(--zui-dropdown-trigger-ruby-fg,#be123c)] dark:text-[color:var(--zui-dropdown-trigger-ruby-fg-dark,#fb7185)] hover:bg-[var(--zui-dropdown-trigger-ruby-bg-hover,#be123c14)] dark:hover:bg-[var(--zui-dropdown-trigger-ruby-bg-hover-dark,#fb718524)]",
+  red: "border border-[color:var(--zui-dropdown-trigger-red-border,#dc2626)] dark:border-[color:var(--zui-dropdown-trigger-red-border-dark,#ef4444)] text-[color:var(--zui-dropdown-trigger-red-fg,#dc2626)] dark:text-[color:var(--zui-dropdown-trigger-red-fg-dark,#ef4444)] hover:bg-[var(--zui-dropdown-trigger-red-bg-hover,#dc262614)] dark:hover:bg-[var(--zui-dropdown-trigger-red-bg-hover-dark,#ef444424)]",
+  slate: "border border-[color:var(--zui-dropdown-trigger-slate-border,#475569)] dark:border-[color:var(--zui-dropdown-trigger-slate-border-dark,#64748b)] text-[color:var(--zui-dropdown-trigger-slate-fg,#475569)] dark:text-[color:var(--zui-dropdown-trigger-slate-fg-dark,#64748b)] hover:bg-[var(--zui-dropdown-trigger-slate-bg-hover,#47556914)] dark:hover:bg-[var(--zui-dropdown-trigger-slate-bg-hover-dark,#64748b24)]",
+  zinc: "border border-[color:var(--zui-dropdown-trigger-zinc-border,#52525b)] dark:border-[color:var(--zui-dropdown-trigger-zinc-border-dark,#71717a)] text-[color:var(--zui-dropdown-trigger-zinc-fg,#52525b)] dark:text-[color:var(--zui-dropdown-trigger-zinc-fg-dark,#71717a)] hover:bg-[var(--zui-dropdown-trigger-zinc-bg-hover,#52525b14)] dark:hover:bg-[var(--zui-dropdown-trigger-zinc-bg-hover-dark,#71717a24)]",
+  stone: "border border-[color:var(--zui-dropdown-trigger-stone-border,#57534e)] dark:border-[color:var(--zui-dropdown-trigger-stone-border-dark,#78716c)] text-[color:var(--zui-dropdown-trigger-stone-fg,#57534e)] dark:text-[color:var(--zui-dropdown-trigger-stone-fg-dark,#78716c)] hover:bg-[var(--zui-dropdown-trigger-stone-bg-hover,#57534e14)] dark:hover:bg-[var(--zui-dropdown-trigger-stone-bg-hover-dark,#78716c24)]",
+  royal: "border border-[color:var(--zui-dropdown-trigger-royal-border,#4338ca)] dark:border-[color:var(--zui-dropdown-trigger-royal-border-dark,#818cf8)] text-[color:var(--zui-dropdown-trigger-royal-fg,#4338ca)] dark:text-[color:var(--zui-dropdown-trigger-royal-fg-dark,#818cf8)] hover:bg-[var(--zui-dropdown-trigger-royal-bg-hover,#4338ca14)] dark:hover:bg-[var(--zui-dropdown-trigger-royal-bg-hover-dark,#818cf824)]",
+  electric: "border border-[color:var(--zui-dropdown-trigger-electric-border,#0ea5e9)] dark:border-[color:var(--zui-dropdown-trigger-electric-border-dark,#38bdf8)] text-[color:var(--zui-dropdown-trigger-electric-fg,#0ea5e9)] dark:text-[color:var(--zui-dropdown-trigger-electric-fg-dark,#38bdf8)] hover:bg-[var(--zui-dropdown-trigger-electric-bg-hover,#0ea5e914)] dark:hover:bg-[var(--zui-dropdown-trigger-electric-bg-hover-dark,#38bdf824)]",
+  forest: "border border-[color:var(--zui-dropdown-trigger-forest-border,#166534)] dark:border-[color:var(--zui-dropdown-trigger-forest-border-dark,#4ade80)] text-[color:var(--zui-dropdown-trigger-forest-fg,#166534)] dark:text-[color:var(--zui-dropdown-trigger-forest-fg-dark,#4ade80)] hover:bg-[var(--zui-dropdown-trigger-forest-bg-hover,#16653414)] dark:hover:bg-[var(--zui-dropdown-trigger-forest-bg-hover-dark,#4ade8024)]",
+  sunset: "border border-[color:var(--zui-dropdown-trigger-sunset-border,#ea580c)] dark:border-[color:var(--zui-dropdown-trigger-sunset-border-dark,#fb923c)] text-[color:var(--zui-dropdown-trigger-sunset-fg,#ea580c)] dark:text-[color:var(--zui-dropdown-trigger-sunset-fg-dark,#fb923c)] hover:bg-[var(--zui-dropdown-trigger-sunset-bg-hover,#ea580c14)] dark:hover:bg-[var(--zui-dropdown-trigger-sunset-bg-hover-dark,#fb923c24)]",
+  magenta: "border border-[color:var(--zui-dropdown-trigger-magenta-border,#c026d3)] dark:border-[color:var(--zui-dropdown-trigger-magenta-border-dark,#e879f9)] text-[color:var(--zui-dropdown-trigger-magenta-fg,#c026d3)] dark:text-[color:var(--zui-dropdown-trigger-magenta-fg-dark,#e879f9)] hover:bg-[var(--zui-dropdown-trigger-magenta-bg-hover,#c026d314)] dark:hover:bg-[var(--zui-dropdown-trigger-magenta-bg-hover-dark,#e879f924)]",
+  crimson: "border border-[color:var(--zui-dropdown-trigger-crimson-border,#b91c1c)] dark:border-[color:var(--zui-dropdown-trigger-crimson-border-dark,#f87171)] text-[color:var(--zui-dropdown-trigger-crimson-fg,#b91c1c)] dark:text-[color:var(--zui-dropdown-trigger-crimson-fg-dark,#f87171)] hover:bg-[var(--zui-dropdown-trigger-crimson-bg-hover,#b91c1c14)] dark:hover:bg-[var(--zui-dropdown-trigger-crimson-bg-hover-dark,#f8717124)]",
+  aqua: "border border-[color:var(--zui-dropdown-trigger-aqua-border,#0f766e)] dark:border-[color:var(--zui-dropdown-trigger-aqua-border-dark,#2dd4bf)] text-[color:var(--zui-dropdown-trigger-aqua-fg,#0f766e)] dark:text-[color:var(--zui-dropdown-trigger-aqua-fg-dark,#2dd4bf)] hover:bg-[var(--zui-dropdown-trigger-aqua-bg-hover,#0f766e14)] dark:hover:bg-[var(--zui-dropdown-trigger-aqua-bg-hover-dark,#2dd4bf24)]",
+  plum: "border border-[color:var(--zui-dropdown-trigger-plum-border,#7e22ce)] dark:border-[color:var(--zui-dropdown-trigger-plum-border-dark,#c084fc)] text-[color:var(--zui-dropdown-trigger-plum-fg,#7e22ce)] dark:text-[color:var(--zui-dropdown-trigger-plum-fg-dark,#c084fc)] hover:bg-[var(--zui-dropdown-trigger-plum-bg-hover,#7e22ce14)] dark:hover:bg-[var(--zui-dropdown-trigger-plum-bg-hover-dark,#c084fc24)]"
 };
 var zuiDropdownTriggerSizes = {
   sm: "px-2 py-1 text-sm",
@@ -77,7 +98,28 @@ var zuiDropdownItemVariants = {
   "gradient-teal": "hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-teal-from,oklch(43.7%_0.078_188.216))] dark:from-[var(--zui-dropdown-item-gradient-teal-from-dark,oklch(60%_0.118_184.704))] to-[var(--zui-dropdown-item-gradient-teal-to,oklch(45%_0.085_224.283))] dark:to-[var(--zui-dropdown-item-gradient-teal-to-dark,oklch(60.9%_0.126_221.723))] hover:text-[color:var(--zui-dropdown-item-gradient-teal-fg-hover,oklch(70.4%_0.14_182.503))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-teal-fg-hover-dark,oklch(38.6%_0.063_188.416))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-teal-from,oklch(91%_0.096_180.426))] to-[var(--zui-dropdown-item-gradient-teal-to,oklch(91.7%_0.08_205.041))] text-[color:var(--zui-dropdown-item-gradient-teal-fg,oklch(38.6%_0.063_188.416))] dark:text-[color:var(--zui-dropdown-item-gradient-teal-fg-dark,oklch(91%_0.096_180.426))]",
   "gradient-indigo": "hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-indigo-from,oklch(39.8%_0.195_277.366))] dark:from-[var(--zui-dropdown-item-gradient-indigo-from-dark,oklch(51.1%_0.262_276.966))] to-[var(--zui-dropdown-item-gradient-indigo-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-dropdown-item-gradient-indigo-to-dark,oklch(55.8%_0.288_302.321))] hover:text-[color:var(--zui-dropdown-item-gradient-indigo-fg-hover,oklch(58.5%_0.233_277.117))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-indigo-fg-hover-dark,oklch(35.9%_0.144_278.697))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-indigo-from,oklch(87%_0.065_274.039))] to-[var(--zui-dropdown-item-gradient-indigo-to,oklch(90.2%_0.063_306.703))] text-[color:var(--zui-dropdown-item-gradient-indigo-fg,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-dropdown-item-gradient-indigo-fg-dark,oklch(87%_0.065_274.039))]",
   "gradient-pink": "hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-pink-from,oklch(45.9%_0.187_3.815))] dark:from-[var(--zui-dropdown-item-gradient-pink-from-dark,oklch(59.2%_0.249_0.584))] to-[var(--zui-dropdown-item-gradient-pink-to,oklch(45.5%_0.188_13.697))] dark:to-[var(--zui-dropdown-item-gradient-pink-to-dark,oklch(58.6%_0.253_17.585))] hover:text-[color:var(--zui-dropdown-item-gradient-pink-fg-hover,oklch(65.6%_0.241_354.308))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-pink-fg-hover-dark,oklch(40.8%_0.153_2.432))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-pink-from,oklch(89.9%_0.061_343.231))] to-[var(--zui-dropdown-item-gradient-pink-to,oklch(89.2%_0.058_10.001))] text-[color:var(--zui-dropdown-item-gradient-pink-fg,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-dropdown-item-gradient-pink-fg-dark,oklch(89.9%_0.061_343.231))]",
-  "gradient-orange": "hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-orange-from,oklch(47%_0.157_37.304))] dark:from-[var(--zui-dropdown-item-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] to-[var(--zui-dropdown-item-gradient-orange-to,oklch(44.4%_0.177_26.899))] dark:to-[var(--zui-dropdown-item-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))] hover:text-[color:var(--zui-dropdown-item-gradient-orange-fg-hover,oklch(70.5%_0.213_47.604))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-orange-fg-hover-dark,oklch(40.8%_0.123_38.172))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-orange-from,oklch(90.1%_0.076_70.697))] to-[var(--zui-dropdown-item-gradient-orange-to,oklch(88.5%_0.062_18.334))] text-[color:var(--zui-dropdown-item-gradient-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-dropdown-item-gradient-orange-fg-dark,oklch(90.1%_0.076_70.697))]"
+  "gradient-orange": "hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-orange-from,oklch(47%_0.157_37.304))] dark:from-[var(--zui-dropdown-item-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] to-[var(--zui-dropdown-item-gradient-orange-to,oklch(44.4%_0.177_26.899))] dark:to-[var(--zui-dropdown-item-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))] hover:text-[color:var(--zui-dropdown-item-gradient-orange-fg-hover,oklch(70.5%_0.213_47.604))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-orange-fg-hover-dark,oklch(40.8%_0.123_38.172))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-orange-from,oklch(90.1%_0.076_70.697))] to-[var(--zui-dropdown-item-gradient-orange-to,oklch(88.5%_0.062_18.334))] text-[color:var(--zui-dropdown-item-gradient-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-dropdown-item-gradient-orange-fg-dark,oklch(90.1%_0.076_70.697))]",
+  blue: "hover:bg-[var(--zui-dropdown-item-blue-bg-hover,#2563eb18)] dark:hover:bg-[var(--zui-dropdown-item-blue-bg-hover-dark,#3b82f62e)] hover:text-[color:var(--zui-dropdown-item-blue-fg-hover,#2563eb)] dark:hover:text-[color:var(--zui-dropdown-item-blue-fg-hover-dark,#3b82f6)] bg-[var(--zui-dropdown-item-blue-bg,#2563eb10)] dark:bg-[var(--zui-dropdown-item-blue-bg-dark,#3b82f61f)] text-[color:var(--zui-dropdown-item-blue-fg,#2563eb)] dark:text-[color:var(--zui-dropdown-item-blue-fg-dark,#3b82f6)]",
+  cyan: "hover:bg-[var(--zui-dropdown-item-cyan-bg-hover,#0891b218)] dark:hover:bg-[var(--zui-dropdown-item-cyan-bg-hover-dark,#22d3ee2e)] hover:text-[color:var(--zui-dropdown-item-cyan-fg-hover,#0891b2)] dark:hover:text-[color:var(--zui-dropdown-item-cyan-fg-hover-dark,#22d3ee)] bg-[var(--zui-dropdown-item-cyan-bg,#0891b210)] dark:bg-[var(--zui-dropdown-item-cyan-bg-dark,#22d3ee1f)] text-[color:var(--zui-dropdown-item-cyan-fg,#0891b2)] dark:text-[color:var(--zui-dropdown-item-cyan-fg-dark,#22d3ee)]",
+  green: "hover:bg-[var(--zui-dropdown-item-green-bg-hover,#16a34a18)] dark:hover:bg-[var(--zui-dropdown-item-green-bg-hover-dark,#22c55e2e)] hover:text-[color:var(--zui-dropdown-item-green-fg-hover,#16a34a)] dark:hover:text-[color:var(--zui-dropdown-item-green-fg-hover-dark,#22c55e)] bg-[var(--zui-dropdown-item-green-bg,#16a34a10)] dark:bg-[var(--zui-dropdown-item-green-bg-dark,#22c55e1f)] text-[color:var(--zui-dropdown-item-green-fg,#16a34a)] dark:text-[color:var(--zui-dropdown-item-green-fg-dark,#22c55e)]",
+  lime: "hover:bg-[var(--zui-dropdown-item-lime-bg-hover,#65a30d18)] dark:hover:bg-[var(--zui-dropdown-item-lime-bg-hover-dark,#a3e6352e)] hover:text-[color:var(--zui-dropdown-item-lime-fg-hover,#65a30d)] dark:hover:text-[color:var(--zui-dropdown-item-lime-fg-hover-dark,#a3e635)] bg-[var(--zui-dropdown-item-lime-bg,#65a30d10)] dark:bg-[var(--zui-dropdown-item-lime-bg-dark,#a3e6351f)] text-[color:var(--zui-dropdown-item-lime-fg,#65a30d)] dark:text-[color:var(--zui-dropdown-item-lime-fg-dark,#a3e635)]",
+  mint: "hover:bg-[var(--zui-dropdown-item-mint-bg-hover,#10b98118)] dark:hover:bg-[var(--zui-dropdown-item-mint-bg-hover-dark,#6ee7b72e)] hover:text-[color:var(--zui-dropdown-item-mint-fg-hover,#10b981)] dark:hover:text-[color:var(--zui-dropdown-item-mint-fg-hover-dark,#6ee7b7)] bg-[var(--zui-dropdown-item-mint-bg,#10b98110)] dark:bg-[var(--zui-dropdown-item-mint-bg-dark,#6ee7b71f)] text-[color:var(--zui-dropdown-item-mint-fg,#10b981)] dark:text-[color:var(--zui-dropdown-item-mint-fg-dark,#6ee7b7)]",
+  ocean: "hover:bg-[var(--zui-dropdown-item-ocean-bg-hover,#0284c718)] dark:hover:bg-[var(--zui-dropdown-item-ocean-bg-hover-dark,#38bdf82e)] hover:text-[color:var(--zui-dropdown-item-ocean-fg-hover,#0284c7)] dark:hover:text-[color:var(--zui-dropdown-item-ocean-fg-hover-dark,#38bdf8)] bg-[var(--zui-dropdown-item-ocean-bg,#0284c710)] dark:bg-[var(--zui-dropdown-item-ocean-bg-dark,#38bdf81f)] text-[color:var(--zui-dropdown-item-ocean-fg,#0284c7)] dark:text-[color:var(--zui-dropdown-item-ocean-fg-dark,#38bdf8)]",
+  sapphire: "hover:bg-[var(--zui-dropdown-item-sapphire-bg-hover,#1d4ed818)] dark:hover:bg-[var(--zui-dropdown-item-sapphire-bg-hover-dark,#60a5fa2e)] hover:text-[color:var(--zui-dropdown-item-sapphire-fg-hover,#1d4ed8)] dark:hover:text-[color:var(--zui-dropdown-item-sapphire-fg-hover-dark,#60a5fa)] bg-[var(--zui-dropdown-item-sapphire-bg,#1d4ed810)] dark:bg-[var(--zui-dropdown-item-sapphire-bg-dark,#60a5fa1f)] text-[color:var(--zui-dropdown-item-sapphire-fg,#1d4ed8)] dark:text-[color:var(--zui-dropdown-item-sapphire-fg-dark,#60a5fa)]",
+  lavender: "hover:bg-[var(--zui-dropdown-item-lavender-bg-hover,#8b5cf618)] dark:hover:bg-[var(--zui-dropdown-item-lavender-bg-hover-dark,#a78bfa2e)] hover:text-[color:var(--zui-dropdown-item-lavender-fg-hover,#8b5cf6)] dark:hover:text-[color:var(--zui-dropdown-item-lavender-fg-hover-dark,#a78bfa)] bg-[var(--zui-dropdown-item-lavender-bg,#8b5cf610)] dark:bg-[var(--zui-dropdown-item-lavender-bg-dark,#a78bfa1f)] text-[color:var(--zui-dropdown-item-lavender-fg,#8b5cf6)] dark:text-[color:var(--zui-dropdown-item-lavender-fg-dark,#a78bfa)]",
+  ruby: "hover:bg-[var(--zui-dropdown-item-ruby-bg-hover,#be123c18)] dark:hover:bg-[var(--zui-dropdown-item-ruby-bg-hover-dark,#fb71852e)] hover:text-[color:var(--zui-dropdown-item-ruby-fg-hover,#be123c)] dark:hover:text-[color:var(--zui-dropdown-item-ruby-fg-hover-dark,#fb7185)] bg-[var(--zui-dropdown-item-ruby-bg,#be123c10)] dark:bg-[var(--zui-dropdown-item-ruby-bg-dark,#fb71851f)] text-[color:var(--zui-dropdown-item-ruby-fg,#be123c)] dark:text-[color:var(--zui-dropdown-item-ruby-fg-dark,#fb7185)]",
+  red: "hover:bg-[var(--zui-dropdown-item-red-bg-hover,#dc262618)] dark:hover:bg-[var(--zui-dropdown-item-red-bg-hover-dark,#ef44442e)] hover:text-[color:var(--zui-dropdown-item-red-fg-hover,#dc2626)] dark:hover:text-[color:var(--zui-dropdown-item-red-fg-hover-dark,#ef4444)] bg-[var(--zui-dropdown-item-red-bg,#dc262610)] dark:bg-[var(--zui-dropdown-item-red-bg-dark,#ef44441f)] text-[color:var(--zui-dropdown-item-red-fg,#dc2626)] dark:text-[color:var(--zui-dropdown-item-red-fg-dark,#ef4444)]",
+  slate: "hover:bg-[var(--zui-dropdown-item-slate-bg-hover,#47556918)] dark:hover:bg-[var(--zui-dropdown-item-slate-bg-hover-dark,#64748b2e)] hover:text-[color:var(--zui-dropdown-item-slate-fg-hover,#475569)] dark:hover:text-[color:var(--zui-dropdown-item-slate-fg-hover-dark,#64748b)] bg-[var(--zui-dropdown-item-slate-bg,#47556910)] dark:bg-[var(--zui-dropdown-item-slate-bg-dark,#64748b1f)] text-[color:var(--zui-dropdown-item-slate-fg,#475569)] dark:text-[color:var(--zui-dropdown-item-slate-fg-dark,#64748b)]",
+  zinc: "hover:bg-[var(--zui-dropdown-item-zinc-bg-hover,#52525b18)] dark:hover:bg-[var(--zui-dropdown-item-zinc-bg-hover-dark,#71717a2e)] hover:text-[color:var(--zui-dropdown-item-zinc-fg-hover,#52525b)] dark:hover:text-[color:var(--zui-dropdown-item-zinc-fg-hover-dark,#71717a)] bg-[var(--zui-dropdown-item-zinc-bg,#52525b10)] dark:bg-[var(--zui-dropdown-item-zinc-bg-dark,#71717a1f)] text-[color:var(--zui-dropdown-item-zinc-fg,#52525b)] dark:text-[color:var(--zui-dropdown-item-zinc-fg-dark,#71717a)]",
+  stone: "hover:bg-[var(--zui-dropdown-item-stone-bg-hover,#57534e18)] dark:hover:bg-[var(--zui-dropdown-item-stone-bg-hover-dark,#78716c2e)] hover:text-[color:var(--zui-dropdown-item-stone-fg-hover,#57534e)] dark:hover:text-[color:var(--zui-dropdown-item-stone-fg-hover-dark,#78716c)] bg-[var(--zui-dropdown-item-stone-bg,#57534e10)] dark:bg-[var(--zui-dropdown-item-stone-bg-dark,#78716c1f)] text-[color:var(--zui-dropdown-item-stone-fg,#57534e)] dark:text-[color:var(--zui-dropdown-item-stone-fg-dark,#78716c)]",
+  royal: "hover:bg-[var(--zui-dropdown-item-royal-bg-hover,#4338ca18)] dark:hover:bg-[var(--zui-dropdown-item-royal-bg-hover-dark,#818cf82e)] hover:text-[color:var(--zui-dropdown-item-royal-fg-hover,#4338ca)] dark:hover:text-[color:var(--zui-dropdown-item-royal-fg-hover-dark,#818cf8)] bg-[var(--zui-dropdown-item-royal-bg,#4338ca10)] dark:bg-[var(--zui-dropdown-item-royal-bg-dark,#818cf81f)] text-[color:var(--zui-dropdown-item-royal-fg,#4338ca)] dark:text-[color:var(--zui-dropdown-item-royal-fg-dark,#818cf8)]",
+  electric: "hover:bg-[var(--zui-dropdown-item-electric-bg-hover,#0ea5e918)] dark:hover:bg-[var(--zui-dropdown-item-electric-bg-hover-dark,#38bdf82e)] hover:text-[color:var(--zui-dropdown-item-electric-fg-hover,#0ea5e9)] dark:hover:text-[color:var(--zui-dropdown-item-electric-fg-hover-dark,#38bdf8)] bg-[var(--zui-dropdown-item-electric-bg,#0ea5e910)] dark:bg-[var(--zui-dropdown-item-electric-bg-dark,#38bdf81f)] text-[color:var(--zui-dropdown-item-electric-fg,#0ea5e9)] dark:text-[color:var(--zui-dropdown-item-electric-fg-dark,#38bdf8)]",
+  forest: "hover:bg-[var(--zui-dropdown-item-forest-bg-hover,#16653418)] dark:hover:bg-[var(--zui-dropdown-item-forest-bg-hover-dark,#4ade802e)] hover:text-[color:var(--zui-dropdown-item-forest-fg-hover,#166534)] dark:hover:text-[color:var(--zui-dropdown-item-forest-fg-hover-dark,#4ade80)] bg-[var(--zui-dropdown-item-forest-bg,#16653410)] dark:bg-[var(--zui-dropdown-item-forest-bg-dark,#4ade801f)] text-[color:var(--zui-dropdown-item-forest-fg,#166534)] dark:text-[color:var(--zui-dropdown-item-forest-fg-dark,#4ade80)]",
+  sunset: "hover:bg-[var(--zui-dropdown-item-sunset-bg-hover,#ea580c18)] dark:hover:bg-[var(--zui-dropdown-item-sunset-bg-hover-dark,#fb923c2e)] hover:text-[color:var(--zui-dropdown-item-sunset-fg-hover,#ea580c)] dark:hover:text-[color:var(--zui-dropdown-item-sunset-fg-hover-dark,#fb923c)] bg-[var(--zui-dropdown-item-sunset-bg,#ea580c10)] dark:bg-[var(--zui-dropdown-item-sunset-bg-dark,#fb923c1f)] text-[color:var(--zui-dropdown-item-sunset-fg,#ea580c)] dark:text-[color:var(--zui-dropdown-item-sunset-fg-dark,#fb923c)]",
+  magenta: "hover:bg-[var(--zui-dropdown-item-magenta-bg-hover,#c026d318)] dark:hover:bg-[var(--zui-dropdown-item-magenta-bg-hover-dark,#e879f92e)] hover:text-[color:var(--zui-dropdown-item-magenta-fg-hover,#c026d3)] dark:hover:text-[color:var(--zui-dropdown-item-magenta-fg-hover-dark,#e879f9)] bg-[var(--zui-dropdown-item-magenta-bg,#c026d310)] dark:bg-[var(--zui-dropdown-item-magenta-bg-dark,#e879f91f)] text-[color:var(--zui-dropdown-item-magenta-fg,#c026d3)] dark:text-[color:var(--zui-dropdown-item-magenta-fg-dark,#e879f9)]",
+  crimson: "hover:bg-[var(--zui-dropdown-item-crimson-bg-hover,#b91c1c18)] dark:hover:bg-[var(--zui-dropdown-item-crimson-bg-hover-dark,#f871712e)] hover:text-[color:var(--zui-dropdown-item-crimson-fg-hover,#b91c1c)] dark:hover:text-[color:var(--zui-dropdown-item-crimson-fg-hover-dark,#f87171)] bg-[var(--zui-dropdown-item-crimson-bg,#b91c1c10)] dark:bg-[var(--zui-dropdown-item-crimson-bg-dark,#f871711f)] text-[color:var(--zui-dropdown-item-crimson-fg,#b91c1c)] dark:text-[color:var(--zui-dropdown-item-crimson-fg-dark,#f87171)]",
+  aqua: "hover:bg-[var(--zui-dropdown-item-aqua-bg-hover,#0f766e18)] dark:hover:bg-[var(--zui-dropdown-item-aqua-bg-hover-dark,#2dd4bf2e)] hover:text-[color:var(--zui-dropdown-item-aqua-fg-hover,#0f766e)] dark:hover:text-[color:var(--zui-dropdown-item-aqua-fg-hover-dark,#2dd4bf)] bg-[var(--zui-dropdown-item-aqua-bg,#0f766e10)] dark:bg-[var(--zui-dropdown-item-aqua-bg-dark,#2dd4bf1f)] text-[color:var(--zui-dropdown-item-aqua-fg,#0f766e)] dark:text-[color:var(--zui-dropdown-item-aqua-fg-dark,#2dd4bf)]",
+  plum: "hover:bg-[var(--zui-dropdown-item-plum-bg-hover,#7e22ce18)] dark:hover:bg-[var(--zui-dropdown-item-plum-bg-hover-dark,#c084fc2e)] hover:text-[color:var(--zui-dropdown-item-plum-fg-hover,#7e22ce)] dark:hover:text-[color:var(--zui-dropdown-item-plum-fg-hover-dark,#c084fc)] bg-[var(--zui-dropdown-item-plum-bg,#7e22ce10)] dark:bg-[var(--zui-dropdown-item-plum-bg-dark,#c084fc1f)] text-[color:var(--zui-dropdown-item-plum-fg,#7e22ce)] dark:text-[color:var(--zui-dropdown-item-plum-fg-dark,#c084fc)]"
 };
 
 exports.zuiDropdownContentBase = zuiDropdownContentBase;
@@ -88,5 +130,5 @@ exports.zuiDropdownSpacing = zuiDropdownSpacing;
 exports.zuiDropdownTriggerBase = zuiDropdownTriggerBase;
 exports.zuiDropdownTriggerSizes = zuiDropdownTriggerSizes;
 exports.zuiDropdownTriggerVariants = zuiDropdownTriggerVariants;
-//# sourceMappingURL=chunk-ZX2IBIZT.js.map
-//# sourceMappingURL=chunk-ZX2IBIZT.js.map
+//# sourceMappingURL=chunk-FWY22BZZ.js.map
+//# sourceMappingURL=chunk-FWY22BZZ.js.map

package/dist/chunk-FWY22BZZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/dropdown.ts"],"names":[],"mappings":"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","file":"chunk-FWY22BZZ.js","sourcesContent":["export const zuiDropdownTriggerBase =\n  \"inline-flex items-center justify-between rounded-md font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-dropdown-trigger-ring-focus,oklch(55.1%_0.027_264.364_/_0.6))] dark:focus-visible:ring-[var(--zui-dropdown-trigger-ring-focus-dark,oklch(55.1%_0.027_264.364_/_0.6))] cursor-pointer\";\n\nexport const zuiDropdownTriggerVariants = {\n  default:\n    \"bg-[var(--zui-dropdown-trigger-default-bg,oklch(92.8%_0.006_264.531))] dark:bg-[var(--zui-dropdown-trigger-default-bg-dark,oklch(21%_0.034_264.665))] text-[color:var(--zui-dropdown-trigger-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-dropdown-trigger-default-fg-dark,#ffffff)]\",\n  outline:\n    \"border border-[color:var(--zui-dropdown-trigger-outline-border,oklch(37.3%_0.034_259.733))] dark:border-[color:var(--zui-dropdown-trigger-outline-border-dark,oklch(87.2%_0.01_258.338))] text-[color:var(--zui-dropdown-trigger-outline-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-dropdown-trigger-outline-fg-dark,oklch(96.7%_0.003_264.542))]\",\n  ghost:\n    \"bg-[var(--zui-dropdown-trigger-ghost-bg,transparent)] dark:bg-[var(--zui-dropdown-trigger-ghost-bg-dark,transparent)] text-[color:var(--zui-dropdown-trigger-ghost-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-dropdown-trigger-ghost-fg-dark,oklch(96.7%_0.003_264.542))]\",\n  white:\n    \"bg-[var(--zui-dropdown-trigger-white-bg,#ffffff)] dark:bg-[var(--zui-dropdown-trigger-white-bg-dark,#ffffff)] text-[color:var(--zui-dropdown-trigger-white-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-dropdown-trigger-white-fg-dark,oklch(21%_0.034_264.665))]\",\n  black:\n    \"bg-[var(--zui-dropdown-trigger-black-bg,#000000)] dark:bg-[var(--zui-dropdown-trigger-black-bg-dark,#000000)] text-[color:var(--zui-dropdown-trigger-black-fg,#ffffff)] dark:text-[color:var(--zui-dropdown-trigger-black-fg-dark,#ffffff)]\",\n  sky: \"border border-[color:var(--zui-dropdown-trigger-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-dropdown-trigger-sky-border-dark,oklch(58.8%_0.158_241.966))] text-[color:var(--zui-dropdown-trigger-sky-fg,oklch(44.3%_0.11_240.79))] dark:text-[color:var(--zui-dropdown-trigger-sky-fg-dark,oklch(58.8%_0.158_241.966))]\",\n  rose: \"border border-[color:var(--zui-dropdown-trigger-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-dropdown-trigger-rose-border-dark,oklch(58.6%_0.253_17.585))] text-[color:var(--zui-dropdown-trigger-rose-fg,oklch(45.5%_0.188_13.697))] dark:text-[color:var(--zui-dropdown-trigger-rose-fg-dark,oklch(58.6%_0.253_17.585))]\",\n  purple:\n    \"border border-[color:var(--zui-dropdown-trigger-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-dropdown-trigger-purple-border-dark,oklch(55.8%_0.288_302.321))] text-[color:var(--zui-dropdown-trigger-purple-fg,oklch(43.8%_0.218_303.724))] dark:text-[color:var(--zui-dropdown-trigger-purple-fg-dark,oklch(55.8%_0.288_302.321))]\",\n  pink: \"border border-[color:var(--zui-dropdown-trigger-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-dropdown-trigger-pink-border-dark,oklch(59.2%_0.249_0.584))] text-[color:var(--zui-dropdown-trigger-pink-fg,oklch(45.9%_0.187_3.815))] dark:text-[color:var(--zui-dropdown-trigger-pink-fg-dark,oklch(59.2%_0.249_0.584))]\",\n  orange:\n    \"border border-[color:var(--zui-dropdown-trigger-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-dropdown-trigger-orange-border-dark,oklch(64.6%_0.222_41.116))] text-[color:var(--zui-dropdown-trigger-orange-fg,oklch(47%_0.157_37.304))] dark:text-[color:var(--zui-dropdown-trigger-orange-fg-dark,oklch(64.6%_0.222_41.116))]\",\n  yellow:\n    \"border border-[color:var(--zui-dropdown-trigger-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-dropdown-trigger-yellow-border-dark,oklch(68.1%_0.162_75.834))] text-[color:var(--zui-dropdown-trigger-yellow-fg,oklch(47.6%_0.114_61.907))] dark:text-[color:var(--zui-dropdown-trigger-yellow-fg-dark,oklch(68.1%_0.162_75.834))]\",\n  teal: \"border border-[color:var(--zui-dropdown-trigger-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-dropdown-trigger-teal-border-dark,oklch(60%_0.118_184.704))] text-[color:var(--zui-dropdown-trigger-teal-fg,oklch(43.7%_0.078_188.216))] dark:text-[color:var(--zui-dropdown-trigger-teal-fg-dark,oklch(60%_0.118_184.704))]\",\n  indigo:\n    \"border border-[color:var(--zui-dropdown-trigger-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-dropdown-trigger-indigo-border-dark,oklch(51.1%_0.262_276.966))] text-[color:var(--zui-dropdown-trigger-indigo-fg,oklch(39.8%_0.195_277.366))] dark:text-[color:var(--zui-dropdown-trigger-indigo-fg-dark,oklch(51.1%_0.262_276.966))]\",\n  emerald:\n    \"border border-[color:var(--zui-dropdown-trigger-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-dropdown-trigger-emerald-border-dark,oklch(59.6%_0.145_163.225))] text-[color:var(--zui-dropdown-trigger-emerald-fg,oklch(43.2%_0.095_166.913))] dark:text-[color:var(--zui-dropdown-trigger-emerald-fg-dark,oklch(59.6%_0.145_163.225))]\",\n  gray: \"border border-[color:var(--zui-dropdown-trigger-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-dropdown-trigger-gray-border-dark,oklch(44.6%_0.03_256.802))] text-[color:var(--zui-dropdown-trigger-gray-fg,oklch(27.8%_0.033_256.848))] dark:text-[color:var(--zui-dropdown-trigger-gray-fg-dark,oklch(44.6%_0.03_256.802))]\",\n  amber:\n    \"border border-[color:var(--zui-dropdown-trigger-amber-border,oklch(47.3%_0.137_46.201))] dark:border-[color:var(--zui-dropdown-trigger-amber-border-dark,oklch(66.6%_0.179_58.318))] text-[color:var(--zui-dropdown-trigger-amber-fg,oklch(47.3%_0.137_46.201))] dark:text-[color:var(--zui-dropdown-trigger-amber-fg-dark,oklch(66.6%_0.179_58.318))]\",\n  violet:\n    \"border border-[color:var(--zui-dropdown-trigger-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-dropdown-trigger-violet-border-dark,oklch(54.1%_0.281_293.009))] text-[color:var(--zui-dropdown-trigger-violet-fg,oklch(43.2%_0.232_292.759))] dark:text-[color:var(--zui-dropdown-trigger-violet-fg-dark,oklch(54.1%_0.281_293.009))]\",\n  \"gradient-blue\":\n    \"bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-blue-from,oklch(42.4%_0.199_265.638))] dark:from-[var(--zui-dropdown-trigger-gradient-blue-from-dark,oklch(54.6%_0.245_262.881))] to-[var(--zui-dropdown-trigger-gradient-blue-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-dropdown-trigger-gradient-blue-to-dark,oklch(55.8%_0.288_302.321))] text-[color:var(--zui-dropdown-trigger-gradient-blue-fg,oklch(88.2%_0.059_254.128))] dark:text-[color:var(--zui-dropdown-trigger-gradient-blue-fg-dark,oklch(88.2%_0.059_254.128))]\",\n  \"gradient-green\":\n    \"bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-green-from,oklch(44.8%_0.119_151.328))] dark:from-[var(--zui-dropdown-trigger-gradient-green-from-dark,oklch(62.7%_0.194_149.214))] to-[var(--zui-dropdown-trigger-gradient-green-to,oklch(45.3%_0.124_130.933))] dark:to-[var(--zui-dropdown-trigger-gradient-green-to-dark,oklch(64.8%_0.2_131.684))] text-[color:var(--zui-dropdown-trigger-gradient-green-fg,oklch(92.5%_0.084_155.995))] dark:text-[color:var(--zui-dropdown-trigger-gradient-green-fg-dark,oklch(92.5%_0.084_155.995))]\",\n  \"gradient-red\":\n    \"bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-red-from,oklch(44.4%_0.177_26.899))] dark:from-[var(--zui-dropdown-trigger-gradient-red-from-dark,oklch(57.7%_0.245_27.325))] to-[var(--zui-dropdown-trigger-gradient-red-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-dropdown-trigger-gradient-red-to-dark,oklch(59.2%_0.249_0.584))] text-[color:var(--zui-dropdown-trigger-gradient-red-fg,oklch(88.5%_0.062_18.334))] dark:text-[color:var(--zui-dropdown-trigger-gradient-red-fg-dark,oklch(88.5%_0.062_18.334))]\",\n  \"gradient-yellow\":\n    \"bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-yellow-from,oklch(47.6%_0.114_61.907))] dark:from-[var(--zui-dropdown-trigger-gradient-yellow-from-dark,oklch(68.1%_0.162_75.834))] to-[var(--zui-dropdown-trigger-gradient-yellow-to,oklch(47%_0.157_37.304))] dark:to-[var(--zui-dropdown-trigger-gradient-yellow-to-dark,oklch(64.6%_0.222_41.116))] text-[color:var(--zui-dropdown-trigger-gradient-yellow-fg,oklch(94.5%_0.129_101.54))] dark:text-[color:var(--zui-dropdown-trigger-gradient-yellow-fg-dark,oklch(94.5%_0.129_101.54))]\",\n  \"gradient-purple\":\n    \"bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-purple-from,oklch(43.8%_0.218_303.724))] dark:from-[var(--zui-dropdown-trigger-gradient-purple-from-dark,oklch(55.8%_0.288_302.321))] to-[var(--zui-dropdown-trigger-gradient-purple-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-dropdown-trigger-gradient-purple-to-dark,oklch(59.2%_0.249_0.584))] text-[color:var(--zui-dropdown-trigger-gradient-purple-fg,oklch(90.2%_0.063_306.703))] dark:text-[color:var(--zui-dropdown-trigger-gradient-purple-fg-dark,oklch(90.2%_0.063_306.703))]\",\n  \"gradient-teal\":\n    \"bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-teal-from,oklch(43.7%_0.078_188.216))] dark:from-[var(--zui-dropdown-trigger-gradient-teal-from-dark,oklch(60%_0.118_184.704))] to-[var(--zui-dropdown-trigger-gradient-teal-to,oklch(45%_0.085_224.283))] dark:to-[var(--zui-dropdown-trigger-gradient-teal-to-dark,oklch(60.9%_0.126_221.723))] text-[color:var(--zui-dropdown-trigger-gradient-teal-fg,oklch(91%_0.096_180.426))] dark:text-[color:var(--zui-dropdown-trigger-gradient-teal-fg-dark,oklch(91%_0.096_180.426))]\",\n  \"gradient-indigo\":\n    \"bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-indigo-from,oklch(39.8%_0.195_277.366))] dark:from-[var(--zui-dropdown-trigger-gradient-indigo-from-dark,oklch(51.1%_0.262_276.966))] to-[var(--zui-dropdown-trigger-gradient-indigo-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-dropdown-trigger-gradient-indigo-to-dark,oklch(55.8%_0.288_302.321))] text-[color:var(--zui-dropdown-trigger-gradient-indigo-fg,oklch(87%_0.065_274.039))] dark:text-[color:var(--zui-dropdown-trigger-gradient-indigo-fg-dark,oklch(87%_0.065_274.039))]\",\n  \"gradient-pink\":\n    \"bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-pink-from,oklch(45.9%_0.187_3.815))] dark:from-[var(--zui-dropdown-trigger-gradient-pink-from-dark,oklch(59.2%_0.249_0.584))] to-[var(--zui-dropdown-trigger-gradient-pink-to,oklch(45.5%_0.188_13.697))] dark:to-[var(--zui-dropdown-trigger-gradient-pink-to-dark,oklch(58.6%_0.253_17.585))] text-[color:var(--zui-dropdown-trigger-gradient-pink-fg,oklch(89.9%_0.061_343.231))] dark:text-[color:var(--zui-dropdown-trigger-gradient-pink-fg-dark,oklch(89.9%_0.061_343.231))]\",\n  \"gradient-orange\":\n    \"bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-orange-from,oklch(47%_0.157_37.304))] dark:from-[var(--zui-dropdown-trigger-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] to-[var(--zui-dropdown-trigger-gradient-orange-to,oklch(44.4%_0.177_26.899))] dark:to-[var(--zui-dropdown-trigger-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))] text-[color:var(--zui-dropdown-trigger-gradient-orange-fg,oklch(90.1%_0.076_70.697))] dark:text-[color:var(--zui-dropdown-trigger-gradient-orange-fg-dark,oklch(90.1%_0.076_70.697))]\",\n  blue: \"border border-[color:var(--zui-dropdown-trigger-blue-border,#2563eb)] dark:border-[color:var(--zui-dropdown-trigger-blue-border-dark,#3b82f6)] text-[color:var(--zui-dropdown-trigger-blue-fg,#2563eb)] dark:text-[color:var(--zui-dropdown-trigger-blue-fg-dark,#3b82f6)] hover:bg-[var(--zui-dropdown-trigger-blue-bg-hover,#2563eb14)] dark:hover:bg-[var(--zui-dropdown-trigger-blue-bg-hover-dark,#3b82f624)]\",\n  cyan: \"border border-[color:var(--zui-dropdown-trigger-cyan-border,#0891b2)] dark:border-[color:var(--zui-dropdown-trigger-cyan-border-dark,#22d3ee)] text-[color:var(--zui-dropdown-trigger-cyan-fg,#0891b2)] dark:text-[color:var(--zui-dropdown-trigger-cyan-fg-dark,#22d3ee)] hover:bg-[var(--zui-dropdown-trigger-cyan-bg-hover,#0891b214)] dark:hover:bg-[var(--zui-dropdown-trigger-cyan-bg-hover-dark,#22d3ee24)]\",\n  green:\n    \"border border-[color:var(--zui-dropdown-trigger-green-border,#16a34a)] dark:border-[color:var(--zui-dropdown-trigger-green-border-dark,#22c55e)] text-[color:var(--zui-dropdown-trigger-green-fg,#16a34a)] dark:text-[color:var(--zui-dropdown-trigger-green-fg-dark,#22c55e)] hover:bg-[var(--zui-dropdown-trigger-green-bg-hover,#16a34a14)] dark:hover:bg-[var(--zui-dropdown-trigger-green-bg-hover-dark,#22c55e24)]\",\n  lime: \"border border-[color:var(--zui-dropdown-trigger-lime-border,#65a30d)] dark:border-[color:var(--zui-dropdown-trigger-lime-border-dark,#a3e635)] text-[color:var(--zui-dropdown-trigger-lime-fg,#65a30d)] dark:text-[color:var(--zui-dropdown-trigger-lime-fg-dark,#a3e635)] hover:bg-[var(--zui-dropdown-trigger-lime-bg-hover,#65a30d14)] dark:hover:bg-[var(--zui-dropdown-trigger-lime-bg-hover-dark,#a3e63524)]\",\n  mint: \"border border-[color:var(--zui-dropdown-trigger-mint-border,#10b981)] dark:border-[color:var(--zui-dropdown-trigger-mint-border-dark,#6ee7b7)] text-[color:var(--zui-dropdown-trigger-mint-fg,#10b981)] dark:text-[color:var(--zui-dropdown-trigger-mint-fg-dark,#6ee7b7)] hover:bg-[var(--zui-dropdown-trigger-mint-bg-hover,#10b98114)] dark:hover:bg-[var(--zui-dropdown-trigger-mint-bg-hover-dark,#6ee7b724)]\",\n  ocean:\n    \"border border-[color:var(--zui-dropdown-trigger-ocean-border,#0284c7)] dark:border-[color:var(--zui-dropdown-trigger-ocean-border-dark,#38bdf8)] text-[color:var(--zui-dropdown-trigger-ocean-fg,#0284c7)] dark:text-[color:var(--zui-dropdown-trigger-ocean-fg-dark,#38bdf8)] hover:bg-[var(--zui-dropdown-trigger-ocean-bg-hover,#0284c714)] dark:hover:bg-[var(--zui-dropdown-trigger-ocean-bg-hover-dark,#38bdf824)]\",\n  sapphire:\n    \"border border-[color:var(--zui-dropdown-trigger-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-dropdown-trigger-sapphire-border-dark,#60a5fa)] text-[color:var(--zui-dropdown-trigger-sapphire-fg,#1d4ed8)] dark:text-[color:var(--zui-dropdown-trigger-sapphire-fg-dark,#60a5fa)] hover:bg-[var(--zui-dropdown-trigger-sapphire-bg-hover,#1d4ed814)] dark:hover:bg-[var(--zui-dropdown-trigger-sapphire-bg-hover-dark,#60a5fa24)]\",\n  lavender:\n    \"border border-[color:var(--zui-dropdown-trigger-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-dropdown-trigger-lavender-border-dark,#a78bfa)] text-[color:var(--zui-dropdown-trigger-lavender-fg,#8b5cf6)] dark:text-[color:var(--zui-dropdown-trigger-lavender-fg-dark,#a78bfa)] hover:bg-[var(--zui-dropdown-trigger-lavender-bg-hover,#8b5cf614)] dark:hover:bg-[var(--zui-dropdown-trigger-lavender-bg-hover-dark,#a78bfa24)]\",\n  ruby: \"border border-[color:var(--zui-dropdown-trigger-ruby-border,#be123c)] dark:border-[color:var(--zui-dropdown-trigger-ruby-border-dark,#fb7185)] text-[color:var(--zui-dropdown-trigger-ruby-fg,#be123c)] dark:text-[color:var(--zui-dropdown-trigger-ruby-fg-dark,#fb7185)] hover:bg-[var(--zui-dropdown-trigger-ruby-bg-hover,#be123c14)] dark:hover:bg-[var(--zui-dropdown-trigger-ruby-bg-hover-dark,#fb718524)]\",\n  red: \"border border-[color:var(--zui-dropdown-trigger-red-border,#dc2626)] dark:border-[color:var(--zui-dropdown-trigger-red-border-dark,#ef4444)] text-[color:var(--zui-dropdown-trigger-red-fg,#dc2626)] dark:text-[color:var(--zui-dropdown-trigger-red-fg-dark,#ef4444)] hover:bg-[var(--zui-dropdown-trigger-red-bg-hover,#dc262614)] dark:hover:bg-[var(--zui-dropdown-trigger-red-bg-hover-dark,#ef444424)]\",\n  slate:\n    \"border border-[color:var(--zui-dropdown-trigger-slate-border,#475569)] dark:border-[color:var(--zui-dropdown-trigger-slate-border-dark,#64748b)] text-[color:var(--zui-dropdown-trigger-slate-fg,#475569)] dark:text-[color:var(--zui-dropdown-trigger-slate-fg-dark,#64748b)] hover:bg-[var(--zui-dropdown-trigger-slate-bg-hover,#47556914)] dark:hover:bg-[var(--zui-dropdown-trigger-slate-bg-hover-dark,#64748b24)]\",\n  zinc: \"border border-[color:var(--zui-dropdown-trigger-zinc-border,#52525b)] dark:border-[color:var(--zui-dropdown-trigger-zinc-border-dark,#71717a)] text-[color:var(--zui-dropdown-trigger-zinc-fg,#52525b)] dark:text-[color:var(--zui-dropdown-trigger-zinc-fg-dark,#71717a)] hover:bg-[var(--zui-dropdown-trigger-zinc-bg-hover,#52525b14)] dark:hover:bg-[var(--zui-dropdown-trigger-zinc-bg-hover-dark,#71717a24)]\",\n  stone:\n    \"border border-[color:var(--zui-dropdown-trigger-stone-border,#57534e)] dark:border-[color:var(--zui-dropdown-trigger-stone-border-dark,#78716c)] text-[color:var(--zui-dropdown-trigger-stone-fg,#57534e)] dark:text-[color:var(--zui-dropdown-trigger-stone-fg-dark,#78716c)] hover:bg-[var(--zui-dropdown-trigger-stone-bg-hover,#57534e14)] dark:hover:bg-[var(--zui-dropdown-trigger-stone-bg-hover-dark,#78716c24)]\",\n  royal:\n    \"border border-[color:var(--zui-dropdown-trigger-royal-border,#4338ca)] dark:border-[color:var(--zui-dropdown-trigger-royal-border-dark,#818cf8)] text-[color:var(--zui-dropdown-trigger-royal-fg,#4338ca)] dark:text-[color:var(--zui-dropdown-trigger-royal-fg-dark,#818cf8)] hover:bg-[var(--zui-dropdown-trigger-royal-bg-hover,#4338ca14)] dark:hover:bg-[var(--zui-dropdown-trigger-royal-bg-hover-dark,#818cf824)]\",\n  electric:\n    \"border border-[color:var(--zui-dropdown-trigger-electric-border,#0ea5e9)] dark:border-[color:var(--zui-dropdown-trigger-electric-border-dark,#38bdf8)] text-[color:var(--zui-dropdown-trigger-electric-fg,#0ea5e9)] dark:text-[color:var(--zui-dropdown-trigger-electric-fg-dark,#38bdf8)] hover:bg-[var(--zui-dropdown-trigger-electric-bg-hover,#0ea5e914)] dark:hover:bg-[var(--zui-dropdown-trigger-electric-bg-hover-dark,#38bdf824)]\",\n  forest:\n    \"border border-[color:var(--zui-dropdown-trigger-forest-border,#166534)] dark:border-[color:var(--zui-dropdown-trigger-forest-border-dark,#4ade80)] text-[color:var(--zui-dropdown-trigger-forest-fg,#166534)] dark:text-[color:var(--zui-dropdown-trigger-forest-fg-dark,#4ade80)] hover:bg-[var(--zui-dropdown-trigger-forest-bg-hover,#16653414)] dark:hover:bg-[var(--zui-dropdown-trigger-forest-bg-hover-dark,#4ade8024)]\",\n  sunset:\n    \"border border-[color:var(--zui-dropdown-trigger-sunset-border,#ea580c)] dark:border-[color:var(--zui-dropdown-trigger-sunset-border-dark,#fb923c)] text-[color:var(--zui-dropdown-trigger-sunset-fg,#ea580c)] dark:text-[color:var(--zui-dropdown-trigger-sunset-fg-dark,#fb923c)] hover:bg-[var(--zui-dropdown-trigger-sunset-bg-hover,#ea580c14)] dark:hover:bg-[var(--zui-dropdown-trigger-sunset-bg-hover-dark,#fb923c24)]\",\n  magenta:\n    \"border border-[color:var(--zui-dropdown-trigger-magenta-border,#c026d3)] dark:border-[color:var(--zui-dropdown-trigger-magenta-border-dark,#e879f9)] text-[color:var(--zui-dropdown-trigger-magenta-fg,#c026d3)] dark:text-[color:var(--zui-dropdown-trigger-magenta-fg-dark,#e879f9)] hover:bg-[var(--zui-dropdown-trigger-magenta-bg-hover,#c026d314)] dark:hover:bg-[var(--zui-dropdown-trigger-magenta-bg-hover-dark,#e879f924)]\",\n  crimson:\n    \"border border-[color:var(--zui-dropdown-trigger-crimson-border,#b91c1c)] dark:border-[color:var(--zui-dropdown-trigger-crimson-border-dark,#f87171)] text-[color:var(--zui-dropdown-trigger-crimson-fg,#b91c1c)] dark:text-[color:var(--zui-dropdown-trigger-crimson-fg-dark,#f87171)] hover:bg-[var(--zui-dropdown-trigger-crimson-bg-hover,#b91c1c14)] dark:hover:bg-[var(--zui-dropdown-trigger-crimson-bg-hover-dark,#f8717124)]\",\n  aqua: \"border border-[color:var(--zui-dropdown-trigger-aqua-border,#0f766e)] dark:border-[color:var(--zui-dropdown-trigger-aqua-border-dark,#2dd4bf)] text-[color:var(--zui-dropdown-trigger-aqua-fg,#0f766e)] dark:text-[color:var(--zui-dropdown-trigger-aqua-fg-dark,#2dd4bf)] hover:bg-[var(--zui-dropdown-trigger-aqua-bg-hover,#0f766e14)] dark:hover:bg-[var(--zui-dropdown-trigger-aqua-bg-hover-dark,#2dd4bf24)]\",\n  plum: \"border border-[color:var(--zui-dropdown-trigger-plum-border,#7e22ce)] dark:border-[color:var(--zui-dropdown-trigger-plum-border-dark,#c084fc)] text-[color:var(--zui-dropdown-trigger-plum-fg,#7e22ce)] dark:text-[color:var(--zui-dropdown-trigger-plum-fg-dark,#c084fc)] hover:bg-[var(--zui-dropdown-trigger-plum-bg-hover,#7e22ce14)] dark:hover:bg-[var(--zui-dropdown-trigger-plum-bg-hover-dark,#c084fc24)]\",\n} as const;\n\nexport const zuiDropdownTriggerSizes = {\n  sm: \"px-2 py-1 text-sm\",\n  md: \"px-3 py-2 text-base\",\n  lg: \"px-4 py-3 text-lg\",\n} as const;\n\nexport const zuiDropdownContentBase =\n  \"absolute min-w-[200px] rounded-md p-2 shadow-md z-50 border border-[color:var(--zui-dropdown-content-border,oklch(20.8%_0.042_265.755_/_0.1))] dark:border-[color:var(--zui-dropdown-content-border-dark,#ffffff1a)] bg-[var(--zui-dropdown-content-bg,oklch(96.8%_0.007_247.896))] dark:bg-[var(--zui-dropdown-content-bg-dark,oklch(20.8%_0.042_265.755))] text-[color:var(--zui-dropdown-content-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-dropdown-content-fg-dark,oklch(96.8%_0.007_247.896))] shadow-lg rounded-lg\";\n\nexport const zuiDropdownPlacements = {\n  top: \"bottom-full mb-2\",\n  bottom: \"top-full mt-2\",\n  left: \"right-full mr-2\",\n  right: \"left-full ml-2\",\n} as const;\n\nexport const zuiDropdownSpacing = {\n  none: \"space-y-0\",\n  default: \"space-y-1\",\n  sm: \"space-y-2\",\n  md: \"space-y-3\",\n  lg: \"space-y-4\",\n  xl: \"space-y-5\",\n} as const;\n\nexport const zuiDropdownItemBase =\n  \"flex items-center justify-between px-3 py-2 text-sm cursor-pointer rounded-md transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-dropdown-item-ring-focus,oklch(55.1%_0.027_264.364_/_0.6))] dark:focus-visible:ring-[var(--zui-dropdown-item-ring-focus-dark,oklch(55.1%_0.027_264.364_/_0.6))] font-semibold\";\n\nexport const zuiDropdownItemVariants = {\n  default:\n    \"hover:bg-[var(--zui-dropdown-item-default-bg-hover,oklch(96.7%_0.003_264.542))] dark:hover:bg-[var(--zui-dropdown-item-default-bg-hover-dark,oklch(96.7%_0.003_264.542))] hover:text-[color:var(--zui-dropdown-item-default-fg-hover,oklch(55.1%_0.027_264.364))] dark:hover:text-[color:var(--zui-dropdown-item-default-fg-hover-dark,oklch(21%_0.034_264.665))] text-[color:var(--zui-dropdown-item-default-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-dropdown-item-default-fg-dark,oklch(96.7%_0.003_264.542))]\",\n  outline:\n    \"hover:bg-[var(--zui-dropdown-item-outline-bg-hover,oklch(96.7%_0.003_264.542))] dark:hover:bg-[var(--zui-dropdown-item-outline-bg-hover-dark,oklch(96.7%_0.003_264.542))] hover:text-[color:var(--zui-dropdown-item-outline-fg-hover,oklch(55.1%_0.027_264.364))] dark:hover:text-[color:var(--zui-dropdown-item-outline-fg-hover-dark,oklch(21%_0.034_264.665))] border border-[color:var(--zui-dropdown-item-outline-border,#000000)] dark:border-[color:var(--zui-dropdown-item-outline-border-dark,#ffffff)] text-[color:var(--zui-dropdown-item-outline-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-dropdown-item-outline-fg-dark,oklch(96.7%_0.003_264.542))]\",\n  ghost:\n    \"hover:bg-[var(--zui-dropdown-item-ghost-bg-hover,oklch(96.7%_0.003_264.542))] dark:hover:bg-[var(--zui-dropdown-item-ghost-bg-hover-dark,oklch(96.7%_0.003_264.542))] hover:text-[color:var(--zui-dropdown-item-ghost-fg-hover,oklch(55.1%_0.027_264.364))] dark:hover:text-[color:var(--zui-dropdown-item-ghost-fg-hover-dark,oklch(21%_0.034_264.665))] bg-[var(--zui-dropdown-item-ghost-bg,transparent)] dark:bg-[var(--zui-dropdown-item-ghost-bg-dark,transparent)] text-[color:var(--zui-dropdown-item-ghost-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-dropdown-item-ghost-fg-dark,oklch(96.7%_0.003_264.542))]\",\n  white:\n    \"hover:bg-[var(--zui-dropdown-item-white-bg-hover,oklch(96.7%_0.003_264.542))] dark:hover:bg-[var(--zui-dropdown-item-white-bg-hover-dark,oklch(96.7%_0.003_264.542))] hover:text-[color:var(--zui-dropdown-item-white-fg-hover,oklch(55.1%_0.027_264.364))] dark:hover:text-[color:var(--zui-dropdown-item-white-fg-hover-dark,oklch(21%_0.034_264.665))] bg-[var(--zui-dropdown-item-white-bg,#ffffff)] dark:bg-[var(--zui-dropdown-item-white-bg-dark,#000000)] text-[color:var(--zui-dropdown-item-white-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-dropdown-item-white-fg-dark,#ffffff)]\",\n  black:\n    \"hover:bg-[var(--zui-dropdown-item-black-bg-hover,oklch(96.7%_0.003_264.542))] dark:hover:bg-[var(--zui-dropdown-item-black-bg-hover-dark,oklch(96.7%_0.003_264.542))] hover:text-[color:var(--zui-dropdown-item-black-fg-hover,oklch(55.1%_0.027_264.364))] dark:hover:text-[color:var(--zui-dropdown-item-black-fg-hover-dark,oklch(21%_0.034_264.665))] bg-[var(--zui-dropdown-item-black-bg,#000000)] dark:bg-[var(--zui-dropdown-item-black-bg-dark,#ffffff)] text-[color:var(--zui-dropdown-item-black-fg,#ffffff)] dark:text-[color:var(--zui-dropdown-item-black-fg-dark,oklch(21%_0.034_264.665))]\",\n  sky: \"hover:bg-[var(--zui-dropdown-item-sky-bg-hover,oklch(95.1%_0.026_236.824))] dark:hover:bg-[var(--zui-dropdown-item-sky-bg-hover-dark,oklch(95.1%_0.026_236.824))] hover:text-[color:var(--zui-dropdown-item-sky-fg-hover,oklch(44.3%_0.11_240.79))] dark:hover:text-[color:var(--zui-dropdown-item-sky-fg-hover-dark,oklch(58.8%_0.158_241.966))] bg-[var(--zui-dropdown-item-sky-bg,oklch(90.1%_0.058_230.902))] dark:bg-[var(--zui-dropdown-item-sky-bg-dark,oklch(90.1%_0.058_230.902))] text-[color:var(--zui-dropdown-item-sky-fg,oklch(39.1%_0.09_240.876))] dark:text-[color:var(--zui-dropdown-item-sky-fg-dark,oklch(44.3%_0.11_240.79))]\",\n  rose: \"hover:bg-[var(--zui-dropdown-item-rose-bg-hover,oklch(94.1%_0.03_12.58))] dark:hover:bg-[var(--zui-dropdown-item-rose-bg-hover-dark,oklch(94.1%_0.03_12.58))] hover:text-[color:var(--zui-dropdown-item-rose-fg-hover,oklch(45.5%_0.188_13.697))] dark:hover:text-[color:var(--zui-dropdown-item-rose-fg-hover-dark,oklch(58.6%_0.253_17.585))] bg-[var(--zui-dropdown-item-rose-bg,oklch(89.2%_0.058_10.001))] dark:bg-[var(--zui-dropdown-item-rose-bg-dark,oklch(89.2%_0.058_10.001))] text-[color:var(--zui-dropdown-item-rose-fg,oklch(41%_0.159_10.272))] dark:text-[color:var(--zui-dropdown-item-rose-fg-dark,oklch(45.5%_0.188_13.697))]\",\n  purple:\n    \"hover:bg-[var(--zui-dropdown-item-purple-bg-hover,oklch(94.6%_0.033_307.174))] dark:hover:bg-[var(--zui-dropdown-item-purple-bg-hover-dark,oklch(94.6%_0.033_307.174))] hover:text-[color:var(--zui-dropdown-item-purple-fg-hover,oklch(43.8%_0.218_303.724))] dark:hover:text-[color:var(--zui-dropdown-item-purple-fg-hover-dark,oklch(55.8%_0.288_302.321))] bg-[var(--zui-dropdown-item-purple-bg,oklch(90.2%_0.063_306.703))] dark:bg-[var(--zui-dropdown-item-purple-bg-dark,oklch(90.2%_0.063_306.703))] text-[color:var(--zui-dropdown-item-purple-fg,oklch(38.1%_0.176_304.987))] dark:text-[color:var(--zui-dropdown-item-purple-fg-dark,oklch(43.8%_0.218_303.724))]\",\n  pink: \"hover:bg-[var(--zui-dropdown-item-pink-bg-hover,oklch(94.8%_0.028_342.258))] dark:hover:bg-[var(--zui-dropdown-item-pink-bg-hover-dark,oklch(94.8%_0.028_342.258))] hover:text-[color:var(--zui-dropdown-item-pink-fg-hover,oklch(45.9%_0.187_3.815))] dark:hover:text-[color:var(--zui-dropdown-item-pink-fg-hover-dark,oklch(59.2%_0.249_0.584))] bg-[var(--zui-dropdown-item-pink-bg,oklch(89.9%_0.061_343.231))] dark:bg-[var(--zui-dropdown-item-pink-bg-dark,oklch(89.9%_0.061_343.231))] text-[color:var(--zui-dropdown-item-pink-fg,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-dropdown-item-pink-fg-dark,oklch(45.9%_0.187_3.815))]\",\n  orange:\n    \"hover:bg-[var(--zui-dropdown-item-orange-bg-hover,oklch(95.4%_0.038_75.164))] dark:hover:bg-[var(--zui-dropdown-item-orange-bg-hover-dark,oklch(95.4%_0.038_75.164))] hover:text-[color:var(--zui-dropdown-item-orange-fg-hover,oklch(47%_0.157_37.304))] dark:hover:text-[color:var(--zui-dropdown-item-orange-fg-hover-dark,oklch(64.6%_0.222_41.116))] bg-[var(--zui-dropdown-item-orange-bg,oklch(90.1%_0.076_70.697))] dark:bg-[var(--zui-dropdown-item-orange-bg-dark,oklch(90.1%_0.076_70.697))] text-[color:var(--zui-dropdown-item-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-dropdown-item-orange-fg-dark,oklch(47%_0.157_37.304))]\",\n  yellow:\n    \"hover:bg-[var(--zui-dropdown-item-yellow-bg-hover,oklch(97.3%_0.071_103.193))] dark:hover:bg-[var(--zui-dropdown-item-yellow-bg-hover-dark,oklch(97.3%_0.071_103.193))] hover:text-[color:var(--zui-dropdown-item-yellow-fg-hover,oklch(47.6%_0.114_61.907))] dark:hover:text-[color:var(--zui-dropdown-item-yellow-fg-hover-dark,oklch(68.1%_0.162_75.834))] bg-[var(--zui-dropdown-item-yellow-bg,oklch(94.5%_0.129_101.54))] dark:bg-[var(--zui-dropdown-item-yellow-bg-dark,oklch(94.5%_0.129_101.54))] text-[color:var(--zui-dropdown-item-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-dropdown-item-yellow-fg-dark,oklch(47.6%_0.114_61.907))]\",\n  teal: \"hover:bg-[var(--zui-dropdown-item-teal-bg-hover,oklch(95.3%_0.051_180.801))] dark:hover:bg-[var(--zui-dropdown-item-teal-bg-hover-dark,oklch(95.3%_0.051_180.801))] hover:text-[color:var(--zui-dropdown-item-teal-fg-hover,oklch(43.7%_0.078_188.216))] dark:hover:text-[color:var(--zui-dropdown-item-teal-fg-hover-dark,oklch(60%_0.118_184.704))] bg-[var(--zui-dropdown-item-teal-bg,oklch(91%_0.096_180.426))] dark:bg-[var(--zui-dropdown-item-teal-bg-dark,oklch(91%_0.096_180.426))] text-[color:var(--zui-dropdown-item-teal-fg,oklch(38.6%_0.063_188.416))] dark:text-[color:var(--zui-dropdown-item-teal-fg-dark,oklch(43.7%_0.078_188.216))]\",\n  indigo:\n    \"hover:bg-[var(--zui-dropdown-item-indigo-bg-hover,oklch(93%_0.034_272.788))] dark:hover:bg-[var(--zui-dropdown-item-indigo-bg-hover-dark,oklch(93%_0.034_272.788))] hover:text-[color:var(--zui-dropdown-item-indigo-fg-hover,oklch(39.8%_0.195_277.366))] dark:hover:text-[color:var(--zui-dropdown-item-indigo-fg-hover-dark,oklch(51.1%_0.262_276.966))] bg-[var(--zui-dropdown-item-indigo-bg,oklch(87%_0.065_274.039))] dark:bg-[var(--zui-dropdown-item-indigo-bg-dark,oklch(87%_0.065_274.039))] text-[color:var(--zui-dropdown-item-indigo-fg,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-dropdown-item-indigo-fg-dark,oklch(39.8%_0.195_277.366))]\",\n  emerald:\n    \"hover:bg-[var(--zui-dropdown-item-emerald-bg-hover,oklch(95%_0.052_163.051))] dark:hover:bg-[var(--zui-dropdown-item-emerald-bg-hover-dark,oklch(95%_0.052_163.051))] hover:text-[color:var(--zui-dropdown-item-emerald-fg-hover,oklch(43.2%_0.095_166.913))] dark:hover:text-[color:var(--zui-dropdown-item-emerald-fg-hover-dark,oklch(59.6%_0.145_163.225))] bg-[var(--zui-dropdown-item-emerald-bg,oklch(90.5%_0.093_164.15))] dark:bg-[var(--zui-dropdown-item-emerald-bg-dark,oklch(90.5%_0.093_164.15))] text-[color:var(--zui-dropdown-item-emerald-fg,oklch(37.8%_0.077_168.94))] dark:text-[color:var(--zui-dropdown-item-emerald-fg-dark,oklch(43.2%_0.095_166.913))]\",\n  gray: \"hover:bg-[var(--zui-dropdown-item-gray-bg-hover,oklch(96.7%_0.003_264.542))] dark:hover:bg-[var(--zui-dropdown-item-gray-bg-hover-dark,oklch(96.7%_0.003_264.542))] hover:text-[color:var(--zui-dropdown-item-gray-fg-hover,oklch(55.1%_0.027_264.364))] dark:hover:text-[color:var(--zui-dropdown-item-gray-fg-hover-dark,oklch(21%_0.034_264.665))] bg-[var(--zui-dropdown-item-gray-bg,oklch(92.8%_0.006_264.531))] dark:bg-[var(--zui-dropdown-item-gray-bg-dark,oklch(92.8%_0.006_264.531))] text-[color:var(--zui-dropdown-item-gray-fg,oklch(55.1%_0.027_264.364))] dark:text-[color:var(--zui-dropdown-item-gray-fg-dark,oklch(27.8%_0.033_256.848))]\",\n  amber:\n    \"hover:bg-[var(--zui-dropdown-item-amber-bg-hover,oklch(96.2%_0.059_95.617))] dark:hover:bg-[var(--zui-dropdown-item-amber-bg-hover-dark,oklch(96.2%_0.059_95.617))] hover:text-[color:var(--zui-dropdown-item-amber-fg-hover,oklch(47.3%_0.137_46.201))] dark:hover:text-[color:var(--zui-dropdown-item-amber-fg-hover-dark,oklch(66.6%_0.179_58.318))] bg-[var(--zui-dropdown-item-amber-bg,oklch(92.4%_0.12_95.746))] dark:bg-[var(--zui-dropdown-item-amber-bg-dark,oklch(92.4%_0.12_95.746))] text-[color:var(--zui-dropdown-item-amber-fg,oklch(41.4%_0.112_45.904))] dark:text-[color:var(--zui-dropdown-item-amber-fg-dark,oklch(47.3%_0.137_46.201))]\",\n  violet:\n    \"hover:bg-[var(--zui-dropdown-item-violet-bg-hover,oklch(94.3%_0.029_294.588))] dark:hover:bg-[var(--zui-dropdown-item-violet-bg-hover-dark,oklch(94.3%_0.029_294.588))] hover:text-[color:var(--zui-dropdown-item-violet-fg-hover,oklch(43.2%_0.232_292.759))] dark:hover:text-[color:var(--zui-dropdown-item-violet-fg-hover-dark,oklch(54.1%_0.281_293.009))] bg-[var(--zui-dropdown-item-violet-bg,oklch(89.4%_0.057_293.283))] dark:bg-[var(--zui-dropdown-item-violet-bg-dark,oklch(89.4%_0.057_293.283))] text-[color:var(--zui-dropdown-item-violet-fg,oklch(38%_0.189_293.745))] dark:text-[color:var(--zui-dropdown-item-violet-fg-dark,oklch(43.2%_0.232_292.759))]\",\n  \"gradient-blue\":\n    \"hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-blue-from,oklch(42.4%_0.199_265.638))] dark:from-[var(--zui-dropdown-item-gradient-blue-from-dark,oklch(54.6%_0.245_262.881))] to-[var(--zui-dropdown-item-gradient-blue-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-dropdown-item-gradient-blue-to-dark,oklch(55.8%_0.288_302.321))] hover:text-[color:var(--zui-dropdown-item-gradient-blue-fg-hover,oklch(62.3%_0.214_259.815))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-blue-fg-hover-dark,oklch(37.9%_0.146_265.522))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-blue-from,oklch(88.2%_0.059_254.128))] to-[var(--zui-dropdown-item-gradient-blue-to,oklch(90.2%_0.063_306.703))] text-[color:var(--zui-dropdown-item-gradient-blue-fg,oklch(37.9%_0.146_265.522))] dark:text-[color:var(--zui-dropdown-item-gradient-blue-fg-dark,oklch(88.2%_0.059_254.128))]\",\n  \"gradient-green\":\n    \"hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-green-from,oklch(44.8%_0.119_151.328))] dark:from-[var(--zui-dropdown-item-gradient-green-from-dark,oklch(62.7%_0.194_149.214))] to-[var(--zui-dropdown-item-gradient-green-to,oklch(45.3%_0.124_130.933))] dark:to-[var(--zui-dropdown-item-gradient-green-to-dark,oklch(64.8%_0.2_131.684))] hover:text-[color:var(--zui-dropdown-item-gradient-green-fg-hover,oklch(72.3%_0.219_149.579))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-green-fg-hover-dark,oklch(39.3%_0.095_152.535))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-green-from,oklch(92.5%_0.084_155.995))] to-[var(--zui-dropdown-item-gradient-green-to,oklch(93.8%_0.127_124.321))] text-[color:var(--zui-dropdown-item-gradient-green-fg,oklch(39.3%_0.095_152.535))] dark:text-[color:var(--zui-dropdown-item-gradient-green-fg-dark,oklch(92.5%_0.084_155.995))]\",\n  \"gradient-red\":\n    \"hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-red-from,oklch(44.4%_0.177_26.899))] dark:from-[var(--zui-dropdown-item-gradient-red-from-dark,oklch(57.7%_0.245_27.325))] to-[var(--zui-dropdown-item-gradient-red-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-dropdown-item-gradient-red-to-dark,oklch(59.2%_0.249_0.584))] hover:text-[color:var(--zui-dropdown-item-gradient-red-fg-hover,oklch(63.7%_0.237_25.331))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-red-fg-hover-dark,oklch(39.6%_0.141_25.723))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-red-from,oklch(88.5%_0.062_18.334))] to-[var(--zui-dropdown-item-gradient-red-to,oklch(89.9%_0.061_343.231))] text-[color:var(--zui-dropdown-item-gradient-red-fg,oklch(39.6%_0.141_25.723))] dark:text-[color:var(--zui-dropdown-item-gradient-red-fg-dark,oklch(88.5%_0.062_18.334))]\",\n  \"gradient-yellow\":\n    \"hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-yellow-from,oklch(47.6%_0.114_61.907))] dark:from-[var(--zui-dropdown-item-gradient-yellow-from-dark,oklch(68.1%_0.162_75.834))] to-[var(--zui-dropdown-item-gradient-yellow-to,oklch(47%_0.157_37.304))] dark:to-[var(--zui-dropdown-item-gradient-yellow-to-dark,oklch(64.6%_0.222_41.116))] hover:text-[color:var(--zui-dropdown-item-gradient-yellow-fg-hover,oklch(79.5%_0.184_86.047))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-yellow-fg-hover-dark,oklch(42.1%_0.095_57.708))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-yellow-from,oklch(94.5%_0.129_101.54))] to-[var(--zui-dropdown-item-gradient-yellow-to,oklch(90.1%_0.076_70.697))] text-[color:var(--zui-dropdown-item-gradient-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-dropdown-item-gradient-yellow-fg-dark,oklch(94.5%_0.129_101.54))]\",\n  \"gradient-purple\":\n    \"hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-purple-from,oklch(43.8%_0.218_303.724))] dark:from-[var(--zui-dropdown-item-gradient-purple-from-dark,oklch(55.8%_0.288_302.321))] to-[var(--zui-dropdown-item-gradient-purple-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-dropdown-item-gradient-purple-to-dark,oklch(59.2%_0.249_0.584))] hover:text-[color:var(--zui-dropdown-item-gradient-purple-fg-hover,oklch(62.7%_0.265_303.9))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-purple-fg-hover-dark,oklch(38.1%_0.176_304.987))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-purple-from,oklch(90.2%_0.063_306.703))] to-[var(--zui-dropdown-item-gradient-purple-to,oklch(89.9%_0.061_343.231))] text-[color:var(--zui-dropdown-item-gradient-purple-fg,oklch(38.1%_0.176_304.987))] dark:text-[color:var(--zui-dropdown-item-gradient-purple-fg-dark,oklch(90.2%_0.063_306.703))]\",\n  \"gradient-teal\":\n    \"hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-teal-from,oklch(43.7%_0.078_188.216))] dark:from-[var(--zui-dropdown-item-gradient-teal-from-dark,oklch(60%_0.118_184.704))] to-[var(--zui-dropdown-item-gradient-teal-to,oklch(45%_0.085_224.283))] dark:to-[var(--zui-dropdown-item-gradient-teal-to-dark,oklch(60.9%_0.126_221.723))] hover:text-[color:var(--zui-dropdown-item-gradient-teal-fg-hover,oklch(70.4%_0.14_182.503))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-teal-fg-hover-dark,oklch(38.6%_0.063_188.416))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-teal-from,oklch(91%_0.096_180.426))] to-[var(--zui-dropdown-item-gradient-teal-to,oklch(91.7%_0.08_205.041))] text-[color:var(--zui-dropdown-item-gradient-teal-fg,oklch(38.6%_0.063_188.416))] dark:text-[color:var(--zui-dropdown-item-gradient-teal-fg-dark,oklch(91%_0.096_180.426))]\",\n  \"gradient-indigo\":\n    \"hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-indigo-from,oklch(39.8%_0.195_277.366))] dark:from-[var(--zui-dropdown-item-gradient-indigo-from-dark,oklch(51.1%_0.262_276.966))] to-[var(--zui-dropdown-item-gradient-indigo-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-dropdown-item-gradient-indigo-to-dark,oklch(55.8%_0.288_302.321))] hover:text-[color:var(--zui-dropdown-item-gradient-indigo-fg-hover,oklch(58.5%_0.233_277.117))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-indigo-fg-hover-dark,oklch(35.9%_0.144_278.697))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-indigo-from,oklch(87%_0.065_274.039))] to-[var(--zui-dropdown-item-gradient-indigo-to,oklch(90.2%_0.063_306.703))] text-[color:var(--zui-dropdown-item-gradient-indigo-fg,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-dropdown-item-gradient-indigo-fg-dark,oklch(87%_0.065_274.039))]\",\n  \"gradient-pink\":\n    \"hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-pink-from,oklch(45.9%_0.187_3.815))] dark:from-[var(--zui-dropdown-item-gradient-pink-from-dark,oklch(59.2%_0.249_0.584))] to-[var(--zui-dropdown-item-gradient-pink-to,oklch(45.5%_0.188_13.697))] dark:to-[var(--zui-dropdown-item-gradient-pink-to-dark,oklch(58.6%_0.253_17.585))] hover:text-[color:var(--zui-dropdown-item-gradient-pink-fg-hover,oklch(65.6%_0.241_354.308))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-pink-fg-hover-dark,oklch(40.8%_0.153_2.432))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-pink-from,oklch(89.9%_0.061_343.231))] to-[var(--zui-dropdown-item-gradient-pink-to,oklch(89.2%_0.058_10.001))] text-[color:var(--zui-dropdown-item-gradient-pink-fg,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-dropdown-item-gradient-pink-fg-dark,oklch(89.9%_0.061_343.231))]\",\n  \"gradient-orange\":\n    \"hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-orange-from,oklch(47%_0.157_37.304))] dark:from-[var(--zui-dropdown-item-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] to-[var(--zui-dropdown-item-gradient-orange-to,oklch(44.4%_0.177_26.899))] dark:to-[var(--zui-dropdown-item-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))] hover:text-[color:var(--zui-dropdown-item-gradient-orange-fg-hover,oklch(70.5%_0.213_47.604))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-orange-fg-hover-dark,oklch(40.8%_0.123_38.172))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-orange-from,oklch(90.1%_0.076_70.697))] to-[var(--zui-dropdown-item-gradient-orange-to,oklch(88.5%_0.062_18.334))] text-[color:var(--zui-dropdown-item-gradient-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-dropdown-item-gradient-orange-fg-dark,oklch(90.1%_0.076_70.697))]\",\n  blue: \"hover:bg-[var(--zui-dropdown-item-blue-bg-hover,#2563eb18)] dark:hover:bg-[var(--zui-dropdown-item-blue-bg-hover-dark,#3b82f62e)] hover:text-[color:var(--zui-dropdown-item-blue-fg-hover,#2563eb)] dark:hover:text-[color:var(--zui-dropdown-item-blue-fg-hover-dark,#3b82f6)] bg-[var(--zui-dropdown-item-blue-bg,#2563eb10)] dark:bg-[var(--zui-dropdown-item-blue-bg-dark,#3b82f61f)] text-[color:var(--zui-dropdown-item-blue-fg,#2563eb)] dark:text-[color:var(--zui-dropdown-item-blue-fg-dark,#3b82f6)]\",\n  cyan: \"hover:bg-[var(--zui-dropdown-item-cyan-bg-hover,#0891b218)] dark:hover:bg-[var(--zui-dropdown-item-cyan-bg-hover-dark,#22d3ee2e)] hover:text-[color:var(--zui-dropdown-item-cyan-fg-hover,#0891b2)] dark:hover:text-[color:var(--zui-dropdown-item-cyan-fg-hover-dark,#22d3ee)] bg-[var(--zui-dropdown-item-cyan-bg,#0891b210)] dark:bg-[var(--zui-dropdown-item-cyan-bg-dark,#22d3ee1f)] text-[color:var(--zui-dropdown-item-cyan-fg,#0891b2)] dark:text-[color:var(--zui-dropdown-item-cyan-fg-dark,#22d3ee)]\",\n  green:\n    \"hover:bg-[var(--zui-dropdown-item-green-bg-hover,#16a34a18)] dark:hover:bg-[var(--zui-dropdown-item-green-bg-hover-dark,#22c55e2e)] hover:text-[color:var(--zui-dropdown-item-green-fg-hover,#16a34a)] dark:hover:text-[color:var(--zui-dropdown-item-green-fg-hover-dark,#22c55e)] bg-[var(--zui-dropdown-item-green-bg,#16a34a10)] dark:bg-[var(--zui-dropdown-item-green-bg-dark,#22c55e1f)] text-[color:var(--zui-dropdown-item-green-fg,#16a34a)] dark:text-[color:var(--zui-dropdown-item-green-fg-dark,#22c55e)]\",\n  lime: \"hover:bg-[var(--zui-dropdown-item-lime-bg-hover,#65a30d18)] dark:hover:bg-[var(--zui-dropdown-item-lime-bg-hover-dark,#a3e6352e)] hover:text-[color:var(--zui-dropdown-item-lime-fg-hover,#65a30d)] dark:hover:text-[color:var(--zui-dropdown-item-lime-fg-hover-dark,#a3e635)] bg-[var(--zui-dropdown-item-lime-bg,#65a30d10)] dark:bg-[var(--zui-dropdown-item-lime-bg-dark,#a3e6351f)] text-[color:var(--zui-dropdown-item-lime-fg,#65a30d)] dark:text-[color:var(--zui-dropdown-item-lime-fg-dark,#a3e635)]\",\n  mint: \"hover:bg-[var(--zui-dropdown-item-mint-bg-hover,#10b98118)] dark:hover:bg-[var(--zui-dropdown-item-mint-bg-hover-dark,#6ee7b72e)] hover:text-[color:var(--zui-dropdown-item-mint-fg-hover,#10b981)] dark:hover:text-[color:var(--zui-dropdown-item-mint-fg-hover-dark,#6ee7b7)] bg-[var(--zui-dropdown-item-mint-bg,#10b98110)] dark:bg-[var(--zui-dropdown-item-mint-bg-dark,#6ee7b71f)] text-[color:var(--zui-dropdown-item-mint-fg,#10b981)] dark:text-[color:var(--zui-dropdown-item-mint-fg-dark,#6ee7b7)]\",\n  ocean:\n    \"hover:bg-[var(--zui-dropdown-item-ocean-bg-hover,#0284c718)] dark:hover:bg-[var(--zui-dropdown-item-ocean-bg-hover-dark,#38bdf82e)] hover:text-[color:var(--zui-dropdown-item-ocean-fg-hover,#0284c7)] dark:hover:text-[color:var(--zui-dropdown-item-ocean-fg-hover-dark,#38bdf8)] bg-[var(--zui-dropdown-item-ocean-bg,#0284c710)] dark:bg-[var(--zui-dropdown-item-ocean-bg-dark,#38bdf81f)] text-[color:var(--zui-dropdown-item-ocean-fg,#0284c7)] dark:text-[color:var(--zui-dropdown-item-ocean-fg-dark,#38bdf8)]\",\n  sapphire:\n    \"hover:bg-[var(--zui-dropdown-item-sapphire-bg-hover,#1d4ed818)] dark:hover:bg-[var(--zui-dropdown-item-sapphire-bg-hover-dark,#60a5fa2e)] hover:text-[color:var(--zui-dropdown-item-sapphire-fg-hover,#1d4ed8)] dark:hover:text-[color:var(--zui-dropdown-item-sapphire-fg-hover-dark,#60a5fa)] bg-[var(--zui-dropdown-item-sapphire-bg,#1d4ed810)] dark:bg-[var(--zui-dropdown-item-sapphire-bg-dark,#60a5fa1f)] text-[color:var(--zui-dropdown-item-sapphire-fg,#1d4ed8)] dark:text-[color:var(--zui-dropdown-item-sapphire-fg-dark,#60a5fa)]\",\n  lavender:\n    \"hover:bg-[var(--zui-dropdown-item-lavender-bg-hover,#8b5cf618)] dark:hover:bg-[var(--zui-dropdown-item-lavender-bg-hover-dark,#a78bfa2e)] hover:text-[color:var(--zui-dropdown-item-lavender-fg-hover,#8b5cf6)] dark:hover:text-[color:var(--zui-dropdown-item-lavender-fg-hover-dark,#a78bfa)] bg-[var(--zui-dropdown-item-lavender-bg,#8b5cf610)] dark:bg-[var(--zui-dropdown-item-lavender-bg-dark,#a78bfa1f)] text-[color:var(--zui-dropdown-item-lavender-fg,#8b5cf6)] dark:text-[color:var(--zui-dropdown-item-lavender-fg-dark,#a78bfa)]\",\n  ruby: \"hover:bg-[var(--zui-dropdown-item-ruby-bg-hover,#be123c18)] dark:hover:bg-[var(--zui-dropdown-item-ruby-bg-hover-dark,#fb71852e)] hover:text-[color:var(--zui-dropdown-item-ruby-fg-hover,#be123c)] dark:hover:text-[color:var(--zui-dropdown-item-ruby-fg-hover-dark,#fb7185)] bg-[var(--zui-dropdown-item-ruby-bg,#be123c10)] dark:bg-[var(--zui-dropdown-item-ruby-bg-dark,#fb71851f)] text-[color:var(--zui-dropdown-item-ruby-fg,#be123c)] dark:text-[color:var(--zui-dropdown-item-ruby-fg-dark,#fb7185)]\",\n  red: \"hover:bg-[var(--zui-dropdown-item-red-bg-hover,#dc262618)] dark:hover:bg-[var(--zui-dropdown-item-red-bg-hover-dark,#ef44442e)] hover:text-[color:var(--zui-dropdown-item-red-fg-hover,#dc2626)] dark:hover:text-[color:var(--zui-dropdown-item-red-fg-hover-dark,#ef4444)] bg-[var(--zui-dropdown-item-red-bg,#dc262610)] dark:bg-[var(--zui-dropdown-item-red-bg-dark,#ef44441f)] text-[color:var(--zui-dropdown-item-red-fg,#dc2626)] dark:text-[color:var(--zui-dropdown-item-red-fg-dark,#ef4444)]\",\n  slate:\n    \"hover:bg-[var(--zui-dropdown-item-slate-bg-hover,#47556918)] dark:hover:bg-[var(--zui-dropdown-item-slate-bg-hover-dark,#64748b2e)] hover:text-[color:var(--zui-dropdown-item-slate-fg-hover,#475569)] dark:hover:text-[color:var(--zui-dropdown-item-slate-fg-hover-dark,#64748b)] bg-[var(--zui-dropdown-item-slate-bg,#47556910)] dark:bg-[var(--zui-dropdown-item-slate-bg-dark,#64748b1f)] text-[color:var(--zui-dropdown-item-slate-fg,#475569)] dark:text-[color:var(--zui-dropdown-item-slate-fg-dark,#64748b)]\",\n  zinc: \"hover:bg-[var(--zui-dropdown-item-zinc-bg-hover,#52525b18)] dark:hover:bg-[var(--zui-dropdown-item-zinc-bg-hover-dark,#71717a2e)] hover:text-[color:var(--zui-dropdown-item-zinc-fg-hover,#52525b)] dark:hover:text-[color:var(--zui-dropdown-item-zinc-fg-hover-dark,#71717a)] bg-[var(--zui-dropdown-item-zinc-bg,#52525b10)] dark:bg-[var(--zui-dropdown-item-zinc-bg-dark,#71717a1f)] text-[color:var(--zui-dropdown-item-zinc-fg,#52525b)] dark:text-[color:var(--zui-dropdown-item-zinc-fg-dark,#71717a)]\",\n  stone:\n    \"hover:bg-[var(--zui-dropdown-item-stone-bg-hover,#57534e18)] dark:hover:bg-[var(--zui-dropdown-item-stone-bg-hover-dark,#78716c2e)] hover:text-[color:var(--zui-dropdown-item-stone-fg-hover,#57534e)] dark:hover:text-[color:var(--zui-dropdown-item-stone-fg-hover-dark,#78716c)] bg-[var(--zui-dropdown-item-stone-bg,#57534e10)] dark:bg-[var(--zui-dropdown-item-stone-bg-dark,#78716c1f)] text-[color:var(--zui-dropdown-item-stone-fg,#57534e)] dark:text-[color:var(--zui-dropdown-item-stone-fg-dark,#78716c)]\",\n  royal:\n    \"hover:bg-[var(--zui-dropdown-item-royal-bg-hover,#4338ca18)] dark:hover:bg-[var(--zui-dropdown-item-royal-bg-hover-dark,#818cf82e)] hover:text-[color:var(--zui-dropdown-item-royal-fg-hover,#4338ca)] dark:hover:text-[color:var(--zui-dropdown-item-royal-fg-hover-dark,#818cf8)] bg-[var(--zui-dropdown-item-royal-bg,#4338ca10)] dark:bg-[var(--zui-dropdown-item-royal-bg-dark,#818cf81f)] text-[color:var(--zui-dropdown-item-royal-fg,#4338ca)] dark:text-[color:var(--zui-dropdown-item-royal-fg-dark,#818cf8)]\",\n  electric:\n    \"hover:bg-[var(--zui-dropdown-item-electric-bg-hover,#0ea5e918)] dark:hover:bg-[var(--zui-dropdown-item-electric-bg-hover-dark,#38bdf82e)] hover:text-[color:var(--zui-dropdown-item-electric-fg-hover,#0ea5e9)] dark:hover:text-[color:var(--zui-dropdown-item-electric-fg-hover-dark,#38bdf8)] bg-[var(--zui-dropdown-item-electric-bg,#0ea5e910)] dark:bg-[var(--zui-dropdown-item-electric-bg-dark,#38bdf81f)] text-[color:var(--zui-dropdown-item-electric-fg,#0ea5e9)] dark:text-[color:var(--zui-dropdown-item-electric-fg-dark,#38bdf8)]\",\n  forest:\n    \"hover:bg-[var(--zui-dropdown-item-forest-bg-hover,#16653418)] dark:hover:bg-[var(--zui-dropdown-item-forest-bg-hover-dark,#4ade802e)] hover:text-[color:var(--zui-dropdown-item-forest-fg-hover,#166534)] dark:hover:text-[color:var(--zui-dropdown-item-forest-fg-hover-dark,#4ade80)] bg-[var(--zui-dropdown-item-forest-bg,#16653410)] dark:bg-[var(--zui-dropdown-item-forest-bg-dark,#4ade801f)] text-[color:var(--zui-dropdown-item-forest-fg,#166534)] dark:text-[color:var(--zui-dropdown-item-forest-fg-dark,#4ade80)]\",\n  sunset:\n    \"hover:bg-[var(--zui-dropdown-item-sunset-bg-hover,#ea580c18)] dark:hover:bg-[var(--zui-dropdown-item-sunset-bg-hover-dark,#fb923c2e)] hover:text-[color:var(--zui-dropdown-item-sunset-fg-hover,#ea580c)] dark:hover:text-[color:var(--zui-dropdown-item-sunset-fg-hover-dark,#fb923c)] bg-[var(--zui-dropdown-item-sunset-bg,#ea580c10)] dark:bg-[var(--zui-dropdown-item-sunset-bg-dark,#fb923c1f)] text-[color:var(--zui-dropdown-item-sunset-fg,#ea580c)] dark:text-[color:var(--zui-dropdown-item-sunset-fg-dark,#fb923c)]\",\n  magenta:\n    \"hover:bg-[var(--zui-dropdown-item-magenta-bg-hover,#c026d318)] dark:hover:bg-[var(--zui-dropdown-item-magenta-bg-hover-dark,#e879f92e)] hover:text-[color:var(--zui-dropdown-item-magenta-fg-hover,#c026d3)] dark:hover:text-[color:var(--zui-dropdown-item-magenta-fg-hover-dark,#e879f9)] bg-[var(--zui-dropdown-item-magenta-bg,#c026d310)] dark:bg-[var(--zui-dropdown-item-magenta-bg-dark,#e879f91f)] text-[color:var(--zui-dropdown-item-magenta-fg,#c026d3)] dark:text-[color:var(--zui-dropdown-item-magenta-fg-dark,#e879f9)]\",\n  crimson:\n    \"hover:bg-[var(--zui-dropdown-item-crimson-bg-hover,#b91c1c18)] dark:hover:bg-[var(--zui-dropdown-item-crimson-bg-hover-dark,#f871712e)] hover:text-[color:var(--zui-dropdown-item-crimson-fg-hover,#b91c1c)] dark:hover:text-[color:var(--zui-dropdown-item-crimson-fg-hover-dark,#f87171)] bg-[var(--zui-dropdown-item-crimson-bg,#b91c1c10)] dark:bg-[var(--zui-dropdown-item-crimson-bg-dark,#f871711f)] text-[color:var(--zui-dropdown-item-crimson-fg,#b91c1c)] dark:text-[color:var(--zui-dropdown-item-crimson-fg-dark,#f87171)]\",\n  aqua: \"hover:bg-[var(--zui-dropdown-item-aqua-bg-hover,#0f766e18)] dark:hover:bg-[var(--zui-dropdown-item-aqua-bg-hover-dark,#2dd4bf2e)] hover:text-[color:var(--zui-dropdown-item-aqua-fg-hover,#0f766e)] dark:hover:text-[color:var(--zui-dropdown-item-aqua-fg-hover-dark,#2dd4bf)] bg-[var(--zui-dropdown-item-aqua-bg,#0f766e10)] dark:bg-[var(--zui-dropdown-item-aqua-bg-dark,#2dd4bf1f)] text-[color:var(--zui-dropdown-item-aqua-fg,#0f766e)] dark:text-[color:var(--zui-dropdown-item-aqua-fg-dark,#2dd4bf)]\",\n  plum: \"hover:bg-[var(--zui-dropdown-item-plum-bg-hover,#7e22ce18)] dark:hover:bg-[var(--zui-dropdown-item-plum-bg-hover-dark,#c084fc2e)] hover:text-[color:var(--zui-dropdown-item-plum-fg-hover,#7e22ce)] dark:hover:text-[color:var(--zui-dropdown-item-plum-fg-hover-dark,#c084fc)] bg-[var(--zui-dropdown-item-plum-bg,#7e22ce10)] dark:bg-[var(--zui-dropdown-item-plum-bg-dark,#c084fc1f)] text-[color:var(--zui-dropdown-item-plum-fg,#7e22ce)] dark:text-[color:var(--zui-dropdown-item-plum-fg-dark,#c084fc)]\",\n} as const;\n"]}

package/dist/chunk-HI54NLVM.js

@@ -0,0 +1,179 @@
+'use strict';
+
+var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
+var classVarianceAuthority = require('class-variance-authority');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/design-system/empty-state.ts
+var zuiEmptyStateBase = "flex w-full flex-col items-center text-center";
+var zuiEmptyStateSizes = {
+  sm: "gap-2 p-4 text-sm",
+  md: "gap-3 p-6 text-sm",
+  lg: "gap-4 p-8 text-base"
+};
+var zuiEmptyStateAppearances = {
+  default: "text-[color:var(--zui-empty-state-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-empty-state-default-fg-dark,oklch(98.4%_0.003_247.858))]",
+  ghost: "text-[color:var(--zui-empty-state-ghost-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-empty-state-ghost-fg-dark,oklch(92.9%_0.013_255.508))]",
+  card: "rounded-2xl border border-[color:var(--zui-empty-state-card-border,#0000001a)] dark:border-[color:var(--zui-empty-state-card-border-dark,#ffffff1a)] bg-[var(--zui-empty-state-card-bg,#ffffffe6)] dark:bg-[var(--zui-empty-state-card-bg-dark,#ffffff0d)] p-8 text-[color:var(--zui-empty-state-card-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-empty-state-card-fg-dark,oklch(98.4%_0.003_247.858))] shadow-[var(--zui-empty-state-card-shadow,0_8px_24px_rgba(15,23,42,0.12))] dark:shadow-[var(--zui-empty-state-card-shadow-dark,0_18px_48px_rgba(15,23,42,0.35))]",
+  blue: "border border-[color:var(--zui-empty-state-blue-border,#2563eb)] dark:border-[color:var(--zui-empty-state-blue-border-dark,#3b82f6)] bg-[var(--zui-empty-state-blue-bg,#2563eb14)] dark:bg-[var(--zui-empty-state-blue-bg-dark,#3b82f624)] text-[color:var(--zui-empty-state-blue-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-blue-fg-dark,#f8fafc)]",
+  cyan: "border border-[color:var(--zui-empty-state-cyan-border,#0891b2)] dark:border-[color:var(--zui-empty-state-cyan-border-dark,#22d3ee)] bg-[var(--zui-empty-state-cyan-bg,#0891b214)] dark:bg-[var(--zui-empty-state-cyan-bg-dark,#22d3ee24)] text-[color:var(--zui-empty-state-cyan-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-cyan-fg-dark,#f8fafc)]",
+  green: "border border-[color:var(--zui-empty-state-green-border,#16a34a)] dark:border-[color:var(--zui-empty-state-green-border-dark,#22c55e)] bg-[var(--zui-empty-state-green-bg,#16a34a14)] dark:bg-[var(--zui-empty-state-green-bg-dark,#22c55e24)] text-[color:var(--zui-empty-state-green-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-green-fg-dark,#f8fafc)]",
+  lime: "border border-[color:var(--zui-empty-state-lime-border,#65a30d)] dark:border-[color:var(--zui-empty-state-lime-border-dark,#a3e635)] bg-[var(--zui-empty-state-lime-bg,#65a30d14)] dark:bg-[var(--zui-empty-state-lime-bg-dark,#a3e63524)] text-[color:var(--zui-empty-state-lime-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-lime-fg-dark,#f8fafc)]",
+  mint: "border border-[color:var(--zui-empty-state-mint-border,#10b981)] dark:border-[color:var(--zui-empty-state-mint-border-dark,#6ee7b7)] bg-[var(--zui-empty-state-mint-bg,#10b98114)] dark:bg-[var(--zui-empty-state-mint-bg-dark,#6ee7b724)] text-[color:var(--zui-empty-state-mint-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-mint-fg-dark,#f8fafc)]",
+  ocean: "border border-[color:var(--zui-empty-state-ocean-border,#0284c7)] dark:border-[color:var(--zui-empty-state-ocean-border-dark,#38bdf8)] bg-[var(--zui-empty-state-ocean-bg,#0284c714)] dark:bg-[var(--zui-empty-state-ocean-bg-dark,#38bdf824)] text-[color:var(--zui-empty-state-ocean-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-ocean-fg-dark,#f8fafc)]",
+  sapphire: "border border-[color:var(--zui-empty-state-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-empty-state-sapphire-border-dark,#60a5fa)] bg-[var(--zui-empty-state-sapphire-bg,#1d4ed814)] dark:bg-[var(--zui-empty-state-sapphire-bg-dark,#60a5fa24)] text-[color:var(--zui-empty-state-sapphire-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-sapphire-fg-dark,#f8fafc)]",
+  lavender: "border border-[color:var(--zui-empty-state-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-empty-state-lavender-border-dark,#a78bfa)] bg-[var(--zui-empty-state-lavender-bg,#8b5cf614)] dark:bg-[var(--zui-empty-state-lavender-bg-dark,#a78bfa24)] text-[color:var(--zui-empty-state-lavender-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-lavender-fg-dark,#f8fafc)]",
+  ruby: "border border-[color:var(--zui-empty-state-ruby-border,#be123c)] dark:border-[color:var(--zui-empty-state-ruby-border-dark,#fb7185)] bg-[var(--zui-empty-state-ruby-bg,#be123c14)] dark:bg-[var(--zui-empty-state-ruby-bg-dark,#fb718524)] text-[color:var(--zui-empty-state-ruby-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-ruby-fg-dark,#f8fafc)]",
+  red: "border border-[color:var(--zui-empty-state-red-border,#dc2626)] dark:border-[color:var(--zui-empty-state-red-border-dark,#ef4444)] bg-[var(--zui-empty-state-red-bg,#dc262614)] dark:bg-[var(--zui-empty-state-red-bg-dark,#ef444424)] text-[color:var(--zui-empty-state-red-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-red-fg-dark,#f8fafc)]",
+  slate: "border border-[color:var(--zui-empty-state-slate-border,#475569)] dark:border-[color:var(--zui-empty-state-slate-border-dark,#64748b)] bg-[var(--zui-empty-state-slate-bg,#47556914)] dark:bg-[var(--zui-empty-state-slate-bg-dark,#64748b24)] text-[color:var(--zui-empty-state-slate-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-slate-fg-dark,#f8fafc)]",
+  zinc: "border border-[color:var(--zui-empty-state-zinc-border,#52525b)] dark:border-[color:var(--zui-empty-state-zinc-border-dark,#71717a)] bg-[var(--zui-empty-state-zinc-bg,#52525b14)] dark:bg-[var(--zui-empty-state-zinc-bg-dark,#71717a24)] text-[color:var(--zui-empty-state-zinc-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-zinc-fg-dark,#f8fafc)]",
+  stone: "border border-[color:var(--zui-empty-state-stone-border,#57534e)] dark:border-[color:var(--zui-empty-state-stone-border-dark,#78716c)] bg-[var(--zui-empty-state-stone-bg,#57534e14)] dark:bg-[var(--zui-empty-state-stone-bg-dark,#78716c24)] text-[color:var(--zui-empty-state-stone-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-stone-fg-dark,#f8fafc)]",
+  royal: "border border-[color:var(--zui-empty-state-royal-border,#4338ca)] dark:border-[color:var(--zui-empty-state-royal-border-dark,#818cf8)] bg-[var(--zui-empty-state-royal-bg,#4338ca14)] dark:bg-[var(--zui-empty-state-royal-bg-dark,#818cf824)] text-[color:var(--zui-empty-state-royal-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-royal-fg-dark,#f8fafc)]",
+  electric: "border border-[color:var(--zui-empty-state-electric-border,#0ea5e9)] dark:border-[color:var(--zui-empty-state-electric-border-dark,#38bdf8)] bg-[var(--zui-empty-state-electric-bg,#0ea5e914)] dark:bg-[var(--zui-empty-state-electric-bg-dark,#38bdf824)] text-[color:var(--zui-empty-state-electric-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-electric-fg-dark,#f8fafc)]",
+  forest: "border border-[color:var(--zui-empty-state-forest-border,#166534)] dark:border-[color:var(--zui-empty-state-forest-border-dark,#4ade80)] bg-[var(--zui-empty-state-forest-bg,#16653414)] dark:bg-[var(--zui-empty-state-forest-bg-dark,#4ade8024)] text-[color:var(--zui-empty-state-forest-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-forest-fg-dark,#f8fafc)]",
+  sunset: "border border-[color:var(--zui-empty-state-sunset-border,#ea580c)] dark:border-[color:var(--zui-empty-state-sunset-border-dark,#fb923c)] bg-[var(--zui-empty-state-sunset-bg,#ea580c14)] dark:bg-[var(--zui-empty-state-sunset-bg-dark,#fb923c24)] text-[color:var(--zui-empty-state-sunset-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-sunset-fg-dark,#f8fafc)]",
+  magenta: "border border-[color:var(--zui-empty-state-magenta-border,#c026d3)] dark:border-[color:var(--zui-empty-state-magenta-border-dark,#e879f9)] bg-[var(--zui-empty-state-magenta-bg,#c026d314)] dark:bg-[var(--zui-empty-state-magenta-bg-dark,#e879f924)] text-[color:var(--zui-empty-state-magenta-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-magenta-fg-dark,#f8fafc)]",
+  crimson: "border border-[color:var(--zui-empty-state-crimson-border,#b91c1c)] dark:border-[color:var(--zui-empty-state-crimson-border-dark,#f87171)] bg-[var(--zui-empty-state-crimson-bg,#b91c1c14)] dark:bg-[var(--zui-empty-state-crimson-bg-dark,#f8717124)] text-[color:var(--zui-empty-state-crimson-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-crimson-fg-dark,#f8fafc)]",
+  aqua: "border border-[color:var(--zui-empty-state-aqua-border,#0f766e)] dark:border-[color:var(--zui-empty-state-aqua-border-dark,#2dd4bf)] bg-[var(--zui-empty-state-aqua-bg,#0f766e14)] dark:bg-[var(--zui-empty-state-aqua-bg-dark,#2dd4bf24)] text-[color:var(--zui-empty-state-aqua-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-aqua-fg-dark,#f8fafc)]",
+  plum: "border border-[color:var(--zui-empty-state-plum-border,#7e22ce)] dark:border-[color:var(--zui-empty-state-plum-border-dark,#c084fc)] bg-[var(--zui-empty-state-plum-bg,#7e22ce14)] dark:bg-[var(--zui-empty-state-plum-bg-dark,#c084fc24)] text-[color:var(--zui-empty-state-plum-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-plum-fg-dark,#f8fafc)]"
+};
+var zuiEmptyStateAlignments = {
+  start: "items-start text-left",
+  center: "items-center text-center",
+  end: "items-end text-right"
+};
+var zuiEmptyStateTitleBase = "font-semibold tracking-tight";
+var zuiEmptyStateTitleSizes = {
+  sm: "text-base",
+  md: "text-lg",
+  lg: "text-xl"
+};
+var zuiEmptyStateDescriptionBase = "max-w-md text-[color:var(--zui-empty-state-description-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-empty-state-description-fg-dark,oklch(70.4%_0.04_256.788))]";
+var zuiEmptyStateDescriptionSizes = {
+  sm: "text-xs",
+  md: "text-sm",
+  lg: "text-base"
+};
+
+// src/ui/empty-state/variants.ts
+var emptyStateVariants = classVarianceAuthority.cva(zuiEmptyStateBase, {
+  variants: {
+    size: zuiEmptyStateSizes,
+    appearance: zuiEmptyStateAppearances,
+    align: zuiEmptyStateAlignments
+  },
+  defaultVariants: {
+    size: "md",
+    appearance: "default",
+    align: "center"
+  }
+});
+var emptyStateTitleVariants = classVarianceAuthority.cva(zuiEmptyStateTitleBase, {
+  variants: {
+    size: zuiEmptyStateTitleSizes
+  },
+  defaultVariants: { size: "md" }
+});
+var emptyStateDescriptionVariants = classVarianceAuthority.cva(zuiEmptyStateDescriptionBase, {
+  variants: {
+    size: zuiEmptyStateDescriptionSizes
+  },
+  defaultVariants: { size: "md" }
+});
+var EmptyStateSizeContext = react.createContext("md");
+function useEmptyStateSize() {
+  return react.useContext(EmptyStateSizeContext);
+}
+function EmptyStateBase(props) {
+  const {
+    className,
+    size = "md",
+    appearance,
+    align,
+    children,
+    ref,
+    liveRegion = false,
+    as: Wrapper = "section",
+    ...rest
+  } = props;
+  const ctx = react.useMemo(() => size ?? "md", [size]);
+  const liveAria = typeof liveRegion === "string" ? liveRegion : liveRegion === true ? "polite" : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(EmptyStateSizeContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsx(
+    Wrapper,
+    {
+      ref,
+      "data-slot": "empty-state",
+      "aria-live": liveAria,
+      className: chunkZS5756ZC_js.cn(
+        emptyStateVariants({ size, appearance, align }),
+        className
+      ),
+      ...rest,
+      children
+    }
+  ) });
+}
+EmptyStateBase.displayName = "EmptyState";
+function EmptyStateIcon({
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "empty-state-icon",
+      className: chunkZS5756ZC_js.cn("text-slate-300", className),
+      children
+    }
+  );
+}
+EmptyStateIcon.displayName = "EmptyStateIcon";
+function EmptyStateTitle({
+  className,
+  children
+}) {
+  const size = useEmptyStateSize();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "h2",
+    {
+      "data-slot": "empty-state-title",
+      className: chunkZS5756ZC_js.cn(emptyStateTitleVariants({ size }), className),
+      children
+    }
+  );
+}
+EmptyStateTitle.displayName = "EmptyStateTitle";
+function EmptyStateDescription({
+  className,
+  children
+}) {
+  const size = useEmptyStateSize();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "p",
+    {
+      "data-slot": "empty-state-description",
+      className: chunkZS5756ZC_js.cn(emptyStateDescriptionVariants({ size }), className),
+      children
+    }
+  );
+}
+EmptyStateDescription.displayName = "EmptyStateDescription";
+function EmptyStateAction({
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "empty-state-action", className: chunkZS5756ZC_js.cn("mt-2", className), children });
+}
+EmptyStateAction.displayName = "EmptyStateAction";
+
+exports.EmptyStateAction = EmptyStateAction;
+exports.EmptyStateBase = EmptyStateBase;
+exports.EmptyStateDescription = EmptyStateDescription;
+exports.EmptyStateIcon = EmptyStateIcon;
+exports.EmptyStateTitle = EmptyStateTitle;
+exports.emptyStateDescriptionVariants = emptyStateDescriptionVariants;
+exports.emptyStateTitleVariants = emptyStateTitleVariants;
+exports.emptyStateVariants = emptyStateVariants;
+//# sourceMappingURL=chunk-HI54NLVM.js.map
+//# sourceMappingURL=chunk-HI54NLVM.js.map

package/dist/chunk-HI54NLVM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/empty-state.ts","../src/ui/empty-state/variants.ts","../src/ui/empty-state/empty-state-base.tsx"],"names":["cva","createContext","useContext","useMemo","jsx","cn"],"mappings":"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","file":"chunk-HI54NLVM.js","sourcesContent":["export const zuiEmptyStateBase =\n  \"flex w-full flex-col items-center text-center\";\n\nexport const zuiEmptyStateSizes = {\n  sm: \"gap-2 p-4 text-sm\",\n  md: \"gap-3 p-6 text-sm\",\n  lg: \"gap-4 p-8 text-base\",\n} as const;\n\nexport const zuiEmptyStateAppearances = {\n  default:\n    \"text-[color:var(--zui-empty-state-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-empty-state-default-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  ghost:\n    \"text-[color:var(--zui-empty-state-ghost-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-empty-state-ghost-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  card: \"rounded-2xl border border-[color:var(--zui-empty-state-card-border,#0000001a)] dark:border-[color:var(--zui-empty-state-card-border-dark,#ffffff1a)] bg-[var(--zui-empty-state-card-bg,#ffffffe6)] dark:bg-[var(--zui-empty-state-card-bg-dark,#ffffff0d)] p-8 text-[color:var(--zui-empty-state-card-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-empty-state-card-fg-dark,oklch(98.4%_0.003_247.858))] shadow-[var(--zui-empty-state-card-shadow,0_8px_24px_rgba(15,23,42,0.12))] dark:shadow-[var(--zui-empty-state-card-shadow-dark,0_18px_48px_rgba(15,23,42,0.35))]\",\n  blue: \"border border-[color:var(--zui-empty-state-blue-border,#2563eb)] dark:border-[color:var(--zui-empty-state-blue-border-dark,#3b82f6)] bg-[var(--zui-empty-state-blue-bg,#2563eb14)] dark:bg-[var(--zui-empty-state-blue-bg-dark,#3b82f624)] text-[color:var(--zui-empty-state-blue-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-blue-fg-dark,#f8fafc)]\",\n  cyan: \"border border-[color:var(--zui-empty-state-cyan-border,#0891b2)] dark:border-[color:var(--zui-empty-state-cyan-border-dark,#22d3ee)] bg-[var(--zui-empty-state-cyan-bg,#0891b214)] dark:bg-[var(--zui-empty-state-cyan-bg-dark,#22d3ee24)] text-[color:var(--zui-empty-state-cyan-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-cyan-fg-dark,#f8fafc)]\",\n  green:\n    \"border border-[color:var(--zui-empty-state-green-border,#16a34a)] dark:border-[color:var(--zui-empty-state-green-border-dark,#22c55e)] bg-[var(--zui-empty-state-green-bg,#16a34a14)] dark:bg-[var(--zui-empty-state-green-bg-dark,#22c55e24)] text-[color:var(--zui-empty-state-green-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-green-fg-dark,#f8fafc)]\",\n  lime: \"border border-[color:var(--zui-empty-state-lime-border,#65a30d)] dark:border-[color:var(--zui-empty-state-lime-border-dark,#a3e635)] bg-[var(--zui-empty-state-lime-bg,#65a30d14)] dark:bg-[var(--zui-empty-state-lime-bg-dark,#a3e63524)] text-[color:var(--zui-empty-state-lime-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-lime-fg-dark,#f8fafc)]\",\n  mint: \"border border-[color:var(--zui-empty-state-mint-border,#10b981)] dark:border-[color:var(--zui-empty-state-mint-border-dark,#6ee7b7)] bg-[var(--zui-empty-state-mint-bg,#10b98114)] dark:bg-[var(--zui-empty-state-mint-bg-dark,#6ee7b724)] text-[color:var(--zui-empty-state-mint-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-mint-fg-dark,#f8fafc)]\",\n  ocean:\n    \"border border-[color:var(--zui-empty-state-ocean-border,#0284c7)] dark:border-[color:var(--zui-empty-state-ocean-border-dark,#38bdf8)] bg-[var(--zui-empty-state-ocean-bg,#0284c714)] dark:bg-[var(--zui-empty-state-ocean-bg-dark,#38bdf824)] text-[color:var(--zui-empty-state-ocean-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-ocean-fg-dark,#f8fafc)]\",\n  sapphire:\n    \"border border-[color:var(--zui-empty-state-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-empty-state-sapphire-border-dark,#60a5fa)] bg-[var(--zui-empty-state-sapphire-bg,#1d4ed814)] dark:bg-[var(--zui-empty-state-sapphire-bg-dark,#60a5fa24)] text-[color:var(--zui-empty-state-sapphire-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-sapphire-fg-dark,#f8fafc)]\",\n  lavender:\n    \"border border-[color:var(--zui-empty-state-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-empty-state-lavender-border-dark,#a78bfa)] bg-[var(--zui-empty-state-lavender-bg,#8b5cf614)] dark:bg-[var(--zui-empty-state-lavender-bg-dark,#a78bfa24)] text-[color:var(--zui-empty-state-lavender-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-lavender-fg-dark,#f8fafc)]\",\n  ruby: \"border border-[color:var(--zui-empty-state-ruby-border,#be123c)] dark:border-[color:var(--zui-empty-state-ruby-border-dark,#fb7185)] bg-[var(--zui-empty-state-ruby-bg,#be123c14)] dark:bg-[var(--zui-empty-state-ruby-bg-dark,#fb718524)] text-[color:var(--zui-empty-state-ruby-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-ruby-fg-dark,#f8fafc)]\",\n  red: \"border border-[color:var(--zui-empty-state-red-border,#dc2626)] dark:border-[color:var(--zui-empty-state-red-border-dark,#ef4444)] bg-[var(--zui-empty-state-red-bg,#dc262614)] dark:bg-[var(--zui-empty-state-red-bg-dark,#ef444424)] text-[color:var(--zui-empty-state-red-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-red-fg-dark,#f8fafc)]\",\n  slate:\n    \"border border-[color:var(--zui-empty-state-slate-border,#475569)] dark:border-[color:var(--zui-empty-state-slate-border-dark,#64748b)] bg-[var(--zui-empty-state-slate-bg,#47556914)] dark:bg-[var(--zui-empty-state-slate-bg-dark,#64748b24)] text-[color:var(--zui-empty-state-slate-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-slate-fg-dark,#f8fafc)]\",\n  zinc: \"border border-[color:var(--zui-empty-state-zinc-border,#52525b)] dark:border-[color:var(--zui-empty-state-zinc-border-dark,#71717a)] bg-[var(--zui-empty-state-zinc-bg,#52525b14)] dark:bg-[var(--zui-empty-state-zinc-bg-dark,#71717a24)] text-[color:var(--zui-empty-state-zinc-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-zinc-fg-dark,#f8fafc)]\",\n  stone:\n    \"border border-[color:var(--zui-empty-state-stone-border,#57534e)] dark:border-[color:var(--zui-empty-state-stone-border-dark,#78716c)] bg-[var(--zui-empty-state-stone-bg,#57534e14)] dark:bg-[var(--zui-empty-state-stone-bg-dark,#78716c24)] text-[color:var(--zui-empty-state-stone-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-stone-fg-dark,#f8fafc)]\",\n  royal:\n    \"border border-[color:var(--zui-empty-state-royal-border,#4338ca)] dark:border-[color:var(--zui-empty-state-royal-border-dark,#818cf8)] bg-[var(--zui-empty-state-royal-bg,#4338ca14)] dark:bg-[var(--zui-empty-state-royal-bg-dark,#818cf824)] text-[color:var(--zui-empty-state-royal-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-royal-fg-dark,#f8fafc)]\",\n  electric:\n    \"border border-[color:var(--zui-empty-state-electric-border,#0ea5e9)] dark:border-[color:var(--zui-empty-state-electric-border-dark,#38bdf8)] bg-[var(--zui-empty-state-electric-bg,#0ea5e914)] dark:bg-[var(--zui-empty-state-electric-bg-dark,#38bdf824)] text-[color:var(--zui-empty-state-electric-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-electric-fg-dark,#f8fafc)]\",\n  forest:\n    \"border border-[color:var(--zui-empty-state-forest-border,#166534)] dark:border-[color:var(--zui-empty-state-forest-border-dark,#4ade80)] bg-[var(--zui-empty-state-forest-bg,#16653414)] dark:bg-[var(--zui-empty-state-forest-bg-dark,#4ade8024)] text-[color:var(--zui-empty-state-forest-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-forest-fg-dark,#f8fafc)]\",\n  sunset:\n    \"border border-[color:var(--zui-empty-state-sunset-border,#ea580c)] dark:border-[color:var(--zui-empty-state-sunset-border-dark,#fb923c)] bg-[var(--zui-empty-state-sunset-bg,#ea580c14)] dark:bg-[var(--zui-empty-state-sunset-bg-dark,#fb923c24)] text-[color:var(--zui-empty-state-sunset-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-sunset-fg-dark,#f8fafc)]\",\n  magenta:\n    \"border border-[color:var(--zui-empty-state-magenta-border,#c026d3)] dark:border-[color:var(--zui-empty-state-magenta-border-dark,#e879f9)] bg-[var(--zui-empty-state-magenta-bg,#c026d314)] dark:bg-[var(--zui-empty-state-magenta-bg-dark,#e879f924)] text-[color:var(--zui-empty-state-magenta-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-magenta-fg-dark,#f8fafc)]\",\n  crimson:\n    \"border border-[color:var(--zui-empty-state-crimson-border,#b91c1c)] dark:border-[color:var(--zui-empty-state-crimson-border-dark,#f87171)] bg-[var(--zui-empty-state-crimson-bg,#b91c1c14)] dark:bg-[var(--zui-empty-state-crimson-bg-dark,#f8717124)] text-[color:var(--zui-empty-state-crimson-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-crimson-fg-dark,#f8fafc)]\",\n  aqua: \"border border-[color:var(--zui-empty-state-aqua-border,#0f766e)] dark:border-[color:var(--zui-empty-state-aqua-border-dark,#2dd4bf)] bg-[var(--zui-empty-state-aqua-bg,#0f766e14)] dark:bg-[var(--zui-empty-state-aqua-bg-dark,#2dd4bf24)] text-[color:var(--zui-empty-state-aqua-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-aqua-fg-dark,#f8fafc)]\",\n  plum: \"border border-[color:var(--zui-empty-state-plum-border,#7e22ce)] dark:border-[color:var(--zui-empty-state-plum-border-dark,#c084fc)] bg-[var(--zui-empty-state-plum-bg,#7e22ce14)] dark:bg-[var(--zui-empty-state-plum-bg-dark,#c084fc24)] text-[color:var(--zui-empty-state-plum-fg,#0f172a)] dark:text-[color:var(--zui-empty-state-plum-fg-dark,#f8fafc)]\",\n} as const;\n\nexport const zuiEmptyStateAlignments = {\n  start: \"items-start text-left\",\n  center: \"items-center text-center\",\n  end: \"items-end text-right\",\n} as const;\n\nexport const zuiEmptyStateTitleBase = \"font-semibold tracking-tight\";\n\nexport const zuiEmptyStateTitleSizes = {\n  sm: \"text-base\",\n  md: \"text-lg\",\n  lg: \"text-xl\",\n} as const;\n\nexport const zuiEmptyStateDescriptionBase =\n  \"max-w-md text-[color:var(--zui-empty-state-description-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-empty-state-description-fg-dark,oklch(70.4%_0.04_256.788))]\";\n\nexport const zuiEmptyStateDescriptionSizes = {\n  sm: \"text-xs\",\n  md: \"text-sm\",\n  lg: \"text-base\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiEmptyStateAlignments,\n  zuiEmptyStateAppearances,\n  zuiEmptyStateBase,\n  zuiEmptyStateDescriptionBase,\n  zuiEmptyStateDescriptionSizes,\n  zuiEmptyStateSizes,\n  zuiEmptyStateTitleBase,\n  zuiEmptyStateTitleSizes,\n} from \"../../design-system/empty-state\";\n\nexport const emptyStateVariants = cva(zuiEmptyStateBase, {\n  variants: {\n    size: zuiEmptyStateSizes,\n    appearance: zuiEmptyStateAppearances,\n    align: zuiEmptyStateAlignments,\n  },\n  defaultVariants: {\n    size: \"md\",\n    appearance: \"default\",\n    align: \"center\",\n  },\n});\n\nexport const emptyStateTitleVariants = cva(zuiEmptyStateTitleBase, {\n  variants: {\n    size: zuiEmptyStateTitleSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport const emptyStateDescriptionVariants = cva(zuiEmptyStateDescriptionBase, {\n  variants: {\n    size: zuiEmptyStateDescriptionSizes,\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  EmptyStateProps,\n  EmptyStateSectionProps,\n  EmptyStateSize,\n} from \"./types\";\nimport {\n  emptyStateDescriptionVariants,\n  emptyStateTitleVariants,\n  emptyStateVariants,\n} from \"./variants\";\n\nexport const EmptyStateSizeContext = createContext<EmptyStateSize>(\"md\");\n\nfunction useEmptyStateSize(): EmptyStateSize {\n  return useContext(EmptyStateSizeContext);\n}\n\nexport function EmptyStateBase(props: EmptyStateProps) {\n  const {\n    className,\n    size = \"md\",\n    appearance,\n    align,\n    children,\n    ref,\n    liveRegion = false,\n    as: Wrapper = \"section\",\n    ...rest\n  } = props;\n  const ctx = useMemo(() => size ?? \"md\", [size]);\n\n  const liveAria =\n    typeof liveRegion === \"string\"\n      ? liveRegion\n      : liveRegion === true\n        ? \"polite\"\n        : undefined;\n\n  return (\n    <EmptyStateSizeContext.Provider value={ctx}>\n      <Wrapper\n        ref={ref}\n        data-slot=\"empty-state\"\n        aria-live={liveAria}\n        className={cn(\n          emptyStateVariants({ size, appearance, align }),\n          className,\n        )}\n        {...rest}\n      >\n        {children}\n      </Wrapper>\n    </EmptyStateSizeContext.Provider>\n  );\n}\n\nEmptyStateBase.displayName = \"EmptyState\";\n\nexport function EmptyStateIcon({\n  className,\n  children,\n}: EmptyStateSectionProps) {\n  return (\n    <div\n      data-slot=\"empty-state-icon\"\n      className={cn(\"text-slate-300\", className)}\n    >\n      {children}\n    </div>\n  );\n}\n\nEmptyStateIcon.displayName = \"EmptyStateIcon\";\n\nexport function EmptyStateTitle({\n  className,\n  children,\n}: EmptyStateSectionProps) {\n  const size = useEmptyStateSize();\n  return (\n    <h2\n      data-slot=\"empty-state-title\"\n      className={cn(emptyStateTitleVariants({ size }), className)}\n    >\n      {children}\n    </h2>\n  );\n}\n\nEmptyStateTitle.displayName = \"EmptyStateTitle\";\n\nexport function EmptyStateDescription({\n  className,\n  children,\n}: EmptyStateSectionProps) {\n  const size = useEmptyStateSize();\n  return (\n    <p\n      data-slot=\"empty-state-description\"\n      className={cn(emptyStateDescriptionVariants({ size }), className)}\n    >\n      {children}\n    </p>\n  );\n}\n\nEmptyStateDescription.displayName = \"EmptyStateDescription\";\n\nexport function EmptyStateAction({\n  className,\n  children,\n}: EmptyStateSectionProps) {\n  return (\n    <div data-slot=\"empty-state-action\" className={cn(\"mt-2\", className)}>\n      {children}\n    </div>\n  );\n}\n\nEmptyStateAction.displayName = \"EmptyStateAction\";\n"]}