@streamoid/ui 0.6.15 → 0.6.17

package/dist/index.css

@@ -1274,6 +1274,11 @@
   overflow: visible;
   aspect-ratio: 1;
 }
+.ScCheckbox_scCheckbox > svg {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
 .ScCheckbox_scCheckbox.ScCheckbox_state-default .ScCheckbox_vector,
 .ScCheckbox_scCheckbox.ScCheckbox_state-selected .ScCheckbox_vector,
 .ScCheckbox_scCheckbox.ScCheckbox_state-partial .ScCheckbox_vector {
@@ -2397,7 +2402,7 @@
 .ScMenuOptions_scMenuOptions.ScMenuOptions_hover-true.ScMenuOptions_variant-default,
 .ScMenuOptions_scMenuOptions.ScMenuOptions_variant-with-v:hover,
 .ScMenuOptions_scMenuOptions.ScMenuOptions_hover-true.ScMenuOptions_variant-with-v {
-  background: var(--alias-fill-neutral-neutraltohover, #1f1f1f);
+  background: var(--alias-fill-neutral-neutralhover, #242424);
 }
 .ScMenuOptions_scMenuOptions.ScMenuOptions_variant-error:hover,
 .ScMenuOptions_scMenuOptions.ScMenuOptions_hover-true.ScMenuOptions_variant-error {
@@ -3681,6 +3686,77 @@
   flex: unset;
 }
 
+/* src/SC-AskAgentButton/ScAskAgentButton.module.css */
+.ScAskAgentButton_askAgent,
+.ScAskAgentButton_askAgentCollapsed {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--spacing-md, 0.5rem);
+  cursor: pointer;
+  color: #f5f5f5;
+  background:
+    linear-gradient(
+      135deg,
+      rgba(217, 21, 54, 1) 0%,
+      rgba(238, 94, 58, 1) 100%);
+  border: 0.5px solid rgba(255, 0, 0, 0.32);
+  border-radius: var(--radius-2xl, 0.75rem);
+}
+.ScAskAgentButton_askAgent {
+  width: 100%;
+  padding: var(--spacing-xl, 0.75rem);
+}
+.ScAskAgentButton_askAgentCollapsed {
+  width: 2.5rem;
+  height: 2.5rem;
+  padding: var(--spacing-md, 0.5rem);
+  flex-shrink: 0;
+}
+.ScAskAgentButton_askAgent:hover,
+.ScAskAgentButton_askAgentCollapsed:hover {
+  filter: brightness(1.08);
+}
+.ScAskAgentButton_askAgentActive {
+  box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, 0.4);
+}
+.ScAskAgentButton_askAgent:focus-visible,
+.ScAskAgentButton_askAgentCollapsed:focus-visible {
+  outline: 2px solid rgba(255, 255, 255, 0.9);
+  outline-offset: 2px;
+}
+.ScAskAgentButton_askAgentLabel {
+  font-family: var(--font-family-font-family-body, "Inter", sans-serif);
+  font-size: 0.75rem;
+  font-weight: 600;
+  line-height: 1.125rem;
+  color: #f5f5f5;
+  white-space: nowrap;
+}
+.ScAskAgentButton_askAgentIcon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  color: #f5f5f5;
+}
+.ScAskAgentButton_askAgentIcon :where(svg) {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+.ScAskAgentButton_askAgentSlot {
+  width: 100%;
+  flex-shrink: 0;
+  padding: 0 var(--spacing-md, 0.5rem) var(--spacing-3xl, 1rem);
+}
+.ScAskAgentButton_askAgentSlotCollapsed {
+  display: flex;
+  justify-content: center;
+  width: 100%;
+  flex-shrink: 0;
+  padding: var(--spacing-md, 0.5rem) 0;
+}
+
 /* src/SC-Artifax-Sidebar/ScArtifaxSidebar.module.css */
 .ScArtifaxSidebar_scArtifaxSidebar,
 .ScArtifaxSidebar_scArtifaxSidebar * {
@@ -3895,75 +3971,6 @@
   align-items: center;
   justify-content: center;
 }
-.ScArtifaxSidebar_askAgentSlot {
-  width: 100%;
-  flex-shrink: 0;
-  padding: 0 var(--spacing-md, 0.5rem) var(--spacing-3xl, 1rem);
-}
-.ScArtifaxSidebar_askAgentSlotCollapsed {
-  display: flex;
-  justify-content: center;
-  width: 100%;
-  flex-shrink: 0;
-  padding: var(--spacing-md, 0.5rem) 0;
-}
-.ScArtifaxSidebar_askAgent,
-.ScArtifaxSidebar_askAgentCollapsed {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: var(--spacing-md, 0.5rem);
-  cursor: pointer;
-  color: #f5f5f5;
-  background:
-    linear-gradient(
-      135deg,
-      rgba(217, 21, 54, 1) 0%,
-      rgba(238, 94, 58, 1) 100%);
-  border: 0.5px solid rgba(255, 0, 0, 0.32);
-  border-radius: var(--radius-2xl, 0.75rem);
-}
-.ScArtifaxSidebar_askAgent {
-  width: 100%;
-  padding: var(--spacing-xl, 0.75rem);
-}
-.ScArtifaxSidebar_askAgentCollapsed {
-  width: 2.5rem;
-  height: 2.5rem;
-  padding: var(--spacing-md, 0.5rem);
-  flex-shrink: 0;
-}
-.ScArtifaxSidebar_askAgent:hover,
-.ScArtifaxSidebar_askAgentCollapsed:hover {
-  filter: brightness(1.08);
-}
-.ScArtifaxSidebar_askAgentActive {
-  box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, 0.4);
-}
-.ScArtifaxSidebar_askAgent:focus-visible,
-.ScArtifaxSidebar_askAgentCollapsed:focus-visible {
-  outline: 2px solid rgba(255, 255, 255, 0.9);
-  outline-offset: 2px;
-}
-.ScArtifaxSidebar_askAgentLabel {
-  font-family: var(--font-family-font-family-body, "Inter", sans-serif);
-  font-size: 0.75rem;
-  font-weight: 600;
-  line-height: 1.125rem;
-  color: #f5f5f5;
-  white-space: nowrap;
-}
-.ScArtifaxSidebar_askAgentIcon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  color: #f5f5f5;
-}
-.ScArtifaxSidebar_askAgentIcon :where(svg) {
-  width: 1.25rem;
-  height: 1.25rem;
-}
 .ScArtifaxSidebar_footerToggle {
   display: flex;
   align-items: center;
@@ -5947,7 +5954,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  background: rgba(11, 8, 30, 0.5);
+  background: rgba(16, 16, 16, 0.7);
 }
 .ScModal_content {
   padding: 24px;
@@ -9674,3 +9681,219 @@
     background-position: -100% 0;
   }
 }
+
+/* src/SC-ProfilePopup/ScProfilePopup.module.css */
+.ScProfilePopup_scProfilePopup,
+.ScProfilePopup_scProfilePopup * {
+  box-sizing: border-box;
+}
+.ScProfilePopup_scProfilePopup {
+  background: var(--alias-surface-subtle, #1a1a1a);
+  border-radius: var(--radius-4xl, 1.125rem);
+  box-shadow: inset 0 0 0 var(--stroke-st0p5, 0.5px) var(--alias-border-subtle, #242424);
+  padding: var(--spacing-md, 0.5rem);
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xl, 0.75rem);
+  align-items: flex-start;
+  justify-content: flex-start;
+  width: var(--sc-profile-popup-width, 20rem);
+  position: relative;
+  backdrop-filter: blur(2.625rem);
+}
+.ScProfilePopup_scProfilePopup > *,
+.ScProfilePopup_settingsOptions > *,
+.ScProfilePopup_profileDetails > *,
+.ScProfilePopup_switchWorkspaceRow > * {
+  align-self: stretch !important;
+  flex-shrink: 0 !important;
+  width: unset !important;
+}
+.ScProfilePopup_profileHeader {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  align-self: stretch;
+  flex-shrink: 0;
+  position: relative;
+}
+.ScProfilePopup_headerActions {
+  display: flex;
+  flex-direction: row;
+  gap: var(--spacing-xs, 0.25rem);
+  align-items: center;
+  justify-content: flex-end;
+  align-self: stretch;
+  flex-shrink: 0;
+  position: relative;
+}
+.ScProfilePopup_scProfileInstance {
+  flex: 1 !important;
+  width: unset !important;
+  min-width: 0 !important;
+}
+.ScProfilePopup_scProfileInstance img {
+  width: 2rem !important;
+  height: 2rem !important;
+}
+.ScProfilePopup_scProfileInstance > div {
+  min-width: 0;
+}
+.ScProfilePopup_profileBlock {
+  background: none;
+  border: none;
+  margin: 0;
+  font: inherit;
+  color: inherit;
+  text-align: left;
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  align-items: center;
+  padding: var(--spacing-md, 0.5rem);
+  border-radius: var(--radius-3xl, 1rem);
+  position: relative;
+}
+.ScProfilePopup_profileBlockInteractive {
+  cursor: pointer;
+}
+.ScProfilePopup_profileBlockInteractive:hover {
+  background: var(--alias-fill-neutral-neutralhover, #242424);
+}
+.ScProfilePopup_profileBlockInteractive:focus-visible {
+  outline: var(--stroke-st2, 2px) solid var(--alias-border-default, #3e3e3e);
+  outline-offset: calc(-1 * var(--spacing-xxs, 2px));
+}
+.ScProfilePopup_logoutButton {
+  align-self: stretch;
+  aspect-ratio: 1;
+  padding: var(--spacing-md, 0.5rem);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--radius-3xl, 1rem);
+  flex-shrink: 0;
+  position: relative;
+  background: none;
+  border: none;
+  cursor: pointer;
+  color: var(--alias-text-and-icons-errorcont, #eb6b6b);
+}
+.ScProfilePopup_logoutButton:hover {
+  background: var(--alias-fill-error-secondaryhover, #2a0606);
+  box-shadow: inset 0 0 0 var(--stroke-st1, 1px) var(--alias-border-error, #8f1414);
+}
+.ScProfilePopup_logoutButton:focus-visible {
+  outline: var(--stroke-st2, 2px) solid var(--alias-border-error, #8f1414);
+  outline-offset: var(--spacing-xxs, 2px);
+}
+.ScProfilePopup_profileDetails {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xs, 0.25rem);
+  align-items: flex-start;
+  justify-content: flex-start;
+  align-self: stretch;
+  flex-shrink: 0;
+  padding-bottom: var(--spacing-md, 0.5rem);
+  position: relative;
+}
+.ScProfilePopup_workspaceInfo {
+  padding: var(--spacing-md, 0.5rem);
+  display: flex;
+  flex-direction: row;
+  gap: var(--spacing-3xl, 1rem);
+  align-items: center;
+  justify-content: flex-start;
+  align-self: stretch;
+  flex-shrink: 0;
+  position: relative;
+}
+.ScProfilePopup_scWorkspaceInstance {
+  flex: 1 !important;
+  width: unset !important;
+  min-width: 0 !important;
+}
+.ScProfilePopup_scWorkspaceInstance img {
+  width: 2rem !important;
+  height: 2rem !important;
+}
+.ScProfilePopup_scWorkspaceInstance > div {
+  min-width: 0;
+}
+.ScProfilePopup_creditsPill {
+  background: var(--alias-surface-canvas, #0b0b0b);
+  box-shadow: inset 0 0 0 var(--stroke-st1, 1px) var(--alias-border-divider, #242424);
+  border-radius: var(--radius-md, 0.5rem);
+  padding: var(--spacing-md, 0.5rem) var(--spacing-xl, 0.75rem);
+  display: flex;
+  flex-direction: row;
+  gap: var(--spacing-sm, 0.375rem);
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  position: relative;
+  color: var(--alias-text-and-icons-primary, #f5f5f5);
+}
+.ScProfilePopup_creditsValue {
+  color: var(--alias-text-and-icons-primary, #f5f5f5);
+  text-align: left;
+  font-family: var(--font-family-font-family-body, Inter), sans-serif;
+  font-size: var(--font-size-font-size-xs, 0.75rem);
+  line-height: var(--line-height-line-height-xs, 1.125rem);
+  letter-spacing: var(--letter-spacing-letter-spacing-normal, 0);
+  font-weight: 500;
+  white-space: nowrap;
+  position: relative;
+}
+.ScProfilePopup_switchWorkspaceRow {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xs, 0.25rem);
+  align-items: flex-start;
+  justify-content: flex-start;
+  padding: 0 var(--spacing-md, 0.5rem);
+  align-self: stretch;
+  flex-shrink: 0;
+  position: relative;
+}
+.ScProfilePopup_switchWorkspaceButton {
+  background: var(--alias-fill-neutral-neutralactive, #313131) !important;
+  cursor: pointer;
+}
+.ScProfilePopup_switchWorkspaceButton:hover {
+  background: var(--alias-fill-neutral-neutralselected, #242424) !important;
+}
+.ScProfilePopup_settingsOptions {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-md, 0.5rem);
+  align-items: flex-start;
+  justify-content: flex-start;
+  align-self: stretch;
+  flex-shrink: 0;
+  position: relative;
+}
+.ScProfilePopup_menuOptionInstance {
+  cursor: pointer;
+  color: var(--alias-text-and-icons-primary, #f5f5f5);
+}
+.ScProfilePopup_menuOptionInstance:focus-visible {
+  outline: var(--stroke-st2, 2px) solid var(--alias-border-default, #3e3e3e);
+  outline-offset: calc(-1 * var(--spacing-xxs, 2px));
+}
+.ScProfilePopup_themeTab {
+  flex: 1 !important;
+  align-self: unset !important;
+  flex-shrink: unset !important;
+  color: var(--alias-text-and-icons-muted, #7a7a7a);
+  cursor: pointer;
+}
+.ScProfilePopup_themeTabActive {
+  color: var(--alias-text-and-icons-inverse, #101010);
+}
+.ScProfilePopup_themeTab:focus-visible {
+  outline: var(--stroke-st2, 2px) solid var(--alias-border-default, #3e3e3e);
+  outline-offset: calc(-1 * var(--spacing-xxs, 2px));
+}

package/dist/index.d.mts

@@ -416,6 +416,45 @@ interface IScSidebarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "on
 }
 declare const ScSidebar: ({ state, className, onToggle, ...props }: IScSidebarProps) => JSX.Element;
 
+/**
+ * Gradient assistant call-to-action shown just above a sidebar's profile row
+ * (e.g. "Ask CXO", which opens an embedded copilot panel).
+ *
+ * Shared by ScArtifaxSidebar and StreamoidSidebar so the gradient, the
+ * collapsed square and the a11y contract exist in exactly one place.
+ */
+interface AssistantCta {
+    /** CTA label, e.g. "Ask CXO". Shown in the expanded rail; hidden when
+     *  collapsed (the icon becomes the only visible content). */
+    label: string;
+    /** Leading icon. Rendered in both states; it is the sole content of the
+     *  collapsed square, so always supply one for collapsed use. */
+    icon?: ReactNode;
+    /** Pressed/active styling — e.g. while the panel this opens is visible.
+     *  Surfaced as `aria-pressed`. */
+    active?: boolean;
+    /** Accessible name; falls back to `label`. */
+    ariaLabel?: string;
+    onClick: () => void;
+}
+interface IScAskAgentButtonProps {
+    cta: AssistantCta;
+    /** Collapsed rail: renders the 40x40 icon-only square and drops the label. */
+    collapsed?: boolean;
+}
+declare const ScAskAgentButton: {
+    ({ cta, collapsed, }: IScAskAgentButtonProps): JSX.Element;
+    displayName: string;
+};
+/**
+ * Rail wrapper for the CTA — owns the inset/spacing before the divider so a
+ * host sidebar only has to decide *whether* to show it.
+ */
+declare const ScAskAgentSlot: {
+    ({ cta, collapsed, }: IScAskAgentButtonProps): JSX.Element;
+    displayName: string;
+};
+
 interface SidebarMenuItemConfig {
     id: string;
     label?: string;
@@ -464,6 +503,12 @@ interface StreamoidSidebarProps {
      *  only; collapsed is unaffected. */
     toggleInProfile?: boolean;
     hideFooter?: boolean;
+    /** Gradient call-to-action above the profile row (e.g. "Ask CXO"). Omit to
+     *  hide it. Rendered in both expanded (icon + label pill) and collapsed
+     *  (icon-only square) rails, in the same slot as `preFooterContent` and
+     *  immediately before it. Shares SC-AskAgentButton with ScArtifaxSidebar,
+     *  so the gradient and a11y contract are identical across products. */
+    assistantCta?: AssistantCta | null;
     preFooterContent?: ReactNode;
     bodyContent?: ReactNode;
     showBody?: boolean;
@@ -483,7 +528,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, toggleInProfile, hideFooter, preFooterContent, bodyContent, showBody, switchPanel, switchPanelOpen, onSwitchPanelClose, 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, assistantCta, preFooterContent, bodyContent, showBody, switchPanel, switchPanelOpen, onSwitchPanelClose, isMobile, className, style, topItems, topItemStates, }: StreamoidSidebarProps): react_jsx_runtime.JSX.Element;
 
 interface ArtifaxMenuItem {
     id: string;
@@ -516,20 +561,12 @@ interface ArtifaxSidebarCreditWarning {
     level?: "warning" | "danger";
     onBuyCredits: () => void;
 }
-interface ArtifaxSidebarAssistantCta {
-    /** CTA label, e.g. "Ask CXO". Shown in the expanded rail; hidden when
-     *  collapsed (the icon becomes the only visible content). */
-    label: string;
-    /** Leading icon. Rendered in both states; it is the sole content of the
-     *  collapsed square, so always supply one for collapsed use. */
-    icon?: ReactNode;
-    /** Pressed/active styling — e.g. while the panel this opens is visible.
-     *  Surfaced as `aria-pressed`. */
-    active?: boolean;
-    /** Accessible name; falls back to `label`. */
-    ariaLabel?: string;
-    onClick: () => void;
-}
+/**
+ * The CTA contract now lives with the shared button (SC-AskAgentButton) so the
+ * Artifax and Streamoid sidebars cannot drift. Kept as a named alias because
+ * this type is public API — consumers import it by this name.
+ */
+type ArtifaxSidebarAssistantCta = AssistantCta;
 interface IScArtifaxSidebarProps {
     expanded: boolean;
     onToggle: () => void;
@@ -878,8 +915,12 @@ interface IScCheckboxProps {
     className?: string;
     style?: React.CSSProperties;
     onClick?: React.MouseEventHandler<HTMLDivElement>;
+    /** Box size in px (or any CSS length). Defaults to 24. The inner artwork
+     *  scales with the box, so a smaller value gives a proportionally smaller
+     *  checkbox — used for dense contexts like a data-grid header. */
+    size?: number | string;
 }
-declare const ScCheckbox: ({ state, checked, disabled, onChange, className, style, onClick, ...props }: IScCheckboxProps & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange">) => JSX.Element;
+declare const ScCheckbox: ({ state, checked, disabled, onChange, className, style, onClick, size, ...props }: IScCheckboxProps & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange">) => JSX.Element;
 
 interface IScFieldButtonProps extends React.HTMLAttributes<HTMLDivElement> {
     icon?: JSX.Element;
@@ -1724,4 +1765,95 @@ 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 AppcardProduct, 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 DescriptionVisibility, type IInvoiceHistoryMobileProps, type IScAccessProps, type IScAppCardForCopilotProps, type IScAppCardProps, type IScAppCardV3Props, type IScAppFieldProps, type IScAppListingCardProps, type IScAppSwitchPanelProps, type IScAppcardLogosProps, type IScArtifaxInviteProps, type IScArtifaxSidebarProps, type IScBadgesProps, type IScBeaconProps, type IScBillingHistoryHeaderProps, type IScBillingHistoryTableListProps, type IScBillingLogsTableHeaderProps, type IScBillingLogsTableListProps, type IScBriefCardProps, type IScButtonProps, type IScCalendarDateCompsProps, type IScCalendarProps, type IScCatalogixInviteProps, type IScCatalogixSidebarProps, type IScCatalogixStoreHeaderProps, type IScCatalogixStoreTableListProps, type IScCheckFieldProps, type IScCheckboxProps, type IScCounterProps, type IScCreditsUsageCardMobileProps, type IScCreditsUsageCardProps, type IScCxoCopilotLogoProps, type IScDefaultCardProps, type IScDrawerProps, type IScFieldButtonProps, type IScFileFieldProps, type IScGoogleSignInProps, type IScGuideProps, type IScHDividerProps, type IScHeaderProps, type IScImageFieldProps, type IScInChatListProps, type IScInChatMessageProps, type IScInfoPopupProps, type IScIntialProfileCoverProps, type IScLogoUnitProps, type IScMappingCardProps, type IScMediaApprovalProps, type IScMediaSelectProps, type IScMenuOptionsProps, type IScMobileBottomActionProps, type IScMobileTopNavProps, type IScModalProps, type IScOnlyFieldProps, type IScOnlyIconProps, type IScPaginationProps, 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 IScSelectOption, type IScSelectProps, type IScSelectionListProps, type IScSelectionPillGroupProps, type IScSelectionPillOption, type IScSelectionPillProps, type IScSelectionProps, type IScSettingsNavProps, type IScSettingsTabCompProps, type IScSideBarLogoUnitProps, type IScSidebarIconsProps, type IScSidebarMenuProps, type IScSidebarProfileProps, type IScSidebarProps, type IScSidebarSwitchMenuProps, type IScSliderProps, type IScStoreCardProps, type IScStrLogoProps, type IScStreamoidMascotProps, type IScStreamoidWordmarkProps, type IScSubAgentProps, type IScTabCompProps, type IScTabFieldProps, type IScTabSwitcherProps, type IScTableHeaderProps, type IScTableListMobileProps, type IScTableListProps, type IScTabsProps, type IScTaxonomyPillProps, type IScTextAreaProps, type IScTextFieldProps, type IScThinkingStepIconProps, type IScTodoItem, type IScTodoListProps, type IScToggleSwitchProps, type IScVDividerProps, type IScValueMappingL1Props, type IScVersionProps, type IScWorkspaceCardProps, type IScWorkspaceSettingsMobileProps, type IScWorkspaceSwitchMobileProps, type IScWorkspaceSwitchMobileV2Props, type IUsageHistoryMobileProps, type IcListIconState, InvoiceHistoryMobile, NscWorkspaceSwitch, type PlanComparisonRow, type PlanComparisonSection, type PlanFeatureSection, ProductCollapsedMark, ProductWordmark, ScAccess, ScAppCard, ScAppCardForCopilot, ScAppCardV3, ScAppField, ScAppListingCard, type ScAppSwitchItem, ScAppSwitchPanel, ScAppSwitchRow, ScAppcardLogos, ScArtifaxInvite, ScArtifaxSidebar, ScBadges, ScBeacon, type ScBeaconTone, ScBillingHistoryHeader, ScBillingHistoryTableList, ScBillingLogsTableHeader, ScBillingLogsTableList, ScBriefCard, ScButton, ScCalendar, ScCalendarDateComps, ScCatalogixInvite, ScCatalogixSidebar, ScCatalogixStoreHeader, ScCatalogixStoreTableList, ScCheckField, ScCheckbox, ScCounter, ScCreditsUsageCard, ScCreditsUsageCardMobile, ScCxoCopilotLogo, ScDefaultCard, ScDp, type ScDpProps, ScDrawer, ScFieldButton, ScFileField, ScGoogleSignIn, ScGuide, ScHDivider, ScHeader, ScImageField, ScInChatList, ScInChatMessage, ScInfoPopup, ScIntialProfileCover, ScLogoUnit, ScMappingCard, ScMediaApproval, ScMediaSelect, ScMenuOptions, ScMobileBottomAction, ScMobileTopNav, ScModal, ScOnlyField, ScOnlyIcon, ScPagination, ScPairtext, ScPendingAction, ScPhtogenixInvite, ScPlanCard, ScPlanComparison, ScPlanDetailsCard, ScPlanDetailsCardMobile, ScPopUpMenu, ScProfile, ScProfileImageUpdate, ScProfileOptions, ScProfileSettingsComp, ScProfileV2Mobile, ScProgressBar, ScQuickPrompt, ScRadio, ScReferralCardMobile, ScReferralTableHeader, ScReferralTableList, ScRole, ScRoleMobile, ScSelect, ScSelection, ScSelectionList, ScSelectionPill, ScSelectionPillGroup, ScSettingsNav, ScSettingsTabComp, ScSideBarLogoUnit, ScSidebar, ScSidebarIcons, ScSidebarMenu, ScSidebarProfile, ScSidebarSwitchMenu, ScSlider, ScStoreCard, ScStrLogo, ScStreamoidMascot, ScStreamoidWordmark, ScSubAgent, type ScTab, ScTabComp, ScTabField, ScTabSwitcher, ScTableHeader, ScTableList, ScTableListMobile, ScTabs, ScTaxonomyPill, ScTextArea, ScTextField, ScThinkingStepIcon, ScTodoList, ScToggleSwitch, ScVDivider, ScValueMappingL1, ScVersion, ScWorkspaceCard, ScWorkspaceSettingsMobile, ScWorkspaceSwitchCard, type ScWorkspaceSwitchCardProps, ScWorkspaceSwitchMobile, ScWorkspaceSwitchMobileV2, type SelectionListState, 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, formatSubAgentLabel, hasCollapsedMark };
+type ScProfilePopupThemeMode = "system" | "light" | "dark";
+interface IScProfilePopupProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Display name shown on the first line of the header. */
+    name?: string;
+    /** Second header line — the design shows the signed-in email. */
+    email?: string;
+    /** Avatar image src. */
+    avatar?: string;
+    /** Makes the header identity block activatable (e.g. open account settings). */
+    onProfileClick?: () => void;
+    /** Wires the error-coloured logout icon in the header's top-right. */
+    onLogout?: () => void;
+    /** Accessible label for the icon-only logout button. */
+    logoutLabel?: string;
+    showLogout?: boolean;
+    workspaceName?: string;
+    /** Role line under the workspace name, e.g. "Admin". */
+    userRole?: string;
+    workspaceImage?: string;
+    /** Credits pill value. Omit to hide the pill entirely. */
+    credits?: ReactNode;
+    onSwitchWorkspace?: () => void;
+    switchWorkspaceLabel?: string;
+    showWorkspace?: boolean;
+    showSwitchWorkspace?: boolean;
+    onTeams?: () => void;
+    onBilling?: () => void;
+    onSettings?: () => void;
+    onWhatsNew?: () => void;
+    teamsLabel?: string;
+    billingLabel?: string;
+    settingsLabel?: string;
+    whatsNewLabel?: string;
+    /** Version tag shown at the trailing edge of the "What's new" row. */
+    version?: string;
+    showTeams?: boolean;
+    showBilling?: boolean;
+    showSettings?: boolean;
+    showWhatsNew?: boolean;
+    /** Controlled: which theme tab reads as active. */
+    themeMode?: ScProfilePopupThemeMode;
+    onThemeModeChange?: (mode: ScProfilePopupThemeMode) => void;
+    showThemeSwitcher?: boolean;
+    /** Extra trailing header controls; sits in a row beside the logout button. */
+    headerActions?: ReactNode;
+    /** Appended inside the workspace block, below "Switch workspace". */
+    workspaceContent?: ReactNode;
+    /** Appended to the menu group, below the built-in rows. */
+    menuContent?: ReactNode;
+    /** Sits between the menu group and the theme switcher. */
+    preFooterContent?: ReactNode;
+    /** Appended at the end of the panel, below the theme switcher. */
+    children?: ReactNode;
+    className?: string;
+}
+/**
+ * Profile popup panel — Figma `SC-Profile options` (node 6666:25516).
+ *
+ * This is the panel **body only**: it renders no overlay and owns no open
+ * state. The host positions it and handles dismissal, matching the
+ * `switchPanel`/`switchPanelOpen` split already used by `StreamoidSidebar`.
+ * The forwarded ref is the panel root, for placement and outside-click checks.
+ *
+ * Composed from existing DS parts (`ScProfile`, `ScWorkspace`, `ScHDivider`,
+ * `ScMenuOptions`, `ScButton`, `ScTabSwitcher`/`ScTabComp`). To nest further
+ * components, use the slots — each stack stretches whatever is placed in it:
+ *
+ * ```tsx
+ * <ScProfilePopup
+ *   ref={panelRef}
+ *   name={user.name}
+ *   email={user.email}
+ *   avatar={user.avatarUrl}
+ *   workspaceName={ws.name}
+ *   userRole={ws.role}
+ *   credits={credits}
+ *   version={APP_VERSION}
+ *   themeMode={theme}
+ *   onThemeModeChange={setTheme}
+ *   onLogout={logout}
+ *   onSwitchWorkspace={() => setSwitcherOpen(true)}
+ *   onBilling={() => navigate("/billing")}
+ *   menuContent={
+ *     <ScMenuOptions icon={<SiconCatalog size={24} />} text="Catalogs" />
+ *   }
+ *   preFooterContent={<ScCreditWarningBanner … />}
+ * />
+ * ```
+ */
+declare const ScProfilePopup: React$1.ForwardRefExoticComponent<IScProfilePopupProps & React$1.RefAttributes<HTMLDivElement>>;
+
+export { type AppcardProduct, type ArtifaxMenuItem, type ArtifaxSection, type ArtifaxSidebarAssistantCta, type ArtifaxSidebarCreditWarning, type ArtifaxSidebarIconContext, type ArtifaxSidebarIconMap, type ArtifaxSidebarIconRenderer, type ArtifaxSidebarProfile, type AssistantCta, type CatalogixNavItem, type CatalogixSidebarCreditWarning, type CatalogixSidebarIconContext, type CatalogixSidebarIconMap, type CatalogixSidebarIconRenderer, type CatalogixSidebarProfile, type CatalogixSwitchApp, CreditWarningBanner, type CreditWarningBannerProps, type DescriptionVisibility, type IInvoiceHistoryMobileProps, type IScAccessProps, type IScAppCardForCopilotProps, type IScAppCardProps, type IScAppCardV3Props, type IScAppFieldProps, type IScAppListingCardProps, type IScAppSwitchPanelProps, type IScAppcardLogosProps, type IScArtifaxInviteProps, type IScArtifaxSidebarProps, type IScAskAgentButtonProps, type IScBadgesProps, type IScBeaconProps, type IScBillingHistoryHeaderProps, type IScBillingHistoryTableListProps, type IScBillingLogsTableHeaderProps, type IScBillingLogsTableListProps, type IScBriefCardProps, type IScButtonProps, type IScCalendarDateCompsProps, type IScCalendarProps, type IScCatalogixInviteProps, type IScCatalogixSidebarProps, type IScCatalogixStoreHeaderProps, type IScCatalogixStoreTableListProps, type IScCheckFieldProps, type IScCheckboxProps, type IScCounterProps, type IScCreditsUsageCardMobileProps, type IScCreditsUsageCardProps, type IScCxoCopilotLogoProps, type IScDefaultCardProps, type IScDrawerProps, type IScFieldButtonProps, type IScFileFieldProps, type IScGoogleSignInProps, type IScGuideProps, type IScHDividerProps, type IScHeaderProps, type IScImageFieldProps, type IScInChatListProps, type IScInChatMessageProps, type IScInfoPopupProps, type IScIntialProfileCoverProps, type IScLogoUnitProps, type IScMappingCardProps, type IScMediaApprovalProps, type IScMediaSelectProps, type IScMenuOptionsProps, type IScMobileBottomActionProps, type IScMobileTopNavProps, type IScModalProps, type IScOnlyFieldProps, type IScOnlyIconProps, type IScPaginationProps, type IScPairtextProps, type IScPendingActionProps, type IScPhtogenixInviteProps, type IScPlanCardProps, type IScPlanComparisonProps, type IScPlanDetailsCardMobileProps, type IScPlanDetailsCardProps, type IScPopUpMenuProps, type IScProfileImageUpdateProps, type IScProfileOptionsProps, type IScProfilePopupProps, type IScProfileProps, type IScProfileSettingsCompProps, type IScProfileV2MobileProps, type IScProgressBarProps, type IScQuickPromptProps, type IScRadioProps, type IScReferralCardMobileProps, type IScReferralTableHeaderProps, type IScReferralTableListProps, type IScRoleMobileProps, type IScRoleProps, type IScSelectOption, type IScSelectProps, type IScSelectionListProps, type IScSelectionPillGroupProps, type IScSelectionPillOption, type IScSelectionPillProps, type IScSelectionProps, type IScSettingsNavProps, type IScSettingsTabCompProps, type IScSideBarLogoUnitProps, type IScSidebarIconsProps, type IScSidebarMenuProps, type IScSidebarProfileProps, type IScSidebarProps, type IScSidebarSwitchMenuProps, type IScSliderProps, type IScStoreCardProps, type IScStrLogoProps, type IScStreamoidMascotProps, type IScStreamoidWordmarkProps, type IScSubAgentProps, type IScTabCompProps, type IScTabFieldProps, type IScTabSwitcherProps, type IScTableHeaderProps, type IScTableListMobileProps, type IScTableListProps, type IScTabsProps, type IScTaxonomyPillProps, type IScTextAreaProps, type IScTextFieldProps, type IScThinkingStepIconProps, type IScTodoItem, type IScTodoListProps, type IScToggleSwitchProps, type IScVDividerProps, type IScValueMappingL1Props, type IScVersionProps, type IScWorkspaceCardProps, type IScWorkspaceSettingsMobileProps, type IScWorkspaceSwitchMobileProps, type IScWorkspaceSwitchMobileV2Props, type IUsageHistoryMobileProps, type IcListIconState, InvoiceHistoryMobile, NscWorkspaceSwitch, type PlanComparisonRow, type PlanComparisonSection, type PlanFeatureSection, ProductCollapsedMark, ProductWordmark, ScAccess, ScAppCard, ScAppCardForCopilot, ScAppCardV3, ScAppField, ScAppListingCard, type ScAppSwitchItem, ScAppSwitchPanel, ScAppSwitchRow, ScAppcardLogos, ScArtifaxInvite, ScArtifaxSidebar, ScAskAgentButton, ScAskAgentSlot, ScBadges, ScBeacon, type ScBeaconTone, ScBillingHistoryHeader, ScBillingHistoryTableList, ScBillingLogsTableHeader, ScBillingLogsTableList, ScBriefCard, ScButton, ScCalendar, ScCalendarDateComps, ScCatalogixInvite, ScCatalogixSidebar, ScCatalogixStoreHeader, ScCatalogixStoreTableList, ScCheckField, ScCheckbox, ScCounter, ScCreditsUsageCard, ScCreditsUsageCardMobile, ScCxoCopilotLogo, ScDefaultCard, ScDp, type ScDpProps, ScDrawer, ScFieldButton, ScFileField, ScGoogleSignIn, ScGuide, ScHDivider, ScHeader, ScImageField, ScInChatList, ScInChatMessage, ScInfoPopup, ScIntialProfileCover, ScLogoUnit, ScMappingCard, ScMediaApproval, ScMediaSelect, ScMenuOptions, ScMobileBottomAction, ScMobileTopNav, ScModal, ScOnlyField, ScOnlyIcon, ScPagination, ScPairtext, ScPendingAction, ScPhtogenixInvite, ScPlanCard, ScPlanComparison, ScPlanDetailsCard, ScPlanDetailsCardMobile, ScPopUpMenu, ScProfile, ScProfileImageUpdate, ScProfileOptions, ScProfilePopup, type ScProfilePopupThemeMode, ScProfileSettingsComp, ScProfileV2Mobile, ScProgressBar, ScQuickPrompt, ScRadio, ScReferralCardMobile, ScReferralTableHeader, ScReferralTableList, ScRole, ScRoleMobile, ScSelect, ScSelection, ScSelectionList, ScSelectionPill, ScSelectionPillGroup, ScSettingsNav, ScSettingsTabComp, ScSideBarLogoUnit, ScSidebar, ScSidebarIcons, ScSidebarMenu, ScSidebarProfile, ScSidebarSwitchMenu, ScSlider, ScStoreCard, ScStrLogo, ScStreamoidMascot, ScStreamoidWordmark, ScSubAgent, type ScTab, ScTabComp, ScTabField, ScTabSwitcher, ScTableHeader, ScTableList, ScTableListMobile, ScTabs, ScTaxonomyPill, ScTextArea, ScTextField, ScThinkingStepIcon, ScTodoList, ScToggleSwitch, ScVDivider, ScValueMappingL1, ScVersion, ScWorkspaceCard, ScWorkspaceSettingsMobile, ScWorkspaceSwitchCard, type ScWorkspaceSwitchCardProps, ScWorkspaceSwitchMobile, ScWorkspaceSwitchMobileV2, type SelectionListState, 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, formatSubAgentLabel, hasCollapsedMark };