@streamoid/ui 0.5.1 → 0.6.0

package/dist/index.css

@@ -2530,10 +2530,31 @@
 .ScPlanDetailsCard_scPairtextInstance {
   flex: 1 !important;
 }
+.ScPlanDetailsCard_badgeGroup {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-sm, 0.375rem);
+  min-width: 0;
+}
 .ScPlanDetailsCard_scBadgesInstance {
   width: 3.3125rem !important;
   align-self: unset !important;
 }
+.ScPlanDetailsCard_badgeDot {
+  width: 0.25rem;
+  height: 0.25rem;
+  border-radius: var(--radius-full, 999px);
+  background: var(--alias-text-and-icons-tertiary, #9e9e9e);
+  flex-shrink: 0;
+}
+.ScPlanDetailsCard_badgeSubText {
+  color: var(--alias-text-and-icons-tertiary, #9e9e9e);
+  font-family: var(--text-text-sm-medium-font-family, "Inter-Medium", sans-serif);
+  font-size: var(--text-text-sm-medium-font-size, 0.875rem);
+  line-height: var(--text-text-sm-medium-line-height, 1.25rem);
+  font-weight: var(--text-text-sm-medium-font-weight, 500);
+  white-space: nowrap;
+}
 .ScPlanDetailsCard_scHDividerInstance {
   align-self: stretch !important;
   flex-shrink: 0 !important;
@@ -2601,7 +2622,53 @@
 }
 .ScPlanDetailsCard_scButtonInstance {
   flex-shrink: 0 !important;
-  width: 7.5rem !important;
+  min-width: 7.5rem !important;
+  width: auto !important;
+}
+.ScPlanDetailsCard_skeletonPill {
+  display: block;
+  border-radius: var(--radius-full, 999px);
+  background:
+    linear-gradient(
+      90deg,
+      var(--alias-fill-neutral-neutral, #242424) 0%,
+      var(--alias-border-subtle, #333333) 45%,
+      var(--alias-fill-neutral-neutral, #242424) 90%);
+  background-size: 200% 100%;
+  animation: ScPlanDetailsCard_skeletonShimmer 1.1s ease-in-out infinite;
+}
+.ScPlanDetailsCard_badgeSkeleton {
+  width: 3.3125rem;
+  height: 1.75rem;
+}
+.ScPlanDetailsCard_planNameSkeleton {
+  width: 4.25rem;
+  height: 1.25rem;
+}
+.ScPlanDetailsCard_creditsSkeleton {
+  width: 7.5rem;
+  height: 1.25rem;
+  margin-left: var(--spacing-md, 0.5rem);
+}
+.ScPlanDetailsCard_priceSkeleton {
+  width: 5rem;
+  height: 0.875rem;
+  margin-top: 0.375rem;
+  align-self: flex-start;
+}
+.ScPlanDetailsCard_buttonSkeleton {
+  flex-shrink: 0;
+  width: 7.5rem;
+  height: 2.5rem;
+  border-radius: var(--radius-xl, 0.75rem);
+}
+@keyframes ScPlanDetailsCard_skeletonShimmer {
+  0% {
+    background-position: 100% 0;
+  }
+  100% {
+    background-position: -100% 0;
+  }
 }
 
 /* src/SC-Profile/ScProfile.module.css */
@@ -3938,120 +4005,105 @@
   border-radius: var(--radius-full, 999px);
 }
 
-/* src/SC-Guide/ScGuide.module.css */
-.ScGuide_scGuide,
-.ScGuide_scGuide * {
+/* src/SC-Sidebar Switch menu/ScSidebarSwitchMenu.module.css */
+.ScSidebarSwitchMenu_scSidebarSwitchMenu,
+.ScSidebarSwitchMenu_scSidebarSwitchMenu * {
   box-sizing: border-box;
 }
-.ScGuide_scGuide {
-  background-color: var(--alias-surface-subtleraised, #1f1f1f);
+.ScSidebarSwitchMenu_scSidebarSwitchMenu {
   border-radius: var(--radius-3xl, 1rem);
-  padding: var(--spacing-4xl, 1.125rem);
+  padding: var(--spacing-md, 0.5rem) var(--spacing-xl, 0.75rem) var(--spacing-md, 0.5rem) var(--spacing-xl, 0.75rem);
+  display: flex;
+  flex-direction: row;
+  gap: 0.5rem;
+  align-items: flex-start;
+  justify-content: flex-start;
+  align-self: stretch;
+  flex-shrink: 0;
+  position: relative;
+  cursor: pointer;
+}
+.ScSidebarSwitchMenu_iconWrapper {
+  width: 1.25rem;
+  height: 1.25rem;
+  flex-shrink: 0;
   display: flex;
-  flex-direction: column;
   align-items: center;
   justify-content: center;
-  gap: var(--spacing-3xl, 1rem);
-  width: 16.3125rem;
-  position: relative;
+  overflow: hidden;
 }
-.ScGuide_header {
+.ScSidebarSwitchMenu_iconWrapper > * {
+  max-width: 100%;
+  max-height: 100%;
+}
+.ScSidebarSwitchMenu_content {
   display: flex;
   flex-direction: column;
-  align-items: flex-start;
-  gap: var(--spacing-lg, 0.625rem);
-  width: 100%;
-  word-break: break-word;
-}
-.ScGuide_title {
+  flex: 1 0 0;
+  min-width: 0;
+  position: relative;
   font-family: var(--font-family-font-family-body, "Inter", sans-serif);
-  font-size: var(--font-size-font-size-md, 1rem);
-  font-weight: 500;
-  line-height: var(--line-height-line-height-md, 1.5rem);
-  color: var(--alias-text-and-icons-primary, #f5f5f5);
-  width: 100%;
-  margin: 0;
+  font-weight: var(--font-weight-font-weight-regular, 400);
+  text-align: left;
 }
-.ScGuide_description {
-  font-family: var(--font-family-font-family-body, "Inter", sans-serif);
+.ScSidebarSwitchMenu_text {
+  color: var(--alias-text---icons-tertiary, #9e9e9e);
   font-size: var(--font-size-font-size-sm, 0.875rem);
-  font-weight: 400;
   line-height: var(--line-height-line-height-sm, 1.25rem);
-  color: var(--alias-text-and-icons-tertiary, #9e9e9e);
+  height: 1.25rem;
   width: 100%;
-  margin: 0;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
 }
-.ScGuide_actions {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
+.ScSidebarSwitchMenu_description {
+  color: var(--alias-text---icons-tertiary, #9e9e9e);
+  font-size: var(--font-size-font-size-xs, 0.75rem);
+  line-height: var(--line-height-line-height-xs, 1.125rem);
   width: 100%;
-  position: relative;
-}
-.ScGuide_stepIndicator {
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  pointer-events: none;
-  font-family: var(--font-family-font-family-body, "Inter", sans-serif);
-  font-size: var(--font-size-font-size-sm, 0.875rem);
-  font-weight: 400;
-  line-height: var(--line-height-line-height-sm, 1.25rem);
-  color: var(--alias-text-and-icons-tertiary, #9e9e9e);
+  text-overflow: ellipsis;
+  overflow: hidden;
   white-space: nowrap;
 }
-.ScGuide_skipButton {
-  background: transparent;
-  border: none;
-  padding: 0;
+.ScSidebarSwitchMenu_moreIconWrapper {
+  display: none;
+  align-items: center;
+  padding: 0.125rem;
+  border-radius: var(--radius-md, 0.5rem);
+  flex-shrink: 0;
   cursor: pointer;
-  font-family: var(--font-family-font-family-body, "Inter", sans-serif);
-  font-size: var(--font-size-font-size-sm, 0.875rem);
-  font-weight: 400;
-  line-height: var(--line-height-line-height-sm, 1.25rem);
-  color: var(--alias-text-and-icons-tertiary, #9e9e9e);
-  white-space: nowrap;
 }
-.ScGuide_skipButton:disabled {
-  cursor: default;
-  opacity: 0.5;
+.ScSidebarSwitchMenu_scSidebarSwitchMenu.ScSidebarSwitchMenu_state-active {
+  background: var(--alias-fill-neutral-neutralselected, #242424);
 }
-.ScGuide_skipSpacer {
-  visibility: hidden;
+.ScSidebarSwitchMenu_scSidebarSwitchMenu.ScSidebarSwitchMenu_state-active .ScSidebarSwitchMenu_text {
+  color: var(--alias-text---icons-primary, #f5f5f5);
 }
-.ScGuide_nextButton {
-  background: transparent;
-  border: none;
-  padding: 0;
-  display: inline-flex;
-  align-items: center;
-  cursor: pointer;
-  font-family: var(--font-family-font-family-body, "Inter", sans-serif);
-  font-size: var(--font-size-font-size-sm, 0.875rem);
-  font-weight: 400;
-  line-height: var(--line-height-line-height-sm, 1.25rem);
-  white-space: nowrap;
+.ScSidebarSwitchMenu_scSidebarSwitchMenu.ScSidebarSwitchMenu_state-default-highlight .ScSidebarSwitchMenu_text {
+  color: var(--alias-text---icons-primary, #f5f5f5);
 }
-.ScGuide_nextButton:disabled {
-  cursor: default;
-  opacity: 0.5;
+.ScSidebarSwitchMenu_scSidebarSwitchMenu.ScSidebarSwitchMenu_state-default-active {
+  background: var(--alias-surface-canvas, #0b0b0b);
+  box-shadow: inset 0 0 0 0.5px var(--alias-border-subtle, #242424);
 }
-.ScGuide_nextLabel {
-  background-image:
-    linear-gradient(
-      74.117deg,
-      #d91536 15.098%,
-      #ee5e3a 84.955%);
-  -webkit-background-clip: text;
-  background-clip: text;
-  color: transparent;
-  -webkit-text-fill-color: transparent;
+.ScSidebarSwitchMenu_scSidebarSwitchMenu.ScSidebarSwitchMenu_state-default-active .ScSidebarSwitchMenu_text {
+  color: var(--alias-text---icons-primary, #f5f5f5);
 }
-.ScGuide_nextIcon {
-  display: inline-flex;
+.ScSidebarSwitchMenu_scSidebarSwitchMenu:hover,
+.ScSidebarSwitchMenu_scSidebarSwitchMenu.ScSidebarSwitchMenu_state-hover {
+  background: var(--alias-fill-neutral-neutral, #1a1a1a);
+}
+.ScSidebarSwitchMenu_scSidebarSwitchMenu:hover .ScSidebarSwitchMenu_moreIconWrapper,
+.ScSidebarSwitchMenu_scSidebarSwitchMenu.ScSidebarSwitchMenu_state-hover .ScSidebarSwitchMenu_moreIconWrapper {
+  display: flex;
+}
+.ScSidebarSwitchMenu_scSidebarSwitchMenu.ScSidebarSwitchMenu_variant-collapsed {
+  padding: var(--spacing-md, 0.5rem);
+  align-self: unset;
   align-items: center;
-  color: #ee5e3a;
+  justify-content: center;
+  width: 2.5rem;
+  height: 2.5rem;
 }
 
 /* src/SC-SideBarLogoUnit/ScSideBarLogoUnit.module.css */
@@ -4155,6 +4207,122 @@
   background-color: var(--alias-fill-neutral-neutralplus, #151515);
 }
 
+/* src/SC-Guide/ScGuide.module.css */
+.ScGuide_scGuide,
+.ScGuide_scGuide * {
+  box-sizing: border-box;
+}
+.ScGuide_scGuide {
+  background-color: var(--alias-surface-subtleraised, #1f1f1f);
+  border-radius: var(--radius-3xl, 1rem);
+  padding: var(--spacing-4xl, 1.125rem);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: var(--spacing-3xl, 1rem);
+  width: 16.3125rem;
+  position: relative;
+}
+.ScGuide_header {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--spacing-lg, 0.625rem);
+  width: 100%;
+  word-break: break-word;
+}
+.ScGuide_title {
+  font-family: var(--font-family-font-family-body, "Inter", sans-serif);
+  font-size: var(--font-size-font-size-md, 1rem);
+  font-weight: 500;
+  line-height: var(--line-height-line-height-md, 1.5rem);
+  color: var(--alias-text-and-icons-primary, #f5f5f5);
+  width: 100%;
+  margin: 0;
+}
+.ScGuide_description {
+  font-family: var(--font-family-font-family-body, "Inter", sans-serif);
+  font-size: var(--font-size-font-size-sm, 0.875rem);
+  font-weight: 400;
+  line-height: var(--line-height-line-height-sm, 1.25rem);
+  color: var(--alias-text-and-icons-tertiary, #9e9e9e);
+  width: 100%;
+  margin: 0;
+}
+.ScGuide_actions {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  position: relative;
+}
+.ScGuide_stepIndicator {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  pointer-events: none;
+  font-family: var(--font-family-font-family-body, "Inter", sans-serif);
+  font-size: var(--font-size-font-size-sm, 0.875rem);
+  font-weight: 400;
+  line-height: var(--line-height-line-height-sm, 1.25rem);
+  color: var(--alias-text-and-icons-tertiary, #9e9e9e);
+  white-space: nowrap;
+}
+.ScGuide_skipButton {
+  background: transparent;
+  border: none;
+  padding: 0;
+  cursor: pointer;
+  font-family: var(--font-family-font-family-body, "Inter", sans-serif);
+  font-size: var(--font-size-font-size-sm, 0.875rem);
+  font-weight: 400;
+  line-height: var(--line-height-line-height-sm, 1.25rem);
+  color: var(--alias-text-and-icons-tertiary, #9e9e9e);
+  white-space: nowrap;
+}
+.ScGuide_skipButton:disabled {
+  cursor: default;
+  opacity: 0.5;
+}
+.ScGuide_skipSpacer {
+  visibility: hidden;
+}
+.ScGuide_nextButton {
+  background: transparent;
+  border: none;
+  padding: 0;
+  display: inline-flex;
+  align-items: center;
+  cursor: pointer;
+  font-family: var(--font-family-font-family-body, "Inter", sans-serif);
+  font-size: var(--font-size-font-size-sm, 0.875rem);
+  font-weight: 400;
+  line-height: var(--line-height-line-height-sm, 1.25rem);
+  white-space: nowrap;
+}
+.ScGuide_nextButton:disabled {
+  cursor: default;
+  opacity: 0.5;
+}
+.ScGuide_nextLabel {
+  background-image:
+    linear-gradient(
+      74.117deg,
+      #d91536 15.098%,
+      #ee5e3a 84.955%);
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+  -webkit-text-fill-color: transparent;
+}
+.ScGuide_nextIcon {
+  display: inline-flex;
+  align-items: center;
+  color: #ee5e3a;
+}
+
 /* src/SC-Slider/ScSlider.module.css */
 .ScSlider_scSlider,
 .ScSlider_scSlider * {
@@ -7155,10 +7323,75 @@
   font-weight: 500;
   width: 100%;
 }
+.ScPlanDetailsCardMobile_badgeGroup {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-sm, 0.375rem);
+  min-width: 0;
+}
 .ScPlanDetailsCardMobile_scBadgesInstance {
   flex-shrink: 0 !important;
 }
+.ScPlanDetailsCardMobile_badgeDot {
+  width: 0.25rem;
+  height: 0.25rem;
+  border-radius: var(--radius-full, 999px);
+  background: var(--alias-text-and-icons-tertiary, #9e9e9e);
+  flex-shrink: 0;
+}
+.ScPlanDetailsCardMobile_badgeSubText {
+  color: var(--alias-text-and-icons-tertiary, #9e9e9e);
+  font-family: var(--font-family-font-family-body, "Inter", sans-serif);
+  font-size: var(--font-size-font-size-sm, 0.875rem);
+  line-height: var(--line-height-line-height-sm, 1.25rem);
+  font-weight: 500;
+  white-space: nowrap;
+}
 .ScPlanDetailsCardMobile_scButtonInstance {
   width: 100% !important;
   flex-shrink: 0 !important;
 }
+.ScPlanDetailsCardMobile_skeletonPill {
+  display: block;
+  border-radius: var(--radius-full, 999px);
+  background:
+    linear-gradient(
+      90deg,
+      var(--alias-fill-neutral-neutral, #242424) 0%,
+      var(--alias-border-subtle, #333333) 45%,
+      var(--alias-fill-neutral-neutral, #242424) 90%);
+  background-size: 200% 100%;
+  animation: ScPlanDetailsCardMobile_skeletonShimmer 1.1s ease-in-out infinite;
+}
+.ScPlanDetailsCardMobile_badgeSkeleton {
+  width: 3.3125rem;
+  height: 1.75rem;
+}
+.ScPlanDetailsCardMobile_planNameSkeleton {
+  width: 4.25rem;
+  height: 1.25rem;
+}
+.ScPlanDetailsCardMobile_creditsSkeleton {
+  width: 7.5rem;
+  height: 1.25rem;
+  margin-left: var(--spacing-md, 0.5rem);
+}
+.ScPlanDetailsCardMobile_priceSkeleton {
+  width: 5rem;
+  height: 0.875rem;
+  margin-top: 0.375rem;
+  align-self: flex-start;
+}
+.ScPlanDetailsCardMobile_buttonSkeleton {
+  width: 100%;
+  height: 2.5rem;
+  border-radius: var(--radius-xl, 0.75rem);
+}
+@keyframes ScPlanDetailsCardMobile_skeletonShimmer {
+  0% {
+    background-position: 100% 0;
+  }
+  100% {
+    background-position: -100% 0;
+  }
+}

package/dist/index.d.mts

@@ -205,12 +205,14 @@ interface IScPlanDetailsCardProps extends React.HTMLAttributes<HTMLDivElement> {
     planCredits?: string;
     planPrice?: string;
     badgeText?: string;
+    badgeSubText?: string;
     currentPlanLabel?: string;
     upgradeButtonText?: string;
+    isLoading?: boolean;
     onUpgrade?: () => void;
     className?: string;
 }
-declare const ScPlanDetailsCard: ({ planName, planCredits, planPrice, badgeText, currentPlanLabel, upgradeButtonText, onUpgrade, className, ...props }: IScPlanDetailsCardProps) => JSX.Element;
+declare const ScPlanDetailsCard: ({ planName, planCredits, planPrice, badgeText, badgeSubText, currentPlanLabel, upgradeButtonText, isLoading, onUpgrade, className, ...props }: IScPlanDetailsCardProps) => JSX.Element;
 
 interface IScProfileProps extends React.HTMLAttributes<HTMLDivElement> {
     name?: string;
@@ -310,6 +312,10 @@ interface StreamoidSidebarProps {
     profile?: SidebarProfileConfig;
     versionText?: string;
     toggleIcon?: ReactNode | ((expanded: boolean) => ReactNode);
+    /** Footer = profile (flex-1) + a SEPARATE collapse-toggle button beside it,
+     *  with no version footer. Each is its own interactive unit. Expanded layout
+     *  only; collapsed is unaffected. */
+    toggleInProfile?: boolean;
     hideFooter?: boolean;
     preFooterContent?: ReactNode;
     bodyContent?: ReactNode;
@@ -322,7 +328,7 @@ interface StreamoidSidebarProps {
     /** Explicit state override per top item id — takes priority over activeItemId/highlightedItemIds for top items */
     topItemStates?: Record<string, "default" | "active" | "hover" | "default-highlight" | "default-active">;
 }
-declare function StreamoidSidebar({ expanded, onToggle, config, iconMap, activeItemId, highlightedItemIds, onItemSelect, moreIcon, onMoreClick, expandedLogo, collapsedLogo, profile, versionText, toggleIcon, hideFooter, preFooterContent, bodyContent, showBody, isMobile, className, style, topItems, topItemStates, }: StreamoidSidebarProps): react_jsx_runtime.JSX.Element;
+declare function StreamoidSidebar({ expanded, onToggle, config, iconMap, activeItemId, highlightedItemIds, onItemSelect, moreIcon, onMoreClick, expandedLogo, collapsedLogo, profile, versionText, toggleIcon, toggleInProfile, hideFooter, preFooterContent, bodyContent, showBody, isMobile, className, style, topItems, topItemStates, }: StreamoidSidebarProps): react_jsx_runtime.JSX.Element;
 
 interface ArtifaxMenuItem {
     id: string;
@@ -392,6 +398,64 @@ interface IScArtifaxSidebarProps {
 }
 declare const ScArtifaxSidebar: ({ expanded, onToggle, sections, iconMap, activeItemId, onItemSelect, expandedLogo, collapsedLogo, creditWarning, assistantCta, profile, toggleIcon, openSections, onSectionToggle, className, style, }: IScArtifaxSidebarProps) => JSX.Element;
 
+interface CatalogixNavItem {
+    id: string;
+    label: string;
+    iconKey: string;
+}
+interface CatalogixSidebarIconContext {
+    active: boolean;
+    expanded: boolean;
+}
+type CatalogixSidebarIconRenderer = (context: CatalogixSidebarIconContext) => ReactNode;
+type CatalogixSidebarIconMap = Record<string, ReactNode | CatalogixSidebarIconRenderer>;
+interface CatalogixSidebarProfile {
+    name: string;
+    subtitle?: string;
+    avatar?: ReactNode;
+    onClick?: () => void;
+}
+interface CatalogixSidebarCreditWarning {
+    availableCredits: number;
+    remainingPct: number;
+    level?: "warning" | "danger";
+    onBuyCredits: () => void;
+    onCollapsedClick?: () => void;
+}
+interface CatalogixSwitchApp {
+    id: string;
+    name: string;
+    description?: string;
+    icon?: ReactNode;
+    onClick?: () => void;
+}
+interface IScCatalogixSidebarProps {
+    expanded: boolean;
+    onToggle: () => void;
+    /** Nav items below the logo. Defaults to Stores / AI Training / Insights. */
+    items?: CatalogixNavItem[];
+    /** Maps each item's iconKey to an icon (node or render fn). Defaults supply
+     *  Stores/AI Training/Insights icons; override per the product's set. */
+    iconMap?: CatalogixSidebarIconMap;
+    activeItemId?: string;
+    onItemSelect?: (item: CatalogixNavItem) => void;
+    /** Other products shown inline below the logo when the switch chip is
+     *  clicked (the same "switch apps" list used across the sidebars). */
+    switchApps?: CatalogixSwitchApp[];
+    /** Fires (in addition to toggling the inline list) when the switch chip is
+     *  clicked — e.g. to lazy-load the product list. */
+    onLogoClick?: () => void;
+    /** Logo nodes. Default to the built-in Catalogix wordmark logo unit. */
+    expandedLogo?: ReactNode;
+    collapsedLogo?: ReactNode;
+    profile?: CatalogixSidebarProfile;
+    creditWarning?: CatalogixSidebarCreditWarning | null;
+    toggleIcon?: ReactNode | ((expanded: boolean) => ReactNode);
+    className?: string;
+    style?: CSSProperties;
+}
+declare const ScCatalogixSidebar: ({ expanded, onToggle, items, iconMap, activeItemId, onItemSelect, switchApps, onLogoClick, expandedLogo, collapsedLogo, profile, creditWarning, toggleIcon, className, style, }: IScCatalogixSidebarProps) => JSX.Element;
+
 interface IScGuideProps {
     /** Heading text. */
     title?: ReactNode;
@@ -422,13 +486,42 @@ interface IScGuideProps {
 }
 declare const ScGuide: ({ title, description, skipLabel, nextLabel, nextIcon, stepLabel, onSkip, onNext, hideSkip, hideNext, disabled, className, style, }: IScGuideProps) => JSX.Element;
 
+interface MarkPath {
+    d: string;
+    fillRule?: "evenodd" | "nonzero";
+    clipRule?: "evenodd" | "nonzero";
+}
+interface Wordmark {
+    viewBox: string;
+    width: number;
+    paths: MarkPath[];
+}
+declare const WORDMARKS: Record<string, Wordmark>;
+type SidebarProduct = keyof typeof WORDMARKS;
+/** Full product wordmark (expanded sidebar). */
+declare function ProductWordmark({ product, style, }: {
+    product: SidebarProduct;
+    style?: CSSProperties;
+}): JSX.Element | null;
+/** Square product icon (collapsed sidebar). Returns null if the product has no
+ *  collapsed mark defined yet. */
+declare function ProductCollapsedMark({ product, style, }: {
+    product: SidebarProduct;
+    style?: CSSProperties;
+}): JSX.Element | null;
+/** True when the product has a dedicated collapsed icon. */
+declare function hasCollapsedMark(product: SidebarProduct): boolean;
+
 interface IScSideBarLogoUnitProps {
     /** "expanded" renders the merged wordmark + switcher row.
      *  "collapsed" renders a bare clickable product icon. */
     state?: "expanded" | "collapsed";
     /** In expanded state: the stacked "Product / Streamoid" wordmark `<img>`.
-     *  In collapsed state: the square product icon `<img>`. */
+     *  In collapsed state: the square product icon `<img>`. Overrides `product`. */
     wordmark?: ReactNode;
+    /** Built-in branded wordmark to render when `wordmark` is not supplied
+     *  (e.g. "CXO", "Catalogix"). The mark follows the surrounding text color. */
+    product?: SidebarProduct;
     /** Click handler for the whole row (wordmark + switcher are one click
      *  target now — matches the design intent). */
     onClick?: () => void;
@@ -452,7 +545,7 @@ interface IScSideBarLogoUnitProps {
     className?: string;
     style?: CSSProperties;
 }
-declare const ScSideBarLogoUnit: ({ state, wordmark, onClick, onSwitchClick, switchAriaLabel, hideSwitch, hover, disabled, className, style, }: IScSideBarLogoUnitProps) => JSX.Element;
+declare const ScSideBarLogoUnit: ({ state, wordmark, product, onClick, onSwitchClick, switchAriaLabel, hideSwitch, hover, disabled, className, style, }: IScSideBarLogoUnitProps) => JSX.Element;
 
 interface IScSidebarMenuProps extends React.HTMLAttributes<HTMLDivElement> {
     icon?: JSX.Element;
@@ -465,6 +558,18 @@ interface IScSidebarMenuProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const ScSidebarMenu: ({ icon, state, variant, className, text, moreIcon, onMoreClick, ...props }: IScSidebarMenuProps) => JSX.Element;
 
+interface IScSidebarSwitchMenuProps extends React.HTMLAttributes<HTMLDivElement> {
+    icon?: ReactNode;
+    state?: "default" | "active" | "hover" | "default-highlight" | "default-active";
+    variant?: "expanded" | "collapsed";
+    className?: string;
+    text?: string;
+    description?: string;
+    moreIcon?: ReactNode;
+    onMoreClick?: (e: React.MouseEvent) => void;
+}
+declare const ScSidebarSwitchMenu: ({ icon, state, variant, className, text, description, moreIcon, onMoreClick, ...props }: IScSidebarSwitchMenuProps) => JSX.Element;
+
 interface IScSidebarProfileProps extends React.HTMLAttributes<HTMLDivElement> {
     state?: "default" | "hover";
     variant?: "expanded" | "collapsed";
@@ -1069,11 +1174,13 @@ interface IScPlanDetailsCardMobileProps extends React.HTMLAttributes<HTMLDivElem
     planCredits?: string;
     planPrice?: string;
     badgeText?: string;
+    badgeSubText?: string;
     currentPlanLabel?: string;
     upgradeButtonText?: string;
+    isLoading?: boolean;
     onUpgrade?: () => void;
     className?: string;
 }
-declare const ScPlanDetailsCardMobile: ({ planName, planCredits, planPrice, badgeText, currentPlanLabel, upgradeButtonText, onUpgrade, className, ...props }: IScPlanDetailsCardMobileProps) => JSX.Element;
+declare const ScPlanDetailsCardMobile: ({ planName, planCredits, planPrice, badgeText, badgeSubText, currentPlanLabel, upgradeButtonText, isLoading, onUpgrade, className, ...props }: IScPlanDetailsCardMobileProps) => JSX.Element;
 
-export { type ArtifaxMenuItem, type ArtifaxSection, type ArtifaxSidebarAssistantCta, type ArtifaxSidebarCreditWarning, type ArtifaxSidebarIconContext, type ArtifaxSidebarIconMap, type ArtifaxSidebarIconRenderer, type ArtifaxSidebarProfile, CreditWarningBanner, type CreditWarningBannerProps, type IInvoiceHistoryMobileProps, type IScAccessProps, type IScAppCardProps, type IScAppCardV3Props, type IScAppFieldProps, type IScAppListingCardProps, type IScArtifaxInviteProps, type IScArtifaxSidebarProps, type IScBadgesProps, type IScBillingHistoryHeaderProps, type IScBillingHistoryTableListProps, type IScBillingLogsTableHeaderProps, type IScBillingLogsTableListProps, type IScBriefCardProps, type IScButtonProps, type IScCalendarDateCompsProps, type IScCalendarProps, type IScCatalogixInviteProps, type IScCheckFieldProps, type IScCheckboxProps, type IScCreditsUsageCardMobileProps, type IScCreditsUsageCardProps, type IScFieldButtonProps, type IScGoogleSignInProps, type IScGuideProps, type IScHDividerProps, type IScHeaderProps, type IScImageFieldProps, type IScIntialProfileCoverProps, type IScLogoUnitProps, type IScMenuOptionsProps, type IScMobileBottomActionProps, type IScMobileTopNavProps, type IScOnlyFieldProps, type IScOnlyIconProps, type IScPairtextProps, type IScPendingActionProps, type IScPhtogenixInviteProps, type IScPlanCardProps, type IScPlanDetailsCardMobileProps, type IScPlanDetailsCardProps, type IScPopUpMenuProps, type IScProfileImageUpdateProps, type IScProfileOptionsProps, type IScProfileProps, type IScProfileSettingsCompProps, type IScProfileV2MobileProps, type IScProgressBarProps, type IScQuickPromptProps, type IScRadioProps, type IScReferralCardMobileProps, type IScReferralTableHeaderProps, type IScReferralTableListProps, type IScRoleMobileProps, type IScRoleProps, type IScSettingsNavProps, type IScSettingsTabCompProps, type IScSideBarLogoUnitProps, type IScSidebarIconsProps, type IScSidebarMenuProps, type IScSidebarProfileProps, type IScSidebarProps, type IScSliderProps, type IScStrLogoProps, type IScTabCompProps, type IScTabFieldProps, type IScTabSwitcherProps, type IScTableHeaderProps, type IScTableListMobileProps, type IScTableListProps, type IScTextFieldProps, type IScToggleSwitchProps, type IScVDividerProps, type IScVersionProps, type IScWorkspaceCardProps, type IScWorkspaceSettingsMobileProps, type IScWorkspaceSwitchMobileProps, type IScWorkspaceSwitchMobileV2Props, type IUsageHistoryMobileProps, InvoiceHistoryMobile, NscWorkspaceSwitch, type PlanFeatureSection, ScAccess, ScAppCard, ScAppCardV3, ScAppField, ScAppListingCard, ScArtifaxInvite, ScArtifaxSidebar, ScBadges, ScBillingHistoryHeader, ScBillingHistoryTableList, ScBillingLogsTableHeader, ScBillingLogsTableList, ScBriefCard, ScButton, ScCalendar, ScCalendarDateComps, ScCatalogixInvite, ScCheckField, ScCheckbox, ScCreditsUsageCard, ScCreditsUsageCardMobile, ScDp, type ScDpProps, ScFieldButton, ScGoogleSignIn, ScGuide, ScHDivider, ScHeader, ScImageField, ScIntialProfileCover, ScLogoUnit, ScMenuOptions, ScMobileBottomAction, ScMobileTopNav, ScOnlyField, ScOnlyIcon, ScPairtext, ScPendingAction, ScPhtogenixInvite, ScPlanCard, ScPlanDetailsCard, ScPlanDetailsCardMobile, ScPopUpMenu, ScProfile, ScProfileImageUpdate, ScProfileOptions, ScProfileSettingsComp, ScProfileV2Mobile, ScProgressBar, ScQuickPrompt, ScRadio, ScReferralCardMobile, ScReferralTableHeader, ScReferralTableList, ScRole, ScRoleMobile, ScSettingsNav, ScSettingsTabComp, ScSideBarLogoUnit, ScSidebar, ScSidebarIcons, ScSidebarMenu, ScSidebarProfile, ScSlider, ScStrLogo, ScTabComp, ScTabField, ScTabSwitcher, ScTableHeader, ScTableList, ScTableListMobile, ScTextField, ScToggleSwitch, ScVDivider, ScVersion, ScWorkspaceCard, ScWorkspaceSettingsMobile, ScWorkspaceSwitchCard, type ScWorkspaceSwitchCardProps, ScWorkspaceSwitchMobile, ScWorkspaceSwitchMobileV2, type SidebarConfig, type SidebarIconContext, type SidebarIconMap, type SidebarIconRenderer, type SidebarMenuItemConfig, type SidebarProfileConfig, type SidebarSectionConfig, StreamoidSidebar, type StreamoidSidebarProps, StreamoidWorkspaceSwitcher, type StreamoidWorkspaceSwitcherProps, UsageHistoryMobile, type WorkspaceSwitcherConfig, type WorkspaceSwitcherItem };
+export { type ArtifaxMenuItem, type ArtifaxSection, type ArtifaxSidebarAssistantCta, type ArtifaxSidebarCreditWarning, type ArtifaxSidebarIconContext, type ArtifaxSidebarIconMap, type ArtifaxSidebarIconRenderer, type ArtifaxSidebarProfile, type CatalogixNavItem, type CatalogixSidebarCreditWarning, type CatalogixSidebarIconContext, type CatalogixSidebarIconMap, type CatalogixSidebarIconRenderer, type CatalogixSidebarProfile, type CatalogixSwitchApp, CreditWarningBanner, type CreditWarningBannerProps, type IInvoiceHistoryMobileProps, type IScAccessProps, type IScAppCardProps, type IScAppCardV3Props, type IScAppFieldProps, type IScAppListingCardProps, type IScArtifaxInviteProps, type IScArtifaxSidebarProps, type IScBadgesProps, type IScBillingHistoryHeaderProps, type IScBillingHistoryTableListProps, type IScBillingLogsTableHeaderProps, type IScBillingLogsTableListProps, type IScBriefCardProps, type IScButtonProps, type IScCalendarDateCompsProps, type IScCalendarProps, type IScCatalogixInviteProps, type IScCatalogixSidebarProps, type IScCheckFieldProps, type IScCheckboxProps, type IScCreditsUsageCardMobileProps, type IScCreditsUsageCardProps, type IScFieldButtonProps, type IScGoogleSignInProps, type IScGuideProps, type IScHDividerProps, type IScHeaderProps, type IScImageFieldProps, type IScIntialProfileCoverProps, type IScLogoUnitProps, type IScMenuOptionsProps, type IScMobileBottomActionProps, type IScMobileTopNavProps, type IScOnlyFieldProps, type IScOnlyIconProps, type IScPairtextProps, type IScPendingActionProps, type IScPhtogenixInviteProps, type IScPlanCardProps, type IScPlanDetailsCardMobileProps, type IScPlanDetailsCardProps, type IScPopUpMenuProps, type IScProfileImageUpdateProps, type IScProfileOptionsProps, type IScProfileProps, type IScProfileSettingsCompProps, type IScProfileV2MobileProps, type IScProgressBarProps, type IScQuickPromptProps, type IScRadioProps, type IScReferralCardMobileProps, type IScReferralTableHeaderProps, type IScReferralTableListProps, type IScRoleMobileProps, type IScRoleProps, type IScSettingsNavProps, type IScSettingsTabCompProps, type IScSideBarLogoUnitProps, type IScSidebarIconsProps, type IScSidebarMenuProps, type IScSidebarProfileProps, type IScSidebarProps, type IScSidebarSwitchMenuProps, type IScSliderProps, type IScStrLogoProps, type IScTabCompProps, type IScTabFieldProps, type IScTabSwitcherProps, type IScTableHeaderProps, type IScTableListMobileProps, type IScTableListProps, type IScTextFieldProps, type IScToggleSwitchProps, type IScVDividerProps, type IScVersionProps, type IScWorkspaceCardProps, type IScWorkspaceSettingsMobileProps, type IScWorkspaceSwitchMobileProps, type IScWorkspaceSwitchMobileV2Props, type IUsageHistoryMobileProps, InvoiceHistoryMobile, NscWorkspaceSwitch, type PlanFeatureSection, ProductCollapsedMark, ProductWordmark, ScAccess, ScAppCard, ScAppCardV3, ScAppField, ScAppListingCard, ScArtifaxInvite, ScArtifaxSidebar, ScBadges, ScBillingHistoryHeader, ScBillingHistoryTableList, ScBillingLogsTableHeader, ScBillingLogsTableList, ScBriefCard, ScButton, ScCalendar, ScCalendarDateComps, ScCatalogixInvite, ScCatalogixSidebar, ScCheckField, ScCheckbox, ScCreditsUsageCard, ScCreditsUsageCardMobile, ScDp, type ScDpProps, ScFieldButton, ScGoogleSignIn, ScGuide, ScHDivider, ScHeader, ScImageField, ScIntialProfileCover, ScLogoUnit, ScMenuOptions, ScMobileBottomAction, ScMobileTopNav, ScOnlyField, ScOnlyIcon, ScPairtext, ScPendingAction, ScPhtogenixInvite, ScPlanCard, ScPlanDetailsCard, ScPlanDetailsCardMobile, ScPopUpMenu, ScProfile, ScProfileImageUpdate, ScProfileOptions, ScProfileSettingsComp, ScProfileV2Mobile, ScProgressBar, ScQuickPrompt, ScRadio, ScReferralCardMobile, ScReferralTableHeader, ScReferralTableList, ScRole, ScRoleMobile, ScSettingsNav, ScSettingsTabComp, ScSideBarLogoUnit, ScSidebar, ScSidebarIcons, ScSidebarMenu, ScSidebarProfile, ScSidebarSwitchMenu, ScSlider, ScStrLogo, ScTabComp, ScTabField, ScTabSwitcher, ScTableHeader, ScTableList, ScTableListMobile, ScTextField, ScToggleSwitch, ScVDivider, ScVersion, ScWorkspaceCard, ScWorkspaceSettingsMobile, ScWorkspaceSwitchCard, type ScWorkspaceSwitchCardProps, ScWorkspaceSwitchMobile, ScWorkspaceSwitchMobileV2, type SidebarConfig, type SidebarIconContext, type SidebarIconMap, type SidebarIconRenderer, type SidebarMenuItemConfig, type SidebarProduct, type SidebarProfileConfig, type SidebarSectionConfig, StreamoidSidebar, type StreamoidSidebarProps, StreamoidWorkspaceSwitcher, type StreamoidWorkspaceSwitcherProps, UsageHistoryMobile, type WorkspaceSwitcherConfig, type WorkspaceSwitcherItem, hasCollapsedMark };