@streamoid/ui 0.2.7 → 0.3.1

package/dist/index.css

@@ -2730,15 +2730,12 @@
 }
 
 /* src/SC-VDivider/ScVDivider.module.css */
-.ScVDivider_scVDivider,
-.ScVDivider_scVDivider * {
-  box-sizing: border-box;
-}
 .ScVDivider_scVDivider {
-  width: 0rem;
-  height: 1.71875rem;
-  position: relative;
-  overflow: visible;
+  box-sizing: border-box;
+  width: 0;
+  align-self: stretch;
+  border-left: 0.5px solid var(--alias-border-divider, #242424);
+  flex-shrink: 0;
 }
 
 /* src/SC-Profile options/ScProfileOptions.module.css */
@@ -3119,6 +3116,7 @@
   flex-shrink: 0;
   height: 3rem;
   position: relative;
+  overflow: hidden;
   color: var(--alias-text-and-icons-muted, #7a7a7a);
 }
 .ScTextField_inputText {
@@ -3130,12 +3128,16 @@
   font-weight: var(--text-text-sm-regular-font-weight, 400);
   position: relative;
   flex: 1;
+  min-width: 0;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   background: transparent;
   outline: none;
   border: none;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .ScTextField_scTextField.ScTextField_label-group-text .ScTextField_info {
   color: var(--alias-text-and-icons-muted, #7a7a7a);
@@ -3772,6 +3774,151 @@
   white-space: nowrap;
 }
 
+/* src/SC-AppCardV3/ScAppCardV3.module.css */
+.ScAppCardV3_scAppCardV3,
+.ScAppCardV3_scAppCardV3 * {
+  box-sizing: border-box;
+}
+.ScAppCardV3_cardBorder {
+  padding: 1px;
+  border-radius: var(--radius-3xl, 1rem);
+  background: var(--alias-border-subtle, #242424);
+  transition: background 0.6s ease;
+}
+.ScAppCardV3_cardBorder:hover {
+  background:
+    linear-gradient(
+      135deg,
+      var(--alias-border-subtle, #242424) 0%,
+      var(--alias-border-subtle, #242424) 50%,
+      #EE5E3A 100%);
+}
+.ScAppCardV3_scAppCardV3 {
+  background: var(--alias-surface-base, #101010);
+  border-radius: calc(var(--radius-3xl, 1rem) - 1px);
+  padding: var(--spacing-3xl, 1rem);
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xl, 0.75rem);
+  align-items: flex-start;
+  position: relative;
+  overflow: clip;
+  backdrop-filter: blur(4px);
+  cursor: pointer;
+  height: 100%;
+}
+.ScAppCardV3_scAppCardV3Active {
+  background: var(--alias-surface-raised, #242424);
+}
+.ScAppCardV3_glow {
+  position: absolute;
+  bottom: -1px;
+  right: -1px;
+  width: 99px;
+  height: 50px;
+  pointer-events: none;
+  border-radius: 50%;
+  background: none;
+  transition: opacity 0.2s ease;
+}
+.ScAppCardV3_cardBorder:hover .ScAppCardV3_glow {
+  opacity: 0;
+}
+.ScAppCardV3_glowHover {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  opacity: 0;
+  transition: opacity 0.6s ease;
+  border-radius: inherit;
+  background:
+    radial-gradient(
+      ellipse at 85% 90%,
+      rgba(200, 60, 20, 0.50) 0%,
+      rgba(200, 60, 20, 0.28) 20%,
+      rgba(180, 50, 15, 0.14) 40%,
+      rgba(140, 40, 10, 0.06) 60%,
+      rgba(100, 30, 10, 0.02) 80%,
+      transparent 100%);
+}
+.ScAppCardV3_cardBorder:hover .ScAppCardV3_glowHover {
+  opacity: 1;
+}
+.ScAppCardV3_header {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xs, 0.25rem);
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  position: relative;
+  flex-shrink: 0;
+}
+.ScAppCardV3_iconRow {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  border-radius: var(--radius-md, 0.5rem);
+  width: 100%;
+  flex-shrink: 0;
+}
+.ScAppCardV3_appName {
+  flex: 1 0 0;
+  color: var(--alias-text-and-icons-primary, #f5f5f5);
+  font-family: var( --text-text-md-medium-font-family, "Inter-Medium", sans-serif );
+  font-size: var(--text-text-md-medium-font-size, 1rem);
+  line-height: var(--text-text-md-medium-line-height, 1.5rem);
+  font-weight: var(--text-text-md-medium-font-weight, 500);
+  min-width: 1px;
+  min-height: 1px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.ScAppCardV3_iconPill {
+  display: flex;
+  align-items: center;
+  padding: 6px;
+  border-radius: var(--radius-xs, 4px);
+  position: relative;
+  flex-shrink: 0;
+}
+.ScAppCardV3_iconPillBg {
+  position: absolute;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.24);
+  backdrop-filter: blur(40px);
+  border-radius: var(--radius-xs, 4px);
+  pointer-events: none;
+}
+.ScAppCardV3_iconPillShadow {
+  position: absolute;
+  inset: 0;
+  border-radius: inherit;
+  box-shadow: inset 0px 4px 8px 0px rgba(0, 0, 0, 0.32);
+  pointer-events: none;
+}
+.ScAppCardV3_iconPillIcon {
+  position: relative;
+  width: 20px;
+  height: 20px;
+  flex-shrink: 0;
+  color: var(--alias-text-and-icons-primary, #f5f5f5);
+}
+.ScAppCardV3_iconPillIcon > * {
+  width: 100%;
+  height: 100%;
+}
+.ScAppCardV3_description {
+  color: var(--alias-text-and-icons-tertiary, #9e9e9e);
+  font-family: var( --text-text-xs-regular-font-family, "Inter-Regular", sans-serif );
+  font-size: var(--text-text-xs-regular-font-size, 0.75rem);
+  line-height: var(--text-text-xs-regular-line-height, 1.125rem);
+  font-weight: var(--text-text-xs-regular-font-weight, 400);
+  width: 100%;
+  position: relative;
+  flex-shrink: 0;
+}
+
 /* src/SC-appField/ScAppField.module.css */
 .ScAppField_scAppField,
 .ScAppField_scAppField * {
@@ -4060,7 +4207,7 @@
   color: var(--alias-text-and-icons-muted, #7a7a7a);
 }
 .ScOnlyField_inputText {
-  color: var(--alias-text-and-icons-muted, #7a7a7a);
+  color: var(--alias-text-and-icons-primary, #f5f5f5);
   text-align: left;
   font-family: var( --text-text-sm-regular-font-family, "Inter-Regular", sans-serif );
   font-size: var(--text-text-sm-regular-font-size, 0.875rem);
@@ -4072,6 +4219,39 @@
   align-items: center;
   justify-content: flex-start;
 }
+.ScOnlyField_inputText::placeholder {
+  color: var(--alias-text-and-icons-muted, #7a7a7a);
+}
+.ScOnlyField_iconWrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  width: 24px;
+  height: 24px;
+}
+.ScOnlyField_iconWrapper > * {
+  width: 100%;
+  height: 100%;
+}
+.ScOnlyField_size-medium .ScOnlyField_inputContainer {
+  height: 2.5rem;
+  padding: var(--spacing-md, 0.5rem) var(--spacing-xl, 0.75rem);
+  border-radius: var(--radius-xl, 0.75rem);
+}
+.ScOnlyField_size-medium .ScOnlyField_iconWrapper {
+  width: 20px;
+  height: 20px;
+}
+.ScOnlyField_size-small .ScOnlyField_inputContainer {
+  height: 2rem;
+  padding: var(--spacing-md, 0.5rem) var(--spacing-xl, 0.75rem);
+  border-radius: var(--radius-lg, 0.625rem);
+}
+.ScOnlyField_size-small .ScOnlyField_iconWrapper {
+  width: 16px;
+  height: 16px;
+}
 .ScOnlyField_scOnlyField.ScOnlyField_tf-group-icon-left .ScOnlyField_inputContainer,
 .ScOnlyField_scOnlyField.ScOnlyField_tf-group-icon-left-right .ScOnlyField_inputContainer {
   gap: var(--spacing-md, 0.5rem);
@@ -5506,29 +5686,53 @@
 .ScMobileBottomAction_scMobileBottomAction * {
   box-sizing: border-box;
 }
+.ScMobileBottomAction_twoButton {
+  gap: var(--spacing-3xl, 16px);
+}
 .ScMobileBottomAction_button {
   display: flex;
   flex: 1 0 0;
-  height: 48px;
+  height: 40px;
   align-items: center;
   justify-content: center;
-  padding: var(--spacing-xl, 12px) var(--spacing-3xl, 16px);
+  padding: var(--spacing-md, 8px) var(--spacing-3xl, 16px);
   background: var(--alias-fill-base-base, #f5f5f5);
   border-radius: var(--medium-5, 12px);
   border: none;
   cursor: pointer;
-  width: 100%;
+  min-width: 0;
+}
+.ScMobileBottomAction_outlineButton {
+  display: flex;
+  flex: 1 0 0;
+  height: 40px;
+  align-items: center;
+  justify-content: center;
+  padding: var(--spacing-md, 8px) var(--spacing-3xl, 16px);
+  background: transparent;
+  border-radius: var(--medium-5, 12px);
+  border: 1.25px solid var(--alias-border-default, #3e3e3e);
+  cursor: pointer;
+  min-width: 0;
 }
 .ScMobileBottomAction_disabled {
   opacity: 0.5;
   cursor: not-allowed;
 }
 .ScMobileBottomAction_buttonText {
+  font-family: var(--font-family-font-family-body, "Inter", sans-serif);
+  font-weight: var(--font-weight-font-weight-medium, 500);
+  font-size: var(--font-size-font-size-sm, 14px);
+  line-height: var(--line-height-line-height-sm, 20px);
+  color: var(--alias-text-icons-inverse, #101010);
+  white-space: nowrap;
+}
+.ScMobileBottomAction_outlineButtonText {
   font-family: var(--font-family-font-family-body, "Inter", sans-serif);
   font-weight: var(--font-weight-font-weight-medium, 500);
   font-size: var(--font-size-font-size-md, 16px);
   line-height: var(--line-height-line-height-md, 24px);
-  color: var(--alias-text-icons-inverse, #101010);
+  color: var(--alias-text-icons-primary, #f5f5f5);
   white-space: nowrap;
 }
 

package/dist/index.d.mts

@@ -297,10 +297,11 @@ interface StreamoidSidebarProps {
     versionText?: string;
     toggleIcon?: ReactNode | ((expanded: boolean) => ReactNode);
     hideFooter?: boolean;
+    preFooterContent?: ReactNode;
     className?: string;
     style?: CSSProperties;
 }
-declare function StreamoidSidebar({ expanded, onToggle, config, iconMap, activeItemId, onItemSelect, expandedLogo, collapsedLogo, profile, versionText, toggleIcon, hideFooter, className, style, }: StreamoidSidebarProps): react_jsx_runtime.JSX.Element;
+declare function StreamoidSidebar({ expanded, onToggle, config, iconMap, activeItemId, onItemSelect, expandedLogo, collapsedLogo, profile, versionText, toggleIcon, hideFooter, preFooterContent, className, style, }: StreamoidSidebarProps): react_jsx_runtime.JSX.Element;
 
 interface IScSidebarMenuProps extends React.HTMLAttributes<HTMLDivElement> {
     icon?: JSX.Element;
@@ -324,10 +325,11 @@ interface IScSliderProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const ScSlider: ({ className, onValueChange, ...props }: IScSliderProps) => JSX.Element;
 
-interface IScVDividerProps {
+interface IScVDividerProps extends React.HTMLAttributes<HTMLDivElement> {
+    color?: string;
     className?: string;
 }
-declare const ScVDivider: ({ className, ...props }: IScVDividerProps) => JSX.Element;
+declare const ScVDivider: ({ color, className, style, ...props }: IScVDividerProps) => JSX.Element;
 
 interface WorkspaceSwitcherItem {
     id: string;
@@ -370,6 +372,15 @@ interface IScAppCardProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const ScAppCard: ({ appIcon, appName, appDescription, className, ...props }: IScAppCardProps) => JSX.Element;
 
+interface IScAppCardV3Props extends React.HTMLAttributes<HTMLDivElement> {
+    appIcon?: ReactNode;
+    appName?: string;
+    description?: string;
+    active?: boolean;
+    className?: string;
+}
+declare const ScAppCardV3: ({ appIcon, appName, description, active, className, style, ...props }: IScAppCardV3Props) => JSX.Element;
+
 interface IScAppFieldProps extends React.HTMLAttributes<HTMLDivElement> {
     appFieldTitle?: string;
     className?: string;
@@ -464,13 +475,14 @@ interface IScOnlyFieldProps extends React.HTMLAttributes<HTMLDivElement> {
     state?: "default" | "active" | "error" | "disabled" | "filled";
     tfGroup?: "icon-right" | "icon-left" | "icon-left-right" | "none";
     labelGroup?: "none" | "label" | "text" | "icon";
+    size?: "default" | "medium" | "small";
     className?: string;
     placeholderFilled?: string;
     value?: string;
     onInputChange?: (value: string) => void;
     inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
 }
-declare const ScOnlyField: ({ tfRightIcon, tfLeftIcon, state, tfGroup, labelGroup, className, placeholderFilled, value, onInputChange, inputProps, ...props }: IScOnlyFieldProps) => JSX.Element;
+declare const ScOnlyField: ({ tfRightIcon, tfLeftIcon, state, tfGroup, labelGroup, size, className, placeholderFilled, value, onInputChange, inputProps, ...props }: IScOnlyFieldProps) => JSX.Element;
 
 interface IScPendingActionProps extends React.HTMLAttributes<HTMLDivElement> {
     className?: string;
@@ -597,7 +609,7 @@ interface IScTextFieldProps extends React.InputHTMLAttributes<HTMLInputElement>
     placeholderFilled?: string;
     label?: string;
 }
-declare const ScTextField: ({ tfRightIcon, tfLeftIcon, state, tfGroup, labelGroup, className, placeholderFilled, label, ...props }: IScTextFieldProps) => JSX.Element;
+declare const ScTextField: ({ tfRightIcon, tfLeftIcon, state, tfGroup, labelGroup, className, placeholderFilled, label, style, ...props }: IScTextFieldProps) => JSX.Element;
 
 interface IScToggleSwitchProps extends React.HTMLAttributes<HTMLDivElement> {
     active?: "true" | "false";
@@ -769,16 +781,22 @@ interface IScMobileTopNavProps {
 declare const ScMobileTopNav: ({ type, searchIcon, search, heading, chatTitle, searchPlaceholder, searchValue, menuIcon, searchIconElement, closeIcon, moreIcon, onMenuClick, onSearchClick, onCloseClick, onMoreClick, onSearchChange, className, ...props }: IScMobileTopNavProps & React$1.HTMLAttributes<HTMLDivElement>) => JSX.Element;
 
 interface IScMobileBottomActionProps {
-    /** Button text */
+    /** Primary button text */
     text?: string;
-    /** Whether button is disabled */
+    /** Whether primary button is disabled */
     disabled?: boolean;
-    /** Click handler */
+    /** Primary button click handler */
     onClick?: (e: React$1.MouseEvent) => void;
+    /** Secondary (outline) button text — renders 2-button layout when provided */
+    secondaryText?: string;
+    /** Whether secondary button is disabled */
+    secondaryDisabled?: boolean;
+    /** Secondary button click handler */
+    onSecondaryClick?: (e: React$1.MouseEvent) => void;
     /** Additional class name */
     className?: string;
 }
-declare const ScMobileBottomAction: ({ text, disabled, onClick, className, ...props }: IScMobileBottomActionProps & React$1.HTMLAttributes<HTMLDivElement>) => JSX.Element;
+declare const ScMobileBottomAction: ({ text, disabled, onClick, secondaryText, secondaryDisabled, onSecondaryClick, className, ...props }: IScMobileBottomActionProps & React$1.HTMLAttributes<HTMLDivElement>) => JSX.Element;
 
 interface IScPopUpMenuProps {
     /** Menu label text */
@@ -898,4 +916,4 @@ interface IScPlanDetailsCardMobileProps extends React.HTMLAttributes<HTMLDivElem
 }
 declare const ScPlanDetailsCardMobile: ({ planName, planCredits, planPrice, badgeText, currentPlanLabel, upgradeButtonText, onUpgrade, className, ...props }: IScPlanDetailsCardMobileProps) => JSX.Element;
 
-export { type IInvoiceHistoryMobileProps, type IScAccessProps, type IScAppCardProps, type IScAppFieldProps, type IScAppListingCardProps, type IScArtifaxInviteProps, type IScBadgesProps, type IScBillingHistoryHeaderProps, type IScBillingHistoryTableListProps, type IScBillingLogsTableHeaderProps, type IScBillingLogsTableListProps, type IScButtonProps, type IScCalendarDateCompsProps, type IScCalendarProps, type IScCatalogixInviteProps, type IScCheckFieldProps, type IScCheckboxProps, type IScCreditsUsageCardMobileProps, type IScCreditsUsageCardProps, type IScFieldButtonProps, type IScGoogleSignInProps, 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 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, ScAppField, ScAppListingCard, ScArtifaxInvite, ScBadges, ScBillingHistoryHeader, ScBillingHistoryTableList, ScBillingLogsTableHeader, ScBillingLogsTableList, ScButton, ScCalendar, ScCalendarDateComps, ScCatalogixInvite, ScCheckField, ScCheckbox, ScCreditsUsageCard, ScCreditsUsageCardMobile, ScDp, type ScDpProps, ScFieldButton, ScGoogleSignIn, 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, 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 IInvoiceHistoryMobileProps, type IScAccessProps, type IScAppCardProps, type IScAppCardV3Props, type IScAppFieldProps, type IScAppListingCardProps, type IScArtifaxInviteProps, type IScBadgesProps, type IScBillingHistoryHeaderProps, type IScBillingHistoryTableListProps, type IScBillingLogsTableHeaderProps, type IScBillingLogsTableListProps, type IScButtonProps, type IScCalendarDateCompsProps, type IScCalendarProps, type IScCatalogixInviteProps, type IScCheckFieldProps, type IScCheckboxProps, type IScCreditsUsageCardMobileProps, type IScCreditsUsageCardProps, type IScFieldButtonProps, type IScGoogleSignInProps, 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 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, ScBadges, ScBillingHistoryHeader, ScBillingHistoryTableList, ScBillingLogsTableHeader, ScBillingLogsTableList, ScButton, ScCalendar, ScCalendarDateComps, ScCatalogixInvite, ScCheckField, ScCheckbox, ScCreditsUsageCard, ScCreditsUsageCardMobile, ScDp, type ScDpProps, ScFieldButton, ScGoogleSignIn, 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, 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 };

package/dist/index.d.ts

@@ -297,10 +297,11 @@ interface StreamoidSidebarProps {
     versionText?: string;
     toggleIcon?: ReactNode | ((expanded: boolean) => ReactNode);
     hideFooter?: boolean;
+    preFooterContent?: ReactNode;
     className?: string;
     style?: CSSProperties;
 }
-declare function StreamoidSidebar({ expanded, onToggle, config, iconMap, activeItemId, onItemSelect, expandedLogo, collapsedLogo, profile, versionText, toggleIcon, hideFooter, className, style, }: StreamoidSidebarProps): react_jsx_runtime.JSX.Element;
+declare function StreamoidSidebar({ expanded, onToggle, config, iconMap, activeItemId, onItemSelect, expandedLogo, collapsedLogo, profile, versionText, toggleIcon, hideFooter, preFooterContent, className, style, }: StreamoidSidebarProps): react_jsx_runtime.JSX.Element;
 
 interface IScSidebarMenuProps extends React.HTMLAttributes<HTMLDivElement> {
     icon?: JSX.Element;
@@ -324,10 +325,11 @@ interface IScSliderProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const ScSlider: ({ className, onValueChange, ...props }: IScSliderProps) => JSX.Element;
 
-interface IScVDividerProps {
+interface IScVDividerProps extends React.HTMLAttributes<HTMLDivElement> {
+    color?: string;
     className?: string;
 }
-declare const ScVDivider: ({ className, ...props }: IScVDividerProps) => JSX.Element;
+declare const ScVDivider: ({ color, className, style, ...props }: IScVDividerProps) => JSX.Element;
 
 interface WorkspaceSwitcherItem {
     id: string;
@@ -370,6 +372,15 @@ interface IScAppCardProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const ScAppCard: ({ appIcon, appName, appDescription, className, ...props }: IScAppCardProps) => JSX.Element;
 
+interface IScAppCardV3Props extends React.HTMLAttributes<HTMLDivElement> {
+    appIcon?: ReactNode;
+    appName?: string;
+    description?: string;
+    active?: boolean;
+    className?: string;
+}
+declare const ScAppCardV3: ({ appIcon, appName, description, active, className, style, ...props }: IScAppCardV3Props) => JSX.Element;
+
 interface IScAppFieldProps extends React.HTMLAttributes<HTMLDivElement> {
     appFieldTitle?: string;
     className?: string;
@@ -464,13 +475,14 @@ interface IScOnlyFieldProps extends React.HTMLAttributes<HTMLDivElement> {
     state?: "default" | "active" | "error" | "disabled" | "filled";
     tfGroup?: "icon-right" | "icon-left" | "icon-left-right" | "none";
     labelGroup?: "none" | "label" | "text" | "icon";
+    size?: "default" | "medium" | "small";
     className?: string;
     placeholderFilled?: string;
     value?: string;
     onInputChange?: (value: string) => void;
     inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
 }
-declare const ScOnlyField: ({ tfRightIcon, tfLeftIcon, state, tfGroup, labelGroup, className, placeholderFilled, value, onInputChange, inputProps, ...props }: IScOnlyFieldProps) => JSX.Element;
+declare const ScOnlyField: ({ tfRightIcon, tfLeftIcon, state, tfGroup, labelGroup, size, className, placeholderFilled, value, onInputChange, inputProps, ...props }: IScOnlyFieldProps) => JSX.Element;
 
 interface IScPendingActionProps extends React.HTMLAttributes<HTMLDivElement> {
     className?: string;
@@ -597,7 +609,7 @@ interface IScTextFieldProps extends React.InputHTMLAttributes<HTMLInputElement>
     placeholderFilled?: string;
     label?: string;
 }
-declare const ScTextField: ({ tfRightIcon, tfLeftIcon, state, tfGroup, labelGroup, className, placeholderFilled, label, ...props }: IScTextFieldProps) => JSX.Element;
+declare const ScTextField: ({ tfRightIcon, tfLeftIcon, state, tfGroup, labelGroup, className, placeholderFilled, label, style, ...props }: IScTextFieldProps) => JSX.Element;
 
 interface IScToggleSwitchProps extends React.HTMLAttributes<HTMLDivElement> {
     active?: "true" | "false";
@@ -769,16 +781,22 @@ interface IScMobileTopNavProps {
 declare const ScMobileTopNav: ({ type, searchIcon, search, heading, chatTitle, searchPlaceholder, searchValue, menuIcon, searchIconElement, closeIcon, moreIcon, onMenuClick, onSearchClick, onCloseClick, onMoreClick, onSearchChange, className, ...props }: IScMobileTopNavProps & React$1.HTMLAttributes<HTMLDivElement>) => JSX.Element;
 
 interface IScMobileBottomActionProps {
-    /** Button text */
+    /** Primary button text */
     text?: string;
-    /** Whether button is disabled */
+    /** Whether primary button is disabled */
     disabled?: boolean;
-    /** Click handler */
+    /** Primary button click handler */
     onClick?: (e: React$1.MouseEvent) => void;
+    /** Secondary (outline) button text — renders 2-button layout when provided */
+    secondaryText?: string;
+    /** Whether secondary button is disabled */
+    secondaryDisabled?: boolean;
+    /** Secondary button click handler */
+    onSecondaryClick?: (e: React$1.MouseEvent) => void;
     /** Additional class name */
     className?: string;
 }
-declare const ScMobileBottomAction: ({ text, disabled, onClick, className, ...props }: IScMobileBottomActionProps & React$1.HTMLAttributes<HTMLDivElement>) => JSX.Element;
+declare const ScMobileBottomAction: ({ text, disabled, onClick, secondaryText, secondaryDisabled, onSecondaryClick, className, ...props }: IScMobileBottomActionProps & React$1.HTMLAttributes<HTMLDivElement>) => JSX.Element;
 
 interface IScPopUpMenuProps {
     /** Menu label text */
@@ -898,4 +916,4 @@ interface IScPlanDetailsCardMobileProps extends React.HTMLAttributes<HTMLDivElem
 }
 declare const ScPlanDetailsCardMobile: ({ planName, planCredits, planPrice, badgeText, currentPlanLabel, upgradeButtonText, onUpgrade, className, ...props }: IScPlanDetailsCardMobileProps) => JSX.Element;
 
-export { type IInvoiceHistoryMobileProps, type IScAccessProps, type IScAppCardProps, type IScAppFieldProps, type IScAppListingCardProps, type IScArtifaxInviteProps, type IScBadgesProps, type IScBillingHistoryHeaderProps, type IScBillingHistoryTableListProps, type IScBillingLogsTableHeaderProps, type IScBillingLogsTableListProps, type IScButtonProps, type IScCalendarDateCompsProps, type IScCalendarProps, type IScCatalogixInviteProps, type IScCheckFieldProps, type IScCheckboxProps, type IScCreditsUsageCardMobileProps, type IScCreditsUsageCardProps, type IScFieldButtonProps, type IScGoogleSignInProps, 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 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, ScAppField, ScAppListingCard, ScArtifaxInvite, ScBadges, ScBillingHistoryHeader, ScBillingHistoryTableList, ScBillingLogsTableHeader, ScBillingLogsTableList, ScButton, ScCalendar, ScCalendarDateComps, ScCatalogixInvite, ScCheckField, ScCheckbox, ScCreditsUsageCard, ScCreditsUsageCardMobile, ScDp, type ScDpProps, ScFieldButton, ScGoogleSignIn, 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, 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 IInvoiceHistoryMobileProps, type IScAccessProps, type IScAppCardProps, type IScAppCardV3Props, type IScAppFieldProps, type IScAppListingCardProps, type IScArtifaxInviteProps, type IScBadgesProps, type IScBillingHistoryHeaderProps, type IScBillingHistoryTableListProps, type IScBillingLogsTableHeaderProps, type IScBillingLogsTableListProps, type IScButtonProps, type IScCalendarDateCompsProps, type IScCalendarProps, type IScCatalogixInviteProps, type IScCheckFieldProps, type IScCheckboxProps, type IScCreditsUsageCardMobileProps, type IScCreditsUsageCardProps, type IScFieldButtonProps, type IScGoogleSignInProps, 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 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, ScBadges, ScBillingHistoryHeader, ScBillingHistoryTableList, ScBillingLogsTableHeader, ScBillingLogsTableList, ScButton, ScCalendar, ScCalendarDateComps, ScCatalogixInvite, ScCheckField, ScCheckbox, ScCreditsUsageCard, ScCreditsUsageCardMobile, ScDp, type ScDpProps, ScFieldButton, ScGoogleSignIn, 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, 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 };