@zentauri-ui/zentauri-components 2.0.0 → 2.1.1

package/src/ui/combobox/combobox-base.tsx

@@ -257,7 +257,7 @@ export const ComboboxValue = ({
       <span
         data-slot="combobox-placeholder"
         className={cn(
-          "text-[color:var(--zui-combobox-value-placeholder-fg,oklch(55.1%_0.027_264.364))] dark:text-white",
+          "text-[color:var(--zui-combobox-value-placeholder-fg,oklch(55.1%_0.027_264.364))] dark:text-[color:var(--zui-combobox-value-placeholder-fg-dark,#ffffff)]",
           className,
         )}
         {...props}
@@ -456,7 +456,7 @@ export const ComboboxItem = ({
   value,
   children,
   disabled,
-  appearance = "default",
+  appearance,
   className,
   ...props
 }: ComboboxItemProps) => {
@@ -469,6 +469,8 @@ export const ComboboxItem = ({
     setActiveValue,
     listboxId,
   } = useCombobox();
+  const contentAppearance = useContext(ComboboxAppearanceContext);
+  const itemAppearance = appearance ?? contentAppearance;
 
   useEffect(() => {
     registerOption({ label: children, value, disabled });
@@ -500,7 +502,7 @@ export const ComboboxItem = ({
         }
       }}
       className={cn(
-        comboboxItemVariants({ disabled, appearance }),
+        comboboxItemVariants({ disabled, appearance: itemAppearance }),
         "flex justify-between",
         isHighlighted &&
           "bg-[var(--zui-combobox-item-active-bg,oklch(93%_0.006_264.531))] dark:bg-[var(--zui-combobox-item-active-bg-dark,oklch(22%_0.006_264.531))]",

package/src/ui/combobox/combobox.test.tsx

@@ -12,6 +12,12 @@ import {
   ComboboxTrigger,
   ComboboxValue,
 } from "./combobox-base";
+import {
+  comboboxContentVariants,
+  comboboxItemVariants,
+  comboboxListVariants,
+  comboboxTriggerVariants,
+} from "./variants";
 
 function BasicCombobox({
   multiple = false,
@@ -290,3 +296,66 @@ describe("Combobox — keyboard navigation", () => {
     expect(listbox).toHaveAttribute("id", controls);
   });
 });
+
+describe("Combobox — appearance variants", () => {
+  it("applies matching tokenized classes for extended and gradient appearances", () => {
+    expect(comboboxTriggerVariants({ variant: "forest" })).toContain(
+      "--zui-combobox-trigger-forest-bg",
+    );
+    expect(comboboxTriggerVariants({ variant: "gradient-blue" })).toContain(
+      "--zui-combobox-trigger-gradient-blue-border",
+    );
+    expect(comboboxTriggerVariants({ variant: "gradient-blue" })).toContain(
+      "--zui-combobox-value-placeholder-fg",
+    );
+
+    expect(comboboxContentVariants({ appearance: "plum" })).toContain(
+      "--zui-combobox-content-plum-bg",
+    );
+    expect(comboboxContentVariants({ appearance: "gradient-green" })).toContain(
+      "--zui-combobox-content-gradient-green-from",
+    );
+
+    expect(comboboxListVariants({ appearance: "mint" })).toContain(
+      "--zui-combobox-list-mint-border",
+    );
+    expect(comboboxItemVariants({ appearance: "forest" })).toContain(
+      "--zui-combobox-item-forest-bg",
+    );
+  });
+
+  it("provides readable child-slot tokens for gradient content", () => {
+    const contentClasses = comboboxContentVariants({
+      appearance: "gradient-red",
+    });
+
+    expect(contentClasses).toContain("--zui-combobox-search-placeholder");
+    expect(contentClasses).toContain("--zui-combobox-empty-fg");
+    expect(contentClasses).toContain("--zui-combobox-item-active-bg");
+  });
+
+  it("inherits content appearance for items when no item appearance is provided", async () => {
+    const user = userEvent.setup();
+
+    render(
+      <Combobox defaultValue={["apple"]}>
+        <ComboboxTrigger>
+          <ComboboxValue placeholder="Pick a fruit" />
+        </ComboboxTrigger>
+        <ComboboxContent appearance="gradient-teal">
+          <ComboboxSearch placeholder="Search fruits..." />
+          <ComboboxList>
+            <ComboboxItem value="apple">Apple</ComboboxItem>
+            <ComboboxEmpty>No fruit found.</ComboboxEmpty>
+          </ComboboxList>
+        </ComboboxContent>
+      </Combobox>,
+    );
+
+    await user.click(screen.getByRole("button"));
+
+    expect(
+      (await screen.findByRole("option", { name: /apple/i })).className,
+    ).toContain("--zui-combobox-item-gradient-teal-from");
+  });
+});

package/src/ui/command/command.test.tsx

@@ -13,6 +13,7 @@ import {
   CommandSeparator,
   CommandTrigger,
 } from "./command-base";
+import { commandContentVariants } from "./variants";
 
 function Palette({
   open,
@@ -114,3 +115,17 @@ describe("Command", () => {
     ).toBeTruthy();
   });
 });
+
+describe("Command appearance variants", () => {
+  it("uses surface-backed backgrounds for light color appearances", () => {
+    expect(commandContentVariants({ appearance: "sky" })).toContain(
+      "var(--zui-surface-muted,#ffffff)",
+    );
+    expect(commandContentVariants({ appearance: "red" })).toContain(
+      "var(--zui-surface-muted,#ffffff)",
+    );
+    expect(commandContentVariants({ appearance: "red" })).not.toContain(
+      "color-mix",
+    );
+  });
+});

package/src/ui/popover/popover.test.tsx

@@ -3,6 +3,7 @@ import userEvent from "@testing-library/user-event";
 import { describe, expect, it, vi } from "vitest";
 
 import { Popover, PopoverContent, PopoverTrigger } from "./popover";
+import { popoverContentVariants } from "./variants";
 
 describe("Popover", () => {
   it("should open and close popover content from the trigger", async () => {
@@ -82,3 +83,17 @@ describe("Popover", () => {
     expect(screen.queryByRole("dialog")).not.toBeInTheDocument();
   });
 });
+
+describe("Popover appearance variants", () => {
+  it("uses opaque surface backgrounds for color variants", () => {
+    expect(popoverContentVariants({ variant: "indigo" })).toContain(
+      "--zui-popover-indigo-bg,var(--zui-surface-muted,#ffffff)",
+    );
+    expect(popoverContentVariants({ variant: "purple" })).toContain(
+      "--zui-popover-purple-bg,var(--zui-surface-muted,#ffffff)",
+    );
+    expect(popoverContentVariants({ variant: "indigo" })).not.toContain(
+      "transparent",
+    );
+  });
+});

package/src/ui/search/search-suggestion-list.tsx

@@ -8,7 +8,7 @@ import { searchSuggestionOptionDomId } from "./search-suggestion-utils";
 import type { SearchSuggestionListProps } from "./types";
 
 const rowClassName =
-  "flex w-full flex-col gap-0.5 rounded-lg px-3 py-2.5 text-left text-sm transition-colors dark:hover:bg-white/5 hover:bg-black/10 focus-visible:bg-white/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cyan-400/50";
+  "flex w-full flex-col gap-0.5 rounded-[var(--zui-search-suggestion-radius,var(--zui-radius,0.5rem))] px-3 py-2.5 text-left text-sm transition-colors hover:bg-[var(--zui-search-suggestion-bg-hover,var(--zui-surface-hover,#0000001a))] dark:hover:bg-[var(--zui-search-suggestion-bg-hover-dark,var(--zui-surface-hover-dark,#ffffff0d))] focus-visible:bg-[var(--zui-search-suggestion-bg-focus,var(--zui-surface-hover,#ffffff0d))] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-search-suggestion-ring-focus,var(--zui-focus-ring,#22d3ee80))]";
 
 export function SearchSuggestionList({
   items,
@@ -25,7 +25,7 @@ export function SearchSuggestionList({
       <div
         data-slot="search-suggestion-list-empty"
         className={cn(
-          "px-1 py-6 text-center text-sm text-slate-900 dark:text-slate-200",
+          "px-1 py-6 text-center text-sm text-[color:var(--zui-search-empty-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-search-empty-fg-dark,var(--zui-fg-dark,#e2e8f0))]",
           className,
         )}
       >
@@ -78,7 +78,7 @@ export function SearchSuggestionList({
               {showGroup ? (
                 <div
                   role="presentation"
-                  className="sticky rounded-lg top-0 z-1 dark:bg-slate-950/95 bg-slate-50/95 px-2 pb-1 pt-2 text-xs font-semibold uppercase tracking-wide text-slate-900 dark:text-slate-200 backdrop-blur-sm"
+                  className="sticky top-0 z-1 rounded-[var(--zui-search-group-radius,var(--zui-radius,0.5rem))] bg-[var(--zui-search-group-bg,var(--zui-surface-muted,#f8fafcf2))] px-2 pb-1 pt-2 text-xs font-semibold uppercase tracking-wide text-[color:var(--zui-search-group-fg,var(--zui-fg,#0f172a))] backdrop-blur-sm dark:bg-[var(--zui-search-group-bg-dark,var(--zui-surface-muted-dark,#020617f2))] dark:text-[color:var(--zui-search-group-fg-dark,var(--zui-fg-dark,#e2e8f0))]"
                 >
                   {item.group}
                 </div>
@@ -89,16 +89,21 @@ export function SearchSuggestionList({
                 role={useListbox ? "option" : undefined}
                 aria-selected={useListbox ? isActive : undefined}
                 data-active={isActive ? "" : undefined}
-                className={cn(rowClassName, isActive ? "bg-white/5" : null)}
+                className={cn(
+                  rowClassName,
+                  isActive
+                    ? "bg-[var(--zui-search-suggestion-bg-active,var(--zui-surface-hover,#ffffff0d))]"
+                    : null,
+                )}
                 onMouseEnter={() => onActiveIdChange?.(item.id)}
                 onFocus={() => onActiveIdChange?.(item.id)}
                 onClick={() => onSelect(item.id)}
               >
-                <span className="font-medium text-slate-900 dark:text-slate-100">
+                <span className="font-medium text-[color:var(--zui-search-suggestion-label-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-search-suggestion-label-fg-dark,var(--zui-fg-dark,#f1f5f9))]">
                   {item.label}
                 </span>
                 {item.description ? (
-                  <span className="truncate text-xs text-slate-900 dark:text-slate-200">
+                  <span className="truncate text-xs text-[color:var(--zui-search-suggestion-description-fg,var(--zui-fg-muted,#0f172a))] dark:text-[color:var(--zui-search-suggestion-description-fg-dark,var(--zui-fg-muted-dark,#e2e8f0))]">
                     {item.description}
                   </span>
                 ) : null}

package/src/ui/skeleton/variants.ts

@@ -145,6 +145,111 @@ export const skeletonVariants = cva(zuiSkeletonBase, {
       shimmerTone: "gradient-orange",
       class: skeletonShimmerGradientClasses["gradient-orange"],
     },
+    {
+      animation: "shimmer",
+      shimmerTone: "blue",
+      class: skeletonShimmerGradientClasses.blue,
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "cyan",
+      class: skeletonShimmerGradientClasses.cyan,
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "green",
+      class: skeletonShimmerGradientClasses.green,
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "lime",
+      class: skeletonShimmerGradientClasses.lime,
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "mint",
+      class: skeletonShimmerGradientClasses.mint,
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "ocean",
+      class: skeletonShimmerGradientClasses.ocean,
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "sapphire",
+      class: skeletonShimmerGradientClasses.sapphire,
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "lavender",
+      class: skeletonShimmerGradientClasses.lavender,
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "ruby",
+      class: skeletonShimmerGradientClasses.ruby,
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "red",
+      class: skeletonShimmerGradientClasses.red,
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "slate",
+      class: skeletonShimmerGradientClasses.slate,
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "zinc",
+      class: skeletonShimmerGradientClasses.zinc,
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "stone",
+      class: skeletonShimmerGradientClasses.stone,
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "royal",
+      class: skeletonShimmerGradientClasses.royal,
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "electric",
+      class: skeletonShimmerGradientClasses.electric,
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "forest",
+      class: skeletonShimmerGradientClasses.forest,
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "sunset",
+      class: skeletonShimmerGradientClasses.sunset,
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "magenta",
+      class: skeletonShimmerGradientClasses.magenta,
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "crimson",
+      class: skeletonShimmerGradientClasses.crimson,
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "aqua",
+      class: skeletonShimmerGradientClasses.aqua,
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "plum",
+      class: skeletonShimmerGradientClasses.plum,
+    },
     {
       animation: "pulse",
       class: "",

package/src/ui/tabs/tabs.test.tsx

@@ -3,6 +3,7 @@ import userEvent from "@testing-library/user-event";
 import { describe, expect, it } from "vitest";
 
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "./tabs";
+import { tabsTriggerVariants } from "./variants";
 
 describe("Tabs", () => {
   it("should stamp data-slot on root", () => {
@@ -51,3 +52,17 @@ describe("Tabs", () => {
     });
   });
 });
+
+describe("Tabs appearance variants", () => {
+  it("uses solid active states for extended color appearances", () => {
+    expect(
+      tabsTriggerVariants({ appearance: "lime", variant: "pills" }),
+    ).toContain("--zui-tabs-trigger-lime-bg-active");
+    expect(
+      tabsTriggerVariants({ appearance: "mint", variant: "pills" }),
+    ).toContain("--zui-tabs-trigger-mint-bg-active");
+    expect(
+      tabsTriggerVariants({ appearance: "lime", variant: "pills" }),
+    ).not.toContain("#65a30d10");
+  });
+});

package/src/ui/toast/toast.test.tsx

@@ -6,6 +6,7 @@ import { afterEach, describe, expect, it, vi } from "vitest";
 import type { ToastAnimation } from "./types";
 
 import { ToastProvider, ToastViewport, useToast } from "./toast";
+import { toastRootVariants } from "./variants";
 
 function ToastHarness({
   title,
@@ -100,3 +101,14 @@ describe("Toast", () => {
     );
   }, 5000);
 });
+
+describe("Toast appearance variants", () => {
+  it("uses opaque surface backgrounds for extended color appearances", () => {
+    expect(toastRootVariants({ appearance: "ruby" })).toContain(
+      "--zui-toast-root-ruby-bg,oklch(27.1%_0.105_12.094)",
+    );
+    expect(toastRootVariants({ appearance: "ruby" })).not.toContain(
+      "#be123c14",
+    );
+  });
+});

package/dist/chunk-22I54GJW.js

@@ -1,69 +0,0 @@
-'use strict';
-
-// src/design-system/popover.ts
-var zuiPopoverContentBase = "absolute z-50 rounded-lg border shadow-lg transition-all duration-200 outline-none";
-var zuiPopoverContentVariants = {
-  default: "border-[color:var(--zui-popover-default-border,oklch(20.8%_0.042_265.755_/_0.1))] dark:border-[color:var(--zui-popover-default-border-dark,#ffffff1a)] bg-[var(--zui-popover-default-bg,#ffffff)] dark:bg-[var(--zui-popover-default-bg-dark,oklch(20.8%_0.042_265.755))] text-[color:var(--zui-popover-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-popover-default-fg-dark,oklch(96.8%_0.007_247.896))]",
-  outline: "border-[color:var(--zui-popover-outline-border,oklch(37.3%_0.034_259.733))] dark:border-[color:var(--zui-popover-outline-border-dark,oklch(87.2%_0.01_258.338))] bg-[var(--zui-popover-outline-bg,#ffffff)] dark:bg-[var(--zui-popover-outline-bg-dark,#000000)] text-[color:var(--zui-popover-outline-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-popover-outline-fg-dark,#ffffff)]",
-  ghost: "border-transparent bg-[var(--zui-popover-ghost-bg,oklch(96.7%_0.003_264.542))] dark:bg-[var(--zui-popover-ghost-bg-dark,oklch(27.8%_0.033_256.848))] text-[color:var(--zui-popover-ghost-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-popover-ghost-fg-dark,#ffffffe6)]",
-  glass: "border-[color:var(--zui-popover-glass-border,#00000026)] dark:border-[color:var(--zui-popover-glass-border-dark,#ffffff26)] bg-[var(--zui-popover-glass-bg,#ffffffb3)] dark:bg-[var(--zui-popover-glass-bg-dark,#020617b3)] text-[color:var(--zui-popover-glass-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-popover-glass-fg-dark,#ffffff)] backdrop-blur-md",
-  emerald: "border-[color:var(--zui-popover-emerald-border,oklch(43.2%_0.095_166.913_/_0.35))] dark:border-[color:var(--zui-popover-emerald-border-dark,oklch(43.2%_0.095_166.913_/_0.35))] bg-[var(--zui-popover-emerald-bg,oklch(90.5%_0.093_164.15))] text-[color:var(--zui-popover-emerald-fg,oklch(37.8%_0.077_168.94))] dark:bg-[var(--zui-popover-emerald-bg-dark,oklch(26.2%_0.051_172.552))] dark:text-[color:var(--zui-popover-emerald-fg-dark,oklch(90.5%_0.093_164.15))]",
-  indigo: "border-[color:var(--zui-popover-indigo-border,oklch(39.8%_0.195_277.366_/_0.35))] dark:border-[color:var(--zui-popover-indigo-border-dark,oklch(39.8%_0.195_277.366_/_0.35))] bg-[var(--zui-popover-indigo-bg,oklch(87%_0.065_274.039))] text-[color:var(--zui-popover-indigo-fg,oklch(35.9%_0.144_278.697))] dark:bg-[var(--zui-popover-indigo-bg-dark,oklch(25.7%_0.09_281.288))] dark:text-[color:var(--zui-popover-indigo-fg-dark,oklch(87%_0.065_274.039))]",
-  purple: "border-[color:var(--zui-popover-purple-border,oklch(43.8%_0.218_303.724_/_0.35))] dark:border-[color:var(--zui-popover-purple-border-dark,oklch(43.8%_0.218_303.724_/_0.35))] bg-[var(--zui-popover-purple-bg,oklch(90.2%_0.063_306.703))] text-[color:var(--zui-popover-purple-fg,oklch(38.1%_0.176_304.987))] dark:bg-[var(--zui-popover-purple-bg-dark,oklch(29.1%_0.149_302.717))] dark:text-[color:var(--zui-popover-purple-fg-dark,oklch(90.2%_0.063_306.703))]",
-  pink: "border-[color:var(--zui-popover-pink-border,oklch(45.9%_0.187_3.815_/_0.35))] dark:border-[color:var(--zui-popover-pink-border-dark,oklch(45.9%_0.187_3.815_/_0.35))] bg-[var(--zui-popover-pink-bg,oklch(89.9%_0.061_343.231))] text-[color:var(--zui-popover-pink-fg,oklch(40.8%_0.153_2.432))] dark:bg-[var(--zui-popover-pink-bg-dark,oklch(28.4%_0.109_3.907))] dark:text-[color:var(--zui-popover-pink-fg-dark,oklch(89.9%_0.061_343.231))]",
-  rose: "border-[color:var(--zui-popover-rose-border,oklch(45.5%_0.188_13.697_/_0.35))] dark:border-[color:var(--zui-popover-rose-border-dark,oklch(45.5%_0.188_13.697_/_0.35))] bg-[var(--zui-popover-rose-bg,oklch(89.2%_0.058_10.001))] text-[color:var(--zui-popover-rose-fg,oklch(41%_0.159_10.272))] dark:bg-[var(--zui-popover-rose-bg-dark,oklch(27.1%_0.105_12.094))] dark:text-[color:var(--zui-popover-rose-fg-dark,oklch(89.2%_0.058_10.001))]",
-  sky: "border-[color:var(--zui-popover-sky-border,oklch(44.3%_0.11_240.79_/_0.35))] dark:border-[color:var(--zui-popover-sky-border-dark,oklch(44.3%_0.11_240.79_/_0.35))] bg-[var(--zui-popover-sky-bg,oklch(90.1%_0.058_230.902))] text-[color:var(--zui-popover-sky-fg,oklch(39.1%_0.09_240.876))] dark:bg-[var(--zui-popover-sky-bg-dark,oklch(29.3%_0.066_243.157))] dark:text-[color:var(--zui-popover-sky-fg-dark,oklch(90.1%_0.058_230.902))]",
-  teal: "border-[color:var(--zui-popover-teal-border,oklch(43.7%_0.078_188.216_/_0.35))] dark:border-[color:var(--zui-popover-teal-border-dark,oklch(43.7%_0.078_188.216_/_0.35))] bg-[var(--zui-popover-teal-bg,oklch(91%_0.096_180.426))] text-[color:var(--zui-popover-teal-fg,oklch(38.6%_0.063_188.416))] dark:bg-[var(--zui-popover-teal-bg-dark,oklch(27.7%_0.046_192.524))] dark:text-[color:var(--zui-popover-teal-fg-dark,oklch(91%_0.096_180.426))]",
-  yellow: "border-[color:var(--zui-popover-yellow-border,oklch(47.6%_0.114_61.907_/_0.35))] dark:border-[color:var(--zui-popover-yellow-border-dark,oklch(47.6%_0.114_61.907_/_0.35))] bg-[var(--zui-popover-yellow-bg,oklch(94.5%_0.129_101.54))] text-[color:var(--zui-popover-yellow-fg,oklch(42.1%_0.095_57.708))] dark:bg-[var(--zui-popover-yellow-bg-dark,oklch(28.6%_0.066_53.813))] dark:text-[color:var(--zui-popover-yellow-fg-dark,oklch(94.5%_0.129_101.54))]",
-  orange: "border-[color:var(--zui-popover-orange-border,oklch(47%_0.157_37.304_/_0.35))] dark:border-[color:var(--zui-popover-orange-border-dark,oklch(47%_0.157_37.304_/_0.35))] bg-[var(--zui-popover-orange-bg,oklch(90.1%_0.076_70.697))] text-[color:var(--zui-popover-orange-fg,oklch(40.8%_0.123_38.172))] dark:bg-[var(--zui-popover-orange-bg-dark,oklch(26.6%_0.079_36.259))] dark:text-[color:var(--zui-popover-orange-fg-dark,oklch(90.1%_0.076_70.697))]",
-  green: "border-[color:var(--zui-popover-green-border,oklch(44.8%_0.119_151.328_/_0.35))] dark:border-[color:var(--zui-popover-green-border-dark,oklch(44.8%_0.119_151.328_/_0.35))] bg-[var(--zui-popover-green-bg,oklch(92.5%_0.084_155.995))] text-[color:var(--zui-popover-green-fg,oklch(39.3%_0.095_152.535))] dark:bg-[var(--zui-popover-green-bg-dark,oklch(26.6%_0.065_152.934))] dark:text-[color:var(--zui-popover-green-fg-dark,oklch(92.5%_0.084_155.995))]",
-  "gradient-blue": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-blue-from,oklch(42.4%_0.199_265.638))] dark:from-[var(--zui-popover-gradient-blue-from-dark,oklch(42.4%_0.199_265.638))] to-[var(--zui-popover-gradient-blue-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-popover-gradient-blue-to-dark,oklch(43.8%_0.218_303.724))] text-[color:var(--zui-popover-gradient-blue-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-blue-fg-dark,#ffffff)]",
-  "gradient-green": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-green-from,oklch(44.8%_0.119_151.328))] dark:from-[var(--zui-popover-gradient-green-from-dark,oklch(44.8%_0.119_151.328))] to-[var(--zui-popover-gradient-green-to,oklch(45.3%_0.124_130.933))] dark:to-[var(--zui-popover-gradient-green-to-dark,oklch(45.3%_0.124_130.933))] text-[color:var(--zui-popover-gradient-green-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-green-fg-dark,#ffffff)]",
-  "gradient-red": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-red-from,oklch(44.4%_0.177_26.899))] dark:from-[var(--zui-popover-gradient-red-from-dark,oklch(44.4%_0.177_26.899))] to-[var(--zui-popover-gradient-red-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-popover-gradient-red-to-dark,oklch(45.9%_0.187_3.815))] text-[color:var(--zui-popover-gradient-red-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-red-fg-dark,#ffffff)]",
-  "gradient-yellow": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-yellow-from,oklch(47.6%_0.114_61.907))] dark:from-[var(--zui-popover-gradient-yellow-from-dark,oklch(47.6%_0.114_61.907))] to-[var(--zui-popover-gradient-yellow-to,oklch(47%_0.157_37.304))] dark:to-[var(--zui-popover-gradient-yellow-to-dark,oklch(47%_0.157_37.304))] text-[color:var(--zui-popover-gradient-yellow-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-yellow-fg-dark,#ffffff)]",
-  "gradient-purple": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-purple-from,oklch(43.8%_0.218_303.724))] dark:from-[var(--zui-popover-gradient-purple-from-dark,oklch(43.8%_0.218_303.724))] to-[var(--zui-popover-gradient-purple-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-popover-gradient-purple-to-dark,oklch(45.9%_0.187_3.815))] text-[color:var(--zui-popover-gradient-purple-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-purple-fg-dark,#ffffff)]",
-  "gradient-teal": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-teal-from,oklch(43.7%_0.078_188.216))] dark:from-[var(--zui-popover-gradient-teal-from-dark,oklch(43.7%_0.078_188.216))] to-[var(--zui-popover-gradient-teal-to,oklch(45%_0.085_224.283))] dark:to-[var(--zui-popover-gradient-teal-to-dark,oklch(45%_0.085_224.283))] text-[color:var(--zui-popover-gradient-teal-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-teal-fg-dark,#ffffff)]",
-  "gradient-indigo": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-indigo-from,oklch(39.8%_0.195_277.366))] dark:from-[var(--zui-popover-gradient-indigo-from-dark,oklch(39.8%_0.195_277.366))] to-[var(--zui-popover-gradient-indigo-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-popover-gradient-indigo-to-dark,oklch(43.8%_0.218_303.724))] text-[color:var(--zui-popover-gradient-indigo-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-indigo-fg-dark,#ffffff)]",
-  "gradient-pink": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-pink-from,oklch(45.9%_0.187_3.815))] dark:from-[var(--zui-popover-gradient-pink-from-dark,oklch(45.9%_0.187_3.815))] to-[var(--zui-popover-gradient-pink-to,oklch(45.5%_0.188_13.697))] dark:to-[var(--zui-popover-gradient-pink-to-dark,oklch(45.5%_0.188_13.697))] text-[color:var(--zui-popover-gradient-pink-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-pink-fg-dark,#ffffff)]",
-  "gradient-orange": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-orange-from,oklch(47%_0.157_37.304))] dark:from-[var(--zui-popover-gradient-orange-from-dark,oklch(47%_0.157_37.304))] to-[var(--zui-popover-gradient-orange-to,oklch(44.4%_0.177_26.899))] dark:to-[var(--zui-popover-gradient-orange-to-dark,oklch(44.4%_0.177_26.899))] text-[color:var(--zui-popover-gradient-orange-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-orange-fg-dark,#ffffff)]",
-  blue: "border border-[color:var(--zui-popover-content-blue-border,#2563eb)] dark:border-[color:var(--zui-popover-content-blue-border-dark,#3b82f6)] bg-[var(--zui-popover-content-blue-bg,#2563eb14)] dark:bg-[var(--zui-popover-content-blue-bg-dark,#3b82f624)] text-[color:var(--zui-popover-content-blue-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-blue-fg-dark,#f8fafc)] backdrop-blur-xl",
-  cyan: "border border-[color:var(--zui-popover-content-cyan-border,#0891b2)] dark:border-[color:var(--zui-popover-content-cyan-border-dark,#22d3ee)] bg-[var(--zui-popover-content-cyan-bg,#0891b214)] dark:bg-[var(--zui-popover-content-cyan-bg-dark,#22d3ee24)] text-[color:var(--zui-popover-content-cyan-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-cyan-fg-dark,#f8fafc)] backdrop-blur-xl",
-  lime: "border border-[color:var(--zui-popover-content-lime-border,#65a30d)] dark:border-[color:var(--zui-popover-content-lime-border-dark,#a3e635)] bg-[var(--zui-popover-content-lime-bg,#65a30d14)] dark:bg-[var(--zui-popover-content-lime-bg-dark,#a3e63524)] text-[color:var(--zui-popover-content-lime-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-lime-fg-dark,#f8fafc)] backdrop-blur-xl",
-  mint: "border border-[color:var(--zui-popover-content-mint-border,#10b981)] dark:border-[color:var(--zui-popover-content-mint-border-dark,#6ee7b7)] bg-[var(--zui-popover-content-mint-bg,#10b98114)] dark:bg-[var(--zui-popover-content-mint-bg-dark,#6ee7b724)] text-[color:var(--zui-popover-content-mint-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-mint-fg-dark,#f8fafc)] backdrop-blur-xl",
-  ocean: "border border-[color:var(--zui-popover-content-ocean-border,#0284c7)] dark:border-[color:var(--zui-popover-content-ocean-border-dark,#38bdf8)] bg-[var(--zui-popover-content-ocean-bg,#0284c714)] dark:bg-[var(--zui-popover-content-ocean-bg-dark,#38bdf824)] text-[color:var(--zui-popover-content-ocean-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-ocean-fg-dark,#f8fafc)] backdrop-blur-xl",
-  sapphire: "border border-[color:var(--zui-popover-content-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-popover-content-sapphire-border-dark,#60a5fa)] bg-[var(--zui-popover-content-sapphire-bg,#1d4ed814)] dark:bg-[var(--zui-popover-content-sapphire-bg-dark,#60a5fa24)] text-[color:var(--zui-popover-content-sapphire-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-sapphire-fg-dark,#f8fafc)] backdrop-blur-xl",
-  lavender: "border border-[color:var(--zui-popover-content-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-popover-content-lavender-border-dark,#a78bfa)] bg-[var(--zui-popover-content-lavender-bg,#8b5cf614)] dark:bg-[var(--zui-popover-content-lavender-bg-dark,#a78bfa24)] text-[color:var(--zui-popover-content-lavender-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-lavender-fg-dark,#f8fafc)] backdrop-blur-xl",
-  ruby: "border border-[color:var(--zui-popover-content-ruby-border,#be123c)] dark:border-[color:var(--zui-popover-content-ruby-border-dark,#fb7185)] bg-[var(--zui-popover-content-ruby-bg,#be123c14)] dark:bg-[var(--zui-popover-content-ruby-bg-dark,#fb718524)] text-[color:var(--zui-popover-content-ruby-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-ruby-fg-dark,#f8fafc)] backdrop-blur-xl",
-  red: "border border-[color:var(--zui-popover-content-red-border,#dc2626)] dark:border-[color:var(--zui-popover-content-red-border-dark,#ef4444)] bg-[var(--zui-popover-content-red-bg,#dc262614)] dark:bg-[var(--zui-popover-content-red-bg-dark,#ef444424)] text-[color:var(--zui-popover-content-red-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-red-fg-dark,#f8fafc)] backdrop-blur-xl",
-  slate: "border border-[color:var(--zui-popover-content-slate-border,#475569)] dark:border-[color:var(--zui-popover-content-slate-border-dark,#64748b)] bg-[var(--zui-popover-content-slate-bg,#47556914)] dark:bg-[var(--zui-popover-content-slate-bg-dark,#64748b24)] text-[color:var(--zui-popover-content-slate-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-slate-fg-dark,#f8fafc)] backdrop-blur-xl",
-  zinc: "border border-[color:var(--zui-popover-content-zinc-border,#52525b)] dark:border-[color:var(--zui-popover-content-zinc-border-dark,#71717a)] bg-[var(--zui-popover-content-zinc-bg,#52525b14)] dark:bg-[var(--zui-popover-content-zinc-bg-dark,#71717a24)] text-[color:var(--zui-popover-content-zinc-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-zinc-fg-dark,#f8fafc)] backdrop-blur-xl",
-  stone: "border border-[color:var(--zui-popover-content-stone-border,#57534e)] dark:border-[color:var(--zui-popover-content-stone-border-dark,#78716c)] bg-[var(--zui-popover-content-stone-bg,#57534e14)] dark:bg-[var(--zui-popover-content-stone-bg-dark,#78716c24)] text-[color:var(--zui-popover-content-stone-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-stone-fg-dark,#f8fafc)] backdrop-blur-xl",
-  royal: "border border-[color:var(--zui-popover-content-royal-border,#4338ca)] dark:border-[color:var(--zui-popover-content-royal-border-dark,#818cf8)] bg-[var(--zui-popover-content-royal-bg,#4338ca14)] dark:bg-[var(--zui-popover-content-royal-bg-dark,#818cf824)] text-[color:var(--zui-popover-content-royal-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-royal-fg-dark,#f8fafc)] backdrop-blur-xl",
-  electric: "border border-[color:var(--zui-popover-content-electric-border,#0ea5e9)] dark:border-[color:var(--zui-popover-content-electric-border-dark,#38bdf8)] bg-[var(--zui-popover-content-electric-bg,#0ea5e914)] dark:bg-[var(--zui-popover-content-electric-bg-dark,#38bdf824)] text-[color:var(--zui-popover-content-electric-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-electric-fg-dark,#f8fafc)] backdrop-blur-xl",
-  forest: "border border-[color:var(--zui-popover-content-forest-border,#166534)] dark:border-[color:var(--zui-popover-content-forest-border-dark,#4ade80)] bg-[var(--zui-popover-content-forest-bg,#16653414)] dark:bg-[var(--zui-popover-content-forest-bg-dark,#4ade8024)] text-[color:var(--zui-popover-content-forest-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-forest-fg-dark,#f8fafc)] backdrop-blur-xl",
-  sunset: "border border-[color:var(--zui-popover-content-sunset-border,#ea580c)] dark:border-[color:var(--zui-popover-content-sunset-border-dark,#fb923c)] bg-[var(--zui-popover-content-sunset-bg,#ea580c14)] dark:bg-[var(--zui-popover-content-sunset-bg-dark,#fb923c24)] text-[color:var(--zui-popover-content-sunset-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-sunset-fg-dark,#f8fafc)] backdrop-blur-xl",
-  magenta: "border border-[color:var(--zui-popover-content-magenta-border,#c026d3)] dark:border-[color:var(--zui-popover-content-magenta-border-dark,#e879f9)] bg-[var(--zui-popover-content-magenta-bg,#c026d314)] dark:bg-[var(--zui-popover-content-magenta-bg-dark,#e879f924)] text-[color:var(--zui-popover-content-magenta-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-magenta-fg-dark,#f8fafc)] backdrop-blur-xl",
-  crimson: "border border-[color:var(--zui-popover-content-crimson-border,#b91c1c)] dark:border-[color:var(--zui-popover-content-crimson-border-dark,#f87171)] bg-[var(--zui-popover-content-crimson-bg,#b91c1c14)] dark:bg-[var(--zui-popover-content-crimson-bg-dark,#f8717124)] text-[color:var(--zui-popover-content-crimson-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-crimson-fg-dark,#f8fafc)] backdrop-blur-xl",
-  aqua: "border border-[color:var(--zui-popover-content-aqua-border,#0f766e)] dark:border-[color:var(--zui-popover-content-aqua-border-dark,#2dd4bf)] bg-[var(--zui-popover-content-aqua-bg,#0f766e14)] dark:bg-[var(--zui-popover-content-aqua-bg-dark,#2dd4bf24)] text-[color:var(--zui-popover-content-aqua-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-aqua-fg-dark,#f8fafc)] backdrop-blur-xl",
-  plum: "border border-[color:var(--zui-popover-content-plum-border,#7e22ce)] dark:border-[color:var(--zui-popover-content-plum-border-dark,#c084fc)] bg-[var(--zui-popover-content-plum-bg,#7e22ce14)] dark:bg-[var(--zui-popover-content-plum-bg-dark,#c084fc24)] text-[color:var(--zui-popover-content-plum-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-plum-fg-dark,#f8fafc)] backdrop-blur-xl"
-};
-var zuiPopoverContentSizes = {
-  sm: "p-3 text-sm",
-  md: "p-4 text-sm",
-  lg: "p-5 text-base"
-};
-var zuiPopoverContentWidths = {
-  xs: "min-w-50 md:min-w-xs",
-  sm: "min-w-50 md:min-w-sm",
-  md: "min-w-50 md:min-w-md",
-  lg: "min-w-50 md:min-w-lg",
-  xl: "min-w-50 md:min-w-xl",
-  "2xl": "min-w-50 md:min-w-2xl"
-};
-
-exports.zuiPopoverContentBase = zuiPopoverContentBase;
-exports.zuiPopoverContentSizes = zuiPopoverContentSizes;
-exports.zuiPopoverContentVariants = zuiPopoverContentVariants;
-exports.zuiPopoverContentWidths = zuiPopoverContentWidths;
-//# sourceMappingURL=chunk-22I54GJW.js.map
-//# sourceMappingURL=chunk-22I54GJW.js.map

package/dist/chunk-22I54GJW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/design-system/popover.ts"],"names":[],"mappings":";;;AAAO,IAAM,qBAAA,GACX;AAEK,IAAM,yBAAA,GAA4B;AAAA,EACvC,OAAA,EACE,iaAAA;AAAA,EACF,OAAA,EACE,mYAAA;AAAA,EACF,KAAA,EACE,qRAAA;AAAA,EACF,KAAA,EACE,6WAAA;AAAA,EACF,OAAA,EACE,0cAAA;AAAA,EACF,MAAA,EACE,kcAAA;AAAA,EACF,MAAA,EACE,ucAAA;AAAA,EACF,IAAA,EAAM,mbAAA;AAAA,EACN,IAAA,EAAM,mbAAA;AAAA,EACN,GAAA,EAAK,gbAAA;AAAA,EACL,IAAA,EAAM,ubAAA;AAAA,EACN,MAAA,EACE,icAAA;AAAA,EACF,MAAA,EACE,6bAAA;AAAA,EACF,KAAA,EACE,icAAA;AAAA,EACF,eAAA,EACE,2cAAA;AAAA,EACF,gBAAA,EACE,idAAA;AAAA,EACF,cAAA,EACE,+bAAA;AAAA,EACF,iBAAA,EACE,+cAAA;AAAA,EACF,iBAAA,EACE,mdAAA;AAAA,EACF,eAAA,EACE,ucAAA;AAAA,EACF,iBAAA,EACE,udAAA;AAAA,EACF,eAAA,EACE,qcAAA;AAAA,EACF,iBAAA,EACE,+cAAA;AAAA,EACF,IAAA,EAAM,uYAAA;AAAA,EACN,IAAA,EAAM,uYAAA;AAAA,EACN,IAAA,EAAM,uYAAA;AAAA,EACN,IAAA,EAAM,uYAAA;AAAA,EACN,KAAA,EACE,6YAAA;AAAA,EACF,QAAA,EACE,+ZAAA;AAAA,EACF,QAAA,EACE,+ZAAA;AAAA,EACF,IAAA,EAAM,uYAAA;AAAA,EACN,GAAA,EAAK,iYAAA;AAAA,EACL,KAAA,EACE,6YAAA;AAAA,EACF,IAAA,EAAM,uYAAA;AAAA,EACN,KAAA,EACE,6YAAA;AAAA,EACF,KAAA,EACE,6YAAA;AAAA,EACF,QAAA,EACE,+ZAAA;AAAA,EACF,MAAA,EACE,mZAAA;AAAA,EACF,MAAA,EACE,mZAAA;AAAA,EACF,OAAA,EACE,yZAAA;AAAA,EACF,OAAA,EACE,yZAAA;AAAA,EACF,IAAA,EAAM,uYAAA;AAAA,EACN,IAAA,EAAM;AACR;AAEO,IAAM,sBAAA,GAAyB;AAAA,EACpC,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,uBAAA,GAA0B;AAAA,EACrC,EAAA,EAAI,sBAAA;AAAA,EACJ,EAAA,EAAI,sBAAA;AAAA,EACJ,EAAA,EAAI,sBAAA;AAAA,EACJ,EAAA,EAAI,sBAAA;AAAA,EACJ,EAAA,EAAI,sBAAA;AAAA,EACJ,KAAA,EAAO;AACT","file":"chunk-22I54GJW.js","sourcesContent":["export const zuiPopoverContentBase =\n  \"absolute z-50 rounded-lg border shadow-lg transition-all duration-200 outline-none\";\n\nexport const zuiPopoverContentVariants = {\n  default:\n    \"border-[color:var(--zui-popover-default-border,oklch(20.8%_0.042_265.755_/_0.1))] dark:border-[color:var(--zui-popover-default-border-dark,#ffffff1a)] bg-[var(--zui-popover-default-bg,#ffffff)] dark:bg-[var(--zui-popover-default-bg-dark,oklch(20.8%_0.042_265.755))] text-[color:var(--zui-popover-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-popover-default-fg-dark,oklch(96.8%_0.007_247.896))]\",\n  outline:\n    \"border-[color:var(--zui-popover-outline-border,oklch(37.3%_0.034_259.733))] dark:border-[color:var(--zui-popover-outline-border-dark,oklch(87.2%_0.01_258.338))] bg-[var(--zui-popover-outline-bg,#ffffff)] dark:bg-[var(--zui-popover-outline-bg-dark,#000000)] text-[color:var(--zui-popover-outline-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-popover-outline-fg-dark,#ffffff)]\",\n  ghost:\n    \"border-transparent bg-[var(--zui-popover-ghost-bg,oklch(96.7%_0.003_264.542))] dark:bg-[var(--zui-popover-ghost-bg-dark,oklch(27.8%_0.033_256.848))] text-[color:var(--zui-popover-ghost-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-popover-ghost-fg-dark,#ffffffe6)]\",\n  glass:\n    \"border-[color:var(--zui-popover-glass-border,#00000026)] dark:border-[color:var(--zui-popover-glass-border-dark,#ffffff26)] bg-[var(--zui-popover-glass-bg,#ffffffb3)] dark:bg-[var(--zui-popover-glass-bg-dark,#020617b3)] text-[color:var(--zui-popover-glass-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-popover-glass-fg-dark,#ffffff)] backdrop-blur-md\",\n  emerald:\n    \"border-[color:var(--zui-popover-emerald-border,oklch(43.2%_0.095_166.913_/_0.35))] dark:border-[color:var(--zui-popover-emerald-border-dark,oklch(43.2%_0.095_166.913_/_0.35))] bg-[var(--zui-popover-emerald-bg,oklch(90.5%_0.093_164.15))] text-[color:var(--zui-popover-emerald-fg,oklch(37.8%_0.077_168.94))] dark:bg-[var(--zui-popover-emerald-bg-dark,oklch(26.2%_0.051_172.552))] dark:text-[color:var(--zui-popover-emerald-fg-dark,oklch(90.5%_0.093_164.15))]\",\n  indigo:\n    \"border-[color:var(--zui-popover-indigo-border,oklch(39.8%_0.195_277.366_/_0.35))] dark:border-[color:var(--zui-popover-indigo-border-dark,oklch(39.8%_0.195_277.366_/_0.35))] bg-[var(--zui-popover-indigo-bg,oklch(87%_0.065_274.039))] text-[color:var(--zui-popover-indigo-fg,oklch(35.9%_0.144_278.697))] dark:bg-[var(--zui-popover-indigo-bg-dark,oklch(25.7%_0.09_281.288))] dark:text-[color:var(--zui-popover-indigo-fg-dark,oklch(87%_0.065_274.039))]\",\n  purple:\n    \"border-[color:var(--zui-popover-purple-border,oklch(43.8%_0.218_303.724_/_0.35))] dark:border-[color:var(--zui-popover-purple-border-dark,oklch(43.8%_0.218_303.724_/_0.35))] bg-[var(--zui-popover-purple-bg,oklch(90.2%_0.063_306.703))] text-[color:var(--zui-popover-purple-fg,oklch(38.1%_0.176_304.987))] dark:bg-[var(--zui-popover-purple-bg-dark,oklch(29.1%_0.149_302.717))] dark:text-[color:var(--zui-popover-purple-fg-dark,oklch(90.2%_0.063_306.703))]\",\n  pink: \"border-[color:var(--zui-popover-pink-border,oklch(45.9%_0.187_3.815_/_0.35))] dark:border-[color:var(--zui-popover-pink-border-dark,oklch(45.9%_0.187_3.815_/_0.35))] bg-[var(--zui-popover-pink-bg,oklch(89.9%_0.061_343.231))] text-[color:var(--zui-popover-pink-fg,oklch(40.8%_0.153_2.432))] dark:bg-[var(--zui-popover-pink-bg-dark,oklch(28.4%_0.109_3.907))] dark:text-[color:var(--zui-popover-pink-fg-dark,oklch(89.9%_0.061_343.231))]\",\n  rose: \"border-[color:var(--zui-popover-rose-border,oklch(45.5%_0.188_13.697_/_0.35))] dark:border-[color:var(--zui-popover-rose-border-dark,oklch(45.5%_0.188_13.697_/_0.35))] bg-[var(--zui-popover-rose-bg,oklch(89.2%_0.058_10.001))] text-[color:var(--zui-popover-rose-fg,oklch(41%_0.159_10.272))] dark:bg-[var(--zui-popover-rose-bg-dark,oklch(27.1%_0.105_12.094))] dark:text-[color:var(--zui-popover-rose-fg-dark,oklch(89.2%_0.058_10.001))]\",\n  sky: \"border-[color:var(--zui-popover-sky-border,oklch(44.3%_0.11_240.79_/_0.35))] dark:border-[color:var(--zui-popover-sky-border-dark,oklch(44.3%_0.11_240.79_/_0.35))] bg-[var(--zui-popover-sky-bg,oklch(90.1%_0.058_230.902))] text-[color:var(--zui-popover-sky-fg,oklch(39.1%_0.09_240.876))] dark:bg-[var(--zui-popover-sky-bg-dark,oklch(29.3%_0.066_243.157))] dark:text-[color:var(--zui-popover-sky-fg-dark,oklch(90.1%_0.058_230.902))]\",\n  teal: \"border-[color:var(--zui-popover-teal-border,oklch(43.7%_0.078_188.216_/_0.35))] dark:border-[color:var(--zui-popover-teal-border-dark,oklch(43.7%_0.078_188.216_/_0.35))] bg-[var(--zui-popover-teal-bg,oklch(91%_0.096_180.426))] text-[color:var(--zui-popover-teal-fg,oklch(38.6%_0.063_188.416))] dark:bg-[var(--zui-popover-teal-bg-dark,oklch(27.7%_0.046_192.524))] dark:text-[color:var(--zui-popover-teal-fg-dark,oklch(91%_0.096_180.426))]\",\n  yellow:\n    \"border-[color:var(--zui-popover-yellow-border,oklch(47.6%_0.114_61.907_/_0.35))] dark:border-[color:var(--zui-popover-yellow-border-dark,oklch(47.6%_0.114_61.907_/_0.35))] bg-[var(--zui-popover-yellow-bg,oklch(94.5%_0.129_101.54))] text-[color:var(--zui-popover-yellow-fg,oklch(42.1%_0.095_57.708))] dark:bg-[var(--zui-popover-yellow-bg-dark,oklch(28.6%_0.066_53.813))] dark:text-[color:var(--zui-popover-yellow-fg-dark,oklch(94.5%_0.129_101.54))]\",\n  orange:\n    \"border-[color:var(--zui-popover-orange-border,oklch(47%_0.157_37.304_/_0.35))] dark:border-[color:var(--zui-popover-orange-border-dark,oklch(47%_0.157_37.304_/_0.35))] bg-[var(--zui-popover-orange-bg,oklch(90.1%_0.076_70.697))] text-[color:var(--zui-popover-orange-fg,oklch(40.8%_0.123_38.172))] dark:bg-[var(--zui-popover-orange-bg-dark,oklch(26.6%_0.079_36.259))] dark:text-[color:var(--zui-popover-orange-fg-dark,oklch(90.1%_0.076_70.697))]\",\n  green:\n    \"border-[color:var(--zui-popover-green-border,oklch(44.8%_0.119_151.328_/_0.35))] dark:border-[color:var(--zui-popover-green-border-dark,oklch(44.8%_0.119_151.328_/_0.35))] bg-[var(--zui-popover-green-bg,oklch(92.5%_0.084_155.995))] text-[color:var(--zui-popover-green-fg,oklch(39.3%_0.095_152.535))] dark:bg-[var(--zui-popover-green-bg-dark,oklch(26.6%_0.065_152.934))] dark:text-[color:var(--zui-popover-green-fg-dark,oklch(92.5%_0.084_155.995))]\",\n  \"gradient-blue\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-blue-from,oklch(42.4%_0.199_265.638))] dark:from-[var(--zui-popover-gradient-blue-from-dark,oklch(42.4%_0.199_265.638))] to-[var(--zui-popover-gradient-blue-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-popover-gradient-blue-to-dark,oklch(43.8%_0.218_303.724))] text-[color:var(--zui-popover-gradient-blue-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-blue-fg-dark,#ffffff)]\",\n  \"gradient-green\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-green-from,oklch(44.8%_0.119_151.328))] dark:from-[var(--zui-popover-gradient-green-from-dark,oklch(44.8%_0.119_151.328))] to-[var(--zui-popover-gradient-green-to,oklch(45.3%_0.124_130.933))] dark:to-[var(--zui-popover-gradient-green-to-dark,oklch(45.3%_0.124_130.933))] text-[color:var(--zui-popover-gradient-green-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-green-fg-dark,#ffffff)]\",\n  \"gradient-red\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-red-from,oklch(44.4%_0.177_26.899))] dark:from-[var(--zui-popover-gradient-red-from-dark,oklch(44.4%_0.177_26.899))] to-[var(--zui-popover-gradient-red-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-popover-gradient-red-to-dark,oklch(45.9%_0.187_3.815))] text-[color:var(--zui-popover-gradient-red-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-red-fg-dark,#ffffff)]\",\n  \"gradient-yellow\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-yellow-from,oklch(47.6%_0.114_61.907))] dark:from-[var(--zui-popover-gradient-yellow-from-dark,oklch(47.6%_0.114_61.907))] to-[var(--zui-popover-gradient-yellow-to,oklch(47%_0.157_37.304))] dark:to-[var(--zui-popover-gradient-yellow-to-dark,oklch(47%_0.157_37.304))] text-[color:var(--zui-popover-gradient-yellow-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-yellow-fg-dark,#ffffff)]\",\n  \"gradient-purple\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-purple-from,oklch(43.8%_0.218_303.724))] dark:from-[var(--zui-popover-gradient-purple-from-dark,oklch(43.8%_0.218_303.724))] to-[var(--zui-popover-gradient-purple-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-popover-gradient-purple-to-dark,oklch(45.9%_0.187_3.815))] text-[color:var(--zui-popover-gradient-purple-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-purple-fg-dark,#ffffff)]\",\n  \"gradient-teal\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-teal-from,oklch(43.7%_0.078_188.216))] dark:from-[var(--zui-popover-gradient-teal-from-dark,oklch(43.7%_0.078_188.216))] to-[var(--zui-popover-gradient-teal-to,oklch(45%_0.085_224.283))] dark:to-[var(--zui-popover-gradient-teal-to-dark,oklch(45%_0.085_224.283))] text-[color:var(--zui-popover-gradient-teal-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-teal-fg-dark,#ffffff)]\",\n  \"gradient-indigo\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-indigo-from,oklch(39.8%_0.195_277.366))] dark:from-[var(--zui-popover-gradient-indigo-from-dark,oklch(39.8%_0.195_277.366))] to-[var(--zui-popover-gradient-indigo-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-popover-gradient-indigo-to-dark,oklch(43.8%_0.218_303.724))] text-[color:var(--zui-popover-gradient-indigo-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-indigo-fg-dark,#ffffff)]\",\n  \"gradient-pink\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-pink-from,oklch(45.9%_0.187_3.815))] dark:from-[var(--zui-popover-gradient-pink-from-dark,oklch(45.9%_0.187_3.815))] to-[var(--zui-popover-gradient-pink-to,oklch(45.5%_0.188_13.697))] dark:to-[var(--zui-popover-gradient-pink-to-dark,oklch(45.5%_0.188_13.697))] text-[color:var(--zui-popover-gradient-pink-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-pink-fg-dark,#ffffff)]\",\n  \"gradient-orange\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-orange-from,oklch(47%_0.157_37.304))] dark:from-[var(--zui-popover-gradient-orange-from-dark,oklch(47%_0.157_37.304))] to-[var(--zui-popover-gradient-orange-to,oklch(44.4%_0.177_26.899))] dark:to-[var(--zui-popover-gradient-orange-to-dark,oklch(44.4%_0.177_26.899))] text-[color:var(--zui-popover-gradient-orange-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-orange-fg-dark,#ffffff)]\",\n  blue: \"border border-[color:var(--zui-popover-content-blue-border,#2563eb)] dark:border-[color:var(--zui-popover-content-blue-border-dark,#3b82f6)] bg-[var(--zui-popover-content-blue-bg,#2563eb14)] dark:bg-[var(--zui-popover-content-blue-bg-dark,#3b82f624)] text-[color:var(--zui-popover-content-blue-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-blue-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  cyan: \"border border-[color:var(--zui-popover-content-cyan-border,#0891b2)] dark:border-[color:var(--zui-popover-content-cyan-border-dark,#22d3ee)] bg-[var(--zui-popover-content-cyan-bg,#0891b214)] dark:bg-[var(--zui-popover-content-cyan-bg-dark,#22d3ee24)] text-[color:var(--zui-popover-content-cyan-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-cyan-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  lime: \"border border-[color:var(--zui-popover-content-lime-border,#65a30d)] dark:border-[color:var(--zui-popover-content-lime-border-dark,#a3e635)] bg-[var(--zui-popover-content-lime-bg,#65a30d14)] dark:bg-[var(--zui-popover-content-lime-bg-dark,#a3e63524)] text-[color:var(--zui-popover-content-lime-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-lime-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  mint: \"border border-[color:var(--zui-popover-content-mint-border,#10b981)] dark:border-[color:var(--zui-popover-content-mint-border-dark,#6ee7b7)] bg-[var(--zui-popover-content-mint-bg,#10b98114)] dark:bg-[var(--zui-popover-content-mint-bg-dark,#6ee7b724)] text-[color:var(--zui-popover-content-mint-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-mint-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  ocean:\n    \"border border-[color:var(--zui-popover-content-ocean-border,#0284c7)] dark:border-[color:var(--zui-popover-content-ocean-border-dark,#38bdf8)] bg-[var(--zui-popover-content-ocean-bg,#0284c714)] dark:bg-[var(--zui-popover-content-ocean-bg-dark,#38bdf824)] text-[color:var(--zui-popover-content-ocean-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-ocean-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  sapphire:\n    \"border border-[color:var(--zui-popover-content-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-popover-content-sapphire-border-dark,#60a5fa)] bg-[var(--zui-popover-content-sapphire-bg,#1d4ed814)] dark:bg-[var(--zui-popover-content-sapphire-bg-dark,#60a5fa24)] text-[color:var(--zui-popover-content-sapphire-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-sapphire-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  lavender:\n    \"border border-[color:var(--zui-popover-content-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-popover-content-lavender-border-dark,#a78bfa)] bg-[var(--zui-popover-content-lavender-bg,#8b5cf614)] dark:bg-[var(--zui-popover-content-lavender-bg-dark,#a78bfa24)] text-[color:var(--zui-popover-content-lavender-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-lavender-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  ruby: \"border border-[color:var(--zui-popover-content-ruby-border,#be123c)] dark:border-[color:var(--zui-popover-content-ruby-border-dark,#fb7185)] bg-[var(--zui-popover-content-ruby-bg,#be123c14)] dark:bg-[var(--zui-popover-content-ruby-bg-dark,#fb718524)] text-[color:var(--zui-popover-content-ruby-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-ruby-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  red: \"border border-[color:var(--zui-popover-content-red-border,#dc2626)] dark:border-[color:var(--zui-popover-content-red-border-dark,#ef4444)] bg-[var(--zui-popover-content-red-bg,#dc262614)] dark:bg-[var(--zui-popover-content-red-bg-dark,#ef444424)] text-[color:var(--zui-popover-content-red-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-red-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  slate:\n    \"border border-[color:var(--zui-popover-content-slate-border,#475569)] dark:border-[color:var(--zui-popover-content-slate-border-dark,#64748b)] bg-[var(--zui-popover-content-slate-bg,#47556914)] dark:bg-[var(--zui-popover-content-slate-bg-dark,#64748b24)] text-[color:var(--zui-popover-content-slate-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-slate-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  zinc: \"border border-[color:var(--zui-popover-content-zinc-border,#52525b)] dark:border-[color:var(--zui-popover-content-zinc-border-dark,#71717a)] bg-[var(--zui-popover-content-zinc-bg,#52525b14)] dark:bg-[var(--zui-popover-content-zinc-bg-dark,#71717a24)] text-[color:var(--zui-popover-content-zinc-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-zinc-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  stone:\n    \"border border-[color:var(--zui-popover-content-stone-border,#57534e)] dark:border-[color:var(--zui-popover-content-stone-border-dark,#78716c)] bg-[var(--zui-popover-content-stone-bg,#57534e14)] dark:bg-[var(--zui-popover-content-stone-bg-dark,#78716c24)] text-[color:var(--zui-popover-content-stone-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-stone-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  royal:\n    \"border border-[color:var(--zui-popover-content-royal-border,#4338ca)] dark:border-[color:var(--zui-popover-content-royal-border-dark,#818cf8)] bg-[var(--zui-popover-content-royal-bg,#4338ca14)] dark:bg-[var(--zui-popover-content-royal-bg-dark,#818cf824)] text-[color:var(--zui-popover-content-royal-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-royal-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  electric:\n    \"border border-[color:var(--zui-popover-content-electric-border,#0ea5e9)] dark:border-[color:var(--zui-popover-content-electric-border-dark,#38bdf8)] bg-[var(--zui-popover-content-electric-bg,#0ea5e914)] dark:bg-[var(--zui-popover-content-electric-bg-dark,#38bdf824)] text-[color:var(--zui-popover-content-electric-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-electric-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  forest:\n    \"border border-[color:var(--zui-popover-content-forest-border,#166534)] dark:border-[color:var(--zui-popover-content-forest-border-dark,#4ade80)] bg-[var(--zui-popover-content-forest-bg,#16653414)] dark:bg-[var(--zui-popover-content-forest-bg-dark,#4ade8024)] text-[color:var(--zui-popover-content-forest-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-forest-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  sunset:\n    \"border border-[color:var(--zui-popover-content-sunset-border,#ea580c)] dark:border-[color:var(--zui-popover-content-sunset-border-dark,#fb923c)] bg-[var(--zui-popover-content-sunset-bg,#ea580c14)] dark:bg-[var(--zui-popover-content-sunset-bg-dark,#fb923c24)] text-[color:var(--zui-popover-content-sunset-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-sunset-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  magenta:\n    \"border border-[color:var(--zui-popover-content-magenta-border,#c026d3)] dark:border-[color:var(--zui-popover-content-magenta-border-dark,#e879f9)] bg-[var(--zui-popover-content-magenta-bg,#c026d314)] dark:bg-[var(--zui-popover-content-magenta-bg-dark,#e879f924)] text-[color:var(--zui-popover-content-magenta-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-magenta-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  crimson:\n    \"border border-[color:var(--zui-popover-content-crimson-border,#b91c1c)] dark:border-[color:var(--zui-popover-content-crimson-border-dark,#f87171)] bg-[var(--zui-popover-content-crimson-bg,#b91c1c14)] dark:bg-[var(--zui-popover-content-crimson-bg-dark,#f8717124)] text-[color:var(--zui-popover-content-crimson-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-crimson-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  aqua: \"border border-[color:var(--zui-popover-content-aqua-border,#0f766e)] dark:border-[color:var(--zui-popover-content-aqua-border-dark,#2dd4bf)] bg-[var(--zui-popover-content-aqua-bg,#0f766e14)] dark:bg-[var(--zui-popover-content-aqua-bg-dark,#2dd4bf24)] text-[color:var(--zui-popover-content-aqua-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-aqua-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  plum: \"border border-[color:var(--zui-popover-content-plum-border,#7e22ce)] dark:border-[color:var(--zui-popover-content-plum-border-dark,#c084fc)] bg-[var(--zui-popover-content-plum-bg,#7e22ce14)] dark:bg-[var(--zui-popover-content-plum-bg-dark,#c084fc24)] text-[color:var(--zui-popover-content-plum-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-plum-fg-dark,#f8fafc)] backdrop-blur-xl\",\n} as const;\n\nexport const zuiPopoverContentSizes = {\n  sm: \"p-3 text-sm\",\n  md: \"p-4 text-sm\",\n  lg: \"p-5 text-base\",\n} as const;\n\nexport const zuiPopoverContentWidths = {\n  xs: \"min-w-50 md:min-w-xs\",\n  sm: \"min-w-50 md:min-w-sm\",\n  md: \"min-w-50 md:min-w-md\",\n  lg: \"min-w-50 md:min-w-lg\",\n  xl: \"min-w-50 md:min-w-xl\",\n  \"2xl\": \"min-w-50 md:min-w-2xl\",\n} as const;\n"]}

package/dist/chunk-3I6XR7KN.js

@@ -1,87 +0,0 @@
-'use strict';
-
-// src/design-system/badge.ts
-var zuiButtonLikeSolidAppearances = {
-  default: "bg-[var(--zui-badge-default-bg,oklch(20.8%_0.042_265.755))] dark:bg-[var(--zui-badge-default-bg-dark,oklch(98.4%_0.003_247.858))] text-[color:var(--zui-badge-default-fg,oklch(98.4%_0.003_247.858))] dark:text-[color:var(--zui-badge-default-fg-dark,oklch(12.9%_0.042_264.695))] shadow-[var(--zui-badge-default-shadow,0_1px_2px_rgba(15,23,42,0.08))] dark:shadow-[var(--zui-badge-default-shadow-dark,0_1px_2px_rgba(15,23,42,0.12))]",
-  secondary: "bg-[var(--zui-badge-secondary-bg,oklch(92.9%_0.013_255.508))] dark:bg-[var(--zui-badge-secondary-bg-dark,oklch(27.9%_0.041_260.031))] text-[color:var(--zui-badge-secondary-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-badge-secondary-fg-dark,oklch(98.4%_0.003_247.858))]",
-  destructive: "bg-[var(--zui-badge-destructive-bg,oklch(64.5%_0.246_16.439))] dark:bg-[var(--zui-badge-destructive-bg-dark,oklch(51.4%_0.222_16.935))] text-[color:var(--zui-badge-default-fg,oklch(98.4%_0.003_247.858))] dark:text-[color:var(--zui-badge-destructive-fg-dark,#ffffff)]",
-  outline: "border border-[color:var(--zui-badge-outline-border,#0000001a)] dark:border-[color:var(--zui-badge-outline-border-dark,#ffffff1a)] bg-[var(--zui-badge-outline-bg,#0000000d)] dark:bg-[var(--zui-badge-outline-bg-dark,#ffffff0d)] text-[color:var(--zui-badge-outline-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-badge-outline-fg-dark,oklch(98.4%_0.003_247.858))]",
-  ghost: "bg-[var(--zui-badge-ghost-bg,transparent)] dark:bg-[var(--zui-badge-ghost-bg-dark,transparent)] text-[color:var(--zui-badge-ghost-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-badge-ghost-fg-dark,oklch(92.9%_0.013_255.508))]",
-  glass: "border border-[color:var(--zui-badge-glass-border,#00000026)] dark:border-[color:var(--zui-badge-glass-border-dark,#ffffff26)] bg-[var(--zui-badge-glass-bg,#0000001a)] dark:bg-[var(--zui-badge-glass-bg-dark,#ffffff1a)] text-[color:var(--zui-badge-glass-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-badge-glass-fg-dark,#ffffff)] backdrop-blur-md",
-  blue: "bg-[var(--zui-badge-blue-bg,#2563eb)] dark:bg-[var(--zui-badge-blue-bg-dark,#3b82f6)] text-[color:var(--zui-badge-blue-fg,#ffffff)] dark:text-[color:var(--zui-badge-blue-fg-dark,#ffffff)]",
-  cyan: "bg-[var(--zui-badge-cyan-bg,#0891b2)] dark:bg-[var(--zui-badge-cyan-bg-dark,#22d3ee)] text-[color:var(--zui-badge-cyan-fg,#083344)] dark:text-[color:var(--zui-badge-cyan-fg-dark,#083344)]",
-  green: "bg-[var(--zui-badge-green-bg,#16a34a)] dark:bg-[var(--zui-badge-green-bg-dark,#22c55e)] text-[color:var(--zui-badge-green-fg,#ffffff)] dark:text-[color:var(--zui-badge-green-fg-dark,#ffffff)]",
-  lime: "bg-[var(--zui-badge-lime-bg,#65a30d)] dark:bg-[var(--zui-badge-lime-bg-dark,#a3e635)] text-[color:var(--zui-badge-lime-fg,#1a2e05)] dark:text-[color:var(--zui-badge-lime-fg-dark,#1a2e05)]",
-  mint: "bg-[var(--zui-badge-mint-bg,#10b981)] dark:bg-[var(--zui-badge-mint-bg-dark,#6ee7b7)] text-[color:var(--zui-badge-mint-fg,#064e3b)] dark:text-[color:var(--zui-badge-mint-fg-dark,#064e3b)]",
-  ocean: "bg-[var(--zui-badge-ocean-bg,#0284c7)] dark:bg-[var(--zui-badge-ocean-bg-dark,#38bdf8)] text-[color:var(--zui-badge-ocean-fg,#082f49)] dark:text-[color:var(--zui-badge-ocean-fg-dark,#082f49)]",
-  sapphire: "bg-[var(--zui-badge-sapphire-bg,#1d4ed8)] dark:bg-[var(--zui-badge-sapphire-bg-dark,#60a5fa)] text-[color:var(--zui-badge-sapphire-fg,#ffffff)] dark:text-[color:var(--zui-badge-sapphire-fg-dark,#ffffff)]",
-  lavender: "bg-[var(--zui-badge-lavender-bg,#8b5cf6)] dark:bg-[var(--zui-badge-lavender-bg-dark,#a78bfa)] text-[color:var(--zui-badge-lavender-fg,#ffffff)] dark:text-[color:var(--zui-badge-lavender-fg-dark,#ffffff)]",
-  ruby: "bg-[var(--zui-badge-ruby-bg,#be123c)] dark:bg-[var(--zui-badge-ruby-bg-dark,#fb7185)] text-[color:var(--zui-badge-ruby-fg,#ffffff)] dark:text-[color:var(--zui-badge-ruby-fg-dark,#ffffff)]",
-  red: "bg-[var(--zui-badge-red-bg,#dc2626)] dark:bg-[var(--zui-badge-red-bg-dark,#ef4444)] text-[color:var(--zui-badge-red-fg,#ffffff)] dark:text-[color:var(--zui-badge-red-fg-dark,#ffffff)]",
-  slate: "bg-[var(--zui-badge-slate-bg,#475569)] dark:bg-[var(--zui-badge-slate-bg-dark,#64748b)] text-[color:var(--zui-badge-slate-fg,#ffffff)] dark:text-[color:var(--zui-badge-slate-fg-dark,#ffffff)]",
-  zinc: "bg-[var(--zui-badge-zinc-bg,#52525b)] dark:bg-[var(--zui-badge-zinc-bg-dark,#71717a)] text-[color:var(--zui-badge-zinc-fg,#ffffff)] dark:text-[color:var(--zui-badge-zinc-fg-dark,#ffffff)]",
-  stone: "bg-[var(--zui-badge-stone-bg,#57534e)] dark:bg-[var(--zui-badge-stone-bg-dark,#78716c)] text-[color:var(--zui-badge-stone-fg,#ffffff)] dark:text-[color:var(--zui-badge-stone-fg-dark,#ffffff)]",
-  royal: "bg-[var(--zui-badge-royal-bg,#4338ca)] dark:bg-[var(--zui-badge-royal-bg-dark,#818cf8)] text-[color:var(--zui-badge-royal-fg,#ffffff)] dark:text-[color:var(--zui-badge-royal-fg-dark,#ffffff)]",
-  electric: "bg-[var(--zui-badge-electric-bg,#0ea5e9)] dark:bg-[var(--zui-badge-electric-bg-dark,#38bdf8)] text-[color:var(--zui-badge-electric-fg,#ffffff)] dark:text-[color:var(--zui-badge-electric-fg-dark,#ffffff)]",
-  forest: "bg-[var(--zui-badge-forest-bg,#166534)] dark:bg-[var(--zui-badge-forest-bg-dark,#4ade80)] text-[color:var(--zui-badge-forest-fg,#ffffff)] dark:text-[color:var(--zui-badge-forest-fg-dark,#ffffff)]",
-  sunset: "bg-[var(--zui-badge-sunset-bg,#ea580c)] dark:bg-[var(--zui-badge-sunset-bg-dark,#fb923c)] text-[color:var(--zui-badge-sunset-fg,#ffffff)] dark:text-[color:var(--zui-badge-sunset-fg-dark,#ffffff)]",
-  magenta: "bg-[var(--zui-badge-magenta-bg,#c026d3)] dark:bg-[var(--zui-badge-magenta-bg-dark,#e879f9)] text-[color:var(--zui-badge-magenta-fg,#ffffff)] dark:text-[color:var(--zui-badge-magenta-fg-dark,#ffffff)]",
-  crimson: "bg-[var(--zui-badge-crimson-bg,#b91c1c)] dark:bg-[var(--zui-badge-crimson-bg-dark,#f87171)] text-[color:var(--zui-badge-crimson-fg,#ffffff)] dark:text-[color:var(--zui-badge-crimson-fg-dark,#ffffff)]",
-  aqua: "bg-[var(--zui-badge-aqua-bg,#0f766e)] dark:bg-[var(--zui-badge-aqua-bg-dark,#2dd4bf)] text-[color:var(--zui-badge-aqua-fg,#ffffff)] dark:text-[color:var(--zui-badge-aqua-fg-dark,#ffffff)]",
-  plum: "bg-[var(--zui-badge-plum-bg,#7e22ce)] dark:bg-[var(--zui-badge-plum-bg-dark,#c084fc)] text-[color:var(--zui-badge-plum-fg,#ffffff)] dark:text-[color:var(--zui-badge-plum-fg-dark,#ffffff)]",
-  emerald: "bg-[var(--zui-badge-emerald-bg,oklch(69.6%_0.17_162.48))] dark:bg-[var(--zui-badge-emerald-bg-dark,oklch(43.2%_0.095_166.913))] text-[color:var(--zui-badge-emerald-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-emerald-fg-dark,#ffffff)]",
-  indigo: "bg-[var(--zui-badge-indigo-bg,oklch(39.8%_0.195_277.366))] dark:bg-[var(--zui-badge-indigo-bg-dark,oklch(51.1%_0.262_276.966))] text-[color:var(--zui-badge-indigo-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-indigo-fg-dark,#ffffff)]",
-  purple: "bg-[var(--zui-badge-purple-bg,oklch(43.8%_0.218_303.724))] dark:bg-[var(--zui-badge-purple-bg-dark,oklch(55.8%_0.288_302.321))] text-[color:var(--zui-badge-purple-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-purple-fg-dark,#ffffff)]",
-  pink: "bg-[var(--zui-badge-pink-bg,oklch(45.9%_0.187_3.815))] dark:bg-[var(--zui-badge-pink-bg-dark,oklch(59.2%_0.249_0.584))] text-[color:var(--zui-badge-pink-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-pink-fg-dark,#ffffff)]",
-  rose: "bg-[var(--zui-badge-rose-bg,oklch(64.5%_0.246_16.439))] dark:bg-[var(--zui-badge-rose-bg-dark,oklch(51.4%_0.222_16.935))] text-[color:var(--zui-badge-rose-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-rose-fg-dark,#ffffff)]",
-  sky: "bg-[var(--zui-badge-sky-bg,oklch(68.5%_0.169_237.323))] dark:bg-[var(--zui-badge-sky-bg-dark,oklch(50%_0.134_242.749))] text-[color:var(--zui-badge-sky-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-sky-fg-dark,#ffffff)]",
-  teal: "bg-[var(--zui-badge-teal-bg,oklch(70.4%_0.14_182.503))] dark:bg-[var(--zui-badge-teal-bg-dark,oklch(51.1%_0.096_186.391))] text-[color:var(--zui-badge-teal-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-teal-fg-dark,#ffffff)]",
-  yellow: "bg-[var(--zui-badge-yellow-bg,oklch(79.5%_0.184_86.047))] dark:bg-[var(--zui-badge-yellow-bg-dark,oklch(47.6%_0.114_61.907))] text-[color:var(--zui-badge-yellow-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-yellow-fg-dark,#ffffff)]",
-  orange: "bg-[var(--zui-badge-orange-bg,oklch(70.5%_0.213_47.604))] dark:bg-[var(--zui-badge-orange-bg-dark,oklch(47%_0.157_37.304))] text-[color:var(--zui-badge-orange-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-orange-fg-dark,#ffffff)]",
-  "gradient-blue": "bg-linear-to-r from-[var(--zui-badge-gradient-blue-from,oklch(42.4%_0.199_265.638))] dark:from-[var(--zui-badge-gradient-blue-from-dark,oklch(54.6%_0.245_262.881))] to-[var(--zui-badge-gradient-blue-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-badge-gradient-blue-to-dark,oklch(55.8%_0.288_302.321))] text-[color:var(--zui-badge-gradient-blue-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-gradient-blue-fg-dark,#ffffff)]",
-  "gradient-green": "bg-linear-to-r from-[var(--zui-badge-gradient-green-from,oklch(44.8%_0.119_151.328))] dark:from-[var(--zui-badge-gradient-green-from-dark,oklch(62.7%_0.194_149.214))] to-[var(--zui-badge-gradient-green-to,oklch(45.3%_0.124_130.933))] dark:to-[var(--zui-badge-gradient-green-to-dark,oklch(64.8%_0.2_131.684))] text-[color:var(--zui-badge-gradient-green-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-gradient-green-fg-dark,#ffffff)]",
-  "gradient-red": "bg-linear-to-r from-[var(--zui-badge-gradient-red-from,oklch(44.4%_0.177_26.899))] dark:from-[var(--zui-badge-gradient-red-from-dark,oklch(57.7%_0.245_27.325))] to-[var(--zui-badge-gradient-red-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-badge-gradient-red-to-dark,oklch(59.2%_0.249_0.584))] text-[color:var(--zui-badge-gradient-red-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-gradient-red-fg-dark,#ffffff)]",
-  "gradient-yellow": "bg-linear-to-r from-[var(--zui-badge-gradient-yellow-from,oklch(47.6%_0.114_61.907))] dark:from-[var(--zui-badge-gradient-yellow-from-dark,oklch(68.1%_0.162_75.834))] to-[var(--zui-badge-gradient-yellow-to,oklch(47%_0.157_37.304))] dark:to-[var(--zui-badge-gradient-yellow-to-dark,oklch(64.6%_0.222_41.116))] text-[color:var(--zui-badge-gradient-yellow-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-gradient-yellow-fg-dark,#ffffff)]",
-  "gradient-purple": "bg-linear-to-r from-[var(--zui-badge-gradient-purple-from,oklch(43.8%_0.218_303.724))] dark:from-[var(--zui-badge-gradient-purple-from-dark,oklch(55.8%_0.288_302.321))] to-[var(--zui-badge-gradient-purple-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-badge-gradient-purple-to-dark,oklch(59.2%_0.249_0.584))] text-[color:var(--zui-badge-gradient-purple-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-gradient-purple-fg-dark,#ffffff)]",
-  "gradient-teal": "bg-linear-to-r from-[var(--zui-badge-gradient-teal-from,oklch(43.7%_0.078_188.216))] dark:from-[var(--zui-badge-gradient-teal-from-dark,oklch(60%_0.118_184.704))] to-[var(--zui-badge-gradient-teal-to,oklch(45%_0.085_224.283))] dark:to-[var(--zui-badge-gradient-teal-to-dark,oklch(60.9%_0.126_221.723))] text-[color:var(--zui-badge-gradient-teal-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-gradient-teal-fg-dark,#ffffff)]",
-  "gradient-indigo": "bg-linear-to-r from-[var(--zui-badge-gradient-indigo-from,oklch(39.8%_0.195_277.366))] dark:from-[var(--zui-badge-gradient-indigo-from-dark,oklch(51.1%_0.262_276.966))] to-[var(--zui-badge-gradient-indigo-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-badge-gradient-indigo-to-dark,oklch(55.8%_0.288_302.321))] text-[color:var(--zui-badge-gradient-indigo-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-gradient-indigo-fg-dark,#ffffff)]",
-  "gradient-pink": "bg-linear-to-r from-[var(--zui-badge-gradient-pink-from,oklch(45.9%_0.187_3.815))] dark:from-[var(--zui-badge-gradient-pink-from-dark,oklch(59.2%_0.249_0.584))] to-[var(--zui-badge-gradient-pink-to,oklch(45.5%_0.188_13.697))] dark:to-[var(--zui-badge-gradient-pink-to-dark,oklch(58.6%_0.253_17.585))] text-[color:var(--zui-badge-gradient-pink-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-gradient-pink-fg-dark,#ffffff)]",
-  "gradient-orange": "bg-linear-to-r from-[var(--zui-badge-gradient-orange-from,oklch(47%_0.157_37.304))] dark:from-[var(--zui-badge-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] to-[var(--zui-badge-gradient-orange-to,oklch(44.4%_0.177_26.899))] dark:to-[var(--zui-badge-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))] text-[color:var(--zui-badge-gradient-orange-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-gradient-orange-fg-dark,#ffffff)]"
-};
-var zuiBadgeBase = [
-  "inline-flex max-w-full items-center justify-center gap-1 font-medium",
-  "whitespace-nowrap ring-offset-[var(--zui-badge-ring-offset,oklch(98.4%_0.003_247.858))] dark:ring-offset-[var(--zui-badge-ring-offset-dark,oklch(12.9%_0.042_264.695))] transition-colors",
-  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-badge-ring-focus,oklch(44.6%_0.043_257.281))] dark:focus-visible:ring-[var(--zui-badge-ring-focus-dark,oklch(86.9%_0.022_252.894))] focus-visible:ring-offset-2",
-  "select-none"
-];
-var zuiBadgeAppearances = {
-  ...zuiButtonLikeSolidAppearances,
-  outline: "border border-[color:var(--zui-badge-outline-border,#00000026)] dark:border-[color:var(--zui-badge-outline-border-dark,#ffffff26)] bg-[var(--zui-badge-outline-bg,transparent)] dark:bg-[var(--zui-badge-outline-bg-dark,transparent)] text-[color:var(--zui-badge-outline-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-badge-outline-fg-dark,oklch(92.9%_0.013_255.508))] shadow-none",
-  ghost: "bg-[var(--zui-badge-ghost-bg,transparent)] dark:bg-[var(--zui-badge-ghost-bg-dark,transparent)] text-[color:var(--zui-badge-ghost-fg,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-badge-ghost-fg-dark,oklch(86.9%_0.022_252.894))] shadow-none"
-};
-var zuiBadgeSizes = {
-  sm: "h-6 min-h-6 px-2 text-[0.65rem] leading-none",
-  md: "h-7 min-h-7 px-2.5 text-xs leading-none",
-  lg: "h-8 min-h-8 px-3 text-sm leading-none"
-};
-var zuiBadgeShapes = {
-  pill: "rounded-full",
-  square: "rounded-md",
-  dot: "h-2.5 min-h-2.5 w-2.5 min-w-2.5 rounded-full p-0 px-0 text-[0]"
-};
-var zuiBadgeCloseButtonBase = "inline-flex shrink-0 items-center justify-center rounded-md p-0.5 text-current transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-badge-close-button-ring-focus,#00000066)] dark:focus-visible:ring-[var(--zui-badge-close-button-ring-focus-dark,#ffffff66)]";
-var zuiBadgeCloseButtonSizes = {
-  sm: "size-4",
-  md: "size-5",
-  lg: "size-6"
-};
-
-exports.zuiBadgeAppearances = zuiBadgeAppearances;
-exports.zuiBadgeBase = zuiBadgeBase;
-exports.zuiBadgeCloseButtonBase = zuiBadgeCloseButtonBase;
-exports.zuiBadgeCloseButtonSizes = zuiBadgeCloseButtonSizes;
-exports.zuiBadgeShapes = zuiBadgeShapes;
-exports.zuiBadgeSizes = zuiBadgeSizes;
-exports.zuiButtonLikeSolidAppearances = zuiButtonLikeSolidAppearances;
-//# sourceMappingURL=chunk-3I6XR7KN.js.map
-//# sourceMappingURL=chunk-3I6XR7KN.js.map