@elabs-ai/components-ui 4.1.0 → 5.0.0

package/dist/chunk-W6HCXQBH.js

@@ -0,0 +1,198 @@
+"use client";
+import {
+  InputGroup
+} from "./chunk-UPEMEBWH.js";
+import {
+  Badge
+} from "./chunk-ECCNRCC4.js";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/tag-input/tag-input.tsx
+import {
+  forwardRef,
+  useCallback,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import { X } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var TagInput = forwardRef(function TagInput2({
+  value: valueProp,
+  defaultValue,
+  onValueChange,
+  max,
+  validate,
+  delimiter = [","],
+  allowDuplicates = false,
+  placeholder,
+  disabled,
+  id,
+  name,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledby,
+  className,
+  ...props
+}, ref) {
+  const isControlled = valueProp !== void 0;
+  const [internalTags, setInternalTags] = useState(defaultValue ?? []);
+  const [inputValue, setInputValue] = useState("");
+  const [error, setError] = useState(null);
+  const inputRef = useRef(null);
+  const tags = useMemo(
+    () => isControlled ? valueProp ?? [] : internalTags,
+    [isControlled, valueProp, internalTags]
+  );
+  const commit = useCallback(
+    (next) => {
+      if (!isControlled) setInternalTags(next);
+      onValueChange?.(next);
+    },
+    [isControlled, onValueChange]
+  );
+  const addTag = useCallback(
+    (raw) => {
+      const tag = raw.trim();
+      if (!tag) return;
+      if (max !== void 0 && tags.length >= max) {
+        setError(`Maximum of ${max} tags reached.`);
+        return;
+      }
+      if (!allowDuplicates && tags.includes(tag)) {
+        setError("Duplicate tag.");
+        return;
+      }
+      if (validate) {
+        const result = validate(tag);
+        if (result === false) return;
+        if (typeof result === "string") {
+          setError(result);
+          return;
+        }
+      }
+      setError(null);
+      commit([...tags, tag]);
+      setInputValue("");
+    },
+    [tags, max, allowDuplicates, validate, commit]
+  );
+  const removeTag = useCallback(
+    (index) => {
+      const next = tags.filter((_, i) => i !== index);
+      setError(null);
+      commit(next);
+    },
+    [tags, commit]
+  );
+  const handleKeyDown = useCallback(
+    (e) => {
+      if (e.key === "Enter") {
+        e.preventDefault();
+        addTag(inputValue);
+        return;
+      }
+      if (e.key === "Backspace" && inputValue === "" && tags.length > 0) {
+        e.preventDefault();
+        removeTag(tags.length - 1);
+        return;
+      }
+      for (const delim of delimiter) {
+        if (delim.length === 1 && e.key === delim) {
+          e.preventDefault();
+          addTag(inputValue);
+          return;
+        }
+      }
+    },
+    [inputValue, tags, delimiter, addTag, removeTag]
+  );
+  const handleChange = useCallback(
+    (e) => {
+      const val = e.target.value;
+      const hasDelimiter = delimiter.some((d) => val.includes(d));
+      if (hasDelimiter) {
+        const parts = val.split(new RegExp(`[${delimiter.map((d) => escapeRegex(d)).join("")}]`));
+        const toAdd = parts.slice(0, -1);
+        const remaining = parts[parts.length - 1] ?? "";
+        for (const part of toAdd) {
+          addTag(part);
+        }
+        setInputValue(remaining);
+      } else {
+        setInputValue(val);
+        setError(null);
+      }
+    },
+    [delimiter, addTag]
+  );
+  const atMax = max !== void 0 && tags.length >= max;
+  return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex flex-col gap-1", className), ...props, children: [
+    /* @__PURE__ */ jsxs(
+      InputGroup,
+      {
+        className: "h-auto min-h-9 flex-wrap gap-1 px-2 py-1 cursor-text",
+        onClick: () => inputRef.current?.focus(),
+        children: [
+          tags.map((tag, i) => /* @__PURE__ */ jsxs(Badge, { variant: "secondary", className: "gap-1 pe-1 shrink-0", children: [
+            /* @__PURE__ */ jsx("span", { className: "max-w-[12rem] truncate", children: tag }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                "aria-label": `Remove ${tag}`,
+                disabled,
+                onClick: (e) => {
+                  e.stopPropagation();
+                  removeTag(i);
+                },
+                className: cn(
+                  "rounded-full p-0.5 transition-colors",
+                  "hover:bg-secondary-foreground/20 focus-ring",
+                  "disabled:pointer-events-none disabled:opacity-50"
+                ),
+                children: /* @__PURE__ */ jsx(X, { className: "size-3", "aria-hidden": "true" })
+              }
+            )
+          ] }, `${tag}-${i}`)),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref: inputRef,
+              id,
+              name,
+              type: "text",
+              value: inputValue,
+              placeholder: atMax ? void 0 : placeholder,
+              disabled: disabled || atMax,
+              "aria-label": ariaLabel,
+              "aria-labelledby": ariaLabelledby,
+              "aria-invalid": error ? "true" : void 0,
+              "data-slot": "input-group-control",
+              className: cn(
+                "min-w-[6rem] flex-1 bg-transparent text-body outline-none",
+                "placeholder:text-muted-foreground",
+                "disabled:cursor-not-allowed disabled:opacity-50"
+              ),
+              onChange: handleChange,
+              onKeyDown: handleKeyDown,
+              autoComplete: "off",
+              spellCheck: false
+            }
+          )
+        ]
+      }
+    ),
+    error && // #124: running text (the validation message) — ink rung.
+    /* @__PURE__ */ jsx("p", { role: "alert", className: "text-meta text-destructive-text", children: error })
+  ] });
+});
+function escapeRegex(s) {
+  return s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+
+export {
+  TagInput
+};
+//# sourceMappingURL=chunk-W6HCXQBH.js.map

package/dist/chunk-W6HCXQBH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/tag-input/tag-input.tsx"],"sourcesContent":["\"use client\";\n\n// a2ui.exposed: yes\nimport {\n  forwardRef,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type KeyboardEvent,\n} from \"react\";\nimport { X } from \"lucide-react\";\nimport { cn } from \"../../lib/cn\";\nimport { Badge } from \"../badge\";\nimport { InputGroup } from \"../input-group\";\n\nexport interface TagInputProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  \"defaultValue\" | \"onChange\"\n> {\n  /** Controlled tag list. */\n  value?: string[];\n  /** Uncontrolled initial tag list. */\n  defaultValue?: string[];\n  /** Called when the tag list changes. */\n  onValueChange?: (value: string[]) => void;\n  /** Maximum number of tags allowed. */\n  max?: number;\n  /**\n   * Validate a candidate tag before it is added.\n   * Return `true` to accept, `false` to silently reject, or a string\n   * to reject and show as an inline error message.\n   */\n  validate?: (tag: string) => boolean | string;\n  /**\n   * Characters (or strings) that trigger tag creation in addition to Enter.\n   * Defaults to `[\",\"]`.\n   */\n  delimiter?: string[];\n  /** Allow duplicate tags (default false). */\n  allowDuplicates?: boolean;\n  /** Placeholder text for the entry field. */\n  placeholder?: string;\n  /** Whether the input is disabled. */\n  disabled?: boolean;\n  /** id for the underlying text input (useful for external <label>). */\n  id?: string;\n  /** Name forwarded to the underlying input. */\n  name?: string;\n  /** aria-label for the underlying text input. */\n  \"aria-label\"?: string;\n  /** aria-labelledby for the underlying text input. */\n  \"aria-labelledby\"?: string;\n}\n\n/**\n * TagInput — chip-style multi-value text entry.\n *\n * Controlled via `value`/`onValueChange`; uncontrolled via `defaultValue`.\n * Enter + configurable delimiters (default `[\",\"]`) add a tag.\n * Backspace on an empty field removes the last tag.\n * Inline validation errors render with `role=\"alert\"`.\n */\nexport const TagInput = forwardRef<HTMLDivElement, TagInputProps>(function TagInput(\n  {\n    value: valueProp,\n    defaultValue,\n    onValueChange,\n    max,\n    validate,\n    delimiter = [\",\"],\n    allowDuplicates = false,\n    placeholder,\n    disabled,\n    id,\n    name,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledby,\n    className,\n    ...props\n  },\n  ref,\n) {\n  const isControlled = valueProp !== undefined;\n  const [internalTags, setInternalTags] = useState<string[]>(defaultValue ?? []);\n  const [inputValue, setInputValue] = useState(\"\");\n  const [error, setError] = useState<string | null>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const tags = useMemo(\n    () => (isControlled ? (valueProp ?? []) : internalTags),\n    [isControlled, valueProp, internalTags],\n  );\n\n  const commit = useCallback(\n    (next: string[]) => {\n      if (!isControlled) setInternalTags(next);\n      onValueChange?.(next);\n    },\n    [isControlled, onValueChange],\n  );\n\n  const addTag = useCallback(\n    (raw: string) => {\n      const tag = raw.trim();\n      if (!tag) return;\n\n      if (max !== undefined && tags.length >= max) {\n        setError(`Maximum of ${max} tags reached.`);\n        return;\n      }\n\n      if (!allowDuplicates && tags.includes(tag)) {\n        setError(\"Duplicate tag.\");\n        return;\n      }\n\n      if (validate) {\n        const result = validate(tag);\n        if (result === false) return;\n        if (typeof result === \"string\") {\n          setError(result);\n          return;\n        }\n      }\n\n      setError(null);\n      commit([...tags, tag]);\n      setInputValue(\"\");\n    },\n    [tags, max, allowDuplicates, validate, commit],\n  );\n\n  const removeTag = useCallback(\n    (index: number) => {\n      const next = tags.filter((_, i) => i !== index);\n      setError(null);\n      commit(next);\n    },\n    [tags, commit],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === \"Enter\") {\n        // Always prevent form submission when used inside a <form>\n        e.preventDefault();\n        addTag(inputValue);\n        return;\n      }\n\n      if (e.key === \"Backspace\" && inputValue === \"\" && tags.length > 0) {\n        e.preventDefault();\n        removeTag(tags.length - 1);\n        return;\n      }\n\n      // Check delimiter characters (e.g. comma)\n      for (const delim of delimiter) {\n        if (delim.length === 1 && e.key === delim) {\n          e.preventDefault();\n          addTag(inputValue);\n          return;\n        }\n      }\n    },\n    [inputValue, tags, delimiter, addTag, removeTag],\n  );\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const val = e.target.value;\n      // Handle paste or typed multi-char delimiters\n      const hasDelimiter = delimiter.some((d) => val.includes(d));\n      if (hasDelimiter) {\n        const parts = val.split(new RegExp(`[${delimiter.map((d) => escapeRegex(d)).join(\"\")}]`));\n        const toAdd = parts.slice(0, -1);\n        const remaining = parts[parts.length - 1] ?? \"\";\n        for (const part of toAdd) {\n          addTag(part);\n        }\n        setInputValue(remaining);\n      } else {\n        setInputValue(val);\n        setError(null);\n      }\n    },\n    [delimiter, addTag],\n  );\n\n  const atMax = max !== undefined && tags.length >= max;\n\n  return (\n    <div ref={ref} className={cn(\"flex flex-col gap-1\", className)} {...props}>\n      <InputGroup\n        className=\"h-auto min-h-9 flex-wrap gap-1 px-2 py-1 cursor-text\"\n        onClick={() => inputRef.current?.focus()}\n      >\n        {tags.map((tag, i) => (\n          <Badge key={`${tag}-${i}`} variant=\"secondary\" className=\"gap-1 pe-1 shrink-0\">\n            <span className=\"max-w-[12rem] truncate\">{tag}</span>\n            <button\n              type=\"button\"\n              aria-label={`Remove ${tag}`}\n              disabled={disabled}\n              onClick={(e) => {\n                e.stopPropagation();\n                removeTag(i);\n              }}\n              className={cn(\n                \"rounded-full p-0.5 transition-colors\",\n                \"hover:bg-secondary-foreground/20 focus-ring\",\n                \"disabled:pointer-events-none disabled:opacity-50\",\n              )}\n            >\n              <X className=\"size-3\" aria-hidden=\"true\" />\n            </button>\n          </Badge>\n        ))}\n        <input\n          ref={inputRef}\n          id={id}\n          name={name}\n          type=\"text\"\n          value={inputValue}\n          placeholder={atMax ? undefined : placeholder}\n          disabled={disabled || atMax}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledby}\n          aria-invalid={error ? \"true\" : undefined}\n          data-slot=\"input-group-control\"\n          className={cn(\n            \"min-w-[6rem] flex-1 bg-transparent text-body outline-none\",\n            \"placeholder:text-muted-foreground\",\n            \"disabled:cursor-not-allowed disabled:opacity-50\",\n          )}\n          onChange={handleChange}\n          onKeyDown={handleKeyDown}\n          autoComplete=\"off\"\n          spellCheck={false}\n        />\n      </InputGroup>\n      {error && (\n        // #124: running text (the validation message) — ink rung.\n        <p role=\"alert\" className=\"text-meta text-destructive-text\">\n          {error}\n        </p>\n      )}\n    </div>\n  );\n});\n\nfunction escapeRegex(s: string): string {\n  return s.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n}\n"],"mappings":"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","names":["TagInput"]}

package/dist/chunk-W7I2X6VI.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-W7I2X6VI.js.map

package/dist/chunk-W7I2X6VI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-WCCCW4KD.js

@@ -0,0 +1,140 @@
+"use client";
+import {
+  formatLastOpened
+} from "./chunk-BZQF5QCN.js";
+import {
+  ModelPicker
+} from "./chunk-FYCCNQXQ.js";
+import {
+  Input
+} from "./chunk-XYACSO57.js";
+import {
+  useLocale
+} from "./chunk-EJQYE4MY.js";
+import {
+  Button
+} from "./chunk-VA2OONPE.js";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/workspace-picker/workspace-picker.tsx
+import { forwardRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var WorkspacePicker = forwardRef(
+  function WorkspacePicker2({
+    workspaces,
+    currentId,
+    onSelect,
+    onSubmitPath,
+    status,
+    disabled,
+    className,
+    open,
+    onOpenChange,
+    "aria-label": ariaLabelProp,
+    ...props
+  }, ref) {
+    const { t, locale } = useLocale();
+    const [path, setPath] = useState("");
+    const current = workspaces.find((workspace) => workspace.id === currentId);
+    const triggerLabel = current?.name ?? t("ui.workspacePicker.placeholder");
+    const ariaLabel = ariaLabelProp ?? t("ui.workspacePicker.label");
+    const group = {
+      key: "workspaces",
+      label: t("ui.workspacePicker.recent"),
+      items: workspaces.map((workspace) => {
+        const isCurrent = workspace.id === currentId;
+        const meta = [];
+        if (workspace.lastOpenedAt) {
+          meta.push(formatLastOpened(workspace.lastOpenedAt, locale));
+        }
+        if (isCurrent) meta.push(t("ui.workspacePicker.current"));
+        return {
+          id: workspace.id,
+          label: workspace.name,
+          description: workspace.path,
+          meta
+        };
+      })
+    };
+    const handleSelect = (item) => {
+      const workspace = workspaces.find((w) => w.id === item.id);
+      if (workspace) onSelect?.(workspace);
+    };
+    const handleSubmit = (event) => {
+      event.preventDefault();
+      if (path.trim() === "") return;
+      onSubmitPath?.(path);
+      setPath("");
+    };
+    return /* @__PURE__ */ jsx(
+      ModelPicker,
+      {
+        ref,
+        "data-slot": "workspace-picker",
+        className: cn(className),
+        groups: [group],
+        value: currentId,
+        onSelect: handleSelect,
+        status,
+        triggerLabel,
+        "aria-label": ariaLabel,
+        searchPlaceholder: t("ui.workspacePicker.searchPlaceholder"),
+        disabled,
+        open,
+        onOpenChange,
+        footer: (
+          // Outside `CommandList` on purpose (ModelPicker's own contract): a
+          // persistent action row, never filtered by the search query and
+          // never part of cmdk's roving selection.
+          //
+          // `onKeyDown` stops propagation because cmdk binds ITS OWN keydown
+          // handler on the `Command` root and reacts to Enter/Home/End/
+          // ArrowUp/ArrowDown regardless of which descendant is focused —
+          // without this, pressing Enter here would move the list's
+          // highlight instead of submitting the path.
+          /* @__PURE__ */ jsxs(
+            "form",
+            {
+              "data-slot": "workspace-picker-path-form",
+              onSubmit: handleSubmit,
+              onKeyDown: (event) => event.stopPropagation(),
+              className: "flex items-center gap-2 border-t p-2",
+              children: [
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    "data-slot": "workspace-picker-path-input",
+                    value: path,
+                    onChange: (event) => setPath(event.target.value),
+                    placeholder: t("ui.workspacePicker.pathPlaceholder"),
+                    "aria-label": t("ui.workspacePicker.pathLabel"),
+                    className: "h-8 min-w-0 flex-1"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "submit",
+                    size: "sm",
+                    variant: "outline",
+                    "aria-disabled": path.trim() === "",
+                    "data-slot": "workspace-picker-path-submit",
+                    children: t("ui.workspacePicker.openPath")
+                  }
+                )
+              ]
+            }
+          )
+        ),
+        ...props
+      }
+    );
+  }
+);
+
+export {
+  WorkspacePicker
+};
+//# sourceMappingURL=chunk-WCCCW4KD.js.map

package/dist/chunk-WCCCW4KD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/workspace-picker/workspace-picker.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, useState, type FormEvent, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../lib/cn\";\nimport { Button } from \"../button\";\nimport { Input } from \"../input\";\nimport { useLocale } from \"../locale-provider\";\nimport { ModelPicker, type ModelPickerGroup, type ModelPickerStatus } from \"../model-picker\";\nimport { formatLastOpened, type Workspace } from \"./workspace-picker-state\";\n\nexport type { Workspace };\n\nexport interface WorkspacePickerProps extends Omit<HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n  /** Recent workspaces, most-relevant first — the caller owns ordering. */\n  workspaces: Workspace[];\n  /** The currently open workspace's id. */\n  currentId?: string;\n  /** Fires with the chosen workspace; the popover closes first. */\n  onSelect?: (workspace: Workspace) => void;\n  /**\n   * Free-text path entry, rendered in `ModelPicker`'s `footer` slot below the\n   * list. Fires with the raw string the user typed once it validates as\n   * non-empty — this component performs no filesystem access of any kind\n   * (presentation layer, D5); resolving, normalizing or checking the path is\n   * the caller's job.\n   */\n  onSubmitPath?: (path: string) => void;\n  /**\n   * Drives the same four-body state grid as `ModelPicker` — see\n   * `ModelPickerStatus`. Default `\"ready\"`, inherited from `ModelPicker`.\n   */\n  status?: ModelPickerStatus;\n  disabled?: boolean;\n  /** Accessible name for the trigger and the popover — what the control is FOR. */\n  \"aria-label\"?: string;\n  /** Controlled popover open state — see `ModelPicker`'s controlled contract. */\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\n/**\n * Recent-workspace switcher — issue #111, decided in\n * `docs/decisions/2026-09-01-brainless-adoption-architecture.md` § 7.\n *\n * A `ModelPicker` PRESET, not a new picker: `ModelPickerItem`'s\n * `id`/`label`/`description`/`meta` shape is already a superset of what a\n * workspace needs, so this component only supplies workspace-shaped\n * defaults — it maps `path` into the truncating `description` slot, formats\n * `lastOpenedAt` with `Intl.RelativeTimeFormat`, marks the current workspace\n * in the row's TEXT (never colour alone — `ModelPicker`'s check glyph is\n * `aria-hidden` and cannot carry that on its own), and renders the free-text\n * path entry into `ModelPicker`'s `footer` slot so it sits below the list,\n * un-filtered by the search query.\n *\n * Unlike `TeamSwitcher`, this has no `Sidebar` dependency — it works anywhere\n * a picker is needed (a session launch card, a command palette), not only\n * inside a sidebar.\n */\nexport const WorkspacePicker = forwardRef<HTMLDivElement, WorkspacePickerProps>(\n  function WorkspacePicker(\n    {\n      workspaces,\n      currentId,\n      onSelect,\n      onSubmitPath,\n      status,\n      disabled,\n      className,\n      open,\n      onOpenChange,\n      \"aria-label\": ariaLabelProp,\n      ...props\n    },\n    ref,\n  ) {\n    const { t, locale } = useLocale();\n    const [path, setPath] = useState(\"\");\n\n    const current = workspaces.find((workspace) => workspace.id === currentId);\n    const triggerLabel = current?.name ?? t(\"ui.workspacePicker.placeholder\");\n    const ariaLabel = ariaLabelProp ?? t(\"ui.workspacePicker.label\");\n\n    const group: ModelPickerGroup = {\n      key: \"workspaces\",\n      label: t(\"ui.workspacePicker.recent\"),\n      items: workspaces.map((workspace) => {\n        const isCurrent = workspace.id === currentId;\n        const meta: string[] = [];\n        if (workspace.lastOpenedAt) {\n          meta.push(formatLastOpened(workspace.lastOpenedAt, locale));\n        }\n        // Marked in TEXT so the marker reaches the row's accessible name and\n        // survives greyscale (accessibility.md's colour-is-never-the-only-\n        // channel test) — ModelPicker's own check glyph is `aria-hidden` and\n        // cannot carry this alone.\n        if (isCurrent) meta.push(t(\"ui.workspacePicker.current\"));\n        return {\n          id: workspace.id,\n          label: workspace.name,\n          description: workspace.path,\n          meta,\n        };\n      }),\n    };\n\n    const handleSelect = (item: { id: string }) => {\n      const workspace = workspaces.find((w) => w.id === item.id);\n      if (workspace) onSelect?.(workspace);\n    };\n\n    const handleSubmit = (event: FormEvent<HTMLFormElement>) => {\n      event.preventDefault();\n      if (path.trim() === \"\") return;\n      onSubmitPath?.(path);\n      setPath(\"\");\n    };\n\n    return (\n      <ModelPicker\n        ref={ref}\n        data-slot=\"workspace-picker\"\n        className={cn(className)}\n        groups={[group]}\n        value={currentId}\n        onSelect={handleSelect}\n        status={status}\n        triggerLabel={triggerLabel}\n        aria-label={ariaLabel}\n        searchPlaceholder={t(\"ui.workspacePicker.searchPlaceholder\")}\n        disabled={disabled}\n        open={open}\n        onOpenChange={onOpenChange}\n        footer={\n          // Outside `CommandList` on purpose (ModelPicker's own contract): a\n          // persistent action row, never filtered by the search query and\n          // never part of cmdk's roving selection.\n          //\n          // `onKeyDown` stops propagation because cmdk binds ITS OWN keydown\n          // handler on the `Command` root and reacts to Enter/Home/End/\n          // ArrowUp/ArrowDown regardless of which descendant is focused —\n          // without this, pressing Enter here would move the list's\n          // highlight instead of submitting the path.\n          <form\n            data-slot=\"workspace-picker-path-form\"\n            onSubmit={handleSubmit}\n            onKeyDown={(event) => event.stopPropagation()}\n            className=\"flex items-center gap-2 border-t p-2\"\n          >\n            <Input\n              data-slot=\"workspace-picker-path-input\"\n              value={path}\n              onChange={(event) => setPath(event.target.value)}\n              placeholder={t(\"ui.workspacePicker.pathPlaceholder\")}\n              aria-label={t(\"ui.workspacePicker.pathLabel\")}\n              className=\"h-8 min-w-0 flex-1\"\n            />\n            <Button\n              type=\"submit\"\n              size=\"sm\"\n              variant=\"outline\"\n              aria-disabled={path.trim() === \"\"}\n              data-slot=\"workspace-picker-path-submit\"\n            >\n              {t(\"ui.workspacePicker.openPath\")}\n            </Button>\n          </form>\n        }\n        {...props}\n      />\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAEA,SAAS,YAAY,gBAAqD;AA4IhE,SAME,KANF;AApFH,IAAM,kBAAkB;AAAA,EAC7B,SAASA,iBACP;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,GAAG;AAAA,EACL,GACA,KACA;AACA,UAAM,EAAE,GAAG,OAAO,IAAI,UAAU;AAChC,UAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAE;AAEnC,UAAM,UAAU,WAAW,KAAK,CAAC,cAAc,UAAU,OAAO,SAAS;AACzE,UAAM,eAAe,SAAS,QAAQ,EAAE,gCAAgC;AACxE,UAAM,YAAY,iBAAiB,EAAE,0BAA0B;AAE/D,UAAM,QAA0B;AAAA,MAC9B,KAAK;AAAA,MACL,OAAO,EAAE,2BAA2B;AAAA,MACpC,OAAO,WAAW,IAAI,CAAC,cAAc;AACnC,cAAM,YAAY,UAAU,OAAO;AACnC,cAAM,OAAiB,CAAC;AACxB,YAAI,UAAU,cAAc;AAC1B,eAAK,KAAK,iBAAiB,UAAU,cAAc,MAAM,CAAC;AAAA,QAC5D;AAKA,YAAI,UAAW,MAAK,KAAK,EAAE,4BAA4B,CAAC;AACxD,eAAO;AAAA,UACL,IAAI,UAAU;AAAA,UACd,OAAO,UAAU;AAAA,UACjB,aAAa,UAAU;AAAA,UACvB;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAEA,UAAM,eAAe,CAAC,SAAyB;AAC7C,YAAM,YAAY,WAAW,KAAK,CAAC,MAAM,EAAE,OAAO,KAAK,EAAE;AACzD,UAAI,UAAW,YAAW,SAAS;AAAA,IACrC;AAEA,UAAM,eAAe,CAAC,UAAsC;AAC1D,YAAM,eAAe;AACrB,UAAI,KAAK,KAAK,MAAM,GAAI;AACxB,qBAAe,IAAI;AACnB,cAAQ,EAAE;AAAA,IACZ;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,aAAU;AAAA,QACV,WAAW,GAAG,SAAS;AAAA,QACvB,QAAQ,CAAC,KAAK;AAAA,QACd,OAAO;AAAA,QACP,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA,cAAY;AAAA,QACZ,mBAAmB,EAAE,sCAAsC;AAAA,QAC3D;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAUE;AAAA,YAAC;AAAA;AAAA,cACC,aAAU;AAAA,cACV,UAAU;AAAA,cACV,WAAW,CAAC,UAAU,MAAM,gBAAgB;AAAA,cAC5C,WAAU;AAAA,cAEV;AAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,aAAU;AAAA,oBACV,OAAO;AAAA,oBACP,UAAU,CAAC,UAAU,QAAQ,MAAM,OAAO,KAAK;AAAA,oBAC/C,aAAa,EAAE,oCAAoC;AAAA,oBACnD,cAAY,EAAE,8BAA8B;AAAA,oBAC5C,WAAU;AAAA;AAAA,gBACZ;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,MAAK;AAAA,oBACL,SAAQ;AAAA,oBACR,iBAAe,KAAK,KAAK,MAAM;AAAA,oBAC/B,aAAU;AAAA,oBAET,YAAE,6BAA6B;AAAA;AAAA,gBAClC;AAAA;AAAA;AAAA,UACF;AAAA;AAAA,QAED,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":["WorkspacePicker"]}

package/dist/chunk-WNIVCHDP.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-WNIVCHDP.js.map

package/dist/chunk-WNIVCHDP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-WOMO5CZ7.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-WOMO5CZ7.js.map

package/dist/chunk-WOMO5CZ7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-WTB4DDZP.js

@@ -0,0 +1,163 @@
+"use client";
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList
+} from "./chunk-YXHHUJOZ.js";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger
+} from "./chunk-D3C3VVCX.js";
+import {
+  useControllableState
+} from "./chunk-5LCN5Q2L.js";
+import {
+  useLocale
+} from "./chunk-EJQYE4MY.js";
+import {
+  Button
+} from "./chunk-VA2OONPE.js";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/combobox/combobox.tsx
+import { forwardRef, useState } from "react";
+import { defaultFilter } from "cmdk";
+import { Check, ChevronsUpDown, Plus } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var CUSTOM_VALUE_ITEM = "__brand-ui-combobox-custom-value__";
+var customValueFilter = (value, search, keywords) => value === CUSTOM_VALUE_ITEM ? Number.MIN_VALUE : defaultFilter(value, search, keywords);
+var Combobox = forwardRef(function Combobox2({
+  options,
+  value,
+  onValueChange,
+  placeholder,
+  searchPlaceholder,
+  emptyText,
+  className,
+  disabled = false,
+  allowCustomValue = false,
+  id,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledby,
+  triggerProps
+}, ref) {
+  const { t } = useLocale();
+  const resolvedPlaceholder = placeholder ?? t("ui.combobox.placeholder");
+  const resolvedSearchPlaceholder = searchPlaceholder ?? t("ui.combobox.searchPlaceholder");
+  const [open, setOpen] = useState(false);
+  const [selected, setValue] = useControllableState(value, "", onValueChange);
+  const [search, setSearch] = useState("");
+  const current = options.find((o) => o.value === selected);
+  const trimmedSearch = search.trim();
+  const hasExactMatch = options.some(
+    (o) => o.label.trim().toLowerCase() === trimmedSearch.toLowerCase()
+  );
+  const showCustomValueItem = allowCustomValue && trimmedSearch.length > 0 && !hasExactMatch;
+  const resolvedEmptyText = emptyText ?? (allowCustomValue ? t("ui.combobox.emptyAllowCustom") : t("noResults"));
+  return /* @__PURE__ */ jsxs(
+    Popover,
+    {
+      open: disabled ? false : open,
+      onOpenChange: (o) => {
+        if (disabled) return;
+        setOpen(o);
+        if (!o) setSearch("");
+      },
+      children: [
+        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+          Button,
+          {
+            ref,
+            variant: "outline",
+            id,
+            "aria-label": ariaLabel,
+            "aria-labelledby": ariaLabelledby,
+            ...triggerProps,
+            role: "combobox",
+            "aria-expanded": open,
+            disabled,
+            "data-slot": "combobox",
+            className: cn("w-full justify-between font-normal", triggerProps?.className, className),
+            children: [
+              current ? current.label : selected || resolvedPlaceholder,
+              /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ms-2 size-4 shrink-0 opacity-50" })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          PopoverContent,
+          {
+            className: "w-[var(--radix-popover-trigger-width)] min-w-56 p-0",
+            "data-slot": "combobox-content",
+            "aria-label": ariaLabel ?? resolvedSearchPlaceholder,
+            children: /* @__PURE__ */ jsxs(Command, { filter: allowCustomValue ? customValueFilter : void 0, children: [
+              /* @__PURE__ */ jsx(
+                CommandInput,
+                {
+                  placeholder: resolvedSearchPlaceholder,
+                  value: search,
+                  onValueChange: setSearch
+                }
+              ),
+              /* @__PURE__ */ jsxs(CommandList, { children: [
+                /* @__PURE__ */ jsx(CommandEmpty, { children: resolvedEmptyText }),
+                /* @__PURE__ */ jsxs(CommandGroup, { children: [
+                  options.map((o) => /* @__PURE__ */ jsxs(
+                    CommandItem,
+                    {
+                      value: o.value,
+                      keywords: [o.label],
+                      onSelect: () => {
+                        setValue(o.value === selected ? "" : o.value);
+                        setOpen(false);
+                      },
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          Check,
+                          {
+                            className: cn(
+                              "me-2 size-4",
+                              selected === o.value ? "opacity-100" : "opacity-0"
+                            )
+                          }
+                        ),
+                        o.label
+                      ]
+                    },
+                    o.value
+                  )),
+                  showCustomValueItem ? /* @__PURE__ */ jsxs(
+                    CommandItem,
+                    {
+                      value: CUSTOM_VALUE_ITEM,
+                      "data-slot": "combobox-custom-value",
+                      onSelect: () => {
+                        setValue(trimmedSearch);
+                        setOpen(false);
+                      },
+                      children: [
+                        /* @__PURE__ */ jsx(Plus, { className: "me-2 size-4 shrink-0 opacity-50" }),
+                        t("ui.combobox.useCustomValue", { value: trimmedSearch })
+                      ]
+                    }
+                  ) : null
+                ] })
+              ] })
+            ] })
+          }
+        )
+      ]
+    }
+  );
+});
+
+export {
+  Combobox
+};
+//# sourceMappingURL=chunk-WTB4DDZP.js.map

package/dist/chunk-WTB4DDZP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/combobox/combobox.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, useState, type ComponentPropsWithoutRef } from \"react\";\nimport { defaultFilter } from \"cmdk\";\nimport { Check, ChevronsUpDown, Plus } from \"lucide-react\";\nimport { cn } from \"../../lib/cn\";\nimport { useControllableState } from \"../../lib/use-controllable-state\";\nimport { Button } from \"../button\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"../popover\";\nimport { useLocale } from \"../locale-provider\";\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from \"../command\";\n\nexport interface ComboboxOption {\n  label: string;\n  value: string;\n}\n\nexport interface ComboboxProps {\n  /**\n   * The option list — every option is mounted in the DOM (cmdk has no built-in\n   * windowing), so this is fine for typical form/menu-sized lists but not for\n   * open-ended data. For thousands of options, use `VirtualSelect` instead,\n   * which windows rendering via `@tanstack/react-virtual`.\n   */\n  options: ComboboxOption[];\n  value?: string;\n  onValueChange?: (value: string) => void;\n  placeholder?: string;\n  searchPlaceholder?: string;\n  /**\n   * Message shown when the search yields no results. Defaults to \"No\n   * results.\" — or, when `allowCustomValue` is set, a message that also\n   * signals a custom value is acceptable.\n   */\n  emptyText?: string;\n  className?: string;\n  /** Disables the trigger and prevents the popover from opening. */\n  disabled?: boolean;\n  /**\n   * When `true`, typed text that doesn't match any option becomes a\n   * submittable value: a synthetic \"Use…\" suggestion is shown, and pressing\n   * Enter with no listed option highlighted accepts the typed text via\n   * `onValueChange`. Suggestions still filter as usual. Default `false`\n   * (selection-only, unchanged behavior) — #359.\n   */\n  allowCustomValue?: boolean;\n  /** `id` applied to the trigger button. */\n  id?: string;\n  /**\n   * The trigger's accessible name always defaults to the SELECTED VALUE (or\n   * the placeholder) — that tells AT what is currently chosen, never what the\n   * control is FOR. Pass `aria-label`/`aria-labelledby` to also name the\n   * control's purpose (e.g. \"Session switcher\").\n   */\n  \"aria-label\"?: string;\n  \"aria-labelledby\"?: string;\n  /**\n   * Escape hatch spread onto the trigger `Button` (after the named props\n   * above, so it wins if both are set) for anything not covered by a named\n   * prop — `data-*`, `name`, `data-testid`, etc. `role`/`aria-expanded` stay\n   * component-owned and can't be passed here; disabling stays on the\n   * top-level `disabled` prop so the popover-open guard below can't drift\n   * out of sync with the trigger's actual disabled state.\n   */\n  triggerProps?: Omit<\n    ComponentPropsWithoutRef<typeof Button>,\n    \"role\" | \"aria-expanded\" | \"disabled\"\n  > & {\n    /** Arbitrary `data-*` attributes (test hooks, analytics, …). */\n    [key: `data-${string}`]: string | number | boolean | undefined;\n  };\n}\n\n/**\n * Sentinel `value` for the synthetic \"Use …\" row (`allowCustomValue`).\n *\n * It must NOT be the search text. cmdk scores every item against the search and\n * re-sorts the list by score, then auto-highlights the top one — so a row whose\n * `value` IS the search text scores a perfect 1 and outranks every real partial\n * match. Typing \"Prod\" against a \"Production\" option then highlighted\n * `Use \"Prod\"`, and Enter emitted the raw string instead of selecting the\n * option — the exact opposite of #359's \"Enter accepts the highlighted\n * suggestion, or the typed value if none is highlighted\".\n */\nconst CUSTOM_VALUE_ITEM = \"__brand-ui-combobox-custom-value__\";\n\n/**\n * Keeps the \"Use …\" row visible (score > 0) but always ranked LAST, behind\n * every real suggestion, so the top match stays highlighted and Enter still\n * selects it. When nothing else matches, the row is the only item and Enter\n * accepts the typed value — which is the behavior #359 asks for.\n */\nconst customValueFilter = (value: string, search: string, keywords?: string[]) =>\n  value === CUSTOM_VALUE_ITEM ? Number.MIN_VALUE : defaultFilter(value, search, keywords);\n\n/** Single-select combobox (Popover + Command). Controlled or uncontrolled. */\nexport const Combobox = forwardRef<HTMLButtonElement, ComboboxProps>(function Combobox(\n  {\n    options,\n    value,\n    onValueChange,\n    placeholder,\n    searchPlaceholder,\n    emptyText,\n    className,\n    disabled = false,\n    allowCustomValue = false,\n    id,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledby,\n    triggerProps,\n  },\n  ref,\n) {\n  const { t } = useLocale();\n  const resolvedPlaceholder = placeholder ?? t(\"ui.combobox.placeholder\");\n  const resolvedSearchPlaceholder = searchPlaceholder ?? t(\"ui.combobox.searchPlaceholder\");\n  const [open, setOpen] = useState(false);\n  const [selected, setValue] = useControllableState(value, \"\", onValueChange);\n  const [search, setSearch] = useState(\"\");\n  const current = options.find((o) => o.value === selected);\n\n  const trimmedSearch = search.trim();\n  const hasExactMatch = options.some(\n    (o) => o.label.trim().toLowerCase() === trimmedSearch.toLowerCase(),\n  );\n  const showCustomValueItem = allowCustomValue && trimmedSearch.length > 0 && !hasExactMatch;\n  const resolvedEmptyText =\n    emptyText ?? (allowCustomValue ? t(\"ui.combobox.emptyAllowCustom\") : t(\"noResults\"));\n\n  return (\n    <Popover\n      open={disabled ? false : open}\n      onOpenChange={(o) => {\n        if (disabled) return;\n        setOpen(o);\n        // Reset the search text on close, matching the previous (uncontrolled\n        // cmdk-internal) behavior where the popover content unmounted and its\n        // own internal search state reset with it.\n        if (!o) setSearch(\"\");\n      }}\n    >\n      <PopoverTrigger asChild>\n        <Button\n          ref={ref}\n          variant=\"outline\"\n          id={id}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledby}\n          {...triggerProps}\n          role=\"combobox\"\n          aria-expanded={open}\n          disabled={disabled}\n          data-slot=\"combobox\"\n          className={cn(\"w-full justify-between font-normal\", triggerProps?.className, className)}\n        >\n          {current ? current.label : selected || resolvedPlaceholder}\n          <ChevronsUpDown className=\"ms-2 size-4 shrink-0 opacity-50\" />\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"w-[var(--radix-popover-trigger-width)] min-w-56 p-0\"\n        data-slot=\"combobox-content\"\n        // Radix Popover.Content renders role=\"dialog\"; without a name axe's\n        // aria-dialog-name rule (rightly) flags it. Reuse the trigger's own\n        // purpose label when the consumer set one, else fall back to the\n        // (already-translatable) search placeholder — no new hardcoded copy.\n        aria-label={ariaLabel ?? resolvedSearchPlaceholder}\n      >\n        <Command filter={allowCustomValue ? customValueFilter : undefined}>\n          <CommandInput\n            placeholder={resolvedSearchPlaceholder}\n            value={search}\n            onValueChange={setSearch}\n          />\n          <CommandList>\n            <CommandEmpty>{resolvedEmptyText}</CommandEmpty>\n            <CommandGroup>\n              {options.map((o) => (\n                <CommandItem\n                  key={o.value}\n                  value={o.value}\n                  keywords={[o.label]}\n                  onSelect={() => {\n                    setValue(o.value === selected ? \"\" : o.value);\n                    setOpen(false);\n                  }}\n                >\n                  <Check\n                    className={cn(\n                      \"me-2 size-4\",\n                      selected === o.value ? \"opacity-100\" : \"opacity-0\",\n                    )}\n                  />\n                  {o.label}\n                </CommandItem>\n              ))}\n              {showCustomValueItem ? (\n                <CommandItem\n                  value={CUSTOM_VALUE_ITEM}\n                  data-slot=\"combobox-custom-value\"\n                  onSelect={() => {\n                    setValue(trimmedSearch);\n                    setOpen(false);\n                  }}\n                >\n                  <Plus className=\"me-2 size-4 shrink-0 opacity-50\" />\n                  {t(\"ui.combobox.useCustomValue\", { value: trimmedSearch })}\n                </CommandItem>\n              ) : null}\n            </CommandGroup>\n          </CommandList>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  );\n});\n"],"mappings":"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","names":["Combobox"]}