@alfadocs/ui-kit-debug 1.133.0 → 1.134.0

package/dist/_chunks/{operator-hero-CnfWckNQ.js → operator-hero-D4wfVu2l.js}

@@ -9,7 +9,7 @@ import { R as S } from "./rating-CGYpg5dj.js";
 import { f as $ } from "./format-number-DdzqwMs1.js";
 import { u as E } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
 import { u as M } from "./registry-DvAUVLHh.js";
-import { c as W } from "./entity-card-fpm-KUKc.js";
+import { c as W } from "./entity-card-p-LANpYt.js";
 const q = {
   id: "operator-hero",
   // Purely observable hero region — no interactive affordances and no
@@ -229,4 +229,4 @@ export {
   F as O,
   q as o
 };
-//# sourceMappingURL=operator-hero-CnfWckNQ.js.map
+//# sourceMappingURL=operator-hero-D4wfVu2l.js.map

package/dist/_chunks/{operator-hero-CnfWckNQ.js.map → operator-hero-D4wfVu2l.js.map}

@@ -1 +1 @@
-{"version":3,"file":"operator-hero-CnfWckNQ.js","sources":["../../src/components/operator-hero/operator-hero.agent.ts","../../src/components/operator-hero/operator-hero.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { OperatorHeroHandle } from './operator-hero';\n\nexport const operatorHeroAgent: AgentAdapter<OperatorHeroHandle> = {\n  id: 'operator-hero',\n  // Purely observable hero region — no interactive affordances and no\n  // imperative actions on the handle (getName / getHasColor are read-only\n  // projections). The previous `view_change` capability had no backing\n  // action and is removed.\n  capabilities: [],\n  state: {\n    name: {\n      type: 'string',\n      descriptionKey: 'ui.agent.operatorHero.state.name',\n      description: 'Operator display name currently rendered.',\n      read: (handle) => handle.getName(),\n    },\n    hasColor: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.operatorHero.state.hasColor',\n      description:\n        'Whether a calendar-colour identity dot is rendered. Structural flag only — never the colour id or any PHI.',\n      read: (handle) => handle.getHasColor(),\n    },\n  },\n  actions: {},\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'operator-hero',\n      description: 'Marks the OperatorHero root region.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useId,\n  useRef,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Avatar } from '../avatar/avatar';\nimport { Badge } from '../badge/badge';\nimport { Card } from '../card/card';\nimport { Rating } from '../rating/rating';\nimport { formatRating } from '../_shared/format-number';\nimport { colorIdToToken } from '../_shared/entity-card';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { operatorHeroAgent } from './operator-hero.agent';\n\n/* -------------------------------------------------------------------- */\n/* OperatorHero                                                           */\n/*                                                                        */\n/* The operator-page counterpart to the consumer-side `<PracticeHero>`   */\n/* / `<PracticeProfileHero>` pattern. Differences from the practice      */\n/* hero (per the spec):                                                  */\n/*                                                                        */\n/*   - Avatar instead of a full hero image background                   */\n/*   - Ratings + reviews summary rendered inline                        */\n/*   - Slightly shorter vertically — no cover strip, denser padding     */\n/*                                                                        */\n/* Use case: individual operator profile page (`/dentista/<slug>/        */\n/* operatori/<name>`), pair with `<ContactProfileCard>` below to fill   */\n/* in the operator's contact + profession info.                          */\n/* -------------------------------------------------------------------- */\n\n/* -------------------------------------------------------------------- */\n/* CVA                                                                    */\n/* -------------------------------------------------------------------- */\n\nconst rootVariants = cva('ds:w-full ds:text-[color:var(--foreground)]', {\n  variants: {\n    // Density toggle. Default `comfortable` matches the practice hero's\n    // visual weight minus the cover strip. `compact` is for embedded\n    // surfaces (booking aside, ROI Dashboard practice panel) where the\n    // hero needs to fit in <12rem vertical.\n    density: {\n      comfortable: '',\n      compact: '',\n    },\n    // Matches the kit's other `surface` props (Booking, ReviewsPanel,\n    // ContactProfileCard). `'elevated'` wraps in `<Card>`.\n    surface: {\n      flat: '',\n      elevated: '',\n    },\n  },\n  defaultVariants: {\n    density: 'comfortable',\n    surface: 'elevated',\n  },\n});\n\n/* -------------------------------------------------------------------- */\n/* Public types                                                           */\n/* -------------------------------------------------------------------- */\n\nexport interface OperatorHeroBadge {\n  /** Display key — i18n is up to the consumer. */\n  key: string;\n  /** Display label. */\n  label: string;\n  /** Badge variant — falls back to `neutral`. */\n  variant?: 'neutral' | 'info' | 'success' | 'warning' | 'error';\n}\n\nexport interface OperatorHeroRating {\n  /** Mean rating, 0–5. */\n  value: number;\n  /** Total number of reviews. */\n  count: number;\n}\n\nexport interface OperatorHeroHandle {\n  getName: () => string;\n  /** Structural flag — whether a calendar-colour dot is rendered. No PHI. */\n  getHasColor: () => boolean;\n}\n\nexport interface OperatorHeroProps extends Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'aria-label' | 'children'\n> {\n  /** Operator's display name. Rendered as the H1 heading. */\n  name: string;\n  /**\n   * Optional calendar-colour identity for the operator. AlfaDocs assigns each\n   * operator a numeric colour id; when present, a small colour dot is rendered\n   * next to the name, tinted via `colorIdToToken(colorId)` (a `var(--…)` palette\n   * token — never a literal). The id itself is a structural identifier, not PHI.\n   */\n  colorId?: string;\n  /** Specialty / tagline subtitle (e.g. \"Dermatologa · 12 anni di esperienza\"). */\n  tagline?: string;\n  /**\n   * Optional photo / avatar URL. The kit always renders an `<Avatar>` —\n   * when `imageUrl` is missing the avatar falls back to initials.\n   */\n  imageUrl?: string;\n  /**\n   * Text alternative for the photo's `<img>`, for image search and crawlers.\n   * Pass the professional's name. Leave it out and the photo stays decorative\n   * (`alt=\"\"`), as before. Added in 1.91.0.\n   */\n  imageAlt?: string;\n  /** Rating summary — when present, renders a Rating + numeric breakdown line. */\n  rating?: OperatorHeroRating;\n  /**\n   * Optional badge row beneath the rating. Use sparingly — 1–3 chips\n   * suit the hero's density; longer lists belong in `<ContactProfileCard>`.\n   */\n  badges?: OperatorHeroBadge[];\n\n  /* ----- Slots ----- */\n\n  /**\n   * At the inline-end of the name row when the content column is 480px\n   * or wider; on its own line above the name, at the inline-start, when\n   * narrower. Use for a \"Book with this operator\" `<Button>` or a \"Back to\n   * practice\" link.\n   */\n  actionSlot?: ReactNode;\n\n  /* ----- Styling ----- */\n\n  /**\n   * `comfortable` (default) — matches the practice hero's visual\n   * weight minus the cover strip. `compact` halves the vertical\n   * padding for embedded surfaces.\n   */\n  density?: 'comfortable' | 'compact';\n  /**\n   * `elevated` (default) wraps in `<Card variant=\"elevated\">`. `flat`\n   * drops the Card — use inside another card / sheet.\n   */\n  surface?: 'flat' | 'elevated';\n\n  /* ----- a11y ----- */\n\n  'aria-label'?: string;\n  id?: string;\n}\n\n/* -------------------------------------------------------------------- */\n/* Component                                                              */\n/* -------------------------------------------------------------------- */\n\nexport const OperatorHero = forwardRef<HTMLDivElement, OperatorHeroProps>(\n  (\n    {\n      name,\n      colorId,\n      tagline,\n      imageUrl,\n      imageAlt,\n      rating,\n      badges,\n      actionSlot,\n      density = 'comfortable',\n      surface = 'elevated',\n      'aria-label': ariaLabel,\n      id,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation('ui');\n    const headingId = useId();\n    const resolvedAriaLabel = ariaLabel ?? t('operatorHero.regionLabel');\n\n    // Calendar-colour dot. Tint via a component-scoped CSS custom property set\n    // imperatively on a ref — mirrors the Avatar `--avatar-color-override`\n    // idiom so no `style={{…}}` attribute lands on the JSX (constraint §4).\n    const hasColor = colorId !== undefined && colorId !== null;\n    const dotRef = useRef<HTMLSpanElement>(null);\n\n    useAgentRegistration(\n      operatorHeroAgent,\n      { getName: () => name, getHasColor: () => hasColor },\n      id,\n    );\n    useIsomorphicLayoutEffect(() => {\n      const el = dotRef.current;\n      if (!el) return;\n      if (hasColor) {\n        el.style.setProperty('--operator-hero-color', colorIdToToken(colorId));\n      } else {\n        el.style.removeProperty('--operator-hero-color');\n      }\n    }, [hasColor, colorId]);\n\n    // Same figure as the practice hero's Rating (\"4,9\" in Italian, \"5\"\n    // for a whole score), so the visible line, this label and the\n    // inner Rating's label all agree.\n    const ratingValue = rating\n      ? formatRating(rating.value, i18n.language)\n      : undefined;\n    const ratingLabel = rating\n      ? t('operatorHero.ratingLabel', {\n          value: ratingValue,\n          count: rating.count,\n        })\n      : undefined;\n\n    // Padding scales with density. Comfortable matches the practice\n    // hero's `pt-xl pb-md` minus the cover strip; compact halves it.\n    const bodyPaddingClass =\n      density === 'comfortable'\n        ? 'ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]'\n        : 'ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]';\n\n    // Avatar size keys off density: its height. Comfortable = 2xl\n    // (128px) to read as the page hero, compact = xl (64px) for embedded\n    // use. The 3:4 photo is three quarters as wide.\n    const avatarSize = density === 'comfortable' ? '2xl' : 'xl';\n\n    // Heading scale tracks density too. Comfortable uses the kit's\n    // page-title token; compact drops to title-card so the operator\n    // name doesn't dominate an embedded surface.\n    const headingClass =\n      density === 'comfortable' ? 'type-title-page' : 'type-title-card';\n\n    const inner = (\n      <div\n        className={[\n          'ds:flex ds:items-start ds:gap-[var(--spacing-lg)]',\n          bodyPaddingClass,\n          'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n        ].join(' ')}\n      >\n        {/* HTP-6712: the professional's photo is a 3:4 rounded rectangle,\n            cropped towards the top so the face stays in. Same height as\n            the old circle (128px, compact 64px). */}\n        <Avatar\n          size={avatarSize}\n          shape=\"rounded\"\n          ratio=\"3:4\"\n          width={density === 'comfortable' ? 96 : 48}\n          height={density === 'comfortable' ? 128 : 64}\n          name={name}\n          src={imageUrl}\n          alt={imageAlt}\n          className=\"ds:shrink-0\"\n        />\n        <div className=\"ds:@container/ohero ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-xs)]\">\n          {/* HTP-7126: below 480px of column width the name and an action\n              no longer fit side by side, so the action sits on its own\n              line above the name, at the start (`order-first`). The DOM\n              keeps the heading first at every width, so a screen reader\n              hears the same order as before. From 480px the action is back\n              at the end of the name row. A container query in px (rem would\n              follow the host's root font-size), not a viewport one: the\n              hero can sit in a narrow column on a wide screen. From 480px the\n              action never shrinks and is capped at half the row: a long\n              name wraps in the space left, a long label inside its half. */}\n          <div className=\"ds:flex ds:flex-col ds:items-start ds:gap-[var(--spacing-xs)] ds:@[480px]/ohero:flex-row ds:@[480px]/ohero:flex-nowrap ds:@[480px]/ohero:gap-[var(--spacing-md)]\">\n            {/* The name is the h1's own text and `dir=\"auto\"` is on the h1. The\n                colour dot sits beside it, so it stays at the page's start. */}\n            {hasColor ? (\n              <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:@[480px]/ohero:min-w-0 ds:@[480px]/ohero:flex-1\">\n                <span\n                  ref={dotRef}\n                  role=\"img\"\n                  aria-label={t('operatorHero.colorLabel', 'Calendar colour')}\n                  className=\"ds:inline-block ds:size-[var(--spacing-sm)] ds:shrink-0 ds:rounded-[var(--radius-full)] ds:bg-[var(--operator-hero-color)]\"\n                />\n                <h1\n                  id={headingId}\n                  dir=\"auto\"\n                  className={`${headingClass} ds:m-0 ds:min-w-0 ds:text-[color:var(--foreground)]`}\n                >\n                  {name}\n                </h1>\n              </div>\n            ) : (\n              <h1\n                id={headingId}\n                dir=\"auto\"\n                className={`${headingClass} ds:m-0 ds:text-[color:var(--foreground)] ds:@[480px]/ohero:min-w-0`}\n              >\n                {name}\n              </h1>\n            )}\n            {actionSlot ? (\n              <div className=\"ds:order-first ds:flex ds:shrink-0 ds:items-center ds:gap-[var(--spacing-xs)] ds:@[480px]/ohero:order-none ds:@[480px]/ohero:ms-auto ds:@[480px]/ohero:min-w-0 ds:@[480px]/ohero:max-w-[50%]\">\n                {actionSlot}\n              </div>\n            ) : null}\n          </div>\n          {tagline ? (\n            <p\n              dir=\"auto\"\n              className=\"type-body ds:m-0 ds:text-[color:var(--foreground)]\"\n            >\n              {tagline}\n            </p>\n          ) : null}\n          {rating ? (\n            // One image with one name (\"4,9 out of 5 stars. Reviews: 7.\"):\n            // a name on a div without a role is ignored by screen readers,\n            // which then read the stars and \"4,9 · 7\" with no \"reviews\".\n            <div\n              role=\"img\"\n              className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\"\n              aria-label={ratingLabel}\n            >\n              {/* Decorative: the group above carries the one name. */}\n              <Rating\n                value={rating.value}\n                max={5}\n                size={density === 'comfortable' ? 'md' : 'sm'}\n                decorative\n              />\n              <span className=\"type-body-sm ds:text-[color:var(--muted-foreground)]\">\n                {ratingValue} · {rating.count}\n              </span>\n            </div>\n          ) : null}\n          {badges && badges.length > 0 ? (\n            <div\n              role=\"list\"\n              className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-2xs)] ds:mt-[var(--spacing-2xs)]\"\n            >\n              {badges.map((badge) => (\n                <Badge\n                  key={badge.key}\n                  variant={badge.variant ?? 'neutral'}\n                  role=\"listitem\"\n                >\n                  {badge.label}\n                </Badge>\n              ))}\n            </div>\n          ) : null}\n        </div>\n      </div>\n    );\n\n    return (\n      <div\n        ref={ref}\n        role=\"region\"\n        aria-label={resolvedAriaLabel}\n        aria-labelledby={headingId}\n        data-component=\"operator-hero\"\n        data-component-id={id}\n        data-density={density}\n        id={id}\n        className={rootVariants({ surface, density, className })}\n        {...rest}\n      >\n        {surface === 'elevated' ? (\n          <Card variant=\"elevated\">{inner}</Card>\n        ) : (\n          inner\n        )}\n      </div>\n    );\n  },\n);\n\nOperatorHero.displayName = 'OperatorHero';\n\nexport type OperatorHeroDensity = NonNullable<\n  VariantProps<typeof rootVariants>['density']\n>;\n"],"names":["operatorHeroAgent","handle","rootVariants","cva","OperatorHero","forwardRef","name","colorId","tagline","imageUrl","imageAlt","rating","badges","actionSlot","density","surface","ariaLabel","id","className","rest","ref","t","i18n","useTranslation","headingId","useId","resolvedAriaLabel","hasColor","dotRef","useRef","useAgentRegistration","useIsomorphicLayoutEffect","el","colorIdToToken","ratingValue","formatRating","ratingLabel","bodyPaddingClass","avatarSize","headingClass","inner","jsxs","jsx","Avatar","Rating","badge","Badge","Card"],"mappings":"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"}
+{"version":3,"file":"operator-hero-D4wfVu2l.js","sources":["../../src/components/operator-hero/operator-hero.agent.ts","../../src/components/operator-hero/operator-hero.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { OperatorHeroHandle } from './operator-hero';\n\nexport const operatorHeroAgent: AgentAdapter<OperatorHeroHandle> = {\n  id: 'operator-hero',\n  // Purely observable hero region — no interactive affordances and no\n  // imperative actions on the handle (getName / getHasColor are read-only\n  // projections). The previous `view_change` capability had no backing\n  // action and is removed.\n  capabilities: [],\n  state: {\n    name: {\n      type: 'string',\n      descriptionKey: 'ui.agent.operatorHero.state.name',\n      description: 'Operator display name currently rendered.',\n      read: (handle) => handle.getName(),\n    },\n    hasColor: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.operatorHero.state.hasColor',\n      description:\n        'Whether a calendar-colour identity dot is rendered. Structural flag only — never the colour id or any PHI.',\n      read: (handle) => handle.getHasColor(),\n    },\n  },\n  actions: {},\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'operator-hero',\n      description: 'Marks the OperatorHero root region.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useId,\n  useRef,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Avatar } from '../avatar/avatar';\nimport { Badge } from '../badge/badge';\nimport { Card } from '../card/card';\nimport { Rating } from '../rating/rating';\nimport { formatRating } from '../_shared/format-number';\nimport { colorIdToToken } from '../_shared/entity-card';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { operatorHeroAgent } from './operator-hero.agent';\n\n/* -------------------------------------------------------------------- */\n/* OperatorHero                                                           */\n/*                                                                        */\n/* The operator-page counterpart to the consumer-side `<PracticeHero>`   */\n/* / `<PracticeProfileHero>` pattern. Differences from the practice      */\n/* hero (per the spec):                                                  */\n/*                                                                        */\n/*   - Avatar instead of a full hero image background                   */\n/*   - Ratings + reviews summary rendered inline                        */\n/*   - Slightly shorter vertically — no cover strip, denser padding     */\n/*                                                                        */\n/* Use case: individual operator profile page (`/dentista/<slug>/        */\n/* operatori/<name>`), pair with `<ContactProfileCard>` below to fill   */\n/* in the operator's contact + profession info.                          */\n/* -------------------------------------------------------------------- */\n\n/* -------------------------------------------------------------------- */\n/* CVA                                                                    */\n/* -------------------------------------------------------------------- */\n\nconst rootVariants = cva('ds:w-full ds:text-[color:var(--foreground)]', {\n  variants: {\n    // Density toggle. Default `comfortable` matches the practice hero's\n    // visual weight minus the cover strip. `compact` is for embedded\n    // surfaces (booking aside, ROI Dashboard practice panel) where the\n    // hero needs to fit in <12rem vertical.\n    density: {\n      comfortable: '',\n      compact: '',\n    },\n    // Matches the kit's other `surface` props (Booking, ReviewsPanel,\n    // ContactProfileCard). `'elevated'` wraps in `<Card>`.\n    surface: {\n      flat: '',\n      elevated: '',\n    },\n  },\n  defaultVariants: {\n    density: 'comfortable',\n    surface: 'elevated',\n  },\n});\n\n/* -------------------------------------------------------------------- */\n/* Public types                                                           */\n/* -------------------------------------------------------------------- */\n\nexport interface OperatorHeroBadge {\n  /** Display key — i18n is up to the consumer. */\n  key: string;\n  /** Display label. */\n  label: string;\n  /** Badge variant — falls back to `neutral`. */\n  variant?: 'neutral' | 'info' | 'success' | 'warning' | 'error';\n}\n\nexport interface OperatorHeroRating {\n  /** Mean rating, 0–5. */\n  value: number;\n  /** Total number of reviews. */\n  count: number;\n}\n\nexport interface OperatorHeroHandle {\n  getName: () => string;\n  /** Structural flag — whether a calendar-colour dot is rendered. No PHI. */\n  getHasColor: () => boolean;\n}\n\nexport interface OperatorHeroProps extends Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'aria-label' | 'children'\n> {\n  /** Operator's display name. Rendered as the H1 heading. */\n  name: string;\n  /**\n   * Optional calendar-colour identity for the operator. AlfaDocs assigns each\n   * operator a numeric colour id; when present, a small colour dot is rendered\n   * next to the name, tinted via `colorIdToToken(colorId)` (a `var(--…)` palette\n   * token — never a literal). The id itself is a structural identifier, not PHI.\n   */\n  colorId?: string;\n  /** Specialty / tagline subtitle (e.g. \"Dermatologa · 12 anni di esperienza\"). */\n  tagline?: string;\n  /**\n   * Optional photo / avatar URL. The kit always renders an `<Avatar>` —\n   * when `imageUrl` is missing the avatar falls back to initials.\n   */\n  imageUrl?: string;\n  /**\n   * Text alternative for the photo's `<img>`, for image search and crawlers.\n   * Pass the professional's name. Leave it out and the photo stays decorative\n   * (`alt=\"\"`), as before. Added in 1.91.0.\n   */\n  imageAlt?: string;\n  /** Rating summary — when present, renders a Rating + numeric breakdown line. */\n  rating?: OperatorHeroRating;\n  /**\n   * Optional badge row beneath the rating. Use sparingly — 1–3 chips\n   * suit the hero's density; longer lists belong in `<ContactProfileCard>`.\n   */\n  badges?: OperatorHeroBadge[];\n\n  /* ----- Slots ----- */\n\n  /**\n   * At the inline-end of the name row when the content column is 480px\n   * or wider; on its own line above the name, at the inline-start, when\n   * narrower. Use for a \"Book with this operator\" `<Button>` or a \"Back to\n   * practice\" link.\n   */\n  actionSlot?: ReactNode;\n\n  /* ----- Styling ----- */\n\n  /**\n   * `comfortable` (default) — matches the practice hero's visual\n   * weight minus the cover strip. `compact` halves the vertical\n   * padding for embedded surfaces.\n   */\n  density?: 'comfortable' | 'compact';\n  /**\n   * `elevated` (default) wraps in `<Card variant=\"elevated\">`. `flat`\n   * drops the Card — use inside another card / sheet.\n   */\n  surface?: 'flat' | 'elevated';\n\n  /* ----- a11y ----- */\n\n  'aria-label'?: string;\n  id?: string;\n}\n\n/* -------------------------------------------------------------------- */\n/* Component                                                              */\n/* -------------------------------------------------------------------- */\n\nexport const OperatorHero = forwardRef<HTMLDivElement, OperatorHeroProps>(\n  (\n    {\n      name,\n      colorId,\n      tagline,\n      imageUrl,\n      imageAlt,\n      rating,\n      badges,\n      actionSlot,\n      density = 'comfortable',\n      surface = 'elevated',\n      'aria-label': ariaLabel,\n      id,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation('ui');\n    const headingId = useId();\n    const resolvedAriaLabel = ariaLabel ?? t('operatorHero.regionLabel');\n\n    // Calendar-colour dot. Tint via a component-scoped CSS custom property set\n    // imperatively on a ref — mirrors the Avatar `--avatar-color-override`\n    // idiom so no `style={{…}}` attribute lands on the JSX (constraint §4).\n    const hasColor = colorId !== undefined && colorId !== null;\n    const dotRef = useRef<HTMLSpanElement>(null);\n\n    useAgentRegistration(\n      operatorHeroAgent,\n      { getName: () => name, getHasColor: () => hasColor },\n      id,\n    );\n    useIsomorphicLayoutEffect(() => {\n      const el = dotRef.current;\n      if (!el) return;\n      if (hasColor) {\n        el.style.setProperty('--operator-hero-color', colorIdToToken(colorId));\n      } else {\n        el.style.removeProperty('--operator-hero-color');\n      }\n    }, [hasColor, colorId]);\n\n    // Same figure as the practice hero's Rating (\"4,9\" in Italian, \"5\"\n    // for a whole score), so the visible line, this label and the\n    // inner Rating's label all agree.\n    const ratingValue = rating\n      ? formatRating(rating.value, i18n.language)\n      : undefined;\n    const ratingLabel = rating\n      ? t('operatorHero.ratingLabel', {\n          value: ratingValue,\n          count: rating.count,\n        })\n      : undefined;\n\n    // Padding scales with density. Comfortable matches the practice\n    // hero's `pt-xl pb-md` minus the cover strip; compact halves it.\n    const bodyPaddingClass =\n      density === 'comfortable'\n        ? 'ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]'\n        : 'ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]';\n\n    // Avatar size keys off density: its height. Comfortable = 2xl\n    // (128px) to read as the page hero, compact = xl (64px) for embedded\n    // use. The 3:4 photo is three quarters as wide.\n    const avatarSize = density === 'comfortable' ? '2xl' : 'xl';\n\n    // Heading scale tracks density too. Comfortable uses the kit's\n    // page-title token; compact drops to title-card so the operator\n    // name doesn't dominate an embedded surface.\n    const headingClass =\n      density === 'comfortable' ? 'type-title-page' : 'type-title-card';\n\n    const inner = (\n      <div\n        className={[\n          'ds:flex ds:items-start ds:gap-[var(--spacing-lg)]',\n          bodyPaddingClass,\n          'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n        ].join(' ')}\n      >\n        {/* HTP-6712: the professional's photo is a 3:4 rounded rectangle,\n            cropped towards the top so the face stays in. Same height as\n            the old circle (128px, compact 64px). */}\n        <Avatar\n          size={avatarSize}\n          shape=\"rounded\"\n          ratio=\"3:4\"\n          width={density === 'comfortable' ? 96 : 48}\n          height={density === 'comfortable' ? 128 : 64}\n          name={name}\n          src={imageUrl}\n          alt={imageAlt}\n          className=\"ds:shrink-0\"\n        />\n        <div className=\"ds:@container/ohero ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-xs)]\">\n          {/* HTP-7126: below 480px of column width the name and an action\n              no longer fit side by side, so the action sits on its own\n              line above the name, at the start (`order-first`). The DOM\n              keeps the heading first at every width, so a screen reader\n              hears the same order as before. From 480px the action is back\n              at the end of the name row. A container query in px (rem would\n              follow the host's root font-size), not a viewport one: the\n              hero can sit in a narrow column on a wide screen. From 480px the\n              action never shrinks and is capped at half the row: a long\n              name wraps in the space left, a long label inside its half. */}\n          <div className=\"ds:flex ds:flex-col ds:items-start ds:gap-[var(--spacing-xs)] ds:@[480px]/ohero:flex-row ds:@[480px]/ohero:flex-nowrap ds:@[480px]/ohero:gap-[var(--spacing-md)]\">\n            {/* The name is the h1's own text and `dir=\"auto\"` is on the h1. The\n                colour dot sits beside it, so it stays at the page's start. */}\n            {hasColor ? (\n              <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:@[480px]/ohero:min-w-0 ds:@[480px]/ohero:flex-1\">\n                <span\n                  ref={dotRef}\n                  role=\"img\"\n                  aria-label={t('operatorHero.colorLabel', 'Calendar colour')}\n                  className=\"ds:inline-block ds:size-[var(--spacing-sm)] ds:shrink-0 ds:rounded-[var(--radius-full)] ds:bg-[var(--operator-hero-color)]\"\n                />\n                <h1\n                  id={headingId}\n                  dir=\"auto\"\n                  className={`${headingClass} ds:m-0 ds:min-w-0 ds:text-[color:var(--foreground)]`}\n                >\n                  {name}\n                </h1>\n              </div>\n            ) : (\n              <h1\n                id={headingId}\n                dir=\"auto\"\n                className={`${headingClass} ds:m-0 ds:text-[color:var(--foreground)] ds:@[480px]/ohero:min-w-0`}\n              >\n                {name}\n              </h1>\n            )}\n            {actionSlot ? (\n              <div className=\"ds:order-first ds:flex ds:shrink-0 ds:items-center ds:gap-[var(--spacing-xs)] ds:@[480px]/ohero:order-none ds:@[480px]/ohero:ms-auto ds:@[480px]/ohero:min-w-0 ds:@[480px]/ohero:max-w-[50%]\">\n                {actionSlot}\n              </div>\n            ) : null}\n          </div>\n          {tagline ? (\n            <p\n              dir=\"auto\"\n              className=\"type-body ds:m-0 ds:text-[color:var(--foreground)]\"\n            >\n              {tagline}\n            </p>\n          ) : null}\n          {rating ? (\n            // One image with one name (\"4,9 out of 5 stars. Reviews: 7.\"):\n            // a name on a div without a role is ignored by screen readers,\n            // which then read the stars and \"4,9 · 7\" with no \"reviews\".\n            <div\n              role=\"img\"\n              className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\"\n              aria-label={ratingLabel}\n            >\n              {/* Decorative: the group above carries the one name. */}\n              <Rating\n                value={rating.value}\n                max={5}\n                size={density === 'comfortable' ? 'md' : 'sm'}\n                decorative\n              />\n              <span className=\"type-body-sm ds:text-[color:var(--muted-foreground)]\">\n                {ratingValue} · {rating.count}\n              </span>\n            </div>\n          ) : null}\n          {badges && badges.length > 0 ? (\n            <div\n              role=\"list\"\n              className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-2xs)] ds:mt-[var(--spacing-2xs)]\"\n            >\n              {badges.map((badge) => (\n                <Badge\n                  key={badge.key}\n                  variant={badge.variant ?? 'neutral'}\n                  role=\"listitem\"\n                >\n                  {badge.label}\n                </Badge>\n              ))}\n            </div>\n          ) : null}\n        </div>\n      </div>\n    );\n\n    return (\n      <div\n        ref={ref}\n        role=\"region\"\n        aria-label={resolvedAriaLabel}\n        aria-labelledby={headingId}\n        data-component=\"operator-hero\"\n        data-component-id={id}\n        data-density={density}\n        id={id}\n        className={rootVariants({ surface, density, className })}\n        {...rest}\n      >\n        {surface === 'elevated' ? (\n          <Card variant=\"elevated\">{inner}</Card>\n        ) : (\n          inner\n        )}\n      </div>\n    );\n  },\n);\n\nOperatorHero.displayName = 'OperatorHero';\n\nexport type OperatorHeroDensity = NonNullable<\n  VariantProps<typeof rootVariants>['density']\n>;\n"],"names":["operatorHeroAgent","handle","rootVariants","cva","OperatorHero","forwardRef","name","colorId","tagline","imageUrl","imageAlt","rating","badges","actionSlot","density","surface","ariaLabel","id","className","rest","ref","t","i18n","useTranslation","headingId","useId","resolvedAriaLabel","hasColor","dotRef","useRef","useAgentRegistration","useIsomorphicLayoutEffect","el","colorIdToToken","ratingValue","formatRating","ratingLabel","bodyPaddingClass","avatarSize","headingClass","inner","jsxs","jsx","Avatar","Rating","badge","Badge","Card"],"mappings":"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"}

package/dist/_chunks/otp-input-BNOTlxq3.js

@@ -0,0 +1,342 @@
+import { jsx as y, jsxs as le } from "react/jsx-runtime";
+import { forwardRef as ue, useId as de, useRef as x, useState as pe, useEffect as fe, useCallback as j, useMemo as ge, useImperativeHandle as me } from "react";
+import { c as k } from "./index-D2ZczOXr.js";
+import { useTranslation as ve } from "react-i18next";
+import { u as he } from "./use-controllable-state-BiY4xTzM.js";
+import { u as be } from "./use-web-otp-D_utzp6S.js";
+import { u as ye, a as we } from "./form-field-context-DtiROUJV.js";
+import { u as Ie } from "./registry-DvAUVLHh.js";
+import { i as G } from "./is-development-CLUAnsU7.js";
+const Ve = {
+  id: "otp-input",
+  // Value input — `set_value` replaces the digits. There is no `submit`
+  // action: completion is host-driven (the consumer's `onComplete` fires
+  // automatically once every digit is filled) and is observable via the
+  // `isComplete` state slot, so the old unbacked `submit` capability is
+  // removed.
+  capabilities: ["set_value"],
+  state: {
+    value: {
+      type: "string",
+      descriptionKey: "ui.agent.otpInput.state.value",
+      description: "Current digits entered, packed into a single string.",
+      read: (r) => r.getValue()
+    },
+    isComplete: {
+      type: "boolean",
+      descriptionKey: "ui.agent.otpInput.state.isComplete",
+      description: "Whether all required digits have been entered.",
+      read: (r) => r.isComplete()
+    }
+  },
+  actions: {
+    set_value: {
+      safety: "write",
+      argsType: "{ value: string }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          value: {
+            type: "string",
+            description: "The digits to fill, packed into a single string (one char per cell)."
+          }
+        },
+        required: ["value"]
+      },
+      idempotent: !0,
+      examples: [{ args: { value: "123456" } }],
+      descriptionKey: "ui.agent.otpInput.actions.setValue",
+      description: "Replace the entered digits.",
+      invoke: (r, s) => {
+        r.setValue(s.value);
+      }
+    },
+    clear: {
+      safety: "destructive",
+      idempotent: !0,
+      descriptionKey: "ui.agent.otpInput.actions.clear",
+      description: "Empty all digit cells. Loses any typed value.",
+      invoke: (r) => {
+        r.clear();
+      }
+    },
+    focus: {
+      safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.otpInput.actions.focus",
+      description: "Move keyboard focus to the active digit cell.",
+      invoke: (r) => {
+        r.focus();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "otp-input",
+      description: "Marks the OTPInput wrapper. Completion is observable via state.isComplete; the host onComplete callback fires once when all digits are filled."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, ke = k("ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]"), De = k("", {
+  variants: {
+    grouped: {
+      false: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]",
+      true: "ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-md)] ds:gap-y-[var(--spacing-sm)]"
+    }
+  },
+  defaultVariants: { grouped: !1 }
+}), Te = k(
+  "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]"
+), Ae = k(
+  [
+    "ds:w-[var(--min-target-size)] ds:h-[var(--min-target-size)]",
+    "ds:rounded-[var(--radius-sm)]",
+    "ds:border ds:bg-input ds:text-foreground ds:text-center ds:font-medium ds:text-[length:var(--font-size-lg)]",
+    "ds:shadow-[var(--shadow-input)]",
+    "ds:transition-[colors,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:disabled:cursor-not-allowed ds:disabled:opacity-50"
+  ].join(" "),
+  {
+    variants: {
+      tone: {
+        default: "ds:border-[color:var(--control-border)]",
+        error: "ds:border-destructive"
+      }
+    },
+    defaultVariants: { tone: "default" }
+  }
+);
+function z(r) {
+  return r.replace(/[\u0660-\u0669]/g, (s) => String(s.charCodeAt(0) - 1632)).replace(/[\u06F0-\u06F9]/g, (s) => String(s.charCodeAt(0) - 1776));
+}
+const Z = 3, _ = 10;
+function Me(r) {
+  const s = Number.isFinite(r) ? Math.floor(r) : 6, o = Math.max(Z, Math.min(_, s));
+  return G() && o !== r && console.warn(
+    `[OTPInput] length ${r} is out of range [${Z}, ${_}] — clamped to ${o}.`
+  ), o;
+}
+function Ce(r, s) {
+  if (r === void 0) return;
+  const o = Number.isFinite(r) ? Math.floor(r) : 0;
+  if (o < 1) {
+    G() && console.warn(
+      `[OTPInput] groupSize ${r} is not a number of 1 or more: the boxes stay in one row.`
+    );
+    return;
+  }
+  return o < s ? o : void 0;
+}
+function Fe(r, s) {
+  const o = [];
+  for (let c = 0; c < r.length; c += s)
+    o.push(r.slice(c, c + s));
+  return o;
+}
+function V(r, s, o) {
+  return (o === "alphanumeric" ? r.replace(/[^A-Za-z0-9]/g, "").toUpperCase() : z(r).replace(/\D/g, "")).slice(0, s);
+}
+function Ne(r, s, o) {
+  const c = V(r, s, o), f = new Array(s).fill("");
+  for (let m = 0; m < c.length; m += 1)
+    f[m] = c[m];
+  return f;
+}
+const Re = ue(
+  ({
+    length: r = 6,
+    value: s,
+    defaultValue: o,
+    onChange: c,
+    onComplete: f,
+    disabled: m,
+    error: U,
+    label: D,
+    "aria-describedby": q,
+    id: O,
+    className: W,
+    webOtp: X = !1,
+    name: P,
+    mode: l = "numeric",
+    groupSize: J
+  }, Q) => {
+    const { t: Y } = ve("ui"), a = Me(r), T = Ce(J, a), h = ye(), ee = de(), E = D ? ee : void 0, [te, K] = he({
+      value: s,
+      defaultValue: V(o ?? "", a, l)
+    }), v = V(te ?? "", a, l), re = Ne(v, a, l), w = h.disabled || !!m, S = h.invalid || !!U, ae = S ? "error" : "default", B = x([]), A = x(v.length === a), g = x(v);
+    g.current = v;
+    const se = () => {
+      const e = v.length;
+      return e >= a ? a - 1 : e;
+    }, [b, M] = pe(se);
+    fe(() => {
+      b >= a && M(a - 1);
+    }, [b, a]);
+    const d = j(
+      (e, t) => {
+        const i = Math.max(0, Math.min(a - 1, e));
+        M(i);
+        const n = B.current[i];
+        n && (n.focus(t), n.select());
+      },
+      [a]
+    ), p = j(
+      (e) => {
+        const t = V(e, a, l);
+        K(t), g.current = t, c == null || c(t), t.length === a ? A.current || (A.current = !0, f == null || f(t)) : A.current = !1;
+      },
+      [K, a, l, c, f]
+    );
+    be({
+      enabled: X && !w,
+      onCode: p
+    });
+    const ne = (e) => (t) => {
+      const i = t.target.value, n = l === "alphanumeric" ? i.replace(/[^A-Za-z0-9]/g, "").toUpperCase() : z(i).replace(/\D/g, ""), u = g.current;
+      if (n.length === 0) {
+        if (i === "" && e < u.length) {
+          const L = u.slice(0, e) + u.slice(e + 1);
+          p(L);
+        }
+        return;
+      }
+      const I = u.slice(0, e), N = u.slice(e + n.length), R = (I + n + N).slice(0, a);
+      p(R);
+      const $ = Math.min(e + n.length, a - 1);
+      d($);
+    }, oe = (e) => (t) => {
+      const i = g.current;
+      if (t.key === "Backspace") {
+        if (i[e]) {
+          t.preventDefault();
+          const n = i.slice(0, e) + i.slice(e + 1);
+          p(n);
+          return;
+        }
+        if (e > 0) {
+          t.preventDefault();
+          const n = i.slice(0, e - 1) + i.slice(e);
+          p(n), d(e - 1);
+        }
+        return;
+      }
+      if (t.key === "ArrowLeft") {
+        t.preventDefault(), e > 0 && d(e - 1);
+        return;
+      }
+      if (t.key === "ArrowRight") {
+        t.preventDefault(), e < a - 1 && d(e + 1);
+        return;
+      }
+      if (t.key === "Home") {
+        t.preventDefault(), d(0);
+        return;
+      }
+      t.key === "End" && (t.preventDefault(), d(a - 1));
+    }, ie = (e) => (t) => {
+      const n = t.clipboardData.getData("text").replace(/\s+/g, ""), u = l === "alphanumeric" ? n.replace(/[^A-Za-z0-9]/g, "").toUpperCase() : z(n);
+      if (l === "alphanumeric" ? u.length === 0 : !/^[0-9]+$/.test(u))
+        return;
+      t.preventDefault();
+      const I = g.current, N = I.slice(0, e), R = I.slice(e + u.length), $ = (N + u + R).slice(0, a);
+      p($);
+      const L = Math.min(e + u.length, a - 1);
+      d(L);
+    }, ce = (e) => (t) => {
+      M(e), t.currentTarget.select();
+    }, C = h.id;
+    we(h, `${C}-0`);
+    const F = ge(
+      () => ({
+        getValue: () => g.current,
+        setValue: (e) => p(e),
+        clear: () => p(""),
+        focus: (e) => d(b, e),
+        isComplete: () => g.current.length === a
+      }),
+      [p, d, b, a]
+    );
+    Ie(Ve, F, O), me(Q, () => F, [F]);
+    const H = re.map((e, t) => {
+      const i = !w && t === b;
+      return /* @__PURE__ */ y(
+        "input",
+        {
+          ref: (n) => {
+            B.current[t] = n;
+          },
+          id: `${C}-${t}`,
+          type: "text",
+          inputMode: l === "alphanumeric" ? "text" : "numeric",
+          pattern: l === "alphanumeric" ? "[A-Za-z0-9]*" : "[0-9]*",
+          autoCapitalize: l === "alphanumeric" ? "characters" : void 0,
+          autoComplete: t === 0 ? "one-time-code" : "off",
+          maxLength: 1,
+          value: e,
+          disabled: w,
+          tabIndex: i ? 0 : -1,
+          "aria-label": Y(
+            l === "alphanumeric" ? "inputs.otp.charLabel" : "inputs.otp.digitLabel",
+            {
+              current: t + 1,
+              total: a
+            }
+          ),
+          onChange: ne(t),
+          onKeyDown: oe(t),
+          onPaste: ie(t),
+          onFocus: ce(t),
+          className: Ae({ tone: ae })
+        },
+        t
+      );
+    });
+    return /* @__PURE__ */ le("div", { className: ke({ className: W }), children: [
+      D ? /* @__PURE__ */ y(
+        "label",
+        {
+          id: E,
+          htmlFor: `${C}-0`,
+          className: "type-label ds:text-foreground",
+          children: D
+        }
+      ) : null,
+      /* @__PURE__ */ y(
+        "div",
+        {
+          role: "group",
+          dir: "ltr",
+          "aria-labelledby": E,
+          "aria-invalid": S || void 0,
+          "aria-describedby": [q, h.describedBy].filter(Boolean).join(" ") || void 0,
+          "aria-disabled": w || void 0,
+          "data-component": "otp-input",
+          "data-component-id": O,
+          className: De({ grouped: T !== void 0 }),
+          children: T === void 0 ? H : Fe(H, T).map((e, t) => /* @__PURE__ */ y(
+            "div",
+            {
+              "data-slot": "otp-group",
+              className: Te(),
+              children: e
+            },
+            t
+          ))
+        }
+      ),
+      P ? /* @__PURE__ */ y("input", { type: "hidden", name: P, value: v, readOnly: !0 }) : null
+    ] });
+  }
+);
+Re.displayName = "OTPInput";
+export {
+  Re as O
+};
+//# sourceMappingURL=otp-input-BNOTlxq3.js.map

package/dist/_chunks/otp-input-BNOTlxq3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"otp-input-BNOTlxq3.js","sources":["../../src/components/otp-input/otp-input.agent.ts","../../src/components/otp-input/otp-input.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — OTPInput.                                              */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { OTPInputHandle } from './otp-input';\n\nexport const otpInputAgent: AgentAdapter<OTPInputHandle> = {\n  id: 'otp-input',\n  // Value input — `set_value` replaces the digits. There is no `submit`\n  // action: completion is host-driven (the consumer's `onComplete` fires\n  // automatically once every digit is filled) and is observable via the\n  // `isComplete` state slot, so the old unbacked `submit` capability is\n  // removed.\n  capabilities: ['set_value'],\n  state: {\n    value: {\n      type: 'string',\n      descriptionKey: 'ui.agent.otpInput.state.value',\n      description: 'Current digits entered, packed into a single string.',\n      read: (handle) => handle.getValue(),\n    },\n    isComplete: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.otpInput.state.isComplete',\n      description: 'Whether all required digits have been entered.',\n      read: (handle) => handle.isComplete(),\n    },\n  },\n  actions: {\n    set_value: {\n      safety: 'write',\n      argsType: '{ value: string }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          value: {\n            type: 'string',\n            description:\n              'The digits to fill, packed into a single string (one char per cell).',\n          },\n        },\n        required: ['value'],\n      },\n      idempotent: true,\n      examples: [{ args: { value: '123456' } }],\n      descriptionKey: 'ui.agent.otpInput.actions.setValue',\n      description: 'Replace the entered digits.',\n      invoke: (handle, args: { value: string }) => {\n        handle.setValue(args.value);\n      },\n    },\n    clear: {\n      safety: 'destructive',\n      idempotent: true,\n      descriptionKey: 'ui.agent.otpInput.actions.clear',\n      description: 'Empty all digit cells. Loses any typed value.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n    focus: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.otpInput.actions.focus',\n      description: 'Move keyboard focus to the active digit cell.',\n      invoke: (handle) => {\n        handle.focus();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'otp-input',\n      description:\n        'Marks the OTPInput wrapper. Completion is observable via state.isComplete; the host onComplete callback fires once when all digits are filled.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type ClipboardEvent,\n  type FocusEvent,\n  type KeyboardEvent,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { useWebOtp } from '../../hooks/use-web-otp';\nimport {\n  useFormField,\n  useFormFieldControlId,\n} from '../form-field/form-field-context';\nimport { useAgentRegistration } from '../../agent';\nimport { otpInputAgent } from './otp-input.agent';\nimport { isDevelopment } from '../_shared/is-development';\n\nexport type OTPMode = 'numeric' | 'alphanumeric';\n\n/** Agent-readiness curated handle for OTPInput. */\nexport interface OTPInputHandle {\n  getValue: () => string;\n  setValue: (value: string) => void;\n  clear: () => void;\n  focus: (options?: FocusOptions) => void;\n  isComplete: () => boolean;\n}\n\nconst wrapperVariants = cva('ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]');\n\n/* The boxes' row. `grouped: false` is the one row every caller had before\n   `groupSize`, class for class. `grouped: true` holds the groups in a row\n   that wraps, a wider gap between groups than between boxes. */\nconst rowVariants = cva('', {\n  variants: {\n    grouped: {\n      false: 'ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]',\n      true: 'ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-md)] ds:gap-y-[var(--spacing-sm)]',\n    },\n  },\n  defaultVariants: { grouped: false },\n});\n\n/** One group of boxes; it never breaks inside itself. */\nconst groupVariants = cva(\n  'ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]',\n);\n\nconst boxVariants = cva(\n  [\n    'ds:w-[var(--min-target-size)] ds:h-[var(--min-target-size)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:border ds:bg-input ds:text-foreground ds:text-center ds:font-medium ds:text-[length:var(--font-size-lg)]',\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-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      tone: {\n        default: 'ds:border-[color:var(--control-border)]',\n        error: 'ds:border-destructive',\n      },\n    },\n    defaultVariants: { tone: 'default' },\n  },\n);\n\nexport interface OTPInputProps {\n  /**\n   * Number of boxes. Default 6. Any integer in [3, 10] is honoured;\n   * out-of-range values are clamped (with a DEV warning).\n   */\n  length?: number;\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  onComplete?: (code: string) => void;\n  disabled?: boolean;\n  error?: boolean;\n  label?: string;\n  'aria-describedby'?: string;\n  /** Stable id, used to address this instance from the agent runtime. */\n  id?: string;\n  className?: string;\n  /**\n   * Opt into Chrome-Android's WebOTP API for one-tap SMS autofill. When\n   * the browser surfaces a matching SMS-bound credential, the kit spreads\n   * the code across every digit box and fires `onComplete` automatically.\n   *\n   * Falls back silently to manual entry on Firefox / desktop / iOS — those\n   * platforms either don't ship the API at all or rely on the\n   * `autocomplete=\"one-time-code\"` QuickType heuristic the kit already\n   * applies to the first input.\n   *\n   * Prerequisites the prop can't enforce: page must be HTTPS, and the SMS\n   * body must end with `@<origin> #<code>` on its last line (Chrome's\n   * spec — without it the browser refuses to surface the message).\n   * Default `false` so the listener stays opt-in.\n   */\n  webOtp?: boolean;\n  /**\n   * When set, renders a hidden `<input name={name}>` kept in sync with the\n   * packed code so consumers can POST the OTP declaratively, e.g.\n   * `sms_code_form[code]`. Default off — no behaviour change.\n   */\n  name?: string;\n  /**\n   * Character set. `numeric` (default) accepts digits only (with Arabic-Indic\n   * digit folding) — byte-identical to prior behaviour. `alphanumeric` accepts\n   * `[A-Za-z0-9]`, uppercases the value, and switches the boxes to text input\n   * (for SMS codes that mix letters and digits).\n   */\n  mode?: OTPMode;\n  /**\n   * Boxes per group. Absent (the default): the boxes stay in one row, as\n   * before. Set: the boxes sit in groups of this size (the last group may\n   * be shorter) and the groups sit in a row that wraps, so a container too\n   * narrow for one line shows the groups on more lines instead of\n   * overflowing (WCAG 1.4.10). The boxes keep their size, their order, the\n   * arrow keys, paste and autofill, and the field keeps its one accessible\n   * name. A value under 1 is ignored; a value that holds every box is one\n   * row.\n   */\n  groupSize?: number;\n}\n\nfunction normaliseDigits(str: string): string {\n  return str\n    .replace(/[\\u0660-\\u0669]/g, (c) => String(c.charCodeAt(0) - 0x0660))\n    .replace(/[\\u06F0-\\u06F9]/g, (c) => String(c.charCodeAt(0) - 0x06f0));\n}\n\nconst MIN_LENGTH = 3;\nconst MAX_LENGTH = 10;\n\n/** Clamp an arbitrary length into a sane range; DEV-warn if it had to. */\nfunction resolveLength(length: number): number {\n  // Fall back to the default for non-finite input (e.g. `length={parseInt(x)}`\n  // yielding NaN) so the component never reaches `new Array(NaN)`.\n  const n = Number.isFinite(length) ? Math.floor(length) : 6;\n  const clamped = Math.max(MIN_LENGTH, Math.min(MAX_LENGTH, n));\n  if (isDevelopment() && clamped !== length) {\n    console.warn(\n      `[OTPInput] length ${length} is out of range [${MIN_LENGTH}, ${MAX_LENGTH}] \\u2014 clamped to ${clamped}.`,\n    );\n  }\n  return clamped;\n}\n\n/**\n * Boxes per group, or undefined for one row. A size under 1 (or not a\n * number) is ignored with a DEV warning; a size that holds every box is\n * one row.\n */\nfunction resolveGroupSize(\n  groupSize: number | undefined,\n  length: number,\n): number | undefined {\n  if (groupSize === undefined) return undefined;\n  const n = Number.isFinite(groupSize) ? Math.floor(groupSize) : 0;\n  if (n < 1) {\n    if (isDevelopment()) {\n      console.warn(\n        `[OTPInput] groupSize ${groupSize} is not a number of 1 or more: the boxes stay in one row.`,\n      );\n    }\n    return undefined;\n  }\n  return n < length ? n : undefined;\n}\n\n/** Items in runs of `size`, in order; the last run may be shorter. */\nfunction inRuns<T>(items: T[], size: number): T[][] {\n  const runs: T[][] = [];\n  for (let start = 0; start < items.length; start += size) {\n    runs.push(items.slice(start, start + size));\n  }\n  return runs;\n}\n\n/**\n * Filter + normalise a string to the mode's charset, then clamp to length.\n * - `numeric`: Arabic-Indic digits folded to ASCII, then digits only.\n * - `alphanumeric`: `[A-Za-z0-9]` only, uppercased (codes are uppercase and the\n *   server compares case-insensitively \\u2014 uppercasing keeps the display and the\n *   posted value consistent).\n */\nfunction packValue(value: string, length: number, mode: OTPMode): string {\n  const filtered =\n    mode === 'alphanumeric'\n      ? value.replace(/[^A-Za-z0-9]/g, '').toUpperCase()\n      : normaliseDigits(value).replace(/\\D/g, '');\n  return filtered.slice(0, length);\n}\n\nfunction valueToArray(value: string, length: number, mode: OTPMode): string[] {\n  const packed = packValue(value, length, mode);\n  const arr = new Array<string>(length).fill('');\n  for (let i = 0; i < packed.length; i += 1) {\n    arr[i] = packed[i];\n  }\n  return arr;\n}\n\nexport const OTPInput = forwardRef<OTPInputHandle, OTPInputProps>(\n  (\n    {\n      length: lengthProp = 6,\n      value,\n      defaultValue,\n      onChange,\n      onComplete,\n      disabled,\n      error,\n      label,\n      'aria-describedby': describedBy,\n      id,\n      className,\n      webOtp = false,\n      name,\n      mode = 'numeric',\n      groupSize: groupSizeProp,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const length = resolveLength(lengthProp);\n    const groupSize = resolveGroupSize(groupSizeProp, length);\n    const ctx = useFormField();\n    const generatedLabelId = useId();\n    const labelId = label ? generatedLabelId : undefined;\n\n    const [internalValueRaw, setInternalValue] = useControllableState<string>({\n      value,\n      defaultValue: packValue(defaultValue ?? '', length, mode),\n    });\n    const currentValue = packValue(internalValueRaw ?? '', length, mode);\n    const digits = valueToArray(currentValue, length, mode);\n\n    const effectiveDisabled = ctx.disabled || Boolean(disabled);\n    const effectiveError = ctx.invalid || Boolean(error);\n    const effectiveTone = effectiveError ? 'error' : 'default';\n\n    const inputsRef = useRef<Array<HTMLInputElement | null>>([]);\n    const completedRef = useRef(currentValue.length === length);\n    const valueRef = useRef(currentValue);\n    valueRef.current = currentValue;\n\n    const computeInitialIndex = () => {\n      const firstEmpty = currentValue.length;\n      if (firstEmpty >= length) return length - 1;\n      return firstEmpty;\n    };\n    const [activeIndex, setActiveIndex] = useState<number>(computeInitialIndex);\n\n    useEffect(() => {\n      if (activeIndex >= length) setActiveIndex(length - 1);\n    }, [activeIndex, length]);\n\n    const focusBox = useCallback(\n      (index: number, options?: FocusOptions) => {\n        const clamped = Math.max(0, Math.min(length - 1, index));\n        setActiveIndex(clamped);\n        const node = inputsRef.current[clamped];\n        if (node) {\n          node.focus(options);\n          node.select();\n        }\n      },\n      [length],\n    );\n\n    const commit = useCallback(\n      (next: string) => {\n        const packed = packValue(next, length, mode);\n        setInternalValue(packed);\n        valueRef.current = packed;\n        onChange?.(packed);\n        if (packed.length === length) {\n          if (!completedRef.current) {\n            completedRef.current = true;\n            onComplete?.(packed);\n          }\n        } else {\n          completedRef.current = false;\n        }\n      },\n      [setInternalValue, length, mode, onChange, onComplete],\n    );\n\n    // WebOTP one-tap autofill. The hook silently no-ops when the API is\n    // unavailable (Firefox / Safari / desktop Chromium) — `commit()` is\n    // the same path manual entry takes, so `onChange` + `onComplete` fire\n    // identically whether the digits arrived via SMS, paste, or typing.\n    useWebOtp({\n      enabled: webOtp && !effectiveDisabled,\n      onCode: commit,\n    });\n\n    const handleChange =\n      (index: number) => (event: ChangeEvent<HTMLInputElement>) => {\n        const raw = event.target.value;\n        const norm =\n          mode === 'alphanumeric'\n            ? raw.replace(/[^A-Za-z0-9]/g, '').toUpperCase()\n            : normaliseDigits(raw).replace(/\\D/g, '');\n        const current = valueRef.current;\n\n        if (norm.length === 0) {\n          if (raw === '' && index < current.length) {\n            const newValue = current.slice(0, index) + current.slice(index + 1);\n            commit(newValue);\n          }\n          return;\n        }\n\n        const before = current.slice(0, index);\n        const after = current.slice(index + norm.length);\n        const newValue = (before + norm + after).slice(0, length);\n        commit(newValue);\n\n        const focusTarget = Math.min(index + norm.length, length - 1);\n        focusBox(focusTarget);\n      };\n\n    const handleKeyDown =\n      (index: number) => (event: KeyboardEvent<HTMLInputElement>) => {\n        const current = valueRef.current;\n        if (event.key === 'Backspace') {\n          if (current[index]) {\n            event.preventDefault();\n            const newValue = current.slice(0, index) + current.slice(index + 1);\n            commit(newValue);\n            return;\n          }\n          if (index > 0) {\n            event.preventDefault();\n            const newValue = current.slice(0, index - 1) + current.slice(index);\n            commit(newValue);\n            focusBox(index - 1);\n          }\n          return;\n        }\n        if (event.key === 'ArrowLeft') {\n          event.preventDefault();\n          if (index > 0) focusBox(index - 1);\n          return;\n        }\n        if (event.key === 'ArrowRight') {\n          event.preventDefault();\n          if (index < length - 1) focusBox(index + 1);\n          return;\n        }\n        if (event.key === 'Home') {\n          event.preventDefault();\n          focusBox(0);\n          return;\n        }\n        if (event.key === 'End') {\n          event.preventDefault();\n          focusBox(length - 1);\n        }\n      };\n\n    const handlePaste =\n      (index: number) => (event: ClipboardEvent<HTMLInputElement>) => {\n        const text = event.clipboardData.getData('text');\n        const stripped = text.replace(/\\s+/g, '');\n        const norm =\n          mode === 'alphanumeric'\n            ? stripped.replace(/[^A-Za-z0-9]/g, '').toUpperCase()\n            : normaliseDigits(stripped);\n        // numeric: reject the whole paste unless it is all digits (byte-identical\n        // to prior behaviour); alphanumeric: accept the stripped [A-Za-z0-9].\n        if (\n          mode === 'alphanumeric' ? norm.length === 0 : !/^[0-9]+$/.test(norm)\n        ) {\n          return;\n        }\n        event.preventDefault();\n        const current = valueRef.current;\n        const before = current.slice(0, index);\n        const after = current.slice(index + norm.length);\n        const newValue = (before + norm + after).slice(0, length);\n        commit(newValue);\n        const focusTarget = Math.min(index + norm.length, length - 1);\n        focusBox(focusTarget);\n      };\n\n    const handleFocus =\n      (index: number) => (event: FocusEvent<HTMLInputElement>) => {\n        setActiveIndex(index);\n        event.currentTarget.select();\n      };\n\n    const baseId = ctx.id;\n    /* No element carries the field's own id: its label points at the\n       first box. */\n    useFormFieldControlId(ctx, `${baseId}-0`);\n\n    const agentHandle = useMemo<OTPInputHandle>(\n      () => ({\n        getValue: () => valueRef.current,\n        setValue: (next) => commit(next),\n        clear: () => commit(''),\n        focus: (options) => focusBox(activeIndex, options),\n        isComplete: () => valueRef.current.length === length,\n      }),\n      [commit, focusBox, activeIndex, length],\n    );\n    useAgentRegistration(otpInputAgent, agentHandle, id);\n    // Expose the same imperative handle to React refs so consumers can\n    // focus / read / clear the field (e.g. focus the boxes on a step change).\n    useImperativeHandle(ref, () => agentHandle, [agentHandle]);\n\n    const boxes = digits.map((digit, index) => {\n      const isTabbable = !effectiveDisabled && index === activeIndex;\n      return (\n        <input\n          key={index}\n          ref={(node) => {\n            inputsRef.current[index] = node;\n          }}\n          id={`${baseId}-${index}`}\n          type=\"text\"\n          inputMode={mode === 'alphanumeric' ? 'text' : 'numeric'}\n          pattern={mode === 'alphanumeric' ? '[A-Za-z0-9]*' : '[0-9]*'}\n          autoCapitalize={mode === 'alphanumeric' ? 'characters' : undefined}\n          autoComplete={index === 0 ? 'one-time-code' : 'off'}\n          maxLength={1}\n          value={digit}\n          disabled={effectiveDisabled}\n          tabIndex={isTabbable ? 0 : -1}\n          aria-label={t(\n            mode === 'alphanumeric'\n              ? 'inputs.otp.charLabel'\n              : 'inputs.otp.digitLabel',\n            {\n              current: index + 1,\n              total: length,\n            },\n          )}\n          onChange={handleChange(index)}\n          onKeyDown={handleKeyDown(index)}\n          onPaste={handlePaste(index)}\n          onFocus={handleFocus(index)}\n          className={boxVariants({ tone: effectiveTone })}\n        />\n      );\n    });\n\n    return (\n      <div className={wrapperVariants({ className })}>\n        {label ? (\n          <label\n            id={labelId}\n            htmlFor={`${baseId}-0`}\n            className=\"type-label ds:text-foreground\"\n          >\n            {label}\n          </label>\n        ) : null}\n        {/* eslint-disable-next-line jsx-a11y/role-supports-aria-props -- aria-invalid is a global ARIA state; conveys group-level validation */}\n        <div\n          role=\"group\"\n          dir=\"ltr\"\n          aria-labelledby={labelId}\n          aria-invalid={effectiveError || undefined}\n          aria-describedby={\n            [describedBy, ctx.describedBy].filter(Boolean).join(' ') ||\n            undefined\n          }\n          aria-disabled={effectiveDisabled || undefined}\n          data-component=\"otp-input\"\n          data-component-id={id}\n          className={rowVariants({ grouped: groupSize !== undefined })}\n        >\n          {/* The groups are plain wrappers with no role: the digit boxes keep\n              one order, one tab stop and one named group, as in one row. */}\n          {groupSize === undefined\n            ? boxes\n            : inRuns(boxes, groupSize).map((run, runIndex) => (\n                <div\n                  key={runIndex}\n                  data-slot=\"otp-group\"\n                  className={groupVariants()}\n                >\n                  {run}\n                </div>\n              ))}\n        </div>\n        {name ? (\n          <input type=\"hidden\" name={name} value={currentValue} readOnly />\n        ) : null}\n      </div>\n    );\n  },\n);\n\nOTPInput.displayName = 'OTPInput';\n"],"names":["otpInputAgent","handle","args","wrapperVariants","cva","rowVariants","groupVariants","boxVariants","normaliseDigits","str","c","MIN_LENGTH","MAX_LENGTH","resolveLength","length","n","clamped","isDevelopment","resolveGroupSize","groupSize","inRuns","items","size","runs","start","packValue","value","mode","valueToArray","packed","arr","i","OTPInput","forwardRef","lengthProp","defaultValue","onChange","onComplete","disabled","error","label","describedBy","id","className","webOtp","name","groupSizeProp","ref","t","useTranslation","ctx","useFormField","generatedLabelId","useId","labelId","internalValueRaw","setInternalValue","useControllableState","currentValue","digits","effectiveDisabled","effectiveError","effectiveTone","inputsRef","useRef","completedRef","valueRef","computeInitialIndex","firstEmpty","activeIndex","setActiveIndex","useState","useEffect","focusBox","useCallback","index","options","node","commit","next","useWebOtp","handleChange","event","raw","norm","current","newValue","before","after","focusTarget","handleKeyDown","handlePaste","stripped","handleFocus","baseId","useFormFieldControlId","agentHandle","useMemo","useAgentRegistration","useImperativeHandle","boxes","digit","isTabbable","jsx","run","runIndex"],"mappings":"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"}