@streamoid/ui 0.5.2 → 0.6.1

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import React$1, { HTMLAttributes, ReactNode, CSSProperties } from 'react';
+import React$1, { CSSProperties, HTMLAttributes, ReactNode } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface IScAccessProps {
@@ -10,6 +10,31 @@ interface IScAccessProps {
 }
 declare const ScAccess: ({ component, component2, component3, visibleSiconCatalogix, className, }: IScAccessProps) => JSX.Element;
 
+/** One switchable product, supplied by the host app (built from its service
+ *  catalog). The current app is expected to be excluded by the host. */
+interface ScAppSwitchItem {
+    key: string;
+    /** Product name — used to match the embedded wordmark (and as fallback text). */
+    name: string;
+    /** Tagline shown only for products without an embedded wordmark. */
+    description?: string;
+    onSelect: () => void;
+}
+interface IScAppSwitchPanelProps {
+    apps: ScAppSwitchItem[];
+    className?: string;
+    style?: CSSProperties;
+}
+/** One switch row: product wordmark (gray → brightens on hover) + a `>` chevron
+ *  that fades in on hover. Products without a wordmark fall back to name/desc. */
+declare const ScAppSwitchRow: ({ item }: {
+    item: ScAppSwitchItem;
+}) => JSX.Element;
+/** Shared product-switch list — the same across every Streamoid app. The host
+ *  passes its product list (current app excluded) and its own logo lives in the
+ *  surrounding sidebar; only this content is identical everywhere. */
+declare const ScAppSwitchPanel: ({ apps, className, style }: IScAppSwitchPanelProps) => JSX.Element;
+
 interface IScBadgesProps {
     text?: string;
     variant?: "default" | "success" | "warning" | "error" | "info";
@@ -185,20 +210,67 @@ interface PlanFeatureSection {
 }
 interface IScPlanCardProps {
     planName?: string;
+    /** Formatted price from the billing API, incl. currency symbol (e.g.
+     *  "$49.99", "₹49.99", "$0"). The leading symbol renders small, the amount
+     *  large, per the design. */
     price?: string;
+    /** Period suffix shown muted (default "/ month"). */
+    pricePeriod?: string;
+    /** Short one-line tagline under the price. */
+    tagline?: ReactNode;
+    /** Back-compat alias for `tagline`. */
+    description?: ReactNode;
+    /** Credits text, fed from the billing API (e.g. "1000 Credits"). */
     credits?: string;
     type?: "free" | "popular" | "custom";
-    features?: PlanFeatureSection[];
-    description?: ReactNode;
+    /** Label on the credit-tier pill (popular only). Default "Increase". */
+    increaseLabel?: string;
+    onIncreaseCredits?: () => void;
+    /** Dropdown panel rendered under the credits chip (popular only). */
+    creditsDropdown?: ReactNode;
     buttonText?: string;
     buttonState?: "default" | "disabled";
+    /** "primary" → red→orange gradient (Upgrade); "secondary" → white fill. */
     buttonVariant?: "primary" | "secondary" | "tertiary" | "outline" | "error";
     onUpgrade?: () => void;
-    onIncreaseCredits?: () => void;
-    creditsDropdown?: ReactNode;
+    /** @deprecated no longer rendered — features live in ScPlanComparison. */
+    features?: PlanFeatureSection[];
+    className?: string;
+    style?: CSSProperties;
+}
+declare const ScPlanCard: ({ planName, price, pricePeriod, tagline, description, credits, type, increaseLabel, onIncreaseCredits, creditsDropdown, buttonText, buttonState, buttonVariant, onUpgrade, className, style, }: IScPlanCardProps) => JSX.Element;
+
+interface PlanComparisonRow {
+    /** Left-column feature label (may be blank for sub-rows, per the design). */
+    label?: ReactNode;
+    /** One value per plan column, in column order (Free, Pro, Enterprise). */
+    values: ReactNode[];
+}
+interface PlanComparisonSection {
+    /** Full-width section header (e.g. "Artifax (Design & Insights)"). Omit for
+     *  un-grouped rows (e.g. the leading "Usage volume" row). */
+    header?: string;
+    rows: PlanComparisonRow[];
+}
+interface IScPlanComparisonProps {
+    /** Collapsible section title (e.g. "Compare Plans"). */
+    title?: string;
+    /** Top-left header cell label (e.g. "Compare plans"). */
+    firstColumnLabel?: string;
+    /** Plan column headers, e.g. ["Free", "Pro", "Enterprise"]. */
+    columns: string[];
+    /** Caption shown directly under the column header row. */
+    note?: ReactNode;
+    sections: PlanComparisonSection[];
+    /** Which value column gets the highlighted (Pro) styling. Default 1. */
+    highlightColumnIndex?: number;
+    defaultOpen?: boolean;
+    /** "table" = full grid (desktop); "tabbed" = tab switcher + 2 columns (mobile). */
+    layout?: "table" | "tabbed";
     className?: string;
+    style?: CSSProperties;
 }
-declare const ScPlanCard: ({ planName, price, credits, type, features, description, buttonText, buttonState, buttonVariant, onUpgrade, onIncreaseCredits, creditsDropdown, className, }: IScPlanCardProps) => JSX.Element;
+declare const ScPlanComparison: ({ title, firstColumnLabel, columns, note, sections, highlightColumnIndex, defaultOpen, layout, className, style, }: IScPlanComparisonProps) => JSX.Element;
 
 interface IScPlanDetailsCardProps extends React.HTMLAttributes<HTMLDivElement> {
     planName?: string;
@@ -312,10 +384,22 @@ 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;
     showBody?: boolean;
+    /** App‑switch panel (e.g. the list of other products). When `switchPanelOpen`
+     *  is true, the expanded logo and this panel render together inside one
+     *  bordered card and the rest of the sidebar dims behind a backdrop.
+     *  Expanded, non‑mobile layout only. */
+    switchPanel?: ReactNode;
+    switchPanelOpen?: boolean;
+    /** Called when the dimmed backdrop behind the open switch panel is clicked. */
+    onSwitchPanelClose?: () => void;
     isMobile?: boolean;
     className?: string;
     style?: CSSProperties;
@@ -324,7 +408,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, switchPanel, switchPanelOpen, onSwitchPanelClose, isMobile, className, style, topItems, topItemStates, }: StreamoidSidebarProps): react_jsx_runtime.JSX.Element;
 
 interface ArtifaxMenuItem {
     id: string;
@@ -394,6 +478,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;
@@ -424,13 +566,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;
@@ -454,7 +625,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;
@@ -467,6 +638,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";
@@ -1080,4 +1263,4 @@ interface IScPlanDetailsCardMobileProps extends React.HTMLAttributes<HTMLDivElem
 }
 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 IScAppSwitchPanelProps, 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 IScPlanComparisonProps, 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 PlanComparisonRow, type PlanComparisonSection, type PlanFeatureSection, ProductCollapsedMark, ProductWordmark, ScAccess, ScAppCard, ScAppCardV3, ScAppField, ScAppListingCard, type ScAppSwitchItem, ScAppSwitchPanel, ScAppSwitchRow, 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, ScPlanComparison, 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 };

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import React$1, { HTMLAttributes, ReactNode, CSSProperties } from 'react';
+import React$1, { CSSProperties, HTMLAttributes, ReactNode } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface IScAccessProps {
@@ -10,6 +10,31 @@ interface IScAccessProps {
 }
 declare const ScAccess: ({ component, component2, component3, visibleSiconCatalogix, className, }: IScAccessProps) => JSX.Element;
 
+/** One switchable product, supplied by the host app (built from its service
+ *  catalog). The current app is expected to be excluded by the host. */
+interface ScAppSwitchItem {
+    key: string;
+    /** Product name — used to match the embedded wordmark (and as fallback text). */
+    name: string;
+    /** Tagline shown only for products without an embedded wordmark. */
+    description?: string;
+    onSelect: () => void;
+}
+interface IScAppSwitchPanelProps {
+    apps: ScAppSwitchItem[];
+    className?: string;
+    style?: CSSProperties;
+}
+/** One switch row: product wordmark (gray → brightens on hover) + a `>` chevron
+ *  that fades in on hover. Products without a wordmark fall back to name/desc. */
+declare const ScAppSwitchRow: ({ item }: {
+    item: ScAppSwitchItem;
+}) => JSX.Element;
+/** Shared product-switch list — the same across every Streamoid app. The host
+ *  passes its product list (current app excluded) and its own logo lives in the
+ *  surrounding sidebar; only this content is identical everywhere. */
+declare const ScAppSwitchPanel: ({ apps, className, style }: IScAppSwitchPanelProps) => JSX.Element;
+
 interface IScBadgesProps {
     text?: string;
     variant?: "default" | "success" | "warning" | "error" | "info";
@@ -185,20 +210,67 @@ interface PlanFeatureSection {
 }
 interface IScPlanCardProps {
     planName?: string;
+    /** Formatted price from the billing API, incl. currency symbol (e.g.
+     *  "$49.99", "₹49.99", "$0"). The leading symbol renders small, the amount
+     *  large, per the design. */
     price?: string;
+    /** Period suffix shown muted (default "/ month"). */
+    pricePeriod?: string;
+    /** Short one-line tagline under the price. */
+    tagline?: ReactNode;
+    /** Back-compat alias for `tagline`. */
+    description?: ReactNode;
+    /** Credits text, fed from the billing API (e.g. "1000 Credits"). */
     credits?: string;
     type?: "free" | "popular" | "custom";
-    features?: PlanFeatureSection[];
-    description?: ReactNode;
+    /** Label on the credit-tier pill (popular only). Default "Increase". */
+    increaseLabel?: string;
+    onIncreaseCredits?: () => void;
+    /** Dropdown panel rendered under the credits chip (popular only). */
+    creditsDropdown?: ReactNode;
     buttonText?: string;
     buttonState?: "default" | "disabled";
+    /** "primary" → red→orange gradient (Upgrade); "secondary" → white fill. */
     buttonVariant?: "primary" | "secondary" | "tertiary" | "outline" | "error";
     onUpgrade?: () => void;
-    onIncreaseCredits?: () => void;
-    creditsDropdown?: ReactNode;
+    /** @deprecated no longer rendered — features live in ScPlanComparison. */
+    features?: PlanFeatureSection[];
+    className?: string;
+    style?: CSSProperties;
+}
+declare const ScPlanCard: ({ planName, price, pricePeriod, tagline, description, credits, type, increaseLabel, onIncreaseCredits, creditsDropdown, buttonText, buttonState, buttonVariant, onUpgrade, className, style, }: IScPlanCardProps) => JSX.Element;
+
+interface PlanComparisonRow {
+    /** Left-column feature label (may be blank for sub-rows, per the design). */
+    label?: ReactNode;
+    /** One value per plan column, in column order (Free, Pro, Enterprise). */
+    values: ReactNode[];
+}
+interface PlanComparisonSection {
+    /** Full-width section header (e.g. "Artifax (Design & Insights)"). Omit for
+     *  un-grouped rows (e.g. the leading "Usage volume" row). */
+    header?: string;
+    rows: PlanComparisonRow[];
+}
+interface IScPlanComparisonProps {
+    /** Collapsible section title (e.g. "Compare Plans"). */
+    title?: string;
+    /** Top-left header cell label (e.g. "Compare plans"). */
+    firstColumnLabel?: string;
+    /** Plan column headers, e.g. ["Free", "Pro", "Enterprise"]. */
+    columns: string[];
+    /** Caption shown directly under the column header row. */
+    note?: ReactNode;
+    sections: PlanComparisonSection[];
+    /** Which value column gets the highlighted (Pro) styling. Default 1. */
+    highlightColumnIndex?: number;
+    defaultOpen?: boolean;
+    /** "table" = full grid (desktop); "tabbed" = tab switcher + 2 columns (mobile). */
+    layout?: "table" | "tabbed";
     className?: string;
+    style?: CSSProperties;
 }
-declare const ScPlanCard: ({ planName, price, credits, type, features, description, buttonText, buttonState, buttonVariant, onUpgrade, onIncreaseCredits, creditsDropdown, className, }: IScPlanCardProps) => JSX.Element;
+declare const ScPlanComparison: ({ title, firstColumnLabel, columns, note, sections, highlightColumnIndex, defaultOpen, layout, className, style, }: IScPlanComparisonProps) => JSX.Element;
 
 interface IScPlanDetailsCardProps extends React.HTMLAttributes<HTMLDivElement> {
     planName?: string;
@@ -312,10 +384,22 @@ 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;
     showBody?: boolean;
+    /** App‑switch panel (e.g. the list of other products). When `switchPanelOpen`
+     *  is true, the expanded logo and this panel render together inside one
+     *  bordered card and the rest of the sidebar dims behind a backdrop.
+     *  Expanded, non‑mobile layout only. */
+    switchPanel?: ReactNode;
+    switchPanelOpen?: boolean;
+    /** Called when the dimmed backdrop behind the open switch panel is clicked. */
+    onSwitchPanelClose?: () => void;
     isMobile?: boolean;
     className?: string;
     style?: CSSProperties;
@@ -324,7 +408,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, switchPanel, switchPanelOpen, onSwitchPanelClose, isMobile, className, style, topItems, topItemStates, }: StreamoidSidebarProps): react_jsx_runtime.JSX.Element;
 
 interface ArtifaxMenuItem {
     id: string;
@@ -394,6 +478,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;
@@ -424,13 +566,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;
@@ -454,7 +625,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;
@@ -467,6 +638,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";
@@ -1080,4 +1263,4 @@ interface IScPlanDetailsCardMobileProps extends React.HTMLAttributes<HTMLDivElem
 }
 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 IScAppSwitchPanelProps, 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 IScPlanComparisonProps, 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 PlanComparisonRow, type PlanComparisonSection, type PlanFeatureSection, ProductCollapsedMark, ProductWordmark, ScAccess, ScAppCard, ScAppCardV3, ScAppField, ScAppListingCard, type ScAppSwitchItem, ScAppSwitchPanel, ScAppSwitchRow, 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, ScPlanComparison, 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 };