impact-nova 2.5.6 → 2.5.8

package/dist/components/flows/guidance/help-center/help-center-guide-labels.js

@@ -0,0 +1,33 @@
+import { resolveGuideType as u } from "./guide-catalog-utils.js";
+function h(t, e) {
+  switch (u(t)) {
+    case "whats-new":
+      return e("helpCenter.guideTypeWhatsNew");
+    case "how-to":
+      return e("helpCenter.guideTypeHowTo");
+    case "tip":
+      return e("helpCenter.guideTypeTip");
+    default:
+      return e("helpCenter.guideTypeTour");
+  }
+}
+function p(t, e) {
+  switch (u(t)) {
+    case "whats-new":
+      return e("helpCenter.launchWhatsNew");
+    case "how-to":
+      return e("helpCenter.launchHowTo");
+    case "tip":
+      return e("helpCenter.launchTip");
+    default:
+      return e("helpCenter.launchTour");
+  }
+}
+function o(t, e, n) {
+  return u(t) === "whats-new" ? n("helpCenter.highlightCount", { count: e }) : n("helpCenter.stepCount", { count: e });
+}
+export {
+  p as getHelpCenterGuideLaunchLabel,
+  o as getHelpCenterGuideStepCountLabel,
+  h as getHelpCenterGuideTypeLabel
+};

package/dist/components/flows/guidance/help-center/help-center-guide-row.d.ts

@@ -0,0 +1,12 @@
+import { GuideType } from '../../../../lib/guidance';
+import * as React from 'react';
+export interface HelpCenterGuideRowProps {
+    title: string;
+    description?: string;
+    typeLabel?: string;
+    launchLabel: string;
+    guideType?: GuideType;
+    onLaunch: () => void;
+    className?: string;
+}
+export declare function HelpCenterGuideRow({ title, description, typeLabel, launchLabel, guideType, onLaunch, className, }: HelpCenterGuideRowProps): React.ReactElement;

package/dist/components/flows/guidance/help-center/help-center-guide-row.js

@@ -0,0 +1,57 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import "react";
+import { Badge as c } from "../../../data-display/badge/badge.js";
+import { cn as m } from "../../../../lib/utils.js";
+import { ChevronRight as d } from "impact-nova-icons";
+import { renderHelpCenterGuideTypeIcon as u } from "./renderHelpCenterGuideTypeIcon.js";
+function v({
+  title: r,
+  description: t,
+  typeLabel: s,
+  launchLabel: a,
+  guideType: i = "tour",
+  onLaunch: l,
+  className: o
+}) {
+  return /* @__PURE__ */ n(
+    "button",
+    {
+      type: "button",
+      className: m(
+        "flex w-full items-center gap-3 rounded-lg border border-border-subtle bg-canvas-elevated px-3 py-3 text-left transition-colors",
+        "hover:bg-canvas-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand",
+        o
+      ),
+      onClick: l,
+      "aria-label": `${a}: ${r}`,
+      children: [
+        /* @__PURE__ */ e(
+          "span",
+          {
+            className: "flex h-9 w-9 shrink-0 items-center justify-center text-content-secondary",
+            "aria-hidden": "true",
+            children: u(i, { size: 22 })
+          }
+        ),
+        /* @__PURE__ */ n("span", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ n("span", { className: "flex flex-wrap items-center gap-x-2 gap-y-1", children: [
+            /* @__PURE__ */ e("span", { className: "text-sm font-semibold leading-snug text-content", children: r }),
+            s ? /* @__PURE__ */ e(c, { variant: "subtle", color: "neutral", size: "sm", shape: "square", children: s }) : null
+          ] }),
+          t ? /* @__PURE__ */ e("span", { className: "mt-1 block line-clamp-2 text-sm leading-relaxed text-content-secondary", children: t }) : null
+        ] }),
+        /* @__PURE__ */ e(
+          d,
+          {
+            size: 16,
+            className: "shrink-0 text-content-tertiary",
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  v as HelpCenterGuideRow
+};

package/dist/components/flows/guidance/help-center/help-center-guide-type-icons.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface HelpCenterGuideTypeIconProps {
+    size?: number;
+    className?: string;
+}
+export declare function GuidedTourGuideIcon({ size, className, }: HelpCenterGuideTypeIconProps): React.ReactElement;
+export declare function WhatsNewGuideIcon({ size, className, }: HelpCenterGuideTypeIconProps): React.ReactElement;
+export declare function HowToGuideIcon({ size, className, }: HelpCenterGuideTypeIconProps): React.ReactElement;
+export declare function TipGuideIcon({ size, className, }: HelpCenterGuideTypeIconProps): React.ReactElement;

package/dist/components/flows/guidance/help-center/help-center-guide-type-icons.js

@@ -0,0 +1,114 @@
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import "react";
+import { cn as c } from "../../../../lib/utils.js";
+import l from "./assets/whats-new-guide-icon.svg.js";
+function t({
+  size: o = 20,
+  viewBox: e,
+  className: i,
+  children: u
+}) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      width: o,
+      height: o,
+      viewBox: e,
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: c("shrink-0", i),
+      "aria-hidden": "true",
+      children: u
+    }
+  );
+}
+function p({
+  size: o,
+  className: e
+}) {
+  return /* @__PURE__ */ n(t, { size: o, viewBox: "0 0 24 24", className: e, children: [
+    /* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "9.5", stroke: "currentColor" }),
+    /* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "7.5", stroke: "currentColor" }),
+    /* @__PURE__ */ r("path", { d: "M4.5 12H6.5", stroke: "currentColor", strokeLinecap: "round" }),
+    /* @__PURE__ */ r("path", { d: "M17.5 12H19.5", stroke: "currentColor", strokeLinecap: "round" }),
+    /* @__PURE__ */ r("path", { d: "M12 4.5V6.5", stroke: "currentColor", strokeLinecap: "round" }),
+    /* @__PURE__ */ r("path", { d: "M12 17.5V19.5", stroke: "currentColor", strokeLinecap: "round" }),
+    /* @__PURE__ */ r(
+      "path",
+      {
+        d: "M8.54333 8.60832L10.492 13.4801C10.4971 13.4928 10.5072 13.5029 10.5199 13.508L15.3917 15.4567C15.4325 15.473 15.473 15.4325 15.4567 15.3917L13.508 10.5199C13.5029 10.5072 13.4928 10.4971 13.4801 10.492L8.60832 8.54333C8.56751 8.527 8.527 8.56751 8.54333 8.60832Z",
+        stroke: "currentColor",
+        strokeLinecap: "round"
+      }
+    ),
+    /* @__PURE__ */ r("path", { d: "M13 11L11 13", stroke: "currentColor", strokeLinecap: "round" })
+  ] });
+}
+function k({
+  size: o = 20,
+  className: e
+}) {
+  return /* @__PURE__ */ r(
+    "img",
+    {
+      src: l,
+      width: o,
+      height: o,
+      alt: "",
+      className: c("shrink-0", e),
+      "aria-hidden": "true"
+    }
+  );
+}
+function C({
+  size: o,
+  className: e
+}) {
+  return /* @__PURE__ */ r(t, { size: o, viewBox: "0 0 32 32", className: e, children: /* @__PURE__ */ r(
+    "path",
+    {
+      d: "M28.25 2c-0-0.69-0.56-1.25-1.25-1.25h-4.964c-0.020-0.001-0.037-0.012-0.058-0.012h-7.957c-0.021 0-0.038 0.011-0.058 0.012h-6.763c-0.028-0.001-0.061-0.001-0.093-0.001-1.817 0-3.297 1.443-3.357 3.246l-0 0.005v24.389c0.114 1.606 1.445 2.867 3.070 2.867 0.063 0 0.126-0.002 0.188-0.006l-0.009 0h20c0.69 0 1.25-0.56 1.25-1.25s-0.56-1.25-1.25-1.25v0h-19.8c-0.024 0.002-0.051 0.004-0.079 0.004-0.441 0-0.807-0.325-0.871-0.749l-0.001-0.005v-1.223c0-0.090 0.266-0.361 0.746-0.361l20.004 0.057c0 0 0 0 0.001 0 0.515 0 0.956-0.311 1.148-0.756l0.003-0.008 0.007-0.034c0.056-0.132 0.089-0.286 0.092-0.447v-0.001l-0-0.002 0-0.002zM25.75 23.969l-14.5-0.041v-20.678h1.521v9.948c0 0.69 0.56 1.25 1.25 1.25 0.301 0 0.577-0.107 0.793-0.284l-0.002 0.002 3.195-2.614 3.189 2.552c0.212 0.171 0.484 0.274 0.781 0.274 0.691 0 1.25-0.56 1.25-1.25v0-9.877h2.521zM20.729 3.25v7.276l-1.947-1.559c-0.212-0.171-0.484-0.274-0.781-0.274-0.301 0-0.578 0.107-0.794 0.284l0.002-0.002-1.938 1.585v-7.312zM6.25 24v-20c0.064-0.429 0.43-0.754 0.871-0.754 0.028 0 0.055 0.001 0.082 0.004l-0.003-0h1.55v20.671l-1.75-0.005c-0.267 0.002-0.525 0.033-0.774 0.089l0.024-0.005z",
+      fill: "currentColor"
+    }
+  ) });
+}
+function v({
+  size: o,
+  className: e
+}) {
+  return /* @__PURE__ */ n(t, { size: o, viewBox: "0 0 24 24", className: e, children: [
+    /* @__PURE__ */ r(
+      "path",
+      {
+        d: "M9 18H15",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round"
+      }
+    ),
+    /* @__PURE__ */ r(
+      "path",
+      {
+        d: "M10 21H14",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round"
+      }
+    ),
+    /* @__PURE__ */ r(
+      "path",
+      {
+        d: "M12 3C8.68629 3 6 5.68629 6 9C6 10.6569 6.67157 12.1569 7.75736 13.2426C8.54301 14.0283 9 15.0609 9 16.2V17H15V16.2C15 15.0609 15.457 14.0283 16.2426 13.2426C17.3284 12.1569 18 10.6569 18 9C18 5.68629 15.3137 3 12 3Z",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinejoin: "round"
+      }
+    )
+  ] });
+}
+export {
+  p as GuidedTourGuideIcon,
+  C as HowToGuideIcon,
+  v as TipGuideIcon,
+  k as WhatsNewGuideIcon
+};

package/dist/components/flows/guidance/help-center/help-center-header.d.ts

@@ -1,3 +1,3 @@
 import { HelpCenterHeaderProps } from './help-center.types';
 import * as React from 'react';
-export declare function HelpCenterHeader({ title, children, className, }: HelpCenterHeaderProps): React.ReactElement;
+export declare function HelpCenterHeader({ title, subtitle, children, className, }: HelpCenterHeaderProps): React.ReactElement;

package/dist/components/flows/guidance/help-center/help-center-header.js

@@ -1,34 +1,38 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import "react";
-import { SheetTitle as s, SheetClose as c } from "../../../feedback/sheet/sheet.js";
-import { Button as l } from "../../../primitives/button/button.js";
+import { SheetTitle as l, SheetClose as c } from "../../../feedback/sheet/sheet.js";
+import { Button as d } from "../../../primitives/button/button.js";
 import { Cross as m } from "impact-nova-icons";
 import { useImpactNovaI18n as p } from "../../../../i18n/use-impact-nova-i18n.js";
-import { cn as d } from "../../../../lib/utils.js";
-function C({
+import { cn as h } from "../../../../lib/utils.js";
+function y({
   title: o,
-  children: a,
+  subtitle: n,
+  children: s,
   className: i
 }) {
-  const { t: r } = p(), t = o ?? r("helpCenter.title");
-  return /* @__PURE__ */ n(
+  const { t: a } = p(), t = o ?? a("helpCenter.title");
+  return /* @__PURE__ */ r(
     "div",
     {
       "data-component": "guidance-help-center-header",
-      className: d(
-        "flex shrink-0 items-center justify-between gap-3 border-b bg-canvas-elevated px-4 py-[9px]",
+      className: h(
+        "relative z-10 flex shrink-0 items-center justify-between gap-3 border-b border-border-subtle bg-canvas-elevated px-4 py-3 shadow-sm",
         i
       ),
       children: [
-        typeof t == "string" ? /* @__PURE__ */ e(s, { className: "shrink-0 text-lg font-bold text-content", children: t }) : t,
-        /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-          a,
+        /* @__PURE__ */ r("div", { className: "min-w-0 flex-1", children: [
+          typeof t == "string" ? /* @__PURE__ */ e(l, { className: "text-lg font-bold text-content", children: t }) : t,
+          n ? /* @__PURE__ */ e("p", { className: "mt-0.5 text-xs leading-snug text-content-secondary", children: n }) : null
+        ] }),
+        /* @__PURE__ */ r("div", { className: "flex shrink-0 items-center gap-2", children: [
+          s,
           /* @__PURE__ */ e(c, { asChild: !0, children: /* @__PURE__ */ e(
-            l,
+            d,
             {
               variant: "secondary",
               size: "icon",
-              "aria-label": r("aria.close"),
+              "aria-label": a("aria.close"),
               "data-component": "guidance-help-center-close",
               children: /* @__PURE__ */ e(m, { className: "!h-3 !w-3" })
             }
@@ -39,5 +43,5 @@ function C({
   );
 }
 export {
-  C as HelpCenterHeader
+  y as HelpCenterHeader
 };

package/dist/components/flows/guidance/help-center/help-center.constants.d.ts

@@ -1,5 +1,5 @@
 export declare const HELP_CENTER_ALL_CATEGORY_VALUE = "all";
-export declare const GUIDE_CARD_ESTIMATE_HEIGHT = 72;
+export declare const GUIDE_CARD_ESTIMATE_HEIGHT = 88;
 export declare const GUIDE_LIST_ROW_GAP = 8;
 /** Below this count, a simple list is rendered instead of windowing. */
 export declare const GUIDE_LIST_VIRTUALIZATION_THRESHOLD = 12;

package/dist/components/flows/guidance/help-center/help-center.constants.js

@@ -1,4 +1,4 @@
-const _ = "all", E = 72, I = 8, T = 12;
+const _ = "all", E = 88, I = 8, T = 12;
 export {
   E as GUIDE_CARD_ESTIMATE_HEIGHT,
   I as GUIDE_LIST_ROW_GAP,

package/dist/components/flows/guidance/help-center/help-center.d.ts

@@ -1,10 +1,12 @@
-import { HelpCenterBodyProps, HelpCenterCategoryTabsProps, HelpCenterContentProps, HelpCenterFooterProps, HelpCenterProps } from './help-center.types';
+import { HelpCenterBodyProps, HelpCenterCategoryTabsProps, HelpCenterContentProps, HelpCenterFooterProps, HelpCenterProps, HelpCenterSupportFooterProps } from './help-center.types';
 import * as React from 'react';
 export declare function HelpCenter({ open, onOpenChange, children, className, }: HelpCenterProps): React.ReactElement;
 export declare function HelpCenterContent({ children, className, }: HelpCenterContentProps): React.ReactElement;
 export declare function HelpCenterCategoryTabs({ categories, allCategoryLabel, className, }: HelpCenterCategoryTabsProps): React.ReactElement;
 export declare function HelpCenterBody({ children, className, }: HelpCenterBodyProps): React.ReactElement;
 export declare function HelpCenterFooter({ children, className, }: HelpCenterFooterProps): React.ReactElement;
+export declare function HelpCenterSupportFooter({ ticketUrl, ticketLabel, message, }: HelpCenterSupportFooterProps): React.ReactElement;
 export { HelpCenterHeader } from './help-center-header';
 export { GuideCatalog } from './guide-catalog';
+export { GuideCatalogSection } from './guide-catalog-section';
 export type { GuideCatalogProps } from './help-center.types';

package/dist/components/flows/guidance/help-center/help-center.js

@@ -1,95 +1,118 @@
-import { jsx as n, jsxs as s } from "react/jsx-runtime";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import "react";
-import { Sheet as m, SheetContent as d, SheetDescription as h, SheetBody as f, SheetFooter as u } from "../../../feedback/sheet/sheet.js";
-import { TabsList as x, TabsTrigger as c } from "../../../primitives/tabs/tabs.js";
-import { useImpactNovaI18n as p } from "../../../../i18n/use-impact-nova-i18n.js";
-import { cn as r } from "../../../../lib/utils.js";
-import { HELP_CENTER_ALL_CATEGORY_VALUE as v } from "./help-center.constants.js";
-function L({
-  open: e,
-  onOpenChange: t,
-  children: l,
-  className: o
+import { Sheet as m, SheetContent as d, SheetDescription as u, SheetBody as h, SheetFooter as f } from "../../../feedback/sheet/sheet.js";
+import { Button as x } from "../../../primitives/button/button.js";
+import { TabsList as v, TabsTrigger as p } from "../../../primitives/tabs/tabs.js";
+import { useImpactNovaI18n as c } from "../../../../i18n/use-impact-nova-i18n.js";
+import { cn as s } from "../../../../lib/utils.js";
+import { HELP_CENTER_ALL_CATEGORY_VALUE as g } from "./help-center.constants.js";
+function S({
+  open: t,
+  onOpenChange: r,
+  children: o,
+  className: n
 }) {
-  const { t: a } = p();
-  return /* @__PURE__ */ n(m, { open: e, onOpenChange: t, children: /* @__PURE__ */ s(
+  const { t: l } = c();
+  return /* @__PURE__ */ e(m, { open: t, onOpenChange: r, children: /* @__PURE__ */ i(
     d,
     {
       "data-component": "guidance-help-center",
       side: "right",
-      className: r(
+      className: s(
         "w-full max-w-xl overflow-hidden sm:max-w-2xl",
-        o
+        n
       ),
       children: [
-        /* @__PURE__ */ n(h, { className: "sr-only", children: a("helpCenter.description") }),
-        l
+        /* @__PURE__ */ e(u, { className: "sr-only", children: l("helpCenter.description") }),
+        o
       ]
     }
   ) });
 }
-function T({
-  children: e,
-  className: t
+function j({
+  children: t,
+  className: r
 }) {
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ e(
     "div",
     {
       "data-component": "guidance-help-center-content",
-      className: r("flex h-full min-h-0 flex-col bg-canvas-elevated", t),
-      children: e
+      className: s("flex h-full min-h-0 flex-col bg-canvas-elevated", r),
+      children: t
     }
   );
 }
 function E({
-  categories: e,
-  allCategoryLabel: t,
-  className: l
+  categories: t,
+  allCategoryLabel: r,
+  className: o
 }) {
-  const { t: o } = p(), a = t ?? o("helpCenter.allCategory");
-  return /* @__PURE__ */ n(
+  const { t: n } = c(), l = r ?? n("helpCenter.allCategory");
+  return /* @__PURE__ */ e(
     "div",
     {
       "data-component": "guidance-help-center-toolbar",
-      className: r(
+      className: s(
         "guidance-help-center-toolbar relative z-10 shrink-0 bg-canvas-elevated px-4 pb-3 pt-3",
-        l
+        o
       ),
-      children: /* @__PURE__ */ s(x, { className: "h-auto w-full max-w-full flex-nowrap justify-start gap-1 overflow-x-auto p-1", children: [
-        /* @__PURE__ */ n(c, { value: v, children: a }),
-        e.map((i) => /* @__PURE__ */ n(c, { value: i.id, children: i.label }, i.id))
+      children: /* @__PURE__ */ i(v, { className: "h-auto w-full max-w-full flex-nowrap justify-start gap-1 overflow-x-auto p-1", children: [
+        /* @__PURE__ */ e(p, { value: g, children: l }),
+        t.map((a) => /* @__PURE__ */ e(p, { value: a.id, children: a.label }, a.id))
       ] })
     }
   );
 }
-function S({
-  children: e,
-  className: t
+function _({
+  children: t,
+  className: r
 }) {
-  return /* @__PURE__ */ n(
-    f,
+  return /* @__PURE__ */ e(
+    h,
     {
-      className: r("flex min-h-0 flex-1 flex-col overflow-hidden p-0", t),
-      children: e
+      className: s("flex min-h-0 flex-1 flex-col overflow-hidden p-0", r),
+      children: t
     }
   );
 }
-function j({
-  children: e,
-  className: t
+function b({
+  children: t,
+  className: r
 }) {
-  return /* @__PURE__ */ n(
-    u,
+  return /* @__PURE__ */ e(
+    f,
     {
-      className: r("shrink-0 justify-start border-t px-4 py-2.5", t),
-      children: e
+      className: s(
+        "mt-auto shrink-0 justify-start border-t border-stroke-hairline bg-canvas-elevated px-4 py-3",
+        r
+      ),
+      children: t
     }
   );
 }
+function A({
+  ticketUrl: t,
+  ticketLabel: r,
+  message: o
+}) {
+  const { t: n } = c(), l = o ?? n("helpCenter.supportFooterMessage"), a = r ?? n("helpCenter.supportTicketLabel");
+  return /* @__PURE__ */ e(b, { children: /* @__PURE__ */ i(
+    "div",
+    {
+      "data-component": "guidance-help-center-support-footer",
+      className: "flex w-full flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
+      children: [
+        /* @__PURE__ */ e("p", { className: "text-sm font-semibold leading-snug text-content", children: l }),
+        /* @__PURE__ */ e(x, { variant: "outline", size: "sm", className: "shrink-0 sm:ms-auto", asChild: !0, children: /* @__PURE__ */ e("a", { href: t, target: "_blank", rel: "noopener noreferrer", children: a }) })
+      ]
+    }
+  ) });
+}
 export {
-  L as HelpCenter,
-  S as HelpCenterBody,
+  S as HelpCenter,
+  _ as HelpCenterBody,
   E as HelpCenterCategoryTabs,
-  T as HelpCenterContent,
-  j as HelpCenterFooter
+  j as HelpCenterContent,
+  b as HelpCenterFooter,
+  A as HelpCenterSupportFooter
 };

package/dist/components/flows/guidance/help-center/help-center.types.d.ts

@@ -13,6 +13,7 @@ export interface HelpCenterContentProps {
 }
 export interface HelpCenterHeaderProps {
     title?: React.ReactNode;
+    subtitle?: React.ReactNode;
     children?: React.ReactNode;
     className?: string;
 }
@@ -29,11 +30,18 @@ export interface HelpCenterFooterProps {
     children?: React.ReactNode;
     className?: string;
 }
+export interface HelpCenterSupportFooterProps {
+    ticketUrl: string;
+    ticketLabel?: string;
+    message?: string;
+}
 export interface GuideCatalogProps {
     guides: GuideManifest[];
     onLaunchGuide: (guideId: string) => void;
     replayLabel?: string;
+    getLaunchLabel?: (guide: GuideManifest) => string;
+    getGuideTypeLabel?: (guide: GuideManifest) => string;
     emptyStateMessage?: string;
-    getStepCountLabel?: (stepCount: number) => string;
+    scrollable?: boolean;
     className?: string;
 }

package/dist/components/flows/guidance/help-center/renderHelpCenterGuideTypeIcon.d.ts

@@ -0,0 +1,4 @@
+import { GuideType } from '../../../../lib/guidance';
+import { HelpCenterGuideTypeIconProps } from './help-center-guide-type-icons';
+import * as React from 'react';
+export declare function renderHelpCenterGuideTypeIcon(guideType: GuideType, iconProps?: HelpCenterGuideTypeIconProps): React.ReactElement;

package/dist/components/flows/guidance/help-center/renderHelpCenterGuideTypeIcon.js

@@ -0,0 +1,18 @@
+import { jsx as t } from "react/jsx-runtime";
+import "react";
+import { GuidedTourGuideIcon as u, TipGuideIcon as o, HowToGuideIcon as n, WhatsNewGuideIcon as i } from "./help-center-guide-type-icons.js";
+function w(r, e) {
+  switch (r) {
+    case "whats-new":
+      return /* @__PURE__ */ t(i, { ...e });
+    case "how-to":
+      return /* @__PURE__ */ t(n, { ...e });
+    case "tip":
+      return /* @__PURE__ */ t(o, { ...e });
+    default:
+      return /* @__PURE__ */ t(u, { ...e });
+  }
+}
+export {
+  w as renderHelpCenterGuideTypeIcon
+};

package/dist/components/flows/guidance/help-center.d.ts

@@ -1,6 +1,8 @@
-export { HelpCenter, HelpCenterContent, HelpCenterHeader, HelpCenterCategoryTabs, HelpCenterBody, HelpCenterFooter, GuideCatalog, } from './help-center/help-center';
+export { HelpCenter, HelpCenterContent, HelpCenterHeader, HelpCenterCategoryTabs, HelpCenterBody, HelpCenterFooter, HelpCenterSupportFooter, GuideCatalog, GuideCatalogSection, } from './help-center/help-center';
 export { filterHelpCenterGuides } from './help-center/filter-help-center-guides';
 export { HELP_CENTER_ALL_CATEGORY_VALUE } from './help-center/help-center.constants';
+export { getHelpCenterGuideLaunchLabel, getHelpCenterGuideStepCountLabel, getHelpCenterGuideTypeLabel, } from './help-center/help-center-guide-labels';
+export { resolveGuideType } from './help-center/guide-catalog-utils';
 export { useHelpCenter, formatHelpCenterCategoryLabel } from './hooks/use-help-center';
-export type { HelpCenterProps, HelpCenterContentProps, HelpCenterHeaderProps, HelpCenterCategoryTabsProps, HelpCenterBodyProps, HelpCenterFooterProps, GuideCatalogProps, } from './help-center/help-center.types';
+export type { HelpCenterProps, HelpCenterContentProps, HelpCenterHeaderProps, HelpCenterCategoryTabsProps, HelpCenterBodyProps, HelpCenterFooterProps, HelpCenterSupportFooterProps, GuideCatalogProps, } from './help-center/help-center.types';
 export type { HelpCenterCategory } from './hooks/use-help-center';

package/dist/components/flows/guidance/help-center.js

@@ -1,19 +1,28 @@
-import { HelpCenter as t, HelpCenterBody as o, HelpCenterCategoryTabs as p, HelpCenterContent as C, HelpCenterFooter as l } from "./help-center/help-center.js";
-import { filterHelpCenterGuides as H } from "./help-center/filter-help-center-guides.js";
-import { HELP_CENTER_ALL_CATEGORY_VALUE as f } from "./help-center/help-center.constants.js";
-import { formatHelpCenterCategoryLabel as x, useHelpCenter as E } from "./hooks/use-help-center.js";
-import { GuideCatalog as d } from "./help-center/guide-catalog.js";
-import { HelpCenterHeader as g } from "./help-center/help-center-header.js";
+import { HelpCenter as t, HelpCenterBody as o, HelpCenterCategoryTabs as p, HelpCenterContent as l, HelpCenterFooter as C, HelpCenterSupportFooter as n } from "./help-center/help-center.js";
+import { filterHelpCenterGuides as a } from "./help-center/filter-help-center-guides.js";
+import { HELP_CENTER_ALL_CATEGORY_VALUE as u } from "./help-center/help-center.constants.js";
+import { getHelpCenterGuideLaunchLabel as d, getHelpCenterGuideStepCountLabel as i, getHelpCenterGuideTypeLabel as x } from "./help-center/help-center-guide-labels.js";
+import { resolveGuideType as G } from "./help-center/guide-catalog-utils.js";
+import { formatHelpCenterCategoryLabel as b, useHelpCenter as y } from "./hooks/use-help-center.js";
+import { GuideCatalog as T } from "./help-center/guide-catalog.js";
+import { GuideCatalogSection as _ } from "./help-center/guide-catalog-section.js";
+import { HelpCenterHeader as S } from "./help-center/help-center-header.js";
 export {
-  d as GuideCatalog,
-  f as HELP_CENTER_ALL_CATEGORY_VALUE,
+  T as GuideCatalog,
+  _ as GuideCatalogSection,
+  u as HELP_CENTER_ALL_CATEGORY_VALUE,
   t as HelpCenter,
   o as HelpCenterBody,
   p as HelpCenterCategoryTabs,
-  C as HelpCenterContent,
-  l as HelpCenterFooter,
-  g as HelpCenterHeader,
-  H as filterHelpCenterGuides,
-  x as formatHelpCenterCategoryLabel,
-  E as useHelpCenter
+  l as HelpCenterContent,
+  C as HelpCenterFooter,
+  S as HelpCenterHeader,
+  n as HelpCenterSupportFooter,
+  a as filterHelpCenterGuides,
+  b as formatHelpCenterCategoryLabel,
+  d as getHelpCenterGuideLaunchLabel,
+  i as getHelpCenterGuideStepCountLabel,
+  x as getHelpCenterGuideTypeLabel,
+  G as resolveGuideType,
+  y as useHelpCenter
 };