@kamod-ui/core 0.1.0

package/dist/chunk-6FTWMOHU.js

@@ -0,0 +1,478 @@
+import { createIdFactory, createDismissableLayer } from './chunk-HEQRODRF.js';
+import { cn } from './chunk-OMXWBB67.js';
+import { signal } from '@preact/signals';
+import { createContext } from 'preact';
+import { useRef, useMemo, useEffect, useContext } from 'preact/hooks';
+import { jsx, jsxs } from 'preact/jsx-runtime';
+
+var SelectContext = createContext(null);
+var useSelect = () => {
+  const context = useContext(SelectContext);
+  if (!context) throw new Error("Select subcomponents must be used within Select");
+  return context;
+};
+var Select = ({
+  defaultValue,
+  value,
+  onValueChange,
+  children,
+  class: className,
+  ...rest
+}) => {
+  const rootRef = useRef(null);
+  const triggerRef = useRef(null);
+  const itemsRef = useRef([]);
+  const idFactory = useMemo(() => createIdFactory("select"), []);
+  const triggerId = useMemo(() => idFactory(), [idFactory]);
+  const contentId = useMemo(() => idFactory(), [idFactory]);
+  const open = useMemo(() => signal(false), []);
+  const isControlled = typeof value === "string";
+  const selectedValue = useMemo(() => signal(value ?? defaultValue ?? null), []);
+  const activeItemId = useMemo(() => signal(null), []);
+  useEffect(() => {
+    if (isControlled) {
+      selectedValue.value = value ?? null;
+    }
+  }, [isControlled, value]);
+  useEffect(() => {
+    const layer = createDismissableLayer({
+      root: () => rootRef.current,
+      open: () => open.value,
+      onDismiss: () => {
+        open.value = false;
+        activeItemId.value = null;
+      }
+    });
+    return () => layer.dispose();
+  }, []);
+  const getEnabledItems = () => itemsRef.current.filter((item) => !item.disabled && item.ref && item.ref.isConnected);
+  const focusActiveItem = () => {
+    const active = itemsRef.current.find((item) => item.id === activeItemId.value && !item.disabled);
+    active?.ref?.focus();
+  };
+  const setActiveFromTarget = (target) => {
+    const enabledItems = getEnabledItems();
+    if (enabledItems.length === 0) {
+      activeItemId.value = null;
+      return;
+    }
+    if (target === "first") {
+      activeItemId.value = enabledItems[0]?.id ?? null;
+      return;
+    }
+    if (target === "last") {
+      activeItemId.value = enabledItems[enabledItems.length - 1]?.id ?? null;
+      return;
+    }
+    const selected = enabledItems.find((item) => item.value === selectedValue.value);
+    activeItemId.value = selected?.id ?? enabledItems[0]?.id ?? null;
+  };
+  const moveActive = (direction) => {
+    const enabledItems = getEnabledItems();
+    if (enabledItems.length === 0) {
+      activeItemId.value = null;
+      return;
+    }
+    if (direction === "first") {
+      activeItemId.value = enabledItems[0]?.id ?? null;
+      return;
+    }
+    if (direction === "last") {
+      activeItemId.value = enabledItems[enabledItems.length - 1]?.id ?? null;
+      return;
+    }
+    const currentIndex = enabledItems.findIndex((item) => item.id === activeItemId.value);
+    if (currentIndex < 0) {
+      activeItemId.value = enabledItems[0]?.id ?? null;
+      return;
+    }
+    const offset = direction === "next" ? 1 : -1;
+    const nextIndex = (currentIndex + offset + enabledItems.length) % enabledItems.length;
+    activeItemId.value = enabledItems[nextIndex]?.id ?? null;
+  };
+  const setSelected = (value2) => {
+    if (!isControlled) {
+      selectedValue.value = value2;
+    }
+    onValueChange?.(value2);
+    open.value = false;
+    activeItemId.value = null;
+  };
+  useEffect(() => {
+    if (!open.value) return;
+    setActiveFromTarget("selected");
+  }, [open.value, selectedValue.value]);
+  const openAndFocus = (target) => {
+    open.value = true;
+    setActiveFromTarget(target);
+    if (typeof requestAnimationFrame === "function") {
+      requestAnimationFrame(() => focusActiveItem());
+    } else {
+      focusActiveItem();
+    }
+  };
+  const closeAndFocusTrigger = () => {
+    open.value = false;
+    activeItemId.value = null;
+    triggerRef.current?.focus();
+  };
+  const registerItem = (item) => {
+    const index = itemsRef.current.findIndex((entry) => entry.id === item.id);
+    if (index >= 0) {
+      const next = [...itemsRef.current];
+      next[index] = item;
+      itemsRef.current = next;
+    } else {
+      itemsRef.current = [...itemsRef.current, item];
+    }
+    if (open.value && activeItemId.value === null && !item.disabled && item.ref?.isConnected) {
+      if (selectedValue.value === item.value || selectedValue.value === null) {
+        activeItemId.value = item.id;
+      }
+    }
+  };
+  const unregisterItem = (id) => {
+    itemsRef.current = itemsRef.current.filter((item) => item.id !== id);
+    if (activeItemId.value === id) {
+      activeItemId.value = null;
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    SelectContext.Provider,
+    {
+      value: {
+        open,
+        selectedValue,
+        activeItemId,
+        triggerId,
+        contentId,
+        setOpen: (next) => {
+          open.value = next;
+          if (!next) activeItemId.value = null;
+        },
+        setSelected,
+        openAndFocus,
+        closeAndFocusTrigger,
+        registerItem,
+        unregisterItem,
+        setActiveItemId: (id) => {
+          activeItemId.value = id;
+        },
+        moveActive,
+        focusActiveItem,
+        setTriggerNode: (node) => {
+          triggerRef.current = node;
+        }
+      },
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: rootRef,
+          class: cn("relative", className),
+          "data-slot": "select",
+          "data-state": open.value ? "open" : "closed",
+          ...rest,
+          children
+        }
+      )
+    }
+  );
+};
+var SelectContent = ({
+  forceMount = false,
+  children,
+  onKeyDown,
+  class: className,
+  ...rest
+}) => {
+  const select = useSelect();
+  if (!select.open.value && !forceMount) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      id: select.contentId,
+      role: "listbox",
+      "aria-labelledby": select.triggerId,
+      tabIndex: -1,
+      "data-slot": "select-content",
+      "data-state": select.open.value ? "open" : "closed",
+      "aria-activedescendant": select.activeItemId.value ?? void 0,
+      class: cn(
+        "bg-popover text-popover-foreground absolute left-0 right-0 top-full z-50 mt-1 flex max-h-72 flex-col overflow-hidden rounded-md border border-border p-1 shadow-md",
+        className
+      ),
+      onKeyDown: (event) => {
+        switch (event.key) {
+          case "ArrowDown":
+            event.preventDefault();
+            select.moveActive("next");
+            select.focusActiveItem();
+            break;
+          case "ArrowUp":
+            event.preventDefault();
+            select.moveActive("prev");
+            select.focusActiveItem();
+            break;
+          case "Home":
+            event.preventDefault();
+            select.moveActive("first");
+            select.focusActiveItem();
+            break;
+          case "End":
+            event.preventDefault();
+            select.moveActive("last");
+            select.focusActiveItem();
+            break;
+          case "Enter":
+          case " ":
+            event.preventDefault();
+            if (select.activeItemId.value) {
+              const active = document.getElementById(select.activeItemId.value);
+              active?.click();
+            }
+            break;
+          case "Escape":
+            event.preventDefault();
+            select.closeAndFocusTrigger();
+            break;
+          case "Tab":
+            select.setOpen(false);
+            break;
+        }
+        onKeyDown?.(event);
+      },
+      ...rest,
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          "data-slot": "select-viewport",
+          class: cn(
+            "flex min-h-0 min-w-0 flex-1 flex-col items-stretch overflow-x-hidden overflow-y-auto",
+            /* Classic scrollbars steal inline-end width → uneven highlight vs. padding. Hide bar; list still scrolls (wheel, trackpad, touch, Arrow/Home/End). */
+            "[scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden"
+          ),
+          children
+        }
+      )
+    }
+  );
+};
+var SelectGroup = ({ children, class: className, ...rest }) => /* @__PURE__ */ jsx("div", { "data-slot": "select-group", class: cn("p-1", className), ...rest, children });
+var SelectItem = ({
+  value,
+  disabled = false,
+  children,
+  id,
+  onClick,
+  onFocus,
+  onKeyDown,
+  onMouseMove,
+  class: className,
+  ...rest
+}) => {
+  const select = useSelect();
+  const itemRef = useRef(null);
+  const autoIdFactory = useMemo(() => createIdFactory("select-item"), []);
+  const explicitId = typeof id === "string" ? id : void 0;
+  const itemId = useMemo(() => autoIdFactory(explicitId), [autoIdFactory, explicitId]);
+  const selected = select.selectedValue.value === value;
+  const active = select.activeItemId.value === itemId;
+  useEffect(() => {
+    select.registerItem({
+      id: itemId,
+      value,
+      ref: itemRef.current,
+      disabled
+    });
+    return () => {
+      select.unregisterItem(itemId);
+    };
+  }, [itemId, value, disabled]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: itemRef,
+      id: itemId,
+      role: "option",
+      "data-slot": "select-item",
+      "data-highlighted": active ? "true" : void 0,
+      "data-disabled": disabled ? "true" : void 0,
+      "data-state": selected ? "checked" : "unchecked",
+      "aria-selected": selected,
+      "aria-disabled": disabled || void 0,
+      tabIndex: disabled ? -1 : active ? 0 : -1,
+      class: cn(
+        "relative flex w-full min-w-0 shrink-0 cursor-default select-none items-center rounded-none px-2 py-1.5 text-sm outline-none transition-colors [-webkit-tap-highlight-color:transparent]",
+        /* Solid full-row fill (no rounded corners that read as “gaps” against the popover) */
+        "hover:bg-accent hover:text-accent-foreground",
+        "focus:bg-accent focus:text-accent-foreground",
+        "data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50",
+        "data-[highlighted=true]:bg-accent data-[highlighted=true]:text-accent-foreground",
+        selected && "font-medium",
+        className
+      ),
+      onFocus: (event) => {
+        if (!disabled) select.setActiveItemId(itemId);
+        onFocus?.(event);
+      },
+      onMouseMove: (event) => {
+        if (!disabled) select.setActiveItemId(itemId);
+        onMouseMove?.(event);
+      },
+      onKeyDown: (event) => {
+        if (disabled) {
+          onKeyDown?.(event);
+          return;
+        }
+        if (event.key === "Enter" || event.key === " ") {
+          event.preventDefault();
+          select.setSelected(value);
+          select.closeAndFocusTrigger();
+        }
+        onKeyDown?.(event);
+      },
+      onClick: (event) => {
+        if (disabled) {
+          event.preventDefault();
+          return;
+        }
+        select.setSelected(value);
+        onClick?.(event);
+        select.closeAndFocusTrigger();
+      },
+      ...rest,
+      children
+    }
+  );
+};
+var SelectLabel = ({ children, class: className, ...rest }) => /* @__PURE__ */ jsx("div", { "data-slot": "select-label", class: cn("text-muted-foreground px-2 py-1.5 text-xs font-semibold", className), ...rest, children });
+var SelectSearch = ({ class: className, ...rest }) => /* @__PURE__ */ jsx(
+  "input",
+  {
+    type: "text",
+    "data-slot": "select-search",
+    class: cn(
+      "border-input bg-background placeholder:text-muted-foreground focus:ring-ring mb-1 h-8 w-full rounded-md border px-2.5 text-sm outline-none focus:ring-2",
+      className
+    ),
+    ...rest
+  }
+);
+var SelectSeparator = ({ class: className, ...rest }) => /* @__PURE__ */ jsx("div", { role: "separator", "data-slot": "select-separator", class: cn("bg-border my-1 h-px w-full shrink-0", className), ...rest });
+var SelectTrigger = ({ children, onClick, onKeyDown, ref, class: className, ...rest }) => {
+  const select = useSelect();
+  const setRefs = (node) => {
+    select.setTriggerNode(node);
+    if (typeof ref === "function") {
+      ref(node);
+      return;
+    }
+    if (ref && typeof ref === "object") {
+      ref.current = node;
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      ref: setRefs,
+      type: "button",
+      "data-slot": "select-trigger",
+      id: select.triggerId,
+      "aria-haspopup": "listbox",
+      "aria-controls": select.contentId,
+      "aria-expanded": select.open.value,
+      "data-state": select.open.value ? "open" : "closed",
+      class: cn(
+        "border-input bg-background dark:bg-input/30 placeholder:text-muted-foreground flex h-8 w-full items-center justify-between gap-2 rounded-md border px-3 py-1 text-sm shadow-xs outline-none transition-[color,box-shadow]",
+        "hover:border-foreground/15",
+        "focus-visible:border-outline focus-visible:ring-3 focus-visible:ring-outline/50",
+        "data-[state=open]:border-outline data-[state=open]:ring-3 data-[state=open]:ring-outline/50",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      onClick: (event) => {
+        select.setOpen(!select.open.value);
+        onClick?.(event);
+      },
+      onKeyDown: (event) => {
+        switch (event.key) {
+          case "ArrowDown":
+            event.preventDefault();
+            if (!select.open.value) {
+              select.openAndFocus("selected");
+            } else {
+              select.moveActive("next");
+              select.focusActiveItem();
+            }
+            break;
+          case "ArrowUp":
+            event.preventDefault();
+            if (!select.open.value) {
+              select.openAndFocus("last");
+            } else {
+              select.moveActive("prev");
+              select.focusActiveItem();
+            }
+            break;
+          case "Enter":
+          case " ":
+            event.preventDefault();
+            if (!select.open.value) {
+              select.openAndFocus("selected");
+            }
+            break;
+        }
+        onKeyDown?.(event);
+      },
+      ...rest,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            class: "text-muted-foreground pointer-events-none size-4 shrink-0 opacity-50",
+            children: /* @__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",
+                class: "size-4",
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" })
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+var SelectValue = ({ placeholder = "Select", children, class: className, ...rest }) => {
+  const select = useSelect();
+  return /* @__PURE__ */ jsx("span", { "data-slot": "select-value", class: cn("line-clamp-1 text-left", className), ...rest, children: children ?? select.selectedValue.value ?? placeholder });
+};
+
+// src/components/select/index.ts
+var select_default = {
+  Root: Select,
+  Trigger: SelectTrigger,
+  Content: SelectContent,
+  Group: SelectGroup,
+  Item: SelectItem,
+  Label: SelectLabel,
+  Search: SelectSearch,
+  Separator: SelectSeparator,
+  Value: SelectValue
+};
+
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSearch, SelectSeparator, SelectTrigger, SelectValue, select_default };
+//# sourceMappingURL=chunk-6FTWMOHU.js.map
+//# sourceMappingURL=chunk-6FTWMOHU.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/select/Select.tsx","../src/components/select/SelectContent.tsx","../src/components/select/SelectGroup.tsx","../src/components/select/SelectItem.tsx","../src/components/select/SelectLabel.tsx","../src/components/select/SelectSearch.tsx","../src/components/select/SelectSeparator.tsx","../src/components/select/SelectTrigger.tsx","../src/components/select/SelectValue.tsx","../src/components/select/index.ts"],"names":["value","jsx","useRef","useMemo","useEffect"],"mappings":"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","file":"chunk-6FTWMOHU.js","sourcesContent":["import { signal } from \"@preact/signals\";\nimport { createContext } from \"preact\";\nimport { useContext, useEffect, useMemo, useRef } from \"preact/hooks\";\nimport type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { createIdFactory, createDismissableLayer } from \"../../lib/interactive\";\n\ntype SelectItemRecord = {\n  id: string;\n  value: string;\n  ref: HTMLDivElement | null;\n  disabled: boolean;\n};\n\ntype SelectContextValue = {\n  open: ReturnType<typeof signal<boolean>>;\n  selectedValue: ReturnType<typeof signal<string | null>>;\n  activeItemId: ReturnType<typeof signal<string | null>>;\n  triggerId: string;\n  contentId: string;\n  setOpen: (next: boolean) => void;\n  setSelected: (value: string) => void;\n  openAndFocus: (target: \"selected\" | \"first\" | \"last\") => void;\n  closeAndFocusTrigger: () => void;\n  registerItem: (item: SelectItemRecord) => void;\n  unregisterItem: (id: string) => void;\n  setActiveItemId: (id: string | null) => void;\n  moveActive: (direction: \"next\" | \"prev\" | \"first\" | \"last\") => void;\n  focusActiveItem: () => void;\n  setTriggerNode: (node: HTMLButtonElement | null) => void;\n};\n\nconst SelectContext = createContext<SelectContextValue | null>(null);\n\nexport const useSelect = () => {\n  const context = useContext(SelectContext);\n  if (!context) throw new Error(\"Select subcomponents must be used within Select\");\n  return context;\n};\n\nexport type SelectProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  defaultValue?: string;\n  value?: string;\n  onValueChange?: (value: string) => void;\n  children?: ComponentChildren;\n};\n\nexport const Select = ({\n  defaultValue,\n  value,\n  onValueChange,\n  children,\n  class: className,\n  ...rest\n}: SelectProps) => {\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const triggerRef = useRef<HTMLButtonElement | null>(null);\n  const itemsRef = useRef<SelectItemRecord[]>([]);\n  const idFactory = useMemo(() => createIdFactory(\"select\"), []);\n  const triggerId = useMemo(() => idFactory(), [idFactory]);\n  const contentId = useMemo(() => idFactory(), [idFactory]);\n\n  const open = useMemo(() => signal(false), []);\n  const isControlled = typeof value === \"string\";\n  const selectedValue = useMemo(() => signal<string | null>(value ?? defaultValue ?? null), []);\n  const activeItemId = useMemo(() => signal<string | null>(null), []);\n\n  useEffect(() => {\n    if (isControlled) {\n      selectedValue.value = value ?? null;\n    }\n  }, [isControlled, value]);\n\n  useEffect(() => {\n    const layer = createDismissableLayer({\n      root: () => rootRef.current,\n      open: () => open.value,\n      onDismiss: () => {\n        open.value = false;\n        activeItemId.value = null;\n      }\n    });\n    return () => layer.dispose();\n  }, []);\n\n  const getEnabledItems = () =>\n    itemsRef.current.filter((item) => !item.disabled && item.ref && item.ref.isConnected);\n\n  const focusActiveItem = () => {\n    const active = itemsRef.current.find((item) => item.id === activeItemId.value && !item.disabled);\n    active?.ref?.focus();\n  };\n\n  const setActiveFromTarget = (target: \"selected\" | \"first\" | \"last\") => {\n    const enabledItems = getEnabledItems();\n    if (enabledItems.length === 0) {\n      activeItemId.value = null;\n      return;\n    }\n\n    if (target === \"first\") {\n      activeItemId.value = enabledItems[0]?.id ?? null;\n      return;\n    }\n\n    if (target === \"last\") {\n      activeItemId.value = enabledItems[enabledItems.length - 1]?.id ?? null;\n      return;\n    }\n\n    const selected = enabledItems.find((item) => item.value === selectedValue.value);\n    activeItemId.value = selected?.id ?? enabledItems[0]?.id ?? null;\n  };\n\n  const moveActive = (direction: \"next\" | \"prev\" | \"first\" | \"last\") => {\n    const enabledItems = getEnabledItems();\n    if (enabledItems.length === 0) {\n      activeItemId.value = null;\n      return;\n    }\n\n    if (direction === \"first\") {\n      activeItemId.value = enabledItems[0]?.id ?? null;\n      return;\n    }\n\n    if (direction === \"last\") {\n      activeItemId.value = enabledItems[enabledItems.length - 1]?.id ?? null;\n      return;\n    }\n\n    const currentIndex = enabledItems.findIndex((item) => item.id === activeItemId.value);\n    if (currentIndex < 0) {\n      activeItemId.value = enabledItems[0]?.id ?? null;\n      return;\n    }\n\n    const offset = direction === \"next\" ? 1 : -1;\n    const nextIndex = (currentIndex + offset + enabledItems.length) % enabledItems.length;\n    activeItemId.value = enabledItems[nextIndex]?.id ?? null;\n  };\n\n  const setSelected = (value: string) => {\n    if (!isControlled) {\n      selectedValue.value = value;\n    }\n    onValueChange?.(value);\n    open.value = false;\n    activeItemId.value = null;\n  };\n\n  useEffect(() => {\n    if (!open.value) return;\n    setActiveFromTarget(\"selected\");\n  }, [open.value, selectedValue.value]);\n\n  const openAndFocus = (target: \"selected\" | \"first\" | \"last\") => {\n    open.value = true;\n    setActiveFromTarget(target);\n    if (typeof requestAnimationFrame === \"function\") {\n      requestAnimationFrame(() => focusActiveItem());\n    } else {\n      focusActiveItem();\n    }\n  };\n\n  const closeAndFocusTrigger = () => {\n    open.value = false;\n    activeItemId.value = null;\n    triggerRef.current?.focus();\n  };\n\n  const registerItem = (item: SelectItemRecord) => {\n    const index = itemsRef.current.findIndex((entry) => entry.id === item.id);\n    if (index >= 0) {\n      const next = [...itemsRef.current];\n      next[index] = item;\n      itemsRef.current = next;\n    } else {\n      itemsRef.current = [...itemsRef.current, item];\n    }\n\n    if (open.value && activeItemId.value === null && !item.disabled && item.ref?.isConnected) {\n      if (selectedValue.value === item.value || selectedValue.value === null) {\n        activeItemId.value = item.id;\n      }\n    }\n  };\n\n  const unregisterItem = (id: string) => {\n    itemsRef.current = itemsRef.current.filter((item) => item.id !== id);\n    if (activeItemId.value === id) {\n      activeItemId.value = null;\n    }\n  };\n\n  return (\n    <SelectContext.Provider\n      value={{\n        open,\n        selectedValue,\n        activeItemId,\n        triggerId,\n        contentId,\n        setOpen: (next) => {\n          open.value = next;\n          if (!next) activeItemId.value = null;\n        },\n        setSelected,\n        openAndFocus,\n        closeAndFocusTrigger,\n        registerItem,\n        unregisterItem,\n        setActiveItemId: (id) => {\n          activeItemId.value = id;\n        },\n        moveActive,\n        focusActiveItem,\n        setTriggerNode: (node) => {\n          triggerRef.current = node;\n        }\n      }}\n    >\n      <div\n        ref={rootRef}\n        class={cn(\"relative\", className)}\n        data-slot=\"select\"\n        data-state={open.value ? \"open\" : \"closed\"}\n        {...rest}\n      >\n        {children}\n      </div>\n    </SelectContext.Provider>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { useSelect } from \"./Select\";\n\nexport type SelectContentProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  forceMount?: boolean;\n  children?: ComponentChildren;\n};\n\nexport const SelectContent = ({\n  forceMount = false,\n  children,\n  onKeyDown,\n  class: className,\n  ...rest\n}: SelectContentProps) => {\n  const select = useSelect();\n\n  if (!select.open.value && !forceMount) return null;\n  return (\n    <div\n      id={select.contentId}\n      role=\"listbox\"\n      aria-labelledby={select.triggerId}\n      tabIndex={-1}\n      data-slot=\"select-content\"\n      data-state={select.open.value ? \"open\" : \"closed\"}\n      aria-activedescendant={select.activeItemId.value ?? undefined}\n      class={cn(\n        \"bg-popover text-popover-foreground absolute left-0 right-0 top-full z-50 mt-1 flex max-h-72 flex-col overflow-hidden rounded-md border border-border p-1 shadow-md\",\n        className\n      )}\n      onKeyDown={(event) => {\n        switch (event.key) {\n          case \"ArrowDown\":\n            event.preventDefault();\n            select.moveActive(\"next\");\n            select.focusActiveItem();\n            break;\n          case \"ArrowUp\":\n            event.preventDefault();\n            select.moveActive(\"prev\");\n            select.focusActiveItem();\n            break;\n          case \"Home\":\n            event.preventDefault();\n            select.moveActive(\"first\");\n            select.focusActiveItem();\n            break;\n          case \"End\":\n            event.preventDefault();\n            select.moveActive(\"last\");\n            select.focusActiveItem();\n            break;\n          case \"Enter\":\n          case \" \":\n            event.preventDefault();\n            if (select.activeItemId.value) {\n              const active = document.getElementById(select.activeItemId.value) as HTMLDivElement | null;\n              active?.click();\n            }\n            break;\n          case \"Escape\":\n            event.preventDefault();\n            select.closeAndFocusTrigger();\n            break;\n          case \"Tab\":\n            select.setOpen(false);\n            break;\n          default:\n            break;\n        }\n        onKeyDown?.(event);\n      }}\n      {...rest}\n    >\n      {/* Padding lives on the outer shell; scrolling on the inner viewport avoids asymmetric layout when a scrollbar is present (padding + gutter on one element skews highlights). */}\n      <div\n        data-slot=\"select-viewport\"\n        class={cn(\n          \"flex min-h-0 min-w-0 flex-1 flex-col items-stretch overflow-x-hidden overflow-y-auto\",\n          /* Classic scrollbars steal inline-end width → uneven highlight vs. padding. Hide bar; list still scrolls (wheel, trackpad, touch, Arrow/Home/End). */\n          \"[scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden\"\n        )}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type SelectGroupProps = JSX.HTMLAttributes<HTMLDivElement> & { children?: ComponentChildren };\n\nexport const SelectGroup = ({ children, class: className, ...rest }: SelectGroupProps) => (\n  <div data-slot=\"select-group\" class={cn(\"p-1\", className)} {...rest}>\n    {children}\n  </div>\n);\n\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { useEffect, useMemo, useRef } from \"preact/hooks\";\nimport { createIdFactory } from \"../../lib/interactive\";\nimport { cn } from \"../../lib/utils\";\nimport { useSelect } from \"./Select\";\n\nexport type SelectItemProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  value: string;\n  disabled?: boolean;\n  children?: ComponentChildren;\n};\n\nexport const SelectItem = ({\n  value,\n  disabled = false,\n  children,\n  id,\n  onClick,\n  onFocus,\n  onKeyDown,\n  onMouseMove,\n  class: className,\n  ...rest\n}: SelectItemProps) => {\n  const select = useSelect();\n  const itemRef = useRef<HTMLDivElement | null>(null);\n  const autoIdFactory = useMemo(() => createIdFactory(\"select-item\"), []);\n  const explicitId = typeof id === \"string\" ? id : undefined;\n  const itemId = useMemo(() => autoIdFactory(explicitId), [autoIdFactory, explicitId]);\n  const selected = select.selectedValue.value === value;\n  const active = select.activeItemId.value === itemId;\n\n  useEffect(() => {\n    select.registerItem({\n      id: itemId,\n      value,\n      ref: itemRef.current,\n      disabled\n    });\n    return () => {\n      select.unregisterItem(itemId);\n    };\n  }, [itemId, value, disabled]);\n\n  return (\n    <div\n      ref={itemRef}\n      id={itemId}\n      role=\"option\"\n      data-slot=\"select-item\"\n      data-highlighted={active ? \"true\" : undefined}\n      data-disabled={disabled ? \"true\" : undefined}\n      data-state={selected ? \"checked\" : \"unchecked\"}\n      aria-selected={selected}\n      aria-disabled={disabled || undefined}\n      tabIndex={disabled ? -1 : active ? 0 : -1}\n      class={cn(\n        \"relative flex w-full min-w-0 shrink-0 cursor-default select-none items-center rounded-none px-2 py-1.5 text-sm outline-none transition-colors [-webkit-tap-highlight-color:transparent]\",\n        /* Solid full-row fill (no rounded corners that read as “gaps” against the popover) */\n        \"hover:bg-accent hover:text-accent-foreground\",\n        \"focus:bg-accent focus:text-accent-foreground\",\n        \"data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50\",\n        \"data-[highlighted=true]:bg-accent data-[highlighted=true]:text-accent-foreground\",\n        selected && \"font-medium\",\n        className\n      )}\n      onFocus={(event) => {\n        if (!disabled) select.setActiveItemId(itemId);\n        onFocus?.(event);\n      }}\n      onMouseMove={(event) => {\n        if (!disabled) select.setActiveItemId(itemId);\n        onMouseMove?.(event);\n      }}\n      onKeyDown={(event) => {\n        if (disabled) {\n          onKeyDown?.(event);\n          return;\n        }\n        if (event.key === \"Enter\" || event.key === \" \") {\n          event.preventDefault();\n          select.setSelected(value);\n          select.closeAndFocusTrigger();\n        }\n        onKeyDown?.(event);\n      }}\n      onClick={(event) => {\n        if (disabled) {\n          event.preventDefault();\n          return;\n        }\n        select.setSelected(value);\n        onClick?.(event as unknown as JSX.TargetedMouseEvent<HTMLDivElement>);\n        select.closeAndFocusTrigger();\n      }}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type SelectLabelProps = JSX.HTMLAttributes<HTMLDivElement> & { children?: ComponentChildren };\n\nexport const SelectLabel = ({ children, class: className, ...rest }: SelectLabelProps) => (\n  <div data-slot=\"select-label\" class={cn(\"text-muted-foreground px-2 py-1.5 text-xs font-semibold\", className)} {...rest}>\n    {children}\n  </div>\n);\n\n","import type { JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type SelectSearchProps = JSX.InputHTMLAttributes<HTMLInputElement>;\n\nexport const SelectSearch = ({ class: className, ...rest }: SelectSearchProps) => (\n  <input\n    type=\"text\"\n    data-slot=\"select-search\"\n    class={cn(\n      \"border-input bg-background placeholder:text-muted-foreground focus:ring-ring mb-1 h-8 w-full rounded-md border px-2.5 text-sm outline-none focus:ring-2\",\n      className\n    )}\n    {...rest}\n  />\n);\n\n","import type { JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type SelectSeparatorProps = JSX.HTMLAttributes<HTMLDivElement>;\n\nexport const SelectSeparator = ({ class: className, ...rest }: SelectSeparatorProps) => (\n  <div role=\"separator\" data-slot=\"select-separator\" class={cn(\"bg-border my-1 h-px w-full shrink-0\", className)} {...rest} />\n);\n\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { useSelect } from \"./Select\";\n\nexport type SelectTriggerProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n  children?: ComponentChildren;\n};\n\nexport const SelectTrigger = ({ children, onClick, onKeyDown, ref, class: className, ...rest }: SelectTriggerProps) => {\n  const select = useSelect();\n\n  const setRefs = (node: HTMLButtonElement | null) => {\n    select.setTriggerNode(node);\n    if (typeof ref === \"function\") {\n      ref(node);\n      return;\n    }\n    if (ref && typeof ref === \"object\") {\n      ref.current = node;\n    }\n  };\n\n  return (\n    <button\n      ref={setRefs}\n      type=\"button\"\n      data-slot=\"select-trigger\"\n      id={select.triggerId}\n      aria-haspopup=\"listbox\"\n      aria-controls={select.contentId}\n      aria-expanded={select.open.value}\n      data-state={select.open.value ? \"open\" : \"closed\"}\n      class={cn(\n        \"border-input bg-background dark:bg-input/30 placeholder:text-muted-foreground flex h-8 w-full items-center justify-between gap-2 rounded-md border px-3 py-1 text-sm shadow-xs outline-none transition-[color,box-shadow]\",\n        \"hover:border-foreground/15\",\n        \"focus-visible:border-outline focus-visible:ring-3 focus-visible:ring-outline/50\",\n        \"data-[state=open]:border-outline data-[state=open]:ring-3 data-[state=open]:ring-outline/50\",\n        \"disabled:cursor-not-allowed disabled:opacity-50\",\n        className\n      )}\n      onClick={(event) => {\n        select.setOpen(!select.open.value);\n        onClick?.(event);\n      }}\n      onKeyDown={(event) => {\n        switch (event.key) {\n          case \"ArrowDown\":\n            event.preventDefault();\n            if (!select.open.value) {\n              select.openAndFocus(\"selected\");\n            } else {\n              select.moveActive(\"next\");\n              select.focusActiveItem();\n            }\n            break;\n          case \"ArrowUp\":\n            event.preventDefault();\n            if (!select.open.value) {\n              select.openAndFocus(\"last\");\n            } else {\n              select.moveActive(\"prev\");\n              select.focusActiveItem();\n            }\n            break;\n          case \"Enter\":\n          case \" \":\n            event.preventDefault();\n            if (!select.open.value) {\n              select.openAndFocus(\"selected\");\n            }\n            break;\n          default:\n            break;\n        }\n        onKeyDown?.(event);\n      }}\n      {...rest}\n    >\n      {children}\n      <span\n        aria-hidden=\"true\"\n        class=\"text-muted-foreground pointer-events-none size-4 shrink-0 opacity-50\"\n      >\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          class=\"size-4\"\n          aria-hidden=\"true\"\n        >\n          <path d=\"m6 9 6 6 6-6\" />\n        </svg>\n      </span>\n    </button>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { useSelect } from \"./Select\";\n\nexport type SelectValueProps = JSX.HTMLAttributes<HTMLSpanElement> & {\n  placeholder?: string;\n  children?: ComponentChildren;\n};\n\nexport const SelectValue = ({ placeholder = \"Select\", children, class: className, ...rest }: SelectValueProps) => {\n  const select = useSelect();\n  return (\n    <span data-slot=\"select-value\" class={cn(\"line-clamp-1 text-left\", className)} {...rest}>\n      {children ?? select.selectedValue.value ?? placeholder}\n    </span>\n  );\n};\n\n","import { Select } from \"./Select\";\nimport { SelectContent } from \"./SelectContent\";\nimport { SelectGroup } from \"./SelectGroup\";\nimport { SelectItem } from \"./SelectItem\";\nimport { SelectLabel } from \"./SelectLabel\";\nimport { SelectSearch } from \"./SelectSearch\";\nimport { SelectSeparator } from \"./SelectSeparator\";\nimport { SelectTrigger } from \"./SelectTrigger\";\nimport { SelectValue } from \"./SelectValue\";\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectSearch,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue\n};\n\nexport default {\n  Root: Select,\n  Trigger: SelectTrigger,\n  Content: SelectContent,\n  Group: SelectGroup,\n  Item: SelectItem,\n  Label: SelectLabel,\n  Search: SelectSearch,\n  Separator: SelectSeparator,\n  Value: SelectValue\n};\n"]}