@alfadocs/ui-kit-debug 0.71.0 → 0.72.0

package/dist/_chunks/fetal-weight-CVAH8sJ3.js

@@ -0,0 +1,122 @@
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import { forwardRef as T, useState as g, useMemo as W, useEffect as j } from "react";
+import { c as V } from "./index-D2ZczOXr.js";
+import { useTranslation as A } from "react-i18next";
+import { F as D } from "./form-field-M5UpX65Z.js";
+import { N as E } from "./number-input-DjWzmlEY.js";
+import { C as N } from "./card-DPmk26CL.js";
+import { B as H } from "./badge-DCOqV9mI.js";
+import { I as S } from "./insert-result-C7xSDb8q.js";
+function h(l) {
+  return typeof l == "number" && Number.isFinite(l) && l > 0 ? l / 10 : null;
+}
+function q(l) {
+  const n = h(l.bpdMm), r = h(l.hcMm), s = h(l.acMm), d = h(l.flMm);
+  if (s === null || d === null) return null;
+  let o, c;
+  return n !== null && r !== null ? (o = 1.3596 - 386e-5 * s * d + 64e-4 * r + 61e-5 * n * s + 0.0424 * s + 0.174 * d, c = "hadlock4") : (o = 1.304 + 0.05281 * s + 0.1938 * d - 4e-3 * s * d, c = "hadlock1"), { grams: Math.round(10 ** o), method: c };
+}
+const z = V("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
+  variants: {
+    width: { full: "ds:w-full", auto: "ds:inline-flex" }
+  },
+  defaultVariants: { width: "full" }
+}), G = T(
+  ({
+    onResultChange: l,
+    onInsert: n,
+    insertVariant: r = "insert",
+    onCopy: s,
+    onError: d,
+    insertBrand: o,
+    id: c,
+    width: y,
+    className: M
+  }, w) => {
+    const { t: e, i18n: x } = A(), [u, F] = g(null), [p, $] = g(null), [b, B] = g(null), [v, L] = g(null), a = W(
+      () => q({ bpdMm: u, hcMm: p, acMm: b, flMm: v }),
+      [u, p, b, v]
+    );
+    j(() => {
+      l == null || l(a);
+    }, [a, l]);
+    const k = W(
+      () => new Intl.NumberFormat(x.language, { maximumFractionDigits: 0 }),
+      [x.language]
+    ), C = e("fetalWeight.units.mm"), f = (i) => e("fetalWeight.efwValue", { grams: k.format(i.grams) }), I = [
+      { label: e("fetalWeight.bpd"), value: u, onChange: F },
+      { label: e("fetalWeight.hc"), value: p, onChange: $ },
+      { label: e("fetalWeight.ac"), value: b, onChange: B },
+      { label: e("fetalWeight.fl"), value: v, onChange: L }
+    ];
+    return /* @__PURE__ */ m(
+      "div",
+      {
+        ref: w,
+        "data-component": "fetal-weight",
+        "data-component-id": c,
+        className: z({ width: y, className: M }),
+        children: [
+          /* @__PURE__ */ t("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-2", children: I.map((i) => /* @__PURE__ */ t(D, { label: `${i.label} (${C})`, children: /* @__PURE__ */ t(
+            E,
+            {
+              mode: "decimal",
+              min: 0,
+              step: 0.1,
+              value: i.value,
+              onChange: i.onChange
+            }
+          ) }, i.label)) }),
+          /* @__PURE__ */ t("p", { className: "ds:sr-only", role: "status", "aria-live": "polite", children: a ? `${e("fetalWeight.efwLabel")}: ${f(a)}.` : "" }),
+          a ? /* @__PURE__ */ t(N, { variant: "elevated", children: /* @__PURE__ */ m(N.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+            /* @__PURE__ */ m("dl", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-2", children: [
+              /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:items-start ds:gap-[var(--spacing-xs)]", children: [
+                /* @__PURE__ */ t("dt", { className: "type-label ds:text-muted-foreground", children: e("fetalWeight.efwLabel") }),
+                /* @__PURE__ */ t("dd", { className: "type-metric ds:text-foreground", children: f(a) })
+              ] }),
+              /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:items-end ds:gap-[var(--spacing-xs)] ds:text-end", children: [
+                /* @__PURE__ */ t("dt", { className: "type-label ds:text-muted-foreground", children: e("fetalWeight.methodLabel") }),
+                /* @__PURE__ */ t("dd", { children: /* @__PURE__ */ t(H, { variant: "info", children: e(`fetalWeight.method.${a.method}`) }) })
+              ] })
+            ] }),
+            /* @__PURE__ */ t("p", { className: "type-body-sm ds:text-muted-foreground", children: e("fetalWeight.disclaimer") }),
+            r === "copy" || n ? /* @__PURE__ */ t(
+              S,
+              {
+                onInsert: n,
+                variant: r,
+                onCopy: s,
+                onError: d,
+                card: {
+                  title: e("insert.title.fetalWeight"),
+                  icon: "scale",
+                  highlight: f(a),
+                  highlightToken: "--info",
+                  brand: o,
+                  fields: [
+                    {
+                      icon: "scale",
+                      label: e("fetalWeight.efwLabel"),
+                      value: f(a)
+                    },
+                    {
+                      icon: "activity",
+                      label: e("fetalWeight.methodLabel"),
+                      value: e(`fetalWeight.method.${a.method}`)
+                    }
+                  ]
+                }
+              }
+            ) : null
+          ] }) }) : /* @__PURE__ */ t("p", { className: "type-body ds:text-muted-foreground", children: e("fetalWeight.empty") })
+        ]
+      }
+    );
+  }
+);
+G.displayName = "FetalWeight";
+export {
+  G as F,
+  q as e
+};
+//# sourceMappingURL=fetal-weight-CVAH8sJ3.js.map

package/dist/_chunks/fetal-weight-CVAH8sJ3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fetal-weight-CVAH8sJ3.js","sources":["../../src/components/fetal-weight/efw.ts","../../src/components/fetal-weight/fetal-weight.tsx"],"sourcesContent":["/* ------------------------------------------------------------------ */\n/* Estimated fetal weight (EFW) from ultrasound biometry — Hadlock.     */\n/*                                                                     */\n/* Pure, framework-free, unit-testable. Hadlock (1985) regressions on    */\n/* log10(weight in grams) from biometry in CENTIMETRES (inputs are taken */\n/* in mm and converted). The 4-parameter formula (BPD+HC+AC+FL) is the   */\n/* default; the AC+FL formula is the fallback for partial biometry.      */\n/*                                                                     */\n/* Hadlock FP, Harrist RB, Sharman RS, Deter RL, Park SK. \"Estimation of */\n/* fetal weight with the use of head, body, and femur measurements.\"     */\n/* Am J Obstet Gynecol 1985;151:333-7.                                   */\n/* ------------------------------------------------------------------ */\n\nexport interface FetalBiometryInput {\n  /** Biparietal diameter, mm. */\n  bpdMm?: number | null;\n  /** Head circumference, mm. */\n  hcMm?: number | null;\n  /** Abdominal circumference, mm. */\n  acMm?: number | null;\n  /** Femur length, mm. */\n  flMm?: number | null;\n}\n\n/** Which Hadlock regression produced the estimate. */\nexport type EfwMethod = 'hadlock4' | 'hadlock1';\n\nexport interface EfwResult {\n  /** Estimated fetal weight, grams (rounded to the nearest gram). */\n  grams: number;\n  /** The Hadlock regression used, given the available measurements. */\n  method: EfwMethod;\n}\n\n/** A measurement is usable when it is a positive, finite number. */\nfunction cm(mm: number | null | undefined): number | null {\n  return typeof mm === 'number' && Number.isFinite(mm) && mm > 0\n    ? mm / 10\n    : null;\n}\n\n/**\n * Estimate fetal weight from biometry. Uses the Hadlock 4-parameter formula\n * when BPD, HC, AC and FL are all present, else the AC+FL formula. Returns\n * `null` when AC and FL (the minimum) aren't both available.\n */\nexport function estimateFetalWeight(\n  input: FetalBiometryInput,\n): EfwResult | null {\n  const bpd = cm(input.bpdMm);\n  const hc = cm(input.hcMm);\n  const ac = cm(input.acMm);\n  const fl = cm(input.flMm);\n\n  // AC + FL are the minimum for any Hadlock estimate.\n  if (ac === null || fl === null) return null;\n\n  let log10: number;\n  let method: EfwMethod;\n\n  if (bpd !== null && hc !== null) {\n    // Hadlock 4 (BPD, HC, AC, FL).\n    log10 =\n      1.3596 -\n      0.00386 * ac * fl +\n      0.0064 * hc +\n      0.00061 * bpd * ac +\n      0.0424 * ac +\n      0.174 * fl;\n    method = 'hadlock4';\n  } else {\n    // Hadlock 1 (AC, FL).\n    log10 = 1.304 + 0.05281 * ac + 0.1938 * fl - 0.004 * ac * fl;\n    method = 'hadlock1';\n  }\n\n  return { grams: Math.round(10 ** log10), method };\n}\n","/* ------------------------------------------------------------------ */\n/* FetalWeight — estimated fetal weight from ultrasound biometry.       */\n/*                                                                     */\n/* Inputs BPD / HC / AC / FL (mm); outputs EFW in grams via Hadlock     */\n/* (maths in `./fetal-weight`, pure + tested).                          */\n/* ------------------------------------------------------------------ */\n\nimport { forwardRef, useEffect, useMemo, useState } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { FormField } from '../form-field';\nimport { NumberInput } from '../number-input';\nimport { Card } from '../card';\nimport { Badge } from '../badge';\nimport {\n  InsertButton,\n  type InsertPayload,\n  type InsertVariant,\n  type InsertMode,\n} from '../_shared/insert-result';\nimport { type EfwResult, estimateFetalWeight } from './efw';\n\nconst rootVariants = cva('ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]', {\n  variants: {\n    width: { full: 'ds:w-full', auto: 'ds:inline-flex' },\n  },\n  defaultVariants: { width: 'full' },\n});\n\nexport interface FetalWeightProps extends VariantProps<typeof rootVariants> {\n  /** Fires whenever an estimate can be computed (and `null` when it can't). */\n  onResultChange?: (result: EfwResult | null) => void;\n  /** When provided, shows the result-action buttons that emit / copy the result. */\n  onInsert?: (payload: InsertPayload) => void;\n  /** Which verb the result button performs. Defaults to `'insert'`. */\n  insertVariant?: InsertVariant;\n  /** `copy` variant only — fired after a successful clipboard write. */\n  onCopy?: (mode: InsertMode) => void;\n  /** `copy` variant only — fired if the clipboard write can't proceed. */\n  onError?: (error: unknown) => void;\n  /** Brand wordmark printed in the inserted/copied result-card footer. */\n  insertBrand?: string | false;\n  /** Opaque instance id, emitted as `data-component-id`. */\n  id?: string;\n  /** Extra class names on the wrapper. */\n  className?: string;\n}\n\nexport const FetalWeight = forwardRef<HTMLDivElement, FetalWeightProps>(\n  (\n    {\n      onResultChange,\n      onInsert,\n      insertVariant = 'insert',\n      onCopy,\n      onError,\n      insertBrand,\n      id,\n      width,\n      className,\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n\n    const [bpdMm, setBpdMm] = useState<number | null>(null);\n    const [hcMm, setHcMm] = useState<number | null>(null);\n    const [acMm, setAcMm] = useState<number | null>(null);\n    const [flMm, setFlMm] = useState<number | null>(null);\n\n    const result = useMemo(\n      () => estimateFetalWeight({ bpdMm, hcMm, acMm, flMm }),\n      [bpdMm, hcMm, acMm, flMm],\n    );\n\n    useEffect(() => {\n      onResultChange?.(result);\n    }, [result, onResultChange]);\n\n    const grams = useMemo(\n      () => new Intl.NumberFormat(i18n.language, { maximumFractionDigits: 0 }),\n      [i18n.language],\n    );\n\n    const unit = t('fetalWeight.units.mm');\n    const efwText = (r: EfwResult): string =>\n      t('fetalWeight.efwValue', { grams: grams.format(r.grams) });\n\n    const fields: {\n      label: string;\n      value: number | null;\n      onChange: (v: number | null) => void;\n    }[] = [\n      { label: t('fetalWeight.bpd'), value: bpdMm, onChange: setBpdMm },\n      { label: t('fetalWeight.hc'), value: hcMm, onChange: setHcMm },\n      { label: t('fetalWeight.ac'), value: acMm, onChange: setAcMm },\n      { label: t('fetalWeight.fl'), value: flMm, onChange: setFlMm },\n    ];\n\n    return (\n      <div\n        ref={ref}\n        data-component=\"fetal-weight\"\n        data-component-id={id}\n        className={rootVariants({ width, className })}\n      >\n        <div className=\"ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-2\">\n          {fields.map((f) => (\n            <FormField key={f.label} label={`${f.label} (${unit})`}>\n              <NumberInput\n                mode=\"decimal\"\n                min={0}\n                step={0.1}\n                value={f.value}\n                onChange={f.onChange}\n              />\n            </FormField>\n          ))}\n        </div>\n\n        <p className=\"ds:sr-only\" role=\"status\" aria-live=\"polite\">\n          {result ? `${t('fetalWeight.efwLabel')}: ${efwText(result)}.` : ''}\n        </p>\n\n        {result ? (\n          <Card variant=\"elevated\">\n            <Card.Body className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\">\n              <dl className=\"ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-2\">\n                <div className=\"ds:flex ds:flex-col ds:items-start ds:gap-[var(--spacing-xs)]\">\n                  <dt className=\"type-label ds:text-muted-foreground\">\n                    {t('fetalWeight.efwLabel')}\n                  </dt>\n                  <dd className=\"type-metric ds:text-foreground\">\n                    {efwText(result)}\n                  </dd>\n                </div>\n                <div className=\"ds:flex ds:flex-col ds:items-end ds:gap-[var(--spacing-xs)] ds:text-end\">\n                  <dt className=\"type-label ds:text-muted-foreground\">\n                    {t('fetalWeight.methodLabel')}\n                  </dt>\n                  <dd>\n                    <Badge variant=\"info\">\n                      {t(`fetalWeight.method.${result.method}`)}\n                    </Badge>\n                  </dd>\n                </div>\n              </dl>\n              <p className=\"type-body-sm ds:text-muted-foreground\">\n                {t('fetalWeight.disclaimer')}\n              </p>\n              {insertVariant === 'copy' || onInsert ? (\n                <InsertButton\n                  onInsert={onInsert}\n                  variant={insertVariant}\n                  onCopy={onCopy}\n                  onError={onError}\n                  card={{\n                    title: t('insert.title.fetalWeight'),\n                    icon: 'scale',\n                    highlight: efwText(result),\n                    highlightToken: '--info',\n                    brand: insertBrand,\n                    fields: [\n                      {\n                        icon: 'scale',\n                        label: t('fetalWeight.efwLabel'),\n                        value: efwText(result),\n                      },\n                      {\n                        icon: 'activity',\n                        label: t('fetalWeight.methodLabel'),\n                        value: t(`fetalWeight.method.${result.method}`),\n                      },\n                    ],\n                  }}\n                />\n              ) : null}\n            </Card.Body>\n          </Card>\n        ) : (\n          <p className=\"type-body ds:text-muted-foreground\">\n            {t('fetalWeight.empty')}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\n\nFetalWeight.displayName = 'FetalWeight';\n"],"names":["cm","mm","estimateFetalWeight","input","bpd","hc","ac","fl","log10","method","rootVariants","cva","FetalWeight","forwardRef","onResultChange","onInsert","insertVariant","onCopy","onError","insertBrand","id","width","className","ref","t","i18n","useTranslation","bpdMm","setBpdMm","useState","hcMm","setHcMm","acMm","setAcMm","flMm","setFlMm","result","useMemo","useEffect","grams","unit","efwText","r","fields","jsxs","jsx","f","FormField","NumberInput","Card","Badge","InsertButton"],"mappings":"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"}

package/dist/_chunks/field-array-CDzc3hTM.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-B5YnXwCz.js";
+import { P as B } from "./plus-DzMQ_c6b.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-CDzc3hTM.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field-array-CDzc3hTM.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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"}