@zentauri-ui/zentauri-components 1.9.1 → 1.9.2

package/dist/chunk-KEGOUZL5.js

@@ -0,0 +1,209 @@
+'use strict';
+
+var chunkUU34Q42Q_js = require('./chunk-UU34Q42Q.js');
+var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
+var classVarianceAuthority = require('class-variance-authority');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var tooltipVariants = classVarianceAuthority.cva(chunkUU34Q42Q_js.zuiTooltipBase, {
+  variants: {
+    variant: chunkUU34Q42Q_js.zuiTooltipVariants,
+    size: chunkUU34Q42Q_js.zuiTooltipSizes,
+    width: chunkUU34Q42Q_js.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-KEGOUZL5.js.map
+//# sourceMappingURL=chunk-KEGOUZL5.js.map

package/dist/chunk-KEGOUZL5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/tooltip/variants.ts","../src/ui/tooltip/tooltip-base.tsx"],"names":["cva","zuiTooltipBase","zuiTooltipVariants","zuiTooltipSizes","zuiTooltipWidths","createContext","useContext","useState","useId","useCallback","useRef","useEffect","jsx","Children","isValidElement","cloneElement","cn"],"mappings":"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","file":"chunk-KEGOUZL5.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiTooltipBase,\n  zuiTooltipSizes,\n  zuiTooltipVariants,\n  zuiTooltipWidths,\n} from \"../../design-system/tooltip\";\n\nexport const tooltipVariants = cva(zuiTooltipBase, {\n  variants: {\n    variant: zuiTooltipVariants,\n    size: zuiTooltipSizes,\n    width: zuiTooltipWidths,\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"md\",\n    width: \"xs\",\n  },\n});\n","\"use client\";\n\nimport {\n  Children,\n  cloneElement,\n  createContext,\n  isValidElement,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type KeyboardEventHandler,\n  type MouseEventHandler,\n  type FocusEventHandler,\n  type ReactElement,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  TooltipProps,\n  TooltipContextType,\n  TooltipTriggerProps,\n  TooltipContentProps,\n} from \"./types\";\nimport { tooltipVariants } from \"./variants\";\n\nexport const TooltipContext = createContext<TooltipContextType | null>(null);\n\nexport const useTooltip = () => {\n  const context = useContext(TooltipContext);\n  if (!context) {\n    throw new Error(\"Tooltip components must be used within Tooltip\");\n  }\n  return context;\n};\n\nfunction mergeDescribedBy(\n  tooltipId: string,\n  existing: unknown,\n  open: boolean,\n): string | undefined {\n  if (!open) {\n    return typeof existing === \"string\" ? existing : undefined;\n  }\n  const baseIds =\n    typeof existing === \"string\" && existing.trim().length > 0\n      ? existing.split(/\\s+/).filter(Boolean)\n      : [];\n  const merged = [...new Set([...baseIds, tooltipId])];\n  return merged.join(\" \");\n}\n\nexport const Tooltip = ({\n  children,\n  defaultOpen = false,\n  open: controlledOpen,\n  onOpenChange,\n  position = \"top\",\n  delay = 100,\n}: TooltipProps) => {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const tooltipId = `${useId()}-tooltip`;\n\n  const isControlled = controlledOpen !== undefined;\n  const open = isControlled ? controlledOpen : uncontrolledOpen;\n\n  const setOpen = useCallback(\n    (value: boolean) => {\n      if (!isControlled) setUncontrolledOpen(value);\n      onOpenChange?.(value);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const showTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const cancelDelayedOpen = useCallback(() => {\n    if (showTimeoutRef.current !== null) {\n      clearTimeout(showTimeoutRef.current);\n      showTimeoutRef.current = null;\n    }\n  }, []);\n\n  const scheduleDelayedOpen = useCallback(() => {\n    cancelDelayedOpen();\n    showTimeoutRef.current = setTimeout(() => {\n      showTimeoutRef.current = null;\n      setOpen(true);\n    }, delay);\n  }, [cancelDelayedOpen, delay, setOpen]);\n\n  useEffect(() => () => cancelDelayedOpen(), [cancelDelayedOpen]);\n\n  return (\n    <TooltipContext.Provider\n      value={{\n        open,\n        setOpen,\n        position,\n        delay,\n        scheduleDelayedOpen,\n        cancelDelayedOpen,\n        tooltipId,\n      }}\n    >\n      <div className=\"relative inline-block\">{children}</div>\n    </TooltipContext.Provider>\n  );\n};\n\nexport const TooltipTrigger = ({\n  children,\n  className,\n}: TooltipTriggerProps) => {\n  const { setOpen, scheduleDelayedOpen, cancelDelayedOpen, open, tooltipId } =\n    useTooltip();\n\n  const onMouseEnter: MouseEventHandler = () => scheduleDelayedOpen();\n  const onMouseLeave: MouseEventHandler = () => {\n    cancelDelayedOpen();\n    setOpen(false);\n  };\n  const onFocus: FocusEventHandler = () => {\n    cancelDelayedOpen();\n    setOpen(true);\n  };\n  const onBlur: FocusEventHandler = () => {\n    cancelDelayedOpen();\n    setOpen(false);\n  };\n  const onKeyDown: KeyboardEventHandler = (event) => {\n    if (event.key === \"Escape\") {\n      cancelDelayedOpen();\n      setOpen(false);\n    }\n  };\n\n  const childList = Children.toArray(children).filter(\n    (node) => node !== null && node !== undefined && typeof node !== \"boolean\",\n  );\n\n  const soleCandidate =\n    childList.length === 1 && isValidElement(childList[0])\n      ? (childList[0] as ReactElement<{\n          className?: string;\n          \"aria-describedby\"?: string;\n          onMouseEnter?: MouseEventHandler;\n          onMouseLeave?: MouseEventHandler;\n          onFocus?: FocusEventHandler;\n          onBlur?: FocusEventHandler;\n          onKeyDown?: KeyboardEventHandler;\n        }>)\n      : undefined;\n\n  if (soleCandidate) {\n    const describedBy = mergeDescribedBy(\n      tooltipId,\n      soleCandidate.props[\"aria-describedby\"],\n      open,\n    );\n    return cloneElement(soleCandidate, {\n      onMouseEnter: (event: React.MouseEvent) => {\n        soleCandidate.props.onMouseEnter?.(event);\n        if (!event.defaultPrevented) {\n          scheduleDelayedOpen();\n        }\n      },\n      onMouseLeave: (event: React.MouseEvent) => {\n        soleCandidate.props.onMouseLeave?.(event);\n        cancelDelayedOpen();\n        setOpen(false);\n      },\n      onFocus: (event: React.FocusEvent) => {\n        soleCandidate.props.onFocus?.(event);\n        if (!event.defaultPrevented) {\n          cancelDelayedOpen();\n          setOpen(true);\n        }\n      },\n      onBlur: (event: React.FocusEvent) => {\n        soleCandidate.props.onBlur?.(event);\n        cancelDelayedOpen();\n        setOpen(false);\n      },\n      onKeyDown: (event: React.KeyboardEvent) => {\n        soleCandidate.props.onKeyDown?.(event);\n        if (event.key === \"Escape\") {\n          cancelDelayedOpen();\n          setOpen(false);\n        }\n      },\n      className: cn(className, soleCandidate.props.className),\n      \"aria-describedby\": describedBy,\n    });\n  }\n\n  return (\n    <span\n      className={className}\n      tabIndex={0}\n      aria-describedby={mergeDescribedBy(tooltipId, undefined, open)}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      onKeyDown={onKeyDown}\n    >\n      {children}\n    </span>\n  );\n};\n\nexport const TooltipContent = ({\n  children,\n  className,\n  variant,\n  size,\n  width,\n}: TooltipContentProps) => {\n  const { open, position, tooltipId } = useTooltip();\n\n  if (!open) return null;\n\n  const positionStyles = {\n    top: \"bottom-full mb-2\",\n    bottom: \"top-full mt-2\",\n    left: \"right-full top-1/2 -translate-y-1/2 mr-2\",\n    right: \"left-full top-1/2 -translate-y-1/2 ml-2\",\n  };\n\n  return (\n    <div\n      id={tooltipId}\n      data-open={open}\n      role=\"tooltip\"\n      className={cn(\n        tooltipVariants({ variant, size, width }),\n        positionStyles[position],\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n"]}

package/dist/{chunk-B3LCKPBX.js → chunk-KXNMW4NV.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/avatar.ts
 var zuiAvatarBase = "relative flex shrink-0 overflow-hidden rounded-full border border-[color:var(--zui-avatar-border,#0000001a)] dark:border-[color:var(--zui-avatar-border-dark,#ffffff1a)] text-[color:var(--zui-avatar-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-fg-dark,oklch(92.9%_0.013_255.508))]";
 var zuiAvatarAppearances = {
@@ -63,166 +56,6 @@ var zuiAvatarImageBase = "aspect-square size-full object-cover";
 var zuiAvatarFallbackBase = "flex size-full items-center justify-center bg-[var(--zui-avatar-fallback-bg,oklch(92.9%_0.013_255.508))] dark:bg-[var(--zui-avatar-fallback-bg-dark,oklch(27.9%_0.041_260.031))] font-medium text-[color:var(--zui-avatar-fallback-fg,oklch(27.9%_0.041_260.031))] dark:text-[color:var(--zui-avatar-fallback-fg-dark,oklch(96.8%_0.007_247.896))]";
 var zuiAvatarGroupBase = "flex items-center [&_[data-slot=avatar]]:-ml-2 [&_[data-slot=avatar]]:ring-2 [&_[data-slot=avatar]]:ring-[var(--zui-avatar-group-ring,#ffffff)] dark:[&_[data-slot=avatar]]:ring-[var(--zui-avatar-group-ring-dark,oklch(12.9%_0.042_264.695))] [&_[data-slot=avatar]]:first:ml-0";
 
-// src/ui/avatar/variants.ts
-var avatarVariants = classVarianceAuthority.cva(zuiAvatarBase, {
-  variants: {
-    appearance: zuiAvatarAppearances,
-    size: zuiAvatarSizes
-  },
-  defaultVariants: {
-    size: "md",
-    appearance: "default"
-  }
-});
-var avatarImageVariants = classVarianceAuthority.cva(zuiAvatarImageBase);
-var avatarFallbackVariants = classVarianceAuthority.cva(zuiAvatarFallbackBase);
-var avatarGroupVariants = classVarianceAuthority.cva(zuiAvatarGroupBase);
-var AvatarContext = react.createContext(null);
-function useAvatarContext(component) {
-  const ctx = react.useContext(AvatarContext);
-  if (!ctx) {
-    throw new Error(`${component} must be used within <Avatar>`);
-  }
-  return ctx;
-}
-function AvatarBase({
-  className,
-  size,
-  appearance,
-  children,
-  ref,
-  as: Wrapper = "span",
-  ...rest
-}) {
-  const [imageStatus, setImageStatus] = react.useState("idle");
-  const ctx = react.useMemo(() => ({ imageStatus, setImageStatus }), [imageStatus]);
-  return /* @__PURE__ */ jsxRuntime.jsx(AvatarContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsx(
-    Wrapper,
-    {
-      ref,
-      "data-slot": "avatar",
-      className: chunkZS5756ZC_js.cn(avatarVariants({ size, appearance }), className),
-      ...rest,
-      children
-    }
-  ) });
-}
-AvatarBase.displayName = "Avatar";
-function AvatarImage({
-  className,
-  onLoad,
-  onError,
-  ref,
-  ...rest
-}) {
-  const { setImageStatus } = useAvatarContext("AvatarImage");
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "img",
-    {
-      ref,
-      "data-slot": "avatar-image",
-      className: chunkZS5756ZC_js.cn(avatarImageVariants(), className),
-      onLoad: (e) => {
-        setImageStatus("loaded");
-        onLoad?.(e);
-      },
-      onError: (e) => {
-        setImageStatus("error");
-        onError?.(e);
-      },
-      ...rest
-    }
-  );
-}
-AvatarImage.displayName = "AvatarImage";
-function AvatarFallback({
-  className,
-  delayMs = 0,
-  ref,
-  ...rest
-}) {
-  const { imageStatus } = useAvatarContext("AvatarFallback");
-  const [show, setShow] = react.useState(delayMs === 0);
-  react.useEffect(() => {
-    if (imageStatus === "loaded") {
-      setShow(false);
-      return;
-    }
-    if (imageStatus === "error") {
-      setShow(true);
-      return;
-    }
-    if (delayMs <= 0) {
-      setShow(true);
-      return;
-    }
-    const t = window.setTimeout(() => setShow(true), delayMs);
-    return () => window.clearTimeout(t);
-  }, [delayMs, imageStatus]);
-  if (!show) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      ref,
-      "data-slot": "avatar-fallback",
-      className: chunkZS5756ZC_js.cn(avatarFallbackVariants(), className),
-      ...rest
-    }
-  );
-}
-AvatarFallback.displayName = "AvatarFallback";
-function AvatarGroup({
-  className,
-  max,
-  children,
-  ref,
-  ...rest
-}) {
-  const childArray = react.useMemo(
-    () => react.Children.toArray(children).filter(react.isValidElement),
-    [children]
-  );
-  const visible = max !== void 0 ? childArray.slice(0, max) : childArray;
-  const overflow = max !== void 0 && childArray.length > max ? childArray.length - max : 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      ref,
-      "data-slot": "avatar-group",
-      className: chunkZS5756ZC_js.cn(avatarGroupVariants(), className),
-      ...rest,
-      children: [
-        visible,
-        overflow > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(
-          "span",
-          {
-            "data-slot": "avatar-group-overflow",
-            className: chunkZS5756ZC_js.cn(
-              avatarVariants({ size: "md" }),
-              "z-10 grid place-items-center bg-slate-800 text-xs font-semibold text-white"
-            ),
-            "aria-label": `${overflow} more`,
-            children: [
-              "+",
-              overflow
-            ]
-          }
-        ) : null
-      ]
-    }
-  );
-}
-AvatarGroup.displayName = "AvatarGroup";
-
-exports.AvatarBase = AvatarBase;
-exports.AvatarFallback = AvatarFallback;
-exports.AvatarGroup = AvatarGroup;
-exports.AvatarImage = AvatarImage;
-exports.avatarFallbackVariants = avatarFallbackVariants;
-exports.avatarGroupVariants = avatarGroupVariants;
-exports.avatarImageVariants = avatarImageVariants;
-exports.avatarVariants = avatarVariants;
-//# sourceMappingURL=chunk-B3LCKPBX.js.map
-//# sourceMappingURL=chunk-B3LCKPBX.js.map
+export { zuiAvatarAppearances, zuiAvatarBase, zuiAvatarFallbackBase, zuiAvatarGroupBase, zuiAvatarImageBase, zuiAvatarSizes };
+//# sourceMappingURL=chunk-KXNMW4NV.mjs.map
+//# sourceMappingURL=chunk-KXNMW4NV.mjs.map

package/dist/chunk-KXNMW4NV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/avatar.ts"],"names":[],"mappings":";AAAO,IAAM,aAAA,GACX;AAEK,IAAM,oBAAA,GAAuB;AAAA,EAClC,OAAA,EACE,qXAAA;AAAA,EACF,KAAA,EACE,iZAAA;AAAA,EACF,IAAA,EAAM,yTAAA;AAAA,EACN,IAAA,EAAM,yTAAA;AAAA,EACN,KAAA,EACE,+TAAA;AAAA,EACF,IAAA,EAAM,yTAAA;AAAA,EACN,IAAA,EAAM,yTAAA;AAAA,EACN,KAAA,EACE,+TAAA;AAAA,EACF,QAAA,EACE,iVAAA;AAAA,EACF,QAAA,EACE,iVAAA;AAAA,EACF,IAAA,EAAM,yTAAA;AAAA,EACN,GAAA,EAAK,mTAAA;AAAA,EACL,KAAA,EACE,+TAAA;AAAA,EACF,IAAA,EAAM,yTAAA;AAAA,EACN,KAAA,EACE,+TAAA;AAAA,EACF,KAAA,EACE,+TAAA;AAAA,EACF,QAAA,EACE,iVAAA;AAAA,EACF,MAAA,EACE,qUAAA;AAAA,EACF,MAAA,EACE,qUAAA;AAAA,EACF,OAAA,EACE,2UAAA;AAAA,EACF,OAAA,EACE,2UAAA;AAAA,EACF,IAAA,EAAM,yTAAA;AAAA,EACN,IAAA,EAAM,yTAAA;AAAA,EACN,GAAA,EAAK,4aAAA;AAAA,EACL,IAAA,EAAM,8aAAA;AAAA,EACN,MAAA,EACE,gcAAA;AAAA,EACF,IAAA,EAAM,8aAAA;AAAA,EACN,MAAA,EACE,0bAAA;AAAA,EACF,MAAA,EACE,6bAAA;AAAA,EACF,IAAA,EAAM,gbAAA;AAAA,EACN,MAAA,EACE,8bAAA;AAAA,EACF,OAAA,EACE,ocAAA;AAAA,EACF,IAAA,EAAM,kbAAA;AAAA,EACN,KAAA,EACE,sbAAA;AAAA,EACF,MAAA,EACE,gcAAA;AAAA,EACF,eAAA,EACE,ueAAA;AAAA,EACF,gBAAA,EACE,4eAAA;AAAA,EACF,cAAA,EACE,+dAAA;AAAA,EACF,iBAAA,EACE,ifAAA;AAAA,EACF,iBAAA,EACE,ifAAA;AAAA,EACF,eAAA,EACE,seAAA;AAAA,EACF,iBAAA,EACE,mfAAA;AAAA,EACF,eAAA,EACE,qeAAA;AAAA,EACF,iBAAA,EACE;AACJ;AAEO,IAAM,cAAA,GAAiB;AAAA,EAC5B,EAAA,EAAI,gBAAA;AAAA,EACJ,EAAA,EAAI,iBAAA;AAAA,EACJ,EAAA,EAAI,mBAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,kBAAA,GAAqB;AAE3B,IAAM,qBAAA,GACX;AAEK,IAAM,kBAAA,GACX","file":"chunk-KXNMW4NV.mjs","sourcesContent":["export const zuiAvatarBase =\n  \"relative flex shrink-0 overflow-hidden rounded-full border border-[color:var(--zui-avatar-border,#0000001a)] dark:border-[color:var(--zui-avatar-border-dark,#ffffff1a)] text-[color:var(--zui-avatar-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-fg-dark,oklch(92.9%_0.013_255.508))]\";\n\nexport const zuiAvatarAppearances = {\n  default:\n    \"border-[color:var(--zui-avatar-default-border,#0000001a)] dark:border-[color:var(--zui-avatar-default-border-dark,#ffffff1a)] bg-[var(--zui-avatar-default-bg,#0000001a)] dark:bg-[var(--zui-avatar-default-bg-dark,#ffffff1a)] text-[color:var(--zui-avatar-default-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-default-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  muted:\n    \"border-[color:var(--zui-avatar-muted-border,#00000066)] bg-[var(--zui-avatar-muted-bg,oklch(98.4%_0.003_247.858))] dark:border-[color:var(--zui-avatar-muted-border-dark,#ffffff1a)] dark:bg-[var(--zui-avatar-muted-bg-dark,oklch(12.9%_0.042_264.695_/_0.4))] text-[color:var(--zui-avatar-muted-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-muted-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  blue: \"border-[color:var(--zui-avatar-blue-border,#2563eb)] dark:border-[color:var(--zui-avatar-blue-border-dark,#3b82f6)] bg-[var(--zui-avatar-blue-bg,#2563eb1a)] dark:bg-[var(--zui-avatar-blue-bg-dark,#3b82f626)] text-[color:var(--zui-avatar-blue-fg,#0f172a)] dark:text-[color:var(--zui-avatar-blue-fg-dark,#f8fafc)]\",\n  cyan: \"border-[color:var(--zui-avatar-cyan-border,#0891b2)] dark:border-[color:var(--zui-avatar-cyan-border-dark,#22d3ee)] bg-[var(--zui-avatar-cyan-bg,#0891b21a)] dark:bg-[var(--zui-avatar-cyan-bg-dark,#22d3ee26)] text-[color:var(--zui-avatar-cyan-fg,#0f172a)] dark:text-[color:var(--zui-avatar-cyan-fg-dark,#f8fafc)]\",\n  green:\n    \"border-[color:var(--zui-avatar-green-border,#16a34a)] dark:border-[color:var(--zui-avatar-green-border-dark,#22c55e)] bg-[var(--zui-avatar-green-bg,#16a34a1a)] dark:bg-[var(--zui-avatar-green-bg-dark,#22c55e26)] text-[color:var(--zui-avatar-green-fg,#0f172a)] dark:text-[color:var(--zui-avatar-green-fg-dark,#f8fafc)]\",\n  lime: \"border-[color:var(--zui-avatar-lime-border,#65a30d)] dark:border-[color:var(--zui-avatar-lime-border-dark,#a3e635)] bg-[var(--zui-avatar-lime-bg,#65a30d1a)] dark:bg-[var(--zui-avatar-lime-bg-dark,#a3e63526)] text-[color:var(--zui-avatar-lime-fg,#0f172a)] dark:text-[color:var(--zui-avatar-lime-fg-dark,#f8fafc)]\",\n  mint: \"border-[color:var(--zui-avatar-mint-border,#10b981)] dark:border-[color:var(--zui-avatar-mint-border-dark,#6ee7b7)] bg-[var(--zui-avatar-mint-bg,#10b9811a)] dark:bg-[var(--zui-avatar-mint-bg-dark,#6ee7b726)] text-[color:var(--zui-avatar-mint-fg,#0f172a)] dark:text-[color:var(--zui-avatar-mint-fg-dark,#f8fafc)]\",\n  ocean:\n    \"border-[color:var(--zui-avatar-ocean-border,#0284c7)] dark:border-[color:var(--zui-avatar-ocean-border-dark,#38bdf8)] bg-[var(--zui-avatar-ocean-bg,#0284c71a)] dark:bg-[var(--zui-avatar-ocean-bg-dark,#38bdf826)] text-[color:var(--zui-avatar-ocean-fg,#0f172a)] dark:text-[color:var(--zui-avatar-ocean-fg-dark,#f8fafc)]\",\n  sapphire:\n    \"border-[color:var(--zui-avatar-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-avatar-sapphire-border-dark,#60a5fa)] bg-[var(--zui-avatar-sapphire-bg,#1d4ed81a)] dark:bg-[var(--zui-avatar-sapphire-bg-dark,#60a5fa26)] text-[color:var(--zui-avatar-sapphire-fg,#0f172a)] dark:text-[color:var(--zui-avatar-sapphire-fg-dark,#f8fafc)]\",\n  lavender:\n    \"border-[color:var(--zui-avatar-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-avatar-lavender-border-dark,#a78bfa)] bg-[var(--zui-avatar-lavender-bg,#8b5cf61a)] dark:bg-[var(--zui-avatar-lavender-bg-dark,#a78bfa26)] text-[color:var(--zui-avatar-lavender-fg,#0f172a)] dark:text-[color:var(--zui-avatar-lavender-fg-dark,#f8fafc)]\",\n  ruby: \"border-[color:var(--zui-avatar-ruby-border,#be123c)] dark:border-[color:var(--zui-avatar-ruby-border-dark,#fb7185)] bg-[var(--zui-avatar-ruby-bg,#be123c1a)] dark:bg-[var(--zui-avatar-ruby-bg-dark,#fb718526)] text-[color:var(--zui-avatar-ruby-fg,#0f172a)] dark:text-[color:var(--zui-avatar-ruby-fg-dark,#f8fafc)]\",\n  red: \"border-[color:var(--zui-avatar-red-border,#dc2626)] dark:border-[color:var(--zui-avatar-red-border-dark,#ef4444)] bg-[var(--zui-avatar-red-bg,#dc26261a)] dark:bg-[var(--zui-avatar-red-bg-dark,#ef444426)] text-[color:var(--zui-avatar-red-fg,#0f172a)] dark:text-[color:var(--zui-avatar-red-fg-dark,#f8fafc)]\",\n  slate:\n    \"border-[color:var(--zui-avatar-slate-border,#475569)] dark:border-[color:var(--zui-avatar-slate-border-dark,#64748b)] bg-[var(--zui-avatar-slate-bg,#4755691a)] dark:bg-[var(--zui-avatar-slate-bg-dark,#64748b26)] text-[color:var(--zui-avatar-slate-fg,#0f172a)] dark:text-[color:var(--zui-avatar-slate-fg-dark,#f8fafc)]\",\n  zinc: \"border-[color:var(--zui-avatar-zinc-border,#52525b)] dark:border-[color:var(--zui-avatar-zinc-border-dark,#71717a)] bg-[var(--zui-avatar-zinc-bg,#52525b1a)] dark:bg-[var(--zui-avatar-zinc-bg-dark,#71717a26)] text-[color:var(--zui-avatar-zinc-fg,#0f172a)] dark:text-[color:var(--zui-avatar-zinc-fg-dark,#f8fafc)]\",\n  stone:\n    \"border-[color:var(--zui-avatar-stone-border,#57534e)] dark:border-[color:var(--zui-avatar-stone-border-dark,#78716c)] bg-[var(--zui-avatar-stone-bg,#57534e1a)] dark:bg-[var(--zui-avatar-stone-bg-dark,#78716c26)] text-[color:var(--zui-avatar-stone-fg,#0f172a)] dark:text-[color:var(--zui-avatar-stone-fg-dark,#f8fafc)]\",\n  royal:\n    \"border-[color:var(--zui-avatar-royal-border,#4338ca)] dark:border-[color:var(--zui-avatar-royal-border-dark,#818cf8)] bg-[var(--zui-avatar-royal-bg,#4338ca1a)] dark:bg-[var(--zui-avatar-royal-bg-dark,#818cf826)] text-[color:var(--zui-avatar-royal-fg,#0f172a)] dark:text-[color:var(--zui-avatar-royal-fg-dark,#f8fafc)]\",\n  electric:\n    \"border-[color:var(--zui-avatar-electric-border,#0ea5e9)] dark:border-[color:var(--zui-avatar-electric-border-dark,#38bdf8)] bg-[var(--zui-avatar-electric-bg,#0ea5e91a)] dark:bg-[var(--zui-avatar-electric-bg-dark,#38bdf826)] text-[color:var(--zui-avatar-electric-fg,#0f172a)] dark:text-[color:var(--zui-avatar-electric-fg-dark,#f8fafc)]\",\n  forest:\n    \"border-[color:var(--zui-avatar-forest-border,#166534)] dark:border-[color:var(--zui-avatar-forest-border-dark,#4ade80)] bg-[var(--zui-avatar-forest-bg,#1665341a)] dark:bg-[var(--zui-avatar-forest-bg-dark,#4ade8026)] text-[color:var(--zui-avatar-forest-fg,#0f172a)] dark:text-[color:var(--zui-avatar-forest-fg-dark,#f8fafc)]\",\n  sunset:\n    \"border-[color:var(--zui-avatar-sunset-border,#ea580c)] dark:border-[color:var(--zui-avatar-sunset-border-dark,#fb923c)] bg-[var(--zui-avatar-sunset-bg,#ea580c1a)] dark:bg-[var(--zui-avatar-sunset-bg-dark,#fb923c26)] text-[color:var(--zui-avatar-sunset-fg,#0f172a)] dark:text-[color:var(--zui-avatar-sunset-fg-dark,#f8fafc)]\",\n  magenta:\n    \"border-[color:var(--zui-avatar-magenta-border,#c026d3)] dark:border-[color:var(--zui-avatar-magenta-border-dark,#e879f9)] bg-[var(--zui-avatar-magenta-bg,#c026d31a)] dark:bg-[var(--zui-avatar-magenta-bg-dark,#e879f926)] text-[color:var(--zui-avatar-magenta-fg,#0f172a)] dark:text-[color:var(--zui-avatar-magenta-fg-dark,#f8fafc)]\",\n  crimson:\n    \"border-[color:var(--zui-avatar-crimson-border,#b91c1c)] dark:border-[color:var(--zui-avatar-crimson-border-dark,#f87171)] bg-[var(--zui-avatar-crimson-bg,#b91c1c1a)] dark:bg-[var(--zui-avatar-crimson-bg-dark,#f8717126)] text-[color:var(--zui-avatar-crimson-fg,#0f172a)] dark:text-[color:var(--zui-avatar-crimson-fg-dark,#f8fafc)]\",\n  aqua: \"border-[color:var(--zui-avatar-aqua-border,#0f766e)] dark:border-[color:var(--zui-avatar-aqua-border-dark,#2dd4bf)] bg-[var(--zui-avatar-aqua-bg,#0f766e1a)] dark:bg-[var(--zui-avatar-aqua-bg-dark,#2dd4bf26)] text-[color:var(--zui-avatar-aqua-fg,#0f172a)] dark:text-[color:var(--zui-avatar-aqua-fg-dark,#f8fafc)]\",\n  plum: \"border-[color:var(--zui-avatar-plum-border,#7e22ce)] dark:border-[color:var(--zui-avatar-plum-border-dark,#c084fc)] bg-[var(--zui-avatar-plum-bg,#7e22ce1a)] dark:bg-[var(--zui-avatar-plum-bg-dark,#c084fc26)] text-[color:var(--zui-avatar-plum-fg,#0f172a)] dark:text-[color:var(--zui-avatar-plum-fg-dark,#f8fafc)]\",\n  sky: \"border-[color:var(--zui-avatar-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-avatar-sky-border-dark,oklch(58.8%_0.158_241.966))] bg-[var(--zui-avatar-sky-bg,oklch(95.1%_0.026_236.824_/_0.5))] dark:bg-[var(--zui-avatar-sky-bg-dark,oklch(58.8%_0.158_241.966_/_0.03))] text-[color:var(--zui-avatar-sky-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-sky-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  rose: \"border-[color:var(--zui-avatar-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-avatar-rose-border-dark,oklch(58.6%_0.253_17.585))] bg-[var(--zui-avatar-rose-bg,oklch(94.1%_0.03_12.58_/_0.5))] dark:bg-[var(--zui-avatar-rose-bg-dark,oklch(58.6%_0.253_17.585_/_0.03))] text-[color:var(--zui-avatar-rose-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-rose-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  purple:\n    \"border-[color:var(--zui-avatar-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-avatar-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-[var(--zui-avatar-purple-bg,oklch(94.6%_0.033_307.174_/_0.5))] dark:bg-[var(--zui-avatar-purple-bg-dark,oklch(55.8%_0.288_302.321_/_0.03))] text-[color:var(--zui-avatar-purple-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-purple-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  pink: \"border-[color:var(--zui-avatar-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-avatar-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-[var(--zui-avatar-pink-bg,oklch(94.8%_0.028_342.258_/_0.5))] dark:bg-[var(--zui-avatar-pink-bg-dark,oklch(59.2%_0.249_0.584_/_0.03))] text-[color:var(--zui-avatar-pink-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-pink-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  orange:\n    \"border-[color:var(--zui-avatar-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-avatar-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-[var(--zui-avatar-orange-bg,oklch(95.4%_0.038_75.164_/_0.5))] dark:bg-[var(--zui-avatar-orange-bg-dark,oklch(64.6%_0.222_41.116_/_0.03))] text-[color:var(--zui-avatar-orange-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-orange-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  yellow:\n    \"border-[color:var(--zui-avatar-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-avatar-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-[var(--zui-avatar-yellow-bg,oklch(97.3%_0.071_103.193_/_0.5))] dark:bg-[var(--zui-avatar-yellow-bg-dark,oklch(68.1%_0.162_75.834_/_0.03))] text-[color:var(--zui-avatar-yellow-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-yellow-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  teal: \"border-[color:var(--zui-avatar-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-avatar-teal-border-dark,oklch(60%_0.118_184.704))] bg-[var(--zui-avatar-teal-bg,oklch(95.3%_0.051_180.801_/_0.5))] dark:bg-[var(--zui-avatar-teal-bg-dark,oklch(60%_0.118_184.704_/_0.03))] text-[color:var(--zui-avatar-teal-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-teal-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  indigo:\n    \"border-[color:var(--zui-avatar-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-avatar-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-[var(--zui-avatar-indigo-bg,oklch(93%_0.034_272.788_/_0.5))] dark:bg-[var(--zui-avatar-indigo-bg-dark,oklch(51.1%_0.262_276.966_/_0.03))] text-[color:var(--zui-avatar-indigo-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-indigo-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  emerald:\n    \"border-[color:var(--zui-avatar-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-avatar-emerald-border-dark,oklch(59.6%_0.145_163.225))] bg-[var(--zui-avatar-emerald-bg,oklch(95%_0.052_163.051_/_0.5))] dark:bg-[var(--zui-avatar-emerald-bg-dark,oklch(59.6%_0.145_163.225_/_0.03))] text-[color:var(--zui-avatar-emerald-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-emerald-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  gray: \"border-[color:var(--zui-avatar-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-avatar-gray-border-dark,oklch(44.6%_0.03_256.802))] bg-[var(--zui-avatar-gray-bg,oklch(96.7%_0.003_264.542_/_0.5))] dark:bg-[var(--zui-avatar-gray-bg-dark,oklch(44.6%_0.03_256.802_/_0.03))] text-[color:var(--zui-avatar-gray-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-gray-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  amber:\n    \"border-[color:var(--zui-avatar-amber-border,oklch(47.3%_0.137_46.201))] dark:border-[color:var(--zui-avatar-amber-border-dark,oklch(66.6%_0.179_58.318))] bg-[var(--zui-avatar-amber-bg,oklch(96.2%_0.059_95.617_/_0.5))] dark:bg-[var(--zui-avatar-amber-bg-dark,oklch(66.6%_0.179_58.318_/_0.03))] text-[color:var(--zui-avatar-amber-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-amber-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  violet:\n    \"border-[color:var(--zui-avatar-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-avatar-violet-border-dark,oklch(54.1%_0.281_293.009))] bg-[var(--zui-avatar-violet-bg,oklch(94.3%_0.029_294.588_/_0.5))] dark:bg-[var(--zui-avatar-violet-bg-dark,oklch(54.1%_0.281_293.009_/_0.03))] text-[color:var(--zui-avatar-violet-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-violet-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  \"gradient-blue\":\n    \"bg-linear-to-r from-[var(--zui-avatar-gradient-blue-from,oklch(62.3%_0.214_259.815))] dark:from-[var(--zui-avatar-gradient-blue-from-dark,oklch(54.6%_0.245_262.881))] to-[var(--zui-avatar-gradient-blue-to,oklch(62.7%_0.265_303.9))] dark:to-[var(--zui-avatar-gradient-blue-to-dark,oklch(55.8%_0.288_302.321))] backdrop-blur-xl text-[color:var(--zui-avatar-gradient-blue-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-gradient-blue-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  \"gradient-green\":\n    \"bg-linear-to-r from-[var(--zui-avatar-gradient-green-from,oklch(72.3%_0.219_149.579))] dark:from-[var(--zui-avatar-gradient-green-from-dark,oklch(62.7%_0.194_149.214))] to-[var(--zui-avatar-gradient-green-to,oklch(76.8%_0.233_130.85))] dark:to-[var(--zui-avatar-gradient-green-to-dark,oklch(64.8%_0.2_131.684))] backdrop-blur-xl text-[color:var(--zui-avatar-gradient-green-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-gradient-green-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  \"gradient-red\":\n    \"bg-linear-to-r from-[var(--zui-avatar-gradient-red-from,oklch(63.7%_0.237_25.331))] dark:from-[var(--zui-avatar-gradient-red-from-dark,oklch(57.7%_0.245_27.325))] to-[var(--zui-avatar-gradient-red-to,oklch(65.6%_0.241_354.308))] dark:to-[var(--zui-avatar-gradient-red-to-dark,oklch(59.2%_0.249_0.584))] backdrop-blur-xl text-[color:var(--zui-avatar-gradient-red-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-gradient-red-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  \"gradient-yellow\":\n    \"bg-linear-to-r from-[var(--zui-avatar-gradient-yellow-from,oklch(79.5%_0.184_86.047))] dark:from-[var(--zui-avatar-gradient-yellow-from-dark,oklch(68.1%_0.162_75.834))] to-[var(--zui-avatar-gradient-yellow-to,oklch(70.5%_0.213_47.604))] dark:to-[var(--zui-avatar-gradient-yellow-to-dark,oklch(64.6%_0.222_41.116))] backdrop-blur-xl text-[color:var(--zui-avatar-gradient-yellow-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-gradient-yellow-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  \"gradient-purple\":\n    \"bg-linear-to-r from-[var(--zui-avatar-gradient-purple-from,oklch(62.7%_0.265_303.9))] dark:from-[var(--zui-avatar-gradient-purple-from-dark,oklch(55.8%_0.288_302.321))] to-[var(--zui-avatar-gradient-purple-to,oklch(65.6%_0.241_354.308))] dark:to-[var(--zui-avatar-gradient-purple-to-dark,oklch(59.2%_0.249_0.584))] backdrop-blur-xl text-[color:var(--zui-avatar-gradient-purple-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-gradient-purple-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  \"gradient-teal\":\n    \"bg-linear-to-r from-[var(--zui-avatar-gradient-teal-from,oklch(70.4%_0.14_182.503))] dark:from-[var(--zui-avatar-gradient-teal-from-dark,oklch(60%_0.118_184.704))] to-[var(--zui-avatar-gradient-teal-to,oklch(71.5%_0.143_215.221))] dark:to-[var(--zui-avatar-gradient-teal-to-dark,oklch(60.9%_0.126_221.723))] backdrop-blur-xl text-[color:var(--zui-avatar-gradient-teal-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-gradient-teal-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  \"gradient-indigo\":\n    \"bg-linear-to-r from-[var(--zui-avatar-gradient-indigo-from,oklch(58.5%_0.233_277.117))] dark:from-[var(--zui-avatar-gradient-indigo-from-dark,oklch(51.1%_0.262_276.966))] to-[var(--zui-avatar-gradient-indigo-to,oklch(62.7%_0.265_303.9))] dark:to-[var(--zui-avatar-gradient-indigo-to-dark,oklch(55.8%_0.288_302.321))] backdrop-blur-xl text-[color:var(--zui-avatar-gradient-indigo-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-gradient-indigo-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  \"gradient-pink\":\n    \"bg-linear-to-r from-[var(--zui-avatar-gradient-pink-from,oklch(65.6%_0.241_354.308))] dark:from-[var(--zui-avatar-gradient-pink-from-dark,oklch(59.2%_0.249_0.584))] to-[var(--zui-avatar-gradient-pink-to,oklch(64.5%_0.246_16.439))] dark:to-[var(--zui-avatar-gradient-pink-to-dark,oklch(58.6%_0.253_17.585))] backdrop-blur-xl text-[color:var(--zui-avatar-gradient-pink-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-gradient-pink-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  \"gradient-orange\":\n    \"bg-linear-to-r from-[var(--zui-avatar-gradient-orange-from,oklch(70.5%_0.213_47.604))] dark:from-[var(--zui-avatar-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] to-[var(--zui-avatar-gradient-orange-to,oklch(63.7%_0.237_25.331))] dark:to-[var(--zui-avatar-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))] backdrop-blur-xl text-[color:var(--zui-avatar-gradient-orange-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-avatar-gradient-orange-fg-dark,oklch(92.9%_0.013_255.508))]\",\n} as const;\n\nexport const zuiAvatarSizes = {\n  sm: \"size-8 text-xs\",\n  md: \"size-10 text-sm\",\n  lg: \"size-12 text-base\",\n  xl: \"size-16 text-lg\",\n} as const;\n\nexport const zuiAvatarImageBase = \"aspect-square size-full object-cover\";\n\nexport const zuiAvatarFallbackBase =\n  \"flex size-full items-center justify-center bg-[var(--zui-avatar-fallback-bg,oklch(92.9%_0.013_255.508))] dark:bg-[var(--zui-avatar-fallback-bg-dark,oklch(27.9%_0.041_260.031))] font-medium text-[color:var(--zui-avatar-fallback-fg,oklch(27.9%_0.041_260.031))] dark:text-[color:var(--zui-avatar-fallback-fg-dark,oklch(96.8%_0.007_247.896))]\";\n\nexport const zuiAvatarGroupBase =\n  \"flex items-center [&_[data-slot=avatar]]:-ml-2 [&_[data-slot=avatar]]:ring-2 [&_[data-slot=avatar]]:ring-[var(--zui-avatar-group-ring,#ffffff)] dark:[&_[data-slot=avatar]]:ring-[var(--zui-avatar-group-ring-dark,oklch(12.9%_0.042_264.695))] [&_[data-slot=avatar]]:first:ml-0\";\n"]}

package/dist/chunk-L4PDJ6IB.mjs

@@ -0,0 +1,17 @@
+import { zuiButtonBase, zuiButtonSizes, zuiButtonAppearances } from './chunk-VIKQGO4W.mjs';
+import { cva } from 'class-variance-authority';
+
+var buttonVariants = cva(zuiButtonBase, {
+  variants: {
+    appearance: zuiButtonAppearances,
+    size: zuiButtonSizes
+  },
+  defaultVariants: {
+    appearance: "default",
+    size: "md"
+  }
+});
+
+export { buttonVariants };
+//# sourceMappingURL=chunk-L4PDJ6IB.mjs.map
+//# sourceMappingURL=chunk-L4PDJ6IB.mjs.map

package/dist/chunk-L4PDJ6IB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/buttons/variants.ts"],"names":[],"mappings":";;;AAQO,IAAM,cAAA,GAAiB,IAAI,aAAA,EAAe;AAAA,EAC/C,QAAA,EAAU;AAAA,IACR,UAAA,EAAY,oBAAA;AAAA,IACZ,IAAA,EAAM;AAAA,GACR;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM;AAAA;AAEV,CAAC","file":"chunk-L4PDJ6IB.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiButtonAppearances,\n  zuiButtonBase,\n  zuiButtonSizes,\n} from \"../../design-system\";\n\nexport const buttonVariants = cva(zuiButtonBase, {\n  variants: {\n    appearance: zuiButtonAppearances,\n    size: zuiButtonSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n"]}

package/dist/{chunk-OEDD43IT.mjs → chunk-L67EJJFN.js}

@@ -1,7 +1,4 @@
-import { cn } from './chunk-4D54YOL6.mjs';
-import { cva } from 'class-variance-authority';
-import { Fragment } from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
+'use strict';
 
 // src/design-system/kbd.ts
 var zuiKbdBase = [
@@ -75,67 +72,11 @@ var zuiKbdSeparatorSizes = {
   lg: "text-sm"
 };
 
-// src/ui/kbd/variants.ts
-var kbdKeyVariants = cva(zuiKbdKeyBase, {
-  variants: {
-    appearance: zuiKbdKeyAppearances,
-    size: zuiKbdKeySizes
-  },
-  defaultVariants: {
-    appearance: "outline",
-    size: "md"
-  }
-});
-var kbdSeparatorVariants = cva(zuiKbdSeparatorBase, {
-  variants: {
-    size: zuiKbdSeparatorSizes
-  },
-  defaultVariants: {
-    size: "md"
-  }
-});
-function KbdBase({
-  keys,
-  separator,
-  appearance,
-  size,
-  children,
-  className,
-  as: Wrapper = "span",
-  ref,
-  ...rest
-}) {
-  const items = keys ?? (children != null ? [children] : []);
-  return /* @__PURE__ */ jsx(
-    Wrapper,
-    {
-      ref,
-      "data-slot": "kbd",
-      className: cn(zuiKbdBase, className),
-      ...rest,
-      children: items.map((key, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
-        index > 0 && separator != null ? /* @__PURE__ */ jsx(
-          "span",
-          {
-            "data-slot": "kbd-separator",
-            className: kbdSeparatorVariants({ size }),
-            children: separator
-          }
-        ) : null,
-        /* @__PURE__ */ jsx(
-          "kbd",
-          {
-            "data-slot": "kbd-key",
-            className: kbdKeyVariants({ appearance, size }),
-            children: key
-          }
-        )
-      ] }, index))
-    }
-  );
-}
-KbdBase.displayName = "Kbd";
-
-export { KbdBase, kbdKeyVariants, kbdSeparatorVariants };
-//# sourceMappingURL=chunk-OEDD43IT.mjs.map
-//# sourceMappingURL=chunk-OEDD43IT.mjs.map
+exports.zuiKbdBase = zuiKbdBase;
+exports.zuiKbdKeyAppearances = zuiKbdKeyAppearances;
+exports.zuiKbdKeyBase = zuiKbdKeyBase;
+exports.zuiKbdKeySizes = zuiKbdKeySizes;
+exports.zuiKbdSeparatorBase = zuiKbdSeparatorBase;
+exports.zuiKbdSeparatorSizes = zuiKbdSeparatorSizes;
+//# sourceMappingURL=chunk-L67EJJFN.js.map
+//# sourceMappingURL=chunk-L67EJJFN.js.map

package/dist/chunk-L67EJJFN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/kbd.ts"],"names":[],"mappings":";;;AAAO,IAAM,UAAA,GAAa;AAAA,EACxB,4DAAA;AAAA,EACA;AACF;AAEO,IAAM,oBAAA,GAAuB;AAAA,EAClC,OAAA,EACE,iUAAA;AAAA,EACF,SAAA,EACE,yMAAA;AAAA,EACF,WAAA,EACE,iNAAA;AAAA,EACF,OAAA,EACE,oUAAA;AAAA,EACF,KAAA,EACE,oHAAA;AAAA,EACF,KAAA,EACE,yUAAA;AAAA,EACF,OAAA,EACE,iMAAA;AAAA,EACF,MAAA,EACE,6LAAA;AAAA,EACF,MAAA,EACE,6LAAA;AAAA,EACF,IAAA,EAAM,qLAAA;AAAA,EACN,IAAA,EAAM,qLAAA;AAAA,EACN,GAAA,EAAK,iLAAA;AAAA,EACL,IAAA,EAAM,qLAAA;AAAA,EACN,MAAA,EACE,6LAAA;AAAA,EACF,MAAA,EACE,6LAAA;AAAA,EACF,IAAA,EAAM,qLAAA;AAAA,EACN,KAAA,EACE,yLAAA;AAAA,EACF,MAAA,EACE,6LAAA;AAAA,EACF,eAAA,EACE,oVAAA;AAAA,EACF,gBAAA,EACE,0VAAA;AAAA,EACF,cAAA,EACE,8UAAA;AAAA,EACF,iBAAA,EACE,gWAAA;AAAA,EACF,iBAAA,EACE,gWAAA;AAAA,EACF,eAAA,EACE,oVAAA;AAAA,EACF,iBAAA,EACE,gWAAA;AAAA,EACF,eAAA,EACE,oVAAA;AAAA,EACF,iBAAA,EACE,gWAAA;AAAA,EACF,IAAA,EAAM,obAAA;AAAA,EACN,IAAA,EAAM,obAAA;AAAA,EACN,KAAA,EACE,4bAAA;AAAA,EACF,IAAA,EAAM,obAAA;AAAA,EACN,IAAA,EAAM,obAAA;AAAA,EACN,KAAA,EACE,4bAAA;AAAA,EACF,QAAA,EACE,odAAA;AAAA,EACF,QAAA,EACE,odAAA;AAAA,EACF,IAAA,EAAM,obAAA;AAAA,EACN,GAAA,EAAK,4aAAA;AAAA,EACL,KAAA,EACE,4bAAA;AAAA,EACF,IAAA,EAAM,obAAA;AAAA,EACN,KAAA,EACE,4bAAA;AAAA,EACF,KAAA,EACE,4bAAA;AAAA,EACF,QAAA,EACE,odAAA;AAAA,EACF,MAAA,EACE,ocAAA;AAAA,EACF,MAAA,EACE,ocAAA;AAAA,EACF,OAAA,EACE,4cAAA;AAAA,EACF,OAAA,EACE,4cAAA;AAAA,EACF,IAAA,EAAM,obAAA;AAAA,EACN,IAAA,EAAM;AACR;AAIO,IAAM,aAAA,GAAgB;AAAA,EAC3B,4EAAA;AAAA,EACA,0CAAA;AAAA,EACA;AACF;AAEO,IAAM,cAAA,GAAiB;AAAA,EAC5B,EAAA,EAAI,gCAAA;AAAA,EACJ,EAAA,EAAI,4BAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAIO,IAAM,mBAAA,GACX;AAEK,IAAM,oBAAA,GAAuB;AAAA,EAClC,EAAA,EAAI,eAAA;AAAA,EACJ,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI;AACN","file":"chunk-L67EJJFN.js","sourcesContent":["export const zuiKbdBase = [\n  \"inline-flex items-center justify-center gap-1 align-middle\",\n  \"rounded-[var(--zui-kbd-radius,0.375rem)] font-mono font-medium leading-none select-none\",\n] as const;\n\nexport const zuiKbdKeyAppearances = {\n  default:\n    \"bg-[var(--zui-kbd-default-bg,#0f172a)] dark:bg-[var(--zui-kbd-default-bg-dark,#f8fafc)] text-[color:var(--zui-kbd-default-fg,#f8fafc)] dark:text-[color:var(--zui-kbd-default-fg-dark,#020617)] shadow-[var(--zui-kbd-default-shadow,0_1px_2px_#0f172a14)] dark:shadow-[var(--zui-kbd-default-shadow-dark,0_1px_2px_#0f172a1f)]\",\n  secondary:\n    \"bg-[var(--zui-kbd-secondary-bg,#e2e8f0)] dark:bg-[var(--zui-kbd-secondary-bg-dark,#1e293b)] text-[color:var(--zui-kbd-secondary-fg,#0f172a)] dark:text-[color:var(--zui-kbd-secondary-fg-dark,#f8fafc)]\",\n  destructive:\n    \"bg-[var(--zui-kbd-destructive-bg,#f43f5e)] dark:bg-[var(--zui-kbd-destructive-bg-dark,#be123c)] text-[color:var(--zui-kbd-destructive-fg,#ffffff)] dark:text-[color:var(--zui-kbd-destructive-fg-dark,#ffffff)]\",\n  outline:\n    \"border border-[color:var(--zui-kbd-outline-border,#0000001a)] dark:border-[color:var(--zui-kbd-outline-border-dark,#ffffff1a)] bg-[var(--zui-kbd-outline-bg,#0000000d)] dark:bg-[var(--zui-kbd-outline-bg-dark,#ffffff0d)] text-[color:var(--zui-kbd-outline-fg,#0f172a)] dark:text-[color:var(--zui-kbd-outline-fg-dark,#f8fafc)]\",\n  ghost:\n    \"bg-transparent text-[color:var(--zui-kbd-ghost-fg,#334155)] dark:text-[color:var(--zui-kbd-ghost-fg-dark,#e2e8f0)]\",\n  glass:\n    \"border border-[color:var(--zui-kbd-glass-border,#00000026)] dark:border-[color:var(--zui-kbd-glass-border-dark,#ffffff26)] bg-[var(--zui-kbd-glass-bg,#0000001a)] dark:bg-[var(--zui-kbd-glass-bg-dark,#ffffff1a)] text-[color:var(--zui-kbd-glass-fg,#0f172a)] dark:text-[color:var(--zui-kbd-glass-fg-dark,#ffffff)] backdrop-blur-md\",\n  emerald:\n    \"bg-[var(--zui-kbd-emerald-bg,#10b981)] dark:bg-[var(--zui-kbd-emerald-bg-dark,#065f46)] text-[color:var(--zui-kbd-emerald-fg,#064e3b)] dark:text-[color:var(--zui-kbd-emerald-fg-dark,#064e3b)]\",\n  indigo:\n    \"bg-[var(--zui-kbd-indigo-bg,#3730a3)] dark:bg-[var(--zui-kbd-indigo-bg-dark,#4f46e5)] text-[color:var(--zui-kbd-indigo-fg,#ffffff)] dark:text-[color:var(--zui-kbd-indigo-fg-dark,#ffffff)]\",\n  purple:\n    \"bg-[var(--zui-kbd-purple-bg,#6b21a8)] dark:bg-[var(--zui-kbd-purple-bg-dark,#9333ea)] text-[color:var(--zui-kbd-purple-fg,#ffffff)] dark:text-[color:var(--zui-kbd-purple-fg-dark,#ffffff)]\",\n  pink: \"bg-[var(--zui-kbd-pink-bg,#9d174d)] dark:bg-[var(--zui-kbd-pink-bg-dark,#db2777)] text-[color:var(--zui-kbd-pink-fg,#ffffff)] dark:text-[color:var(--zui-kbd-pink-fg-dark,#ffffff)]\",\n  rose: \"bg-[var(--zui-kbd-rose-bg,#9f1239)] dark:bg-[var(--zui-kbd-rose-bg-dark,#e11d48)] text-[color:var(--zui-kbd-rose-fg,#ffffff)] dark:text-[color:var(--zui-kbd-rose-fg-dark,#ffffff)]\",\n  sky: \"bg-[var(--zui-kbd-sky-bg,#0ea5e9)] dark:bg-[var(--zui-kbd-sky-bg-dark,#0369a1)] text-[color:var(--zui-kbd-sky-fg,#ffffff)] dark:text-[color:var(--zui-kbd-sky-fg-dark,#ffffff)]\",\n  teal: \"bg-[var(--zui-kbd-teal-bg,#14b8a6)] dark:bg-[var(--zui-kbd-teal-bg-dark,#0f766e)] text-[color:var(--zui-kbd-teal-fg,#ffffff)] dark:text-[color:var(--zui-kbd-teal-fg-dark,#ffffff)]\",\n  yellow:\n    \"bg-[var(--zui-kbd-yellow-bg,#eab308)] dark:bg-[var(--zui-kbd-yellow-bg-dark,#854d0e)] text-[color:var(--zui-kbd-yellow-fg,#ffffff)] dark:text-[color:var(--zui-kbd-yellow-fg-dark,#ffffff)]\",\n  orange:\n    \"bg-[var(--zui-kbd-orange-bg,#f97316)] dark:bg-[var(--zui-kbd-orange-bg-dark,#9a3412)] text-[color:var(--zui-kbd-orange-fg,#ffffff)] dark:text-[color:var(--zui-kbd-orange-fg-dark,#ffffff)]\",\n  gray: \"bg-[var(--zui-kbd-gray-bg,#6b7280)] dark:bg-[var(--zui-kbd-gray-bg-dark,#374151)] text-[color:var(--zui-kbd-gray-fg,#ffffff)] dark:text-[color:var(--zui-kbd-gray-fg-dark,#ffffff)]\",\n  amber:\n    \"bg-[var(--zui-kbd-amber-bg,#f59e0b)] dark:bg-[var(--zui-kbd-amber-bg-dark,#92400e)] text-[color:var(--zui-kbd-amber-fg,#ffffff)] dark:text-[color:var(--zui-kbd-amber-fg-dark,#ffffff)]\",\n  violet:\n    \"bg-[var(--zui-kbd-violet-bg,#5b21b6)] dark:bg-[var(--zui-kbd-violet-bg-dark,#7c3aed)] text-[color:var(--zui-kbd-violet-fg,#ffffff)] dark:text-[color:var(--zui-kbd-violet-fg-dark,#ffffff)]\",\n  \"gradient-blue\":\n    \"bg-linear-to-r from-[var(--zui-kbd-gradient-blue-from,#1e40af)] dark:from-[var(--zui-kbd-gradient-blue-from-dark,#2563eb)] to-[var(--zui-kbd-gradient-blue-to,#6b21a8)] dark:to-[var(--zui-kbd-gradient-blue-to-dark,#9333ea)] text-[color:var(--zui-kbd-gradient-blue-fg,#ffffff)] dark:text-[color:var(--zui-kbd-gradient-blue-fg-dark,#ffffff)]\",\n  \"gradient-green\":\n    \"bg-linear-to-r from-[var(--zui-kbd-gradient-green-from,#166534)] dark:from-[var(--zui-kbd-gradient-green-from-dark,#16a34a)] to-[var(--zui-kbd-gradient-green-to,#3f6212)] dark:to-[var(--zui-kbd-gradient-green-to-dark,#65a30d)] text-[color:var(--zui-kbd-gradient-green-fg,#ffffff)] dark:text-[color:var(--zui-kbd-gradient-green-fg-dark,#ffffff)]\",\n  \"gradient-red\":\n    \"bg-linear-to-r from-[var(--zui-kbd-gradient-red-from,#991b1b)] dark:from-[var(--zui-kbd-gradient-red-from-dark,#dc2626)] to-[var(--zui-kbd-gradient-red-to,#9d174d)] dark:to-[var(--zui-kbd-gradient-red-to-dark,#db2777)] text-[color:var(--zui-kbd-gradient-red-fg,#ffffff)] dark:text-[color:var(--zui-kbd-gradient-red-fg-dark,#ffffff)]\",\n  \"gradient-yellow\":\n    \"bg-linear-to-r from-[var(--zui-kbd-gradient-yellow-from,#854d0e)] dark:from-[var(--zui-kbd-gradient-yellow-from-dark,#ca8a04)] to-[var(--zui-kbd-gradient-yellow-to,#9a3412)] dark:to-[var(--zui-kbd-gradient-yellow-to-dark,#ea580c)] text-[color:var(--zui-kbd-gradient-yellow-fg,#ffffff)] dark:text-[color:var(--zui-kbd-gradient-yellow-fg-dark,#ffffff)]\",\n  \"gradient-purple\":\n    \"bg-linear-to-r from-[var(--zui-kbd-gradient-purple-from,#6b21a8)] dark:from-[var(--zui-kbd-gradient-purple-from-dark,#9333ea)] to-[var(--zui-kbd-gradient-purple-to,#9d174d)] dark:to-[var(--zui-kbd-gradient-purple-to-dark,#db2777)] text-[color:var(--zui-kbd-gradient-purple-fg,#ffffff)] dark:text-[color:var(--zui-kbd-gradient-purple-fg-dark,#ffffff)]\",\n  \"gradient-teal\":\n    \"bg-linear-to-r from-[var(--zui-kbd-gradient-teal-from,#115e59)] dark:from-[var(--zui-kbd-gradient-teal-from-dark,#0d9488)] to-[var(--zui-kbd-gradient-teal-to,#155e75)] dark:to-[var(--zui-kbd-gradient-teal-to-dark,#0891b2)] text-[color:var(--zui-kbd-gradient-teal-fg,#ffffff)] dark:text-[color:var(--zui-kbd-gradient-teal-fg-dark,#ffffff)]\",\n  \"gradient-indigo\":\n    \"bg-linear-to-r from-[var(--zui-kbd-gradient-indigo-from,#3730a3)] dark:from-[var(--zui-kbd-gradient-indigo-from-dark,#4f46e5)] to-[var(--zui-kbd-gradient-indigo-to,#6b21a8)] dark:to-[var(--zui-kbd-gradient-indigo-to-dark,#9333ea)] text-[color:var(--zui-kbd-gradient-indigo-fg,#ffffff)] dark:text-[color:var(--zui-kbd-gradient-indigo-fg-dark,#ffffff)]\",\n  \"gradient-pink\":\n    \"bg-linear-to-r from-[var(--zui-kbd-gradient-pink-from,#9d174d)] dark:from-[var(--zui-kbd-gradient-pink-from-dark,#db2777)] to-[var(--zui-kbd-gradient-pink-to,#9f1239)] dark:to-[var(--zui-kbd-gradient-pink-to-dark,#e11d48)] text-[color:var(--zui-kbd-gradient-pink-fg,#ffffff)] dark:text-[color:var(--zui-kbd-gradient-pink-fg-dark,#ffffff)]\",\n  \"gradient-orange\":\n    \"bg-linear-to-r from-[var(--zui-kbd-gradient-orange-from,#9a3412)] dark:from-[var(--zui-kbd-gradient-orange-from-dark,#ea580c)] to-[var(--zui-kbd-gradient-orange-to,#991b1b)] dark:to-[var(--zui-kbd-gradient-orange-to-dark,#dc2626)] text-[color:var(--zui-kbd-gradient-orange-fg,#ffffff)] dark:text-[color:var(--zui-kbd-gradient-orange-fg-dark,#ffffff)]\",\n  blue: \"border border-[color:var(--zui-kbd-key-blue-border,#2563eb)] dark:border-[color:var(--zui-kbd-key-blue-border-dark,#3b82f6)] bg-[var(--zui-kbd-key-blue-bg,#2563eb)] dark:bg-[var(--zui-kbd-key-blue-bg-dark,#3b82f6)] text-[color:var(--zui-kbd-key-blue-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-blue-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-blue-bg-hover,#2563eb)] dark:hover:bg-[var(--zui-kbd-key-blue-bg-hover-dark,#3b82f6)]\",\n  cyan: \"border border-[color:var(--zui-kbd-key-cyan-border,#0891b2)] dark:border-[color:var(--zui-kbd-key-cyan-border-dark,#22d3ee)] bg-[var(--zui-kbd-key-cyan-bg,#0891b2)] dark:bg-[var(--zui-kbd-key-cyan-bg-dark,#22d3ee)] text-[color:var(--zui-kbd-key-cyan-fg,#083344)] dark:text-[color:var(--zui-kbd-key-cyan-fg-dark,#083344)] hover:bg-[var(--zui-kbd-key-cyan-bg-hover,#0891b2)] dark:hover:bg-[var(--zui-kbd-key-cyan-bg-hover-dark,#22d3ee)]\",\n  green:\n    \"border border-[color:var(--zui-kbd-key-green-border,#16a34a)] dark:border-[color:var(--zui-kbd-key-green-border-dark,#22c55e)] bg-[var(--zui-kbd-key-green-bg,#16a34a)] dark:bg-[var(--zui-kbd-key-green-bg-dark,#22c55e)] text-[color:var(--zui-kbd-key-green-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-green-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-green-bg-hover,#16a34a)] dark:hover:bg-[var(--zui-kbd-key-green-bg-hover-dark,#22c55e)]\",\n  lime: \"border border-[color:var(--zui-kbd-key-lime-border,#65a30d)] dark:border-[color:var(--zui-kbd-key-lime-border-dark,#a3e635)] bg-[var(--zui-kbd-key-lime-bg,#65a30d)] dark:bg-[var(--zui-kbd-key-lime-bg-dark,#a3e635)] text-[color:var(--zui-kbd-key-lime-fg,#1a2e05)] dark:text-[color:var(--zui-kbd-key-lime-fg-dark,#1a2e05)] hover:bg-[var(--zui-kbd-key-lime-bg-hover,#65a30d)] dark:hover:bg-[var(--zui-kbd-key-lime-bg-hover-dark,#a3e635)]\",\n  mint: \"border border-[color:var(--zui-kbd-key-mint-border,#10b981)] dark:border-[color:var(--zui-kbd-key-mint-border-dark,#6ee7b7)] bg-[var(--zui-kbd-key-mint-bg,#10b981)] dark:bg-[var(--zui-kbd-key-mint-bg-dark,#6ee7b7)] text-[color:var(--zui-kbd-key-mint-fg,#064e3b)] dark:text-[color:var(--zui-kbd-key-mint-fg-dark,#064e3b)] hover:bg-[var(--zui-kbd-key-mint-bg-hover,#10b981)] dark:hover:bg-[var(--zui-kbd-key-mint-bg-hover-dark,#6ee7b7)]\",\n  ocean:\n    \"border border-[color:var(--zui-kbd-key-ocean-border,#0284c7)] dark:border-[color:var(--zui-kbd-key-ocean-border-dark,#38bdf8)] bg-[var(--zui-kbd-key-ocean-bg,#0284c7)] dark:bg-[var(--zui-kbd-key-ocean-bg-dark,#38bdf8)] text-[color:var(--zui-kbd-key-ocean-fg,#082f49)] dark:text-[color:var(--zui-kbd-key-ocean-fg-dark,#082f49)] hover:bg-[var(--zui-kbd-key-ocean-bg-hover,#0284c7)] dark:hover:bg-[var(--zui-kbd-key-ocean-bg-hover-dark,#38bdf8)]\",\n  sapphire:\n    \"border border-[color:var(--zui-kbd-key-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-kbd-key-sapphire-border-dark,#60a5fa)] bg-[var(--zui-kbd-key-sapphire-bg,#1d4ed8)] dark:bg-[var(--zui-kbd-key-sapphire-bg-dark,#60a5fa)] text-[color:var(--zui-kbd-key-sapphire-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-sapphire-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-sapphire-bg-hover,#1d4ed8)] dark:hover:bg-[var(--zui-kbd-key-sapphire-bg-hover-dark,#60a5fa)]\",\n  lavender:\n    \"border border-[color:var(--zui-kbd-key-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-kbd-key-lavender-border-dark,#a78bfa)] bg-[var(--zui-kbd-key-lavender-bg,#8b5cf6)] dark:bg-[var(--zui-kbd-key-lavender-bg-dark,#a78bfa)] text-[color:var(--zui-kbd-key-lavender-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-lavender-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-lavender-bg-hover,#8b5cf6)] dark:hover:bg-[var(--zui-kbd-key-lavender-bg-hover-dark,#a78bfa)]\",\n  ruby: \"border border-[color:var(--zui-kbd-key-ruby-border,#be123c)] dark:border-[color:var(--zui-kbd-key-ruby-border-dark,#fb7185)] bg-[var(--zui-kbd-key-ruby-bg,#be123c)] dark:bg-[var(--zui-kbd-key-ruby-bg-dark,#fb7185)] text-[color:var(--zui-kbd-key-ruby-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-ruby-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-ruby-bg-hover,#be123c)] dark:hover:bg-[var(--zui-kbd-key-ruby-bg-hover-dark,#fb7185)]\",\n  red: \"border border-[color:var(--zui-kbd-key-red-border,#dc2626)] dark:border-[color:var(--zui-kbd-key-red-border-dark,#ef4444)] bg-[var(--zui-kbd-key-red-bg,#dc2626)] dark:bg-[var(--zui-kbd-key-red-bg-dark,#ef4444)] text-[color:var(--zui-kbd-key-red-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-red-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-red-bg-hover,#dc2626)] dark:hover:bg-[var(--zui-kbd-key-red-bg-hover-dark,#ef4444)]\",\n  slate:\n    \"border border-[color:var(--zui-kbd-key-slate-border,#475569)] dark:border-[color:var(--zui-kbd-key-slate-border-dark,#64748b)] bg-[var(--zui-kbd-key-slate-bg,#475569)] dark:bg-[var(--zui-kbd-key-slate-bg-dark,#64748b)] text-[color:var(--zui-kbd-key-slate-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-slate-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-slate-bg-hover,#475569)] dark:hover:bg-[var(--zui-kbd-key-slate-bg-hover-dark,#64748b)]\",\n  zinc: \"border border-[color:var(--zui-kbd-key-zinc-border,#52525b)] dark:border-[color:var(--zui-kbd-key-zinc-border-dark,#71717a)] bg-[var(--zui-kbd-key-zinc-bg,#52525b)] dark:bg-[var(--zui-kbd-key-zinc-bg-dark,#71717a)] text-[color:var(--zui-kbd-key-zinc-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-zinc-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-zinc-bg-hover,#52525b)] dark:hover:bg-[var(--zui-kbd-key-zinc-bg-hover-dark,#71717a)]\",\n  stone:\n    \"border border-[color:var(--zui-kbd-key-stone-border,#57534e)] dark:border-[color:var(--zui-kbd-key-stone-border-dark,#78716c)] bg-[var(--zui-kbd-key-stone-bg,#57534e)] dark:bg-[var(--zui-kbd-key-stone-bg-dark,#78716c)] text-[color:var(--zui-kbd-key-stone-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-stone-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-stone-bg-hover,#57534e)] dark:hover:bg-[var(--zui-kbd-key-stone-bg-hover-dark,#78716c)]\",\n  royal:\n    \"border border-[color:var(--zui-kbd-key-royal-border,#4338ca)] dark:border-[color:var(--zui-kbd-key-royal-border-dark,#818cf8)] bg-[var(--zui-kbd-key-royal-bg,#4338ca)] dark:bg-[var(--zui-kbd-key-royal-bg-dark,#818cf8)] text-[color:var(--zui-kbd-key-royal-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-royal-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-royal-bg-hover,#4338ca)] dark:hover:bg-[var(--zui-kbd-key-royal-bg-hover-dark,#818cf8)]\",\n  electric:\n    \"border border-[color:var(--zui-kbd-key-electric-border,#0ea5e9)] dark:border-[color:var(--zui-kbd-key-electric-border-dark,#38bdf8)] bg-[var(--zui-kbd-key-electric-bg,#0ea5e9)] dark:bg-[var(--zui-kbd-key-electric-bg-dark,#38bdf8)] text-[color:var(--zui-kbd-key-electric-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-electric-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-electric-bg-hover,#0ea5e9)] dark:hover:bg-[var(--zui-kbd-key-electric-bg-hover-dark,#38bdf8)]\",\n  forest:\n    \"border border-[color:var(--zui-kbd-key-forest-border,#166534)] dark:border-[color:var(--zui-kbd-key-forest-border-dark,#4ade80)] bg-[var(--zui-kbd-key-forest-bg,#166534)] dark:bg-[var(--zui-kbd-key-forest-bg-dark,#4ade80)] text-[color:var(--zui-kbd-key-forest-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-forest-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-forest-bg-hover,#166534)] dark:hover:bg-[var(--zui-kbd-key-forest-bg-hover-dark,#4ade80)]\",\n  sunset:\n    \"border border-[color:var(--zui-kbd-key-sunset-border,#ea580c)] dark:border-[color:var(--zui-kbd-key-sunset-border-dark,#fb923c)] bg-[var(--zui-kbd-key-sunset-bg,#ea580c)] dark:bg-[var(--zui-kbd-key-sunset-bg-dark,#fb923c)] text-[color:var(--zui-kbd-key-sunset-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-sunset-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-sunset-bg-hover,#ea580c)] dark:hover:bg-[var(--zui-kbd-key-sunset-bg-hover-dark,#fb923c)]\",\n  magenta:\n    \"border border-[color:var(--zui-kbd-key-magenta-border,#c026d3)] dark:border-[color:var(--zui-kbd-key-magenta-border-dark,#e879f9)] bg-[var(--zui-kbd-key-magenta-bg,#c026d3)] dark:bg-[var(--zui-kbd-key-magenta-bg-dark,#e879f9)] text-[color:var(--zui-kbd-key-magenta-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-magenta-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-magenta-bg-hover,#c026d3)] dark:hover:bg-[var(--zui-kbd-key-magenta-bg-hover-dark,#e879f9)]\",\n  crimson:\n    \"border border-[color:var(--zui-kbd-key-crimson-border,#b91c1c)] dark:border-[color:var(--zui-kbd-key-crimson-border-dark,#f87171)] bg-[var(--zui-kbd-key-crimson-bg,#b91c1c)] dark:bg-[var(--zui-kbd-key-crimson-bg-dark,#f87171)] text-[color:var(--zui-kbd-key-crimson-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-crimson-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-crimson-bg-hover,#b91c1c)] dark:hover:bg-[var(--zui-kbd-key-crimson-bg-hover-dark,#f87171)]\",\n  aqua: \"border border-[color:var(--zui-kbd-key-aqua-border,#0f766e)] dark:border-[color:var(--zui-kbd-key-aqua-border-dark,#2dd4bf)] bg-[var(--zui-kbd-key-aqua-bg,#0f766e)] dark:bg-[var(--zui-kbd-key-aqua-bg-dark,#2dd4bf)] text-[color:var(--zui-kbd-key-aqua-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-aqua-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-aqua-bg-hover,#0f766e)] dark:hover:bg-[var(--zui-kbd-key-aqua-bg-hover-dark,#2dd4bf)]\",\n  plum: \"border border-[color:var(--zui-kbd-key-plum-border,#7e22ce)] dark:border-[color:var(--zui-kbd-key-plum-border-dark,#c084fc)] bg-[var(--zui-kbd-key-plum-bg,#7e22ce)] dark:bg-[var(--zui-kbd-key-plum-bg-dark,#c084fc)] text-[color:var(--zui-kbd-key-plum-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-plum-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-plum-bg-hover,#7e22ce)] dark:hover:bg-[var(--zui-kbd-key-plum-bg-hover-dark,#c084fc)]\",\n} as const;\n\nexport type ZuiKbdAppearance = keyof typeof zuiKbdKeyAppearances;\n\nexport const zuiKbdKeyBase = [\n  \"inline-flex items-center justify-center font-mono font-medium leading-none\",\n  \"rounded-[var(--zui-kbd-radius,0.375rem)]\",\n  \"shadow-[var(--zui-kbd-shadow,inset_0_-1px_0_#0000001f)] dark:shadow-[var(--zui-kbd-shadow-dark,inset_0_-1px_0_#0000004d)]\",\n] as const;\n\nexport const zuiKbdKeySizes = {\n  sm: \"h-5 min-w-5 px-1 text-[0.7rem]\",\n  md: \"h-6 min-w-6 px-1.5 text-xs\",\n  lg: \"h-7 min-w-7 px-2 text-sm\",\n} as const;\n\nexport type ZuiKbdSize = keyof typeof zuiKbdKeySizes;\n\nexport const zuiKbdSeparatorBase =\n  \"text-[color:var(--zui-kbd-separator-fg,#94a3b8)] dark:text-[color:var(--zui-kbd-separator-fg-dark,#64748b)]\";\n\nexport const zuiKbdSeparatorSizes = {\n  sm: \"text-[0.7rem]\",\n  md: \"text-xs\",\n  lg: \"text-sm\",\n} as const;\n"]}