@streamoid/ui 0.4.3 → 0.4.5

package/dist/index.mjs

@@ -3234,6 +3234,472 @@ function StreamoidSidebar({
   );
 }
 
+// src/SC-Artifax-Sidebar/ScArtifaxSidebar.tsx
+import {
+  useCallback,
+  useState as useState5
+} from "react";
+
+// src/SC-Artifax-Sidebar/ScArtifaxSidebar.module.css
+var ScArtifaxSidebar_default = {
+  scArtifaxSidebar: "ScArtifaxSidebar_scArtifaxSidebar",
+  variantExpanded: "ScArtifaxSidebar_variantExpanded",
+  container: "ScArtifaxSidebar_container",
+  expanded: "ScArtifaxSidebar_expanded",
+  collapsed: "ScArtifaxSidebar_collapsed",
+  borderOverlayExpanded: "ScArtifaxSidebar_borderOverlayExpanded",
+  borderOverlayCollapsed: "ScArtifaxSidebar_borderOverlayCollapsed",
+  body: "ScArtifaxSidebar_body",
+  bodyCollapsed: "ScArtifaxSidebar_bodyCollapsed",
+  logoUnitExpanded: "ScArtifaxSidebar_logoUnitExpanded",
+  logoUnitCollapsed: "ScArtifaxSidebar_logoUnitCollapsed",
+  sectionContainer: "ScArtifaxSidebar_sectionContainer",
+  sectionContainerCollapsed: "ScArtifaxSidebar_sectionContainerCollapsed",
+  sectionHeader: "ScArtifaxSidebar_sectionHeader",
+  sectionLabel: "ScArtifaxSidebar_sectionLabel",
+  sectionChevron: "ScArtifaxSidebar_sectionChevron",
+  switchAppRow: "ScArtifaxSidebar_switchAppRow",
+  switchAppIconBox: "ScArtifaxSidebar_switchAppIconBox",
+  switchAppLabel: "ScArtifaxSidebar_switchAppLabel",
+  switchAppRowCollapsed: "ScArtifaxSidebar_switchAppRowCollapsed",
+  profileRow: "ScArtifaxSidebar_profileRow",
+  profileRowCollapsed: "ScArtifaxSidebar_profileRowCollapsed",
+  profileAvatar: "ScArtifaxSidebar_profileAvatar",
+  profileInfo: "ScArtifaxSidebar_profileInfo",
+  profileName: "ScArtifaxSidebar_profileName",
+  profileSubtitle: "ScArtifaxSidebar_profileSubtitle",
+  creditWarningSlot: "ScArtifaxSidebar_creditWarningSlot",
+  footerExpanded: "ScArtifaxSidebar_footerExpanded",
+  footerVersion: "ScArtifaxSidebar_footerVersion",
+  footerToggle: "ScArtifaxSidebar_footerToggle",
+  footerCollapsed: "ScArtifaxSidebar_footerCollapsed",
+  footerVersionCenter: "ScArtifaxSidebar_footerVersionCenter",
+  placeholderIcon: "ScArtifaxSidebar_placeholderIcon"
+};
+
+// src/SC-Artifax-Sidebar/ScArtifaxSidebar.tsx
+import {
+  SiconAppSwitch,
+  SiconCollapse as SiconCollapse3,
+  SiconDown,
+  SiconUp
+} from "@streamoid/icons";
+import { Fragment as Fragment15, jsx as jsx41, jsxs as jsxs33 } from "react/jsx-runtime";
+function ArtifaxPlaceholderIcon() {
+  return /* @__PURE__ */ jsx41("span", { "aria-hidden": "true", className: ScArtifaxSidebar_default.placeholderIcon });
+}
+function resolveIcon2(iconMap, item, active, expanded) {
+  const renderer = iconMap?.[item.iconKey];
+  if (renderer == null) return /* @__PURE__ */ jsx41(ArtifaxPlaceholderIcon, {});
+  if (typeof renderer === "function") {
+    return /* @__PURE__ */ jsx41(Fragment15, { children: renderer({ item, active, expanded }) });
+  }
+  return /* @__PURE__ */ jsx41(Fragment15, { children: renderer });
+}
+function resolveToggleIcon2(toggleIcon, expanded) {
+  if (toggleIcon == null)
+    return /* @__PURE__ */ jsx41(SiconCollapse3, {});
+  if (typeof toggleIcon === "function") {
+    return toggleIcon(expanded);
+  }
+  return toggleIcon;
+}
+function SectionHeader2({
+  label,
+  open,
+  onToggle
+}) {
+  const Chevron = open ? SiconUp : SiconDown;
+  return /* @__PURE__ */ jsxs33(
+    "button",
+    {
+      type: "button",
+      className: ScArtifaxSidebar_default.sectionHeader,
+      onClick: onToggle,
+      disabled: !onToggle,
+      children: [
+        /* @__PURE__ */ jsx41("span", { className: ScArtifaxSidebar_default.sectionLabel, children: label }),
+        /* @__PURE__ */ jsx41(Chevron, { className: ScArtifaxSidebar_default.sectionChevron })
+      ]
+    }
+  );
+}
+var ScArtifaxSidebar = ({
+  expanded,
+  onToggle,
+  sections,
+  iconMap,
+  activeItemId,
+  onItemSelect,
+  expandedLogo,
+  collapsedLogo,
+  creditWarning,
+  switchApp,
+  profile,
+  versionText = "v2.1.2",
+  toggleIcon,
+  openSections,
+  onSectionToggle,
+  className,
+  style
+}) => {
+  const isControlled = !!openSections;
+  const [internalOpen, setInternalOpen] = useState5(
+    () => {
+      const init = {};
+      sections.forEach((s) => {
+        init[s.id] = s.defaultOpen ?? true;
+      });
+      return init;
+    }
+  );
+  const isSectionOpen = (id) => isControlled ? !!openSections?.[id] : !!internalOpen[id];
+  const handleSectionToggle = useCallback(
+    (id) => {
+      const next = !isSectionOpen(id);
+      if (isControlled) {
+        onSectionToggle?.(id, next);
+      } else {
+        setInternalOpen((p) => ({ ...p, [id]: next }));
+        onSectionToggle?.(id, next);
+      }
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [isControlled, onSectionToggle, internalOpen, openSections]
+  );
+  const renderMenuItem2 = (item, sectionId) => {
+    const active = item.id === activeItemId;
+    const state = active ? "active" : "default";
+    return /* @__PURE__ */ jsx41(
+      ScSidebarMenu,
+      {
+        icon: resolveIcon2(iconMap, item, active, expanded),
+        text: expanded ? item.label : void 0,
+        state,
+        variant: expanded ? "expanded" : "collapsed",
+        onClick: () => onItemSelect?.(item, sectionId)
+      },
+      item.id
+    );
+  };
+  if (expanded) {
+    return /* @__PURE__ */ jsx41(
+      "div",
+      {
+        className: ScArtifaxSidebar_default.scArtifaxSidebar + " " + ScArtifaxSidebar_default.variantExpanded + (className ? " " + className : ""),
+        style,
+        children: /* @__PURE__ */ jsxs33("div", { className: ScArtifaxSidebar_default.container + " " + ScArtifaxSidebar_default.expanded, children: [
+          /* @__PURE__ */ jsx41("div", { "aria-hidden": "true", className: ScArtifaxSidebar_default.borderOverlayExpanded }),
+          /* @__PURE__ */ jsxs33("div", { className: ScArtifaxSidebar_default.body, children: [
+            expandedLogo ? /* @__PURE__ */ jsx41("div", { className: ScArtifaxSidebar_default.logoUnitExpanded, children: 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__ */ jsxs33("div", { children: [
+                idx > 0 ? /* @__PURE__ */ jsx41(ScHDivider, {}) : null,
+                /* @__PURE__ */ jsxs33("div", { className: ScArtifaxSidebar_default.sectionContainer, children: [
+                  showHeader ? /* @__PURE__ */ jsx41(
+                    SectionHeader2,
+                    {
+                      label: section.label,
+                      open,
+                      onToggle: canToggle ? () => handleSectionToggle(section.id) : void 0
+                    }
+                  ) : null,
+                  open ? section.items.map(
+                    (item) => renderMenuItem2(item, section.id)
+                  ) : null
+                ] })
+              ] }, section.id);
+            })
+          ] }),
+          creditWarning ? /* @__PURE__ */ jsxs33(Fragment15, { children: [
+            /* @__PURE__ */ jsx41("div", { className: ScArtifaxSidebar_default.creditWarningSlot, children: /* @__PURE__ */ jsx41(
+              CreditWarningBanner,
+              {
+                availableCredits: creditWarning.availableCredits,
+                remainingPct: creditWarning.remainingPct,
+                level: creditWarning.level ?? "danger",
+                onBuyCredits: creditWarning.onBuyCredits,
+                expanded: true
+              }
+            ) }),
+            /* @__PURE__ */ jsx41(ScHDivider, {})
+          ] }) : null,
+          switchApp ? /* @__PURE__ */ jsxs33(Fragment15, { children: [
+            /* @__PURE__ */ jsxs33(
+              "button",
+              {
+                type: "button",
+                className: ScArtifaxSidebar_default.switchAppRow,
+                onClick: switchApp.onClick,
+                children: [
+                  /* @__PURE__ */ jsx41("div", { className: ScArtifaxSidebar_default.switchAppIconBox, children: switchApp.icon ?? /* @__PURE__ */ jsx41(SiconAppSwitch, {}) }),
+                  /* @__PURE__ */ jsx41("span", { className: ScArtifaxSidebar_default.switchAppLabel, children: switchApp.label ?? "Switch App" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx41(ScHDivider, {})
+          ] }) : null,
+          profile ? /* @__PURE__ */ jsxs33(Fragment15, { children: [
+            /* @__PURE__ */ jsxs33(
+              "button",
+              {
+                type: "button",
+                className: ScArtifaxSidebar_default.profileRow,
+                onClick: profile.onClick,
+                children: [
+                  /* @__PURE__ */ jsx41("div", { className: ScArtifaxSidebar_default.profileAvatar, children: profile.avatar }),
+                  /* @__PURE__ */ jsxs33("div", { className: ScArtifaxSidebar_default.profileInfo, children: [
+                    /* @__PURE__ */ jsx41("span", { className: ScArtifaxSidebar_default.profileName, children: profile.name }),
+                    profile.subtitle ? /* @__PURE__ */ jsx41("span", { className: ScArtifaxSidebar_default.profileSubtitle, children: profile.subtitle }) : null
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx41(ScHDivider, {})
+          ] }) : null,
+          /* @__PURE__ */ jsxs33("div", { className: ScArtifaxSidebar_default.footerExpanded, children: [
+            /* @__PURE__ */ jsx41("span", { className: ScArtifaxSidebar_default.footerVersion, children: versionText }),
+            /* @__PURE__ */ jsx41(
+              "button",
+              {
+                type: "button",
+                className: ScArtifaxSidebar_default.footerToggle,
+                onClick: onToggle,
+                "aria-label": "Collapse sidebar",
+                children: resolveToggleIcon2(toggleIcon, true)
+              }
+            )
+          ] })
+        ] })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx41(
+    "div",
+    {
+      className: ScArtifaxSidebar_default.scArtifaxSidebar + (className ? " " + className : ""),
+      style,
+      children: /* @__PURE__ */ jsxs33("div", { className: ScArtifaxSidebar_default.container + " " + ScArtifaxSidebar_default.collapsed, children: [
+        /* @__PURE__ */ jsx41("div", { "aria-hidden": "true", className: ScArtifaxSidebar_default.borderOverlayCollapsed }),
+        /* @__PURE__ */ jsxs33("div", { className: ScArtifaxSidebar_default.body + " " + ScArtifaxSidebar_default.bodyCollapsed, children: [
+          collapsedLogo ? /* @__PURE__ */ jsx41("div", { className: ScArtifaxSidebar_default.logoUnitCollapsed, children: collapsedLogo }) : null,
+          sections.map((section, idx) => /* @__PURE__ */ jsxs33("div", { children: [
+            idx > 0 ? /* @__PURE__ */ jsx41(ScHDivider, {}) : null,
+            /* @__PURE__ */ jsx41("div", { className: ScArtifaxSidebar_default.sectionContainerCollapsed, children: section.items.map((item) => renderMenuItem2(item, section.id)) })
+          ] }, section.id))
+        ] }),
+        creditWarning ? /* @__PURE__ */ jsxs33(Fragment15, { children: [
+          /* @__PURE__ */ jsx41("div", { className: ScArtifaxSidebar_default.creditWarningSlot, children: /* @__PURE__ */ jsx41(
+            CreditWarningBanner,
+            {
+              availableCredits: creditWarning.availableCredits,
+              remainingPct: creditWarning.remainingPct,
+              level: creditWarning.level ?? "danger",
+              onBuyCredits: creditWarning.onBuyCredits,
+              expanded: false
+            }
+          ) }),
+          /* @__PURE__ */ jsx41(ScHDivider, {})
+        ] }) : null,
+        switchApp ? /* @__PURE__ */ jsxs33(Fragment15, { children: [
+          /* @__PURE__ */ jsx41(
+            "button",
+            {
+              type: "button",
+              className: ScArtifaxSidebar_default.switchAppRowCollapsed,
+              onClick: switchApp.onClick,
+              "aria-label": switchApp.label ?? "Switch App",
+              children: switchApp.icon ?? /* @__PURE__ */ jsx41(SiconAppSwitch, {})
+            }
+          ),
+          /* @__PURE__ */ jsx41(ScHDivider, {})
+        ] }) : null,
+        profile ? /* @__PURE__ */ jsxs33(Fragment15, { children: [
+          /* @__PURE__ */ jsx41(
+            "button",
+            {
+              type: "button",
+              className: ScArtifaxSidebar_default.profileRowCollapsed,
+              onClick: profile.onClick,
+              "aria-label": profile.name,
+              children: /* @__PURE__ */ jsx41("div", { className: ScArtifaxSidebar_default.profileAvatar, children: profile.avatar })
+            }
+          ),
+          /* @__PURE__ */ jsx41(ScHDivider, {})
+        ] }) : null,
+        /* @__PURE__ */ jsxs33("div", { className: ScArtifaxSidebar_default.footerCollapsed, children: [
+          /* @__PURE__ */ jsx41(
+            "button",
+            {
+              type: "button",
+              className: ScArtifaxSidebar_default.footerToggle,
+              onClick: onToggle,
+              "aria-label": "Expand sidebar",
+              children: resolveToggleIcon2(toggleIcon, false)
+            }
+          ),
+          /* @__PURE__ */ jsx41("span", { className: ScArtifaxSidebar_default.footerVersionCenter, children: versionText })
+        ] })
+      ] })
+    }
+  );
+};
+
+// src/SC-Guide/ScGuide.module.css
+var ScGuide_default = {
+  scGuide: "ScGuide_scGuide",
+  header: "ScGuide_header",
+  title: "ScGuide_title",
+  description: "ScGuide_description",
+  actions: "ScGuide_actions",
+  skipButton: "ScGuide_skipButton",
+  skipSpacer: "ScGuide_skipSpacer",
+  nextButton: "ScGuide_nextButton",
+  nextLabel: "ScGuide_nextLabel",
+  nextIcon: "ScGuide_nextIcon"
+};
+
+// src/SC-Guide/ScGuide.tsx
+import { SiconRight as SiconRight2 } from "@streamoid/icons";
+import { jsx as jsx42, jsxs as jsxs34 } from "react/jsx-runtime";
+var ScGuide = ({
+  title = "Title",
+  description = "Description",
+  skipLabel = "Skip",
+  nextLabel = "Next",
+  nextIcon,
+  onSkip,
+  onNext,
+  hideSkip = false,
+  hideNext = false,
+  disabled = false,
+  className,
+  style
+}) => {
+  return /* @__PURE__ */ jsxs34(
+    "div",
+    {
+      className: ScGuide_default.scGuide + (className ? " " + className : ""),
+      style,
+      children: [
+        /* @__PURE__ */ jsxs34("div", { className: ScGuide_default.header, children: [
+          /* @__PURE__ */ jsx42("p", { className: ScGuide_default.title, children: title }),
+          /* @__PURE__ */ jsx42("p", { className: ScGuide_default.description, children: description })
+        ] }),
+        /* @__PURE__ */ jsx42(ScHDivider, {}),
+        /* @__PURE__ */ jsxs34("div", { className: ScGuide_default.actions, children: [
+          hideSkip ? /* @__PURE__ */ jsx42("span", { className: ScGuide_default.skipSpacer, "aria-hidden": "true", children: skipLabel }) : /* @__PURE__ */ jsx42(
+            "button",
+            {
+              type: "button",
+              className: ScGuide_default.skipButton,
+              onClick: onSkip,
+              disabled,
+              children: skipLabel
+            }
+          ),
+          !hideNext && /* @__PURE__ */ jsxs34(
+            "button",
+            {
+              type: "button",
+              className: ScGuide_default.nextButton,
+              onClick: onNext,
+              disabled,
+              children: [
+                /* @__PURE__ */ jsx42("span", { className: ScGuide_default.nextLabel, children: nextLabel }),
+                /* @__PURE__ */ jsx42("span", { className: ScGuide_default.nextIcon, children: nextIcon ?? /* @__PURE__ */ jsx42(SiconRight2, { size: 16, strokeWidth: 1.5 }) })
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+
+// src/SC-SideBarLogoUnit/ScSideBarLogoUnit.module.css
+var ScSideBarLogoUnit_default = {
+  scSideBarLogoUnit: "ScSideBarLogoUnit_scSideBarLogoUnit",
+  row: "ScSideBarLogoUnit_row",
+  chip: "ScSideBarLogoUnit_chip",
+  nonInteractive: "ScSideBarLogoUnit_nonInteractive",
+  switch: "ScSideBarLogoUnit_switch",
+  switchIcon: "ScSideBarLogoUnit_switchIcon",
+  collapsed: "ScSideBarLogoUnit_collapsed",
+  collapsedTrigger: "ScSideBarLogoUnit_collapsedTrigger"
+};
+
+// src/SC-SideBarLogoUnit/ScSideBarLogoUnit.tsx
+import { SiconDoubleArrow } from "@streamoid/icons";
+import { jsx as jsx43, jsxs as jsxs35 } from "react/jsx-runtime";
+var ScSideBarLogoUnit = ({
+  state = "expanded",
+  wordmark,
+  onClick,
+  onSwitchClick,
+  switchAriaLabel = "Switch product",
+  hideSwitch = false,
+  disabled = false,
+  className,
+  style
+}) => {
+  const interactive = !!onClick && !disabled;
+  if (state === "collapsed") {
+    return /* @__PURE__ */ jsx43(
+      "div",
+      {
+        className: ScSideBarLogoUnit_default.scSideBarLogoUnit + " " + ScSideBarLogoUnit_default.collapsed + (className ? " " + className : ""),
+        style,
+        children: /* @__PURE__ */ jsx43(
+          "button",
+          {
+            type: "button",
+            className: ScSideBarLogoUnit_default.collapsedTrigger + (interactive ? "" : " " + ScSideBarLogoUnit_default.nonInteractive),
+            onClick: interactive ? onClick : void 0,
+            disabled,
+            "aria-disabled": !interactive || disabled,
+            children: wordmark
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx43(
+    "div",
+    {
+      className: ScSideBarLogoUnit_default.scSideBarLogoUnit + (className ? " " + className : ""),
+      style,
+      children: /* @__PURE__ */ jsxs35("div", { className: ScSideBarLogoUnit_default.row, children: [
+        /* @__PURE__ */ jsx43(
+          "button",
+          {
+            type: "button",
+            className: ScSideBarLogoUnit_default.chip + (interactive ? "" : " " + ScSideBarLogoUnit_default.nonInteractive),
+            onClick: interactive ? onClick : void 0,
+            disabled,
+            "aria-disabled": !interactive || disabled,
+            children: wordmark
+          }
+        ),
+        hideSwitch ? null : /* @__PURE__ */ jsx43(
+          "button",
+          {
+            type: "button",
+            className: ScSideBarLogoUnit_default.switch,
+            onClick: onSwitchClick,
+            disabled: disabled || !onSwitchClick,
+            "aria-label": switchAriaLabel,
+            children: /* @__PURE__ */ jsx43("span", { className: ScSideBarLogoUnit_default.switchIcon, children: /* @__PURE__ */ jsx43(SiconDoubleArrow, { size: 16, strokeWidth: 1.5 }) })
+          }
+        )
+      ] })
+    }
+  );
+};
+
 // src/SC-Slider/ScSlider.module.css
 var ScSlider_default = {
   scSlider: "ScSlider_scSlider",
@@ -3244,23 +3710,23 @@ var ScSlider_default = {
 };
 
 // src/SC-Slider/ScSlider.tsx
-import { jsx as jsx41, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs36 } from "react/jsx-runtime";
 var ScSlider = ({
   className,
   onValueChange,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs33("div", { className: ScSlider_default.scSlider + " " + className, ...props, children: [
-    /* @__PURE__ */ jsx41("div", { className: ScSlider_default.progressBar }),
-    /* @__PURE__ */ jsx41("div", { className: ScSlider_default.progressDot }),
-    /* @__PURE__ */ jsx41("div", { className: ScSlider_default.progressBar2 }),
-    /* @__PURE__ */ jsx41("div", { className: ScSlider_default.progressDot2 }),
-    /* @__PURE__ */ jsx41("div", { className: ScSlider_default.progressBar2 }),
-    /* @__PURE__ */ jsx41("div", { className: ScSlider_default.progressDot2 }),
-    /* @__PURE__ */ jsx41("div", { className: ScSlider_default.progressBar2 }),
-    /* @__PURE__ */ jsx41("div", { className: ScSlider_default.progressDot2 }),
-    /* @__PURE__ */ jsx41("div", { className: ScSlider_default.progressBar2 }),
-    /* @__PURE__ */ jsx41("div", { className: ScSlider_default.progressDot2 })
+  return /* @__PURE__ */ jsxs36("div", { className: ScSlider_default.scSlider + " " + className, ...props, children: [
+    /* @__PURE__ */ jsx44("div", { className: ScSlider_default.progressBar }),
+    /* @__PURE__ */ jsx44("div", { className: ScSlider_default.progressDot }),
+    /* @__PURE__ */ jsx44("div", { className: ScSlider_default.progressBar2 }),
+    /* @__PURE__ */ jsx44("div", { className: ScSlider_default.progressDot2 }),
+    /* @__PURE__ */ jsx44("div", { className: ScSlider_default.progressBar2 }),
+    /* @__PURE__ */ jsx44("div", { className: ScSlider_default.progressDot2 }),
+    /* @__PURE__ */ jsx44("div", { className: ScSlider_default.progressBar2 }),
+    /* @__PURE__ */ jsx44("div", { className: ScSlider_default.progressDot2 }),
+    /* @__PURE__ */ jsx44("div", { className: ScSlider_default.progressBar2 }),
+    /* @__PURE__ */ jsx44("div", { className: ScSlider_default.progressDot2 })
   ] });
 };
 
@@ -3272,7 +3738,7 @@ import {
   SiconCrown,
   SiconSwitch
 } from "@streamoid/icons";
-import { jsx as jsx42, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs37 } 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";
@@ -3290,7 +3756,7 @@ function WorkspaceRow({
   switchWorkspaceText,
   onSwitch
 }) {
-  return /* @__PURE__ */ jsxs34(
+  return /* @__PURE__ */ jsxs37(
     "div",
     {
       className: "relative shrink-0 w-full",
@@ -3300,7 +3766,7 @@ function WorkspaceRow({
         backdropFilter: "blur(4px)"
       },
       children: [
-        /* @__PURE__ */ jsx42(
+        /* @__PURE__ */ jsx45(
           "div",
           {
             "aria-hidden": "true",
@@ -3311,7 +3777,7 @@ function WorkspaceRow({
             }
           }
         ),
-        /* @__PURE__ */ jsx42("div", { className: "flex flex-row items-center size-full", children: /* @__PURE__ */ jsxs34(
+        /* @__PURE__ */ jsx45("div", { className: "flex flex-row items-center size-full", children: /* @__PURE__ */ jsxs37(
           "div",
           {
             className: "flex items-center w-full",
@@ -3320,20 +3786,20 @@ function WorkspaceRow({
               padding: "var(--spacing-6xl)"
             },
             children: [
-              /* @__PURE__ */ jsxs34(
+              /* @__PURE__ */ jsxs37(
                 "div",
                 {
                   className: "flex flex-1 items-center min-w-0",
                   style: { gap: "var(--spacing-xl)" },
                   children: [
-                    /* @__PURE__ */ jsx42(
+                    /* @__PURE__ */ jsx45(
                       ScIntialProfileCover,
                       {
                         intial: workspace.initials || deriveInitials(workspace.name),
                         className: "shrink-0"
                       }
                     ),
-                    /* @__PURE__ */ jsx42(
+                    /* @__PURE__ */ jsx45(
                       "p",
                       {
                         className: "flex-1 min-w-0 overflow-hidden text-ellipsis",
@@ -3353,7 +3819,7 @@ function WorkspaceRow({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxs34(
+              /* @__PURE__ */ jsxs37(
                 "div",
                 {
                   className: "flex items-center justify-center shrink-0",
@@ -3362,7 +3828,7 @@ function WorkspaceRow({
                     padding: "0 var(--spacing-3xl)"
                   },
                   children: [
-                    /* @__PURE__ */ jsx42(
+                    /* @__PURE__ */ jsx45(
                       ScRole,
                       {
                         type: normalizeRole(workspace.role),
@@ -3370,23 +3836,23 @@ function WorkspaceRow({
                         style: { width: 80 }
                       }
                     ),
-                    /* @__PURE__ */ jsx42("div", { className: "flex flex-row items-center self-stretch", children: /* @__PURE__ */ jsxs34(
+                    /* @__PURE__ */ jsx45("div", { className: "flex flex-row items-center self-stretch", children: /* @__PURE__ */ jsxs37(
                       "div",
                       {
                         className: "flex items-center shrink-0",
                         style: { gap: "var(--spacing-3xl)" },
                         children: [
-                          /* @__PURE__ */ jsx42("div", { style: { width: 120, flexShrink: 0 }, children: /* @__PURE__ */ jsx42(
+                          /* @__PURE__ */ jsx45("div", { style: { width: 120, flexShrink: 0 }, children: /* @__PURE__ */ jsx45(
                             ScPairtext,
                             {
-                              icon: /* @__PURE__ */ jsx42(SiconTeam4, { className: "w-6 h-6", color: PRIMARY_ICON }),
+                              icon: /* @__PURE__ */ jsx45(SiconTeam4, { className: "w-6 h-6", color: PRIMARY_ICON }),
                               content: workspace.userCount || "\u2013",
                               iconPosition: "left",
                               type: "icon"
                             }
                           ) }),
-                          /* @__PURE__ */ jsx42(ScVDivider, {}),
-                          /* @__PURE__ */ jsxs34(
+                          /* @__PURE__ */ jsx45(ScVDivider, {}),
+                          /* @__PURE__ */ jsxs37(
                             "div",
                             {
                               className: "flex items-center",
@@ -3396,14 +3862,14 @@ function WorkspaceRow({
                                 gap: "var(--spacing-md)"
                               },
                               children: [
-                                /* @__PURE__ */ jsx42(
+                                /* @__PURE__ */ jsx45(
                                   SiconCrown,
                                   {
                                     className: "w-6 h-6 shrink-0",
                                     color: PRIMARY_ICON
                                   }
                                 ),
-                                /* @__PURE__ */ jsx42(
+                                /* @__PURE__ */ jsx45(
                                   "span",
                                   {
                                     className: "truncate",
@@ -3425,7 +3891,7 @@ function WorkspaceRow({
                   ]
                 }
               ),
-              workspace.isCurrent ? /* @__PURE__ */ jsx42(
+              workspace.isCurrent ? /* @__PURE__ */ jsx45(
                 ScButton,
                 {
                   text: currentWorkspaceText,
@@ -3434,14 +3900,14 @@ function WorkspaceRow({
                   size: "lg",
                   style: { width: 200, flexShrink: 0, opacity: 0.5 }
                 }
-              ) : /* @__PURE__ */ jsx42(
+              ) : /* @__PURE__ */ jsx45(
                 ScButton,
                 {
                   text: switchWorkspaceText,
                   variant: "secondary",
                   size: "lg",
                   styleVariant: "icon-left",
-                  icon: /* @__PURE__ */ jsx42(SiconSwitch, { className: "w-5 h-5", color: PRIMARY_ICON }),
+                  icon: /* @__PURE__ */ jsx45(SiconSwitch, { className: "w-5 h-5", color: PRIMARY_ICON }),
                   style: { width: 200, flexShrink: 0 },
                   onClick: onSwitch
                 }
@@ -3475,7 +3941,7 @@ function StreamoidWorkspaceSwitcher({
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [open, onClose]);
   if (!open) return null;
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx45(
     "div",
     {
       className: "fixed inset-0 z-50 flex items-center justify-center",
@@ -3483,7 +3949,7 @@ function StreamoidWorkspaceSwitcher({
       onClick: (e) => {
         if (e.target === e.currentTarget) onClose();
       },
-      children: /* @__PURE__ */ jsxs34(
+      children: /* @__PURE__ */ jsxs37(
         "div",
         {
           ref: modalRef,
@@ -3496,14 +3962,14 @@ function StreamoidWorkspaceSwitcher({
             height: "60vh"
           },
           children: [
-            /* @__PURE__ */ jsx42(
+            /* @__PURE__ */ jsx45(
               "div",
               {
                 className: "shrink-0 w-full relative",
                 style: {
                   borderBottom: "1px solid var(--alias-border-divider)"
                 },
-                children: /* @__PURE__ */ jsx42("div", { className: "flex flex-row items-center size-full", children: /* @__PURE__ */ jsxs34(
+                children: /* @__PURE__ */ jsx45("div", { className: "flex flex-row items-center size-full", children: /* @__PURE__ */ jsxs37(
                   "div",
                   {
                     className: "flex items-center w-full",
@@ -3512,7 +3978,7 @@ function StreamoidWorkspaceSwitcher({
                       padding: "var(--spacing-3xl) var(--spacing-6xl)"
                     },
                     children: [
-                      /* @__PURE__ */ jsx42(
+                      /* @__PURE__ */ jsx45(
                         "p",
                         {
                           className: "flex-1 min-w-0 overflow-hidden text-ellipsis whitespace-nowrap",
@@ -3526,20 +3992,20 @@ function StreamoidWorkspaceSwitcher({
                           children: title
                         }
                       ),
-                      /* @__PURE__ */ jsx42("div", { className: "shrink-0 cursor-pointer", onClick: onClose, children: /* @__PURE__ */ jsx42(SiconClose2, { className: "w-6 h-6", color: PRIMARY_ICON }) })
+                      /* @__PURE__ */ jsx45("div", { className: "shrink-0 cursor-pointer", onClick: onClose, children: /* @__PURE__ */ jsx45(SiconClose2, { className: "w-6 h-6", color: PRIMARY_ICON }) })
                     ]
                   }
                 ) })
               }
             ),
-            /* @__PURE__ */ jsx42(
+            /* @__PURE__ */ jsx45(
               "div",
               {
                 className: "flex-1 min-h-0 w-full overflow-y-auto",
                 style: {
                   borderRadius: "0 0 var(--radius-4xl) var(--radius-4xl)"
                 },
-                children: /* @__PURE__ */ jsxs34(
+                children: /* @__PURE__ */ jsxs37(
                   "div",
                   {
                     className: "flex flex-col items-start",
@@ -3548,7 +4014,7 @@ function StreamoidWorkspaceSwitcher({
                       gap: "var(--spacing-3xl)"
                     },
                     children: [
-                      loading && workspaces.length === 0 ? /* @__PURE__ */ jsx42(
+                      loading && workspaces.length === 0 ? /* @__PURE__ */ jsx45(
                         "p",
                         {
                           style: {
@@ -3559,7 +4025,7 @@ function StreamoidWorkspaceSwitcher({
                           children: loadingText
                         }
                       ) : null,
-                      workspaces.map((ws) => /* @__PURE__ */ jsx42(
+                      workspaces.map((ws) => /* @__PURE__ */ jsx45(
                         WorkspaceRow,
                         {
                           workspace: ws,
@@ -3598,23 +4064,23 @@ var ScAppListingCard_default = {
 
 // src/SC-app listing card/ScAppListingCard.tsx
 import { SiconCart } from "@streamoid/icons";
-import { jsx as jsx43, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs38 } from "react/jsx-runtime";
 var ScAppListingCard = ({
-  icon = /* @__PURE__ */ jsx43(SiconCart, { className: ScAppListingCard_default.siconCartInstance }),
+  icon = /* @__PURE__ */ jsx46(SiconCart, { className: ScAppListingCard_default.siconCartInstance }),
   title = "Stores",
   descrp = "Centralized product and asset management for every storefront",
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs35("div", { className: ScAppListingCard_default.scAppListingCard + " " + className, ...props, children: [
-    /* @__PURE__ */ jsxs35("div", { className: ScAppListingCard_default.header, children: [
-      /* @__PURE__ */ jsx43("div", { className: ScAppListingCard_default.iconContainer, children: icon }),
-      /* @__PURE__ */ jsxs35("div", { className: ScAppListingCard_default.title, children: [
+  return /* @__PURE__ */ jsxs38("div", { className: ScAppListingCard_default.scAppListingCard + " " + className, ...props, children: [
+    /* @__PURE__ */ jsxs38("div", { className: ScAppListingCard_default.header, children: [
+      /* @__PURE__ */ jsx46("div", { className: ScAppListingCard_default.iconContainer, children: icon }),
+      /* @__PURE__ */ jsxs38("div", { className: ScAppListingCard_default.title, children: [
         title,
         " "
       ] })
     ] }),
-    /* @__PURE__ */ jsxs35("div", { className: ScAppListingCard_default.description, children: [
+    /* @__PURE__ */ jsxs38("div", { className: ScAppListingCard_default.description, children: [
       descrp,
       " "
     ] })
@@ -3632,22 +4098,22 @@ var ScAppCard_default = {
 
 // src/SC-appCard/ScAppCard.tsx
 import { SiconArtifacts as SiconArtifacts2 } from "@streamoid/icons";
-import { jsx as jsx44, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs39 } from "react/jsx-runtime";
 var ScAppCard = ({
-  appIcon = /* @__PURE__ */ jsx44(SiconArtifacts2, { className: ScAppCard_default.siconArtifactsInstance }),
+  appIcon = /* @__PURE__ */ jsx47(SiconArtifacts2, { className: ScAppCard_default.siconArtifactsInstance }),
   appName = "Artifax",
   appDescription = "Info about artifax",
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs36("div", { className: ScAppCard_default.scAppCard + " " + className, ...props, children: [
-    /* @__PURE__ */ jsx44("div", { className: ScAppCard_default.iconContainer, children: appIcon }),
-    /* @__PURE__ */ jsxs36("div", { className: ScAppCard_default.textContainer, children: [
-      /* @__PURE__ */ jsxs36("div", { className: ScAppCard_default.title, children: [
+  return /* @__PURE__ */ jsxs39("div", { className: ScAppCard_default.scAppCard + " " + className, ...props, children: [
+    /* @__PURE__ */ jsx47("div", { className: ScAppCard_default.iconContainer, children: appIcon }),
+    /* @__PURE__ */ jsxs39("div", { className: ScAppCard_default.textContainer, children: [
+      /* @__PURE__ */ jsxs39("div", { className: ScAppCard_default.title, children: [
         appName,
         " "
       ] }),
-      /* @__PURE__ */ jsxs36("div", { className: ScAppCard_default.subtitle, children: [
+      /* @__PURE__ */ jsxs39("div", { className: ScAppCard_default.subtitle, children: [
         appDescription,
         " "
       ] })
@@ -3674,9 +4140,9 @@ var ScAppCardV3_default = {
 
 // src/SC-AppCardV3/ScAppCardV3.tsx
 import { SiconCart as SiconCart2 } from "@streamoid/icons";
-import { jsx as jsx45, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs40 } from "react/jsx-runtime";
 var ScAppCardV3 = ({
-  appIcon = /* @__PURE__ */ jsx45(SiconCart2, { className: ScAppCardV3_default.iconPillIcon }),
+  appIcon = /* @__PURE__ */ jsx48(SiconCart2, { className: ScAppCardV3_default.iconPillIcon }),
   appName = "Stores",
   description = "Centralized product and asset management for every storefront",
   active = false,
@@ -3688,25 +4154,25 @@ var ScAppCardV3 = ({
     ScAppCardV3_default.scAppCardV3,
     active ? ScAppCardV3_default.scAppCardV3Active : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx48(
     "div",
     {
       className: [ScAppCardV3_default.cardBorder, className || ""].filter(Boolean).join(" "),
       style,
       ...props,
-      children: /* @__PURE__ */ jsxs37("div", { className: cardClass, children: [
-        /* @__PURE__ */ jsx45("div", { className: ScAppCardV3_default.glow }),
-        /* @__PURE__ */ jsx45("div", { className: ScAppCardV3_default.glowHover }),
-        /* @__PURE__ */ jsxs37("div", { className: ScAppCardV3_default.header, children: [
-          /* @__PURE__ */ jsxs37("div", { className: ScAppCardV3_default.iconRow, children: [
-            /* @__PURE__ */ jsx45("p", { className: ScAppCardV3_default.appName, children: appName }),
-            /* @__PURE__ */ jsxs37("div", { className: ScAppCardV3_default.iconPill, children: [
-              /* @__PURE__ */ jsx45("div", { className: ScAppCardV3_default.iconPillBg }),
-              /* @__PURE__ */ jsx45("div", { className: ScAppCardV3_default.iconPillIcon, children: appIcon }),
-              /* @__PURE__ */ jsx45("div", { className: ScAppCardV3_default.iconPillShadow })
+      children: /* @__PURE__ */ jsxs40("div", { className: cardClass, children: [
+        /* @__PURE__ */ jsx48("div", { className: ScAppCardV3_default.glow }),
+        /* @__PURE__ */ jsx48("div", { className: ScAppCardV3_default.glowHover }),
+        /* @__PURE__ */ jsxs40("div", { className: ScAppCardV3_default.header, children: [
+          /* @__PURE__ */ jsxs40("div", { className: ScAppCardV3_default.iconRow, children: [
+            /* @__PURE__ */ jsx48("p", { className: ScAppCardV3_default.appName, children: appName }),
+            /* @__PURE__ */ jsxs40("div", { className: ScAppCardV3_default.iconPill, children: [
+              /* @__PURE__ */ jsx48("div", { className: ScAppCardV3_default.iconPillBg }),
+              /* @__PURE__ */ jsx48("div", { className: ScAppCardV3_default.iconPillIcon, children: appIcon }),
+              /* @__PURE__ */ jsx48("div", { className: ScAppCardV3_default.iconPillShadow })
             ] })
           ] }),
-          /* @__PURE__ */ jsx45("p", { className: ScAppCardV3_default.description, children: description })
+          /* @__PURE__ */ jsx48("p", { className: ScAppCardV3_default.description, children: description })
         ] })
       ] })
     }
@@ -3744,7 +4210,7 @@ var ScToggleSwitch_default = {
 };
 
 // src/SC-toggleSwitch/ScToggleSwitch.tsx
-import { jsx as jsx46, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs41 } from "react/jsx-runtime";
 var ScToggleSwitch = ({
   active = "false",
   checked,
@@ -3754,7 +4220,7 @@ var ScToggleSwitch = ({
 }) => {
   const isActive = checked !== void 0 ? checked : active === "true";
   const variantsClassName = ScToggleSwitch_default["active-" + (isActive ? "true" : "false")];
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx49(
     "div",
     {
       className: ScToggleSwitch_default.scToggleSwitch + " " + className + " " + variantsClassName,
@@ -3764,20 +4230,20 @@ var ScToggleSwitch = ({
         props.onClick?.(e);
       },
       style: { cursor: "pointer", ...props.style },
-      children: isActive ? /* @__PURE__ */ jsxs38("svg", { width: "40", height: "24", viewBox: "0 0 40 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-        /* @__PURE__ */ jsx46("rect", { width: "40", height: "24", rx: "12", fill: "var(--alias-fill-base-base, #f5f5f5)" }),
-        /* @__PURE__ */ jsx46("circle", { cx: "28", cy: "12", r: "10", fill: "var(--alias-text---icons-inverse, #101010)" })
-      ] }) : /* @__PURE__ */ jsxs38("svg", { width: "41", height: "25", viewBox: "0 0 41 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-        /* @__PURE__ */ jsx46("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__ */ jsx46("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__ */ jsx46("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__ */ jsxs41("svg", { width: "40", height: "24", viewBox: "0 0 40 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+        /* @__PURE__ */ jsx49("rect", { width: "40", height: "24", rx: "12", fill: "var(--alias-fill-base-base, #f5f5f5)" }),
+        /* @__PURE__ */ jsx49("circle", { cx: "28", cy: "12", r: "10", fill: "var(--alias-text---icons-inverse, #101010)" })
+      ] }) : /* @__PURE__ */ jsxs41("svg", { width: "41", height: "25", viewBox: "0 0 41 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+        /* @__PURE__ */ jsx49("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__ */ jsx49("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__ */ jsx49("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 jsx47, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs42 } from "react/jsx-runtime";
 var ScArtifaxInvite = ({
   active = "true",
   appName = "Artifax",
@@ -3790,22 +4256,22 @@ var ScArtifaxInvite = ({
 }) => {
   const isEnabled = enabled !== void 0 ? enabled : active === "true";
   const variantsClassName = ScArtifaxInvite_default["active-" + (isEnabled ? "true" : "false")];
-  return /* @__PURE__ */ jsxs39(
+  return /* @__PURE__ */ jsxs42(
     "div",
     {
       className: ScArtifaxInvite_default.scArtifaxInvite + " " + className + " " + variantsClassName,
       ...props,
       children: [
-        /* @__PURE__ */ jsx47(
+        /* @__PURE__ */ jsx50(
           ScAppCard,
           {
-            appIcon: appIcon || /* @__PURE__ */ jsx47(SiconArtifacts3, { className: ScArtifaxInvite_default.siconArtifactsInstance }),
+            appIcon: appIcon || /* @__PURE__ */ jsx50(SiconArtifacts3, { className: ScArtifaxInvite_default.siconArtifactsInstance }),
             appName,
             appDescription,
             className: ScArtifaxInvite_default.scAppCardInstance
           }
         ),
-        /* @__PURE__ */ jsx47(
+        /* @__PURE__ */ jsx50(
           ScToggleSwitch,
           {
             checked: isEnabled,
@@ -3831,12 +4297,12 @@ var ScPhtogenixInvite_default = {
 
 // src/SC-phtogenixInvite/ScPhtogenixInvite.tsx
 import { SiconArtifacts as SiconArtifacts4 } from "@streamoid/icons";
-import { jsx as jsx48, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs43 } from "react/jsx-runtime";
 var ScPhtogenixInvite = ({
   active = "true",
   scAppCardappDescription = "Info about photogenix",
   scAppCardappName = "Photogenix",
-  scAppCardappIcon = /* @__PURE__ */ jsx48(SiconArtifacts4, { className: ScPhtogenixInvite_default.siconArtifactsInstance }),
+  scAppCardappIcon = /* @__PURE__ */ jsx51(SiconArtifacts4, { className: ScPhtogenixInvite_default.siconArtifactsInstance }),
   className,
   enabled,
   onToggle,
@@ -3844,12 +4310,12 @@ var ScPhtogenixInvite = ({
 }) => {
   const isEnabled = enabled !== void 0 ? enabled : active === "true";
   const variantsClassName = ScPhtogenixInvite_default["active-" + (isEnabled ? "true" : "false")];
-  return /* @__PURE__ */ jsxs40(
+  return /* @__PURE__ */ jsxs43(
     "div",
     {
       className: ScPhtogenixInvite_default.scPhtogenixInvite + " " + className + " " + variantsClassName,
       children: [
-        /* @__PURE__ */ jsx48(
+        /* @__PURE__ */ jsx51(
           ScAppCard,
           {
             appIcon: scAppCardappIcon,
@@ -3858,7 +4324,7 @@ var ScPhtogenixInvite = ({
             className: ScPhtogenixInvite_default.scAppCardInstance
           }
         ),
-        /* @__PURE__ */ jsx48(
+        /* @__PURE__ */ jsx51(
           ScToggleSwitch,
           {
             checked: isEnabled,
@@ -3908,10 +4374,10 @@ var ScOnlyField_default = {
 
 // src/SC-onlyField/ScOnlyField.tsx
 import { SiconBolt as SiconBolt4 } from "@streamoid/icons";
-import { jsx as jsx49, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs44 } from "react/jsx-runtime";
 var ScOnlyField = ({
-  tfRightIcon = /* @__PURE__ */ jsx49(SiconBolt4, { className: ScOnlyField_default.siconBoltInstance }),
-  tfLeftIcon = /* @__PURE__ */ jsx49(SiconBolt4, { className: ScOnlyField_default.siconBoltInstance }),
+  tfRightIcon = /* @__PURE__ */ jsx52(SiconBolt4, { className: ScOnlyField_default.siconBoltInstance }),
+  tfLeftIcon = /* @__PURE__ */ jsx52(SiconBolt4, { className: ScOnlyField_default.siconBoltInstance }),
   state = "default",
   tfGroup = "icon-right",
   labelGroup = "none",
@@ -3924,14 +4390,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__ */ jsx49(
+  return /* @__PURE__ */ jsx52(
     "div",
     {
       className: ScOnlyField_default.scOnlyField + " " + className + " " + variantsClassName,
       ...props,
-      children: /* @__PURE__ */ jsxs41("div", { className: ScOnlyField_default.inputContainer, children: [
-        (tfGroup === "icon-left" || tfGroup === "icon-left-right") && /* @__PURE__ */ jsx49("div", { className: ScOnlyField_default.iconWrapper, children: tfLeftIcon }),
-        /* @__PURE__ */ jsx49(
+      children: /* @__PURE__ */ jsxs44("div", { className: ScOnlyField_default.inputContainer, children: [
+        (tfGroup === "icon-left" || tfGroup === "icon-left-right") && /* @__PURE__ */ jsx52("div", { className: ScOnlyField_default.iconWrapper, children: tfLeftIcon }),
+        /* @__PURE__ */ jsx52(
           "input",
           {
             className: ScOnlyField_default.inputText,
@@ -3951,7 +4417,7 @@ var ScOnlyField = ({
             ...inputProps
           }
         ),
-        (tfGroup === "icon-right" || tfGroup === "icon-left-right") && /* @__PURE__ */ jsx49("div", { className: ScOnlyField_default.iconWrapper, children: tfRightIcon })
+        (tfGroup === "icon-right" || tfGroup === "icon-left-right") && /* @__PURE__ */ jsx52("div", { className: ScOnlyField_default.iconWrapper, children: tfRightIcon })
       ] })
     }
   );
@@ -3959,7 +4425,7 @@ var ScOnlyField = ({
 
 // src/SC-catalogixInvite/ScCatalogixInvite.tsx
 import { SiconHome as SiconHome10 } from "@streamoid/icons";
-import { Fragment as Fragment15, jsx as jsx50, jsxs as jsxs42 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx53, jsxs as jsxs45 } from "react/jsx-runtime";
 var ScCatalogixInvite = ({
   active = "false",
   appName = "Catalogix",
@@ -3981,23 +4447,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__ */ jsxs42(
+  return /* @__PURE__ */ jsxs45(
     "div",
     {
       className: ScCatalogixInvite_default.scCatalogixInvite + " " + className + " " + variantsClassName,
       ...props,
       children: [
-        /* @__PURE__ */ jsxs42("div", { className: ScCatalogixInvite_default.appHeader, children: [
-          /* @__PURE__ */ jsx50(
+        /* @__PURE__ */ jsxs45("div", { className: ScCatalogixInvite_default.appHeader, children: [
+          /* @__PURE__ */ jsx53(
             ScAppCard,
             {
-              appIcon: appIcon || /* @__PURE__ */ jsx50(SiconArtifacts5, { className: ScCatalogixInvite_default.siconArtifactsInstance }),
+              appIcon: appIcon || /* @__PURE__ */ jsx53(SiconArtifacts5, { className: ScCatalogixInvite_default.siconArtifactsInstance }),
               appDescription,
               appName,
               className: ScCatalogixInvite_default.scAppCardInstance
             }
           ),
-          /* @__PURE__ */ jsx50(
+          /* @__PURE__ */ jsx53(
             ScToggleSwitch,
             {
               checked: isEnabled,
@@ -4006,29 +4472,29 @@ var ScCatalogixInvite = ({
             }
           )
         ] }),
-        isEnabled && /* @__PURE__ */ jsx50(Fragment15, { children: /* @__PURE__ */ jsxs42("div", { className: ScCatalogixInvite_default.storeAccessContainer, children: [
-          /* @__PURE__ */ jsxs42("div", { className: ScCatalogixInvite_default.storeAccessHeader, children: [
-            /* @__PURE__ */ jsxs42("div", { className: ScCatalogixInvite_default.storeAccessTitle, children: [
+        isEnabled && /* @__PURE__ */ jsx53(Fragment16, { children: /* @__PURE__ */ jsxs45("div", { className: ScCatalogixInvite_default.storeAccessContainer, children: [
+          /* @__PURE__ */ jsxs45("div", { className: ScCatalogixInvite_default.storeAccessHeader, children: [
+            /* @__PURE__ */ jsxs45("div", { className: ScCatalogixInvite_default.storeAccessTitle, children: [
               storeAccessTitle,
               " "
             ] }),
-            /* @__PURE__ */ jsxs42("div", { className: ScCatalogixInvite_default.selectedCount, children: [
+            /* @__PURE__ */ jsxs45("div", { className: ScCatalogixInvite_default.selectedCount, children: [
               displayCount,
               " "
             ] })
           ] }),
-          /* @__PURE__ */ jsx50(
+          /* @__PURE__ */ jsx53(
             ScOnlyField,
             {
-              tfLeftIcon: /* @__PURE__ */ jsx50(SiconSearch, { className: ScCatalogixInvite_default.siconSearchInstance }),
-              tfRightIcon: /* @__PURE__ */ jsx50(SiconSearch, { className: ScCatalogixInvite_default.siconSearchInstance }),
+              tfLeftIcon: /* @__PURE__ */ jsx53(SiconSearch, { className: ScCatalogixInvite_default.siconSearchInstance }),
+              tfRightIcon: /* @__PURE__ */ jsx53(SiconSearch, { className: ScCatalogixInvite_default.siconSearchInstance }),
               placeholderFilled: searchPlaceholder,
               value: searchValue,
               onInputChange: onSearchChange,
               className: ScCatalogixInvite_default.scOnlyFieldInstance
             }
           ),
-          /* @__PURE__ */ jsx50("div", { className: ScCatalogixInvite_default.storeListContainer, children: stores ? stores.length > 0 ? stores.map((store) => /* @__PURE__ */ jsx50(
+          /* @__PURE__ */ jsx53("div", { className: ScCatalogixInvite_default.storeListContainer, children: stores ? stores.length > 0 ? stores.map((store) => /* @__PURE__ */ jsx53(
             ScPairtext,
             {
               content: store.name,
@@ -4039,53 +4505,53 @@ var ScCatalogixInvite = ({
               className: ScCatalogixInvite_default.scPairtextInstance
             },
             store.id
-          )) : /* @__PURE__ */ jsx50("div", { style: {
+          )) : /* @__PURE__ */ jsx53("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__ */ jsxs42(Fragment15, { children: [
-            /* @__PURE__ */ jsx50(
+          }, children: "No stores found" }) : /* @__PURE__ */ jsxs45(Fragment16, { children: [
+            /* @__PURE__ */ jsx53(
               ScPairtext,
               {
-                icon: /* @__PURE__ */ jsx50(SiconHome10, { className: ScCatalogixInvite_default.siconHomeInstance }),
+                icon: /* @__PURE__ */ jsx53(SiconHome10, { className: ScCatalogixInvite_default.siconHomeInstance }),
                 iconPosition: "right",
                 type: "checkbox",
                 className: ScCatalogixInvite_default.scPairtextInstance
               }
             ),
-            /* @__PURE__ */ jsx50(
+            /* @__PURE__ */ jsx53(
               ScPairtext,
               {
-                icon: /* @__PURE__ */ jsx50(SiconHome10, { className: ScCatalogixInvite_default.siconHomeInstance }),
+                icon: /* @__PURE__ */ jsx53(SiconHome10, { className: ScCatalogixInvite_default.siconHomeInstance }),
                 iconPosition: "right",
                 type: "checkbox",
                 className: ScCatalogixInvite_default.scPairtextInstance
               }
             ),
-            /* @__PURE__ */ jsx50(
+            /* @__PURE__ */ jsx53(
               ScPairtext,
               {
-                icon: /* @__PURE__ */ jsx50(SiconHome10, { className: ScCatalogixInvite_default.siconHomeInstance }),
+                icon: /* @__PURE__ */ jsx53(SiconHome10, { className: ScCatalogixInvite_default.siconHomeInstance }),
                 iconPosition: "right",
                 type: "checkbox",
                 className: ScCatalogixInvite_default.scPairtextInstance
               }
             ),
-            /* @__PURE__ */ jsx50(
+            /* @__PURE__ */ jsx53(
               ScPairtext,
               {
-                icon: /* @__PURE__ */ jsx50(SiconHome10, { className: ScCatalogixInvite_default.siconHomeInstance }),
+                icon: /* @__PURE__ */ jsx53(SiconHome10, { className: ScCatalogixInvite_default.siconHomeInstance }),
                 iconPosition: "right",
                 type: "checkbox",
                 className: ScCatalogixInvite_default.scPairtextInstance
               }
             ),
-            /* @__PURE__ */ jsx50(
+            /* @__PURE__ */ jsx53(
               ScPairtext,
               {
-                icon: /* @__PURE__ */ jsx50(SiconHome10, { className: ScCatalogixInvite_default.siconHomeInstance }),
+                icon: /* @__PURE__ */ jsx53(SiconHome10, { className: ScCatalogixInvite_default.siconHomeInstance }),
                 iconPosition: "right",
                 type: "checkbox",
                 className: ScCatalogixInvite_default.scPairtextInstance
@@ -4099,7 +4565,7 @@ var ScCatalogixInvite = ({
 };
 
 // src/SC-appField/ScAppField.tsx
-import { jsx as jsx51, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs46 } from "react/jsx-runtime";
 var ScAppField = ({
   appFieldTitle = "App permission",
   className,
@@ -4116,13 +4582,13 @@ var ScAppField = ({
   onCatalogixSearchChange,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs43("div", { className: ScAppField_default.scAppField + " " + className, ...props, children: [
-    /* @__PURE__ */ jsx51("div", { className: ScAppField_default.labelContainer, children: /* @__PURE__ */ jsxs43("div", { className: ScAppField_default.title, children: [
+  return /* @__PURE__ */ jsxs46("div", { className: ScAppField_default.scAppField + " " + className, ...props, children: [
+    /* @__PURE__ */ jsx54("div", { className: ScAppField_default.labelContainer, children: /* @__PURE__ */ jsxs46("div", { className: ScAppField_default.title, children: [
       appFieldTitle,
       " "
     ] }) }),
-    /* @__PURE__ */ jsxs43("div", { className: ScAppField_default.inputContainer, children: [
-      /* @__PURE__ */ jsx51(
+    /* @__PURE__ */ jsxs46("div", { className: ScAppField_default.inputContainer, children: [
+      /* @__PURE__ */ jsx54(
         ScArtifaxInvite,
         {
           enabled: artifaxEnabled,
@@ -4130,18 +4596,18 @@ var ScAppField = ({
           className: ScAppField_default.scArtifaxInviteInstance
         }
       ),
-      /* @__PURE__ */ jsx51(
+      /* @__PURE__ */ jsx54(
         ScPhtogenixInvite,
         {
           enabled: photogenixEnabled,
           onToggle: onPhotogenixToggle,
           scAppCardappDescription: "Info about photogenix",
           scAppCardappName: "Photogenix",
-          scAppCardappIcon: /* @__PURE__ */ jsx51(SiconPhotogenix2, { className: ScAppField_default.siconPhotogenixInstance }),
+          scAppCardappIcon: /* @__PURE__ */ jsx54(SiconPhotogenix2, { className: ScAppField_default.siconPhotogenixInstance }),
           className: ScAppField_default.scPhtogenixInviteInstance
         }
       ),
-      /* @__PURE__ */ jsx51(
+      /* @__PURE__ */ jsx54(
         ScCatalogixInvite,
         {
           enabled: catalogixEnabled,
@@ -4168,13 +4634,13 @@ var ScBillingHistoryHeader_default = {
 };
 
 // src/SC-billingHistoryHeader/ScBillingHistoryHeader.tsx
-import { jsx as jsx52, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs47 } from "react/jsx-runtime";
 var ScBillingHistoryHeader = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs44("div", { className: ScBillingHistoryHeader_default.scBillingHistoryHeader + " " + className, children: [
-    /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsxs47("div", { className: ScBillingHistoryHeader_default.scBillingHistoryHeader + " " + className, children: [
+    /* @__PURE__ */ jsx55(
       ScHeader,
       {
         text: "Invoice",
@@ -4182,7 +4648,7 @@ var ScBillingHistoryHeader = ({
         className: ScBillingHistoryHeader_default.scHeaderInstance
       }
     ),
-    /* @__PURE__ */ jsx52(
+    /* @__PURE__ */ jsx55(
       ScHeader,
       {
         text: "Amount",
@@ -4190,7 +4656,7 @@ var ScBillingHistoryHeader = ({
         className: ScBillingHistoryHeader_default.scHeaderInstance2
       }
     ),
-    /* @__PURE__ */ jsx52(
+    /* @__PURE__ */ jsx55(
       ScHeader,
       {
         text: "Date",
@@ -4198,7 +4664,7 @@ var ScBillingHistoryHeader = ({
         className: ScBillingHistoryHeader_default.scHeaderInstance2
       }
     ),
-    /* @__PURE__ */ jsx52(
+    /* @__PURE__ */ jsx55(
       ScHeader,
       {
         text: "Action",
@@ -4220,19 +4686,19 @@ var ScCheckField_default = {
 
 // src/SC-checkField/ScCheckField.tsx
 import { SiconHome as SiconHome11 } from "@streamoid/icons";
-import { Fragment as Fragment16, jsx as jsx53, jsxs as jsxs45 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx56, jsxs as jsxs48 } from "react/jsx-runtime";
 var ScCheckField = ({
   label = "Label",
   className,
   checkboxes,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs45("div", { className: ScCheckField_default.scCheckField + " " + className, ...props, children: [
-    /* @__PURE__ */ jsx53("div", { className: ScCheckField_default.labelContainer, children: /* @__PURE__ */ jsxs45("div", { className: ScCheckField_default.label, children: [
+  return /* @__PURE__ */ jsxs48("div", { className: ScCheckField_default.scCheckField + " " + className, ...props, children: [
+    /* @__PURE__ */ jsx56("div", { className: ScCheckField_default.labelContainer, children: /* @__PURE__ */ jsxs48("div", { className: ScCheckField_default.label, children: [
       label,
       " "
     ] }) }),
-    /* @__PURE__ */ jsx53("div", { className: ScCheckField_default.tabSwitcher, children: checkboxes ? checkboxes.map((item, i) => /* @__PURE__ */ jsx53(
+    /* @__PURE__ */ jsx56("div", { className: ScCheckField_default.tabSwitcher, children: checkboxes ? checkboxes.map((item, i) => /* @__PURE__ */ jsx56(
       ScPairtext,
       {
         content: item.label,
@@ -4242,19 +4708,19 @@ var ScCheckField = ({
         className: ScCheckField_default.scPairtextInstance
       },
       i
-    )) : /* @__PURE__ */ jsxs45(Fragment16, { children: [
-      /* @__PURE__ */ jsx53(
+    )) : /* @__PURE__ */ jsxs48(Fragment17, { children: [
+      /* @__PURE__ */ jsx56(
         ScPairtext,
         {
-          icon: /* @__PURE__ */ jsx53(SiconHome11, { className: ScCheckField_default.siconHomeInstance }),
+          icon: /* @__PURE__ */ jsx56(SiconHome11, { className: ScCheckField_default.siconHomeInstance }),
           type: "checkbox",
           className: ScCheckField_default.scPairtextInstance
         }
       ),
-      /* @__PURE__ */ jsx53(
+      /* @__PURE__ */ jsx56(
         ScPairtext,
         {
-          icon: /* @__PURE__ */ jsx53(SiconHome11, { className: ScCheckField_default.siconHomeInstance }),
+          icon: /* @__PURE__ */ jsx56(SiconHome11, { className: ScCheckField_default.siconHomeInstance }),
           type: "checkbox",
           className: ScCheckField_default.scPairtextInstance
         }
@@ -4275,9 +4741,9 @@ var ScFieldButton_default = {
 
 // src/SC-fieldButton/ScFieldButton.tsx
 import { SiconHome as SiconHome12 } from "@streamoid/icons";
-import { Fragment as Fragment17, jsx as jsx54, jsxs as jsxs46 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx57, jsxs as jsxs49 } from "react/jsx-runtime";
 var ScFieldButton = ({
-  icon = /* @__PURE__ */ jsx54(SiconHome12, { className: ScFieldButton_default.siconHomeInstance }),
+  icon = /* @__PURE__ */ jsx57(SiconHome12, { className: ScFieldButton_default.siconHomeInstance }),
   type = "default",
   state = "default",
   className,
@@ -4285,18 +4751,18 @@ var ScFieldButton = ({
   ...props
 }) => {
   const variantsClassName = ScFieldButton_default["type-" + type] + " " + ScFieldButton_default["state-" + state];
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx57(
     "div",
     {
       className: ScFieldButton_default.scFieldButton + " " + className + " " + variantsClassName,
       ...props,
-      children: /* @__PURE__ */ jsxs46("div", { className: ScFieldButton_default.container, children: [
-        (type === "icon-right" || type === "only-icon") && /* @__PURE__ */ jsx54(Fragment17, { children: icon }),
-        (type === "icon-left" || type === "default" || type === "icon-right") && /* @__PURE__ */ jsx54(Fragment17, { children: /* @__PURE__ */ jsxs46("div", { className: ScFieldButton_default.label, children: [
+      children: /* @__PURE__ */ jsxs49("div", { className: ScFieldButton_default.container, children: [
+        (type === "icon-right" || type === "only-icon") && /* @__PURE__ */ jsx57(Fragment18, { children: icon }),
+        (type === "icon-left" || type === "default" || type === "icon-right") && /* @__PURE__ */ jsx57(Fragment18, { children: /* @__PURE__ */ jsxs49("div", { className: ScFieldButton_default.label, children: [
           text,
           " "
         ] }) }),
-        type === "icon-left" && /* @__PURE__ */ jsx54(Fragment17, { children: icon })
+        type === "icon-left" && /* @__PURE__ */ jsx57(Fragment18, { children: icon })
       ] })
     }
   );
@@ -4311,16 +4777,16 @@ var ScPendingAction_default = {
 
 // src/SC-pendingAction/ScPendingAction.tsx
 import { SiconHome as SiconHome13 } from "@streamoid/icons";
-import { jsx as jsx55, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs50 } from "react/jsx-runtime";
 var ScPendingAction = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs47("div", { className: ScPendingAction_default.scPendingAction + " " + className, ...props, children: [
-    /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsxs50("div", { className: ScPendingAction_default.scPendingAction + " " + className, ...props, children: [
+    /* @__PURE__ */ jsx58(
       ScButton,
       {
-        icon: /* @__PURE__ */ jsx55(SiconHome13, { className: ScPendingAction_default.siconHomeInstance }),
+        icon: /* @__PURE__ */ jsx58(SiconHome13, { className: ScPendingAction_default.siconHomeInstance }),
         text: "Cancel",
         variant: "error",
         type: "tertiary",
@@ -4328,11 +4794,11 @@ var ScPendingAction = ({
         className: ScPendingAction_default.scButtonInstance
       }
     ),
-    /* @__PURE__ */ jsx55(ScVDivider, { className: ScPendingAction_default.scVDividerInstance }),
-    /* @__PURE__ */ jsx55(
+    /* @__PURE__ */ jsx58(ScVDivider, { className: ScPendingAction_default.scVDividerInstance }),
+    /* @__PURE__ */ jsx58(
       ScButton,
       {
-        icon: /* @__PURE__ */ jsx55(SiconHome13, { className: ScPendingAction_default.siconHomeInstance }),
+        icon: /* @__PURE__ */ jsx58(SiconHome13, { className: ScPendingAction_default.siconHomeInstance }),
         text: "Resend",
         variant: "tertiary",
         size: "sm",
@@ -4356,7 +4822,7 @@ var ScQuickPrompt_default = {
 
 // src/SC-quick prompt/ScQuickPrompt.tsx
 import { SiconBolt as SiconBolt5 } from "@streamoid/icons";
-import { jsx as jsx56, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs51 } from "react/jsx-runtime";
 var ScQuickPrompt = ({
   appName = "Photogenix",
   heading = "Swap Model and Background",
@@ -4364,20 +4830,20 @@ var ScQuickPrompt = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs48("div", { className: ScQuickPrompt_default.scQuickPrompt + " " + className, ...props, children: [
-    /* @__PURE__ */ jsxs48("div", { className: ScQuickPrompt_default.header, children: [
-      /* @__PURE__ */ jsx56("div", { className: ScQuickPrompt_default.iconContainer, children: /* @__PURE__ */ jsx56(SiconBolt5, { className: ScQuickPrompt_default.siconBoltInstance }) }),
-      /* @__PURE__ */ jsx56("div", { className: ScQuickPrompt_default.titleContainer, children: /* @__PURE__ */ jsxs48("div", { className: ScQuickPrompt_default.title, children: [
+  return /* @__PURE__ */ jsxs51("div", { className: ScQuickPrompt_default.scQuickPrompt + " " + className, ...props, children: [
+    /* @__PURE__ */ jsxs51("div", { className: ScQuickPrompt_default.header, children: [
+      /* @__PURE__ */ jsx59("div", { className: ScQuickPrompt_default.iconContainer, children: /* @__PURE__ */ jsx59(SiconBolt5, { className: ScQuickPrompt_default.siconBoltInstance }) }),
+      /* @__PURE__ */ jsx59("div", { className: ScQuickPrompt_default.titleContainer, children: /* @__PURE__ */ jsxs51("div", { className: ScQuickPrompt_default.title, children: [
         appName,
         " "
       ] }) })
     ] }),
-    /* @__PURE__ */ jsxs48("div", { className: ScQuickPrompt_default.body, children: [
-      /* @__PURE__ */ jsxs48("div", { className: ScQuickPrompt_default.heading, children: [
+    /* @__PURE__ */ jsxs51("div", { className: ScQuickPrompt_default.body, children: [
+      /* @__PURE__ */ jsxs51("div", { className: ScQuickPrompt_default.heading, children: [
         heading,
         " "
       ] }),
-      /* @__PURE__ */ jsxs48("div", { className: ScQuickPrompt_default.description, children: [
+      /* @__PURE__ */ jsxs51("div", { className: ScQuickPrompt_default.description, children: [
         description,
         " "
       ] })
@@ -4394,13 +4860,13 @@ var ScReferralTableHeader_default = {
 };
 
 // src/SC-referralTableHeader/ScReferralTableHeader.tsx
-import { jsx as jsx57, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs52 } from "react/jsx-runtime";
 var ScReferralTableHeader = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs49("div", { className: ScReferralTableHeader_default.scReferralTableHeader + " " + className, children: [
-    /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsxs52("div", { className: ScReferralTableHeader_default.scReferralTableHeader + " " + className, children: [
+    /* @__PURE__ */ jsx60(
       ScHeader,
       {
         text: "User",
@@ -4408,7 +4874,7 @@ var ScReferralTableHeader = ({
         className: ScReferralTableHeader_default.scHeaderInstance
       }
     ),
-    /* @__PURE__ */ jsx57(
+    /* @__PURE__ */ jsx60(
       ScHeader,
       {
         text: "Date",
@@ -4416,7 +4882,7 @@ var ScReferralTableHeader = ({
         className: ScReferralTableHeader_default.scHeaderInstance2
       }
     ),
-    /* @__PURE__ */ jsx57(
+    /* @__PURE__ */ jsx60(
       ScHeader,
       {
         text: "Status",
@@ -4424,7 +4890,7 @@ var ScReferralTableHeader = ({
         className: ScReferralTableHeader_default.scHeaderInstance3
       }
     ),
-    /* @__PURE__ */ jsx57(
+    /* @__PURE__ */ jsx60(
       ScHeader,
       {
         text: "Reward",
@@ -4445,7 +4911,7 @@ var ScReferralTableList_default = {
 };
 
 // src/SC-referralTableList/ScReferralTableList.tsx
-import { jsx as jsx58, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs53 } from "react/jsx-runtime";
 var ScReferralTableList = ({
   userEmail = "chris@kepler.com",
   userName,
@@ -4455,8 +4921,8 @@ var ScReferralTableList = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs50("div", { className: ScReferralTableList_default.scReferralTableList + " " + className, ...props, children: [
-    /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsxs53("div", { className: ScReferralTableList_default.scReferralTableList + " " + className, ...props, children: [
+    /* @__PURE__ */ jsx61(
       ScProfile,
       {
         subText: userEmail,
@@ -4464,12 +4930,12 @@ var ScReferralTableList = ({
         className: ScReferralTableList_default.scProfileInstance
       }
     ),
-    /* @__PURE__ */ jsxs50("div", { className: ScReferralTableList_default.date, children: [
+    /* @__PURE__ */ jsxs53("div", { className: ScReferralTableList_default.date, children: [
       date,
       " "
     ] }),
-    /* @__PURE__ */ jsx58(ScBadges, { text: status, className: ScReferralTableList_default.scBadgesInstance }),
-    /* @__PURE__ */ jsxs50("div", { className: ScReferralTableList_default.points, children: [
+    /* @__PURE__ */ jsx61(ScBadges, { text: status, className: ScReferralTableList_default.scBadgesInstance }),
+    /* @__PURE__ */ jsxs53("div", { className: ScReferralTableList_default.points, children: [
       points,
       " "
     ] })
@@ -4485,33 +4951,33 @@ var ScSettingsNav_default = {
 // src/SC-settingsNav/ScSettingsNav.tsx
 import { SiconTeam as SiconTeam5 } from "@streamoid/icons";
 import { SiconWorkspace, SiconReferral } from "@streamoid/icons";
-import { jsx as jsx59, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs54 } from "react/jsx-runtime";
 var ScSettingsNav = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx59("div", { className: ScSettingsNav_default.scSettingsNav + " " + className, ...props, children: /* @__PURE__ */ jsxs51("div", { className: ScSettingsNav_default.container, children: [
-    /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx62("div", { className: ScSettingsNav_default.scSettingsNav + " " + className, ...props, children: /* @__PURE__ */ jsxs54("div", { className: ScSettingsNav_default.container, children: [
+    /* @__PURE__ */ jsx62(
       ScSidebarMenu,
       {
-        icon: /* @__PURE__ */ jsx59(SiconTeam5, { className: ScSettingsNav_default.siconTeamInstance }),
+        icon: /* @__PURE__ */ jsx62(SiconTeam5, { className: ScSettingsNav_default.siconTeamInstance }),
         text: "Profile",
         state: "active",
         className: ScSettingsNav_default.scSidebarMenuInstance
       }
     ),
-    /* @__PURE__ */ jsx59(
+    /* @__PURE__ */ jsx62(
       ScSidebarMenu,
       {
-        icon: /* @__PURE__ */ jsx59(SiconWorkspace, { className: ScSettingsNav_default.siconWorkspaceInstance }),
+        icon: /* @__PURE__ */ jsx62(SiconWorkspace, { className: ScSettingsNav_default.siconWorkspaceInstance }),
         text: "Workspace",
         className: ScSettingsNav_default.scSidebarMenuInstance
       }
     ),
-    /* @__PURE__ */ jsx59(
+    /* @__PURE__ */ jsx62(
       ScSidebarMenu,
       {
-        icon: /* @__PURE__ */ jsx59(SiconReferral, { className: ScSettingsNav_default.siconReferralInstance }),
+        icon: /* @__PURE__ */ jsx62(SiconReferral, { className: ScSettingsNav_default.siconReferralInstance }),
         text: "Referral",
         className: ScSettingsNav_default.scSidebarMenuInstance
       }
@@ -4527,7 +4993,7 @@ var ScTabField_default = {
 };
 
 // src/SC-tabField/ScTabField.tsx
-import { jsx as jsx60, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs55 } from "react/jsx-runtime";
 var ScTabField = ({
   label = "Label",
   className,
@@ -4536,17 +5002,17 @@ var ScTabField = ({
   onTabChange,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs52("div", { className: ScTabField_default.scTabField + " " + className, children: [
-    /* @__PURE__ */ jsx60("div", { className: ScTabField_default.labelContainer, children: /* @__PURE__ */ jsxs52("div", { className: ScTabField_default.label, children: [
+  return /* @__PURE__ */ jsxs55("div", { className: ScTabField_default.scTabField + " " + className, children: [
+    /* @__PURE__ */ jsx63("div", { className: ScTabField_default.labelContainer, children: /* @__PURE__ */ jsxs55("div", { className: ScTabField_default.label, children: [
       label,
       " "
     ] }) }),
-    tabs ? /* @__PURE__ */ jsx60(
+    tabs ? /* @__PURE__ */ jsx63(
       ScTabSwitcher,
       {
         tabCount: String(tabs.length),
         className: ScTabField_default.scTabSwitcherInstance,
-        component: tabs[0] ? /* @__PURE__ */ jsx60(
+        component: tabs[0] ? /* @__PURE__ */ jsx63(
           ScTabComp,
           {
             text: tabs[0].label,
@@ -4556,7 +5022,7 @@ var ScTabField = ({
             style: { flex: 1 }
           }
         ) : void 0,
-        component2: tabs[1] ? /* @__PURE__ */ jsx60(
+        component2: tabs[1] ? /* @__PURE__ */ jsx63(
           ScTabComp,
           {
             text: tabs[1].label,
@@ -4567,7 +5033,7 @@ var ScTabField = ({
           }
         ) : void 0
       }
-    ) : /* @__PURE__ */ jsx60(ScTabSwitcher, { className: ScTabField_default.scTabSwitcherInstance })
+    ) : /* @__PURE__ */ jsx63(ScTabSwitcher, { className: ScTabField_default.scTabSwitcherInstance })
   ] });
 };
 
@@ -4584,19 +5050,19 @@ var ScTableHeader_default = {
 };
 
 // src/SC-tableHeader/ScTableHeader.tsx
-import { Fragment as Fragment18, jsx as jsx61, jsxs as jsxs53 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx64, jsxs as jsxs56 } from "react/jsx-runtime";
 var ScTableHeader = ({
   type = "default",
   className,
   ...props
 }) => {
   const variantsClassName = ScTableHeader_default["type-" + type];
-  return /* @__PURE__ */ jsxs53(
+  return /* @__PURE__ */ jsxs56(
     "div",
     {
       className: ScTableHeader_default.scTableHeader + " " + className + " " + variantsClassName,
       children: [
-        /* @__PURE__ */ jsx61(
+        /* @__PURE__ */ jsx64(
           ScHeader,
           {
             text: "User",
@@ -4604,7 +5070,7 @@ var ScTableHeader = ({
             className: ScTableHeader_default.scHeaderInstance
           }
         ),
-        /* @__PURE__ */ jsx61(
+        /* @__PURE__ */ jsx64(
           ScHeader,
           {
             text: "Role",
@@ -4612,7 +5078,7 @@ var ScTableHeader = ({
             className: ScTableHeader_default.scHeaderInstance2
           }
         ),
-        /* @__PURE__ */ jsx61(
+        /* @__PURE__ */ jsx64(
           ScHeader,
           {
             text: "Access",
@@ -4620,7 +5086,7 @@ var ScTableHeader = ({
             className: ScTableHeader_default.scHeaderInstance3
           }
         ),
-        /* @__PURE__ */ jsx61(
+        /* @__PURE__ */ jsx64(
           ScHeader,
           {
             text: "Invited by",
@@ -4628,7 +5094,7 @@ var ScTableHeader = ({
             className: ScTableHeader_default.scHeaderInstance4
           }
         ),
-        type === "pending" && /* @__PURE__ */ jsx61(Fragment18, { children: /* @__PURE__ */ jsx61(
+        type === "pending" && /* @__PURE__ */ jsx64(Fragment19, { children: /* @__PURE__ */ jsx64(
           ScHeader,
           {
             text: "Invite action",
@@ -4636,7 +5102,7 @@ var ScTableHeader = ({
             className: ScTableHeader_default.scHeaderInstance5
           }
         ) }),
-        type === "default" && /* @__PURE__ */ jsx61(Fragment18, { children: /* @__PURE__ */ jsx61(
+        type === "default" && /* @__PURE__ */ jsx64(Fragment19, { children: /* @__PURE__ */ jsx64(
           ScHeader,
           {
             text: "Signed On",
@@ -4670,7 +5136,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 Fragment19, jsx as jsx62, jsxs as jsxs54 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx65, jsxs as jsxs57 } from "react/jsx-runtime";
 var ScTableList = ({
   invitedBy = "Rohan",
   signedOn = "Nov 9th, 2025",
@@ -4682,51 +5148,51 @@ var ScTableList = ({
   ...props
 }) => {
   const variantsClassName = ScTableList_default["hover-" + hover] + " " + ScTableList_default["variant-" + variant];
-  return /* @__PURE__ */ jsxs54(
+  return /* @__PURE__ */ jsxs57(
     "div",
     {
       className: ScTableList_default.scTableList + " " + className + " " + variantsClassName,
       onClick: (e) => onRowClick && onRowClick(invitedBy, e),
       ...props,
       children: [
-        /* @__PURE__ */ jsx62(
+        /* @__PURE__ */ jsx65(
           ScProfile,
           {
             subText: userEmail,
             className: ScTableList_default.scProfileInstance
           }
         ),
-        /* @__PURE__ */ jsx62(ScRole, { className: ScTableList_default.scRoleInstance }),
-        /* @__PURE__ */ jsxs54("div", { className: ScTableList_default.accessInfo, children: [
-          /* @__PURE__ */ jsx62(
+        /* @__PURE__ */ jsx65(ScRole, { className: ScTableList_default.scRoleInstance }),
+        /* @__PURE__ */ jsxs57("div", { className: ScTableList_default.accessInfo, children: [
+          /* @__PURE__ */ jsx65(
             ScAccess,
             {
-              component: /* @__PURE__ */ jsx62(SiconArtifacts6, { className: ScTableList_default.siconArtifactsInstance }),
-              component2: /* @__PURE__ */ jsx62(SiconPhotogenix3, { className: ScTableList_default.siconPhotogenixInstance }),
+              component: /* @__PURE__ */ jsx65(SiconArtifacts6, { className: ScTableList_default.siconArtifactsInstance }),
+              component2: /* @__PURE__ */ jsx65(SiconPhotogenix3, { className: ScTableList_default.siconPhotogenixInstance }),
               className: ScTableList_default.scAccessInstance
             }
           ),
-          /* @__PURE__ */ jsx62(
+          /* @__PURE__ */ jsx65(
             ScAccess,
             {
-              component: /* @__PURE__ */ jsx62(SiconUserAdd, { className: ScTableList_default.siconUserAddInstance }),
-              component2: /* @__PURE__ */ jsx62(SiconCoins, { className: ScTableList_default.siconCoinsInstance }),
+              component: /* @__PURE__ */ jsx65(SiconUserAdd, { className: ScTableList_default.siconUserAddInstance }),
+              component2: /* @__PURE__ */ jsx65(SiconCoins, { className: ScTableList_default.siconCoinsInstance }),
               visibleSiconCatalogix: false,
               className: ScTableList_default.scAccessInstance
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs54("div", { className: ScTableList_default.userName, children: [
+        /* @__PURE__ */ jsxs57("div", { className: ScTableList_default.userName, children: [
           invitedBy,
           " "
         ] }),
-        variant === "pending" && /* @__PURE__ */ jsx62(Fragment19, { children: /* @__PURE__ */ jsx62(
+        variant === "pending" && /* @__PURE__ */ jsx65(Fragment20, { children: /* @__PURE__ */ jsx65(
           ScPendingAction,
           {
             className: ScTableList_default.scPendingActionInstance
           }
         ) }),
-        variant === "active" && /* @__PURE__ */ jsx62(Fragment19, { children: /* @__PURE__ */ jsxs54("div", { className: ScTableList_default.date, children: [
+        variant === "active" && /* @__PURE__ */ jsx65(Fragment20, { children: /* @__PURE__ */ jsxs57("div", { className: ScTableList_default.date, children: [
           signedOn,
           " "
         ] }) })
@@ -4761,7 +5227,7 @@ import {
   SiconSwitch as SiconSwitch2,
   SiconLogout as SiconLogout2
 } from "@streamoid/icons";
-import { jsx as jsx63, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs58 } from "react/jsx-runtime";
 var ScWorkspaceCard = ({
   workspaceName = "Stores",
   role = "Admin",
@@ -4771,21 +5237,21 @@ var ScWorkspaceCard = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs55("div", { className: ScWorkspaceCard_default.scWorkspaceCard + " " + className, ...props, children: [
-    /* @__PURE__ */ jsxs55("div", { className: ScWorkspaceCard_default.workspaceInfo, children: [
-      /* @__PURE__ */ jsx63(
+  return /* @__PURE__ */ jsxs58("div", { className: ScWorkspaceCard_default.scWorkspaceCard + " " + className, ...props, children: [
+    /* @__PURE__ */ jsxs58("div", { className: ScWorkspaceCard_default.workspaceInfo, children: [
+      /* @__PURE__ */ jsx66(
         ScIntialProfileCover,
         {
           className: ScWorkspaceCard_default.scIntialProfileCoverInstance
         }
       ),
-      /* @__PURE__ */ jsxs55("div", { className: ScWorkspaceCard_default.workspaceName, children: [
+      /* @__PURE__ */ jsxs58("div", { className: ScWorkspaceCard_default.workspaceName, children: [
         workspaceName,
         " "
       ] })
     ] }),
-    /* @__PURE__ */ jsxs55("div", { className: ScWorkspaceCard_default.userInfo, children: [
-      /* @__PURE__ */ jsx63(
+    /* @__PURE__ */ jsxs58("div", { className: ScWorkspaceCard_default.userInfo, children: [
+      /* @__PURE__ */ jsx66(
         ScBadges,
         {
           text: role,
@@ -4793,41 +5259,41 @@ var ScWorkspaceCard = ({
           className: ScWorkspaceCard_default.scBadgesInstance
         }
       ),
-      /* @__PURE__ */ jsxs55("div", { className: ScWorkspaceCard_default.userDetails, children: [
-        /* @__PURE__ */ jsx63(
+      /* @__PURE__ */ jsxs58("div", { className: ScWorkspaceCard_default.userDetails, children: [
+        /* @__PURE__ */ jsx66(
           ScPairtext,
           {
-            icon: /* @__PURE__ */ jsx63(SiconTeam6, { className: ScWorkspaceCard_default.siconTeamInstance }),
+            icon: /* @__PURE__ */ jsx66(SiconTeam6, { className: ScWorkspaceCard_default.siconTeamInstance }),
             content: userCount,
             className: ScWorkspaceCard_default.scPairtextInstance
           }
         ),
-        /* @__PURE__ */ jsx63(ScVDivider, { className: ScWorkspaceCard_default.scVDividerInstance }),
-        /* @__PURE__ */ jsx63(
+        /* @__PURE__ */ jsx66(ScVDivider, { className: ScWorkspaceCard_default.scVDividerInstance }),
+        /* @__PURE__ */ jsx66(
           ScPairtext,
           {
-            icon: /* @__PURE__ */ jsx63(SiconCrown2, { className: ScWorkspaceCard_default.siconCrownInstance }),
+            icon: /* @__PURE__ */ jsx66(SiconCrown2, { className: ScWorkspaceCard_default.siconCrownInstance }),
             content: ownerEmail,
             className: ScWorkspaceCard_default.scPairtextInstance
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx63(
+    /* @__PURE__ */ jsx66(
       ScButton,
       {
-        icon: /* @__PURE__ */ jsx63(SiconSwitch2, { className: ScWorkspaceCard_default.siconSwitchInstance }),
+        icon: /* @__PURE__ */ jsx66(SiconSwitch2, { className: ScWorkspaceCard_default.siconSwitchInstance }),
         text: buttonText,
         state: "disabled",
         variant: "outline",
         className: ScWorkspaceCard_default.scButtonInstance
       }
     ),
-    /* @__PURE__ */ jsx63(
+    /* @__PURE__ */ jsx66(
       ScButton,
       {
         text: "Leave workspace",
-        icon: /* @__PURE__ */ jsx63(SiconLogout2, { className: ScWorkspaceCard_default.siconLogoutInstance }),
+        icon: /* @__PURE__ */ jsx66(SiconLogout2, { className: ScWorkspaceCard_default.siconLogoutInstance }),
         styleVariant: "icon-only",
         variant: "error",
         className: ScWorkspaceCard_default.scButtonInstance2
@@ -4837,7 +5303,7 @@ var ScWorkspaceCard = ({
 };
 
 // src/SC-WorkspaceSwitchCard/ScWorkspaceSwitchCard.tsx
-import { useState as useState5 } from "react";
+import { useState as useState6 } from "react";
 import { SiconSwitch as SiconSwitch3, SiconSettings as SiconSettings3, SiconLogout as SiconLogout3 } from "@streamoid/icons";
 
 // src/SC-WorkspaceSwitchCard/ScWorkspaceSwitchCard.module.css
@@ -4863,7 +5329,7 @@ var ScWorkspaceSwitchCard_default = {
 };
 
 // src/SC-WorkspaceSwitchCard/ScWorkspaceSwitchCard.tsx
-import { jsx as jsx64, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs59 } from "react/jsx-runtime";
 function ScWorkspaceSwitchCard({
   wsName = "Workspace name is kepler",
   role = "Admin",
@@ -4878,7 +5344,7 @@ function ScWorkspaceSwitchCard({
   onSettings,
   onLeave
 }) {
-  const [internalHover, setInternalHover] = useState5(false);
+  const [internalHover, setInternalHover] = useState6(false);
   const isHover = hover !== void 0 ? hover : internalHover;
   const isCurrent = type === "currentWS";
   const isOther = type === "otherWS";
@@ -4893,14 +5359,14 @@ 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__ */ jsx64(
+  return /* @__PURE__ */ jsx67(
     "div",
     {
       className: cardClass,
       onMouseEnter: () => setInternalHover(true),
       onMouseLeave: () => setInternalHover(false),
-      children: /* @__PURE__ */ jsxs56("div", { className: ScWorkspaceSwitchCard_default.wsInfo, children: [
-        /* @__PURE__ */ jsx64(
+      children: /* @__PURE__ */ jsxs59("div", { className: ScWorkspaceSwitchCard_default.wsInfo, children: [
+        /* @__PURE__ */ jsx67(
           ScDp,
           {
             type: imageUrl ? "image" : "initial",
@@ -4914,26 +5380,26 @@ function ScWorkspaceSwitchCard({
             }
           }
         ),
-        /* @__PURE__ */ jsxs56("div", { className: ScWorkspaceSwitchCard_default.infoCol, children: [
-          /* @__PURE__ */ jsx64("p", { className: ScWorkspaceSwitchCard_default.wsName, children: wsName }),
-          /* @__PURE__ */ jsxs56("div", { className: ScWorkspaceSwitchCard_default.detailsRow, children: [
-            /* @__PURE__ */ jsxs56("div", { className: ScWorkspaceSwitchCard_default.detailItem, children: [
-              /* @__PURE__ */ jsx64("span", { className: ScWorkspaceSwitchCard_default.detailLabel, children: "Role" }),
-              /* @__PURE__ */ jsx64("span", { className: roleColorClass, children: displayRole })
+        /* @__PURE__ */ jsxs59("div", { className: ScWorkspaceSwitchCard_default.infoCol, children: [
+          /* @__PURE__ */ jsx67("p", { className: ScWorkspaceSwitchCard_default.wsName, children: wsName }),
+          /* @__PURE__ */ jsxs59("div", { className: ScWorkspaceSwitchCard_default.detailsRow, children: [
+            /* @__PURE__ */ jsxs59("div", { className: ScWorkspaceSwitchCard_default.detailItem, children: [
+              /* @__PURE__ */ jsx67("span", { className: ScWorkspaceSwitchCard_default.detailLabel, children: "Role" }),
+              /* @__PURE__ */ jsx67("span", { className: roleColorClass, children: displayRole })
             ] }),
-            /* @__PURE__ */ jsx64(ScVDivider, { className: ScWorkspaceSwitchCard_default.vDivider }),
-            /* @__PURE__ */ jsxs56("div", { className: ScWorkspaceSwitchCard_default.detailItem, children: [
-              /* @__PURE__ */ jsx64("span", { className: ScWorkspaceSwitchCard_default.detailLabel, children: "Plan" }),
-              /* @__PURE__ */ jsx64("span", { className: ScWorkspaceSwitchCard_default.detailValueSecondary, children: plan })
+            /* @__PURE__ */ jsx67(ScVDivider, { className: ScWorkspaceSwitchCard_default.vDivider }),
+            /* @__PURE__ */ jsxs59("div", { className: ScWorkspaceSwitchCard_default.detailItem, children: [
+              /* @__PURE__ */ jsx67("span", { className: ScWorkspaceSwitchCard_default.detailLabel, children: "Plan" }),
+              /* @__PURE__ */ jsx67("span", { className: ScWorkspaceSwitchCard_default.detailValueSecondary, children: plan })
             ] }),
-            /* @__PURE__ */ jsx64(ScVDivider, { className: ScWorkspaceSwitchCard_default.vDivider }),
-            /* @__PURE__ */ jsxs56("div", { className: ScWorkspaceSwitchCard_default.detailItemFlex, children: [
-              /* @__PURE__ */ jsx64("span", { className: ScWorkspaceSwitchCard_default.detailLabel, children: "Workspace Owner" }),
-              /* @__PURE__ */ jsx64("span", { className: ScWorkspaceSwitchCard_default.detailValueSecondary, children: ownerId })
+            /* @__PURE__ */ jsx67(ScVDivider, { className: ScWorkspaceSwitchCard_default.vDivider }),
+            /* @__PURE__ */ jsxs59("div", { className: ScWorkspaceSwitchCard_default.detailItemFlex, children: [
+              /* @__PURE__ */ jsx67("span", { className: ScWorkspaceSwitchCard_default.detailLabel, children: "Workspace Owner" }),
+              /* @__PURE__ */ jsx67("span", { className: ScWorkspaceSwitchCard_default.detailValueSecondary, children: ownerId })
             ] })
           ] })
         ] }),
-        isHover && isOther && /* @__PURE__ */ jsx64(
+        isHover && isOther && /* @__PURE__ */ jsx67(
           "div",
           {
             onClick: (e) => {
@@ -4941,19 +5407,19 @@ function ScWorkspaceSwitchCard({
               onSwitch?.();
             },
             style: { cursor: "pointer" },
-            children: /* @__PURE__ */ jsx64(
+            children: /* @__PURE__ */ jsx67(
               ScButton,
               {
                 text: "Switch Workspace",
                 variant: "secondary",
                 size: "sm",
                 styleVariant: "icon-left",
-                icon: /* @__PURE__ */ jsx64(SiconSwitch3, { className: ScWorkspaceSwitchCard_default.btnIcon })
+                icon: /* @__PURE__ */ jsx67(SiconSwitch3, { className: ScWorkspaceSwitchCard_default.btnIcon })
               }
             )
           }
         ),
-        isHover && isAdmin && /* @__PURE__ */ jsx64(
+        isHover && isAdmin && /* @__PURE__ */ jsx67(
           "div",
           {
             onClick: (e) => {
@@ -4961,18 +5427,18 @@ function ScWorkspaceSwitchCard({
               onSettings?.();
             },
             style: { cursor: "pointer" },
-            children: /* @__PURE__ */ jsx64(
+            children: /* @__PURE__ */ jsx67(
               ScButton,
               {
                 styleVariant: "icon-only",
                 variant: "outline",
                 size: "sm",
-                icon: /* @__PURE__ */ jsx64(SiconSettings3, { className: ScWorkspaceSwitchCard_default.btnIcon })
+                icon: /* @__PURE__ */ jsx67(SiconSettings3, { className: ScWorkspaceSwitchCard_default.btnIcon })
               }
             )
           }
         ),
-        isHover && !isAdmin && /* @__PURE__ */ jsx64(
+        isHover && !isAdmin && /* @__PURE__ */ jsx67(
           "div",
           {
             className: ScWorkspaceSwitchCard_default.leaveBtn,
@@ -4980,7 +5446,7 @@ function ScWorkspaceSwitchCard({
               e.stopPropagation();
               onLeave?.();
             },
-            children: /* @__PURE__ */ jsx64(SiconLogout3, { className: ScWorkspaceSwitchCard_default.btnIcon, color: "currentColor" })
+            children: /* @__PURE__ */ jsx67(SiconLogout3, { className: ScWorkspaceSwitchCard_default.btnIcon, color: "currentColor" })
           }
         )
       ] })
@@ -4998,18 +5464,18 @@ var ScRoleMobile_default = {
 };
 
 // src/SC-Role-Mobile/ScRoleMobile.tsx
-import { jsx as jsx65 } from "react/jsx-runtime";
+import { jsx as jsx68 } from "react/jsx-runtime";
 var ScRoleMobile = ({
   role = "admin",
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx65(
+  return /* @__PURE__ */ jsx68(
     "div",
     {
       className: ScRoleMobile_default.scRoleMobile + " " + ScRoleMobile_default["role-" + role] + " " + className,
       ...props,
-      children: /* @__PURE__ */ jsx65("p", { className: ScRoleMobile_default.text, children: role === "admin" ? "Admin" : "Member" })
+      children: /* @__PURE__ */ jsx68("p", { className: ScRoleMobile_default.text, children: role === "admin" ? "Admin" : "Member" })
     }
   );
 };
@@ -5026,7 +5492,7 @@ var ScProfileV2Mobile_default = {
 };
 
 // src/SC-Profile-V2-Mobile/ScProfileV2Mobile.tsx
-import { jsx as jsx66, jsxs as jsxs57 } from "react/jsx-runtime";
+import { jsx as jsx69, jsxs as jsxs60 } from "react/jsx-runtime";
 var ScProfileV2Mobile = ({
   name = "Chris Hemsworth",
   email = "chris@kepler.com",
@@ -5036,17 +5502,17 @@ var ScProfileV2Mobile = ({
   ...props
 }) => {
   const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
-  const profileImage = /* @__PURE__ */ jsx66("div", { className: ScProfileV2Mobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx66("img", { src: imageUrl, alt: name, className: ScProfileV2Mobile_default.image }) : /* @__PURE__ */ jsx66("div", { className: ScProfileV2Mobile_default.initials, children: initials }) });
-  return /* @__PURE__ */ jsxs57(
+  const profileImage = /* @__PURE__ */ jsx69("div", { className: ScProfileV2Mobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx69("img", { src: imageUrl, alt: name, className: ScProfileV2Mobile_default.image }) : /* @__PURE__ */ jsx69("div", { className: ScProfileV2Mobile_default.initials, children: initials }) });
+  return /* @__PURE__ */ jsxs60(
     "div",
     {
       className: ScProfileV2Mobile_default.scProfileV2Mobile + " " + className,
       ...props,
       children: [
         dpPosition === "left" && profileImage,
-        /* @__PURE__ */ jsxs57("div", { className: ScProfileV2Mobile_default.userInfo, children: [
-          /* @__PURE__ */ jsx66("p", { className: ScProfileV2Mobile_default.userName, children: name }),
-          /* @__PURE__ */ jsx66("p", { className: ScProfileV2Mobile_default.userEmail, children: email })
+        /* @__PURE__ */ jsxs60("div", { className: ScProfileV2Mobile_default.userInfo, children: [
+          /* @__PURE__ */ jsx69("p", { className: ScProfileV2Mobile_default.userName, children: name }),
+          /* @__PURE__ */ jsx69("p", { className: ScProfileV2Mobile_default.userEmail, children: email })
         ] }),
         dpPosition === "right" && profileImage
       ]
@@ -5073,7 +5539,7 @@ var ScTableListMobile_default = {
 };
 
 // src/SC-tableList-mobile/ScTableListMobile.tsx
-import { jsx as jsx67, jsxs as jsxs58 } from "react/jsx-runtime";
+import { jsx as jsx70, jsxs as jsxs61 } from "react/jsx-runtime";
 var ScTableListMobile = ({
   name = "Chris Hemsworth",
   email = "chris@kepler.com",
@@ -5086,25 +5552,25 @@ var ScTableListMobile = ({
   ...props
 }) => {
   const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
-  return /* @__PURE__ */ jsxs58(
+  return /* @__PURE__ */ jsxs61(
     "div",
     {
       className: ScTableListMobile_default.scTableListMobile + " " + className,
       onClick: onRowClick,
       ...props,
       children: [
-        /* @__PURE__ */ jsxs58("div", { className: ScTableListMobile_default.profileRow, children: [
-          /* @__PURE__ */ jsxs58("div", { className: ScTableListMobile_default.userInfo, children: [
-            /* @__PURE__ */ jsx67("p", { className: ScTableListMobile_default.userName, children: name }),
-            /* @__PURE__ */ jsx67("p", { className: ScTableListMobile_default.userEmail, children: email })
+        /* @__PURE__ */ jsxs61("div", { className: ScTableListMobile_default.profileRow, children: [
+          /* @__PURE__ */ jsxs61("div", { className: ScTableListMobile_default.userInfo, children: [
+            /* @__PURE__ */ jsx70("p", { className: ScTableListMobile_default.userName, children: name }),
+            /* @__PURE__ */ jsx70("p", { className: ScTableListMobile_default.userEmail, children: email })
           ] }),
-          /* @__PURE__ */ jsx67("div", { className: ScTableListMobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx67("img", { src: imageUrl, alt: name, className: ScTableListMobile_default.image }) : /* @__PURE__ */ jsx67("div", { className: ScTableListMobile_default.initials, children: initials }) })
+          /* @__PURE__ */ jsx70("div", { className: ScTableListMobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx70("img", { src: imageUrl, alt: name, className: ScTableListMobile_default.image }) : /* @__PURE__ */ jsx70("div", { className: ScTableListMobile_default.initials, children: initials }) })
         ] }),
-        /* @__PURE__ */ jsxs58("div", { className: ScTableListMobile_default.detailsRow, children: [
-          /* @__PURE__ */ jsx67("div", { className: ScTableListMobile_default.roleBadge, children: /* @__PURE__ */ jsx67("p", { className: ScTableListMobile_default.roleText, children: role }) }),
-          /* @__PURE__ */ jsxs58("div", { className: ScTableListMobile_default.accessInfo, children: [
-            accessIcons && accessIcons.length > 0 && /* @__PURE__ */ jsx67("div", { className: ScTableListMobile_default.accessGroup, children: accessIcons.map((icon, i) => /* @__PURE__ */ jsx67("span", { className: ScTableListMobile_default.accessIcon, children: icon }, i)) }),
-            permissionIcons && permissionIcons.length > 0 && /* @__PURE__ */ jsx67("div", { className: ScTableListMobile_default.accessGroup, children: permissionIcons.map((icon, i) => /* @__PURE__ */ jsx67("span", { className: ScTableListMobile_default.accessIcon, children: icon }, i)) })
+        /* @__PURE__ */ jsxs61("div", { className: ScTableListMobile_default.detailsRow, children: [
+          /* @__PURE__ */ jsx70("div", { className: ScTableListMobile_default.roleBadge, children: /* @__PURE__ */ jsx70("p", { className: ScTableListMobile_default.roleText, children: role }) }),
+          /* @__PURE__ */ jsxs61("div", { className: ScTableListMobile_default.accessInfo, children: [
+            accessIcons && accessIcons.length > 0 && /* @__PURE__ */ jsx70("div", { className: ScTableListMobile_default.accessGroup, children: accessIcons.map((icon, i) => /* @__PURE__ */ jsx70("span", { className: ScTableListMobile_default.accessIcon, children: icon }, i)) }),
+            permissionIcons && permissionIcons.length > 0 && /* @__PURE__ */ jsx70("div", { className: ScTableListMobile_default.accessGroup, children: permissionIcons.map((icon, i) => /* @__PURE__ */ jsx70("span", { className: ScTableListMobile_default.accessIcon, children: icon }, i)) })
           ] })
         ] })
       ]
@@ -5132,7 +5598,7 @@ var ScWorkspaceSwitchMobile_default = {
 };
 
 // src/SC-workspaceSwitch-Mobile/ScWorkspaceSwitchMobile.tsx
-import { jsx as jsx68, jsxs as jsxs59 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs62 } from "react/jsx-runtime";
 var ScWorkspaceSwitchMobile = ({
   storeName = "Stores",
   initials = "WS",
@@ -5145,24 +5611,24 @@ var ScWorkspaceSwitchMobile = ({
   ...props
 }) => {
   const variant = currentWs ? "current" : "other";
-  return /* @__PURE__ */ jsxs59(
+  return /* @__PURE__ */ jsxs62(
     "div",
     {
       className: ScWorkspaceSwitchMobile_default.scWorkspaceSwitchMobile + " " + ScWorkspaceSwitchMobile_default["variant-" + variant] + " " + className,
       onClick,
       ...props,
       children: [
-        /* @__PURE__ */ jsxs59("div", { className: ScWorkspaceSwitchMobile_default.workspaceInfo, children: [
-          /* @__PURE__ */ jsxs59("div", { className: ScWorkspaceSwitchMobile_default.wsNameRow, children: [
-            /* @__PURE__ */ jsx68("div", { className: ScWorkspaceSwitchMobile_default.initialsBox, children: /* @__PURE__ */ jsx68("span", { className: ScWorkspaceSwitchMobile_default.initialsText, children: initials }) }),
-            /* @__PURE__ */ jsx68("p", { className: ScWorkspaceSwitchMobile_default.storeName, children: storeName })
+        /* @__PURE__ */ jsxs62("div", { className: ScWorkspaceSwitchMobile_default.workspaceInfo, children: [
+          /* @__PURE__ */ jsxs62("div", { className: ScWorkspaceSwitchMobile_default.wsNameRow, children: [
+            /* @__PURE__ */ jsx71("div", { className: ScWorkspaceSwitchMobile_default.initialsBox, children: /* @__PURE__ */ jsx71("span", { className: ScWorkspaceSwitchMobile_default.initialsText, children: initials }) }),
+            /* @__PURE__ */ jsx71("p", { className: ScWorkspaceSwitchMobile_default.storeName, children: storeName })
           ] }),
-          /* @__PURE__ */ jsx68("div", { className: ScWorkspaceSwitchMobile_default.roleBadge, children: /* @__PURE__ */ jsx68("p", { className: ScWorkspaceSwitchMobile_default.roleText, children: role }) })
+          /* @__PURE__ */ jsx71("div", { className: ScWorkspaceSwitchMobile_default.roleBadge, children: /* @__PURE__ */ jsx71("p", { className: ScWorkspaceSwitchMobile_default.roleText, children: role }) })
         ] }),
-        /* @__PURE__ */ jsx68("div", { className: ScWorkspaceSwitchMobile_default.divider }),
-        /* @__PURE__ */ jsxs59("div", { className: ScWorkspaceSwitchMobile_default.ownerRow, children: [
-          /* @__PURE__ */ jsx68("div", { className: ScWorkspaceSwitchMobile_default.ownerIconContainer, children: ownerIcon && /* @__PURE__ */ jsx68("span", { className: ScWorkspaceSwitchMobile_default.ownerIcon, children: ownerIcon }) }),
-          /* @__PURE__ */ jsx68("p", { className: ScWorkspaceSwitchMobile_default.ownerText, children: ownerId })
+        /* @__PURE__ */ jsx71("div", { className: ScWorkspaceSwitchMobile_default.divider }),
+        /* @__PURE__ */ jsxs62("div", { className: ScWorkspaceSwitchMobile_default.ownerRow, children: [
+          /* @__PURE__ */ jsx71("div", { className: ScWorkspaceSwitchMobile_default.ownerIconContainer, children: ownerIcon && /* @__PURE__ */ jsx71("span", { className: ScWorkspaceSwitchMobile_default.ownerIcon, children: ownerIcon }) }),
+          /* @__PURE__ */ jsx71("p", { className: ScWorkspaceSwitchMobile_default.ownerText, children: ownerId })
         ] })
       ]
     }
@@ -5189,7 +5655,7 @@ var ScWorkspaceSettingsMobile_default = {
 };
 
 // src/SC-workspaceSettings-Mobile/ScWorkspaceSettingsMobile.tsx
-import { jsx as jsx69, jsxs as jsxs60 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs63 } from "react/jsx-runtime";
 var ScWorkspaceSettingsMobile = ({
   storeName = "Stores",
   initials = "WS",
@@ -5204,28 +5670,28 @@ var ScWorkspaceSettingsMobile = ({
   ...props
 }) => {
   const variant = currentWs ? "current" : "other";
-  return /* @__PURE__ */ jsxs60(
+  return /* @__PURE__ */ jsxs63(
     "div",
     {
       className: ScWorkspaceSettingsMobile_default.scWorkspaceSettingsMobile + " " + ScWorkspaceSettingsMobile_default["variant-" + variant] + " " + className,
       onClick,
       ...props,
       children: [
-        /* @__PURE__ */ jsxs60("div", { className: ScWorkspaceSettingsMobile_default.workspaceInfo, children: [
-          /* @__PURE__ */ jsxs60("div", { className: ScWorkspaceSettingsMobile_default.wsNameRow, children: [
-            /* @__PURE__ */ jsx69("div", { className: ScWorkspaceSettingsMobile_default.initialsBox, children: /* @__PURE__ */ jsx69("span", { className: ScWorkspaceSettingsMobile_default.initialsText, children: initials }) }),
-            /* @__PURE__ */ jsx69("p", { className: ScWorkspaceSettingsMobile_default.storeName, children: storeName })
+        /* @__PURE__ */ jsxs63("div", { className: ScWorkspaceSettingsMobile_default.workspaceInfo, children: [
+          /* @__PURE__ */ jsxs63("div", { className: ScWorkspaceSettingsMobile_default.wsNameRow, children: [
+            /* @__PURE__ */ jsx72("div", { className: ScWorkspaceSettingsMobile_default.initialsBox, children: /* @__PURE__ */ jsx72("span", { className: ScWorkspaceSettingsMobile_default.initialsText, children: initials }) }),
+            /* @__PURE__ */ jsx72("p", { className: ScWorkspaceSettingsMobile_default.storeName, children: storeName })
           ] }),
-          /* @__PURE__ */ jsx69("div", { className: ScWorkspaceSettingsMobile_default.roleBadge, children: /* @__PURE__ */ jsx69("p", { className: ScWorkspaceSettingsMobile_default.roleText, children: role }) })
+          /* @__PURE__ */ jsx72("div", { className: ScWorkspaceSettingsMobile_default.roleBadge, children: /* @__PURE__ */ jsx72("p", { className: ScWorkspaceSettingsMobile_default.roleText, children: role }) })
         ] }),
-        /* @__PURE__ */ jsx69("div", { className: ScWorkspaceSettingsMobile_default.divider }),
-        /* @__PURE__ */ jsxs60("div", { className: ScWorkspaceSettingsMobile_default.infoRow, children: [
-          /* @__PURE__ */ jsx69("div", { className: ScWorkspaceSettingsMobile_default.iconContainer, children: ownerIcon && /* @__PURE__ */ jsx69("span", { className: ScWorkspaceSettingsMobile_default.icon, children: ownerIcon }) }),
-          /* @__PURE__ */ jsx69("p", { className: ScWorkspaceSettingsMobile_default.infoText, children: ownerId })
+        /* @__PURE__ */ jsx72("div", { className: ScWorkspaceSettingsMobile_default.divider }),
+        /* @__PURE__ */ jsxs63("div", { className: ScWorkspaceSettingsMobile_default.infoRow, children: [
+          /* @__PURE__ */ jsx72("div", { className: ScWorkspaceSettingsMobile_default.iconContainer, children: ownerIcon && /* @__PURE__ */ jsx72("span", { className: ScWorkspaceSettingsMobile_default.icon, children: ownerIcon }) }),
+          /* @__PURE__ */ jsx72("p", { className: ScWorkspaceSettingsMobile_default.infoText, children: ownerId })
         ] }),
-        /* @__PURE__ */ jsxs60("div", { className: ScWorkspaceSettingsMobile_default.infoRow, children: [
-          /* @__PURE__ */ jsx69("div", { className: ScWorkspaceSettingsMobile_default.iconContainer, children: teamIcon && /* @__PURE__ */ jsx69("span", { className: ScWorkspaceSettingsMobile_default.icon, children: teamIcon }) }),
-          /* @__PURE__ */ jsx69("p", { className: ScWorkspaceSettingsMobile_default.infoText, children: teamCount })
+        /* @__PURE__ */ jsxs63("div", { className: ScWorkspaceSettingsMobile_default.infoRow, children: [
+          /* @__PURE__ */ jsx72("div", { className: ScWorkspaceSettingsMobile_default.iconContainer, children: teamIcon && /* @__PURE__ */ jsx72("span", { className: ScWorkspaceSettingsMobile_default.icon, children: teamIcon }) }),
+          /* @__PURE__ */ jsx72("p", { className: ScWorkspaceSettingsMobile_default.infoText, children: teamCount })
         ] })
       ]
     }
@@ -5248,7 +5714,7 @@ var ScMobileTopNav_default = {
 };
 
 // src/SC-MobileTopNav/ScMobileTopNav.tsx
-import { Fragment as Fragment20, jsx as jsx70, jsxs as jsxs61 } from "react/jsx-runtime";
+import { Fragment as Fragment21, jsx as jsx73, jsxs as jsxs64 } from "react/jsx-runtime";
 var ScMobileTopNav = ({
   type = "home",
   searchIcon = false,
@@ -5271,22 +5737,22 @@ var ScMobileTopNav = ({
 }) => {
   const hasBorder = type === "chat" || type === "inApp";
   const showSearch = type === "inApp" && searchIcon && search;
-  return /* @__PURE__ */ jsxs61(
+  return /* @__PURE__ */ jsxs64(
     "div",
     {
       className: ScMobileTopNav_default.scMobileTopNav + " " + (hasBorder ? ScMobileTopNav_default.withBorder : "") + " " + className,
       ...props,
       children: [
-        type === "home" && /* @__PURE__ */ jsx70("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx70("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
-        type === "chat" && /* @__PURE__ */ jsxs61(Fragment20, { children: [
-          /* @__PURE__ */ jsx70("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx70("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
-          /* @__PURE__ */ jsx70("p", { className: ScMobileTopNav_default.chatTitle, children: chatTitle }),
-          /* @__PURE__ */ jsx70("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMoreClick, children: moreIcon || /* @__PURE__ */ jsx70("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
+        type === "home" && /* @__PURE__ */ jsx73("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx73("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
+        type === "chat" && /* @__PURE__ */ jsxs64(Fragment21, { children: [
+          /* @__PURE__ */ jsx73("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx73("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
+          /* @__PURE__ */ jsx73("p", { className: ScMobileTopNav_default.chatTitle, children: chatTitle }),
+          /* @__PURE__ */ jsx73("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMoreClick, children: moreIcon || /* @__PURE__ */ jsx73("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
         ] }),
-        showSearch && /* @__PURE__ */ jsxs61(Fragment20, { children: [
-          /* @__PURE__ */ jsx70("div", { className: ScMobileTopNav_default.searchRow, children: /* @__PURE__ */ jsxs61("div", { className: ScMobileTopNav_default.searchInputContainer, children: [
-            /* @__PURE__ */ jsx70("div", { className: ScMobileTopNav_default.iconContainer, onClick: onSearchClick, children: searchIconElement || /* @__PURE__ */ jsx70("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
-            /* @__PURE__ */ jsx70("div", { className: ScMobileTopNav_default.searchInput, children: /* @__PURE__ */ jsx70(
+        showSearch && /* @__PURE__ */ jsxs64(Fragment21, { children: [
+          /* @__PURE__ */ jsx73("div", { className: ScMobileTopNav_default.searchRow, children: /* @__PURE__ */ jsxs64("div", { className: ScMobileTopNav_default.searchInputContainer, children: [
+            /* @__PURE__ */ jsx73("div", { className: ScMobileTopNav_default.iconContainer, onClick: onSearchClick, children: searchIconElement || /* @__PURE__ */ jsx73("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
+            /* @__PURE__ */ jsx73("div", { className: ScMobileTopNav_default.searchInput, children: /* @__PURE__ */ jsx73(
               "input",
               {
                 type: "text",
@@ -5297,17 +5763,17 @@ var ScMobileTopNav = ({
               }
             ) })
           ] }) }),
-          /* @__PURE__ */ jsx70("div", { className: ScMobileTopNav_default.iconContainer, onClick: onCloseClick, children: closeIcon || /* @__PURE__ */ jsx70("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
+          /* @__PURE__ */ jsx73("div", { className: ScMobileTopNav_default.iconContainer, onClick: onCloseClick, children: closeIcon || /* @__PURE__ */ jsx73("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
         ] }),
-        type === "inApp" && !search && /* @__PURE__ */ jsxs61(Fragment20, { children: [
-          /* @__PURE__ */ jsx70("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx70("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
-          /* @__PURE__ */ jsx70("p", { className: ScMobileTopNav_default.heading, children: heading }),
-          /* @__PURE__ */ jsx70(
+        type === "inApp" && !search && /* @__PURE__ */ jsxs64(Fragment21, { children: [
+          /* @__PURE__ */ jsx73("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx73("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
+          /* @__PURE__ */ jsx73("p", { className: ScMobileTopNav_default.heading, children: heading }),
+          /* @__PURE__ */ jsx73(
             "div",
             {
               className: ScMobileTopNav_default.iconContainer + " " + (!searchIcon ? ScMobileTopNav_default.hidden : ""),
               onClick: onSearchClick,
-              children: searchIcon ? searchIconElement || /* @__PURE__ */ jsx70("div", { className: ScMobileTopNav_default.iconPlaceholder }) : /* @__PURE__ */ jsx70("div", { className: ScMobileTopNav_default.iconPlaceholder })
+              children: searchIcon ? searchIconElement || /* @__PURE__ */ jsx73("div", { className: ScMobileTopNav_default.iconPlaceholder }) : /* @__PURE__ */ jsx73("div", { className: ScMobileTopNav_default.iconPlaceholder })
             }
           )
         ] })
@@ -5328,7 +5794,7 @@ var ScMobileBottomAction_default = {
 };
 
 // src/SC-MobileBottomAction/ScMobileBottomAction.tsx
-import { jsx as jsx71, jsxs as jsxs62 } from "react/jsx-runtime";
+import { jsx as jsx74, jsxs as jsxs65 } from "react/jsx-runtime";
 var ScMobileBottomAction = ({
   text = "Save Changes",
   disabled = false,
@@ -5340,28 +5806,28 @@ var ScMobileBottomAction = ({
   ...props
 }) => {
   const isTwoButton = !!secondaryText;
-  return /* @__PURE__ */ jsxs62(
+  return /* @__PURE__ */ jsxs65(
     "div",
     {
       className: ScMobileBottomAction_default.scMobileBottomAction + (isTwoButton ? " " + ScMobileBottomAction_default.twoButton : "") + " " + className,
       ...props,
       children: [
-        isTwoButton && /* @__PURE__ */ jsx71(
+        isTwoButton && /* @__PURE__ */ jsx74(
           "button",
           {
             className: ScMobileBottomAction_default.outlineButton + " " + (secondaryDisabled ? ScMobileBottomAction_default.disabled : ""),
             onClick: onSecondaryClick,
             disabled: secondaryDisabled,
-            children: /* @__PURE__ */ jsx71("span", { className: ScMobileBottomAction_default.outlineButtonText, children: secondaryText })
+            children: /* @__PURE__ */ jsx74("span", { className: ScMobileBottomAction_default.outlineButtonText, children: secondaryText })
           }
         ),
-        /* @__PURE__ */ jsx71(
+        /* @__PURE__ */ jsx74(
           "button",
           {
             className: ScMobileBottomAction_default.button + " " + (disabled ? ScMobileBottomAction_default.disabled : ""),
             onClick,
             disabled,
-            children: /* @__PURE__ */ jsx71("span", { className: ScMobileBottomAction_default.buttonText, children: text })
+            children: /* @__PURE__ */ jsx74("span", { className: ScMobileBottomAction_default.buttonText, children: text })
           }
         )
       ]
@@ -5379,7 +5845,7 @@ var ScPopUpMenu_default = {
 };
 
 // src/SC-PopUpMenu/ScPopUpMenu.tsx
-import { jsx as jsx72, jsxs as jsxs63 } from "react/jsx-runtime";
+import { jsx as jsx75, jsxs as jsxs66 } from "react/jsx-runtime";
 var ScPopUpMenu = ({
   menu = "Options",
   state = "default",
@@ -5388,15 +5854,15 @@ var ScPopUpMenu = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs63(
+  return /* @__PURE__ */ jsxs66(
     "div",
     {
       className: ScPopUpMenu_default.scPopUpMenu + " " + ScPopUpMenu_default["state-" + state] + " " + className,
       onClick,
       ...props,
       children: [
-        icon && /* @__PURE__ */ jsx72("span", { className: ScPopUpMenu_default.icon, children: icon }),
-        /* @__PURE__ */ jsx72("p", { className: ScPopUpMenu_default.menuText, children: menu })
+        icon && /* @__PURE__ */ jsx75("span", { className: ScPopUpMenu_default.icon, children: icon }),
+        /* @__PURE__ */ jsx75("p", { className: ScPopUpMenu_default.menuText, children: menu })
       ]
     }
   );
@@ -5422,7 +5888,7 @@ var ScReferralCardMobile_default = {
 };
 
 // src/SC-referralCard-Mobile/ScReferralCardMobile.tsx
-import { jsx as jsx73, jsxs as jsxs64 } from "react/jsx-runtime";
+import { jsx as jsx76, jsxs as jsxs67 } from "react/jsx-runtime";
 var ScReferralCardMobile = ({
   name = "Chris Hemsworth",
   email = "chris@kepler.com",
@@ -5435,27 +5901,27 @@ var ScReferralCardMobile = ({
   ...props
 }) => {
   const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
-  return /* @__PURE__ */ jsxs64(
+  return /* @__PURE__ */ jsxs67(
     "div",
     {
       className: ScReferralCardMobile_default.scReferralCardMobile + " " + className,
       onClick,
       ...props,
       children: [
-        /* @__PURE__ */ jsxs64("div", { className: ScReferralCardMobile_default.userRow, children: [
-          /* @__PURE__ */ jsxs64("div", { className: ScReferralCardMobile_default.profileSection, children: [
-            /* @__PURE__ */ jsx73("div", { className: ScReferralCardMobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx73("img", { src: imageUrl, alt: name, className: ScReferralCardMobile_default.image }) : /* @__PURE__ */ jsx73("div", { className: ScReferralCardMobile_default.initials, children: initials }) }),
-            /* @__PURE__ */ jsxs64("div", { className: ScReferralCardMobile_default.userInfo, children: [
-              /* @__PURE__ */ jsx73("p", { className: ScReferralCardMobile_default.userName, children: name }),
-              /* @__PURE__ */ jsx73("p", { className: ScReferralCardMobile_default.userEmail, children: email })
+        /* @__PURE__ */ jsxs67("div", { className: ScReferralCardMobile_default.userRow, children: [
+          /* @__PURE__ */ jsxs67("div", { className: ScReferralCardMobile_default.profileSection, children: [
+            /* @__PURE__ */ jsx76("div", { className: ScReferralCardMobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx76("img", { src: imageUrl, alt: name, className: ScReferralCardMobile_default.image }) : /* @__PURE__ */ jsx76("div", { className: ScReferralCardMobile_default.initials, children: initials }) }),
+            /* @__PURE__ */ jsxs67("div", { className: ScReferralCardMobile_default.userInfo, children: [
+              /* @__PURE__ */ jsx76("p", { className: ScReferralCardMobile_default.userName, children: name }),
+              /* @__PURE__ */ jsx76("p", { className: ScReferralCardMobile_default.userEmail, children: email })
             ] })
           ] }),
-          /* @__PURE__ */ jsx73("div", { className: ScReferralCardMobile_default.badge, children: /* @__PURE__ */ jsx73("p", { className: ScReferralCardMobile_default.badgeText, children: badge }) })
+          /* @__PURE__ */ jsx76("div", { className: ScReferralCardMobile_default.badge, children: /* @__PURE__ */ jsx76("p", { className: ScReferralCardMobile_default.badgeText, children: badge }) })
         ] }),
-        /* @__PURE__ */ jsx73("div", { className: ScReferralCardMobile_default.divider }),
-        /* @__PURE__ */ jsxs64("div", { className: ScReferralCardMobile_default.detailsRow, children: [
-          /* @__PURE__ */ jsx73("p", { className: ScReferralCardMobile_default.dateText, children: date }),
-          /* @__PURE__ */ jsx73("p", { className: ScReferralCardMobile_default.creditsText, children: credits })
+        /* @__PURE__ */ jsx76("div", { className: ScReferralCardMobile_default.divider }),
+        /* @__PURE__ */ jsxs67("div", { className: ScReferralCardMobile_default.detailsRow, children: [
+          /* @__PURE__ */ jsx76("p", { className: ScReferralCardMobile_default.dateText, children: date }),
+          /* @__PURE__ */ jsx76("p", { className: ScReferralCardMobile_default.creditsText, children: credits })
         ] })
       ]
     }
@@ -5472,19 +5938,19 @@ var InvoiceHistoryMobile_default = {
 };
 
 // src/SC-InvoiceHistoryMobile/InvoiceHistoryMobile.tsx
-import { jsx as jsx74, jsxs as jsxs65 } from "react/jsx-runtime";
+import { jsx as jsx77, jsxs as jsxs68 } from "react/jsx-runtime";
 var InvoiceHistoryMobile = ({
   invoiceId = "# INV-2800-2026",
   date = "Nov 9th, 2025",
   amount = "$320.89",
   className
 }) => {
-  return /* @__PURE__ */ jsxs65("div", { className: InvoiceHistoryMobile_default.invoiceHistoryMobile + " " + (className ?? ""), children: [
-    /* @__PURE__ */ jsxs65("div", { className: InvoiceHistoryMobile_default.info, children: [
-      /* @__PURE__ */ jsx74("div", { className: InvoiceHistoryMobile_default.invoiceId, children: invoiceId }),
-      /* @__PURE__ */ jsx74("div", { className: InvoiceHistoryMobile_default.date, children: date })
+  return /* @__PURE__ */ jsxs68("div", { className: InvoiceHistoryMobile_default.invoiceHistoryMobile + " " + (className ?? ""), children: [
+    /* @__PURE__ */ jsxs68("div", { className: InvoiceHistoryMobile_default.info, children: [
+      /* @__PURE__ */ jsx77("div", { className: InvoiceHistoryMobile_default.invoiceId, children: invoiceId }),
+      /* @__PURE__ */ jsx77("div", { className: InvoiceHistoryMobile_default.date, children: date })
     ] }),
-    /* @__PURE__ */ jsx74("div", { className: InvoiceHistoryMobile_default.amount, children: amount })
+    /* @__PURE__ */ jsx77("div", { className: InvoiceHistoryMobile_default.amount, children: amount })
   ] });
 };
 
@@ -5502,7 +5968,7 @@ var UsageHistoryMobile_default = {
 };
 
 // src/SC-UsageHistoryMobile/UsageHistoryMobile.tsx
-import { jsx as jsx75, jsxs as jsxs66 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs69 } from "react/jsx-runtime";
 var UsageHistoryMobile = ({
   serviceName = "Artifax Generation",
   credits = "50",
@@ -5511,18 +5977,18 @@ var UsageHistoryMobile = ({
   balance = "84,902",
   className
 }) => {
-  return /* @__PURE__ */ jsxs66("div", { className: UsageHistoryMobile_default.usageHistoryMobile + " " + (className ?? ""), children: [
-    /* @__PURE__ */ jsxs66("div", { className: UsageHistoryMobile_default.row1, children: [
-      /* @__PURE__ */ jsx75("span", { className: UsageHistoryMobile_default.serviceName, children: serviceName }),
-      /* @__PURE__ */ jsx75("span", { className: UsageHistoryMobile_default.credits, children: credits })
+  return /* @__PURE__ */ jsxs69("div", { className: UsageHistoryMobile_default.usageHistoryMobile + " " + (className ?? ""), children: [
+    /* @__PURE__ */ jsxs69("div", { className: UsageHistoryMobile_default.row1, children: [
+      /* @__PURE__ */ jsx78("span", { className: UsageHistoryMobile_default.serviceName, children: serviceName }),
+      /* @__PURE__ */ jsx78("span", { className: UsageHistoryMobile_default.credits, children: credits })
     ] }),
-    /* @__PURE__ */ jsxs66("div", { className: UsageHistoryMobile_default.row2, children: [
-      /* @__PURE__ */ jsxs66("div", { className: UsageHistoryMobile_default.metaLeft, children: [
-        /* @__PURE__ */ jsx75("span", { className: UsageHistoryMobile_default.metaText, children: userName }),
-        /* @__PURE__ */ jsx75("div", { className: UsageHistoryMobile_default.divider }),
-        /* @__PURE__ */ jsx75("span", { className: UsageHistoryMobile_default.metaText, children: date })
+    /* @__PURE__ */ jsxs69("div", { className: UsageHistoryMobile_default.row2, children: [
+      /* @__PURE__ */ jsxs69("div", { className: UsageHistoryMobile_default.metaLeft, children: [
+        /* @__PURE__ */ jsx78("span", { className: UsageHistoryMobile_default.metaText, children: userName }),
+        /* @__PURE__ */ jsx78("div", { className: UsageHistoryMobile_default.divider }),
+        /* @__PURE__ */ jsx78("span", { className: UsageHistoryMobile_default.metaText, children: date })
       ] }),
-      /* @__PURE__ */ jsx75("span", { className: UsageHistoryMobile_default.balance, children: balance })
+      /* @__PURE__ */ jsx78("span", { className: UsageHistoryMobile_default.balance, children: balance })
     ] })
   ] });
 };
@@ -5546,7 +6012,7 @@ var ScWorkspaceSwitchMobileV2_default = {
 };
 
 // src/SC-WorkspaceSwitchMobile-V2/ScWorkspaceSwitchMobileV2.tsx
-import { jsx as jsx76, jsxs as jsxs67 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs70 } from "react/jsx-runtime";
 var ScWorkspaceSwitchMobileV2 = ({
   wsName = "Workspace name is kepler",
   initials = "WS",
@@ -5559,14 +6025,14 @@ var ScWorkspaceSwitchMobileV2 = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx76(
+  return /* @__PURE__ */ jsx79(
     "div",
     {
       className: ScWorkspaceSwitchMobileV2_default.scWorkspaceSwitchMobileV2 + " " + ScWorkspaceSwitchMobileV2_default["type-" + type] + " " + className,
       onClick,
       ...props,
-      children: /* @__PURE__ */ jsxs67("div", { className: ScWorkspaceSwitchMobileV2_default.workspaceInfo, children: [
-        /* @__PURE__ */ jsx76("div", { className: ScWorkspaceSwitchMobileV2_default.dpContainer, children: /* @__PURE__ */ jsx76(
+      children: /* @__PURE__ */ jsxs70("div", { className: ScWorkspaceSwitchMobileV2_default.workspaceInfo, children: [
+        /* @__PURE__ */ jsx79("div", { className: ScWorkspaceSwitchMobileV2_default.dpContainer, children: /* @__PURE__ */ jsx79(
           ScDp,
           {
             type: imageUrl ? "image" : "initial",
@@ -5580,14 +6046,14 @@ var ScWorkspaceSwitchMobileV2 = ({
             }
           }
         ) }),
-        /* @__PURE__ */ jsxs67("div", { className: ScWorkspaceSwitchMobileV2_default.textContainer, children: [
-          /* @__PURE__ */ jsx76("p", { className: ScWorkspaceSwitchMobileV2_default.wsName, children: wsName }),
-          /* @__PURE__ */ jsxs67("div", { className: ScWorkspaceSwitchMobileV2_default.userDetails, children: [
-            /* @__PURE__ */ jsx76("span", { className: ScWorkspaceSwitchMobileV2_default.roleText + (role === "Member" ? " " + ScWorkspaceSwitchMobileV2_default.roleMember : ""), children: role }),
-            /* @__PURE__ */ jsx76("div", { className: ScWorkspaceSwitchMobileV2_default.dot }),
-            /* @__PURE__ */ jsx76("span", { className: ScWorkspaceSwitchMobileV2_default.planText, children: plan }),
-            /* @__PURE__ */ jsx76("div", { className: ScWorkspaceSwitchMobileV2_default.dot }),
-            /* @__PURE__ */ jsx76("span", { className: ScWorkspaceSwitchMobileV2_default.ownerText, children: ownerId })
+        /* @__PURE__ */ jsxs70("div", { className: ScWorkspaceSwitchMobileV2_default.textContainer, children: [
+          /* @__PURE__ */ jsx79("p", { className: ScWorkspaceSwitchMobileV2_default.wsName, children: wsName }),
+          /* @__PURE__ */ jsxs70("div", { className: ScWorkspaceSwitchMobileV2_default.userDetails, children: [
+            /* @__PURE__ */ jsx79("span", { className: ScWorkspaceSwitchMobileV2_default.roleText + (role === "Member" ? " " + ScWorkspaceSwitchMobileV2_default.roleMember : ""), children: role }),
+            /* @__PURE__ */ jsx79("div", { className: ScWorkspaceSwitchMobileV2_default.dot }),
+            /* @__PURE__ */ jsx79("span", { className: ScWorkspaceSwitchMobileV2_default.planText, children: plan }),
+            /* @__PURE__ */ jsx79("div", { className: ScWorkspaceSwitchMobileV2_default.dot }),
+            /* @__PURE__ */ jsx79("span", { className: ScWorkspaceSwitchMobileV2_default.ownerText, children: ownerId })
           ] })
         ] })
       ] })
@@ -5614,7 +6080,7 @@ var ScImageField_default = {
 
 // src/SC-imageField/ScImageField.tsx
 import { SiconUpload as SiconUpload2, SiconDelete as SiconDelete2 } from "@streamoid/icons";
-import { jsx as jsx77, jsxs as jsxs68 } from "react/jsx-runtime";
+import { jsx as jsx80, jsxs as jsxs71 } from "react/jsx-runtime";
 var ScImageField = ({
   label = "Label",
   imagePreview,
@@ -5637,8 +6103,8 @@ var ScImageField = ({
     }
     e.target.value = "";
   }
-  return /* @__PURE__ */ jsxs68("div", { className: ScImageField_default.scImageField + " " + (className ?? ""), children: [
-    /* @__PURE__ */ jsx77(
+  return /* @__PURE__ */ jsxs71("div", { className: ScImageField_default.scImageField + " " + (className ?? ""), children: [
+    /* @__PURE__ */ jsx80(
       "input",
       {
         ref: inputRef,
@@ -5648,9 +6114,9 @@ var ScImageField = ({
         onChange: handleChange
       }
     ),
-    /* @__PURE__ */ jsx77("div", { className: ScImageField_default.labelContainer, children: /* @__PURE__ */ jsx77("div", { className: ScImageField_default.label, children: label }) }),
-    hasImage ? /* @__PURE__ */ jsxs68("div", { className: ScImageField_default.previewArea, children: [
-      /* @__PURE__ */ jsx77(
+    /* @__PURE__ */ jsx80("div", { className: ScImageField_default.labelContainer, children: /* @__PURE__ */ jsx80("div", { className: ScImageField_default.label, children: label }) }),
+    hasImage ? /* @__PURE__ */ jsxs71("div", { className: ScImageField_default.previewArea, children: [
+      /* @__PURE__ */ jsx80(
         "img",
         {
           className: ScImageField_default.previewImage,
@@ -5658,8 +6124,8 @@ var ScImageField = ({
           alt: "preview"
         }
       ),
-      /* @__PURE__ */ jsx77("span", { className: ScImageField_default.fileName, children: imageName || "image" }),
-      /* @__PURE__ */ jsx77(
+      /* @__PURE__ */ jsx80("span", { className: ScImageField_default.fileName, children: imageName || "image" }),
+      /* @__PURE__ */ jsx80(
         SiconDelete2,
         {
           className: ScImageField_default.removeIcon,
@@ -5670,9 +6136,9 @@ var ScImageField = ({
           }
         }
       )
-    ] }) : /* @__PURE__ */ jsxs68("div", { className: ScImageField_default.uploadArea, onClick: handleClick, children: [
-      /* @__PURE__ */ jsx77(SiconUpload2, { className: ScImageField_default.uploadIcon, color: "var(--alias-text-and-icons-secondary, #dadada)" }),
-      /* @__PURE__ */ jsx77("span", { className: ScImageField_default.uploadText, children: "Click to upload" })
+    ] }) : /* @__PURE__ */ jsxs71("div", { className: ScImageField_default.uploadArea, onClick: handleClick, children: [
+      /* @__PURE__ */ jsx80(SiconUpload2, { className: ScImageField_default.uploadIcon, color: "var(--alias-text-and-icons-secondary, #dadada)" }),
+      /* @__PURE__ */ jsx80("span", { className: ScImageField_default.uploadText, children: "Click to upload" })
     ] })
   ] });
 };
@@ -5686,7 +6152,7 @@ var ScSettingsTabComp_default = {
 };
 
 // src/SC-settingsTabComp/ScSettingsTabComp.tsx
-import { jsx as jsx78 } from "react/jsx-runtime";
+import { jsx as jsx81 } from "react/jsx-runtime";
 var ScSettingsTabComp = ({
   tabName = "Tab",
   active = false,
@@ -5694,12 +6160,12 @@ var ScSettingsTabComp = ({
   className
 }) => {
   const variantsClassName = ScSettingsTabComp_default["active-" + active];
-  return /* @__PURE__ */ jsx78(
+  return /* @__PURE__ */ jsx81(
     "div",
     {
       className: ScSettingsTabComp_default.scSettingsTabComp + " " + variantsClassName + " " + (className ?? ""),
       onClick,
-      children: /* @__PURE__ */ jsx78("span", { className: ScSettingsTabComp_default.tabText, children: tabName })
+      children: /* @__PURE__ */ jsx81("span", { className: ScSettingsTabComp_default.tabText, children: tabName })
     }
   );
 };
@@ -5719,7 +6185,7 @@ var ScCreditsUsageCardMobile_default = {
 
 // src/SC-Credits usage card-Mobile/ScCreditsUsageCardMobile.tsx
 import { SiconCredits as SiconCredits3 } from "@streamoid/icons";
-import { jsx as jsx79, jsxs as jsxs69 } from "react/jsx-runtime";
+import { jsx as jsx82, jsxs as jsxs72 } from "react/jsx-runtime";
 var ScCreditsUsageCardMobile = ({
   usageLabel = "Credits usage",
   usageText = "8,450 / 30,000",
@@ -5729,23 +6195,23 @@ var ScCreditsUsageCardMobile = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs69("div", { className: ScCreditsUsageCardMobile_default.scCreditsUsageCardMobile + " " + (className ?? ""), ...props, children: [
-    /* @__PURE__ */ jsxs69("div", { className: ScCreditsUsageCardMobile_default.header, children: [
-      /* @__PURE__ */ jsx79(
+  return /* @__PURE__ */ jsxs72("div", { className: ScCreditsUsageCardMobile_default.scCreditsUsageCardMobile + " " + (className ?? ""), ...props, children: [
+    /* @__PURE__ */ jsxs72("div", { className: ScCreditsUsageCardMobile_default.header, children: [
+      /* @__PURE__ */ jsx82(
         SiconCredits3,
         {
           className: ScCreditsUsageCardMobile_default.headerIcon,
           color: "var(--alias-text-and-icons-tertiary, #9e9e9e)"
         }
       ),
-      /* @__PURE__ */ jsx79("span", { className: ScCreditsUsageCardMobile_default.headerLabel, children: usageLabel })
+      /* @__PURE__ */ jsx82("span", { className: ScCreditsUsageCardMobile_default.headerLabel, children: usageLabel })
     ] }),
-    /* @__PURE__ */ jsx79("div", { className: ScCreditsUsageCardMobile_default.divider }),
-    /* @__PURE__ */ jsxs69("div", { className: ScCreditsUsageCardMobile_default.usageInfo, children: [
-      /* @__PURE__ */ jsx79("div", { className: ScCreditsUsageCardMobile_default.usageText, children: usageText }),
-      /* @__PURE__ */ jsx79("div", { className: ScCreditsUsageCardMobile_default.remainingText, children: remainingText })
+    /* @__PURE__ */ jsx82("div", { className: ScCreditsUsageCardMobile_default.divider }),
+    /* @__PURE__ */ jsxs72("div", { className: ScCreditsUsageCardMobile_default.usageInfo, children: [
+      /* @__PURE__ */ jsx82("div", { className: ScCreditsUsageCardMobile_default.usageText, children: usageText }),
+      /* @__PURE__ */ jsx82("div", { className: ScCreditsUsageCardMobile_default.remainingText, children: remainingText })
     ] }),
-    /* @__PURE__ */ jsx79(
+    /* @__PURE__ */ jsx82(
       ScButton,
       {
         text: buyButtonText,
@@ -5777,7 +6243,7 @@ var ScPlanDetailsCardMobile_default = {
 
 // src/SC-Plan details card-Mobile/ScPlanDetailsCardMobile.tsx
 import { SiconBilling as SiconBilling4 } from "@streamoid/icons";
-import { jsx as jsx80, jsxs as jsxs70 } from "react/jsx-runtime";
+import { jsx as jsx83, jsxs as jsxs73 } from "react/jsx-runtime";
 var ScPlanDetailsCardMobile = ({
   planName = "Pro",
   planCredits = "30,000 credits",
@@ -5789,19 +6255,19 @@ var ScPlanDetailsCardMobile = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs70("div", { className: ScPlanDetailsCardMobile_default.scPlanDetailsCardMobile + " " + (className ?? ""), ...props, children: [
-    /* @__PURE__ */ jsxs70("div", { className: ScPlanDetailsCardMobile_default.planHeader, children: [
-      /* @__PURE__ */ jsxs70("div", { className: ScPlanDetailsCardMobile_default.headerLeft, children: [
-        /* @__PURE__ */ jsx80(
+  return /* @__PURE__ */ jsxs73("div", { className: ScPlanDetailsCardMobile_default.scPlanDetailsCardMobile + " " + (className ?? ""), ...props, children: [
+    /* @__PURE__ */ jsxs73("div", { className: ScPlanDetailsCardMobile_default.planHeader, children: [
+      /* @__PURE__ */ jsxs73("div", { className: ScPlanDetailsCardMobile_default.headerLeft, children: [
+        /* @__PURE__ */ jsx83(
           SiconBilling4,
           {
             className: ScPlanDetailsCardMobile_default.headerIcon,
             color: "var(--alias-text-and-icons-tertiary, #9e9e9e)"
           }
         ),
-        /* @__PURE__ */ jsx80("span", { className: ScPlanDetailsCardMobile_default.headerLabel, children: currentPlanLabel })
+        /* @__PURE__ */ jsx83("span", { className: ScPlanDetailsCardMobile_default.headerLabel, children: currentPlanLabel })
       ] }),
-      /* @__PURE__ */ jsx80(
+      /* @__PURE__ */ jsx83(
         ScBadges,
         {
           text: badgeText,
@@ -5811,16 +6277,16 @@ var ScPlanDetailsCardMobile = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx80("div", { className: ScPlanDetailsCardMobile_default.divider }),
-    /* @__PURE__ */ jsxs70("div", { className: ScPlanDetailsCardMobile_default.planInfo, children: [
-      /* @__PURE__ */ jsxs70("div", { className: ScPlanDetailsCardMobile_default.planNameRow, children: [
-        /* @__PURE__ */ jsx80("span", { className: ScPlanDetailsCardMobile_default.planName, children: planName }),
-        /* @__PURE__ */ jsx80("div", { className: ScPlanDetailsCardMobile_default.dot }),
-        /* @__PURE__ */ jsx80("span", { className: ScPlanDetailsCardMobile_default.planName, children: planCredits })
+    /* @__PURE__ */ jsx83("div", { className: ScPlanDetailsCardMobile_default.divider }),
+    /* @__PURE__ */ jsxs73("div", { className: ScPlanDetailsCardMobile_default.planInfo, children: [
+      /* @__PURE__ */ jsxs73("div", { className: ScPlanDetailsCardMobile_default.planNameRow, children: [
+        /* @__PURE__ */ jsx83("span", { className: ScPlanDetailsCardMobile_default.planName, children: planName }),
+        /* @__PURE__ */ jsx83("div", { className: ScPlanDetailsCardMobile_default.dot }),
+        /* @__PURE__ */ jsx83("span", { className: ScPlanDetailsCardMobile_default.planName, children: planCredits })
       ] }),
-      /* @__PURE__ */ jsx80("div", { className: ScPlanDetailsCardMobile_default.planPrice, children: planPrice })
+      /* @__PURE__ */ jsx83("div", { className: ScPlanDetailsCardMobile_default.planPrice, children: planPrice })
     ] }),
-    /* @__PURE__ */ jsx80(
+    /* @__PURE__ */ jsx83(
       ScButton,
       {
         text: upgradeButtonText,
@@ -5843,6 +6309,7 @@ export {
   ScAppField,
   ScAppListingCard,
   ScArtifaxInvite,
+  ScArtifaxSidebar,
   ScBadges,
   ScBillingHistoryHeader,
   ScBillingHistoryTableList,
@@ -5859,6 +6326,7 @@ export {
   ScDp,
   ScFieldButton,
   ScGoogleSignIn,
+  ScGuide,
   ScHDivider,
   ScHeader,
   ScImageField,
@@ -5891,6 +6359,7 @@ export {
   ScRoleMobile,
   ScSettingsNav,
   ScSettingsTabComp,
+  ScSideBarLogoUnit,
   ScSidebar,
   ScSidebarIcons,
   ScSidebarMenu,