@alfadocs/ui-kit-debug 1.5.0 → 1.6.0

package/dist/_chunks/practice-profile-hero-Bdd0bFqC.js

@@ -0,0 +1,187 @@
+import { jsxs as s, jsx as e, Fragment as w } from "react/jsx-runtime";
+import { forwardRef as k, useId as C, useMemo as R, useRef as j } from "react";
+import { c as A } from "./index-D2ZczOXr.js";
+import { A as x } from "./avatar-BNQNhoyL.js";
+import { B } from "./badge-sTusUqZD.js";
+import { C as y } from "./card-DPmk26CL.js";
+import { R as z } from "./rating-BYbUowdK.js";
+import { u as I } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as K } from "./registry-DvAUVLHh.js";
+const M = {
+  id: "practice-profile-hero",
+  // Purely observable hero region — no interactive affordances and no
+  // imperative actions on the handle (getName / getHasCover are read-only
+  // projections).
+  capabilities: [],
+  state: {
+    name: {
+      type: "string",
+      descriptionKey: "ui.agent.practiceProfileHero.state.name",
+      description: "Practice display name currently rendered.",
+      read: (r) => r.getName()
+    },
+    hasCover: {
+      type: "boolean",
+      descriptionKey: "ui.agent.practiceProfileHero.state.hasCover",
+      description: "Whether a cover-image strip is rendered. Structural flag only — never the image URL or any PHI.",
+      read: (r) => r.getHasCover()
+    }
+  },
+  actions: {},
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "practice-profile-hero",
+      description: "Marks the PracticeProfileHero root region."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, V = A("ds:w-full ds:text-[color:var(--foreground)]", {
+  variants: {
+    // Matches the kit's other `surface` props (Booking, ReviewsPanel,
+    // OperatorHero). `'elevated'` wraps in `<Card>`.
+    surface: {
+      flat: "",
+      elevated: ""
+    }
+  },
+  defaultVariants: {
+    surface: "elevated"
+  }
+}), E = k(
+  ({
+    name: r,
+    tagline: c,
+    imageUrl: n,
+    coverImageUrl: t,
+    rating: o,
+    badges: d,
+    actionSlot: p,
+    surface: m = "elevated",
+    "aria-label": f,
+    id: l,
+    className: N,
+    ...P
+  }, H) => {
+    const v = C(), i = !!t, b = R(
+      () => ({ getName: () => r, getHasCover: () => i }),
+      [r, i]
+    );
+    K(M, b, l);
+    const h = j(null);
+    I(() => {
+      const a = h.current;
+      a && (t ? a.style.setProperty(
+        "--practice-profile-hero-cover",
+        `url("${t.replace(/\\/g, "\\\\").replace(/"/g, '\\"')}")`
+      ) : a.style.removeProperty("--practice-profile-hero-cover"));
+    }, [t]);
+    const u = i ? /* @__PURE__ */ e(
+      "div",
+      {
+        ref: h,
+        "aria-hidden": "true",
+        "data-slot": "cover",
+        className: [
+          "ds:h-32 ds:sm:h-40 ds:w-full",
+          // Cover image layered over the brand gradient — the gradient is
+          // the visible underlay while the image streams in (or 404s). The
+          // `none` fallback keeps the declaration valid before the layout
+          // effect sets the custom property (SSR / first paint).
+          "ds:bg-[image:var(--practice-profile-hero-cover,none),var(--gradient-hero-brand)]",
+          "ds:bg-cover ds:bg-center"
+        ].join(" ")
+      }
+    ) : null, g = /* @__PURE__ */ s(
+      "div",
+      {
+        className: [
+          // Phones: stacked column, smaller avatar — the practice name,
+          // tagline and rating keep the full line width instead of being
+          // squeezed beside a 3xl avatar. sm+: classic row layout.
+          "ds:flex ds:flex-col ds:items-start ds:gap-[var(--spacing-md)]",
+          "ds:sm:flex-row ds:sm:gap-[var(--spacing-lg)]"
+        ].join(" "),
+        children: [
+          /* @__PURE__ */ e("div", { className: "ds:shrink-0 ds:sm:hidden", children: /* @__PURE__ */ e(x, { size: "xl", name: r, src: n, "aria-hidden": "true" }) }),
+          /* @__PURE__ */ e("div", { className: "ds:hidden ds:shrink-0 ds:sm:block", children: /* @__PURE__ */ e(x, { size: "3xl", name: r, src: n, "aria-hidden": "true" }) }),
+          /* @__PURE__ */ s("div", { className: "ds:flex ds:w-full ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-wrap ds:items-start ds:gap-[var(--spacing-md)]", children: [
+              /* @__PURE__ */ e(
+                "h1",
+                {
+                  id: v,
+                  className: "type-title-page ds:m-0 ds:text-[color:var(--foreground)]",
+                  children: r
+                }
+              ),
+              p ? /* @__PURE__ */ e("div", { className: "ds:ms-auto ds:flex ds:shrink-0 ds:items-center ds:gap-[var(--spacing-xs)]", children: p }) : null
+            ] }),
+            c ? /* @__PURE__ */ e("p", { className: "type-body ds:m-0 ds:text-[color:var(--foreground)]", children: c }) : null,
+            o ? (
+              // Rating owns the whole line: locale-formatted value, plural-
+              // aware review count, and a single role="img" announcement.
+              /* @__PURE__ */ e(
+                z,
+                {
+                  value: o.value,
+                  max: 5,
+                  size: "md",
+                  reviews: { count: o.count }
+                }
+              )
+            ) : null,
+            d && d.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: d.map((a) => /* @__PURE__ */ e(
+                  B,
+                  {
+                    variant: a.variant ?? "neutral",
+                    role: "listitem",
+                    children: a.label
+                  },
+                  a.key
+                ))
+              }
+            ) : null
+          ] })
+        ]
+      }
+    );
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: H,
+        role: "region",
+        "aria-label": f,
+        "aria-labelledby": f ? void 0 : v,
+        "data-component": "practice-profile-hero",
+        "data-component-id": l,
+        "data-has-cover": i ? "true" : "false",
+        id: l,
+        className: V({ surface: m, className: N }),
+        ...P,
+        children: m === "elevated" ? /* @__PURE__ */ s(y, { variant: "elevated", children: [
+          u,
+          /* @__PURE__ */ e(y.Body, { children: g })
+        ] }) : /* @__PURE__ */ s(w, { children: [
+          u,
+          /* @__PURE__ */ e("div", { className: "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]", children: g })
+        ] })
+      }
+    );
+  }
+);
+E.displayName = "PracticeProfileHero";
+export {
+  E as P,
+  M as p
+};
+//# sourceMappingURL=practice-profile-hero-Bdd0bFqC.js.map

package/dist/_chunks/practice-profile-hero-Bdd0bFqC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"practice-profile-hero-Bdd0bFqC.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  useId,\n  useMemo,\n  useRef,\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   * 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 underneath it.\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   * 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      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    const hasCover = Boolean(coverImageUrl);\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    }, [coverImageUrl]);\n\n    const cover = hasCover ? (\n      <div\n        ref={coverRef}\n        aria-hidden=\"true\"\n        data-slot=\"cover\"\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 (or 404s). The\n          // `none` fallback keeps the declaration valid before the layout\n          // effect sets the custom 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    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. Both renders are\n            aria-hidden: the H1 right beside them already carries the\n            practice name, so the avatar is decorative here. */}\n        <div className=\"ds:shrink-0 ds:sm:hidden\">\n          <Avatar size=\"xl\" name={name} src={imageUrl} aria-hidden=\"true\" />\n        </div>\n        <div className=\"ds:hidden ds:shrink-0 ds:sm:block\">\n          <Avatar size=\"3xl\" name={name} src={imageUrl} aria-hidden=\"true\" />\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            <h1\n              id={headingId}\n              className=\"type-title-page ds:m-0 ds:text-[color:var(--foreground)]\"\n            >\n              {name}\n            </h1>\n            {actionSlot ? (\n              <div className=\"ds:ms-auto ds:flex ds:shrink-0 ds:items-center ds:gap-[var(--spacing-xs)]\">\n                {actionSlot}\n              </div>\n            ) : null}\n          </div>\n          {tagline ? (\n            <p className=\"type-body ds:m-0 ds:text-[color:var(--foreground)]\">\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","coverImageUrl","rating","badges","actionSlot","surface","ariaLabel","id","className","rest","ref","headingId","useId","hasCover","agentHandle","useMemo","useAgentRegistration","coverRef","useRef","useIsomorphicLayoutEffect","el","cover","jsx","body","jsxs","Avatar","Rating","badge","Badge","Card","Fragment"],"mappings":"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"}