@alfadocs/ui-kit 1.67.0 → 1.68.0

package/dist/_chunks/panel-header-BJkaUwnl.js

@@ -1,128 +0,0 @@
-import { jsxs as t, jsx as a } from "react/jsx-runtime";
-import { forwardRef as A, useState as f, useEffect as V, useContext as C, createContext as R } from "react";
-import { c as m } from "./index-D2ZczOXr.js";
-import { T as S } from "./tooltip-uEBdD1-5.js";
-const v = R(null);
-function F({
-  actions: e,
-  children: r
-}) {
-  return /* @__PURE__ */ a(v.Provider, { value: e, children: r });
-}
-function E() {
-  return C(v);
-}
-const O = m(
-  [
-    "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
-    "ds:px-[var(--spacing-md)] ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-sm)]"
-  ].join(" "),
-  {
-    variants: {
-      // `sticky` pins the header to the top of the panel's scroll region;
-      // otherwise it stays a fixed-height band that never shrinks.
-      sticky: {
-        true: "ds:sticky ds:top-0 ds:z-[1] ds:bg-[color:var(--background)]",
-        false: "ds:shrink-0"
-      },
-      divider: {
-        true: "ds:border-b ds:border-[color:var(--border)]",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      sticky: !1,
-      divider: !0
-    }
-  }
-), W = m(
-  [
-    // `min-w-0` lets the heading shrink below its content width so the
-    // title span can clip; without it the flex row refuses to shrink and
-    // the action cluster is pushed out of the panel.
-    "ds:m-0 ds:flex ds:min-w-0 ds:items-center ds:gap-[var(--spacing-xs)]",
-    "ds:text-[color:var(--foreground)]"
-  ].join(" "),
-  {
-    variants: {
-      titleScale: {
-        card: "type-title-card",
-        section: "type-title-section"
-      }
-    },
-    defaultVariants: {
-      titleScale: "card"
-    }
-  }
-), I = A(
-  ({
-    title: e,
-    icon: r,
-    headingId: h,
-    headingLevel: g = 2,
-    actions: d,
-    filters: i,
-    sticky: x = !1,
-    divider: b = !0,
-    titleScale: w = "card",
-    titleTooltip: N,
-    className: y,
-    ...P
-  }, k) => {
-    const l = E(), j = g === 3 ? "h3" : "h2", H = d != null || l != null, n = N ?? (typeof e == "string" ? e : void 0), [s, T] = f(null), [z, c] = f(!1);
-    V(() => {
-      if (!s || n == null) {
-        c(!1);
-        return;
-      }
-      const u = () => c(s.scrollWidth > s.clientWidth);
-      if (u(), typeof ResizeObserver > "u") return;
-      const p = new ResizeObserver(u);
-      return p.observe(s), () => p.disconnect();
-    }, [s, n]);
-    const o = /* @__PURE__ */ a(
-      "span",
-      {
-        ref: T,
-        className: "ds:min-w-0 ds:overflow-hidden ds:text-ellipsis ds:whitespace-nowrap",
-        children: e
-      }
-    );
-    return /* @__PURE__ */ t(
-      "header",
-      {
-        ref: k,
-        "data-component": "panel-header",
-        className: O({ sticky: x, divider: b, className: y }),
-        ...P,
-        children: [
-          /* @__PURE__ */ t("div", { className: "ds:flex ds:min-w-0 ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
-            /* @__PURE__ */ t(j, { id: h, className: W({ titleScale: w }), children: [
-              r ? /* @__PURE__ */ a(
-                "span",
-                {
-                  "aria-hidden": "true",
-                  className: "ds:inline-flex ds:shrink-0 ds:text-[color:var(--accent)] ds:[&_svg]:size-4",
-                  children: r
-                }
-              ) : null,
-              z && n != null ? /* @__PURE__ */ a(S, { label: n, children: o }) : o
-            ] }),
-            H ? /* @__PURE__ */ t("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:shrink-0", children: [
-              d,
-              l
-            ] }) : null
-          ] }),
-          i != null ? /* @__PURE__ */ a("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: i }) : null
-        ]
-      }
-    );
-  }
-);
-I.displayName = "PanelHeader";
-export {
-  I as P,
-  F as a,
-  E as u
-};
-//# sourceMappingURL=panel-header-BJkaUwnl.js.map

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

@@ -1,193 +0,0 @@
-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-WZY3eGE7.js";
-import { B } from "./badge-BUk4RjTS.js";
-import { C as y } from "./card-BA4Ig_kn.js";
-import { R as z } from "./rating-C1Vrmpsi.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 ? (
-                // `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: 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-Dfc0F60y.js.map

package/dist/_chunks/skeleton-B1KTdJ4N.js

@@ -1,116 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as z } from "react";
-import { c as x } from "./index-D2ZczOXr.js";
-const S = x(
-  [
-    "ds:bg-[var(--muted)]",
-    "ds:motion-reduce:animate-none",
-    "ds:forced-colors:bg-[GrayText]",
-    "ds:forced-colors:outline",
-    "ds:forced-colors:outline-1",
-    "ds:forced-colors:outline-[CanvasText]",
-    "ds:forced-colors:animate-none"
-  ].join(" "),
-  {
-    variants: {
-      variant: {
-        text: "ds:rounded-[var(--radius-sm)] ds:w-full",
-        circular: "ds:rounded-[var(--radius-full)] ds:aspect-square ds:shrink-0",
-        rectangular: "ds:rounded-none",
-        rounded: "ds:rounded-[var(--radius-md)]"
-      },
-      size: {
-        sm: "",
-        md: "",
-        lg: ""
-      }
-    },
-    compoundVariants: [
-      { variant: "text", size: "sm", class: "ds:h-3" },
-      { variant: "text", size: "md", class: "ds:h-4" },
-      { variant: "text", size: "lg", class: "ds:h-5" },
-      { variant: "circular", size: "sm", class: "ds:h-8 ds:w-8" },
-      { variant: "circular", size: "md", class: "ds:h-10 ds:w-10" },
-      { variant: "circular", size: "lg", class: "ds:h-12 ds:w-12" },
-      { variant: "rectangular", size: "sm", class: "ds:h-16" },
-      { variant: "rectangular", size: "md", class: "ds:h-24" },
-      { variant: "rectangular", size: "lg", class: "ds:h-40" },
-      { variant: "rounded", size: "sm", class: "ds:h-16" },
-      { variant: "rounded", size: "md", class: "ds:h-24" },
-      { variant: "rounded", size: "lg", class: "ds:h-40" }
-    ],
-    defaultVariants: {
-      variant: "text",
-      size: "md"
-    }
-  }
-), g = "ds:animate-[skeleton-pulse_calc(var(--animation-duration)*8)_ease-in-out_infinite]", v = [
-  "",
-  "ds:[animation-delay:calc(var(--animation-duration)*0.6)]",
-  "ds:[animation-delay:calc(var(--animation-duration)*1.2)]",
-  "ds:[animation-delay:calc(var(--animation-duration)*1.8)]",
-  "ds:[animation-delay:calc(var(--animation-duration)*2.4)]",
-  "ds:[animation-delay:calc(var(--animation-duration)*3)]"
-], f = (a) => a === void 0 ? "" : v[Math.abs(Math.trunc(a)) % v.length] ?? "", N = "ds:animate-[content-enter_var(--animation-duration)_var(--ease-out)] ds:motion-reduce:animate-none", y = z(
-  ({
-    variant: a = "text",
-    size: h = "md",
-    lines: s,
-    width: n,
-    height: e,
-    animate: d = !0,
-    stagger: i,
-    className: r,
-    ...l
-  }, c) => {
-    const u = n !== void 0 || e !== void 0 ? {
-      ...n !== void 0 && { width: n },
-      ...e !== void 0 && { height: e }
-    } : void 0, m = [
-      S({ variant: a, size: h }),
-      d && g
-    ].filter(Boolean).join(" ");
-    return s !== void 0 && s > 1 ? /* @__PURE__ */ t(
-      "div",
-      {
-        ref: c,
-        "aria-hidden": "true",
-        "data-component": "skeleton",
-        className: [
-          "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
-          r
-        ].filter(Boolean).join(" "),
-        style: u,
-        ...l,
-        children: Array.from({ length: s }, (_, o) => /* @__PURE__ */ t(
-          "div",
-          {
-            "aria-hidden": "true",
-            className: [
-              m,
-              d && i !== void 0 && f(i + o),
-              o === s - 1 && "ds:w-3/5"
-            ].filter(Boolean).join(" ")
-          },
-          `skeleton-line-${o}`
-        ))
-      }
-    ) : /* @__PURE__ */ t(
-      "div",
-      {
-        ref: c,
-        "aria-hidden": "true",
-        "data-component": "skeleton",
-        className: [m, d && f(i), r].filter(Boolean).join(" "),
-        style: u,
-        ...l
-      }
-    );
-  }
-);
-y.displayName = "Skeleton";
-export {
-  N as C,
-  y as S
-};
-//# sourceMappingURL=skeleton-B1KTdJ4N.js.map