impact-nova 2.2.8 → 2.3.0

package/dist/components/flows/filter-panel/filter-panel.js

@@ -5,7 +5,7 @@ import { createCompoundPart as C } from "../../../lib/primitives/create-compound
 import { cn as o } from "../../../lib/utils.js";
 import { MultiColorFilter as F, Cross as P, InfoBadge as u } from "impact-nova-icons";
 import { Button as D } from "../../primitives/button/button.js";
-import { Tooltip as d, TooltipTrigger as f, TooltipContent as h } from "../../feedback/tooltip/tooltip.js";
+import { Tooltip as c, TooltipTrigger as f, TooltipContent as h } from "../../feedback/tooltip/tooltip.js";
 import { Kbd as S } from "../../primitives/kbd/kbd.js";
 import { OverflowTooltip as j } from "../../feedback/tooltip/overflow-tooltip.js";
 import { useImpactNovaI18n as v } from "../../../i18n/use-impact-nova-i18n.js";
@@ -16,7 +16,7 @@ const O = ({
   children: n,
   className: l
 }) => {
-  const { t: c } = v();
+  const { t: d } = v();
   return /* @__PURE__ */ a(
     "div",
     {
@@ -45,7 +45,7 @@ const O = ({
               variant: "secondary",
               size: "icon",
               tabIndex: -1,
-              "aria-label": c("aria.close"),
+              "aria-label": d("aria.close"),
               "data-component": "filter-panel-close",
               children: /* @__PURE__ */ e(P, { className: "h-3 w-3" })
             }
@@ -58,7 +58,7 @@ const O = ({
   open: i,
   onOpenChange: n,
   title: l = "Filter panel",
-  children: c,
+  children: d,
   header: s,
   sidebar: p,
   className: m,
@@ -86,7 +86,7 @@ const O = ({
         s || /* @__PURE__ */ e(O, { title: l }),
         /* @__PURE__ */ a("div", { className: "flex flex-1 overflow-hidden", children: [
           p,
-          /* @__PURE__ */ e("div", { className: "flex flex-col flex-1 overflow-hidden", children: c })
+          /* @__PURE__ */ e("div", { className: "flex flex-col flex-1 overflow-hidden", children: d })
         ] })
       ] })
     ]
@@ -95,7 +95,7 @@ const O = ({
   items: i,
   activeTab: n,
   onTabChange: l,
-  className: c
+  className: d
 }) => {
   const { t: s } = v(), p = I(), m = (t) => {
     t !== n && p(), l(t);
@@ -106,97 +106,104 @@ const O = ({
       "data-component": "filter-panel-sidebar",
       className: o(
         "flex w-[200px] shrink-0 flex-col border-r bg-navigation-canvas",
-        c
+        d
       ),
-      children: /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col py-2 gap-1 overflow-y-auto", children: i.map((t) => {
-        const r = n === t.id;
-        return /* @__PURE__ */ a(b.Fragment, { children: [
-          t.separator && /* @__PURE__ */ e("div", { className: "my-2 h-px bg-stroke-hairline" }),
-          /* @__PURE__ */ a(
-            "button",
-            {
-              type: "button",
-              autoFocus: r,
-              onClick: () => m(t.id),
-              "data-component": "filter-panel-sidebar-item",
-              "data-active": r ? "true" : "false",
-              "data-tab": t.id,
-              "data-shortcut-id": t.shortcutId,
-              className: o(
-                "group flex items-center justify-between px-3 py-[6px] mx-2 rounded-lg text-left text-sm font-medium transition-colors",
-                r ? "bg-canvas-accent text-brand" : "text-content-secondary hover:bg-canvas-accent"
-              ),
-              children: [
-                /* @__PURE__ */ a("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [
-                  /* @__PURE__ */ e(
-                    "span",
-                    {
-                      className: o(
-                        "shrink-0",
-                        r ? "text-brand" : "text-content-secondary"
-                      ),
-                      children: t.icon
-                    }
+      children: /* @__PURE__ */ e(
+        "div",
+        {
+          "data-component": "filter-panel-sidebar-nav",
+          className: "flex max-h-full min-h-0 flex-col gap-1 overflow-y-auto py-2",
+          children: i.map((t) => {
+            const r = n === t.id;
+            return /* @__PURE__ */ a(b.Fragment, { children: [
+              t.separator && /* @__PURE__ */ e("div", { className: "my-2 h-px bg-stroke-hairline" }),
+              /* @__PURE__ */ a(
+                "button",
+                {
+                  type: "button",
+                  autoFocus: r,
+                  onClick: () => m(t.id),
+                  "data-component": "filter-panel-sidebar-item",
+                  "data-active": r ? "true" : "false",
+                  "data-tab": t.id,
+                  "data-shortcut-id": t.shortcutId,
+                  className: o(
+                    "group flex items-center justify-between px-3 py-[6px] mx-2 rounded-lg text-left text-sm font-medium transition-colors",
+                    r ? "bg-canvas-accent text-brand" : "text-content-secondary hover:bg-canvas-accent"
                   ),
-                  /* @__PURE__ */ a("div", { className: "flex items-center gap-1 min-w-0", children: [
-                    /* @__PURE__ */ e(
-                      j,
-                      {
-                        triggerClassName: "truncate font-['Manrope'] block min-w-0",
-                        content: t.tooltipKeybinding ? /* @__PURE__ */ a("span", { className: "flex items-center gap-2", children: [
-                          t.label,
-                          " ",
-                          /* @__PURE__ */ e(
-                            S,
-                            {
-                              keybinding: t.tooltipKeybinding,
-                              size: "sm"
-                            }
-                          )
-                        ] }) : t.label,
-                        side: "right",
-                        variant: "tertiary",
-                        children: t.label
-                      }
-                    ),
-                    t.isRequired && /* @__PURE__ */ e("span", { className: "shrink-0 text-danger", children: "*" })
-                  ] })
-                ] }),
-                /* @__PURE__ */ a("div", { className: "flex items-center gap-1 shrink-0 ml-1", children: [
-                  t.count !== void 0 && t.count > 0 && /* @__PURE__ */ a(d, { children: [
-                    /* @__PURE__ */ e(f, { asChild: !0, children: /* @__PURE__ */ e(
-                      "span",
-                      {
-                        className: o(
-                          "inline-flex h-5 min-w-5 items-center justify-center rounded-full px-1.5 text-[11px] font-medium tabular-nums leading-none shrink-0",
-                          r ? "bg-canvas-elevated text-brand border border-stroke-subtle" : "bg-brand-tint border border-stroke-subtle"
+                  children: [
+                    /* @__PURE__ */ a("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [
+                      /* @__PURE__ */ e(
+                        "span",
+                        {
+                          className: o(
+                            "shrink-0",
+                            r ? "text-brand" : "text-content-secondary"
+                          ),
+                          children: t.icon
+                        }
+                      ),
+                      /* @__PURE__ */ a("div", { className: "flex items-center gap-1 min-w-0", children: [
+                        /* @__PURE__ */ e(
+                          j,
+                          {
+                            triggerClassName: "truncate font-['Manrope'] block min-w-0",
+                            content: t.tooltipKeybinding ? /* @__PURE__ */ a("span", { className: "flex items-center gap-2", children: [
+                              t.label,
+                              " ",
+                              /* @__PURE__ */ e(
+                                S,
+                                {
+                                  keybinding: t.tooltipKeybinding,
+                                  size: "sm"
+                                }
+                              )
+                            ] }) : t.label,
+                            side: "right",
+                            variant: "tertiary",
+                            children: t.label
+                          }
                         ),
-                        children: t.count
-                      }
-                    ) }),
-                    /* @__PURE__ */ e(h, { variant: "tertiary", side: "top", children: s(
-                      t.countBadgeContext === "savedFiltersTotal" ? "filterPanel.savedFiltersAvailableCount" : "filterPanel.filtersAppliedCount",
-                      { count: t.count }
-                    ) })
-                  ] }),
-                  t.hasError && /* @__PURE__ */ a(d, { children: [
-                    /* @__PURE__ */ e(f, { asChild: !0, children: /* @__PURE__ */ e(u, { className: "h-5 w-5 shrink-0 text-danger" }) }),
-                    /* @__PURE__ */ e(h, { variant: "tertiary", children: s("filterPanel.tabContainsErrors") })
-                  ] }),
-                  t.hasWarning && /* @__PURE__ */ a(d, { children: [
-                    /* @__PURE__ */ e(f, { asChild: !0, children: /* @__PURE__ */ e(u, { className: "h-5 w-5 shrink-0 text-warning" }) }),
-                    /* @__PURE__ */ e(h, { variant: "tertiary", children: s("filterPanel.tabHasWarnings") })
-                  ] }),
-                  t.hasInfo && /* @__PURE__ */ a(d, { children: [
-                    /* @__PURE__ */ e(f, { asChild: !0, children: /* @__PURE__ */ e(u, { className: "h-5 w-5 shrink-0 text-content-icon" }) }),
-                    /* @__PURE__ */ e(h, { variant: "tertiary", children: s("filterPanel.additionalInfoAvailable") })
-                  ] })
-                ] })
-              ]
-            }
-          )
-        ] }, t.id);
-      }) })
+                        t.isRequired && /* @__PURE__ */ e("span", { className: "shrink-0 text-danger", children: "*" })
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ a("div", { className: "flex items-center gap-1 shrink-0 ml-1", children: [
+                      t.count !== void 0 && t.count > 0 && /* @__PURE__ */ a(c, { children: [
+                        /* @__PURE__ */ e(f, { asChild: !0, children: /* @__PURE__ */ e(
+                          "span",
+                          {
+                            className: o(
+                              "inline-flex h-5 min-w-5 items-center justify-center rounded-full px-1.5 text-[11px] font-medium tabular-nums leading-none shrink-0",
+                              r ? "bg-canvas-elevated text-brand border border-stroke-subtle" : "bg-brand-tint border border-stroke-subtle"
+                            ),
+                            children: t.count
+                          }
+                        ) }),
+                        /* @__PURE__ */ e(h, { variant: "tertiary", side: "top", children: s(
+                          t.countBadgeContext === "savedFiltersTotal" ? "filterPanel.savedFiltersAvailableCount" : "filterPanel.filtersAppliedCount",
+                          { count: t.count }
+                        ) })
+                      ] }),
+                      t.hasError && /* @__PURE__ */ a(c, { children: [
+                        /* @__PURE__ */ e(f, { asChild: !0, children: /* @__PURE__ */ e(u, { className: "h-5 w-5 shrink-0 text-danger" }) }),
+                        /* @__PURE__ */ e(h, { variant: "tertiary", children: s("filterPanel.tabContainsErrors") })
+                      ] }),
+                      t.hasWarning && /* @__PURE__ */ a(c, { children: [
+                        /* @__PURE__ */ e(f, { asChild: !0, children: /* @__PURE__ */ e(u, { className: "h-5 w-5 shrink-0 text-warning" }) }),
+                        /* @__PURE__ */ e(h, { variant: "tertiary", children: s("filterPanel.tabHasWarnings") })
+                      ] }),
+                      t.hasInfo && /* @__PURE__ */ a(c, { children: [
+                        /* @__PURE__ */ e(f, { asChild: !0, children: /* @__PURE__ */ e(u, { className: "h-5 w-5 shrink-0 text-content-icon" }) }),
+                        /* @__PURE__ */ e(h, { variant: "tertiary", children: s("filterPanel.additionalInfoAvailable") })
+                      ] })
+                    ] })
+                  ]
+                }
+              )
+            ] }, t.id);
+          })
+        }
+      )
     }
   );
 }, Q = C("filter-panel", {

package/dist/components/flows/guidance/adapters/ag-grid-adapter.d.ts

@@ -0,0 +1,13 @@
+import { GuidancePlugin } from '../../../../lib/guidance';
+export interface AgGridTargetConfig {
+    gridApi: {
+        ensureIndexVisible: (rowIndex: number, position?: string) => void;
+    };
+    rowIndex?: number;
+    columnId?: string;
+}
+export declare function createAgGridTargetAdapter(): GuidancePlugin<AgGridTargetConfig>;
+export declare function createAgGridReadyTriggerPlugin(): GuidancePlugin<{
+    gridId: string;
+}>;
+export declare function emitAgGridReady(emit: (eventName: string) => void, gridId: string): void;

package/dist/components/flows/guidance/adapters/ag-grid-adapter.js

@@ -0,0 +1,30 @@
+function a() {
+  return {
+    type: "adapter.ag-grid",
+    resolve: (r, e) => {
+      if (e.rowIndex !== void 0 && e.gridApi.ensureIndexVisible(e.rowIndex, "middle"), typeof document > "u")
+        return null;
+      const d = e.columnId ? `[col-id="${e.columnId}"]` : `[data-guidance-target="${r.targetDescriptor.targetId}"]`, t = document.querySelector(d);
+      return {
+        targetId: r.targetDescriptor.targetId,
+        element: t,
+        rect: t?.getBoundingClientRect() ?? null,
+        source: "adapter"
+      };
+    }
+  };
+}
+function i() {
+  return {
+    type: "trigger.ag-grid-ready",
+    evaluate: (r, e) => r.customEvents.has(`ag-grid.ready.${e.gridId}`)
+  };
+}
+function n(r, e) {
+  r(`ag-grid.ready.${e}`);
+}
+export {
+  i as createAgGridReadyTriggerPlugin,
+  a as createAgGridTargetAdapter,
+  n as emitAgGridReady
+};

package/dist/components/flows/guidance/adapters/ag-grid.d.ts

@@ -0,0 +1,2 @@
+export { createAgGridTargetAdapter, createAgGridReadyTriggerPlugin, emitAgGridReady, } from './ag-grid-adapter';
+export type { AgGridTargetConfig } from './ag-grid-adapter';

package/dist/components/flows/guidance/adapters/ag-grid.js

@@ -0,0 +1,6 @@
+import { createAgGridReadyTriggerPlugin as g, createAgGridTargetAdapter as a, emitAgGridReady as d } from "./ag-grid-adapter.js";
+export {
+  g as createAgGridReadyTriggerPlugin,
+  a as createAgGridTargetAdapter,
+  d as emitAgGridReady
+};

package/dist/components/flows/guidance/adapters/dialog.d.ts

@@ -0,0 +1 @@
+export { createDialogOpenedTriggerPlugin, getOverlayScopeRoot, } from './overlay-adapter';

package/dist/components/flows/guidance/adapters/dialog.js

@@ -0,0 +1,5 @@
+import { createDialogOpenedTriggerPlugin as r, getOverlayScopeRoot as g } from "./overlay-adapter.js";
+export {
+  r as createDialogOpenedTriggerPlugin,
+  g as getOverlayScopeRoot
+};

package/dist/components/flows/guidance/adapters/overlay-adapter.d.ts

@@ -0,0 +1,5 @@
+import { GuidancePlugin } from '../../../../lib/guidance';
+export declare function createDialogOpenedTriggerPlugin(): GuidancePlugin<{
+    dialogId?: string;
+}>;
+export declare function getOverlayScopeRoot(): HTMLElement | null;

package/dist/components/flows/guidance/adapters/overlay-adapter.js

@@ -0,0 +1,21 @@
+function t() {
+  if (typeof document > "u")
+    return null;
+  const e = document.querySelectorAll(
+    '[role="dialog"][data-state="open"], [role="alertdialog"][data-state="open"], [data-component="sheet-content"][data-state="open"]'
+  );
+  return e.length ? e[e.length - 1] : null;
+}
+function n() {
+  return {
+    type: "trigger.dialog-opened",
+    evaluate: () => t() !== null
+  };
+}
+function o() {
+  return t();
+}
+export {
+  n as createDialogOpenedTriggerPlugin,
+  o as getOverlayScopeRoot
+};

package/dist/components/flows/guidance/engine.d.ts

@@ -0,0 +1 @@
+export * from '../../../lib/guidance';

package/dist/components/flows/guidance/engine.js

@@ -0,0 +1,36 @@
+import { GuidanceEngine as t } from "../../../lib/guidance/engine/guidance-engine.js";
+import { GuideRegistry as i } from "../../../lib/guidance/engine/guide-registry.js";
+import { sanitizeGuideManifest as d, validateGuideManifest as g } from "../../../lib/guidance/engine/manifest-validator.js";
+import { getNextStepId as l, getStepById as p, resolveLocalizedStepContent as s } from "../../../lib/guidance/engine/step-navigation.js";
+import { TriggerPluginRegistry as f } from "../../../lib/guidance/triggers/trigger-registry.js";
+import { registerBuiltInTriggerPlugins as m } from "../../../lib/guidance/triggers/built-in-triggers.js";
+import { LocalStorageGuidanceAdapter as x, defaultGuidanceStorageAdapter as G } from "../../../lib/guidance/storage/storage-adapter.js";
+import { buildCampaignStorageKey as A, buildGuidanceStorageKey as R, buildSessionStatsKey as T } from "../../../lib/guidance/storage/storage-keys.js";
+import { NoopGuidanceAnalyticsAdapter as v, SamplingGuidanceAnalyticsAdapter as I, defaultGuidanceAnalyticsAdapter as K } from "../../../lib/guidance/analytics/analytics-adapter.js";
+import { GuidanceTargetRefRegistry as z, globalGuidanceTargetRefRegistry as B } from "../../../lib/guidance/targets/ref-registry.js";
+import { TargetResolver as F, resolveTargetSynchronously as L, waitForTargetResolved as M, waitForTargetVisible as N } from "../../../lib/guidance/targets/target-resolver.js";
+export {
+  t as GuidanceEngine,
+  z as GuidanceTargetRefRegistry,
+  i as GuideRegistry,
+  x as LocalStorageGuidanceAdapter,
+  v as NoopGuidanceAnalyticsAdapter,
+  I as SamplingGuidanceAnalyticsAdapter,
+  F as TargetResolver,
+  f as TriggerPluginRegistry,
+  A as buildCampaignStorageKey,
+  R as buildGuidanceStorageKey,
+  T as buildSessionStatsKey,
+  K as defaultGuidanceAnalyticsAdapter,
+  G as defaultGuidanceStorageAdapter,
+  l as getNextStepId,
+  p as getStepById,
+  B as globalGuidanceTargetRefRegistry,
+  m as registerBuiltInTriggerPlugins,
+  s as resolveLocalizedStepContent,
+  L as resolveTargetSynchronously,
+  d as sanitizeGuideManifest,
+  g as validateGuideManifest,
+  M as waitForTargetResolved,
+  N as waitForTargetVisible
+};

package/dist/components/flows/guidance/guidance-context.d.ts

@@ -0,0 +1,29 @@
+import { GuidanceAnalyticsAdapter, GuidanceErrorReporter, GuidancePlugin, GuidanceStorageAdapter, GuideManifest, GuidanceEngine } from '../../../lib/guidance';
+import * as React from 'react';
+export interface GuidanceProviderProps {
+    children: React.ReactNode;
+    storage: GuidanceStorageAdapter;
+    analytics?: GuidanceAnalyticsAdapter;
+    plugins?: GuidancePlugin[];
+    locale?: string;
+    tenantId?: string;
+    appVersion?: string;
+    consentRequired?: boolean;
+    maxGuidesPerSession?: number;
+    cooldownBetweenGuides?: number;
+    debug?: boolean;
+    errorReporter?: GuidanceErrorReporter;
+    mfeBridge?: boolean;
+}
+export interface GuidanceContextValue {
+    engine: GuidanceEngine;
+    debug: boolean;
+    locale: string;
+    registerGuide: (manifest: GuideManifest, routeScope?: string) => void;
+    unregisterGuide: (guideId: string) => void;
+    unregisterRouteScope: (routeScope: string) => void;
+}
+export declare const GuidanceContext: React.Context<GuidanceContextValue | null>;
+export declare function useGuidanceContext(): GuidanceContextValue;
+export type GuidanceEngineProviderConfig = Omit<GuidanceProviderProps, 'children'>;
+export declare function createGuidanceEngine(props: GuidanceEngineProviderConfig): GuidanceEngine;

package/dist/components/flows/guidance/guidance-context.js

@@ -0,0 +1,35 @@
+import * as i from "react";
+import { GuidanceEngine as o } from "../../../lib/guidance/engine/guidance-engine.js";
+const a = i.createContext(
+  null
+);
+function c() {
+  const e = i.useContext(a);
+  if (!e)
+    throw new Error("useGuidanceContext must be used within GuidanceProvider");
+  return e;
+}
+function s(e) {
+  const r = {
+    tenantId: e.tenantId ?? "default",
+    locale: e.locale ?? "en",
+    appVersion: e.appVersion ?? "0.0.0",
+    maxGuidesPerSession: e.maxGuidesPerSession ?? 3,
+    cooldownBetweenGuides: e.cooldownBetweenGuides ?? 3e4,
+    maxConcurrentGuides: 1,
+    consentRequired: e.consentRequired ?? !1,
+    debug: e.debug ?? !1,
+    storage: e.storage,
+    analytics: e.analytics ?? { track: () => {
+    } },
+    errorReporter: e.errorReporter
+  }, t = new o(r);
+  for (const n of e.plugins ?? [])
+    n.evaluate && t.triggers.register(n), n.resolve && t.resolver.registerAdapter(n);
+  return t;
+}
+export {
+  a as GuidanceContext,
+  s as createGuidanceEngine,
+  c as useGuidanceContext
+};

package/dist/components/flows/guidance/guidance-error-boundary.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+interface GuidanceErrorBoundaryProps {
+    children: React.ReactNode;
+    onError?: (error: Error) => void;
+}
+interface GuidanceErrorBoundaryState {
+    hasError: boolean;
+}
+export declare class GuidanceErrorBoundary extends React.Component<GuidanceErrorBoundaryProps, GuidanceErrorBoundaryState> {
+    constructor(props: GuidanceErrorBoundaryProps);
+    static getDerivedStateFromError(): GuidanceErrorBoundaryState;
+    componentDidCatch(error: Error): void;
+    render(): React.ReactNode;
+}
+export declare function GuidanceDebugPanel(): React.ReactElement | null;
+export {};

package/dist/components/flows/guidance/guidance-error-boundary.js

@@ -0,0 +1,49 @@
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import * as a from "react";
+import { useGuidanceContext as d } from "./guidance-context.js";
+class u extends a.Component {
+  constructor(e) {
+    super(e), this.state = { hasError: !1 };
+  }
+  static getDerivedStateFromError() {
+    return { hasError: !0 };
+  }
+  componentDidCatch(e) {
+    this.props.onError?.(e);
+  }
+  render() {
+    return this.state.hasError ? null : this.props.children;
+  }
+}
+function l() {
+  const { engine: r, debug: e } = d();
+  if (!e)
+    return null;
+  const s = r.registry.getAll(), n = r.state;
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-component": "guidance-debug-panel",
+      className: "fixed bottom-4 right-4 z-[9999] max-w-sm rounded-md border border-border-default bg-surface-elevated p-3 text-xs shadow-lg",
+      children: [
+        /* @__PURE__ */ o("div", { className: "font-semibold text-content-primary", children: "Guidance Debug" }),
+        /* @__PURE__ */ t("div", { className: "mt-1 text-content-secondary", children: [
+          "Status: ",
+          n.status
+        ] }),
+        /* @__PURE__ */ t("div", { className: "mt-1 text-content-secondary", children: [
+          "Registered guides: ",
+          s.length
+        ] }),
+        n.guideId ? /* @__PURE__ */ t("div", { className: "mt-1 text-content-secondary", children: [
+          "Active: ",
+          n.guideId
+        ] }) : null
+      ]
+    }
+  );
+}
+export {
+  l as GuidanceDebugPanel,
+  u as GuidanceErrorBoundary
+};

package/dist/components/flows/guidance/guidance-layer.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare function GuidanceLayer(): React.ReactElement | null;

package/dist/components/flows/guidance/guidance-layer.js

@@ -0,0 +1,71 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import * as s from "react";
+import { useSyncExternalStore as d } from "react";
+import { useGuidanceContext as m } from "./guidance-context.js";
+import { SpotlightRenderer as p } from "./renderers/spotlight-renderer.js";
+import { CoachMarkRenderer as f } from "./renderers/coach-mark-renderer.js";
+import { AnnouncementRenderer as b } from "./renderers/announcement-renderer.js";
+import { endTourScrollSnapshot as h } from "./renderers/guidance-renderer-shared.js";
+import { Button as l } from "../../primitives/button/button.js";
+function k(e, n) {
+  const r = {
+    instruction: e,
+    ...n
+  };
+  switch (e.renderer) {
+    case "spotlight":
+      return /* @__PURE__ */ t(p, { ...r });
+    case "coach-mark":
+      return /* @__PURE__ */ t(f, { ...r });
+    case "announcement":
+      return /* @__PURE__ */ t(b, { ...r });
+    default:
+      return null;
+  }
+}
+function G() {
+  const { engine: e } = m();
+  s.useEffect(() => e.on("guideEnd", () => {
+    h();
+  }), [e]);
+  const n = d(
+    (o) => e.subscribe(o),
+    () => e.state,
+    () => ({ status: "idle" })
+  ), r = d(
+    (o) => e.subscribe(o),
+    () => e.getRenderInstruction(),
+    () => null
+  ), a = s.useCallback(() => {
+    e.advanceStep();
+  }, [e]), u = s.useCallback(() => {
+    e.skipStep();
+  }, [e]), c = s.useCallback(() => {
+    e.dismiss("session");
+  }, [e]);
+  return n.status === "blocked" ? /* @__PURE__ */ i(
+    "div",
+    {
+      "data-component": "guidance-blocked",
+      className: "fixed bottom-4 left-1/2 z-50 -translate-x-1/2 rounded-md border border-border-default bg-surface-elevated px-4 py-3 shadow-lg",
+      role: "status",
+      children: [
+        /* @__PURE__ */ i("p", { className: "text-sm text-content-secondary", children: [
+          "Guide step is blocked: ",
+          n.reason
+        ] }),
+        /* @__PURE__ */ i("div", { className: "mt-2 flex gap-2", children: [
+          /* @__PURE__ */ t(l, { size: "sm", onClick: a, children: "Retry" }),
+          /* @__PURE__ */ t(l, { variant: "secondary", size: "sm", onClick: c, children: "Dismiss" })
+        ] })
+      ]
+    }
+  ) : r ? k(r, {
+    onNext: a,
+    onSkip: u,
+    onDismiss: c
+  }) : null;
+}
+export {
+  G as GuidanceLayer
+};

package/dist/components/flows/guidance/guidance-provider.d.ts

@@ -0,0 +1,3 @@
+import { GuidanceProviderProps } from './guidance-context';
+import * as React from 'react';
+export declare function GuidanceProvider({ children, ...providerProps }: GuidanceProviderProps): React.ReactElement;