@zentauri-ui/zentauri-components 1.9.1 → 1.9.2

package/dist/{chunk-RFBTMJ2Z.mjs → chunk-R2256VSD.js}

@@ -1,9 +1,4 @@
-import { useFocusManagement } from './chunk-K6YI4FJO.mjs';
-import { cn } from './chunk-4D54YOL6.mjs';
-import { cva } from 'class-variance-authority';
-import { createContext, useContext, useState, useCallback, useId, useRef, useMemo, useEffect } from 'react';
-import { createPortal } from 'react-dom';
-import { jsxs, jsx } from 'react/jsx-runtime';
+'use strict';
 
 // src/design-system/command.ts
 var zuiCommandOverlayBase = "fixed inset-0 z-9999 bg-[var(--zui-command-overlay-bg,oklch(12.9%_0.042_264.695_/_0.6))] dark:bg-[var(--zui-command-overlay-bg-dark,oklch(12.9%_0.042_264.695_/_0.6))] backdrop-blur-sm";
@@ -68,554 +63,18 @@ var zuiCommandContentAppearances = {
   plum: "border border-[color:var(--zui-command-content-plum-border,#7e22ce)] dark:border-[color:var(--zui-command-content-plum-border-dark,#c084fc)] bg-[var(--zui-command-content-plum-bg,#7e22ce14)] dark:bg-[var(--zui-command-content-plum-bg-dark,#c084fc24)] backdrop-blur-xl"
 };
 
-// src/ui/command/variants.ts
-var commandOverlayVariants = cva(zuiCommandOverlayBase);
-var commandTriggerVariants = cva(zuiCommandTriggerBase);
-var commandContentVariants = cva(zuiCommandContentBase, {
-  variants: {
-    size: zuiCommandContentSizes,
-    appearance: zuiCommandContentAppearances
-  },
-  defaultVariants: {
-    size: "md",
-    appearance: "default"
-  }
-});
-var commandInputRowVariants = cva(zuiCommandInputRowBase);
-var commandInputVariants = cva(zuiCommandInputBase);
-var commandListVariants = cva(zuiCommandListBase);
-var commandGroupHeadingVariants = cva(zuiCommandGroupHeadingBase);
-var commandItemVariants = cva(zuiCommandItemBase);
-var commandSeparatorVariants = cva(zuiCommandSeparatorBase);
-var commandEmptyVariants = cva(zuiCommandEmptyBase);
-var commandFooterVariants = cva(zuiCommandFooterBase);
-var CommandContext = createContext(null);
-function useCommandContext(component) {
-  const ctx = useContext(CommandContext);
-  if (!ctx) {
-    throw new Error(`${component} must be used within <Command>`);
-  }
-  return ctx;
-}
-function itemMatches(value, meta, normalized) {
-  if (!normalized) {
-    return true;
-  }
-  if (value.toLowerCase().includes(normalized)) {
-    return true;
-  }
-  if (meta.searchText?.toLowerCase().includes(normalized)) {
-    return true;
-  }
-  return Boolean(
-    meta.keywords?.some(
-      (keyword) => keyword.toLowerCase().includes(normalized)
-    )
-  );
-}
-function isEditableEventTarget(target) {
-  if (!(target instanceof HTMLElement)) {
-    return false;
-  }
-  if (target.isContentEditable) {
-    return true;
-  }
-  return Boolean(
-    target.closest("input, textarea, select, [contenteditable=true]")
-  );
-}
-function useCommandPortalTarget() {
-  const [isMounted, setIsMounted] = useState(false);
-  useEffect(() => {
-    setIsMounted(true);
-  }, []);
-  if (!isMounted) {
-    return null;
-  }
-  return document.body;
-}
-function CommandPortal({ children }) {
-  const portalTarget = useCommandPortalTarget();
-  if (!portalTarget) {
-    return null;
-  }
-  return createPortal(children, portalTarget);
-}
-function CommandPortalFrame({ children }) {
-  return /* @__PURE__ */ jsx("div", { className: "fixed inset-0 z-9999", "data-slot": "command-portal", children });
-}
-function CommandContentLayer({
-  className,
-  size,
-  appearance,
-  children,
-  ref,
-  id,
-  style,
-  componentName,
-  renderPresence,
-  renderOverlay,
-  renderPanel
-}) {
-  const { open, setOpen, labelId, contentRef, triggerRef } = useCommandContext(componentName);
-  useFocusManagement({
-    open,
-    setOpen,
-    contentRef,
-    triggerRef
-  });
-  const overlayProps = {
-    role: "presentation",
-    "data-slot": "command-overlay",
-    className: commandOverlayVariants(),
-    onClick: () => setOpen(false)
-  };
-  const panelProps = {
-    ref: (node) => {
-      contentRef.current = node;
-      if (typeof ref === "function") {
-        ref(node);
-      } else if (ref) {
-        ref.current = node;
-      }
-    },
-    role: "dialog",
-    "aria-modal": true,
-    "aria-labelledby": labelId,
-    "data-slot": "command-content",
-    tabIndex: -1,
-    className: cn(commandContentVariants({ size, appearance }), className),
-    id,
-    style,
-    children
-  };
-  const content = open ? /* @__PURE__ */ jsxs(CommandPortalFrame, { children: [
-    renderOverlay ? renderOverlay(overlayProps) : /* @__PURE__ */ jsx("div", { ...overlayProps }),
-    renderPanel ? renderPanel(panelProps) : /* @__PURE__ */ jsx("div", { ...panelProps })
-  ] }) : null;
-  return /* @__PURE__ */ jsx(CommandPortal, { children: renderPresence ? renderPresence(content) : content });
-}
-function Command({
-  open,
-  defaultOpen = false,
-  onOpenChange,
-  hotkey,
-  label = "Command menu",
-  children
-}) {
-  const isControlled = open !== void 0;
-  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
-  const resolvedOpen = isControlled ? Boolean(open) : uncontrolledOpen;
-  const setOpen = useCallback(
-    (next) => {
-      if (!isControlled) {
-        setUncontrolledOpen(next);
-      }
-      onOpenChange?.(next);
-    },
-    [isControlled, onOpenChange]
-  );
-  const labelId = useId();
-  const listId = useId();
-  const contentRef = useRef(null);
-  const triggerRef = useRef(null);
-  const inputRef = useRef(null);
-  const [query, setQuery] = useState("");
-  const [activeValue, setActiveValue] = useState(null);
-  const itemsRef = useRef([]);
-  const [registryVersion, setRegistryVersion] = useState(0);
-  const registerItem = useCallback((item) => {
-    itemsRef.current = [...itemsRef.current, item];
-    setRegistryVersion((version) => version + 1);
-    return () => {
-      itemsRef.current = itemsRef.current.filter((entry) => entry !== item);
-      setRegistryVersion((version) => version + 1);
-    };
-  }, []);
-  const invalidateRegistry = useCallback(() => {
-    setRegistryVersion((version) => version + 1);
-  }, []);
-  const visibleValues = useMemo(() => {
-    const normalized = query.trim().toLowerCase();
-    return itemsRef.current.filter((item) => {
-      const meta = item.metaRef.current;
-      if (meta.disabled) {
-        return false;
-      }
-      return itemMatches(item.value, meta, normalized);
-    }).map((item) => item.value);
-  }, [query, registryVersion]);
-  const visibleSet = useMemo(() => new Set(visibleValues), [visibleValues]);
-  const isVisible = useCallback(
-    (value) => visibleSet.has(value),
-    [visibleSet]
-  );
-  const selectValue = useCallback((value) => {
-    const entry = itemsRef.current.find((item) => item.value === value);
-    if (!entry || entry.metaRef.current.disabled) {
-      return false;
-    }
-    entry?.metaRef.current.onSelect?.(value);
-    return true;
-  }, []);
-  useEffect(() => {
-    if (!resolvedOpen) {
-      setQuery("");
-      setActiveValue(null);
-    }
-  }, [resolvedOpen]);
-  useEffect(() => {
-    if (!resolvedOpen) {
-      return;
-    }
-    if (activeValue && visibleSet.has(activeValue)) {
-      return;
-    }
-    setActiveValue(visibleValues[0] ?? null);
-  }, [resolvedOpen, activeValue, visibleSet, visibleValues]);
-  useEffect(() => {
-    if (!hotkey) {
-      return;
-    }
-    const key = (typeof hotkey === "string" ? hotkey : "k").toLowerCase();
-    const handler = (event) => {
-      if (isEditableEventTarget(event.target)) {
-        return;
-      }
-      if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === key) {
-        event.preventDefault();
-        setOpen(!resolvedOpen);
-      }
-    };
-    window.addEventListener("keydown", handler);
-    return () => window.removeEventListener("keydown", handler);
-  }, [hotkey, resolvedOpen, setOpen]);
-  const ctx = useMemo(
-    () => ({
-      open: resolvedOpen,
-      setOpen,
-      labelId,
-      listId,
-      query,
-      setQuery,
-      activeValue,
-      setActiveValue,
-      visibleValues,
-      isVisible,
-      registerItem,
-      invalidateRegistry,
-      selectValue,
-      contentRef,
-      triggerRef,
-      inputRef
-    }),
-    [
-      resolvedOpen,
-      setOpen,
-      labelId,
-      listId,
-      query,
-      activeValue,
-      visibleValues,
-      isVisible,
-      registerItem,
-      invalidateRegistry,
-      selectValue
-    ]
-  );
-  return /* @__PURE__ */ jsxs(CommandContext.Provider, { value: ctx, children: [
-    /* @__PURE__ */ jsx("span", { hidden: true, id: labelId, children: label }),
-    children
-  ] });
-}
-Command.displayName = "Command";
-function CommandTrigger({
-  className,
-  children,
-  onClick,
-  ref: refProp
-}) {
-  const { setOpen, triggerRef } = useCommandContext("CommandTrigger");
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      ref: (node) => {
-        triggerRef.current = node;
-        if (typeof refProp === "function") {
-          refProp(node);
-        } else if (refProp) {
-          refProp.current = node;
-        }
-      },
-      type: "button",
-      "data-slot": "command-trigger",
-      className: cn(commandTriggerVariants(), className),
-      onClick: (event) => {
-        onClick?.(event);
-        if (!event.defaultPrevented) {
-          setOpen(true);
-        }
-      },
-      children
-    }
-  );
-}
-CommandTrigger.displayName = "CommandTrigger";
-function CommandContent({
-  className,
-  size,
-  appearance,
-  children,
-  ref,
-  id,
-  style
-}) {
-  return /* @__PURE__ */ jsx(
-    CommandContentLayer,
-    {
-      appearance,
-      className,
-      componentName: "CommandContent",
-      id,
-      ref,
-      size,
-      style,
-      children
-    }
-  );
-}
-CommandContent.displayName = "CommandContent";
-function CommandInput({
-  className,
-  placeholder,
-  ref
-}) {
-  const {
-    query,
-    setQuery,
-    visibleValues,
-    activeValue,
-    setActiveValue,
-    selectValue,
-    setOpen,
-    inputRef,
-    listId
-  } = useCommandContext("CommandInput");
-  const moveActive = (direction) => {
-    if (visibleValues.length === 0) {
-      return;
-    }
-    const currentIndex = activeValue ? visibleValues.indexOf(activeValue) : -1;
-    const nextIndex = currentIndex === -1 ? direction === 1 ? 0 : visibleValues.length - 1 : (currentIndex + direction + visibleValues.length) % visibleValues.length;
-    setActiveValue(visibleValues[nextIndex] ?? null);
-  };
-  return /* @__PURE__ */ jsxs("div", { className: commandInputRowVariants(), "data-slot": "command-input-row", children: [
-    /* @__PURE__ */ jsxs(
-      "svg",
-      {
-        "aria-hidden": true,
-        viewBox: "0 0 24 24",
-        className: "size-4 shrink-0 opacity-60",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "2",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        children: [
-          /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
-          /* @__PURE__ */ jsx("path", { d: "m21 21-4.3-4.3" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        ref: (node) => {
-          inputRef.current = node;
-          if (typeof ref === "function") {
-            ref(node);
-          } else if (ref) {
-            ref.current = node;
-          }
-        },
-        type: "text",
-        autoFocus: true,
-        role: "combobox",
-        "aria-expanded": true,
-        "aria-controls": listId,
-        "aria-autocomplete": "list",
-        "data-slot": "command-input",
-        className: cn(commandInputVariants(), className),
-        placeholder,
-        value: query,
-        onChange: (event) => setQuery(event.target.value),
-        onKeyDown: (event) => {
-          if (event.key === "ArrowDown") {
-            event.preventDefault();
-            moveActive(1);
-          } else if (event.key === "ArrowUp") {
-            event.preventDefault();
-            moveActive(-1);
-          } else if (event.key === "Enter") {
-            if (activeValue && visibleValues.includes(activeValue)) {
-              event.preventDefault();
-              if (selectValue(activeValue)) {
-                setOpen(false);
-              }
-            }
-          }
-        }
-      }
-    )
-  ] });
-}
-CommandInput.displayName = "CommandInput";
-function CommandList({ className, children }) {
-  const { listId } = useCommandContext("CommandList");
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      id: listId,
-      role: "listbox",
-      "aria-label": "Commands",
-      "data-slot": "command-list",
-      className: cn(commandListVariants(), className),
-      children
-    }
-  );
-}
-CommandList.displayName = "CommandList";
-function CommandGroup({
-  className,
-  heading,
-  children
-}) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      role: "group",
-      "data-slot": "command-group",
-      className: cn(
-        "[&:not(:has([data-slot=command-item]:not([hidden])))]:hidden",
-        className
-      ),
-      children: [
-        heading ? /* @__PURE__ */ jsx("div", { className: commandGroupHeadingVariants(), "aria-hidden": true, children: heading }) : null,
-        children
-      ]
-    }
-  );
-}
-CommandGroup.displayName = "CommandGroup";
-function CommandItem({
-  className,
-  value,
-  keywords,
-  disabled,
-  onSelect,
-  children
-}) {
-  const {
-    registerItem,
-    invalidateRegistry,
-    isVisible,
-    activeValue,
-    setActiveValue,
-    selectValue,
-    setOpen
-  } = useCommandContext("CommandItem");
-  const itemRef = useRef(null);
-  const keywordSignature = keywords?.join("\0") ?? "";
-  const metaRef = useRef({ keywords, disabled, onSelect });
-  metaRef.current = {
-    keywords,
-    disabled,
-    onSelect,
-    searchText: metaRef.current.searchText
-  };
-  useEffect(() => {
-    const unregister = registerItem({ value, metaRef });
-    return unregister;
-  }, [registerItem, value]);
-  useEffect(() => {
-    metaRef.current = {
-      keywords: metaRef.current.keywords,
-      disabled,
-      onSelect: metaRef.current.onSelect,
-      searchText: itemRef.current?.textContent ?? void 0
-    };
-    invalidateRegistry();
-  }, [children, disabled, invalidateRegistry, keywordSignature]);
-  const visible = isVisible(value);
-  const active = activeValue === value;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref: itemRef,
-      role: "option",
-      "aria-selected": active,
-      "aria-disabled": disabled || void 0,
-      "data-slot": "command-item",
-      "data-value": value,
-      "data-active": active || void 0,
-      hidden: !visible || void 0,
-      className: cn(commandItemVariants(), className),
-      onMouseEnter: () => {
-        if (!disabled) {
-          setActiveValue(value);
-        }
-      },
-      onClick: () => {
-        if (disabled) {
-          return;
-        }
-        if (selectValue(value)) {
-          setOpen(false);
-        }
-      },
-      children
-    }
-  );
-}
-CommandItem.displayName = "CommandItem";
-function CommandSeparator({ className }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      role: "separator",
-      "data-slot": "command-separator",
-      className: cn(commandSeparatorVariants(), className)
-    }
-  );
-}
-CommandSeparator.displayName = "CommandSeparator";
-function CommandEmpty({ className, children }) {
-  const { visibleValues } = useCommandContext("CommandEmpty");
-  if (visibleValues.length > 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "command-empty",
-      className: cn(commandEmptyVariants(), className),
-      children
-    }
-  );
-}
-CommandEmpty.displayName = "CommandEmpty";
-function CommandFooter({ className, children }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "command-footer",
-      className: cn(commandFooterVariants(), className),
-      children
-    }
-  );
-}
-CommandFooter.displayName = "CommandFooter";
-
-export { Command, CommandContent, CommandContentLayer, CommandEmpty, CommandFooter, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandTrigger, commandContentVariants, commandItemVariants, commandOverlayVariants, useCommandContext };
-//# sourceMappingURL=chunk-RFBTMJ2Z.mjs.map
-//# sourceMappingURL=chunk-RFBTMJ2Z.mjs.map
+exports.zuiCommandContentAppearances = zuiCommandContentAppearances;
+exports.zuiCommandContentBase = zuiCommandContentBase;
+exports.zuiCommandContentSizes = zuiCommandContentSizes;
+exports.zuiCommandEmptyBase = zuiCommandEmptyBase;
+exports.zuiCommandFooterBase = zuiCommandFooterBase;
+exports.zuiCommandGroupHeadingBase = zuiCommandGroupHeadingBase;
+exports.zuiCommandInputBase = zuiCommandInputBase;
+exports.zuiCommandInputRowBase = zuiCommandInputRowBase;
+exports.zuiCommandItemBase = zuiCommandItemBase;
+exports.zuiCommandListBase = zuiCommandListBase;
+exports.zuiCommandOverlayBase = zuiCommandOverlayBase;
+exports.zuiCommandSeparatorBase = zuiCommandSeparatorBase;
+exports.zuiCommandTriggerBase = zuiCommandTriggerBase;
+//# sourceMappingURL=chunk-R2256VSD.js.map
+//# sourceMappingURL=chunk-R2256VSD.js.map

package/dist/chunk-R2256VSD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/command.ts"],"names":[],"mappings":";;;AAAO,IAAM,qBAAA,GACX;AAEK,IAAM,qBAAA,GACX;AAEK,IAAM,qBAAA,GACX;AAEK,IAAM,sBAAA,GAAyB;AAAA,EACpC,EAAA,EAAI,UAAA;AAAA,EACJ,EAAA,EAAI,UAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,sBAAA,GACX;AAEK,IAAM,mBAAA,GACX;AAEK,IAAM,kBAAA,GACX;AAEK,IAAM,0BAAA,GACX;AAEK,IAAM,kBAAA,GACX;AAEK,IAAM,uBAAA,GACX;AAEK,IAAM,mBAAA,GACX;AAEK,IAAM,oBAAA,GACX;AAEK,IAAM,4BAAA,GAA+B;AAAA,EAC1C,OAAA,EACE,uJAAA;AAAA,EACF,KAAA,EACE,4TAAA;AAAA,EACF,GAAA,EAAK,6UAAA;AAAA,EACL,IAAA,EAAM,gVAAA;AAAA,EACN,MAAA,EACE,4VAAA;AAAA,EACF,IAAA,EAAM,8UAAA;AAAA,EACN,MAAA,EACE,oVAAA;AAAA,EACF,MAAA,EACE,yVAAA;AAAA,EACF,IAAA,EAAM,iVAAA;AAAA,EACN,MAAA,EACE,2VAAA;AAAA,EACF,OAAA,EACE,gWAAA;AAAA,EACF,IAAA,EAAM,iVAAA;AAAA,EACN,KAAA,EACE,oVAAA;AAAA,EACF,MAAA,EACE,4VAAA;AAAA,EACF,eAAA,EACE,wjBAAA;AAAA,EACF,gBAAA,EACE,gkBAAA;AAAA,EACF,cAAA,EACE,6iBAAA;AAAA,EACF,iBAAA,EACE,+jBAAA;AAAA,EACF,iBAAA,EACE,okBAAA;AAAA,EACF,eAAA,EACE,ujBAAA;AAAA,EACF,iBAAA,EACE,qkBAAA;AAAA,EACF,eAAA,EACE,kjBAAA;AAAA,EACF,IAAA,EAAM,6QAAA;AAAA,EACN,IAAA,EAAM,6QAAA;AAAA,EACN,KAAA,EACE,iRAAA;AAAA,EACF,IAAA,EAAM,6QAAA;AAAA,EACN,IAAA,EAAM,6QAAA;AAAA,EACN,KAAA,EACE,iRAAA;AAAA,EACF,QAAA,EACE,6RAAA;AAAA,EACF,QAAA,EACE,6RAAA;AAAA,EACF,IAAA,EAAM,6QAAA;AAAA,EACN,GAAA,EAAK,yQAAA;AAAA,EACL,KAAA,EACE,iRAAA;AAAA,EACF,IAAA,EAAM,6QAAA;AAAA,EACN,KAAA,EACE,iRAAA;AAAA,EACF,KAAA,EACE,iRAAA;AAAA,EACF,QAAA,EACE,6RAAA;AAAA,EACF,MAAA,EACE,qRAAA;AAAA,EACF,MAAA,EACE,qRAAA;AAAA,EACF,OAAA,EACE,yRAAA;AAAA,EACF,OAAA,EACE,yRAAA;AAAA,EACF,IAAA,EAAM,6QAAA;AAAA,EACN,IAAA,EAAM;AACR","file":"chunk-R2256VSD.js","sourcesContent":["export const zuiCommandOverlayBase =\n  \"fixed inset-0 z-9999 bg-[var(--zui-command-overlay-bg,oklch(12.9%_0.042_264.695_/_0.6))] dark:bg-[var(--zui-command-overlay-bg-dark,oklch(12.9%_0.042_264.695_/_0.6))] backdrop-blur-sm\";\n\nexport const zuiCommandTriggerBase =\n  \"relative inline-flex shrink-0 cursor-pointer items-center gap-2 rounded-md border border-[color:var(--zui-command-trigger-border,#0000001a)] dark:border-[color:var(--zui-command-trigger-border-dark,#ffffff1a)] bg-[var(--zui-command-trigger-bg,oklch(98.4%_0.003_247.858))] dark:bg-[var(--zui-command-trigger-bg-dark,oklch(12.9%_0.042_264.695))] px-3 py-2 text-sm text-[color:var(--zui-command-trigger-fg,oklch(44.6%_0.03_256.802))] dark:text-[color:var(--zui-command-trigger-fg-dark,oklch(86.9%_0.022_252.894))] transition hover:bg-black/5 dark:hover:bg-white/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cyan-500/40\";\n\nexport const zuiCommandContentBase =\n  \"fixed left-1/2 top-[15%] z-9999 w-[calc(100%-2rem)] -translate-x-1/2 overflow-hidden rounded-xl border border-[color:var(--zui-command-content-border,#0000001a)] dark:border-[color:var(--zui-command-content-border-dark,#ffffff1a)] bg-[var(--zui-command-content-bg,oklch(98.4%_0.003_247.858))] dark:bg-[var(--zui-command-content-bg-dark,oklch(12.9%_0.042_264.695))] text-[color:var(--zui-command-content-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-command-content-fg-dark,oklch(98.4%_0.003_247.858))] shadow-[var(--zui-command-content-shadow,0_12px_40px_rgba(15,23,42,0.18))] dark:shadow-[var(--zui-command-content-shadow-dark,0_24px_80px_rgba(15,23,42,0.6))] focus:outline-none\";\n\nexport const zuiCommandContentSizes = {\n  sm: \"max-w-md\",\n  md: \"max-w-lg\",\n  lg: \"max-w-2xl\",\n} as const;\n\nexport const zuiCommandInputRowBase =\n  \"flex items-center gap-2 border-b border-[color:var(--zui-command-input-border,#0000000f)] dark:border-[color:var(--zui-command-input-border-dark,#ffffff14)] px-4\";\n\nexport const zuiCommandInputBase =\n  \"h-12 w-full bg-transparent text-sm text-[color:var(--zui-command-input-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-command-input-fg-dark,oklch(98.4%_0.003_247.858))] placeholder:text-[color:var(--zui-command-input-placeholder,oklch(55.1%_0.027_264.364))] dark:placeholder:text-[color:var(--zui-command-input-placeholder-dark,oklch(55.1%_0.027_264.364))] focus:outline-none\";\n\nexport const zuiCommandListBase =\n  \"max-h-[min(60vh,420px)] overflow-y-auto overscroll-contain p-2\";\n\nexport const zuiCommandGroupHeadingBase =\n  \"px-2 pb-1 pt-3 text-xs font-semibold uppercase tracking-[0.12em] text-[color:var(--zui-command-group-heading-fg,oklch(55.1%_0.027_264.364))] dark:text-[color:var(--zui-command-group-heading-fg-dark,oklch(70.7%_0.022_261.325))]\";\n\nexport const zuiCommandItemBase =\n  \"flex cursor-pointer items-center gap-3 rounded-lg px-3 py-2 text-sm text-[color:var(--zui-command-item-fg,oklch(27.8%_0.033_256.848))] dark:text-[color:var(--zui-command-item-fg-dark,oklch(86.9%_0.022_252.894))] transition-colors data-[active=true]:bg-[var(--zui-command-item-active-bg,oklch(95.1%_0.026_236.824))] dark:data-[active=true]:bg-[var(--zui-command-item-active-bg-dark,oklch(28.2%_0.091_267.935_/_0.55))] data-[active=true]:text-[color:var(--zui-command-item-active-fg,oklch(20.8%_0.042_265.755))] dark:data-[active=true]:text-[color:var(--zui-command-item-active-fg-dark,oklch(98.4%_0.003_247.858))] aria-disabled:cursor-not-allowed aria-disabled:opacity-50\";\n\nexport const zuiCommandSeparatorBase =\n  \"my-1 h-px bg-[var(--zui-command-separator-bg,#0000000f)] dark:bg-[var(--zui-command-separator-bg-dark,#ffffff14)]\";\n\nexport const zuiCommandEmptyBase =\n  \"px-3 py-8 text-center text-sm text-[color:var(--zui-command-empty-fg,oklch(55.1%_0.027_264.364))] dark:text-[color:var(--zui-command-empty-fg-dark,oklch(70.7%_0.022_261.325))]\";\n\nexport const zuiCommandFooterBase =\n  \"flex items-center gap-3 border-t border-[color:var(--zui-command-footer-border,#0000000f)] dark:border-[color:var(--zui-command-footer-border-dark,#ffffff14)] px-4 py-2 text-xs text-[color:var(--zui-command-footer-fg,oklch(55.1%_0.027_264.364))] dark:text-[color:var(--zui-command-footer-fg-dark,oklch(70.7%_0.022_261.325))]\";\n\nexport const zuiCommandContentAppearances = {\n  default:\n    \"bg-[var(--zui-command-content-default-bg,oklch(98.4%_0.003_247.858))] dark:bg-[var(--zui-command-content-default-bg-dark,oklch(12.9%_0.042_264.695))]\",\n  glass:\n    \"border-[color:var(--zui-command-content-glass-border,#00000026)] dark:border-[color:var(--zui-command-content-glass-border-dark,#ffffff26)] bg-[var(--zui-command-content-glass-bg,oklch(98.4%_0.003_247.858_/_0.7))] dark:bg-[var(--zui-command-content-glass-bg-dark,oklch(12.9%_0.042_264.695_/_0.7))] backdrop-blur-xl\",\n  sky: \"border-[color:var(--zui-command-content-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-command-content-sky-border-dark,oklch(58.8%_0.158_241.966))] bg-[var(--zui-command-content-sky-bg,oklch(97.7%_0.013_236.62))] dark:bg-[var(--zui-command-content-sky-bg-dark,oklch(29.3%_0.066_243.157_/_0.7))] backdrop-blur-xl\",\n  rose: \"border-[color:var(--zui-command-content-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-command-content-rose-border-dark,oklch(58.6%_0.253_17.585))] bg-[var(--zui-command-content-rose-bg,oklch(96.9%_0.015_12.422))] dark:bg-[var(--zui-command-content-rose-bg-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl\",\n  purple:\n    \"border-[color:var(--zui-command-content-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-command-content-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-[var(--zui-command-content-purple-bg,oklch(97.7%_0.014_308.299))] dark:bg-[var(--zui-command-content-purple-bg-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl\",\n  pink: \"border-[color:var(--zui-command-content-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-command-content-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-[var(--zui-command-content-pink-bg,oklch(97.1%_0.014_343.198))] dark:bg-[var(--zui-command-content-pink-bg-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl\",\n  orange:\n    \"border-[color:var(--zui-command-content-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-command-content-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-[var(--zui-command-content-orange-bg,oklch(98%_0.016_73.684))] dark:bg-[var(--zui-command-content-orange-bg-dark,oklch(26.6%_0.079_36.259_/_0.7))] backdrop-blur-xl\",\n  yellow:\n    \"border-[color:var(--zui-command-content-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-command-content-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-[var(--zui-command-content-yellow-bg,oklch(98.7%_0.026_102.212))] dark:bg-[var(--zui-command-content-yellow-bg-dark,oklch(28.6%_0.066_53.813_/_0.7))] backdrop-blur-xl\",\n  teal: \"border-[color:var(--zui-command-content-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-command-content-teal-border-dark,oklch(60%_0.118_184.704))] bg-[var(--zui-command-content-teal-bg,oklch(98.4%_0.014_180.72))] dark:bg-[var(--zui-command-content-teal-bg-dark,oklch(27.7%_0.046_192.524_/_0.7))] backdrop-blur-xl\",\n  indigo:\n    \"border-[color:var(--zui-command-content-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-command-content-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-[var(--zui-command-content-indigo-bg,oklch(96.2%_0.018_272.314))] dark:bg-[var(--zui-command-content-indigo-bg-dark,oklch(25.7%_0.09_281.288_/_0.7))] backdrop-blur-xl\",\n  emerald:\n    \"border-[color:var(--zui-command-content-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-command-content-emerald-border-dark,oklch(59.6%_0.145_163.225))] bg-[var(--zui-command-content-emerald-bg,oklch(97.9%_0.021_166.113))] dark:bg-[var(--zui-command-content-emerald-bg-dark,oklch(26.2%_0.051_172.552_/_0.7))] backdrop-blur-xl\",\n  gray: \"border-[color:var(--zui-command-content-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-command-content-gray-border-dark,oklch(44.6%_0.03_256.802))] bg-[var(--zui-command-content-gray-bg,oklch(98.5%_0.002_247.839))] dark:bg-[var(--zui-command-content-gray-bg-dark,oklch(13%_0.028_261.692_/_0.7))] backdrop-blur-xl\",\n  amber:\n    \"border-[color:var(--zui-command-content-amber-border,oklch(47.3%_0.137_46.201))] dark:border-[color:var(--zui-command-content-amber-border-dark,oklch(66.6%_0.179_58.318))] bg-[var(--zui-command-content-amber-bg,oklch(98.7%_0.022_95.277))] dark:bg-[var(--zui-command-content-amber-bg-dark,oklch(27.9%_0.077_45.635_/_0.7))] backdrop-blur-xl\",\n  violet:\n    \"border-[color:var(--zui-command-content-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-command-content-violet-border-dark,oklch(54.1%_0.281_293.009))] bg-[var(--zui-command-content-violet-bg,oklch(96.9%_0.016_293.756))] dark:bg-[var(--zui-command-content-violet-bg-dark,oklch(28.3%_0.141_291.089_/_0.7))] backdrop-blur-xl\",\n  \"gradient-blue\":\n    \"border-[color:var(--zui-command-content-gradient-blue-border,oklch(42.4%_0.199_265.638))] dark:border-[color:var(--zui-command-content-gradient-blue-border-dark,oklch(54.6%_0.245_262.881))] bg-linear-to-br from-[var(--zui-command-content-gradient-blue-from,oklch(97%_0.014_254.604))] dark:from-[var(--zui-command-content-gradient-blue-from-dark,oklch(28.2%_0.091_267.935_/_0.85))] to-[var(--zui-command-content-gradient-blue-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-command-content-gradient-blue-to-dark,oklch(29.1%_0.149_302.717_/_0.85))] backdrop-blur-xl\",\n  \"gradient-green\":\n    \"border-[color:var(--zui-command-content-gradient-green-border,oklch(44.8%_0.119_151.328))] dark:border-[color:var(--zui-command-content-gradient-green-border-dark,oklch(62.7%_0.194_149.214))] bg-linear-to-br from-[var(--zui-command-content-gradient-green-from,oklch(98.2%_0.018_155.826))] dark:from-[var(--zui-command-content-gradient-green-from-dark,oklch(26.6%_0.065_152.934_/_0.85))] to-[var(--zui-command-content-gradient-green-to,oklch(98.6%_0.031_120.757))] dark:to-[var(--zui-command-content-gradient-green-to-dark,oklch(27.4%_0.072_132.109_/_0.85))] backdrop-blur-xl\",\n  \"gradient-red\":\n    \"border-[color:var(--zui-command-content-gradient-red-border,oklch(44.4%_0.177_26.899))] dark:border-[color:var(--zui-command-content-gradient-red-border-dark,oklch(57.7%_0.245_27.325))] bg-linear-to-br from-[var(--zui-command-content-gradient-red-from,oklch(97.1%_0.013_17.38))] dark:from-[var(--zui-command-content-gradient-red-from-dark,oklch(25.8%_0.092_26.042_/_0.85))] to-[var(--zui-command-content-gradient-red-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-command-content-gradient-red-to-dark,oklch(28.4%_0.109_3.907_/_0.85))] backdrop-blur-xl\",\n  \"gradient-yellow\":\n    \"border-[color:var(--zui-command-content-gradient-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-command-content-gradient-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-linear-to-br from-[var(--zui-command-content-gradient-yellow-from,oklch(98.7%_0.026_102.212))] dark:from-[var(--zui-command-content-gradient-yellow-from-dark,oklch(28.6%_0.066_53.813_/_0.85))] to-[var(--zui-command-content-gradient-yellow-to,oklch(98%_0.016_73.684))] dark:to-[var(--zui-command-content-gradient-yellow-to-dark,oklch(26.6%_0.079_36.259_/_0.85))] backdrop-blur-xl\",\n  \"gradient-purple\":\n    \"border-[color:var(--zui-command-content-gradient-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-command-content-gradient-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-linear-to-br from-[var(--zui-command-content-gradient-purple-from,oklch(97.7%_0.014_308.299))] dark:from-[var(--zui-command-content-gradient-purple-from-dark,oklch(29.1%_0.149_302.717_/_0.85))] to-[var(--zui-command-content-gradient-purple-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-command-content-gradient-purple-to-dark,oklch(28.4%_0.109_3.907_/_0.85))] backdrop-blur-xl\",\n  \"gradient-teal\":\n    \"border-[color:var(--zui-command-content-gradient-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-command-content-gradient-teal-border-dark,oklch(60%_0.118_184.704))] bg-linear-to-br from-[var(--zui-command-content-gradient-teal-from,oklch(98.4%_0.014_180.72))] dark:from-[var(--zui-command-content-gradient-teal-from-dark,oklch(27.7%_0.046_192.524_/_0.85))] to-[var(--zui-command-content-gradient-teal-to,oklch(98.4%_0.019_200.873))] dark:to-[var(--zui-command-content-gradient-teal-to-dark,oklch(30.2%_0.056_229.695_/_0.85))] backdrop-blur-xl\",\n  \"gradient-indigo\":\n    \"border-[color:var(--zui-command-content-gradient-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-command-content-gradient-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-linear-to-br from-[var(--zui-command-content-gradient-indigo-from,oklch(96.2%_0.018_272.314))] dark:from-[var(--zui-command-content-gradient-indigo-from-dark,oklch(25.7%_0.09_281.288_/_0.85))] to-[var(--zui-command-content-gradient-indigo-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-command-content-gradient-indigo-to-dark,oklch(29.1%_0.149_302.717_/_0.85))] backdrop-blur-xl\",\n  \"gradient-pink\":\n    \"border-[color:var(--zui-command-content-gradient-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-command-content-gradient-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-linear-to-br from-[var(--zui-command-content-gradient-pink-from,oklch(97.1%_0.014_343.198))] dark:from-[var(--zui-command-content-gradient-pink-from-dark,oklch(28.4%_0.109_3.907_/_0.85))] to-[var(--zui-command-content-gradient-pink-to,oklch(96.9%_0.015_12.422))] dark:to-[var(--zui-command-content-gradient-pink-to-dark,oklch(27.1%_0.105_12.094_/_0.85))] backdrop-blur-xl\",\n  blue: \"border border-[color:var(--zui-command-content-blue-border,#2563eb)] dark:border-[color:var(--zui-command-content-blue-border-dark,#3b82f6)] bg-[var(--zui-command-content-blue-bg,#2563eb14)] dark:bg-[var(--zui-command-content-blue-bg-dark,#3b82f624)] backdrop-blur-xl\",\n  cyan: \"border border-[color:var(--zui-command-content-cyan-border,#0891b2)] dark:border-[color:var(--zui-command-content-cyan-border-dark,#22d3ee)] bg-[var(--zui-command-content-cyan-bg,#0891b214)] dark:bg-[var(--zui-command-content-cyan-bg-dark,#22d3ee24)] backdrop-blur-xl\",\n  green:\n    \"border border-[color:var(--zui-command-content-green-border,#16a34a)] dark:border-[color:var(--zui-command-content-green-border-dark,#22c55e)] bg-[var(--zui-command-content-green-bg,#16a34a14)] dark:bg-[var(--zui-command-content-green-bg-dark,#22c55e24)] backdrop-blur-xl\",\n  lime: \"border border-[color:var(--zui-command-content-lime-border,#65a30d)] dark:border-[color:var(--zui-command-content-lime-border-dark,#a3e635)] bg-[var(--zui-command-content-lime-bg,#65a30d14)] dark:bg-[var(--zui-command-content-lime-bg-dark,#a3e63524)] backdrop-blur-xl\",\n  mint: \"border border-[color:var(--zui-command-content-mint-border,#10b981)] dark:border-[color:var(--zui-command-content-mint-border-dark,#6ee7b7)] bg-[var(--zui-command-content-mint-bg,#10b98114)] dark:bg-[var(--zui-command-content-mint-bg-dark,#6ee7b724)] backdrop-blur-xl\",\n  ocean:\n    \"border border-[color:var(--zui-command-content-ocean-border,#0284c7)] dark:border-[color:var(--zui-command-content-ocean-border-dark,#38bdf8)] bg-[var(--zui-command-content-ocean-bg,#0284c714)] dark:bg-[var(--zui-command-content-ocean-bg-dark,#38bdf824)] backdrop-blur-xl\",\n  sapphire:\n    \"border border-[color:var(--zui-command-content-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-command-content-sapphire-border-dark,#60a5fa)] bg-[var(--zui-command-content-sapphire-bg,#1d4ed814)] dark:bg-[var(--zui-command-content-sapphire-bg-dark,#60a5fa24)] backdrop-blur-xl\",\n  lavender:\n    \"border border-[color:var(--zui-command-content-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-command-content-lavender-border-dark,#a78bfa)] bg-[var(--zui-command-content-lavender-bg,#8b5cf614)] dark:bg-[var(--zui-command-content-lavender-bg-dark,#a78bfa24)] backdrop-blur-xl\",\n  ruby: \"border border-[color:var(--zui-command-content-ruby-border,#be123c)] dark:border-[color:var(--zui-command-content-ruby-border-dark,#fb7185)] bg-[var(--zui-command-content-ruby-bg,#be123c14)] dark:bg-[var(--zui-command-content-ruby-bg-dark,#fb718524)] backdrop-blur-xl\",\n  red: \"border border-[color:var(--zui-command-content-red-border,#dc2626)] dark:border-[color:var(--zui-command-content-red-border-dark,#ef4444)] bg-[var(--zui-command-content-red-bg,#dc262614)] dark:bg-[var(--zui-command-content-red-bg-dark,#ef444424)] backdrop-blur-xl\",\n  slate:\n    \"border border-[color:var(--zui-command-content-slate-border,#475569)] dark:border-[color:var(--zui-command-content-slate-border-dark,#64748b)] bg-[var(--zui-command-content-slate-bg,#47556914)] dark:bg-[var(--zui-command-content-slate-bg-dark,#64748b24)] backdrop-blur-xl\",\n  zinc: \"border border-[color:var(--zui-command-content-zinc-border,#52525b)] dark:border-[color:var(--zui-command-content-zinc-border-dark,#71717a)] bg-[var(--zui-command-content-zinc-bg,#52525b14)] dark:bg-[var(--zui-command-content-zinc-bg-dark,#71717a24)] backdrop-blur-xl\",\n  stone:\n    \"border border-[color:var(--zui-command-content-stone-border,#57534e)] dark:border-[color:var(--zui-command-content-stone-border-dark,#78716c)] bg-[var(--zui-command-content-stone-bg,#57534e14)] dark:bg-[var(--zui-command-content-stone-bg-dark,#78716c24)] backdrop-blur-xl\",\n  royal:\n    \"border border-[color:var(--zui-command-content-royal-border,#4338ca)] dark:border-[color:var(--zui-command-content-royal-border-dark,#818cf8)] bg-[var(--zui-command-content-royal-bg,#4338ca14)] dark:bg-[var(--zui-command-content-royal-bg-dark,#818cf824)] backdrop-blur-xl\",\n  electric:\n    \"border border-[color:var(--zui-command-content-electric-border,#0ea5e9)] dark:border-[color:var(--zui-command-content-electric-border-dark,#38bdf8)] bg-[var(--zui-command-content-electric-bg,#0ea5e914)] dark:bg-[var(--zui-command-content-electric-bg-dark,#38bdf824)] backdrop-blur-xl\",\n  forest:\n    \"border border-[color:var(--zui-command-content-forest-border,#166534)] dark:border-[color:var(--zui-command-content-forest-border-dark,#4ade80)] bg-[var(--zui-command-content-forest-bg,#16653414)] dark:bg-[var(--zui-command-content-forest-bg-dark,#4ade8024)] backdrop-blur-xl\",\n  sunset:\n    \"border border-[color:var(--zui-command-content-sunset-border,#ea580c)] dark:border-[color:var(--zui-command-content-sunset-border-dark,#fb923c)] bg-[var(--zui-command-content-sunset-bg,#ea580c14)] dark:bg-[var(--zui-command-content-sunset-bg-dark,#fb923c24)] backdrop-blur-xl\",\n  magenta:\n    \"border border-[color:var(--zui-command-content-magenta-border,#c026d3)] dark:border-[color:var(--zui-command-content-magenta-border-dark,#e879f9)] bg-[var(--zui-command-content-magenta-bg,#c026d314)] dark:bg-[var(--zui-command-content-magenta-bg-dark,#e879f924)] backdrop-blur-xl\",\n  crimson:\n    \"border border-[color:var(--zui-command-content-crimson-border,#b91c1c)] dark:border-[color:var(--zui-command-content-crimson-border-dark,#f87171)] bg-[var(--zui-command-content-crimson-bg,#b91c1c14)] dark:bg-[var(--zui-command-content-crimson-bg-dark,#f8717124)] backdrop-blur-xl\",\n  aqua: \"border border-[color:var(--zui-command-content-aqua-border,#0f766e)] dark:border-[color:var(--zui-command-content-aqua-border-dark,#2dd4bf)] bg-[var(--zui-command-content-aqua-bg,#0f766e14)] dark:bg-[var(--zui-command-content-aqua-bg-dark,#2dd4bf24)] backdrop-blur-xl\",\n  plum: \"border border-[color:var(--zui-command-content-plum-border,#7e22ce)] dark:border-[color:var(--zui-command-content-plum-border-dark,#c084fc)] bg-[var(--zui-command-content-plum-bg,#7e22ce14)] dark:bg-[var(--zui-command-content-plum-bg-dark,#c084fc24)] backdrop-blur-xl\",\n} as const;\n"]}