@alfadocs/ui-kit-debug 1.93.1 → 1.95.0

package/dist/_chunks/{operator-hero-C_5B-8Qp.js → operator-hero-D_0KoEuJ.js}

@@ -68,38 +68,38 @@ const q = {
 }), F = P(
   ({
     name: r,
-    colorId: l,
+    colorId: d,
     tagline: p,
     imageUrl: x,
     imageAlt: b,
-    rating: a,
+    rating: o,
     badges: i,
     actionSlot: m,
     density: s = "comfortable",
-    surface: u = "elevated",
+    surface: f = "elevated",
     "aria-label": y,
     id: n,
     className: N,
     ...H
   }, C) => {
-    const { t: c, i18n: k } = T("ui"), f = z(), R = y ?? c("operatorHero.regionLabel"), d = l != null, v = j(null);
+    const { t: c, i18n: k } = T("ui"), u = z(), w = y ?? c("operatorHero.regionLabel"), l = d != null, v = j(null);
     W(
       q,
-      { getName: () => r, getHasColor: () => d },
+      { getName: () => r, getHasColor: () => l },
       n
     ), M(() => {
-      const o = v.current;
-      o && (d ? o.style.setProperty("--operator-hero-color", $(l)) : o.style.removeProperty("--operator-hero-color"));
-    }, [d, l]);
-    const g = a ? E(a.value, k.language) : void 0, L = a ? c("operatorHero.ratingLabel", {
+      const a = v.current;
+      a && (l ? a.style.setProperty("--operator-hero-color", $(d)) : a.style.removeProperty("--operator-hero-color"));
+    }, [l, d]);
+    const g = o ? E(o.value, k.language) : void 0, R = o ? c("operatorHero.ratingLabel", {
       value: g,
-      count: a.count
-    }) : void 0, w = s === "comfortable" ? "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]" : "ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]", A = s === "comfortable" ? "2xl" : "xl", O = s === "comfortable" ? "type-title-page" : "type-title-card", h = /* @__PURE__ */ t(
+      count: o.count
+    }) : void 0, L = s === "comfortable" ? "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]" : "ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]", A = s === "comfortable" ? "2xl" : "xl", O = s === "comfortable" ? "type-title-page" : "type-title-card", h = /* @__PURE__ */ t(
       "div",
       {
         className: [
           "ds:flex ds:items-start ds:gap-[var(--spacing-lg)]",
-          w,
+          L,
           "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]"
         ].join(" "),
         children: [
@@ -115,15 +115,15 @@ const q = {
               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("div", { className: "ds:@container/ohero 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: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)]", children: [
               /* @__PURE__ */ t(
                 "h1",
                 {
-                  id: f,
-                  className: `${O} ds:m-0 ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:text-[color:var(--foreground)]`,
+                  id: u,
+                  className: `${O} ds:m-0 ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:text-[color:var(--foreground)] ds:@[480px]/ohero:min-w-0 ds:@[480px]/ohero:flex-1`,
                   children: [
-                    d ? /* @__PURE__ */ e(
+                    l ? /* @__PURE__ */ e(
                       "span",
                       {
                         ref: v,
@@ -136,7 +136,7 @@ const q = {
                   ]
                 }
               ),
-              m ? /* @__PURE__ */ e("div", { className: "ds:ms-auto ds:flex ds:shrink-0 ds:items-center ds:gap-[var(--spacing-xs)]", children: m }) : null
+              m ? /* @__PURE__ */ e("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%] ds:@[480px]/ohero:shrink", children: m }) : null
             ] }),
             p ? /* @__PURE__ */ e(
               "p",
@@ -146,7 +146,7 @@ const q = {
                 children: p
               }
             ) : null,
-            a ? (
+            o ? (
               // One image with one name ("4,9 out of 5 stars. Reviews: 7."):
               // a name on a div without a role is ignored by screen readers,
               // which then read the stars and "4,9 · 7" with no "reviews".
@@ -155,12 +155,12 @@ const q = {
                 {
                   role: "img",
                   className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]",
-                  "aria-label": L,
+                  "aria-label": R,
                   children: [
                     /* @__PURE__ */ e(
                       S,
                       {
-                        value: a.value,
+                        value: o.value,
                         max: 5,
                         size: s === "comfortable" ? "md" : "sm",
                         decorative: !0
@@ -169,7 +169,7 @@ const q = {
                     /* @__PURE__ */ t("span", { className: "type-body-sm ds:text-[color:var(--muted-foreground)]", children: [
                       g,
                       " · ",
-                      a.count
+                      o.count
                     ] })
                   ]
                 }
@@ -180,14 +180,14 @@ const q = {
               {
                 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(
+                children: i.map((a) => /* @__PURE__ */ e(
                   B,
                   {
-                    variant: o.variant ?? "neutral",
+                    variant: a.variant ?? "neutral",
                     role: "listitem",
-                    children: o.label
+                    children: a.label
                   },
-                  o.key
+                  a.key
                 ))
               }
             ) : null
@@ -200,15 +200,15 @@ const q = {
       {
         ref: C,
         role: "region",
-        "aria-label": R,
-        "aria-labelledby": f,
+        "aria-label": w,
+        "aria-labelledby": u,
         "data-component": "operator-hero",
         "data-component-id": n,
         "data-density": s,
         id: n,
-        className: D({ surface: u, density: s, className: N }),
+        className: D({ surface: f, density: s, className: N }),
         ...H,
-        children: u === "elevated" ? /* @__PURE__ */ e(K, { variant: "elevated", children: h }) : h
+        children: f === "elevated" ? /* @__PURE__ */ e(K, { variant: "elevated", children: h }) : h
       }
     );
   }
@@ -218,4 +218,4 @@ export {
   F as O,
   q as o
 };
-//# sourceMappingURL=operator-hero-C_5B-8Qp.js.map
+//# sourceMappingURL=operator-hero-D_0KoEuJ.js.map

package/dist/_chunks/operator-hero-D_0KoEuJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"operator-hero-D_0KoEuJ.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          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 is capped at half the row, so a long label wraps in\n              its half and the name keeps the other 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            <h1\n              id={headingId}\n              className={`${headingClass} ds:m-0 ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:text-[color:var(--foreground)] ds:@[480px]/ohero:min-w-0 ds:@[480px]/ohero:flex-1`}\n            >\n              {hasColor ? (\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              ) : null}\n              {/* Practice-written name and tagline keep the direction they\n                  were typed in. The name gets its own span: `dir` on the\n                  flex h1 would move the colour dot too. */}\n              <span dir=\"auto\">{name}</span>\n            </h1>\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%] ds:@[480px]/ohero:shrink\">\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/{optical-prescription-CMM1Y6Xg.js → optical-prescription-BGVeDVSP.js}

@@ -4,7 +4,7 @@ import { c as Ke } from "./index-D2ZczOXr.js";
 import { useTranslation as Ge } from "react-i18next";
 import { u as Ue } from "./registry-DvAUVLHh.js";
 import { N as ae } from "./number-input-CVwI1ltI.js";
-import { S as ye } from "./select-4S-eYZUf.js";
+import { S as ye } from "./select-BBDRYxJl.js";
 import { T as Je } from "./text-area-COMVJ1yE.js";
 import { D as v } from "./description-list-BxzDN9o2.js";
 import { a as Qe } from "./format-number-DdzqwMs1.js";
@@ -1273,4 +1273,4 @@ export {
   gt as y,
   _e as z
 };
-//# sourceMappingURL=optical-prescription-CMM1Y6Xg.js.map
+//# sourceMappingURL=optical-prescription-BGVeDVSP.js.map