@alfadocs/ui-kit-debug 1.67.0 → 1.68.0

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

@@ -0,0 +1,236 @@
+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 $ = {
+  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: (a) => a.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: (a) => a.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."
+    }
+  }
+}, q = M("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"
+  }
+}), D = A(
+  ({
+    name: a,
+    tagline: p,
+    imageUrl: u,
+    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(() => {
+      if (!r || typeof Image > "u") return;
+      let s = !0;
+      const o = new Image();
+      return o.onload = () => {
+        s && g({ url: r, status: "loaded" });
+      }, o.onerror = () => {
+        s && g({ url: r, status: "error" });
+      }, o.src = r, () => {
+        s = !1, o.onload = null, o.onerror = null;
+      };
+    }, [r]);
+    const t = !!r && x !== "error", R = E(
+      () => ({ getName: () => a, getHasCover: () => t }),
+      [a, t]
+    );
+    W($, R, c);
+    const y = K(null);
+    L(() => {
+      const s = y.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(
+      "div",
+      {
+        ref: y,
+        "aria-hidden": "true",
+        "data-slot": "cover",
+        "data-state": x,
+        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. A failed image
+          // removes the strip (see above). 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, P = /* @__PURE__ */ i(
+      "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(
+            b,
+            {
+              size: "xl",
+              shape: "rounded",
+              ratio: "4:3",
+              name: a,
+              src: u,
+              "aria-hidden": "true"
+            }
+          ) }),
+          /* @__PURE__ */ e("div", { className: "ds:hidden ds:shrink-0 ds:sm:block", children: /* @__PURE__ */ e(
+            b,
+            {
+              size: "3xl",
+              shape: "rounded",
+              ratio: "4:3",
+              name: a,
+              src: u,
+              "aria-hidden": "true"
+            }
+          ) }),
+          /* @__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__ */ e(
+                "h1",
+                {
+                  id: h,
+                  dir: "auto",
+                  className: "type-title-page ds:m-0 ds:text-[color:var(--foreground)]",
+                  children: a
+                }
+              ),
+              f ? (
+                // `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 })
+              ) : null
+            ] }),
+            p ? /* @__PURE__ */ e(
+              "p",
+              {
+                dir: "auto",
+                className: "type-body ds:m-0 ds:text-[color:var(--foreground)]",
+                children: p
+              }
+            ) : null,
+            n ? (
+              // Rating owns the whole line: locale-formatted value, plural-
+              // aware review count, and a single role="img" announcement.
+              /* @__PURE__ */ e(
+                F,
+                {
+                  value: n.value,
+                  max: 5,
+                  size: "md",
+                  reviews: { count: n.count }
+                }
+              )
+            ) : null,
+            l && l.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,
+                  {
+                    variant: s.variant ?? "neutral",
+                    role: "listitem",
+                    children: s.label
+                  },
+                  s.key
+                ))
+              }
+            ) : null
+          ] })
+        ]
+      }
+    );
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: k,
+        role: "region",
+        "aria-label": v,
+        "aria-labelledby": v ? void 0 : h,
+        "data-component": "practice-profile-hero",
+        "data-component-id": c,
+        "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 })
+        ] })
+      }
+    );
+  }
+);
+D.displayName = "PracticeProfileHero";
+export {
+  D as P,
+  $ as p
+};
+//# sourceMappingURL=practice-profile-hero-qfrsFQI_.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"practice-profile-hero-qfrsFQI_.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   * 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      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    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        {/* 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            aria-hidden=\"true\"\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            aria-hidden=\"true\"\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","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","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,GA0FYC,IAAsBC;AAAA,EAIjC,CACE;AAAA,IACE,MAAAC;AAAA,IACA,SAAAC;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,MAAMxB,GAAM,aAAa,MAAMsB,EAAA;AAAA,MACjD,CAACtB,GAAMsB,CAAQ;AAAA,IAAA;AAEjB,IAAAG,EAAqB/B,GAA0B6B,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,MAEEc,IACJ,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA;AAAA;AAAA;AAAA,UAIT;AAAA,UACA;AAAA,QAAA,EACA,KAAK,GAAG;AAAA,QASV,UAAA;AAAA,UAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,4BACb,UAAA,gBAAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAM;AAAA,cACN,OAAM;AAAA,cACN,MAAAlC;AAAA,cACA,KAAKE;AAAA,cACL,eAAY;AAAA,YAAA;AAAA,UAAA,GAEhB;AAAA,UACA,gBAAA6B,EAAC,OAAA,EAAI,WAAU,qCACb,UAAA,gBAAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAM;AAAA,cACN,OAAM;AAAA,cACN,MAAAlC;AAAA,cACA,KAAKE;AAAA,cACL,eAAY;AAAA,YAAA;AAAA,UAAA,GAEhB;AAAA,UACA,gBAAA+B,EAAC,OAAA,EAAI,WAAU,iFACb,UAAA;AAAA,YAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,kEAGb,UAAA;AAAA,cAAA,gBAAAF;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAIlB;AAAA,kBACJ,KAAI;AAAA,kBACJ,WAAU;AAAA,kBAET,UAAAb;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEFM;AAAA;AAAA;AAAA;AAAA;AAAA,gBAKC,gBAAAyB,EAAC,OAAA,EAAI,WAAU,8FACZ,UAAAzB,EAAA,CACH;AAAA,kBACE;AAAA,YAAA,GACN;AAAA,YACCL,IACC,gBAAA8B;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,KAAI;AAAA,gBACJ,WAAU;AAAA,gBAET,UAAA9B;AAAA,cAAA;AAAA,YAAA,IAED;AAAA,YACHG;AAAA;AAAA;AAAA,cAGC,gBAAA2B;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACC,OAAO/B,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,CAAC+B,MACX,gBAAAL;AAAA,kBAACM;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,gBAAAL;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,WAAWb,EAAa,EAAE,SAAAW,GAAS,WAAAG,GAAW;AAAA,QAC7C,GAAGC;AAAA,QAEH,UAAAJ,MAAY,aACX,gBAAA0B,EAACK,GAAA,EAAK,SAAQ,YACX,UAAA;AAAA,UAAAR;AAAA,UACD,gBAAAC,EAACO,EAAK,MAAL,EAAW,UAAAN,EAAA,CAAK;AAAA,QAAA,EAAA,CACnB,IAEA,gBAAAC,EAAAM,GAAA,EACG,UAAA;AAAA,UAAAT;AAAA,UACD,gBAAAC,EAAC,OAAA,EAAI,WAAU,uDACZ,UAAAC,EAAA,CACH;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;AAEAlC,EAAoB,cAAc;"}