@alfadocs/ui-kit-debug 0.71.0 → 0.72.0

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

@@ -1,146 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,415 +0,0 @@
-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