@zentauri-ui/zentauri-components 1.9.0 → 1.9.2

package/dist/{chunk-3W224B3M.js → chunk-4QLWSXXO.mjs}

@@ -1,10 +1,3 @@
-'use strict';
-
-var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
-var classVarianceAuthority = require('class-variance-authority');
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
 // src/design-system/tooltip.ts
 var zuiTooltipBase = "absolute z-50 rounded-md shadow-md transition-all duration-200 pointer-events-none";
 var zuiTooltipVariants = {
@@ -30,7 +23,27 @@ var zuiTooltipVariants = {
   "gradient-teal": "bg-linear-to-r from-[var(--zui-tooltip-gradient-teal-from,oklch(43.7%_0.078_188.216))] dark:from-[var(--zui-tooltip-gradient-teal-from-dark,oklch(43.7%_0.078_188.216))] to-[var(--zui-tooltip-gradient-teal-to,oklch(45%_0.085_224.283))] dark:to-[var(--zui-tooltip-gradient-teal-to-dark,oklch(45%_0.085_224.283))] text-[color:var(--zui-tooltip-gradient-teal-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-gradient-teal-fg-dark,#ffffff)]",
   "gradient-indigo": "bg-linear-to-r from-[var(--zui-tooltip-gradient-indigo-from,oklch(39.8%_0.195_277.366))] dark:from-[var(--zui-tooltip-gradient-indigo-from-dark,oklch(39.8%_0.195_277.366))] to-[var(--zui-tooltip-gradient-indigo-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-tooltip-gradient-indigo-to-dark,oklch(43.8%_0.218_303.724))] text-[color:var(--zui-tooltip-gradient-indigo-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-gradient-indigo-fg-dark,#ffffff)]",
   "gradient-pink": "bg-linear-to-r from-[var(--zui-tooltip-gradient-pink-from,oklch(45.9%_0.187_3.815))] dark:from-[var(--zui-tooltip-gradient-pink-from-dark,oklch(45.9%_0.187_3.815))] to-[var(--zui-tooltip-gradient-pink-to,oklch(45.5%_0.188_13.697))] dark:to-[var(--zui-tooltip-gradient-pink-to-dark,oklch(45.5%_0.188_13.697))] text-[color:var(--zui-tooltip-gradient-pink-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-gradient-pink-fg-dark,#ffffff)]",
-  "gradient-orange": "bg-linear-to-r from-[var(--zui-tooltip-gradient-orange-from,oklch(47%_0.157_37.304))] dark:from-[var(--zui-tooltip-gradient-orange-from-dark,oklch(47%_0.157_37.304))] to-[var(--zui-tooltip-gradient-orange-to,oklch(44.4%_0.177_26.899))] dark:to-[var(--zui-tooltip-gradient-orange-to-dark,oklch(44.4%_0.177_26.899))] text-[color:var(--zui-tooltip-gradient-orange-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-gradient-orange-fg-dark,#ffffff)]"
+  "gradient-orange": "bg-linear-to-r from-[var(--zui-tooltip-gradient-orange-from,oklch(47%_0.157_37.304))] dark:from-[var(--zui-tooltip-gradient-orange-from-dark,oklch(47%_0.157_37.304))] to-[var(--zui-tooltip-gradient-orange-to,oklch(44.4%_0.177_26.899))] dark:to-[var(--zui-tooltip-gradient-orange-to-dark,oklch(44.4%_0.177_26.899))] text-[color:var(--zui-tooltip-gradient-orange-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-gradient-orange-fg-dark,#ffffff)]",
+  blue: "border border-[color:var(--zui-tooltip-blue-border,#2563eb)] dark:border-[color:var(--zui-tooltip-blue-border-dark,#3b82f6)] bg-[var(--zui-tooltip-blue-bg,#2563eb14)] dark:bg-[var(--zui-tooltip-blue-bg-dark,#3b82f624)] text-[color:var(--zui-tooltip-blue-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-blue-fg-dark,#f8fafc)]",
+  cyan: "border border-[color:var(--zui-tooltip-cyan-border,#0891b2)] dark:border-[color:var(--zui-tooltip-cyan-border-dark,#22d3ee)] bg-[var(--zui-tooltip-cyan-bg,#0891b214)] dark:bg-[var(--zui-tooltip-cyan-bg-dark,#22d3ee24)] text-[color:var(--zui-tooltip-cyan-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-cyan-fg-dark,#f8fafc)]",
+  lime: "border border-[color:var(--zui-tooltip-lime-border,#65a30d)] dark:border-[color:var(--zui-tooltip-lime-border-dark,#a3e635)] bg-[var(--zui-tooltip-lime-bg,#65a30d14)] dark:bg-[var(--zui-tooltip-lime-bg-dark,#a3e63524)] text-[color:var(--zui-tooltip-lime-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-lime-fg-dark,#f8fafc)]",
+  mint: "border border-[color:var(--zui-tooltip-mint-border,#10b981)] dark:border-[color:var(--zui-tooltip-mint-border-dark,#6ee7b7)] bg-[var(--zui-tooltip-mint-bg,#10b98114)] dark:bg-[var(--zui-tooltip-mint-bg-dark,#6ee7b724)] text-[color:var(--zui-tooltip-mint-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-mint-fg-dark,#f8fafc)]",
+  ocean: "border border-[color:var(--zui-tooltip-ocean-border,#0284c7)] dark:border-[color:var(--zui-tooltip-ocean-border-dark,#38bdf8)] bg-[var(--zui-tooltip-ocean-bg,#0284c714)] dark:bg-[var(--zui-tooltip-ocean-bg-dark,#38bdf824)] text-[color:var(--zui-tooltip-ocean-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-ocean-fg-dark,#f8fafc)]",
+  sapphire: "border border-[color:var(--zui-tooltip-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-tooltip-sapphire-border-dark,#60a5fa)] bg-[var(--zui-tooltip-sapphire-bg,#1d4ed814)] dark:bg-[var(--zui-tooltip-sapphire-bg-dark,#60a5fa24)] text-[color:var(--zui-tooltip-sapphire-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-sapphire-fg-dark,#f8fafc)]",
+  lavender: "border border-[color:var(--zui-tooltip-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-tooltip-lavender-border-dark,#a78bfa)] bg-[var(--zui-tooltip-lavender-bg,#8b5cf614)] dark:bg-[var(--zui-tooltip-lavender-bg-dark,#a78bfa24)] text-[color:var(--zui-tooltip-lavender-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-lavender-fg-dark,#f8fafc)]",
+  ruby: "border border-[color:var(--zui-tooltip-ruby-border,#be123c)] dark:border-[color:var(--zui-tooltip-ruby-border-dark,#fb7185)] bg-[var(--zui-tooltip-ruby-bg,#be123c14)] dark:bg-[var(--zui-tooltip-ruby-bg-dark,#fb718524)] text-[color:var(--zui-tooltip-ruby-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-ruby-fg-dark,#f8fafc)]",
+  red: "border border-[color:var(--zui-tooltip-red-border,#dc2626)] dark:border-[color:var(--zui-tooltip-red-border-dark,#ef4444)] bg-[var(--zui-tooltip-red-bg,#dc262614)] dark:bg-[var(--zui-tooltip-red-bg-dark,#ef444424)] text-[color:var(--zui-tooltip-red-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-red-fg-dark,#f8fafc)]",
+  slate: "border border-[color:var(--zui-tooltip-slate-border,#475569)] dark:border-[color:var(--zui-tooltip-slate-border-dark,#64748b)] bg-[var(--zui-tooltip-slate-bg,#47556914)] dark:bg-[var(--zui-tooltip-slate-bg-dark,#64748b24)] text-[color:var(--zui-tooltip-slate-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-slate-fg-dark,#f8fafc)]",
+  zinc: "border border-[color:var(--zui-tooltip-zinc-border,#52525b)] dark:border-[color:var(--zui-tooltip-zinc-border-dark,#71717a)] bg-[var(--zui-tooltip-zinc-bg,#52525b14)] dark:bg-[var(--zui-tooltip-zinc-bg-dark,#71717a24)] text-[color:var(--zui-tooltip-zinc-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-zinc-fg-dark,#f8fafc)]",
+  stone: "border border-[color:var(--zui-tooltip-stone-border,#57534e)] dark:border-[color:var(--zui-tooltip-stone-border-dark,#78716c)] bg-[var(--zui-tooltip-stone-bg,#57534e14)] dark:bg-[var(--zui-tooltip-stone-bg-dark,#78716c24)] text-[color:var(--zui-tooltip-stone-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-stone-fg-dark,#f8fafc)]",
+  royal: "border border-[color:var(--zui-tooltip-royal-border,#4338ca)] dark:border-[color:var(--zui-tooltip-royal-border-dark,#818cf8)] bg-[var(--zui-tooltip-royal-bg,#4338ca14)] dark:bg-[var(--zui-tooltip-royal-bg-dark,#818cf824)] text-[color:var(--zui-tooltip-royal-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-royal-fg-dark,#f8fafc)]",
+  electric: "border border-[color:var(--zui-tooltip-electric-border,#0ea5e9)] dark:border-[color:var(--zui-tooltip-electric-border-dark,#38bdf8)] bg-[var(--zui-tooltip-electric-bg,#0ea5e914)] dark:bg-[var(--zui-tooltip-electric-bg-dark,#38bdf824)] text-[color:var(--zui-tooltip-electric-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-electric-fg-dark,#f8fafc)]",
+  forest: "border border-[color:var(--zui-tooltip-forest-border,#166534)] dark:border-[color:var(--zui-tooltip-forest-border-dark,#4ade80)] bg-[var(--zui-tooltip-forest-bg,#16653414)] dark:bg-[var(--zui-tooltip-forest-bg-dark,#4ade8024)] text-[color:var(--zui-tooltip-forest-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-forest-fg-dark,#f8fafc)]",
+  sunset: "border border-[color:var(--zui-tooltip-sunset-border,#ea580c)] dark:border-[color:var(--zui-tooltip-sunset-border-dark,#fb923c)] bg-[var(--zui-tooltip-sunset-bg,#ea580c14)] dark:bg-[var(--zui-tooltip-sunset-bg-dark,#fb923c24)] text-[color:var(--zui-tooltip-sunset-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-sunset-fg-dark,#f8fafc)]",
+  magenta: "border border-[color:var(--zui-tooltip-magenta-border,#c026d3)] dark:border-[color:var(--zui-tooltip-magenta-border-dark,#e879f9)] bg-[var(--zui-tooltip-magenta-bg,#c026d314)] dark:bg-[var(--zui-tooltip-magenta-bg-dark,#e879f924)] text-[color:var(--zui-tooltip-magenta-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-magenta-fg-dark,#f8fafc)]",
+  crimson: "border border-[color:var(--zui-tooltip-crimson-border,#b91c1c)] dark:border-[color:var(--zui-tooltip-crimson-border-dark,#f87171)] bg-[var(--zui-tooltip-crimson-bg,#b91c1c14)] dark:bg-[var(--zui-tooltip-crimson-bg-dark,#f8717124)] text-[color:var(--zui-tooltip-crimson-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-crimson-fg-dark,#f8fafc)]",
+  aqua: "border border-[color:var(--zui-tooltip-aqua-border,#0f766e)] dark:border-[color:var(--zui-tooltip-aqua-border-dark,#2dd4bf)] bg-[var(--zui-tooltip-aqua-bg,#0f766e14)] dark:bg-[var(--zui-tooltip-aqua-bg-dark,#2dd4bf24)] text-[color:var(--zui-tooltip-aqua-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-aqua-fg-dark,#f8fafc)]",
+  plum: "border border-[color:var(--zui-tooltip-plum-border,#7e22ce)] dark:border-[color:var(--zui-tooltip-plum-border-dark,#c084fc)] bg-[var(--zui-tooltip-plum-bg,#7e22ce14)] dark:bg-[var(--zui-tooltip-plum-bg-dark,#c084fc24)] text-[color:var(--zui-tooltip-plum-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-plum-fg-dark,#f8fafc)]"
 };
 var zuiTooltipSizes = {
   sm: "text-xs px-2 py-1",
@@ -47,205 +60,6 @@ var zuiTooltipWidths = {
   "2xl": "min-w-75 md:min-w-2xl"
 };
 
-// src/ui/tooltip/variants.ts
-var tooltipVariants = classVarianceAuthority.cva(zuiTooltipBase, {
-  variants: {
-    variant: zuiTooltipVariants,
-    size: zuiTooltipSizes,
-    width: zuiTooltipWidths
-  },
-  defaultVariants: {
-    variant: "default",
-    size: "md",
-    width: "xs"
-  }
-});
-var TooltipContext = react.createContext(null);
-var useTooltip = () => {
-  const context = react.useContext(TooltipContext);
-  if (!context) {
-    throw new Error("Tooltip components must be used within Tooltip");
-  }
-  return context;
-};
-function mergeDescribedBy(tooltipId, existing, open) {
-  if (!open) {
-    return typeof existing === "string" ? existing : void 0;
-  }
-  const baseIds = typeof existing === "string" && existing.trim().length > 0 ? existing.split(/\s+/).filter(Boolean) : [];
-  const merged = [.../* @__PURE__ */ new Set([...baseIds, tooltipId])];
-  return merged.join(" ");
-}
-var Tooltip = ({
-  children,
-  defaultOpen = false,
-  open: controlledOpen,
-  onOpenChange,
-  position = "top",
-  delay = 100
-}) => {
-  const [uncontrolledOpen, setUncontrolledOpen] = react.useState(defaultOpen);
-  const tooltipId = `${react.useId()}-tooltip`;
-  const isControlled = controlledOpen !== void 0;
-  const open = isControlled ? controlledOpen : uncontrolledOpen;
-  const setOpen = react.useCallback(
-    (value) => {
-      if (!isControlled) setUncontrolledOpen(value);
-      onOpenChange?.(value);
-    },
-    [isControlled, onOpenChange]
-  );
-  const showTimeoutRef = react.useRef(null);
-  const cancelDelayedOpen = react.useCallback(() => {
-    if (showTimeoutRef.current !== null) {
-      clearTimeout(showTimeoutRef.current);
-      showTimeoutRef.current = null;
-    }
-  }, []);
-  const scheduleDelayedOpen = react.useCallback(() => {
-    cancelDelayedOpen();
-    showTimeoutRef.current = setTimeout(() => {
-      showTimeoutRef.current = null;
-      setOpen(true);
-    }, delay);
-  }, [cancelDelayedOpen, delay, setOpen]);
-  react.useEffect(() => () => cancelDelayedOpen(), [cancelDelayedOpen]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    TooltipContext.Provider,
-    {
-      value: {
-        open,
-        setOpen,
-        position,
-        delay,
-        scheduleDelayedOpen,
-        cancelDelayedOpen,
-        tooltipId
-      },
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative inline-block", children })
-    }
-  );
-};
-var TooltipTrigger = ({
-  children,
-  className
-}) => {
-  const { setOpen, scheduleDelayedOpen, cancelDelayedOpen, open, tooltipId } = useTooltip();
-  const onMouseEnter = () => scheduleDelayedOpen();
-  const onMouseLeave = () => {
-    cancelDelayedOpen();
-    setOpen(false);
-  };
-  const onFocus = () => {
-    cancelDelayedOpen();
-    setOpen(true);
-  };
-  const onBlur = () => {
-    cancelDelayedOpen();
-    setOpen(false);
-  };
-  const onKeyDown = (event) => {
-    if (event.key === "Escape") {
-      cancelDelayedOpen();
-      setOpen(false);
-    }
-  };
-  const childList = react.Children.toArray(children).filter(
-    (node) => node !== null && node !== void 0 && typeof node !== "boolean"
-  );
-  const soleCandidate = childList.length === 1 && react.isValidElement(childList[0]) ? childList[0] : void 0;
-  if (soleCandidate) {
-    const describedBy = mergeDescribedBy(
-      tooltipId,
-      soleCandidate.props["aria-describedby"],
-      open
-    );
-    return react.cloneElement(soleCandidate, {
-      onMouseEnter: (event) => {
-        soleCandidate.props.onMouseEnter?.(event);
-        if (!event.defaultPrevented) {
-          scheduleDelayedOpen();
-        }
-      },
-      onMouseLeave: (event) => {
-        soleCandidate.props.onMouseLeave?.(event);
-        cancelDelayedOpen();
-        setOpen(false);
-      },
-      onFocus: (event) => {
-        soleCandidate.props.onFocus?.(event);
-        if (!event.defaultPrevented) {
-          cancelDelayedOpen();
-          setOpen(true);
-        }
-      },
-      onBlur: (event) => {
-        soleCandidate.props.onBlur?.(event);
-        cancelDelayedOpen();
-        setOpen(false);
-      },
-      onKeyDown: (event) => {
-        soleCandidate.props.onKeyDown?.(event);
-        if (event.key === "Escape") {
-          cancelDelayedOpen();
-          setOpen(false);
-        }
-      },
-      className: chunkZS5756ZC_js.cn(className, soleCandidate.props.className),
-      "aria-describedby": describedBy
-    });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      className,
-      tabIndex: 0,
-      "aria-describedby": mergeDescribedBy(tooltipId, void 0, open),
-      onMouseEnter,
-      onMouseLeave,
-      onFocus,
-      onBlur,
-      onKeyDown,
-      children
-    }
-  );
-};
-var TooltipContent = ({
-  children,
-  className,
-  variant,
-  size,
-  width
-}) => {
-  const { open, position, tooltipId } = useTooltip();
-  if (!open) return null;
-  const positionStyles = {
-    top: "bottom-full mb-2",
-    bottom: "top-full mt-2",
-    left: "right-full top-1/2 -translate-y-1/2 mr-2",
-    right: "left-full top-1/2 -translate-y-1/2 ml-2"
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      id: tooltipId,
-      "data-open": open,
-      role: "tooltip",
-      className: chunkZS5756ZC_js.cn(
-        tooltipVariants({ variant, size, width }),
-        positionStyles[position],
-        className
-      ),
-      children
-    }
-  );
-};
-
-exports.Tooltip = Tooltip;
-exports.TooltipContent = TooltipContent;
-exports.TooltipContext = TooltipContext;
-exports.TooltipTrigger = TooltipTrigger;
-exports.tooltipVariants = tooltipVariants;
-exports.useTooltip = useTooltip;
-//# sourceMappingURL=chunk-3W224B3M.js.map
-//# sourceMappingURL=chunk-3W224B3M.js.map
+export { zuiTooltipBase, zuiTooltipSizes, zuiTooltipVariants, zuiTooltipWidths };
+//# sourceMappingURL=chunk-4QLWSXXO.mjs.map
+//# sourceMappingURL=chunk-4QLWSXXO.mjs.map

package/dist/chunk-4QLWSXXO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/tooltip.ts"],"names":[],"mappings":";AAAO,IAAM,cAAA,GACX;AAEK,IAAM,kBAAA,GAAqB;AAAA,EAChC,OAAA,EACE,oOAAA;AAAA,EACF,OAAA,EACE,wNAAA;AAAA,EACF,KAAA,EACE,mPAAA;AAAA,EACF,KAAA,EACE,oXAAA;AAAA,EACF,OAAA,EACE,uPAAA;AAAA,EACF,MAAA,EACE,mPAAA;AAAA,EACF,MAAA,EACE,mPAAA;AAAA,EACF,IAAA,EAAM,uOAAA;AAAA,EACN,IAAA,EAAM,yOAAA;AAAA,EACN,GAAA,EAAK,mOAAA;AAAA,EACL,IAAA,EAAM,2OAAA;AAAA,EACN,MAAA,EACE,iPAAA;AAAA,EACF,MAAA,EACE,6OAAA;AAAA,EACF,KAAA,EACE,+OAAA;AAAA,EACF,eAAA,EACE,wbAAA;AAAA,EACF,gBAAA,EACE,8bAAA;AAAA,EACF,cAAA,EACE,4aAAA;AAAA,EACF,iBAAA,EACE,4bAAA;AAAA,EACF,iBAAA,EACE,gcAAA;AAAA,EACF,eAAA,EACE,obAAA;AAAA,EACF,iBAAA,EACE,ocAAA;AAAA,EACF,eAAA,EACE,kbAAA;AAAA,EACF,iBAAA,EACE,4bAAA;AAAA,EACF,IAAA,EAAM,sUAAA;AAAA,EACN,IAAA,EAAM,sUAAA;AAAA,EACN,IAAA,EAAM,sUAAA;AAAA,EACN,IAAA,EAAM,sUAAA;AAAA,EACN,KAAA,EACE,4UAAA;AAAA,EACF,QAAA,EACE,8VAAA;AAAA,EACF,QAAA,EACE,8VAAA;AAAA,EACF,IAAA,EAAM,sUAAA;AAAA,EACN,GAAA,EAAK,gUAAA;AAAA,EACL,KAAA,EACE,4UAAA;AAAA,EACF,IAAA,EAAM,sUAAA;AAAA,EACN,KAAA,EACE,4UAAA;AAAA,EACF,KAAA,EACE,4UAAA;AAAA,EACF,QAAA,EACE,8VAAA;AAAA,EACF,MAAA,EACE,kVAAA;AAAA,EACF,MAAA,EACE,kVAAA;AAAA,EACF,OAAA,EACE,wVAAA;AAAA,EACF,OAAA,EACE,wVAAA;AAAA,EACF,IAAA,EAAM,sUAAA;AAAA,EACN,IAAA,EAAM;AACR;AAEO,IAAM,eAAA,GAAkB;AAAA,EAC7B,EAAA,EAAI,mBAAA;AAAA,EACJ,EAAA,EAAI,qBAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,gBAAA,GAAmB;AAAA,EAC9B,GAAA,EAAK,uBAAA;AAAA,EACL,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-4QLWSXXO.mjs","sourcesContent":["export const zuiTooltipBase =\n  \"absolute z-50 rounded-md shadow-md transition-all duration-200 pointer-events-none\";\n\nexport const zuiTooltipVariants = {\n  default:\n    \"bg-[var(--zui-tooltip-default-bg,#ffffff)] dark:bg-[var(--zui-tooltip-default-bg-dark,#000000)] text-[color:var(--zui-tooltip-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-tooltip-default-fg-dark,#ffffff)]\",\n  outline:\n    \"border bg-[var(--zui-tooltip-outline-bg,#000000)] dark:bg-[var(--zui-tooltip-outline-bg-dark,#ffffff)] text-[color:var(--zui-tooltip-outline-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-outline-fg-dark,#000000)]\",\n  ghost:\n    \"bg-[var(--zui-tooltip-ghost-bg,oklch(27.8%_0.033_256.848))] dark:bg-[var(--zui-tooltip-ghost-bg-dark,oklch(27.8%_0.033_256.848))] text-[color:var(--zui-tooltip-ghost-fg,#ffffffe6)] dark:text-[color:var(--zui-tooltip-ghost-fg-dark,#ffffffe6)]\",\n  glass:\n    \"border border-[color:var(--zui-tooltip-glass-border,#00000026)] dark:border-[color:var(--zui-tooltip-glass-border-dark,#ffffff26)] bg-[var(--zui-tooltip-glass-bg,#0000001a)] dark:bg-[var(--zui-tooltip-glass-bg-dark,#ffffff1a)] text-[color:var(--zui-tooltip-glass-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-tooltip-glass-fg-dark,#ffffff)] backdrop-blur-md\",\n  emerald:\n    \"bg-[var(--zui-tooltip-emerald-bg,oklch(43.2%_0.095_166.913))] dark:bg-[var(--zui-tooltip-emerald-bg-dark,oklch(43.2%_0.095_166.913))] text-[color:var(--zui-tooltip-emerald-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-emerald-fg-dark,#ffffff)]\",\n  indigo:\n    \"bg-[var(--zui-tooltip-indigo-bg,oklch(39.8%_0.195_277.366))] dark:bg-[var(--zui-tooltip-indigo-bg-dark,oklch(39.8%_0.195_277.366))] text-[color:var(--zui-tooltip-indigo-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-indigo-fg-dark,#ffffff)]\",\n  purple:\n    \"bg-[var(--zui-tooltip-purple-bg,oklch(43.8%_0.218_303.724))] dark:bg-[var(--zui-tooltip-purple-bg-dark,oklch(43.8%_0.218_303.724))] text-[color:var(--zui-tooltip-purple-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-purple-fg-dark,#ffffff)]\",\n  pink: \"bg-[var(--zui-tooltip-pink-bg,oklch(45.9%_0.187_3.815))] dark:bg-[var(--zui-tooltip-pink-bg-dark,oklch(45.9%_0.187_3.815))] text-[color:var(--zui-tooltip-pink-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-pink-fg-dark,#ffffff)]\",\n  rose: \"bg-[var(--zui-tooltip-rose-bg,oklch(45.5%_0.188_13.697))] dark:bg-[var(--zui-tooltip-rose-bg-dark,oklch(45.5%_0.188_13.697))] text-[color:var(--zui-tooltip-rose-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-rose-fg-dark,#ffffff)]\",\n  sky: \"bg-[var(--zui-tooltip-sky-bg,oklch(50%_0.134_242.749))] dark:bg-[var(--zui-tooltip-sky-bg-dark,oklch(50%_0.134_242.749))] text-[color:var(--zui-tooltip-sky-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-sky-fg-dark,#ffffff)]\",\n  teal: \"bg-[var(--zui-tooltip-teal-bg,oklch(43.7%_0.078_188.216))] dark:bg-[var(--zui-tooltip-teal-bg-dark,oklch(43.7%_0.078_188.216))] text-[color:var(--zui-tooltip-teal-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-teal-fg-dark,#ffffff)]\",\n  yellow:\n    \"bg-[var(--zui-tooltip-yellow-bg,oklch(47.6%_0.114_61.907))] dark:bg-[var(--zui-tooltip-yellow-bg-dark,oklch(47.6%_0.114_61.907))] text-[color:var(--zui-tooltip-yellow-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-yellow-fg-dark,#ffffff)]\",\n  orange:\n    \"bg-[var(--zui-tooltip-orange-bg,oklch(47%_0.157_37.304))] dark:bg-[var(--zui-tooltip-orange-bg-dark,oklch(47%_0.157_37.304))] text-[color:var(--zui-tooltip-orange-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-orange-fg-dark,#ffffff)]\",\n  green:\n    \"bg-[var(--zui-tooltip-green-bg,oklch(44.8%_0.119_151.328))] dark:bg-[var(--zui-tooltip-green-bg-dark,oklch(44.8%_0.119_151.328))] text-[color:var(--zui-tooltip-green-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-green-fg-dark,#ffffff)]\",\n  \"gradient-blue\":\n    \"bg-linear-to-r from-[var(--zui-tooltip-gradient-blue-from,oklch(42.4%_0.199_265.638))] dark:from-[var(--zui-tooltip-gradient-blue-from-dark,oklch(42.4%_0.199_265.638))] to-[var(--zui-tooltip-gradient-blue-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-tooltip-gradient-blue-to-dark,oklch(43.8%_0.218_303.724))] text-[color:var(--zui-tooltip-gradient-blue-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-gradient-blue-fg-dark,#ffffff)]\",\n  \"gradient-green\":\n    \"bg-linear-to-r from-[var(--zui-tooltip-gradient-green-from,oklch(44.8%_0.119_151.328))] dark:from-[var(--zui-tooltip-gradient-green-from-dark,oklch(44.8%_0.119_151.328))] to-[var(--zui-tooltip-gradient-green-to,oklch(45.3%_0.124_130.933))] dark:to-[var(--zui-tooltip-gradient-green-to-dark,oklch(45.3%_0.124_130.933))] text-[color:var(--zui-tooltip-gradient-green-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-gradient-green-fg-dark,#ffffff)]\",\n  \"gradient-red\":\n    \"bg-linear-to-r from-[var(--zui-tooltip-gradient-red-from,oklch(44.4%_0.177_26.899))] dark:from-[var(--zui-tooltip-gradient-red-from-dark,oklch(44.4%_0.177_26.899))] to-[var(--zui-tooltip-gradient-red-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-tooltip-gradient-red-to-dark,oklch(45.9%_0.187_3.815))] text-[color:var(--zui-tooltip-gradient-red-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-gradient-red-fg-dark,#ffffff)]\",\n  \"gradient-yellow\":\n    \"bg-linear-to-r from-[var(--zui-tooltip-gradient-yellow-from,oklch(47.6%_0.114_61.907))] dark:from-[var(--zui-tooltip-gradient-yellow-from-dark,oklch(47.6%_0.114_61.907))] to-[var(--zui-tooltip-gradient-yellow-to,oklch(47%_0.157_37.304))] dark:to-[var(--zui-tooltip-gradient-yellow-to-dark,oklch(47%_0.157_37.304))] text-[color:var(--zui-tooltip-gradient-yellow-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-gradient-yellow-fg-dark,#ffffff)]\",\n  \"gradient-purple\":\n    \"bg-linear-to-r from-[var(--zui-tooltip-gradient-purple-from,oklch(43.8%_0.218_303.724))] dark:from-[var(--zui-tooltip-gradient-purple-from-dark,oklch(43.8%_0.218_303.724))] to-[var(--zui-tooltip-gradient-purple-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-tooltip-gradient-purple-to-dark,oklch(45.9%_0.187_3.815))] text-[color:var(--zui-tooltip-gradient-purple-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-gradient-purple-fg-dark,#ffffff)]\",\n  \"gradient-teal\":\n    \"bg-linear-to-r from-[var(--zui-tooltip-gradient-teal-from,oklch(43.7%_0.078_188.216))] dark:from-[var(--zui-tooltip-gradient-teal-from-dark,oklch(43.7%_0.078_188.216))] to-[var(--zui-tooltip-gradient-teal-to,oklch(45%_0.085_224.283))] dark:to-[var(--zui-tooltip-gradient-teal-to-dark,oklch(45%_0.085_224.283))] text-[color:var(--zui-tooltip-gradient-teal-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-gradient-teal-fg-dark,#ffffff)]\",\n  \"gradient-indigo\":\n    \"bg-linear-to-r from-[var(--zui-tooltip-gradient-indigo-from,oklch(39.8%_0.195_277.366))] dark:from-[var(--zui-tooltip-gradient-indigo-from-dark,oklch(39.8%_0.195_277.366))] to-[var(--zui-tooltip-gradient-indigo-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-tooltip-gradient-indigo-to-dark,oklch(43.8%_0.218_303.724))] text-[color:var(--zui-tooltip-gradient-indigo-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-gradient-indigo-fg-dark,#ffffff)]\",\n  \"gradient-pink\":\n    \"bg-linear-to-r from-[var(--zui-tooltip-gradient-pink-from,oklch(45.9%_0.187_3.815))] dark:from-[var(--zui-tooltip-gradient-pink-from-dark,oklch(45.9%_0.187_3.815))] to-[var(--zui-tooltip-gradient-pink-to,oklch(45.5%_0.188_13.697))] dark:to-[var(--zui-tooltip-gradient-pink-to-dark,oklch(45.5%_0.188_13.697))] text-[color:var(--zui-tooltip-gradient-pink-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-gradient-pink-fg-dark,#ffffff)]\",\n  \"gradient-orange\":\n    \"bg-linear-to-r from-[var(--zui-tooltip-gradient-orange-from,oklch(47%_0.157_37.304))] dark:from-[var(--zui-tooltip-gradient-orange-from-dark,oklch(47%_0.157_37.304))] to-[var(--zui-tooltip-gradient-orange-to,oklch(44.4%_0.177_26.899))] dark:to-[var(--zui-tooltip-gradient-orange-to-dark,oklch(44.4%_0.177_26.899))] text-[color:var(--zui-tooltip-gradient-orange-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-gradient-orange-fg-dark,#ffffff)]\",\n  blue: \"border border-[color:var(--zui-tooltip-blue-border,#2563eb)] dark:border-[color:var(--zui-tooltip-blue-border-dark,#3b82f6)] bg-[var(--zui-tooltip-blue-bg,#2563eb14)] dark:bg-[var(--zui-tooltip-blue-bg-dark,#3b82f624)] text-[color:var(--zui-tooltip-blue-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-blue-fg-dark,#f8fafc)]\",\n  cyan: \"border border-[color:var(--zui-tooltip-cyan-border,#0891b2)] dark:border-[color:var(--zui-tooltip-cyan-border-dark,#22d3ee)] bg-[var(--zui-tooltip-cyan-bg,#0891b214)] dark:bg-[var(--zui-tooltip-cyan-bg-dark,#22d3ee24)] text-[color:var(--zui-tooltip-cyan-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-cyan-fg-dark,#f8fafc)]\",\n  lime: \"border border-[color:var(--zui-tooltip-lime-border,#65a30d)] dark:border-[color:var(--zui-tooltip-lime-border-dark,#a3e635)] bg-[var(--zui-tooltip-lime-bg,#65a30d14)] dark:bg-[var(--zui-tooltip-lime-bg-dark,#a3e63524)] text-[color:var(--zui-tooltip-lime-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-lime-fg-dark,#f8fafc)]\",\n  mint: \"border border-[color:var(--zui-tooltip-mint-border,#10b981)] dark:border-[color:var(--zui-tooltip-mint-border-dark,#6ee7b7)] bg-[var(--zui-tooltip-mint-bg,#10b98114)] dark:bg-[var(--zui-tooltip-mint-bg-dark,#6ee7b724)] text-[color:var(--zui-tooltip-mint-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-mint-fg-dark,#f8fafc)]\",\n  ocean:\n    \"border border-[color:var(--zui-tooltip-ocean-border,#0284c7)] dark:border-[color:var(--zui-tooltip-ocean-border-dark,#38bdf8)] bg-[var(--zui-tooltip-ocean-bg,#0284c714)] dark:bg-[var(--zui-tooltip-ocean-bg-dark,#38bdf824)] text-[color:var(--zui-tooltip-ocean-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-ocean-fg-dark,#f8fafc)]\",\n  sapphire:\n    \"border border-[color:var(--zui-tooltip-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-tooltip-sapphire-border-dark,#60a5fa)] bg-[var(--zui-tooltip-sapphire-bg,#1d4ed814)] dark:bg-[var(--zui-tooltip-sapphire-bg-dark,#60a5fa24)] text-[color:var(--zui-tooltip-sapphire-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-sapphire-fg-dark,#f8fafc)]\",\n  lavender:\n    \"border border-[color:var(--zui-tooltip-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-tooltip-lavender-border-dark,#a78bfa)] bg-[var(--zui-tooltip-lavender-bg,#8b5cf614)] dark:bg-[var(--zui-tooltip-lavender-bg-dark,#a78bfa24)] text-[color:var(--zui-tooltip-lavender-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-lavender-fg-dark,#f8fafc)]\",\n  ruby: \"border border-[color:var(--zui-tooltip-ruby-border,#be123c)] dark:border-[color:var(--zui-tooltip-ruby-border-dark,#fb7185)] bg-[var(--zui-tooltip-ruby-bg,#be123c14)] dark:bg-[var(--zui-tooltip-ruby-bg-dark,#fb718524)] text-[color:var(--zui-tooltip-ruby-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-ruby-fg-dark,#f8fafc)]\",\n  red: \"border border-[color:var(--zui-tooltip-red-border,#dc2626)] dark:border-[color:var(--zui-tooltip-red-border-dark,#ef4444)] bg-[var(--zui-tooltip-red-bg,#dc262614)] dark:bg-[var(--zui-tooltip-red-bg-dark,#ef444424)] text-[color:var(--zui-tooltip-red-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-red-fg-dark,#f8fafc)]\",\n  slate:\n    \"border border-[color:var(--zui-tooltip-slate-border,#475569)] dark:border-[color:var(--zui-tooltip-slate-border-dark,#64748b)] bg-[var(--zui-tooltip-slate-bg,#47556914)] dark:bg-[var(--zui-tooltip-slate-bg-dark,#64748b24)] text-[color:var(--zui-tooltip-slate-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-slate-fg-dark,#f8fafc)]\",\n  zinc: \"border border-[color:var(--zui-tooltip-zinc-border,#52525b)] dark:border-[color:var(--zui-tooltip-zinc-border-dark,#71717a)] bg-[var(--zui-tooltip-zinc-bg,#52525b14)] dark:bg-[var(--zui-tooltip-zinc-bg-dark,#71717a24)] text-[color:var(--zui-tooltip-zinc-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-zinc-fg-dark,#f8fafc)]\",\n  stone:\n    \"border border-[color:var(--zui-tooltip-stone-border,#57534e)] dark:border-[color:var(--zui-tooltip-stone-border-dark,#78716c)] bg-[var(--zui-tooltip-stone-bg,#57534e14)] dark:bg-[var(--zui-tooltip-stone-bg-dark,#78716c24)] text-[color:var(--zui-tooltip-stone-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-stone-fg-dark,#f8fafc)]\",\n  royal:\n    \"border border-[color:var(--zui-tooltip-royal-border,#4338ca)] dark:border-[color:var(--zui-tooltip-royal-border-dark,#818cf8)] bg-[var(--zui-tooltip-royal-bg,#4338ca14)] dark:bg-[var(--zui-tooltip-royal-bg-dark,#818cf824)] text-[color:var(--zui-tooltip-royal-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-royal-fg-dark,#f8fafc)]\",\n  electric:\n    \"border border-[color:var(--zui-tooltip-electric-border,#0ea5e9)] dark:border-[color:var(--zui-tooltip-electric-border-dark,#38bdf8)] bg-[var(--zui-tooltip-electric-bg,#0ea5e914)] dark:bg-[var(--zui-tooltip-electric-bg-dark,#38bdf824)] text-[color:var(--zui-tooltip-electric-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-electric-fg-dark,#f8fafc)]\",\n  forest:\n    \"border border-[color:var(--zui-tooltip-forest-border,#166534)] dark:border-[color:var(--zui-tooltip-forest-border-dark,#4ade80)] bg-[var(--zui-tooltip-forest-bg,#16653414)] dark:bg-[var(--zui-tooltip-forest-bg-dark,#4ade8024)] text-[color:var(--zui-tooltip-forest-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-forest-fg-dark,#f8fafc)]\",\n  sunset:\n    \"border border-[color:var(--zui-tooltip-sunset-border,#ea580c)] dark:border-[color:var(--zui-tooltip-sunset-border-dark,#fb923c)] bg-[var(--zui-tooltip-sunset-bg,#ea580c14)] dark:bg-[var(--zui-tooltip-sunset-bg-dark,#fb923c24)] text-[color:var(--zui-tooltip-sunset-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-sunset-fg-dark,#f8fafc)]\",\n  magenta:\n    \"border border-[color:var(--zui-tooltip-magenta-border,#c026d3)] dark:border-[color:var(--zui-tooltip-magenta-border-dark,#e879f9)] bg-[var(--zui-tooltip-magenta-bg,#c026d314)] dark:bg-[var(--zui-tooltip-magenta-bg-dark,#e879f924)] text-[color:var(--zui-tooltip-magenta-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-magenta-fg-dark,#f8fafc)]\",\n  crimson:\n    \"border border-[color:var(--zui-tooltip-crimson-border,#b91c1c)] dark:border-[color:var(--zui-tooltip-crimson-border-dark,#f87171)] bg-[var(--zui-tooltip-crimson-bg,#b91c1c14)] dark:bg-[var(--zui-tooltip-crimson-bg-dark,#f8717124)] text-[color:var(--zui-tooltip-crimson-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-crimson-fg-dark,#f8fafc)]\",\n  aqua: \"border border-[color:var(--zui-tooltip-aqua-border,#0f766e)] dark:border-[color:var(--zui-tooltip-aqua-border-dark,#2dd4bf)] bg-[var(--zui-tooltip-aqua-bg,#0f766e14)] dark:bg-[var(--zui-tooltip-aqua-bg-dark,#2dd4bf24)] text-[color:var(--zui-tooltip-aqua-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-aqua-fg-dark,#f8fafc)]\",\n  plum: \"border border-[color:var(--zui-tooltip-plum-border,#7e22ce)] dark:border-[color:var(--zui-tooltip-plum-border-dark,#c084fc)] bg-[var(--zui-tooltip-plum-bg,#7e22ce14)] dark:bg-[var(--zui-tooltip-plum-bg-dark,#c084fc24)] text-[color:var(--zui-tooltip-plum-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-plum-fg-dark,#f8fafc)]\",\n} as const;\n\nexport const zuiTooltipSizes = {\n  sm: \"text-xs px-2 py-1\",\n  md: \"text-sm px-3 py-1.5\",\n  lg: \"text-base px-4 py-2\",\n} as const;\n\nexport const zuiTooltipWidths = {\n  fit: \"min-w-75 md:min-w-fit\",\n  xs: \"min-w-75 md:min-w-xs\",\n  sm: \"min-w-75 md:min-w-sm\",\n  md: \"min-w-75 md:min-w-md\",\n  lg: \"min-w-75 md:min-w-lg\",\n  xl: \"min-w-75 md:min-w-xl\",\n  \"2xl\": \"min-w-75 md:min-w-2xl\",\n} as const;\n"]}

package/dist/chunk-4U7CDEN7.mjs

@@ -0,0 +1,57 @@
+// src/design-system/checkbox.ts
+var zuiCheckboxRootBase = "group inline-flex w-fit items-start gap-2.5 text-sm font-medium text-[color:var(--zui-checkbox-label-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-checkbox-label-fg-dark,oklch(98.4%_0.003_247.858))] data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50";
+var zuiCheckboxControlBase = "grid shrink-0 place-items-center rounded-md border-2 border-[color:var(--zui-checkbox-border,#0000004d)] bg-[var(--zui-checkbox-bg,transparent)] dark:bg-[var(--zui-checkbox-bg-dark,transparent)] text-[color:var(--zui-checkbox-fg,oklch(44.6%_0.043_257.281))] transition-[background-color,border-color,color,box-shadow] peer-focus-visible:outline-none peer-focus-visible:ring-2 peer-focus-visible:ring-[var(--zui-checkbox-ring-focus,oklch(44.6%_0.043_257.281_/_0.7))] peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-[var(--zui-checkbox-ring-offset-focus,oklch(98.4%_0.003_247.858))] dark:border-[color:var(--zui-checkbox-border-dark,#ffffff4d)] dark:text-[color:var(--zui-checkbox-fg-dark,oklch(92.9%_0.013_255.508))] dark:peer-focus-visible:ring-[var(--zui-checkbox-ring-focus-dark,oklch(86.9%_0.022_252.894_/_0.7))] dark:peer-focus-visible:ring-offset-[var(--zui-checkbox-ring-offset-focus-dark,oklch(12.9%_0.042_264.695))] group-data-[disabled=true]:cursor-not-allowed";
+var zuiCheckboxIndicatorBase = "pointer-events-none opacity-0 transition-opacity duration-150 stroke-current group-data-[state=checked]:opacity-100 group-data-[state=indeterminate]:opacity-100";
+var zuiCheckboxSizes = {
+  sm: {
+    root: "text-xs",
+    control: "mt-0.5 size-4 rounded-[0.35rem]",
+    indicator: "size-3"
+  },
+  md: {
+    root: "text-sm",
+    control: "mt-0.5 size-5",
+    indicator: "size-3.5"
+  },
+  lg: {
+    root: "text-base",
+    control: "mt-0.5 size-6",
+    indicator: "size-4"
+  }
+};
+var zuiCheckboxAppearances = {
+  default: "group-data-[state=checked]:border-[color:var(--zui-checkbox-default-border-checked,oklch(44.6%_0.043_257.281))] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-default-border-checked-dark,oklch(44.6%_0.043_257.281))] group-data-[state=checked]:bg-[var(--zui-checkbox-default-bg-checked,oklch(44.6%_0.043_257.281))] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-default-bg-checked-dark,oklch(44.6%_0.043_257.281))] group-data-[state=checked]:text-[color:var(--zui-checkbox-default-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-default-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-default-border-checked,oklch(44.6%_0.043_257.281))] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-default-border-checked-dark,oklch(44.6%_0.043_257.281))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-default-bg-checked,oklch(44.6%_0.043_257.281))] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-default-bg-checked-dark,oklch(44.6%_0.043_257.281))] group-data-[state=indeterminate]:text-[color:var(--zui-checkbox-default-fg-checked,#ffffff)] dark:group-data-[state=indeterminate]:text-[color:var(--zui-checkbox-default-fg-checked-dark,#ffffff)]",
+  success: "group-data-[state=checked]:border-[color:var(--zui-checkbox-success-border-checked,oklch(59.6%_0.145_163.225))] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-success-border-checked-dark,oklch(59.6%_0.145_163.225))] group-data-[state=checked]:bg-[var(--zui-checkbox-success-bg-checked,oklch(59.6%_0.145_163.225))] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-success-bg-checked-dark,oklch(59.6%_0.145_163.225))] group-data-[state=checked]:text-[color:var(--zui-checkbox-success-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-success-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-success-border-checked,oklch(59.6%_0.145_163.225))] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-success-border-checked-dark,oklch(59.6%_0.145_163.225))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-success-bg-checked,oklch(59.6%_0.145_163.225))] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-success-bg-checked-dark,oklch(59.6%_0.145_163.225))]",
+  warning: "group-data-[state=checked]:border-[color:var(--zui-checkbox-warning-border-checked,oklch(68.1%_0.162_75.834))] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-warning-border-checked-dark,oklch(68.1%_0.162_75.834))] group-data-[state=checked]:bg-[var(--zui-checkbox-warning-bg-checked,oklch(68.1%_0.162_75.834))] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-warning-bg-checked-dark,oklch(68.1%_0.162_75.834))] group-data-[state=checked]:text-[color:var(--zui-checkbox-warning-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-warning-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-warning-border-checked,oklch(68.1%_0.162_75.834))] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-warning-border-checked-dark,oklch(68.1%_0.162_75.834))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-warning-bg-checked,oklch(68.1%_0.162_75.834))] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-warning-bg-checked-dark,oklch(68.1%_0.162_75.834))]",
+  error: "group-data-[state=checked]:border-[color:var(--zui-checkbox-error-border-checked,oklch(58.6%_0.253_17.585))] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-error-border-checked-dark,oklch(58.6%_0.253_17.585))] group-data-[state=checked]:bg-[var(--zui-checkbox-error-bg-checked,oklch(58.6%_0.253_17.585))] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-error-bg-checked-dark,oklch(58.6%_0.253_17.585))] group-data-[state=checked]:text-[color:var(--zui-checkbox-error-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-error-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-error-border-checked,oklch(58.6%_0.253_17.585))] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-error-border-checked-dark,oklch(58.6%_0.253_17.585))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-error-bg-checked,oklch(58.6%_0.253_17.585))] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-error-bg-checked-dark,oklch(58.6%_0.253_17.585))]",
+  info: "group-data-[state=checked]:border-[color:var(--zui-checkbox-info-border-checked,oklch(54.6%_0.245_262.881))] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-info-border-checked-dark,oklch(54.6%_0.245_262.881))] group-data-[state=checked]:bg-[var(--zui-checkbox-info-bg-checked,oklch(54.6%_0.245_262.881))] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-info-bg-checked-dark,oklch(54.6%_0.245_262.881))] group-data-[state=checked]:text-[color:var(--zui-checkbox-info-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-info-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-info-border-checked,oklch(54.6%_0.245_262.881))] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-info-border-checked-dark,oklch(54.6%_0.245_262.881))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-info-bg-checked,oklch(54.6%_0.245_262.881))] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-info-bg-checked-dark,oklch(54.6%_0.245_262.881))]",
+  blue: "group-data-[state=checked]:border-[color:var(--zui-checkbox-blue-border-checked,#2563eb)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-blue-border-checked-dark,#3b82f6)] group-data-[state=checked]:bg-[var(--zui-checkbox-blue-bg-checked,#2563eb)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-blue-bg-checked-dark,#3b82f6)] group-data-[state=checked]:text-[color:var(--zui-checkbox-blue-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-blue-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-blue-border-checked,#2563eb)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-blue-border-checked-dark,#3b82f6)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-blue-bg-checked,#2563eb)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-blue-bg-checked-dark,#3b82f6)]",
+  cyan: "group-data-[state=checked]:border-[color:var(--zui-checkbox-cyan-border-checked,#0891b2)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-cyan-border-checked-dark,#22d3ee)] group-data-[state=checked]:bg-[var(--zui-checkbox-cyan-bg-checked,#0891b2)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-cyan-bg-checked-dark,#22d3ee)] group-data-[state=checked]:text-[color:var(--zui-checkbox-cyan-fg-checked,#083344)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-cyan-fg-checked-dark,#083344)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-cyan-border-checked,#0891b2)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-cyan-border-checked-dark,#22d3ee)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-cyan-bg-checked,#0891b2)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-cyan-bg-checked-dark,#22d3ee)]",
+  green: "group-data-[state=checked]:border-[color:var(--zui-checkbox-green-border-checked,#16a34a)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-green-border-checked-dark,#22c55e)] group-data-[state=checked]:bg-[var(--zui-checkbox-green-bg-checked,#16a34a)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-green-bg-checked-dark,#22c55e)] group-data-[state=checked]:text-[color:var(--zui-checkbox-green-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-green-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-green-border-checked,#16a34a)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-green-border-checked-dark,#22c55e)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-green-bg-checked,#16a34a)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-green-bg-checked-dark,#22c55e)]",
+  lime: "group-data-[state=checked]:border-[color:var(--zui-checkbox-lime-border-checked,#65a30d)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-lime-border-checked-dark,#a3e635)] group-data-[state=checked]:bg-[var(--zui-checkbox-lime-bg-checked,#65a30d)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-lime-bg-checked-dark,#a3e635)] group-data-[state=checked]:text-[color:var(--zui-checkbox-lime-fg-checked,#1a2e05)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-lime-fg-checked-dark,#1a2e05)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-lime-border-checked,#65a30d)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-lime-border-checked-dark,#a3e635)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-lime-bg-checked,#65a30d)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-lime-bg-checked-dark,#a3e635)]",
+  mint: "group-data-[state=checked]:border-[color:var(--zui-checkbox-mint-border-checked,#10b981)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-mint-border-checked-dark,#6ee7b7)] group-data-[state=checked]:bg-[var(--zui-checkbox-mint-bg-checked,#10b981)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-mint-bg-checked-dark,#6ee7b7)] group-data-[state=checked]:text-[color:var(--zui-checkbox-mint-fg-checked,#064e3b)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-mint-fg-checked-dark,#064e3b)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-mint-border-checked,#10b981)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-mint-border-checked-dark,#6ee7b7)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-mint-bg-checked,#10b981)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-mint-bg-checked-dark,#6ee7b7)]",
+  ocean: "group-data-[state=checked]:border-[color:var(--zui-checkbox-ocean-border-checked,#0284c7)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-ocean-border-checked-dark,#38bdf8)] group-data-[state=checked]:bg-[var(--zui-checkbox-ocean-bg-checked,#0284c7)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-ocean-bg-checked-dark,#38bdf8)] group-data-[state=checked]:text-[color:var(--zui-checkbox-ocean-fg-checked,#082f49)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-ocean-fg-checked-dark,#082f49)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-ocean-border-checked,#0284c7)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-ocean-border-checked-dark,#38bdf8)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-ocean-bg-checked,#0284c7)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-ocean-bg-checked-dark,#38bdf8)]",
+  sapphire: "group-data-[state=checked]:border-[color:var(--zui-checkbox-sapphire-border-checked,#1d4ed8)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-sapphire-border-checked-dark,#60a5fa)] group-data-[state=checked]:bg-[var(--zui-checkbox-sapphire-bg-checked,#1d4ed8)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-sapphire-bg-checked-dark,#60a5fa)] group-data-[state=checked]:text-[color:var(--zui-checkbox-sapphire-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-sapphire-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-sapphire-border-checked,#1d4ed8)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-sapphire-border-checked-dark,#60a5fa)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-sapphire-bg-checked,#1d4ed8)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-sapphire-bg-checked-dark,#60a5fa)]",
+  lavender: "group-data-[state=checked]:border-[color:var(--zui-checkbox-lavender-border-checked,#8b5cf6)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-lavender-border-checked-dark,#a78bfa)] group-data-[state=checked]:bg-[var(--zui-checkbox-lavender-bg-checked,#8b5cf6)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-lavender-bg-checked-dark,#a78bfa)] group-data-[state=checked]:text-[color:var(--zui-checkbox-lavender-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-lavender-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-lavender-border-checked,#8b5cf6)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-lavender-border-checked-dark,#a78bfa)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-lavender-bg-checked,#8b5cf6)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-lavender-bg-checked-dark,#a78bfa)]",
+  ruby: "group-data-[state=checked]:border-[color:var(--zui-checkbox-ruby-border-checked,#be123c)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-ruby-border-checked-dark,#fb7185)] group-data-[state=checked]:bg-[var(--zui-checkbox-ruby-bg-checked,#be123c)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-ruby-bg-checked-dark,#fb7185)] group-data-[state=checked]:text-[color:var(--zui-checkbox-ruby-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-ruby-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-ruby-border-checked,#be123c)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-ruby-border-checked-dark,#fb7185)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-ruby-bg-checked,#be123c)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-ruby-bg-checked-dark,#fb7185)]",
+  red: "group-data-[state=checked]:border-[color:var(--zui-checkbox-red-border-checked,#dc2626)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-red-border-checked-dark,#ef4444)] group-data-[state=checked]:bg-[var(--zui-checkbox-red-bg-checked,#dc2626)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-red-bg-checked-dark,#ef4444)] group-data-[state=checked]:text-[color:var(--zui-checkbox-red-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-red-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-red-border-checked,#dc2626)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-red-border-checked-dark,#ef4444)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-red-bg-checked,#dc2626)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-red-bg-checked-dark,#ef4444)]",
+  slate: "group-data-[state=checked]:border-[color:var(--zui-checkbox-slate-border-checked,#475569)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-slate-border-checked-dark,#64748b)] group-data-[state=checked]:bg-[var(--zui-checkbox-slate-bg-checked,#475569)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-slate-bg-checked-dark,#64748b)] group-data-[state=checked]:text-[color:var(--zui-checkbox-slate-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-slate-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-slate-border-checked,#475569)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-slate-border-checked-dark,#64748b)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-slate-bg-checked,#475569)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-slate-bg-checked-dark,#64748b)]",
+  zinc: "group-data-[state=checked]:border-[color:var(--zui-checkbox-zinc-border-checked,#52525b)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-zinc-border-checked-dark,#71717a)] group-data-[state=checked]:bg-[var(--zui-checkbox-zinc-bg-checked,#52525b)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-zinc-bg-checked-dark,#71717a)] group-data-[state=checked]:text-[color:var(--zui-checkbox-zinc-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-zinc-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-zinc-border-checked,#52525b)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-zinc-border-checked-dark,#71717a)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-zinc-bg-checked,#52525b)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-zinc-bg-checked-dark,#71717a)]",
+  stone: "group-data-[state=checked]:border-[color:var(--zui-checkbox-stone-border-checked,#57534e)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-stone-border-checked-dark,#78716c)] group-data-[state=checked]:bg-[var(--zui-checkbox-stone-bg-checked,#57534e)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-stone-bg-checked-dark,#78716c)] group-data-[state=checked]:text-[color:var(--zui-checkbox-stone-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-stone-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-stone-border-checked,#57534e)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-stone-border-checked-dark,#78716c)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-stone-bg-checked,#57534e)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-stone-bg-checked-dark,#78716c)]",
+  royal: "group-data-[state=checked]:border-[color:var(--zui-checkbox-royal-border-checked,#4338ca)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-royal-border-checked-dark,#818cf8)] group-data-[state=checked]:bg-[var(--zui-checkbox-royal-bg-checked,#4338ca)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-royal-bg-checked-dark,#818cf8)] group-data-[state=checked]:text-[color:var(--zui-checkbox-royal-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-royal-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-royal-border-checked,#4338ca)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-royal-border-checked-dark,#818cf8)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-royal-bg-checked,#4338ca)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-royal-bg-checked-dark,#818cf8)]",
+  electric: "group-data-[state=checked]:border-[color:var(--zui-checkbox-electric-border-checked,#0ea5e9)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-electric-border-checked-dark,#38bdf8)] group-data-[state=checked]:bg-[var(--zui-checkbox-electric-bg-checked,#0ea5e9)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-electric-bg-checked-dark,#38bdf8)] group-data-[state=checked]:text-[color:var(--zui-checkbox-electric-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-electric-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-electric-border-checked,#0ea5e9)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-electric-border-checked-dark,#38bdf8)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-electric-bg-checked,#0ea5e9)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-electric-bg-checked-dark,#38bdf8)]",
+  forest: "group-data-[state=checked]:border-[color:var(--zui-checkbox-forest-border-checked,#166534)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-forest-border-checked-dark,#4ade80)] group-data-[state=checked]:bg-[var(--zui-checkbox-forest-bg-checked,#166534)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-forest-bg-checked-dark,#4ade80)] group-data-[state=checked]:text-[color:var(--zui-checkbox-forest-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-forest-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-forest-border-checked,#166534)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-forest-border-checked-dark,#4ade80)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-forest-bg-checked,#166534)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-forest-bg-checked-dark,#4ade80)]",
+  sunset: "group-data-[state=checked]:border-[color:var(--zui-checkbox-sunset-border-checked,#ea580c)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-sunset-border-checked-dark,#fb923c)] group-data-[state=checked]:bg-[var(--zui-checkbox-sunset-bg-checked,#ea580c)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-sunset-bg-checked-dark,#fb923c)] group-data-[state=checked]:text-[color:var(--zui-checkbox-sunset-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-sunset-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-sunset-border-checked,#ea580c)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-sunset-border-checked-dark,#fb923c)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-sunset-bg-checked,#ea580c)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-sunset-bg-checked-dark,#fb923c)]",
+  magenta: "group-data-[state=checked]:border-[color:var(--zui-checkbox-magenta-border-checked,#c026d3)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-magenta-border-checked-dark,#e879f9)] group-data-[state=checked]:bg-[var(--zui-checkbox-magenta-bg-checked,#c026d3)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-magenta-bg-checked-dark,#e879f9)] group-data-[state=checked]:text-[color:var(--zui-checkbox-magenta-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-magenta-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-magenta-border-checked,#c026d3)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-magenta-border-checked-dark,#e879f9)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-magenta-bg-checked,#c026d3)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-magenta-bg-checked-dark,#e879f9)]",
+  crimson: "group-data-[state=checked]:border-[color:var(--zui-checkbox-crimson-border-checked,#b91c1c)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-crimson-border-checked-dark,#f87171)] group-data-[state=checked]:bg-[var(--zui-checkbox-crimson-bg-checked,#b91c1c)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-crimson-bg-checked-dark,#f87171)] group-data-[state=checked]:text-[color:var(--zui-checkbox-crimson-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-crimson-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-crimson-border-checked,#b91c1c)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-crimson-border-checked-dark,#f87171)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-crimson-bg-checked,#b91c1c)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-crimson-bg-checked-dark,#f87171)]",
+  aqua: "group-data-[state=checked]:border-[color:var(--zui-checkbox-aqua-border-checked,#0f766e)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-aqua-border-checked-dark,#2dd4bf)] group-data-[state=checked]:bg-[var(--zui-checkbox-aqua-bg-checked,#0f766e)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-aqua-bg-checked-dark,#2dd4bf)] group-data-[state=checked]:text-[color:var(--zui-checkbox-aqua-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-aqua-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-aqua-border-checked,#0f766e)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-aqua-border-checked-dark,#2dd4bf)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-aqua-bg-checked,#0f766e)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-aqua-bg-checked-dark,#2dd4bf)]",
+  plum: "group-data-[state=checked]:border-[color:var(--zui-checkbox-plum-border-checked,#7e22ce)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-plum-border-checked-dark,#c084fc)] group-data-[state=checked]:bg-[var(--zui-checkbox-plum-bg-checked,#7e22ce)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-plum-bg-checked-dark,#c084fc)] group-data-[state=checked]:text-[color:var(--zui-checkbox-plum-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-plum-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-plum-border-checked,#7e22ce)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-plum-border-checked-dark,#c084fc)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-plum-bg-checked,#7e22ce)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-plum-bg-checked-dark,#c084fc)]",
+  violet: "group-data-[state=checked]:border-[color:var(--zui-checkbox-violet-border-checked,oklch(54.1%_0.281_293.009))] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-violet-border-checked-dark,oklch(54.1%_0.281_293.009))] group-data-[state=checked]:bg-[var(--zui-checkbox-violet-bg-checked,oklch(54.1%_0.281_293.009))] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-violet-bg-checked-dark,oklch(54.1%_0.281_293.009))] group-data-[state=checked]:text-[color:var(--zui-checkbox-violet-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-violet-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-violet-border-checked,oklch(54.1%_0.281_293.009))] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-violet-border-checked-dark,oklch(54.1%_0.281_293.009))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-violet-bg-checked,oklch(54.1%_0.281_293.009))] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-violet-bg-checked-dark,oklch(54.1%_0.281_293.009))]",
+  amber: "group-data-[state=checked]:border-[color:var(--zui-checkbox-amber-border-checked,oklch(66.6%_0.179_58.318))] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-amber-border-checked-dark,oklch(66.6%_0.179_58.318))] group-data-[state=checked]:bg-[var(--zui-checkbox-amber-bg-checked,oklch(66.6%_0.179_58.318))] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-amber-bg-checked-dark,oklch(66.6%_0.179_58.318))] group-data-[state=checked]:text-[color:var(--zui-checkbox-amber-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-amber-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-amber-border-checked,oklch(66.6%_0.179_58.318))] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-amber-border-checked-dark,oklch(66.6%_0.179_58.318))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-amber-bg-checked,oklch(66.6%_0.179_58.318))] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-amber-bg-checked-dark,oklch(66.6%_0.179_58.318))]",
+  pink: "group-data-[state=checked]:border-[color:var(--zui-checkbox-pink-border-checked,oklch(59.2%_0.249_0.584))] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-pink-border-checked-dark,oklch(59.2%_0.249_0.584))] group-data-[state=checked]:bg-[var(--zui-checkbox-pink-bg-checked,oklch(59.2%_0.249_0.584))] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-pink-bg-checked-dark,oklch(59.2%_0.249_0.584))] group-data-[state=checked]:text-[color:var(--zui-checkbox-pink-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-pink-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-pink-border-checked,oklch(59.2%_0.249_0.584))] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-pink-border-checked-dark,oklch(59.2%_0.249_0.584))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-pink-bg-checked,oklch(59.2%_0.249_0.584))] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-pink-bg-checked-dark,oklch(59.2%_0.249_0.584))]",
+  indigo: "group-data-[state=checked]:border-[color:var(--zui-checkbox-indigo-border-checked,oklch(51.1%_0.262_276.966))] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-indigo-border-checked-dark,oklch(51.1%_0.262_276.966))] group-data-[state=checked]:bg-[var(--zui-checkbox-indigo-bg-checked,oklch(51.1%_0.262_276.966))] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-indigo-bg-checked-dark,oklch(51.1%_0.262_276.966))] group-data-[state=checked]:text-[color:var(--zui-checkbox-indigo-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-indigo-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-indigo-border-checked,oklch(51.1%_0.262_276.966))] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-indigo-border-checked-dark,oklch(51.1%_0.262_276.966))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-indigo-bg-checked,oklch(51.1%_0.262_276.966))] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-indigo-bg-checked-dark,oklch(51.1%_0.262_276.966))]"
+};
+
+export { zuiCheckboxAppearances, zuiCheckboxControlBase, zuiCheckboxIndicatorBase, zuiCheckboxRootBase, zuiCheckboxSizes };
+//# sourceMappingURL=chunk-4U7CDEN7.mjs.map
+//# sourceMappingURL=chunk-4U7CDEN7.mjs.map

package/dist/chunk-4U7CDEN7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/checkbox.ts"],"names":[],"mappings":";AAAO,IAAM,mBAAA,GACX;AAEK,IAAM,sBAAA,GACX;AAEK,IAAM,wBAAA,GACX;AAEK,IAAM,gBAAA,GAAmB;AAAA,EAC9B,EAAA,EAAI;AAAA,IACF,IAAA,EAAM,SAAA;AAAA,IACN,OAAA,EAAS,iCAAA;AAAA,IACT,SAAA,EAAW;AAAA,GACb;AAAA,EACA,EAAA,EAAI;AAAA,IACF,IAAA,EAAM,SAAA;AAAA,IACN,OAAA,EAAS,eAAA;AAAA,IACT,SAAA,EAAW;AAAA,GACb;AAAA,EACA,EAAA,EAAI;AAAA,IACF,IAAA,EAAM,WAAA;AAAA,IACN,OAAA,EAAS,eAAA;AAAA,IACT,SAAA,EAAW;AAAA;AAEf;AAEO,IAAM,sBAAA,GAAyB;AAAA,EACpC,OAAA,EACE,qwCAAA;AAAA,EACF,OAAA,EACE,ikCAAA;AAAA,EACF,OAAA,EACE,yjCAAA;AAAA,EACF,KAAA,EACE,qiCAAA;AAAA,EACF,IAAA,EAAM,miCAAA;AAAA,EACN,IAAA,EAAM,24BAAA;AAAA,EACN,IAAA,EAAM,24BAAA;AAAA,EACN,KAAA,EACE,q5BAAA;AAAA,EACF,IAAA,EAAM,24BAAA;AAAA,EACN,IAAA,EAAM,24BAAA;AAAA,EACN,KAAA,EACE,q5BAAA;AAAA,EACF,QAAA,EACE,m7BAAA;AAAA,EACF,QAAA,EACE,m7BAAA;AAAA,EACF,IAAA,EAAM,24BAAA;AAAA,EACN,GAAA,EAAK,i4BAAA;AAAA,EACL,KAAA,EACE,q5BAAA;AAAA,EACF,IAAA,EAAM,24BAAA;AAAA,EACN,KAAA,EACE,q5BAAA;AAAA,EACF,KAAA,EACE,q5BAAA;AAAA,EACF,QAAA,EACE,m7BAAA;AAAA,EACF,MAAA,EACE,+5BAAA;AAAA,EACF,MAAA,EACE,+5BAAA;AAAA,EACF,OAAA,EACE,y6BAAA;AAAA,EACF,OAAA,EACE,y6BAAA;AAAA,EACF,IAAA,EAAM,24BAAA;AAAA,EACN,IAAA,EAAM,24BAAA;AAAA,EACN,MAAA,EACE,ujCAAA;AAAA,EACF,KAAA,EACE,qiCAAA;AAAA,EACF,IAAA,EAAM,mhCAAA;AAAA,EACN,MAAA,EACE;AACJ","file":"chunk-4U7CDEN7.mjs","sourcesContent":["export const zuiCheckboxRootBase =\n  \"group inline-flex w-fit items-start gap-2.5 text-sm font-medium text-[color:var(--zui-checkbox-label-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-checkbox-label-fg-dark,oklch(98.4%_0.003_247.858))] data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50\";\n\nexport const zuiCheckboxControlBase =\n  \"grid shrink-0 place-items-center rounded-md border-2 border-[color:var(--zui-checkbox-border,#0000004d)] bg-[var(--zui-checkbox-bg,transparent)] dark:bg-[var(--zui-checkbox-bg-dark,transparent)] text-[color:var(--zui-checkbox-fg,oklch(44.6%_0.043_257.281))] transition-[background-color,border-color,color,box-shadow] peer-focus-visible:outline-none peer-focus-visible:ring-2 peer-focus-visible:ring-[var(--zui-checkbox-ring-focus,oklch(44.6%_0.043_257.281_/_0.7))] peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-[var(--zui-checkbox-ring-offset-focus,oklch(98.4%_0.003_247.858))] dark:border-[color:var(--zui-checkbox-border-dark,#ffffff4d)] dark:text-[color:var(--zui-checkbox-fg-dark,oklch(92.9%_0.013_255.508))] dark:peer-focus-visible:ring-[var(--zui-checkbox-ring-focus-dark,oklch(86.9%_0.022_252.894_/_0.7))] dark:peer-focus-visible:ring-offset-[var(--zui-checkbox-ring-offset-focus-dark,oklch(12.9%_0.042_264.695))] group-data-[disabled=true]:cursor-not-allowed\";\n\nexport const zuiCheckboxIndicatorBase =\n  \"pointer-events-none opacity-0 transition-opacity duration-150 stroke-current group-data-[state=checked]:opacity-100 group-data-[state=indeterminate]:opacity-100\";\n\nexport const zuiCheckboxSizes = {\n  sm: {\n    root: \"text-xs\",\n    control: \"mt-0.5 size-4 rounded-[0.35rem]\",\n    indicator: \"size-3\",\n  },\n  md: {\n    root: \"text-sm\",\n    control: \"mt-0.5 size-5\",\n    indicator: \"size-3.5\",\n  },\n  lg: {\n    root: \"text-base\",\n    control: \"mt-0.5 size-6\",\n    indicator: \"size-4\",\n  },\n} as const;\n\nexport const zuiCheckboxAppearances = {\n  default:\n    \"group-data-[state=checked]:border-[color:var(--zui-checkbox-default-border-checked,oklch(44.6%_0.043_257.281))] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-default-border-checked-dark,oklch(44.6%_0.043_257.281))] group-data-[state=checked]:bg-[var(--zui-checkbox-default-bg-checked,oklch(44.6%_0.043_257.281))] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-default-bg-checked-dark,oklch(44.6%_0.043_257.281))] group-data-[state=checked]:text-[color:var(--zui-checkbox-default-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-default-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-default-border-checked,oklch(44.6%_0.043_257.281))] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-default-border-checked-dark,oklch(44.6%_0.043_257.281))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-default-bg-checked,oklch(44.6%_0.043_257.281))] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-default-bg-checked-dark,oklch(44.6%_0.043_257.281))] group-data-[state=indeterminate]:text-[color:var(--zui-checkbox-default-fg-checked,#ffffff)] dark:group-data-[state=indeterminate]:text-[color:var(--zui-checkbox-default-fg-checked-dark,#ffffff)]\",\n  success:\n    \"group-data-[state=checked]:border-[color:var(--zui-checkbox-success-border-checked,oklch(59.6%_0.145_163.225))] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-success-border-checked-dark,oklch(59.6%_0.145_163.225))] group-data-[state=checked]:bg-[var(--zui-checkbox-success-bg-checked,oklch(59.6%_0.145_163.225))] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-success-bg-checked-dark,oklch(59.6%_0.145_163.225))] group-data-[state=checked]:text-[color:var(--zui-checkbox-success-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-success-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-success-border-checked,oklch(59.6%_0.145_163.225))] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-success-border-checked-dark,oklch(59.6%_0.145_163.225))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-success-bg-checked,oklch(59.6%_0.145_163.225))] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-success-bg-checked-dark,oklch(59.6%_0.145_163.225))]\",\n  warning:\n    \"group-data-[state=checked]:border-[color:var(--zui-checkbox-warning-border-checked,oklch(68.1%_0.162_75.834))] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-warning-border-checked-dark,oklch(68.1%_0.162_75.834))] group-data-[state=checked]:bg-[var(--zui-checkbox-warning-bg-checked,oklch(68.1%_0.162_75.834))] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-warning-bg-checked-dark,oklch(68.1%_0.162_75.834))] group-data-[state=checked]:text-[color:var(--zui-checkbox-warning-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-warning-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-warning-border-checked,oklch(68.1%_0.162_75.834))] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-warning-border-checked-dark,oklch(68.1%_0.162_75.834))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-warning-bg-checked,oklch(68.1%_0.162_75.834))] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-warning-bg-checked-dark,oklch(68.1%_0.162_75.834))]\",\n  error:\n    \"group-data-[state=checked]:border-[color:var(--zui-checkbox-error-border-checked,oklch(58.6%_0.253_17.585))] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-error-border-checked-dark,oklch(58.6%_0.253_17.585))] group-data-[state=checked]:bg-[var(--zui-checkbox-error-bg-checked,oklch(58.6%_0.253_17.585))] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-error-bg-checked-dark,oklch(58.6%_0.253_17.585))] group-data-[state=checked]:text-[color:var(--zui-checkbox-error-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-error-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-error-border-checked,oklch(58.6%_0.253_17.585))] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-error-border-checked-dark,oklch(58.6%_0.253_17.585))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-error-bg-checked,oklch(58.6%_0.253_17.585))] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-error-bg-checked-dark,oklch(58.6%_0.253_17.585))]\",\n  info: \"group-data-[state=checked]:border-[color:var(--zui-checkbox-info-border-checked,oklch(54.6%_0.245_262.881))] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-info-border-checked-dark,oklch(54.6%_0.245_262.881))] group-data-[state=checked]:bg-[var(--zui-checkbox-info-bg-checked,oklch(54.6%_0.245_262.881))] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-info-bg-checked-dark,oklch(54.6%_0.245_262.881))] group-data-[state=checked]:text-[color:var(--zui-checkbox-info-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-info-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-info-border-checked,oklch(54.6%_0.245_262.881))] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-info-border-checked-dark,oklch(54.6%_0.245_262.881))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-info-bg-checked,oklch(54.6%_0.245_262.881))] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-info-bg-checked-dark,oklch(54.6%_0.245_262.881))]\",\n  blue: \"group-data-[state=checked]:border-[color:var(--zui-checkbox-blue-border-checked,#2563eb)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-blue-border-checked-dark,#3b82f6)] group-data-[state=checked]:bg-[var(--zui-checkbox-blue-bg-checked,#2563eb)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-blue-bg-checked-dark,#3b82f6)] group-data-[state=checked]:text-[color:var(--zui-checkbox-blue-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-blue-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-blue-border-checked,#2563eb)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-blue-border-checked-dark,#3b82f6)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-blue-bg-checked,#2563eb)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-blue-bg-checked-dark,#3b82f6)]\",\n  cyan: \"group-data-[state=checked]:border-[color:var(--zui-checkbox-cyan-border-checked,#0891b2)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-cyan-border-checked-dark,#22d3ee)] group-data-[state=checked]:bg-[var(--zui-checkbox-cyan-bg-checked,#0891b2)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-cyan-bg-checked-dark,#22d3ee)] group-data-[state=checked]:text-[color:var(--zui-checkbox-cyan-fg-checked,#083344)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-cyan-fg-checked-dark,#083344)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-cyan-border-checked,#0891b2)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-cyan-border-checked-dark,#22d3ee)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-cyan-bg-checked,#0891b2)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-cyan-bg-checked-dark,#22d3ee)]\",\n  green:\n    \"group-data-[state=checked]:border-[color:var(--zui-checkbox-green-border-checked,#16a34a)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-green-border-checked-dark,#22c55e)] group-data-[state=checked]:bg-[var(--zui-checkbox-green-bg-checked,#16a34a)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-green-bg-checked-dark,#22c55e)] group-data-[state=checked]:text-[color:var(--zui-checkbox-green-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-green-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-green-border-checked,#16a34a)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-green-border-checked-dark,#22c55e)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-green-bg-checked,#16a34a)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-green-bg-checked-dark,#22c55e)]\",\n  lime: \"group-data-[state=checked]:border-[color:var(--zui-checkbox-lime-border-checked,#65a30d)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-lime-border-checked-dark,#a3e635)] group-data-[state=checked]:bg-[var(--zui-checkbox-lime-bg-checked,#65a30d)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-lime-bg-checked-dark,#a3e635)] group-data-[state=checked]:text-[color:var(--zui-checkbox-lime-fg-checked,#1a2e05)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-lime-fg-checked-dark,#1a2e05)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-lime-border-checked,#65a30d)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-lime-border-checked-dark,#a3e635)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-lime-bg-checked,#65a30d)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-lime-bg-checked-dark,#a3e635)]\",\n  mint: \"group-data-[state=checked]:border-[color:var(--zui-checkbox-mint-border-checked,#10b981)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-mint-border-checked-dark,#6ee7b7)] group-data-[state=checked]:bg-[var(--zui-checkbox-mint-bg-checked,#10b981)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-mint-bg-checked-dark,#6ee7b7)] group-data-[state=checked]:text-[color:var(--zui-checkbox-mint-fg-checked,#064e3b)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-mint-fg-checked-dark,#064e3b)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-mint-border-checked,#10b981)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-mint-border-checked-dark,#6ee7b7)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-mint-bg-checked,#10b981)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-mint-bg-checked-dark,#6ee7b7)]\",\n  ocean:\n    \"group-data-[state=checked]:border-[color:var(--zui-checkbox-ocean-border-checked,#0284c7)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-ocean-border-checked-dark,#38bdf8)] group-data-[state=checked]:bg-[var(--zui-checkbox-ocean-bg-checked,#0284c7)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-ocean-bg-checked-dark,#38bdf8)] group-data-[state=checked]:text-[color:var(--zui-checkbox-ocean-fg-checked,#082f49)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-ocean-fg-checked-dark,#082f49)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-ocean-border-checked,#0284c7)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-ocean-border-checked-dark,#38bdf8)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-ocean-bg-checked,#0284c7)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-ocean-bg-checked-dark,#38bdf8)]\",\n  sapphire:\n    \"group-data-[state=checked]:border-[color:var(--zui-checkbox-sapphire-border-checked,#1d4ed8)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-sapphire-border-checked-dark,#60a5fa)] group-data-[state=checked]:bg-[var(--zui-checkbox-sapphire-bg-checked,#1d4ed8)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-sapphire-bg-checked-dark,#60a5fa)] group-data-[state=checked]:text-[color:var(--zui-checkbox-sapphire-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-sapphire-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-sapphire-border-checked,#1d4ed8)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-sapphire-border-checked-dark,#60a5fa)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-sapphire-bg-checked,#1d4ed8)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-sapphire-bg-checked-dark,#60a5fa)]\",\n  lavender:\n    \"group-data-[state=checked]:border-[color:var(--zui-checkbox-lavender-border-checked,#8b5cf6)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-lavender-border-checked-dark,#a78bfa)] group-data-[state=checked]:bg-[var(--zui-checkbox-lavender-bg-checked,#8b5cf6)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-lavender-bg-checked-dark,#a78bfa)] group-data-[state=checked]:text-[color:var(--zui-checkbox-lavender-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-lavender-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-lavender-border-checked,#8b5cf6)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-lavender-border-checked-dark,#a78bfa)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-lavender-bg-checked,#8b5cf6)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-lavender-bg-checked-dark,#a78bfa)]\",\n  ruby: \"group-data-[state=checked]:border-[color:var(--zui-checkbox-ruby-border-checked,#be123c)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-ruby-border-checked-dark,#fb7185)] group-data-[state=checked]:bg-[var(--zui-checkbox-ruby-bg-checked,#be123c)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-ruby-bg-checked-dark,#fb7185)] group-data-[state=checked]:text-[color:var(--zui-checkbox-ruby-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-ruby-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-ruby-border-checked,#be123c)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-ruby-border-checked-dark,#fb7185)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-ruby-bg-checked,#be123c)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-ruby-bg-checked-dark,#fb7185)]\",\n  red: \"group-data-[state=checked]:border-[color:var(--zui-checkbox-red-border-checked,#dc2626)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-red-border-checked-dark,#ef4444)] group-data-[state=checked]:bg-[var(--zui-checkbox-red-bg-checked,#dc2626)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-red-bg-checked-dark,#ef4444)] group-data-[state=checked]:text-[color:var(--zui-checkbox-red-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-red-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-red-border-checked,#dc2626)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-red-border-checked-dark,#ef4444)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-red-bg-checked,#dc2626)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-red-bg-checked-dark,#ef4444)]\",\n  slate:\n    \"group-data-[state=checked]:border-[color:var(--zui-checkbox-slate-border-checked,#475569)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-slate-border-checked-dark,#64748b)] group-data-[state=checked]:bg-[var(--zui-checkbox-slate-bg-checked,#475569)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-slate-bg-checked-dark,#64748b)] group-data-[state=checked]:text-[color:var(--zui-checkbox-slate-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-slate-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-slate-border-checked,#475569)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-slate-border-checked-dark,#64748b)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-slate-bg-checked,#475569)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-slate-bg-checked-dark,#64748b)]\",\n  zinc: \"group-data-[state=checked]:border-[color:var(--zui-checkbox-zinc-border-checked,#52525b)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-zinc-border-checked-dark,#71717a)] group-data-[state=checked]:bg-[var(--zui-checkbox-zinc-bg-checked,#52525b)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-zinc-bg-checked-dark,#71717a)] group-data-[state=checked]:text-[color:var(--zui-checkbox-zinc-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-zinc-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-zinc-border-checked,#52525b)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-zinc-border-checked-dark,#71717a)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-zinc-bg-checked,#52525b)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-zinc-bg-checked-dark,#71717a)]\",\n  stone:\n    \"group-data-[state=checked]:border-[color:var(--zui-checkbox-stone-border-checked,#57534e)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-stone-border-checked-dark,#78716c)] group-data-[state=checked]:bg-[var(--zui-checkbox-stone-bg-checked,#57534e)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-stone-bg-checked-dark,#78716c)] group-data-[state=checked]:text-[color:var(--zui-checkbox-stone-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-stone-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-stone-border-checked,#57534e)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-stone-border-checked-dark,#78716c)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-stone-bg-checked,#57534e)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-stone-bg-checked-dark,#78716c)]\",\n  royal:\n    \"group-data-[state=checked]:border-[color:var(--zui-checkbox-royal-border-checked,#4338ca)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-royal-border-checked-dark,#818cf8)] group-data-[state=checked]:bg-[var(--zui-checkbox-royal-bg-checked,#4338ca)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-royal-bg-checked-dark,#818cf8)] group-data-[state=checked]:text-[color:var(--zui-checkbox-royal-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-royal-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-royal-border-checked,#4338ca)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-royal-border-checked-dark,#818cf8)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-royal-bg-checked,#4338ca)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-royal-bg-checked-dark,#818cf8)]\",\n  electric:\n    \"group-data-[state=checked]:border-[color:var(--zui-checkbox-electric-border-checked,#0ea5e9)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-electric-border-checked-dark,#38bdf8)] group-data-[state=checked]:bg-[var(--zui-checkbox-electric-bg-checked,#0ea5e9)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-electric-bg-checked-dark,#38bdf8)] group-data-[state=checked]:text-[color:var(--zui-checkbox-electric-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-electric-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-electric-border-checked,#0ea5e9)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-electric-border-checked-dark,#38bdf8)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-electric-bg-checked,#0ea5e9)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-electric-bg-checked-dark,#38bdf8)]\",\n  forest:\n    \"group-data-[state=checked]:border-[color:var(--zui-checkbox-forest-border-checked,#166534)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-forest-border-checked-dark,#4ade80)] group-data-[state=checked]:bg-[var(--zui-checkbox-forest-bg-checked,#166534)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-forest-bg-checked-dark,#4ade80)] group-data-[state=checked]:text-[color:var(--zui-checkbox-forest-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-forest-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-forest-border-checked,#166534)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-forest-border-checked-dark,#4ade80)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-forest-bg-checked,#166534)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-forest-bg-checked-dark,#4ade80)]\",\n  sunset:\n    \"group-data-[state=checked]:border-[color:var(--zui-checkbox-sunset-border-checked,#ea580c)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-sunset-border-checked-dark,#fb923c)] group-data-[state=checked]:bg-[var(--zui-checkbox-sunset-bg-checked,#ea580c)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-sunset-bg-checked-dark,#fb923c)] group-data-[state=checked]:text-[color:var(--zui-checkbox-sunset-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-sunset-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-sunset-border-checked,#ea580c)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-sunset-border-checked-dark,#fb923c)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-sunset-bg-checked,#ea580c)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-sunset-bg-checked-dark,#fb923c)]\",\n  magenta:\n    \"group-data-[state=checked]:border-[color:var(--zui-checkbox-magenta-border-checked,#c026d3)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-magenta-border-checked-dark,#e879f9)] group-data-[state=checked]:bg-[var(--zui-checkbox-magenta-bg-checked,#c026d3)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-magenta-bg-checked-dark,#e879f9)] group-data-[state=checked]:text-[color:var(--zui-checkbox-magenta-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-magenta-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-magenta-border-checked,#c026d3)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-magenta-border-checked-dark,#e879f9)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-magenta-bg-checked,#c026d3)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-magenta-bg-checked-dark,#e879f9)]\",\n  crimson:\n    \"group-data-[state=checked]:border-[color:var(--zui-checkbox-crimson-border-checked,#b91c1c)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-crimson-border-checked-dark,#f87171)] group-data-[state=checked]:bg-[var(--zui-checkbox-crimson-bg-checked,#b91c1c)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-crimson-bg-checked-dark,#f87171)] group-data-[state=checked]:text-[color:var(--zui-checkbox-crimson-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-crimson-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-crimson-border-checked,#b91c1c)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-crimson-border-checked-dark,#f87171)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-crimson-bg-checked,#b91c1c)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-crimson-bg-checked-dark,#f87171)]\",\n  aqua: \"group-data-[state=checked]:border-[color:var(--zui-checkbox-aqua-border-checked,#0f766e)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-aqua-border-checked-dark,#2dd4bf)] group-data-[state=checked]:bg-[var(--zui-checkbox-aqua-bg-checked,#0f766e)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-aqua-bg-checked-dark,#2dd4bf)] group-data-[state=checked]:text-[color:var(--zui-checkbox-aqua-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-aqua-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-aqua-border-checked,#0f766e)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-aqua-border-checked-dark,#2dd4bf)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-aqua-bg-checked,#0f766e)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-aqua-bg-checked-dark,#2dd4bf)]\",\n  plum: \"group-data-[state=checked]:border-[color:var(--zui-checkbox-plum-border-checked,#7e22ce)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-plum-border-checked-dark,#c084fc)] group-data-[state=checked]:bg-[var(--zui-checkbox-plum-bg-checked,#7e22ce)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-plum-bg-checked-dark,#c084fc)] group-data-[state=checked]:text-[color:var(--zui-checkbox-plum-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-plum-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-plum-border-checked,#7e22ce)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-plum-border-checked-dark,#c084fc)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-plum-bg-checked,#7e22ce)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-plum-bg-checked-dark,#c084fc)]\",\n  violet:\n    \"group-data-[state=checked]:border-[color:var(--zui-checkbox-violet-border-checked,oklch(54.1%_0.281_293.009))] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-violet-border-checked-dark,oklch(54.1%_0.281_293.009))] group-data-[state=checked]:bg-[var(--zui-checkbox-violet-bg-checked,oklch(54.1%_0.281_293.009))] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-violet-bg-checked-dark,oklch(54.1%_0.281_293.009))] group-data-[state=checked]:text-[color:var(--zui-checkbox-violet-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-violet-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-violet-border-checked,oklch(54.1%_0.281_293.009))] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-violet-border-checked-dark,oklch(54.1%_0.281_293.009))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-violet-bg-checked,oklch(54.1%_0.281_293.009))] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-violet-bg-checked-dark,oklch(54.1%_0.281_293.009))]\",\n  amber:\n    \"group-data-[state=checked]:border-[color:var(--zui-checkbox-amber-border-checked,oklch(66.6%_0.179_58.318))] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-amber-border-checked-dark,oklch(66.6%_0.179_58.318))] group-data-[state=checked]:bg-[var(--zui-checkbox-amber-bg-checked,oklch(66.6%_0.179_58.318))] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-amber-bg-checked-dark,oklch(66.6%_0.179_58.318))] group-data-[state=checked]:text-[color:var(--zui-checkbox-amber-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-amber-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-amber-border-checked,oklch(66.6%_0.179_58.318))] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-amber-border-checked-dark,oklch(66.6%_0.179_58.318))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-amber-bg-checked,oklch(66.6%_0.179_58.318))] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-amber-bg-checked-dark,oklch(66.6%_0.179_58.318))]\",\n  pink: \"group-data-[state=checked]:border-[color:var(--zui-checkbox-pink-border-checked,oklch(59.2%_0.249_0.584))] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-pink-border-checked-dark,oklch(59.2%_0.249_0.584))] group-data-[state=checked]:bg-[var(--zui-checkbox-pink-bg-checked,oklch(59.2%_0.249_0.584))] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-pink-bg-checked-dark,oklch(59.2%_0.249_0.584))] group-data-[state=checked]:text-[color:var(--zui-checkbox-pink-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-pink-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-pink-border-checked,oklch(59.2%_0.249_0.584))] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-pink-border-checked-dark,oklch(59.2%_0.249_0.584))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-pink-bg-checked,oklch(59.2%_0.249_0.584))] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-pink-bg-checked-dark,oklch(59.2%_0.249_0.584))]\",\n  indigo:\n    \"group-data-[state=checked]:border-[color:var(--zui-checkbox-indigo-border-checked,oklch(51.1%_0.262_276.966))] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-indigo-border-checked-dark,oklch(51.1%_0.262_276.966))] group-data-[state=checked]:bg-[var(--zui-checkbox-indigo-bg-checked,oklch(51.1%_0.262_276.966))] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-indigo-bg-checked-dark,oklch(51.1%_0.262_276.966))] group-data-[state=checked]:text-[color:var(--zui-checkbox-indigo-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-indigo-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-indigo-border-checked,oklch(51.1%_0.262_276.966))] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-indigo-border-checked-dark,oklch(51.1%_0.262_276.966))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-indigo-bg-checked,oklch(51.1%_0.262_276.966))] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-indigo-bg-checked-dark,oklch(51.1%_0.262_276.966))]\",\n} as const;\n"]}