@acronis-platform/ui-react 4.0.0 → 4.1.0

package/dist/components/ui/dialog-welcome/dialog-welcome.js

@@ -1,272 +1,226 @@
-import { jsx as e, jsxs as w, Fragment as L } from "react/jsx-runtime";
-import * as c from "react";
-import U from "../../../node_modules/.pnpm/embla-carousel-react@8.6.0_react@19.2.6/node_modules/embla-carousel-react/esm/embla-carousel-react.esm.js";
-import { cn as _ } from "../../../lib/utils.js";
-import { useDocDir as q } from "../../../lib/use-doc-dir.js";
-import { DialogRoot as G, DialogContent as H, DialogClose as J, DialogTitle as K, DialogDescription as O } from "../dialog/dialog.js";
-import { DialogFooterCarousel as Q } from "../dialog-footer-carousel/dialog-footer-carousel.js";
-import { Button as M } from "../button/button.js";
-function F({
-  image: s,
-  title: l,
-  description: r,
-  active: a,
-  withBottomPadding: i = !0
-}) {
-  return /* @__PURE__ */ w(
-    "div",
-    {
-      className: _(
-        "flex w-full flex-col items-center gap-3 pt-4",
-        i && "pb-4"
-      ),
-      children: [
-        /* @__PURE__ */ e("div", { className: "w-full overflow-hidden rounded-lg px-4", children: /* @__PURE__ */ e("div", { className: "flex h-[272px] w-full items-center justify-center rounded bg-[var(--ui-background-surface-active)]", children: s }) }),
-        /* @__PURE__ */ w("div", { className: "flex w-full flex-col items-center gap-1 px-4 text-center", children: [
-          a ? /* @__PURE__ */ e(K, { className: "w-full flex-none text-center", children: l }) : /* @__PURE__ */ e("p", { className: "w-full text-2xl font-normal leading-8 text-foreground", children: l }),
-          a ? /* @__PURE__ */ e(O, { className: "w-full flex-none text-center text-sm leading-6 text-foreground", children: r }) : /* @__PURE__ */ e("p", { className: "w-full text-sm leading-6 text-foreground", children: r })
-        ] })
-      ]
-    }
-  );
+import { cn as e } from "../../../lib/utils.js";
+import { useDocDir as t } from "../../../lib/use-doc-dir.js";
+import { Button as n } from "../button/button.js";
+import { DialogClose as r, DialogContent as i, DialogDescription as a, DialogRoot as o, DialogTitle as s } from "../dialog/dialog.js";
+import { DialogFooterCarousel as c } from "../dialog-footer-carousel/dialog-footer-carousel.js";
+import l from "../../../node_modules/.pnpm/embla-carousel-react@8.6.0_react@19.2.6/node_modules/embla-carousel-react/esm/embla-carousel-react.esm.js";
+import * as u from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/components/ui/dialog-welcome/dialog-welcome.tsx
+function m({ image: t, title: n, description: r, active: i, withBottomPadding: o = !0 }) {
+	return /* @__PURE__ */ p("div", {
+		className: e("flex w-full flex-col items-center gap-3 pt-4", o && "pb-4"),
+		children: [/* @__PURE__ */ f("div", {
+			className: "w-full overflow-hidden rounded-lg px-4",
+			children: /* @__PURE__ */ f("div", {
+				className: "flex h-[272px] w-full items-center justify-center rounded bg-[var(--ui-background-surface-active)]",
+				children: t
+			})
+		}), /* @__PURE__ */ p("div", {
+			className: "flex w-full flex-col items-center gap-1 px-4 text-center",
+			children: [i ? /* @__PURE__ */ f(s, {
+				className: "w-full flex-none text-center",
+				children: n
+			}) : /* @__PURE__ */ f("p", {
+				className: "w-full text-2xl font-normal leading-8 text-foreground",
+				children: n
+			}), i ? /* @__PURE__ */ f(a, {
+				className: "w-full flex-none text-center text-sm leading-6 text-foreground",
+				children: r
+			}) : /* @__PURE__ */ f("p", {
+				className: "w-full text-sm leading-6 text-foreground",
+				children: r
+			})]
+		})]
+	});
 }
-const E = [
-  { title: "Title", description: "Feature description." },
-  { title: "Title", description: "Feature description." },
-  { title: "Title", description: "Feature description." }
+var h = [
+	{
+		title: "Title",
+		description: "Feature description."
+	},
+	{
+		title: "Title",
+		description: "Feature description."
+	},
+	{
+		title: "Title",
+		description: "Feature description."
+	}
 ];
-function X({
-  slideCount: s,
-  selectedIndexProp: l,
-  onSelectedIndexChange: r
-}) {
-  const a = q(), i = l !== void 0, d = Math.min(
-    Math.max(l ?? 0, 0),
-    Math.max(s - 1, 0)
-  ), [p, t] = U({
-    loop: !1,
-    direction: a,
-    startIndex: d
-  }), [v, N] = c.useState(0), o = Math.min(
-    Math.max(l ?? v, 0),
-    Math.max(s - 1, 0)
-  ), f = c.useRef(r);
-  c.useEffect(() => {
-    f.current = r;
-  }, [r]);
-  const m = c.useRef(i);
-  m.current = i;
-  const n = c.useRef(o);
-  n.current = o, c.useEffect(() => {
-    if (!t) return;
-    const u = () => {
-      var x;
-      const h = t.selectedScrollSnap();
-      if (m.current) {
-        if (!f.current) {
-          h !== n.current && t.scrollTo(n.current, !0);
-          return;
-        }
-        h !== n.current && f.current(h);
-        return;
-      }
-      N(h), (x = f.current) == null || x.call(f, h);
-    };
-    return u(), t.on("select", u), t.on("reInit", u), () => {
-      t.off("select", u), t.off("reInit", u);
-    };
-  }, [t]), c.useEffect(() => {
-    l === void 0 || !t || t.selectedScrollSnap() !== o && t.scrollTo(o, !0);
-  }, [t, l, o]);
-  const D = c.useRef(!0);
-  c.useEffect(() => {
-    if (t) {
-      if (D.current) {
-        D.current = !1;
-        return;
-      }
-      t.reInit({ direction: a });
-    }
-  }, [t, a]);
-  const R = c.useCallback(
-    (u) => {
-      i ? r == null || r(u) : t == null || t.scrollTo(u);
-    },
-    [i, t, r]
-  ), g = c.useCallback(() => {
-    i ? r == null || r(Math.max(o - 1, 0)) : t == null || t.scrollPrev();
-  }, [i, t, r, o]), k = c.useCallback(() => {
-    i ? r == null || r(Math.min(o + 1, s - 1)) : t == null || t.scrollNext();
-  }, [i, t, r, o, s]), T = o === s - 1 ? "end" : o === 0 ? "start" : "middle";
-  return {
-    emblaRef: p,
-    selectedIndex: o,
-    handleSelectIndex: R,
-    handleBack: g,
-    handleNext: k,
-    footerVariant: T
-  };
+function g({ slideCount: e, selectedIndexProp: n, onSelectedIndexChange: r }) {
+	let i = t(), a = n !== void 0, o = Math.min(Math.max(n ?? 0, 0), Math.max(e - 1, 0)), [s, c] = l({
+		loop: !1,
+		direction: i,
+		startIndex: o
+	}), [d, f] = u.useState(0), p = Math.min(Math.max(n ?? d, 0), Math.max(e - 1, 0)), m = u.useRef(r);
+	u.useEffect(() => {
+		m.current = r;
+	}, [r]);
+	let h = u.useRef(a);
+	h.current = a;
+	let g = u.useRef(p);
+	g.current = p, u.useEffect(() => {
+		if (!c) return;
+		let e = () => {
+			let e = c.selectedScrollSnap();
+			if (h.current) {
+				if (!m.current) {
+					e !== g.current && c.scrollTo(g.current, !0);
+					return;
+				}
+				e !== g.current && m.current(e);
+				return;
+			}
+			f(e), m.current?.(e);
+		};
+		return e(), c.on("select", e), c.on("reInit", e), () => {
+			c.off("select", e), c.off("reInit", e);
+		};
+	}, [c]), u.useEffect(() => {
+		n === void 0 || !c || c.selectedScrollSnap() !== p && c.scrollTo(p, !0);
+	}, [
+		c,
+		n,
+		p
+	]);
+	let _ = u.useRef(!0);
+	return u.useEffect(() => {
+		if (c) {
+			if (_.current) {
+				_.current = !1;
+				return;
+			}
+			c.reInit({ direction: i });
+		}
+	}, [c, i]), {
+		emblaRef: s,
+		selectedIndex: p,
+		handleSelectIndex: u.useCallback((e) => {
+			a ? r?.(e) : c?.scrollTo(e);
+		}, [
+			a,
+			c,
+			r
+		]),
+		handleBack: u.useCallback(() => {
+			a ? r?.(Math.max(p - 1, 0)) : c?.scrollPrev();
+		}, [
+			a,
+			c,
+			r,
+			p
+		]),
+		handleNext: u.useCallback(() => {
+			a ? r?.(Math.min(p + 1, e - 1)) : c?.scrollNext();
+		}, [
+			a,
+			c,
+			r,
+			p,
+			e
+		]),
+		footerVariant: p === e - 1 ? "end" : p === 0 ? "start" : "middle"
+	};
 }
-function Y({
-  slides: s,
-  selectedIndex: l,
-  emblaRef: r,
-  footerVariant: a,
-  onSelectIndex: i,
-  onBack: d,
-  onNext: p,
-  onPrimaryAction: t,
-  backLabel: v,
-  nextLabel: N,
-  primaryLabel: o,
-  goToSlideLabel: f
-}) {
-  return /* @__PURE__ */ w(L, { children: [
-    /* @__PURE__ */ e("div", { ref: r, className: "w-full overflow-hidden", children: /* @__PURE__ */ e("div", { className: "flex", children: s.map((m, n) => /* @__PURE__ */ e(
-      "div",
-      {
-        className: "min-w-0 shrink-0 grow-0 basis-full",
-        "aria-hidden": n !== l || void 0,
-        inert: n !== l,
-        children: /* @__PURE__ */ e(
-          F,
-          {
-            image: m.image,
-            title: m.title,
-            description: m.description,
-            active: n === l
-          }
-        )
-      },
-      n
-    )) }) }),
-    /* @__PURE__ */ e(
-      Q,
-      {
-        variant: a,
-        slideCount: s.length,
-        selectedIndex: l,
-        onSelectIndex: i,
-        onBack: d,
-        onNext: p,
-        onPrimaryAction: t,
-        backLabel: v,
-        nextLabel: N,
-        primaryLabel: o,
-        goToSlideLabel: f
-      }
-    )
-  ] });
+function _({ slides: e, selectedIndex: t, emblaRef: n, footerVariant: r, onSelectIndex: i, onBack: a, onNext: o, onPrimaryAction: s, backLabel: l, nextLabel: u, primaryLabel: h, goToSlideLabel: g }) {
+	return /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("div", {
+		ref: n,
+		className: "w-full overflow-hidden",
+		children: /* @__PURE__ */ f("div", {
+			className: "flex",
+			children: e.map((e, n) => /* @__PURE__ */ f("div", {
+				className: "min-w-0 shrink-0 grow-0 basis-full",
+				"aria-hidden": n !== t || void 0,
+				inert: n !== t,
+				children: /* @__PURE__ */ f(m, {
+					image: e.image,
+					title: e.title,
+					description: e.description,
+					active: n === t
+				})
+			}, n))
+		})
+	}), /* @__PURE__ */ f(c, {
+		variant: r,
+		slideCount: e.length,
+		selectedIndex: t,
+		onSelectIndex: i,
+		onBack: a,
+		onNext: o,
+		onPrimaryAction: s,
+		backLabel: l,
+		nextLabel: u,
+		primaryLabel: h,
+		goToSlideLabel: g
+	})] });
 }
-function Z({
-  image: s,
-  title: l,
-  description: r,
-  primaryLabel: a,
-  onPrimaryAction: i,
-  closeLabel: d,
-  onCloseAction: p
-}) {
-  return /* @__PURE__ */ w("div", { className: "flex w-full flex-col items-center gap-3 pb-4", children: [
-    /* @__PURE__ */ e(
-      F,
-      {
-        image: s,
-        title: l,
-        description: r,
-        active: !0,
-        withBottomPadding: !1
-      }
-    ),
-    /* @__PURE__ */ w("div", { className: "flex w-full flex-col items-center gap-2 px-4", children: [
-      /* @__PURE__ */ e(M, { onClick: i, children: a ?? "Call to action" }),
-      /* @__PURE__ */ e(
-        J,
-        {
-          onClick: p,
-          render: /* @__PURE__ */ e(M, { variant: "ghost", children: d })
-        }
-      )
-    ] })
-  ] });
+function v({ image: e, title: t, description: i, primaryLabel: a, onPrimaryAction: o, closeLabel: s, onCloseAction: c }) {
+	return /* @__PURE__ */ p("div", {
+		className: "flex w-full flex-col items-center gap-3 pb-4",
+		children: [/* @__PURE__ */ f(m, {
+			image: e,
+			title: t,
+			description: i,
+			active: !0,
+			withBottomPadding: !1
+		}), /* @__PURE__ */ p("div", {
+			className: "flex w-full flex-col items-center gap-2 px-4",
+			children: [/* @__PURE__ */ f(n, {
+				onClick: o,
+				children: a ?? "Call to action"
+			}), /* @__PURE__ */ f(r, {
+				onClick: c,
+				render: /* @__PURE__ */ f(n, {
+					variant: "ghost",
+					children: s
+				})
+			})]
+		})]
+	});
 }
-const $ = c.forwardRef(
-  ({
-    variant: s = "carousel",
-    slides: l = E,
-    selectedIndex: r,
-    onSelectedIndexChange: a,
-    backLabel: i,
-    nextLabel: d,
-    goToSlideLabel: p,
-    image: t,
-    title: v = "Title",
-    description: N = "Feature description.",
-    closeLabel: o = "Close",
-    onCloseAction: f,
-    primaryLabel: m,
-    onPrimaryAction: n,
-    portal: D,
-    portalContainer: R,
-    keepMounted: g,
-    className: k,
-    ...T
-  }, u) => {
-    const h = s === "carousel", x = l.length > 0 ? l : E, B = x.length, {
-      emblaRef: b,
-      selectedIndex: W,
-      handleSelectIndex: j,
-      handleBack: V,
-      handleNext: y,
-      footerVariant: z
-    } = X({
-      slideCount: B,
-      selectedIndexProp: r,
-      onSelectedIndexChange: a
-    });
-    return /* @__PURE__ */ e(G, { ...T, children: /* @__PURE__ */ e(
-      H,
-      {
-        ref: u,
-        size: "sm",
-        portal: D,
-        portalContainer: R,
-        keepMounted: g,
-        className: k,
-        children: h ? /* @__PURE__ */ e(
-          Y,
-          {
-            slides: x,
-            selectedIndex: W,
-            emblaRef: b,
-            footerVariant: z,
-            onSelectIndex: j,
-            onBack: V,
-            onNext: y,
-            onPrimaryAction: n,
-            backLabel: i,
-            nextLabel: d,
-            primaryLabel: m,
-            goToSlideLabel: p
-          }
-        ) : /* @__PURE__ */ e(
-          Z,
-          {
-            image: t,
-            title: v,
-            description: N,
-            primaryLabel: m,
-            onPrimaryAction: n,
-            closeLabel: o,
-            onCloseAction: f
-          }
-        )
-      }
-    ) });
-  }
-);
-$.displayName = "DialogWelcome";
-export {
-  $ as DialogWelcome
-};
-//# sourceMappingURL=dialog-welcome.js.map
+var y = u.forwardRef(({ variant: e = "carousel", slides: t = h, selectedIndex: n, onSelectedIndexChange: r, backLabel: a, nextLabel: s, goToSlideLabel: c, image: l, title: u = "Title", description: d = "Feature description.", closeLabel: p = "Close", onCloseAction: m, primaryLabel: y, onPrimaryAction: b, portal: x, portalContainer: S, keepMounted: C, className: w, ...T }, E) => {
+	let D = e === "carousel", O = t.length > 0 ? t : h, k = O.length, { emblaRef: A, selectedIndex: j, handleSelectIndex: M, handleBack: N, handleNext: P, footerVariant: F } = g({
+		slideCount: k,
+		selectedIndexProp: n,
+		onSelectedIndexChange: r
+	});
+	return /* @__PURE__ */ f(o, {
+		...T,
+		children: /* @__PURE__ */ f(i, {
+			ref: E,
+			size: "sm",
+			portal: x,
+			portalContainer: S,
+			keepMounted: C,
+			className: w,
+			children: D ? /* @__PURE__ */ f(_, {
+				slides: O,
+				selectedIndex: j,
+				emblaRef: A,
+				footerVariant: F,
+				onSelectIndex: M,
+				onBack: N,
+				onNext: P,
+				onPrimaryAction: b,
+				backLabel: a,
+				nextLabel: s,
+				primaryLabel: y,
+				goToSlideLabel: c
+			}) : /* @__PURE__ */ f(v, {
+				image: l,
+				title: u,
+				description: d,
+				primaryLabel: y,
+				onPrimaryAction: b,
+				closeLabel: p,
+				onCloseAction: m
+			})
+		})
+	});
+});
+y.displayName = "DialogWelcome";
+//#endregion
+export { y as DialogWelcome };
+
+//# sourceMappingURL=dialog-welcome.js.map

package/dist/components/ui/dialog-welcome/dialog-welcome.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog-welcome.js","sources":["../../../../src/components/ui/dialog-welcome/dialog-welcome.tsx"],"sourcesContent":["import * as React from 'react';\nimport useEmblaCarousel from 'embla-carousel-react';\n\nimport { cn } from '@/lib/utils';\nimport { useDocDir } from '@/lib/use-doc-dir';\n\nimport { Button } from '../button';\nimport {\n  DialogClose,\n  DialogContent,\n  type DialogContentProps,\n  DialogDescription,\n  DialogRoot,\n  DialogTitle,\n} from '../dialog';\nimport {\n  DialogFooterCarousel,\n  type DialogFooterCarouselVariant,\n} from '../dialog-footer-carousel';\n\n// Ports Figma's \"DialogWelcome\" component (node 7162:26459, variants\n// carousel/single): a `Container` (reuses the generic `DialogContent` popup\n// chrome — bg/radius/shadow already match the `--ui-dialog-container-*` tier)\n// around a `DialogBody` (Image + Title + Description) and, for\n// `variant=\"carousel\"`, a `DialogFooterCarousel` driven by a real Embla\n// instance built from scratch here — no import from any existing carousel\n// implementation.\n\nexport interface DialogWelcomeSlide {\n  /** Illustration/media for the slide. Falls back to a placeholder surface when omitted. */\n  image?: React.ReactNode;\n  title: string;\n  description: string;\n}\n\nexport type DialogWelcomeVariant = 'carousel' | 'single';\n\ninterface DialogWelcomeSlideBodyProps {\n  image?: React.ReactNode;\n  title: string;\n  description: string;\n  /** Whether this slide currently owns the dialog's accessible name/description. */\n  active: boolean;\n  /**\n   * Whether this renders the DialogBody's own bottom padding (Figma's\n   * `py-16` applied around the whole body). `false` when more DialogBody\n   * content (e.g. the `single` variant's buttons) follows, so the caller can\n   * apply the correct `gap-12` between them instead of stacking padding on\n   * top of a gap.\n   */\n  withBottomPadding?: boolean;\n}\n\nfunction DialogWelcomeSlideBody({\n  image,\n  title,\n  description,\n  active,\n  withBottomPadding = true,\n}: DialogWelcomeSlideBodyProps) {\n  return (\n    <div\n      className={cn(\n        'flex w-full flex-col items-center gap-3 pt-4',\n        withBottomPadding && 'pb-4'\n      )}\n    >\n      <div className=\"w-full overflow-hidden rounded-lg px-4\">\n        <div className=\"flex h-[272px] w-full items-center justify-center rounded bg-[var(--ui-background-surface-active)]\">\n          {image}\n        </div>\n      </div>\n      <div className=\"flex w-full flex-col items-center gap-1 px-4 text-center\">\n        {active ? (\n          <DialogTitle className=\"w-full flex-none text-center\">\n            {title}\n          </DialogTitle>\n        ) : (\n          <p className=\"w-full text-2xl font-normal leading-8 text-foreground\">\n            {title}\n          </p>\n        )}\n        {active ? (\n          <DialogDescription className=\"w-full flex-none text-center text-sm leading-6 text-foreground\">\n            {description}\n          </DialogDescription>\n        ) : (\n          <p className=\"w-full text-sm leading-6 text-foreground\">\n            {description}\n          </p>\n        )}\n      </div>\n    </div>\n  );\n}\n\nconst DEFAULT_SLIDES: DialogWelcomeSlide[] = [\n  { title: 'Title', description: 'Feature description.' },\n  { title: 'Title', description: 'Feature description.' },\n  { title: 'Title', description: 'Feature description.' },\n];\n\ninterface UseDialogWelcomeCarouselOptions {\n  slideCount: number;\n  selectedIndexProp?: number;\n  onSelectedIndexChange?: (index: number) => void;\n}\n\nfunction useDialogWelcomeCarousel({\n  slideCount,\n  selectedIndexProp,\n  onSelectedIndexChange,\n}: UseDialogWelcomeCarouselOptions) {\n  const dir = useDocDir();\n  const isControlled = selectedIndexProp !== undefined;\n  // Mount Embla already on the (clamped) controlled slide instead of its\n  // default 0 — otherwise the initial `onSelect()` below reports a phantom\n  // \"slide 0\" before the resync effect corrects it, which a consumer wiring\n  // analytics off `onSelectedIndexChange` would log as a real event.\n  const initialIndex = Math.min(\n    Math.max(selectedIndexProp ?? 0, 0),\n    Math.max(slideCount - 1, 0)\n  );\n  const [emblaRef, emblaApi] = useEmblaCarousel({\n    loop: false,\n    direction: dir,\n    startIndex: initialIndex,\n  });\n  const [internalIndex, setInternalIndex] = React.useState(0);\n  // Two-sided: an out-of-range (e.g. negative) `selectedIndex` must still\n  // resolve to a real slide, or no slide would carry the dialog's\n  // Title/Description (see dialog-welcome/accessibility.md's one-active-slide\n  // invariant).\n  const selectedIndex = Math.min(\n    Math.max(selectedIndexProp ?? internalIndex, 0),\n    Math.max(slideCount - 1, 0)\n  );\n\n  // `onSelectedIndexChange` is read from a ref, not a `useEffect` dependency,\n  // so an inline (non-memoized) consumer callback can't force this effect to\n  // re-subscribe — which would call `onSelect()` again on the same slide and,\n  // if the consumer's callback triggers a re-render, loop indefinitely.\n  const onSelectedIndexChangeRef = React.useRef(onSelectedIndexChange);\n  React.useEffect(() => {\n    onSelectedIndexChangeRef.current = onSelectedIndexChange;\n  }, [onSelectedIndexChange]);\n\n  // Read fresh on every Embla event without forcing the subscription effect\n  // below to resubscribe (same reasoning as `onSelectedIndexChangeRef`).\n  const isControlledRef = React.useRef(isControlled);\n  isControlledRef.current = isControlled;\n  const selectedIndexRef = React.useRef(selectedIndex);\n  selectedIndexRef.current = selectedIndex;\n\n  React.useEffect(() => {\n    if (!emblaApi) return;\n    const onSelect = () => {\n      const index = emblaApi.selectedScrollSnap();\n      if (isControlledRef.current) {\n        if (!onSelectedIndexChangeRef.current) {\n          // Embla is draggable regardless of controlled state, so a swipe can\n          // still move it physically even though clicks are correctly no-ops\n          // in this configuration (controlled with no way to move the prop\n          // forward). Snap back instead of leaving the visible slide diverged\n          // from the one carrying the dialog's accessible name.\n          if (index !== selectedIndexRef.current) {\n            emblaApi.scrollTo(selectedIndexRef.current, true);\n          }\n          return;\n        }\n        // A click/dot handler reports the new index directly, then the resync\n        // effect below drives Embla to match via `scrollTo`, which re-emits\n        // this same `select` event. Only forward it when it disagrees with\n        // the last known controlled index, or a single navigation double-\n        // fires the consumer's `onSelectedIndexChange` (e.g. analytics).\n        if (index !== selectedIndexRef.current) {\n          onSelectedIndexChangeRef.current(index);\n        }\n        return;\n      }\n      setInternalIndex(index);\n      onSelectedIndexChangeRef.current?.(index);\n    };\n    onSelect();\n    emblaApi.on('select', onSelect);\n    emblaApi.on('reInit', onSelect);\n    return () => {\n      emblaApi.off('select', onSelect);\n      emblaApi.off('reInit', onSelect);\n    };\n  }, [emblaApi]);\n\n  React.useEffect(() => {\n    if (selectedIndexProp === undefined || !emblaApi) return;\n    if (emblaApi.selectedScrollSnap() !== selectedIndex) {\n      // `jump: true` — a controlled `selectedIndex` change snaps instantly\n      // rather than animating. Without it, the initial sync on mount races\n      // the smooth-scroll animation, so an immediate screenshot (e.g. VR)\n      // can catch a mid-scroll frame instead of the settled slide.\n      emblaApi.scrollTo(selectedIndex, true);\n    }\n  }, [emblaApi, selectedIndexProp, selectedIndex]);\n\n  // Skip the first time this effect sees a non-null `emblaApi` — Embla was\n  // already constructed with that render's `dir` (see `useEmblaCarousel`\n  // above), so re-running `reInit` immediately is redundant. Worse, Embla's\n  // `reInit` synchronously re-emits `'reInit'` even when nothing changed,\n  // which would re-invoke the `onSelect` listener registered by the mount\n  // effect above and double-fire `onSelectedIndexChange` on mount. Only a\n  // genuine post-mount `dir` change (e.g. `useDocDir`'s SSR-safe resync, or\n  // the document's `dir` actually flipping at runtime) should call `reInit`.\n  const skipNextReInitRef = React.useRef(true);\n  React.useEffect(() => {\n    if (!emblaApi) return;\n    if (skipNextReInitRef.current) {\n      skipNextReInitRef.current = false;\n      return;\n    }\n    emblaApi.reInit({ direction: dir });\n  }, [emblaApi, dir]);\n\n  // Controlled mode never drives Embla directly from Back/Next/dot clicks —\n  // only the resync effect above (keyed to `selectedIndexProp`) does. This\n  // keeps Embla's physical position from drifting away from the prop when a\n  // consumer passes `selectedIndex` without wiring `onSelectedIndexChange`.\n  const handleSelectIndex = React.useCallback(\n    (index: number) => {\n      if (isControlled) {\n        onSelectedIndexChange?.(index);\n      } else {\n        emblaApi?.scrollTo(index);\n      }\n    },\n    [isControlled, emblaApi, onSelectedIndexChange]\n  );\n  const handleBack = React.useCallback(() => {\n    if (isControlled) {\n      onSelectedIndexChange?.(Math.max(selectedIndex - 1, 0));\n    } else {\n      emblaApi?.scrollPrev();\n    }\n  }, [isControlled, emblaApi, onSelectedIndexChange, selectedIndex]);\n  const handleNext = React.useCallback(() => {\n    if (isControlled) {\n      onSelectedIndexChange?.(Math.min(selectedIndex + 1, slideCount - 1));\n    } else {\n      emblaApi?.scrollNext();\n    }\n  }, [isControlled, emblaApi, onSelectedIndexChange, selectedIndex, slideCount]);\n\n  // Check `slideCount - 1` first: for a single-slide carousel, index 0 is\n  // both the first AND last slide, and 'end' (unlocking the primary action)\n  // must win.\n  const footerVariant: DialogFooterCarouselVariant =\n    selectedIndex === slideCount - 1\n      ? 'end'\n      : selectedIndex === 0\n        ? 'start'\n        : 'middle';\n\n  return {\n    emblaRef,\n    selectedIndex,\n    handleSelectIndex,\n    handleBack,\n    handleNext,\n    footerVariant,\n  };\n}\n\ninterface ContainerCarouselProps {\n  slides: DialogWelcomeSlide[];\n  selectedIndex: number;\n  emblaRef: ReturnType<typeof useEmblaCarousel>[0];\n  footerVariant: DialogFooterCarouselVariant;\n  onSelectIndex: (index: number) => void;\n  onBack: () => void;\n  onNext: () => void;\n  onPrimaryAction?: () => void;\n  backLabel?: string;\n  nextLabel?: string;\n  primaryLabel?: string;\n  goToSlideLabel?: (index: number, count: number) => string;\n}\n\nfunction ContainerCarousel({\n  slides,\n  selectedIndex,\n  emblaRef,\n  footerVariant,\n  onSelectIndex,\n  onBack,\n  onNext,\n  onPrimaryAction,\n  backLabel,\n  nextLabel,\n  primaryLabel,\n  goToSlideLabel,\n}: ContainerCarouselProps) {\n  return (\n    <>\n      <div ref={emblaRef} className=\"w-full overflow-hidden\">\n        <div className=\"flex\">\n          {slides.map((slide, index) => (\n            <div\n              key={index}\n              className=\"min-w-0 shrink-0 grow-0 basis-full\"\n              aria-hidden={index !== selectedIndex || undefined}\n              inert={index !== selectedIndex}\n            >\n              <DialogWelcomeSlideBody\n                image={slide.image}\n                title={slide.title}\n                description={slide.description}\n                active={index === selectedIndex}\n              />\n            </div>\n          ))}\n        </div>\n      </div>\n      <DialogFooterCarousel\n        variant={footerVariant}\n        slideCount={slides.length}\n        selectedIndex={selectedIndex}\n        onSelectIndex={onSelectIndex}\n        onBack={onBack}\n        onNext={onNext}\n        onPrimaryAction={onPrimaryAction}\n        backLabel={backLabel}\n        nextLabel={nextLabel}\n        primaryLabel={primaryLabel}\n        goToSlideLabel={goToSlideLabel}\n      />\n    </>\n  );\n}\n\ninterface ContainerNoSlidesProps {\n  image?: React.ReactNode;\n  title: string;\n  description: string;\n  primaryLabel?: string;\n  onPrimaryAction?: () => void;\n  closeLabel: string;\n  onCloseAction?: () => void;\n}\n\nfunction ContainerNoSlides({\n  image,\n  title,\n  description,\n  primaryLabel,\n  onPrimaryAction,\n  closeLabel,\n  onCloseAction,\n}: ContainerNoSlidesProps) {\n  return (\n    <div className=\"flex w-full flex-col items-center gap-3 pb-4\">\n      <DialogWelcomeSlideBody\n        image={image}\n        title={title}\n        description={description}\n        active\n        withBottomPadding={false}\n      />\n      <div className=\"flex w-full flex-col items-center gap-2 px-4\">\n        <Button onClick={onPrimaryAction}>\n          {primaryLabel ?? 'Call to action'}\n        </Button>\n        <DialogClose\n          onClick={onCloseAction}\n          render={<Button variant=\"ghost\">{closeLabel}</Button>}\n        />\n      </div>\n    </div>\n  );\n}\n\ntype DialogRootProps = React.ComponentPropsWithoutRef<typeof DialogRoot>;\n\nexport interface DialogWelcomeProps extends Omit<DialogRootProps, 'children'> {\n  /** Selects the Figma-defined layout. Defaults to `'carousel'`. */\n  variant?: DialogWelcomeVariant;\n  /** Slides shown one at a time (`variant=\"carousel\"`). Defaults to a 3-slide placeholder. */\n  slides?: DialogWelcomeSlide[];\n  /** Controls the active slide (`variant=\"carousel\"`). Uncontrolled when omitted. */\n  selectedIndex?: number;\n  /** Fires whenever the active slide changes (`variant=\"carousel\"`). */\n  onSelectedIndexChange?: (index: number) => void;\n  /** `Back` button label (`variant=\"carousel\"`). Defaults to `'Back'`. */\n  backLabel?: string;\n  /** `Next` button label (`variant=\"carousel\"`). Defaults to `'Next'`. */\n  nextLabel?: string;\n  /** Builds each carousel dot's accessible name (`variant=\"carousel\"`). */\n  goToSlideLabel?: (index: number, count: number) => string;\n  /** Illustration/media (`variant=\"single\"`). */\n  image?: React.ReactNode;\n  /** Title (`variant=\"single\"`). Defaults to `'Title'`. */\n  title?: string;\n  /** Description (`variant=\"single\"`). Defaults to `'Feature description.'`. */\n  description?: string;\n  /** `Close` link label (`variant=\"single\"`). Defaults to `'Close'`. */\n  closeLabel?: string;\n  /** Fires when `Close` (`variant=\"single\"`) is activated, before the dialog closes. */\n  onCloseAction?: () => void;\n  /**\n   * Call-to-action button label — the last carousel slide's button\n   * (`variant=\"carousel\"`) or the single body's primary button\n   * (`variant=\"single\"`). Defaults to `'Call to action'`.\n   */\n  primaryLabel?: string;\n  /** Fires when the call-to-action button is activated. */\n  onPrimaryAction?: () => void;\n  /** Render inside a portal (forwarded to `DialogContent`). Defaults to `true`. */\n  portal?: boolean;\n  /** Portal container (forwarded to `DialogContent`). */\n  portalContainer?: DialogContentProps['portalContainer'];\n  /** Keep the content mounted while closed (forwarded to `DialogContent`). */\n  keepMounted?: DialogContentProps['keepMounted'];\n  /** Extra classes merged onto the popup container. */\n  className?: string;\n}\n\nconst DialogWelcome = React.forwardRef<HTMLDivElement, DialogWelcomeProps>(\n  (\n    {\n      variant = 'carousel',\n      slides = DEFAULT_SLIDES,\n      selectedIndex: selectedIndexProp,\n      onSelectedIndexChange,\n      backLabel,\n      nextLabel,\n      goToSlideLabel,\n      image,\n      title = 'Title',\n      description = 'Feature description.',\n      closeLabel = 'Close',\n      onCloseAction,\n      primaryLabel,\n      onPrimaryAction,\n      portal,\n      portalContainer,\n      keepMounted,\n      className,\n      ...rootProps\n    },\n    ref\n  ) => {\n    const isCarousel = variant === 'carousel';\n    // An explicit `slides={[]}` would otherwise mount no Title/Description\n    // and suppress the footer, leaving the dialog with no accessible name —\n    // fall back to the default placeholder slides instead.\n    const resolvedSlides = slides.length > 0 ? slides : DEFAULT_SLIDES;\n    const slideCount = resolvedSlides.length;\n\n    const {\n      emblaRef,\n      selectedIndex,\n      handleSelectIndex,\n      handleBack,\n      handleNext,\n      footerVariant,\n    } = useDialogWelcomeCarousel({\n      slideCount,\n      selectedIndexProp,\n      onSelectedIndexChange,\n    });\n\n    return (\n      <DialogRoot {...rootProps}>\n        <DialogContent\n          ref={ref}\n          size=\"sm\"\n          portal={portal}\n          portalContainer={portalContainer}\n          keepMounted={keepMounted}\n          className={className}\n        >\n          {isCarousel ? (\n            <ContainerCarousel\n              slides={resolvedSlides}\n              selectedIndex={selectedIndex}\n              emblaRef={emblaRef}\n              footerVariant={footerVariant}\n              onSelectIndex={handleSelectIndex}\n              onBack={handleBack}\n              onNext={handleNext}\n              onPrimaryAction={onPrimaryAction}\n              backLabel={backLabel}\n              nextLabel={nextLabel}\n              primaryLabel={primaryLabel}\n              goToSlideLabel={goToSlideLabel}\n            />\n          ) : (\n            <ContainerNoSlides\n              image={image}\n              title={title}\n              description={description}\n              primaryLabel={primaryLabel}\n              onPrimaryAction={onPrimaryAction}\n              closeLabel={closeLabel}\n              onCloseAction={onCloseAction}\n            />\n          )}\n        </DialogContent>\n      </DialogRoot>\n    );\n  }\n);\nDialogWelcome.displayName = 'DialogWelcome';\n\nexport { DialogWelcome };\n"],"names":["DialogWelcomeSlideBody","image","title","description","active","withBottomPadding","jsxs","cn","jsx","DialogTitle","DialogDescription","DEFAULT_SLIDES","useDialogWelcomeCarousel","slideCount","selectedIndexProp","onSelectedIndexChange","dir","useDocDir","isControlled","initialIndex","emblaRef","emblaApi","useEmblaCarousel","internalIndex","setInternalIndex","React","selectedIndex","onSelectedIndexChangeRef","isControlledRef","selectedIndexRef","onSelect","index","_a","skipNextReInitRef","handleSelectIndex","handleBack","handleNext","footerVariant","ContainerCarousel","slides","onSelectIndex","onBack","onNext","onPrimaryAction","backLabel","nextLabel","primaryLabel","goToSlideLabel","Fragment","slide","DialogFooterCarousel","ContainerNoSlides","closeLabel","onCloseAction","Button","DialogClose","DialogWelcome","variant","portal","portalContainer","keepMounted","className","rootProps","ref","isCarousel","resolvedSlides","DialogRoot","DialogContent"],"mappings":"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"}
+{"version":3,"file":"dialog-welcome.js","names":[],"sources":["../../../../src/components/ui/dialog-welcome/dialog-welcome.tsx"],"sourcesContent":["import * as React from 'react';\nimport useEmblaCarousel from 'embla-carousel-react';\n\nimport { cn } from '@/lib/utils';\nimport { useDocDir } from '@/lib/use-doc-dir';\n\nimport { Button } from '../button';\nimport {\n  DialogClose,\n  DialogContent,\n  type DialogContentProps,\n  DialogDescription,\n  DialogRoot,\n  DialogTitle,\n} from '../dialog';\nimport {\n  DialogFooterCarousel,\n  type DialogFooterCarouselVariant,\n} from '../dialog-footer-carousel';\n\n// Ports Figma's \"DialogWelcome\" component (node 7162:26459, variants\n// carousel/single): a `Container` (reuses the generic `DialogContent` popup\n// chrome — bg/radius/shadow already match the `--ui-dialog-container-*` tier)\n// around a `DialogBody` (Image + Title + Description) and, for\n// `variant=\"carousel\"`, a `DialogFooterCarousel` driven by a real Embla\n// instance built from scratch here — no import from any existing carousel\n// implementation.\n\nexport interface DialogWelcomeSlide {\n  /** Illustration/media for the slide. Falls back to a placeholder surface when omitted. */\n  image?: React.ReactNode;\n  title: string;\n  description: string;\n}\n\nexport type DialogWelcomeVariant = 'carousel' | 'single';\n\ninterface DialogWelcomeSlideBodyProps {\n  image?: React.ReactNode;\n  title: string;\n  description: string;\n  /** Whether this slide currently owns the dialog's accessible name/description. */\n  active: boolean;\n  /**\n   * Whether this renders the DialogBody's own bottom padding (Figma's\n   * `py-16` applied around the whole body). `false` when more DialogBody\n   * content (e.g. the `single` variant's buttons) follows, so the caller can\n   * apply the correct `gap-12` between them instead of stacking padding on\n   * top of a gap.\n   */\n  withBottomPadding?: boolean;\n}\n\nfunction DialogWelcomeSlideBody({\n  image,\n  title,\n  description,\n  active,\n  withBottomPadding = true,\n}: DialogWelcomeSlideBodyProps) {\n  return (\n    <div\n      className={cn(\n        'flex w-full flex-col items-center gap-3 pt-4',\n        withBottomPadding && 'pb-4'\n      )}\n    >\n      <div className=\"w-full overflow-hidden rounded-lg px-4\">\n        <div className=\"flex h-[272px] w-full items-center justify-center rounded bg-[var(--ui-background-surface-active)]\">\n          {image}\n        </div>\n      </div>\n      <div className=\"flex w-full flex-col items-center gap-1 px-4 text-center\">\n        {active ? (\n          <DialogTitle className=\"w-full flex-none text-center\">\n            {title}\n          </DialogTitle>\n        ) : (\n          <p className=\"w-full text-2xl font-normal leading-8 text-foreground\">\n            {title}\n          </p>\n        )}\n        {active ? (\n          <DialogDescription className=\"w-full flex-none text-center text-sm leading-6 text-foreground\">\n            {description}\n          </DialogDescription>\n        ) : (\n          <p className=\"w-full text-sm leading-6 text-foreground\">\n            {description}\n          </p>\n        )}\n      </div>\n    </div>\n  );\n}\n\nconst DEFAULT_SLIDES: DialogWelcomeSlide[] = [\n  { title: 'Title', description: 'Feature description.' },\n  { title: 'Title', description: 'Feature description.' },\n  { title: 'Title', description: 'Feature description.' },\n];\n\ninterface UseDialogWelcomeCarouselOptions {\n  slideCount: number;\n  selectedIndexProp?: number;\n  onSelectedIndexChange?: (index: number) => void;\n}\n\nfunction useDialogWelcomeCarousel({\n  slideCount,\n  selectedIndexProp,\n  onSelectedIndexChange,\n}: UseDialogWelcomeCarouselOptions) {\n  const dir = useDocDir();\n  const isControlled = selectedIndexProp !== undefined;\n  // Mount Embla already on the (clamped) controlled slide instead of its\n  // default 0 — otherwise the initial `onSelect()` below reports a phantom\n  // \"slide 0\" before the resync effect corrects it, which a consumer wiring\n  // analytics off `onSelectedIndexChange` would log as a real event.\n  const initialIndex = Math.min(\n    Math.max(selectedIndexProp ?? 0, 0),\n    Math.max(slideCount - 1, 0)\n  );\n  const [emblaRef, emblaApi] = useEmblaCarousel({\n    loop: false,\n    direction: dir,\n    startIndex: initialIndex,\n  });\n  const [internalIndex, setInternalIndex] = React.useState(0);\n  // Two-sided: an out-of-range (e.g. negative) `selectedIndex` must still\n  // resolve to a real slide, or no slide would carry the dialog's\n  // Title/Description (see dialog-welcome/accessibility.md's one-active-slide\n  // invariant).\n  const selectedIndex = Math.min(\n    Math.max(selectedIndexProp ?? internalIndex, 0),\n    Math.max(slideCount - 1, 0)\n  );\n\n  // `onSelectedIndexChange` is read from a ref, not a `useEffect` dependency,\n  // so an inline (non-memoized) consumer callback can't force this effect to\n  // re-subscribe — which would call `onSelect()` again on the same slide and,\n  // if the consumer's callback triggers a re-render, loop indefinitely.\n  const onSelectedIndexChangeRef = React.useRef(onSelectedIndexChange);\n  React.useEffect(() => {\n    onSelectedIndexChangeRef.current = onSelectedIndexChange;\n  }, [onSelectedIndexChange]);\n\n  // Read fresh on every Embla event without forcing the subscription effect\n  // below to resubscribe (same reasoning as `onSelectedIndexChangeRef`).\n  const isControlledRef = React.useRef(isControlled);\n  isControlledRef.current = isControlled;\n  const selectedIndexRef = React.useRef(selectedIndex);\n  selectedIndexRef.current = selectedIndex;\n\n  React.useEffect(() => {\n    if (!emblaApi) return;\n    const onSelect = () => {\n      const index = emblaApi.selectedScrollSnap();\n      if (isControlledRef.current) {\n        if (!onSelectedIndexChangeRef.current) {\n          // Embla is draggable regardless of controlled state, so a swipe can\n          // still move it physically even though clicks are correctly no-ops\n          // in this configuration (controlled with no way to move the prop\n          // forward). Snap back instead of leaving the visible slide diverged\n          // from the one carrying the dialog's accessible name.\n          if (index !== selectedIndexRef.current) {\n            emblaApi.scrollTo(selectedIndexRef.current, true);\n          }\n          return;\n        }\n        // A click/dot handler reports the new index directly, then the resync\n        // effect below drives Embla to match via `scrollTo`, which re-emits\n        // this same `select` event. Only forward it when it disagrees with\n        // the last known controlled index, or a single navigation double-\n        // fires the consumer's `onSelectedIndexChange` (e.g. analytics).\n        if (index !== selectedIndexRef.current) {\n          onSelectedIndexChangeRef.current(index);\n        }\n        return;\n      }\n      setInternalIndex(index);\n      onSelectedIndexChangeRef.current?.(index);\n    };\n    onSelect();\n    emblaApi.on('select', onSelect);\n    emblaApi.on('reInit', onSelect);\n    return () => {\n      emblaApi.off('select', onSelect);\n      emblaApi.off('reInit', onSelect);\n    };\n  }, [emblaApi]);\n\n  React.useEffect(() => {\n    if (selectedIndexProp === undefined || !emblaApi) return;\n    if (emblaApi.selectedScrollSnap() !== selectedIndex) {\n      // `jump: true` — a controlled `selectedIndex` change snaps instantly\n      // rather than animating. Without it, the initial sync on mount races\n      // the smooth-scroll animation, so an immediate screenshot (e.g. VR)\n      // can catch a mid-scroll frame instead of the settled slide.\n      emblaApi.scrollTo(selectedIndex, true);\n    }\n  }, [emblaApi, selectedIndexProp, selectedIndex]);\n\n  // Skip the first time this effect sees a non-null `emblaApi` — Embla was\n  // already constructed with that render's `dir` (see `useEmblaCarousel`\n  // above), so re-running `reInit` immediately is redundant. Worse, Embla's\n  // `reInit` synchronously re-emits `'reInit'` even when nothing changed,\n  // which would re-invoke the `onSelect` listener registered by the mount\n  // effect above and double-fire `onSelectedIndexChange` on mount. Only a\n  // genuine post-mount `dir` change (e.g. `useDocDir`'s SSR-safe resync, or\n  // the document's `dir` actually flipping at runtime) should call `reInit`.\n  const skipNextReInitRef = React.useRef(true);\n  React.useEffect(() => {\n    if (!emblaApi) return;\n    if (skipNextReInitRef.current) {\n      skipNextReInitRef.current = false;\n      return;\n    }\n    emblaApi.reInit({ direction: dir });\n  }, [emblaApi, dir]);\n\n  // Controlled mode never drives Embla directly from Back/Next/dot clicks —\n  // only the resync effect above (keyed to `selectedIndexProp`) does. This\n  // keeps Embla's physical position from drifting away from the prop when a\n  // consumer passes `selectedIndex` without wiring `onSelectedIndexChange`.\n  const handleSelectIndex = React.useCallback(\n    (index: number) => {\n      if (isControlled) {\n        onSelectedIndexChange?.(index);\n      } else {\n        emblaApi?.scrollTo(index);\n      }\n    },\n    [isControlled, emblaApi, onSelectedIndexChange]\n  );\n  const handleBack = React.useCallback(() => {\n    if (isControlled) {\n      onSelectedIndexChange?.(Math.max(selectedIndex - 1, 0));\n    } else {\n      emblaApi?.scrollPrev();\n    }\n  }, [isControlled, emblaApi, onSelectedIndexChange, selectedIndex]);\n  const handleNext = React.useCallback(() => {\n    if (isControlled) {\n      onSelectedIndexChange?.(Math.min(selectedIndex + 1, slideCount - 1));\n    } else {\n      emblaApi?.scrollNext();\n    }\n  }, [isControlled, emblaApi, onSelectedIndexChange, selectedIndex, slideCount]);\n\n  // Check `slideCount - 1` first: for a single-slide carousel, index 0 is\n  // both the first AND last slide, and 'end' (unlocking the primary action)\n  // must win.\n  const footerVariant: DialogFooterCarouselVariant =\n    selectedIndex === slideCount - 1\n      ? 'end'\n      : selectedIndex === 0\n        ? 'start'\n        : 'middle';\n\n  return {\n    emblaRef,\n    selectedIndex,\n    handleSelectIndex,\n    handleBack,\n    handleNext,\n    footerVariant,\n  };\n}\n\ninterface ContainerCarouselProps {\n  slides: DialogWelcomeSlide[];\n  selectedIndex: number;\n  emblaRef: ReturnType<typeof useEmblaCarousel>[0];\n  footerVariant: DialogFooterCarouselVariant;\n  onSelectIndex: (index: number) => void;\n  onBack: () => void;\n  onNext: () => void;\n  onPrimaryAction?: () => void;\n  backLabel?: string;\n  nextLabel?: string;\n  primaryLabel?: string;\n  goToSlideLabel?: (index: number, count: number) => string;\n}\n\nfunction ContainerCarousel({\n  slides,\n  selectedIndex,\n  emblaRef,\n  footerVariant,\n  onSelectIndex,\n  onBack,\n  onNext,\n  onPrimaryAction,\n  backLabel,\n  nextLabel,\n  primaryLabel,\n  goToSlideLabel,\n}: ContainerCarouselProps) {\n  return (\n    <>\n      <div ref={emblaRef} className=\"w-full overflow-hidden\">\n        <div className=\"flex\">\n          {slides.map((slide, index) => (\n            <div\n              key={index}\n              className=\"min-w-0 shrink-0 grow-0 basis-full\"\n              aria-hidden={index !== selectedIndex || undefined}\n              inert={index !== selectedIndex}\n            >\n              <DialogWelcomeSlideBody\n                image={slide.image}\n                title={slide.title}\n                description={slide.description}\n                active={index === selectedIndex}\n              />\n            </div>\n          ))}\n        </div>\n      </div>\n      <DialogFooterCarousel\n        variant={footerVariant}\n        slideCount={slides.length}\n        selectedIndex={selectedIndex}\n        onSelectIndex={onSelectIndex}\n        onBack={onBack}\n        onNext={onNext}\n        onPrimaryAction={onPrimaryAction}\n        backLabel={backLabel}\n        nextLabel={nextLabel}\n        primaryLabel={primaryLabel}\n        goToSlideLabel={goToSlideLabel}\n      />\n    </>\n  );\n}\n\ninterface ContainerNoSlidesProps {\n  image?: React.ReactNode;\n  title: string;\n  description: string;\n  primaryLabel?: string;\n  onPrimaryAction?: () => void;\n  closeLabel: string;\n  onCloseAction?: () => void;\n}\n\nfunction ContainerNoSlides({\n  image,\n  title,\n  description,\n  primaryLabel,\n  onPrimaryAction,\n  closeLabel,\n  onCloseAction,\n}: ContainerNoSlidesProps) {\n  return (\n    <div className=\"flex w-full flex-col items-center gap-3 pb-4\">\n      <DialogWelcomeSlideBody\n        image={image}\n        title={title}\n        description={description}\n        active\n        withBottomPadding={false}\n      />\n      <div className=\"flex w-full flex-col items-center gap-2 px-4\">\n        <Button onClick={onPrimaryAction}>\n          {primaryLabel ?? 'Call to action'}\n        </Button>\n        <DialogClose\n          onClick={onCloseAction}\n          render={<Button variant=\"ghost\">{closeLabel}</Button>}\n        />\n      </div>\n    </div>\n  );\n}\n\ntype DialogRootProps = React.ComponentPropsWithoutRef<typeof DialogRoot>;\n\nexport interface DialogWelcomeProps extends Omit<DialogRootProps, 'children'> {\n  /** Selects the Figma-defined layout. Defaults to `'carousel'`. */\n  variant?: DialogWelcomeVariant;\n  /** Slides shown one at a time (`variant=\"carousel\"`). Defaults to a 3-slide placeholder. */\n  slides?: DialogWelcomeSlide[];\n  /** Controls the active slide (`variant=\"carousel\"`). Uncontrolled when omitted. */\n  selectedIndex?: number;\n  /** Fires whenever the active slide changes (`variant=\"carousel\"`). */\n  onSelectedIndexChange?: (index: number) => void;\n  /** `Back` button label (`variant=\"carousel\"`). Defaults to `'Back'`. */\n  backLabel?: string;\n  /** `Next` button label (`variant=\"carousel\"`). Defaults to `'Next'`. */\n  nextLabel?: string;\n  /** Builds each carousel dot's accessible name (`variant=\"carousel\"`). */\n  goToSlideLabel?: (index: number, count: number) => string;\n  /** Illustration/media (`variant=\"single\"`). */\n  image?: React.ReactNode;\n  /** Title (`variant=\"single\"`). Defaults to `'Title'`. */\n  title?: string;\n  /** Description (`variant=\"single\"`). Defaults to `'Feature description.'`. */\n  description?: string;\n  /** `Close` link label (`variant=\"single\"`). Defaults to `'Close'`. */\n  closeLabel?: string;\n  /** Fires when `Close` (`variant=\"single\"`) is activated, before the dialog closes. */\n  onCloseAction?: () => void;\n  /**\n   * Call-to-action button label — the last carousel slide's button\n   * (`variant=\"carousel\"`) or the single body's primary button\n   * (`variant=\"single\"`). Defaults to `'Call to action'`.\n   */\n  primaryLabel?: string;\n  /** Fires when the call-to-action button is activated. */\n  onPrimaryAction?: () => void;\n  /** Render inside a portal (forwarded to `DialogContent`). Defaults to `true`. */\n  portal?: boolean;\n  /** Portal container (forwarded to `DialogContent`). */\n  portalContainer?: DialogContentProps['portalContainer'];\n  /** Keep the content mounted while closed (forwarded to `DialogContent`). */\n  keepMounted?: DialogContentProps['keepMounted'];\n  /** Extra classes merged onto the popup container. */\n  className?: string;\n}\n\nconst DialogWelcome = React.forwardRef<HTMLDivElement, DialogWelcomeProps>(\n  (\n    {\n      variant = 'carousel',\n      slides = DEFAULT_SLIDES,\n      selectedIndex: selectedIndexProp,\n      onSelectedIndexChange,\n      backLabel,\n      nextLabel,\n      goToSlideLabel,\n      image,\n      title = 'Title',\n      description = 'Feature description.',\n      closeLabel = 'Close',\n      onCloseAction,\n      primaryLabel,\n      onPrimaryAction,\n      portal,\n      portalContainer,\n      keepMounted,\n      className,\n      ...rootProps\n    },\n    ref\n  ) => {\n    const isCarousel = variant === 'carousel';\n    // An explicit `slides={[]}` would otherwise mount no Title/Description\n    // and suppress the footer, leaving the dialog with no accessible name —\n    // fall back to the default placeholder slides instead.\n    const resolvedSlides = slides.length > 0 ? slides : DEFAULT_SLIDES;\n    const slideCount = resolvedSlides.length;\n\n    const {\n      emblaRef,\n      selectedIndex,\n      handleSelectIndex,\n      handleBack,\n      handleNext,\n      footerVariant,\n    } = useDialogWelcomeCarousel({\n      slideCount,\n      selectedIndexProp,\n      onSelectedIndexChange,\n    });\n\n    return (\n      <DialogRoot {...rootProps}>\n        <DialogContent\n          ref={ref}\n          size=\"sm\"\n          portal={portal}\n          portalContainer={portalContainer}\n          keepMounted={keepMounted}\n          className={className}\n        >\n          {isCarousel ? (\n            <ContainerCarousel\n              slides={resolvedSlides}\n              selectedIndex={selectedIndex}\n              emblaRef={emblaRef}\n              footerVariant={footerVariant}\n              onSelectIndex={handleSelectIndex}\n              onBack={handleBack}\n              onNext={handleNext}\n              onPrimaryAction={onPrimaryAction}\n              backLabel={backLabel}\n              nextLabel={nextLabel}\n              primaryLabel={primaryLabel}\n              goToSlideLabel={goToSlideLabel}\n            />\n          ) : (\n            <ContainerNoSlides\n              image={image}\n              title={title}\n              description={description}\n              primaryLabel={primaryLabel}\n              onPrimaryAction={onPrimaryAction}\n              closeLabel={closeLabel}\n              onCloseAction={onCloseAction}\n            />\n          )}\n        </DialogContent>\n      </DialogRoot>\n    );\n  }\n);\nDialogWelcome.displayName = 'DialogWelcome';\n\nexport { DialogWelcome };\n"],"mappings":"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"}