@alfadocs/ui-kit-debug 0.69.0 → 0.71.0

package/dist/_chunks/field-array-siUZzfYe.js

@@ -0,0 +1,146 @@
+import { jsxs as u, jsx as t } from "react/jsx-runtime";
+import { useEffect as N, useRef as k, useMemo as C } from "react";
+import { c } from "./index-D2ZczOXr.js";
+import { useTranslation as F } from "react-i18next";
+import { B as I } from "./button-DD_0Xdmr.js";
+import { I as M } from "./icon-button-LqoiKcUN.js";
+import { u as R } from "./registry-DvAUVLHh.js";
+import { X as j } from "./x-CCcI3eJp.js";
+import { P as B } from "./plus-CYKNmfuA.js";
+const K = {
+  id: "field-array",
+  capabilities: ["edit_inline"],
+  state: {
+    count: {
+      type: "number",
+      descriptionKey: "ui.agent.fieldArray.state.count",
+      description: "Number of rows currently rendered.",
+      read: (e) => e.getCount()
+    }
+  },
+  actions: {
+    add: {
+      safety: "write",
+      descriptionKey: "ui.agent.fieldArray.actions.add",
+      description: "Append a new row.",
+      invoke: (e) => {
+        e.add();
+      }
+    },
+    remove: {
+      safety: "destructive",
+      argsType: "{ index: number }",
+      argsSchema: {
+        type: "object",
+        properties: { index: { type: "number" } },
+        required: ["index"]
+      },
+      descriptionKey: "ui.agent.fieldArray.actions.remove",
+      description: "Remove the row at the given index.",
+      invoke: (e, i) => {
+        e.remove(i.index);
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "field-array",
+      description: "Marks the FieldArray fieldset."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, P = c(
+  "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:min-w-0 ds:border-0 ds:p-0 ds:m-0"
+), V = c("ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]"), H = c("ds:flex ds:items-start ds:gap-[var(--spacing-sm)]");
+function S({
+  items: e,
+  renderItem: i,
+  onAdd: o,
+  onRemove: n,
+  addLabel: y,
+  removeItemLabel: l,
+  legend: a,
+  min: g = 0,
+  max: m,
+  id: d,
+  className: v,
+  "aria-label": p
+}) {
+  const { t: h } = F();
+  N(() => {
+  }, [a, p]);
+  const b = e.length <= g, x = typeof m == "number" && e.length >= m, f = k(e);
+  f.current = e;
+  const w = C(
+    () => ({
+      getCount: () => f.current.length,
+      add: () => o(),
+      remove: (r) => n(r)
+    }),
+    [o, n]
+  );
+  R(K, w, d);
+  const A = (r) => l ? l(r) : h("fieldArray.removeItem", "Remove");
+  return /* @__PURE__ */ u(
+    "fieldset",
+    {
+      id: d,
+      className: P({ className: v }),
+      "aria-label": a ? void 0 : p,
+      "data-component": "field-array",
+      "data-component-id": d,
+      children: [
+        a ? /* @__PURE__ */ t("legend", { className: "type-label ds:text-foreground ds:p-0", children: a }) : null,
+        /* @__PURE__ */ t("div", { className: V(), children: e.map((r, s) => (
+          // No stable per-item id exists on a generic T, so rows are keyed by
+          // index — the consumer owns row identity through its state shape.
+          /* @__PURE__ */ u(
+            "div",
+            {
+              className: H(),
+              "data-slot": "field-array-row",
+              children: [
+                /* @__PURE__ */ t("div", { className: "ds:flex-1 ds:min-w-0", children: i(r, s) }),
+                /* @__PURE__ */ t(
+                  M,
+                  {
+                    icon: /* @__PURE__ */ t(j, {}),
+                    size: "sm",
+                    intent: "ghost",
+                    "aria-label": A(s),
+                    disabled: b,
+                    onClick: () => n(s)
+                  }
+                )
+              ]
+            },
+            s
+          )
+        )) }),
+        /* @__PURE__ */ t(
+          I,
+          {
+            type: "button",
+            intent: "outline",
+            startIcon: /* @__PURE__ */ t(B, {}),
+            disabled: x,
+            onClick: o,
+            className: "ds:self-start",
+            children: y
+          }
+        )
+      ]
+    }
+  );
+}
+S.displayName = "FieldArray";
+export {
+  S as F,
+  K as f
+};
+//# sourceMappingURL=field-array-siUZzfYe.js.map

package/dist/_chunks/field-array-siUZzfYe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-array-siUZzfYe.js","sources":["../../src/components/field-array/field-array.agent.ts","../../src/components/field-array/field-array.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — FieldArray.                                            */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { FieldArrayHandle } from './field-array';\n\nexport const fieldArrayAgent: AgentAdapter<FieldArrayHandle> = {\n  id: 'field-array',\n  capabilities: ['edit_inline'],\n  state: {\n    count: {\n      type: 'number',\n      descriptionKey: 'ui.agent.fieldArray.state.count',\n      description: 'Number of rows currently rendered.',\n      read: (handle) => handle.getCount(),\n    },\n  },\n  actions: {\n    add: {\n      safety: 'write',\n      descriptionKey: 'ui.agent.fieldArray.actions.add',\n      description: 'Append a new row.',\n      invoke: (handle) => {\n        handle.add();\n      },\n    },\n    remove: {\n      safety: 'destructive',\n      argsType: '{ index: number }',\n      argsSchema: {\n        type: 'object',\n        properties: { index: { type: 'number' } },\n        required: ['index'],\n      },\n      descriptionKey: 'ui.agent.fieldArray.actions.remove',\n      description: 'Remove the row at the given index.',\n      invoke: (handle, args: { index: number }) => {\n        handle.remove(args.index);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'field-array',\n      description: 'Marks the FieldArray fieldset.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  useEffect,\n  useMemo,\n  useRef,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Plus, X } from 'lucide-react';\nimport { Button } from '../button/button';\nimport { IconButton } from '../button/icon-button';\nimport { useAgentRegistration } from '../../agent';\nimport { fieldArrayAgent } from './field-array.agent';\n\n/**\n * Agent-readiness curated handle for FieldArray. Non-generic on purpose — the\n * adapter is typed `AgentAdapter<FieldArrayHandle>` and never sees `T`, so the\n * handle exposes only the structural surface (row count + add/remove).\n */\nexport interface FieldArrayHandle {\n  getCount: () => number;\n  add: () => void;\n  remove: (index: number) => void;\n}\n\nexport interface FieldArrayProps<T> {\n  /** The current rows. The consumer owns this array. */\n  items: T[];\n  /** Renders one row's fields. Called once per item. */\n  renderItem: (item: T, index: number) => ReactNode;\n  /** Append a new (consumer-shaped) row. */\n  onAdd: () => void;\n  /** Remove the row at `index`. */\n  onRemove: (index: number) => void;\n  /** Visible text on the add control. Consumer supplies localised text. */\n  addLabel: string;\n  /**\n   * Per-row accessible name for the remove control, e.g.\n   * `(i) => \\`Remove rule ${i + 1}\\``. Defaults to the kit's localised\n   * `Remove` string so the control always has an accessible name.\n   */\n  removeItemLabel?: (index: number) => string;\n  /** Group accessible name, rendered as a visible `<legend>` when provided. */\n  legend?: string;\n  /** Minimum rows — remove is disabled once `items.length <= min`. */\n  min?: number;\n  /** Maximum rows — add is disabled once `items.length >= max`. */\n  max?: number;\n  /** Stable id, used to address this instance from the agent runtime. */\n  id?: string;\n  className?: string;\n  /** Accessible name used when no `legend` is supplied. */\n  'aria-label'?: string;\n}\n\nconst fieldArrayVariants = cva(\n  'ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:min-w-0 ds:border-0 ds:p-0 ds:m-0',\n);\n\nconst rowsVariants = cva('ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]');\n\nconst rowVariants = cva('ds:flex ds:items-start ds:gap-[var(--spacing-sm)]');\n\nexport function FieldArray<T>({\n  items,\n  renderItem,\n  onAdd,\n  onRemove,\n  addLabel,\n  removeItemLabel,\n  legend,\n  min = 0,\n  max,\n  id,\n  className,\n  'aria-label': ariaLabel,\n}: FieldArrayProps<T>): ReactElement {\n  const { t } = useTranslation();\n\n  // DEV-time guard: a group with no legend AND no aria-label has no accessible\n  // name. Mirrors the IbanInput / Button accessible-name guards. No-op in prod.\n  useEffect(() => {\n    const isDev =\n      typeof import.meta !== 'undefined' &&\n      typeof import.meta.env !== 'undefined' &&\n      import.meta.env.DEV === true;\n    if (isDev && !legend && !ariaLabel) {\n      console.warn(\n        '[FieldArray] No `legend` and no `aria-label` — the row group has no accessible name. Pass one of them.',\n      );\n    }\n  }, [legend, ariaLabel]);\n\n  const atMin = items.length <= min;\n  const atMax = typeof max === 'number' && items.length >= max;\n\n  // Stable handle that always reads the latest count — mirrors CheckboxGroup's\n  // ref-backed handle so the registration identity stays stable across renders.\n  const itemsRef = useRef(items);\n  itemsRef.current = items;\n  const agentHandle = useMemo<FieldArrayHandle>(\n    () => ({\n      getCount: () => itemsRef.current.length,\n      add: () => onAdd(),\n      remove: (index) => onRemove(index),\n    }),\n    [onAdd, onRemove],\n  );\n  useAgentRegistration(fieldArrayAgent, agentHandle, id);\n\n  const resolveRemoveLabel = (index: number): string =>\n    removeItemLabel\n      ? removeItemLabel(index)\n      : t('fieldArray.removeItem', 'Remove');\n\n  return (\n    <fieldset\n      id={id}\n      className={fieldArrayVariants({ className })}\n      aria-label={legend ? undefined : ariaLabel}\n      data-component=\"field-array\"\n      data-component-id={id}\n    >\n      {legend ? (\n        <legend className=\"type-label ds:text-foreground ds:p-0\">\n          {legend}\n        </legend>\n      ) : null}\n\n      <div className={rowsVariants()}>\n        {items.map((item, index) => (\n          // No stable per-item id exists on a generic T, so rows are keyed by\n          // index — the consumer owns row identity through its state shape.\n          <div\n            key={index}\n            className={rowVariants()}\n            data-slot=\"field-array-row\"\n          >\n            <div className=\"ds:flex-1 ds:min-w-0\">\n              {renderItem(item, index)}\n            </div>\n            <IconButton\n              icon={<X />}\n              size=\"sm\"\n              intent=\"ghost\"\n              aria-label={resolveRemoveLabel(index)}\n              disabled={atMin}\n              onClick={() => onRemove(index)}\n            />\n          </div>\n        ))}\n      </div>\n\n      <Button\n        type=\"button\"\n        intent=\"outline\"\n        startIcon={<Plus />}\n        disabled={atMax}\n        onClick={onAdd}\n        className=\"ds:self-start\"\n      >\n        {addLabel}\n      </Button>\n    </fieldset>\n  );\n}\n\nFieldArray.displayName = 'FieldArray';\n"],"names":["fieldArrayAgent","handle","args","fieldArrayVariants","cva","rowsVariants","rowVariants","FieldArray","items","renderItem","onAdd","onRemove","addLabel","removeItemLabel","legend","min","max","id","className","ariaLabel","t","useTranslation","useEffect","atMin","atMax","itemsRef","useRef","agentHandle","useMemo","index","useAgentRegistration","resolveRemoveLabel","jsxs","jsx","item","IconButton","X","Button","Plus"],"mappings":"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"}

package/dist/_chunks/field-value-3jMM0uDx.js

@@ -0,0 +1,415 @@
+import { useMemo as O, useCallback as D, useState as H, cloneElement as X } from "react";
+import { u as J } from "./use-controllable-state-BiY4xTzM.js";
+import { jsxs as F, jsx as r, Fragment as Q } from "react/jsx-runtime";
+import { useTranslation as z } from "react-i18next";
+import { B as W } from "./button-DD_0Xdmr.js";
+import { I as $ } from "./icon-button-LqoiKcUN.js";
+import { C as j } from "./checkbox-BuZ1u__2.js";
+import { P as T } from "./popover-B2qCDhJC.js";
+import { S as Y } from "./separator-CYU_bGFn.js";
+import { c as P } from "./createLucideIcon-CrFbzy84.js";
+import { G as Z } from "./grip-vertical-Dlg0_k5C.js";
+import { B as U } from "./badge-DCOqV9mI.js";
+import { L as ee } from "./link-DrD_cRUg.js";
+import { T as te } from "./transaction-chip-CscoQbxF.js";
+import { H as ne } from "./hash-CysBBS_N.js";
+import { C as re } from "./calendar-days-C4BmpCZg.js";
+import { U as se } from "./user-CPxpqFjJ.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ae = [
+  ["path", { d: "M5 22h14", key: "ehvnwv" }],
+  ["path", { d: "M5 2h14", key: "pdyrp9" }],
+  [
+    "path",
+    {
+      d: "M17 22v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22",
+      key: "1d314k"
+    }
+  ],
+  [
+    "path",
+    { d: "M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2", key: "1vvvr6" }
+  ]
+], ie = P("hourglass", ae);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const oe = [
+  ["path", { d: "M16 3h5v5", key: "1806ms" }],
+  ["path", { d: "m21 3-6.75 6.75", key: "pv0uzu" }],
+  ["circle", { cx: "10", cy: "14", r: "6", key: "1qwbdc" }]
+], ce = P("mars", oe);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const le = [
+  ["path", { d: "M14 17H5", key: "gfn3mx" }],
+  ["path", { d: "M19 7h-9", key: "6i9tg" }],
+  ["circle", { cx: "17", cy: "17", r: "3", key: "18b49y" }],
+  ["circle", { cx: "7", cy: "7", r: "3", key: "dfmy0x" }]
+], de = P("settings-2", le);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ue = [
+  ["path", { d: "M12 15v7", key: "t2xh3l" }],
+  ["path", { d: "M9 19h6", key: "456am0" }],
+  ["circle", { cx: "12", cy: "9", r: "6", key: "1nw4tq" }]
+], me = P("venus", ue);
+function G(e) {
+  return e.flatMap((d) => d.fields.map((t) => t.id));
+}
+function _e(e, d) {
+  const t = d ?? G(e), m = new Map(t.map((a, y) => [a, y]));
+  return e.map((a) => ({
+    section: a,
+    fields: a.fields.filter((y) => m.has(y.id)).sort(
+      (y, S) => m.get(y.id) - m.get(S.id)
+    )
+  }));
+}
+function ze(e, { value: d, defaultValue: t, onChange: m } = {}) {
+  const a = O(
+    () => G(e),
+    [e]
+  ), [y, S] = J({
+    value: d,
+    defaultValue: t ?? a,
+    onChange: m
+  }), i = y ?? t ?? a, x = O(() => {
+    const p = /* @__PURE__ */ new Map();
+    for (const f of e)
+      for (const g of f.fields)
+        p.set(g.id, { field: g, sectionId: f.id });
+    return p;
+  }, [e]), u = D(
+    (p) => {
+      S(p.filter((f) => x.has(f)));
+    },
+    [S, x]
+  ), I = D(
+    (p) => {
+      u(
+        i.includes(p) ? i.filter((f) => f !== p) : [...i, p]
+      );
+    },
+    [i, u]
+  ), L = D(
+    (p, f) => {
+      var w;
+      const g = ((w = e.find((o) => o.id === p)) == null ? void 0 : w.fields.map((o) => o.id)) ?? [], V = new Set(g);
+      if (f) {
+        const o = g.filter((c) => !i.includes(c));
+        u([...i, ...o]);
+      } else
+        u(i.filter((o) => !V.has(o)));
+    },
+    [e, i, u]
+  ), N = D(
+    (p, f) => {
+      var A, n, C;
+      if (p === f) return;
+      const g = (A = x.get(p)) == null ? void 0 : A.sectionId, V = (n = x.get(f)) == null ? void 0 : n.sectionId;
+      if (!g || g !== V) return;
+      const w = new Set(
+        ((C = e.find((l) => l.id === g)) == null ? void 0 : C.fields.map((l) => l.id)) ?? []
+      ), o = i.filter((l) => w.has(l)), c = o.indexOf(p), v = o.indexOf(f);
+      if (c < 0 || v < 0) return;
+      const [k] = o.splice(c, 1);
+      o.splice(v, 0, k);
+      let h = 0;
+      const E = i.map(
+        (l) => w.has(l) ? o[h++] : l
+      );
+      u(E);
+    },
+    [x, e, i, u]
+  ), B = D(() => {
+    u(t ?? a);
+  }, [t, a, u]);
+  return {
+    visible: i,
+    catalogueIds: a,
+    fieldById: x,
+    setOrder: u,
+    toggleField: I,
+    toggleSection: L,
+    moveFieldOnto: N,
+    reset: B
+  };
+}
+function Pe({
+  sections: e,
+  visible: d,
+  onToggleField: t,
+  onToggleSection: m,
+  onMoveFieldOnto: a,
+  onReset: y,
+  label: S
+}) {
+  const { t: i } = z(), x = O(() => new Set(d), [d]), [u, I] = H(null), [L, N] = H(null), [B, p] = H(""), { sectionOfField: f, labelOfField: g } = O(() => {
+    const c = /* @__PURE__ */ new Map(), v = /* @__PURE__ */ new Map();
+    for (const k of e)
+      for (const h of k.fields)
+        c.set(h.id, k.id), v.set(h.id, h.label);
+    return { sectionOfField: c, labelOfField: v };
+  }, [e]), V = u ? f.get(u) : void 0, w = D(() => {
+    I(null), N(null);
+  }, []), o = D(
+    (c, v, k) => {
+      p(
+        i("fieldPicker.moved", {
+          field: g.get(c) ?? "",
+          position: v + 1,
+          count: k,
+          defaultValue: "Moved {{field}} to position {{position}} of {{count}}"
+        })
+      );
+    },
+    [i, g]
+  );
+  return /* @__PURE__ */ F(T.Root, { children: [
+    /* @__PURE__ */ r(T.Trigger, { asChild: !0, children: /* @__PURE__ */ r(
+      $,
+      {
+        size: "sm",
+        intent: "outline",
+        icon: /* @__PURE__ */ r(de, { "aria-hidden": "true" }),
+        "aria-label": S ?? i("fieldPicker.trigger", { defaultValue: "Customize fields" }),
+        className: "ds:shrink-0"
+      }
+    ) }),
+    /* @__PURE__ */ F(T.Content, { align: "end", size: "sm", children: [
+      /* @__PURE__ */ r(T.Heading, { children: i("fieldPicker.title", { defaultValue: "Customize fields" }) }),
+      /* @__PURE__ */ F("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:mt-[var(--spacing-xs)]", children: [
+        e.map((c) => {
+          const v = c.fields.map((n) => n.id), k = v.filter(
+            (n) => x.has(n)
+          ).length, h = d.filter(
+            (n) => v.includes(n)
+          ), E = k === 0 ? !1 : k === v.length ? !0 : "indeterminate", A = !!c.heading;
+          return /* @__PURE__ */ F(
+            "div",
+            {
+              className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]",
+              children: [
+                A ? /* @__PURE__ */ r(
+                  j,
+                  {
+                    size: "sm",
+                    label: c.heading,
+                    checked: E,
+                    onCheckedChange: (n) => m(c.id, n === !0)
+                  }
+                ) : null,
+                /* @__PURE__ */ r(
+                  "ul",
+                  {
+                    className: [
+                      "ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-2xs)]",
+                      A ? "ds:ps-[var(--spacing-md)]" : "ds:ps-0"
+                    ].join(" "),
+                    children: c.fields.map((n) => {
+                      const C = x.has(n.id), l = h.indexOf(n.id), b = h.length, q = u === n.id, K = L === n.id && u !== null && u !== n.id && V === c.id;
+                      return /* @__PURE__ */ F(
+                        "li",
+                        {
+                          ...C ? {
+                            draggable: !0,
+                            onDragStart: (s) => {
+                              I(n.id), s.dataTransfer.effectAllowed = "move", s.dataTransfer.setData("text/plain", n.id);
+                            },
+                            onDragOver: (s) => {
+                              u === null || V !== c.id || (s.preventDefault(), s.dataTransfer.dropEffect = "move", N(n.id));
+                            },
+                            onDragLeave: () => N(
+                              (s) => s === n.id ? null : s
+                            ),
+                            onDrop: (s) => {
+                              s.preventDefault();
+                              const M = s.dataTransfer.getData("text/plain");
+                              M && M !== n.id && f.get(M) === c.id && (a(M, n.id), o(M, l, b)), w();
+                            },
+                            onDragEnd: w
+                          } : {},
+                          className: [
+                            "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-2xs)] ds:rounded-[var(--radius-sm)] ds:px-[var(--spacing-2xs)] ds:py-[var(--spacing-2xs)] ds:transition-colors ds:motion-reduce:transition-none",
+                            q ? "ds:opacity-50" : "",
+                            K ? "ds:bg-[color:color-mix(in_srgb,var(--primary)_8%,transparent)]" : ""
+                          ].filter(Boolean).join(" "),
+                          children: [
+                            /* @__PURE__ */ r(
+                              j,
+                              {
+                                size: "sm",
+                                label: n.label,
+                                checked: C,
+                                onCheckedChange: () => t(n.id)
+                              }
+                            ),
+                            C ? /* @__PURE__ */ r(
+                              $,
+                              {
+                                size: "sm",
+                                intent: "ghost",
+                                icon: /* @__PURE__ */ r(Z, { "aria-hidden": "true" }),
+                                "aria-label": i("fieldPicker.reorder", {
+                                  field: n.label,
+                                  defaultValue: "Reorder {{field}}. Press Alt + Up or Alt + Down to move."
+                                }),
+                                "aria-keyshortcuts": "Alt+ArrowUp Alt+ArrowDown Alt+Home Alt+End",
+                                className: "ds:shrink-0 ds:cursor-grab ds:active:cursor-grabbing",
+                                onKeyDown: (s) => {
+                                  if (s.altKey) {
+                                    if (s.key === "ArrowUp") {
+                                      if (l <= 0) return;
+                                      s.preventDefault(), a(
+                                        n.id,
+                                        h[l - 1]
+                                      ), o(n.id, l - 1, b);
+                                    } else if (s.key === "ArrowDown") {
+                                      if (l >= b - 1) return;
+                                      s.preventDefault(), a(
+                                        n.id,
+                                        h[l + 1]
+                                      ), o(n.id, l + 1, b);
+                                    } else if (s.key === "Home") {
+                                      if (l <= 0) return;
+                                      s.preventDefault(), a(n.id, h[0]), o(n.id, 0, b);
+                                    } else if (s.key === "End") {
+                                      if (l >= b - 1) return;
+                                      s.preventDefault(), a(
+                                        n.id,
+                                        h[b - 1]
+                                      ), o(n.id, b - 1, b);
+                                    }
+                                  }
+                                }
+                              }
+                            ) : null
+                          ]
+                        },
+                        n.id
+                      );
+                    })
+                  }
+                )
+              ]
+            },
+            c.id
+          );
+        }),
+        /* @__PURE__ */ r(Y, { orientation: "horizontal" }),
+        /* @__PURE__ */ r(W, { type: "button", size: "sm", intent: "ghost", onClick: y, children: i("fieldPicker.reset", { defaultValue: "Reset to defaults" }) })
+      ] }),
+      /* @__PURE__ */ r("span", { role: "status", className: "ds:sr-only", children: B })
+    ] })
+  ] });
+}
+const R = "ds:text-[color:var(--foreground)]", pe = {
+  m: "Male",
+  f: "Female",
+  x: "Other"
+};
+function _({
+  icon: e,
+  mono: d,
+  children: t
+}) {
+  return /* @__PURE__ */ r(
+    U,
+    {
+      variant: "neutral",
+      className: d ? "ds:font-mono" : void 0,
+      leading: e ? X(e, {
+        className: R
+      }) : void 0,
+      children: /* @__PURE__ */ r("span", { className: R, children: t })
+    }
+  );
+}
+function fe({ code: e }) {
+  const { t: d } = z(), t = e.toLowerCase(), m = d(`patientField.sex.${t}`, {
+    defaultValue: pe[t] ?? e
+  });
+  return t === "f" ? /* @__PURE__ */ r(U, { variant: "accentSoft", leading: /* @__PURE__ */ r(me, {}), children: m }) : t === "m" ? /* @__PURE__ */ r(U, { variant: "info", leading: /* @__PURE__ */ r(ce, {}), children: m }) : /* @__PURE__ */ r(_, { icon: /* @__PURE__ */ r(se, {}), children: m });
+}
+function ge({ years: e }) {
+  const { t: d } = z();
+  return /* @__PURE__ */ r(_, { icon: /* @__PURE__ */ r(ie, {}), children: d("patientField.age", {
+    count: e,
+    defaultValue: "{{count}} years old"
+  }) });
+}
+function Le({ field: e }) {
+  const { i18n: d } = z();
+  if (e.kind === "email" || e.kind === "phone") {
+    const t = typeof e.value == "string" ? e.value : e.copyText ?? (typeof e.editValue == "string" ? e.editValue : "");
+    if (t) {
+      const m = e.kind === "email" ? `mailto:${t.trim()}` : `tel:${t.replace(/[^+\d]/g, "")}`;
+      return /* @__PURE__ */ r(ee, { href: m, children: t });
+    }
+  }
+  if (e.value != null)
+    return /* @__PURE__ */ r(Q, { children: e.value });
+  if (!e.kind)
+    return null;
+  switch (e.kind) {
+    case "sex":
+      return /* @__PURE__ */ r(fe, { code: String(e.editValue ?? "") });
+    case "age": {
+      const t = typeof e.editValue == "number" ? e.editValue : Number(e.editValue);
+      return Number.isFinite(t) ? /* @__PURE__ */ r(ge, { years: t }) : null;
+    }
+    case "dob": {
+      const t = e.editValue, m = t instanceof Date ? t : new Date(String(t ?? "")), a = Number.isNaN(m.getTime()) ? String(t ?? "") : new Intl.DateTimeFormat(d.language, {
+        day: "numeric",
+        month: "short",
+        year: "numeric"
+      }).format(m);
+      return a ? /* @__PURE__ */ r(_, { icon: /* @__PURE__ */ r(re, {}), children: a }) : null;
+    }
+    case "fiscalCode": {
+      const t = e.copyText ?? (typeof e.editValue == "string" ? e.editValue : "");
+      return t ? /* @__PURE__ */ r(_, { icon: /* @__PURE__ */ r(ne, {}), mono: !0, children: t }) : null;
+    }
+    case "discount": {
+      const t = typeof e.editValue == "number" ? e.editValue : Number(e.editValue);
+      return Number.isFinite(t) ? /* @__PURE__ */ r(
+        te,
+        {
+          state: "discount",
+          amount: Math.abs(t),
+          currency: e.currency,
+          size: "sm"
+        }
+      ) : null;
+    }
+    default:
+      return null;
+  }
+}
+export {
+  ge as A,
+  Pe as F,
+  _ as N,
+  fe as S,
+  Le as a,
+  _e as r,
+  ze as u
+};
+//# sourceMappingURL=field-value-3jMM0uDx.js.map