@alfadocs/ui-kit-debug 0.71.0 → 0.72.0

package/dist/_chunks/number-input-DjWzmlEY.js

@@ -0,0 +1,350 @@
+import { jsxs as ve, jsx as F } from "react/jsx-runtime";
+import { useMemo as G, forwardRef as be, useRef as A, useCallback as O, useState as _, useEffect as ge } from "react";
+import { c as he } from "./index-D2ZczOXr.js";
+import { useTranslation as ye } from "react-i18next";
+import { u as Ne } from "./use-controllable-state-BiY4xTzM.js";
+import { u as we } from "./form-field-context-B3APVHKx.js";
+import { c as Ie } from "./compose-refs-C0k0tdqF.js";
+import { u as De } from "./registry-DvAUVLHh.js";
+import { C as xe } from "./chevron-down-DWE7GSq9.js";
+import { C as Fe } from "./chevron-up-umRGgtJA.js";
+const Ce = {
+  id: "number-input",
+  capabilities: ["set_value"],
+  state: {
+    value: {
+      type: "number | null",
+      descriptionKey: "ui.agent.numberInput.state.value",
+      description: "Current numeric value, or null when empty.",
+      read: (t) => t.getValue()
+    },
+    isEmpty: {
+      type: "boolean",
+      descriptionKey: "ui.agent.numberInput.state.isEmpty",
+      description: "Whether the input has no value.",
+      read: (t) => t.getValue() === null
+    }
+  },
+  actions: {
+    set_value: {
+      safety: "write",
+      argsType: "{ value: number | null }",
+      argsSchema: {
+        type: "object",
+        properties: { value: { type: ["number", "null"] } },
+        required: ["value"]
+      },
+      idempotent: !0,
+      examples: [{ args: { value: 42 } }, { args: { value: null } }],
+      descriptionKey: "ui.agent.numberInput.actions.setValue",
+      description: "Replace the numeric value, or pass null to clear.",
+      invoke: (t, r) => {
+        t.setValue(r.value);
+      }
+    },
+    clear: {
+      safety: "destructive",
+      idempotent: !0,
+      descriptionKey: "ui.agent.numberInput.actions.clear",
+      description: "Empty the input. Loses any typed value.",
+      invoke: (t) => {
+        t.clear();
+      }
+    },
+    focus: {
+      safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.numberInput.actions.focus",
+      description: "Move keyboard focus to the input.",
+      invoke: (t) => {
+        t.focus();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "number-input",
+      description: "Marks the NumberInput wrapper."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+};
+function Se(t) {
+  let r = "";
+  for (const d of t) {
+    const n = d.codePointAt(0);
+    n !== void 0 && (n >= 1632 && n <= 1641 ? r += String.fromCodePoint(48 + (n - 1632)) : n >= 1776 && n <= 1785 ? r += String.fromCodePoint(48 + (n - 1776)) : r += d);
+  }
+  return r;
+}
+function Ve(t, r, d) {
+  return G(() => {
+    var S, V;
+    const n = new Intl.NumberFormat(t).formatToParts(1234.5), u = ((S = n.find((a) => a.type === "decimal")) == null ? void 0 : S.value) ?? ".", C = ((V = n.find((a) => a.type === "group")) == null ? void 0 : V.value) ?? ",", p = r === "currency" ? new Intl.NumberFormat(t, {
+      style: "currency",
+      currency: d ?? "USD"
+    }) : r === "percentage" ? new Intl.NumberFormat(t, {
+      style: "percent",
+      maximumFractionDigits: 4
+    }) : r === "integer" ? new Intl.NumberFormat(t, { maximumFractionDigits: 0 }) : new Intl.NumberFormat(t, { maximumFractionDigits: 10 }), T = (a) => Number.isFinite(a) ? p.format(a) : "", z = (a) => {
+      if (!a) return NaN;
+      const M = Se(a), g = M.trim(), I = g.startsWith("-") || g.startsWith("−");
+      let c = "";
+      for (const h of M)
+        h >= "0" && h <= "9" ? c += h : h === u && (c += ".");
+      if (!c || c === ".") return NaN;
+      let m = Number(c);
+      return Number.isFinite(m) ? (I && (m = -m), r === "percentage" && (m = m / 100), m) : NaN;
+    };
+    let b = "decimal";
+    if (r === "integer")
+      b = "numeric";
+    else if (r === "currency")
+      try {
+        const { maximumFractionDigits: a } = new Intl.NumberFormat(t, {
+          style: "currency",
+          currency: d ?? "USD"
+        }).resolvedOptions();
+        b = a === 0 ? "numeric" : "decimal";
+      } catch {
+        b = "decimal";
+      }
+    return {
+      format: T,
+      parse: z,
+      decimalSeparator: u,
+      groupingSeparator: C,
+      inputMode: b
+    };
+  }, [t, r, d]);
+}
+const Me = he(
+  [
+    "ds:flex ds:items-center ds:w-full ds:rounded-[var(--radius-sm)]",
+    "ds:border ds:bg-input ds:text-foreground",
+    "ds:shadow-[var(--shadow-input)]",
+    "ds:transition-[colors,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:focus-within:outline-[length:var(--focus-ring-width)] ds:focus-within:outline-solid",
+    "ds:focus-within:outline-ring ds:focus-within:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:has-[:disabled]:cursor-not-allowed ds:has-[:disabled]:opacity-50"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:h-8 ds:text-[length:var(--font-size-sm)]",
+        md: "ds:h-[var(--min-target-size)] ds:text-[length:var(--font-size-base)]",
+        lg: "ds:h-12 ds:text-[length:var(--font-size-lg)]"
+      },
+      tone: {
+        default: "ds:border-border",
+        error: "ds:border-destructive ds:focus-within:outline-destructive"
+      }
+    },
+    defaultVariants: { size: "md", tone: "default" }
+  }
+), $ = [
+  "ds:inline-flex ds:items-center ds:justify-center",
+  "ds:h-full ds:shrink-0",
+  "ds:text-muted-foreground ds:hover:text-foreground",
+  "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+  "ds:disabled:cursor-not-allowed ds:disabled:opacity-50"
+].join(" "), ke = () => typeof navigator < "u" && navigator.language ? navigator.language : "en-US";
+function Te(t) {
+  if (!Number.isFinite(t)) return 0;
+  const r = String(t), d = r.indexOf(".");
+  return d === -1 ? 0 : r.length - d - 1;
+}
+function ze(t, r) {
+  if (r <= 0 || !Number.isFinite(r)) return t;
+  const n = 10 ** Te(r);
+  return Math.round(t * n) / n;
+}
+const Pe = be(
+  ({
+    value: t,
+    defaultValue: r,
+    onChange: d,
+    min: n,
+    max: u,
+    step: C = 1,
+    mode: p = "integer",
+    currency: T,
+    locale: z,
+    size: b = "md",
+    tone: S,
+    className: V,
+    id: a,
+    disabled: M,
+    onFocus: g,
+    onBlur: I,
+    onKeyDown: c,
+    ...m
+  }, h) => {
+    const { t: E } = ye(), D = we(), J = a ?? D.id, k = !!(D.disabled || M), Q = z ?? ke(), P = Ve(Q, p, T), {
+      decimalSeparator: U,
+      format: R,
+      parse: B
+    } = P, K = A(null), X = Ie(h, K), [Y, Z] = Ne({
+      value: t,
+      defaultValue: r ?? null,
+      onChange: d
+    }), s = Y ?? null, L = A(s);
+    L.current = s;
+    const x = O(
+      (e) => {
+        const i = p === "percentage" ? e * 100 : e;
+        return (Number.isInteger(i) ? String(i) : i.toString()).replace(".", U);
+      },
+      [p, U]
+    ), f = O(
+      (e) => e == null || Number.isNaN(e) ? "" : R(e),
+      [R]
+    ), [j, l] = _(
+      () => f(s)
+    ), y = A(!1), [ee, N] = _(!1);
+    ge(() => {
+      y.current || l(f(s));
+    }, [s, f]);
+    const te = ee || s !== null && (n !== void 0 && s < n || u !== void 0 && s > u), q = D.invalid || te, ne = q ? "error" : S ?? "default", v = (e) => {
+      Z(e);
+    }, w = (e) => {
+      let o = (s ?? 0) + C * e;
+      n !== void 0 && (o = Math.max(n, o)), u !== void 0 && (o = Math.min(u, o)), o = ze(o, C), v(o), N(!1), l(
+        y.current ? x(o) : f(o)
+      );
+    }, H = (e) => {
+      v(e), N(!1), l(
+        y.current ? x(e) : f(e)
+      );
+    }, re = (e) => {
+      if (c == null || c(e), e.defaultPrevented || k) return;
+      const { key: i, shiftKey: o } = e;
+      i === "ArrowUp" ? (e.preventDefault(), w(o ? 10 : 1)) : i === "ArrowDown" ? (e.preventDefault(), w(o ? -10 : -1)) : i === "PageUp" ? (e.preventDefault(), w(100)) : i === "PageDown" ? (e.preventDefault(), w(-100)) : i === "Home" && n !== void 0 ? (e.preventDefault(), H(n)) : i === "End" && u !== void 0 && (e.preventDefault(), H(u));
+    }, se = (e) => {
+      const i = e.target.value;
+      if (l(i), i.trim() === "") {
+        v(null), N(!1);
+        return;
+      }
+      const o = B(i);
+      Number.isNaN(o) || v(o);
+    }, ie = (e) => {
+      g == null || g(e), y.current = !0, s != null && l(x(s));
+    }, oe = (e) => {
+      if (I == null || I(e), y.current = !1, j.trim() === "") {
+        v(null), N(!1), l("");
+        return;
+      }
+      const i = B(j);
+      if (Number.isNaN(i)) {
+        l(f(s));
+        return;
+      }
+      const o = n !== void 0 && i < n || u !== void 0 && i > u;
+      N(o), v(i), l(f(i));
+    }, W = (e) => {
+      e.preventDefault();
+    }, ae = () => w(1), ue = () => w(-1), de = G(
+      () => ({
+        getValue: () => L.current,
+        setValue: (e) => {
+          v(e), l(
+            e === null ? "" : y.current ? x(e) : f(e)
+          );
+        },
+        clear: () => {
+          v(null), l(""), N(!1);
+        },
+        focus: () => {
+          var e;
+          return (e = K.current) == null ? void 0 : e.focus();
+        }
+      }),
+      // The handle is reconstructed per render; consumers (the agent runtime)
+      // re-register only when the identity changes, which is a cheap no-op.
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      [x, f]
+    );
+    De(Ce, de, a);
+    const le = k || n !== void 0 && s !== null && s <= n, ce = k || u !== void 0 && s !== null && s >= u, fe = s ?? void 0, pe = (p === "currency" || p === "percentage") && s !== null && s !== null ? R(s) : void 0, me = P.inputMode === "numeric" ? "[0-9]*" : void 0;
+    return /* @__PURE__ */ ve(
+      "div",
+      {
+        className: Me({
+          size: b,
+          tone: ne,
+          className: V
+        }),
+        "data-component": "number-input",
+        "data-component-id": a,
+        "data-mode": p,
+        children: [
+          /* @__PURE__ */ F(
+            "button",
+            {
+              type: "button",
+              tabIndex: -1,
+              "aria-label": E("inputs.number.decrement", "Decrement"),
+              onClick: ue,
+              onMouseDown: W,
+              disabled: le,
+              className: `${$} ds:ps-2 ds:pe-1`,
+              children: /* @__PURE__ */ F(xe, { "aria-hidden": "true", className: "ds:size-4" })
+            }
+          ),
+          /* @__PURE__ */ F(
+            "input",
+            {
+              ref: X,
+              id: J,
+              type: "text",
+              role: "spinbutton",
+              inputMode: P.inputMode,
+              pattern: me,
+              autoComplete: "off",
+              value: j,
+              disabled: k,
+              "aria-valuemin": n,
+              "aria-valuemax": u,
+              "aria-valuenow": fe,
+              "aria-valuetext": pe,
+              "aria-invalid": q || void 0,
+              "aria-required": D.required || void 0,
+              "aria-describedby": D.describedBy || void 0,
+              onChange: se,
+              onFocus: ie,
+              onBlur: oe,
+              onKeyDown: re,
+              className: "ds:flex-1 ds:w-full ds:min-w-0 ds:bg-transparent ds:outline-none ds:ps-2 ds:pe-2 ds:text-start ds:tabular-nums ds:disabled:cursor-not-allowed",
+              ...m
+            }
+          ),
+          /* @__PURE__ */ F(
+            "button",
+            {
+              type: "button",
+              tabIndex: -1,
+              "aria-label": E("inputs.number.increment", "Increment"),
+              onClick: ae,
+              onMouseDown: W,
+              disabled: ce,
+              className: `${$} ds:ps-1 ds:pe-2`,
+              children: /* @__PURE__ */ F(Fe, { "aria-hidden": "true", className: "ds:size-4" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Pe.displayName = "NumberInput";
+export {
+  Pe as N,
+  Ve as u
+};
+//# sourceMappingURL=number-input-DjWzmlEY.js.map

package/dist/_chunks/number-input-DjWzmlEY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-input-DjWzmlEY.js","sources":["../../src/components/number-input/number-input.agent.ts","../../src/components/number-input/use-locale-number.ts","../../src/components/number-input/number-input.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — NumberInput.                                           */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { NumberInputHandle } from './number-input';\n\nexport const numberInputAgent: AgentAdapter<NumberInputHandle> = {\n  id: 'number-input',\n  capabilities: ['set_value'],\n  state: {\n    value: {\n      type: 'number | null',\n      descriptionKey: 'ui.agent.numberInput.state.value',\n      description: 'Current numeric value, or null when empty.',\n      read: (handle) => handle.getValue(),\n    },\n    isEmpty: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.numberInput.state.isEmpty',\n      description: 'Whether the input has no value.',\n      read: (handle) => handle.getValue() === null,\n    },\n  },\n  actions: {\n    set_value: {\n      safety: 'write',\n      argsType: '{ value: number | null }',\n      argsSchema: {\n        type: 'object',\n        properties: { value: { type: ['number', 'null'] } },\n        required: ['value'],\n      },\n      idempotent: true,\n      examples: [{ args: { value: 42 } }, { args: { value: null } }],\n      descriptionKey: 'ui.agent.numberInput.actions.setValue',\n      description: 'Replace the numeric value, or pass null to clear.',\n      invoke: (handle, args: { value: number | null }) => {\n        handle.setValue(args.value);\n      },\n    },\n    clear: {\n      safety: 'destructive',\n      idempotent: true,\n      descriptionKey: 'ui.agent.numberInput.actions.clear',\n      description: 'Empty the input. Loses any typed value.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n    focus: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.numberInput.actions.focus',\n      description: 'Move keyboard focus to the input.',\n      invoke: (handle) => {\n        handle.focus();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'number-input',\n      description: 'Marks the NumberInput wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import { useMemo } from 'react';\n\nexport type NumberInputMode = 'integer' | 'decimal' | 'currency' | 'percentage';\n\nexport interface LocaleNumber {\n  /** Format a JS number for display (e.g. `1234.5` → `1.234,5` in de-DE). */\n  format: (value: number) => string;\n  /** Parse a locale-formatted string back to a JS number. Returns `NaN` for invalid input. */\n  parse: (text: string) => number;\n  /** The decimal separator for this locale (e.g. `.` or `,`). */\n  decimalSeparator: string;\n  /** The grouping separator for this locale (e.g. `,` or `.` or ` `). */\n  groupingSeparator: string;\n  /** The correct `inputMode` for the virtual keyboard. */\n  inputMode: 'numeric' | 'decimal';\n}\n\nfunction normalizeDigits(text: string): string {\n  let result = '';\n  for (const ch of text) {\n    const code = ch.codePointAt(0);\n    if (code === undefined) continue;\n    if (code >= 0x0660 && code <= 0x0669) {\n      result += String.fromCodePoint(0x30 + (code - 0x0660));\n    } else if (code >= 0x06f0 && code <= 0x06f9) {\n      result += String.fromCodePoint(0x30 + (code - 0x06f0));\n    } else {\n      result += ch;\n    }\n  }\n  return result;\n}\n\nexport function useLocaleNumber(\n  locale: string,\n  mode: NumberInputMode,\n  currency?: string,\n): LocaleNumber {\n  return useMemo(() => {\n    const parts = new Intl.NumberFormat(locale).formatToParts(1234.5);\n    const decimalSeparator =\n      parts.find((p) => p.type === 'decimal')?.value ?? '.';\n    const groupingSeparator =\n      parts.find((p) => p.type === 'group')?.value ?? ',';\n\n    const displayFormatter: Intl.NumberFormat = (() => {\n      if (mode === 'currency') {\n        return new Intl.NumberFormat(locale, {\n          style: 'currency',\n          currency: currency ?? 'USD',\n        });\n      }\n      if (mode === 'percentage') {\n        return new Intl.NumberFormat(locale, {\n          style: 'percent',\n          maximumFractionDigits: 4,\n        });\n      }\n      if (mode === 'integer') {\n        return new Intl.NumberFormat(locale, { maximumFractionDigits: 0 });\n      }\n      return new Intl.NumberFormat(locale, { maximumFractionDigits: 10 });\n    })();\n\n    const format = (value: number): string => {\n      if (!Number.isFinite(value)) return '';\n      return displayFormatter.format(value);\n    };\n\n    const parse = (text: string): number => {\n      if (!text) return NaN;\n      const normalized = normalizeDigits(text);\n      const trimmed = normalized.trim();\n      const hasMinus = trimmed.startsWith('-') || trimmed.startsWith('\\u2212');\n\n      let cleaned = '';\n      for (const ch of normalized) {\n        if (ch >= '0' && ch <= '9') {\n          cleaned += ch;\n        } else if (ch === decimalSeparator) {\n          cleaned += '.';\n        }\n      }\n      if (!cleaned || cleaned === '.') return NaN;\n\n      let n = Number(cleaned);\n      if (!Number.isFinite(n)) return NaN;\n      if (hasMinus) n = -n;\n      if (mode === 'percentage') n = n / 100;\n      return n;\n    };\n\n    let inputMode: 'numeric' | 'decimal' = 'decimal';\n    if (mode === 'integer') {\n      inputMode = 'numeric';\n    } else if (mode === 'currency') {\n      try {\n        const { maximumFractionDigits } = new Intl.NumberFormat(locale, {\n          style: 'currency',\n          currency: currency ?? 'USD',\n        }).resolvedOptions();\n        inputMode = maximumFractionDigits === 0 ? 'numeric' : 'decimal';\n      } catch {\n        inputMode = 'decimal';\n      }\n    }\n\n    return {\n      format,\n      parse,\n      decimalSeparator,\n      groupingSeparator,\n      inputMode,\n    };\n  }, [locale, mode, currency]);\n}\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type FocusEvent,\n  type InputHTMLAttributes,\n  type KeyboardEvent,\n  type MouseEvent,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { ChevronDown, ChevronUp } from 'lucide-react';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { useFormField } from '../form-field/form-field-context';\nimport { composeRefs } from '../_shared/compose-refs';\nimport { useAgentRegistration } from '../../agent';\nimport { numberInputAgent } from './number-input.agent';\nimport { useLocaleNumber, type NumberInputMode } from './use-locale-number';\n\n/** Agent-readiness curated handle for NumberInput. */\nexport interface NumberInputHandle {\n  getValue: () => number | null;\n  setValue: (value: number | null) => void;\n  clear: () => void;\n  focus: () => void;\n}\n\nconst numberInputVariants = cva(\n  [\n    'ds:flex ds:items-center ds:w-full ds:rounded-[var(--radius-sm)]',\n    'ds:border ds:bg-input ds:text-foreground',\n    'ds:shadow-[var(--shadow-input)]',\n    'ds:transition-[colors,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus-within:outline-[length:var(--focus-ring-width)] ds:focus-within:outline-solid',\n    'ds:focus-within:outline-ring ds:focus-within:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:has-[:disabled]:cursor-not-allowed ds:has-[:disabled]:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:h-8 ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:h-[var(--min-target-size)] ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:h-12 ds:text-[length:var(--font-size-lg)]',\n      },\n      tone: {\n        default: 'ds:border-border',\n        error: 'ds:border-destructive ds:focus-within:outline-destructive',\n      },\n    },\n    defaultVariants: { size: 'md', tone: 'default' },\n  },\n);\n\nconst spinnerButton = [\n  'ds:inline-flex ds:items-center ds:justify-center',\n  'ds:h-full ds:shrink-0',\n  'ds:text-muted-foreground ds:hover:text-foreground',\n  'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n  'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n].join(' ');\n\nexport type { NumberInputMode };\n\nexport interface NumberInputProps\n  extends\n    Omit<\n      InputHTMLAttributes<HTMLInputElement>,\n      'type' | 'onChange' | 'value' | 'defaultValue' | 'size'\n    >,\n    VariantProps<typeof numberInputVariants> {\n  /** Current numeric value (controlled). */\n  value?: number | null;\n  /** Initial value (uncontrolled). */\n  defaultValue?: number;\n  /** Fires with the parsed number (not a string). `null` when the field is empty. */\n  onChange?: (value: number | null) => void;\n  /** Minimum allowed value. Maps to `aria-valuemin`. */\n  min?: number;\n  /** Maximum allowed value. Maps to `aria-valuemax`. */\n  max?: number;\n  /** Increment step. Defaults to `1`. */\n  step?: number;\n  /** Display/parse mode. Defaults to `'integer'`. */\n  mode?: NumberInputMode;\n  /** ISO 4217 currency code, required when `mode='currency'`. */\n  currency?: string;\n  /** BCP 47 locale. Defaults to `navigator.language` or `'en-US'`. */\n  locale?: string;\n  /** Size variant. */\n  size?: 'sm' | 'md' | 'lg';\n  /** Additional class names on the wrapper. */\n  className?: string;\n}\n\nconst resolveDefaultLocale = (): string => {\n  if (typeof navigator !== 'undefined' && navigator.language) {\n    return navigator.language;\n  }\n  return 'en-US';\n};\n\nfunction decimalPlaces(n: number): number {\n  if (!Number.isFinite(n)) return 0;\n  const s = String(n);\n  const dot = s.indexOf('.');\n  if (dot === -1) return 0;\n  return s.length - dot - 1;\n}\n\nfunction roundToStep(value: number, step: number): number {\n  if (step <= 0 || !Number.isFinite(step)) return value;\n  const precision = decimalPlaces(step);\n  const factor = 10 ** precision;\n  return Math.round(value * factor) / factor;\n}\n\nexport const NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(\n  (\n    {\n      value,\n      defaultValue,\n      onChange,\n      min,\n      max,\n      step = 1,\n      mode = 'integer',\n      currency,\n      locale,\n      size = 'md',\n      tone,\n      className,\n      id,\n      disabled,\n      onFocus,\n      onBlur,\n      onKeyDown,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const ctx = useFormField();\n    const inputId = id ?? ctx.id;\n    const effectiveDisabled = Boolean(ctx.disabled || disabled);\n\n    const resolvedLocale = locale ?? resolveDefaultLocale();\n    const localeNumber = useLocaleNumber(resolvedLocale, mode, currency);\n    const {\n      decimalSeparator,\n      format: localeFormat,\n      parse: localeParse,\n    } = localeNumber;\n\n    const innerInputRef = useRef<HTMLInputElement | null>(null);\n    const composedRef = composeRefs(ref, innerInputRef);\n\n    const [currentValueRaw, setCurrentValue] = useControllableState<\n      number | null\n    >({\n      value,\n      defaultValue: defaultValue ?? null,\n      onChange,\n    });\n    const currentValue: number | null = currentValueRaw ?? null;\n\n    const currentValueRef = useRef<number | null>(currentValue);\n    currentValueRef.current = currentValue;\n\n    const formatForEdit = useCallback(\n      (n: number): string => {\n        const displayed = mode === 'percentage' ? n * 100 : n;\n        const raw = Number.isInteger(displayed)\n          ? String(displayed)\n          : displayed.toString();\n        return raw.replace('.', decimalSeparator);\n      },\n      [mode, decimalSeparator],\n    );\n\n    const formatCurrent = useCallback(\n      (n: number | null | undefined): string =>\n        n === null || n === undefined || Number.isNaN(n) ? '' : localeFormat(n),\n      [localeFormat],\n    );\n\n    const [inputText, setInputText] = useState<string>(() =>\n      formatCurrent(currentValue),\n    );\n    const isFocusedRef = useRef(false);\n    const [crossedBounds, setCrossedBounds] = useState(false);\n\n    useEffect(() => {\n      if (!isFocusedRef.current) {\n        setInputText(formatCurrent(currentValue));\n      }\n    }, [currentValue, formatCurrent]);\n\n    const computedInvalid =\n      crossedBounds ||\n      (currentValue !== null &&\n        ((min !== undefined && currentValue < min) ||\n          (max !== undefined && currentValue > max)));\n    const ariaInvalid = ctx.invalid || computedInvalid;\n    const effectiveTone: 'default' | 'error' = ariaInvalid\n      ? 'error'\n      : (tone ?? 'default');\n\n    const commitValue = (next: number | null) => {\n      setCurrentValue(next);\n    };\n\n    const applyDelta = (multiplier: number) => {\n      const base = currentValue ?? 0;\n      let next = base + step * multiplier;\n      if (min !== undefined) next = Math.max(min, next);\n      if (max !== undefined) next = Math.min(max, next);\n      next = roundToStep(next, step);\n      commitValue(next);\n      setCrossedBounds(false);\n      setInputText(\n        isFocusedRef.current ? formatForEdit(next) : formatCurrent(next),\n      );\n    };\n\n    const jumpTo = (target: number) => {\n      commitValue(target);\n      setCrossedBounds(false);\n      setInputText(\n        isFocusedRef.current ? formatForEdit(target) : formatCurrent(target),\n      );\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n      onKeyDown?.(event);\n      if (event.defaultPrevented) return;\n      if (effectiveDisabled) return;\n\n      const { key, shiftKey } = event;\n      if (key === 'ArrowUp') {\n        event.preventDefault();\n        applyDelta(shiftKey ? 10 : 1);\n      } else if (key === 'ArrowDown') {\n        event.preventDefault();\n        applyDelta(shiftKey ? -10 : -1);\n      } else if (key === 'PageUp') {\n        event.preventDefault();\n        applyDelta(100);\n      } else if (key === 'PageDown') {\n        event.preventDefault();\n        applyDelta(-100);\n      } else if (key === 'Home' && min !== undefined) {\n        event.preventDefault();\n        jumpTo(min);\n      } else if (key === 'End' && max !== undefined) {\n        event.preventDefault();\n        jumpTo(max);\n      }\n    };\n\n    const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n      const text = event.target.value;\n      setInputText(text);\n      if (text.trim() === '') {\n        commitValue(null);\n        setCrossedBounds(false);\n        return;\n      }\n      const parsed = localeParse(text);\n      if (!Number.isNaN(parsed)) {\n        commitValue(parsed);\n      }\n    };\n\n    const handleFocus = (event: FocusEvent<HTMLInputElement>) => {\n      onFocus?.(event);\n      isFocusedRef.current = true;\n      if (currentValue !== null && currentValue !== undefined) {\n        setInputText(formatForEdit(currentValue));\n      }\n    };\n\n    const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n      onBlur?.(event);\n      isFocusedRef.current = false;\n\n      if (inputText.trim() === '') {\n        commitValue(null);\n        setCrossedBounds(false);\n        setInputText('');\n        return;\n      }\n      const parsed = localeParse(inputText);\n      if (Number.isNaN(parsed)) {\n        setInputText(formatCurrent(currentValue));\n        return;\n      }\n      const crossed =\n        (min !== undefined && parsed < min) ||\n        (max !== undefined && parsed > max);\n      setCrossedBounds(crossed);\n      commitValue(parsed);\n      setInputText(formatCurrent(parsed));\n    };\n\n    const preventButtonBlur = (event: MouseEvent<HTMLButtonElement>) => {\n      event.preventDefault();\n    };\n\n    const handleIncrement = () => applyDelta(1);\n    const handleDecrement = () => applyDelta(-1);\n\n    const agentHandle = useMemo<NumberInputHandle>(\n      () => ({\n        getValue: () => currentValueRef.current,\n        setValue: (next) => {\n          commitValue(next);\n          setInputText(\n            next === null\n              ? ''\n              : isFocusedRef.current\n                ? formatForEdit(next)\n                : formatCurrent(next),\n          );\n        },\n        clear: () => {\n          commitValue(null);\n          setInputText('');\n          setCrossedBounds(false);\n        },\n        focus: () => innerInputRef.current?.focus(),\n      }),\n      // The handle is reconstructed per render; consumers (the agent runtime)\n      // re-register only when the identity changes, which is a cheap no-op.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [formatForEdit, formatCurrent],\n    );\n    useAgentRegistration(numberInputAgent, agentHandle, id);\n\n    const decrementDisabled =\n      effectiveDisabled ||\n      (min !== undefined && currentValue !== null && currentValue <= min);\n    const incrementDisabled =\n      effectiveDisabled ||\n      (max !== undefined && currentValue !== null && currentValue >= max);\n\n    const valueNow = currentValue ?? undefined;\n    const valueTextNeeded =\n      (mode === 'currency' || mode === 'percentage') && currentValue !== null;\n    const valueText =\n      valueTextNeeded && currentValue !== null\n        ? localeFormat(currentValue)\n        : undefined;\n\n    const patternAttr =\n      localeNumber.inputMode === 'numeric' ? '[0-9]*' : undefined;\n\n    return (\n      <div\n        className={numberInputVariants({\n          size,\n          tone: effectiveTone,\n          className,\n        })}\n        data-component=\"number-input\"\n        data-component-id={id}\n        data-mode={mode}\n      >\n        <button\n          type=\"button\"\n          tabIndex={-1}\n          aria-label={t('inputs.number.decrement', 'Decrement')}\n          onClick={handleDecrement}\n          onMouseDown={preventButtonBlur}\n          disabled={decrementDisabled}\n          className={`${spinnerButton} ds:ps-2 ds:pe-1`}\n        >\n          <ChevronDown aria-hidden=\"true\" className=\"ds:size-4\" />\n        </button>\n        <input\n          ref={composedRef}\n          id={inputId}\n          type=\"text\"\n          role=\"spinbutton\"\n          inputMode={localeNumber.inputMode}\n          pattern={patternAttr}\n          autoComplete=\"off\"\n          value={inputText}\n          disabled={effectiveDisabled}\n          aria-valuemin={min}\n          aria-valuemax={max}\n          aria-valuenow={valueNow}\n          aria-valuetext={valueText}\n          aria-invalid={ariaInvalid || undefined}\n          aria-required={ctx.required || undefined}\n          aria-describedby={ctx.describedBy || undefined}\n          onChange={handleInputChange}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          onKeyDown={handleKeyDown}\n          className=\"ds:flex-1 ds:w-full ds:min-w-0 ds:bg-transparent ds:outline-none ds:ps-2 ds:pe-2 ds:text-start ds:tabular-nums ds:disabled:cursor-not-allowed\"\n          {...rest}\n        />\n        <button\n          type=\"button\"\n          tabIndex={-1}\n          aria-label={t('inputs.number.increment', 'Increment')}\n          onClick={handleIncrement}\n          onMouseDown={preventButtonBlur}\n          disabled={incrementDisabled}\n          className={`${spinnerButton} ds:ps-1 ds:pe-2`}\n        >\n          <ChevronUp aria-hidden=\"true\" className=\"ds:size-4\" />\n        </button>\n      </div>\n    );\n  },\n);\n\nNumberInput.displayName = 'NumberInput';\n"],"names":["numberInputAgent","handle","args","normalizeDigits","text","result","ch","code","useLocaleNumber","locale","mode","currency","useMemo","parts","decimalSeparator","_a","p","groupingSeparator","_b","displayFormatter","format","value","parse","normalized","trimmed","hasMinus","cleaned","n","inputMode","maximumFractionDigits","numberInputVariants","cva","spinnerButton","resolveDefaultLocale","decimalPlaces","s","dot","roundToStep","step","factor","NumberInput","forwardRef","defaultValue","onChange","min","max","size","tone","className","id","disabled","onFocus","onBlur","onKeyDown","rest","ref","t","useTranslation","ctx","useFormField","inputId","effectiveDisabled","resolvedLocale","localeNumber","localeFormat","localeParse","innerInputRef","useRef","composedRef","composeRefs","currentValueRaw","setCurrentValue","useControllableState","currentValue","currentValueRef","formatForEdit","useCallback","displayed","formatCurrent","inputText","setInputText","useState","isFocusedRef","crossedBounds","setCrossedBounds","useEffect","computedInvalid","ariaInvalid","effectiveTone","commitValue","next","applyDelta","multiplier","jumpTo","target","handleKeyDown","event","key","shiftKey","handleInputChange","parsed","handleFocus","handleBlur","crossed","preventButtonBlur","handleIncrement","handleDecrement","agentHandle","useAgentRegistration","decrementDisabled","incrementDisabled","valueNow","valueText","patternAttr","jsxs","jsx","ChevronDown","ChevronUp"],"mappings":"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"}

package/dist/_chunks/operator-hero-DVy0RGoD.js

@@ -0,0 +1,202 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { forwardRef as w, useId as A, useRef as O } from "react";
+import { c as P } from "./index-D2ZczOXr.js";
+import { useTranslation as z } from "react-i18next";
+import { A as j } from "./avatar-BNQNhoyL.js";
+import { B as I } from "./badge-DCOqV9mI.js";
+import { C as T } from "./card-DPmk26CL.js";
+import { R as B } from "./rating-BYbUowdK.js";
+import { u as F } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as K } from "./registry-DvAUVLHh.js";
+import { c as S } from "./entity-card-9_62gY7l.js";
+const V = {
+  id: "operator-hero",
+  // Purely observable hero region — no interactive affordances and no
+  // imperative actions on the handle (getName / getHasColor are read-only
+  // projections). The previous `view_change` capability had no backing
+  // action and is removed.
+  capabilities: [],
+  state: {
+    name: {
+      type: "string",
+      descriptionKey: "ui.agent.operatorHero.state.name",
+      description: "Operator display name currently rendered.",
+      read: (r) => r.getName()
+    },
+    hasColor: {
+      type: "boolean",
+      descriptionKey: "ui.agent.operatorHero.state.hasColor",
+      description: "Whether a calendar-colour identity dot is rendered. Structural flag only — never the colour id or any PHI.",
+      read: (r) => r.getHasColor()
+    }
+  },
+  actions: {},
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "operator-hero",
+      description: "Marks the OperatorHero root region."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, E = P("ds:w-full ds:text-[color:var(--foreground)]", {
+  variants: {
+    // Density toggle. Default `comfortable` matches the practice hero's
+    // visual weight minus the cover strip. `compact` is for embedded
+    // surfaces (booking aside, ROI Dashboard practice panel) where the
+    // hero needs to fit in <12rem vertical.
+    density: {
+      comfortable: "",
+      compact: ""
+    },
+    // Matches the kit's other `surface` props (Booking, ReviewsPanel,
+    // ContactProfileCard). `'elevated'` wraps in `<Card>`.
+    surface: {
+      flat: "",
+      elevated: ""
+    }
+  },
+  defaultVariants: {
+    density: "comfortable",
+    surface: "elevated"
+  }
+}), M = w(
+  ({
+    name: r,
+    colorId: l,
+    tagline: p,
+    imageUrl: h,
+    rating: a,
+    badges: i,
+    actionSlot: m,
+    density: s = "comfortable",
+    surface: v = "elevated",
+    "aria-label": x,
+    id: n,
+    className: b,
+    ...y
+  }, N) => {
+    const { t: c } = z(), u = A(), H = x ?? c("operatorHero.regionLabel"), d = l != null, f = O(null);
+    K(
+      V,
+      { getName: () => r, getHasColor: () => d },
+      n
+    ), F(() => {
+      const o = f.current;
+      o && (d ? o.style.setProperty("--operator-hero-color", S(l)) : o.style.removeProperty("--operator-hero-color"));
+    }, [d, l]);
+    const C = a ? c("operatorHero.ratingLabel", {
+      value: a.value.toFixed(1),
+      count: a.count
+    }) : void 0, k = s === "comfortable" ? "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]" : "ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]", L = s === "comfortable" ? "2xl" : "xl", R = s === "comfortable" ? "type-title-page" : "type-title-card", g = /* @__PURE__ */ t(
+      "div",
+      {
+        className: [
+          "ds:flex ds:items-start ds:gap-[var(--spacing-lg)]",
+          k,
+          "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]"
+        ].join(" "),
+        children: [
+          /* @__PURE__ */ e(
+            j,
+            {
+              size: L,
+              name: r,
+              src: h,
+              className: "ds:shrink-0"
+            }
+          ),
+          /* @__PURE__ */ t("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ t("div", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-md)] ds:flex-wrap", children: [
+              /* @__PURE__ */ t(
+                "h1",
+                {
+                  id: u,
+                  className: `${R} ds:m-0 ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:text-[color:var(--foreground)]`,
+                  children: [
+                    d ? /* @__PURE__ */ e(
+                      "span",
+                      {
+                        ref: f,
+                        role: "img",
+                        "aria-label": c("operatorHero.colorLabel", "Calendar colour"),
+                        className: "ds:inline-block ds:size-[var(--spacing-sm)] ds:shrink-0 ds:rounded-[var(--radius-full)] ds:bg-[var(--operator-hero-color)]"
+                      }
+                    ) : null,
+                    r
+                  ]
+                }
+              ),
+              m ? /* @__PURE__ */ e("div", { className: "ds:ms-auto ds:flex ds:shrink-0 ds:items-center ds:gap-[var(--spacing-xs)]", children: m }) : null
+            ] }),
+            p ? /* @__PURE__ */ e("p", { className: "type-body ds:m-0 ds:text-[color:var(--foreground)]", children: p }) : null,
+            a ? /* @__PURE__ */ t(
+              "div",
+              {
+                className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]",
+                "aria-label": C,
+                children: [
+                  /* @__PURE__ */ e(
+                    B,
+                    {
+                      value: a.value,
+                      max: 5,
+                      size: s === "comfortable" ? "md" : "sm"
+                    }
+                  ),
+                  /* @__PURE__ */ t("span", { className: "type-body-sm ds:text-[color:var(--muted-foreground)]", children: [
+                    a.value.toFixed(1),
+                    " · ",
+                    a.count
+                  ] })
+                ]
+              }
+            ) : null,
+            i && i.length > 0 ? /* @__PURE__ */ e(
+              "div",
+              {
+                role: "list",
+                className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-2xs)] ds:mt-[var(--spacing-2xs)]",
+                children: i.map((o) => /* @__PURE__ */ e(
+                  I,
+                  {
+                    variant: o.variant ?? "neutral",
+                    role: "listitem",
+                    children: o.label
+                  },
+                  o.key
+                ))
+              }
+            ) : null
+          ] })
+        ]
+      }
+    );
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: N,
+        role: "region",
+        "aria-label": H,
+        "aria-labelledby": u,
+        "data-component": "operator-hero",
+        "data-component-id": n,
+        "data-density": s,
+        id: n,
+        className: E({ surface: v, density: s, className: b }),
+        ...y,
+        children: v === "elevated" ? /* @__PURE__ */ e(T, { variant: "elevated", children: g }) : g
+      }
+    );
+  }
+);
+M.displayName = "OperatorHero";
+export {
+  M as O,
+  V as o
+};
+//# sourceMappingURL=operator-hero-DVy0RGoD.js.map