@streamoid/ui 0.3.0 → 0.3.2

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);
@@ -3445,10 +3447,20 @@
   line-height: var(--text-text-sm-regular-line-height, 1.25rem);
   font-weight: var(--text-text-sm-regular-font-weight, 400);
   position: relative;
-  width: 9.9375rem;
+  flex: 1 0 0;
+  min-width: 0;
   height: 1.25rem;
   text-overflow: ellipsis;
   overflow: hidden;
+  white-space: nowrap;
+}
+.ScSidebarMenu_moreIconWrapper {
+  display: none;
+  align-items: center;
+  padding: 0.125rem;
+  border-radius: var(--radius-md, 0.5rem);
+  flex-shrink: 0;
+  cursor: pointer;
 }
 .ScSidebarMenu_scSidebarMenu.ScSidebarMenu_state-active {
   background: var(--alias-fill-neutral-neutralselected, #242424);
@@ -3456,10 +3468,17 @@
 .ScSidebarMenu_scSidebarMenu.ScSidebarMenu_state-active .ScSidebarMenu_content {
   color: var(--alias-text-and-icons-primary, #f5f5f5);
 }
+.ScSidebarMenu_scSidebarMenu.ScSidebarMenu_state-default-highlight .ScSidebarMenu_content {
+  color: var(--alias-text-and-icons-primary, #f5f5f5);
+}
 .ScSidebarMenu_scSidebarMenu:hover,
 .ScSidebarMenu_scSidebarMenu.ScSidebarMenu_state-hover {
   background: var(--alias-fill-neutral-neutral, #1a1a1a);
 }
+.ScSidebarMenu_scSidebarMenu:hover .ScSidebarMenu_moreIconWrapper,
+.ScSidebarMenu_scSidebarMenu.ScSidebarMenu_state-hover .ScSidebarMenu_moreIconWrapper {
+  display: flex;
+}
 .ScSidebarMenu_scSidebarMenu.ScSidebarMenu_variant-collapsed {
   padding: var(--spacing-md, 0.5rem);
   align-self: unset;
@@ -3772,6 +3791,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 * {
@@ -4075,6 +4239,36 @@
 .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);

package/dist/index.d.mts

@@ -290,26 +290,35 @@ interface StreamoidSidebarProps {
     config: SidebarConfig;
     iconMap: SidebarIconMap;
     activeItemId?: string;
+    highlightedItemIds?: Set<string>;
     onItemSelect?: (item: SidebarMenuItemConfig, sectionId?: string) => void;
+    moreIcon?: ReactNode;
+    onMoreClick?: (item: SidebarMenuItemConfig, sectionId?: string) => void;
     expandedLogo?: ReactNode;
     collapsedLogo?: ReactNode;
     profile?: SidebarProfileConfig;
     versionText?: string;
     toggleIcon?: ReactNode | ((expanded: boolean) => ReactNode);
     hideFooter?: boolean;
+    preFooterContent?: ReactNode;
+    bodyContent?: ReactNode;
+    showBody?: boolean;
+    isMobile?: boolean;
     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, highlightedItemIds, onItemSelect, moreIcon, onMoreClick, expandedLogo, collapsedLogo, profile, versionText, toggleIcon, hideFooter, preFooterContent, bodyContent, showBody, isMobile, className, style, }: StreamoidSidebarProps): react_jsx_runtime.JSX.Element;
 
 interface IScSidebarMenuProps extends React.HTMLAttributes<HTMLDivElement> {
     icon?: JSX.Element;
-    state?: "default" | "active";
+    state?: "default" | "active" | "hover" | "default-highlight";
     variant?: "expanded" | "collapsed";
     className?: string;
     text?: string;
+    moreIcon?: ReactNode;
+    onMoreClick?: (e: React.MouseEvent) => void;
 }
-declare const ScSidebarMenu: ({ icon, state, variant, className, text, ...props }: IScSidebarMenuProps) => JSX.Element;
+declare const ScSidebarMenu: ({ icon, state, variant, className, text, moreIcon, onMoreClick, ...props }: IScSidebarMenuProps) => JSX.Element;
 
 interface IScSidebarProfileProps extends React.HTMLAttributes<HTMLDivElement> {
     state?: "default" | "hover";
@@ -324,10 +333,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 +380,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 +483,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;
@@ -904,4 +924,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

@@ -290,26 +290,35 @@ interface StreamoidSidebarProps {
     config: SidebarConfig;
     iconMap: SidebarIconMap;
     activeItemId?: string;
+    highlightedItemIds?: Set<string>;
     onItemSelect?: (item: SidebarMenuItemConfig, sectionId?: string) => void;
+    moreIcon?: ReactNode;
+    onMoreClick?: (item: SidebarMenuItemConfig, sectionId?: string) => void;
     expandedLogo?: ReactNode;
     collapsedLogo?: ReactNode;
     profile?: SidebarProfileConfig;
     versionText?: string;
     toggleIcon?: ReactNode | ((expanded: boolean) => ReactNode);
     hideFooter?: boolean;
+    preFooterContent?: ReactNode;
+    bodyContent?: ReactNode;
+    showBody?: boolean;
+    isMobile?: boolean;
     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, highlightedItemIds, onItemSelect, moreIcon, onMoreClick, expandedLogo, collapsedLogo, profile, versionText, toggleIcon, hideFooter, preFooterContent, bodyContent, showBody, isMobile, className, style, }: StreamoidSidebarProps): react_jsx_runtime.JSX.Element;
 
 interface IScSidebarMenuProps extends React.HTMLAttributes<HTMLDivElement> {
     icon?: JSX.Element;
-    state?: "default" | "active";
+    state?: "default" | "active" | "hover" | "default-highlight";
     variant?: "expanded" | "collapsed";
     className?: string;
     text?: string;
+    moreIcon?: ReactNode;
+    onMoreClick?: (e: React.MouseEvent) => void;
 }
-declare const ScSidebarMenu: ({ icon, state, variant, className, text, ...props }: IScSidebarMenuProps) => JSX.Element;
+declare const ScSidebarMenu: ({ icon, state, variant, className, text, moreIcon, onMoreClick, ...props }: IScSidebarMenuProps) => JSX.Element;
 
 interface IScSidebarProfileProps extends React.HTMLAttributes<HTMLDivElement> {
     state?: "default" | "hover";
@@ -324,10 +333,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 +380,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 +483,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;
@@ -904,4 +924,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 };