@entifix/react-controls 0.1.0-0

package/dist/ui/molecules/entity-link-input/entity-link-input.d.ts

@@ -0,0 +1,36 @@
+import type { Entity, EntityFieldDescriptor, EntityLinkSource } from '@entifix/core';
+export interface EntityLinkInputProps<TTarget extends Entity> {
+    /** The relation being edited. Its label names the controls. */
+    descriptor: EntityFieldDescriptor;
+    /** The held foreign key, as the draft carries it. `''` means unassigned. */
+    value: string;
+    source: EntityLinkSource<TTarget>;
+    /** A target was chosen — in either mode. */
+    onSelect: (entity: TTarget) => void;
+    /** The relation was emptied. */
+    onClear: () => void;
+    /** The id the field's label points at. */
+    id?: string;
+    disabled?: boolean;
+}
+/**
+ * The editor for a to-one relation: what the value *is*, plus the two ways to
+ * change it.
+ *
+ * - the chevron opens a type-ahead over the target entity — "I know roughly what
+ *   it is called";
+ * - the ellipsis opens the target's full table in a dialog — "I need to filter
+ *   the catalog to find it".
+ *
+ * It is presentational. Every option, loading flag and error arrives through
+ * {@link EntityLinkSource}, which the integration layer produces; this component
+ * cannot fetch, and never decides how the relation is written back — it reports
+ * the chosen instance and the form's reconstruction step applies the entity's own
+ * `linkSerialization` policy.
+ *
+ * The displayed text is the target's label when one is known and the bare foreign
+ * key when it is not, so a draft restored before its label resolves still shows
+ * *something* true rather than an empty box.
+ */
+export declare function EntityLinkInput<TTarget extends Entity>({ descriptor, value, source, onSelect, onClear, id, disabled, }: EntityLinkInputProps<TTarget>): import("react").JSX.Element;
+//# sourceMappingURL=entity-link-input.d.ts.map

package/dist/ui/molecules/entity-link-input/entity-link-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"entity-link-input.d.ts","sourceRoot":"","sources":["../../../../src/ui/molecules/entity-link-input/entity-link-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,MAAM,EACN,qBAAqB,EACrB,gBAAgB,EACjB,MAAM,eAAe,CAAC;AAcvB,MAAM,WAAW,oBAAoB,CAAC,OAAO,SAAS,MAAM;IAC1D,+DAA+D;IAC/D,UAAU,EAAE,qBAAqB,CAAC;IAClC,4EAA4E;IAC5E,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAClC,4CAA4C;IAC5C,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,gCAAgC;IAChC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,0CAA0C;IAC1C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAsBD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,eAAe,CAAC,OAAO,SAAS,MAAM,EAAE,EACtD,UAAU,EACV,KAAK,EACL,MAAM,EACN,QAAQ,EACR,OAAO,EACP,EAAE,EACF,QAAgB,GACjB,EAAE,oBAAoB,CAAC,OAAO,CAAC,+BAiJ/B"}

package/dist/ui/molecules/entity-link-input/entity-link-input.js

@@ -0,0 +1,191 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Combobox, ComboboxButton, ComboboxInput, ComboboxOption, ComboboxOptions } from '@headlessui/react';
+import { useErrorMessage, useT } from '../../../i18n/index.js';
+import { Button } from '../../atoms/button/index.js';
+import { EntityLinkPicker } from '../entity-link-picker/index.js';
+import { LoadingBoundary } from '../loading-boundary/index.js';
+/** Chevron — the quick search. Inline so the package ships no icon dependency. */ function ChevronIcon() {
+    return /*#__PURE__*/ _jsx("svg", {
+        "aria-hidden": true,
+        viewBox: "0 0 20 20",
+        className: "size-4 fill-current",
+        children: /*#__PURE__*/ _jsx("path", {
+            d: "M5.5 7.5 10 12l4.5-4.5z"
+        })
+    });
+}
+/** Ellipsis — the browse dialog, the same affordance a desktop app uses. */ function EllipsisIcon() {
+    return /*#__PURE__*/ _jsxs("svg", {
+        "aria-hidden": true,
+        viewBox: "0 0 20 20",
+        className: "size-4 fill-current",
+        children: [
+            /*#__PURE__*/ _jsx("circle", {
+                cx: "4",
+                cy: "10",
+                r: "1.5"
+            }),
+            /*#__PURE__*/ _jsx("circle", {
+                cx: "10",
+                cy: "10",
+                r: "1.5"
+            }),
+            /*#__PURE__*/ _jsx("circle", {
+                cx: "16",
+                cy: "10",
+                r: "1.5"
+            })
+        ]
+    });
+}
+/**
+ * The editor for a to-one relation: what the value *is*, plus the two ways to
+ * change it.
+ *
+ * - the chevron opens a type-ahead over the target entity — "I know roughly what
+ *   it is called";
+ * - the ellipsis opens the target's full table in a dialog — "I need to filter
+ *   the catalog to find it".
+ *
+ * It is presentational. Every option, loading flag and error arrives through
+ * {@link EntityLinkSource}, which the integration layer produces; this component
+ * cannot fetch, and never decides how the relation is written back — it reports
+ * the chosen instance and the form's reconstruction step applies the entity's own
+ * `linkSerialization` policy.
+ *
+ * The displayed text is the target's label when one is known and the bare foreign
+ * key when it is not, so a draft restored before its label resolves still shows
+ * *something* true rather than an empty box.
+ */ export function EntityLinkInput({ descriptor, value, source, onSelect, onClear, id, disabled = false }) {
+    var _source_selected_label;
+    const t = useT();
+    const errorMessage = useErrorMessage();
+    const assigned = value !== '';
+    const label = (_source_selected_label = source.selected.label) != null ? _source_selected_label : assigned ? value : '';
+    const display = source.selected.isLoading ? t('link.loading') : label === '' ? t('link.empty') : label;
+    /**
+   * Headless UI reports `null` when the search is abandoned (escape, blur). That
+   * is not a request to empty the relation — clearing is the explicit action
+   * beside the input — so it leaves the held value alone.
+   */ const handleSelect = (entity)=>{
+        if (entity === null) return;
+        onSelect(entity);
+        source.quick.setTerm('');
+    };
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "flex flex-col gap-3xs",
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: "flex items-stretch gap-3xs",
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        className: "relative flex-1",
+                        children: /*#__PURE__*/ _jsxs(Combobox, {
+                            value: null,
+                            onChange: handleSelect,
+                            disabled: disabled,
+                            immediate: true,
+                            children: [
+                                /*#__PURE__*/ _jsx(ComboboxInput, {
+                                    id: id,
+                                    "aria-label": t('link.search', {
+                                        field: descriptor.label
+                                    }),
+                                    placeholder: display,
+                                    value: source.quick.term,
+                                    disabled: disabled,
+                                    onChange: (event)=>source.quick.setTerm(event.currentTarget.value),
+                                    className: [
+                                        'w-full rounded-lg border border-border bg-surface-elevated px-2xs py-3xs',
+                                        'text-step-sm text-content',
+                                        'focus-ring',
+                                        'disabled:cursor-not-allowed disabled:opacity-50'
+                                    ].join(' ')
+                                }),
+                                /*#__PURE__*/ _jsx(ComboboxButton, {
+                                    "aria-label": t('link.suggestAria', {
+                                        field: descriptor.label
+                                    }),
+                                    className: "inset-y-0 right-0 absolute flex items-center px-2xs text-content-muted",
+                                    children: /*#__PURE__*/ _jsx(ChevronIcon, {})
+                                }),
+                                /*#__PURE__*/ _jsxs(ComboboxOptions, {
+                                    className: [
+                                        'max-h-64 absolute z-50 mt-3xs w-full overflow-auto',
+                                        'rounded-lg border border-border bg-surface-elevated p-3xs shadow-overlay',
+                                        // The panel itself is a focus-managed CONTAINER, not a target: the ring
+                                        // belongs on the item inside it. Stripping the outline here is
+                                        // correct, and is not a missing `focus-ring`.
+                                        'focus:outline-none'
+                                    ].join(' '),
+                                    children: [
+                                        source.quick.isLoading && /*#__PURE__*/ _jsx(LoadingBoundary, {
+                                            isLoading: true,
+                                            lines: 2,
+                                            label: t('link.loading'),
+                                            className: "px-2xs py-3xs",
+                                            children: null
+                                        }),
+                                        !source.quick.isLoading && source.quick.options.length === 0 && /*#__PURE__*/ _jsx("div", {
+                                            className: "px-2xs py-3xs text-step-sm text-content-muted",
+                                            children: t('link.noResults')
+                                        }),
+                                        source.quick.options.map((option)=>/*#__PURE__*/ _jsx(ComboboxOption, {
+                                                value: option,
+                                                className: [
+                                                    'cursor-pointer rounded-md px-2xs py-3xs text-step-sm text-content',
+                                                    'data-focus:bg-surface'
+                                                ].join(' '),
+                                                children: source.labelOf(option)
+                                            }, String(option.id)))
+                                    ]
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        type: "button",
+                        variant: "secondary",
+                        size: "sm",
+                        disabled: disabled,
+                        "aria-label": t('link.browseAria', {
+                            field: descriptor.label
+                        }),
+                        onClick: source.browse.open,
+                        children: /*#__PURE__*/ _jsx(EllipsisIcon, {})
+                    }),
+                    assigned && !disabled && /*#__PURE__*/ _jsx(Button, {
+                        type: "button",
+                        variant: "ghost",
+                        size: "sm",
+                        onClick: onClear,
+                        children: t('link.clear', {
+                            field: descriptor.label
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("span", {
+                "data-testid": `entity-link-value-${descriptor.name}`,
+                className: "text-step-sm text-content",
+                children: display
+            }),
+            source.quick.error && /*#__PURE__*/ _jsx("span", {
+                role: "alert",
+                className: "text-step-sm text-danger",
+                children: errorMessage(source.quick.error)
+            }),
+            /*#__PURE__*/ _jsx(EntityLinkPicker, {
+                descriptor: descriptor,
+                source: source,
+                onSelect: (entity)=>{
+                    onSelect(entity);
+                    source.browse.close();
+                }
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=entity-link-input.js.map

package/dist/ui/molecules/entity-link-input/entity-link-input.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/molecules/entity-link-input/entity-link-input.tsx"],"sourcesContent":["'use client';\n\nimport type {\n  Entity,\n  EntityFieldDescriptor,\n  EntityLinkSource,\n} from '@entifix/core';\nimport {\n  Combobox,\n  ComboboxButton,\n  ComboboxInput,\n  ComboboxOption,\n  ComboboxOptions,\n} from '@headlessui/react';\n\nimport { useErrorMessage, useT } from '../../../i18n/index.js';\nimport { Button } from '../../atoms/button/index.js';\nimport { EntityLinkPicker } from '../entity-link-picker/index.js';\nimport { LoadingBoundary } from '../loading-boundary/index.js';\n\nexport interface EntityLinkInputProps<TTarget extends Entity> {\n  /** The relation being edited. Its label names the controls. */\n  descriptor: EntityFieldDescriptor;\n  /** The held foreign key, as the draft carries it. `''` means unassigned. */\n  value: string;\n  source: EntityLinkSource<TTarget>;\n  /** A target was chosen — in either mode. */\n  onSelect: (entity: TTarget) => void;\n  /** The relation was emptied. */\n  onClear: () => void;\n  /** The id the field's label points at. */\n  id?: string;\n  disabled?: boolean;\n}\n\n/** Chevron — the quick search. Inline so the package ships no icon dependency. */\nfunction ChevronIcon() {\n  return (\n    <svg aria-hidden viewBox=\"0 0 20 20\" className=\"size-4 fill-current\">\n      <path d=\"M5.5 7.5 10 12l4.5-4.5z\" />\n    </svg>\n  );\n}\n\n/** Ellipsis — the browse dialog, the same affordance a desktop app uses. */\nfunction EllipsisIcon() {\n  return (\n    <svg aria-hidden viewBox=\"0 0 20 20\" className=\"size-4 fill-current\">\n      <circle cx=\"4\" cy=\"10\" r=\"1.5\" />\n      <circle cx=\"10\" cy=\"10\" r=\"1.5\" />\n      <circle cx=\"16\" cy=\"10\" r=\"1.5\" />\n    </svg>\n  );\n}\n\n/**\n * The editor for a to-one relation: what the value *is*, plus the two ways to\n * change it.\n *\n * - the chevron opens a type-ahead over the target entity — \"I know roughly what\n *   it is called\";\n * - the ellipsis opens the target's full table in a dialog — \"I need to filter\n *   the catalog to find it\".\n *\n * It is presentational. Every option, loading flag and error arrives through\n * {@link EntityLinkSource}, which the integration layer produces; this component\n * cannot fetch, and never decides how the relation is written back — it reports\n * the chosen instance and the form's reconstruction step applies the entity's own\n * `linkSerialization` policy.\n *\n * The displayed text is the target's label when one is known and the bare foreign\n * key when it is not, so a draft restored before its label resolves still shows\n * *something* true rather than an empty box.\n */\nexport function EntityLinkInput<TTarget extends Entity>({\n  descriptor,\n  value,\n  source,\n  onSelect,\n  onClear,\n  id,\n  disabled = false,\n}: EntityLinkInputProps<TTarget>) {\n  const t = useT();\n  const errorMessage = useErrorMessage();\n\n  const assigned = value !== '';\n  const label = source.selected.label ?? (assigned ? value : '');\n  const display = source.selected.isLoading\n    ? t('link.loading')\n    : label === ''\n      ? t('link.empty')\n      : label;\n\n  /**\n   * Headless UI reports `null` when the search is abandoned (escape, blur). That\n   * is not a request to empty the relation — clearing is the explicit action\n   * beside the input — so it leaves the held value alone.\n   */\n  const handleSelect = (entity: TTarget | null) => {\n    if (entity === null) return;\n    onSelect(entity);\n    source.quick.setTerm('');\n  };\n\n  return (\n    <div className=\"flex flex-col gap-3xs\">\n      <div className=\"flex items-stretch gap-3xs\">\n        <div className=\"relative flex-1\">\n          <Combobox<TTarget | null>\n            value={null}\n            onChange={handleSelect}\n            disabled={disabled}\n            immediate\n          >\n            {/*\n            The input edits the *search term*, never the value: the value is a\n            foreign key, which is not something a user types. So it displays the\n            resolved label while idle and the term while searching.\n          */}\n            <ComboboxInput\n              id={id}\n              aria-label={t('link.search', { field: descriptor.label })}\n              placeholder={display}\n              value={source.quick.term}\n              disabled={disabled}\n              onChange={event =>\n                source.quick.setTerm(event.currentTarget.value)\n              }\n              className={[\n                'w-full rounded-lg border border-border bg-surface-elevated px-2xs py-3xs',\n                'text-step-sm text-content',\n                'focus-ring',\n                'disabled:cursor-not-allowed disabled:opacity-50',\n              ].join(' ')}\n            />\n            <ComboboxButton\n              aria-label={t('link.suggestAria', { field: descriptor.label })}\n              className=\"inset-y-0 right-0 absolute flex items-center px-2xs text-content-muted\"\n            >\n              <ChevronIcon />\n            </ComboboxButton>\n            <ComboboxOptions\n              className={[\n                'max-h-64 absolute z-50 mt-3xs w-full overflow-auto',\n                'rounded-lg border border-border bg-surface-elevated p-3xs shadow-overlay',\n                // The panel itself is a focus-managed CONTAINER, not a target: the ring\n                // belongs on the item inside it. Stripping the outline here is\n                // correct, and is not a missing `focus-ring`.\n                'focus:outline-none',\n              ].join(' ')}\n            >\n              {source.quick.isLoading && (\n                <LoadingBoundary\n                  isLoading\n                  lines={2}\n                  label={t('link.loading')}\n                  className=\"px-2xs py-3xs\"\n                >\n                  {null}\n                </LoadingBoundary>\n              )}\n              {!source.quick.isLoading && source.quick.options.length === 0 && (\n                <div className=\"px-2xs py-3xs text-step-sm text-content-muted\">\n                  {t('link.noResults')}\n                </div>\n              )}\n              {source.quick.options.map(option => (\n                <ComboboxOption\n                  key={String(option.id)}\n                  value={option}\n                  className={[\n                    'cursor-pointer rounded-md px-2xs py-3xs text-step-sm text-content',\n                    'data-focus:bg-surface',\n                  ].join(' ')}\n                >\n                  {source.labelOf(option)}\n                </ComboboxOption>\n              ))}\n            </ComboboxOptions>\n          </Combobox>\n        </div>\n\n        <Button\n          type=\"button\"\n          variant=\"secondary\"\n          size=\"sm\"\n          disabled={disabled}\n          aria-label={t('link.browseAria', { field: descriptor.label })}\n          onClick={source.browse.open}\n        >\n          <EllipsisIcon />\n        </Button>\n        {/* Clearing is only offered when there is something to clear — and a\n            required relation still offers it, because `required` is the form's\n            rule to report, not the input's to enforce. */}\n        {assigned && !disabled && (\n          <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={onClear}>\n            {t('link.clear', { field: descriptor.label })}\n          </Button>\n        )}\n      </div>\n\n      {/* The held value, always readable — the combobox input shows the term. */}\n      <span\n        data-testid={`entity-link-value-${descriptor.name}`}\n        className=\"text-step-sm text-content\"\n      >\n        {display}\n      </span>\n\n      {source.quick.error && (\n        <span role=\"alert\" className=\"text-step-sm text-danger\">\n          {errorMessage(source.quick.error)}\n        </span>\n      )}\n\n      <EntityLinkPicker<TTarget>\n        descriptor={descriptor}\n        source={source}\n        onSelect={entity => {\n          onSelect(entity);\n          source.browse.close();\n        }}\n      />\n    </div>\n  );\n}\n"],"names":["Combobox","ComboboxButton","ComboboxInput","ComboboxOption","ComboboxOptions","useErrorMessage","useT","Button","EntityLinkPicker","LoadingBoundary","ChevronIcon","svg","aria-hidden","viewBox","className","path","d","EllipsisIcon","circle","cx","cy","r","EntityLinkInput","descriptor","value","source","onSelect","onClear","id","disabled","t","errorMessage","assigned","label","selected","display","isLoading","handleSelect","entity","quick","setTerm","div","onChange","immediate","aria-label","field","placeholder","term","event","currentTarget","join","lines","options","length","map","option","labelOf","String","type","variant","size","onClick","browse","open","span","data-testid","name","error","role","close"],"mappings":"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"}

package/dist/ui/molecules/entity-link-input/index.d.ts

@@ -0,0 +1,2 @@
+export * from './entity-link-input.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/molecules/entity-link-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/molecules/entity-link-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

package/dist/ui/molecules/entity-link-input/index.js

@@ -0,0 +1,3 @@
+export * from './entity-link-input.js';
+
+//# sourceMappingURL=index.js.map

package/dist/ui/molecules/entity-link-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/molecules/entity-link-input/index.ts"],"sourcesContent":["export * from './entity-link-input.js';\n"],"names":[],"mappings":"AAAA,cAAc,yBAAyB"}

package/dist/ui/molecules/entity-link-picker/entity-link-picker.d.ts

@@ -0,0 +1,19 @@
+import type { Entity, EntityFieldDescriptor, EntityLinkSource } from '@entifix/core';
+export interface EntityLinkPickerProps<TTarget extends Entity> {
+    /** The relation being set — its label names the dialog. */
+    descriptor: EntityFieldDescriptor;
+    source: EntityLinkSource<TTarget>;
+    onSelect: (entity: TTarget) => void;
+}
+/**
+ * The thorough half of setting a relation: the target entity's own table, with
+ * its filters, sorting and paging, inside a dialog.
+ *
+ * It adds nothing to the table — that is the point. A picker that re-implemented
+ * filtering would drift from the listing the user already knows, so this mounts
+ * the same `EntityTable` and swaps navigation for selection through `onSelect`.
+ * Everything it renders comes from `source.browse`, so it holds no fetch of its
+ * own.
+ */
+export declare function EntityLinkPicker<TTarget extends Entity>({ descriptor, source, onSelect, }: EntityLinkPickerProps<TTarget>): import("react").JSX.Element;
+//# sourceMappingURL=entity-link-picker.d.ts.map

package/dist/ui/molecules/entity-link-picker/entity-link-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"entity-link-picker.d.ts","sourceRoot":"","sources":["../../../../src/ui/molecules/entity-link-picker/entity-link-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,MAAM,EACN,qBAAqB,EACrB,gBAAgB,EACjB,MAAM,eAAe,CAAC;AAOvB,MAAM,WAAW,qBAAqB,CAAC,OAAO,SAAS,MAAM;IAC3D,2DAA2D;IAC3D,UAAU,EAAE,qBAAqB,CAAC;IAClC,MAAM,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAClC,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACrC;AAED;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,SAAS,MAAM,EAAE,EACvD,UAAU,EACV,MAAM,EACN,QAAQ,GACT,EAAE,qBAAqB,CAAC,OAAO,CAAC,+BAsDhC"}

package/dist/ui/molecules/entity-link-picker/entity-link-picker.js

@@ -0,0 +1,78 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog, DialogPanel, DialogTitle } from '@headlessui/react';
+import { useT } from '../../../i18n/index.js';
+import { Button } from '../../atoms/button/index.js';
+import { EntityTable } from '../../organisms/entity-table/index.js';
+/**
+ * The thorough half of setting a relation: the target entity's own table, with
+ * its filters, sorting and paging, inside a dialog.
+ *
+ * It adds nothing to the table — that is the point. A picker that re-implemented
+ * filtering would drift from the listing the user already knows, so this mounts
+ * the same `EntityTable` and swaps navigation for selection through `onSelect`.
+ * Everything it renders comes from `source.browse`, so it holds no fetch of its
+ * own.
+ */ export function EntityLinkPicker({ descriptor, source, onSelect }) {
+    const t = useT();
+    const { browse } = source;
+    return(// The dialog element itself fills the viewport rather than wrapping a
+    // `fixed` child in a `relative` box: a zero-sized dialog is invisible to
+    // anything measuring it — assistive tech and Playwright alike — even with a
+    // painted panel inside it.
+    /*#__PURE__*/ _jsxs(Dialog, {
+        open: browse.isOpen,
+        onClose: browse.close,
+        className: "inset-0 fixed z-50 flex items-start justify-center overflow-y-auto p-s",
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                "aria-hidden": true,
+                className: "inset-0 bg-black/40 fixed"
+            }),
+            /*#__PURE__*/ _jsxs(DialogPanel, {
+                className: "max-w-4xl relative w-full rounded-lg border border-border bg-surface p-s shadow-overlay",
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "flex items-center justify-between gap-s",
+                        children: [
+                            /*#__PURE__*/ _jsx(DialogTitle, {
+                                className: "text-step-1 font-semibold text-content",
+                                children: t('link.browseTitle', {
+                                    field: descriptor.label
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(Button, {
+                                type: "button",
+                                variant: "ghost",
+                                size: "sm",
+                                onClick: browse.close,
+                                children: t('link.close')
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(EntityTable, {
+                        entityConstructor: source.entityConstructor,
+                        isLoading: browse.isLoading,
+                        error: browse.error,
+                        items: browse.items,
+                        totalItems: browse.totalItems,
+                        currentPage: browse.currentPage,
+                        pageSize: browse.pageSize,
+                        onPageChange: browse.onPageChange,
+                        onPageSizeChange: browse.onPageSizeChange,
+                        filtering: browse.filtering,
+                        sorting: browse.sorting,
+                        onFilteringChange: browse.onFilteringChange,
+                        onSortingChange: browse.onSortingChange,
+                        onSelect: onSelect,
+                        // Scoped so a picker's column personalization does not overwrite the
+                        // one the user set on the full listing of the same entity.
+                        preferencesKey: `link-picker:${descriptor.name}`
+                    })
+                ]
+            })
+        ]
+    }));
+}
+
+//# sourceMappingURL=entity-link-picker.js.map

package/dist/ui/molecules/entity-link-picker/entity-link-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/molecules/entity-link-picker/entity-link-picker.tsx"],"sourcesContent":["'use client';\n\nimport type {\n  Entity,\n  EntityFieldDescriptor,\n  EntityLinkSource,\n} from '@entifix/core';\nimport { Dialog, DialogPanel, DialogTitle } from '@headlessui/react';\n\nimport { useT } from '../../../i18n/index.js';\nimport { Button } from '../../atoms/button/index.js';\nimport { EntityTable } from '../../organisms/entity-table/index.js';\n\nexport interface EntityLinkPickerProps<TTarget extends Entity> {\n  /** The relation being set — its label names the dialog. */\n  descriptor: EntityFieldDescriptor;\n  source: EntityLinkSource<TTarget>;\n  onSelect: (entity: TTarget) => void;\n}\n\n/**\n * The thorough half of setting a relation: the target entity's own table, with\n * its filters, sorting and paging, inside a dialog.\n *\n * It adds nothing to the table — that is the point. A picker that re-implemented\n * filtering would drift from the listing the user already knows, so this mounts\n * the same `EntityTable` and swaps navigation for selection through `onSelect`.\n * Everything it renders comes from `source.browse`, so it holds no fetch of its\n * own.\n */\nexport function EntityLinkPicker<TTarget extends Entity>({\n  descriptor,\n  source,\n  onSelect,\n}: EntityLinkPickerProps<TTarget>) {\n  const t = useT();\n  const { browse } = source;\n\n  return (\n    // The dialog element itself fills the viewport rather than wrapping a\n    // `fixed` child in a `relative` box: a zero-sized dialog is invisible to\n    // anything measuring it — assistive tech and Playwright alike — even with a\n    // painted panel inside it.\n    <Dialog\n      open={browse.isOpen}\n      onClose={browse.close}\n      className=\"inset-0 fixed z-50 flex items-start justify-center overflow-y-auto p-s\"\n    >\n      {/* Backdrop and panel are separate so a click outside closes the dialog\n          without the table's own clicks bubbling into it. */}\n      <div aria-hidden className=\"inset-0 bg-black/40 fixed\" />\n      <DialogPanel className=\"max-w-4xl relative w-full rounded-lg border border-border bg-surface p-s shadow-overlay\">\n        <div className=\"flex items-center justify-between gap-s\">\n          <DialogTitle className=\"text-step-1 font-semibold text-content\">\n            {t('link.browseTitle', { field: descriptor.label })}\n          </DialogTitle>\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={browse.close}\n          >\n            {t('link.close')}\n          </Button>\n        </div>\n\n        <EntityTable<TTarget>\n          entityConstructor={source.entityConstructor}\n          isLoading={browse.isLoading}\n          error={browse.error}\n          items={browse.items}\n          totalItems={browse.totalItems}\n          currentPage={browse.currentPage}\n          pageSize={browse.pageSize}\n          onPageChange={browse.onPageChange}\n          onPageSizeChange={browse.onPageSizeChange}\n          filtering={browse.filtering}\n          sorting={browse.sorting}\n          onFilteringChange={browse.onFilteringChange}\n          onSortingChange={browse.onSortingChange}\n          onSelect={onSelect}\n          // Scoped so a picker's column personalization does not overwrite the\n          // one the user set on the full listing of the same entity.\n          preferencesKey={`link-picker:${descriptor.name}`}\n        />\n      </DialogPanel>\n    </Dialog>\n  );\n}\n"],"names":["Dialog","DialogPanel","DialogTitle","useT","Button","EntityTable","EntityLinkPicker","descriptor","source","onSelect","t","browse","open","isOpen","onClose","close","className","div","aria-hidden","field","label","type","variant","size","onClick","entityConstructor","isLoading","error","items","totalItems","currentPage","pageSize","onPageChange","onPageSizeChange","filtering","sorting","onFilteringChange","onSortingChange","preferencesKey","name"],"mappings":"AAAA;;AAOA,SAASA,MAAM,EAAEC,WAAW,EAAEC,WAAW,QAAQ,oBAAoB;AAErE,SAASC,IAAI,QAAQ,yBAAyB;AAC9C,SAASC,MAAM,QAAQ,8BAA8B;AACrD,SAASC,WAAW,QAAQ,wCAAwC;AASpE;;;;;;;;;CASC,GACD,OAAO,SAASC,iBAAyC,EACvDC,UAAU,EACVC,MAAM,EACNC,QAAQ,EACuB;IAC/B,MAAMC,IAAIP;IACV,MAAM,EAAEQ,MAAM,EAAE,GAAGH;IAEnB,OACE,sEAAsE;IACtE,yEAAyE;IACzE,4EAA4E;IAC5E,2BAA2B;kBAC3B,MAACR;QACCY,MAAMD,OAAOE,MAAM;QACnBC,SAASH,OAAOI,KAAK;QACrBC,WAAU;;0BAIV,KAACC;gBAAIC,aAAW;gBAACF,WAAU;;0BAC3B,MAACf;gBAAYe,WAAU;;kCACrB,MAACC;wBAAID,WAAU;;0CACb,KAACd;gCAAYc,WAAU;0CACpBN,EAAE,oBAAoB;oCAAES,OAAOZ,WAAWa,KAAK;gCAAC;;0CAEnD,KAAChB;gCACCiB,MAAK;gCACLC,SAAQ;gCACRC,MAAK;gCACLC,SAASb,OAAOI,KAAK;0CAEpBL,EAAE;;;;kCAIP,KAACL;wBACCoB,mBAAmBjB,OAAOiB,iBAAiB;wBAC3CC,WAAWf,OAAOe,SAAS;wBAC3BC,OAAOhB,OAAOgB,KAAK;wBACnBC,OAAOjB,OAAOiB,KAAK;wBACnBC,YAAYlB,OAAOkB,UAAU;wBAC7BC,aAAanB,OAAOmB,WAAW;wBAC/BC,UAAUpB,OAAOoB,QAAQ;wBACzBC,cAAcrB,OAAOqB,YAAY;wBACjCC,kBAAkBtB,OAAOsB,gBAAgB;wBACzCC,WAAWvB,OAAOuB,SAAS;wBAC3BC,SAASxB,OAAOwB,OAAO;wBACvBC,mBAAmBzB,OAAOyB,iBAAiB;wBAC3CC,iBAAiB1B,OAAO0B,eAAe;wBACvC5B,UAAUA;wBACV,qEAAqE;wBACrE,2DAA2D;wBAC3D6B,gBAAgB,CAAC,YAAY,EAAE/B,WAAWgC,IAAI,EAAE;;;;;;AAK1D"}

package/dist/ui/molecules/entity-link-picker/index.d.ts

@@ -0,0 +1,2 @@
+export * from './entity-link-picker.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/molecules/entity-link-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/molecules/entity-link-picker/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}

package/dist/ui/molecules/entity-link-picker/index.js

@@ -0,0 +1,3 @@
+export * from './entity-link-picker.js';
+
+//# sourceMappingURL=index.js.map

package/dist/ui/molecules/entity-link-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/molecules/entity-link-picker/index.ts"],"sourcesContent":["export * from './entity-link-picker.js';\n"],"names":[],"mappings":"AAAA,cAAc,0BAA0B"}

package/dist/ui/molecules/entity-record-card/entity-record-card.d.ts

@@ -0,0 +1,30 @@
+import type { ReactNode } from 'react';
+export interface EntityRecordCardColumn {
+    name: string;
+    label: string;
+}
+export interface EntityRecordCardProps {
+    columns: readonly EntityRecordCardColumn[];
+    /** Renders one column's cell. Supplied by the caller so a card and a table
+     *  row stay in agreement about custom renderers. */
+    renderCell: (column: EntityRecordCardColumn) => ReactNode;
+    /** Optional trailing actions (a link to the record, …). */
+    actions?: ReactNode;
+    /**
+     * Rendered above the fields — the card's equivalent of a leading column.
+     *
+     * A selection box goes here rather than beside the actions because it is not
+     * an action on the record: it decides whether the record is *in the set* the
+     * actions will run over, and putting the two in one row reads as a third
+     * button.
+     */
+    leading?: ReactNode;
+    className?: string;
+}
+/**
+ * A record pivoted from a row into a label/value stack. This is the narrow
+ * viewport form of a table row: at phone widths a horizontal scroll hides most
+ * columns, whereas stacking keeps every visible column readable.
+ */
+export declare function EntityRecordCard({ columns, renderCell, actions, leading, className, }: EntityRecordCardProps): import("react").JSX.Element;
+//# sourceMappingURL=entity-record-card.d.ts.map

package/dist/ui/molecules/entity-record-card/entity-record-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"entity-record-card.d.ts","sourceRoot":"","sources":["../../../../src/ui/molecules/entity-record-card/entity-record-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,SAAS,sBAAsB,EAAE,CAAC;IAC3C;wDACoD;IACpD,UAAU,EAAE,CAAC,MAAM,EAAE,sBAAsB,KAAK,SAAS,CAAC;IAC1D,2DAA2D;IAC3D,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,UAAU,EACV,OAAO,EACP,OAAO,EACP,SAAS,GACV,EAAE,qBAAqB,+BAyBvB"}

package/dist/ui/molecules/entity-record-card/entity-record-card.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../utils/cn.js';
+/**
+ * A record pivoted from a row into a label/value stack. This is the narrow
+ * viewport form of a table row: at phone widths a horizontal scroll hides most
+ * columns, whereas stacking keeps every visible column readable.
+ */ export function EntityRecordCard({ columns, renderCell, actions, leading, className }) {
+    return /*#__PURE__*/ _jsxs("div", {
+        className: cn('rounded-xl border border-border bg-surface-elevated p-s text-content shadow-edge', className),
+        children: [
+            leading && /*#__PURE__*/ _jsx("div", {
+                className: "mb-2xs flex",
+                children: leading
+            }),
+            /*#__PURE__*/ _jsx("dl", {
+                className: "flex flex-col gap-2xs",
+                children: columns.map((column)=>/*#__PURE__*/ _jsxs("div", {
+                        className: "flex items-baseline justify-between gap-2xs",
+                        children: [
+                            /*#__PURE__*/ _jsx("dt", {
+                                className: "tracking-wide text-step-xs text-content-muted uppercase",
+                                children: column.label
+                            }),
+                            /*#__PURE__*/ _jsx("dd", {
+                                className: "text-right text-step-sm",
+                                children: renderCell(column)
+                            })
+                        ]
+                    }, column.name))
+            }),
+            actions && /*#__PURE__*/ _jsx("div", {
+                className: "mt-2xs flex justify-end",
+                children: actions
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=entity-record-card.js.map

package/dist/ui/molecules/entity-record-card/entity-record-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/molecules/entity-record-card/entity-record-card.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cn } from '../../utils/cn.js';\n\nexport interface EntityRecordCardColumn {\n  name: string;\n  label: string;\n}\n\nexport interface EntityRecordCardProps {\n  columns: readonly EntityRecordCardColumn[];\n  /** Renders one column's cell. Supplied by the caller so a card and a table\n   *  row stay in agreement about custom renderers. */\n  renderCell: (column: EntityRecordCardColumn) => ReactNode;\n  /** Optional trailing actions (a link to the record, …). */\n  actions?: ReactNode;\n  /**\n   * Rendered above the fields — the card's equivalent of a leading column.\n   *\n   * A selection box goes here rather than beside the actions because it is not\n   * an action on the record: it decides whether the record is *in the set* the\n   * actions will run over, and putting the two in one row reads as a third\n   * button.\n   */\n  leading?: ReactNode;\n  className?: string;\n}\n\n/**\n * A record pivoted from a row into a label/value stack. This is the narrow\n * viewport form of a table row: at phone widths a horizontal scroll hides most\n * columns, whereas stacking keeps every visible column readable.\n */\nexport function EntityRecordCard({\n  columns,\n  renderCell,\n  actions,\n  leading,\n  className,\n}: EntityRecordCardProps) {\n  return (\n    <div\n      className={cn(\n        'rounded-xl border border-border bg-surface-elevated p-s text-content shadow-edge',\n        className,\n      )}\n    >\n      {leading && <div className=\"mb-2xs flex\">{leading}</div>}\n      <dl className=\"flex flex-col gap-2xs\">\n        {columns.map(column => (\n          <div\n            key={column.name}\n            className=\"flex items-baseline justify-between gap-2xs\"\n          >\n            <dt className=\"tracking-wide text-step-xs text-content-muted uppercase\">\n              {column.label}\n            </dt>\n            <dd className=\"text-right text-step-sm\">{renderCell(column)}</dd>\n          </div>\n        ))}\n      </dl>\n      {actions && <div className=\"mt-2xs flex justify-end\">{actions}</div>}\n    </div>\n  );\n}\n"],"names":["cn","EntityRecordCard","columns","renderCell","actions","leading","className","div","dl","map","column","dt","label","dd","name"],"mappings":";AAEA,SAASA,EAAE,QAAQ,oBAAoB;AA0BvC;;;;CAIC,GACD,OAAO,SAASC,iBAAiB,EAC/BC,OAAO,EACPC,UAAU,EACVC,OAAO,EACPC,OAAO,EACPC,SAAS,EACa;IACtB,qBACE,MAACC;QACCD,WAAWN,GACT,oFACAM;;YAGDD,yBAAW,KAACE;gBAAID,WAAU;0BAAeD;;0BAC1C,KAACG;gBAAGF,WAAU;0BACXJ,QAAQO,GAAG,CAACC,CAAAA,uBACX,MAACH;wBAECD,WAAU;;0CAEV,KAACK;gCAAGL,WAAU;0CACXI,OAAOE,KAAK;;0CAEf,KAACC;gCAAGP,WAAU;0CAA2BH,WAAWO;;;uBAN/CA,OAAOI,IAAI;;YAUrBV,yBAAW,KAACG;gBAAID,WAAU;0BAA2BF;;;;AAG5D"}

package/dist/ui/molecules/entity-record-card/index.d.ts

@@ -0,0 +1,2 @@
+export * from './entity-record-card.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/molecules/entity-record-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/molecules/entity-record-card/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}

package/dist/ui/molecules/entity-record-card/index.js

@@ -0,0 +1,3 @@
+export * from './entity-record-card.js';
+
+//# sourceMappingURL=index.js.map

package/dist/ui/molecules/entity-record-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/molecules/entity-record-card/index.ts"],"sourcesContent":["export * from './entity-record-card.js';\n"],"names":[],"mappings":"AAAA,cAAc,0BAA0B"}

package/dist/ui/molecules/filter-builder/filter-builder.d.ts

@@ -0,0 +1,19 @@
+import type { Entity, EntityFieldDescriptor, FilterGroup } from '@entifix/core';
+export interface FilterBuilderProps<TEntity extends Entity> {
+    /** Filterable members, already resolved from the entity metadata. */
+    descriptors: readonly EntityFieldDescriptor[];
+    /** The filtering currently applied, used to seed the rows. */
+    value?: FilterGroup<TEntity>;
+    onChange: (filtering: FilterGroup<TEntity>) => void;
+}
+/**
+ * Builds an `EntityFiltering` value from entity metadata: the member list, the
+ * operators offered and the shape of the value control all come from each
+ * member's descriptor, so no per-entity filter UI has to be written.
+ *
+ * Editing is a draft. `onChange` fires only on **Apply**, because the value
+ * feeds a load request: emitting per keystroke would put one HTTP request on
+ * the wire per character typed.
+ */
+export declare function FilterBuilder<TEntity extends Entity>({ descriptors, value: applied, onChange, }: FilterBuilderProps<TEntity>): import("react").JSX.Element;
+//# sourceMappingURL=filter-builder.d.ts.map

package/dist/ui/molecules/filter-builder/filter-builder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-builder.d.ts","sourceRoot":"","sources":["../../../../src/ui/molecules/filter-builder/filter-builder.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,MAAM,EACN,qBAAqB,EAErB,WAAW,EAGZ,MAAM,eAAe,CAAC;AAwIvB,MAAM,WAAW,kBAAkB,CAAC,OAAO,SAAS,MAAM;IACxD,qEAAqE;IACrE,WAAW,EAAE,SAAS,qBAAqB,EAAE,CAAC;IAC9C,8DAA8D;IAC9D,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC7B,QAAQ,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;CACrD;AAED;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,OAAO,SAAS,MAAM,EAAE,EACpD,WAAW,EACX,KAAK,EAAE,OAAO,EACd,QAAQ,GACT,EAAE,kBAAkB,CAAC,OAAO,CAAC,+BA4L7B"}