@streamoid/ui 0.6.44 → 0.6.46

package/dist/index.mjs

@@ -198,7 +198,11 @@ var T = {
   primary: "var(--alias-text---icons-primary, #f5f5f5)",
   secondary: "var(--alias-text---icons-secondary, #dadada)",
   tertiary: "var(--alias-text---icons-tertiary, #9e9e9e)",
-  font: "var(--font-family-font-family-body, 'Inter', sans-serif)"
+  /* The same token the rail uses, NOT `--font-family-font-family-body`.
+     That one is the app's BRAND face — Artifax maps it to Geist — so this
+     panel rendered in a different typeface in each product while claiming, two
+     comments down, to "render identically in every app". */
+  font: "var(--sc-rail-font-family, Inter, ui-sans-serif, system-ui, sans-serif)"
 };
 var PRODUCT_BRANDS = [
   // Matched on `streamoid` too: the service catalog has named this group both
@@ -6048,6 +6052,81 @@ function useStreamoidSidebarPopoverPosition(sidebarRef, {
   return position;
 }
 
+// src/SC-SidebarShell/ScSidebarPopover.tsx
+import {
+  useEffect as useEffect5,
+  useRef as useRef6
+} from "react";
+import { createPortal } from "react-dom";
+import { jsx as jsx53, jsxs as jsxs42 } from "react/jsx-runtime";
+var SURFACE = "var(--sc-sidebar-popover-surface, var(--alias-surface-base, #101010))";
+var BORDER = "var(--sc-sidebar-popover-border, var(--alias-border-default, #2a2a2a))";
+var RADIUS = "var(--radius-3xl, 16px)";
+function ScSidebarPopover({
+  anchorRef,
+  alignRef,
+  width,
+  onClose,
+  children,
+  role = "menu",
+  ariaLabel,
+  testId,
+  className,
+  style
+}) {
+  const panelRef = useRef6(null);
+  const { style: position, arrow } = useStreamoidAnchoredPopover(
+    anchorRef,
+    panelRef,
+    { width, alignRef }
+  );
+  useEffect5(() => {
+    const onKeyDown = (event) => {
+      if (event.key === "Escape") onClose();
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [onClose]);
+  if (typeof document === "undefined") return null;
+  return createPortal(
+    /* The backdrop is what makes a click anywhere else dismiss this, without
+       a document-level listener that fires before the opening click has
+       finished and closes the popover as it opens. */
+    /* @__PURE__ */ jsx53(
+      "div",
+      {
+        style: { position: "fixed", inset: 0, zIndex: 40 },
+        onMouseDown: onClose,
+        children: /* @__PURE__ */ jsxs42(
+          "div",
+          {
+            ref: panelRef,
+            onMouseDown: (event) => event.stopPropagation(),
+            role,
+            "aria-label": ariaLabel,
+            "data-testid": testId,
+            className,
+            style: {
+              ...position,
+              backgroundColor: SURFACE,
+              border: `1px solid ${BORDER}`,
+              borderRadius: RADIUS,
+              boxShadow: "var(--sc-sidebar-popover-shadow, 0 12px 32px rgba(0, 0, 0, 0.24))",
+              zIndex: 50,
+              ...style
+            },
+            children: [
+              /* @__PURE__ */ jsx53(ScPopoverArrow, { arrow, background: SURFACE, borderColor: BORDER }),
+              /* @__PURE__ */ jsx53("div", { style: { borderRadius: RADIUS, overflow: "hidden" }, children })
+            ]
+          }
+        )
+      }
+    ),
+    document.body
+  );
+}
+
 // src/SC-Artifax-Sidebar/ScArtifaxSidebar.tsx
 import {
   useCallback as useCallback3,
@@ -6084,26 +6163,30 @@ var ScArtifaxSidebar_default = {
   footerToggle: "ScArtifaxSidebar_footerToggle",
   footerCollapsed: "ScArtifaxSidebar_footerCollapsed",
   placeholderIcon: "ScArtifaxSidebar_placeholderIcon",
-  versionText: "ScArtifaxSidebar_versionText"
+  versionText: "ScArtifaxSidebar_versionText",
+  header: "ScArtifaxSidebar_header",
+  headerCollapsed: "ScArtifaxSidebar_headerCollapsed",
+  headerTriggerSlot: "ScArtifaxSidebar_headerTriggerSlot",
+  headerDivider: "ScArtifaxSidebar_headerDivider"
 };
 
 // src/SC-Artifax-Sidebar/ScArtifaxSidebar.tsx
 import { SiconCollapse as SiconCollapse3, SiconDown, SiconUp } from "@streamoid/icons";
-import { Fragment as Fragment17, jsx as jsx53, jsxs as jsxs42 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx54, jsxs as jsxs43 } from "react/jsx-runtime";
 function AppSidebarPlaceholderIcon() {
-  return /* @__PURE__ */ jsx53("span", { "aria-hidden": "true", className: ScArtifaxSidebar_default.placeholderIcon });
+  return /* @__PURE__ */ jsx54("span", { "aria-hidden": "true", className: ScArtifaxSidebar_default.placeholderIcon });
 }
 function resolveIcon2(iconMap, item, active, expanded) {
   const renderer = iconMap?.[item.iconKey];
-  if (renderer == null) return /* @__PURE__ */ jsx53(AppSidebarPlaceholderIcon, {});
+  if (renderer == null) return /* @__PURE__ */ jsx54(AppSidebarPlaceholderIcon, {});
   if (typeof renderer === "function") {
-    return /* @__PURE__ */ jsx53(Fragment17, { children: renderer({ item, active, expanded }) });
+    return /* @__PURE__ */ jsx54(Fragment17, { children: renderer({ item, active, expanded }) });
   }
-  return /* @__PURE__ */ jsx53(Fragment17, { children: renderer });
+  return /* @__PURE__ */ jsx54(Fragment17, { children: renderer });
 }
 function resolveToggleIcon2(toggleIcon, expanded) {
   if (toggleIcon == null)
-    return /* @__PURE__ */ jsx53(SiconCollapse3, {});
+    return /* @__PURE__ */ jsx54(SiconCollapse3, {});
   if (typeof toggleIcon === "function") {
     return toggleIcon(expanded);
   }
@@ -6115,7 +6198,7 @@ function SectionHeader2({
   onToggle
 }) {
   const Chevron2 = open ? SiconUp : SiconDown;
-  return /* @__PURE__ */ jsxs42(
+  return /* @__PURE__ */ jsxs43(
     "button",
     {
       type: "button",
@@ -6123,8 +6206,42 @@ function SectionHeader2({
       onClick: onToggle,
       disabled: !onToggle,
       children: [
-        /* @__PURE__ */ jsx53("span", { className: ScArtifaxSidebar_default.sectionLabel, children: label }),
-        /* @__PURE__ */ jsx53(Chevron2, { className: ScArtifaxSidebar_default.sectionChevron })
+        /* @__PURE__ */ jsx54("span", { className: ScArtifaxSidebar_default.sectionLabel, children: label }),
+        /* @__PURE__ */ jsx54(Chevron2, { className: ScArtifaxSidebar_default.sectionChevron })
+      ]
+    }
+  );
+}
+function SidebarHeader({
+  header,
+  expanded
+}) {
+  const triggerRef = expanded ? header.workspaceTriggerExpandedRef : header.workspaceTriggerCollapsedRef;
+  return /* @__PURE__ */ jsxs43(
+    "div",
+    {
+      className: ScArtifaxSidebar_default.header + (expanded ? "" : " " + ScArtifaxSidebar_default.headerCollapsed),
+      children: [
+        /* @__PURE__ */ jsx54("div", { ref: triggerRef, className: ScArtifaxSidebar_default.headerTriggerSlot, children: /* @__PURE__ */ jsx54(
+          ScSidebarWorkspaceTrigger,
+          {
+            workspaceName: header.workspaceName,
+            workspaceImage: header.workspaceImage,
+            expanded,
+            open: header.workspaceMenuOpen,
+            onClick: header.onWorkspaceClick
+          }
+        ) }),
+        header.hideSearch ? null : /* @__PURE__ */ jsx54(
+          ScSidebarSearchTrigger,
+          {
+            expanded,
+            label: header.searchLabel,
+            shortcut: header.searchShortcut,
+            onClick: header.onSearchClick
+          }
+        ),
+        /* @__PURE__ */ jsx54(ScHDivider, { fullBleed: true, className: ScArtifaxSidebar_default.headerDivider })
       ]
     }
   );
@@ -6146,6 +6263,7 @@ var ScAppSidebar = ({
   iconMap,
   activeItemId,
   onItemSelect,
+  header,
   expandedLogo,
   collapsedLogo,
   creditWarning,
@@ -6197,7 +6315,7 @@ var ScAppSidebar = ({
   const renderMenuItem2 = (item, sectionId) => {
     const active = item.id === activeItemId;
     const state = active ? "active" : "default";
-    return /* @__PURE__ */ jsx53(
+    return /* @__PURE__ */ jsx54(
       ScSidebarMenu,
       {
         icon: resolveIcon2(iconMap, item, active, expanded),
@@ -6210,42 +6328,45 @@ var ScAppSidebar = ({
     );
   };
   if (expanded) {
-    return /* @__PURE__ */ jsxs42(
+    return /* @__PURE__ */ jsxs43(
       "div",
       {
         className: ScArtifaxSidebar_default.scArtifaxSidebar + (className ? " " + className : ""),
         style,
         children: [
-          resizable ? /* @__PURE__ */ jsx53(
+          resizable ? /* @__PURE__ */ jsx54(
             ScSidebarResizeHandle,
             {
               expanded: true,
               onExpandedChange: changeExpanded
             }
           ) : null,
-          /* @__PURE__ */ jsxs42(
+          /* @__PURE__ */ jsxs43(
             "div",
             {
               "data-streamoid-sidebar-card": true,
               className: ScArtifaxSidebar_default.container + " " + ScArtifaxSidebar_default.expanded,
               children: [
-                /* @__PURE__ */ jsx53("div", { "aria-hidden": "true", className: ScArtifaxSidebar_default.borderOverlayExpanded }),
-                /* @__PURE__ */ jsxs42(
+                /* @__PURE__ */ jsx54("div", { "aria-hidden": "true", className: ScArtifaxSidebar_default.borderOverlayExpanded }),
+                /* @__PURE__ */ jsxs43(
                   "div",
                   {
                     className: ScArtifaxSidebar_default.body,
                     "data-scrolled": scrolled ? "true" : void 0,
                     onScroll,
                     children: [
-                      expandedLogo ? /* @__PURE__ */ jsx53("div", { className: ScArtifaxSidebar_default.logoUnitExpanded, children: expandedLogo }) : null,
+                      header || expandedLogo ? /* @__PURE__ */ jsxs43("div", { className: ScArtifaxSidebar_default.logoUnitExpanded, children: [
+                        header ? /* @__PURE__ */ jsx54(SidebarHeader, { header, expanded: true }) : null,
+                        expandedLogo
+                      ] }) : null,
                       sections.map((section, idx) => {
                         const open = section.label ? section.collapsible !== false ? isSectionOpen(section.id) : true : true;
                         const showHeader = !!section.label;
                         const canToggle = showHeader && section.collapsible !== false;
-                        return /* @__PURE__ */ jsxs42("div", { children: [
-                          idx > 0 ? /* @__PURE__ */ jsx53(ScHDivider, {}) : null,
-                          /* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.sectionContainer, children: [
-                            showHeader ? /* @__PURE__ */ jsx53(
+                        return /* @__PURE__ */ jsxs43("div", { children: [
+                          idx > 0 ? /* @__PURE__ */ jsx54(ScHDivider, {}) : null,
+                          /* @__PURE__ */ jsxs43("div", { className: ScArtifaxSidebar_default.sectionContainer, children: [
+                            showHeader ? /* @__PURE__ */ jsx54(
                               SectionHeader2,
                               {
                                 label: section.label,
@@ -6263,7 +6384,7 @@ var ScAppSidebar = ({
                   }
                 ),
                 preFooterContent,
-                creditWarning ? /* @__PURE__ */ jsx53("div", { className: ScArtifaxSidebar_default.creditWarningSlot, children: /* @__PURE__ */ jsx53(
+                creditWarning ? /* @__PURE__ */ jsx54("div", { className: ScArtifaxSidebar_default.creditWarningSlot, children: /* @__PURE__ */ jsx54(
                   CreditWarningBanner,
                   {
                     availableCredits: creditWarning.availableCredits,
@@ -6273,10 +6394,10 @@ var ScAppSidebar = ({
                     expanded: true
                   }
                 ) }) : null,
-                assistantCta ? /* @__PURE__ */ jsx53(ScAskAgentSlot, { cta: assistantCta }) : null,
-                !isMobile ? /* @__PURE__ */ jsx53(ScHDivider, {}) : null,
-                !isMobile ? /* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.profileRow, children: [
-                  appIdentity ? /* @__PURE__ */ jsx53(
+                assistantCta ? /* @__PURE__ */ jsx54(ScAskAgentSlot, { cta: assistantCta }) : null,
+                !isMobile ? /* @__PURE__ */ jsx54(ScHDivider, {}) : null,
+                !isMobile ? /* @__PURE__ */ jsxs43("div", { className: ScArtifaxSidebar_default.profileRow, children: [
+                  appIdentity ? /* @__PURE__ */ jsx54(
                     "button",
                     {
                       type: "button",
@@ -6285,22 +6406,22 @@ var ScAppSidebar = ({
                       "aria-label": appIdentity.ariaLabel ?? "Switch apps",
                       children: appIdentity.content
                     }
-                  ) : profile ? /* @__PURE__ */ jsxs42(
+                  ) : profile ? /* @__PURE__ */ jsxs43(
                     "button",
                     {
                       type: "button",
                       className: ScArtifaxSidebar_default.profileMain,
                       onClick: profile.onClick,
                       children: [
-                        /* @__PURE__ */ jsx53("div", { className: ScArtifaxSidebar_default.profileAvatar, children: profile.avatar }),
-                        /* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.profileInfo, children: [
-                          /* @__PURE__ */ jsx53("span", { className: ScArtifaxSidebar_default.profileName, children: profile.name }),
-                          profile.subtitle ? /* @__PURE__ */ jsx53("span", { className: ScArtifaxSidebar_default.profileSubtitle, children: profile.subtitle }) : null
+                        /* @__PURE__ */ jsx54("div", { className: ScArtifaxSidebar_default.profileAvatar, children: profile.avatar }),
+                        /* @__PURE__ */ jsxs43("div", { className: ScArtifaxSidebar_default.profileInfo, children: [
+                          /* @__PURE__ */ jsx54("span", { className: ScArtifaxSidebar_default.profileName, children: profile.name }),
+                          profile.subtitle ? /* @__PURE__ */ jsx54("span", { className: ScArtifaxSidebar_default.profileSubtitle, children: profile.subtitle }) : null
                         ] })
                       ]
                     }
-                  ) : /* @__PURE__ */ jsx53("span", { className: ScArtifaxSidebar_default.profileMain, "aria-hidden": "true" }),
-                  !hideToggle ? /* @__PURE__ */ jsx53(
+                  ) : /* @__PURE__ */ jsx54("span", { className: ScArtifaxSidebar_default.profileMain, "aria-hidden": "true" }),
+                  !hideToggle ? /* @__PURE__ */ jsx54(
                     "button",
                     {
                       type: "button",
@@ -6311,7 +6432,7 @@ var ScAppSidebar = ({
                     }
                   ) : null
                 ] }) : null,
-                versionText ? /* @__PURE__ */ jsx53("p", { className: ScArtifaxSidebar_default.versionText, children: versionText }) : null
+                versionText ? /* @__PURE__ */ jsx54("p", { className: ScArtifaxSidebar_default.versionText, children: versionText }) : null
               ]
             }
           )
@@ -6319,43 +6440,46 @@ var ScAppSidebar = ({
       }
     );
   }
-  return /* @__PURE__ */ jsxs42(
+  return /* @__PURE__ */ jsxs43(
     "div",
     {
       className: ScArtifaxSidebar_default.scArtifaxSidebar + (className ? " " + className : ""),
       style,
       children: [
-        resizable ? /* @__PURE__ */ jsx53(
+        resizable ? /* @__PURE__ */ jsx54(
           ScSidebarResizeHandle,
           {
             expanded: false,
             onExpandedChange: changeExpanded
           }
         ) : null,
-        /* @__PURE__ */ jsxs42(
+        /* @__PURE__ */ jsxs43(
           "div",
           {
             "data-streamoid-sidebar-card": true,
             className: ScArtifaxSidebar_default.container + " " + ScArtifaxSidebar_default.collapsed,
             children: [
-              /* @__PURE__ */ jsx53("div", { "aria-hidden": "true", className: ScArtifaxSidebar_default.borderOverlayCollapsed }),
-              /* @__PURE__ */ jsxs42(
+              /* @__PURE__ */ jsx54("div", { "aria-hidden": "true", className: ScArtifaxSidebar_default.borderOverlayCollapsed }),
+              /* @__PURE__ */ jsxs43(
                 "div",
                 {
                   className: ScArtifaxSidebar_default.body + " " + ScArtifaxSidebar_default.bodyCollapsed,
                   "data-scrolled": scrolled ? "true" : void 0,
                   onScroll,
                   children: [
-                    collapsedLogo ? /* @__PURE__ */ jsx53("div", { className: ScArtifaxSidebar_default.logoUnitCollapsed, children: collapsedLogo }) : null,
-                    sections.map((section, idx) => /* @__PURE__ */ jsxs42("div", { children: [
-                      idx > 0 ? /* @__PURE__ */ jsx53(ScHDivider, {}) : null,
-                      /* @__PURE__ */ jsx53("div", { className: ScArtifaxSidebar_default.sectionContainerCollapsed, children: section.items.map((item) => renderMenuItem2(item, section.id)) })
+                    header || collapsedLogo ? /* @__PURE__ */ jsxs43("div", { className: ScArtifaxSidebar_default.logoUnitCollapsed, children: [
+                      header ? /* @__PURE__ */ jsx54(SidebarHeader, { header, expanded: false }) : null,
+                      collapsedLogo
+                    ] }) : null,
+                    sections.map((section, idx) => /* @__PURE__ */ jsxs43("div", { children: [
+                      idx > 0 ? /* @__PURE__ */ jsx54(ScHDivider, {}) : null,
+                      /* @__PURE__ */ jsx54("div", { className: ScArtifaxSidebar_default.sectionContainerCollapsed, children: section.items.map((item) => renderMenuItem2(item, section.id)) })
                     ] }, section.id))
                   ]
                 }
               ),
               preFooterContent,
-              creditWarning ? /* @__PURE__ */ jsx53("div", { className: ScArtifaxSidebar_default.creditWarningSlot, children: /* @__PURE__ */ jsx53(
+              creditWarning ? /* @__PURE__ */ jsx54("div", { className: ScArtifaxSidebar_default.creditWarningSlot, children: /* @__PURE__ */ jsx54(
                 CreditWarningBanner,
                 {
                   availableCredits: creditWarning.availableCredits,
@@ -6365,10 +6489,10 @@ var ScAppSidebar = ({
                   expanded: false
                 }
               ) }) : null,
-              assistantCta ? /* @__PURE__ */ jsx53(ScAskAgentSlot, { cta: assistantCta, collapsed: true }) : null,
-              !isMobile ? /* @__PURE__ */ jsx53(ScHDivider, {}) : null,
-              !isMobile ? /* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.footerCollapsed, children: [
-                appIdentity ? /* @__PURE__ */ jsx53(
+              assistantCta ? /* @__PURE__ */ jsx54(ScAskAgentSlot, { cta: assistantCta, collapsed: true }) : null,
+              !isMobile ? /* @__PURE__ */ jsx54(ScHDivider, {}) : null,
+              !isMobile ? /* @__PURE__ */ jsxs43("div", { className: ScArtifaxSidebar_default.footerCollapsed, children: [
+                appIdentity ? /* @__PURE__ */ jsx54(
                   "button",
                   {
                     type: "button",
@@ -6377,17 +6501,17 @@ var ScAppSidebar = ({
                     "aria-label": appIdentity.ariaLabel ?? "Switch apps",
                     children: appIdentity.content
                   }
-                ) : profile ? /* @__PURE__ */ jsx53(
+                ) : profile ? /* @__PURE__ */ jsx54(
                   "button",
                   {
                     type: "button",
                     className: ScArtifaxSidebar_default.profileRowCollapsed,
                     onClick: profile.onClick,
                     "aria-label": profile.name,
-                    children: /* @__PURE__ */ jsx53("div", { className: ScArtifaxSidebar_default.profileAvatar, children: profile.avatar })
+                    children: /* @__PURE__ */ jsx54("div", { className: ScArtifaxSidebar_default.profileAvatar, children: profile.avatar })
                   }
                 ) : null,
-                !hideToggle ? /* @__PURE__ */ jsx53(
+                !hideToggle ? /* @__PURE__ */ jsx54(
                   "button",
                   {
                     type: "button",
@@ -6398,7 +6522,7 @@ var ScAppSidebar = ({
                   }
                 ) : null
               ] }) : null,
-              versionText ? /* @__PURE__ */ jsx53("p", { className: ScArtifaxSidebar_default.versionText, children: versionText }) : null
+              versionText ? /* @__PURE__ */ jsx54("p", { className: ScArtifaxSidebar_default.versionText, children: versionText }) : null
             ]
           }
         )
@@ -6427,7 +6551,7 @@ var ScSidebarSwitchMenu_default = {
 };
 
 // src/SC-Sidebar Switch menu/ScSidebarSwitchMenu.tsx
-import { Fragment as Fragment18, jsx as jsx54, jsxs as jsxs43 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx55, jsxs as jsxs44 } from "react/jsx-runtime";
 var ScSidebarSwitchMenu = ({
   icon,
   state = "default",
@@ -6440,19 +6564,19 @@ var ScSidebarSwitchMenu = ({
   ...props
 }) => {
   const variantsClassName = ScSidebarSwitchMenu_default["state-" + state] + " " + ScSidebarSwitchMenu_default["variant-" + variant];
-  return /* @__PURE__ */ jsxs43(
+  return /* @__PURE__ */ jsxs44(
     "div",
     {
       className: ScSidebarSwitchMenu_default.scSidebarSwitchMenu + (className ? " " + className : "") + " " + variantsClassName,
       ...props,
       children: [
-        icon ? /* @__PURE__ */ jsx54("div", { className: ScSidebarSwitchMenu_default.iconWrapper, children: icon }) : null,
-        variant === "expanded" && /* @__PURE__ */ jsxs43(Fragment18, { children: [
-          /* @__PURE__ */ jsxs43("div", { className: ScSidebarSwitchMenu_default.content, children: [
-            /* @__PURE__ */ jsx54("div", { className: ScSidebarSwitchMenu_default.text, children: text }),
-            /* @__PURE__ */ jsx54("div", { className: ScSidebarSwitchMenu_default.description, children: description })
+        icon ? /* @__PURE__ */ jsx55("div", { className: ScSidebarSwitchMenu_default.iconWrapper, children: icon }) : null,
+        variant === "expanded" && /* @__PURE__ */ jsxs44(Fragment18, { children: [
+          /* @__PURE__ */ jsxs44("div", { className: ScSidebarSwitchMenu_default.content, children: [
+            /* @__PURE__ */ jsx55("div", { className: ScSidebarSwitchMenu_default.text, children: text }),
+            /* @__PURE__ */ jsx55("div", { className: ScSidebarSwitchMenu_default.description, children: description })
           ] }),
-          moreIcon && /* @__PURE__ */ jsx54(
+          moreIcon && /* @__PURE__ */ jsx55(
             "div",
             {
               className: ScSidebarSwitchMenu_default.moreIconWrapper,
@@ -6487,7 +6611,7 @@ var ScSideBarLogoUnit_default = {
 import { SiconDoubleArrow as SiconDoubleArrow2 } from "@streamoid/icons";
 
 // src/SC-SideBarLogoUnit/wordmarks.tsx
-import { jsx as jsx55 } from "react/jsx-runtime";
+import { jsx as jsx56 } from "react/jsx-runtime";
 var WORDMARKS = {
   "CXO": {
     "viewBox": "0 0 56 32",
@@ -6854,7 +6978,7 @@ function ProductWordmark({
 }) {
   const mark = WORDMARKS[product];
   if (!mark) return null;
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     "svg",
     {
       viewBox: mark.viewBox,
@@ -6865,7 +6989,7 @@ function ProductWordmark({
       role: "img",
       "aria-label": product,
       style: { ...MARK_STYLE, ...style },
-      children: mark.paths.map((p, i) => /* @__PURE__ */ jsx55(
+      children: mark.paths.map((p, i) => /* @__PURE__ */ jsx56(
         "path",
         {
           d: p.d,
@@ -6884,7 +7008,7 @@ function ProductCollapsedMark({
 }) {
   const mark = COLLAPSED_MARKS[product];
   if (!mark) return null;
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     "svg",
     {
       viewBox: mark.viewBox,
@@ -6895,7 +7019,7 @@ function ProductCollapsedMark({
       role: "img",
       "aria-label": product,
       style: { ...MARK_STYLE, ...style },
-      children: mark.paths.map((p, i) => /* @__PURE__ */ jsx55(
+      children: mark.paths.map((p, i) => /* @__PURE__ */ jsx56(
         "path",
         {
           d: p.d,
@@ -6913,7 +7037,7 @@ function hasCollapsedMark(product) {
 }
 
 // src/SC-SideBarLogoUnit/ScSideBarLogoUnit.tsx
-import { jsx as jsx56, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs45 } from "react/jsx-runtime";
 var ScSideBarLogoUnit = ({
   state = "expanded",
   wordmark,
@@ -6928,8 +7052,8 @@ var ScSideBarLogoUnit = ({
   style
 }) => {
   const interactive = !disabled && (!!onClick || !!onSwitchClick);
-  const expandedMark = wordmark ?? (product ? /* @__PURE__ */ jsx56(ProductWordmark, { product }) : null);
-  const collapsedMark = wordmark ?? (product ? /* @__PURE__ */ jsx56(ProductCollapsedMark, { product }) : null);
+  const expandedMark = wordmark ?? (product ? /* @__PURE__ */ jsx57(ProductWordmark, { product }) : null);
+  const collapsedMark = wordmark ?? (product ? /* @__PURE__ */ jsx57(ProductCollapsedMark, { product }) : null);
   const handleClick = () => {
     if (!interactive) return;
     onClick?.();
@@ -6941,12 +7065,12 @@ var ScSideBarLogoUnit = ({
       interactive ? "" : ScSideBarLogoUnit_default.nonInteractive,
       hover === true ? ScSideBarLogoUnit_default.forceHover : ""
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ jsx56(
+    return /* @__PURE__ */ jsx57(
       "div",
       {
         className: ScSideBarLogoUnit_default.scSideBarLogoUnit + " " + ScSideBarLogoUnit_default.collapsed + (className ? " " + className : ""),
         style,
-        children: /* @__PURE__ */ jsxs44(
+        children: /* @__PURE__ */ jsxs45(
           "button",
           {
             type: "button",
@@ -6957,8 +7081,8 @@ var ScSideBarLogoUnit = ({
             "aria-disabled": !interactive || disabled,
             style: hover === false ? { backgroundColor: "transparent" } : void 0,
             children: [
-              /* @__PURE__ */ jsx56("span", { className: ScSideBarLogoUnit_default.collapsedWordmarkSlot, children: collapsedMark }),
-              hideSwitch ? null : /* @__PURE__ */ jsx56("span", { className: ScSideBarLogoUnit_default.switch, children: /* @__PURE__ */ jsx56("span", { className: ScSideBarLogoUnit_default.switchIcon, children: /* @__PURE__ */ jsx56(SiconDoubleArrow2, { size: 16, strokeWidth: 1.5 }) }) })
+              /* @__PURE__ */ jsx57("span", { className: ScSideBarLogoUnit_default.collapsedWordmarkSlot, children: collapsedMark }),
+              hideSwitch ? null : /* @__PURE__ */ jsx57("span", { className: ScSideBarLogoUnit_default.switch, children: /* @__PURE__ */ jsx57("span", { className: ScSideBarLogoUnit_default.switchIcon, children: /* @__PURE__ */ jsx57(SiconDoubleArrow2, { size: 16, strokeWidth: 1.5 }) }) })
             ]
           }
         )
@@ -6970,7 +7094,7 @@ var ScSideBarLogoUnit = ({
     interactive ? "" : ScSideBarLogoUnit_default.nonInteractive,
     hover === true ? ScSideBarLogoUnit_default.forceHover : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     "div",
     {
       className: ScSideBarLogoUnit_default.scSideBarLogoUnit + (className ? " " + className : ""),
@@ -6979,7 +7103,7 @@ var ScSideBarLogoUnit = ({
         // Suppressing hover when `hover === false` — overrides CSS :hover.
         ...hover === false ? { pointerEvents: "auto" } : null
       },
-      children: /* @__PURE__ */ jsxs44(
+      children: /* @__PURE__ */ jsxs45(
         "button",
         {
           type: "button",
@@ -6992,8 +7116,8 @@ var ScSideBarLogoUnit = ({
             backgroundColor: "transparent"
           } : void 0,
           children: [
-            /* @__PURE__ */ jsx56("span", { className: ScSideBarLogoUnit_default.wordmarkSlot, children: expandedMark }),
-            hideSwitch ? null : /* @__PURE__ */ jsx56("span", { className: ScSideBarLogoUnit_default.switch, children: /* @__PURE__ */ jsx56("span", { className: ScSideBarLogoUnit_default.switchIcon, children: /* @__PURE__ */ jsx56(SiconDoubleArrow2, { size: 16, strokeWidth: 1.5 }) }) })
+            /* @__PURE__ */ jsx57("span", { className: ScSideBarLogoUnit_default.wordmarkSlot, children: expandedMark }),
+            hideSwitch ? null : /* @__PURE__ */ jsx57("span", { className: ScSideBarLogoUnit_default.switch, children: /* @__PURE__ */ jsx57("span", { className: ScSideBarLogoUnit_default.switchIcon, children: /* @__PURE__ */ jsx57(SiconDoubleArrow2, { size: 16, strokeWidth: 1.5 }) }) })
           ]
         }
       )
@@ -7009,7 +7133,7 @@ import {
   SiconExpand,
   SiconInsights
 } from "@streamoid/icons";
-import { jsx as jsx57, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs46 } from "react/jsx-runtime";
 var PRIMARY_COLOR = "var(--alias-text---icons-primary)";
 var TERTIARY_COLOR = "var(--alias-text---icons-tertiary)";
 var DEFAULT_ITEMS = [
@@ -7018,9 +7142,9 @@ var DEFAULT_ITEMS = [
   { id: "insights", label: "Insights", iconKey: "insights" }
 ];
 var DEFAULT_ICON_MAP = {
-  stores: ({ active }) => /* @__PURE__ */ jsx57(SiconBag, { color: active ? PRIMARY_COLOR : TERTIARY_COLOR }),
-  aiTraining: ({ active }) => /* @__PURE__ */ jsx57(SiconBrain, { color: active ? PRIMARY_COLOR : TERTIARY_COLOR }),
-  insights: ({ active }) => /* @__PURE__ */ jsx57(SiconInsights, { color: active ? PRIMARY_COLOR : TERTIARY_COLOR })
+  stores: ({ active }) => /* @__PURE__ */ jsx58(SiconBag, { color: active ? PRIMARY_COLOR : TERTIARY_COLOR }),
+  aiTraining: ({ active }) => /* @__PURE__ */ jsx58(SiconBrain, { color: active ? PRIMARY_COLOR : TERTIARY_COLOR }),
+  insights: ({ active }) => /* @__PURE__ */ jsx58(SiconInsights, { color: active ? PRIMARY_COLOR : TERTIARY_COLOR })
 };
 function resolveIcon3(iconMap, item, active, expanded) {
   const renderer = iconMap[item.iconKey];
@@ -7033,7 +7157,7 @@ function resolveIcon3(iconMap, item, active, expanded) {
 function resolveToggleIcon3(toggleIcon, expanded) {
   if (toggleIcon == null) {
     const Icon = expanded ? SiconCollapse4 : SiconExpand;
-    return /* @__PURE__ */ jsx57(Icon, { className: "size-6", color: "var(--alias-text---icons-muted)" });
+    return /* @__PURE__ */ jsx58(Icon, { className: "size-6", color: "var(--alias-text---icons-muted)" });
   }
   if (typeof toggleIcon === "function") {
     return toggleIcon(expanded);
@@ -7062,7 +7186,7 @@ var ScCatalogixSidebar = ({
     setAppListOpen((prev) => !prev);
     onLogoClick?.();
   };
-  const switchPanelContent = expanded && switchApps && switchApps.length > 0 ? /* @__PURE__ */ jsx57(
+  const switchPanelContent = expanded && switchApps && switchApps.length > 0 ? /* @__PURE__ */ jsx58(
     "div",
     {
       className: "flex w-full flex-col items-stretch",
@@ -7071,7 +7195,7 @@ var ScCatalogixSidebar = ({
         paddingTop: "var(--spacing-sm)",
         paddingBottom: "var(--spacing-md)"
       },
-      children: switchApps.map((app) => /* @__PURE__ */ jsx57(
+      children: switchApps.map((app) => /* @__PURE__ */ jsx58(
         ScSidebarSwitchMenu,
         {
           icon: app.icon,
@@ -7085,7 +7209,7 @@ var ScCatalogixSidebar = ({
       ))
     }
   ) : void 0;
-  const collapsedSwitchList = !expanded && appListOpen && switchApps && switchApps.length > 0 ? /* @__PURE__ */ jsx57(
+  const collapsedSwitchList = !expanded && appListOpen && switchApps && switchApps.length > 0 ? /* @__PURE__ */ jsx58(
     "div",
     {
       className: "flex shrink-0 flex-col items-center",
@@ -7093,7 +7217,7 @@ var ScCatalogixSidebar = ({
         gap: "var(--spacing-xxs)",
         paddingBottom: "var(--spacing-xxs)"
       },
-      children: switchApps.map((app) => /* @__PURE__ */ jsx57(
+      children: switchApps.map((app) => /* @__PURE__ */ jsx58(
         ScSidebarSwitchMenu,
         {
           icon: app.icon,
@@ -7105,7 +7229,7 @@ var ScCatalogixSidebar = ({
       ))
     }
   ) : null;
-  const navItems = /* @__PURE__ */ jsx57(
+  const navItems = /* @__PURE__ */ jsx58(
     "div",
     {
       className: expanded ? "flex w-full shrink-0 flex-col items-stretch" : "flex shrink-0 flex-col items-center",
@@ -7116,7 +7240,7 @@ var ScCatalogixSidebar = ({
       },
       children: items.map((item) => {
         const active = item.id === activeItemId;
-        return /* @__PURE__ */ jsx57(
+        return /* @__PURE__ */ jsx58(
           ScSidebarMenu,
           {
             icon: resolveIcon3(iconMap, item, active, expanded),
@@ -7130,18 +7254,18 @@ var ScCatalogixSidebar = ({
       })
     }
   );
-  const bodyContent = /* @__PURE__ */ jsxs45(
+  const bodyContent = /* @__PURE__ */ jsxs46(
     "div",
     {
       className: expanded ? "flex h-full min-h-0 flex-col" : "flex w-full flex-col items-center",
       children: [
         collapsedSwitchList,
-        /* @__PURE__ */ jsx57(ScHDivider, {}),
+        /* @__PURE__ */ jsx58(ScHDivider, {}),
         navItems
       ]
     }
   );
-  const defaultExpandedLogo = /* @__PURE__ */ jsx57(
+  const defaultExpandedLogo = /* @__PURE__ */ jsx58(
     ScSideBarLogoUnit,
     {
       product: "Catalogix",
@@ -7150,7 +7274,7 @@ var ScCatalogixSidebar = ({
       style: { paddingBottom: 0 }
     }
   );
-  const defaultCollapsedLogo = /* @__PURE__ */ jsx57(
+  const defaultCollapsedLogo = /* @__PURE__ */ jsx58(
     ScSideBarLogoUnit,
     {
       state: "collapsed",
@@ -7159,7 +7283,7 @@ var ScCatalogixSidebar = ({
       hover: appListOpen ? true : void 0
     }
   );
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx58(
     StreamoidSidebar,
     {
       expanded,
@@ -7177,7 +7301,7 @@ var ScCatalogixSidebar = ({
       toggleInProfile: true,
       versionText: "",
       toggleIcon: (exp) => resolveToggleIcon3(toggleIcon, exp),
-      preFooterContent: creditWarning ? /* @__PURE__ */ jsx57(
+      preFooterContent: creditWarning ? /* @__PURE__ */ jsx58(
         CreditWarningBanner,
         {
           availableCredits: creditWarning.availableCredits,
@@ -7211,7 +7335,7 @@ var ScGuide_default = {
 
 // src/SC-Guide/ScGuide.tsx
 import { SiconRight as SiconRight4 } from "@streamoid/icons";
-import { jsx as jsx58, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs47 } from "react/jsx-runtime";
 var ScGuide = ({
   title = "Title",
   description = "Description",
@@ -7227,19 +7351,19 @@ var ScGuide = ({
   className,
   style
 }) => {
-  return /* @__PURE__ */ jsxs46(
+  return /* @__PURE__ */ jsxs47(
     "div",
     {
       className: ScGuide_default.scGuide + (className ? " " + className : ""),
       style,
       children: [
-        /* @__PURE__ */ jsxs46("div", { className: ScGuide_default.header, children: [
-          /* @__PURE__ */ jsx58("p", { className: ScGuide_default.title, children: title }),
-          /* @__PURE__ */ jsx58("p", { className: ScGuide_default.description, children: description })
+        /* @__PURE__ */ jsxs47("div", { className: ScGuide_default.header, children: [
+          /* @__PURE__ */ jsx59("p", { className: ScGuide_default.title, children: title }),
+          /* @__PURE__ */ jsx59("p", { className: ScGuide_default.description, children: description })
         ] }),
-        /* @__PURE__ */ jsx58(ScHDivider, {}),
-        /* @__PURE__ */ jsxs46("div", { className: ScGuide_default.actions, children: [
-          hideSkip ? /* @__PURE__ */ jsx58("span", { className: ScGuide_default.skipSpacer, "aria-hidden": "true", children: skipLabel }) : /* @__PURE__ */ jsx58(
+        /* @__PURE__ */ jsx59(ScHDivider, {}),
+        /* @__PURE__ */ jsxs47("div", { className: ScGuide_default.actions, children: [
+          hideSkip ? /* @__PURE__ */ jsx59("span", { className: ScGuide_default.skipSpacer, "aria-hidden": "true", children: skipLabel }) : /* @__PURE__ */ jsx59(
             "button",
             {
               type: "button",
@@ -7249,8 +7373,8 @@ var ScGuide = ({
               children: skipLabel
             }
           ),
-          stepLabel != null && /* @__PURE__ */ jsx58("span", { className: ScGuide_default.stepIndicator, children: stepLabel }),
-          !hideNext && /* @__PURE__ */ jsxs46(
+          stepLabel != null && /* @__PURE__ */ jsx59("span", { className: ScGuide_default.stepIndicator, children: stepLabel }),
+          !hideNext && /* @__PURE__ */ jsxs47(
             "button",
             {
               type: "button",
@@ -7258,8 +7382,8 @@ var ScGuide = ({
               onClick: onNext,
               disabled,
               children: [
-                /* @__PURE__ */ jsx58("span", { className: ScGuide_default.nextLabel, children: nextLabel }),
-                /* @__PURE__ */ jsx58("span", { className: ScGuide_default.nextIcon, children: nextIcon ?? /* @__PURE__ */ jsx58(SiconRight4, { size: 16, strokeWidth: 1.5 }) })
+                /* @__PURE__ */ jsx59("span", { className: ScGuide_default.nextLabel, children: nextLabel }),
+                /* @__PURE__ */ jsx59("span", { className: ScGuide_default.nextIcon, children: nextIcon ?? /* @__PURE__ */ jsx59(SiconRight4, { size: 16, strokeWidth: 1.5 }) })
               ]
             }
           )
@@ -7279,35 +7403,35 @@ var ScSlider_default = {
 };
 
 // src/SC-Slider/ScSlider.tsx
-import { jsx as jsx59, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs48 } from "react/jsx-runtime";
 var ScSlider = ({
   className,
   onValueChange,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs47("div", { className: ScSlider_default.scSlider + " " + className, ...props, children: [
-    /* @__PURE__ */ jsx59("div", { className: ScSlider_default.progressBar }),
-    /* @__PURE__ */ jsx59("div", { className: ScSlider_default.progressDot }),
-    /* @__PURE__ */ jsx59("div", { className: ScSlider_default.progressBar2 }),
-    /* @__PURE__ */ jsx59("div", { className: ScSlider_default.progressDot2 }),
-    /* @__PURE__ */ jsx59("div", { className: ScSlider_default.progressBar2 }),
-    /* @__PURE__ */ jsx59("div", { className: ScSlider_default.progressDot2 }),
-    /* @__PURE__ */ jsx59("div", { className: ScSlider_default.progressBar2 }),
-    /* @__PURE__ */ jsx59("div", { className: ScSlider_default.progressDot2 }),
-    /* @__PURE__ */ jsx59("div", { className: ScSlider_default.progressBar2 }),
-    /* @__PURE__ */ jsx59("div", { className: ScSlider_default.progressDot2 })
+  return /* @__PURE__ */ jsxs48("div", { className: ScSlider_default.scSlider + " " + className, ...props, children: [
+    /* @__PURE__ */ jsx60("div", { className: ScSlider_default.progressBar }),
+    /* @__PURE__ */ jsx60("div", { className: ScSlider_default.progressDot }),
+    /* @__PURE__ */ jsx60("div", { className: ScSlider_default.progressBar2 }),
+    /* @__PURE__ */ jsx60("div", { className: ScSlider_default.progressDot2 }),
+    /* @__PURE__ */ jsx60("div", { className: ScSlider_default.progressBar2 }),
+    /* @__PURE__ */ jsx60("div", { className: ScSlider_default.progressDot2 }),
+    /* @__PURE__ */ jsx60("div", { className: ScSlider_default.progressBar2 }),
+    /* @__PURE__ */ jsx60("div", { className: ScSlider_default.progressDot2 }),
+    /* @__PURE__ */ jsx60("div", { className: ScSlider_default.progressBar2 }),
+    /* @__PURE__ */ jsx60("div", { className: ScSlider_default.progressDot2 })
   ] });
 };
 
 // src/SC-WorkspaceSwitcher/streamoid-workspace-switcher.tsx
-import { useEffect as useEffect5, useRef as useRef6 } from "react";
+import { useEffect as useEffect6, useRef as useRef7 } from "react";
 import {
   SiconClose as SiconClose3,
   SiconTeam as SiconTeam5,
   SiconCrown,
   SiconSwitch
 } from "@streamoid/icons";
-import { jsx as jsx60, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs49 } from "react/jsx-runtime";
 var PRIMARY_ICON = "var(--alias-text---icons-primary)";
 function deriveInitials(name) {
   return name.split(/\s+/).slice(0, 2).map((w) => w[0]?.toUpperCase() ?? "").join("") || "WS";
@@ -7325,7 +7449,7 @@ function WorkspaceRow({
   switchWorkspaceText,
   onSwitch
 }) {
-  return /* @__PURE__ */ jsxs48(
+  return /* @__PURE__ */ jsxs49(
     "div",
     {
       className: "relative shrink-0 w-full",
@@ -7335,7 +7459,7 @@ function WorkspaceRow({
         backdropFilter: "blur(4px)"
       },
       children: [
-        /* @__PURE__ */ jsx60(
+        /* @__PURE__ */ jsx61(
           "div",
           {
             "aria-hidden": "true",
@@ -7346,7 +7470,7 @@ function WorkspaceRow({
             }
           }
         ),
-        /* @__PURE__ */ jsx60("div", { className: "flex flex-row items-center size-full", children: /* @__PURE__ */ jsxs48(
+        /* @__PURE__ */ jsx61("div", { className: "flex flex-row items-center size-full", children: /* @__PURE__ */ jsxs49(
           "div",
           {
             className: "flex items-center w-full",
@@ -7355,20 +7479,20 @@ function WorkspaceRow({
               padding: "var(--spacing-6xl)"
             },
             children: [
-              /* @__PURE__ */ jsxs48(
+              /* @__PURE__ */ jsxs49(
                 "div",
                 {
                   className: "flex flex-1 items-center min-w-0",
                   style: { gap: "var(--spacing-xl)" },
                   children: [
-                    /* @__PURE__ */ jsx60(
+                    /* @__PURE__ */ jsx61(
                       ScIntialProfileCover,
                       {
                         intial: workspace.initials || deriveInitials(workspace.name),
                         className: "shrink-0"
                       }
                     ),
-                    /* @__PURE__ */ jsx60(
+                    /* @__PURE__ */ jsx61(
                       "p",
                       {
                         className: "flex-1 min-w-0 overflow-hidden text-ellipsis",
@@ -7388,7 +7512,7 @@ function WorkspaceRow({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxs48(
+              /* @__PURE__ */ jsxs49(
                 "div",
                 {
                   className: "flex items-center justify-center shrink-0",
@@ -7397,7 +7521,7 @@ function WorkspaceRow({
                     padding: "0 var(--spacing-3xl)"
                   },
                   children: [
-                    /* @__PURE__ */ jsx60(
+                    /* @__PURE__ */ jsx61(
                       ScRole,
                       {
                         type: normalizeRole(workspace.role),
@@ -7405,23 +7529,23 @@ function WorkspaceRow({
                         style: { width: 80 }
                       }
                     ),
-                    /* @__PURE__ */ jsx60("div", { className: "flex flex-row items-center self-stretch", children: /* @__PURE__ */ jsxs48(
+                    /* @__PURE__ */ jsx61("div", { className: "flex flex-row items-center self-stretch", children: /* @__PURE__ */ jsxs49(
                       "div",
                       {
                         className: "flex items-center shrink-0",
                         style: { gap: "var(--spacing-3xl)" },
                         children: [
-                          /* @__PURE__ */ jsx60("div", { style: { width: 120, flexShrink: 0 }, children: /* @__PURE__ */ jsx60(
+                          /* @__PURE__ */ jsx61("div", { style: { width: 120, flexShrink: 0 }, children: /* @__PURE__ */ jsx61(
                             ScPairtext,
                             {
-                              icon: /* @__PURE__ */ jsx60(SiconTeam5, { className: "w-6 h-6", color: PRIMARY_ICON }),
+                              icon: /* @__PURE__ */ jsx61(SiconTeam5, { className: "w-6 h-6", color: PRIMARY_ICON }),
                               content: workspace.userCount || "\u2013",
                               iconPosition: "left",
                               type: "icon"
                             }
                           ) }),
-                          /* @__PURE__ */ jsx60(ScVDivider, {}),
-                          /* @__PURE__ */ jsxs48(
+                          /* @__PURE__ */ jsx61(ScVDivider, {}),
+                          /* @__PURE__ */ jsxs49(
                             "div",
                             {
                               className: "flex items-center",
@@ -7431,14 +7555,14 @@ function WorkspaceRow({
                                 gap: "var(--spacing-md)"
                               },
                               children: [
-                                /* @__PURE__ */ jsx60(
+                                /* @__PURE__ */ jsx61(
                                   SiconCrown,
                                   {
                                     className: "w-6 h-6 shrink-0",
                                     color: PRIMARY_ICON
                                   }
                                 ),
-                                /* @__PURE__ */ jsx60(
+                                /* @__PURE__ */ jsx61(
                                   "span",
                                   {
                                     className: "truncate",
@@ -7460,7 +7584,7 @@ function WorkspaceRow({
                   ]
                 }
               ),
-              workspace.isCurrent ? /* @__PURE__ */ jsx60(
+              workspace.isCurrent ? /* @__PURE__ */ jsx61(
                 ScButton,
                 {
                   text: currentWorkspaceText,
@@ -7469,14 +7593,14 @@ function WorkspaceRow({
                   size: "lg",
                   style: { width: 200, flexShrink: 0, opacity: 0.5 }
                 }
-              ) : /* @__PURE__ */ jsx60(
+              ) : /* @__PURE__ */ jsx61(
                 ScButton,
                 {
                   text: switchWorkspaceText,
                   variant: "secondary",
                   size: "lg",
                   styleVariant: "icon-left",
-                  icon: /* @__PURE__ */ jsx60(SiconSwitch, { className: "w-5 h-5", color: PRIMARY_ICON }),
+                  icon: /* @__PURE__ */ jsx61(SiconSwitch, { className: "w-5 h-5", color: PRIMARY_ICON }),
                   style: { width: 200, flexShrink: 0 },
                   onClick: onSwitch
                 }
@@ -7496,12 +7620,12 @@ function StreamoidWorkspaceSwitcher({
   onSwitchWorkspace,
   config
 }) {
-  const modalRef = useRef6(null);
+  const modalRef = useRef7(null);
   const title = config?.title || "Switch workspace";
   const loadingText = config?.loadingText || "Loading workspaces\u2026";
   const currentWorkspaceText = config?.currentWorkspaceText || "Current workspace";
   const switchWorkspaceText = config?.switchWorkspaceText || "Switch workspace";
-  useEffect5(() => {
+  useEffect6(() => {
     if (!open) return;
     function handleKeyDown(e) {
       if (e.key === "Escape") onClose();
@@ -7510,7 +7634,7 @@ function StreamoidWorkspaceSwitcher({
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [open, onClose]);
   if (!open) return null;
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx61(
     "div",
     {
       className: "fixed inset-0 z-50 flex items-center justify-center",
@@ -7518,7 +7642,7 @@ function StreamoidWorkspaceSwitcher({
       onClick: (e) => {
         if (e.target === e.currentTarget) onClose();
       },
-      children: /* @__PURE__ */ jsxs48(
+      children: /* @__PURE__ */ jsxs49(
         "div",
         {
           ref: modalRef,
@@ -7531,14 +7655,14 @@ function StreamoidWorkspaceSwitcher({
             height: "60vh"
           },
           children: [
-            /* @__PURE__ */ jsx60(
+            /* @__PURE__ */ jsx61(
               "div",
               {
                 className: "shrink-0 w-full relative",
                 style: {
                   borderBottom: "1px solid var(--alias-border-divider)"
                 },
-                children: /* @__PURE__ */ jsx60("div", { className: "flex flex-row items-center size-full", children: /* @__PURE__ */ jsxs48(
+                children: /* @__PURE__ */ jsx61("div", { className: "flex flex-row items-center size-full", children: /* @__PURE__ */ jsxs49(
                   "div",
                   {
                     className: "flex items-center w-full",
@@ -7547,7 +7671,7 @@ function StreamoidWorkspaceSwitcher({
                       padding: "var(--spacing-3xl) var(--spacing-6xl)"
                     },
                     children: [
-                      /* @__PURE__ */ jsx60(
+                      /* @__PURE__ */ jsx61(
                         "p",
                         {
                           className: "flex-1 min-w-0 overflow-hidden text-ellipsis whitespace-nowrap",
@@ -7561,20 +7685,20 @@ function StreamoidWorkspaceSwitcher({
                           children: title
                         }
                       ),
-                      /* @__PURE__ */ jsx60("div", { className: "shrink-0 cursor-pointer", onClick: onClose, children: /* @__PURE__ */ jsx60(SiconClose3, { className: "w-6 h-6", color: PRIMARY_ICON }) })
+                      /* @__PURE__ */ jsx61("div", { className: "shrink-0 cursor-pointer", onClick: onClose, children: /* @__PURE__ */ jsx61(SiconClose3, { className: "w-6 h-6", color: PRIMARY_ICON }) })
                     ]
                   }
                 ) })
               }
             ),
-            /* @__PURE__ */ jsx60(
+            /* @__PURE__ */ jsx61(
               "div",
               {
                 className: "flex-1 min-h-0 w-full overflow-y-auto",
                 style: {
                   borderRadius: "0 0 var(--radius-4xl) var(--radius-4xl)"
                 },
-                children: /* @__PURE__ */ jsxs48(
+                children: /* @__PURE__ */ jsxs49(
                   "div",
                   {
                     className: "flex flex-col items-start",
@@ -7583,7 +7707,7 @@ function StreamoidWorkspaceSwitcher({
                       gap: "var(--spacing-3xl)"
                     },
                     children: [
-                      loading && workspaces.length === 0 ? /* @__PURE__ */ jsx60(
+                      loading && workspaces.length === 0 ? /* @__PURE__ */ jsx61(
                         "p",
                         {
                           style: {
@@ -7594,7 +7718,7 @@ function StreamoidWorkspaceSwitcher({
                           children: loadingText
                         }
                       ) : null,
-                      workspaces.map((ws) => /* @__PURE__ */ jsx60(
+                      workspaces.map((ws) => /* @__PURE__ */ jsx61(
                         WorkspaceRow,
                         {
                           workspace: ws,
@@ -7633,23 +7757,23 @@ var ScAppListingCard_default = {
 
 // src/SC-app listing card/ScAppListingCard.tsx
 import { SiconCart } from "@streamoid/icons";
-import { jsx as jsx61, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs50 } from "react/jsx-runtime";
 var ScAppListingCard = ({
-  icon = /* @__PURE__ */ jsx61(SiconCart, { className: ScAppListingCard_default.siconCartInstance }),
+  icon = /* @__PURE__ */ jsx62(SiconCart, { className: ScAppListingCard_default.siconCartInstance }),
   title = "Stores",
   descrp = "Centralized product and asset management for every storefront",
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs49("div", { className: ScAppListingCard_default.scAppListingCard + " " + className, ...props, children: [
-    /* @__PURE__ */ jsxs49("div", { className: ScAppListingCard_default.header, children: [
-      /* @__PURE__ */ jsx61("div", { className: ScAppListingCard_default.iconContainer, children: icon }),
-      /* @__PURE__ */ jsxs49("div", { className: ScAppListingCard_default.title, children: [
+  return /* @__PURE__ */ jsxs50("div", { className: ScAppListingCard_default.scAppListingCard + " " + className, ...props, children: [
+    /* @__PURE__ */ jsxs50("div", { className: ScAppListingCard_default.header, children: [
+      /* @__PURE__ */ jsx62("div", { className: ScAppListingCard_default.iconContainer, children: icon }),
+      /* @__PURE__ */ jsxs50("div", { className: ScAppListingCard_default.title, children: [
         title,
         " "
       ] })
     ] }),
-    /* @__PURE__ */ jsxs49("div", { className: ScAppListingCard_default.description, children: [
+    /* @__PURE__ */ jsxs50("div", { className: ScAppListingCard_default.description, children: [
       descrp,
       " "
     ] })
@@ -7667,22 +7791,22 @@ var ScAppCard_default = {
 
 // src/SC-appCard/ScAppCard.tsx
 import { SiconArtifacts as SiconArtifacts2 } from "@streamoid/icons";
-import { jsx as jsx62, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs51 } from "react/jsx-runtime";
 var ScAppCard = ({
-  appIcon = /* @__PURE__ */ jsx62(SiconArtifacts2, { className: ScAppCard_default.siconArtifactsInstance }),
+  appIcon = /* @__PURE__ */ jsx63(SiconArtifacts2, { className: ScAppCard_default.siconArtifactsInstance }),
   appName = "Artifax",
   appDescription = "Info about artifax",
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs50("div", { className: ScAppCard_default.scAppCard + " " + className, ...props, children: [
-    /* @__PURE__ */ jsx62("div", { className: ScAppCard_default.iconContainer, children: appIcon }),
-    /* @__PURE__ */ jsxs50("div", { className: ScAppCard_default.textContainer, children: [
-      /* @__PURE__ */ jsxs50("div", { className: ScAppCard_default.title, children: [
+  return /* @__PURE__ */ jsxs51("div", { className: ScAppCard_default.scAppCard + " " + className, ...props, children: [
+    /* @__PURE__ */ jsx63("div", { className: ScAppCard_default.iconContainer, children: appIcon }),
+    /* @__PURE__ */ jsxs51("div", { className: ScAppCard_default.textContainer, children: [
+      /* @__PURE__ */ jsxs51("div", { className: ScAppCard_default.title, children: [
         appName,
         " "
       ] }),
-      /* @__PURE__ */ jsxs50("div", { className: ScAppCard_default.subtitle, children: [
+      /* @__PURE__ */ jsxs51("div", { className: ScAppCard_default.subtitle, children: [
         appDescription,
         " "
       ] })
@@ -7709,9 +7833,9 @@ var ScAppCardV3_default = {
 
 // src/SC-AppCardV3/ScAppCardV3.tsx
 import { SiconCart as SiconCart2 } from "@streamoid/icons";
-import { jsx as jsx63, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs52 } from "react/jsx-runtime";
 var ScAppCardV3 = ({
-  appIcon = /* @__PURE__ */ jsx63(SiconCart2, { className: ScAppCardV3_default.iconPillIcon }),
+  appIcon = /* @__PURE__ */ jsx64(SiconCart2, { className: ScAppCardV3_default.iconPillIcon }),
   appName = "Stores",
   description = "Centralized product and asset management for every storefront",
   active = false,
@@ -7723,25 +7847,25 @@ var ScAppCardV3 = ({
     ScAppCardV3_default.scAppCardV3,
     active ? ScAppCardV3_default.scAppCardV3Active : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx63(
+  return /* @__PURE__ */ jsx64(
     "div",
     {
       className: [ScAppCardV3_default.cardBorder, className || ""].filter(Boolean).join(" "),
       style,
       ...props,
-      children: /* @__PURE__ */ jsxs51("div", { className: cardClass, children: [
-        /* @__PURE__ */ jsx63("div", { className: ScAppCardV3_default.glow }),
-        /* @__PURE__ */ jsx63("div", { className: ScAppCardV3_default.glowHover }),
-        /* @__PURE__ */ jsxs51("div", { className: ScAppCardV3_default.header, children: [
-          /* @__PURE__ */ jsxs51("div", { className: ScAppCardV3_default.iconRow, children: [
-            /* @__PURE__ */ jsx63("p", { className: ScAppCardV3_default.appName, children: appName }),
-            /* @__PURE__ */ jsxs51("div", { className: ScAppCardV3_default.iconPill, children: [
-              /* @__PURE__ */ jsx63("div", { className: ScAppCardV3_default.iconPillBg }),
-              /* @__PURE__ */ jsx63("div", { className: ScAppCardV3_default.iconPillIcon, children: appIcon }),
-              /* @__PURE__ */ jsx63("div", { className: ScAppCardV3_default.iconPillShadow })
+      children: /* @__PURE__ */ jsxs52("div", { className: cardClass, children: [
+        /* @__PURE__ */ jsx64("div", { className: ScAppCardV3_default.glow }),
+        /* @__PURE__ */ jsx64("div", { className: ScAppCardV3_default.glowHover }),
+        /* @__PURE__ */ jsxs52("div", { className: ScAppCardV3_default.header, children: [
+          /* @__PURE__ */ jsxs52("div", { className: ScAppCardV3_default.iconRow, children: [
+            /* @__PURE__ */ jsx64("p", { className: ScAppCardV3_default.appName, children: appName }),
+            /* @__PURE__ */ jsxs52("div", { className: ScAppCardV3_default.iconPill, children: [
+              /* @__PURE__ */ jsx64("div", { className: ScAppCardV3_default.iconPillBg }),
+              /* @__PURE__ */ jsx64("div", { className: ScAppCardV3_default.iconPillIcon, children: appIcon }),
+              /* @__PURE__ */ jsx64("div", { className: ScAppCardV3_default.iconPillShadow })
             ] })
           ] }),
-          /* @__PURE__ */ jsx63("p", { className: ScAppCardV3_default.description, children: description })
+          /* @__PURE__ */ jsx64("p", { className: ScAppCardV3_default.description, children: description })
         ] })
       ] })
     }
@@ -7760,7 +7884,7 @@ var ScBriefCard_default = {
 };
 
 // src/SC-BriefCard/ScBriefCard.tsx
-import { jsx as jsx64, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs53 } from "react/jsx-runtime";
 var ScBriefCard = ({
   description = "Centralized product and asset management for every storefront",
   active = false,
@@ -7772,16 +7896,16 @@ var ScBriefCard = ({
     ScBriefCard_default.scBriefCard,
     active ? ScBriefCard_default.scBriefCardActive : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx64(
+  return /* @__PURE__ */ jsx65(
     "div",
     {
       className: [ScBriefCard_default.cardBorder, className || ""].filter(Boolean).join(" "),
       style,
       ...props,
-      children: /* @__PURE__ */ jsxs52("div", { className: cardClass, children: [
-        /* @__PURE__ */ jsx64("div", { className: ScBriefCard_default.glow }),
-        /* @__PURE__ */ jsx64("div", { className: ScBriefCard_default.glowHover }),
-        /* @__PURE__ */ jsx64("div", { className: ScBriefCard_default.body, children: /* @__PURE__ */ jsx64("p", { className: ScBriefCard_default.description, children: description }) })
+      children: /* @__PURE__ */ jsxs53("div", { className: cardClass, children: [
+        /* @__PURE__ */ jsx65("div", { className: ScBriefCard_default.glow }),
+        /* @__PURE__ */ jsx65("div", { className: ScBriefCard_default.glowHover }),
+        /* @__PURE__ */ jsx65("div", { className: ScBriefCard_default.body, children: /* @__PURE__ */ jsx65("p", { className: ScBriefCard_default.description, children: description }) })
       ] })
     }
   );
@@ -7818,7 +7942,7 @@ var ScToggleSwitch_default = {
 };
 
 // src/SC-toggleSwitch/ScToggleSwitch.tsx
-import { jsx as jsx65, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs54 } from "react/jsx-runtime";
 var ScToggleSwitch = ({
   active = "false",
   checked,
@@ -7829,7 +7953,7 @@ var ScToggleSwitch = ({
 }) => {
   const isActive = checked !== void 0 ? checked : active === "true";
   const variantsClassName = ScToggleSwitch_default["active-" + (isActive ? "true" : "false")];
-  return /* @__PURE__ */ jsx65(
+  return /* @__PURE__ */ jsx66(
     "div",
     {
       className: ScToggleSwitch_default.scToggleSwitch + " " + className + " " + variantsClassName,
@@ -7844,20 +7968,20 @@ var ScToggleSwitch = ({
         ...disabled ? { opacity: 0.5 } : {},
         ...props.style
       },
-      children: isActive ? /* @__PURE__ */ jsxs53("svg", { width: "40", height: "24", viewBox: "0 0 40 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-        /* @__PURE__ */ jsx65("rect", { width: "40", height: "24", rx: "12", fill: "var(--alias-fill-base-base, #f5f5f5)" }),
-        /* @__PURE__ */ jsx65("circle", { cx: "28", cy: "12", r: "10", fill: "var(--alias-text---icons-inverse, #101010)" })
-      ] }) : /* @__PURE__ */ jsxs53("svg", { width: "41", height: "25", viewBox: "0 0 41 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-        /* @__PURE__ */ jsx65("path", { d: "M0.25 12.25C0.25 5.62258 5.62258 0.25 12.25 0.25H28.25C34.8774 0.25 40.25 5.62258 40.25 12.25C40.25 18.8774 34.8774 24.25 28.25 24.25H12.25C5.62258 24.25 0.25 18.8774 0.25 12.25Z", fill: "var(--alias-fill-neutral-neutral, #1a1a1a)" }),
-        /* @__PURE__ */ jsx65("path", { d: "M40 12.25C40 5.76065 34.7393 0.5 28.25 0.5H12.25C5.76065 0.5 0.5 5.76065 0.5 12.25C0.5 18.7393 5.76065 24 12.25 24H28.25C34.7393 24 40 18.7393 40 12.25ZM40.5 12.25C40.5 19.0155 35.0155 24.5 28.25 24.5H12.25C5.48451 24.5 0 19.0155 0 12.25C0 5.48451 5.48451 0 12.25 0H28.25C35.0155 0 40.5 5.48451 40.5 12.25Z", fill: "var(--alias-border-divider, #242424)" }),
-        /* @__PURE__ */ jsx65("path", { d: "M2.25 12.25C2.25 6.72715 6.72715 2.25 12.25 2.25C17.7728 2.25 22.25 6.72715 22.25 12.25C22.25 17.7728 17.7728 22.25 12.25 22.25C6.72715 22.25 2.25 17.7728 2.25 12.25Z", fill: "var(--alias-fill-neutral-neutralactive, #313131)" })
+      children: isActive ? /* @__PURE__ */ jsxs54("svg", { width: "40", height: "24", viewBox: "0 0 40 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+        /* @__PURE__ */ jsx66("rect", { width: "40", height: "24", rx: "12", fill: "var(--alias-fill-base-base, #f5f5f5)" }),
+        /* @__PURE__ */ jsx66("circle", { cx: "28", cy: "12", r: "10", fill: "var(--alias-text---icons-inverse, #101010)" })
+      ] }) : /* @__PURE__ */ jsxs54("svg", { width: "41", height: "25", viewBox: "0 0 41 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+        /* @__PURE__ */ jsx66("path", { d: "M0.25 12.25C0.25 5.62258 5.62258 0.25 12.25 0.25H28.25C34.8774 0.25 40.25 5.62258 40.25 12.25C40.25 18.8774 34.8774 24.25 28.25 24.25H12.25C5.62258 24.25 0.25 18.8774 0.25 12.25Z", fill: "var(--alias-fill-neutral-neutral, #1a1a1a)" }),
+        /* @__PURE__ */ jsx66("path", { d: "M40 12.25C40 5.76065 34.7393 0.5 28.25 0.5H12.25C5.76065 0.5 0.5 5.76065 0.5 12.25C0.5 18.7393 5.76065 24 12.25 24H28.25C34.7393 24 40 18.7393 40 12.25ZM40.5 12.25C40.5 19.0155 35.0155 24.5 28.25 24.5H12.25C5.48451 24.5 0 19.0155 0 12.25C0 5.48451 5.48451 0 12.25 0H28.25C35.0155 0 40.5 5.48451 40.5 12.25Z", fill: "var(--alias-border-divider, #242424)" }),
+        /* @__PURE__ */ jsx66("path", { d: "M2.25 12.25C2.25 6.72715 6.72715 2.25 12.25 2.25C17.7728 2.25 22.25 6.72715 22.25 12.25C22.25 17.7728 17.7728 22.25 12.25 22.25C6.72715 22.25 2.25 17.7728 2.25 12.25Z", fill: "var(--alias-fill-neutral-neutralactive, #313131)" })
       ] })
     }
   );
 };
 
 // src/SC-artifaxInvite/ScArtifaxInvite.tsx
-import { jsx as jsx66, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs55 } from "react/jsx-runtime";
 var ScArtifaxInvite = ({
   active = "true",
   appName = "Artifax",
@@ -7870,22 +7994,22 @@ var ScArtifaxInvite = ({
 }) => {
   const isEnabled = enabled !== void 0 ? enabled : active === "true";
   const variantsClassName = ScArtifaxInvite_default["active-" + (isEnabled ? "true" : "false")];
-  return /* @__PURE__ */ jsxs54(
+  return /* @__PURE__ */ jsxs55(
     "div",
     {
       className: ScArtifaxInvite_default.scArtifaxInvite + " " + className + " " + variantsClassName,
       ...props,
       children: [
-        /* @__PURE__ */ jsx66(
+        /* @__PURE__ */ jsx67(
           ScAppCard,
           {
-            appIcon: appIcon || /* @__PURE__ */ jsx66(SiconArtifacts3, { className: ScArtifaxInvite_default.siconArtifactsInstance }),
+            appIcon: appIcon || /* @__PURE__ */ jsx67(SiconArtifacts3, { className: ScArtifaxInvite_default.siconArtifactsInstance }),
             appName,
             appDescription,
             className: ScArtifaxInvite_default.scAppCardInstance
           }
         ),
-        /* @__PURE__ */ jsx66(
+        /* @__PURE__ */ jsx67(
           ScToggleSwitch,
           {
             checked: isEnabled,
@@ -7911,12 +8035,12 @@ var ScPhtogenixInvite_default = {
 
 // src/SC-phtogenixInvite/ScPhtogenixInvite.tsx
 import { SiconArtifacts as SiconArtifacts4 } from "@streamoid/icons";
-import { jsx as jsx67, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs56 } from "react/jsx-runtime";
 var ScPhtogenixInvite = ({
   active = "true",
   scAppCardappDescription = "Info about photogenix",
   scAppCardappName = "Photogenix",
-  scAppCardappIcon = /* @__PURE__ */ jsx67(SiconArtifacts4, { className: ScPhtogenixInvite_default.siconArtifactsInstance }),
+  scAppCardappIcon = /* @__PURE__ */ jsx68(SiconArtifacts4, { className: ScPhtogenixInvite_default.siconArtifactsInstance }),
   className,
   enabled,
   onToggle,
@@ -7924,12 +8048,12 @@ var ScPhtogenixInvite = ({
 }) => {
   const isEnabled = enabled !== void 0 ? enabled : active === "true";
   const variantsClassName = ScPhtogenixInvite_default["active-" + (isEnabled ? "true" : "false")];
-  return /* @__PURE__ */ jsxs55(
+  return /* @__PURE__ */ jsxs56(
     "div",
     {
       className: ScPhtogenixInvite_default.scPhtogenixInvite + " " + className + " " + variantsClassName,
       children: [
-        /* @__PURE__ */ jsx67(
+        /* @__PURE__ */ jsx68(
           ScAppCard,
           {
             appIcon: scAppCardappIcon,
@@ -7938,7 +8062,7 @@ var ScPhtogenixInvite = ({
             className: ScPhtogenixInvite_default.scAppCardInstance
           }
         ),
-        /* @__PURE__ */ jsx67(
+        /* @__PURE__ */ jsx68(
           ScToggleSwitch,
           {
             checked: isEnabled,
@@ -7988,10 +8112,10 @@ var ScOnlyField_default = {
 
 // src/SC-onlyField/ScOnlyField.tsx
 import { SiconBolt as SiconBolt4 } from "@streamoid/icons";
-import { jsx as jsx68, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx69, jsxs as jsxs57 } from "react/jsx-runtime";
 var ScOnlyField = ({
-  tfRightIcon = /* @__PURE__ */ jsx68(SiconBolt4, { className: ScOnlyField_default.siconBoltInstance }),
-  tfLeftIcon = /* @__PURE__ */ jsx68(SiconBolt4, { className: ScOnlyField_default.siconBoltInstance }),
+  tfRightIcon = /* @__PURE__ */ jsx69(SiconBolt4, { className: ScOnlyField_default.siconBoltInstance }),
+  tfLeftIcon = /* @__PURE__ */ jsx69(SiconBolt4, { className: ScOnlyField_default.siconBoltInstance }),
   state = "default",
   tfGroup = "icon-right",
   labelGroup = "none",
@@ -8004,14 +8128,14 @@ var ScOnlyField = ({
   ...props
 }) => {
   const variantsClassName = ScOnlyField_default["state-" + state] + " " + ScOnlyField_default["tf-group-" + tfGroup] + " " + ScOnlyField_default["label-group-" + labelGroup] + (size !== "default" ? " " + ScOnlyField_default["size-" + size] : "");
-  return /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsx69(
     "div",
     {
       className: ScOnlyField_default.scOnlyField + " " + className + " " + variantsClassName,
       ...props,
-      children: /* @__PURE__ */ jsxs56("div", { className: ScOnlyField_default.inputContainer, children: [
-        (tfGroup === "icon-left" || tfGroup === "icon-left-right") && /* @__PURE__ */ jsx68("div", { className: ScOnlyField_default.iconWrapper, children: tfLeftIcon }),
-        /* @__PURE__ */ jsx68(
+      children: /* @__PURE__ */ jsxs57("div", { className: ScOnlyField_default.inputContainer, children: [
+        (tfGroup === "icon-left" || tfGroup === "icon-left-right") && /* @__PURE__ */ jsx69("div", { className: ScOnlyField_default.iconWrapper, children: tfLeftIcon }),
+        /* @__PURE__ */ jsx69(
           "input",
           {
             className: ScOnlyField_default.inputText,
@@ -8031,7 +8155,7 @@ var ScOnlyField = ({
             ...inputProps
           }
         ),
-        (tfGroup === "icon-right" || tfGroup === "icon-left-right") && /* @__PURE__ */ jsx68("div", { className: ScOnlyField_default.iconWrapper, children: tfRightIcon })
+        (tfGroup === "icon-right" || tfGroup === "icon-left-right") && /* @__PURE__ */ jsx69("div", { className: ScOnlyField_default.iconWrapper, children: tfRightIcon })
       ] })
     }
   );
@@ -8039,7 +8163,7 @@ var ScOnlyField = ({
 
 // src/SC-catalogixInvite/ScCatalogixInvite.tsx
 import { SiconHome as SiconHome9 } from "@streamoid/icons";
-import { Fragment as Fragment19, jsx as jsx69, jsxs as jsxs57 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx70, jsxs as jsxs58 } from "react/jsx-runtime";
 var ScCatalogixInvite = ({
   active = "false",
   appName = "Catalogix",
@@ -8061,23 +8185,23 @@ var ScCatalogixInvite = ({
   const isEnabled = enabled !== void 0 ? enabled : active === "true";
   const variantsClassName = ScCatalogixInvite_default["active-" + (isEnabled ? "true" : "false")];
   const displayCount = selectedStores ? `${selectedStores.length} Selected` : selectedCount;
-  return /* @__PURE__ */ jsxs57(
+  return /* @__PURE__ */ jsxs58(
     "div",
     {
       className: ScCatalogixInvite_default.scCatalogixInvite + " " + className + " " + variantsClassName,
       ...props,
       children: [
-        /* @__PURE__ */ jsxs57("div", { className: ScCatalogixInvite_default.appHeader, children: [
-          /* @__PURE__ */ jsx69(
+        /* @__PURE__ */ jsxs58("div", { className: ScCatalogixInvite_default.appHeader, children: [
+          /* @__PURE__ */ jsx70(
             ScAppCard,
             {
-              appIcon: appIcon || /* @__PURE__ */ jsx69(SiconArtifacts5, { className: ScCatalogixInvite_default.siconArtifactsInstance }),
+              appIcon: appIcon || /* @__PURE__ */ jsx70(SiconArtifacts5, { className: ScCatalogixInvite_default.siconArtifactsInstance }),
               appDescription,
               appName,
               className: ScCatalogixInvite_default.scAppCardInstance
             }
           ),
-          /* @__PURE__ */ jsx69(
+          /* @__PURE__ */ jsx70(
             ScToggleSwitch,
             {
               checked: isEnabled,
@@ -8086,29 +8210,29 @@ var ScCatalogixInvite = ({
             }
           )
         ] }),
-        isEnabled && /* @__PURE__ */ jsx69(Fragment19, { children: /* @__PURE__ */ jsxs57("div", { className: ScCatalogixInvite_default.storeAccessContainer, children: [
-          /* @__PURE__ */ jsxs57("div", { className: ScCatalogixInvite_default.storeAccessHeader, children: [
-            /* @__PURE__ */ jsxs57("div", { className: ScCatalogixInvite_default.storeAccessTitle, children: [
+        isEnabled && /* @__PURE__ */ jsx70(Fragment19, { children: /* @__PURE__ */ jsxs58("div", { className: ScCatalogixInvite_default.storeAccessContainer, children: [
+          /* @__PURE__ */ jsxs58("div", { className: ScCatalogixInvite_default.storeAccessHeader, children: [
+            /* @__PURE__ */ jsxs58("div", { className: ScCatalogixInvite_default.storeAccessTitle, children: [
               storeAccessTitle,
               " "
             ] }),
-            /* @__PURE__ */ jsxs57("div", { className: ScCatalogixInvite_default.selectedCount, children: [
+            /* @__PURE__ */ jsxs58("div", { className: ScCatalogixInvite_default.selectedCount, children: [
               displayCount,
               " "
             ] })
           ] }),
-          /* @__PURE__ */ jsx69(
+          /* @__PURE__ */ jsx70(
             ScOnlyField,
             {
-              tfLeftIcon: /* @__PURE__ */ jsx69(SiconSearch2, { className: ScCatalogixInvite_default.siconSearchInstance }),
-              tfRightIcon: /* @__PURE__ */ jsx69(SiconSearch2, { className: ScCatalogixInvite_default.siconSearchInstance }),
+              tfLeftIcon: /* @__PURE__ */ jsx70(SiconSearch2, { className: ScCatalogixInvite_default.siconSearchInstance }),
+              tfRightIcon: /* @__PURE__ */ jsx70(SiconSearch2, { className: ScCatalogixInvite_default.siconSearchInstance }),
               placeholderFilled: searchPlaceholder,
               value: searchValue,
               onInputChange: onSearchChange,
               className: ScCatalogixInvite_default.scOnlyFieldInstance
             }
           ),
-          /* @__PURE__ */ jsx69("div", { className: ScCatalogixInvite_default.storeListContainer, children: stores ? stores.length > 0 ? stores.map((store) => /* @__PURE__ */ jsx69(
+          /* @__PURE__ */ jsx70("div", { className: ScCatalogixInvite_default.storeListContainer, children: stores ? stores.length > 0 ? stores.map((store) => /* @__PURE__ */ jsx70(
             ScPairtext,
             {
               content: store.name,
@@ -8119,53 +8243,53 @@ var ScCatalogixInvite = ({
               className: ScCatalogixInvite_default.scPairtextInstance
             },
             store.id
-          )) : /* @__PURE__ */ jsx69("div", { style: {
+          )) : /* @__PURE__ */ jsx70("div", { style: {
             padding: "var(--spacing-3xl, 16px)",
             color: "var(--alias-text-and-icons-muted, #7a7a7a)",
             fontFamily: "var(--font-family-font-family-body, Inter, sans-serif)",
             fontSize: "var(--font-size-font-size-sm, 14px)",
             lineHeight: "var(--line-height-line-height-sm, 20px)"
-          }, children: "No stores found" }) : /* @__PURE__ */ jsxs57(Fragment19, { children: [
-            /* @__PURE__ */ jsx69(
+          }, children: "No stores found" }) : /* @__PURE__ */ jsxs58(Fragment19, { children: [
+            /* @__PURE__ */ jsx70(
               ScPairtext,
               {
-                icon: /* @__PURE__ */ jsx69(SiconHome9, { className: ScCatalogixInvite_default.siconHomeInstance }),
+                icon: /* @__PURE__ */ jsx70(SiconHome9, { className: ScCatalogixInvite_default.siconHomeInstance }),
                 iconPosition: "right",
                 type: "checkbox",
                 className: ScCatalogixInvite_default.scPairtextInstance
               }
             ),
-            /* @__PURE__ */ jsx69(
+            /* @__PURE__ */ jsx70(
               ScPairtext,
               {
-                icon: /* @__PURE__ */ jsx69(SiconHome9, { className: ScCatalogixInvite_default.siconHomeInstance }),
+                icon: /* @__PURE__ */ jsx70(SiconHome9, { className: ScCatalogixInvite_default.siconHomeInstance }),
                 iconPosition: "right",
                 type: "checkbox",
                 className: ScCatalogixInvite_default.scPairtextInstance
               }
             ),
-            /* @__PURE__ */ jsx69(
+            /* @__PURE__ */ jsx70(
               ScPairtext,
               {
-                icon: /* @__PURE__ */ jsx69(SiconHome9, { className: ScCatalogixInvite_default.siconHomeInstance }),
+                icon: /* @__PURE__ */ jsx70(SiconHome9, { className: ScCatalogixInvite_default.siconHomeInstance }),
                 iconPosition: "right",
                 type: "checkbox",
                 className: ScCatalogixInvite_default.scPairtextInstance
               }
             ),
-            /* @__PURE__ */ jsx69(
+            /* @__PURE__ */ jsx70(
               ScPairtext,
               {
-                icon: /* @__PURE__ */ jsx69(SiconHome9, { className: ScCatalogixInvite_default.siconHomeInstance }),
+                icon: /* @__PURE__ */ jsx70(SiconHome9, { className: ScCatalogixInvite_default.siconHomeInstance }),
                 iconPosition: "right",
                 type: "checkbox",
                 className: ScCatalogixInvite_default.scPairtextInstance
               }
             ),
-            /* @__PURE__ */ jsx69(
+            /* @__PURE__ */ jsx70(
               ScPairtext,
               {
-                icon: /* @__PURE__ */ jsx69(SiconHome9, { className: ScCatalogixInvite_default.siconHomeInstance }),
+                icon: /* @__PURE__ */ jsx70(SiconHome9, { className: ScCatalogixInvite_default.siconHomeInstance }),
                 iconPosition: "right",
                 type: "checkbox",
                 className: ScCatalogixInvite_default.scPairtextInstance
@@ -8179,7 +8303,7 @@ var ScCatalogixInvite = ({
 };
 
 // src/SC-appField/ScAppField.tsx
-import { jsx as jsx70, jsxs as jsxs58 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs59 } from "react/jsx-runtime";
 var ScAppField = ({
   appFieldTitle = "App permission",
   className,
@@ -8196,13 +8320,13 @@ var ScAppField = ({
   onCatalogixSearchChange,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs58("div", { className: ScAppField_default.scAppField + " " + className, ...props, children: [
-    /* @__PURE__ */ jsx70("div", { className: ScAppField_default.labelContainer, children: /* @__PURE__ */ jsxs58("div", { className: ScAppField_default.title, children: [
+  return /* @__PURE__ */ jsxs59("div", { className: ScAppField_default.scAppField + " " + className, ...props, children: [
+    /* @__PURE__ */ jsx71("div", { className: ScAppField_default.labelContainer, children: /* @__PURE__ */ jsxs59("div", { className: ScAppField_default.title, children: [
       appFieldTitle,
       " "
     ] }) }),
-    /* @__PURE__ */ jsxs58("div", { className: ScAppField_default.inputContainer, children: [
-      /* @__PURE__ */ jsx70(
+    /* @__PURE__ */ jsxs59("div", { className: ScAppField_default.inputContainer, children: [
+      /* @__PURE__ */ jsx71(
         ScArtifaxInvite,
         {
           enabled: artifaxEnabled,
@@ -8210,18 +8334,18 @@ var ScAppField = ({
           className: ScAppField_default.scArtifaxInviteInstance
         }
       ),
-      /* @__PURE__ */ jsx70(
+      /* @__PURE__ */ jsx71(
         ScPhtogenixInvite,
         {
           enabled: photogenixEnabled,
           onToggle: onPhotogenixToggle,
           scAppCardappDescription: "Info about photogenix",
           scAppCardappName: "Photogenix",
-          scAppCardappIcon: /* @__PURE__ */ jsx70(SiconPhotogenix2, { className: ScAppField_default.siconPhotogenixInstance }),
+          scAppCardappIcon: /* @__PURE__ */ jsx71(SiconPhotogenix2, { className: ScAppField_default.siconPhotogenixInstance }),
           className: ScAppField_default.scPhtogenixInviteInstance
         }
       ),
-      /* @__PURE__ */ jsx70(
+      /* @__PURE__ */ jsx71(
         ScCatalogixInvite,
         {
           enabled: catalogixEnabled,
@@ -8248,13 +8372,13 @@ var ScBillingHistoryHeader_default = {
 };
 
 // src/SC-billingHistoryHeader/ScBillingHistoryHeader.tsx
-import { jsx as jsx71, jsxs as jsxs59 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs60 } from "react/jsx-runtime";
 var ScBillingHistoryHeader = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs59("div", { className: ScBillingHistoryHeader_default.scBillingHistoryHeader + " " + className, children: [
-    /* @__PURE__ */ jsx71(
+  return /* @__PURE__ */ jsxs60("div", { className: ScBillingHistoryHeader_default.scBillingHistoryHeader + " " + className, children: [
+    /* @__PURE__ */ jsx72(
       ScHeader,
       {
         text: "Invoice",
@@ -8262,7 +8386,7 @@ var ScBillingHistoryHeader = ({
         className: ScBillingHistoryHeader_default.scHeaderInstance
       }
     ),
-    /* @__PURE__ */ jsx71(
+    /* @__PURE__ */ jsx72(
       ScHeader,
       {
         text: "Amount",
@@ -8270,7 +8394,7 @@ var ScBillingHistoryHeader = ({
         className: ScBillingHistoryHeader_default.scHeaderInstance2
       }
     ),
-    /* @__PURE__ */ jsx71(
+    /* @__PURE__ */ jsx72(
       ScHeader,
       {
         text: "Date",
@@ -8278,7 +8402,7 @@ var ScBillingHistoryHeader = ({
         className: ScBillingHistoryHeader_default.scHeaderInstance2
       }
     ),
-    /* @__PURE__ */ jsx71(
+    /* @__PURE__ */ jsx72(
       ScHeader,
       {
         text: "Action",
@@ -8300,19 +8424,19 @@ var ScCheckField_default = {
 
 // src/SC-checkField/ScCheckField.tsx
 import { SiconHome as SiconHome10 } from "@streamoid/icons";
-import { Fragment as Fragment20, jsx as jsx72, jsxs as jsxs60 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx73, jsxs as jsxs61 } from "react/jsx-runtime";
 var ScCheckField = ({
   label = "Label",
   className,
   checkboxes,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs60("div", { className: ScCheckField_default.scCheckField + " " + className, ...props, children: [
-    /* @__PURE__ */ jsx72("div", { className: ScCheckField_default.labelContainer, children: /* @__PURE__ */ jsxs60("div", { className: ScCheckField_default.label, children: [
+  return /* @__PURE__ */ jsxs61("div", { className: ScCheckField_default.scCheckField + " " + className, ...props, children: [
+    /* @__PURE__ */ jsx73("div", { className: ScCheckField_default.labelContainer, children: /* @__PURE__ */ jsxs61("div", { className: ScCheckField_default.label, children: [
       label,
       " "
     ] }) }),
-    /* @__PURE__ */ jsx72("div", { className: ScCheckField_default.tabSwitcher, children: checkboxes ? checkboxes.map((item, i) => /* @__PURE__ */ jsx72(
+    /* @__PURE__ */ jsx73("div", { className: ScCheckField_default.tabSwitcher, children: checkboxes ? checkboxes.map((item, i) => /* @__PURE__ */ jsx73(
       ScPairtext,
       {
         content: item.label,
@@ -8322,19 +8446,19 @@ var ScCheckField = ({
         className: ScCheckField_default.scPairtextInstance
       },
       i
-    )) : /* @__PURE__ */ jsxs60(Fragment20, { children: [
-      /* @__PURE__ */ jsx72(
+    )) : /* @__PURE__ */ jsxs61(Fragment20, { children: [
+      /* @__PURE__ */ jsx73(
         ScPairtext,
         {
-          icon: /* @__PURE__ */ jsx72(SiconHome10, { className: ScCheckField_default.siconHomeInstance }),
+          icon: /* @__PURE__ */ jsx73(SiconHome10, { className: ScCheckField_default.siconHomeInstance }),
           type: "checkbox",
           className: ScCheckField_default.scPairtextInstance
         }
       ),
-      /* @__PURE__ */ jsx72(
+      /* @__PURE__ */ jsx73(
         ScPairtext,
         {
-          icon: /* @__PURE__ */ jsx72(SiconHome10, { className: ScCheckField_default.siconHomeInstance }),
+          icon: /* @__PURE__ */ jsx73(SiconHome10, { className: ScCheckField_default.siconHomeInstance }),
           type: "checkbox",
           className: ScCheckField_default.scPairtextInstance
         }
@@ -8355,9 +8479,9 @@ var ScFieldButton_default = {
 
 // src/SC-fieldButton/ScFieldButton.tsx
 import { SiconHome as SiconHome11 } from "@streamoid/icons";
-import { Fragment as Fragment21, jsx as jsx73, jsxs as jsxs61 } from "react/jsx-runtime";
+import { Fragment as Fragment21, jsx as jsx74, jsxs as jsxs62 } from "react/jsx-runtime";
 var ScFieldButton = ({
-  icon = /* @__PURE__ */ jsx73(SiconHome11, { className: ScFieldButton_default.siconHomeInstance }),
+  icon = /* @__PURE__ */ jsx74(SiconHome11, { className: ScFieldButton_default.siconHomeInstance }),
   type = "default",
   state = "default",
   className,
@@ -8365,18 +8489,18 @@ var ScFieldButton = ({
   ...props
 }) => {
   const variantsClassName = ScFieldButton_default["type-" + type] + " " + ScFieldButton_default["state-" + state];
-  return /* @__PURE__ */ jsx73(
+  return /* @__PURE__ */ jsx74(
     "div",
     {
       className: ScFieldButton_default.scFieldButton + " " + className + " " + variantsClassName,
       ...props,
-      children: /* @__PURE__ */ jsxs61("div", { className: ScFieldButton_default.container, children: [
-        (type === "icon-right" || type === "only-icon") && /* @__PURE__ */ jsx73(Fragment21, { children: icon }),
-        (type === "icon-left" || type === "default" || type === "icon-right") && /* @__PURE__ */ jsx73(Fragment21, { children: /* @__PURE__ */ jsxs61("div", { className: ScFieldButton_default.label, children: [
+      children: /* @__PURE__ */ jsxs62("div", { className: ScFieldButton_default.container, children: [
+        (type === "icon-right" || type === "only-icon") && /* @__PURE__ */ jsx74(Fragment21, { children: icon }),
+        (type === "icon-left" || type === "default" || type === "icon-right") && /* @__PURE__ */ jsx74(Fragment21, { children: /* @__PURE__ */ jsxs62("div", { className: ScFieldButton_default.label, children: [
           text,
           " "
         ] }) }),
-        type === "icon-left" && /* @__PURE__ */ jsx73(Fragment21, { children: icon })
+        type === "icon-left" && /* @__PURE__ */ jsx74(Fragment21, { children: icon })
       ] })
     }
   );
@@ -8391,16 +8515,16 @@ var ScPendingAction_default = {
 
 // src/SC-pendingAction/ScPendingAction.tsx
 import { SiconHome as SiconHome12 } from "@streamoid/icons";
-import { jsx as jsx74, jsxs as jsxs62 } from "react/jsx-runtime";
+import { jsx as jsx75, jsxs as jsxs63 } from "react/jsx-runtime";
 var ScPendingAction = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs62("div", { className: ScPendingAction_default.scPendingAction + " " + className, ...props, children: [
-    /* @__PURE__ */ jsx74(
+  return /* @__PURE__ */ jsxs63("div", { className: ScPendingAction_default.scPendingAction + " " + className, ...props, children: [
+    /* @__PURE__ */ jsx75(
       ScButton,
       {
-        icon: /* @__PURE__ */ jsx74(SiconHome12, { className: ScPendingAction_default.siconHomeInstance }),
+        icon: /* @__PURE__ */ jsx75(SiconHome12, { className: ScPendingAction_default.siconHomeInstance }),
         text: "Cancel",
         variant: "error",
         type: "tertiary",
@@ -8408,11 +8532,11 @@ var ScPendingAction = ({
         className: ScPendingAction_default.scButtonInstance
       }
     ),
-    /* @__PURE__ */ jsx74(ScVDivider, { className: ScPendingAction_default.scVDividerInstance }),
-    /* @__PURE__ */ jsx74(
+    /* @__PURE__ */ jsx75(ScVDivider, { className: ScPendingAction_default.scVDividerInstance }),
+    /* @__PURE__ */ jsx75(
       ScButton,
       {
-        icon: /* @__PURE__ */ jsx74(SiconHome12, { className: ScPendingAction_default.siconHomeInstance }),
+        icon: /* @__PURE__ */ jsx75(SiconHome12, { className: ScPendingAction_default.siconHomeInstance }),
         text: "Resend",
         variant: "tertiary",
         size: "sm",
@@ -8436,7 +8560,7 @@ var ScQuickPrompt_default = {
 
 // src/SC-quick prompt/ScQuickPrompt.tsx
 import { SiconBolt as SiconBolt5 } from "@streamoid/icons";
-import { jsx as jsx75, jsxs as jsxs63 } from "react/jsx-runtime";
+import { jsx as jsx76, jsxs as jsxs64 } from "react/jsx-runtime";
 var ScQuickPrompt = ({
   appName = "Photogenix",
   heading = "Swap Model and Background",
@@ -8444,20 +8568,20 @@ var ScQuickPrompt = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs63("div", { className: ScQuickPrompt_default.scQuickPrompt + " " + className, ...props, children: [
-    /* @__PURE__ */ jsxs63("div", { className: ScQuickPrompt_default.header, children: [
-      /* @__PURE__ */ jsx75("div", { className: ScQuickPrompt_default.iconContainer, children: /* @__PURE__ */ jsx75(SiconBolt5, { className: ScQuickPrompt_default.siconBoltInstance }) }),
-      /* @__PURE__ */ jsx75("div", { className: ScQuickPrompt_default.titleContainer, children: /* @__PURE__ */ jsxs63("div", { className: ScQuickPrompt_default.title, children: [
+  return /* @__PURE__ */ jsxs64("div", { className: ScQuickPrompt_default.scQuickPrompt + " " + className, ...props, children: [
+    /* @__PURE__ */ jsxs64("div", { className: ScQuickPrompt_default.header, children: [
+      /* @__PURE__ */ jsx76("div", { className: ScQuickPrompt_default.iconContainer, children: /* @__PURE__ */ jsx76(SiconBolt5, { className: ScQuickPrompt_default.siconBoltInstance }) }),
+      /* @__PURE__ */ jsx76("div", { className: ScQuickPrompt_default.titleContainer, children: /* @__PURE__ */ jsxs64("div", { className: ScQuickPrompt_default.title, children: [
         appName,
         " "
       ] }) })
     ] }),
-    /* @__PURE__ */ jsxs63("div", { className: ScQuickPrompt_default.body, children: [
-      /* @__PURE__ */ jsxs63("div", { className: ScQuickPrompt_default.heading, children: [
+    /* @__PURE__ */ jsxs64("div", { className: ScQuickPrompt_default.body, children: [
+      /* @__PURE__ */ jsxs64("div", { className: ScQuickPrompt_default.heading, children: [
         heading,
         " "
       ] }),
-      /* @__PURE__ */ jsxs63("div", { className: ScQuickPrompt_default.description, children: [
+      /* @__PURE__ */ jsxs64("div", { className: ScQuickPrompt_default.description, children: [
         description,
         " "
       ] })
@@ -8474,13 +8598,13 @@ var ScReferralTableHeader_default = {
 };
 
 // src/SC-referralTableHeader/ScReferralTableHeader.tsx
-import { jsx as jsx76, jsxs as jsxs64 } from "react/jsx-runtime";
+import { jsx as jsx77, jsxs as jsxs65 } from "react/jsx-runtime";
 var ScReferralTableHeader = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs64("div", { className: ScReferralTableHeader_default.scReferralTableHeader + " " + className, children: [
-    /* @__PURE__ */ jsx76(
+  return /* @__PURE__ */ jsxs65("div", { className: ScReferralTableHeader_default.scReferralTableHeader + " " + className, children: [
+    /* @__PURE__ */ jsx77(
       ScHeader,
       {
         text: "User",
@@ -8488,7 +8612,7 @@ var ScReferralTableHeader = ({
         className: ScReferralTableHeader_default.scHeaderInstance
       }
     ),
-    /* @__PURE__ */ jsx76(
+    /* @__PURE__ */ jsx77(
       ScHeader,
       {
         text: "Date",
@@ -8496,7 +8620,7 @@ var ScReferralTableHeader = ({
         className: ScReferralTableHeader_default.scHeaderInstance2
       }
     ),
-    /* @__PURE__ */ jsx76(
+    /* @__PURE__ */ jsx77(
       ScHeader,
       {
         text: "Status",
@@ -8504,7 +8628,7 @@ var ScReferralTableHeader = ({
         className: ScReferralTableHeader_default.scHeaderInstance3
       }
     ),
-    /* @__PURE__ */ jsx76(
+    /* @__PURE__ */ jsx77(
       ScHeader,
       {
         text: "Reward",
@@ -8525,7 +8649,7 @@ var ScReferralTableList_default = {
 };
 
 // src/SC-referralTableList/ScReferralTableList.tsx
-import { jsx as jsx77, jsxs as jsxs65 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs66 } from "react/jsx-runtime";
 var ScReferralTableList = ({
   userEmail = "chris@kepler.com",
   userName,
@@ -8535,8 +8659,8 @@ var ScReferralTableList = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs65("div", { className: ScReferralTableList_default.scReferralTableList + " " + className, ...props, children: [
-    /* @__PURE__ */ jsx77(
+  return /* @__PURE__ */ jsxs66("div", { className: ScReferralTableList_default.scReferralTableList + " " + className, ...props, children: [
+    /* @__PURE__ */ jsx78(
       ScProfile,
       {
         subText: userEmail,
@@ -8544,12 +8668,12 @@ var ScReferralTableList = ({
         className: ScReferralTableList_default.scProfileInstance
       }
     ),
-    /* @__PURE__ */ jsxs65("div", { className: ScReferralTableList_default.date, children: [
+    /* @__PURE__ */ jsxs66("div", { className: ScReferralTableList_default.date, children: [
       date,
       " "
     ] }),
-    /* @__PURE__ */ jsx77(ScBadges, { text: status, className: ScReferralTableList_default.scBadgesInstance }),
-    /* @__PURE__ */ jsxs65("div", { className: ScReferralTableList_default.points, children: [
+    /* @__PURE__ */ jsx78(ScBadges, { text: status, className: ScReferralTableList_default.scBadgesInstance }),
+    /* @__PURE__ */ jsxs66("div", { className: ScReferralTableList_default.points, children: [
       points,
       " "
     ] })
@@ -8565,33 +8689,33 @@ var ScSettingsNav_default = {
 // src/SC-settingsNav/ScSettingsNav.tsx
 import { SiconTeam as SiconTeam6 } from "@streamoid/icons";
 import { SiconWorkspace as SiconWorkspace2, SiconReferral } from "@streamoid/icons";
-import { jsx as jsx78, jsxs as jsxs66 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs67 } from "react/jsx-runtime";
 var ScSettingsNav = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx78("div", { className: ScSettingsNav_default.scSettingsNav + " " + className, ...props, children: /* @__PURE__ */ jsxs66("div", { className: ScSettingsNav_default.container, children: [
-    /* @__PURE__ */ jsx78(
+  return /* @__PURE__ */ jsx79("div", { className: ScSettingsNav_default.scSettingsNav + " " + className, ...props, children: /* @__PURE__ */ jsxs67("div", { className: ScSettingsNav_default.container, children: [
+    /* @__PURE__ */ jsx79(
       ScSidebarMenu,
       {
-        icon: /* @__PURE__ */ jsx78(SiconTeam6, { className: ScSettingsNav_default.siconTeamInstance }),
+        icon: /* @__PURE__ */ jsx79(SiconTeam6, { className: ScSettingsNav_default.siconTeamInstance }),
         text: "Profile",
         state: "active",
         className: ScSettingsNav_default.scSidebarMenuInstance
       }
     ),
-    /* @__PURE__ */ jsx78(
+    /* @__PURE__ */ jsx79(
       ScSidebarMenu,
       {
-        icon: /* @__PURE__ */ jsx78(SiconWorkspace2, { className: ScSettingsNav_default.siconWorkspaceInstance }),
+        icon: /* @__PURE__ */ jsx79(SiconWorkspace2, { className: ScSettingsNav_default.siconWorkspaceInstance }),
         text: "Workspace",
         className: ScSettingsNav_default.scSidebarMenuInstance
       }
     ),
-    /* @__PURE__ */ jsx78(
+    /* @__PURE__ */ jsx79(
       ScSidebarMenu,
       {
-        icon: /* @__PURE__ */ jsx78(SiconReferral, { className: ScSettingsNav_default.siconReferralInstance }),
+        icon: /* @__PURE__ */ jsx79(SiconReferral, { className: ScSettingsNav_default.siconReferralInstance }),
         text: "Referral",
         className: ScSettingsNav_default.scSidebarMenuInstance
       }
@@ -8607,7 +8731,7 @@ var ScTabField_default = {
 };
 
 // src/SC-tabField/ScTabField.tsx
-import { jsx as jsx79, jsxs as jsxs67 } from "react/jsx-runtime";
+import { jsx as jsx80, jsxs as jsxs68 } from "react/jsx-runtime";
 var ScTabField = ({
   label = "Label",
   className,
@@ -8616,17 +8740,17 @@ var ScTabField = ({
   onTabChange,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs67("div", { className: ScTabField_default.scTabField + " " + className, children: [
-    /* @__PURE__ */ jsx79("div", { className: ScTabField_default.labelContainer, children: /* @__PURE__ */ jsxs67("div", { className: ScTabField_default.label, children: [
+  return /* @__PURE__ */ jsxs68("div", { className: ScTabField_default.scTabField + " " + className, children: [
+    /* @__PURE__ */ jsx80("div", { className: ScTabField_default.labelContainer, children: /* @__PURE__ */ jsxs68("div", { className: ScTabField_default.label, children: [
       label,
       " "
     ] }) }),
-    tabs ? /* @__PURE__ */ jsx79(
+    tabs ? /* @__PURE__ */ jsx80(
       ScTabSwitcher,
       {
         tabCount: String(tabs.length),
         className: ScTabField_default.scTabSwitcherInstance,
-        component: tabs[0] ? /* @__PURE__ */ jsx79(
+        component: tabs[0] ? /* @__PURE__ */ jsx80(
           ScTabComp,
           {
             text: tabs[0].label,
@@ -8636,7 +8760,7 @@ var ScTabField = ({
             style: { flex: 1 }
           }
         ) : void 0,
-        component2: tabs[1] ? /* @__PURE__ */ jsx79(
+        component2: tabs[1] ? /* @__PURE__ */ jsx80(
           ScTabComp,
           {
             text: tabs[1].label,
@@ -8647,7 +8771,7 @@ var ScTabField = ({
           }
         ) : void 0
       }
-    ) : /* @__PURE__ */ jsx79(ScTabSwitcher, { className: ScTabField_default.scTabSwitcherInstance })
+    ) : /* @__PURE__ */ jsx80(ScTabSwitcher, { className: ScTabField_default.scTabSwitcherInstance })
   ] });
 };
 
@@ -8664,19 +8788,19 @@ var ScTableHeader_default = {
 };
 
 // src/SC-tableHeader/ScTableHeader.tsx
-import { Fragment as Fragment22, jsx as jsx80, jsxs as jsxs68 } from "react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx81, jsxs as jsxs69 } from "react/jsx-runtime";
 var ScTableHeader = ({
   type = "default",
   className,
   ...props
 }) => {
   const variantsClassName = ScTableHeader_default["type-" + type];
-  return /* @__PURE__ */ jsxs68(
+  return /* @__PURE__ */ jsxs69(
     "div",
     {
       className: ScTableHeader_default.scTableHeader + " " + className + " " + variantsClassName,
       children: [
-        /* @__PURE__ */ jsx80(
+        /* @__PURE__ */ jsx81(
           ScHeader,
           {
             text: "User",
@@ -8684,7 +8808,7 @@ var ScTableHeader = ({
             className: ScTableHeader_default.scHeaderInstance
           }
         ),
-        /* @__PURE__ */ jsx80(
+        /* @__PURE__ */ jsx81(
           ScHeader,
           {
             text: "Role",
@@ -8692,7 +8816,7 @@ var ScTableHeader = ({
             className: ScTableHeader_default.scHeaderInstance2
           }
         ),
-        /* @__PURE__ */ jsx80(
+        /* @__PURE__ */ jsx81(
           ScHeader,
           {
             text: "Access",
@@ -8700,7 +8824,7 @@ var ScTableHeader = ({
             className: ScTableHeader_default.scHeaderInstance3
           }
         ),
-        /* @__PURE__ */ jsx80(
+        /* @__PURE__ */ jsx81(
           ScHeader,
           {
             text: "Invited by",
@@ -8708,7 +8832,7 @@ var ScTableHeader = ({
             className: ScTableHeader_default.scHeaderInstance4
           }
         ),
-        type === "pending" && /* @__PURE__ */ jsx80(Fragment22, { children: /* @__PURE__ */ jsx80(
+        type === "pending" && /* @__PURE__ */ jsx81(Fragment22, { children: /* @__PURE__ */ jsx81(
           ScHeader,
           {
             text: "Invite action",
@@ -8716,7 +8840,7 @@ var ScTableHeader = ({
             className: ScTableHeader_default.scHeaderInstance5
           }
         ) }),
-        type === "default" && /* @__PURE__ */ jsx80(Fragment22, { children: /* @__PURE__ */ jsx80(
+        type === "default" && /* @__PURE__ */ jsx81(Fragment22, { children: /* @__PURE__ */ jsx81(
           ScHeader,
           {
             text: "Signed On",
@@ -8750,7 +8874,7 @@ var ScTableList_default = {
 // src/SC-tableList/ScTableList.tsx
 import { SiconArtifacts as SiconArtifacts6, SiconPhotogenix as SiconPhotogenix3 } from "@streamoid/icons";
 import { SiconUserAdd, SiconCoins } from "@streamoid/icons";
-import { Fragment as Fragment23, jsx as jsx81, jsxs as jsxs69 } from "react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx82, jsxs as jsxs70 } from "react/jsx-runtime";
 var ScTableList = ({
   invitedBy = "Rohan",
   signedOn = "Nov 9th, 2025",
@@ -8762,51 +8886,51 @@ var ScTableList = ({
   ...props
 }) => {
   const variantsClassName = ScTableList_default["hover-" + hover] + " " + ScTableList_default["variant-" + variant];
-  return /* @__PURE__ */ jsxs69(
+  return /* @__PURE__ */ jsxs70(
     "div",
     {
       className: ScTableList_default.scTableList + " " + className + " " + variantsClassName,
       onClick: (e) => onRowClick && onRowClick(invitedBy, e),
       ...props,
       children: [
-        /* @__PURE__ */ jsx81(
+        /* @__PURE__ */ jsx82(
           ScProfile,
           {
             subText: userEmail,
             className: ScTableList_default.scProfileInstance
           }
         ),
-        /* @__PURE__ */ jsx81(ScRole, { className: ScTableList_default.scRoleInstance }),
-        /* @__PURE__ */ jsxs69("div", { className: ScTableList_default.accessInfo, children: [
-          /* @__PURE__ */ jsx81(
+        /* @__PURE__ */ jsx82(ScRole, { className: ScTableList_default.scRoleInstance }),
+        /* @__PURE__ */ jsxs70("div", { className: ScTableList_default.accessInfo, children: [
+          /* @__PURE__ */ jsx82(
             ScAccess,
             {
-              component: /* @__PURE__ */ jsx81(SiconArtifacts6, { className: ScTableList_default.siconArtifactsInstance }),
-              component2: /* @__PURE__ */ jsx81(SiconPhotogenix3, { className: ScTableList_default.siconPhotogenixInstance }),
+              component: /* @__PURE__ */ jsx82(SiconArtifacts6, { className: ScTableList_default.siconArtifactsInstance }),
+              component2: /* @__PURE__ */ jsx82(SiconPhotogenix3, { className: ScTableList_default.siconPhotogenixInstance }),
               className: ScTableList_default.scAccessInstance
             }
           ),
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx82(
             ScAccess,
             {
-              component: /* @__PURE__ */ jsx81(SiconUserAdd, { className: ScTableList_default.siconUserAddInstance }),
-              component2: /* @__PURE__ */ jsx81(SiconCoins, { className: ScTableList_default.siconCoinsInstance }),
+              component: /* @__PURE__ */ jsx82(SiconUserAdd, { className: ScTableList_default.siconUserAddInstance }),
+              component2: /* @__PURE__ */ jsx82(SiconCoins, { className: ScTableList_default.siconCoinsInstance }),
               visibleSiconCatalogix: false,
               className: ScTableList_default.scAccessInstance
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs69("div", { className: ScTableList_default.userName, children: [
+        /* @__PURE__ */ jsxs70("div", { className: ScTableList_default.userName, children: [
           invitedBy,
           " "
         ] }),
-        variant === "pending" && /* @__PURE__ */ jsx81(Fragment23, { children: /* @__PURE__ */ jsx81(
+        variant === "pending" && /* @__PURE__ */ jsx82(Fragment23, { children: /* @__PURE__ */ jsx82(
           ScPendingAction,
           {
             className: ScTableList_default.scPendingActionInstance
           }
         ) }),
-        variant === "active" && /* @__PURE__ */ jsx81(Fragment23, { children: /* @__PURE__ */ jsxs69("div", { className: ScTableList_default.date, children: [
+        variant === "active" && /* @__PURE__ */ jsx82(Fragment23, { children: /* @__PURE__ */ jsxs70("div", { className: ScTableList_default.date, children: [
           signedOn,
           " "
         ] }) })
@@ -8841,7 +8965,7 @@ import {
   SiconSwitch as SiconSwitch2,
   SiconLogout as SiconLogout2
 } from "@streamoid/icons";
-import { jsx as jsx82, jsxs as jsxs70 } from "react/jsx-runtime";
+import { jsx as jsx83, jsxs as jsxs71 } from "react/jsx-runtime";
 var ScWorkspaceCard = ({
   workspaceName = "Stores",
   role = "Admin",
@@ -8851,21 +8975,21 @@ var ScWorkspaceCard = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs70("div", { className: ScWorkspaceCard_default.scWorkspaceCard + " " + className, ...props, children: [
-    /* @__PURE__ */ jsxs70("div", { className: ScWorkspaceCard_default.workspaceInfo, children: [
-      /* @__PURE__ */ jsx82(
+  return /* @__PURE__ */ jsxs71("div", { className: ScWorkspaceCard_default.scWorkspaceCard + " " + className, ...props, children: [
+    /* @__PURE__ */ jsxs71("div", { className: ScWorkspaceCard_default.workspaceInfo, children: [
+      /* @__PURE__ */ jsx83(
         ScIntialProfileCover,
         {
           className: ScWorkspaceCard_default.scIntialProfileCoverInstance
         }
       ),
-      /* @__PURE__ */ jsxs70("div", { className: ScWorkspaceCard_default.workspaceName, children: [
+      /* @__PURE__ */ jsxs71("div", { className: ScWorkspaceCard_default.workspaceName, children: [
         workspaceName,
         " "
       ] })
     ] }),
-    /* @__PURE__ */ jsxs70("div", { className: ScWorkspaceCard_default.userInfo, children: [
-      /* @__PURE__ */ jsx82(
+    /* @__PURE__ */ jsxs71("div", { className: ScWorkspaceCard_default.userInfo, children: [
+      /* @__PURE__ */ jsx83(
         ScBadges,
         {
           text: role,
@@ -8873,41 +8997,41 @@ var ScWorkspaceCard = ({
           className: ScWorkspaceCard_default.scBadgesInstance
         }
       ),
-      /* @__PURE__ */ jsxs70("div", { className: ScWorkspaceCard_default.userDetails, children: [
-        /* @__PURE__ */ jsx82(
+      /* @__PURE__ */ jsxs71("div", { className: ScWorkspaceCard_default.userDetails, children: [
+        /* @__PURE__ */ jsx83(
           ScPairtext,
           {
-            icon: /* @__PURE__ */ jsx82(SiconTeam7, { className: ScWorkspaceCard_default.siconTeamInstance }),
+            icon: /* @__PURE__ */ jsx83(SiconTeam7, { className: ScWorkspaceCard_default.siconTeamInstance }),
             content: userCount,
             className: ScWorkspaceCard_default.scPairtextInstance
           }
         ),
-        /* @__PURE__ */ jsx82(ScVDivider, { className: ScWorkspaceCard_default.scVDividerInstance }),
-        /* @__PURE__ */ jsx82(
+        /* @__PURE__ */ jsx83(ScVDivider, { className: ScWorkspaceCard_default.scVDividerInstance }),
+        /* @__PURE__ */ jsx83(
           ScPairtext,
           {
-            icon: /* @__PURE__ */ jsx82(SiconCrown2, { className: ScWorkspaceCard_default.siconCrownInstance }),
+            icon: /* @__PURE__ */ jsx83(SiconCrown2, { className: ScWorkspaceCard_default.siconCrownInstance }),
             content: ownerEmail,
             className: ScWorkspaceCard_default.scPairtextInstance
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx82(
+    /* @__PURE__ */ jsx83(
       ScButton,
       {
-        icon: /* @__PURE__ */ jsx82(SiconSwitch2, { className: ScWorkspaceCard_default.siconSwitchInstance }),
+        icon: /* @__PURE__ */ jsx83(SiconSwitch2, { className: ScWorkspaceCard_default.siconSwitchInstance }),
         text: buttonText,
         state: "disabled",
         variant: "outline",
         className: ScWorkspaceCard_default.scButtonInstance
       }
     ),
-    /* @__PURE__ */ jsx82(
+    /* @__PURE__ */ jsx83(
       ScButton,
       {
         text: "Leave workspace",
-        icon: /* @__PURE__ */ jsx82(SiconLogout2, { className: ScWorkspaceCard_default.siconLogoutInstance }),
+        icon: /* @__PURE__ */ jsx83(SiconLogout2, { className: ScWorkspaceCard_default.siconLogoutInstance }),
         styleVariant: "icon-only",
         variant: "error",
         className: ScWorkspaceCard_default.scButtonInstance2
@@ -8943,7 +9067,7 @@ var ScWorkspaceSwitchCard_default = {
 };
 
 // src/SC-WorkspaceSwitchCard/ScWorkspaceSwitchCard.tsx
-import { jsx as jsx83, jsxs as jsxs71 } from "react/jsx-runtime";
+import { jsx as jsx84, jsxs as jsxs72 } from "react/jsx-runtime";
 function ScWorkspaceSwitchCard({
   wsName = "Workspace name is kepler",
   role = "Admin",
@@ -8973,7 +9097,7 @@ function ScWorkspaceSwitchCard({
   ].filter(Boolean).join(" ");
   const dpBg = isCurrent ? "var(--alias-fill-neutral-neutralactive, #313131)" : "var(--alias-fill-neutral-neutralselected, #242424)";
   const roleColorClass = isAdmin ? ScWorkspaceSwitchCard_default.detailValueRole : ScWorkspaceSwitchCard_default.detailValueInfo;
-  return /* @__PURE__ */ jsx83(
+  return /* @__PURE__ */ jsx84(
     "div",
     {
       className: cardClass,
@@ -8995,8 +9119,8 @@ function ScWorkspaceSwitchCard({
           onSwitch();
         }
       } : void 0,
-      children: /* @__PURE__ */ jsxs71("div", { className: ScWorkspaceSwitchCard_default.wsInfo, children: [
-        /* @__PURE__ */ jsx83(
+      children: /* @__PURE__ */ jsxs72("div", { className: ScWorkspaceSwitchCard_default.wsInfo, children: [
+        /* @__PURE__ */ jsx84(
           ScDp,
           {
             type: imageUrl ? "image" : "initial",
@@ -9010,26 +9134,26 @@ function ScWorkspaceSwitchCard({
             }
           }
         ),
-        /* @__PURE__ */ jsxs71("div", { className: ScWorkspaceSwitchCard_default.infoCol, children: [
-          /* @__PURE__ */ jsx83("p", { className: ScWorkspaceSwitchCard_default.wsName, children: wsName }),
-          /* @__PURE__ */ jsxs71("div", { className: ScWorkspaceSwitchCard_default.detailsRow, children: [
-            /* @__PURE__ */ jsxs71("div", { className: ScWorkspaceSwitchCard_default.detailItem, children: [
-              /* @__PURE__ */ jsx83("span", { className: ScWorkspaceSwitchCard_default.detailLabel, children: "Role" }),
-              /* @__PURE__ */ jsx83("span", { className: roleColorClass, children: displayRole })
+        /* @__PURE__ */ jsxs72("div", { className: ScWorkspaceSwitchCard_default.infoCol, children: [
+          /* @__PURE__ */ jsx84("p", { className: ScWorkspaceSwitchCard_default.wsName, children: wsName }),
+          /* @__PURE__ */ jsxs72("div", { className: ScWorkspaceSwitchCard_default.detailsRow, children: [
+            /* @__PURE__ */ jsxs72("div", { className: ScWorkspaceSwitchCard_default.detailItem, children: [
+              /* @__PURE__ */ jsx84("span", { className: ScWorkspaceSwitchCard_default.detailLabel, children: "Role" }),
+              /* @__PURE__ */ jsx84("span", { className: roleColorClass, children: displayRole })
             ] }),
-            /* @__PURE__ */ jsx83(ScVDivider, { className: ScWorkspaceSwitchCard_default.vDivider }),
-            /* @__PURE__ */ jsxs71("div", { className: ScWorkspaceSwitchCard_default.detailItem, children: [
-              /* @__PURE__ */ jsx83("span", { className: ScWorkspaceSwitchCard_default.detailLabel, children: "Plan" }),
-              /* @__PURE__ */ jsx83("span", { className: ScWorkspaceSwitchCard_default.detailValueSecondary, children: plan })
+            /* @__PURE__ */ jsx84(ScVDivider, { className: ScWorkspaceSwitchCard_default.vDivider }),
+            /* @__PURE__ */ jsxs72("div", { className: ScWorkspaceSwitchCard_default.detailItem, children: [
+              /* @__PURE__ */ jsx84("span", { className: ScWorkspaceSwitchCard_default.detailLabel, children: "Plan" }),
+              /* @__PURE__ */ jsx84("span", { className: ScWorkspaceSwitchCard_default.detailValueSecondary, children: plan })
             ] }),
-            /* @__PURE__ */ jsx83(ScVDivider, { className: ScWorkspaceSwitchCard_default.vDivider }),
-            /* @__PURE__ */ jsxs71("div", { className: ScWorkspaceSwitchCard_default.detailItemFlex, children: [
-              /* @__PURE__ */ jsx83("span", { className: ScWorkspaceSwitchCard_default.detailLabel, children: "Workspace Owner" }),
-              /* @__PURE__ */ jsx83("span", { className: ScWorkspaceSwitchCard_default.detailValueSecondary, children: ownerId })
+            /* @__PURE__ */ jsx84(ScVDivider, { className: ScWorkspaceSwitchCard_default.vDivider }),
+            /* @__PURE__ */ jsxs72("div", { className: ScWorkspaceSwitchCard_default.detailItemFlex, children: [
+              /* @__PURE__ */ jsx84("span", { className: ScWorkspaceSwitchCard_default.detailLabel, children: "Workspace Owner" }),
+              /* @__PURE__ */ jsx84("span", { className: ScWorkspaceSwitchCard_default.detailValueSecondary, children: ownerId })
             ] })
           ] })
         ] }),
-        isHover && isOther && /* @__PURE__ */ jsx83(
+        isHover && isOther && /* @__PURE__ */ jsx84(
           "div",
           {
             onClick: (e) => {
@@ -9037,19 +9161,19 @@ function ScWorkspaceSwitchCard({
               onSwitch?.();
             },
             style: { cursor: "pointer" },
-            children: /* @__PURE__ */ jsx83(
+            children: /* @__PURE__ */ jsx84(
               ScButton,
               {
                 text: "Switch Workspace",
                 variant: "secondary",
                 size: "sm",
                 styleVariant: "icon-left",
-                icon: /* @__PURE__ */ jsx83(SiconSwitch3, { className: ScWorkspaceSwitchCard_default.btnIcon })
+                icon: /* @__PURE__ */ jsx84(SiconSwitch3, { className: ScWorkspaceSwitchCard_default.btnIcon })
               }
             )
           }
         ),
-        isHover && isAdmin && /* @__PURE__ */ jsx83(
+        isHover && isAdmin && /* @__PURE__ */ jsx84(
           "div",
           {
             onClick: (e) => {
@@ -9057,18 +9181,18 @@ function ScWorkspaceSwitchCard({
               onSettings?.();
             },
             style: { cursor: "pointer" },
-            children: /* @__PURE__ */ jsx83(
+            children: /* @__PURE__ */ jsx84(
               ScButton,
               {
                 styleVariant: "icon-only",
                 variant: "outline",
                 size: "sm",
-                icon: /* @__PURE__ */ jsx83(SiconSettings3, { className: ScWorkspaceSwitchCard_default.btnIcon })
+                icon: /* @__PURE__ */ jsx84(SiconSettings3, { className: ScWorkspaceSwitchCard_default.btnIcon })
               }
             )
           }
         ),
-        isHover && !isAdmin && /* @__PURE__ */ jsx83(
+        isHover && !isAdmin && /* @__PURE__ */ jsx84(
           "div",
           {
             className: ScWorkspaceSwitchCard_default.leaveBtn,
@@ -9076,7 +9200,7 @@ function ScWorkspaceSwitchCard({
               e.stopPropagation();
               onLeave?.();
             },
-            children: /* @__PURE__ */ jsx83(SiconLogout3, { className: ScWorkspaceSwitchCard_default.btnIcon, color: "currentColor" })
+            children: /* @__PURE__ */ jsx84(SiconLogout3, { className: ScWorkspaceSwitchCard_default.btnIcon, color: "currentColor" })
           }
         )
       ] })
@@ -9086,8 +9210,8 @@ function ScWorkspaceSwitchCard({
 var NscWorkspaceSwitch = ScWorkspaceSwitchCard;
 
 // src/SC-Modal/ScModal.tsx
-import { useEffect as useEffect6 } from "react";
-import { createPortal } from "react-dom";
+import { useEffect as useEffect7 } from "react";
+import { createPortal as createPortal2 } from "react-dom";
 
 // src/SC-Modal/ScModal.module.css
 var ScModal_default = {
@@ -9096,7 +9220,7 @@ var ScModal_default = {
 };
 
 // src/SC-Modal/ScModal.tsx
-import { jsx as jsx84 } from "react/jsx-runtime";
+import { jsx as jsx85 } from "react/jsx-runtime";
 var ScModal = ({
   children,
   onClose,
@@ -9108,7 +9232,7 @@ var ScModal = ({
   closeOnBackdrop = true,
   closeOnEsc = true
 }) => {
-  useEffect6(() => {
+  useEffect7(() => {
     if (!open || !closeOnEsc) return;
     const onKey = (e) => {
       if (e.key === "Escape") onClose?.();
@@ -9117,8 +9241,8 @@ var ScModal = ({
     return () => document.removeEventListener("keydown", onKey);
   }, [open, closeOnEsc, onClose]);
   if (!open || typeof document === "undefined") return null;
-  return createPortal(
-    /* @__PURE__ */ jsx84(
+  return createPortal2(
+    /* @__PURE__ */ jsx85(
       "div",
       {
         className: [ScModal_default.backdrop, className].filter(Boolean).join(" "),
@@ -9126,7 +9250,7 @@ var ScModal = ({
         onMouseDown: (e) => {
           if (closeOnBackdrop && e.target === e.currentTarget) onClose?.();
         },
-        children: /* @__PURE__ */ jsx84(
+        children: /* @__PURE__ */ jsx85(
           "div",
           {
             className: [ScModal_default.content, contentClassName].filter(Boolean).join(" "),
@@ -9141,8 +9265,8 @@ var ScModal = ({
 };
 
 // src/SC-Drawer/ScDrawer.tsx
-import { useEffect as useEffect7, useRef as useRef7 } from "react";
-import { createPortal as createPortal2 } from "react-dom";
+import { useEffect as useEffect8, useRef as useRef8 } from "react";
+import { createPortal as createPortal3 } from "react-dom";
 
 // src/SC-Drawer/ScDrawer.module.css
 var ScDrawer_default = {
@@ -9154,7 +9278,7 @@ var ScDrawer_default = {
 };
 
 // src/SC-Drawer/ScDrawer.tsx
-import { Fragment as Fragment24, jsx as jsx85, jsxs as jsxs72 } from "react/jsx-runtime";
+import { Fragment as Fragment24, jsx as jsx86, jsxs as jsxs73 } from "react/jsx-runtime";
 var ScDrawer = ({
   children,
   onClose,
@@ -9169,8 +9293,8 @@ var ScDrawer = ({
   backdrop = false,
   zIndex
 }) => {
-  const panelRef = useRef7(null);
-  useEffect7(() => {
+  const panelRef = useRef8(null);
+  useEffect8(() => {
     if (!open) return;
     const onKey = (e) => {
       if (closeOnEsc && e.key === "Escape") onClose?.();
@@ -9188,9 +9312,9 @@ var ScDrawer = ({
     };
   }, [open, closeOnEsc, closeOnOutside, onClose]);
   if (!open || typeof document === "undefined") return null;
-  return createPortal2(
-    /* @__PURE__ */ jsxs72(Fragment24, { children: [
-      backdrop && /* @__PURE__ */ jsx85(
+  return createPortal3(
+    /* @__PURE__ */ jsxs73(Fragment24, { children: [
+      backdrop && /* @__PURE__ */ jsx86(
         "div",
         {
           className: ScDrawer_default.backdrop,
@@ -9198,13 +9322,13 @@ var ScDrawer = ({
           "aria-hidden": true
         }
       ),
-      /* @__PURE__ */ jsx85(
+      /* @__PURE__ */ jsx86(
         "div",
         {
           ref: panelRef,
           className: [ScDrawer_default.drawer, ScDrawer_default["side-" + side], className].filter(Boolean).join(" "),
           style: zIndex != null ? { ...style, zIndex } : style,
-          children: /* @__PURE__ */ jsx85(
+          children: /* @__PURE__ */ jsx86(
             "div",
             {
               className: [ScDrawer_default.content, contentClassName].filter(Boolean).join(" "),
@@ -9230,7 +9354,7 @@ var ScTabs_default = {
 };
 
 // src/SC-Tabs/ScTabs.tsx
-import { jsx as jsx86 } from "react/jsx-runtime";
+import { jsx as jsx87 } from "react/jsx-runtime";
 var ScTabs = ({
   tabs,
   activeTab,
@@ -9240,7 +9364,7 @@ var ScTabs = ({
   isCompact,
   className
 }) => {
-  return /* @__PURE__ */ jsx86(
+  return /* @__PURE__ */ jsx87(
     "div",
     {
       className: [
@@ -9253,7 +9377,7 @@ var ScTabs = ({
       children: tabs.map((tab, idx) => {
         const label = typeof tab === "string" ? tab : tab.label ?? tab.value ?? "";
         const value = typeof tab === "string" ? tab : tab.value ?? tab.label ?? "";
-        return /* @__PURE__ */ jsx86(
+        return /* @__PURE__ */ jsx87(
           "div",
           {
             className: [ScTabs_default.tab, activeTab === value && ScTabs_default.active].filter(Boolean).join(" "),
@@ -9280,7 +9404,7 @@ var ScCounter_default = {
 };
 
 // src/SC-Counter/ScCounter.tsx
-import { jsx as jsx87, jsxs as jsxs73 } from "react/jsx-runtime";
+import { jsx as jsx88, jsxs as jsxs74 } from "react/jsx-runtime";
 var ScCounter = ({
   count,
   onChange,
@@ -9297,15 +9421,15 @@ var ScCounter = ({
     if (max !== void 0) v = Math.min(max, v);
     onChange(v);
   };
-  return /* @__PURE__ */ jsxs73(
+  return /* @__PURE__ */ jsxs74(
     "div",
     {
       className: [ScCounter_default.counter, className].filter(Boolean).join(" "),
       style,
       children: [
-        /* @__PURE__ */ jsx87("div", { className: ScCounter_default.step, onClick: () => set(count - 1), children: /* @__PURE__ */ jsx87(SiconMinus, { size: 24, color: "var(--alias-text-and-icons-primary)" }) }),
-        showInput ? /* @__PURE__ */ jsxs73("div", { className: ScCounter_default.inputContainer, children: [
-          /* @__PURE__ */ jsx87(
+        /* @__PURE__ */ jsx88("div", { className: ScCounter_default.step, onClick: () => set(count - 1), children: /* @__PURE__ */ jsx88(SiconMinus, { size: 24, color: "var(--alias-text-and-icons-primary)" }) }),
+        showInput ? /* @__PURE__ */ jsxs74("div", { className: ScCounter_default.inputContainer, children: [
+          /* @__PURE__ */ jsx88(
             "input",
             {
               value: count,
@@ -9316,13 +9440,13 @@ var ScCounter = ({
               onBlur: () => setShowInput(false)
             }
           ),
-          /* @__PURE__ */ jsx87("div", { children: label })
-        ] }) : /* @__PURE__ */ jsxs73("div", { className: ScCounter_default.value, onClick: () => setShowInput(true), children: [
+          /* @__PURE__ */ jsx88("div", { children: label })
+        ] }) : /* @__PURE__ */ jsxs74("div", { className: ScCounter_default.value, onClick: () => setShowInput(true), children: [
           count,
           " ",
           label
         ] }),
-        /* @__PURE__ */ jsx87("div", { className: ScCounter_default.step, onClick: () => set(count + 1), children: /* @__PURE__ */ jsx87(SiconPlus2, { size: 24, color: "var(--alias-text-and-icons-primary)" }) })
+        /* @__PURE__ */ jsx88("div", { className: ScCounter_default.step, onClick: () => set(count + 1), children: /* @__PURE__ */ jsx88(SiconPlus2, { size: 24, color: "var(--alias-text-and-icons-primary)" }) })
       ]
     }
   );
@@ -9341,7 +9465,7 @@ var ScPagination_default = {
 };
 
 // src/SC-Pagination/ScPagination.tsx
-import { jsx as jsx88, jsxs as jsxs74 } from "react/jsx-runtime";
+import { jsx as jsx89, jsxs as jsxs75 } from "react/jsx-runtime";
 var ScPagination = ({
   itemsCount,
   itemsPerPage,
@@ -9380,8 +9504,8 @@ var ScPagination = ({
       onPageChangeAction();
     }
   };
-  return /* @__PURE__ */ jsx88("div", { className: ScPagination_default.scPagination + (className ? " " + className : ""), children: /* @__PURE__ */ jsxs74("div", { className: ScPagination_default.section, children: [
-    /* @__PURE__ */ jsx88(
+  return /* @__PURE__ */ jsx89("div", { className: ScPagination_default.scPagination + (className ? " " + className : ""), children: /* @__PURE__ */ jsxs75("div", { className: ScPagination_default.section, children: [
+    /* @__PURE__ */ jsx89(
       SiconRight5,
       {
         size: 24,
@@ -9390,7 +9514,7 @@ var ScPagination = ({
         onClick: () => step("dec")
       }
     ),
-    /* @__PURE__ */ jsx88("span", { className: ScPagination_default.page, children: /* @__PURE__ */ jsx88(
+    /* @__PURE__ */ jsx89("span", { className: ScPagination_default.page, children: /* @__PURE__ */ jsx89(
       "input",
       {
         type: "number",
@@ -9400,7 +9524,7 @@ var ScPagination = ({
         onBlur: commit
       }
     ) }),
-    /* @__PURE__ */ jsx88(
+    /* @__PURE__ */ jsx89(
       SiconRight5,
       {
         size: 24,
@@ -9408,7 +9532,7 @@ var ScPagination = ({
         onClick: () => step("inc")
       }
     ),
-    /* @__PURE__ */ jsxs74("span", { className: ScPagination_default.pageCount, children: [
+    /* @__PURE__ */ jsxs75("span", { className: ScPagination_default.pageCount, children: [
       "of ",
       maxPage
     ] })
@@ -9425,19 +9549,19 @@ var ScBeacon_default = {
 };
 
 // src/SC-Beacon/ScBeacon.tsx
-import { jsx as jsx89, jsxs as jsxs75 } from "react/jsx-runtime";
+import { jsx as jsx90, jsxs as jsxs76 } from "react/jsx-runtime";
 var ScBeacon = ({
   tone = "neutral",
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx89(
+  return /* @__PURE__ */ jsx90(
     "span",
     {
       className: ScBeacon_default.scBeacon + " " + ScBeacon_default[tone] + (className ? " " + className : ""),
       "aria-hidden": "true",
       ...props,
-      children: /* @__PURE__ */ jsxs75(
+      children: /* @__PURE__ */ jsxs76(
         "svg",
         {
           viewBox: "0 0 20 20",
@@ -9446,8 +9570,8 @@ var ScBeacon = ({
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg",
           children: [
-            /* @__PURE__ */ jsx89("circle", { cx: "10", cy: "10", r: "10", fill: "currentColor", fillOpacity: "0.24" }),
-            /* @__PURE__ */ jsx89("circle", { cx: "10", cy: "10", r: "4", fill: "currentColor" })
+            /* @__PURE__ */ jsx90("circle", { cx: "10", cy: "10", r: "10", fill: "currentColor", fillOpacity: "0.24" }),
+            /* @__PURE__ */ jsx90("circle", { cx: "10", cy: "10", r: "4", fill: "currentColor" })
           ]
         }
       )
@@ -9467,7 +9591,7 @@ var ScStoreCard_default = {
 };
 
 // src/SC-StoreCard/ScStoreCard.tsx
-import { jsx as jsx90, jsxs as jsxs76 } from "react/jsx-runtime";
+import { jsx as jsx91, jsxs as jsxs77 } from "react/jsx-runtime";
 var ScStoreCard = ({
   storeName = "Store Name",
   noOfProducts = "1490 Products",
@@ -9476,18 +9600,18 @@ var ScStoreCard = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs76(
+  return /* @__PURE__ */ jsxs77(
     "div",
     {
       className: ScStoreCard_default.scStoreCard + (className ? " " + className : ""),
       ...props,
       children: [
-        /* @__PURE__ */ jsx90("div", { className: ScStoreCard_default.nameSection, children: /* @__PURE__ */ jsx90("p", { className: ScStoreCard_default.storeName, title: storeName, children: storeName }) }),
-        /* @__PURE__ */ jsx90(ScHDivider, { className: ScStoreCard_default.divider }),
-        /* @__PURE__ */ jsxs76("div", { className: ScStoreCard_default.footer, children: [
-          /* @__PURE__ */ jsx90(ScBeacon, { tone }),
-          /* @__PURE__ */ jsx90("span", { className: ScStoreCard_default.products, children: noOfProducts }),
-          /* @__PURE__ */ jsx90("span", { className: ScStoreCard_default.date, children: dateCreated })
+        /* @__PURE__ */ jsx91("div", { className: ScStoreCard_default.nameSection, children: /* @__PURE__ */ jsx91("p", { className: ScStoreCard_default.storeName, title: storeName, children: storeName }) }),
+        /* @__PURE__ */ jsx91(ScHDivider, { className: ScStoreCard_default.divider }),
+        /* @__PURE__ */ jsxs77("div", { className: ScStoreCard_default.footer, children: [
+          /* @__PURE__ */ jsx91(ScBeacon, { tone }),
+          /* @__PURE__ */ jsx91("span", { className: ScStoreCard_default.products, children: noOfProducts }),
+          /* @__PURE__ */ jsx91("span", { className: ScStoreCard_default.date, children: dateCreated })
         ] })
       ]
     }
@@ -9506,7 +9630,7 @@ var ScCatalogixStoreHeader_default = {
 };
 
 // src/SC-Catalogix-Store-Header/ScCatalogixStoreHeader.tsx
-import { jsx as jsx91, jsxs as jsxs77 } from "react/jsx-runtime";
+import { jsx as jsx92, jsxs as jsxs78 } from "react/jsx-runtime";
 var ScCatalogixStoreHeader = ({
   storeNameLabel = "Store name",
   statusLabel = "Status",
@@ -9519,18 +9643,18 @@ var ScCatalogixStoreHeader = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs77(
+  return /* @__PURE__ */ jsxs78(
     "div",
     {
       className: ScCatalogixStoreHeader_default.scCatalogixStoreHeader + (className ? " " + className : ""),
       ...props,
       children: [
-        /* @__PURE__ */ jsx91("span", { className: ScCatalogixStoreHeader_default.label + " " + ScCatalogixStoreHeader_default.colName, children: storeNameLabel }),
-        /* @__PURE__ */ jsx91("span", { className: ScCatalogixStoreHeader_default.label + " " + ScCatalogixStoreHeader_default.colStatus, children: statusLabel }),
-        /* @__PURE__ */ jsx91("span", { className: ScCatalogixStoreHeader_default.label + " " + ScCatalogixStoreHeader_default.colNum, children: productsLabel }),
-        showAssets && /* @__PURE__ */ jsx91("span", { className: ScCatalogixStoreHeader_default.label + " " + ScCatalogixStoreHeader_default.colNum, children: assetsLabel }),
-        /* @__PURE__ */ jsx91("span", { className: ScCatalogixStoreHeader_default.label + " " + ScCatalogixStoreHeader_default.colDate, children: createdOnLabel }),
-        showCreatedBy && /* @__PURE__ */ jsx91("span", { className: ScCatalogixStoreHeader_default.label + " " + ScCatalogixStoreHeader_default.colBy, children: createdByLabel })
+        /* @__PURE__ */ jsx92("span", { className: ScCatalogixStoreHeader_default.label + " " + ScCatalogixStoreHeader_default.colName, children: storeNameLabel }),
+        /* @__PURE__ */ jsx92("span", { className: ScCatalogixStoreHeader_default.label + " " + ScCatalogixStoreHeader_default.colStatus, children: statusLabel }),
+        /* @__PURE__ */ jsx92("span", { className: ScCatalogixStoreHeader_default.label + " " + ScCatalogixStoreHeader_default.colNum, children: productsLabel }),
+        showAssets && /* @__PURE__ */ jsx92("span", { className: ScCatalogixStoreHeader_default.label + " " + ScCatalogixStoreHeader_default.colNum, children: assetsLabel }),
+        /* @__PURE__ */ jsx92("span", { className: ScCatalogixStoreHeader_default.label + " " + ScCatalogixStoreHeader_default.colDate, children: createdOnLabel }),
+        showCreatedBy && /* @__PURE__ */ jsx92("span", { className: ScCatalogixStoreHeader_default.label + " " + ScCatalogixStoreHeader_default.colBy, children: createdByLabel })
       ]
     }
   );
@@ -9552,7 +9676,7 @@ var ScCatalogixStoreTableList_default = {
 };
 
 // src/SC-CatalogixStoreTableList/ScCatalogixStoreTableList.tsx
-import { jsx as jsx92, jsxs as jsxs78 } from "react/jsx-runtime";
+import { jsx as jsx93, jsxs as jsxs79 } from "react/jsx-runtime";
 var STATUS_TONE_CLASS = {
   success: "statusSuccess",
   warning: "statusWarning",
@@ -9573,18 +9697,18 @@ var ScCatalogixStoreTableList = ({
   ...props
 }) => {
   const toneClass = ScCatalogixStoreTableList_default[STATUS_TONE_CLASS[statusTone] || "statusNeutral"];
-  return /* @__PURE__ */ jsxs78(
+  return /* @__PURE__ */ jsxs79(
     "div",
     {
       className: ScCatalogixStoreTableList_default.scCatalogixStoreTableList + (className ? " " + className : ""),
       ...props,
       children: [
-        /* @__PURE__ */ jsx92("span", { className: ScCatalogixStoreTableList_default.name, title: storeName, children: storeName }),
-        /* @__PURE__ */ jsx92("span", { className: ScCatalogixStoreTableList_default.status + " " + toneClass, children: status }),
-        /* @__PURE__ */ jsx92("span", { className: ScCatalogixStoreTableList_default.cell + " " + ScCatalogixStoreTableList_default.colNum, children: products }),
-        showAssets && /* @__PURE__ */ jsx92("span", { className: ScCatalogixStoreTableList_default.cell + " " + ScCatalogixStoreTableList_default.colNum, children: assets }),
-        /* @__PURE__ */ jsx92("span", { className: ScCatalogixStoreTableList_default.cell + " " + ScCatalogixStoreTableList_default.colDate, children: createdOn }),
-        showCreatedBy && /* @__PURE__ */ jsx92("span", { className: ScCatalogixStoreTableList_default.cell + " " + ScCatalogixStoreTableList_default.colBy, children: createdBy })
+        /* @__PURE__ */ jsx93("span", { className: ScCatalogixStoreTableList_default.name, title: storeName, children: storeName }),
+        /* @__PURE__ */ jsx93("span", { className: ScCatalogixStoreTableList_default.status + " " + toneClass, children: status }),
+        /* @__PURE__ */ jsx93("span", { className: ScCatalogixStoreTableList_default.cell + " " + ScCatalogixStoreTableList_default.colNum, children: products }),
+        showAssets && /* @__PURE__ */ jsx93("span", { className: ScCatalogixStoreTableList_default.cell + " " + ScCatalogixStoreTableList_default.colNum, children: assets }),
+        /* @__PURE__ */ jsx93("span", { className: ScCatalogixStoreTableList_default.cell + " " + ScCatalogixStoreTableList_default.colDate, children: createdOn }),
+        showCreatedBy && /* @__PURE__ */ jsx93("span", { className: ScCatalogixStoreTableList_default.cell + " " + ScCatalogixStoreTableList_default.colBy, children: createdBy })
       ]
     }
   );
@@ -9600,7 +9724,7 @@ var ScDefaultCard_default = {
 };
 
 // src/SC-DefaultCard/ScDefaultCard.tsx
-import { jsx as jsx93, jsxs as jsxs79 } from "react/jsx-runtime";
+import { jsx as jsx94, jsxs as jsxs80 } from "react/jsx-runtime";
 var ScDefaultCard = ({
   title = "Title",
   description = "Description",
@@ -9611,14 +9735,14 @@ var ScDefaultCard = ({
 }) => {
   const variantsClassName = ScDefaultCard_default["state-" + state];
   const hasDescription = showDescription && Boolean(description);
-  return /* @__PURE__ */ jsx93(
+  return /* @__PURE__ */ jsx94(
     "div",
     {
       className: [ScDefaultCard_default.scDefaultCard, variantsClassName, className].filter(Boolean).join(" "),
       ...props,
-      children: /* @__PURE__ */ jsxs79("div", { className: ScDefaultCard_default.content, children: [
-        /* @__PURE__ */ jsx93("p", { className: ScDefaultCard_default.title, children: title }),
-        hasDescription && /* @__PURE__ */ jsx93("p", { className: ScDefaultCard_default.description, children: description })
+      children: /* @__PURE__ */ jsxs80("div", { className: ScDefaultCard_default.content, children: [
+        /* @__PURE__ */ jsx94("p", { className: ScDefaultCard_default.title, children: title }),
+        hasDescription && /* @__PURE__ */ jsx94("p", { className: ScDefaultCard_default.description, children: description })
       ] })
     }
   );
@@ -9637,7 +9761,7 @@ var ScValueMappingL1_default = {
 };
 
 // src/SC-ValueMappingL1/ScValueMappingL1.tsx
-import { jsx as jsx94, jsxs as jsxs80 } from "react/jsx-runtime";
+import { jsx as jsx95, jsxs as jsxs81 } from "react/jsx-runtime";
 var ScValueMappingL1 = ({
   label = "Title",
   state = "default",
@@ -9646,7 +9770,7 @@ var ScValueMappingL1 = ({
   ...props
 }) => {
   const variantsClassName = ScValueMappingL1_default["state-" + state];
-  return /* @__PURE__ */ jsxs80(
+  return /* @__PURE__ */ jsxs81(
     "div",
     {
       className: [
@@ -9657,8 +9781,8 @@ var ScValueMappingL1 = ({
       ].filter(Boolean).join(" "),
       ...props,
       children: [
-        /* @__PURE__ */ jsx94("div", { className: ScValueMappingL1_default.labelWrap, children: /* @__PURE__ */ jsx94("span", { className: ScValueMappingL1_default.label, title: label, children: label }) }),
-        updated && /* @__PURE__ */ jsx94("span", { className: ScValueMappingL1_default.dot, "aria-hidden": true, children: /* @__PURE__ */ jsx94("span", { className: ScValueMappingL1_default.dotInner }) })
+        /* @__PURE__ */ jsx95("div", { className: ScValueMappingL1_default.labelWrap, children: /* @__PURE__ */ jsx95("span", { className: ScValueMappingL1_default.label, title: label, children: label }) }),
+        updated && /* @__PURE__ */ jsx95("span", { className: ScValueMappingL1_default.dot, "aria-hidden": true, children: /* @__PURE__ */ jsx95("span", { className: ScValueMappingL1_default.dotInner }) })
       ]
     }
   );
@@ -9678,7 +9802,7 @@ var ScTaxonomyPill_default = {
 
 // src/SC-TaxonomyPill/ScTaxonomyPill.tsx
 import { SiconDown as SiconDown2, SiconUp as SiconUp2 } from "@streamoid/icons";
-import { Fragment as Fragment25, jsx as jsx95, jsxs as jsxs81 } from "react/jsx-runtime";
+import { Fragment as Fragment25, jsx as jsx96, jsxs as jsxs82 } from "react/jsx-runtime";
 var ScTaxonomyPill = ({
   type = "pill",
   state = "default",
@@ -9693,13 +9817,13 @@ var ScTaxonomyPill = ({
     ScTaxonomyPill_default["state-" + state],
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx95("div", { className: cls, ...props, children: /* @__PURE__ */ jsxs81("div", { className: ScTaxonomyPill_default.inner, children: [
-    type === "pill" && /* @__PURE__ */ jsx95("span", { className: ScTaxonomyPill_default.label, children: label }),
-    type === "expand" && /* @__PURE__ */ jsxs81(Fragment25, { children: [
-      /* @__PURE__ */ jsx95("span", { className: ScTaxonomyPill_default.label, children: count }),
-      /* @__PURE__ */ jsx95(SiconDown2, { className: ScTaxonomyPill_default.icon, color: "currentColor" })
+  return /* @__PURE__ */ jsx96("div", { className: cls, ...props, children: /* @__PURE__ */ jsxs82("div", { className: ScTaxonomyPill_default.inner, children: [
+    type === "pill" && /* @__PURE__ */ jsx96("span", { className: ScTaxonomyPill_default.label, children: label }),
+    type === "expand" && /* @__PURE__ */ jsxs82(Fragment25, { children: [
+      /* @__PURE__ */ jsx96("span", { className: ScTaxonomyPill_default.label, children: count }),
+      /* @__PURE__ */ jsx96(SiconDown2, { className: ScTaxonomyPill_default.icon, color: "currentColor" })
     ] }),
-    type === "collapse" && /* @__PURE__ */ jsx95(SiconUp2, { className: ScTaxonomyPill_default.icon, color: "currentColor" })
+    type === "collapse" && /* @__PURE__ */ jsx96(SiconUp2, { className: ScTaxonomyPill_default.icon, color: "currentColor" })
   ] }) });
 };
 
@@ -9712,7 +9836,7 @@ var ScSelectionPill_default = {
 };
 
 // src/SC-SelectionPill/ScSelectionPill.tsx
-import { jsx as jsx96 } from "react/jsx-runtime";
+import { jsx as jsx97 } from "react/jsx-runtime";
 var ScSelectionPill = ({
   label = "All Products",
   selected = false,
@@ -9727,7 +9851,7 @@ var ScSelectionPill = ({
     onClick?.(event);
     onSelect?.(value);
   };
-  return /* @__PURE__ */ jsx96(
+  return /* @__PURE__ */ jsx97(
     "button",
     {
       type: "button",
@@ -9735,7 +9859,7 @@ var ScSelectionPill = ({
       "aria-pressed": selected,
       onClick: handleClick,
       ...props,
-      children: /* @__PURE__ */ jsx96("span", { className: ScSelectionPill_default.label, children: label })
+      children: /* @__PURE__ */ jsx97("span", { className: ScSelectionPill_default.label, children: label })
     }
   );
 };
@@ -9746,7 +9870,7 @@ var ScSelectionPillGroup_default = {
 };
 
 // src/SC-SelectionPillGroup/ScSelectionPillGroup.tsx
-import { jsx as jsx97 } from "react/jsx-runtime";
+import { jsx as jsx98 } from "react/jsx-runtime";
 var ScSelectionPillGroup = ({
   options = [],
   value,
@@ -9754,13 +9878,13 @@ var ScSelectionPillGroup = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx97(
+  return /* @__PURE__ */ jsx98(
     "div",
     {
       className: [ScSelectionPillGroup_default.scSelectionPillGroup, className].filter(Boolean).join(" "),
       role: "tablist",
       ...props,
-      children: options.map((opt) => /* @__PURE__ */ jsx97(
+      children: options.map((opt) => /* @__PURE__ */ jsx98(
         ScSelectionPill,
         {
           label: opt.label,
@@ -9823,7 +9947,7 @@ var ScMappingCard_default = {
 };
 
 // src/SC-MappingCard/ScMappingCard.tsx
-import { Fragment as Fragment26, jsx as jsx98, jsxs as jsxs82 } from "react/jsx-runtime";
+import { Fragment as Fragment26, jsx as jsx99, jsxs as jsxs83 } from "react/jsx-runtime";
 var ScMappingCard = ({
   badge,
   columnName,
@@ -9844,25 +9968,25 @@ var ScMappingCard = ({
   const isDefault = status === "default";
   const isConfirmed = status === "confirmed";
   const isIgnored = status === "ignored";
-  return /* @__PURE__ */ jsxs82(
+  return /* @__PURE__ */ jsxs83(
     "div",
     {
       className: [ScMappingCard_default.scMappingCard, ScMappingCard_default["status-" + status], className].filter(Boolean).join(" "),
       ...props,
       children: [
-        badge != null && /* @__PURE__ */ jsx98("div", { className: ScMappingCard_default.badge, "aria-hidden": true, children: /* @__PURE__ */ jsx98("span", { className: ScMappingCard_default.badgeLetter, children: badge }) }),
-        /* @__PURE__ */ jsxs82("div", { className: ScMappingCard_default.content, children: [
-          isDefault ? /* @__PURE__ */ jsxs82("div", { className: [ScMappingCard_default.source, ScMappingCard_default.sourceCard].join(" "), children: [
-            /* @__PURE__ */ jsxs82("div", { className: ScMappingCard_default.sourceHeader, children: [
-              /* @__PURE__ */ jsx98("span", { className: ScMappingCard_default.columnName, title: columnName, children: columnName }),
-              /* @__PURE__ */ jsx98(
+        badge != null && /* @__PURE__ */ jsx99("div", { className: ScMappingCard_default.badge, "aria-hidden": true, children: /* @__PURE__ */ jsx99("span", { className: ScMappingCard_default.badgeLetter, children: badge }) }),
+        /* @__PURE__ */ jsxs83("div", { className: ScMappingCard_default.content, children: [
+          isDefault ? /* @__PURE__ */ jsxs83("div", { className: [ScMappingCard_default.source, ScMappingCard_default.sourceCard].join(" "), children: [
+            /* @__PURE__ */ jsxs83("div", { className: ScMappingCard_default.sourceHeader, children: [
+              /* @__PURE__ */ jsx99("span", { className: ScMappingCard_default.columnName, title: columnName, children: columnName }),
+              /* @__PURE__ */ jsx99(
                 "button",
                 {
                   type: "button",
                   className: ScMappingCard_default.addBtn,
                   onClick: onAddColumn,
                   "aria-label": "Add column",
-                  children: /* @__PURE__ */ jsx98(
+                  children: /* @__PURE__ */ jsx99(
                     SiconPlus3,
                     {
                       size: 24,
@@ -9872,12 +9996,12 @@ var ScMappingCard = ({
                 }
               )
             ] }),
-            sampleRows.length > 0 && /* @__PURE__ */ jsx98("div", { className: ScMappingCard_default.sampleRows, children: sampleRows.map((row, i) => /* @__PURE__ */ jsx98("span", { className: ScMappingCard_default.sampleRow, title: row, children: row }, i)) })
-          ] }) : /* @__PURE__ */ jsx98("div", { className: [ScMappingCard_default.source, ScMappingCard_default.sourceCollapsed].join(" "), children: /* @__PURE__ */ jsx98("span", { className: ScMappingCard_default.columnName, title: columnName, children: columnName }) }),
-          /* @__PURE__ */ jsxs82("div", { className: ScMappingCard_default.targetRegion, children: [
+            sampleRows.length > 0 && /* @__PURE__ */ jsx99("div", { className: ScMappingCard_default.sampleRows, children: sampleRows.map((row, i) => /* @__PURE__ */ jsx99("span", { className: ScMappingCard_default.sampleRow, title: row, children: row }, i)) })
+          ] }) : /* @__PURE__ */ jsx99("div", { className: [ScMappingCard_default.source, ScMappingCard_default.sourceCollapsed].join(" "), children: /* @__PURE__ */ jsx99("span", { className: ScMappingCard_default.columnName, title: columnName, children: columnName }) }),
+          /* @__PURE__ */ jsxs83("div", { className: ScMappingCard_default.targetRegion, children: [
             isDefault && targets,
-            isConfirmed && confirmedTargets.map((t, i) => /* @__PURE__ */ jsxs82("div", { className: ScMappingCard_default.targetRow, children: [
-              /* @__PURE__ */ jsx98(
+            isConfirmed && confirmedTargets.map((t, i) => /* @__PURE__ */ jsxs83("div", { className: ScMappingCard_default.targetRow, children: [
+              /* @__PURE__ */ jsx99(
                 SiconRight6,
                 {
                   size: 20,
@@ -9885,10 +10009,10 @@ var ScMappingCard = ({
                   className: ScMappingCard_default.connector
                 }
               ),
-              /* @__PURE__ */ jsx98("span", { className: ScMappingCard_default.targetBox, title: t, children: t })
+              /* @__PURE__ */ jsx99("span", { className: ScMappingCard_default.targetBox, title: t, children: t })
             ] }, i)),
-            isIgnored && /* @__PURE__ */ jsxs82("div", { className: ScMappingCard_default.targetRow, children: [
-              /* @__PURE__ */ jsx98(
+            isIgnored && /* @__PURE__ */ jsxs83("div", { className: ScMappingCard_default.targetRow, children: [
+              /* @__PURE__ */ jsx99(
                 SiconRight6,
                 {
                   size: 24,
@@ -9896,23 +10020,23 @@ var ScMappingCard = ({
                   className: ScMappingCard_default.connector
                 }
               ),
-              /* @__PURE__ */ jsx98("span", { className: [ScMappingCard_default.targetBox, ScMappingCard_default.targetBoxDash].join(" "), children: "-" })
+              /* @__PURE__ */ jsx99("span", { className: [ScMappingCard_default.targetBox, ScMappingCard_default.targetBoxDash].join(" "), children: "-" })
             ] }),
-            isDefault && warning != null && /* @__PURE__ */ jsxs82("div", { className: ScMappingCard_default.warning, children: [
-              /* @__PURE__ */ jsx98("span", { className: ScMappingCard_default.warningIcon, "aria-hidden": true, children: /* @__PURE__ */ jsx98(
+            isDefault && warning != null && /* @__PURE__ */ jsxs83("div", { className: ScMappingCard_default.warning, children: [
+              /* @__PURE__ */ jsx99("span", { className: ScMappingCard_default.warningIcon, "aria-hidden": true, children: /* @__PURE__ */ jsx99(
                 SiconWarning,
                 {
                   size: 20,
                   color: "var(--alias-text-and-icons-error, #d11a1a)"
                 }
               ) }),
-              /* @__PURE__ */ jsx98("span", { className: ScMappingCard_default.warningText, children: warning })
+              /* @__PURE__ */ jsx99("span", { className: ScMappingCard_default.warningText, children: warning })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs82("div", { className: ScMappingCard_default.actions, children: [
-            isDefault && /* @__PURE__ */ jsxs82(Fragment26, { children: [
-              /* @__PURE__ */ jsxs82("div", { className: ScMappingCard_default.actionRow, children: [
-                /* @__PURE__ */ jsx98(
+          /* @__PURE__ */ jsxs83("div", { className: ScMappingCard_default.actions, children: [
+            isDefault && /* @__PURE__ */ jsxs83(Fragment26, { children: [
+              /* @__PURE__ */ jsxs83("div", { className: ScMappingCard_default.actionRow, children: [
+                /* @__PURE__ */ jsx99(
                   "button",
                   {
                     type: "button",
@@ -9921,7 +10045,7 @@ var ScMappingCard = ({
                     children: "Ignore Column"
                   }
                 ),
-                canConfirm && /* @__PURE__ */ jsx98(
+                canConfirm && /* @__PURE__ */ jsx99(
                   "button",
                   {
                     type: "button",
@@ -9933,15 +10057,15 @@ var ScMappingCard = ({
                   }
                 )
               ] }),
-              validityText && /* @__PURE__ */ jsx98("span", { className: ScMappingCard_default.validityText, children: validityText })
+              validityText && /* @__PURE__ */ jsx99("span", { className: ScMappingCard_default.validityText, children: validityText })
             ] }),
-            isConfirmed && /* @__PURE__ */ jsxs82("div", { className: ScMappingCard_default.actionRow, children: [
-              /* @__PURE__ */ jsxs82(
+            isConfirmed && /* @__PURE__ */ jsxs83("div", { className: ScMappingCard_default.actionRow, children: [
+              /* @__PURE__ */ jsxs83(
                 "span",
                 {
                   className: [ScMappingCard_default.statusLabel, ScMappingCard_default.statusSuccess].join(" "),
                   children: [
-                    /* @__PURE__ */ jsx98("span", { className: ScMappingCard_default.statusIcon, children: /* @__PURE__ */ jsx98(
+                    /* @__PURE__ */ jsx99("span", { className: ScMappingCard_default.statusIcon, children: /* @__PURE__ */ jsx99(
                       SiconCheck,
                       {
                         size: 24,
@@ -9952,7 +10076,7 @@ var ScMappingCard = ({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx98(
+              /* @__PURE__ */ jsx99(
                 "button",
                 {
                   type: "button",
@@ -9962,9 +10086,9 @@ var ScMappingCard = ({
                 }
               )
             ] }),
-            isIgnored && /* @__PURE__ */ jsxs82("div", { className: ScMappingCard_default.actionRow, children: [
-              /* @__PURE__ */ jsxs82("span", { className: [ScMappingCard_default.statusLabel, ScMappingCard_default.statusError].join(" "), children: [
-                /* @__PURE__ */ jsx98("span", { className: ScMappingCard_default.statusIcon, children: /* @__PURE__ */ jsx98(
+            isIgnored && /* @__PURE__ */ jsxs83("div", { className: ScMappingCard_default.actionRow, children: [
+              /* @__PURE__ */ jsxs83("span", { className: [ScMappingCard_default.statusLabel, ScMappingCard_default.statusError].join(" "), children: [
+                /* @__PURE__ */ jsx99("span", { className: ScMappingCard_default.statusIcon, children: /* @__PURE__ */ jsx99(
                   SiconClose4,
                   {
                     size: 24,
@@ -9973,7 +10097,7 @@ var ScMappingCard = ({
                 ) }),
                 "Column Ignored"
               ] }),
-              /* @__PURE__ */ jsx98(
+              /* @__PURE__ */ jsx99(
                 "button",
                 {
                   type: "button",
@@ -10004,7 +10128,7 @@ var ScThinkingStepIcon_default = {
 };
 
 // src/SC-ThinkingStepIcon/ScThinkingStepIcon.tsx
-import { jsx as jsx99, jsxs as jsxs83 } from "react/jsx-runtime";
+import { jsx as jsx100, jsxs as jsxs84 } from "react/jsx-runtime";
 var ScThinkingStepIcon = ({
   state = "default",
   size = 12,
@@ -10013,13 +10137,13 @@ var ScThinkingStepIcon = ({
   ...props
 }) => {
   const variantsClassName = ScThinkingStepIcon_default["state-" + state];
-  return /* @__PURE__ */ jsx99(
+  return /* @__PURE__ */ jsx100(
     "span",
     {
       className: ScThinkingStepIcon_default.scThinkingStepIcon + " " + (className ?? "") + " " + variantsClassName,
       style: { width: size, height: size, ...style },
       ...props,
-      children: /* @__PURE__ */ jsxs83(
+      children: /* @__PURE__ */ jsxs84(
         "svg",
         {
           className: ScThinkingStepIcon_default.glyph,
@@ -10030,7 +10154,7 @@ var ScThinkingStepIcon = ({
           xmlns: "http://www.w3.org/2000/svg",
           "aria-hidden": "true",
           children: [
-            state === "default" && /* @__PURE__ */ jsx99(
+            state === "default" && /* @__PURE__ */ jsx100(
               "circle",
               {
                 className: ScThinkingStepIcon_default.stroke,
@@ -10041,7 +10165,7 @@ var ScThinkingStepIcon = ({
                 strokeLinecap: "round"
               }
             ),
-            state === "working" && /* @__PURE__ */ jsx99(
+            state === "working" && /* @__PURE__ */ jsx100(
               "path",
               {
                 className: ScThinkingStepIcon_default.stroke + " " + ScThinkingStepIcon_default.spinner,
@@ -10051,7 +10175,7 @@ var ScThinkingStepIcon = ({
                 strokeLinejoin: "round"
               }
             ),
-            state === "completed" && /* @__PURE__ */ jsx99(
+            state === "completed" && /* @__PURE__ */ jsx100(
               "path",
               {
                 className: ScThinkingStepIcon_default.stroke,
@@ -10061,7 +10185,7 @@ var ScThinkingStepIcon = ({
                 strokeLinejoin: "round"
               }
             ),
-            state === "error" && /* @__PURE__ */ jsx99(
+            state === "error" && /* @__PURE__ */ jsx100(
               "path",
               {
                 className: ScThinkingStepIcon_default.stroke,
@@ -10101,7 +10225,7 @@ var ScInChatList_default = {
 
 // src/SC-InChatList/ScInChatList.tsx
 import { SiconUp as SiconUp3, SiconDown as SiconDown3, SiconDot as SiconDot2 } from "@streamoid/icons";
-import { jsx as jsx100, jsxs as jsxs84 } from "react/jsx-runtime";
+import { jsx as jsx101, jsxs as jsxs85 } from "react/jsx-runtime";
 var ScInChatList = ({
   title = "Infrastructure that helps modern brands scale",
   description = "Description",
@@ -10118,33 +10242,33 @@ var ScInChatList = ({
 }) => {
   const isExpandable = descriptionVisibility === "hidden" || descriptionVisibility === "visible";
   const isExpanded = descriptionVisibility === "visible";
-  return /* @__PURE__ */ jsxs84(
+  return /* @__PURE__ */ jsxs85(
     "div",
     {
       className: ScInChatList_default.scInChatList + (className ? " " + className : ""),
       style,
       children: [
-        leadingIndicator && /* @__PURE__ */ jsx100("div", { className: ScInChatList_default.indicatorWrapper, children: /* @__PURE__ */ jsx100(ScThinkingStepIcon, { state: iconState }) }),
-        /* @__PURE__ */ jsxs84("div", { className: ScInChatList_default.content, children: [
-          /* @__PURE__ */ jsxs84("div", { className: ScInChatList_default.headerArea, children: [
-            showSteps && /* @__PURE__ */ jsx100("p", { className: ScInChatList_default.stepCount, children: stepCount }),
-            /* @__PURE__ */ jsxs84(
+        leadingIndicator && /* @__PURE__ */ jsx101("div", { className: ScInChatList_default.indicatorWrapper, children: /* @__PURE__ */ jsx101(ScThinkingStepIcon, { state: iconState }) }),
+        /* @__PURE__ */ jsxs85("div", { className: ScInChatList_default.content, children: [
+          /* @__PURE__ */ jsxs85("div", { className: ScInChatList_default.headerArea, children: [
+            showSteps && /* @__PURE__ */ jsx101("p", { className: ScInChatList_default.stepCount, children: stepCount }),
+            /* @__PURE__ */ jsxs85(
               "div",
               {
                 className: ScInChatList_default.titleRow + " " + (isExpandable ? ScInChatList_default.titleRowClickable : ScInChatList_default.titleRowStatic),
                 onClick: isExpandable ? onToggle : void 0,
                 children: [
-                  /* @__PURE__ */ jsx100("p", { className: ScInChatList_default.title, children: title }),
-                  isExpandable && /* @__PURE__ */ jsx100("div", { className: ScInChatList_default.chevronWrapper, children: isExpanded ? /* @__PURE__ */ jsx100(SiconUp3, { size: 12, className: ScInChatList_default.chevronIcon }) : /* @__PURE__ */ jsx100(SiconDown3, { size: 12, className: ScInChatList_default.chevronIcon }) })
+                  /* @__PURE__ */ jsx101("p", { className: ScInChatList_default.title, children: title }),
+                  isExpandable && /* @__PURE__ */ jsx101("div", { className: ScInChatList_default.chevronWrapper, children: isExpanded ? /* @__PURE__ */ jsx101(SiconUp3, { size: 12, className: ScInChatList_default.chevronIcon }) : /* @__PURE__ */ jsx101(SiconDown3, { size: 12, className: ScInChatList_default.chevronIcon }) })
                 ]
               }
             ),
-            isExpanded && /* @__PURE__ */ jsxs84("div", { className: ScInChatList_default.descriptionRow, children: [
-              /* @__PURE__ */ jsx100("div", { className: ScInChatList_default.descriptionIcon, children: /* @__PURE__ */ jsx100(SiconDot2, { size: 20, className: ScInChatList_default.descriptionDot }) }),
-              /* @__PURE__ */ jsx100("p", { className: ScInChatList_default.descriptionText, children: description })
+            isExpanded && /* @__PURE__ */ jsxs85("div", { className: ScInChatList_default.descriptionRow, children: [
+              /* @__PURE__ */ jsx101("div", { className: ScInChatList_default.descriptionIcon, children: /* @__PURE__ */ jsx101(SiconDot2, { size: 20, className: ScInChatList_default.descriptionDot }) }),
+              /* @__PURE__ */ jsx101("p", { className: ScInChatList_default.descriptionText, children: description })
             ] })
           ] }),
-          showTool && /* @__PURE__ */ jsx100("div", { className: ScInChatList_default.toolPill, children: /* @__PURE__ */ jsx100("p", { className: ScInChatList_default.toolText, children: toolUsing }) })
+          showTool && /* @__PURE__ */ jsx101("div", { className: ScInChatList_default.toolPill, children: /* @__PURE__ */ jsx101("p", { className: ScInChatList_default.toolText, children: toolUsing }) })
         ] })
       ]
     }
@@ -10158,7 +10282,7 @@ var ScSubAgent_default = {
 };
 
 // src/SC-SubAgent/ScSubAgent.tsx
-import { jsx as jsx101 } from "react/jsx-runtime";
+import { jsx as jsx102 } from "react/jsx-runtime";
 function formatSubAgentLabel(agentName) {
   const normalized = (agentName ?? "").trim();
   if (!normalized) return "Using sub-agent...";
@@ -10171,12 +10295,12 @@ var ScSubAgent = ({
   ...props
 }) => {
   const label = text ?? formatSubAgentLabel(agentName);
-  return /* @__PURE__ */ jsx101(
+  return /* @__PURE__ */ jsx102(
     "div",
     {
       className: [ScSubAgent_default.scSubAgent, className].filter(Boolean).join(" "),
       ...props,
-      children: /* @__PURE__ */ jsx101("p", { className: ScSubAgent_default.label, children: label })
+      children: /* @__PURE__ */ jsx102("p", { className: ScSubAgent_default.label, children: label })
     }
   );
 };
@@ -10190,7 +10314,7 @@ var ScInChatMessage_default = {
 };
 
 // src/SC-InChatMessage/ScInChatMessage.tsx
-import { jsx as jsx102 } from "react/jsx-runtime";
+import { jsx as jsx103 } from "react/jsx-runtime";
 var ScInChatMessage = ({
   type = "input",
   text,
@@ -10200,13 +10324,13 @@ var ScInChatMessage = ({
   ...props
 }) => {
   const variantsClassName = ScInChatMessage_default["type-" + type];
-  return /* @__PURE__ */ jsx102(
+  return /* @__PURE__ */ jsx103(
     "div",
     {
       className: [ScInChatMessage_default.scInChatMessage, variantsClassName, className].filter(Boolean).join(" "),
       id,
       ...props,
-      children: /* @__PURE__ */ jsx102("p", { className: ScInChatMessage_default.text, children: children ?? text })
+      children: /* @__PURE__ */ jsx103("p", { className: ScInChatMessage_default.text, children: children ?? text })
     }
   );
 };
@@ -10223,7 +10347,7 @@ var ScSelection_default = {
 };
 
 // src/SC-Selection/ScSelection.tsx
-import { jsx as jsx103, jsxs as jsxs85 } from "react/jsx-runtime";
+import { jsx as jsx104, jsxs as jsxs86 } from "react/jsx-runtime";
 var ScSelection = ({
   title = "Title",
   description = "Description",
@@ -10239,23 +10363,23 @@ var ScSelection = ({
     onClick?.(event);
     onSelect?.(value);
   };
-  return /* @__PURE__ */ jsxs85(
+  return /* @__PURE__ */ jsxs86(
     "div",
     {
       className: [ScSelection_default.scSelection, variantsClassName, className].filter(Boolean).join(" "),
       onClick: handleClick,
       ...props,
       children: [
-        /* @__PURE__ */ jsx103(
+        /* @__PURE__ */ jsx104(
           ScRadio,
           {
             state: active ? "selected" : "default",
             className: ScSelection_default.scRadioInstance
           }
         ),
-        /* @__PURE__ */ jsxs85("div", { className: ScSelection_default.wrapper, children: [
-          /* @__PURE__ */ jsx103("p", { className: ScSelection_default.title, children: title }),
-          description && /* @__PURE__ */ jsx103("p", { className: ScSelection_default.description, children: description })
+        /* @__PURE__ */ jsxs86("div", { className: ScSelection_default.wrapper, children: [
+          /* @__PURE__ */ jsx104("p", { className: ScSelection_default.title, children: title }),
+          description && /* @__PURE__ */ jsx104("p", { className: ScSelection_default.description, children: description })
         ] })
       ]
     }
@@ -10282,7 +10406,7 @@ var ScSelectionList_default = {
 };
 
 // src/SC-SelectionList/ScSelectionList.tsx
-import { jsx as jsx104, jsxs as jsxs86 } from "react/jsx-runtime";
+import { jsx as jsx105, jsxs as jsxs87 } from "react/jsx-runtime";
 var ScSelectionList = ({
   state = "default",
   label = "Suggested Colours: ",
@@ -10305,14 +10429,14 @@ var ScSelectionList = ({
     onChange?.(next);
     if (next === "rejected") onReject?.();
   };
-  return /* @__PURE__ */ jsxs86(
+  return /* @__PURE__ */ jsxs87(
     "div",
     {
       className: ScSelectionList_default.scSelectionList + (disabled ? " " + ScSelectionList_default.disabled : "") + (className ? " " + className : "") + " " + variantsClassName,
       ...props,
       children: [
-        /* @__PURE__ */ jsxs86("div", { className: ScSelectionList_default.toggles, children: [
-          /* @__PURE__ */ jsx104(
+        /* @__PURE__ */ jsxs87("div", { className: ScSelectionList_default.toggles, children: [
+          /* @__PURE__ */ jsx105(
             "button",
             {
               type: "button",
@@ -10321,7 +10445,7 @@ var ScSelectionList = ({
               disabled,
               "aria-pressed": state === "approved",
               "aria-label": state === "approved" ? "Revoke approval" : "Approve",
-              children: /* @__PURE__ */ jsx104(
+              children: /* @__PURE__ */ jsx105(
                 "svg",
                 {
                   className: ScSelectionList_default.checkIcon,
@@ -10330,7 +10454,7 @@ var ScSelectionList = ({
                   viewBox: "0 0 8 6",
                   fill: "none",
                   xmlns: "http://www.w3.org/2000/svg",
-                  children: /* @__PURE__ */ jsx104(
+                  children: /* @__PURE__ */ jsx105(
                     "path",
                     {
                       d: "M0.5 3.5L2.5 5.5L7.5 0.5",
@@ -10343,7 +10467,7 @@ var ScSelectionList = ({
               )
             }
           ),
-          /* @__PURE__ */ jsx104(
+          /* @__PURE__ */ jsx105(
             "button",
             {
               type: "button",
@@ -10352,7 +10476,7 @@ var ScSelectionList = ({
               disabled,
               "aria-pressed": state === "rejected",
               "aria-label": state === "rejected" ? "Revoke rejection" : "Reject",
-              children: /* @__PURE__ */ jsx104(
+              children: /* @__PURE__ */ jsx105(
                 "svg",
                 {
                   className: ScSelectionList_default.closeIcon,
@@ -10361,7 +10485,7 @@ var ScSelectionList = ({
                   viewBox: "0 0 6.24261 6.24262",
                   fill: "none",
                   xmlns: "http://www.w3.org/2000/svg",
-                  children: /* @__PURE__ */ jsx104(
+                  children: /* @__PURE__ */ jsx105(
                     "path",
                     {
                       d: "M0.5 5.74262L3.12132 3.12132M3.12132 3.12132L5.74261 0.5M3.12132 3.12132L0.5 0.5M3.12132 3.12132L5.74261 5.74262",
@@ -10375,9 +10499,9 @@ var ScSelectionList = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx104("div", { className: ScSelectionList_default.content, children: /* @__PURE__ */ jsxs86("div", { className: ScSelectionList_default.row, children: [
-          /* @__PURE__ */ jsx104("span", { className: ScSelectionList_default.label, children: label }),
-          /* @__PURE__ */ jsx104("span", { className: ScSelectionList_default.valuesPill, children: /* @__PURE__ */ jsx104("span", { className: ScSelectionList_default.valuesText, children: optionValues }) })
+        /* @__PURE__ */ jsx105("div", { className: ScSelectionList_default.content, children: /* @__PURE__ */ jsxs87("div", { className: ScSelectionList_default.row, children: [
+          /* @__PURE__ */ jsx105("span", { className: ScSelectionList_default.label, children: label }),
+          /* @__PURE__ */ jsx105("span", { className: ScSelectionList_default.valuesPill, children: /* @__PURE__ */ jsx105("span", { className: ScSelectionList_default.valuesText, children: optionValues }) })
         ] }) })
       ]
     }
@@ -10404,7 +10528,7 @@ var ScTextArea_default = {
 };
 
 // src/SC-textArea/ScTextArea.tsx
-import { jsx as jsx105, jsxs as jsxs87 } from "react/jsx-runtime";
+import { jsx as jsx106, jsxs as jsxs88 } from "react/jsx-runtime";
 var ScTextArea = ({
   state,
   labelGroup = "",
@@ -10419,23 +10543,23 @@ var ScTextArea = ({
   const derivedState = state ?? (props.disabled ? "disabled" : focused ? "active" : (props.value !== void 0 ? String(props.value).length > 0 : false) ? "filled" : "default");
   const stateClass = ScTextArea_default["state-" + derivedState];
   const labelGroupClass = ScTextArea_default["label-group-" + (labelGroup || "none")];
-  return /* @__PURE__ */ jsxs87(
+  return /* @__PURE__ */ jsxs88(
     "div",
     {
       className: [ScTextArea_default.scTextArea, stateClass, labelGroupClass, className].filter(Boolean).join(" "),
       style,
       children: [
-        labelGroup && /* @__PURE__ */ jsxs87("div", { className: ScTextArea_default.labelContainer, children: [
-          /* @__PURE__ */ jsxs87("div", { className: ScTextArea_default.label, children: [
+        labelGroup && /* @__PURE__ */ jsxs88("div", { className: ScTextArea_default.labelContainer, children: [
+          /* @__PURE__ */ jsxs88("div", { className: ScTextArea_default.label, children: [
             label,
             " "
           ] }),
-          labelGroup === "text" && /* @__PURE__ */ jsxs87("div", { className: ScTextArea_default.info, children: [
+          labelGroup === "text" && /* @__PURE__ */ jsxs88("div", { className: ScTextArea_default.info, children: [
             info,
             " "
           ] })
         ] }),
-        /* @__PURE__ */ jsx105("div", { className: ScTextArea_default.inputContainer, children: /* @__PURE__ */ jsx105(
+        /* @__PURE__ */ jsx106("div", { className: ScTextArea_default.inputContainer, children: /* @__PURE__ */ jsx106(
           "textarea",
           {
             className: ScTextArea_default.inputText,
@@ -10457,7 +10581,7 @@ var ScTextArea = ({
 };
 
 // src/SC-select/ScSelect.tsx
-import { useState as useState20, useRef as useRef8, useEffect as useEffect8 } from "react";
+import { useState as useState20, useRef as useRef9, useEffect as useEffect9 } from "react";
 
 // src/SC-select/ScSelect.module.css
 var ScSelect_default = {
@@ -10482,7 +10606,7 @@ var ScSelect_default = {
 };
 
 // src/SC-select/ScSelect.tsx
-import { jsx as jsx106, jsxs as jsxs88 } from "react/jsx-runtime";
+import { jsx as jsx107, jsxs as jsxs89 } from "react/jsx-runtime";
 var ScSelect = (props) => {
   const {
     value,
@@ -10495,8 +10619,8 @@ var ScSelect = (props) => {
     className
   } = props;
   const [open, setOpen] = useState20(false);
-  const rootRef = useRef8(null);
-  useEffect8(() => {
+  const rootRef = useRef9(null);
+  useEffect9(() => {
     if (!open) return;
     const handleClick = (e) => {
       if (rootRef.current && !rootRef.current.contains(e.target)) {
@@ -10522,10 +10646,10 @@ var ScSelect = (props) => {
     labelGroup ? ScSelect_default["label-group-" + labelGroup] : void 0,
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs88("div", { className: rootClass, ref: rootRef, children: [
-    labelGroup === "label" && label ? /* @__PURE__ */ jsx106("div", { className: ScSelect_default.labelContainer, children: /* @__PURE__ */ jsx106("div", { className: ScSelect_default.label, children: label }) }) : null,
-    /* @__PURE__ */ jsxs88("div", { className: ScSelect_default.selectArea, children: [
-      /* @__PURE__ */ jsxs88(
+  return /* @__PURE__ */ jsxs89("div", { className: rootClass, ref: rootRef, children: [
+    labelGroup === "label" && label ? /* @__PURE__ */ jsx107("div", { className: ScSelect_default.labelContainer, children: /* @__PURE__ */ jsx107("div", { className: ScSelect_default.label, children: label }) }) : null,
+    /* @__PURE__ */ jsxs89("div", { className: ScSelect_default.selectArea, children: [
+      /* @__PURE__ */ jsxs89(
         "button",
         {
           type: "button",
@@ -10535,18 +10659,18 @@ var ScSelect = (props) => {
           "aria-haspopup": "listbox",
           "aria-expanded": open,
           children: [
-            /* @__PURE__ */ jsx106(
+            /* @__PURE__ */ jsx107(
               "span",
               {
                 className: [ScSelect_default.triggerText, selected ? void 0 : ScSelect_default.placeholder].filter(Boolean).join(" "),
                 children: selected ? selected.label : placeholder
               }
             ),
-            /* @__PURE__ */ jsx106(
+            /* @__PURE__ */ jsx107(
               "span",
               {
                 className: [ScSelect_default.chevron, open ? ScSelect_default.chevronOpen : void 0].filter(Boolean).join(" "),
-                children: /* @__PURE__ */ jsx106("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx106(
+                children: /* @__PURE__ */ jsx107("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx107(
                   "path",
                   {
                     d: "M5 7.5L10 12.5L15 7.5",
@@ -10561,13 +10685,13 @@ var ScSelect = (props) => {
           ]
         }
       ),
-      open ? /* @__PURE__ */ jsx106("div", { className: ScSelect_default.menu, role: "listbox", children: options.map((option) => {
+      open ? /* @__PURE__ */ jsx107("div", { className: ScSelect_default.menu, role: "listbox", children: options.map((option) => {
         const isSelected = option.id === value;
         const optionClass = [
           ScSelect_default.option,
           isSelected ? ScSelect_default["option-selected"] : void 0
         ].filter(Boolean).join(" ");
-        return /* @__PURE__ */ jsxs88(
+        return /* @__PURE__ */ jsxs89(
           "div",
           {
             className: optionClass,
@@ -10575,8 +10699,8 @@ var ScSelect = (props) => {
             "aria-selected": isSelected,
             onClick: () => handleSelect(option.id),
             children: [
-              /* @__PURE__ */ jsx106("span", { className: ScSelect_default.optionLabel, children: option.label }),
-              option.description ? /* @__PURE__ */ jsx106("span", { className: ScSelect_default.optionDescription, children: option.description }) : null
+              /* @__PURE__ */ jsx107("span", { className: ScSelect_default.optionLabel, children: option.label }),
+              option.description ? /* @__PURE__ */ jsx107("span", { className: ScSelect_default.optionDescription, children: option.description }) : null
             ]
           },
           option.id
@@ -10587,7 +10711,7 @@ var ScSelect = (props) => {
 };
 
 // src/SC-fileField/ScFileField.tsx
-import { useRef as useRef9 } from "react";
+import { useRef as useRef10 } from "react";
 
 // src/SC-fileField/ScFileField.module.css
 var ScFileField_default = {
@@ -10611,7 +10735,7 @@ var ScFileField_default = {
 };
 
 // src/SC-fileField/ScFileField.tsx
-import { jsx as jsx107, jsxs as jsxs89 } from "react/jsx-runtime";
+import { jsx as jsx108, jsxs as jsxs90 } from "react/jsx-runtime";
 var ScFileField = (props) => {
   const {
     onFileSelect,
@@ -10625,7 +10749,7 @@ var ScFileField = (props) => {
     label,
     className
   } = props;
-  const inputRef = useRef9(null);
+  const inputRef = useRef10(null);
   const hasFile = Boolean(fileName);
   const isUploading = Boolean(uploading);
   const clampedProgress = Math.max(0, Math.min(100, progress));
@@ -10634,7 +10758,7 @@ var ScFileField = (props) => {
       onFileSelect(e.target.files);
     }
   };
-  const uploadIcon = /* @__PURE__ */ jsxs89(
+  const uploadIcon = /* @__PURE__ */ jsxs90(
     "svg",
     {
       className: ScFileField_default.uploadIcon,
@@ -10648,13 +10772,13 @@ var ScFileField = (props) => {
       strokeLinejoin: "round",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx107("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
-        /* @__PURE__ */ jsx107("path", { d: "M12 16V4" }),
-        /* @__PURE__ */ jsx107("path", { d: "M7 9l5-5 5 5" })
+        /* @__PURE__ */ jsx108("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+        /* @__PURE__ */ jsx108("path", { d: "M12 16V4" }),
+        /* @__PURE__ */ jsx108("path", { d: "M7 9l5-5 5 5" })
       ]
     }
   );
-  const fileIcon = /* @__PURE__ */ jsxs89(
+  const fileIcon = /* @__PURE__ */ jsxs90(
     "svg",
     {
       className: ScFileField_default.fileIcon,
@@ -10668,12 +10792,12 @@ var ScFileField = (props) => {
       strokeLinejoin: "round",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx107("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
-        /* @__PURE__ */ jsx107("path", { d: "M14 2v6h6" })
+        /* @__PURE__ */ jsx108("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+        /* @__PURE__ */ jsx108("path", { d: "M14 2v6h6" })
       ]
     }
   );
-  const clearIcon = /* @__PURE__ */ jsxs89(
+  const clearIcon = /* @__PURE__ */ jsxs90(
     "svg",
     {
       width: "20",
@@ -10686,20 +10810,20 @@ var ScFileField = (props) => {
       strokeLinejoin: "round",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx107("path", { d: "M18 6L6 18" }),
-        /* @__PURE__ */ jsx107("path", { d: "M6 6l12 12" })
+        /* @__PURE__ */ jsx108("path", { d: "M18 6L6 18" }),
+        /* @__PURE__ */ jsx108("path", { d: "M6 6l12 12" })
       ]
     }
   );
   const rootClass = [ScFileField_default.scFileField, className].filter(Boolean).join(" ");
   const showRow = hasFile || isUploading;
-  return /* @__PURE__ */ jsxs89("div", { className: rootClass, children: [
-    label ? /* @__PURE__ */ jsx107("div", { className: ScFileField_default.labelContainer, children: /* @__PURE__ */ jsx107("div", { className: ScFileField_default.label, children: label }) }) : null,
-    showRow ? /* @__PURE__ */ jsxs89("div", { className: ScFileField_default.inputContainer, children: [
+  return /* @__PURE__ */ jsxs90("div", { className: rootClass, children: [
+    label ? /* @__PURE__ */ jsx108("div", { className: ScFileField_default.labelContainer, children: /* @__PURE__ */ jsx108("div", { className: ScFileField_default.label, children: label }) }) : null,
+    showRow ? /* @__PURE__ */ jsxs90("div", { className: ScFileField_default.inputContainer, children: [
       fileIcon,
-      /* @__PURE__ */ jsxs89("div", { className: ScFileField_default.fileInfo, children: [
-        /* @__PURE__ */ jsx107("span", { className: ScFileField_default.fileName, children: fileName }),
-        isUploading ? /* @__PURE__ */ jsx107("div", { className: ScFileField_default.progressTrack, children: /* @__PURE__ */ jsx107(
+      /* @__PURE__ */ jsxs90("div", { className: ScFileField_default.fileInfo, children: [
+        /* @__PURE__ */ jsx108("span", { className: ScFileField_default.fileName, children: fileName }),
+        isUploading ? /* @__PURE__ */ jsx108("div", { className: ScFileField_default.progressTrack, children: /* @__PURE__ */ jsx108(
           "div",
           {
             className: ScFileField_default.progressFill,
@@ -10707,7 +10831,7 @@ var ScFileField = (props) => {
           }
         ) }) : null
       ] }),
-      !isUploading ? /* @__PURE__ */ jsx107(
+      !isUploading ? /* @__PURE__ */ jsx108(
         "button",
         {
           type: "button",
@@ -10717,8 +10841,8 @@ var ScFileField = (props) => {
           children: clearIcon
         }
       ) : null
-    ] }) : /* @__PURE__ */ jsxs89("label", { className: ScFileField_default.dropzone, children: [
-      /* @__PURE__ */ jsx107(
+    ] }) : /* @__PURE__ */ jsxs90("label", { className: ScFileField_default.dropzone, children: [
+      /* @__PURE__ */ jsx108(
         "input",
         {
           ref: inputRef,
@@ -10730,21 +10854,21 @@ var ScFileField = (props) => {
         }
       ),
       uploadIcon,
-      /* @__PURE__ */ jsxs89("div", { className: ScFileField_default.dropzoneText, children: [
-        /* @__PURE__ */ jsx107("span", { className: ScFileField_default.dropzoneAction, children: "Click to upload" }),
+      /* @__PURE__ */ jsxs90("div", { className: ScFileField_default.dropzoneText, children: [
+        /* @__PURE__ */ jsx108("span", { className: ScFileField_default.dropzoneAction, children: "Click to upload" }),
         " or drag and drop"
       ] }),
-      accept ? /* @__PURE__ */ jsxs89("div", { className: ScFileField_default.acceptedText, children: [
+      accept ? /* @__PURE__ */ jsxs90("div", { className: ScFileField_default.acceptedText, children: [
         "Accepted: ",
         accept
       ] }) : null
     ] }),
-    error ? /* @__PURE__ */ jsx107("div", { className: ScFileField_default.errorText, children: error }) : null
+    error ? /* @__PURE__ */ jsx108("div", { className: ScFileField_default.errorText, children: error }) : null
   ] });
 };
 
 // src/SC-mediaApproval/ScMediaApproval.tsx
-import { useState as useState21, useEffect as useEffect9 } from "react";
+import { useState as useState21, useEffect as useEffect10 } from "react";
 
 // src/SC-mediaApproval/ScMediaApproval.module.css
 var ScMediaApproval_default = {
@@ -10769,7 +10893,7 @@ var ScMediaApproval_default = {
 };
 
 // src/SC-mediaApproval/ScMediaApproval.tsx
-import { Fragment as Fragment27, jsx as jsx108, jsxs as jsxs90 } from "react/jsx-runtime";
+import { Fragment as Fragment27, jsx as jsx109, jsxs as jsxs91 } from "react/jsx-runtime";
 var VIDEO_EXT = /\.(mp4|webm|ogg|mov|m4v)(\?.*)?$/i;
 var isVideoUrl = (url, mediaType) => {
   if (mediaType === "video") return true;
@@ -10793,7 +10917,7 @@ var ScMediaApproval = (props) => {
   const total = mediaUrls.length;
   const [index, setIndex] = useState21(activeIndex ?? 0);
   const [mediaLoading, setMediaLoading] = useState21(false);
-  useEffect9(() => {
+  useEffect10(() => {
     if (typeof activeIndex === "number") {
       setIndex(activeIndex);
     }
@@ -10811,9 +10935,9 @@ var ScMediaApproval = (props) => {
   const handlePreview = () => {
     if (currentUrl && onPreview) onPreview(currentUrl);
   };
-  return /* @__PURE__ */ jsxs90("div", { className: [ScMediaApproval_default.scMediaApproval, className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ jsxs90("div", { className: ScMediaApproval_default.mediaFrame, children: [
-      currentUrl ? currentIsVideo ? /* @__PURE__ */ jsx108(
+  return /* @__PURE__ */ jsxs91("div", { className: [ScMediaApproval_default.scMediaApproval, className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ jsxs91("div", { className: ScMediaApproval_default.mediaFrame, children: [
+      currentUrl ? currentIsVideo ? /* @__PURE__ */ jsx109(
         "video",
         {
           className: ScMediaApproval_default.media,
@@ -10822,7 +10946,7 @@ var ScMediaApproval = (props) => {
           onClick: handlePreview,
           onLoadedData: () => setMediaLoading(false)
         }
-      ) : /* @__PURE__ */ jsx108(
+      ) : /* @__PURE__ */ jsx109(
         "img",
         {
           className: ScMediaApproval_default.media,
@@ -10831,8 +10955,8 @@ var ScMediaApproval = (props) => {
           onClick: handlePreview,
           onLoad: () => setMediaLoading(false)
         }
-      ) : /* @__PURE__ */ jsx108("div", { className: ScMediaApproval_default.mediaEmpty }),
-      (loading || mediaLoading) && /* @__PURE__ */ jsx108("div", { className: ScMediaApproval_default.spinnerOverlay, children: /* @__PURE__ */ jsx108(
+      ) : /* @__PURE__ */ jsx109("div", { className: ScMediaApproval_default.mediaEmpty }),
+      (loading || mediaLoading) && /* @__PURE__ */ jsx109("div", { className: ScMediaApproval_default.spinnerOverlay, children: /* @__PURE__ */ jsx109(
         "svg",
         {
           className: ScMediaApproval_default.spinner,
@@ -10840,7 +10964,7 @@ var ScMediaApproval = (props) => {
           height: "32",
           viewBox: "0 0 24 24",
           fill: "none",
-          children: /* @__PURE__ */ jsx108(
+          children: /* @__PURE__ */ jsx109(
             "path",
             {
               d: "M12 3a9 9 0 1 0 9 9",
@@ -10851,15 +10975,15 @@ var ScMediaApproval = (props) => {
           )
         }
       ) }),
-      total > 1 && /* @__PURE__ */ jsxs90(Fragment27, { children: [
-        /* @__PURE__ */ jsx108(
+      total > 1 && /* @__PURE__ */ jsxs91(Fragment27, { children: [
+        /* @__PURE__ */ jsx109(
           "button",
           {
             type: "button",
             className: [ScMediaApproval_default.navButton, ScMediaApproval_default.navPrev].join(" "),
             "aria-label": "Previous",
             onClick: () => goTo(safeIndex - 1),
-            children: /* @__PURE__ */ jsx108("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx108(
+            children: /* @__PURE__ */ jsx109("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx109(
               "path",
               {
                 d: "M15 6L9 12L15 18",
@@ -10871,14 +10995,14 @@ var ScMediaApproval = (props) => {
             ) })
           }
         ),
-        /* @__PURE__ */ jsx108(
+        /* @__PURE__ */ jsx109(
           "button",
           {
             type: "button",
             className: [ScMediaApproval_default.navButton, ScMediaApproval_default.navNext].join(" "),
             "aria-label": "Next",
             onClick: () => goTo(safeIndex + 1),
-            children: /* @__PURE__ */ jsx108("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx108(
+            children: /* @__PURE__ */ jsx109("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx109(
               "path",
               {
                 d: "M9 6L15 12L9 18",
@@ -10890,12 +11014,12 @@ var ScMediaApproval = (props) => {
             ) })
           }
         ),
-        /* @__PURE__ */ jsxs90("div", { className: ScMediaApproval_default.counterBadge, children: [
+        /* @__PURE__ */ jsxs91("div", { className: ScMediaApproval_default.counterBadge, children: [
           safeIndex + 1,
           " / ",
           total
         ] }),
-        /* @__PURE__ */ jsx108("div", { className: ScMediaApproval_default.dots, children: mediaUrls.map((_, i) => /* @__PURE__ */ jsx108(
+        /* @__PURE__ */ jsx109("div", { className: ScMediaApproval_default.dots, children: mediaUrls.map((_, i) => /* @__PURE__ */ jsx109(
           "button",
           {
             type: "button",
@@ -10910,9 +11034,9 @@ var ScMediaApproval = (props) => {
         )) })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs90("div", { className: ScMediaApproval_default.feedbackBlock, children: [
-      /* @__PURE__ */ jsx108("div", { className: ScMediaApproval_default.label, children: feedbackLabel }),
-      /* @__PURE__ */ jsx108("div", { className: ScMediaApproval_default.inputContainer, children: /* @__PURE__ */ jsx108(
+    /* @__PURE__ */ jsxs91("div", { className: ScMediaApproval_default.feedbackBlock, children: [
+      /* @__PURE__ */ jsx109("div", { className: ScMediaApproval_default.label, children: feedbackLabel }),
+      /* @__PURE__ */ jsx109("div", { className: ScMediaApproval_default.inputContainer, children: /* @__PURE__ */ jsx109(
         "textarea",
         {
           className: ScMediaApproval_default.textArea,
@@ -10948,8 +11072,8 @@ var ScMediaSelect_default = {
 };
 
 // src/SC-mediaSelect/ScMediaSelect.tsx
-import { jsx as jsx109, jsxs as jsxs91 } from "react/jsx-runtime";
-var CheckBadge = () => /* @__PURE__ */ jsx109("span", { className: ScMediaSelect_default.checkBadge, children: /* @__PURE__ */ jsx109("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx109(
+import { jsx as jsx110, jsxs as jsxs92 } from "react/jsx-runtime";
+var CheckBadge = () => /* @__PURE__ */ jsx110("span", { className: ScMediaSelect_default.checkBadge, children: /* @__PURE__ */ jsx110("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx110(
   "path",
   {
     d: "M3.5 7.25L6 9.75L10.5 4.75",
@@ -10959,7 +11083,7 @@ var CheckBadge = () => /* @__PURE__ */ jsx109("span", { className: ScMediaSelect
     strokeLinejoin: "round"
   }
 ) }) });
-var MaximizeIcon = () => /* @__PURE__ */ jsx109("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx109(
+var MaximizeIcon = () => /* @__PURE__ */ jsx110("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx110(
   "path",
   {
     d: "M15 3H21V9M9 21H3V15M21 3L14 10M3 21L10 14",
@@ -10989,11 +11113,11 @@ var ScMediaSelect = (props) => {
   let countLabel = selectedCount + " of " + total + " selected";
   if (min > 0) countLabel += " (min " + min + ")";
   if (resolvedMax < total) countLabel += " (max " + resolvedMax + ")";
-  return /* @__PURE__ */ jsxs91("div", { className: [ScMediaSelect_default.scMediaSelect, className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ jsxs91("div", { className: ScMediaSelect_default.header, children: [
-      /* @__PURE__ */ jsx109("span", { className: ScMediaSelect_default.countLabel, children: countLabel }),
-      /* @__PURE__ */ jsxs91("div", { className: ScMediaSelect_default.actions, children: [
-        /* @__PURE__ */ jsx109(
+  return /* @__PURE__ */ jsxs92("div", { className: [ScMediaSelect_default.scMediaSelect, className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ jsxs92("div", { className: ScMediaSelect_default.header, children: [
+      /* @__PURE__ */ jsx110("span", { className: ScMediaSelect_default.countLabel, children: countLabel }),
+      /* @__PURE__ */ jsxs92("div", { className: ScMediaSelect_default.actions, children: [
+        /* @__PURE__ */ jsx110(
           "button",
           {
             type: "button",
@@ -11002,8 +11126,8 @@ var ScMediaSelect = (props) => {
             children: "Select all"
           }
         ),
-        /* @__PURE__ */ jsx109("span", { className: ScMediaSelect_default.divider, children: "|" }),
-        /* @__PURE__ */ jsx109(
+        /* @__PURE__ */ jsx110("span", { className: ScMediaSelect_default.divider, children: "|" }),
+        /* @__PURE__ */ jsx110(
           "button",
           {
             type: "button",
@@ -11014,13 +11138,13 @@ var ScMediaSelect = (props) => {
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx109("div", { className: ScMediaSelect_default.grid, children: items.map((url, index) => {
+    /* @__PURE__ */ jsx110("div", { className: ScMediaSelect_default.grid, children: items.map((url, index) => {
       const isSelected = selectedSet.has(url);
       const itemClass = [
         ScMediaSelect_default.item,
         isSelected ? ScMediaSelect_default["state-selected"] : ScMediaSelect_default["state-default"]
       ].filter(Boolean).join(" ");
-      return /* @__PURE__ */ jsxs91(
+      return /* @__PURE__ */ jsxs92(
         "div",
         {
           className: itemClass,
@@ -11029,9 +11153,9 @@ var ScMediaSelect = (props) => {
           tabIndex: 0,
           "aria-pressed": isSelected,
           children: [
-            mediaType === "video" ? /* @__PURE__ */ jsx109("video", { className: ScMediaSelect_default.media, src: url, muted: true, playsInline: true }) : /* @__PURE__ */ jsx109("img", { className: ScMediaSelect_default.media, src: url, alt: "" }),
-            isSelected && /* @__PURE__ */ jsx109(CheckBadge, {}),
-            onPreview && /* @__PURE__ */ jsx109(
+            mediaType === "video" ? /* @__PURE__ */ jsx110("video", { className: ScMediaSelect_default.media, src: url, muted: true, playsInline: true }) : /* @__PURE__ */ jsx110("img", { className: ScMediaSelect_default.media, src: url, alt: "" }),
+            isSelected && /* @__PURE__ */ jsx110(CheckBadge, {}),
+            onPreview && /* @__PURE__ */ jsx110(
               "button",
               {
                 type: "button",
@@ -11041,7 +11165,7 @@ var ScMediaSelect = (props) => {
                   onPreview(url);
                 },
                 "aria-label": "Preview",
-                children: /* @__PURE__ */ jsx109(MaximizeIcon, {})
+                children: /* @__PURE__ */ jsx110(MaximizeIcon, {})
               }
             )
           ]
@@ -11076,7 +11200,7 @@ var ScTodoList_default = {
 };
 
 // src/SC-todoList/ScTodoList.tsx
-import { jsx as jsx110, jsxs as jsxs92 } from "react/jsx-runtime";
+import { jsx as jsx111, jsxs as jsxs93 } from "react/jsx-runtime";
 var ScTodoList = ({
   items = [],
   onToggle,
@@ -11110,9 +11234,9 @@ var ScTodoList = ({
     onAdd?.(newValue);
     setNewValue("");
   };
-  return /* @__PURE__ */ jsxs92("div", { className: [ScTodoList_default.scTodoList, className].filter(Boolean).join(" "), children: [
-    total > 0 && /* @__PURE__ */ jsxs92("div", { className: ScTodoList_default.progress, children: [
-      /* @__PURE__ */ jsx110(
+  return /* @__PURE__ */ jsxs93("div", { className: [ScTodoList_default.scTodoList, className].filter(Boolean).join(" "), children: [
+    total > 0 && /* @__PURE__ */ jsxs93("div", { className: ScTodoList_default.progress, children: [
+      /* @__PURE__ */ jsx111(
         "svg",
         {
           className: ScTodoList_default.progressIcon,
@@ -11121,7 +11245,7 @@ var ScTodoList = ({
           viewBox: "0 0 14 14",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg",
-          children: /* @__PURE__ */ jsx110(
+          children: /* @__PURE__ */ jsx111(
             "path",
             {
               d: "M3 7L6 10L11 4",
@@ -11133,25 +11257,25 @@ var ScTodoList = ({
           )
         }
       ),
-      /* @__PURE__ */ jsxs92("span", { className: ScTodoList_default.progressText, children: [
+      /* @__PURE__ */ jsxs93("span", { className: ScTodoList_default.progressText, children: [
         completed,
         " of ",
         total,
         " completed"
       ] })
     ] }),
-    /* @__PURE__ */ jsx110("div", { className: ScTodoList_default.rows, children: items.map((item) => {
+    /* @__PURE__ */ jsx111("div", { className: ScTodoList_default.rows, children: items.map((item) => {
       const isEditing = editingId === item.id;
       const isCompleted = item.status === "completed";
-      return /* @__PURE__ */ jsxs92("div", { className: ScTodoList_default.row, children: [
-        /* @__PURE__ */ jsx110(
+      return /* @__PURE__ */ jsxs93("div", { className: ScTodoList_default.row, children: [
+        /* @__PURE__ */ jsx111(
           "button",
           {
             type: "button",
             className: ScTodoList_default.checkbox,
             "aria-label": isCompleted ? "Mark as pending" : "Mark as completed",
             onClick: () => onToggle?.(item.id),
-            children: isCompleted ? /* @__PURE__ */ jsxs92(
+            children: isCompleted ? /* @__PURE__ */ jsxs93(
               "svg",
               {
                 width: "18",
@@ -11160,8 +11284,8 @@ var ScTodoList = ({
                 fill: "none",
                 xmlns: "http://www.w3.org/2000/svg",
                 children: [
-                  /* @__PURE__ */ jsx110("circle", { cx: "9", cy: "9", r: "9", fill: "var(--alias-fill-base-base, #f5f5f5)" }),
-                  /* @__PURE__ */ jsx110(
+                  /* @__PURE__ */ jsx111("circle", { cx: "9", cy: "9", r: "9", fill: "var(--alias-fill-base-base, #f5f5f5)" }),
+                  /* @__PURE__ */ jsx111(
                     "path",
                     {
                       d: "M5.25 9L7.75 11.5L12.75 6.5",
@@ -11173,7 +11297,7 @@ var ScTodoList = ({
                   )
                 ]
               }
-            ) : /* @__PURE__ */ jsx110(
+            ) : /* @__PURE__ */ jsx111(
               "svg",
               {
                 width: "18",
@@ -11181,7 +11305,7 @@ var ScTodoList = ({
                 viewBox: "0 0 18 18",
                 fill: "none",
                 xmlns: "http://www.w3.org/2000/svg",
-                children: /* @__PURE__ */ jsx110(
+                children: /* @__PURE__ */ jsx111(
                   "circle",
                   {
                     cx: "9",
@@ -11195,7 +11319,7 @@ var ScTodoList = ({
             )
           }
         ),
-        isEditing ? /* @__PURE__ */ jsx110(
+        isEditing ? /* @__PURE__ */ jsx111(
           "input",
           {
             className: ScTodoList_default.editInput,
@@ -11213,7 +11337,7 @@ var ScTodoList = ({
               }
             }
           }
-        ) : /* @__PURE__ */ jsx110(
+        ) : /* @__PURE__ */ jsx111(
           "span",
           {
             className: [
@@ -11223,15 +11347,15 @@ var ScTodoList = ({
             children: item.content
           }
         ),
-        !isEditing && /* @__PURE__ */ jsxs92("div", { className: ScTodoList_default.actions, children: [
-          /* @__PURE__ */ jsx110(
+        !isEditing && /* @__PURE__ */ jsxs93("div", { className: ScTodoList_default.actions, children: [
+          /* @__PURE__ */ jsx111(
             "button",
             {
               type: "button",
               className: ScTodoList_default.actionButton,
               "aria-label": "Edit item",
               onClick: () => startEditing(item),
-              children: /* @__PURE__ */ jsx110(
+              children: /* @__PURE__ */ jsx111(
                 "svg",
                 {
                   width: "16",
@@ -11239,7 +11363,7 @@ var ScTodoList = ({
                   viewBox: "0 0 16 16",
                   fill: "none",
                   xmlns: "http://www.w3.org/2000/svg",
-                  children: /* @__PURE__ */ jsx110(
+                  children: /* @__PURE__ */ jsx111(
                     "path",
                     {
                       d: "M11.333 2.667a1.414 1.414 0 0 1 2 2L5.333 12.667l-2.667.667.667-2.667 8-8Z",
@@ -11253,14 +11377,14 @@ var ScTodoList = ({
               )
             }
           ),
-          /* @__PURE__ */ jsx110(
+          /* @__PURE__ */ jsx111(
             "button",
             {
               type: "button",
               className: [ScTodoList_default.actionButton, ScTodoList_default.actionButtonDanger].filter(Boolean).join(" "),
               "aria-label": "Delete item",
               onClick: () => onDelete?.(item.id),
-              children: /* @__PURE__ */ jsx110(
+              children: /* @__PURE__ */ jsx111(
                 "svg",
                 {
                   width: "16",
@@ -11268,7 +11392,7 @@ var ScTodoList = ({
                   viewBox: "0 0 16 16",
                   fill: "none",
                   xmlns: "http://www.w3.org/2000/svg",
-                  children: /* @__PURE__ */ jsx110(
+                  children: /* @__PURE__ */ jsx111(
                     "path",
                     {
                       d: "M2.667 4h10.666M6.667 7.333v3.334M9.333 7.333v3.334M3.333 4l.667 8a1.333 1.333 0 0 0 1.333 1.333h5.334A1.333 1.333 0 0 0 12 12l.667-8M6 4V2.667a.667.667 0 0 1 .667-.667h2.666a.667.667 0 0 1 .667.667V4",
@@ -11285,8 +11409,8 @@ var ScTodoList = ({
         ] })
       ] }, item.id);
     }) }),
-    /* @__PURE__ */ jsxs92("div", { className: ScTodoList_default.addRow, children: [
-      /* @__PURE__ */ jsx110(
+    /* @__PURE__ */ jsxs93("div", { className: ScTodoList_default.addRow, children: [
+      /* @__PURE__ */ jsx111(
         "input",
         {
           className: ScTodoList_default.addInput,
@@ -11301,7 +11425,7 @@ var ScTodoList = ({
           }
         }
       ),
-      /* @__PURE__ */ jsx110(
+      /* @__PURE__ */ jsx111(
         "button",
         {
           type: "button",
@@ -11309,7 +11433,7 @@ var ScTodoList = ({
           "aria-label": "Add item",
           disabled: newValue.trim().length === 0,
           onClick: commitAdd,
-          children: /* @__PURE__ */ jsx110(
+          children: /* @__PURE__ */ jsx111(
             "svg",
             {
               width: "18",
@@ -11317,7 +11441,7 @@ var ScTodoList = ({
               viewBox: "0 0 18 18",
               fill: "none",
               xmlns: "http://www.w3.org/2000/svg",
-              children: /* @__PURE__ */ jsx110(
+              children: /* @__PURE__ */ jsx111(
                 "path",
                 {
                   d: "M9 4v10M4 9h10",
@@ -11344,18 +11468,18 @@ var ScRoleMobile_default = {
 };
 
 // src/SC-Role-Mobile/ScRoleMobile.tsx
-import { jsx as jsx111 } from "react/jsx-runtime";
+import { jsx as jsx112 } from "react/jsx-runtime";
 var ScRoleMobile = ({
   role = "admin",
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx111(
+  return /* @__PURE__ */ jsx112(
     "div",
     {
       className: ScRoleMobile_default.scRoleMobile + " " + ScRoleMobile_default["role-" + role] + " " + className,
       ...props,
-      children: /* @__PURE__ */ jsx111("p", { className: ScRoleMobile_default.text, children: role === "admin" ? "Admin" : "Member" })
+      children: /* @__PURE__ */ jsx112("p", { className: ScRoleMobile_default.text, children: role === "admin" ? "Admin" : "Member" })
     }
   );
 };
@@ -11372,7 +11496,7 @@ var ScProfileV2Mobile_default = {
 };
 
 // src/SC-Profile-V2-Mobile/ScProfileV2Mobile.tsx
-import { jsx as jsx112, jsxs as jsxs93 } from "react/jsx-runtime";
+import { jsx as jsx113, jsxs as jsxs94 } from "react/jsx-runtime";
 var ScProfileV2Mobile = ({
   name = "Chris Hemsworth",
   email = "chris@kepler.com",
@@ -11382,17 +11506,17 @@ var ScProfileV2Mobile = ({
   ...props
 }) => {
   const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
-  const profileImage = /* @__PURE__ */ jsx112("div", { className: ScProfileV2Mobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx112("img", { src: imageUrl, alt: name, className: ScProfileV2Mobile_default.image }) : /* @__PURE__ */ jsx112("div", { className: ScProfileV2Mobile_default.initials, children: initials }) });
-  return /* @__PURE__ */ jsxs93(
+  const profileImage = /* @__PURE__ */ jsx113("div", { className: ScProfileV2Mobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx113("img", { src: imageUrl, alt: name, className: ScProfileV2Mobile_default.image }) : /* @__PURE__ */ jsx113("div", { className: ScProfileV2Mobile_default.initials, children: initials }) });
+  return /* @__PURE__ */ jsxs94(
     "div",
     {
       className: ScProfileV2Mobile_default.scProfileV2Mobile + " " + className,
       ...props,
       children: [
         dpPosition === "left" && profileImage,
-        /* @__PURE__ */ jsxs93("div", { className: ScProfileV2Mobile_default.userInfo, children: [
-          /* @__PURE__ */ jsx112("p", { className: ScProfileV2Mobile_default.userName, children: name }),
-          /* @__PURE__ */ jsx112("p", { className: ScProfileV2Mobile_default.userEmail, children: email })
+        /* @__PURE__ */ jsxs94("div", { className: ScProfileV2Mobile_default.userInfo, children: [
+          /* @__PURE__ */ jsx113("p", { className: ScProfileV2Mobile_default.userName, children: name }),
+          /* @__PURE__ */ jsx113("p", { className: ScProfileV2Mobile_default.userEmail, children: email })
         ] }),
         dpPosition === "right" && profileImage
       ]
@@ -11419,7 +11543,7 @@ var ScTableListMobile_default = {
 };
 
 // src/SC-tableList-mobile/ScTableListMobile.tsx
-import { jsx as jsx113, jsxs as jsxs94 } from "react/jsx-runtime";
+import { jsx as jsx114, jsxs as jsxs95 } from "react/jsx-runtime";
 var ScTableListMobile = ({
   name = "Chris Hemsworth",
   email = "chris@kepler.com",
@@ -11432,25 +11556,25 @@ var ScTableListMobile = ({
   ...props
 }) => {
   const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
-  return /* @__PURE__ */ jsxs94(
+  return /* @__PURE__ */ jsxs95(
     "div",
     {
       className: ScTableListMobile_default.scTableListMobile + " " + className,
       onClick: onRowClick,
       ...props,
       children: [
-        /* @__PURE__ */ jsxs94("div", { className: ScTableListMobile_default.profileRow, children: [
-          /* @__PURE__ */ jsxs94("div", { className: ScTableListMobile_default.userInfo, children: [
-            /* @__PURE__ */ jsx113("p", { className: ScTableListMobile_default.userName, children: name }),
-            /* @__PURE__ */ jsx113("p", { className: ScTableListMobile_default.userEmail, children: email })
+        /* @__PURE__ */ jsxs95("div", { className: ScTableListMobile_default.profileRow, children: [
+          /* @__PURE__ */ jsxs95("div", { className: ScTableListMobile_default.userInfo, children: [
+            /* @__PURE__ */ jsx114("p", { className: ScTableListMobile_default.userName, children: name }),
+            /* @__PURE__ */ jsx114("p", { className: ScTableListMobile_default.userEmail, children: email })
           ] }),
-          /* @__PURE__ */ jsx113("div", { className: ScTableListMobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx113("img", { src: imageUrl, alt: name, className: ScTableListMobile_default.image }) : /* @__PURE__ */ jsx113("div", { className: ScTableListMobile_default.initials, children: initials }) })
+          /* @__PURE__ */ jsx114("div", { className: ScTableListMobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx114("img", { src: imageUrl, alt: name, className: ScTableListMobile_default.image }) : /* @__PURE__ */ jsx114("div", { className: ScTableListMobile_default.initials, children: initials }) })
         ] }),
-        /* @__PURE__ */ jsxs94("div", { className: ScTableListMobile_default.detailsRow, children: [
-          /* @__PURE__ */ jsx113("div", { className: ScTableListMobile_default.roleBadge, children: /* @__PURE__ */ jsx113("p", { className: ScTableListMobile_default.roleText, children: role }) }),
-          /* @__PURE__ */ jsxs94("div", { className: ScTableListMobile_default.accessInfo, children: [
-            accessIcons && accessIcons.length > 0 && /* @__PURE__ */ jsx113("div", { className: ScTableListMobile_default.accessGroup, children: accessIcons.map((icon, i) => /* @__PURE__ */ jsx113("span", { className: ScTableListMobile_default.accessIcon, children: icon }, i)) }),
-            permissionIcons && permissionIcons.length > 0 && /* @__PURE__ */ jsx113("div", { className: ScTableListMobile_default.accessGroup, children: permissionIcons.map((icon, i) => /* @__PURE__ */ jsx113("span", { className: ScTableListMobile_default.accessIcon, children: icon }, i)) })
+        /* @__PURE__ */ jsxs95("div", { className: ScTableListMobile_default.detailsRow, children: [
+          /* @__PURE__ */ jsx114("div", { className: ScTableListMobile_default.roleBadge, children: /* @__PURE__ */ jsx114("p", { className: ScTableListMobile_default.roleText, children: role }) }),
+          /* @__PURE__ */ jsxs95("div", { className: ScTableListMobile_default.accessInfo, children: [
+            accessIcons && accessIcons.length > 0 && /* @__PURE__ */ jsx114("div", { className: ScTableListMobile_default.accessGroup, children: accessIcons.map((icon, i) => /* @__PURE__ */ jsx114("span", { className: ScTableListMobile_default.accessIcon, children: icon }, i)) }),
+            permissionIcons && permissionIcons.length > 0 && /* @__PURE__ */ jsx114("div", { className: ScTableListMobile_default.accessGroup, children: permissionIcons.map((icon, i) => /* @__PURE__ */ jsx114("span", { className: ScTableListMobile_default.accessIcon, children: icon }, i)) })
           ] })
         ] })
       ]
@@ -11478,7 +11602,7 @@ var ScWorkspaceSwitchMobile_default = {
 };
 
 // src/SC-workspaceSwitch-Mobile/ScWorkspaceSwitchMobile.tsx
-import { jsx as jsx114, jsxs as jsxs95 } from "react/jsx-runtime";
+import { jsx as jsx115, jsxs as jsxs96 } from "react/jsx-runtime";
 var ScWorkspaceSwitchMobile = ({
   storeName = "Stores",
   initials = "WS",
@@ -11491,24 +11615,24 @@ var ScWorkspaceSwitchMobile = ({
   ...props
 }) => {
   const variant = currentWs ? "current" : "other";
-  return /* @__PURE__ */ jsxs95(
+  return /* @__PURE__ */ jsxs96(
     "div",
     {
       className: ScWorkspaceSwitchMobile_default.scWorkspaceSwitchMobile + " " + ScWorkspaceSwitchMobile_default["variant-" + variant] + " " + className,
       onClick,
       ...props,
       children: [
-        /* @__PURE__ */ jsxs95("div", { className: ScWorkspaceSwitchMobile_default.workspaceInfo, children: [
-          /* @__PURE__ */ jsxs95("div", { className: ScWorkspaceSwitchMobile_default.wsNameRow, children: [
-            /* @__PURE__ */ jsx114("div", { className: ScWorkspaceSwitchMobile_default.initialsBox, children: /* @__PURE__ */ jsx114("span", { className: ScWorkspaceSwitchMobile_default.initialsText, children: initials }) }),
-            /* @__PURE__ */ jsx114("p", { className: ScWorkspaceSwitchMobile_default.storeName, children: storeName })
+        /* @__PURE__ */ jsxs96("div", { className: ScWorkspaceSwitchMobile_default.workspaceInfo, children: [
+          /* @__PURE__ */ jsxs96("div", { className: ScWorkspaceSwitchMobile_default.wsNameRow, children: [
+            /* @__PURE__ */ jsx115("div", { className: ScWorkspaceSwitchMobile_default.initialsBox, children: /* @__PURE__ */ jsx115("span", { className: ScWorkspaceSwitchMobile_default.initialsText, children: initials }) }),
+            /* @__PURE__ */ jsx115("p", { className: ScWorkspaceSwitchMobile_default.storeName, children: storeName })
           ] }),
-          /* @__PURE__ */ jsx114("div", { className: ScWorkspaceSwitchMobile_default.roleBadge, children: /* @__PURE__ */ jsx114("p", { className: ScWorkspaceSwitchMobile_default.roleText, children: role }) })
+          /* @__PURE__ */ jsx115("div", { className: ScWorkspaceSwitchMobile_default.roleBadge, children: /* @__PURE__ */ jsx115("p", { className: ScWorkspaceSwitchMobile_default.roleText, children: role }) })
         ] }),
-        /* @__PURE__ */ jsx114("div", { className: ScWorkspaceSwitchMobile_default.divider }),
-        /* @__PURE__ */ jsxs95("div", { className: ScWorkspaceSwitchMobile_default.ownerRow, children: [
-          /* @__PURE__ */ jsx114("div", { className: ScWorkspaceSwitchMobile_default.ownerIconContainer, children: ownerIcon && /* @__PURE__ */ jsx114("span", { className: ScWorkspaceSwitchMobile_default.ownerIcon, children: ownerIcon }) }),
-          /* @__PURE__ */ jsx114("p", { className: ScWorkspaceSwitchMobile_default.ownerText, children: ownerId })
+        /* @__PURE__ */ jsx115("div", { className: ScWorkspaceSwitchMobile_default.divider }),
+        /* @__PURE__ */ jsxs96("div", { className: ScWorkspaceSwitchMobile_default.ownerRow, children: [
+          /* @__PURE__ */ jsx115("div", { className: ScWorkspaceSwitchMobile_default.ownerIconContainer, children: ownerIcon && /* @__PURE__ */ jsx115("span", { className: ScWorkspaceSwitchMobile_default.ownerIcon, children: ownerIcon }) }),
+          /* @__PURE__ */ jsx115("p", { className: ScWorkspaceSwitchMobile_default.ownerText, children: ownerId })
         ] })
       ]
     }
@@ -11535,7 +11659,7 @@ var ScWorkspaceSettingsMobile_default = {
 };
 
 // src/SC-workspaceSettings-Mobile/ScWorkspaceSettingsMobile.tsx
-import { jsx as jsx115, jsxs as jsxs96 } from "react/jsx-runtime";
+import { jsx as jsx116, jsxs as jsxs97 } from "react/jsx-runtime";
 var ScWorkspaceSettingsMobile = ({
   storeName = "Stores",
   initials = "WS",
@@ -11550,28 +11674,28 @@ var ScWorkspaceSettingsMobile = ({
   ...props
 }) => {
   const variant = currentWs ? "current" : "other";
-  return /* @__PURE__ */ jsxs96(
+  return /* @__PURE__ */ jsxs97(
     "div",
     {
       className: ScWorkspaceSettingsMobile_default.scWorkspaceSettingsMobile + " " + ScWorkspaceSettingsMobile_default["variant-" + variant] + " " + className,
       onClick,
       ...props,
       children: [
-        /* @__PURE__ */ jsxs96("div", { className: ScWorkspaceSettingsMobile_default.workspaceInfo, children: [
-          /* @__PURE__ */ jsxs96("div", { className: ScWorkspaceSettingsMobile_default.wsNameRow, children: [
-            /* @__PURE__ */ jsx115("div", { className: ScWorkspaceSettingsMobile_default.initialsBox, children: /* @__PURE__ */ jsx115("span", { className: ScWorkspaceSettingsMobile_default.initialsText, children: initials }) }),
-            /* @__PURE__ */ jsx115("p", { className: ScWorkspaceSettingsMobile_default.storeName, children: storeName })
+        /* @__PURE__ */ jsxs97("div", { className: ScWorkspaceSettingsMobile_default.workspaceInfo, children: [
+          /* @__PURE__ */ jsxs97("div", { className: ScWorkspaceSettingsMobile_default.wsNameRow, children: [
+            /* @__PURE__ */ jsx116("div", { className: ScWorkspaceSettingsMobile_default.initialsBox, children: /* @__PURE__ */ jsx116("span", { className: ScWorkspaceSettingsMobile_default.initialsText, children: initials }) }),
+            /* @__PURE__ */ jsx116("p", { className: ScWorkspaceSettingsMobile_default.storeName, children: storeName })
           ] }),
-          /* @__PURE__ */ jsx115("div", { className: ScWorkspaceSettingsMobile_default.roleBadge, children: /* @__PURE__ */ jsx115("p", { className: ScWorkspaceSettingsMobile_default.roleText, children: role }) })
+          /* @__PURE__ */ jsx116("div", { className: ScWorkspaceSettingsMobile_default.roleBadge, children: /* @__PURE__ */ jsx116("p", { className: ScWorkspaceSettingsMobile_default.roleText, children: role }) })
         ] }),
-        /* @__PURE__ */ jsx115("div", { className: ScWorkspaceSettingsMobile_default.divider }),
-        /* @__PURE__ */ jsxs96("div", { className: ScWorkspaceSettingsMobile_default.infoRow, children: [
-          /* @__PURE__ */ jsx115("div", { className: ScWorkspaceSettingsMobile_default.iconContainer, children: ownerIcon && /* @__PURE__ */ jsx115("span", { className: ScWorkspaceSettingsMobile_default.icon, children: ownerIcon }) }),
-          /* @__PURE__ */ jsx115("p", { className: ScWorkspaceSettingsMobile_default.infoText, children: ownerId })
+        /* @__PURE__ */ jsx116("div", { className: ScWorkspaceSettingsMobile_default.divider }),
+        /* @__PURE__ */ jsxs97("div", { className: ScWorkspaceSettingsMobile_default.infoRow, children: [
+          /* @__PURE__ */ jsx116("div", { className: ScWorkspaceSettingsMobile_default.iconContainer, children: ownerIcon && /* @__PURE__ */ jsx116("span", { className: ScWorkspaceSettingsMobile_default.icon, children: ownerIcon }) }),
+          /* @__PURE__ */ jsx116("p", { className: ScWorkspaceSettingsMobile_default.infoText, children: ownerId })
         ] }),
-        /* @__PURE__ */ jsxs96("div", { className: ScWorkspaceSettingsMobile_default.infoRow, children: [
-          /* @__PURE__ */ jsx115("div", { className: ScWorkspaceSettingsMobile_default.iconContainer, children: teamIcon && /* @__PURE__ */ jsx115("span", { className: ScWorkspaceSettingsMobile_default.icon, children: teamIcon }) }),
-          /* @__PURE__ */ jsx115("p", { className: ScWorkspaceSettingsMobile_default.infoText, children: teamCount })
+        /* @__PURE__ */ jsxs97("div", { className: ScWorkspaceSettingsMobile_default.infoRow, children: [
+          /* @__PURE__ */ jsx116("div", { className: ScWorkspaceSettingsMobile_default.iconContainer, children: teamIcon && /* @__PURE__ */ jsx116("span", { className: ScWorkspaceSettingsMobile_default.icon, children: teamIcon }) }),
+          /* @__PURE__ */ jsx116("p", { className: ScWorkspaceSettingsMobile_default.infoText, children: teamCount })
         ] })
       ]
     }
@@ -11594,7 +11718,7 @@ var ScMobileTopNav_default = {
 };
 
 // src/SC-MobileTopNav/ScMobileTopNav.tsx
-import { Fragment as Fragment28, jsx as jsx116, jsxs as jsxs97 } from "react/jsx-runtime";
+import { Fragment as Fragment28, jsx as jsx117, jsxs as jsxs98 } from "react/jsx-runtime";
 var ScMobileTopNav = ({
   type = "home",
   searchIcon = false,
@@ -11617,22 +11741,22 @@ var ScMobileTopNav = ({
 }) => {
   const hasBorder = type === "chat" || type === "inApp";
   const showSearch = type === "inApp" && searchIcon && search;
-  return /* @__PURE__ */ jsxs97(
+  return /* @__PURE__ */ jsxs98(
     "div",
     {
       className: ScMobileTopNav_default.scMobileTopNav + " " + (hasBorder ? ScMobileTopNav_default.withBorder : "") + " " + className,
       ...props,
       children: [
-        type === "home" && /* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
-        type === "chat" && /* @__PURE__ */ jsxs97(Fragment28, { children: [
-          /* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
-          /* @__PURE__ */ jsx116("p", { className: ScMobileTopNav_default.chatTitle, children: chatTitle }),
-          /* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMoreClick, children: moreIcon || /* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
+        type === "home" && /* @__PURE__ */ jsx117("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx117("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
+        type === "chat" && /* @__PURE__ */ jsxs98(Fragment28, { children: [
+          /* @__PURE__ */ jsx117("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx117("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
+          /* @__PURE__ */ jsx117("p", { className: ScMobileTopNav_default.chatTitle, children: chatTitle }),
+          /* @__PURE__ */ jsx117("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMoreClick, children: moreIcon || /* @__PURE__ */ jsx117("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
         ] }),
-        showSearch && /* @__PURE__ */ jsxs97(Fragment28, { children: [
-          /* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.searchRow, children: /* @__PURE__ */ jsxs97("div", { className: ScMobileTopNav_default.searchInputContainer, children: [
-            /* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.iconContainer, onClick: onSearchClick, children: searchIconElement || /* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
-            /* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.searchInput, children: /* @__PURE__ */ jsx116(
+        showSearch && /* @__PURE__ */ jsxs98(Fragment28, { children: [
+          /* @__PURE__ */ jsx117("div", { className: ScMobileTopNav_default.searchRow, children: /* @__PURE__ */ jsxs98("div", { className: ScMobileTopNav_default.searchInputContainer, children: [
+            /* @__PURE__ */ jsx117("div", { className: ScMobileTopNav_default.iconContainer, onClick: onSearchClick, children: searchIconElement || /* @__PURE__ */ jsx117("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
+            /* @__PURE__ */ jsx117("div", { className: ScMobileTopNav_default.searchInput, children: /* @__PURE__ */ jsx117(
               "input",
               {
                 type: "text",
@@ -11643,17 +11767,17 @@ var ScMobileTopNav = ({
               }
             ) })
           ] }) }),
-          /* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.iconContainer, onClick: onCloseClick, children: closeIcon || /* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
+          /* @__PURE__ */ jsx117("div", { className: ScMobileTopNav_default.iconContainer, onClick: onCloseClick, children: closeIcon || /* @__PURE__ */ jsx117("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
         ] }),
-        type === "inApp" && !search && /* @__PURE__ */ jsxs97(Fragment28, { children: [
-          /* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
-          /* @__PURE__ */ jsx116("p", { className: ScMobileTopNav_default.heading, children: heading }),
-          /* @__PURE__ */ jsx116(
+        type === "inApp" && !search && /* @__PURE__ */ jsxs98(Fragment28, { children: [
+          /* @__PURE__ */ jsx117("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx117("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
+          /* @__PURE__ */ jsx117("p", { className: ScMobileTopNav_default.heading, children: heading }),
+          /* @__PURE__ */ jsx117(
             "div",
             {
               className: ScMobileTopNav_default.iconContainer + " " + (!searchIcon ? ScMobileTopNav_default.hidden : ""),
               onClick: onSearchClick,
-              children: searchIcon ? searchIconElement || /* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.iconPlaceholder }) : /* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.iconPlaceholder })
+              children: searchIcon ? searchIconElement || /* @__PURE__ */ jsx117("div", { className: ScMobileTopNav_default.iconPlaceholder }) : /* @__PURE__ */ jsx117("div", { className: ScMobileTopNav_default.iconPlaceholder })
             }
           )
         ] })
@@ -11674,7 +11798,7 @@ var ScMobileBottomAction_default = {
 };
 
 // src/SC-MobileBottomAction/ScMobileBottomAction.tsx
-import { jsx as jsx117, jsxs as jsxs98 } from "react/jsx-runtime";
+import { jsx as jsx118, jsxs as jsxs99 } from "react/jsx-runtime";
 var ScMobileBottomAction = ({
   text = "Save Changes",
   disabled = false,
@@ -11686,28 +11810,28 @@ var ScMobileBottomAction = ({
   ...props
 }) => {
   const isTwoButton = !!secondaryText;
-  return /* @__PURE__ */ jsxs98(
+  return /* @__PURE__ */ jsxs99(
     "div",
     {
       className: ScMobileBottomAction_default.scMobileBottomAction + (isTwoButton ? " " + ScMobileBottomAction_default.twoButton : "") + " " + className,
       ...props,
       children: [
-        isTwoButton && /* @__PURE__ */ jsx117(
+        isTwoButton && /* @__PURE__ */ jsx118(
           "button",
           {
             className: ScMobileBottomAction_default.outlineButton + " " + (secondaryDisabled ? ScMobileBottomAction_default.disabled : ""),
             onClick: onSecondaryClick,
             disabled: secondaryDisabled,
-            children: /* @__PURE__ */ jsx117("span", { className: ScMobileBottomAction_default.outlineButtonText, children: secondaryText })
+            children: /* @__PURE__ */ jsx118("span", { className: ScMobileBottomAction_default.outlineButtonText, children: secondaryText })
           }
         ),
-        /* @__PURE__ */ jsx117(
+        /* @__PURE__ */ jsx118(
           "button",
           {
             className: ScMobileBottomAction_default.button + " " + (disabled ? ScMobileBottomAction_default.disabled : ""),
             onClick,
             disabled,
-            children: /* @__PURE__ */ jsx117("span", { className: ScMobileBottomAction_default.buttonText, children: text })
+            children: /* @__PURE__ */ jsx118("span", { className: ScMobileBottomAction_default.buttonText, children: text })
           }
         )
       ]
@@ -11725,7 +11849,7 @@ var ScPopUpMenu_default = {
 };
 
 // src/SC-PopUpMenu/ScPopUpMenu.tsx
-import { jsx as jsx118, jsxs as jsxs99 } from "react/jsx-runtime";
+import { jsx as jsx119, jsxs as jsxs100 } from "react/jsx-runtime";
 var ScPopUpMenu = ({
   menu = "Options",
   state = "default",
@@ -11734,15 +11858,15 @@ var ScPopUpMenu = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs99(
+  return /* @__PURE__ */ jsxs100(
     "div",
     {
       className: ScPopUpMenu_default.scPopUpMenu + " " + ScPopUpMenu_default["state-" + state] + " " + className,
       onClick,
       ...props,
       children: [
-        icon && /* @__PURE__ */ jsx118("span", { className: ScPopUpMenu_default.icon, children: icon }),
-        /* @__PURE__ */ jsx118("p", { className: ScPopUpMenu_default.menuText, children: menu })
+        icon && /* @__PURE__ */ jsx119("span", { className: ScPopUpMenu_default.icon, children: icon }),
+        /* @__PURE__ */ jsx119("p", { className: ScPopUpMenu_default.menuText, children: menu })
       ]
     }
   );
@@ -11768,7 +11892,7 @@ var ScReferralCardMobile_default = {
 };
 
 // src/SC-referralCard-Mobile/ScReferralCardMobile.tsx
-import { jsx as jsx119, jsxs as jsxs100 } from "react/jsx-runtime";
+import { jsx as jsx120, jsxs as jsxs101 } from "react/jsx-runtime";
 var ScReferralCardMobile = ({
   name = "Chris Hemsworth",
   email = "chris@kepler.com",
@@ -11781,27 +11905,27 @@ var ScReferralCardMobile = ({
   ...props
 }) => {
   const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
-  return /* @__PURE__ */ jsxs100(
+  return /* @__PURE__ */ jsxs101(
     "div",
     {
       className: ScReferralCardMobile_default.scReferralCardMobile + " " + className,
       onClick,
       ...props,
       children: [
-        /* @__PURE__ */ jsxs100("div", { className: ScReferralCardMobile_default.userRow, children: [
-          /* @__PURE__ */ jsxs100("div", { className: ScReferralCardMobile_default.profileSection, children: [
-            /* @__PURE__ */ jsx119("div", { className: ScReferralCardMobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx119("img", { src: imageUrl, alt: name, className: ScReferralCardMobile_default.image }) : /* @__PURE__ */ jsx119("div", { className: ScReferralCardMobile_default.initials, children: initials }) }),
-            /* @__PURE__ */ jsxs100("div", { className: ScReferralCardMobile_default.userInfo, children: [
-              /* @__PURE__ */ jsx119("p", { className: ScReferralCardMobile_default.userName, children: name }),
-              /* @__PURE__ */ jsx119("p", { className: ScReferralCardMobile_default.userEmail, children: email })
+        /* @__PURE__ */ jsxs101("div", { className: ScReferralCardMobile_default.userRow, children: [
+          /* @__PURE__ */ jsxs101("div", { className: ScReferralCardMobile_default.profileSection, children: [
+            /* @__PURE__ */ jsx120("div", { className: ScReferralCardMobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx120("img", { src: imageUrl, alt: name, className: ScReferralCardMobile_default.image }) : /* @__PURE__ */ jsx120("div", { className: ScReferralCardMobile_default.initials, children: initials }) }),
+            /* @__PURE__ */ jsxs101("div", { className: ScReferralCardMobile_default.userInfo, children: [
+              /* @__PURE__ */ jsx120("p", { className: ScReferralCardMobile_default.userName, children: name }),
+              /* @__PURE__ */ jsx120("p", { className: ScReferralCardMobile_default.userEmail, children: email })
             ] })
           ] }),
-          /* @__PURE__ */ jsx119("div", { className: ScReferralCardMobile_default.badge, children: /* @__PURE__ */ jsx119("p", { className: ScReferralCardMobile_default.badgeText, children: badge }) })
+          /* @__PURE__ */ jsx120("div", { className: ScReferralCardMobile_default.badge, children: /* @__PURE__ */ jsx120("p", { className: ScReferralCardMobile_default.badgeText, children: badge }) })
         ] }),
-        /* @__PURE__ */ jsx119("div", { className: ScReferralCardMobile_default.divider }),
-        /* @__PURE__ */ jsxs100("div", { className: ScReferralCardMobile_default.detailsRow, children: [
-          /* @__PURE__ */ jsx119("p", { className: ScReferralCardMobile_default.dateText, children: date }),
-          /* @__PURE__ */ jsx119("p", { className: ScReferralCardMobile_default.creditsText, children: credits })
+        /* @__PURE__ */ jsx120("div", { className: ScReferralCardMobile_default.divider }),
+        /* @__PURE__ */ jsxs101("div", { className: ScReferralCardMobile_default.detailsRow, children: [
+          /* @__PURE__ */ jsx120("p", { className: ScReferralCardMobile_default.dateText, children: date }),
+          /* @__PURE__ */ jsx120("p", { className: ScReferralCardMobile_default.creditsText, children: credits })
         ] })
       ]
     }
@@ -11818,19 +11942,19 @@ var InvoiceHistoryMobile_default = {
 };
 
 // src/SC-InvoiceHistoryMobile/InvoiceHistoryMobile.tsx
-import { jsx as jsx120, jsxs as jsxs101 } from "react/jsx-runtime";
+import { jsx as jsx121, jsxs as jsxs102 } from "react/jsx-runtime";
 var InvoiceHistoryMobile = ({
   invoiceId = "# INV-2800-2026",
   date = "Nov 9th, 2025",
   amount = "\u20B9320.89",
   className
 }) => {
-  return /* @__PURE__ */ jsxs101("div", { className: InvoiceHistoryMobile_default.invoiceHistoryMobile + " " + (className ?? ""), children: [
-    /* @__PURE__ */ jsxs101("div", { className: InvoiceHistoryMobile_default.info, children: [
-      /* @__PURE__ */ jsx120("div", { className: InvoiceHistoryMobile_default.invoiceId, children: invoiceId }),
-      /* @__PURE__ */ jsx120("div", { className: InvoiceHistoryMobile_default.date, children: date })
+  return /* @__PURE__ */ jsxs102("div", { className: InvoiceHistoryMobile_default.invoiceHistoryMobile + " " + (className ?? ""), children: [
+    /* @__PURE__ */ jsxs102("div", { className: InvoiceHistoryMobile_default.info, children: [
+      /* @__PURE__ */ jsx121("div", { className: InvoiceHistoryMobile_default.invoiceId, children: invoiceId }),
+      /* @__PURE__ */ jsx121("div", { className: InvoiceHistoryMobile_default.date, children: date })
     ] }),
-    /* @__PURE__ */ jsx120("div", { className: InvoiceHistoryMobile_default.amount, children: amount })
+    /* @__PURE__ */ jsx121("div", { className: InvoiceHistoryMobile_default.amount, children: amount })
   ] });
 };
 
@@ -11848,7 +11972,7 @@ var UsageHistoryMobile_default = {
 };
 
 // src/SC-UsageHistoryMobile/UsageHistoryMobile.tsx
-import { jsx as jsx121, jsxs as jsxs102 } from "react/jsx-runtime";
+import { jsx as jsx122, jsxs as jsxs103 } from "react/jsx-runtime";
 var UsageHistoryMobile = ({
   serviceName = "Artifax Generation",
   credits = "50",
@@ -11857,18 +11981,18 @@ var UsageHistoryMobile = ({
   balance = "84,902",
   className
 }) => {
-  return /* @__PURE__ */ jsxs102("div", { className: UsageHistoryMobile_default.usageHistoryMobile + " " + (className ?? ""), children: [
-    /* @__PURE__ */ jsxs102("div", { className: UsageHistoryMobile_default.row1, children: [
-      /* @__PURE__ */ jsx121("span", { className: UsageHistoryMobile_default.serviceName, children: serviceName }),
-      /* @__PURE__ */ jsx121("span", { className: UsageHistoryMobile_default.credits, children: credits })
+  return /* @__PURE__ */ jsxs103("div", { className: UsageHistoryMobile_default.usageHistoryMobile + " " + (className ?? ""), children: [
+    /* @__PURE__ */ jsxs103("div", { className: UsageHistoryMobile_default.row1, children: [
+      /* @__PURE__ */ jsx122("span", { className: UsageHistoryMobile_default.serviceName, children: serviceName }),
+      /* @__PURE__ */ jsx122("span", { className: UsageHistoryMobile_default.credits, children: credits })
     ] }),
-    /* @__PURE__ */ jsxs102("div", { className: UsageHistoryMobile_default.row2, children: [
-      /* @__PURE__ */ jsxs102("div", { className: UsageHistoryMobile_default.metaLeft, children: [
-        /* @__PURE__ */ jsx121("span", { className: UsageHistoryMobile_default.metaText, children: userName }),
-        /* @__PURE__ */ jsx121("div", { className: UsageHistoryMobile_default.divider }),
-        /* @__PURE__ */ jsx121("span", { className: UsageHistoryMobile_default.metaText, children: date })
+    /* @__PURE__ */ jsxs103("div", { className: UsageHistoryMobile_default.row2, children: [
+      /* @__PURE__ */ jsxs103("div", { className: UsageHistoryMobile_default.metaLeft, children: [
+        /* @__PURE__ */ jsx122("span", { className: UsageHistoryMobile_default.metaText, children: userName }),
+        /* @__PURE__ */ jsx122("div", { className: UsageHistoryMobile_default.divider }),
+        /* @__PURE__ */ jsx122("span", { className: UsageHistoryMobile_default.metaText, children: date })
       ] }),
-      /* @__PURE__ */ jsx121("span", { className: UsageHistoryMobile_default.balance, children: balance })
+      /* @__PURE__ */ jsx122("span", { className: UsageHistoryMobile_default.balance, children: balance })
     ] })
   ] });
 };
@@ -11892,7 +12016,7 @@ var ScWorkspaceSwitchMobileV2_default = {
 };
 
 // src/SC-WorkspaceSwitchMobile-V2/ScWorkspaceSwitchMobileV2.tsx
-import { jsx as jsx122, jsxs as jsxs103 } from "react/jsx-runtime";
+import { jsx as jsx123, jsxs as jsxs104 } from "react/jsx-runtime";
 var ScWorkspaceSwitchMobileV2 = ({
   wsName = "Workspace name is kepler",
   initials = "WS",
@@ -11905,14 +12029,14 @@ var ScWorkspaceSwitchMobileV2 = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx122(
+  return /* @__PURE__ */ jsx123(
     "div",
     {
       className: ScWorkspaceSwitchMobileV2_default.scWorkspaceSwitchMobileV2 + " " + ScWorkspaceSwitchMobileV2_default["type-" + type] + " " + className,
       onClick,
       ...props,
-      children: /* @__PURE__ */ jsxs103("div", { className: ScWorkspaceSwitchMobileV2_default.workspaceInfo, children: [
-        /* @__PURE__ */ jsx122("div", { className: ScWorkspaceSwitchMobileV2_default.dpContainer, children: /* @__PURE__ */ jsx122(
+      children: /* @__PURE__ */ jsxs104("div", { className: ScWorkspaceSwitchMobileV2_default.workspaceInfo, children: [
+        /* @__PURE__ */ jsx123("div", { className: ScWorkspaceSwitchMobileV2_default.dpContainer, children: /* @__PURE__ */ jsx123(
           ScDp,
           {
             type: imageUrl ? "image" : "initial",
@@ -11926,14 +12050,14 @@ var ScWorkspaceSwitchMobileV2 = ({
             }
           }
         ) }),
-        /* @__PURE__ */ jsxs103("div", { className: ScWorkspaceSwitchMobileV2_default.textContainer, children: [
-          /* @__PURE__ */ jsx122("p", { className: ScWorkspaceSwitchMobileV2_default.wsName, children: wsName }),
-          /* @__PURE__ */ jsxs103("div", { className: ScWorkspaceSwitchMobileV2_default.userDetails, children: [
-            /* @__PURE__ */ jsx122("span", { className: ScWorkspaceSwitchMobileV2_default.roleText + (role === "Member" ? " " + ScWorkspaceSwitchMobileV2_default.roleMember : ""), children: role }),
-            /* @__PURE__ */ jsx122("div", { className: ScWorkspaceSwitchMobileV2_default.dot }),
-            /* @__PURE__ */ jsx122("span", { className: ScWorkspaceSwitchMobileV2_default.planText, children: plan }),
-            /* @__PURE__ */ jsx122("div", { className: ScWorkspaceSwitchMobileV2_default.dot }),
-            /* @__PURE__ */ jsx122("span", { className: ScWorkspaceSwitchMobileV2_default.ownerText, children: ownerId })
+        /* @__PURE__ */ jsxs104("div", { className: ScWorkspaceSwitchMobileV2_default.textContainer, children: [
+          /* @__PURE__ */ jsx123("p", { className: ScWorkspaceSwitchMobileV2_default.wsName, children: wsName }),
+          /* @__PURE__ */ jsxs104("div", { className: ScWorkspaceSwitchMobileV2_default.userDetails, children: [
+            /* @__PURE__ */ jsx123("span", { className: ScWorkspaceSwitchMobileV2_default.roleText + (role === "Member" ? " " + ScWorkspaceSwitchMobileV2_default.roleMember : ""), children: role }),
+            /* @__PURE__ */ jsx123("div", { className: ScWorkspaceSwitchMobileV2_default.dot }),
+            /* @__PURE__ */ jsx123("span", { className: ScWorkspaceSwitchMobileV2_default.planText, children: plan }),
+            /* @__PURE__ */ jsx123("div", { className: ScWorkspaceSwitchMobileV2_default.dot }),
+            /* @__PURE__ */ jsx123("span", { className: ScWorkspaceSwitchMobileV2_default.ownerText, children: ownerId })
           ] })
         ] })
       ] })
@@ -11942,7 +12066,7 @@ var ScWorkspaceSwitchMobileV2 = ({
 };
 
 // src/SC-imageField/ScImageField.tsx
-import { useRef as useRef10 } from "react";
+import { useRef as useRef11 } from "react";
 
 // src/SC-imageField/ScImageField.module.css
 var ScImageField_default = {
@@ -11960,7 +12084,7 @@ var ScImageField_default = {
 
 // src/SC-imageField/ScImageField.tsx
 import { SiconUpload as SiconUpload2, SiconDelete as SiconDelete2 } from "@streamoid/icons";
-import { jsx as jsx123, jsxs as jsxs104 } from "react/jsx-runtime";
+import { jsx as jsx124, jsxs as jsxs105 } from "react/jsx-runtime";
 var ScImageField = ({
   label = "Label",
   imagePreview,
@@ -11969,7 +12093,7 @@ var ScImageField = ({
   onRemove,
   className
 }) => {
-  const inputRef = useRef10(null);
+  const inputRef = useRef11(null);
   const hasImage = !!imagePreview;
   function handleClick() {
     if (!hasImage) {
@@ -11983,8 +12107,8 @@ var ScImageField = ({
     }
     e.target.value = "";
   }
-  return /* @__PURE__ */ jsxs104("div", { className: ScImageField_default.scImageField + " " + (className ?? ""), children: [
-    /* @__PURE__ */ jsx123(
+  return /* @__PURE__ */ jsxs105("div", { className: ScImageField_default.scImageField + " " + (className ?? ""), children: [
+    /* @__PURE__ */ jsx124(
       "input",
       {
         ref: inputRef,
@@ -11994,9 +12118,9 @@ var ScImageField = ({
         onChange: handleChange
       }
     ),
-    /* @__PURE__ */ jsx123("div", { className: ScImageField_default.labelContainer, children: /* @__PURE__ */ jsx123("div", { className: ScImageField_default.label, children: label }) }),
-    hasImage ? /* @__PURE__ */ jsxs104("div", { className: ScImageField_default.previewArea, children: [
-      /* @__PURE__ */ jsx123(
+    /* @__PURE__ */ jsx124("div", { className: ScImageField_default.labelContainer, children: /* @__PURE__ */ jsx124("div", { className: ScImageField_default.label, children: label }) }),
+    hasImage ? /* @__PURE__ */ jsxs105("div", { className: ScImageField_default.previewArea, children: [
+      /* @__PURE__ */ jsx124(
         "img",
         {
           className: ScImageField_default.previewImage,
@@ -12004,8 +12128,8 @@ var ScImageField = ({
           alt: "preview"
         }
       ),
-      /* @__PURE__ */ jsx123("span", { className: ScImageField_default.fileName, children: imageName || "image" }),
-      /* @__PURE__ */ jsx123(
+      /* @__PURE__ */ jsx124("span", { className: ScImageField_default.fileName, children: imageName || "image" }),
+      /* @__PURE__ */ jsx124(
         SiconDelete2,
         {
           className: ScImageField_default.removeIcon,
@@ -12016,9 +12140,9 @@ var ScImageField = ({
           }
         }
       )
-    ] }) : /* @__PURE__ */ jsxs104("div", { className: ScImageField_default.uploadArea, onClick: handleClick, children: [
-      /* @__PURE__ */ jsx123(SiconUpload2, { className: ScImageField_default.uploadIcon, color: "var(--alias-text-and-icons-secondary, #dadada)" }),
-      /* @__PURE__ */ jsx123("span", { className: ScImageField_default.uploadText, children: "Click to upload" })
+    ] }) : /* @__PURE__ */ jsxs105("div", { className: ScImageField_default.uploadArea, onClick: handleClick, children: [
+      /* @__PURE__ */ jsx124(SiconUpload2, { className: ScImageField_default.uploadIcon, color: "var(--alias-text-and-icons-secondary, #dadada)" }),
+      /* @__PURE__ */ jsx124("span", { className: ScImageField_default.uploadText, children: "Click to upload" })
     ] })
   ] });
 };
@@ -12032,7 +12156,7 @@ var ScSettingsTabComp_default = {
 };
 
 // src/SC-settingsTabComp/ScSettingsTabComp.tsx
-import { jsx as jsx124 } from "react/jsx-runtime";
+import { jsx as jsx125 } from "react/jsx-runtime";
 var ScSettingsTabComp = ({
   tabName = "Tab",
   active = false,
@@ -12040,12 +12164,12 @@ var ScSettingsTabComp = ({
   className
 }) => {
   const variantsClassName = ScSettingsTabComp_default["active-" + active];
-  return /* @__PURE__ */ jsx124(
+  return /* @__PURE__ */ jsx125(
     "div",
     {
       className: ScSettingsTabComp_default.scSettingsTabComp + " " + variantsClassName + " " + (className ?? ""),
       onClick,
-      children: /* @__PURE__ */ jsx124("span", { className: ScSettingsTabComp_default.tabText, children: tabName })
+      children: /* @__PURE__ */ jsx125("span", { className: ScSettingsTabComp_default.tabText, children: tabName })
     }
   );
 };
@@ -12065,7 +12189,7 @@ var ScCreditsUsageCardMobile_default = {
 
 // src/SC-Credits usage card-Mobile/ScCreditsUsageCardMobile.tsx
 import { SiconCredits as SiconCredits2 } from "@streamoid/icons";
-import { jsx as jsx125, jsxs as jsxs105 } from "react/jsx-runtime";
+import { jsx as jsx126, jsxs as jsxs106 } from "react/jsx-runtime";
 var ScCreditsUsageCardMobile = ({
   usageLabel = "Credits usage",
   usageText = "8,450 / 30,000",
@@ -12075,23 +12199,23 @@ var ScCreditsUsageCardMobile = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs105("div", { className: ScCreditsUsageCardMobile_default.scCreditsUsageCardMobile + " " + (className ?? ""), ...props, children: [
-    /* @__PURE__ */ jsxs105("div", { className: ScCreditsUsageCardMobile_default.header, children: [
-      /* @__PURE__ */ jsx125(
+  return /* @__PURE__ */ jsxs106("div", { className: ScCreditsUsageCardMobile_default.scCreditsUsageCardMobile + " " + (className ?? ""), ...props, children: [
+    /* @__PURE__ */ jsxs106("div", { className: ScCreditsUsageCardMobile_default.header, children: [
+      /* @__PURE__ */ jsx126(
         SiconCredits2,
         {
           className: ScCreditsUsageCardMobile_default.headerIcon,
           color: "var(--alias-text-and-icons-tertiary, #9e9e9e)"
         }
       ),
-      /* @__PURE__ */ jsx125("span", { className: ScCreditsUsageCardMobile_default.headerLabel, children: usageLabel })
+      /* @__PURE__ */ jsx126("span", { className: ScCreditsUsageCardMobile_default.headerLabel, children: usageLabel })
     ] }),
-    /* @__PURE__ */ jsx125("div", { className: ScCreditsUsageCardMobile_default.divider }),
-    /* @__PURE__ */ jsxs105("div", { className: ScCreditsUsageCardMobile_default.usageInfo, children: [
-      /* @__PURE__ */ jsx125("div", { className: ScCreditsUsageCardMobile_default.usageText, children: usageText }),
-      /* @__PURE__ */ jsx125("div", { className: ScCreditsUsageCardMobile_default.remainingText, children: remainingText })
+    /* @__PURE__ */ jsx126("div", { className: ScCreditsUsageCardMobile_default.divider }),
+    /* @__PURE__ */ jsxs106("div", { className: ScCreditsUsageCardMobile_default.usageInfo, children: [
+      /* @__PURE__ */ jsx126("div", { className: ScCreditsUsageCardMobile_default.usageText, children: usageText }),
+      /* @__PURE__ */ jsx126("div", { className: ScCreditsUsageCardMobile_default.remainingText, children: remainingText })
     ] }),
-    /* @__PURE__ */ jsx125(
+    /* @__PURE__ */ jsx126(
       ScButton,
       {
         text: buyButtonText,
@@ -12133,7 +12257,7 @@ var ScPlanDetailsCardMobile_default = {
 
 // src/SC-Plan details card-Mobile/ScPlanDetailsCardMobile.tsx
 import { SiconBilling as SiconBilling5 } from "@streamoid/icons";
-import { Fragment as Fragment29, jsx as jsx126, jsxs as jsxs106 } from "react/jsx-runtime";
+import { Fragment as Fragment29, jsx as jsx127, jsxs as jsxs107 } from "react/jsx-runtime";
 var ScPlanDetailsCardMobile = ({
   planName = "Pro",
   planCredits = "30,000 credits",
@@ -12147,20 +12271,20 @@ var ScPlanDetailsCardMobile = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs106("div", { className: ScPlanDetailsCardMobile_default.scPlanDetailsCardMobile + " " + (className ?? ""), ...props, children: [
-    /* @__PURE__ */ jsxs106("div", { className: ScPlanDetailsCardMobile_default.planHeader, children: [
-      /* @__PURE__ */ jsxs106("div", { className: ScPlanDetailsCardMobile_default.headerLeft, children: [
-        /* @__PURE__ */ jsx126(
+  return /* @__PURE__ */ jsxs107("div", { className: ScPlanDetailsCardMobile_default.scPlanDetailsCardMobile + " " + (className ?? ""), ...props, children: [
+    /* @__PURE__ */ jsxs107("div", { className: ScPlanDetailsCardMobile_default.planHeader, children: [
+      /* @__PURE__ */ jsxs107("div", { className: ScPlanDetailsCardMobile_default.headerLeft, children: [
+        /* @__PURE__ */ jsx127(
           SiconBilling5,
           {
             className: ScPlanDetailsCardMobile_default.headerIcon,
             color: "var(--alias-text-and-icons-tertiary, #9e9e9e)"
           }
         ),
-        /* @__PURE__ */ jsx126("span", { className: ScPlanDetailsCardMobile_default.headerLabel, children: currentPlanLabel })
+        /* @__PURE__ */ jsx127("span", { className: ScPlanDetailsCardMobile_default.headerLabel, children: currentPlanLabel })
       ] }),
-      /* @__PURE__ */ jsx126("div", { className: ScPlanDetailsCardMobile_default.badgeGroup, children: isLoading ? /* @__PURE__ */ jsx126("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.badgeSkeleton}` }) : /* @__PURE__ */ jsxs106(Fragment29, { children: [
-        /* @__PURE__ */ jsx126(
+      /* @__PURE__ */ jsx127("div", { className: ScPlanDetailsCardMobile_default.badgeGroup, children: isLoading ? /* @__PURE__ */ jsx127("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.badgeSkeleton}` }) : /* @__PURE__ */ jsxs107(Fragment29, { children: [
+        /* @__PURE__ */ jsx127(
           ScBadges,
           {
             text: badgeText,
@@ -12169,28 +12293,28 @@ var ScPlanDetailsCardMobile = ({
             className: ScPlanDetailsCardMobile_default.scBadgesInstance
           }
         ),
-        badgeSubText && /* @__PURE__ */ jsxs106(Fragment29, { children: [
-          /* @__PURE__ */ jsx126("span", { className: ScPlanDetailsCardMobile_default.badgeDot }),
-          /* @__PURE__ */ jsx126("span", { className: ScPlanDetailsCardMobile_default.badgeSubText, children: badgeSubText })
+        badgeSubText && /* @__PURE__ */ jsxs107(Fragment29, { children: [
+          /* @__PURE__ */ jsx127("span", { className: ScPlanDetailsCardMobile_default.badgeDot }),
+          /* @__PURE__ */ jsx127("span", { className: ScPlanDetailsCardMobile_default.badgeSubText, children: badgeSubText })
         ] })
       ] }) })
     ] }),
-    /* @__PURE__ */ jsx126("div", { className: ScPlanDetailsCardMobile_default.divider }),
-    /* @__PURE__ */ jsx126("div", { className: ScPlanDetailsCardMobile_default.planInfo, children: isLoading ? /* @__PURE__ */ jsxs106(Fragment29, { children: [
-      /* @__PURE__ */ jsxs106("div", { className: ScPlanDetailsCardMobile_default.planNameRow, "aria-label": "Loading plan details", children: [
-        /* @__PURE__ */ jsx126("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.planNameSkeleton}` }),
-        /* @__PURE__ */ jsx126("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.creditsSkeleton}` })
+    /* @__PURE__ */ jsx127("div", { className: ScPlanDetailsCardMobile_default.divider }),
+    /* @__PURE__ */ jsx127("div", { className: ScPlanDetailsCardMobile_default.planInfo, children: isLoading ? /* @__PURE__ */ jsxs107(Fragment29, { children: [
+      /* @__PURE__ */ jsxs107("div", { className: ScPlanDetailsCardMobile_default.planNameRow, "aria-label": "Loading plan details", children: [
+        /* @__PURE__ */ jsx127("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.planNameSkeleton}` }),
+        /* @__PURE__ */ jsx127("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.creditsSkeleton}` })
       ] }),
-      /* @__PURE__ */ jsx126("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.priceSkeleton}` })
-    ] }) : /* @__PURE__ */ jsxs106(Fragment29, { children: [
-      /* @__PURE__ */ jsxs106("div", { className: ScPlanDetailsCardMobile_default.planNameRow, children: [
-        /* @__PURE__ */ jsx126("span", { className: ScPlanDetailsCardMobile_default.planName, children: planName }),
-        /* @__PURE__ */ jsx126("div", { className: ScPlanDetailsCardMobile_default.dot }),
-        /* @__PURE__ */ jsx126("span", { className: ScPlanDetailsCardMobile_default.planName, children: planCredits })
+      /* @__PURE__ */ jsx127("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.priceSkeleton}` })
+    ] }) : /* @__PURE__ */ jsxs107(Fragment29, { children: [
+      /* @__PURE__ */ jsxs107("div", { className: ScPlanDetailsCardMobile_default.planNameRow, children: [
+        /* @__PURE__ */ jsx127("span", { className: ScPlanDetailsCardMobile_default.planName, children: planName }),
+        /* @__PURE__ */ jsx127("div", { className: ScPlanDetailsCardMobile_default.dot }),
+        /* @__PURE__ */ jsx127("span", { className: ScPlanDetailsCardMobile_default.planName, children: planCredits })
       ] }),
-      /* @__PURE__ */ jsx126("div", { className: ScPlanDetailsCardMobile_default.planPrice, children: planPrice })
+      /* @__PURE__ */ jsx127("div", { className: ScPlanDetailsCardMobile_default.planPrice, children: planPrice })
     ] }) }),
-    isLoading ? /* @__PURE__ */ jsx126("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.buttonSkeleton}` }) : /* @__PURE__ */ jsx126(
+    isLoading ? /* @__PURE__ */ jsx127("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.buttonSkeleton}` }) : /* @__PURE__ */ jsx127(
       ScButton,
       {
         text: upgradeButtonText,
@@ -12242,7 +12366,7 @@ import {
   SiconLight as SiconLight3,
   SiconDark as SiconDark3
 } from "@streamoid/icons";
-import { Fragment as Fragment30, jsx as jsx127, jsxs as jsxs107 } from "react/jsx-runtime";
+import { Fragment as Fragment30, jsx as jsx128, jsxs as jsxs108 } from "react/jsx-runtime";
 var activateOnKey = (handler) => (event) => {
   if (!handler) return;
   if (event.key === "Enter" || event.key === " ") {
@@ -12293,7 +12417,7 @@ var ScProfilePopup = forwardRef2(
   }, ref) => {
     const hasWorkspaceBlock = showWorkspace || showSwitchWorkspace || !!workspaceContent;
     const hasMenuBlock = showTeams || showBilling || showSettings || showWhatsNew || !!menuContent;
-    const menuRow = (icon, text, onClick, extra) => /* @__PURE__ */ jsx127(
+    const menuRow = (icon, text, onClick, extra) => /* @__PURE__ */ jsx128(
       ScMenuOptions,
       {
         icon,
@@ -12308,7 +12432,7 @@ var ScProfilePopup = forwardRef2(
     );
     const themeTab = (mode, icon, label) => {
       const active = themeMode === mode;
-      return /* @__PURE__ */ jsx127(
+      return /* @__PURE__ */ jsx128(
         ScTabComp,
         {
           type: "icon-only",
@@ -12324,7 +12448,7 @@ var ScProfilePopup = forwardRef2(
         }
       );
     };
-    const profile = /* @__PURE__ */ jsx127(
+    const profile = /* @__PURE__ */ jsx128(
       ScProfile,
       {
         name,
@@ -12333,15 +12457,15 @@ var ScProfilePopup = forwardRef2(
         className: ScProfilePopup_default.scProfileInstance
       }
     );
-    return /* @__PURE__ */ jsxs107(
+    return /* @__PURE__ */ jsxs108(
       "div",
       {
         ref,
         className: ScProfilePopup_default.scProfilePopup + (className ? " " + className : ""),
         ...props,
         children: [
-          /* @__PURE__ */ jsxs107("div", { className: ScProfilePopup_default.profileHeader, children: [
-            onProfileClick ? /* @__PURE__ */ jsx127(
+          /* @__PURE__ */ jsxs108("div", { className: ScProfilePopup_default.profileHeader, children: [
+            onProfileClick ? /* @__PURE__ */ jsx128(
               "button",
               {
                 type: "button",
@@ -12349,10 +12473,10 @@ var ScProfilePopup = forwardRef2(
                 onClick: onProfileClick,
                 children: profile
               }
-            ) : /* @__PURE__ */ jsx127("div", { className: ScProfilePopup_default.profileBlock, children: profile }),
-            (headerActions || showLogout) && /* @__PURE__ */ jsxs107("div", { className: ScProfilePopup_default.headerActions, children: [
+            ) : /* @__PURE__ */ jsx128("div", { className: ScProfilePopup_default.profileBlock, children: profile }),
+            (headerActions || showLogout) && /* @__PURE__ */ jsxs108("div", { className: ScProfilePopup_default.headerActions, children: [
               headerActions,
-              showLogout && /* @__PURE__ */ jsx127(
+              showLogout && /* @__PURE__ */ jsx128(
                 "button",
                 {
                   type: "button",
@@ -12360,16 +12484,16 @@ var ScProfilePopup = forwardRef2(
                   onClick: onLogout,
                   "aria-label": logoutLabel,
                   title: logoutLabel,
-                  children: /* @__PURE__ */ jsx127(SiconLogout4, { size: 24 })
+                  children: /* @__PURE__ */ jsx128(SiconLogout4, { size: 24 })
                 }
               )
             ] })
           ] }),
-          hasWorkspaceBlock && /* @__PURE__ */ jsxs107(Fragment30, { children: [
-            /* @__PURE__ */ jsx127(ScHDivider, { className: "" }),
-            /* @__PURE__ */ jsxs107("div", { className: ScProfilePopup_default.profileDetails, children: [
-              showWorkspace && /* @__PURE__ */ jsxs107("div", { className: ScProfilePopup_default.workspaceInfo, children: [
-                /* @__PURE__ */ jsx127(
+          hasWorkspaceBlock && /* @__PURE__ */ jsxs108(Fragment30, { children: [
+            /* @__PURE__ */ jsx128(ScHDivider, { className: "" }),
+            /* @__PURE__ */ jsxs108("div", { className: ScProfilePopup_default.profileDetails, children: [
+              showWorkspace && /* @__PURE__ */ jsxs108("div", { className: ScProfilePopup_default.workspaceInfo, children: [
+                /* @__PURE__ */ jsx128(
                   ScWorkspace,
                   {
                     workspaceName,
@@ -12378,17 +12502,17 @@ var ScProfilePopup = forwardRef2(
                     className: ScProfilePopup_default.scWorkspaceInstance
                   }
                 ),
-                credits != null && /* @__PURE__ */ jsxs107("div", { className: ScProfilePopup_default.creditsPill, children: [
-                  /* @__PURE__ */ jsx127(SiconCredits3, { size: 16 }),
-                  /* @__PURE__ */ jsx127("span", { className: ScProfilePopup_default.creditsValue, children: credits })
+                credits != null && /* @__PURE__ */ jsxs108("div", { className: ScProfilePopup_default.creditsPill, children: [
+                  /* @__PURE__ */ jsx128(SiconCredits3, { size: 16 }),
+                  /* @__PURE__ */ jsx128("span", { className: ScProfilePopup_default.creditsValue, children: credits })
                 ] })
               ] }),
-              (showSwitchWorkspace || workspaceContent) && /* @__PURE__ */ jsxs107("div", { className: ScProfilePopup_default.switchWorkspaceRow, children: [
-                showSwitchWorkspace && /* @__PURE__ */ jsx127(
+              (showSwitchWorkspace || workspaceContent) && /* @__PURE__ */ jsxs108("div", { className: ScProfilePopup_default.switchWorkspaceRow, children: [
+                showSwitchWorkspace && /* @__PURE__ */ jsx128(
                   ScButton,
                   {
                     text: switchWorkspaceLabel,
-                    icon: /* @__PURE__ */ jsx127(SiconWorkspace3, { size: 20 }),
+                    icon: /* @__PURE__ */ jsx128(SiconWorkspace3, { size: 20 }),
                     styleVariant: "icon-left",
                     variant: "outline",
                     size: "md",
@@ -12400,13 +12524,13 @@ var ScProfilePopup = forwardRef2(
               ] })
             ] })
           ] }),
-          hasMenuBlock && /* @__PURE__ */ jsxs107(Fragment30, { children: [
-            /* @__PURE__ */ jsx127(ScHDivider, { className: "" }),
-            /* @__PURE__ */ jsxs107("div", { className: ScProfilePopup_default.settingsOptions, children: [
-              showTeams && menuRow(/* @__PURE__ */ jsx127(SiconTeam8, { size: 24 }), teamsLabel, onTeams),
-              showBilling && menuRow(/* @__PURE__ */ jsx127(SiconBilling6, { size: 24 }), billingLabel, onBilling),
-              showSettings && menuRow(/* @__PURE__ */ jsx127(SiconSettings4, { size: 24 }), settingsLabel, onSettings),
-              showWhatsNew && menuRow(/* @__PURE__ */ jsx127(SiconBolt6, { size: 24 }), whatsNewLabel, onWhatsNew, {
+          hasMenuBlock && /* @__PURE__ */ jsxs108(Fragment30, { children: [
+            /* @__PURE__ */ jsx128(ScHDivider, { className: "" }),
+            /* @__PURE__ */ jsxs108("div", { className: ScProfilePopup_default.settingsOptions, children: [
+              showTeams && menuRow(/* @__PURE__ */ jsx128(SiconTeam8, { size: 24 }), teamsLabel, onTeams),
+              showBilling && menuRow(/* @__PURE__ */ jsx128(SiconBilling6, { size: 24 }), billingLabel, onBilling),
+              showSettings && menuRow(/* @__PURE__ */ jsx128(SiconSettings4, { size: 24 }), settingsLabel, onSettings),
+              showWhatsNew && menuRow(/* @__PURE__ */ jsx128(SiconBolt6, { size: 24 }), whatsNewLabel, onWhatsNew, {
                 variant: version ? "with-v" : "default",
                 ...version ? { version } : {}
               }),
@@ -12414,16 +12538,16 @@ var ScProfilePopup = forwardRef2(
             ] })
           ] }),
           preFooterContent,
-          showThemeSwitcher && /* @__PURE__ */ jsx127(
+          showThemeSwitcher && /* @__PURE__ */ jsx128(
             ScTabSwitcher,
             {
               tabCount: "3",
               role: "radiogroup",
               "aria-label": "Theme",
               className: "",
-              component: themeTab("system", /* @__PURE__ */ jsx127(SiconSystem3, { size: 20 }), "System theme"),
-              component2: themeTab("light", /* @__PURE__ */ jsx127(SiconLight3, { size: 20 }), "Light theme"),
-              component3: themeTab("dark", /* @__PURE__ */ jsx127(SiconDark3, { size: 20 }), "Dark theme")
+              component: themeTab("system", /* @__PURE__ */ jsx128(SiconSystem3, { size: 20 }), "System theme"),
+              component2: themeTab("light", /* @__PURE__ */ jsx128(SiconLight3, { size: 20 }), "Light theme"),
+              component3: themeTab("dark", /* @__PURE__ */ jsx128(SiconDark3, { size: 20 }), "Dark theme")
             }
           ),
           children
@@ -12540,6 +12664,7 @@ export {
   ScSidebarAppIdentity,
   ScSidebarIcons,
   ScSidebarMenu,
+  ScSidebarPopover,
   ScSidebarProfile,
   ScSidebarResizeHandle,
   ScSidebarSearchTrigger,