@alfadocs/ui-kit-debug 1.90.2 → 1.91.0

package/dist/_chunks/{practice-profile-hero-qfrsFQI_.js → practice-profile-hero-ClzE-4CB.js}

@@ -1,13 +1,13 @@
-import { jsxs as i, jsx as e, Fragment as j } from "react/jsx-runtime";
-import { forwardRef as A, useId as B, useState as z, useEffect as S, useMemo as E, useRef as K } from "react";
-import { c as M } from "./index-D2ZczOXr.js";
-import { A as b } from "./avatar-BPiPL7ND.js";
-import { B as V } from "./badge-BUk4RjTS.js";
-import { C as w } from "./card-BA4Ig_kn.js";
-import { R as F } from "./rating-CGYpg5dj.js";
-import { u as L } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { u as W } from "./registry-DvAUVLHh.js";
-const $ = {
+import { jsxs as d, jsx as e, Fragment as z } from "react/jsx-runtime";
+import { forwardRef as S, useId as A, useState as E, useEffect as K, useMemo as M, useRef as V } from "react";
+import { c as F } from "./index-D2ZczOXr.js";
+import { A as w } from "./avatar-a6042Ox2.js";
+import { B as L } from "./badge-BUk4RjTS.js";
+import { C } from "./card-BA4Ig_kn.js";
+import { R as W } from "./rating-CGYpg5dj.js";
+import { u as $ } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as q } from "./registry-DvAUVLHh.js";
+const D = {
   id: "practice-profile-hero",
   // Purely observable hero region — no interactive affordances and no
   // imperative actions on the handle (getName / getHasCover are read-only
@@ -40,7 +40,7 @@ const $ = {
       description: "Sourced from the id prop."
     }
   }
-}, q = M("ds:w-full ds:text-[color:var(--foreground)]", {
+}, G = F("ds:w-full ds:text-[color:var(--foreground)]", {
   variants: {
     // Matches the kit's other `surface` props (Booking, ReviewsPanel,
     // OperatorHero). `'elevated'` wraps in `<Card>`.
@@ -52,54 +52,55 @@ const $ = {
   defaultVariants: {
     surface: "elevated"
   }
-}), D = A(
+}), J = S(
   ({
     name: a,
-    tagline: p,
-    imageUrl: u,
+    tagline: f,
+    imageUrl: n,
+    imageAlt: l,
     coverImageUrl: r,
-    rating: n,
-    badges: l,
-    actionSlot: f,
-    surface: m = "elevated",
-    "aria-label": v,
-    id: c,
-    className: H,
-    ...C
-  }, k) => {
-    const h = B(), [d, g] = z(null), x = r && (d == null ? void 0 : d.url) === r ? d.status : "loading";
-    S(() => {
+    rating: c,
+    badges: p,
+    actionSlot: m,
+    surface: v = "elevated",
+    "aria-label": h,
+    id: u,
+    className: k,
+    ...R
+  }, j) => {
+    const g = A(), [i, x] = E(null), y = r && (i == null ? void 0 : i.url) === r ? i.status : "loading";
+    K(() => {
       if (!r || typeof Image > "u") return;
       let s = !0;
       const o = new Image();
       return o.onload = () => {
-        s && g({ url: r, status: "loaded" });
+        s && x({ url: r, status: "loaded" });
       }, o.onerror = () => {
-        s && g({ url: r, status: "error" });
+        s && x({ url: r, status: "error" });
       }, o.src = r, () => {
         s = !1, o.onload = null, o.onerror = null;
       };
     }, [r]);
-    const t = !!r && x !== "error", R = E(
+    const t = !!r && y !== "error", B = M(
       () => ({ getName: () => a, getHasCover: () => t }),
       [a, t]
     );
-    W($, R, c);
-    const y = K(null);
-    L(() => {
-      const s = y.current;
+    q(D, B, u);
+    const N = V(null);
+    $(() => {
+      const s = N.current;
       s && (r ? s.style.setProperty(
         "--practice-profile-hero-cover",
         `url("${r.replace(/\\/g, "\\\\").replace(/"/g, '\\"')}")`
       ) : s.style.removeProperty("--practice-profile-hero-cover"));
     }, [r, t]);
-    const N = t ? /* @__PURE__ */ e(
+    const P = t ? /* @__PURE__ */ e(
       "div",
       {
-        ref: y,
+        ref: N,
         "aria-hidden": "true",
         "data-slot": "cover",
-        "data-state": x,
+        "data-state": y,
         className: [
           "ds:h-32 ds:sm:h-40 ds:w-full",
           // Cover image layered over the brand gradient — the gradient is
@@ -111,7 +112,7 @@ const $ = {
           "ds:bg-cover ds:bg-center"
         ].join(" ")
       }
-    ) : null, P = /* @__PURE__ */ i(
+    ) : null, H = !(n && l), b = /* @__PURE__ */ d(
       "div",
       {
         className: [
@@ -123,74 +124,76 @@ const $ = {
         ].join(" "),
         children: [
           /* @__PURE__ */ e("div", { className: "ds:shrink-0 ds:sm:hidden", children: /* @__PURE__ */ e(
-            b,
+            w,
             {
               size: "xl",
               shape: "rounded",
               ratio: "4:3",
               name: a,
-              src: u,
-              "aria-hidden": "true"
+              src: n,
+              alt: l,
+              "aria-hidden": H ? "true" : void 0
             }
           ) }),
           /* @__PURE__ */ e("div", { className: "ds:hidden ds:shrink-0 ds:sm:block", children: /* @__PURE__ */ e(
-            b,
+            w,
             {
               size: "3xl",
               shape: "rounded",
               ratio: "4:3",
               name: a,
-              src: u,
-              "aria-hidden": "true"
+              src: n,
+              alt: l,
+              "aria-hidden": H ? "true" : void 0
             }
           ) }),
-          /* @__PURE__ */ i("div", { className: "ds:flex ds:w-full ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
-            /* @__PURE__ */ i("div", { className: "ds:flex ds:flex-wrap ds:items-start ds:gap-[var(--spacing-md)]", children: [
+          /* @__PURE__ */ d("div", { className: "ds:flex ds:w-full ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ d("div", { className: "ds:flex ds:flex-wrap ds:items-start ds:gap-[var(--spacing-md)]", children: [
               /* @__PURE__ */ e(
                 "h1",
                 {
-                  id: h,
+                  id: g,
                   dir: "auto",
                   className: "type-title-page ds:m-0 ds:text-[color:var(--foreground)]",
                   children: a
                 }
               ),
-              f ? (
+              m ? (
                 // `ms-auto` + `shrink-0` are the desktop contract, and both are
                 // wrong once the row wraps on a phone: they stranded the action
                 // at the inline-end of a start-aligned stack and stopped a wide
                 // control fitting the column. Hence `sm:` and up only.
-                /* @__PURE__ */ e("div", { className: "ds:flex ds:min-w-0 ds:items-center ds:gap-[var(--spacing-xs)] ds:sm:ms-auto ds:sm:shrink-0", children: f })
+                /* @__PURE__ */ e("div", { className: "ds:flex ds:min-w-0 ds:items-center ds:gap-[var(--spacing-xs)] ds:sm:ms-auto ds:sm:shrink-0", children: m })
               ) : null
             ] }),
-            p ? /* @__PURE__ */ e(
+            f ? /* @__PURE__ */ e(
               "p",
               {
                 dir: "auto",
                 className: "type-body ds:m-0 ds:text-[color:var(--foreground)]",
-                children: p
+                children: f
               }
             ) : null,
-            n ? (
+            c ? (
               // Rating owns the whole line: locale-formatted value, plural-
               // aware review count, and a single role="img" announcement.
               /* @__PURE__ */ e(
-                F,
+                W,
                 {
-                  value: n.value,
+                  value: c.value,
                   max: 5,
                   size: "md",
-                  reviews: { count: n.count }
+                  reviews: { count: c.count }
                 }
               )
             ) : null,
-            l && l.length > 0 ? /* @__PURE__ */ e(
+            p && p.length > 0 ? /* @__PURE__ */ e(
               "div",
               {
                 role: "list",
                 className: "ds:mt-[var(--spacing-2xs)] ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-2xs)]",
-                children: l.map((s) => /* @__PURE__ */ e(
-                  V,
+                children: p.map((s) => /* @__PURE__ */ e(
+                  L,
                   {
                     variant: s.variant ?? "neutral",
                     role: "listitem",
@@ -207,30 +210,30 @@ const $ = {
     return /* @__PURE__ */ e(
       "div",
       {
-        ref: k,
+        ref: j,
         role: "region",
-        "aria-label": v,
-        "aria-labelledby": v ? void 0 : h,
+        "aria-label": h,
+        "aria-labelledby": h ? void 0 : g,
         "data-component": "practice-profile-hero",
-        "data-component-id": c,
+        "data-component-id": u,
         "data-has-cover": t ? "true" : "false",
-        id: c,
-        className: q({ surface: m, className: H }),
-        ...C,
-        children: m === "elevated" ? /* @__PURE__ */ i(w, { variant: "elevated", children: [
-          N,
-          /* @__PURE__ */ e(w.Body, { children: P })
-        ] }) : /* @__PURE__ */ i(j, { children: [
-          N,
-          /* @__PURE__ */ e("div", { className: "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]", children: P })
+        id: u,
+        className: G({ surface: v, className: k }),
+        ...R,
+        children: v === "elevated" ? /* @__PURE__ */ d(C, { variant: "elevated", children: [
+          P,
+          /* @__PURE__ */ e(C.Body, { children: b })
+        ] }) : /* @__PURE__ */ d(z, { children: [
+          P,
+          /* @__PURE__ */ e("div", { className: "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]", children: b })
         ] })
       }
     );
   }
 );
-D.displayName = "PracticeProfileHero";
+J.displayName = "PracticeProfileHero";
 export {
-  D as P,
-  $ as p
+  J as P,
+  D as p
 };
-//# sourceMappingURL=practice-profile-hero-qfrsFQI_.js.map
+//# sourceMappingURL=practice-profile-hero-ClzE-4CB.js.map

package/dist/_chunks/practice-profile-hero-ClzE-4CB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"practice-profile-hero-ClzE-4CB.js","sources":["../../src/components/practice-profile-hero/practice-profile-hero.agent.ts","../../src/components/practice-profile-hero/practice-profile-hero.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { PracticeProfileHeroHandle } from './practice-profile-hero';\n\nexport const practiceProfileHeroAgent: AgentAdapter<PracticeProfileHeroHandle> =\n  {\n    id: 'practice-profile-hero',\n    // Purely observable hero region — no interactive affordances and no\n    // imperative actions on the handle (getName / getHasCover are read-only\n    // projections).\n    capabilities: [],\n    state: {\n      name: {\n        type: 'string',\n        descriptionKey: 'ui.agent.practiceProfileHero.state.name',\n        description: 'Practice display name currently rendered.',\n        read: (handle) => handle.getName(),\n      },\n      hasCover: {\n        type: 'boolean',\n        descriptionKey: 'ui.agent.practiceProfileHero.state.hasCover',\n        description:\n          'Whether a cover-image strip is rendered. Structural flag only — never the image URL or any PHI.',\n        read: (handle) => handle.getHasCover(),\n      },\n    },\n    actions: {},\n    domHooks: {\n      root: {\n        attr: 'data-component',\n        value: 'practice-profile-hero',\n        description: 'Marks the PracticeProfileHero 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  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { Avatar } from '../avatar/avatar';\nimport { Badge } from '../badge/badge';\nimport { Card } from '../card/card';\nimport { Rating } from '../rating/rating';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { practiceProfileHeroAgent } from './practice-profile-hero.agent';\n\n/* -------------------------------------------------------------------- */\n/* PracticeProfileHero                                                    */\n/*                                                                        */\n/* The practice-page counterpart to `<OperatorHero>` — the top-of-page   */\n/* hero for a practice profile (booking site `/p/<seoUrl>`, marketplace  */\n/* practice views). Differences from the operator hero:                  */\n/*                                                                        */\n/*   - Optional cover strip: renders ONLY when `coverImageUrl` is set.   */\n/*     A practice without a configured cover image gets no strip at all  */\n/*     — never an empty brand-gradient band eating page space.           */\n/*   - Larger avatar at desktop widths (3xl), stepped down to xl and     */\n/*     stacked above the text on small viewports so the practice name,   */\n/*     tagline and rating keep the full line width on phones.            */\n/* -------------------------------------------------------------------- */\n\n/* -------------------------------------------------------------------- */\n/* CVA                                                                    */\n/* -------------------------------------------------------------------- */\n\nconst rootVariants = cva('ds:w-full ds:text-[color:var(--foreground)]', {\n  variants: {\n    // Matches the kit's other `surface` props (Booking, ReviewsPanel,\n    // OperatorHero). `'elevated'` wraps in `<Card>`.\n    surface: {\n      flat: '',\n      elevated: '',\n    },\n  },\n  defaultVariants: {\n    surface: 'elevated',\n  },\n});\n\n/* -------------------------------------------------------------------- */\n/* Public types                                                           */\n/* -------------------------------------------------------------------- */\n\nexport interface PracticeProfileHeroBadge {\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 PracticeProfileHeroRating {\n  /** Mean rating, 0–5. */\n  value: number;\n  /** Total number of reviews. */\n  count: number;\n}\n\nexport interface PracticeProfileHeroHandle {\n  getName: () => string;\n  /** Structural flag — whether a cover strip is rendered. No PHI. */\n  getHasCover: () => boolean;\n}\n\nexport interface PracticeProfileHeroProps extends Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'aria-label' | 'children'\n> {\n  /** Practice display name. Rendered as the H1 heading. */\n  name: string;\n  /** Slogan / tagline subtitle (e.g. \"15 anni di esperienza nel cuore di Brera\"). */\n  tagline?: string;\n  /**\n   * Optional practice photo / logo URL. The kit always renders an\n   * `<Avatar>` — when `imageUrl` is missing the avatar falls back to\n   * initials.\n   */\n  imageUrl?: string;\n  /**\n   * Text alternative for the photo's `<img>`, for image search and crawlers.\n   * Pass the practice name. Leave it out and the photo stays decorative\n   * (`alt=\"\"`), as before. Added in 1.91.0.\n   */\n  imageAlt?: string;\n  /**\n   * Optional cover image painted as a full-width strip above the body.\n   * The strip renders ONLY when this is set — a practice without a cover\n   * image gets no strip (and no empty gradient band). While the image\n   * loads, the brand gradient shows in the strip. If it fails to load\n   * (404, 401, not an image), the strip goes, as if no cover had been\n   * passed, and `data-has-cover` reads `\"false\"`. A different URL tries\n   * again.\n   */\n  coverImageUrl?: string;\n  /** Rating summary — when present, renders a Rating + numeric breakdown line. */\n  rating?: PracticeProfileHeroRating;\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?: PracticeProfileHeroBadge[];\n\n  /* ----- Slots ----- */\n\n  /**\n   * Rendered at the inline-end of the heading row (right side on LTR)\n   * from `sm` up. The heading row wraps, so on a phone the action drops\n   * onto its own line, starts flush with the practice name, and is free\n   * to shrink into the column rather than overflow it.\n   *\n   * Use for a \"Book an appointment\" `<Button>` or a share action.\n   */\n  actionSlot?: ReactNode;\n\n  /* ----- Styling ----- */\n\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 PracticeProfileHero = forwardRef<\n  HTMLDivElement,\n  PracticeProfileHeroProps\n>(\n  (\n    {\n      name,\n      tagline,\n      imageUrl,\n      imageAlt,\n      coverImageUrl,\n      rating,\n      badges,\n      actionSlot,\n      surface = 'elevated',\n      'aria-label': ariaLabel,\n      id,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const headingId = useId();\n\n    // HTP-6708. A CSS background cannot report a failed load, so the URL\n    // is probed with an Image (the browser serves both from one request).\n    // The strip reserves its height while the image loads, with the brand\n    // gradient showing: a cover that loads causes no layout shift, and one\n    // that fails removes the strip in a single step. The outcome is kept\n    // per URL, so a new URL starts loading again and is retried.\n    const [coverOutcome, setCoverOutcome] = useState<{\n      url: string;\n      status: 'loaded' | 'error';\n    } | null>(null);\n    const coverStatus =\n      coverImageUrl && coverOutcome?.url === coverImageUrl\n        ? coverOutcome.status\n        : 'loading';\n    useEffect(() => {\n      if (!coverImageUrl || typeof Image === 'undefined') return undefined;\n      let current = true;\n      const probe = new Image();\n      probe.onload = () => {\n        if (current) setCoverOutcome({ url: coverImageUrl, status: 'loaded' });\n      };\n      probe.onerror = () => {\n        if (current) setCoverOutcome({ url: coverImageUrl, status: 'error' });\n      };\n      probe.src = coverImageUrl;\n      return () => {\n        current = false;\n        probe.onload = null;\n        probe.onerror = null;\n      };\n    }, [coverImageUrl]);\n    const hasCover = Boolean(coverImageUrl) && coverStatus !== 'error';\n\n    // Memoised so the registry doesn't see a fresh handle identity (and\n    // fire unregister+register) on every render — mirrors Booking.\n    const agentHandle = useMemo(\n      () => ({ getName: () => name, getHasCover: () => hasCover }),\n      [name, hasCover],\n    );\n    useAgentRegistration(practiceProfileHeroAgent, agentHandle, id);\n\n    // Cover image URL lands as 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 coverRef = useRef<HTMLDivElement>(null);\n    useIsomorphicLayoutEffect(() => {\n      const el = coverRef.current;\n      if (!el) return;\n      if (coverImageUrl) {\n        el.style.setProperty(\n          '--practice-profile-hero-cover',\n          `url(\"${coverImageUrl.replace(/\\\\/g, '\\\\\\\\').replace(/\"/g, '\\\\\"')}\")`,\n        );\n      } else {\n        el.style.removeProperty('--practice-profile-hero-cover');\n      }\n      // `hasCover`: the strip can come back (a new URL after a failure),\n      // and the new element needs the property too.\n    }, [coverImageUrl, hasCover]);\n\n    const cover = hasCover ? (\n      <div\n        ref={coverRef}\n        aria-hidden=\"true\"\n        data-slot=\"cover\"\n        data-state={coverStatus}\n        className={[\n          'ds:h-32 ds:sm:h-40 ds:w-full',\n          // Cover image layered over the brand gradient — the gradient is\n          // the visible underlay while the image streams in. A failed image\n          // removes the strip (see above). The `none` fallback keeps the\n          // declaration valid before the layout effect sets the custom\n          // property (SSR / first paint).\n          'ds:bg-[image:var(--practice-profile-hero-cover,none),var(--gradient-hero-brand)]',\n          'ds:bg-cover ds:bg-center',\n        ].join(' ')}\n      />\n    ) : null;\n\n    // Decorative unless the caller wrote alt text for a photo that shows.\n    const photoHidden = !(imageUrl && imageAlt);\n\n    const body = (\n      <div\n        className={[\n          // Phones: stacked column, smaller avatar — the practice name,\n          // tagline and rating keep the full line width instead of being\n          // squeezed beside a 3xl avatar. sm+: classic row layout.\n          'ds:flex ds:flex-col ds:items-start ds:gap-[var(--spacing-md)]',\n          'ds:sm:flex-row ds:sm:gap-[var(--spacing-lg)]',\n        ].join(' ')}\n      >\n        {/* Responsive avatar — `ds:hidden` removes the inactive size from\n            both the layout and the accessibility tree. Without `imageAlt`\n            both renders are aria-hidden: the H1 right beside them already\n            carries the practice name, so the avatar is decorative. With\n            `imageAlt` (and a photo) the photo is reachable and its alt is\n            what a screen reader reads (HTP-7074). */}\n        {/* HTP-6712: the practice photo is a 4:3 rounded rectangle, filled\n            and cropped from the centre. It keeps the old circle's height\n            (64px on phones, 192px from sm), so the hero does not grow. */}\n        <div className=\"ds:shrink-0 ds:sm:hidden\">\n          <Avatar\n            size=\"xl\"\n            shape=\"rounded\"\n            ratio=\"4:3\"\n            name={name}\n            src={imageUrl}\n            alt={imageAlt}\n            aria-hidden={photoHidden ? 'true' : undefined}\n          />\n        </div>\n        <div className=\"ds:hidden ds:shrink-0 ds:sm:block\">\n          <Avatar\n            size=\"3xl\"\n            shape=\"rounded\"\n            ratio=\"4:3\"\n            name={name}\n            src={imageUrl}\n            alt={imageAlt}\n            aria-hidden={photoHidden ? 'true' : undefined}\n          />\n        </div>\n        <div className=\"ds:flex ds:w-full ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-xs)]\">\n          <div className=\"ds:flex ds:flex-wrap ds:items-start ds:gap-[var(--spacing-md)]\">\n            {/* The practice's own words (name, tagline) keep the direction\n                they were typed in, not the page's: `dir=\"auto\"`. */}\n            <h1\n              id={headingId}\n              dir=\"auto\"\n              className=\"type-title-page ds:m-0 ds:text-[color:var(--foreground)]\"\n            >\n              {name}\n            </h1>\n            {actionSlot ? (\n              // `ms-auto` + `shrink-0` are the desktop contract, and both are\n              // wrong once the row wraps on a phone: they stranded the action\n              // at the inline-end of a start-aligned stack and stopped a wide\n              // control fitting the column. Hence `sm:` and up only.\n              <div className=\"ds:flex ds:min-w-0 ds:items-center ds:gap-[var(--spacing-xs)] ds:sm:ms-auto ds:sm:shrink-0\">\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            // Rating owns the whole line: locale-formatted value, plural-\n            // aware review count, and a single role=\"img\" announcement.\n            <Rating\n              value={rating.value}\n              max={5}\n              size=\"md\"\n              reviews={{ count: rating.count }}\n            />\n          ) : null}\n          {badges && badges.length > 0 ? (\n            <div\n              role=\"list\"\n              className=\"ds:mt-[var(--spacing-2xs)] ds:flex ds:flex-wrap ds:items-center ds:gap-[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        // A consumer-supplied aria-label wins; otherwise the region is\n        // named by the practice-name H1 via aria-labelledby.\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabel ? undefined : headingId}\n        data-component=\"practice-profile-hero\"\n        data-component-id={id}\n        data-has-cover={hasCover ? 'true' : 'false'}\n        id={id}\n        className={rootVariants({ surface, className })}\n        {...rest}\n      >\n        {surface === 'elevated' ? (\n          <Card variant=\"elevated\">\n            {cover}\n            <Card.Body>{body}</Card.Body>\n          </Card>\n        ) : (\n          <>\n            {cover}\n            <div className=\"ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]\">\n              {body}\n            </div>\n          </>\n        )}\n      </div>\n    );\n  },\n);\n\nPracticeProfileHero.displayName = 'PracticeProfileHero';\n"],"names":["practiceProfileHeroAgent","handle","rootVariants","cva","PracticeProfileHero","forwardRef","name","tagline","imageUrl","imageAlt","coverImageUrl","rating","badges","actionSlot","surface","ariaLabel","id","className","rest","ref","headingId","useId","coverOutcome","setCoverOutcome","useState","coverStatus","useEffect","current","probe","hasCover","agentHandle","useMemo","useAgentRegistration","coverRef","useRef","useIsomorphicLayoutEffect","el","cover","jsx","photoHidden","body","jsxs","Avatar","Rating","badge","Badge","Card","Fragment"],"mappings":";;;;;;;;;AAGO,MAAMA,IACX;AAAA,EACE,IAAI;AAAA;AAAA;AAAA;AAAA,EAIJ,cAAc,CAAA;AAAA,EACd,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,MAAM,CAACC,MAAWA,EAAO,QAAA;AAAA,IAAQ;AAAA,IAEnC,UAAU;AAAA,MACR,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,MAAM,CAACA,MAAWA,EAAO,YAAA;AAAA,IAAY;AAAA,EACvC;AAAA,EAEF,SAAS,CAAA;AAAA,EACT,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,IAAA;AAAA,IAEf,YAAY;AAAA,MACV,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ,GCAIC,IAAeC,EAAI,+CAA+C;AAAA,EACtE,UAAU;AAAA;AAAA;AAAA,IAGR,SAAS;AAAA,MACP,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,EACZ;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAEb,CAAC,GAgGYC,IAAsBC;AAAA,EAIjC,CACE;AAAA,IACE,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,cAAcC;AAAA,IACd,IAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAYC,EAAA,GAQZ,CAACC,GAAcC,CAAe,IAAIC,EAG9B,IAAI,GACRC,IACJf,MAAiBY,KAAA,gBAAAA,EAAc,SAAQZ,IACnCY,EAAa,SACb;AACN,IAAAI,EAAU,MAAM;AACd,UAAI,CAAChB,KAAiB,OAAO,QAAU,IAAa;AACpD,UAAIiB,IAAU;AACd,YAAMC,IAAQ,IAAI,MAAA;AAClB,aAAAA,EAAM,SAAS,MAAM;AACnB,QAAID,KAASJ,EAAgB,EAAE,KAAKb,GAAe,QAAQ,UAAU;AAAA,MACvE,GACAkB,EAAM,UAAU,MAAM;AACpB,QAAID,KAASJ,EAAgB,EAAE,KAAKb,GAAe,QAAQ,SAAS;AAAA,MACtE,GACAkB,EAAM,MAAMlB,GACL,MAAM;AACX,QAAAiB,IAAU,IACVC,EAAM,SAAS,MACfA,EAAM,UAAU;AAAA,MAClB;AAAA,IACF,GAAG,CAAClB,CAAa,CAAC;AAClB,UAAMmB,IAAW,EAAQnB,KAAkBe,MAAgB,SAIrDK,IAAcC;AAAA,MAClB,OAAO,EAAE,SAAS,MAAMzB,GAAM,aAAa,MAAMuB,EAAA;AAAA,MACjD,CAACvB,GAAMuB,CAAQ;AAAA,IAAA;AAEjB,IAAAG,EAAqBhC,GAA0B8B,GAAad,CAAE;AAK9D,UAAMiB,IAAWC,EAAuB,IAAI;AAC5C,IAAAC,EAA0B,MAAM;AAC9B,YAAMC,IAAKH,EAAS;AACpB,MAAKG,MACD1B,IACF0B,EAAG,MAAM;AAAA,QACP;AAAA,QACA,QAAQ1B,EAAc,QAAQ,OAAO,MAAM,EAAE,QAAQ,MAAM,KAAK,CAAC;AAAA,MAAA,IAGnE0B,EAAG,MAAM,eAAe,+BAA+B;AAAA,IAI3D,GAAG,CAAC1B,GAAemB,CAAQ,CAAC;AAE5B,UAAMQ,IAAQR,IACZ,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKL;AAAA,QACL,eAAY;AAAA,QACZ,aAAU;AAAA,QACV,cAAYR;AAAA,QACZ,WAAW;AAAA,UACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAMA;AAAA,UACA;AAAA,QAAA,EACA,KAAK,GAAG;AAAA,MAAA;AAAA,IAAA,IAEV,MAGEc,IAAc,EAAE/B,KAAYC,IAE5B+B,IACJ,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA;AAAA;AAAA;AAAA,UAIT;AAAA,UACA;AAAA,QAAA,EACA,KAAK,GAAG;AAAA,QAWV,UAAA;AAAA,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAU,4BACb,UAAA,gBAAAA;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAM;AAAA,cACN,OAAM;AAAA,cACN,MAAApC;AAAA,cACA,KAAKE;AAAA,cACL,KAAKC;AAAA,cACL,eAAa8B,IAAc,SAAS;AAAA,YAAA;AAAA,UAAA,GAExC;AAAA,UACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,qCACb,UAAA,gBAAAA;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAM;AAAA,cACN,OAAM;AAAA,cACN,MAAApC;AAAA,cACA,KAAKE;AAAA,cACL,KAAKC;AAAA,cACL,eAAa8B,IAAc,SAAS;AAAA,YAAA;AAAA,UAAA,GAExC;AAAA,UACA,gBAAAE,EAAC,OAAA,EAAI,WAAU,iFACb,UAAA;AAAA,YAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,kEAGb,UAAA;AAAA,cAAA,gBAAAH;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAIlB;AAAA,kBACJ,KAAI;AAAA,kBACJ,WAAU;AAAA,kBAET,UAAAd;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEFO;AAAA;AAAA;AAAA;AAAA;AAAA,gBAKC,gBAAAyB,EAAC,OAAA,EAAI,WAAU,8FACZ,UAAAzB,EAAA,CACH;AAAA,kBACE;AAAA,YAAA,GACN;AAAA,YACCN,IACC,gBAAA+B;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,KAAI;AAAA,gBACJ,WAAU;AAAA,gBAET,UAAA/B;AAAA,cAAA;AAAA,YAAA,IAED;AAAA,YACHI;AAAA;AAAA;AAAA,cAGC,gBAAA2B;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACC,OAAOhC,EAAO;AAAA,kBACd,KAAK;AAAA,kBACL,MAAK;AAAA,kBACL,SAAS,EAAE,OAAOA,EAAO,MAAA;AAAA,gBAAM;AAAA,cAAA;AAAA,gBAE/B;AAAA,YACHC,KAAUA,EAAO,SAAS,IACzB,gBAAA0B;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,WAAU;AAAA,gBAET,UAAA1B,EAAO,IAAI,CAACgC,MACX,gBAAAN;AAAA,kBAACO;AAAA,kBAAA;AAAA,oBAEC,SAASD,EAAM,WAAW;AAAA,oBAC1B,MAAK;AAAA,oBAEJ,UAAAA,EAAM;AAAA,kBAAA;AAAA,kBAJFA,EAAM;AAAA,gBAAA,CAMd;AAAA,cAAA;AAAA,YAAA,IAED;AAAA,UAAA,EAAA,CACN;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAIJ,WACE,gBAAAN;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAnB;AAAA,QACA,MAAK;AAAA,QAGL,cAAYJ;AAAA,QACZ,mBAAiBA,IAAY,SAAYK;AAAA,QACzC,kBAAe;AAAA,QACf,qBAAmBJ;AAAA,QACnB,kBAAgBa,IAAW,SAAS;AAAA,QACpC,IAAAb;AAAA,QACA,WAAWd,EAAa,EAAE,SAAAY,GAAS,WAAAG,GAAW;AAAA,QAC7C,GAAGC;AAAA,QAEH,UAAAJ,MAAY,aACX,gBAAA2B,EAACK,GAAA,EAAK,SAAQ,YACX,UAAA;AAAA,UAAAT;AAAA,UACD,gBAAAC,EAACQ,EAAK,MAAL,EAAW,UAAAN,EAAA,CAAK;AAAA,QAAA,EAAA,CACnB,IAEA,gBAAAC,EAAAM,GAAA,EACG,UAAA;AAAA,UAAAV;AAAA,UACD,gBAAAC,EAAC,OAAA,EAAI,WAAU,uDACZ,UAAAE,EAAA,CACH;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;AAEApC,EAAoB,cAAc;"}