@elabs-ai/components-ui 4.2.0 → 5.1.0

package/dist/chunk-SWQCCR6Q.js

@@ -0,0 +1,140 @@
+"use client";
+import {
+  formatLastOpened
+} from "./chunk-BZQF5QCN.js";
+import {
+  ModelPicker
+} from "./chunk-V5QCJHDA.js";
+import {
+  Input
+} from "./chunk-I3U52BDH.js";
+import {
+  useLocale
+} from "./chunk-EJQYE4MY.js";
+import {
+  Button
+} from "./chunk-C5QBV5RE.js";
+import {
+  cn
+} from "./chunk-FXWWDMMP.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-SWQCCR6Q.js.map

package/dist/chunk-SWQCCR6Q.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-T2XEMEN2.js

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

package/dist/chunk-T2XEMEN2.js.map

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

package/dist/chunk-T7JOWG2A.js

@@ -0,0 +1,10 @@
+"use client";
+
+// src/components/aspect-ratio/aspect-ratio.tsx
+import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
+var AspectRatio = AspectRatioPrimitive.Root;
+
+export {
+  AspectRatio
+};
+//# sourceMappingURL=chunk-T7JOWG2A.js.map

package/dist/chunk-T7JOWG2A.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/aspect-ratio/aspect-ratio.tsx"],"sourcesContent":["import * as AspectRatioPrimitive from \"@radix-ui/react-aspect-ratio\";\n\nexport const AspectRatio = AspectRatioPrimitive.Root;\n"],"mappings":";;;AAAA,YAAY,0BAA0B;AAE/B,IAAM,cAAmC;","names":[]}

package/dist/chunk-TAQI4JTE.js

@@ -0,0 +1,12 @@
+"use client";
+
+// src/lib/has-renderable-content.ts
+import { Children } from "react";
+function hasRenderableContent(node) {
+  return Boolean(node) && Children.toArray(node).filter(Boolean).length > 0;
+}
+
+export {
+  hasRenderableContent
+};
+//# sourceMappingURL=chunk-TAQI4JTE.js.map

package/dist/chunk-TAQI4JTE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/has-renderable-content.ts"],"sourcesContent":["import { Children, type ReactNode } from \"react\";\n\n/**\n * Whether `node` has any renderable content. `{condition && \"message\"}` is\n * the ordinary React idiom for optional content, and `condition === false`\n * must render nothing — a `false`/`0`/`\"\"`/`null`/`undefined` value is \"no\n * content\", not an empty paragraph/alert. `Boolean(node)` alone is not\n * enough: an array is always truthy, so `{errors.map(...)}` on an empty list\n * (or `[a && \"x\", b && \"y\"]` with both false) would still count as content.\n * `Children.toArray` drops `null`/`undefined`/booleans from an array but\n * KEEPS `\"\"` (and `0`), so an array like `[\"\", \"\"]` would still slip through\n * as \"content\" without the trailing `.filter(Boolean)` — filtering after\n * `toArray` is what makes this match the scalar check for every array shape,\n * not just the ones `toArray` already prunes.\n *\n * Shared by `FieldDescription`/`FieldError` (`../components/field/field.tsx`)\n * and `FieldRow` (`../components/field-row/field-row.tsx`) — extracted so a\n * fix to the predicate reaches every caller instead of drifting between\n * hand-duplicated copies, which is exactly how `FieldRow` ended up with the\n * weaker, bare-truthiness version of this check for two rounds of `Field*`\n * fixes (#93).\n *\n * **Known limit:** a `node` that is itself a component returning `null` (or\n * an empty fragment) is not knowable from the element before render — a\n * React element is always truthy, whatever the component it names will\n * return, so this function reports `true` for it. That limit is documented\n * on `FieldDescription`/`FieldError`/`FieldRow`'s own JSDoc; it is not, and\n * cannot be, fixed here.\n */\nexport function hasRenderableContent(node: ReactNode): boolean {\n  return Boolean(node) && Children.toArray(node).filter(Boolean).length > 0;\n}\n"],"mappings":";;;AAAA,SAAS,gBAAgC;AA6BlC,SAAS,qBAAqB,MAA0B;AAC7D,SAAO,QAAQ,IAAI,KAAK,SAAS,QAAQ,IAAI,EAAE,OAAO,OAAO,EAAE,SAAS;AAC1E;","names":[]}