@kamod-ui/core 0.1.0

package/dist/chunk-6ZXYDBPR.js

@@ -0,0 +1,304 @@
+import { createIdFactory, createDismissableLayer } from './chunk-HEQRODRF.js';
+import { cn } from './chunk-OMXWBB67.js';
+import { signal } from '@preact/signals';
+import { useMemo, useRef, useEffect, useContext } from 'preact/hooks';
+import { createContext, isValidElement, cloneElement } from 'preact';
+import { jsx, jsxs } from 'preact/jsx-runtime';
+import { tv } from 'tailwind-variants';
+
+var NavigationMenuRootContext = createContext(null);
+var useNavigationMenuRoot = () => {
+  const ctx = useContext(NavigationMenuRootContext);
+  if (!ctx) throw new Error("NavigationMenu subcomponents must be used within NavigationMenu");
+  return ctx;
+};
+var NavigationMenuItemContext = createContext(null);
+var useNavigationMenuItemCtx = () => {
+  const ctx = useContext(NavigationMenuItemContext);
+  if (!ctx) throw new Error("NavigationMenuTrigger and NavigationMenuContent must be inside NavigationMenuItem");
+  return ctx;
+};
+var NavigationMenu = ({
+  class: className,
+  children,
+  delayDuration = 200,
+  skipDelayDuration = 300,
+  dir,
+  ...rest
+}) => {
+  const openValue = useMemo(() => signal(null), []);
+  const rootRef = useRef(null);
+  const openTimerRef = useRef(null);
+  const closeTimerRef = useRef(null);
+  const lastOpenAtRef = useRef(0);
+  const ctx = useMemo(() => {
+    const clearTimers = () => {
+      if (openTimerRef.current) {
+        clearTimeout(openTimerRef.current);
+        openTimerRef.current = null;
+      }
+      if (closeTimerRef.current) {
+        clearTimeout(closeTimerRef.current);
+        closeTimerRef.current = null;
+      }
+    };
+    return {
+      openValue,
+      delayDuration,
+      skipDelayDuration,
+      rootRef,
+      openTimerRef,
+      closeTimerRef,
+      lastOpenAtRef,
+      clearTimers,
+      requestOpen: (itemValue) => {
+        clearTimers();
+        const now = Date.now();
+        const skip = now - lastOpenAtRef.current < skipDelayDuration && lastOpenAtRef.current > 0;
+        const run = () => {
+          openValue.value = itemValue;
+          lastOpenAtRef.current = Date.now();
+        };
+        if (skip || delayDuration <= 0) {
+          run();
+        } else {
+          openTimerRef.current = setTimeout(run, delayDuration);
+        }
+      },
+      requestClose: (delayMs = 120) => {
+        clearTimers();
+        closeTimerRef.current = setTimeout(() => {
+          openValue.value = null;
+          closeTimerRef.current = null;
+        }, delayMs);
+      },
+      toggleItem: (itemValue) => {
+        clearTimers();
+        openValue.value = openValue.value === itemValue ? null : itemValue;
+        if (openValue.value) lastOpenAtRef.current = Date.now();
+      }
+    };
+  }, [openValue, delayDuration, skipDelayDuration]);
+  useEffect(() => {
+    ctx.delayDuration = delayDuration;
+    ctx.skipDelayDuration = skipDelayDuration;
+  }, [ctx, delayDuration, skipDelayDuration]);
+  useEffect(() => {
+    const layer = createDismissableLayer({
+      root: () => rootRef.current,
+      open: () => openValue.value != null,
+      onDismiss: () => {
+        openValue.value = null;
+      }
+    });
+    return () => layer.dispose();
+  }, [openValue]);
+  return /* @__PURE__ */ jsx(NavigationMenuRootContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
+    "nav",
+    {
+      ref: rootRef,
+      "data-slot": "navigation-menu",
+      "aria-label": "Main",
+      dir,
+      class: cn("relative z-10 flex max-w-max flex-1 items-center justify-center", className),
+      ...rest,
+      children
+    }
+  ) });
+};
+var NavigationMenuContent = ({
+  class: className,
+  children,
+  onPointerEnter,
+  onPointerLeave,
+  ...rest
+}) => {
+  const root = useNavigationMenuRoot();
+  const { value } = useNavigationMenuItemCtx();
+  const open = root.openValue.value === value;
+  const handlePointerEnter = (e) => {
+    onPointerEnter?.(e);
+    root.clearTimers();
+  };
+  const handlePointerLeave = (e) => {
+    onPointerLeave?.(e);
+    if (e.defaultPrevented) return;
+    root.requestClose();
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "navigation-menu-content",
+      "data-state": open ? "open" : "closed",
+      class: cn(
+        "absolute start-0 top-full z-50 mt-1.5 w-max origin-top-start overflow-hidden rounded-md border border-border bg-popover p-2 text-popover-foreground shadow-md outline-none",
+        "transition-[opacity,transform] duration-200",
+        open ? "pointer-events-auto visible opacity-100" : "pointer-events-none invisible opacity-0",
+        className
+      ),
+      onPointerEnter: handlePointerEnter,
+      onPointerLeave: handlePointerLeave,
+      ...rest,
+      children
+    }
+  );
+};
+var nextItemValue = createIdFactory("nm-item");
+var NavigationMenuItem = ({ class: className, children, value: valueProp, ...rest }) => {
+  const value = useMemo(() => nextItemValue(valueProp), [valueProp]);
+  return /* @__PURE__ */ jsx(NavigationMenuItemContext.Provider, { value: { value }, children: /* @__PURE__ */ jsx("li", { "data-slot": "navigation-menu-item", class: cn("relative", className), ...rest, children }) });
+};
+var callRef = (ref, node) => {
+  if (typeof ref === "function") {
+    ref(node);
+  } else if (ref && typeof ref === "object" && "current" in ref) {
+    ref.current = node;
+  }
+};
+var NavigationMenuLink = ({
+  class: className,
+  active = false,
+  asChild = false,
+  children,
+  onClick,
+  ref: outerRef,
+  ...rest
+}) => {
+  const root = useNavigationMenuRoot();
+  const { value } = useNavigationMenuItemCtx();
+  const open = root.openValue.value === value;
+  const linkClass = cn(
+    "block select-none rounded-sm px-3 py-2 text-sm no-underline outline-none transition-colors",
+    "hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground",
+    active ? "bg-accent text-accent-foreground" : "",
+    className
+  );
+  const handleClick = (event) => {
+    onClick?.(event);
+    if (event.defaultPrevented) return;
+    root.clearTimers();
+    root.openValue.value = null;
+  };
+  if (asChild) {
+    if (!isValidElement(children)) return null;
+    const childProps = children.props ?? {};
+    const mergedClass = cn(linkClass, childProps.class, childProps.className);
+    return cloneElement(children, {
+      ...childProps,
+      ...rest,
+      "data-slot": "navigation-menu-link",
+      "data-active": active ? "" : void 0,
+      "data-state": open ? "open" : "closed",
+      class: mergedClass,
+      onClick: (event) => {
+        childProps.onClick?.(event);
+        handleClick(event);
+      },
+      ref: (node) => {
+        callRef(childProps.ref, node);
+        callRef(outerRef, node);
+      }
+    });
+  }
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      ref: (node) => callRef(outerRef, node),
+      "data-slot": "navigation-menu-link",
+      "data-active": active ? "" : void 0,
+      "data-state": open ? "open" : "closed",
+      "aria-current": active ? "page" : void 0,
+      class: linkClass,
+      onClick: (e) => handleClick(e),
+      ...rest,
+      children
+    }
+  );
+};
+var NavigationMenuList = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(
+  "ul",
+  {
+    "data-slot": "navigation-menu-list",
+    class: cn("group flex flex-1 list-none items-center justify-center gap-1", className),
+    ...rest,
+    children
+  }
+);
+var navigationMenuTriggerStyle = tv({
+  base: [
+    "group inline-flex h-9 w-max items-center justify-center gap-1 rounded-md bg-background px-4 py-2 text-sm font-medium outline-none",
+    "transition-[color,box-shadow] hover:bg-accent hover:text-accent-foreground",
+    "focus:bg-accent focus:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-outline/50 focus-visible:outline-1",
+    "disabled:pointer-events-none disabled:opacity-50",
+    "data-[state=open]:bg-accent/50 data-[state=open]:text-accent-foreground data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent"
+  ]
+});
+var ChevronDownIcon = ({ class: className }) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    "stroke-width": "2",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    "aria-hidden": true,
+    class: cn("size-4 shrink-0 transition duration-200 group-data-[state=open]:rotate-180 rtl:-rotate-180 group-data-[state=open]:rtl:rotate-0", className),
+    children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" })
+  }
+);
+var NavigationMenuTrigger = ({ class: className, children, onClick, onPointerEnter, onPointerLeave, ...rest }) => {
+  const root = useNavigationMenuRoot();
+  const { value } = useNavigationMenuItemCtx();
+  const open = root.openValue.value === value;
+  const handlePointerEnter = (e) => {
+    onPointerEnter?.(e);
+    if (e.defaultPrevented) return;
+    root.requestOpen(value);
+  };
+  const handlePointerLeave = (e) => {
+    onPointerLeave?.(e);
+    if (e.defaultPrevented) return;
+    root.requestClose();
+  };
+  const handleClick = (e) => {
+    onClick?.(e);
+    if (e.defaultPrevented) return;
+    root.toggleItem(value);
+  };
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      "data-slot": "navigation-menu-trigger",
+      "data-state": open ? "open" : "closed",
+      "aria-expanded": open,
+      class: cn(navigationMenuTriggerStyle(), "group", className),
+      onPointerEnter: handlePointerEnter,
+      onPointerLeave: handlePointerLeave,
+      onClick: handleClick,
+      ...rest,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronDownIcon, {})
+      ]
+    }
+  );
+};
+
+// src/components/navigation-menu/index.ts
+var navigation_menu_default = {
+  Root: NavigationMenu,
+  List: NavigationMenuList,
+  Item: NavigationMenuItem,
+  Link: NavigationMenuLink,
+  Trigger: NavigationMenuTrigger,
+  Content: NavigationMenuContent
+};
+
+export { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, navigationMenuTriggerStyle, navigation_menu_default };
+//# sourceMappingURL=chunk-6ZXYDBPR.js.map
+//# sourceMappingURL=chunk-6ZXYDBPR.js.map

package/dist/chunk-6ZXYDBPR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation-menu/navigation-menu-context.tsx","../src/components/navigation-menu/NavigationMenu.tsx","../src/components/navigation-menu/NavigationMenuContent.tsx","../src/components/navigation-menu/NavigationMenuItem.tsx","../src/components/navigation-menu/NavigationMenuLink.tsx","../src/components/navigation-menu/NavigationMenuList.tsx","../src/components/navigation-menu/navigationMenuTriggerStyle.ts","../src/components/navigation-menu/NavigationMenuTrigger.tsx","../src/components/navigation-menu/index.ts"],"names":["jsx","useMemo"],"mappings":"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","file":"chunk-6ZXYDBPR.js","sourcesContent":["import { type signal } from \"@preact/signals\";\nimport { createContext } from \"preact\";\nimport { useContext } from \"preact/hooks\";\n\nexport type NavigationMenuRootContextValue = {\n  openValue: ReturnType<typeof signal<string | null>>;\n  delayDuration: number;\n  skipDelayDuration: number;\n  rootRef: { current: HTMLElement | null };\n  openTimerRef: { current: ReturnType<typeof setTimeout> | null };\n  closeTimerRef: { current: ReturnType<typeof setTimeout> | null };\n  lastOpenAtRef: { current: number };\n  requestOpen: (itemValue: string) => void;\n  requestClose: (delayMs?: number) => void;\n  clearTimers: () => void;\n  toggleItem: (itemValue: string) => void;\n};\n\nexport const NavigationMenuRootContext = createContext<NavigationMenuRootContextValue | null>(null);\n\nexport const useNavigationMenuRoot = () => {\n  const ctx = useContext(NavigationMenuRootContext);\n  if (!ctx) throw new Error(\"NavigationMenu subcomponents must be used within NavigationMenu\");\n  return ctx;\n};\n\nexport type NavigationMenuItemContextValue = {\n  value: string;\n};\n\nexport const NavigationMenuItemContext = createContext<NavigationMenuItemContextValue | null>(null);\n\nexport const useNavigationMenuItemCtx = () => {\n  const ctx = useContext(NavigationMenuItemContext);\n  if (!ctx) throw new Error(\"NavigationMenuTrigger and NavigationMenuContent must be inside NavigationMenuItem\");\n  return ctx;\n};\n","import { signal } from \"@preact/signals\";\nimport { useEffect, useMemo, useRef } from \"preact/hooks\";\nimport type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { createDismissableLayer } from \"../../lib/interactive\";\nimport { NavigationMenuRootContext, type NavigationMenuRootContextValue } from \"./navigation-menu-context\";\n\nexport type NavigationMenuProps = JSX.HTMLAttributes<HTMLElement> & {\n  children?: ComponentChildren;\n  /** Delay before opening a submenu on hover (ms). */\n  delayDuration?: number;\n  /** After opening, subsequent opens skip the delay for this many ms. */\n  skipDelayDuration?: number;\n  /** Passed to the root `nav` for RTL. */\n  dir?: \"ltr\" | \"rtl\";\n};\n\nexport const NavigationMenu = ({\n  class: className,\n  children,\n  delayDuration = 200,\n  skipDelayDuration = 300,\n  dir,\n  ...rest\n}: NavigationMenuProps) => {\n  const openValue = useMemo(() => signal<string | null>(null), []);\n  const rootRef = useRef<HTMLElement | null>(null);\n  const openTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const closeTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const lastOpenAtRef = useRef(0);\n\n  const ctx = useMemo<NavigationMenuRootContextValue>(() => {\n    const clearTimers = () => {\n      if (openTimerRef.current) {\n        clearTimeout(openTimerRef.current);\n        openTimerRef.current = null;\n      }\n      if (closeTimerRef.current) {\n        clearTimeout(closeTimerRef.current);\n        closeTimerRef.current = null;\n      }\n    };\n\n    return {\n      openValue,\n      delayDuration,\n      skipDelayDuration,\n      rootRef,\n      openTimerRef,\n      closeTimerRef,\n      lastOpenAtRef,\n      clearTimers,\n      requestOpen: (itemValue: string) => {\n        clearTimers();\n        const now = Date.now();\n        const skip = now - lastOpenAtRef.current < skipDelayDuration && lastOpenAtRef.current > 0;\n        const run = () => {\n          openValue.value = itemValue;\n          lastOpenAtRef.current = Date.now();\n        };\n        if (skip || delayDuration <= 0) {\n          run();\n        } else {\n          openTimerRef.current = setTimeout(run, delayDuration);\n        }\n      },\n      requestClose: (delayMs = 120) => {\n        clearTimers();\n        closeTimerRef.current = setTimeout(() => {\n          openValue.value = null;\n          closeTimerRef.current = null;\n        }, delayMs);\n      },\n      toggleItem: (itemValue: string) => {\n        clearTimers();\n        openValue.value = openValue.value === itemValue ? null : itemValue;\n        if (openValue.value) lastOpenAtRef.current = Date.now();\n      }\n    };\n  }, [openValue, delayDuration, skipDelayDuration]);\n\n  useEffect(() => {\n    ctx.delayDuration = delayDuration;\n    ctx.skipDelayDuration = skipDelayDuration;\n  }, [ctx, delayDuration, skipDelayDuration]);\n\n  useEffect(() => {\n    const layer = createDismissableLayer({\n      root: () => rootRef.current,\n      open: () => openValue.value != null,\n      onDismiss: () => {\n        openValue.value = null;\n      }\n    });\n    return () => layer.dispose();\n  }, [openValue]);\n\n  return (\n    <NavigationMenuRootContext.Provider value={ctx}>\n      <nav\n        ref={rootRef}\n        data-slot=\"navigation-menu\"\n        aria-label=\"Main\"\n        dir={dir}\n        class={cn(\"relative z-10 flex max-w-max flex-1 items-center justify-center\", className)}\n        {...rest}\n      >\n        {children}\n      </nav>\n    </NavigationMenuRootContext.Provider>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { useNavigationMenuItemCtx, useNavigationMenuRoot } from \"./navigation-menu-context\";\n\nexport type NavigationMenuContentProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const NavigationMenuContent = ({\n  class: className,\n  children,\n  onPointerEnter,\n  onPointerLeave,\n  ...rest\n}: NavigationMenuContentProps) => {\n  const root = useNavigationMenuRoot();\n  const { value } = useNavigationMenuItemCtx();\n  const open = root.openValue.value === value;\n\n  const handlePointerEnter = (e: JSX.TargetedPointerEvent<HTMLDivElement>) => {\n    onPointerEnter?.(e);\n    root.clearTimers();\n  };\n\n  const handlePointerLeave = (e: JSX.TargetedPointerEvent<HTMLDivElement>) => {\n    onPointerLeave?.(e);\n    if (e.defaultPrevented) return;\n    root.requestClose();\n  };\n\n  return (\n    <div\n      data-slot=\"navigation-menu-content\"\n      data-state={open ? \"open\" : \"closed\"}\n      class={cn(\n        \"absolute start-0 top-full z-50 mt-1.5 w-max origin-top-start overflow-hidden rounded-md border border-border bg-popover p-2 text-popover-foreground shadow-md outline-none\",\n        \"transition-[opacity,transform] duration-200\",\n        open ? \"pointer-events-auto visible opacity-100\" : \"pointer-events-none invisible opacity-0\",\n        className\n      )}\n      onPointerEnter={handlePointerEnter}\n      onPointerLeave={handlePointerLeave}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n","import { useMemo } from \"preact/hooks\";\nimport type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { createIdFactory } from \"../../lib/interactive\";\nimport { NavigationMenuItemContext } from \"./navigation-menu-context\";\n\nconst nextItemValue = createIdFactory(\"nm-item\");\n\nexport type NavigationMenuItemProps = JSX.HTMLAttributes<HTMLLIElement> & {\n  children?: ComponentChildren;\n  /** Stable id for this branch; auto-generated when omitted. */\n  value?: string;\n};\n\nexport const NavigationMenuItem = ({ class: className, children, value: valueProp, ...rest }: NavigationMenuItemProps) => {\n  const value = useMemo(() => nextItemValue(valueProp), [valueProp]);\n\n  return (\n    <NavigationMenuItemContext.Provider value={{ value }}>\n      <li data-slot=\"navigation-menu-item\" class={cn(\"relative\", className)} {...rest}>\n        {children}\n      </li>\n    </NavigationMenuItemContext.Provider>\n  );\n};\n","import { cloneElement, isValidElement, type ComponentChildren, type JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { useNavigationMenuItemCtx, useNavigationMenuRoot } from \"./navigation-menu-context\";\n\nexport type NavigationMenuLinkProps = JSX.AnchorHTMLAttributes<HTMLAnchorElement> & {\n  active?: boolean;\n  children?: ComponentChildren;\n  asChild?: boolean;\n};\n\nconst callRef = <T extends HTMLElement>(ref: unknown, node: T | null) => {\n  if (typeof ref === \"function\") {\n    ref(node);\n  } else if (ref && typeof ref === \"object\" && \"current\" in ref) {\n    (ref as { current: T | null }).current = node;\n  }\n};\n\nexport const NavigationMenuLink = ({\n  class: className,\n  active = false,\n  asChild = false,\n  children,\n  onClick,\n  ref: outerRef,\n  ...rest\n}: NavigationMenuLinkProps) => {\n  const root = useNavigationMenuRoot();\n  const { value } = useNavigationMenuItemCtx();\n  const open = root.openValue.value === value;\n\n  const linkClass = cn(\n    \"block select-none rounded-sm px-3 py-2 text-sm no-underline outline-none transition-colors\",\n    \"hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground\",\n    active ? \"bg-accent text-accent-foreground\" : \"\",\n    className\n  );\n\n  const handleClick = (event: JSX.TargetedMouseEvent<HTMLElement>) => {\n    onClick?.(event as JSX.TargetedMouseEvent<HTMLAnchorElement>);\n    if (event.defaultPrevented) return;\n    root.clearTimers();\n    root.openValue.value = null;\n  };\n\n  if (asChild) {\n    if (!isValidElement(children)) return null;\n    const childProps = (children.props ?? {}) as JSX.HTMLAttributes<HTMLElement> & {\n      ref?: unknown;\n      onClick?: (event: JSX.TargetedMouseEvent<HTMLElement>) => void;\n      class?: string;\n      className?: string;\n    };\n    const mergedClass = cn(linkClass, childProps.class, childProps.className);\n    return cloneElement(children, {\n      ...(childProps as Record<string, unknown>),\n      ...(rest as Record<string, unknown>),\n      \"data-slot\": \"navigation-menu-link\",\n      \"data-active\": active ? \"\" : undefined,\n      \"data-state\": open ? \"open\" : \"closed\",\n      class: mergedClass,\n      onClick: (event: JSX.TargetedMouseEvent<HTMLElement>) => {\n        childProps.onClick?.(event);\n        handleClick(event);\n      },\n      ref: (node: HTMLElement | null) => {\n        callRef(childProps.ref, node);\n        callRef(outerRef, node);\n      }\n    } as never);\n  }\n\n  return (\n    <a\n      ref={(node) => callRef(outerRef, node)}\n      data-slot=\"navigation-menu-link\"\n      data-active={active ? \"\" : undefined}\n      data-state={open ? \"open\" : \"closed\"}\n      aria-current={active ? \"page\" : undefined}\n      class={linkClass}\n      onClick={(e) => handleClick(e as unknown as JSX.TargetedMouseEvent<HTMLElement>)}\n      {...rest}\n    >\n      {children}\n    </a>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type NavigationMenuListProps = JSX.HTMLAttributes<HTMLUListElement> & {\n  children?: ComponentChildren;\n};\n\nexport const NavigationMenuList = ({ class: className, children, ...rest }: NavigationMenuListProps) => (\n  <ul\n    data-slot=\"navigation-menu-list\"\n    class={cn(\"group flex flex-1 list-none items-center justify-center gap-1\", className)}\n    {...rest}\n  >\n    {children}\n  </ul>\n);\n","import { tv } from \"tailwind-variants\";\n\n/** Matches shadcn `navigationMenuTriggerStyle()` for use on `NavigationMenuLink` with `asChild`. */\nexport const navigationMenuTriggerStyle = tv({\n  base: [\n    \"group inline-flex h-9 w-max items-center justify-center gap-1 rounded-md bg-background px-4 py-2 text-sm font-medium outline-none\",\n    \"transition-[color,box-shadow] hover:bg-accent hover:text-accent-foreground\",\n    \"focus:bg-accent focus:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-outline/50 focus-visible:outline-1\",\n    \"disabled:pointer-events-none disabled:opacity-50\",\n    \"data-[state=open]:bg-accent/50 data-[state=open]:text-accent-foreground data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent\"\n  ]\n});\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { useNavigationMenuItemCtx, useNavigationMenuRoot } from \"./navigation-menu-context\";\nimport { navigationMenuTriggerStyle } from \"./navigationMenuTriggerStyle\";\n\nconst ChevronDownIcon = ({ class: className }: { class?: string }) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"2\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n    aria-hidden\n    class={cn(\"size-4 shrink-0 transition duration-200 group-data-[state=open]:rotate-180 rtl:-rotate-180 group-data-[state=open]:rtl:rotate-0\", className)}\n  >\n    <path d=\"m6 9 6 6 6-6\" />\n  </svg>\n);\n\nexport type NavigationMenuTriggerProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n  children?: ComponentChildren;\n};\n\nexport const NavigationMenuTrigger = ({ class: className, children, onClick, onPointerEnter, onPointerLeave, ...rest }: NavigationMenuTriggerProps) => {\n  const root = useNavigationMenuRoot();\n  const { value } = useNavigationMenuItemCtx();\n  const open = root.openValue.value === value;\n\n  const handlePointerEnter = (e: JSX.TargetedPointerEvent<HTMLButtonElement>) => {\n    onPointerEnter?.(e);\n    if (e.defaultPrevented) return;\n    root.requestOpen(value);\n  };\n\n  const handlePointerLeave = (e: JSX.TargetedPointerEvent<HTMLButtonElement>) => {\n    onPointerLeave?.(e);\n    if (e.defaultPrevented) return;\n    root.requestClose();\n  };\n\n  const handleClick = (e: JSX.TargetedMouseEvent<HTMLButtonElement>) => {\n    onClick?.(e);\n    if (e.defaultPrevented) return;\n    root.toggleItem(value);\n  };\n\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"navigation-menu-trigger\"\n      data-state={open ? \"open\" : \"closed\"}\n      aria-expanded={open}\n      class={cn(navigationMenuTriggerStyle(), \"group\", className)}\n      onPointerEnter={handlePointerEnter}\n      onPointerLeave={handlePointerLeave}\n      onClick={handleClick}\n      {...rest}\n    >\n      {children}\n      <ChevronDownIcon />\n    </button>\n  );\n};\n","import { NavigationMenu } from \"./NavigationMenu\";\nimport { NavigationMenuContent } from \"./NavigationMenuContent\";\nimport { NavigationMenuItem } from \"./NavigationMenuItem\";\nimport { NavigationMenuLink } from \"./NavigationMenuLink\";\nimport { NavigationMenuList } from \"./NavigationMenuList\";\nimport { NavigationMenuTrigger } from \"./NavigationMenuTrigger\";\nimport { navigationMenuTriggerStyle } from \"./navigationMenuTriggerStyle\";\n\nexport {\n  NavigationMenu,\n  NavigationMenuContent,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuTrigger,\n  navigationMenuTriggerStyle\n};\n\nexport type { NavigationMenuProps } from \"./NavigationMenu\";\nexport type { NavigationMenuContentProps } from \"./NavigationMenuContent\";\nexport type { NavigationMenuItemProps } from \"./NavigationMenuItem\";\nexport type { NavigationMenuLinkProps } from \"./NavigationMenuLink\";\nexport type { NavigationMenuListProps } from \"./NavigationMenuList\";\nexport type { NavigationMenuTriggerProps } from \"./NavigationMenuTrigger\";\n\nexport default {\n  Root: NavigationMenu,\n  List: NavigationMenuList,\n  Item: NavigationMenuItem,\n  Link: NavigationMenuLink,\n  Trigger: NavigationMenuTrigger,\n  Content: NavigationMenuContent\n};\n"]}

package/dist/chunk-7E2ZPDVI.js

@@ -0,0 +1,224 @@
+import { cn } from './chunk-OMXWBB67.js';
+import { signal } from '@preact/signals';
+import { createContext } from 'preact';
+import { useContext, useMemo, useCallback, useRef, useLayoutEffect } from 'preact/hooks';
+import { jsx, jsxs } from 'preact/jsx-runtime';
+
+var CommandContext = createContext(null);
+var useCommand = () => {
+  const context = useContext(CommandContext);
+  if (!context) throw new Error("Command subcomponents must be used within Command");
+  return context;
+};
+var Command = ({
+  class: className,
+  children,
+  autoHighlight = false,
+  query: queryProp,
+  hasVisibleItems: hasVisibleProp,
+  ...rest
+}) => {
+  const internalQuery = useMemo(() => signal(""), []);
+  const query = queryProp ?? internalQuery;
+  const internalHas = useMemo(() => signal(true), []);
+  const hasVisibleItems = hasVisibleProp ?? internalHas;
+  const highlightedIndex = useMemo(() => signal(-1), []);
+  const listRef = useMemo(() => ({ current: null }), []);
+  const moveHighlight = useCallback(
+    (delta) => {
+      const root = listRef.current;
+      if (!root || !autoHighlight) return;
+      const nodes = [...root.querySelectorAll('[data-slot="command-item"][data-match="true"]')];
+      if (nodes.length === 0) return;
+      let idx = highlightedIndex.value;
+      if (idx < 0) idx = delta > 0 ? 0 : nodes.length - 1;
+      else idx = (idx + delta + nodes.length) % nodes.length;
+      highlightedIndex.value = idx;
+    },
+    [autoHighlight, highlightedIndex, listRef]
+  );
+  const activateHighlighted = useCallback(() => {
+    if (!autoHighlight) return;
+    const root = listRef.current;
+    if (!root) return;
+    const nodes = [...root.querySelectorAll('[data-slot="command-item"][data-match="true"]')];
+    if (nodes.length === 0) return;
+    let idx = highlightedIndex.value;
+    if (idx < 0 || idx >= nodes.length) idx = 0;
+    nodes[idx]?.click();
+  }, [autoHighlight, highlightedIndex, listRef]);
+  const contextValue = useMemo(
+    () => ({
+      query,
+      hasVisibleItems,
+      autoHighlight,
+      highlightedIndex,
+      listRef,
+      moveHighlight,
+      activateHighlighted
+    }),
+    [query, hasVisibleItems, autoHighlight, highlightedIndex, listRef, moveHighlight, activateHighlighted]
+  );
+  return /* @__PURE__ */ jsx(CommandContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx("div", { "data-slot": "command", class: cn("w-full rounded-md border bg-popover text-popover-foreground", className), ...rest, children }) });
+};
+var CommandEmpty = ({ children, class: className, ...rest }) => {
+  const { query, hasVisibleItems } = useCommand();
+  void hasVisibleItems.value;
+  if (!(query.value ?? "").trim()) return null;
+  if (hasVisibleItems.value) return null;
+  return /* @__PURE__ */ jsx("div", { "data-slot": "command-empty", class: cn("p-2 text-sm text-muted-foreground", className), ...rest, children });
+};
+var CommandGroup = ({ heading, class: className, children, ...rest }) => /* @__PURE__ */ jsxs(
+  "div",
+  {
+    "data-slot": "command-group",
+    role: "presentation",
+    class: cn("text-foreground overflow-hidden p-1", className),
+    ...rest,
+    children: [
+      heading ? /* @__PURE__ */ jsx("div", { class: "text-muted-foreground px-2 py-1.5 text-xs font-medium", "data-slot": "command-group-heading", children: heading }) : null,
+      /* @__PURE__ */ jsx("div", { class: "space-y-0.5", role: "group", children })
+    ]
+  }
+);
+var CommandInput = ({ class: className, onInput, onKeyDown, ...rest }) => {
+  const { query, autoHighlight, moveHighlight, activateHighlighted } = useCommand();
+  void query.value;
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      "data-slot": "command-input",
+      class: cn("h-10 w-full border-b bg-transparent px-3 text-sm outline-none", className),
+      value: query.value,
+      onInput: (event) => {
+        query.value = event.currentTarget.value;
+        onInput?.(event);
+      },
+      onKeyDown: (event) => {
+        if (autoHighlight) {
+          if (event.key === "ArrowDown") {
+            event.preventDefault();
+            moveHighlight(1);
+            return;
+          }
+          if (event.key === "ArrowUp") {
+            event.preventDefault();
+            moveHighlight(-1);
+            return;
+          }
+          if (event.key === "Enter") {
+            event.preventDefault();
+            activateHighlighted();
+            return;
+          }
+        }
+        onKeyDown?.(event);
+      },
+      ...rest
+    }
+  );
+};
+var CommandItem = ({
+  class: className,
+  value,
+  children,
+  disabled,
+  onClick,
+  onSelect,
+  ...rest
+}) => {
+  const { query } = useCommand();
+  const q = (query.value ?? "").trim().toLowerCase();
+  const textMatch = !q || value.toLowerCase().includes(q);
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "data-slot": "command-item",
+      "data-match": textMatch ? "true" : "false",
+      disabled,
+      class: cn(
+        "flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-start text-sm outline-none",
+        "hover:bg-accent hover:text-accent-foreground",
+        "focus:bg-accent focus:text-accent-foreground",
+        "data-[highlighted=true]:bg-accent data-[highlighted=true]:text-accent-foreground",
+        "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        !textMatch && "hidden",
+        className
+      ),
+      onClick: (event) => {
+        onClick?.(event);
+        if (event.defaultPrevented) return;
+        onSelect?.(value);
+      },
+      ...rest,
+      children
+    }
+  );
+};
+var CommandList = ({ class: className, children, onMount, ...rest }) => {
+  const { query, hasVisibleItems, autoHighlight, highlightedIndex, listRef } = useCommand();
+  const prevQueryRef = useRef(null);
+  void query.value;
+  void highlightedIndex.value;
+  useLayoutEffect(() => {
+    const root = listRef.current;
+    if (!root) return;
+    const nodes = [...root.querySelectorAll('[data-slot="command-item"][data-match="true"]')];
+    hasVisibleItems.value = nodes.length > 0;
+    if (!autoHighlight) {
+      root.querySelectorAll('[data-slot="command-item"]').forEach((el) => el.removeAttribute("data-highlighted"));
+      prevQueryRef.current = query.value;
+      return;
+    }
+    const queryBumped = prevQueryRef.current !== query.value;
+    prevQueryRef.current = query.value;
+    let idx = highlightedIndex.value;
+    if (queryBumped) {
+      idx = nodes.length > 0 ? 0 : -1;
+      highlightedIndex.value = idx;
+    } else {
+      if (nodes.length === 0) {
+        highlightedIndex.value = -1;
+        idx = -1;
+      } else if (idx >= nodes.length) {
+        idx = nodes.length - 1;
+        highlightedIndex.value = idx;
+      } else if (idx < 0) {
+        idx = 0;
+        highlightedIndex.value = idx;
+      }
+    }
+    root.querySelectorAll('[data-slot="command-item"]').forEach((el) => el.removeAttribute("data-highlighted"));
+    if (idx >= 0 && nodes[idx]) {
+      nodes[idx].setAttribute("data-highlighted", "true");
+      nodes[idx].scrollIntoView({ block: "nearest" });
+    }
+  }, [query.value, highlightedIndex.value, autoHighlight]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: (node) => {
+        listRef.current = node;
+        onMount?.(node);
+      },
+      "data-slot": "command-list",
+      class: cn("max-h-72 overflow-y-auto overflow-x-hidden p-1", className),
+      ...rest,
+      children
+    }
+  );
+};
+var CommandSeparator = ({ class: className, ...rest }) => /* @__PURE__ */ jsx(
+  "hr",
+  {
+    "data-slot": "command-separator",
+    class: cn("bg-border -mx-1 my-1 h-px border-0", className),
+    ...rest
+  }
+);
+
+export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, useCommand };
+//# sourceMappingURL=chunk-7E2ZPDVI.js.map
+//# sourceMappingURL=chunk-7E2ZPDVI.js.map

package/dist/chunk-7E2ZPDVI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/command/Command.tsx","../src/components/command/CommandEmpty.tsx","../src/components/command/CommandGroup.tsx","../src/components/command/CommandInput.tsx","../src/components/command/CommandItem.tsx","../src/components/command/CommandList.tsx","../src/components/command/CommandSeparator.tsx"],"names":["jsx"],"mappings":"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","file":"chunk-7E2ZPDVI.js","sourcesContent":["import { signal, type Signal } from \"@preact/signals\";\nimport { createContext } from \"preact\";\nimport { useCallback, useContext, useMemo } from \"preact/hooks\";\nimport type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type CommandContextValue = {\n  query: Signal<string>;\n  hasVisibleItems: Signal<boolean>;\n  autoHighlight: boolean;\n  highlightedIndex: Signal<number>;\n  listRef: { current: HTMLDivElement | null };\n  moveHighlight: (delta: number) => void;\n  activateHighlighted: () => void;\n};\n\nconst CommandContext = createContext<CommandContextValue | null>(null);\n\nexport const useCommand = () => {\n  const context = useContext(CommandContext);\n  if (!context) throw new Error(\"Command subcomponents must be used within Command\");\n  return context;\n};\n\nexport type CommandProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n  /** First visible item gets `data-highlighted`; enables ArrowUp/Down + Enter in `CommandInput`. */\n  autoHighlight?: boolean;\n  /** External filter signal (e.g. combobox inline input shares query with the list). */\n  query?: Signal<string>;\n  /** External visibility signal; updated by `CommandList` when provided. */\n  hasVisibleItems?: Signal<boolean>;\n};\n\nexport const Command = ({\n  class: className,\n  children,\n  autoHighlight = false,\n  query: queryProp,\n  hasVisibleItems: hasVisibleProp,\n  ...rest\n}: CommandProps) => {\n  const internalQuery = useMemo(() => signal(\"\"), []);\n  const query = queryProp ?? internalQuery;\n  const internalHas = useMemo(() => signal(true), []);\n  const hasVisibleItems = hasVisibleProp ?? internalHas;\n  const highlightedIndex = useMemo(() => signal(-1), []);\n  const listRef = useMemo(() => ({ current: null as HTMLDivElement | null }), []);\n\n  const moveHighlight = useCallback(\n    (delta: number) => {\n      const root = listRef.current;\n      if (!root || !autoHighlight) return;\n      const nodes = [...root.querySelectorAll<HTMLElement>('[data-slot=\"command-item\"][data-match=\"true\"]')];\n      if (nodes.length === 0) return;\n      let idx = highlightedIndex.value;\n      if (idx < 0) idx = delta > 0 ? 0 : nodes.length - 1;\n      else idx = (idx + delta + nodes.length) % nodes.length;\n      highlightedIndex.value = idx;\n    },\n    [autoHighlight, highlightedIndex, listRef]\n  );\n\n  const activateHighlighted = useCallback(() => {\n    if (!autoHighlight) return;\n    const root = listRef.current;\n    if (!root) return;\n    const nodes = [...root.querySelectorAll<HTMLElement>('[data-slot=\"command-item\"][data-match=\"true\"]')];\n    if (nodes.length === 0) return;\n    let idx = highlightedIndex.value;\n    if (idx < 0 || idx >= nodes.length) idx = 0;\n    nodes[idx]?.click();\n  }, [autoHighlight, highlightedIndex, listRef]);\n\n  const contextValue = useMemo<CommandContextValue>(\n    () => ({\n      query,\n      hasVisibleItems,\n      autoHighlight,\n      highlightedIndex,\n      listRef,\n      moveHighlight,\n      activateHighlighted\n    }),\n    [query, hasVisibleItems, autoHighlight, highlightedIndex, listRef, moveHighlight, activateHighlighted]\n  );\n\n  return (\n    <CommandContext.Provider value={contextValue}>\n      <div data-slot=\"command\" class={cn(\"w-full rounded-md border bg-popover text-popover-foreground\", className)} {...rest}>\n        {children}\n      </div>\n    </CommandContext.Provider>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { useCommand } from \"./Command\";\n\nexport type CommandEmptyProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const CommandEmpty = ({ children, class: className, ...rest }: CommandEmptyProps) => {\n  const { query, hasVisibleItems } = useCommand();\n  void hasVisibleItems.value;\n\n  if (!(query.value ?? \"\").trim()) return null;\n  if (hasVisibleItems.value) return null;\n\n  return (\n    <div data-slot=\"command-empty\" class={cn(\"p-2 text-sm text-muted-foreground\", className)} {...rest}>\n      {children}\n    </div>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type CommandGroupProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  heading?: string;\n  children?: ComponentChildren;\n};\n\nexport const CommandGroup = ({ heading, class: className, children, ...rest }: CommandGroupProps) => (\n  <div\n    data-slot=\"command-group\"\n    role=\"presentation\"\n    class={cn(\"text-foreground overflow-hidden p-1\", className)}\n    {...rest}\n  >\n    {heading ? (\n      <div class=\"text-muted-foreground px-2 py-1.5 text-xs font-medium\" data-slot=\"command-group-heading\">\n        {heading}\n      </div>\n    ) : null}\n    <div class=\"space-y-0.5\" role=\"group\">\n      {children}\n    </div>\n  </div>\n);\n","import type { JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { useCommand } from \"./Command\";\n\nexport type CommandInputProps = JSX.InputHTMLAttributes<HTMLInputElement>;\n\nexport const CommandInput = ({ class: className, onInput, onKeyDown, ...rest }: CommandInputProps) => {\n  const { query, autoHighlight, moveHighlight, activateHighlighted } = useCommand();\n  void query.value;\n  return (\n    <input\n      data-slot=\"command-input\"\n      class={cn(\"h-10 w-full border-b bg-transparent px-3 text-sm outline-none\", className)}\n      value={query.value}\n      onInput={(event) => {\n        query.value = event.currentTarget.value;\n        onInput?.(event);\n      }}\n      onKeyDown={(event) => {\n        if (autoHighlight) {\n          if (event.key === \"ArrowDown\") {\n            event.preventDefault();\n            moveHighlight(1);\n            return;\n          }\n          if (event.key === \"ArrowUp\") {\n            event.preventDefault();\n            moveHighlight(-1);\n            return;\n          }\n          if (event.key === \"Enter\") {\n            event.preventDefault();\n            activateHighlighted();\n            return;\n          }\n        }\n        onKeyDown?.(event);\n      }}\n      {...rest}\n    />\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { useCommand } from \"./Command\";\n\nexport type CommandItemProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n  /** Used for case-insensitive filtering against the query. */\n  value: string;\n  children?: ComponentChildren;\n  onSelect?: (value: string) => void;\n};\n\nexport const CommandItem = ({\n  class: className,\n  value,\n  children,\n  disabled,\n  onClick,\n  onSelect,\n  ...rest\n}: CommandItemProps) => {\n  const { query } = useCommand();\n  const q = (query.value ?? \"\").trim().toLowerCase();\n  const textMatch = !q || value.toLowerCase().includes(q);\n\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"command-item\"\n      data-match={textMatch ? \"true\" : \"false\"}\n      disabled={disabled}\n      class={cn(\n        \"flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-start text-sm outline-none\",\n        \"hover:bg-accent hover:text-accent-foreground\",\n        \"focus:bg-accent focus:text-accent-foreground\",\n        \"data-[highlighted=true]:bg-accent data-[highlighted=true]:text-accent-foreground\",\n        \"data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n        \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        !textMatch && \"hidden\",\n        className\n      )}\n      onClick={(event) => {\n        onClick?.(event);\n        if (event.defaultPrevented) return;\n        onSelect?.(value);\n      }}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n};\n","import { useLayoutEffect, useRef } from \"preact/hooks\";\nimport type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { useCommand } from \"./Command\";\n\nexport type CommandListProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n  /** Notified when the list root mounts (e.g. combobox inline input forwards keyboard to the list). */\n  onMount?: (el: HTMLDivElement | null) => void;\n};\n\nexport const CommandList = ({ class: className, children, onMount, ...rest }: CommandListProps) => {\n  const { query, hasVisibleItems, autoHighlight, highlightedIndex, listRef } = useCommand();\n  const prevQueryRef = useRef<string | null>(null);\n\n  void query.value;\n  void highlightedIndex.value;\n\n  useLayoutEffect(() => {\n    const root = listRef.current;\n    if (!root) return;\n\n    const nodes = [...root.querySelectorAll<HTMLElement>('[data-slot=\"command-item\"][data-match=\"true\"]')];\n    hasVisibleItems.value = nodes.length > 0;\n\n    if (!autoHighlight) {\n      root.querySelectorAll('[data-slot=\"command-item\"]').forEach((el) => el.removeAttribute(\"data-highlighted\"));\n      prevQueryRef.current = query.value;\n      return;\n    }\n\n    const queryBumped = prevQueryRef.current !== query.value;\n    prevQueryRef.current = query.value;\n\n    let idx = highlightedIndex.value;\n    if (queryBumped) {\n      idx = nodes.length > 0 ? 0 : -1;\n      highlightedIndex.value = idx;\n    } else {\n      if (nodes.length === 0) {\n        highlightedIndex.value = -1;\n        idx = -1;\n      } else if (idx >= nodes.length) {\n        idx = nodes.length - 1;\n        highlightedIndex.value = idx;\n      } else if (idx < 0) {\n        idx = 0;\n        highlightedIndex.value = idx;\n      }\n    }\n\n    root.querySelectorAll('[data-slot=\"command-item\"]').forEach((el) => el.removeAttribute(\"data-highlighted\"));\n    if (idx >= 0 && nodes[idx]) {\n      nodes[idx].setAttribute(\"data-highlighted\", \"true\");\n      nodes[idx].scrollIntoView({ block: \"nearest\" });\n    }\n  }, [query.value, highlightedIndex.value, autoHighlight]);\n\n  return (\n    <div\n      ref={(node) => {\n        listRef.current = node;\n        onMount?.(node);\n      }}\n      data-slot=\"command-list\"\n      class={cn(\"max-h-72 overflow-y-auto overflow-x-hidden p-1\", className)}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n","import type { JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type CommandSeparatorProps = JSX.HTMLAttributes<HTMLHRElement>;\n\nexport const CommandSeparator = ({ class: className, ...rest }: CommandSeparatorProps) => (\n  <hr\n    data-slot=\"command-separator\"\n    class={cn(\"bg-border -mx-1 my-1 h-px border-0\", className)}\n    {...rest}\n  />\n);\n"]}