@mastra/playground-ui 55.0.0 → 56.0.0-alpha.10

package/dist/components/FilterBar.es.js

@@ -0,0 +1,430 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { XIcon, Search, ListFilterIcon } from 'lucide-react';
+import { u as useFilterBarContext, a as FilterBarFieldLabel, f as fieldSegmentAccentStyle, s as segmentClass, b as useValueStep, m as matchesQueryFilter, c as FilterBarOptionList, d as FilterBarProvider, F as FilterBarChip } from '../filter-bar-chip-DyITaBNj.js';
+export { g as FilterBarChipField, h as FilterBarChipOperator, i as FilterBarChipRemove, j as FilterBarChipValue } from '../filter-bar-chip-DyITaBNj.js';
+import { B as Button } from '../Button-DS6O6fvU.js';
+import { useRef, useState, useMemo, useCallback } from 'react';
+import { c as cn } from '../cn-C6s2yXwM.js';
+import { c as comboboxStyles } from '../combobox-styles-BMerfYPX.js';
+import { Combobox } from '@base-ui/react/combobox';
+import { K as Kbd } from '../kbd-H5Qu573u.js';
+import { T as Txt } from '../Txt-hyo2FKuO.js';
+import { FLOATING_POSITION_METHOD } from '../primitives/floating.es.js';
+import { unstyledFormElementStyle, inputFocusBorderWithin, inputHoverBorderWithin } from '../primitives/form-element.es.js';
+import { MENU_SIDE_OFFSET } from '../primitives/menu-item.es.js';
+import { usePortalContainer } from '../primitives/portal-container.es.js';
+import { useIsApplePlatform } from '../hooks/use-keyboard-shortcut-label.es.js';
+import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
+
+function FilterBarClear({ label }) {
+  const ctx = useFilterBarContext();
+  if (!ctx.hasRemovableItems) return null;
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "ghost",
+      size: "icon-xs",
+      "aria-label": label,
+      tooltip: label,
+      onClick: (event) => {
+        event.stopPropagation();
+        ctx.clear();
+        ctx.focusInput();
+      },
+      children: /* @__PURE__ */ jsx(XIcon, {})
+    }
+  );
+}
+
+function FilterBarDraftChip({ field, operator }) {
+  if (!field) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "aria-hidden": true,
+      "data-slot": "filter-bar-draft-chip",
+      className: cn(
+        "flex max-w-full items-stretch divide-x divide-border1 rounded-lg border border-border1 bg-surface5 text-neutral5",
+        "rounded-r-none"
+      ),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: cn(segmentClass, "text-neutral6 last:rounded-r-none"), style: fieldSegmentAccentStyle(field), children: /* @__PURE__ */ jsx(FilterBarFieldLabel, { field }) }),
+        operator && /* @__PURE__ */ jsx("span", { className: cn(segmentClass, "last:rounded-r-none"), children: operator.label })
+      ]
+    }
+  );
+}
+
+const INITIAL_DRAFT = { step: "field" };
+const getItemLabel = (item) => "label" in item && item.label ? item.label : "value" in item ? item.value : "";
+function FilterBarInput({
+  placeholder = "Filter…",
+  className,
+  "aria-label": ariaLabel = "Add filter"
+}) {
+  const ctx = useFilterBarContext();
+  const container = usePortalContainer();
+  const inputRef = useRef(null);
+  const [open, setOpen] = useState(false);
+  const [query, setQuery] = useState("");
+  const [draft, setDraft] = useState(INITIAL_DRAFT);
+  const [highlighted, setHighlighted] = useState(null);
+  const modEnterLabel = useIsApplePlatform() ? "⌘↵" : "Ctrl ↵";
+  const field = draft.fieldId ? ctx.getField(draft.fieldId) : void 0;
+  const operator = draft.operatorId ? ctx.getOperator(draft.operatorId) : void 0;
+  const fieldOperators = useMemo(() => field ? ctx.getFieldOperators(field) : [], [ctx, field]);
+  const visibleFields = useMemo(() => ctx.fields.filter((f) => !f.hidden), [ctx.fields]);
+  const reset = useCallback(() => {
+    setDraft(INITIAL_DRAFT);
+    setQuery("");
+  }, []);
+  const close = useCallback(() => {
+    setOpen(false);
+    reset();
+  }, [reset]);
+  const commit = useCallback(
+    (fieldId, operatorId, value) => {
+      ctx.addItem({ fieldId, operatorId, value });
+      reset();
+      inputRef.current?.focus();
+    },
+    [ctx, reset]
+  );
+  const selectOperator = useCallback(
+    (fieldId, next) => {
+      if (next.arity === "none") {
+        commit(fieldId, next.id, "");
+        return;
+      }
+      setDraft({ step: "value", fieldId, operatorId: next.id });
+      setQuery("");
+    },
+    [commit]
+  );
+  const selectField = useCallback(
+    (next) => {
+      const [only, ...rest] = ctx.getFieldOperators(next);
+      if (only && rest.length === 0) {
+        selectOperator(next.id, only);
+        return;
+      }
+      setDraft({ step: "operator", fieldId: next.id });
+      setQuery("");
+    },
+    [ctx, selectOperator]
+  );
+  const valueStep = useValueStep({
+    field,
+    operator,
+    query,
+    enabled: open && draft.step === "value",
+    onCommit: (value) => {
+      if (draft.fieldId && draft.operatorId) commit(draft.fieldId, draft.operatorId, value);
+    }
+  });
+  const stepBack = useCallback(() => {
+    if (draft.step === "value") {
+      const skipOperator = field ? fieldOperators.length === 1 : false;
+      setDraft(skipOperator ? INITIAL_DRAFT : { step: "operator", fieldId: draft.fieldId });
+    } else if (draft.step === "operator") setDraft(INITIAL_DRAFT);
+    else setOpen(false);
+    setQuery("");
+  }, [draft, field, fieldOperators]);
+  const handleSelect = (item) => {
+    if (draft.step === "field") selectField(item);
+    else if (draft.step === "operator" && draft.fieldId) selectOperator(draft.fieldId, item);
+    else valueStep.handleSelect(item);
+  };
+  const handleKeyDown = (event) => {
+    if (event.key === "Escape") {
+      event.preventDefault();
+      event.preventBaseUIHandler();
+      stepBack();
+      return;
+    }
+    if (!open && (event.key === "ArrowDown" || event.key === "Enter")) {
+      event.preventDefault();
+      event.preventBaseUIHandler();
+      setOpen(true);
+      return;
+    }
+    if (query === "") {
+      if (event.key === "Backspace") {
+        event.preventDefault();
+        event.preventBaseUIHandler();
+        if (draft.step !== "field") stepBack();
+        else {
+          const last = ctx.items[ctx.items.length - 1];
+          if (last) ctx.removeItem(last.id);
+        }
+        return;
+      }
+      if (event.key === "ArrowLeft" && draft.step === "field") {
+        if (ctx.focusChip(ctx.items.length - 1, -1, "remove")) event.preventDefault();
+        return;
+      }
+    }
+    if (!open) return;
+    if (event.key === "Tab" && highlighted && draft.step !== "value" && (draft.step === "operator" || query !== "")) {
+      event.preventDefault();
+      event.preventBaseUIHandler();
+      handleSelect(highlighted);
+      return;
+    }
+    if (draft.step === "value") {
+      const highlightedOption = valueStep.hasSuggestions ? highlighted : null;
+      const handled = valueStep.handleKeyDown(event, highlightedOption);
+      if (handled || event.key === "Enter" && highlightedOption === null) event.preventBaseUIHandler();
+    }
+  };
+  const items = draft.step === "field" ? visibleFields : draft.step === "operator" ? fieldOperators : valueStep.options;
+  const searchPlaceholder = draft.step === "field" ? "Search fields…" : draft.step === "operator" ? "Search operators…" : "Search values…";
+  const inputPlaceholder = draft.step === "field" ? placeholder : draft.step === "operator" ? "Operator…" : valueStep.hasSuggestions && valueStep.allowFreeText ? "Search or type a value…" : field?.type === "number" ? "Number…" : "Value…";
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(FilterBarDraftChip, { field, operator: fieldOperators.length === 1 ? void 0 : operator }),
+    /* @__PURE__ */ jsxs(
+      Combobox.Root,
+      {
+        items,
+        itemToStringLabel: getItemLabel,
+        filter: draft.step === "value" ? null : matchesQueryFilter,
+        value: null,
+        onValueChange: (item, details) => {
+          details.cancel();
+          if (item) handleSelect(item);
+        },
+        inputValue: query,
+        onInputValueChange: (next, details) => {
+          if (details.reason !== "input-change") return;
+          setQuery(next);
+          if (!open) setOpen(true);
+        },
+        onItemHighlighted: (item) => setHighlighted(item ?? null),
+        open,
+        onOpenChange: (next, details) => {
+          if (!next && details.reason === "escape-key") return;
+          if (!next && details.reason === "outside-press" && details.event.target instanceof Node && inputRef.current?.contains(details.event.target)) {
+            return;
+          }
+          if (next) setOpen(true);
+          else close();
+        },
+        autoHighlight: "always",
+        modal: false,
+        children: [
+          /* @__PURE__ */ jsx(
+            Combobox.Input,
+            {
+              ref: (el) => {
+                inputRef.current = el;
+                ctx.registerInput(el);
+              },
+              "aria-label": ariaLabel,
+              spellCheck: false,
+              "data-slot": "filter-bar-input",
+              "data-step": draft.step,
+              inputMode: draft.step === "value" && field?.type === "number" ? "decimal" : void 0,
+              placeholder: inputPlaceholder,
+              className: cn(
+                // Naked control inside the styled FilterBar surface — same baseline as the DS Input `unstyled` variant.
+                unstyledFormElementStyle,
+                "flex-1 px-1 text-ui-smd leading-ui-sm text-neutral6",
+                "placeholder:text-neutral2 placeholder:transition-opacity placeholder:duration-normal focus:placeholder:opacity-70",
+                draft.step === "field" ? "min-w-32" : "min-w-24 pl-0",
+                className
+              ),
+              onFocus: () => setOpen(true),
+              onKeyDown: handleKeyDown
+            }
+          ),
+          /* @__PURE__ */ jsx(Combobox.Portal, { container, children: /* @__PURE__ */ jsx(
+            Combobox.Positioner,
+            {
+              align: "start",
+              sideOffset: MENU_SIDE_OFFSET,
+              positionMethod: FLOATING_POSITION_METHOD,
+              className: comboboxStyles.positioner,
+              children: /* @__PURE__ */ jsxs(
+                Combobox.Popup,
+                {
+                  className: cn(comboboxStyles.popup, "min-w-56"),
+                  "data-slot": "filter-bar-editor",
+                  children: [
+                    (draft.step !== "value" || valueStep.hasSuggestions) && // Search row mirroring the bar input, so the popup reads as a searchable combobox.
+                    // The bar input stays the only real input: focus and keyboard navigation never move.
+                    /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        className: cn(comboboxStyles.searchContainer, "cursor-text"),
+                        "data-slot": "filter-bar-search",
+                        onMouseDown: (e) => e.preventDefault(),
+                        onClick: () => inputRef.current?.focus(),
+                        children: [
+                          /* @__PURE__ */ jsx(Search, { className: comboboxStyles.searchIcon }),
+                          /* @__PURE__ */ jsx(
+                            "span",
+                            {
+                              className: cn(
+                                comboboxStyles.searchInput,
+                                "flex items-center truncate",
+                                query === "" && comboboxStyles.placeholder
+                              ),
+                              children: query === "" ? searchPlaceholder : query
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    draft.step === "field" && /* @__PURE__ */ jsx(
+                      FilterBarOptionList,
+                      {
+                        "aria-label": "Fields",
+                        getKey: (f) => f.id,
+                        renderOption: (f) => /* @__PURE__ */ jsx(FilterBarFieldLabel, { field: f }),
+                        emptyText: "No matching field."
+                      }
+                    ),
+                    draft.step === "operator" && /* @__PURE__ */ jsx(
+                      FilterBarOptionList,
+                      {
+                        "aria-label": "Operators",
+                        getKey: (o) => o.id,
+                        renderOption: (o) => o.label,
+                        emptyText: "No matching operator."
+                      }
+                    ),
+                    draft.step === "value" && valueStep.hasSuggestions && /* @__PURE__ */ jsx(
+                      FilterBarOptionList,
+                      {
+                        "aria-label": "Values",
+                        "aria-multiselectable": valueStep.isMany || void 0,
+                        getKey: (o) => o.value,
+                        renderOption: (o) => o.label ?? o.value,
+                        isSelected: (o) => valueStep.isMany && valueStep.selected.includes(o.value),
+                        isLoading: valueStep.isLoading,
+                        error: valueStep.error,
+                        emptyText: valueStep.allowFreeText ? "No suggestions — press Enter to use your text." : "No matching value."
+                      }
+                    ),
+                    draft.step === "value" && !valueStep.hasSuggestions && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 py-1 pr-1 pl-[.9em]", children: [
+                      /* @__PURE__ */ jsx(Txt, { variant: "ui-sm", className: "text-neutral3", children: "Type a value" }),
+                      /* @__PURE__ */ jsxs(
+                        Button,
+                        {
+                          size: "xs",
+                          variant: "default",
+                          disabled: !valueStep.canCommitQuery,
+                          onMouseDown: (e) => e.preventDefault(),
+                          onClick: () => valueStep.commitFreeText(),
+                          children: [
+                            "Apply",
+                            /* @__PURE__ */ jsx(Kbd, { size: "xs", children: "↵" })
+                          ]
+                        }
+                      )
+                    ] }),
+                    draft.step === "value" && valueStep.isMany && /* @__PURE__ */ jsx("div", { className: "border-border1 flex items-center justify-end gap-1 border-t p-1", children: /* @__PURE__ */ jsxs(
+                      Button,
+                      {
+                        size: "xs",
+                        variant: "default",
+                        onMouseDown: (e) => e.preventDefault(),
+                        onClick: () => valueStep.commitSelection() || valueStep.commitFreeText(),
+                        children: [
+                          "Done",
+                          /* @__PURE__ */ jsx(Kbd, { size: "xs", children: modEnterLabel })
+                        ]
+                      }
+                    ) })
+                  ]
+                }
+              )
+            }
+          ) })
+        ]
+      }
+    )
+  ] });
+}
+
+function FilterBarSurface({
+  className,
+  clearLabel,
+  children
+}) {
+  const ctx = useFilterBarContext();
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "group",
+      "aria-label": ctx.ariaLabel,
+      "data-slot": "filter-bar",
+      className: cn(
+        // Same surface/hover/focus recipe as InputGroup (wrapper whose focus lives on the nested input).
+        // Layout: leading icon | wrapping chip list | Clear. Icon and Clear stay pinned to the
+        // first line; only the list wraps.
+        "flex w-full items-start gap-0.5 rounded-2xl border border-border1 bg-surface-overlay-soft p-0.5",
+        "cursor-text transition-all duration-normal ease-out-custom",
+        "hover:bg-surface-overlay-strong",
+        inputHoverBorderWithin,
+        "outline-hidden focus-within:bg-surface-overlay-strong focus-within:outline-hidden",
+        inputFocusBorderWithin,
+        className
+      ),
+      onClick: ctx.focusInput,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "flex shrink-0 items-center py-1 pr-1 pl-1.5", children: /* @__PURE__ */ jsx(ListFilterIcon, { "aria-hidden": true, className: "text-neutral3 size-3" }) }),
+        /* @__PURE__ */ jsx("div", { "data-slot": "filter-bar-list", className: "flex min-w-0 flex-1 flex-wrap items-center gap-0.5", children }),
+        /* @__PURE__ */ jsx("span", { className: "flex shrink-0 items-center empty:hidden", children: /* @__PURE__ */ jsx(FilterBarClear, { label: clearLabel }) }),
+        /* @__PURE__ */ jsx(VisuallyHidden, { "aria-live": "polite", children: ctx.announcement })
+      ]
+    }
+  );
+}
+function FilterBar({
+  fields,
+  operators,
+  value,
+  onValueChange,
+  "aria-label": ariaLabel = "Filters",
+  clearLabel = "Clear filters",
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsx(
+    FilterBarProvider,
+    {
+      fields,
+      operators,
+      value,
+      onValueChange,
+      ariaLabel,
+      children: /* @__PURE__ */ jsx(FilterBarSurface, { className, clearLabel, children })
+    }
+  );
+}
+function FilterBarChips() {
+  const ctx = useFilterBarContext();
+  return /* @__PURE__ */ jsx(Fragment, { children: ctx.items.map((item) => /* @__PURE__ */ jsx(FilterBarChip, { item }, item.id)) });
+}
+FilterBar.Chips = FilterBarChips;
+FilterBar.Chip = FilterBarChip;
+FilterBar.Input = FilterBarInput;
+
+const DEFAULT_FILTER_OPERATORS = [
+  { id: "is", label: "is" },
+  { id: "is-not", label: "is not" },
+  { id: "contains", label: "contains" },
+  { id: "not-contains", label: "does not contain" },
+  { id: "starts-with", label: "starts with" },
+  { id: "gt", label: ">" },
+  { id: "lt", label: "<" },
+  { id: "gte", label: ">=" },
+  { id: "lte", label: "<=" },
+  { id: "is-empty", label: "is empty", arity: "none" },
+  { id: "is-not-empty", label: "is not empty", arity: "none" },
+  { id: "in", label: "in", arity: "many" }
+];
+
+export { DEFAULT_FILTER_OPERATORS, FilterBar, FilterBarChip, FilterBarChips, FilterBarInput };
+//# sourceMappingURL=FilterBar.es.js.map

package/dist/components/FilterBar.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBar.es.js","sources":["../../src/ds/components/FilterBar/filter-bar-clear.tsx","../../src/ds/components/FilterBar/filter-bar-draft-chip.tsx","../../src/ds/components/FilterBar/filter-bar-input.tsx","../../src/ds/components/FilterBar/filter-bar.tsx","../../src/ds/components/FilterBar/default-operators.ts"],"sourcesContent":["import { XIcon } from 'lucide-react';\nimport { useFilterBarContext } from './filter-bar-context';\nimport { Button } from '@/ds/components/Button/Button';\n\n/** Removes every removable filter. Rendered by FilterBar at its trailing edge; hidden while nothing can be removed. */\nexport function FilterBarClear({ label }: { label: string }) {\n  const ctx = useFilterBarContext();\n  if (!ctx.hasRemovableItems) return null;\n  return (\n    <Button\n      variant=\"ghost\"\n      size=\"icon-xs\"\n      aria-label={label}\n      tooltip={label}\n      onClick={event => {\n        event.stopPropagation();\n        ctx.clear();\n        ctx.focusInput();\n      }}\n    >\n      <XIcon />\n    </Button>\n  );\n}\n","import { FilterBarFieldLabel, fieldSegmentAccentStyle, segmentClass } from './filter-bar-chip';\nimport type { FilterBarField, FilterBarOperator } from './types';\nimport { cn } from '@/lib/utils';\n\nexport type FilterBarDraftChipProps = {\n  field: FilterBarField | undefined;\n  operator: FilterBarOperator | undefined;\n};\n\n/**\n * The in-progress filter, accumulated inline next to the input as its segments\n * get picked (`Status` → `Status · is`). Purely presentational: the input owns\n * the draft and handles stepping back (Escape / Backspace).\n */\nexport function FilterBarDraftChip({ field, operator }: FilterBarDraftChipProps) {\n  if (!field) return null;\n  return (\n    <div\n      aria-hidden\n      data-slot=\"filter-bar-draft-chip\"\n      className={cn(\n        'flex max-w-full items-stretch divide-x divide-border1 rounded-lg border border-border1 bg-surface5 text-neutral5',\n        'rounded-r-none',\n      )}\n    >\n      <span className={cn(segmentClass, 'text-neutral6 last:rounded-r-none')} style={fieldSegmentAccentStyle(field)}>\n        <FilterBarFieldLabel field={field} />\n      </span>\n      {operator && <span className={cn(segmentClass, 'last:rounded-r-none')}>{operator.label}</span>}\n    </div>\n  );\n}\n","import type { BaseUIEvent } from '@base-ui/react/types';\nimport { Search } from 'lucide-react';\nimport { useCallback, useMemo, useRef, useState } from 'react';\nimport type { KeyboardEvent } from 'react';\nimport { FilterBarFieldLabel } from './filter-bar-chip';\nimport { useFilterBarContext } from './filter-bar-context';\nimport { FilterBarDraftChip } from './filter-bar-draft-chip';\nimport { FilterBarOptionList } from './filter-bar-option-list';\nimport { matchesQueryFilter } from './match-query';\nimport type { FilterBarField, FilterBarOperator, FilterBarOption, FilterBarValue } from './types';\nimport { useValueStep } from './use-value-step';\nimport { Button } from '@/ds/components/Button/Button';\nimport { ComboboxPrimitive, comboboxStyles } from '@/ds/components/Combobox';\nimport { Kbd } from '@/ds/components/Kbd/kbd';\nimport { Txt } from '@/ds/components/Txt';\nimport { FLOATING_POSITION_METHOD } from '@/ds/primitives/floating';\nimport { unstyledFormElementStyle } from '@/ds/primitives/form-element';\nimport { MENU_SIDE_OFFSET } from '@/ds/primitives/menu-item';\nimport { usePortalContainer } from '@/ds/primitives/portal-container';\nimport { useIsApplePlatform } from '@/hooks/use-keyboard-shortcut-label';\nimport { cn } from '@/lib/utils';\n\ntype Step = 'field' | 'operator' | 'value';\n\ntype Draft = {\n  step: Step;\n  fieldId?: string;\n  operatorId?: string;\n};\n\ntype Item = FilterBarField | FilterBarOperator | FilterBarOption;\n\nconst INITIAL_DRAFT: Draft = { step: 'field' };\n\nconst getItemLabel = (item: Item) => ('label' in item && item.label ? item.label : 'value' in item ? item.value : '');\n\nexport type FilterBarInputProps = {\n  placeholder?: string;\n  className?: string;\n  'aria-label'?: string;\n};\n\n/**\n * Typeahead entry point: type to pick a field, then an operator, then a value.\n * Focus never leaves the input; the popup is driven with the arrow keys.\n */\nexport function FilterBarInput({\n  placeholder = 'Filter…',\n  className,\n  'aria-label': ariaLabel = 'Add filter',\n}: FilterBarInputProps) {\n  const ctx = useFilterBarContext();\n  const container = usePortalContainer();\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const [open, setOpen] = useState(false);\n  const [query, setQuery] = useState('');\n  const [draft, setDraft] = useState<Draft>(INITIAL_DRAFT);\n  const [highlighted, setHighlighted] = useState<Item | null>(null);\n  const modEnterLabel = useIsApplePlatform() ? '⌘↵' : 'Ctrl ↵';\n\n  const field = draft.fieldId ? ctx.getField(draft.fieldId) : undefined;\n  const operator = draft.operatorId ? ctx.getOperator(draft.operatorId) : undefined;\n  const fieldOperators = useMemo(() => (field ? ctx.getFieldOperators(field) : []), [ctx, field]);\n  const visibleFields = useMemo(() => ctx.fields.filter(f => !f.hidden), [ctx.fields]);\n\n  const reset = useCallback(() => {\n    setDraft(INITIAL_DRAFT);\n    setQuery('');\n  }, []);\n\n  const close = useCallback(() => {\n    setOpen(false);\n    reset();\n  }, [reset]);\n\n  const commit = useCallback(\n    (fieldId: string, operatorId: string, value: FilterBarValue) => {\n      ctx.addItem({ fieldId, operatorId, value });\n      reset();\n      inputRef.current?.focus();\n    },\n    [ctx, reset],\n  );\n\n  const selectOperator = useCallback(\n    (fieldId: string, next: FilterBarOperator) => {\n      if (next.arity === 'none') {\n        commit(fieldId, next.id, '');\n        return;\n      }\n      setDraft({ step: 'value', fieldId, operatorId: next.id });\n      setQuery('');\n    },\n    [commit],\n  );\n\n  const selectField = useCallback(\n    (next: FilterBarField) => {\n      // A single allowed operator is implied: skip straight to the value step.\n      const [only, ...rest] = ctx.getFieldOperators(next);\n      if (only && rest.length === 0) {\n        selectOperator(next.id, only);\n        return;\n      }\n      setDraft({ step: 'operator', fieldId: next.id });\n      setQuery('');\n    },\n    [ctx, selectOperator],\n  );\n\n  const valueStep = useValueStep({\n    field,\n    operator,\n    query,\n    enabled: open && draft.step === 'value',\n    onCommit: value => {\n      if (draft.fieldId && draft.operatorId) commit(draft.fieldId, draft.operatorId, value);\n    },\n  });\n\n  const stepBack = useCallback(() => {\n    if (draft.step === 'value') {\n      // Back to the field step when the operator was implied (single operator).\n      const skipOperator = field ? fieldOperators.length === 1 : false;\n      setDraft(skipOperator ? INITIAL_DRAFT : { step: 'operator', fieldId: draft.fieldId });\n    } else if (draft.step === 'operator') setDraft(INITIAL_DRAFT);\n    else setOpen(false);\n    setQuery('');\n  }, [draft, field, fieldOperators]);\n\n  // Selection is routed per step and never kept by Base UI (`value` stays null).\n  const handleSelect = (item: Item) => {\n    if (draft.step === 'field') selectField(item as FilterBarField);\n    else if (draft.step === 'operator' && draft.fieldId) selectOperator(draft.fieldId, item as FilterBarOperator);\n    else valueStep.handleSelect(item as FilterBarOption);\n  };\n\n  // App-level keys run before Base UI's own input handling.\n  const handleKeyDown = (event: BaseUIEvent<KeyboardEvent<HTMLInputElement>>) => {\n    if (event.key === 'Escape') {\n      event.preventDefault();\n      event.preventBaseUIHandler();\n      stepBack();\n      return;\n    }\n    if (!open && (event.key === 'ArrowDown' || event.key === 'Enter')) {\n      event.preventDefault();\n      event.preventBaseUIHandler();\n      setOpen(true);\n      return;\n    }\n    if (query === '') {\n      if (event.key === 'Backspace') {\n        event.preventDefault();\n        event.preventBaseUIHandler();\n        if (draft.step !== 'field') stepBack();\n        else {\n          const last = ctx.items[ctx.items.length - 1];\n          if (last) ctx.removeItem(last.id);\n        }\n        return;\n      }\n      if (event.key === 'ArrowLeft' && draft.step === 'field') {\n        if (ctx.focusChip(ctx.items.length - 1, -1, 'remove')) event.preventDefault();\n        return;\n      }\n    }\n    if (!open) return;\n\n    if (event.key === 'Tab' && highlighted && draft.step !== 'value' && (draft.step === 'operator' || query !== '')) {\n      event.preventDefault();\n      event.preventBaseUIHandler();\n      handleSelect(highlighted);\n      return;\n    }\n    if (draft.step === 'value') {\n      const highlightedOption = valueStep.hasSuggestions ? (highlighted as FilterBarOption | null) : null;\n      const handled = valueStep.handleKeyDown(event, highlightedOption);\n      // Base UI closes on Enter when nothing is highlighted (form submission); the draft must stay open.\n      if (handled || (event.key === 'Enter' && highlightedOption === null)) event.preventBaseUIHandler();\n    }\n  };\n\n  const items: readonly Item[] =\n    draft.step === 'field' ? visibleFields : draft.step === 'operator' ? fieldOperators : valueStep.options;\n\n  const searchPlaceholder =\n    draft.step === 'field' ? 'Search fields…' : draft.step === 'operator' ? 'Search operators…' : 'Search values…';\n\n  const inputPlaceholder =\n    draft.step === 'field'\n      ? placeholder\n      : draft.step === 'operator'\n        ? 'Operator…'\n        : valueStep.hasSuggestions && valueStep.allowFreeText\n          ? 'Search or type a value…'\n          : field?.type === 'number'\n            ? 'Number…'\n            : 'Value…';\n\n  return (\n    <>\n      <FilterBarDraftChip field={field} operator={fieldOperators.length === 1 ? undefined : operator} />\n      <ComboboxPrimitive.Root<Item>\n        items={items}\n        itemToStringLabel={getItemLabel}\n        // The value step is already filtered (locally or server-side) by useValueSuggestions.\n        filter={draft.step === 'value' ? null : matchesQueryFilter}\n        value={null}\n        onValueChange={(item, details) => {\n          // Never let Base UI keep the selection, fill the input or close: each step routes it.\n          details.cancel();\n          if (item) handleSelect(item);\n        }}\n        inputValue={query}\n        onInputValueChange={(next, details) => {\n          if (details.reason !== 'input-change') return;\n          setQuery(next);\n          if (!open) setOpen(true);\n        }}\n        onItemHighlighted={item => setHighlighted(item ?? null)}\n        open={open}\n        onOpenChange={(next, details) => {\n          // Escape is handled by the input (it steps back rather than closing).\n          if (!next && details.reason === 'escape-key') return;\n          // The input is the anchor, not a trigger: clicking it must keep the draft open.\n          if (\n            !next &&\n            details.reason === 'outside-press' &&\n            details.event.target instanceof Node &&\n            inputRef.current?.contains(details.event.target)\n          ) {\n            return;\n          }\n          if (next) setOpen(true);\n          else close();\n        }}\n        // ComboboxRoot's typings narrow `autoHighlight` to boolean, but the runtime (shared with\n        // AutocompleteRoot) supports 'always': highlight the first item as soon as the list opens.\n        autoHighlight={'always' as unknown as boolean}\n        modal={false}\n      >\n        <ComboboxPrimitive.Input\n          ref={el => {\n            inputRef.current = el;\n            ctx.registerInput(el);\n          }}\n          aria-label={ariaLabel}\n          spellCheck={false}\n          data-slot=\"filter-bar-input\"\n          data-step={draft.step}\n          inputMode={draft.step === 'value' && field?.type === 'number' ? 'decimal' : undefined}\n          placeholder={inputPlaceholder}\n          className={cn(\n            // Naked control inside the styled FilterBar surface — same baseline as the DS Input `unstyled` variant.\n            unstyledFormElementStyle,\n            'flex-1 px-1 text-ui-smd leading-ui-sm text-neutral6',\n            'placeholder:text-neutral2 placeholder:transition-opacity placeholder:duration-normal focus:placeholder:opacity-70',\n            draft.step === 'field' ? 'min-w-32' : 'min-w-24 pl-0',\n            className,\n          )}\n          onFocus={() => setOpen(true)}\n          onKeyDown={handleKeyDown}\n        />\n        <ComboboxPrimitive.Portal container={container}>\n          <ComboboxPrimitive.Positioner\n            align=\"start\"\n            sideOffset={MENU_SIDE_OFFSET}\n            positionMethod={FLOATING_POSITION_METHOD}\n            className={comboboxStyles.positioner}\n          >\n            <ComboboxPrimitive.Popup // The input stretches across the bar, so drop the anchor-width floor: size to content.\n              className={cn(comboboxStyles.popup, 'min-w-56')}\n              data-slot=\"filter-bar-editor\"\n            >\n              {(draft.step !== 'value' || valueStep.hasSuggestions) && (\n                // Search row mirroring the bar input, so the popup reads as a searchable combobox.\n                // The bar input stays the only real input: focus and keyboard navigation never move.\n                <div\n                  className={cn(comboboxStyles.searchContainer, 'cursor-text')}\n                  data-slot=\"filter-bar-search\"\n                  onMouseDown={e => e.preventDefault()}\n                  onClick={() => inputRef.current?.focus()}\n                >\n                  <Search className={comboboxStyles.searchIcon} />\n                  <span\n                    className={cn(\n                      comboboxStyles.searchInput,\n                      'flex items-center truncate',\n                      query === '' && comboboxStyles.placeholder,\n                    )}\n                  >\n                    {query === '' ? searchPlaceholder : query}\n                  </span>\n                </div>\n              )}\n              {draft.step === 'field' && (\n                <FilterBarOptionList<FilterBarField>\n                  aria-label=\"Fields\"\n                  getKey={f => f.id}\n                  renderOption={f => <FilterBarFieldLabel field={f} />}\n                  emptyText=\"No matching field.\"\n                />\n              )}\n              {draft.step === 'operator' && (\n                <FilterBarOptionList<FilterBarOperator>\n                  aria-label=\"Operators\"\n                  getKey={o => o.id}\n                  renderOption={o => o.label}\n                  emptyText=\"No matching operator.\"\n                />\n              )}\n              {draft.step === 'value' && valueStep.hasSuggestions && (\n                <FilterBarOptionList<FilterBarOption>\n                  aria-label=\"Values\"\n                  aria-multiselectable={valueStep.isMany || undefined}\n                  getKey={o => o.value}\n                  renderOption={o => o.label ?? o.value}\n                  isSelected={o => valueStep.isMany && valueStep.selected.includes(o.value)}\n                  isLoading={valueStep.isLoading}\n                  error={valueStep.error}\n                  emptyText={\n                    valueStep.allowFreeText ? 'No suggestions — press Enter to use your text.' : 'No matching value.'\n                  }\n                />\n              )}\n              {draft.step === 'value' && !valueStep.hasSuggestions && (\n                <div className=\"flex items-center justify-between gap-2 py-1 pr-1 pl-[.9em]\">\n                  <Txt variant=\"ui-sm\" className=\"text-neutral3\">\n                    Type a value\n                  </Txt>\n                  <Button\n                    size=\"xs\"\n                    variant=\"default\"\n                    disabled={!valueStep.canCommitQuery}\n                    onMouseDown={e => e.preventDefault()}\n                    onClick={() => valueStep.commitFreeText()}\n                  >\n                    Apply\n                    <Kbd size=\"xs\">↵</Kbd>\n                  </Button>\n                </div>\n              )}\n              {draft.step === 'value' && valueStep.isMany && (\n                <div className=\"border-border1 flex items-center justify-end gap-1 border-t p-1\">\n                  <Button\n                    size=\"xs\"\n                    variant=\"default\"\n                    onMouseDown={e => e.preventDefault()}\n                    onClick={() => valueStep.commitSelection() || valueStep.commitFreeText()}\n                  >\n                    Done\n                    <Kbd size=\"xs\">{modEnterLabel}</Kbd>\n                  </Button>\n                </div>\n              )}\n            </ComboboxPrimitive.Popup>\n          </ComboboxPrimitive.Positioner>\n        </ComboboxPrimitive.Portal>\n      </ComboboxPrimitive.Root>\n    </>\n  );\n}\n","import { ListFilterIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { FilterBarChip } from './filter-bar-chip';\nimport { FilterBarClear } from './filter-bar-clear';\nimport { FilterBarProvider, useFilterBarContext } from './filter-bar-context';\nimport { FilterBarInput } from './filter-bar-input';\nimport type { FilterBarField, FilterBarItem, FilterBarOperator } from './types';\nimport { inputFocusBorderWithin, inputHoverBorderWithin } from '@/ds/primitives/form-element';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\nimport { cn } from '@/lib/utils';\n\nexport type FilterBarProps = {\n  fields: FilterBarField[];\n  operators: FilterBarOperator[];\n  value: FilterBarItem[];\n  onValueChange: (items: FilterBarItem[]) => void;\n  'aria-label'?: string;\n  /** Accessible label of the trailing \"remove every filter\" button. */\n  clearLabel?: string;\n  className?: string;\n  children: ReactNode;\n};\n\nfunction FilterBarSurface({\n  className,\n  clearLabel,\n  children,\n}: {\n  className?: string;\n  clearLabel: string;\n  children: ReactNode;\n}) {\n  const ctx = useFilterBarContext();\n  return (\n    <div\n      role=\"group\"\n      aria-label={ctx.ariaLabel}\n      data-slot=\"filter-bar\"\n      className={cn(\n        // Same surface/hover/focus recipe as InputGroup (wrapper whose focus lives on the nested input).\n        // Layout: leading icon | wrapping chip list | Clear. Icon and Clear stay pinned to the\n        // first line; only the list wraps.\n        'flex w-full items-start gap-0.5 rounded-2xl border border-border1 bg-surface-overlay-soft p-0.5',\n        'cursor-text transition-all duration-normal ease-out-custom',\n        'hover:bg-surface-overlay-strong',\n        inputHoverBorderWithin,\n        'outline-hidden focus-within:bg-surface-overlay-strong focus-within:outline-hidden',\n        inputFocusBorderWithin,\n        className,\n      )}\n      onClick={ctx.focusInput}\n    >\n      <span className=\"flex shrink-0 items-center py-1 pr-1 pl-1.5\">\n        <ListFilterIcon aria-hidden className=\"text-neutral3 size-3\" />\n      </span>\n      <div data-slot=\"filter-bar-list\" className=\"flex min-w-0 flex-1 flex-wrap items-center gap-0.5\">\n        {children}\n      </div>\n      <span className=\"flex shrink-0 items-center empty:hidden\">\n        <FilterBarClear label={clearLabel} />\n      </span>\n      <VisuallyHidden aria-live=\"polite\">{ctx.announcement}</VisuallyHidden>\n    </div>\n  );\n}\n\n/**\n * Braintrust-style filter bar: `field → operator → value` filters built from a\n * single typeahead input, rendered as inline editable chips. Domain-agnostic —\n * fields, operators and values are plain strings supplied by the consumer.\n *\n * @example\n * <FilterBar value={items} onValueChange={setItems} fields={fields} operators={DEFAULT_FILTER_OPERATORS}>\n *   <FilterBar.Chips />\n *   <FilterBar.Input />\n * </FilterBar>\n */\nexport function FilterBar({\n  fields,\n  operators,\n  value,\n  onValueChange,\n  'aria-label': ariaLabel = 'Filters',\n  clearLabel = 'Clear filters',\n  className,\n  children,\n}: FilterBarProps) {\n  return (\n    <FilterBarProvider\n      fields={fields}\n      operators={operators}\n      value={value}\n      onValueChange={onValueChange}\n      ariaLabel={ariaLabel}\n    >\n      <FilterBarSurface className={className} clearLabel={clearLabel}>\n        {children}\n      </FilterBarSurface>\n    </FilterBarProvider>\n  );\n}\n\n/** Default layout: one editable chip per item, in order. */\nexport function FilterBarChips() {\n  const ctx = useFilterBarContext();\n  return (\n    <>\n      {ctx.items.map(item => (\n        <FilterBarChip key={item.id} item={item} />\n      ))}\n    </>\n  );\n}\n\nFilterBar.Chips = FilterBarChips;\nFilterBar.Chip = FilterBarChip;\nFilterBar.Input = FilterBarInput;\n","import type { FilterBarOperator } from './types';\n\n/** Opt-in starter set. Pure data: the component attaches no semantics to ids. */\nexport const DEFAULT_FILTER_OPERATORS: FilterBarOperator[] = [\n  { id: 'is', label: 'is' },\n  { id: 'is-not', label: 'is not' },\n  { id: 'contains', label: 'contains' },\n  { id: 'not-contains', label: 'does not contain' },\n  { id: 'starts-with', label: 'starts with' },\n  { id: 'gt', label: '>' },\n  { id: 'lt', label: '<' },\n  { id: 'gte', label: '>=' },\n  { id: 'lte', label: '<=' },\n  { id: 'is-empty', label: 'is empty', arity: 'none' },\n  { id: 'is-not-empty', label: 'is not empty', arity: 'none' },\n  { id: 'in', label: 'in', arity: 'many' },\n];\n"],"names":["ComboboxPrimitive"],"mappings":"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"}

package/dist/components/FormFieldBlocks.cjs.js

@@ -2,12 +2,13 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const fieldBlock = require('../field-block-DosykAiQ.cjs');
+const fieldBlock = require('../field-block-An2PO2_X.cjs');
+const fieldErrorId = require('../field-error-id-B3Z2Zu5y.cjs');
 const jsxRuntime = require('react/jsx-runtime');
-const utils_cn = require('../cn-DnbTIGXa.cjs');
-const textFieldBlock = require('../text-field-block-WuwrSNEX.cjs');
-const searchFieldBlock = require('../search-field-block-DnJYUEGi.cjs');
-const selectFieldBlock = require('../select-field-block-By8NfJoe.cjs');
+const utils_cn = require('../cn-BuHW7Wrt.cjs');
+const textFieldBlock = require('../text-field-block-hN70Jj6a.cjs');
+const searchFieldBlock = require('../search-field-block-jfMFV7AD.cjs');
+const selectFieldBlock = require('../select-field-block-BAZKc6ck.cjs');
 
 function FieldBlocksLayoutColumn({ children, className }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("grid content-start gap-6", className), children });
@@ -36,6 +37,7 @@ const FieldBlocksLayout = Object.assign(FieldBlocksLayoutRoot, {
 });
 
 exports.FieldBlock = fieldBlock.FieldBlock;
+exports.fieldErrorId = fieldErrorId.fieldErrorId;
 exports.TextFieldBlock = textFieldBlock.TextFieldBlock;
 exports.SearchFieldBlock = searchFieldBlock.SearchFieldBlock;
 exports.SelectFieldBlock = selectFieldBlock.SelectFieldBlock;

package/dist/components/FormFieldBlocks.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormFieldBlocks.cjs.js","sources":["../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout-column.tsx","../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout-root.tsx","../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type FieldBlocksLayoutColumnProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function FieldBlocksLayoutColumn({ children, className }: FieldBlocksLayoutColumnProps) {\n  return <div className={cn('grid content-start gap-6', className)}>{children}</div>;\n}\n","import { cn } from '@/lib/utils';\n\nexport type FieldBlocksLayoutRootProps = {\n  children: React.ReactNode;\n  className?: string;\n  columns?: 1 | 2;\n  gap?: string;\n};\n\nexport function FieldBlocksLayoutRoot({ children, className, columns = 1, gap }: FieldBlocksLayoutRootProps) {\n  return (\n    <div\n      className={cn(\n        'grid',\n        {\n          'grid-cols-1': columns === 1,\n          'grid-cols-2': columns === 2,\n        },\n        gap ?? 'gap-6',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n","import { FieldBlocksLayoutColumn } from './field-blocks-layout-column';\nimport { FieldBlocksLayoutRoot } from './field-blocks-layout-root';\n\nexport const FieldBlocksLayout = Object.assign(FieldBlocksLayoutRoot, {\n  Column: FieldBlocksLayoutColumn,\n});\n"],"names":["cn","jsx"],"mappings":";;;;;;;;;;;AAOO,SAAS,uBAAA,CAAwB,EAAE,QAAA,EAAU,SAAA,EAAU,EAAiC;AAC7F,EAAA,sCAAQ,KAAA,EAAA,EAAI,SAAA,EAAWA,YAAG,0BAAA,EAA4B,SAAS,GAAI,QAAA,EAAS,CAAA;AAC9E;;ACAO,SAAS,sBAAsB,EAAE,QAAA,EAAU,WAAW,OAAA,GAAU,CAAA,EAAG,KAAI,EAA+B;AAC3G,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWD,WAAA;AAAA,QACT,MAAA;AAAA,QACA;AAAA,UACE,eAAe,OAAA,KAAY,CAAA;AAAA,UAC3B,eAAe,OAAA,KAAY;AAAA,SAC7B;AAAA,QACA,GAAA,IAAO,OAAA;AAAA,QACP;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;;ACtBO,MAAM,iBAAA,GAAoB,MAAA,CAAO,MAAA,CAAO,qBAAA,EAAuB;AAAA,EACpE,MAAA,EAAQ;AACV,CAAC;;;;;;;;"}
+{"version":3,"file":"FormFieldBlocks.cjs.js","sources":["../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout-column.tsx","../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout-root.tsx","../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type FieldBlocksLayoutColumnProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function FieldBlocksLayoutColumn({ children, className }: FieldBlocksLayoutColumnProps) {\n  return <div className={cn('grid content-start gap-6', className)}>{children}</div>;\n}\n","import { cn } from '@/lib/utils';\n\nexport type FieldBlocksLayoutRootProps = {\n  children: React.ReactNode;\n  className?: string;\n  columns?: 1 | 2;\n  gap?: string;\n};\n\nexport function FieldBlocksLayoutRoot({ children, className, columns = 1, gap }: FieldBlocksLayoutRootProps) {\n  return (\n    <div\n      className={cn(\n        'grid',\n        {\n          'grid-cols-1': columns === 1,\n          'grid-cols-2': columns === 2,\n        },\n        gap ?? 'gap-6',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n","import { FieldBlocksLayoutColumn } from './field-blocks-layout-column';\nimport { FieldBlocksLayoutRoot } from './field-blocks-layout-root';\n\nexport const FieldBlocksLayout = Object.assign(FieldBlocksLayoutRoot, {\n  Column: FieldBlocksLayoutColumn,\n});\n"],"names":["cn","jsx"],"mappings":";;;;;;;;;;;;AAOO,SAAS,uBAAA,CAAwB,EAAE,QAAA,EAAU,SAAA,EAAU,EAAiC;AAC7F,EAAA,sCAAQ,KAAA,EAAA,EAAI,SAAA,EAAWA,YAAG,0BAAA,EAA4B,SAAS,GAAI,QAAA,EAAS,CAAA;AAC9E;;ACAO,SAAS,sBAAsB,EAAE,QAAA,EAAU,WAAW,OAAA,GAAU,CAAA,EAAG,KAAI,EAA+B;AAC3G,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWD,WAAA;AAAA,QACT,MAAA;AAAA,QACA;AAAA,UACE,eAAe,OAAA,KAAY,CAAA;AAAA,UAC3B,eAAe,OAAA,KAAY;AAAA,SAC7B;AAAA,QACA,GAAA,IAAO,OAAA;AAAA,QACP;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;;ACtBO,MAAM,iBAAA,GAAoB,MAAA,CAAO,MAAA,CAAO,qBAAA,EAAuB;AAAA,EACpE,MAAA,EAAQ;AACV,CAAC;;;;;;;;;"}

package/dist/components/FormFieldBlocks.es.js

@@ -1,9 +1,10 @@
-export { F as FieldBlock } from '../field-block-CVOfRWvX.js';
+export { F as FieldBlock } from '../field-block-CQkD13nw.js';
+export { f as fieldErrorId } from '../field-error-id-D3yg1nBh.js';
 import { jsx } from 'react/jsx-runtime';
-import { c as cn } from '../cn-ByEbywDh.js';
-export { T as TextFieldBlock } from '../text-field-block-CUN9gL4j.js';
-export { S as SearchFieldBlock } from '../search-field-block-DhgD7NhZ.js';
-export { S as SelectFieldBlock } from '../select-field-block-BEyjBDiB.js';
+import { c as cn } from '../cn-C6s2yXwM.js';
+export { T as TextFieldBlock } from '../text-field-block-aRttm8yP.js';
+export { S as SearchFieldBlock } from '../search-field-block-zF_99MJ5.js';
+export { S as SelectFieldBlock } from '../select-field-block-BEs3cCRJ.js';
 
 function FieldBlocksLayoutColumn({ children, className }) {
   return /* @__PURE__ */ jsx("div", { className: cn("grid content-start gap-6", className), children });

package/dist/components/FormFieldBlocks.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormFieldBlocks.es.js","sources":["../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout-column.tsx","../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout-root.tsx","../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type FieldBlocksLayoutColumnProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function FieldBlocksLayoutColumn({ children, className }: FieldBlocksLayoutColumnProps) {\n  return <div className={cn('grid content-start gap-6', className)}>{children}</div>;\n}\n","import { cn } from '@/lib/utils';\n\nexport type FieldBlocksLayoutRootProps = {\n  children: React.ReactNode;\n  className?: string;\n  columns?: 1 | 2;\n  gap?: string;\n};\n\nexport function FieldBlocksLayoutRoot({ children, className, columns = 1, gap }: FieldBlocksLayoutRootProps) {\n  return (\n    <div\n      className={cn(\n        'grid',\n        {\n          'grid-cols-1': columns === 1,\n          'grid-cols-2': columns === 2,\n        },\n        gap ?? 'gap-6',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n","import { FieldBlocksLayoutColumn } from './field-blocks-layout-column';\nimport { FieldBlocksLayoutRoot } from './field-blocks-layout-root';\n\nexport const FieldBlocksLayout = Object.assign(FieldBlocksLayoutRoot, {\n  Column: FieldBlocksLayoutColumn,\n});\n"],"names":[],"mappings":";;;;;;;AAOO,SAAS,uBAAA,CAAwB,EAAE,QAAA,EAAU,SAAA,EAAU,EAAiC;AAC7F,EAAA,2BAAQ,KAAA,EAAA,EAAI,SAAA,EAAW,GAAG,0BAAA,EAA4B,SAAS,GAAI,QAAA,EAAS,CAAA;AAC9E;;ACAO,SAAS,sBAAsB,EAAE,QAAA,EAAU,WAAW,OAAA,GAAU,CAAA,EAAG,KAAI,EAA+B;AAC3G,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,MAAA;AAAA,QACA;AAAA,UACE,eAAe,OAAA,KAAY,CAAA;AAAA,UAC3B,eAAe,OAAA,KAAY;AAAA,SAC7B;AAAA,QACA,GAAA,IAAO,OAAA;AAAA,QACP;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;;ACtBO,MAAM,iBAAA,GAAoB,MAAA,CAAO,MAAA,CAAO,qBAAA,EAAuB;AAAA,EACpE,MAAA,EAAQ;AACV,CAAC;;;;"}
+{"version":3,"file":"FormFieldBlocks.es.js","sources":["../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout-column.tsx","../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout-root.tsx","../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type FieldBlocksLayoutColumnProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function FieldBlocksLayoutColumn({ children, className }: FieldBlocksLayoutColumnProps) {\n  return <div className={cn('grid content-start gap-6', className)}>{children}</div>;\n}\n","import { cn } from '@/lib/utils';\n\nexport type FieldBlocksLayoutRootProps = {\n  children: React.ReactNode;\n  className?: string;\n  columns?: 1 | 2;\n  gap?: string;\n};\n\nexport function FieldBlocksLayoutRoot({ children, className, columns = 1, gap }: FieldBlocksLayoutRootProps) {\n  return (\n    <div\n      className={cn(\n        'grid',\n        {\n          'grid-cols-1': columns === 1,\n          'grid-cols-2': columns === 2,\n        },\n        gap ?? 'gap-6',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n","import { FieldBlocksLayoutColumn } from './field-blocks-layout-column';\nimport { FieldBlocksLayoutRoot } from './field-blocks-layout-root';\n\nexport const FieldBlocksLayout = Object.assign(FieldBlocksLayoutRoot, {\n  Column: FieldBlocksLayoutColumn,\n});\n"],"names":[],"mappings":";;;;;;;;AAOO,SAAS,uBAAA,CAAwB,EAAE,QAAA,EAAU,SAAA,EAAU,EAAiC;AAC7F,EAAA,2BAAQ,KAAA,EAAA,EAAI,SAAA,EAAW,GAAG,0BAAA,EAA4B,SAAS,GAAI,QAAA,EAAS,CAAA;AAC9E;;ACAO,SAAS,sBAAsB,EAAE,QAAA,EAAU,WAAW,OAAA,GAAU,CAAA,EAAG,KAAI,EAA+B;AAC3G,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,MAAA;AAAA,QACA;AAAA,UACE,eAAe,OAAA,KAAY,CAAA;AAAA,UAC3B,eAAe,OAAA,KAAY;AAAA,SAC7B;AAAA,QACA,GAAA,IAAO,OAAA;AAAA,QACP;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;;ACtBO,MAAM,iBAAA,GAAoB,MAAA,CAAO,MAAA,CAAO,qBAAA,EAAuB;AAAA,EACpE,MAAA,EAAQ;AACV,CAAC;;;;"}

package/dist/components/Header.cjs.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const Txt = require('../Txt-i-sXSs2m.cjs');
-const utils_cn = require('../cn-DnbTIGXa.cjs');
+const Txt = require('../Txt-C7rZCmrg.cjs');
+const utils_cn = require('../cn-BuHW7Wrt.cjs');
 
 const Header = ({ children, border = true, className }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(

package/dist/components/Header.es.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
-import { T as Txt } from '../Txt-CfPhlZOu.js';
-import { c as cn } from '../cn-ByEbywDh.js';
+import { T as Txt } from '../Txt-hyo2FKuO.js';
+import { c as cn } from '../cn-C6s2yXwM.js';
 
 const Header = ({ children, border = true, className }) => {
   return /* @__PURE__ */ jsx(

package/dist/components/HorizontalBars.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const horizontalBars = require('../horizontal-bars--Czy2stS.cjs');
+const horizontalBars = require('../horizontal-bars-D1992rbt.cjs');
 
 
 

package/dist/components/HorizontalBars.es.js

@@ -1,2 +1,2 @@
-export { H as HorizontalBars } from '../horizontal-bars-_vgi09Md.js';
+export { H as HorizontalBars } from '../horizontal-bars-lhqUch51.js';
 //# sourceMappingURL=HorizontalBars.es.js.map

package/dist/components/HoverCard.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const hoverCard = require('../hover-card-B_Wz_e0F.cjs');
+const hoverCard = require('../hover-card-BSj1EgQs.cjs');
 
 
 

package/dist/components/HoverCard.es.js

@@ -1,2 +1,2 @@
-export { H as HoverCard, a as HoverCardContent, b as HoverCardTrigger } from '../hover-card-B5zQKp9k.js';
+export { H as HoverCard, a as HoverCardContent, b as HoverCardTrigger } from '../hover-card-Cmh0QRP8.js';
 //# sourceMappingURL=HoverCard.es.js.map