@streamoid/ui 0.6.8 → 0.6.9

package/dist/index.mjs

@@ -649,13 +649,13 @@ import { SiconHome } from "@streamoid/icons";
 // src/SC-radio/ScRadio.module.css
 var ScRadio_default = {
   scRadio: "ScRadio_scRadio",
-  "state-default": "ScRadio_state-default",
   vector: "ScRadio_vector",
+  "state-default": "ScRadio_state-default",
   "state-selected": "ScRadio_state-selected"
 };
 
 // src/SC-radio/ScRadio.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 var ScRadio = ({
   state = "default",
   className,
@@ -667,21 +667,33 @@ var ScRadio = ({
     {
       className: ScRadio_default.scRadio + " " + className + " " + variantsClassName,
       ...props,
-      children: /* @__PURE__ */ jsx10(
+      children: /* @__PURE__ */ jsxs10(
         "svg",
         {
+          className: ScRadio_default.vector,
           width: "24",
           height: "24",
           viewBox: "0 0 24 24",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg",
-          children: /* @__PURE__ */ jsx10(
-            "path",
-            {
-              d: "M22.5 12C22.5 6.20101 17.799 1.5 12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5V24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24V22.5C17.799 22.5 22.5 17.799 22.5 12Z",
-              fill: "var(--alias-text-and-icons-muted, #7a7a7a)"
-            }
-          )
+          children: [
+            /* @__PURE__ */ jsx10(
+              "path",
+              {
+                d: "M22.5 12C22.5 6.20101 17.799 1.5 12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5V24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24V22.5C17.799 22.5 22.5 17.799 22.5 12Z",
+                fill: state === "selected" ? "var(--alias-text-and-icons-primary, #f5f5f5)" : "var(--alias-text-and-icons-muted, #7a7a7a)"
+              }
+            ),
+            state === "selected" && /* @__PURE__ */ jsx10(
+              "circle",
+              {
+                cx: "12",
+                cy: "12",
+                r: "6",
+                fill: "var(--alias-text-and-icons-primary, #f5f5f5)"
+              }
+            )
+          ]
         }
       )
     }
@@ -698,7 +710,7 @@ var ScCheckbox_default = {
 };
 
 // src/SC-checkbox/ScCheckbox.tsx
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
 var ScCheckbox = ({
   state = "default",
   checked,
@@ -720,7 +732,7 @@ var ScCheckbox = ({
         );
         props.onClick?.(e);
       },
-      children: effectiveState === "selected" ? /* @__PURE__ */ jsxs10("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+      children: effectiveState === "selected" ? /* @__PURE__ */ jsxs11("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
         /* @__PURE__ */ jsx11("rect", { width: "24", height: "24", rx: "6", fill: "var(--alias-fill-base-base, #f5f5f5)" }),
         /* @__PURE__ */ jsx11("path", { d: "M7.5 12L10.5 15L16.5 9", stroke: "var(--alias-text---icons-inverse, #101010)", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
       ] }) : /* @__PURE__ */ jsx11("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx11("rect", { x: "0.75", y: "0.75", width: "22.5", height: "22.5", rx: "5.25", stroke: "var(--alias-border-default, #3e3e3e)", strokeWidth: "1.5" }) })
@@ -729,7 +741,7 @@ var ScCheckbox = ({
 };
 
 // src/SC-Pairtext/ScPairtext.tsx
-import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
 var ScPairtext = ({
   content = "Pairtext",
   icon = /* @__PURE__ */ jsx12(SiconHome, { className: ScPairtext_default.siconHomeInstance }),
@@ -742,7 +754,7 @@ var ScPairtext = ({
 }) => {
   const variantsClassName = ScPairtext_default["icon-position-" + iconPosition] + " " + ScPairtext_default["type-" + type];
   const derivedState = checked !== void 0 ? checked ? "selected" : "default" : "default";
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     "div",
     {
       className: ScPairtext_default.scPairtext + " " + className + " " + variantsClassName,
@@ -751,7 +763,7 @@ var ScPairtext = ({
         onChange?.(!checked);
       },
       children: [
-        iconPosition === "right" && /* @__PURE__ */ jsx12(Fragment2, { children: /* @__PURE__ */ jsxs11("div", { className: ScPairtext_default.content, children: [
+        iconPosition === "right" && /* @__PURE__ */ jsx12(Fragment2, { children: /* @__PURE__ */ jsxs12("div", { className: ScPairtext_default.content, children: [
           content,
           " "
         ] }) }),
@@ -771,7 +783,7 @@ var ScPairtext = ({
           }
         ) }),
         type === "icon" && /* @__PURE__ */ jsx12(Fragment2, { children: icon }),
-        iconPosition === "left" && /* @__PURE__ */ jsx12(Fragment2, { children: /* @__PURE__ */ jsxs11("div", { className: ScPairtext_default.content, children: [
+        iconPosition === "left" && /* @__PURE__ */ jsx12(Fragment2, { children: /* @__PURE__ */ jsxs12("div", { className: ScPairtext_default.content, children: [
           content,
           " "
         ] }) })
@@ -781,7 +793,7 @@ var ScPairtext = ({
 };
 
 // src/SC-BillingHistoryTableList/ScBillingHistoryTableList.tsx
-import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
 var ScBillingHistoryTableList = ({
   invoiceNumber = "# INV-2800-2026",
   amount = "\u20B9320.89",
@@ -791,22 +803,22 @@ var ScBillingHistoryTableList = ({
   onRowClick,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     "div",
     {
       className: ScBillingHistoryTableList_default.scBillingHistoryTableList + " " + className,
       onClick: onRowClick,
       ...props,
       children: [
-        /* @__PURE__ */ jsxs12("div", { className: ScBillingHistoryTableList_default.invoiceNumber, children: [
+        /* @__PURE__ */ jsxs13("div", { className: ScBillingHistoryTableList_default.invoiceNumber, children: [
           invoiceNumber,
           " "
         ] }),
-        /* @__PURE__ */ jsxs12("div", { className: ScBillingHistoryTableList_default.amount, children: [
+        /* @__PURE__ */ jsxs13("div", { className: ScBillingHistoryTableList_default.amount, children: [
           amount,
           " "
         ] }),
-        /* @__PURE__ */ jsxs12("div", { className: ScBillingHistoryTableList_default.date, children: [
+        /* @__PURE__ */ jsxs13("div", { className: ScBillingHistoryTableList_default.date, children: [
           date,
           " "
         ] }),
@@ -854,7 +866,7 @@ var ScButton_default = {
 // src/SC-Button/ScButton.tsx
 import { SiconHome as SiconHome2 } from "@streamoid/icons";
 import { useState as useState2, useEffect, isValidElement, cloneElement } from "react";
-import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
 if (typeof window !== "undefined" && CSS.registerProperty) {
   const props = [
     { name: "--x-0", val: "72%" },
@@ -939,7 +951,7 @@ var ScButton = ({
   const strokeWidth = size === "sm" ? 1.25 : 1.5;
   const styledIcon = isValidElement(icon) ? cloneElement(icon, { color: "currentColor", strokeWidth }) : icon;
   const variantsClassName = ScButton_default["style-variant-" + styleVariant] + " " + ScButton_default["state-" + state] + " " + ScButton_default["variant-" + variant] + " " + ScButton_default["type-" + type] + " " + ScButton_default["size-" + size];
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(
     "div",
     {
       className: ScButton_default.scButton + " " + className + " " + variantsClassName,
@@ -952,9 +964,9 @@ var ScButton = ({
             style: { backgroundImage: `url(${noiseUrl})` }
           }
         ),
-        /* @__PURE__ */ jsxs13("div", { className: ScButton_default.container, children: [
+        /* @__PURE__ */ jsxs14("div", { className: ScButton_default.container, children: [
           (styleVariant === "icon-left" || styleVariant === "icon-only") && /* @__PURE__ */ jsx14(Fragment3, { children: styledIcon }),
-          (styleVariant === "default" || styleVariant === "icon-right" || styleVariant === "icon-left") && /* @__PURE__ */ jsx14(Fragment3, { children: /* @__PURE__ */ jsxs13("div", { className: ScButton_default.label, children: [
+          (styleVariant === "default" || styleVariant === "icon-right" || styleVariant === "icon-left") && /* @__PURE__ */ jsx14(Fragment3, { children: /* @__PURE__ */ jsxs14("div", { className: ScButton_default.label, children: [
             text,
             " "
           ] }) }),
@@ -1046,7 +1058,7 @@ var ScCalendarDateComps_default = {
 };
 
 // src/SC-Calendar date comps/ScCalendarDateComps.tsx
-import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
 var ScCalendarDateComps = ({
   date = "31",
   state = "default",
@@ -1059,7 +1071,7 @@ var ScCalendarDateComps = ({
     {
       className: ScCalendarDateComps_default.scCalendarDateComps + " " + className + " " + variantsClassName,
       ...props,
-      children: /* @__PURE__ */ jsxs14("div", { className: ScCalendarDateComps_default.date, children: [
+      children: /* @__PURE__ */ jsxs15("div", { className: ScCalendarDateComps_default.date, children: [
         date,
         " "
       ] })
@@ -1068,7 +1080,7 @@ var ScCalendarDateComps = ({
 };
 
 // src/SC-Calendar/ScCalendar.tsx
-import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
 var MONTH_NAMES = [
   "January",
   "February",
@@ -1131,14 +1143,14 @@ var ScCalendar = ({
     }
     return String(dayIndex - firstDayOfMonth + 1);
   };
-  return /* @__PURE__ */ jsxs15("div", { className: ScCalendar_default.scCalendar + " " + className, ...props, children: [
-    /* @__PURE__ */ jsxs15("div", { className: ScCalendar_default.header, children: [
-      /* @__PURE__ */ jsxs15("div", { className: ScCalendar_default.monthYear, children: [
+  return /* @__PURE__ */ jsxs16("div", { className: ScCalendar_default.scCalendar + " " + className, ...props, children: [
+    /* @__PURE__ */ jsxs16("div", { className: ScCalendar_default.header, children: [
+      /* @__PURE__ */ jsxs16("div", { className: ScCalendar_default.monthYear, children: [
         MONTH_NAMES[currentMonth],
         " ",
         currentYear
       ] }),
-      /* @__PURE__ */ jsxs15("div", { className: ScCalendar_default.navigation, children: [
+      /* @__PURE__ */ jsxs16("div", { className: ScCalendar_default.navigation, children: [
         /* @__PURE__ */ jsx17(
           SiconLeft,
           {
@@ -1224,7 +1236,7 @@ var ScProgressBar = ({
 
 // src/SC-Credits usage card/ScCreditsUsageCard.tsx
 import { SiconHome as SiconHome3 } from "@streamoid/icons";
-import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 var ScCreditsUsageCard = ({
   usageLabel = "Credits usage",
   usageText = "8,450 / 30,000",
@@ -1239,8 +1251,8 @@ var ScCreditsUsageCard = ({
 }) => {
   const [btnHovered, setBtnHovered] = useState3(false);
   const displayText = btnHovered && buyButtonHoverText ? buyButtonHoverText : buyButtonText;
-  return /* @__PURE__ */ jsxs16("div", { className: ScCreditsUsageCard_default.scCreditsUsageCard + " " + className, ...props, children: [
-    /* @__PURE__ */ jsxs16("div", { className: ScCreditsUsageCard_default.header, children: [
+  return /* @__PURE__ */ jsxs17("div", { className: ScCreditsUsageCard_default.scCreditsUsageCard + " " + className, ...props, children: [
+    /* @__PURE__ */ jsxs17("div", { className: ScCreditsUsageCard_default.header, children: [
       /* @__PURE__ */ jsx19(
         ScPairtext,
         {
@@ -1249,13 +1261,13 @@ var ScCreditsUsageCard = ({
           className: ScCreditsUsageCard_default.scPairtextInstance
         }
       ),
-      /* @__PURE__ */ jsxs16("div", { className: ScCreditsUsageCard_default.usageText, children: [
+      /* @__PURE__ */ jsxs17("div", { className: ScCreditsUsageCard_default.usageText, children: [
         usageText,
         " "
       ] })
     ] }),
     /* @__PURE__ */ jsx19(ScHDivider, { className: ScCreditsUsageCard_default.scHDividerInstance }),
-    /* @__PURE__ */ jsxs16("div", { className: ScCreditsUsageCard_default.progressContainer, children: [
+    /* @__PURE__ */ jsxs17("div", { className: ScCreditsUsageCard_default.progressContainer, children: [
       /* @__PURE__ */ jsx19(
         ScProgressBar,
         {
@@ -1263,7 +1275,7 @@ var ScCreditsUsageCard = ({
           className: ScCreditsUsageCard_default.scProgressBarInstance
         }
       ),
-      /* @__PURE__ */ jsxs16("div", { className: ScCreditsUsageCard_default.remainingText, children: [
+      /* @__PURE__ */ jsxs17("div", { className: ScCreditsUsageCard_default.remainingText, children: [
         remainingText,
         " "
       ] }),
@@ -1294,7 +1306,7 @@ var ScCreditsUsageCard = ({
 // src/SC-CreditWarningBanner/CreditWarningBanner.tsx
 import { useState as useState4 } from "react";
 import { SiconClose } from "@streamoid/icons";
-import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
 var STYLES = {
   warning: {
     bg: "rgba(255, 165, 0, 0.08)",
@@ -1308,7 +1320,7 @@ var STYLES = {
   }
 };
 function WarningIcon({ color }) {
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     "svg",
     {
       "aria-hidden": "true",
@@ -1385,7 +1397,7 @@ function CreditWarningBanner({
     {
       className: "flex shrink-0 w-full",
       style: { padding: "var(--spacing-3xl) var(--spacing-md)" },
-      children: /* @__PURE__ */ jsxs17(
+      children: /* @__PURE__ */ jsxs18(
         "div",
         {
           className: "flex w-full flex-col",
@@ -1397,7 +1409,7 @@ function CreditWarningBanner({
             gap: "var(--spacing-sm, 8px)"
           },
           children: [
-            /* @__PURE__ */ jsxs17("div", { className: "flex w-full items-center", style: { gap: 8 }, children: [
+            /* @__PURE__ */ jsxs18("div", { className: "flex w-full items-center", style: { gap: 8 }, children: [
               /* @__PURE__ */ jsx20(WarningIcon, { color }),
               /* @__PURE__ */ jsx20(
                 "p",
@@ -1426,7 +1438,7 @@ function CreditWarningBanner({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs17(
+            /* @__PURE__ */ jsxs18(
               "p",
               {
                 className: "w-full",
@@ -1535,7 +1547,7 @@ var ScGoogleSignIn_default = {
 };
 
 // src/SC-Google sign in/ScGoogleSignIn.tsx
-import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
 var ScGoogleSignIn = ({
   hover = "false",
   googleLogoSrc = "google-logo0.png",
@@ -1544,14 +1556,14 @@ var ScGoogleSignIn = ({
   ...props
 }) => {
   const variantsClassName = ScGoogleSignIn_default["hover-" + hover];
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     "div",
     {
       className: ScGoogleSignIn_default.scGoogleSignIn + " " + className + " " + variantsClassName,
       ...props,
       children: [
         /* @__PURE__ */ jsx22("img", { className: ScGoogleSignIn_default.googleLogo, src: googleLogoSrc }),
-        /* @__PURE__ */ jsxs18("div", { className: ScGoogleSignIn_default.signInText, children: [
+        /* @__PURE__ */ jsxs19("div", { className: ScGoogleSignIn_default.signInText, children: [
           signInText,
           " "
         ] })
@@ -1567,7 +1579,7 @@ var ScIntialProfileCover_default = {
 };
 
 // src/SC-Intial Profile Cover/ScIntialProfileCover.tsx
-import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
 var ScIntialProfileCover = ({
   intial = "WS",
   size,
@@ -1579,7 +1591,7 @@ var ScIntialProfileCover = ({
     {
       className: ScIntialProfileCover_default.scIntialProfileCover + " " + className,
       style: sizeStyle,
-      children: /* @__PURE__ */ jsxs19("div", { className: ScIntialProfileCover_default.initials, children: [
+      children: /* @__PURE__ */ jsxs20("div", { className: ScIntialProfileCover_default.initials, children: [
         intial,
         " "
       ] })
@@ -1603,14 +1615,14 @@ var ScStrLogo_default = {
 };
 
 // src/SC-strLogo/ScStrLogo.tsx
-import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
 var ScStrLogo = ({
   type = "default",
   className,
   ...props
 }) => {
   const variantsClassName = ScStrLogo_default["type-" + type];
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(
     "svg",
     {
       className: ScStrLogo_default.scStrLogo + " " + className + " " + variantsClassName,
@@ -1712,7 +1724,7 @@ var ScStrLogo = ({
             fill: "var(--alias-text-and-icons-primary, #f5f5f5)"
           }
         ),
-        /* @__PURE__ */ jsx24("defs", { children: /* @__PURE__ */ jsxs20(
+        /* @__PURE__ */ jsx24("defs", { children: /* @__PURE__ */ jsxs21(
           "linearGradient",
           {
             id: "paint0_linear_19_1153",
@@ -1769,7 +1781,7 @@ var ScMenuOptions_default = {
 
 // src/SC-Menu options/ScMenuOptions.tsx
 import { SiconTeam } from "@streamoid/icons";
-import { Fragment as Fragment4, jsx as jsx26, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
 var ScMenuOptions = ({
   icon = /* @__PURE__ */ jsx26(SiconTeam, { className: ScMenuOptions_default.siconTeamInstance }),
   version = "v2.0.21",
@@ -1780,18 +1792,18 @@ var ScMenuOptions = ({
   ...props
 }) => {
   const variantsClassName = ScMenuOptions_default["hover-" + hover] + " " + ScMenuOptions_default["variant-" + variant];
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs22(
     "div",
     {
       className: ScMenuOptions_default.scMenuOptions + " " + className + " " + variantsClassName,
       ...props,
       children: [
         icon,
-        /* @__PURE__ */ jsxs21("div", { className: ScMenuOptions_default.content, children: [
+        /* @__PURE__ */ jsxs22("div", { className: ScMenuOptions_default.content, children: [
           text,
           " "
         ] }),
-        variant === "with-v" && /* @__PURE__ */ jsx26(Fragment4, { children: /* @__PURE__ */ jsxs21("div", { className: ScMenuOptions_default.content2, children: [
+        variant === "with-v" && /* @__PURE__ */ jsx26(Fragment4, { children: /* @__PURE__ */ jsxs22("div", { className: ScMenuOptions_default.content2, children: [
           version,
           " "
         ] }) })
@@ -1826,7 +1838,7 @@ var ScOnlyIcon = ({
 };
 
 // src/SC-Plan card/ScPlanCard.tsx
-import { jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
 var T2 = {
   neutralplus: "var(--alias-fill-neutral-neutralplus, #151515)",
   surfaceBase: "var(--alias-surface-base, #101010)",
@@ -1956,13 +1968,13 @@ var ScPlanCard = ({
       children: tag
     }
   ) }) : null;
-  return /* @__PURE__ */ jsxs22("div", { className, style: cardStyle, children: [
-    isFreeOrPopular && /* @__PURE__ */ jsxs22("div", { style: { flex: "1 1 auto", minHeight: 0, display: "flex", flexDirection: "column", gap: "var(--spacing-6xl, 24px)" }, children: [
-      /* @__PURE__ */ jsxs22("div", { style: { display: "flex", flexDirection: "column", gap: 14, alignItems: "center" }, children: [
-        /* @__PURE__ */ jsxs22("div", { style: { width: "100%", display: "flex", flexDirection: "column", gap: "var(--spacing-md, 8px)", paddingTop: "var(--spacing-md, 8px)", padding: "var(--spacing-md, 8px) var(--spacing-3xl, 16px) 0" }, children: [
+  return /* @__PURE__ */ jsxs23("div", { className, style: cardStyle, children: [
+    isFreeOrPopular && /* @__PURE__ */ jsxs23("div", { style: { flex: "1 1 auto", minHeight: 0, display: "flex", flexDirection: "column", gap: "var(--spacing-6xl, 24px)" }, children: [
+      /* @__PURE__ */ jsxs23("div", { style: { display: "flex", flexDirection: "column", gap: 14, alignItems: "center" }, children: [
+        /* @__PURE__ */ jsxs23("div", { style: { width: "100%", display: "flex", flexDirection: "column", gap: "var(--spacing-md, 8px)", paddingTop: "var(--spacing-md, 8px)", padding: "var(--spacing-md, 8px) var(--spacing-3xl, 16px) 0" }, children: [
           heading,
-          /* @__PURE__ */ jsxs22("div", { style: { display: "flex", gap: 4, alignItems: "flex-end" }, children: [
-            /* @__PURE__ */ jsxs22("div", { style: { display: "flex", gap: 2, alignItems: "flex-end" }, children: [
+          /* @__PURE__ */ jsxs23("div", { style: { display: "flex", gap: 4, alignItems: "flex-end" }, children: [
+            /* @__PURE__ */ jsxs23("div", { style: { display: "flex", gap: 2, alignItems: "flex-end" }, children: [
               priceSymbol && /* @__PURE__ */ jsx28(
                 "span",
                 {
@@ -2003,8 +2015,8 @@ var ScPlanCard = ({
         ] }),
         taglineEl
       ] }),
-      /* @__PURE__ */ jsxs22("div", { style: { position: "relative", width: "100%" }, children: [
-        /* @__PURE__ */ jsxs22(
+      /* @__PURE__ */ jsxs23("div", { style: { position: "relative", width: "100%" }, children: [
+        /* @__PURE__ */ jsxs23(
           "div",
           {
             style: {
@@ -2031,7 +2043,7 @@ var ScPlanCard = ({
                   children: credits
                 }
               ),
-              isPopular && /* @__PURE__ */ jsxs22(
+              isPopular && /* @__PURE__ */ jsxs23(
                 "button",
                 {
                   type: "button",
@@ -2073,7 +2085,7 @@ var ScPlanCard = ({
         creditsDropdown
       ] })
     ] }),
-    isCustom && /* @__PURE__ */ jsxs22("div", { style: { flex: "1 1 auto", minHeight: 0, display: "flex", flexDirection: "column", gap: 14 }, children: [
+    isCustom && /* @__PURE__ */ jsxs23("div", { style: { flex: "1 1 auto", minHeight: 0, display: "flex", flexDirection: "column", gap: 14 }, children: [
       /* @__PURE__ */ jsx28("div", { style: { width: "100%", paddingTop: "var(--spacing-md, 8px)", padding: "var(--spacing-md, 8px) var(--spacing-3xl, 16px) 0" }, children: heading }),
       taglineEl
     ] }),
@@ -2083,7 +2095,7 @@ var ScPlanCard = ({
 
 // src/SC-Plan-Comparison/ScPlanComparison.tsx
 import { useState as useState6 } from "react";
-import { jsx as jsx29, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
 var T3 = {
   borderSubtle: "var(--alias-border-subtle, #242424)",
   canvasBase: "var(--alias-surface-canvasbase, #0e0e0e)",
@@ -2150,7 +2162,7 @@ var ScPlanComparison = ({
     borderBottom: `1px solid ${T3.borderSubtle}`
   };
   const sectionHeaderRow = (header) => /* @__PURE__ */ jsx29("div", { style: { ...rowBase, backgroundColor: T3.canvasBase }, children: /* @__PURE__ */ jsx29("div", { style: { flex: "1 1 0", padding: CELL_PAD }, children: /* @__PURE__ */ jsx29("p", { style: { ...ROW_TEXT }, children: header }) }) });
-  const tableBody = /* @__PURE__ */ jsxs23(
+  const tableBody = /* @__PURE__ */ jsxs24(
     "div",
     {
       style: {
@@ -2160,14 +2172,14 @@ var ScPlanComparison = ({
         width: "100%"
       },
       children: [
-        /* @__PURE__ */ jsxs23("div", { style: { ...rowBase }, children: [
+        /* @__PURE__ */ jsxs24("div", { style: { ...rowBase }, children: [
           cell(firstColumnLabel, { backgroundColor: T3.canvasBase }),
           columns.map((c, i) => cell(c, valueColBg(i, highlightColumnIndex)))
         ] }),
         note != null && /* @__PURE__ */ jsx29("div", { style: { ...rowBase }, children: /* @__PURE__ */ jsx29("div", { style: { flex: "1 1 0", padding: CELL_PAD, display: "flex", justifyContent: "center", textAlign: "center" }, children: /* @__PURE__ */ jsx29("p", { style: { ...ROW_TEXT, color: T3.textTertiary, textAlign: "center" }, children: note }) }) }),
-        sections.map((section, si) => /* @__PURE__ */ jsxs23("div", { children: [
+        sections.map((section, si) => /* @__PURE__ */ jsxs24("div", { children: [
           section.header ? sectionHeaderRow(section.header) : null,
-          section.rows.map((row, ri) => /* @__PURE__ */ jsxs23("div", { style: { ...rowBase }, children: [
+          section.rows.map((row, ri) => /* @__PURE__ */ jsxs24("div", { style: { ...rowBase }, children: [
             cell(row.label ?? "", { backgroundColor: T3.canvasBase }),
             row.values.map((v, ci) => cell(v, valueColBg(ci, highlightColumnIndex)))
           ] }, ri))
@@ -2219,12 +2231,12 @@ var ScPlanComparison = ({
       })
     }
   );
-  const tabbedBody = /* @__PURE__ */ jsxs23("div", { style: { display: "flex", flexDirection: "column", gap: "var(--spacing-xl, 12px)", width: "100%" }, children: [
+  const tabbedBody = /* @__PURE__ */ jsxs24("div", { style: { display: "flex", flexDirection: "column", gap: "var(--spacing-xl, 12px)", width: "100%" }, children: [
     tabs,
     note != null && /* @__PURE__ */ jsx29("p", { style: { ...ROW_TEXT, color: T3.textTertiary, textAlign: "center", padding: "0 var(--spacing-md, 8px)" }, children: note }),
-    /* @__PURE__ */ jsx29("div", { style: { border: `1px solid ${T3.borderSubtle}`, borderRadius: 32, overflow: "hidden", width: "100%" }, children: sections.map((section, si) => /* @__PURE__ */ jsxs23("div", { children: [
+    /* @__PURE__ */ jsx29("div", { style: { border: `1px solid ${T3.borderSubtle}`, borderRadius: 32, overflow: "hidden", width: "100%" }, children: sections.map((section, si) => /* @__PURE__ */ jsxs24("div", { children: [
       section.header ? sectionHeaderRow(section.header) : null,
-      section.rows.map((row, ri) => /* @__PURE__ */ jsxs23("div", { style: { ...rowBase }, children: [
+      section.rows.map((row, ri) => /* @__PURE__ */ jsxs24("div", { style: { ...rowBase }, children: [
         cell(row.label ?? "", { backgroundColor: T3.canvasBase }),
         cell(
           row.values[activeCol],
@@ -2233,8 +2245,8 @@ var ScPlanComparison = ({
       ] }, ri))
     ] }, si)) })
   ] });
-  return /* @__PURE__ */ jsxs23("div", { className, style: { display: "flex", flexDirection: "column", gap: "var(--spacing-xl, 12px)", width: "100%", fontFamily: T3.fontBody, ...style }, children: [
-    /* @__PURE__ */ jsxs23("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%" }, children: [
+  return /* @__PURE__ */ jsxs24("div", { className, style: { display: "flex", flexDirection: "column", gap: "var(--spacing-xl, 12px)", width: "100%", fontFamily: T3.fontBody, ...style }, children: [
+    /* @__PURE__ */ jsxs24("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%" }, children: [
       /* @__PURE__ */ jsx29(
         "p",
         {
@@ -2304,7 +2316,7 @@ var ScPlanDetailsCard_default = {
 // src/SC-Plan details card/ScPlanDetailsCard.tsx
 import { SiconBilling } from "@streamoid/icons";
 import { SiconHome as SiconHome4 } from "@streamoid/icons";
-import { Fragment as Fragment5, jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
 var ScPlanDetailsCard = ({
   planName = "Free",
   planCredits = "30,000 credits",
@@ -2318,8 +2330,8 @@ var ScPlanDetailsCard = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs24("div", { className: ScPlanDetailsCard_default.scPlanDetailsCard + " " + className, ...props, children: [
-    /* @__PURE__ */ jsxs24("div", { className: ScPlanDetailsCard_default.planHeader, children: [
+  return /* @__PURE__ */ jsxs25("div", { className: ScPlanDetailsCard_default.scPlanDetailsCard + " " + className, ...props, children: [
+    /* @__PURE__ */ jsxs25("div", { className: ScPlanDetailsCard_default.planHeader, children: [
       /* @__PURE__ */ jsx30(
         ScPairtext,
         {
@@ -2328,7 +2340,7 @@ var ScPlanDetailsCard = ({
           className: ScPlanDetailsCard_default.scPairtextInstance
         }
       ),
-      /* @__PURE__ */ jsx30("div", { className: ScPlanDetailsCard_default.badgeGroup, children: isLoading ? /* @__PURE__ */ jsx30("span", { className: `${ScPlanDetailsCard_default.skeletonPill} ${ScPlanDetailsCard_default.badgeSkeleton}` }) : /* @__PURE__ */ jsxs24(Fragment5, { children: [
+      /* @__PURE__ */ jsx30("div", { className: ScPlanDetailsCard_default.badgeGroup, children: isLoading ? /* @__PURE__ */ jsx30("span", { className: `${ScPlanDetailsCard_default.skeletonPill} ${ScPlanDetailsCard_default.badgeSkeleton}` }) : /* @__PURE__ */ jsxs25(Fragment5, { children: [
         /* @__PURE__ */ jsx30(
           ScBadges,
           {
@@ -2338,22 +2350,22 @@ var ScPlanDetailsCard = ({
             className: ScPlanDetailsCard_default.scBadgesInstance
           }
         ),
-        badgeSubText && /* @__PURE__ */ jsxs24(Fragment5, { children: [
+        badgeSubText && /* @__PURE__ */ jsxs25(Fragment5, { children: [
           /* @__PURE__ */ jsx30("span", { className: ScPlanDetailsCard_default.badgeDot }),
           /* @__PURE__ */ jsx30("span", { className: ScPlanDetailsCard_default.badgeSubText, children: badgeSubText })
         ] })
       ] }) })
     ] }),
     /* @__PURE__ */ jsx30(ScHDivider, { className: ScPlanDetailsCard_default.scHDividerInstance }),
-    /* @__PURE__ */ jsxs24("div", { className: ScPlanDetailsCard_default.planDetails, children: [
-      /* @__PURE__ */ jsx30("div", { className: ScPlanDetailsCard_default.planInfo, children: isLoading ? /* @__PURE__ */ jsxs24(Fragment5, { children: [
-        /* @__PURE__ */ jsxs24("div", { className: ScPlanDetailsCard_default.planNameRow, "aria-label": "Loading plan details", children: [
+    /* @__PURE__ */ jsxs25("div", { className: ScPlanDetailsCard_default.planDetails, children: [
+      /* @__PURE__ */ jsx30("div", { className: ScPlanDetailsCard_default.planInfo, children: isLoading ? /* @__PURE__ */ jsxs25(Fragment5, { children: [
+        /* @__PURE__ */ jsxs25("div", { className: ScPlanDetailsCard_default.planNameRow, "aria-label": "Loading plan details", children: [
           /* @__PURE__ */ jsx30("span", { className: `${ScPlanDetailsCard_default.skeletonPill} ${ScPlanDetailsCard_default.planNameSkeleton}` }),
           /* @__PURE__ */ jsx30("span", { className: `${ScPlanDetailsCard_default.skeletonPill} ${ScPlanDetailsCard_default.creditsSkeleton}` })
         ] }),
         /* @__PURE__ */ jsx30("span", { className: `${ScPlanDetailsCard_default.skeletonPill} ${ScPlanDetailsCard_default.priceSkeleton}` })
-      ] }) : /* @__PURE__ */ jsxs24(Fragment5, { children: [
-        /* @__PURE__ */ jsxs24("div", { className: ScPlanDetailsCard_default.planNameRow, children: [
+      ] }) : /* @__PURE__ */ jsxs25(Fragment5, { children: [
+        /* @__PURE__ */ jsxs25("div", { className: ScPlanDetailsCard_default.planNameRow, children: [
           /* @__PURE__ */ jsx30("span", { className: ScPlanDetailsCard_default.planName, children: planName }),
           /* @__PURE__ */ jsx30("span", { className: ScPlanDetailsCard_default.dotSeparator }),
           /* @__PURE__ */ jsx30("span", { className: ScPlanDetailsCard_default.planName, children: planCredits })
@@ -2385,7 +2397,7 @@ var ScProfile_default = {
 };
 
 // src/SC-Profile/ScProfile.tsx
-import { Fragment as Fragment6, jsx as jsx31, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx31, jsxs as jsxs26 } from "react/jsx-runtime";
 var ScProfile = ({
   name = "Chris Hemsworth",
   subText = "Kepler workspace",
@@ -2395,19 +2407,19 @@ var ScProfile = ({
   ...props
 }) => {
   const variantsClassName = ScProfile_default["collapsed-" + collapsed];
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26(
     "div",
     {
       className: ScProfile_default.scProfile + " " + className + " " + variantsClassName,
       ...props,
       children: [
         /* @__PURE__ */ jsx31("img", { className: ScProfile_default.profileImage, src: profileImage }),
-        collapsed === "false" && /* @__PURE__ */ jsx31(Fragment6, { children: /* @__PURE__ */ jsxs25("div", { className: ScProfile_default.userInfo, children: [
-          /* @__PURE__ */ jsxs25("div", { className: ScProfile_default.userName, children: [
+        collapsed === "false" && /* @__PURE__ */ jsx31(Fragment6, { children: /* @__PURE__ */ jsxs26("div", { className: ScProfile_default.userInfo, children: [
+          /* @__PURE__ */ jsxs26("div", { className: ScProfile_default.userName, children: [
             name,
             " "
           ] }),
-          /* @__PURE__ */ jsxs25("div", { className: ScProfile_default.userDescription, children: [
+          /* @__PURE__ */ jsxs26("div", { className: ScProfile_default.userDescription, children: [
             subText,
             " "
           ] })
@@ -2459,7 +2471,7 @@ var ScVDivider = ({
 };
 
 // src/SC-Profile Image update/ScProfileImageUpdate.tsx
-import { jsx as jsx33, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs27 } from "react/jsx-runtime";
 var ScProfileImageUpdate = ({
   imageUrl,
   initials = "",
@@ -2479,7 +2491,7 @@ var ScProfileImageUpdate = ({
     }
     e.target.value = "";
   }
-  return /* @__PURE__ */ jsxs26("div", { className: ScProfileImageUpdate_default.scProfileImageUpdate + " " + className, ...props, children: [
+  return /* @__PURE__ */ jsxs27("div", { className: ScProfileImageUpdate_default.scProfileImageUpdate + " " + className, ...props, children: [
     /* @__PURE__ */ jsx33(
       "input",
       {
@@ -2491,7 +2503,7 @@ var ScProfileImageUpdate = ({
       }
     ),
     imageUrl ? /* @__PURE__ */ jsx33("img", { className: ScProfileImageUpdate_default.profileImage, src: imageUrl, alt: "profile" }) : /* @__PURE__ */ jsx33("div", { className: ScProfileImageUpdate_default.profileImage + " " + ScProfileImageUpdate_default.profileInitials, children: initials }),
-    /* @__PURE__ */ jsxs26("div", { className: ScProfileImageUpdate_default.buttonContainer, children: [
+    /* @__PURE__ */ jsxs27("div", { className: ScProfileImageUpdate_default.buttonContainer, children: [
       /* @__PURE__ */ jsx33(
         ScButton,
         {
@@ -2551,7 +2563,7 @@ var ScWorkspace_default = {
 };
 
 // src/SC-Workspace/ScWorkspace.tsx
-import { Fragment as Fragment7, jsx as jsx34, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx34, jsxs as jsxs28 } from "react/jsx-runtime";
 var ScWorkspace = ({
   collapsed = "false",
   workspaceName = "Kepler",
@@ -2561,19 +2573,19 @@ var ScWorkspace = ({
   ...props
 }) => {
   const variantsClassName = ScWorkspace_default["collapsed-" + collapsed];
-  return /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsxs28(
     "div",
     {
       className: ScWorkspace_default.scWorkspace + " " + className + " " + variantsClassName,
       ...props,
       children: [
         /* @__PURE__ */ jsx34("img", { className: ScWorkspace_default.profileImage, src: profileImage }),
-        collapsed === "false" && /* @__PURE__ */ jsx34(Fragment7, { children: /* @__PURE__ */ jsxs27("div", { className: ScWorkspace_default.userInfo, children: [
-          /* @__PURE__ */ jsxs27("div", { className: ScWorkspace_default.userName, children: [
+        collapsed === "false" && /* @__PURE__ */ jsx34(Fragment7, { children: /* @__PURE__ */ jsxs28("div", { className: ScWorkspace_default.userInfo, children: [
+          /* @__PURE__ */ jsxs28("div", { className: ScWorkspace_default.userName, children: [
             workspaceName,
             " "
           ] }),
-          /* @__PURE__ */ jsxs27("div", { className: ScWorkspace_default.userRole, children: [
+          /* @__PURE__ */ jsxs28("div", { className: ScWorkspace_default.userRole, children: [
             userRole,
             " "
           ] })
@@ -2602,7 +2614,7 @@ var ScTabComp_default = {
 
 // src/SC-tabComp/ScTabComp.tsx
 import { SiconHome as SiconHome5 } from "@streamoid/icons";
-import { Fragment as Fragment8, jsx as jsx35, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx35, jsxs as jsxs29 } from "react/jsx-runtime";
 var ScTabComp = ({
   icon = /* @__PURE__ */ jsx35(SiconHome5, { className: ScTabComp_default.siconHomeInstance }),
   active = "false",
@@ -2612,14 +2624,14 @@ var ScTabComp = ({
   ...props
 }) => {
   const variantsClassName = ScTabComp_default["active-" + active] + " " + ScTabComp_default["type-" + type];
-  return /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsxs29(
     "div",
     {
       className: ScTabComp_default.scTabComp + " " + className + " " + variantsClassName,
       ...props,
       children: [
         type === "icon-only" && /* @__PURE__ */ jsx35(Fragment8, { children: /* @__PURE__ */ jsx35("div", { className: ScTabComp_default.icon, children: icon }) }),
-        type === "text-only" && /* @__PURE__ */ jsx35(Fragment8, { children: /* @__PURE__ */ jsx35("div", { className: ScTabComp_default.textContainer, children: /* @__PURE__ */ jsxs28("div", { className: ScTabComp_default.tabText, children: [
+        type === "text-only" && /* @__PURE__ */ jsx35(Fragment8, { children: /* @__PURE__ */ jsx35("div", { className: ScTabComp_default.textContainer, children: /* @__PURE__ */ jsxs29("div", { className: ScTabComp_default.tabText, children: [
           text,
           " "
         ] }) }) })
@@ -2640,7 +2652,7 @@ var ScTabSwitcher_default = {
 
 // src/SC-tabSwitcher/ScTabSwitcher.tsx
 import { SiconHome as SiconHome6 } from "@streamoid/icons";
-import { Fragment as Fragment9, jsx as jsx36, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx36, jsxs as jsxs30 } from "react/jsx-runtime";
 var ScTabSwitcher = ({
   tabCount = "2",
   component,
@@ -2655,7 +2667,7 @@ var ScTabSwitcher = ({
   ...props
 }) => {
   const variantsClassName = ScTabSwitcher_default["tab-count-" + tabCount];
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs30(
     "div",
     {
       className: ScTabSwitcher_default.scTabSwitcher + " " + className + " " + variantsClassName,
@@ -2703,16 +2715,16 @@ var ScTabSwitcher = ({
 };
 
 // src/SC-Profile options/ScProfileOptions.tsx
-import { jsx as jsx37, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs31 } from "react/jsx-runtime";
 var ScProfileOptions = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs30("div", { className: ScProfileOptions_default.scProfileOptions + " " + className, ...props, children: [
+  return /* @__PURE__ */ jsxs31("div", { className: ScProfileOptions_default.scProfileOptions + " " + className, ...props, children: [
     /* @__PURE__ */ jsx37("div", { className: ScProfileOptions_default.profileHeader, children: /* @__PURE__ */ jsx37(ScProfile, { className: ScProfileOptions_default.scProfileInstance }) }),
     /* @__PURE__ */ jsx37(ScHDivider, { className: ScProfileOptions_default.scHDividerInstance }),
-    /* @__PURE__ */ jsxs30("div", { className: ScProfileOptions_default.profileDetails, children: [
-      /* @__PURE__ */ jsxs30("div", { className: ScProfileOptions_default.workspaceInfo, children: [
+    /* @__PURE__ */ jsxs31("div", { className: ScProfileOptions_default.profileDetails, children: [
+      /* @__PURE__ */ jsxs31("div", { className: ScProfileOptions_default.workspaceInfo, children: [
         /* @__PURE__ */ jsx37(ScWorkspace, { className: ScProfileOptions_default.scWorkspaceInstance }),
         /* @__PURE__ */ jsx37(
           ScBadges,
@@ -2751,7 +2763,7 @@ var ScProfileOptions = ({
       )
     ] }),
     /* @__PURE__ */ jsx37(ScHDivider, { className: ScProfileOptions_default.scHDividerInstance2 }),
-    /* @__PURE__ */ jsxs30("div", { className: ScProfileOptions_default.settingsOptions, children: [
+    /* @__PURE__ */ jsxs31("div", { className: ScProfileOptions_default.settingsOptions, children: [
       /* @__PURE__ */ jsx37(
         ScMenuOptions,
         {
@@ -2854,7 +2866,7 @@ var ScTextField_default = {
 
 // src/SC-textField/ScTextField.tsx
 import { SiconBolt as SiconBolt2 } from "@streamoid/icons";
-import { Fragment as Fragment10, jsx as jsx38, jsxs as jsxs31 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx38, jsxs as jsxs32 } from "react/jsx-runtime";
 var ScTextField = ({
   tfRightIcon = /* @__PURE__ */ jsx38(SiconBolt2, { className: ScTextField_default.siconBoltInstance }),
   tfLeftIcon = /* @__PURE__ */ jsx38(SiconBolt2, { className: ScTextField_default.siconBoltInstance }),
@@ -2870,21 +2882,21 @@ var ScTextField = ({
   const [focused, setFocused] = useState7(false);
   const derivedState = state ?? (props.disabled ? "disabled" : focused ? "active" : (props.value !== void 0 ? String(props.value).length > 0 : false) ? "filled" : "default");
   const variantsClassName = ScTextField_default["state-" + derivedState] + " " + ScTextField_default["tf-group-" + tfGroup] + " " + ScTextField_default["label-group-" + labelGroup];
-  return /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs32(
     "div",
     {
       className: ScTextField_default.scTextField + " " + className + " " + variantsClassName,
       style,
       children: [
-        labelGroup && /* @__PURE__ */ jsxs31("div", { className: ScTextField_default.labelContainer, children: [
-          /* @__PURE__ */ jsxs31("div", { className: ScTextField_default.label, children: [
+        labelGroup && /* @__PURE__ */ jsxs32("div", { className: ScTextField_default.labelContainer, children: [
+          /* @__PURE__ */ jsxs32("div", { className: ScTextField_default.label, children: [
             label,
             " "
           ] }),
           labelGroup === "text" && /* @__PURE__ */ jsx38(Fragment10, { children: /* @__PURE__ */ jsx38("div", { className: ScTextField_default.info, children: "info " }) }),
           labelGroup === "icon" && /* @__PURE__ */ jsx38(Fragment10, { children: /* @__PURE__ */ jsx38(SiconBolt2, { className: ScTextField_default.siconBoltInstance }) })
         ] }),
-        /* @__PURE__ */ jsxs31("div", { className: ScTextField_default.inputContainer, children: [
+        /* @__PURE__ */ jsxs32("div", { className: ScTextField_default.inputContainer, children: [
           (tfGroup === "icon-left" || tfGroup === "icon-left-right") && /* @__PURE__ */ jsx38(Fragment10, { children: tfLeftIcon }),
           /* @__PURE__ */ jsx38(
             "input",
@@ -2910,7 +2922,7 @@ var ScTextField = ({
 };
 
 // src/SC-ProfileSettingsComp/ScProfileSettingsComp.tsx
-import { jsx as jsx39, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs33 } from "react/jsx-runtime";
 var ScProfileSettingsComp = ({
   firstName = "Chris",
   lastName = "Hemsworth",
@@ -2918,15 +2930,15 @@ var ScProfileSettingsComp = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs32("div", { className: ScProfileSettingsComp_default.scProfileSettingsComp + " " + className, ...props, children: [
+  return /* @__PURE__ */ jsxs33("div", { className: ScProfileSettingsComp_default.scProfileSettingsComp + " " + className, ...props, children: [
     /* @__PURE__ */ jsx39(
       ScProfileImageUpdate,
       {
         className: ScProfileSettingsComp_default.scProfileImageUpdateInstance
       }
     ),
-    /* @__PURE__ */ jsxs32("div", { className: ScProfileSettingsComp_default.profileInfo, children: [
-      /* @__PURE__ */ jsxs32("div", { className: ScProfileSettingsComp_default.nameFields, children: [
+    /* @__PURE__ */ jsxs33("div", { className: ScProfileSettingsComp_default.profileInfo, children: [
+      /* @__PURE__ */ jsxs33("div", { className: ScProfileSettingsComp_default.nameFields, children: [
         /* @__PURE__ */ jsx39(
           ScTextField,
           {
@@ -2974,7 +2986,7 @@ var ScRole_default = {
 };
 
 // src/SC-Role/ScRole.tsx
-import { jsx as jsx40, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs34 } from "react/jsx-runtime";
 var ScRole = ({
   type = "admin",
   label,
@@ -2988,7 +3000,7 @@ var ScRole = ({
     {
       className: ScRole_default.scRole + " " + className + " " + variantsClassName,
       ...props,
-      children: /* @__PURE__ */ jsxs33("div", { className: ScRole_default.role, children: [
+      children: /* @__PURE__ */ jsxs34("div", { className: ScRole_default.role, children: [
         displayLabel,
         " "
       ] })
@@ -3041,7 +3053,7 @@ var ScSidebarMenu_default = {
 
 // src/SC-Sidebar menu/ScSidebarMenu.tsx
 import { SiconHome as SiconHome8 } from "@streamoid/icons";
-import { Fragment as Fragment11, jsx as jsx41, jsxs as jsxs34 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx41, jsxs as jsxs35 } from "react/jsx-runtime";
 var ScSidebarMenu = ({
   icon = /* @__PURE__ */ jsx41(SiconHome8, { className: ScSidebarMenu_default.siconHomeInstance }),
   state = "default",
@@ -3053,14 +3065,14 @@ var ScSidebarMenu = ({
   ...props
 }) => {
   const variantsClassName = ScSidebarMenu_default["state-" + state] + " " + ScSidebarMenu_default["variant-" + variant];
-  return /* @__PURE__ */ jsxs34(
+  return /* @__PURE__ */ jsxs35(
     "div",
     {
       className: ScSidebarMenu_default.scSidebarMenu + " " + className + " " + variantsClassName,
       ...props,
       children: [
         icon,
-        variant === "expanded" && /* @__PURE__ */ jsxs34(Fragment11, { children: [
+        variant === "expanded" && /* @__PURE__ */ jsxs35(Fragment11, { children: [
           /* @__PURE__ */ jsx41("div", { className: ScSidebarMenu_default.content, children: text }),
           moreIcon && /* @__PURE__ */ jsx41(
             "div",
@@ -3151,7 +3163,7 @@ var ScVersion_default = {
 
 // src/SC-version/ScVersion.tsx
 import { SiconCollapse } from "@streamoid/icons";
-import { Fragment as Fragment12, jsx as jsx44, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx44, jsxs as jsxs36 } from "react/jsx-runtime";
 var ScVersion = ({
   state = "expanded",
   version = "v2.1.2",
@@ -3161,7 +3173,7 @@ var ScVersion = ({
   ...props
 }) => {
   const variantsClassName = ScVersion_default["state-" + state];
-  return /* @__PURE__ */ jsxs35(
+  return /* @__PURE__ */ jsxs36(
     "div",
     {
       className: ScVersion_default.scVersion + " " + className + " " + variantsClassName,
@@ -3174,7 +3186,7 @@ var ScVersion = ({
             className: ScVersion_default.scSidebarIconsInstance
           }
         ) }) }),
-        /* @__PURE__ */ jsxs35("div", { className: ScVersion_default.content, children: [
+        /* @__PURE__ */ jsxs36("div", { className: ScVersion_default.content, children: [
           version,
           " "
         ] }),
@@ -3192,7 +3204,7 @@ var ScVersion = ({
 };
 
 // src/SC-Sidebar/ScSidebar.tsx
-import { Fragment as Fragment13, jsx as jsx45, jsxs as jsxs36 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx45, jsxs as jsxs37 } from "react/jsx-runtime";
 var ScSidebar = ({
   state = "expanded",
   className,
@@ -3200,13 +3212,13 @@ var ScSidebar = ({
   ...props
 }) => {
   const variantsClassName = ScSidebar_default["state-" + state];
-  return /* @__PURE__ */ jsxs36(
+  return /* @__PURE__ */ jsxs37(
     "div",
     {
       className: ScSidebar_default.scSidebar + " " + className + " " + variantsClassName,
       children: [
-        state === "collapsed" && /* @__PURE__ */ jsx45(Fragment13, { children: /* @__PURE__ */ jsxs36("div", { className: ScSidebar_default.collapsedContainer, children: [
-          /* @__PURE__ */ jsxs36("div", { className: ScSidebar_default.collapsedItems, children: [
+        state === "collapsed" && /* @__PURE__ */ jsx45(Fragment13, { children: /* @__PURE__ */ jsxs37("div", { className: ScSidebar_default.collapsedContainer, children: [
+          /* @__PURE__ */ jsxs37("div", { className: ScSidebar_default.collapsedItems, children: [
             /* @__PURE__ */ jsx45(
               ScLogoUnit,
               {
@@ -3224,7 +3236,7 @@ var ScSidebar = ({
               }
             ) }),
             /* @__PURE__ */ jsx45(ScHDivider, { className: ScSidebar_default.scHDividerInstance }),
-            /* @__PURE__ */ jsxs36("div", { className: ScSidebar_default.collapsedItemGroup, children: [
+            /* @__PURE__ */ jsxs37("div", { className: ScSidebar_default.collapsedItemGroup, children: [
               /* @__PURE__ */ jsx45(
                 ScSidebarMenu,
                 {
@@ -3260,7 +3272,7 @@ var ScSidebar = ({
               )
             ] }),
             /* @__PURE__ */ jsx45(ScHDivider, { className: ScSidebar_default.scHDividerInstance2 }),
-            /* @__PURE__ */ jsxs36("div", { className: ScSidebar_default.collapsedItemGroup, children: [
+            /* @__PURE__ */ jsxs37("div", { className: ScSidebar_default.collapsedItemGroup, children: [
               /* @__PURE__ */ jsx45(
                 ScSidebarMenu,
                 {
@@ -3281,7 +3293,7 @@ var ScSidebar = ({
               )
             ] }),
             /* @__PURE__ */ jsx45(ScHDivider, { className: ScSidebar_default.scHDividerInstance3 }),
-            /* @__PURE__ */ jsxs36("div", { className: ScSidebar_default.collapsedItemGroup, children: [
+            /* @__PURE__ */ jsxs37("div", { className: ScSidebar_default.collapsedItemGroup, children: [
               /* @__PURE__ */ jsx45(
                 ScSidebarMenu,
                 {
@@ -3347,8 +3359,8 @@ var ScSidebar = ({
             }
           )
         ] }) }),
-        state === "expanded" && /* @__PURE__ */ jsx45(Fragment13, { children: /* @__PURE__ */ jsxs36("div", { className: ScSidebar_default.expandedContainer, children: [
-          /* @__PURE__ */ jsxs36("div", { className: ScSidebar_default.expandedItems, children: [
+        state === "expanded" && /* @__PURE__ */ jsx45(Fragment13, { children: /* @__PURE__ */ jsxs37("div", { className: ScSidebar_default.expandedContainer, children: [
+          /* @__PURE__ */ jsxs37("div", { className: ScSidebar_default.expandedItems, children: [
             /* @__PURE__ */ jsx45(ScLogoUnit, { className: ScSidebar_default.scLogoUnitInstance }),
             /* @__PURE__ */ jsx45("div", { className: ScSidebar_default.expandedItemContainer, children: /* @__PURE__ */ jsx45(
               ScSidebarMenu,
@@ -3358,7 +3370,7 @@ var ScSidebar = ({
                 className: ScSidebar_default.scSidebarMenuInstance
               }
             ) }),
-            /* @__PURE__ */ jsxs36("div", { className: ScSidebar_default.expandedItemGroup, children: [
+            /* @__PURE__ */ jsxs37("div", { className: ScSidebar_default.expandedItemGroup, children: [
               /* @__PURE__ */ jsx45("div", { className: ScSidebar_default.expandedItemHeader, children: /* @__PURE__ */ jsx45("div", { className: ScSidebar_default.content, children: "Apps " }) }),
               /* @__PURE__ */ jsx45(
                 ScSidebarMenu,
@@ -3391,7 +3403,7 @@ var ScSidebar = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs36("div", { className: ScSidebar_default.expandedItemGroup, children: [
+            /* @__PURE__ */ jsxs37("div", { className: ScSidebar_default.expandedItemGroup, children: [
               /* @__PURE__ */ jsx45("div", { className: ScSidebar_default.expandedItemHeader, children: /* @__PURE__ */ jsx45("div", { className: ScSidebar_default.content, children: "Management " }) }),
               /* @__PURE__ */ jsx45(
                 ScSidebarMenu,
@@ -3410,7 +3422,7 @@ var ScSidebar = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs36("div", { className: ScSidebar_default.expandedItemGroup, children: [
+            /* @__PURE__ */ jsxs37("div", { className: ScSidebar_default.expandedItemGroup, children: [
               /* @__PURE__ */ jsx45("div", { className: ScSidebar_default.expandedItemHeader, children: /* @__PURE__ */ jsx45("div", { className: ScSidebar_default.content, children: "Recents " }) }),
               /* @__PURE__ */ jsx45(
                 ScSidebarMenu,
@@ -3483,7 +3495,7 @@ var ScSidebar = ({
 };
 
 // src/SC-Sidebar-new/streamoid-sidebar.tsx
-import { Fragment as Fragment14, jsx as jsx46, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx46, jsxs as jsxs38 } from "react/jsx-runtime";
 function SectionHeader({ label }) {
   return /* @__PURE__ */ jsx46("div", { className: "opacity-50 shrink-0 w-full", children: /* @__PURE__ */ jsx46("div", { className: "flex flex-row items-center size-full", children: /* @__PURE__ */ jsx46(
     "div",
@@ -3588,7 +3600,7 @@ function StreamoidSidebar({
   const hasSwitchCard = !!(switchPanel && !isMobile);
   const panelOpen = hasSwitchCard && !!switchPanelOpen;
   if (expanded) {
-    const logoRow = /* @__PURE__ */ jsxs37("div", { className: "flex items-center justify-between w-full shrink-0", children: [
+    const logoRow = /* @__PURE__ */ jsxs38("div", { className: "flex items-center justify-between w-full shrink-0", children: [
       /* @__PURE__ */ jsx46("div", { className: "min-w-0 flex-1", children: expandedLogo }),
       isMobile ? /* @__PURE__ */ jsx46(
         "div",
@@ -3608,7 +3620,7 @@ function StreamoidSidebar({
       {
         className: `flex h-full items-center shrink-0 ${className ?? ""}`.trim(),
         style: { padding: "var(--spacing-3xl)", ...style },
-        children: /* @__PURE__ */ jsxs37(
+        children: /* @__PURE__ */ jsxs38(
           "div",
           {
             className: "flex flex-col h-full relative shrink-0",
@@ -3638,7 +3650,7 @@ function StreamoidSidebar({
                   }
                 }
               ),
-              hasSwitchCard ? /* @__PURE__ */ jsxs37(
+              hasSwitchCard ? /* @__PURE__ */ jsxs38(
                 "div",
                 {
                   className: "w-full shrink-0 relative",
@@ -3713,14 +3725,14 @@ function StreamoidSidebar({
                   }
                 }
               ) : null,
-              /* @__PURE__ */ jsxs37(
+              /* @__PURE__ */ jsxs38(
                 "div",
                 {
                   className: "flex flex-col flex-1 items-start min-h-0 w-full overflow-y-auto sidebar-scroll",
                   style: { gap: "var(--spacing-xxs)" },
                   children: [
                     !hasSwitchCard ? logoRow : null,
-                    !!(topItems?.length || config.topItem) && /* @__PURE__ */ jsxs37(Fragment14, { children: [
+                    !!(topItems?.length || config.topItem) && /* @__PURE__ */ jsxs38(Fragment14, { children: [
                       /* @__PURE__ */ jsx46(HDivider, {}),
                       /* @__PURE__ */ jsx46(
                         "div",
@@ -3745,7 +3757,7 @@ function StreamoidSidebar({
                       ),
                       /* @__PURE__ */ jsx46(HDivider, {})
                     ] }),
-                    showBody && bodyContent ? /* @__PURE__ */ jsx46("div", { className: "flex flex-col flex-1 min-h-0 w-full overflow-hidden", children: bodyContent }) : /* @__PURE__ */ jsx46(Fragment14, { children: config.sections.map((section) => /* @__PURE__ */ jsxs37(
+                    showBody && bodyContent ? /* @__PURE__ */ jsx46("div", { className: "flex flex-col flex-1 min-h-0 w-full overflow-hidden", children: bodyContent }) : /* @__PURE__ */ jsx46(Fragment14, { children: config.sections.map((section) => /* @__PURE__ */ jsxs38(
                       "div",
                       {
                         className: "flex flex-col items-start shrink-0 w-full",
@@ -3794,13 +3806,13 @@ function StreamoidSidebar({
               profile ? toggleInProfile && !effectiveHideFooter ? (
                 /* Footer row: profile and collapse toggle are two SEPARATE
                    interactive units side by side (own rounded hover bg each). */
-                /* @__PURE__ */ jsxs37(
+                /* @__PURE__ */ jsxs38(
                   "div",
                   {
                     className: "flex items-center shrink-0 w-full",
                     style: { gap: "var(--spacing-md)", paddingTop: "var(--spacing-md)" },
                     children: [
-                      /* @__PURE__ */ jsxs37(
+                      /* @__PURE__ */ jsxs38(
                         "div",
                         {
                           className: "flex flex-1 min-w-0 items-center cursor-pointer",
@@ -3819,7 +3831,7 @@ function StreamoidSidebar({
                           },
                           children: [
                             profile.avatar,
-                            /* @__PURE__ */ jsxs37("div", { className: "flex flex-col flex-1 min-w-0", children: [
+                            /* @__PURE__ */ jsxs38("div", { className: "flex flex-col flex-1 min-w-0", children: [
                               /* @__PURE__ */ jsx46(
                                 "span",
                                 {
@@ -3862,8 +3874,8 @@ function StreamoidSidebar({
                     ]
                   }
                 )
-              ) : /* @__PURE__ */ jsxs37(Fragment14, { children: [
-                /* @__PURE__ */ jsxs37(
+              ) : /* @__PURE__ */ jsxs38(Fragment14, { children: [
+                /* @__PURE__ */ jsxs38(
                   "div",
                   {
                     className: "flex items-center shrink-0 w-full cursor-pointer",
@@ -3881,7 +3893,7 @@ function StreamoidSidebar({
                     },
                     children: [
                       profile.avatar,
-                      /* @__PURE__ */ jsxs37("div", { className: "flex flex-col flex-1 min-w-0", children: [
+                      /* @__PURE__ */ jsxs38("div", { className: "flex flex-col flex-1 min-w-0", children: [
                         /* @__PURE__ */ jsx46(
                           "span",
                           {
@@ -3904,7 +3916,7 @@ function StreamoidSidebar({
                 ),
                 !effectiveHideFooter && /* @__PURE__ */ jsx46(Fragment14, { children: /* @__PURE__ */ jsx46(HDivider, {}) })
               ] }) : null,
-              !effectiveHideFooter && !toggleInProfile && /* @__PURE__ */ jsx46("div", { className: "shrink-0 w-full", children: /* @__PURE__ */ jsx46("div", { className: "flex flex-row items-center size-full", children: /* @__PURE__ */ jsxs37(
+              !effectiveHideFooter && !toggleInProfile && /* @__PURE__ */ jsx46("div", { className: "shrink-0 w-full", children: /* @__PURE__ */ jsx46("div", { className: "flex flex-row items-center size-full", children: /* @__PURE__ */ jsxs38(
                 "div",
                 {
                   className: "flex items-center w-full",
@@ -3947,7 +3959,7 @@ function StreamoidSidebar({
     {
       className: `flex h-full items-center justify-center shrink-0 ${className ?? ""}`.trim(),
       style,
-      children: /* @__PURE__ */ jsxs37(
+      children: /* @__PURE__ */ jsxs38(
         "div",
         {
           className: "flex flex-col h-full items-center justify-center relative shrink-0",
@@ -3967,7 +3979,7 @@ function StreamoidSidebar({
                 }
               }
             ),
-            hasSwitchCard ? /* @__PURE__ */ jsxs37(Fragment14, { children: [
+            hasSwitchCard ? /* @__PURE__ */ jsxs38(Fragment14, { children: [
               /* @__PURE__ */ jsx46(
                 "div",
                 {
@@ -4006,14 +4018,14 @@ function StreamoidSidebar({
                 }
               )
             ] }) : null,
-            /* @__PURE__ */ jsxs37(
+            /* @__PURE__ */ jsxs38(
               "div",
               {
                 className: "flex flex-col flex-1 items-center min-h-0 overflow-y-auto sidebar-scroll",
                 style: { gap: "var(--spacing-xxs)" },
                 children: [
                   collapsedLogo,
-                  !!(topItems?.length || config.topItem) ? /* @__PURE__ */ jsxs37(Fragment14, { children: [
+                  !!(topItems?.length || config.topItem) ? /* @__PURE__ */ jsxs38(Fragment14, { children: [
                     /* @__PURE__ */ jsx46(HDivider, {}),
                     /* @__PURE__ */ jsx46(
                       "div",
@@ -4038,7 +4050,7 @@ function StreamoidSidebar({
                     ),
                     /* @__PURE__ */ jsx46(HDivider, {})
                   ] }) : null,
-                  showBody && bodyContent ? /* @__PURE__ */ jsx46("div", { className: "flex flex-col items-center w-full", children: bodyContent }) : config.sections.map((section, sectionIndex) => /* @__PURE__ */ jsxs37("div", { className: "flex flex-col items-center w-full", children: [
+                  showBody && bodyContent ? /* @__PURE__ */ jsx46("div", { className: "flex flex-col items-center w-full", children: bodyContent }) : config.sections.map((section, sectionIndex) => /* @__PURE__ */ jsxs38("div", { className: "flex flex-col items-center w-full", children: [
                     /* @__PURE__ */ jsx46(
                       "div",
                       {
@@ -4108,7 +4120,7 @@ function StreamoidSidebar({
                 children: profile.avatar
               }
             ) : null,
-            !hideFooter && /* @__PURE__ */ jsxs37(
+            !hideFooter && /* @__PURE__ */ jsxs38(
               "div",
               {
                 className: "shrink-0 flex flex-col items-center",
@@ -4194,7 +4206,7 @@ var ScArtifaxSidebar_default = {
 
 // src/SC-Artifax-Sidebar/ScArtifaxSidebar.tsx
 import { SiconCollapse as SiconCollapse3, SiconDown, SiconUp } from "@streamoid/icons";
-import { Fragment as Fragment15, jsx as jsx47, jsxs as jsxs38 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx47, jsxs as jsxs39 } from "react/jsx-runtime";
 function ArtifaxPlaceholderIcon() {
   return /* @__PURE__ */ jsx47("span", { "aria-hidden": "true", className: ScArtifaxSidebar_default.placeholderIcon });
 }
@@ -4220,7 +4232,7 @@ function SectionHeader2({
   onToggle
 }) {
   const Chevron2 = open ? SiconUp : SiconDown;
-  return /* @__PURE__ */ jsxs38(
+  return /* @__PURE__ */ jsxs39(
     "button",
     {
       type: "button",
@@ -4238,7 +4250,7 @@ function AskAgentButton({
   cta,
   collapsed
 }) {
-  return /* @__PURE__ */ jsxs38(
+  return /* @__PURE__ */ jsxs39(
     "button",
     {
       type: "button",
@@ -4317,17 +4329,17 @@ var ScArtifaxSidebar = ({
       {
         className: ScArtifaxSidebar_default.scArtifaxSidebar + " " + ScArtifaxSidebar_default.variantExpanded + (className ? " " + className : ""),
         style,
-        children: /* @__PURE__ */ jsxs38("div", { className: ScArtifaxSidebar_default.container + " " + ScArtifaxSidebar_default.expanded, children: [
+        children: /* @__PURE__ */ jsxs39("div", { className: ScArtifaxSidebar_default.container + " " + ScArtifaxSidebar_default.expanded, children: [
           /* @__PURE__ */ jsx47("div", { "aria-hidden": "true", className: ScArtifaxSidebar_default.borderOverlayExpanded }),
-          /* @__PURE__ */ jsxs38("div", { className: ScArtifaxSidebar_default.body, children: [
+          /* @__PURE__ */ jsxs39("div", { className: ScArtifaxSidebar_default.body, children: [
             expandedLogo ? /* @__PURE__ */ jsx47("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__ */ jsxs38("div", { children: [
+              return /* @__PURE__ */ jsxs39("div", { children: [
                 idx > 0 ? /* @__PURE__ */ jsx47(ScHDivider, {}) : null,
-                /* @__PURE__ */ jsxs38("div", { className: ScArtifaxSidebar_default.sectionContainer, children: [
+                /* @__PURE__ */ jsxs39("div", { className: ScArtifaxSidebar_default.sectionContainer, children: [
                   showHeader ? /* @__PURE__ */ jsx47(
                     SectionHeader2,
                     {
@@ -4355,8 +4367,8 @@ var ScArtifaxSidebar = ({
           ) }) : null,
           assistantCta ? /* @__PURE__ */ jsx47("div", { className: ScArtifaxSidebar_default.askAgentSlot, children: /* @__PURE__ */ jsx47(AskAgentButton, { cta: assistantCta, collapsed: false }) }) : null,
           /* @__PURE__ */ jsx47(ScHDivider, {}),
-          /* @__PURE__ */ jsxs38("div", { className: ScArtifaxSidebar_default.profileRow, children: [
-            profile ? /* @__PURE__ */ jsxs38(
+          /* @__PURE__ */ jsxs39("div", { className: ScArtifaxSidebar_default.profileRow, children: [
+            profile ? /* @__PURE__ */ jsxs39(
               "button",
               {
                 type: "button",
@@ -4364,7 +4376,7 @@ var ScArtifaxSidebar = ({
                 onClick: profile.onClick,
                 children: [
                   /* @__PURE__ */ jsx47("div", { className: ScArtifaxSidebar_default.profileAvatar, children: profile.avatar }),
-                  /* @__PURE__ */ jsxs38("div", { className: ScArtifaxSidebar_default.profileInfo, children: [
+                  /* @__PURE__ */ jsxs39("div", { className: ScArtifaxSidebar_default.profileInfo, children: [
                     /* @__PURE__ */ jsx47("span", { className: ScArtifaxSidebar_default.profileName, children: profile.name }),
                     profile.subtitle ? /* @__PURE__ */ jsx47("span", { className: ScArtifaxSidebar_default.profileSubtitle, children: profile.subtitle }) : null
                   ] })
@@ -4391,11 +4403,11 @@ var ScArtifaxSidebar = ({
     {
       className: ScArtifaxSidebar_default.scArtifaxSidebar + (className ? " " + className : ""),
       style,
-      children: /* @__PURE__ */ jsxs38("div", { className: ScArtifaxSidebar_default.container + " " + ScArtifaxSidebar_default.collapsed, children: [
+      children: /* @__PURE__ */ jsxs39("div", { className: ScArtifaxSidebar_default.container + " " + ScArtifaxSidebar_default.collapsed, children: [
         /* @__PURE__ */ jsx47("div", { "aria-hidden": "true", className: ScArtifaxSidebar_default.borderOverlayCollapsed }),
-        /* @__PURE__ */ jsxs38("div", { className: ScArtifaxSidebar_default.body + " " + ScArtifaxSidebar_default.bodyCollapsed, children: [
+        /* @__PURE__ */ jsxs39("div", { className: ScArtifaxSidebar_default.body + " " + ScArtifaxSidebar_default.bodyCollapsed, children: [
           collapsedLogo ? /* @__PURE__ */ jsx47("div", { className: ScArtifaxSidebar_default.logoUnitCollapsed, children: collapsedLogo }) : null,
-          sections.map((section, idx) => /* @__PURE__ */ jsxs38("div", { children: [
+          sections.map((section, idx) => /* @__PURE__ */ jsxs39("div", { children: [
             idx > 0 ? /* @__PURE__ */ jsx47(ScHDivider, {}) : null,
             /* @__PURE__ */ jsx47("div", { className: ScArtifaxSidebar_default.sectionContainerCollapsed, children: section.items.map((item) => renderMenuItem2(item, section.id)) })
           ] }, section.id))
@@ -4412,7 +4424,7 @@ var ScArtifaxSidebar = ({
         ) }) : null,
         assistantCta ? /* @__PURE__ */ jsx47("div", { className: ScArtifaxSidebar_default.askAgentSlotCollapsed, children: /* @__PURE__ */ jsx47(AskAgentButton, { cta: assistantCta, collapsed: true }) }) : null,
         /* @__PURE__ */ jsx47(ScHDivider, {}),
-        /* @__PURE__ */ jsxs38("div", { className: ScArtifaxSidebar_default.footerCollapsed, children: [
+        /* @__PURE__ */ jsxs39("div", { className: ScArtifaxSidebar_default.footerCollapsed, children: [
           profile ? /* @__PURE__ */ jsx47(
             "button",
             {
@@ -4458,7 +4470,7 @@ var ScSidebarSwitchMenu_default = {
 };
 
 // src/SC-Sidebar Switch menu/ScSidebarSwitchMenu.tsx
-import { Fragment as Fragment16, jsx as jsx48, jsxs as jsxs39 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx48, jsxs as jsxs40 } from "react/jsx-runtime";
 var ScSidebarSwitchMenu = ({
   icon,
   state = "default",
@@ -4471,15 +4483,15 @@ var ScSidebarSwitchMenu = ({
   ...props
 }) => {
   const variantsClassName = ScSidebarSwitchMenu_default["state-" + state] + " " + ScSidebarSwitchMenu_default["variant-" + variant];
-  return /* @__PURE__ */ jsxs39(
+  return /* @__PURE__ */ jsxs40(
     "div",
     {
       className: ScSidebarSwitchMenu_default.scSidebarSwitchMenu + (className ? " " + className : "") + " " + variantsClassName,
       ...props,
       children: [
         icon ? /* @__PURE__ */ jsx48("div", { className: ScSidebarSwitchMenu_default.iconWrapper, children: icon }) : null,
-        variant === "expanded" && /* @__PURE__ */ jsxs39(Fragment16, { children: [
-          /* @__PURE__ */ jsxs39("div", { className: ScSidebarSwitchMenu_default.content, children: [
+        variant === "expanded" && /* @__PURE__ */ jsxs40(Fragment16, { children: [
+          /* @__PURE__ */ jsxs40("div", { className: ScSidebarSwitchMenu_default.content, children: [
             /* @__PURE__ */ jsx48("div", { className: ScSidebarSwitchMenu_default.text, children: text }),
             /* @__PURE__ */ jsx48("div", { className: ScSidebarSwitchMenu_default.description, children: description })
           ] }),
@@ -4944,7 +4956,7 @@ function hasCollapsedMark(product) {
 }
 
 // src/SC-SideBarLogoUnit/ScSideBarLogoUnit.tsx
-import { jsx as jsx50, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs41 } from "react/jsx-runtime";
 var ScSideBarLogoUnit = ({
   state = "expanded",
   wordmark,
@@ -4977,7 +4989,7 @@ var ScSideBarLogoUnit = ({
       {
         className: ScSideBarLogoUnit_default.scSideBarLogoUnit + " " + ScSideBarLogoUnit_default.collapsed + (className ? " " + className : ""),
         style,
-        children: /* @__PURE__ */ jsxs40(
+        children: /* @__PURE__ */ jsxs41(
           "button",
           {
             type: "button",
@@ -5010,7 +5022,7 @@ var ScSideBarLogoUnit = ({
         // Suppressing hover when `hover === false` — overrides CSS :hover.
         ...hover === false ? { pointerEvents: "auto" } : null
       },
-      children: /* @__PURE__ */ jsxs40(
+      children: /* @__PURE__ */ jsxs41(
         "button",
         {
           type: "button",
@@ -5040,7 +5052,7 @@ import {
   SiconExpand,
   SiconInsights
 } from "@streamoid/icons";
-import { jsx as jsx51, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs42 } from "react/jsx-runtime";
 var PRIMARY_COLOR = "var(--alias-text---icons-primary)";
 var TERTIARY_COLOR = "var(--alias-text---icons-tertiary)";
 var DEFAULT_ITEMS = [
@@ -5161,7 +5173,7 @@ var ScCatalogixSidebar = ({
       })
     }
   );
-  const bodyContent = /* @__PURE__ */ jsxs41(
+  const bodyContent = /* @__PURE__ */ jsxs42(
     "div",
     {
       className: expanded ? "flex h-full min-h-0 flex-col" : "flex w-full flex-col items-center",
@@ -5242,7 +5254,7 @@ var ScGuide_default = {
 
 // src/SC-Guide/ScGuide.tsx
 import { SiconRight as SiconRight4 } from "@streamoid/icons";
-import { jsx as jsx52, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs43 } from "react/jsx-runtime";
 var ScGuide = ({
   title = "Title",
   description = "Description",
@@ -5258,18 +5270,18 @@ var ScGuide = ({
   className,
   style
 }) => {
-  return /* @__PURE__ */ jsxs42(
+  return /* @__PURE__ */ jsxs43(
     "div",
     {
       className: ScGuide_default.scGuide + (className ? " " + className : ""),
       style,
       children: [
-        /* @__PURE__ */ jsxs42("div", { className: ScGuide_default.header, children: [
+        /* @__PURE__ */ jsxs43("div", { className: ScGuide_default.header, children: [
           /* @__PURE__ */ jsx52("p", { className: ScGuide_default.title, children: title }),
           /* @__PURE__ */ jsx52("p", { className: ScGuide_default.description, children: description })
         ] }),
         /* @__PURE__ */ jsx52(ScHDivider, {}),
-        /* @__PURE__ */ jsxs42("div", { className: ScGuide_default.actions, children: [
+        /* @__PURE__ */ jsxs43("div", { className: ScGuide_default.actions, children: [
           hideSkip ? /* @__PURE__ */ jsx52("span", { className: ScGuide_default.skipSpacer, "aria-hidden": "true", children: skipLabel }) : /* @__PURE__ */ jsx52(
             "button",
             {
@@ -5281,7 +5293,7 @@ var ScGuide = ({
             }
           ),
           stepLabel != null && /* @__PURE__ */ jsx52("span", { className: ScGuide_default.stepIndicator, children: stepLabel }),
-          !hideNext && /* @__PURE__ */ jsxs42(
+          !hideNext && /* @__PURE__ */ jsxs43(
             "button",
             {
               type: "button",
@@ -5310,13 +5322,13 @@ var ScSlider_default = {
 };
 
 // src/SC-Slider/ScSlider.tsx
-import { jsx as jsx53, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs44 } from "react/jsx-runtime";
 var ScSlider = ({
   className,
   onValueChange,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs43("div", { className: ScSlider_default.scSlider + " " + className, ...props, children: [
+  return /* @__PURE__ */ jsxs44("div", { className: ScSlider_default.scSlider + " " + className, ...props, children: [
     /* @__PURE__ */ jsx53("div", { className: ScSlider_default.progressBar }),
     /* @__PURE__ */ jsx53("div", { className: ScSlider_default.progressDot }),
     /* @__PURE__ */ jsx53("div", { className: ScSlider_default.progressBar2 }),
@@ -5338,7 +5350,7 @@ import {
   SiconCrown,
   SiconSwitch
 } from "@streamoid/icons";
-import { jsx as jsx54, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs45 } 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";
@@ -5356,7 +5368,7 @@ function WorkspaceRow({
   switchWorkspaceText,
   onSwitch
 }) {
-  return /* @__PURE__ */ jsxs44(
+  return /* @__PURE__ */ jsxs45(
     "div",
     {
       className: "relative shrink-0 w-full",
@@ -5377,7 +5389,7 @@ function WorkspaceRow({
             }
           }
         ),
-        /* @__PURE__ */ jsx54("div", { className: "flex flex-row items-center size-full", children: /* @__PURE__ */ jsxs44(
+        /* @__PURE__ */ jsx54("div", { className: "flex flex-row items-center size-full", children: /* @__PURE__ */ jsxs45(
           "div",
           {
             className: "flex items-center w-full",
@@ -5386,7 +5398,7 @@ function WorkspaceRow({
               padding: "var(--spacing-6xl)"
             },
             children: [
-              /* @__PURE__ */ jsxs44(
+              /* @__PURE__ */ jsxs45(
                 "div",
                 {
                   className: "flex flex-1 items-center min-w-0",
@@ -5419,7 +5431,7 @@ function WorkspaceRow({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxs44(
+              /* @__PURE__ */ jsxs45(
                 "div",
                 {
                   className: "flex items-center justify-center shrink-0",
@@ -5436,7 +5448,7 @@ function WorkspaceRow({
                         style: { width: 80 }
                       }
                     ),
-                    /* @__PURE__ */ jsx54("div", { className: "flex flex-row items-center self-stretch", children: /* @__PURE__ */ jsxs44(
+                    /* @__PURE__ */ jsx54("div", { className: "flex flex-row items-center self-stretch", children: /* @__PURE__ */ jsxs45(
                       "div",
                       {
                         className: "flex items-center shrink-0",
@@ -5452,7 +5464,7 @@ function WorkspaceRow({
                             }
                           ) }),
                           /* @__PURE__ */ jsx54(ScVDivider, {}),
-                          /* @__PURE__ */ jsxs44(
+                          /* @__PURE__ */ jsxs45(
                             "div",
                             {
                               className: "flex items-center",
@@ -5549,7 +5561,7 @@ function StreamoidWorkspaceSwitcher({
       onClick: (e) => {
         if (e.target === e.currentTarget) onClose();
       },
-      children: /* @__PURE__ */ jsxs44(
+      children: /* @__PURE__ */ jsxs45(
         "div",
         {
           ref: modalRef,
@@ -5569,7 +5581,7 @@ function StreamoidWorkspaceSwitcher({
                 style: {
                   borderBottom: "1px solid var(--alias-border-divider)"
                 },
-                children: /* @__PURE__ */ jsx54("div", { className: "flex flex-row items-center size-full", children: /* @__PURE__ */ jsxs44(
+                children: /* @__PURE__ */ jsx54("div", { className: "flex flex-row items-center size-full", children: /* @__PURE__ */ jsxs45(
                   "div",
                   {
                     className: "flex items-center w-full",
@@ -5605,7 +5617,7 @@ function StreamoidWorkspaceSwitcher({
                 style: {
                   borderRadius: "0 0 var(--radius-4xl) var(--radius-4xl)"
                 },
-                children: /* @__PURE__ */ jsxs44(
+                children: /* @__PURE__ */ jsxs45(
                   "div",
                   {
                     className: "flex flex-col items-start",
@@ -5664,7 +5676,7 @@ var ScAppListingCard_default = {
 
 // src/SC-app listing card/ScAppListingCard.tsx
 import { SiconCart } from "@streamoid/icons";
-import { jsx as jsx55, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs46 } from "react/jsx-runtime";
 var ScAppListingCard = ({
   icon = /* @__PURE__ */ jsx55(SiconCart, { className: ScAppListingCard_default.siconCartInstance }),
   title = "Stores",
@@ -5672,15 +5684,15 @@ var ScAppListingCard = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs45("div", { className: ScAppListingCard_default.scAppListingCard + " " + className, ...props, children: [
-    /* @__PURE__ */ jsxs45("div", { className: ScAppListingCard_default.header, children: [
+  return /* @__PURE__ */ jsxs46("div", { className: ScAppListingCard_default.scAppListingCard + " " + className, ...props, children: [
+    /* @__PURE__ */ jsxs46("div", { className: ScAppListingCard_default.header, children: [
       /* @__PURE__ */ jsx55("div", { className: ScAppListingCard_default.iconContainer, children: icon }),
-      /* @__PURE__ */ jsxs45("div", { className: ScAppListingCard_default.title, children: [
+      /* @__PURE__ */ jsxs46("div", { className: ScAppListingCard_default.title, children: [
         title,
         " "
       ] })
     ] }),
-    /* @__PURE__ */ jsxs45("div", { className: ScAppListingCard_default.description, children: [
+    /* @__PURE__ */ jsxs46("div", { className: ScAppListingCard_default.description, children: [
       descrp,
       " "
     ] })
@@ -5698,7 +5710,7 @@ var ScAppCard_default = {
 
 // src/SC-appCard/ScAppCard.tsx
 import { SiconArtifacts as SiconArtifacts2 } from "@streamoid/icons";
-import { jsx as jsx56, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs47 } from "react/jsx-runtime";
 var ScAppCard = ({
   appIcon = /* @__PURE__ */ jsx56(SiconArtifacts2, { className: ScAppCard_default.siconArtifactsInstance }),
   appName = "Artifax",
@@ -5706,14 +5718,14 @@ var ScAppCard = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs46("div", { className: ScAppCard_default.scAppCard + " " + className, ...props, children: [
+  return /* @__PURE__ */ jsxs47("div", { className: ScAppCard_default.scAppCard + " " + className, ...props, children: [
     /* @__PURE__ */ jsx56("div", { className: ScAppCard_default.iconContainer, children: appIcon }),
-    /* @__PURE__ */ jsxs46("div", { className: ScAppCard_default.textContainer, children: [
-      /* @__PURE__ */ jsxs46("div", { className: ScAppCard_default.title, children: [
+    /* @__PURE__ */ jsxs47("div", { className: ScAppCard_default.textContainer, children: [
+      /* @__PURE__ */ jsxs47("div", { className: ScAppCard_default.title, children: [
         appName,
         " "
       ] }),
-      /* @__PURE__ */ jsxs46("div", { className: ScAppCard_default.subtitle, children: [
+      /* @__PURE__ */ jsxs47("div", { className: ScAppCard_default.subtitle, children: [
         appDescription,
         " "
       ] })
@@ -5740,7 +5752,7 @@ var ScAppCardV3_default = {
 
 // src/SC-AppCardV3/ScAppCardV3.tsx
 import { SiconCart as SiconCart2 } from "@streamoid/icons";
-import { jsx as jsx57, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs48 } from "react/jsx-runtime";
 var ScAppCardV3 = ({
   appIcon = /* @__PURE__ */ jsx57(SiconCart2, { className: ScAppCardV3_default.iconPillIcon }),
   appName = "Stores",
@@ -5760,13 +5772,13 @@ var ScAppCardV3 = ({
       className: [ScAppCardV3_default.cardBorder, className || ""].filter(Boolean).join(" "),
       style,
       ...props,
-      children: /* @__PURE__ */ jsxs47("div", { className: cardClass, children: [
+      children: /* @__PURE__ */ jsxs48("div", { className: cardClass, children: [
         /* @__PURE__ */ jsx57("div", { className: ScAppCardV3_default.glow }),
         /* @__PURE__ */ jsx57("div", { className: ScAppCardV3_default.glowHover }),
-        /* @__PURE__ */ jsxs47("div", { className: ScAppCardV3_default.header, children: [
-          /* @__PURE__ */ jsxs47("div", { className: ScAppCardV3_default.iconRow, children: [
+        /* @__PURE__ */ jsxs48("div", { className: ScAppCardV3_default.header, children: [
+          /* @__PURE__ */ jsxs48("div", { className: ScAppCardV3_default.iconRow, children: [
             /* @__PURE__ */ jsx57("p", { className: ScAppCardV3_default.appName, children: appName }),
-            /* @__PURE__ */ jsxs47("div", { className: ScAppCardV3_default.iconPill, children: [
+            /* @__PURE__ */ jsxs48("div", { className: ScAppCardV3_default.iconPill, children: [
               /* @__PURE__ */ jsx57("div", { className: ScAppCardV3_default.iconPillBg }),
               /* @__PURE__ */ jsx57("div", { className: ScAppCardV3_default.iconPillIcon, children: appIcon }),
               /* @__PURE__ */ jsx57("div", { className: ScAppCardV3_default.iconPillShadow })
@@ -5791,7 +5803,7 @@ var ScBriefCard_default = {
 };
 
 // src/SC-BriefCard/ScBriefCard.tsx
-import { jsx as jsx58, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs49 } from "react/jsx-runtime";
 var ScBriefCard = ({
   description = "Centralized product and asset management for every storefront",
   active = false,
@@ -5809,7 +5821,7 @@ var ScBriefCard = ({
       className: [ScBriefCard_default.cardBorder, className || ""].filter(Boolean).join(" "),
       style,
       ...props,
-      children: /* @__PURE__ */ jsxs48("div", { className: cardClass, children: [
+      children: /* @__PURE__ */ jsxs49("div", { className: cardClass, children: [
         /* @__PURE__ */ jsx58("div", { className: ScBriefCard_default.glow }),
         /* @__PURE__ */ jsx58("div", { className: ScBriefCard_default.glowHover }),
         /* @__PURE__ */ jsx58("div", { className: ScBriefCard_default.body, children: /* @__PURE__ */ jsx58("p", { className: ScBriefCard_default.description, children: description }) })
@@ -5849,7 +5861,7 @@ var ScToggleSwitch_default = {
 };
 
 // src/SC-toggleSwitch/ScToggleSwitch.tsx
-import { jsx as jsx59, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs50 } from "react/jsx-runtime";
 var ScToggleSwitch = ({
   active = "false",
   checked,
@@ -5869,10 +5881,10 @@ var ScToggleSwitch = ({
         props.onClick?.(e);
       },
       style: { cursor: "pointer", ...props.style },
-      children: isActive ? /* @__PURE__ */ jsxs49("svg", { width: "40", height: "24", viewBox: "0 0 40 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+      children: isActive ? /* @__PURE__ */ jsxs50("svg", { width: "40", height: "24", viewBox: "0 0 40 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
         /* @__PURE__ */ jsx59("rect", { width: "40", height: "24", rx: "12", fill: "var(--alias-fill-base-base, #f5f5f5)" }),
         /* @__PURE__ */ jsx59("circle", { cx: "28", cy: "12", r: "10", fill: "var(--alias-text---icons-inverse, #101010)" })
-      ] }) : /* @__PURE__ */ jsxs49("svg", { width: "41", height: "25", viewBox: "0 0 41 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+      ] }) : /* @__PURE__ */ jsxs50("svg", { width: "41", height: "25", viewBox: "0 0 41 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
         /* @__PURE__ */ jsx59("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__ */ jsx59("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__ */ jsx59("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)" })
@@ -5882,7 +5894,7 @@ var ScToggleSwitch = ({
 };
 
 // src/SC-artifaxInvite/ScArtifaxInvite.tsx
-import { jsx as jsx60, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs51 } from "react/jsx-runtime";
 var ScArtifaxInvite = ({
   active = "true",
   appName = "Artifax",
@@ -5895,7 +5907,7 @@ var ScArtifaxInvite = ({
 }) => {
   const isEnabled = enabled !== void 0 ? enabled : active === "true";
   const variantsClassName = ScArtifaxInvite_default["active-" + (isEnabled ? "true" : "false")];
-  return /* @__PURE__ */ jsxs50(
+  return /* @__PURE__ */ jsxs51(
     "div",
     {
       className: ScArtifaxInvite_default.scArtifaxInvite + " " + className + " " + variantsClassName,
@@ -5936,7 +5948,7 @@ var ScPhtogenixInvite_default = {
 
 // src/SC-phtogenixInvite/ScPhtogenixInvite.tsx
 import { SiconArtifacts as SiconArtifacts4 } from "@streamoid/icons";
-import { jsx as jsx61, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs52 } from "react/jsx-runtime";
 var ScPhtogenixInvite = ({
   active = "true",
   scAppCardappDescription = "Info about photogenix",
@@ -5949,7 +5961,7 @@ var ScPhtogenixInvite = ({
 }) => {
   const isEnabled = enabled !== void 0 ? enabled : active === "true";
   const variantsClassName = ScPhtogenixInvite_default["active-" + (isEnabled ? "true" : "false")];
-  return /* @__PURE__ */ jsxs51(
+  return /* @__PURE__ */ jsxs52(
     "div",
     {
       className: ScPhtogenixInvite_default.scPhtogenixInvite + " " + className + " " + variantsClassName,
@@ -6013,7 +6025,7 @@ var ScOnlyField_default = {
 
 // src/SC-onlyField/ScOnlyField.tsx
 import { SiconBolt as SiconBolt4 } from "@streamoid/icons";
-import { jsx as jsx62, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs53 } from "react/jsx-runtime";
 var ScOnlyField = ({
   tfRightIcon = /* @__PURE__ */ jsx62(SiconBolt4, { className: ScOnlyField_default.siconBoltInstance }),
   tfLeftIcon = /* @__PURE__ */ jsx62(SiconBolt4, { className: ScOnlyField_default.siconBoltInstance }),
@@ -6034,7 +6046,7 @@ var ScOnlyField = ({
     {
       className: ScOnlyField_default.scOnlyField + " " + className + " " + variantsClassName,
       ...props,
-      children: /* @__PURE__ */ jsxs52("div", { className: ScOnlyField_default.inputContainer, children: [
+      children: /* @__PURE__ */ jsxs53("div", { className: ScOnlyField_default.inputContainer, children: [
         (tfGroup === "icon-left" || tfGroup === "icon-left-right") && /* @__PURE__ */ jsx62("div", { className: ScOnlyField_default.iconWrapper, children: tfLeftIcon }),
         /* @__PURE__ */ jsx62(
           "input",
@@ -6064,7 +6076,7 @@ var ScOnlyField = ({
 
 // src/SC-catalogixInvite/ScCatalogixInvite.tsx
 import { SiconHome as SiconHome9 } from "@streamoid/icons";
-import { Fragment as Fragment17, jsx as jsx63, jsxs as jsxs53 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx63, jsxs as jsxs54 } from "react/jsx-runtime";
 var ScCatalogixInvite = ({
   active = "false",
   appName = "Catalogix",
@@ -6086,13 +6098,13 @@ 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__ */ jsxs53(
+  return /* @__PURE__ */ jsxs54(
     "div",
     {
       className: ScCatalogixInvite_default.scCatalogixInvite + " " + className + " " + variantsClassName,
       ...props,
       children: [
-        /* @__PURE__ */ jsxs53("div", { className: ScCatalogixInvite_default.appHeader, children: [
+        /* @__PURE__ */ jsxs54("div", { className: ScCatalogixInvite_default.appHeader, children: [
           /* @__PURE__ */ jsx63(
             ScAppCard,
             {
@@ -6111,13 +6123,13 @@ var ScCatalogixInvite = ({
             }
           )
         ] }),
-        isEnabled && /* @__PURE__ */ jsx63(Fragment17, { children: /* @__PURE__ */ jsxs53("div", { className: ScCatalogixInvite_default.storeAccessContainer, children: [
-          /* @__PURE__ */ jsxs53("div", { className: ScCatalogixInvite_default.storeAccessHeader, children: [
-            /* @__PURE__ */ jsxs53("div", { className: ScCatalogixInvite_default.storeAccessTitle, children: [
+        isEnabled && /* @__PURE__ */ jsx63(Fragment17, { children: /* @__PURE__ */ jsxs54("div", { className: ScCatalogixInvite_default.storeAccessContainer, children: [
+          /* @__PURE__ */ jsxs54("div", { className: ScCatalogixInvite_default.storeAccessHeader, children: [
+            /* @__PURE__ */ jsxs54("div", { className: ScCatalogixInvite_default.storeAccessTitle, children: [
               storeAccessTitle,
               " "
             ] }),
-            /* @__PURE__ */ jsxs53("div", { className: ScCatalogixInvite_default.selectedCount, children: [
+            /* @__PURE__ */ jsxs54("div", { className: ScCatalogixInvite_default.selectedCount, children: [
               displayCount,
               " "
             ] })
@@ -6150,7 +6162,7 @@ var ScCatalogixInvite = ({
             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__ */ jsxs53(Fragment17, { children: [
+          }, children: "No stores found" }) : /* @__PURE__ */ jsxs54(Fragment17, { children: [
             /* @__PURE__ */ jsx63(
               ScPairtext,
               {
@@ -6204,7 +6216,7 @@ var ScCatalogixInvite = ({
 };
 
 // src/SC-appField/ScAppField.tsx
-import { jsx as jsx64, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs55 } from "react/jsx-runtime";
 var ScAppField = ({
   appFieldTitle = "App permission",
   className,
@@ -6221,12 +6233,12 @@ var ScAppField = ({
   onCatalogixSearchChange,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs54("div", { className: ScAppField_default.scAppField + " " + className, ...props, children: [
-    /* @__PURE__ */ jsx64("div", { className: ScAppField_default.labelContainer, children: /* @__PURE__ */ jsxs54("div", { className: ScAppField_default.title, children: [
+  return /* @__PURE__ */ jsxs55("div", { className: ScAppField_default.scAppField + " " + className, ...props, children: [
+    /* @__PURE__ */ jsx64("div", { className: ScAppField_default.labelContainer, children: /* @__PURE__ */ jsxs55("div", { className: ScAppField_default.title, children: [
       appFieldTitle,
       " "
     ] }) }),
-    /* @__PURE__ */ jsxs54("div", { className: ScAppField_default.inputContainer, children: [
+    /* @__PURE__ */ jsxs55("div", { className: ScAppField_default.inputContainer, children: [
       /* @__PURE__ */ jsx64(
         ScArtifaxInvite,
         {
@@ -6273,12 +6285,12 @@ var ScBillingHistoryHeader_default = {
 };
 
 // src/SC-billingHistoryHeader/ScBillingHistoryHeader.tsx
-import { jsx as jsx65, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs56 } from "react/jsx-runtime";
 var ScBillingHistoryHeader = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs55("div", { className: ScBillingHistoryHeader_default.scBillingHistoryHeader + " " + className, children: [
+  return /* @__PURE__ */ jsxs56("div", { className: ScBillingHistoryHeader_default.scBillingHistoryHeader + " " + className, children: [
     /* @__PURE__ */ jsx65(
       ScHeader,
       {
@@ -6325,15 +6337,15 @@ var ScCheckField_default = {
 
 // src/SC-checkField/ScCheckField.tsx
 import { SiconHome as SiconHome10 } from "@streamoid/icons";
-import { Fragment as Fragment18, jsx as jsx66, jsxs as jsxs56 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx66, jsxs as jsxs57 } from "react/jsx-runtime";
 var ScCheckField = ({
   label = "Label",
   className,
   checkboxes,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs56("div", { className: ScCheckField_default.scCheckField + " " + className, ...props, children: [
-    /* @__PURE__ */ jsx66("div", { className: ScCheckField_default.labelContainer, children: /* @__PURE__ */ jsxs56("div", { className: ScCheckField_default.label, children: [
+  return /* @__PURE__ */ jsxs57("div", { className: ScCheckField_default.scCheckField + " " + className, ...props, children: [
+    /* @__PURE__ */ jsx66("div", { className: ScCheckField_default.labelContainer, children: /* @__PURE__ */ jsxs57("div", { className: ScCheckField_default.label, children: [
       label,
       " "
     ] }) }),
@@ -6347,7 +6359,7 @@ var ScCheckField = ({
         className: ScCheckField_default.scPairtextInstance
       },
       i
-    )) : /* @__PURE__ */ jsxs56(Fragment18, { children: [
+    )) : /* @__PURE__ */ jsxs57(Fragment18, { children: [
       /* @__PURE__ */ jsx66(
         ScPairtext,
         {
@@ -6380,7 +6392,7 @@ var ScFieldButton_default = {
 
 // src/SC-fieldButton/ScFieldButton.tsx
 import { SiconHome as SiconHome11 } from "@streamoid/icons";
-import { Fragment as Fragment19, jsx as jsx67, jsxs as jsxs57 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx67, jsxs as jsxs58 } from "react/jsx-runtime";
 var ScFieldButton = ({
   icon = /* @__PURE__ */ jsx67(SiconHome11, { className: ScFieldButton_default.siconHomeInstance }),
   type = "default",
@@ -6395,9 +6407,9 @@ var ScFieldButton = ({
     {
       className: ScFieldButton_default.scFieldButton + " " + className + " " + variantsClassName,
       ...props,
-      children: /* @__PURE__ */ jsxs57("div", { className: ScFieldButton_default.container, children: [
+      children: /* @__PURE__ */ jsxs58("div", { className: ScFieldButton_default.container, children: [
         (type === "icon-right" || type === "only-icon") && /* @__PURE__ */ jsx67(Fragment19, { children: icon }),
-        (type === "icon-left" || type === "default" || type === "icon-right") && /* @__PURE__ */ jsx67(Fragment19, { children: /* @__PURE__ */ jsxs57("div", { className: ScFieldButton_default.label, children: [
+        (type === "icon-left" || type === "default" || type === "icon-right") && /* @__PURE__ */ jsx67(Fragment19, { children: /* @__PURE__ */ jsxs58("div", { className: ScFieldButton_default.label, children: [
           text,
           " "
         ] }) }),
@@ -6416,12 +6428,12 @@ var ScPendingAction_default = {
 
 // src/SC-pendingAction/ScPendingAction.tsx
 import { SiconHome as SiconHome12 } from "@streamoid/icons";
-import { jsx as jsx68, jsxs as jsxs58 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs59 } from "react/jsx-runtime";
 var ScPendingAction = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs58("div", { className: ScPendingAction_default.scPendingAction + " " + className, ...props, children: [
+  return /* @__PURE__ */ jsxs59("div", { className: ScPendingAction_default.scPendingAction + " " + className, ...props, children: [
     /* @__PURE__ */ jsx68(
       ScButton,
       {
@@ -6461,7 +6473,7 @@ var ScQuickPrompt_default = {
 
 // src/SC-quick prompt/ScQuickPrompt.tsx
 import { SiconBolt as SiconBolt5 } from "@streamoid/icons";
-import { jsx as jsx69, jsxs as jsxs59 } from "react/jsx-runtime";
+import { jsx as jsx69, jsxs as jsxs60 } from "react/jsx-runtime";
 var ScQuickPrompt = ({
   appName = "Photogenix",
   heading = "Swap Model and Background",
@@ -6469,20 +6481,20 @@ var ScQuickPrompt = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs59("div", { className: ScQuickPrompt_default.scQuickPrompt + " " + className, ...props, children: [
-    /* @__PURE__ */ jsxs59("div", { className: ScQuickPrompt_default.header, children: [
+  return /* @__PURE__ */ jsxs60("div", { className: ScQuickPrompt_default.scQuickPrompt + " " + className, ...props, children: [
+    /* @__PURE__ */ jsxs60("div", { className: ScQuickPrompt_default.header, children: [
       /* @__PURE__ */ jsx69("div", { className: ScQuickPrompt_default.iconContainer, children: /* @__PURE__ */ jsx69(SiconBolt5, { className: ScQuickPrompt_default.siconBoltInstance }) }),
-      /* @__PURE__ */ jsx69("div", { className: ScQuickPrompt_default.titleContainer, children: /* @__PURE__ */ jsxs59("div", { className: ScQuickPrompt_default.title, children: [
+      /* @__PURE__ */ jsx69("div", { className: ScQuickPrompt_default.titleContainer, children: /* @__PURE__ */ jsxs60("div", { className: ScQuickPrompt_default.title, children: [
         appName,
         " "
       ] }) })
     ] }),
-    /* @__PURE__ */ jsxs59("div", { className: ScQuickPrompt_default.body, children: [
-      /* @__PURE__ */ jsxs59("div", { className: ScQuickPrompt_default.heading, children: [
+    /* @__PURE__ */ jsxs60("div", { className: ScQuickPrompt_default.body, children: [
+      /* @__PURE__ */ jsxs60("div", { className: ScQuickPrompt_default.heading, children: [
         heading,
         " "
       ] }),
-      /* @__PURE__ */ jsxs59("div", { className: ScQuickPrompt_default.description, children: [
+      /* @__PURE__ */ jsxs60("div", { className: ScQuickPrompt_default.description, children: [
         description,
         " "
       ] })
@@ -6499,12 +6511,12 @@ var ScReferralTableHeader_default = {
 };
 
 // src/SC-referralTableHeader/ScReferralTableHeader.tsx
-import { jsx as jsx70, jsxs as jsxs60 } from "react/jsx-runtime";
+import { jsx as jsx70, jsxs as jsxs61 } from "react/jsx-runtime";
 var ScReferralTableHeader = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs60("div", { className: ScReferralTableHeader_default.scReferralTableHeader + " " + className, children: [
+  return /* @__PURE__ */ jsxs61("div", { className: ScReferralTableHeader_default.scReferralTableHeader + " " + className, children: [
     /* @__PURE__ */ jsx70(
       ScHeader,
       {
@@ -6550,7 +6562,7 @@ var ScReferralTableList_default = {
 };
 
 // src/SC-referralTableList/ScReferralTableList.tsx
-import { jsx as jsx71, jsxs as jsxs61 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs62 } from "react/jsx-runtime";
 var ScReferralTableList = ({
   userEmail = "chris@kepler.com",
   userName,
@@ -6560,7 +6572,7 @@ var ScReferralTableList = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs61("div", { className: ScReferralTableList_default.scReferralTableList + " " + className, ...props, children: [
+  return /* @__PURE__ */ jsxs62("div", { className: ScReferralTableList_default.scReferralTableList + " " + className, ...props, children: [
     /* @__PURE__ */ jsx71(
       ScProfile,
       {
@@ -6569,12 +6581,12 @@ var ScReferralTableList = ({
         className: ScReferralTableList_default.scProfileInstance
       }
     ),
-    /* @__PURE__ */ jsxs61("div", { className: ScReferralTableList_default.date, children: [
+    /* @__PURE__ */ jsxs62("div", { className: ScReferralTableList_default.date, children: [
       date,
       " "
     ] }),
     /* @__PURE__ */ jsx71(ScBadges, { text: status, className: ScReferralTableList_default.scBadgesInstance }),
-    /* @__PURE__ */ jsxs61("div", { className: ScReferralTableList_default.points, children: [
+    /* @__PURE__ */ jsxs62("div", { className: ScReferralTableList_default.points, children: [
       points,
       " "
     ] })
@@ -6590,12 +6602,12 @@ var ScSettingsNav_default = {
 // src/SC-settingsNav/ScSettingsNav.tsx
 import { SiconTeam as SiconTeam5 } from "@streamoid/icons";
 import { SiconWorkspace, SiconReferral } from "@streamoid/icons";
-import { jsx as jsx72, jsxs as jsxs62 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs63 } from "react/jsx-runtime";
 var ScSettingsNav = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx72("div", { className: ScSettingsNav_default.scSettingsNav + " " + className, ...props, children: /* @__PURE__ */ jsxs62("div", { className: ScSettingsNav_default.container, children: [
+  return /* @__PURE__ */ jsx72("div", { className: ScSettingsNav_default.scSettingsNav + " " + className, ...props, children: /* @__PURE__ */ jsxs63("div", { className: ScSettingsNav_default.container, children: [
     /* @__PURE__ */ jsx72(
       ScSidebarMenu,
       {
@@ -6632,7 +6644,7 @@ var ScTabField_default = {
 };
 
 // src/SC-tabField/ScTabField.tsx
-import { jsx as jsx73, jsxs as jsxs63 } from "react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs64 } from "react/jsx-runtime";
 var ScTabField = ({
   label = "Label",
   className,
@@ -6641,8 +6653,8 @@ var ScTabField = ({
   onTabChange,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs63("div", { className: ScTabField_default.scTabField + " " + className, children: [
-    /* @__PURE__ */ jsx73("div", { className: ScTabField_default.labelContainer, children: /* @__PURE__ */ jsxs63("div", { className: ScTabField_default.label, children: [
+  return /* @__PURE__ */ jsxs64("div", { className: ScTabField_default.scTabField + " " + className, children: [
+    /* @__PURE__ */ jsx73("div", { className: ScTabField_default.labelContainer, children: /* @__PURE__ */ jsxs64("div", { className: ScTabField_default.label, children: [
       label,
       " "
     ] }) }),
@@ -6689,14 +6701,14 @@ var ScTableHeader_default = {
 };
 
 // src/SC-tableHeader/ScTableHeader.tsx
-import { Fragment as Fragment20, jsx as jsx74, jsxs as jsxs64 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx74, jsxs as jsxs65 } from "react/jsx-runtime";
 var ScTableHeader = ({
   type = "default",
   className,
   ...props
 }) => {
   const variantsClassName = ScTableHeader_default["type-" + type];
-  return /* @__PURE__ */ jsxs64(
+  return /* @__PURE__ */ jsxs65(
     "div",
     {
       className: ScTableHeader_default.scTableHeader + " " + className + " " + variantsClassName,
@@ -6775,7 +6787,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 Fragment21, jsx as jsx75, jsxs as jsxs65 } from "react/jsx-runtime";
+import { Fragment as Fragment21, jsx as jsx75, jsxs as jsxs66 } from "react/jsx-runtime";
 var ScTableList = ({
   invitedBy = "Rohan",
   signedOn = "Nov 9th, 2025",
@@ -6787,7 +6799,7 @@ var ScTableList = ({
   ...props
 }) => {
   const variantsClassName = ScTableList_default["hover-" + hover] + " " + ScTableList_default["variant-" + variant];
-  return /* @__PURE__ */ jsxs65(
+  return /* @__PURE__ */ jsxs66(
     "div",
     {
       className: ScTableList_default.scTableList + " " + className + " " + variantsClassName,
@@ -6802,7 +6814,7 @@ var ScTableList = ({
           }
         ),
         /* @__PURE__ */ jsx75(ScRole, { className: ScTableList_default.scRoleInstance }),
-        /* @__PURE__ */ jsxs65("div", { className: ScTableList_default.accessInfo, children: [
+        /* @__PURE__ */ jsxs66("div", { className: ScTableList_default.accessInfo, children: [
           /* @__PURE__ */ jsx75(
             ScAccess,
             {
@@ -6821,7 +6833,7 @@ var ScTableList = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs65("div", { className: ScTableList_default.userName, children: [
+        /* @__PURE__ */ jsxs66("div", { className: ScTableList_default.userName, children: [
           invitedBy,
           " "
         ] }),
@@ -6831,7 +6843,7 @@ var ScTableList = ({
             className: ScTableList_default.scPendingActionInstance
           }
         ) }),
-        variant === "active" && /* @__PURE__ */ jsx75(Fragment21, { children: /* @__PURE__ */ jsxs65("div", { className: ScTableList_default.date, children: [
+        variant === "active" && /* @__PURE__ */ jsx75(Fragment21, { children: /* @__PURE__ */ jsxs66("div", { className: ScTableList_default.date, children: [
           signedOn,
           " "
         ] }) })
@@ -6866,7 +6878,7 @@ import {
   SiconSwitch as SiconSwitch2,
   SiconLogout as SiconLogout2
 } from "@streamoid/icons";
-import { jsx as jsx76, jsxs as jsxs66 } from "react/jsx-runtime";
+import { jsx as jsx76, jsxs as jsxs67 } from "react/jsx-runtime";
 var ScWorkspaceCard = ({
   workspaceName = "Stores",
   role = "Admin",
@@ -6876,20 +6888,20 @@ var ScWorkspaceCard = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs66("div", { className: ScWorkspaceCard_default.scWorkspaceCard + " " + className, ...props, children: [
-    /* @__PURE__ */ jsxs66("div", { className: ScWorkspaceCard_default.workspaceInfo, children: [
+  return /* @__PURE__ */ jsxs67("div", { className: ScWorkspaceCard_default.scWorkspaceCard + " " + className, ...props, children: [
+    /* @__PURE__ */ jsxs67("div", { className: ScWorkspaceCard_default.workspaceInfo, children: [
       /* @__PURE__ */ jsx76(
         ScIntialProfileCover,
         {
           className: ScWorkspaceCard_default.scIntialProfileCoverInstance
         }
       ),
-      /* @__PURE__ */ jsxs66("div", { className: ScWorkspaceCard_default.workspaceName, children: [
+      /* @__PURE__ */ jsxs67("div", { className: ScWorkspaceCard_default.workspaceName, children: [
         workspaceName,
         " "
       ] })
     ] }),
-    /* @__PURE__ */ jsxs66("div", { className: ScWorkspaceCard_default.userInfo, children: [
+    /* @__PURE__ */ jsxs67("div", { className: ScWorkspaceCard_default.userInfo, children: [
       /* @__PURE__ */ jsx76(
         ScBadges,
         {
@@ -6898,7 +6910,7 @@ var ScWorkspaceCard = ({
           className: ScWorkspaceCard_default.scBadgesInstance
         }
       ),
-      /* @__PURE__ */ jsxs66("div", { className: ScWorkspaceCard_default.userDetails, children: [
+      /* @__PURE__ */ jsxs67("div", { className: ScWorkspaceCard_default.userDetails, children: [
         /* @__PURE__ */ jsx76(
           ScPairtext,
           {
@@ -6968,7 +6980,7 @@ var ScWorkspaceSwitchCard_default = {
 };
 
 // src/SC-WorkspaceSwitchCard/ScWorkspaceSwitchCard.tsx
-import { jsx as jsx77, jsxs as jsxs67 } from "react/jsx-runtime";
+import { jsx as jsx77, jsxs as jsxs68 } from "react/jsx-runtime";
 function ScWorkspaceSwitchCard({
   wsName = "Workspace name is kepler",
   role = "Admin",
@@ -7004,7 +7016,7 @@ function ScWorkspaceSwitchCard({
       className: cardClass,
       onMouseEnter: () => setInternalHover(true),
       onMouseLeave: () => setInternalHover(false),
-      children: /* @__PURE__ */ jsxs67("div", { className: ScWorkspaceSwitchCard_default.wsInfo, children: [
+      children: /* @__PURE__ */ jsxs68("div", { className: ScWorkspaceSwitchCard_default.wsInfo, children: [
         /* @__PURE__ */ jsx77(
           ScDp,
           {
@@ -7019,20 +7031,20 @@ function ScWorkspaceSwitchCard({
             }
           }
         ),
-        /* @__PURE__ */ jsxs67("div", { className: ScWorkspaceSwitchCard_default.infoCol, children: [
+        /* @__PURE__ */ jsxs68("div", { className: ScWorkspaceSwitchCard_default.infoCol, children: [
           /* @__PURE__ */ jsx77("p", { className: ScWorkspaceSwitchCard_default.wsName, children: wsName }),
-          /* @__PURE__ */ jsxs67("div", { className: ScWorkspaceSwitchCard_default.detailsRow, children: [
-            /* @__PURE__ */ jsxs67("div", { className: ScWorkspaceSwitchCard_default.detailItem, children: [
+          /* @__PURE__ */ jsxs68("div", { className: ScWorkspaceSwitchCard_default.detailsRow, children: [
+            /* @__PURE__ */ jsxs68("div", { className: ScWorkspaceSwitchCard_default.detailItem, children: [
               /* @__PURE__ */ jsx77("span", { className: ScWorkspaceSwitchCard_default.detailLabel, children: "Role" }),
               /* @__PURE__ */ jsx77("span", { className: roleColorClass, children: displayRole })
             ] }),
             /* @__PURE__ */ jsx77(ScVDivider, { className: ScWorkspaceSwitchCard_default.vDivider }),
-            /* @__PURE__ */ jsxs67("div", { className: ScWorkspaceSwitchCard_default.detailItem, children: [
+            /* @__PURE__ */ jsxs68("div", { className: ScWorkspaceSwitchCard_default.detailItem, children: [
               /* @__PURE__ */ jsx77("span", { className: ScWorkspaceSwitchCard_default.detailLabel, children: "Plan" }),
               /* @__PURE__ */ jsx77("span", { className: ScWorkspaceSwitchCard_default.detailValueSecondary, children: plan })
             ] }),
             /* @__PURE__ */ jsx77(ScVDivider, { className: ScWorkspaceSwitchCard_default.vDivider }),
-            /* @__PURE__ */ jsxs67("div", { className: ScWorkspaceSwitchCard_default.detailItemFlex, children: [
+            /* @__PURE__ */ jsxs68("div", { className: ScWorkspaceSwitchCard_default.detailItemFlex, children: [
               /* @__PURE__ */ jsx77("span", { className: ScWorkspaceSwitchCard_default.detailLabel, children: "Workspace Owner" }),
               /* @__PURE__ */ jsx77("span", { className: ScWorkspaceSwitchCard_default.detailValueSecondary, children: ownerId })
             ] })
@@ -7094,6 +7106,400 @@ function ScWorkspaceSwitchCard({
 }
 var NscWorkspaceSwitch = ScWorkspaceSwitchCard;
 
+// src/SC-ThinkingStepIcon/ScThinkingStepIcon.module.css
+var ScThinkingStepIcon_default = {
+  scThinkingStepIcon: "ScThinkingStepIcon_scThinkingStepIcon",
+  glyph: "ScThinkingStepIcon_glyph",
+  stroke: "ScThinkingStepIcon_stroke",
+  "state-default": "ScThinkingStepIcon_state-default",
+  "state-working": "ScThinkingStepIcon_state-working",
+  "state-completed": "ScThinkingStepIcon_state-completed",
+  "state-error": "ScThinkingStepIcon_state-error",
+  spinner: "ScThinkingStepIcon_spinner",
+  scThinkingStepIconSpin: "ScThinkingStepIcon_scThinkingStepIconSpin"
+};
+
+// src/SC-ThinkingStepIcon/ScThinkingStepIcon.tsx
+import { jsx as jsx78, jsxs as jsxs69 } from "react/jsx-runtime";
+var ScThinkingStepIcon = ({
+  state = "default",
+  size = 12,
+  className,
+  style,
+  ...props
+}) => {
+  const variantsClassName = ScThinkingStepIcon_default["state-" + state];
+  return /* @__PURE__ */ jsx78(
+    "span",
+    {
+      className: ScThinkingStepIcon_default.scThinkingStepIcon + " " + (className ?? "") + " " + variantsClassName,
+      style: { width: size, height: size, ...style },
+      ...props,
+      children: /* @__PURE__ */ jsxs69(
+        "svg",
+        {
+          className: ScThinkingStepIcon_default.glyph,
+          width: size,
+          height: size,
+          viewBox: "0 0 13.25 13.25",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          "aria-hidden": "true",
+          children: [
+            state === "default" && /* @__PURE__ */ jsx78(
+              "circle",
+              {
+                className: ScThinkingStepIcon_default.stroke,
+                cx: "6.625",
+                cy: "6.625",
+                r: "6",
+                strokeWidth: "1.25",
+                strokeLinecap: "round"
+              }
+            ),
+            state === "working" && /* @__PURE__ */ jsx78(
+              "path",
+              {
+                className: ScThinkingStepIcon_default.stroke + " " + ScThinkingStepIcon_default.spinner,
+                d: "M6.625 0.625V3.025M9.145 4.105L10.885 2.365M10.225 6.625H12.625M9.145 9.145L10.885 10.885M6.625 10.225V12.625M2.365 10.885L4.105 9.145M0.625 6.625H3.025M2.365 2.365L4.105 4.105",
+                strokeWidth: "1.25",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ),
+            state === "completed" && /* @__PURE__ */ jsx78(
+              "path",
+              {
+                className: ScThinkingStepIcon_default.stroke,
+                d: "M12.5042 5.42704C12.7782 6.77182 12.5829 8.16989 11.9509 9.38811C11.3189 10.6063 10.2883 11.5711 9.03109 12.1214C7.77387 12.6718 6.36597 12.7745 5.04217 12.4125C3.71838 12.0504 2.55871 11.2455 1.75656 10.1319C0.954412 9.0183 0.558269 7.66338 0.634194 6.29307C0.710119 4.92276 1.25352 3.6199 2.17378 2.60175C3.09405 1.5836 4.33554 0.911704 5.69123 0.698118C7.04692 0.484531 8.43486 0.742162 9.62359 1.42804M4.82359 6.02704L6.62359 7.82704L12.6236 1.82705",
+                strokeWidth: "1.25",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ),
+            state === "error" && /* @__PURE__ */ jsx78(
+              "path",
+              {
+                className: ScThinkingStepIcon_default.stroke,
+                d: "M4.92831 8.32204L6.62536 6.625M6.62536 6.625L8.3224 4.92794M6.62536 6.625L4.92831 4.92794M6.62536 6.625L8.3224 8.32204M6.625 12.625C9.93868 12.625 12.625 9.93868 12.625 6.625C12.625 3.31129 9.93868 0.625 6.625 0.625C3.31129 0.625 0.625 3.31129 0.625 6.625C0.625 9.93868 3.31129 12.625 6.625 12.625Z",
+                strokeWidth: "1.25",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+
+// src/SC-InChatList/ScInChatList.module.css
+var ScInChatList_default = {
+  scInChatList: "ScInChatList_scInChatList",
+  indicatorWrapper: "ScInChatList_indicatorWrapper",
+  content: "ScInChatList_content",
+  headerArea: "ScInChatList_headerArea",
+  stepCount: "ScInChatList_stepCount",
+  titleRow: "ScInChatList_titleRow",
+  titleRowClickable: "ScInChatList_titleRowClickable",
+  titleRowStatic: "ScInChatList_titleRowStatic",
+  title: "ScInChatList_title",
+  chevronWrapper: "ScInChatList_chevronWrapper",
+  chevronIcon: "ScInChatList_chevronIcon",
+  descriptionRow: "ScInChatList_descriptionRow",
+  descriptionIcon: "ScInChatList_descriptionIcon",
+  descriptionDot: "ScInChatList_descriptionDot",
+  descriptionText: "ScInChatList_descriptionText",
+  toolPill: "ScInChatList_toolPill",
+  toolText: "ScInChatList_toolText"
+};
+
+// src/SC-InChatList/ScInChatList.tsx
+import { SiconUp as SiconUp2, SiconDown as SiconDown2, SiconDot as SiconDot2 } from "@streamoid/icons";
+import { jsx as jsx79, jsxs as jsxs70 } from "react/jsx-runtime";
+var ScInChatList = ({
+  title = "Infrastructure that helps modern brands scale",
+  description = "Description",
+  descriptionVisibility = "no",
+  leadingIndicator = true,
+  iconState = "default",
+  showSteps = false,
+  stepCount = "Step 01:",
+  showTool = true,
+  toolUsing = "Using Catalogix...",
+  onToggle,
+  className,
+  style
+}) => {
+  const isExpandable = descriptionVisibility === "hidden" || descriptionVisibility === "visible";
+  const isExpanded = descriptionVisibility === "visible";
+  return /* @__PURE__ */ jsxs70(
+    "div",
+    {
+      className: ScInChatList_default.scInChatList + (className ? " " + className : ""),
+      style,
+      children: [
+        leadingIndicator && /* @__PURE__ */ jsx79("div", { className: ScInChatList_default.indicatorWrapper, children: /* @__PURE__ */ jsx79(ScThinkingStepIcon, { state: iconState }) }),
+        /* @__PURE__ */ jsxs70("div", { className: ScInChatList_default.content, children: [
+          /* @__PURE__ */ jsxs70("div", { className: ScInChatList_default.headerArea, children: [
+            showSteps && /* @__PURE__ */ jsx79("p", { className: ScInChatList_default.stepCount, children: stepCount }),
+            /* @__PURE__ */ jsxs70(
+              "div",
+              {
+                className: ScInChatList_default.titleRow + " " + (isExpandable ? ScInChatList_default.titleRowClickable : ScInChatList_default.titleRowStatic),
+                onClick: isExpandable ? onToggle : void 0,
+                children: [
+                  /* @__PURE__ */ jsx79("p", { className: ScInChatList_default.title, children: title }),
+                  isExpandable && /* @__PURE__ */ jsx79("div", { className: ScInChatList_default.chevronWrapper, children: isExpanded ? /* @__PURE__ */ jsx79(SiconUp2, { size: 12, className: ScInChatList_default.chevronIcon }) : /* @__PURE__ */ jsx79(SiconDown2, { size: 12, className: ScInChatList_default.chevronIcon }) })
+                ]
+              }
+            ),
+            isExpanded && /* @__PURE__ */ jsxs70("div", { className: ScInChatList_default.descriptionRow, children: [
+              /* @__PURE__ */ jsx79("div", { className: ScInChatList_default.descriptionIcon, children: /* @__PURE__ */ jsx79(SiconDot2, { size: 20, className: ScInChatList_default.descriptionDot }) }),
+              /* @__PURE__ */ jsx79("p", { className: ScInChatList_default.descriptionText, children: description })
+            ] })
+          ] }),
+          showTool && /* @__PURE__ */ jsx79("div", { className: ScInChatList_default.toolPill, children: /* @__PURE__ */ jsx79("p", { className: ScInChatList_default.toolText, children: toolUsing }) })
+        ] })
+      ]
+    }
+  );
+};
+
+// src/SC-SubAgent/ScSubAgent.module.css
+var ScSubAgent_default = {
+  scSubAgent: "ScSubAgent_scSubAgent",
+  label: "ScSubAgent_label"
+};
+
+// src/SC-SubAgent/ScSubAgent.tsx
+import { jsx as jsx80 } from "react/jsx-runtime";
+function formatSubAgentLabel(agentName) {
+  const normalized = (agentName ?? "").trim();
+  if (!normalized) return "Using sub-agent...";
+  return `Using ${normalized.replace(/\b\w/g, (char) => char.toUpperCase())}...`;
+}
+var ScSubAgent = ({
+  text,
+  agentName,
+  className,
+  ...props
+}) => {
+  const label = text ?? formatSubAgentLabel(agentName);
+  return /* @__PURE__ */ jsx80(
+    "div",
+    {
+      className: ScSubAgent_default.scSubAgent + " " + className,
+      ...props,
+      children: /* @__PURE__ */ jsx80("p", { className: ScSubAgent_default.label, children: label })
+    }
+  );
+};
+
+// src/SC-InChatMessage/ScInChatMessage.module.css
+var ScInChatMessage_default = {
+  scInChatMessage: "ScInChatMessage_scInChatMessage",
+  text: "ScInChatMessage_text",
+  "type-input": "ScInChatMessage_type-input",
+  "type-output": "ScInChatMessage_type-output"
+};
+
+// src/SC-InChatMessage/ScInChatMessage.tsx
+import { jsx as jsx81 } from "react/jsx-runtime";
+var ScInChatMessage = ({
+  type = "input",
+  text,
+  children,
+  className,
+  id,
+  ...props
+}) => {
+  const variantsClassName = ScInChatMessage_default["type-" + type];
+  return /* @__PURE__ */ jsx81(
+    "div",
+    {
+      className: ScInChatMessage_default.scInChatMessage + " " + className + " " + variantsClassName,
+      id,
+      ...props,
+      children: /* @__PURE__ */ jsx81("p", { className: ScInChatMessage_default.text, children: children ?? text })
+    }
+  );
+};
+
+// src/SC-Selection/ScSelection.module.css
+var ScSelection_default = {
+  scSelection: "ScSelection_scSelection",
+  scRadioInstance: "ScSelection_scRadioInstance",
+  wrapper: "ScSelection_wrapper",
+  title: "ScSelection_title",
+  description: "ScSelection_description",
+  "state-default": "ScSelection_state-default",
+  "state-active": "ScSelection_state-active"
+};
+
+// src/SC-Selection/ScSelection.tsx
+import { jsx as jsx82, jsxs as jsxs71 } from "react/jsx-runtime";
+var ScSelection = ({
+  title = "Title",
+  description = "Description",
+  active = false,
+  value,
+  onSelect,
+  onClick,
+  className,
+  ...props
+}) => {
+  const variantsClassName = ScSelection_default["state-" + (active ? "active" : "default")];
+  const handleClick = (event) => {
+    onClick?.(event);
+    onSelect?.(value);
+  };
+  return /* @__PURE__ */ jsxs71(
+    "div",
+    {
+      className: ScSelection_default.scSelection + " " + className + " " + variantsClassName,
+      onClick: handleClick,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx82(
+          ScRadio,
+          {
+            state: active ? "selected" : "default",
+            className: ScSelection_default.scRadioInstance
+          }
+        ),
+        /* @__PURE__ */ jsxs71("div", { className: ScSelection_default.wrapper, children: [
+          /* @__PURE__ */ jsx82("p", { className: ScSelection_default.title, children: title }),
+          /* @__PURE__ */ jsx82("p", { className: ScSelection_default.description, children: description })
+        ] })
+      ]
+    }
+  );
+};
+
+// src/SC-SelectionList/ScSelectionList.module.css
+var ScSelectionList_default = {
+  scSelectionList: "ScSelectionList_scSelectionList",
+  toggles: "ScSelectionList_toggles",
+  checkToggle: "ScSelectionList_checkToggle",
+  rejectToggle: "ScSelectionList_rejectToggle",
+  checkIcon: "ScSelectionList_checkIcon",
+  closeIcon: "ScSelectionList_closeIcon",
+  content: "ScSelectionList_content",
+  row: "ScSelectionList_row",
+  label: "ScSelectionList_label",
+  valuesPill: "ScSelectionList_valuesPill",
+  valuesText: "ScSelectionList_valuesText",
+  "state-default": "ScSelectionList_state-default",
+  "state-approved": "ScSelectionList_state-approved",
+  "state-rejected": "ScSelectionList_state-rejected",
+  disabled: "ScSelectionList_disabled"
+};
+
+// src/SC-SelectionList/ScSelectionList.tsx
+import { jsx as jsx83, jsxs as jsxs72 } from "react/jsx-runtime";
+var ScSelectionList = ({
+  state = "default",
+  label = "Suggested Colours: ",
+  optionValues = "Pink, Green, Red, Blue",
+  onChange,
+  onApprove,
+  onReject,
+  disabled = false,
+  className,
+  ...props
+}) => {
+  const variantsClassName = ScSelectionList_default["state-" + state];
+  const handleApprove = () => {
+    const next = state === "approved" ? "default" : "approved";
+    onChange?.(next);
+    if (next === "approved") onApprove?.();
+  };
+  const handleReject = () => {
+    const next = state === "rejected" ? "default" : "rejected";
+    onChange?.(next);
+    if (next === "rejected") onReject?.();
+  };
+  return /* @__PURE__ */ jsxs72(
+    "div",
+    {
+      className: ScSelectionList_default.scSelectionList + (disabled ? " " + ScSelectionList_default.disabled : "") + (className ? " " + className : "") + " " + variantsClassName,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs72("div", { className: ScSelectionList_default.toggles, children: [
+          /* @__PURE__ */ jsx83(
+            "button",
+            {
+              type: "button",
+              className: ScSelectionList_default.checkToggle,
+              onClick: handleApprove,
+              disabled,
+              "aria-pressed": state === "approved",
+              "aria-label": state === "approved" ? "Revoke approval" : "Approve",
+              children: /* @__PURE__ */ jsx83(
+                "svg",
+                {
+                  className: ScSelectionList_default.checkIcon,
+                  width: "10",
+                  height: "7.5",
+                  viewBox: "0 0 8 6",
+                  fill: "none",
+                  xmlns: "http://www.w3.org/2000/svg",
+                  children: /* @__PURE__ */ jsx83(
+                    "path",
+                    {
+                      d: "M0.5 3.5L2.5 5.5L7.5 0.5",
+                      stroke: "currentColor",
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round"
+                    }
+                  )
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx83(
+            "button",
+            {
+              type: "button",
+              className: ScSelectionList_default.rejectToggle,
+              onClick: handleReject,
+              disabled,
+              "aria-pressed": state === "rejected",
+              "aria-label": state === "rejected" ? "Revoke rejection" : "Reject",
+              children: /* @__PURE__ */ jsx83(
+                "svg",
+                {
+                  className: ScSelectionList_default.closeIcon,
+                  width: "9",
+                  height: "9",
+                  viewBox: "0 0 6.24261 6.24262",
+                  fill: "none",
+                  xmlns: "http://www.w3.org/2000/svg",
+                  children: /* @__PURE__ */ jsx83(
+                    "path",
+                    {
+                      d: "M0.5 5.74262L3.12132 3.12132M3.12132 3.12132L5.74261 0.5M3.12132 3.12132L0.5 0.5M3.12132 3.12132L5.74261 5.74262",
+                      stroke: "currentColor",
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round"
+                    }
+                  )
+                }
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx83("div", { className: ScSelectionList_default.content, children: /* @__PURE__ */ jsxs72("div", { className: ScSelectionList_default.row, children: [
+          /* @__PURE__ */ jsx83("span", { className: ScSelectionList_default.label, children: label }),
+          /* @__PURE__ */ jsx83("span", { className: ScSelectionList_default.valuesPill, children: /* @__PURE__ */ jsx83("span", { className: ScSelectionList_default.valuesText, children: optionValues }) })
+        ] }) })
+      ]
+    }
+  );
+};
+
 // src/SC-Role-Mobile/ScRoleMobile.module.css
 var ScRoleMobile_default = {
   scRoleMobile: "ScRoleMobile_scRoleMobile",
@@ -7103,18 +7509,18 @@ var ScRoleMobile_default = {
 };
 
 // src/SC-Role-Mobile/ScRoleMobile.tsx
-import { jsx as jsx78 } from "react/jsx-runtime";
+import { jsx as jsx84 } from "react/jsx-runtime";
 var ScRoleMobile = ({
   role = "admin",
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx78(
+  return /* @__PURE__ */ jsx84(
     "div",
     {
       className: ScRoleMobile_default.scRoleMobile + " " + ScRoleMobile_default["role-" + role] + " " + className,
       ...props,
-      children: /* @__PURE__ */ jsx78("p", { className: ScRoleMobile_default.text, children: role === "admin" ? "Admin" : "Member" })
+      children: /* @__PURE__ */ jsx84("p", { className: ScRoleMobile_default.text, children: role === "admin" ? "Admin" : "Member" })
     }
   );
 };
@@ -7131,7 +7537,7 @@ var ScProfileV2Mobile_default = {
 };
 
 // src/SC-Profile-V2-Mobile/ScProfileV2Mobile.tsx
-import { jsx as jsx79, jsxs as jsxs68 } from "react/jsx-runtime";
+import { jsx as jsx85, jsxs as jsxs73 } from "react/jsx-runtime";
 var ScProfileV2Mobile = ({
   name = "Chris Hemsworth",
   email = "chris@kepler.com",
@@ -7141,17 +7547,17 @@ var ScProfileV2Mobile = ({
   ...props
 }) => {
   const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
-  const profileImage = /* @__PURE__ */ jsx79("div", { className: ScProfileV2Mobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx79("img", { src: imageUrl, alt: name, className: ScProfileV2Mobile_default.image }) : /* @__PURE__ */ jsx79("div", { className: ScProfileV2Mobile_default.initials, children: initials }) });
-  return /* @__PURE__ */ jsxs68(
+  const profileImage = /* @__PURE__ */ jsx85("div", { className: ScProfileV2Mobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx85("img", { src: imageUrl, alt: name, className: ScProfileV2Mobile_default.image }) : /* @__PURE__ */ jsx85("div", { className: ScProfileV2Mobile_default.initials, children: initials }) });
+  return /* @__PURE__ */ jsxs73(
     "div",
     {
       className: ScProfileV2Mobile_default.scProfileV2Mobile + " " + className,
       ...props,
       children: [
         dpPosition === "left" && profileImage,
-        /* @__PURE__ */ jsxs68("div", { className: ScProfileV2Mobile_default.userInfo, children: [
-          /* @__PURE__ */ jsx79("p", { className: ScProfileV2Mobile_default.userName, children: name }),
-          /* @__PURE__ */ jsx79("p", { className: ScProfileV2Mobile_default.userEmail, children: email })
+        /* @__PURE__ */ jsxs73("div", { className: ScProfileV2Mobile_default.userInfo, children: [
+          /* @__PURE__ */ jsx85("p", { className: ScProfileV2Mobile_default.userName, children: name }),
+          /* @__PURE__ */ jsx85("p", { className: ScProfileV2Mobile_default.userEmail, children: email })
         ] }),
         dpPosition === "right" && profileImage
       ]
@@ -7178,7 +7584,7 @@ var ScTableListMobile_default = {
 };
 
 // src/SC-tableList-mobile/ScTableListMobile.tsx
-import { jsx as jsx80, jsxs as jsxs69 } from "react/jsx-runtime";
+import { jsx as jsx86, jsxs as jsxs74 } from "react/jsx-runtime";
 var ScTableListMobile = ({
   name = "Chris Hemsworth",
   email = "chris@kepler.com",
@@ -7191,25 +7597,25 @@ var ScTableListMobile = ({
   ...props
 }) => {
   const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
-  return /* @__PURE__ */ jsxs69(
+  return /* @__PURE__ */ jsxs74(
     "div",
     {
       className: ScTableListMobile_default.scTableListMobile + " " + className,
       onClick: onRowClick,
       ...props,
       children: [
-        /* @__PURE__ */ jsxs69("div", { className: ScTableListMobile_default.profileRow, children: [
-          /* @__PURE__ */ jsxs69("div", { className: ScTableListMobile_default.userInfo, children: [
-            /* @__PURE__ */ jsx80("p", { className: ScTableListMobile_default.userName, children: name }),
-            /* @__PURE__ */ jsx80("p", { className: ScTableListMobile_default.userEmail, children: email })
+        /* @__PURE__ */ jsxs74("div", { className: ScTableListMobile_default.profileRow, children: [
+          /* @__PURE__ */ jsxs74("div", { className: ScTableListMobile_default.userInfo, children: [
+            /* @__PURE__ */ jsx86("p", { className: ScTableListMobile_default.userName, children: name }),
+            /* @__PURE__ */ jsx86("p", { className: ScTableListMobile_default.userEmail, children: email })
           ] }),
-          /* @__PURE__ */ jsx80("div", { className: ScTableListMobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx80("img", { src: imageUrl, alt: name, className: ScTableListMobile_default.image }) : /* @__PURE__ */ jsx80("div", { className: ScTableListMobile_default.initials, children: initials }) })
+          /* @__PURE__ */ jsx86("div", { className: ScTableListMobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx86("img", { src: imageUrl, alt: name, className: ScTableListMobile_default.image }) : /* @__PURE__ */ jsx86("div", { className: ScTableListMobile_default.initials, children: initials }) })
         ] }),
-        /* @__PURE__ */ jsxs69("div", { className: ScTableListMobile_default.detailsRow, children: [
-          /* @__PURE__ */ jsx80("div", { className: ScTableListMobile_default.roleBadge, children: /* @__PURE__ */ jsx80("p", { className: ScTableListMobile_default.roleText, children: role }) }),
-          /* @__PURE__ */ jsxs69("div", { className: ScTableListMobile_default.accessInfo, children: [
-            accessIcons && accessIcons.length > 0 && /* @__PURE__ */ jsx80("div", { className: ScTableListMobile_default.accessGroup, children: accessIcons.map((icon, i) => /* @__PURE__ */ jsx80("span", { className: ScTableListMobile_default.accessIcon, children: icon }, i)) }),
-            permissionIcons && permissionIcons.length > 0 && /* @__PURE__ */ jsx80("div", { className: ScTableListMobile_default.accessGroup, children: permissionIcons.map((icon, i) => /* @__PURE__ */ jsx80("span", { className: ScTableListMobile_default.accessIcon, children: icon }, i)) })
+        /* @__PURE__ */ jsxs74("div", { className: ScTableListMobile_default.detailsRow, children: [
+          /* @__PURE__ */ jsx86("div", { className: ScTableListMobile_default.roleBadge, children: /* @__PURE__ */ jsx86("p", { className: ScTableListMobile_default.roleText, children: role }) }),
+          /* @__PURE__ */ jsxs74("div", { className: ScTableListMobile_default.accessInfo, children: [
+            accessIcons && accessIcons.length > 0 && /* @__PURE__ */ jsx86("div", { className: ScTableListMobile_default.accessGroup, children: accessIcons.map((icon, i) => /* @__PURE__ */ jsx86("span", { className: ScTableListMobile_default.accessIcon, children: icon }, i)) }),
+            permissionIcons && permissionIcons.length > 0 && /* @__PURE__ */ jsx86("div", { className: ScTableListMobile_default.accessGroup, children: permissionIcons.map((icon, i) => /* @__PURE__ */ jsx86("span", { className: ScTableListMobile_default.accessIcon, children: icon }, i)) })
           ] })
         ] })
       ]
@@ -7237,7 +7643,7 @@ var ScWorkspaceSwitchMobile_default = {
 };
 
 // src/SC-workspaceSwitch-Mobile/ScWorkspaceSwitchMobile.tsx
-import { jsx as jsx81, jsxs as jsxs70 } from "react/jsx-runtime";
+import { jsx as jsx87, jsxs as jsxs75 } from "react/jsx-runtime";
 var ScWorkspaceSwitchMobile = ({
   storeName = "Stores",
   initials = "WS",
@@ -7250,24 +7656,24 @@ var ScWorkspaceSwitchMobile = ({
   ...props
 }) => {
   const variant = currentWs ? "current" : "other";
-  return /* @__PURE__ */ jsxs70(
+  return /* @__PURE__ */ jsxs75(
     "div",
     {
       className: ScWorkspaceSwitchMobile_default.scWorkspaceSwitchMobile + " " + ScWorkspaceSwitchMobile_default["variant-" + variant] + " " + className,
       onClick,
       ...props,
       children: [
-        /* @__PURE__ */ jsxs70("div", { className: ScWorkspaceSwitchMobile_default.workspaceInfo, children: [
-          /* @__PURE__ */ jsxs70("div", { className: ScWorkspaceSwitchMobile_default.wsNameRow, children: [
-            /* @__PURE__ */ jsx81("div", { className: ScWorkspaceSwitchMobile_default.initialsBox, children: /* @__PURE__ */ jsx81("span", { className: ScWorkspaceSwitchMobile_default.initialsText, children: initials }) }),
-            /* @__PURE__ */ jsx81("p", { className: ScWorkspaceSwitchMobile_default.storeName, children: storeName })
+        /* @__PURE__ */ jsxs75("div", { className: ScWorkspaceSwitchMobile_default.workspaceInfo, children: [
+          /* @__PURE__ */ jsxs75("div", { className: ScWorkspaceSwitchMobile_default.wsNameRow, children: [
+            /* @__PURE__ */ jsx87("div", { className: ScWorkspaceSwitchMobile_default.initialsBox, children: /* @__PURE__ */ jsx87("span", { className: ScWorkspaceSwitchMobile_default.initialsText, children: initials }) }),
+            /* @__PURE__ */ jsx87("p", { className: ScWorkspaceSwitchMobile_default.storeName, children: storeName })
           ] }),
-          /* @__PURE__ */ jsx81("div", { className: ScWorkspaceSwitchMobile_default.roleBadge, children: /* @__PURE__ */ jsx81("p", { className: ScWorkspaceSwitchMobile_default.roleText, children: role }) })
+          /* @__PURE__ */ jsx87("div", { className: ScWorkspaceSwitchMobile_default.roleBadge, children: /* @__PURE__ */ jsx87("p", { className: ScWorkspaceSwitchMobile_default.roleText, children: role }) })
         ] }),
-        /* @__PURE__ */ jsx81("div", { className: ScWorkspaceSwitchMobile_default.divider }),
-        /* @__PURE__ */ jsxs70("div", { className: ScWorkspaceSwitchMobile_default.ownerRow, children: [
-          /* @__PURE__ */ jsx81("div", { className: ScWorkspaceSwitchMobile_default.ownerIconContainer, children: ownerIcon && /* @__PURE__ */ jsx81("span", { className: ScWorkspaceSwitchMobile_default.ownerIcon, children: ownerIcon }) }),
-          /* @__PURE__ */ jsx81("p", { className: ScWorkspaceSwitchMobile_default.ownerText, children: ownerId })
+        /* @__PURE__ */ jsx87("div", { className: ScWorkspaceSwitchMobile_default.divider }),
+        /* @__PURE__ */ jsxs75("div", { className: ScWorkspaceSwitchMobile_default.ownerRow, children: [
+          /* @__PURE__ */ jsx87("div", { className: ScWorkspaceSwitchMobile_default.ownerIconContainer, children: ownerIcon && /* @__PURE__ */ jsx87("span", { className: ScWorkspaceSwitchMobile_default.ownerIcon, children: ownerIcon }) }),
+          /* @__PURE__ */ jsx87("p", { className: ScWorkspaceSwitchMobile_default.ownerText, children: ownerId })
         ] })
       ]
     }
@@ -7294,7 +7700,7 @@ var ScWorkspaceSettingsMobile_default = {
 };
 
 // src/SC-workspaceSettings-Mobile/ScWorkspaceSettingsMobile.tsx
-import { jsx as jsx82, jsxs as jsxs71 } from "react/jsx-runtime";
+import { jsx as jsx88, jsxs as jsxs76 } from "react/jsx-runtime";
 var ScWorkspaceSettingsMobile = ({
   storeName = "Stores",
   initials = "WS",
@@ -7309,28 +7715,28 @@ var ScWorkspaceSettingsMobile = ({
   ...props
 }) => {
   const variant = currentWs ? "current" : "other";
-  return /* @__PURE__ */ jsxs71(
+  return /* @__PURE__ */ jsxs76(
     "div",
     {
       className: ScWorkspaceSettingsMobile_default.scWorkspaceSettingsMobile + " " + ScWorkspaceSettingsMobile_default["variant-" + variant] + " " + className,
       onClick,
       ...props,
       children: [
-        /* @__PURE__ */ jsxs71("div", { className: ScWorkspaceSettingsMobile_default.workspaceInfo, children: [
-          /* @__PURE__ */ jsxs71("div", { className: ScWorkspaceSettingsMobile_default.wsNameRow, children: [
-            /* @__PURE__ */ jsx82("div", { className: ScWorkspaceSettingsMobile_default.initialsBox, children: /* @__PURE__ */ jsx82("span", { className: ScWorkspaceSettingsMobile_default.initialsText, children: initials }) }),
-            /* @__PURE__ */ jsx82("p", { className: ScWorkspaceSettingsMobile_default.storeName, children: storeName })
+        /* @__PURE__ */ jsxs76("div", { className: ScWorkspaceSettingsMobile_default.workspaceInfo, children: [
+          /* @__PURE__ */ jsxs76("div", { className: ScWorkspaceSettingsMobile_default.wsNameRow, children: [
+            /* @__PURE__ */ jsx88("div", { className: ScWorkspaceSettingsMobile_default.initialsBox, children: /* @__PURE__ */ jsx88("span", { className: ScWorkspaceSettingsMobile_default.initialsText, children: initials }) }),
+            /* @__PURE__ */ jsx88("p", { className: ScWorkspaceSettingsMobile_default.storeName, children: storeName })
           ] }),
-          /* @__PURE__ */ jsx82("div", { className: ScWorkspaceSettingsMobile_default.roleBadge, children: /* @__PURE__ */ jsx82("p", { className: ScWorkspaceSettingsMobile_default.roleText, children: role }) })
+          /* @__PURE__ */ jsx88("div", { className: ScWorkspaceSettingsMobile_default.roleBadge, children: /* @__PURE__ */ jsx88("p", { className: ScWorkspaceSettingsMobile_default.roleText, children: role }) })
         ] }),
-        /* @__PURE__ */ jsx82("div", { className: ScWorkspaceSettingsMobile_default.divider }),
-        /* @__PURE__ */ jsxs71("div", { className: ScWorkspaceSettingsMobile_default.infoRow, children: [
-          /* @__PURE__ */ jsx82("div", { className: ScWorkspaceSettingsMobile_default.iconContainer, children: ownerIcon && /* @__PURE__ */ jsx82("span", { className: ScWorkspaceSettingsMobile_default.icon, children: ownerIcon }) }),
-          /* @__PURE__ */ jsx82("p", { className: ScWorkspaceSettingsMobile_default.infoText, children: ownerId })
+        /* @__PURE__ */ jsx88("div", { className: ScWorkspaceSettingsMobile_default.divider }),
+        /* @__PURE__ */ jsxs76("div", { className: ScWorkspaceSettingsMobile_default.infoRow, children: [
+          /* @__PURE__ */ jsx88("div", { className: ScWorkspaceSettingsMobile_default.iconContainer, children: ownerIcon && /* @__PURE__ */ jsx88("span", { className: ScWorkspaceSettingsMobile_default.icon, children: ownerIcon }) }),
+          /* @__PURE__ */ jsx88("p", { className: ScWorkspaceSettingsMobile_default.infoText, children: ownerId })
         ] }),
-        /* @__PURE__ */ jsxs71("div", { className: ScWorkspaceSettingsMobile_default.infoRow, children: [
-          /* @__PURE__ */ jsx82("div", { className: ScWorkspaceSettingsMobile_default.iconContainer, children: teamIcon && /* @__PURE__ */ jsx82("span", { className: ScWorkspaceSettingsMobile_default.icon, children: teamIcon }) }),
-          /* @__PURE__ */ jsx82("p", { className: ScWorkspaceSettingsMobile_default.infoText, children: teamCount })
+        /* @__PURE__ */ jsxs76("div", { className: ScWorkspaceSettingsMobile_default.infoRow, children: [
+          /* @__PURE__ */ jsx88("div", { className: ScWorkspaceSettingsMobile_default.iconContainer, children: teamIcon && /* @__PURE__ */ jsx88("span", { className: ScWorkspaceSettingsMobile_default.icon, children: teamIcon }) }),
+          /* @__PURE__ */ jsx88("p", { className: ScWorkspaceSettingsMobile_default.infoText, children: teamCount })
         ] })
       ]
     }
@@ -7353,7 +7759,7 @@ var ScMobileTopNav_default = {
 };
 
 // src/SC-MobileTopNav/ScMobileTopNav.tsx
-import { Fragment as Fragment22, jsx as jsx83, jsxs as jsxs72 } from "react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx89, jsxs as jsxs77 } from "react/jsx-runtime";
 var ScMobileTopNav = ({
   type = "home",
   searchIcon = false,
@@ -7376,22 +7782,22 @@ var ScMobileTopNav = ({
 }) => {
   const hasBorder = type === "chat" || type === "inApp";
   const showSearch = type === "inApp" && searchIcon && search;
-  return /* @__PURE__ */ jsxs72(
+  return /* @__PURE__ */ jsxs77(
     "div",
     {
       className: ScMobileTopNav_default.scMobileTopNav + " " + (hasBorder ? ScMobileTopNav_default.withBorder : "") + " " + className,
       ...props,
       children: [
-        type === "home" && /* @__PURE__ */ jsx83("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx83("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
-        type === "chat" && /* @__PURE__ */ jsxs72(Fragment22, { children: [
-          /* @__PURE__ */ jsx83("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx83("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
-          /* @__PURE__ */ jsx83("p", { className: ScMobileTopNav_default.chatTitle, children: chatTitle }),
-          /* @__PURE__ */ jsx83("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMoreClick, children: moreIcon || /* @__PURE__ */ jsx83("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
+        type === "home" && /* @__PURE__ */ jsx89("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx89("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
+        type === "chat" && /* @__PURE__ */ jsxs77(Fragment22, { children: [
+          /* @__PURE__ */ jsx89("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx89("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
+          /* @__PURE__ */ jsx89("p", { className: ScMobileTopNav_default.chatTitle, children: chatTitle }),
+          /* @__PURE__ */ jsx89("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMoreClick, children: moreIcon || /* @__PURE__ */ jsx89("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
         ] }),
-        showSearch && /* @__PURE__ */ jsxs72(Fragment22, { children: [
-          /* @__PURE__ */ jsx83("div", { className: ScMobileTopNav_default.searchRow, children: /* @__PURE__ */ jsxs72("div", { className: ScMobileTopNav_default.searchInputContainer, children: [
-            /* @__PURE__ */ jsx83("div", { className: ScMobileTopNav_default.iconContainer, onClick: onSearchClick, children: searchIconElement || /* @__PURE__ */ jsx83("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
-            /* @__PURE__ */ jsx83("div", { className: ScMobileTopNav_default.searchInput, children: /* @__PURE__ */ jsx83(
+        showSearch && /* @__PURE__ */ jsxs77(Fragment22, { children: [
+          /* @__PURE__ */ jsx89("div", { className: ScMobileTopNav_default.searchRow, children: /* @__PURE__ */ jsxs77("div", { className: ScMobileTopNav_default.searchInputContainer, children: [
+            /* @__PURE__ */ jsx89("div", { className: ScMobileTopNav_default.iconContainer, onClick: onSearchClick, children: searchIconElement || /* @__PURE__ */ jsx89("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
+            /* @__PURE__ */ jsx89("div", { className: ScMobileTopNav_default.searchInput, children: /* @__PURE__ */ jsx89(
               "input",
               {
                 type: "text",
@@ -7402,17 +7808,17 @@ var ScMobileTopNav = ({
               }
             ) })
           ] }) }),
-          /* @__PURE__ */ jsx83("div", { className: ScMobileTopNav_default.iconContainer, onClick: onCloseClick, children: closeIcon || /* @__PURE__ */ jsx83("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
+          /* @__PURE__ */ jsx89("div", { className: ScMobileTopNav_default.iconContainer, onClick: onCloseClick, children: closeIcon || /* @__PURE__ */ jsx89("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
         ] }),
-        type === "inApp" && !search && /* @__PURE__ */ jsxs72(Fragment22, { children: [
-          /* @__PURE__ */ jsx83("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx83("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
-          /* @__PURE__ */ jsx83("p", { className: ScMobileTopNav_default.heading, children: heading }),
-          /* @__PURE__ */ jsx83(
+        type === "inApp" && !search && /* @__PURE__ */ jsxs77(Fragment22, { children: [
+          /* @__PURE__ */ jsx89("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx89("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
+          /* @__PURE__ */ jsx89("p", { className: ScMobileTopNav_default.heading, children: heading }),
+          /* @__PURE__ */ jsx89(
             "div",
             {
               className: ScMobileTopNav_default.iconContainer + " " + (!searchIcon ? ScMobileTopNav_default.hidden : ""),
               onClick: onSearchClick,
-              children: searchIcon ? searchIconElement || /* @__PURE__ */ jsx83("div", { className: ScMobileTopNav_default.iconPlaceholder }) : /* @__PURE__ */ jsx83("div", { className: ScMobileTopNav_default.iconPlaceholder })
+              children: searchIcon ? searchIconElement || /* @__PURE__ */ jsx89("div", { className: ScMobileTopNav_default.iconPlaceholder }) : /* @__PURE__ */ jsx89("div", { className: ScMobileTopNav_default.iconPlaceholder })
             }
           )
         ] })
@@ -7433,7 +7839,7 @@ var ScMobileBottomAction_default = {
 };
 
 // src/SC-MobileBottomAction/ScMobileBottomAction.tsx
-import { jsx as jsx84, jsxs as jsxs73 } from "react/jsx-runtime";
+import { jsx as jsx90, jsxs as jsxs78 } from "react/jsx-runtime";
 var ScMobileBottomAction = ({
   text = "Save Changes",
   disabled = false,
@@ -7445,28 +7851,28 @@ var ScMobileBottomAction = ({
   ...props
 }) => {
   const isTwoButton = !!secondaryText;
-  return /* @__PURE__ */ jsxs73(
+  return /* @__PURE__ */ jsxs78(
     "div",
     {
       className: ScMobileBottomAction_default.scMobileBottomAction + (isTwoButton ? " " + ScMobileBottomAction_default.twoButton : "") + " " + className,
       ...props,
       children: [
-        isTwoButton && /* @__PURE__ */ jsx84(
+        isTwoButton && /* @__PURE__ */ jsx90(
           "button",
           {
             className: ScMobileBottomAction_default.outlineButton + " " + (secondaryDisabled ? ScMobileBottomAction_default.disabled : ""),
             onClick: onSecondaryClick,
             disabled: secondaryDisabled,
-            children: /* @__PURE__ */ jsx84("span", { className: ScMobileBottomAction_default.outlineButtonText, children: secondaryText })
+            children: /* @__PURE__ */ jsx90("span", { className: ScMobileBottomAction_default.outlineButtonText, children: secondaryText })
           }
         ),
-        /* @__PURE__ */ jsx84(
+        /* @__PURE__ */ jsx90(
           "button",
           {
             className: ScMobileBottomAction_default.button + " " + (disabled ? ScMobileBottomAction_default.disabled : ""),
             onClick,
             disabled,
-            children: /* @__PURE__ */ jsx84("span", { className: ScMobileBottomAction_default.buttonText, children: text })
+            children: /* @__PURE__ */ jsx90("span", { className: ScMobileBottomAction_default.buttonText, children: text })
           }
         )
       ]
@@ -7484,7 +7890,7 @@ var ScPopUpMenu_default = {
 };
 
 // src/SC-PopUpMenu/ScPopUpMenu.tsx
-import { jsx as jsx85, jsxs as jsxs74 } from "react/jsx-runtime";
+import { jsx as jsx91, jsxs as jsxs79 } from "react/jsx-runtime";
 var ScPopUpMenu = ({
   menu = "Options",
   state = "default",
@@ -7493,15 +7899,15 @@ var ScPopUpMenu = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs74(
+  return /* @__PURE__ */ jsxs79(
     "div",
     {
       className: ScPopUpMenu_default.scPopUpMenu + " " + ScPopUpMenu_default["state-" + state] + " " + className,
       onClick,
       ...props,
       children: [
-        icon && /* @__PURE__ */ jsx85("span", { className: ScPopUpMenu_default.icon, children: icon }),
-        /* @__PURE__ */ jsx85("p", { className: ScPopUpMenu_default.menuText, children: menu })
+        icon && /* @__PURE__ */ jsx91("span", { className: ScPopUpMenu_default.icon, children: icon }),
+        /* @__PURE__ */ jsx91("p", { className: ScPopUpMenu_default.menuText, children: menu })
       ]
     }
   );
@@ -7527,7 +7933,7 @@ var ScReferralCardMobile_default = {
 };
 
 // src/SC-referralCard-Mobile/ScReferralCardMobile.tsx
-import { jsx as jsx86, jsxs as jsxs75 } from "react/jsx-runtime";
+import { jsx as jsx92, jsxs as jsxs80 } from "react/jsx-runtime";
 var ScReferralCardMobile = ({
   name = "Chris Hemsworth",
   email = "chris@kepler.com",
@@ -7540,27 +7946,27 @@ var ScReferralCardMobile = ({
   ...props
 }) => {
   const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
-  return /* @__PURE__ */ jsxs75(
+  return /* @__PURE__ */ jsxs80(
     "div",
     {
       className: ScReferralCardMobile_default.scReferralCardMobile + " " + className,
       onClick,
       ...props,
       children: [
-        /* @__PURE__ */ jsxs75("div", { className: ScReferralCardMobile_default.userRow, children: [
-          /* @__PURE__ */ jsxs75("div", { className: ScReferralCardMobile_default.profileSection, children: [
-            /* @__PURE__ */ jsx86("div", { className: ScReferralCardMobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx86("img", { src: imageUrl, alt: name, className: ScReferralCardMobile_default.image }) : /* @__PURE__ */ jsx86("div", { className: ScReferralCardMobile_default.initials, children: initials }) }),
-            /* @__PURE__ */ jsxs75("div", { className: ScReferralCardMobile_default.userInfo, children: [
-              /* @__PURE__ */ jsx86("p", { className: ScReferralCardMobile_default.userName, children: name }),
-              /* @__PURE__ */ jsx86("p", { className: ScReferralCardMobile_default.userEmail, children: email })
+        /* @__PURE__ */ jsxs80("div", { className: ScReferralCardMobile_default.userRow, children: [
+          /* @__PURE__ */ jsxs80("div", { className: ScReferralCardMobile_default.profileSection, children: [
+            /* @__PURE__ */ jsx92("div", { className: ScReferralCardMobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx92("img", { src: imageUrl, alt: name, className: ScReferralCardMobile_default.image }) : /* @__PURE__ */ jsx92("div", { className: ScReferralCardMobile_default.initials, children: initials }) }),
+            /* @__PURE__ */ jsxs80("div", { className: ScReferralCardMobile_default.userInfo, children: [
+              /* @__PURE__ */ jsx92("p", { className: ScReferralCardMobile_default.userName, children: name }),
+              /* @__PURE__ */ jsx92("p", { className: ScReferralCardMobile_default.userEmail, children: email })
             ] })
           ] }),
-          /* @__PURE__ */ jsx86("div", { className: ScReferralCardMobile_default.badge, children: /* @__PURE__ */ jsx86("p", { className: ScReferralCardMobile_default.badgeText, children: badge }) })
+          /* @__PURE__ */ jsx92("div", { className: ScReferralCardMobile_default.badge, children: /* @__PURE__ */ jsx92("p", { className: ScReferralCardMobile_default.badgeText, children: badge }) })
         ] }),
-        /* @__PURE__ */ jsx86("div", { className: ScReferralCardMobile_default.divider }),
-        /* @__PURE__ */ jsxs75("div", { className: ScReferralCardMobile_default.detailsRow, children: [
-          /* @__PURE__ */ jsx86("p", { className: ScReferralCardMobile_default.dateText, children: date }),
-          /* @__PURE__ */ jsx86("p", { className: ScReferralCardMobile_default.creditsText, children: credits })
+        /* @__PURE__ */ jsx92("div", { className: ScReferralCardMobile_default.divider }),
+        /* @__PURE__ */ jsxs80("div", { className: ScReferralCardMobile_default.detailsRow, children: [
+          /* @__PURE__ */ jsx92("p", { className: ScReferralCardMobile_default.dateText, children: date }),
+          /* @__PURE__ */ jsx92("p", { className: ScReferralCardMobile_default.creditsText, children: credits })
         ] })
       ]
     }
@@ -7577,19 +7983,19 @@ var InvoiceHistoryMobile_default = {
 };
 
 // src/SC-InvoiceHistoryMobile/InvoiceHistoryMobile.tsx
-import { jsx as jsx87, jsxs as jsxs76 } from "react/jsx-runtime";
+import { jsx as jsx93, jsxs as jsxs81 } from "react/jsx-runtime";
 var InvoiceHistoryMobile = ({
   invoiceId = "# INV-2800-2026",
   date = "Nov 9th, 2025",
   amount = "\u20B9320.89",
   className
 }) => {
-  return /* @__PURE__ */ jsxs76("div", { className: InvoiceHistoryMobile_default.invoiceHistoryMobile + " " + (className ?? ""), children: [
-    /* @__PURE__ */ jsxs76("div", { className: InvoiceHistoryMobile_default.info, children: [
-      /* @__PURE__ */ jsx87("div", { className: InvoiceHistoryMobile_default.invoiceId, children: invoiceId }),
-      /* @__PURE__ */ jsx87("div", { className: InvoiceHistoryMobile_default.date, children: date })
+  return /* @__PURE__ */ jsxs81("div", { className: InvoiceHistoryMobile_default.invoiceHistoryMobile + " " + (className ?? ""), children: [
+    /* @__PURE__ */ jsxs81("div", { className: InvoiceHistoryMobile_default.info, children: [
+      /* @__PURE__ */ jsx93("div", { className: InvoiceHistoryMobile_default.invoiceId, children: invoiceId }),
+      /* @__PURE__ */ jsx93("div", { className: InvoiceHistoryMobile_default.date, children: date })
     ] }),
-    /* @__PURE__ */ jsx87("div", { className: InvoiceHistoryMobile_default.amount, children: amount })
+    /* @__PURE__ */ jsx93("div", { className: InvoiceHistoryMobile_default.amount, children: amount })
   ] });
 };
 
@@ -7607,7 +8013,7 @@ var UsageHistoryMobile_default = {
 };
 
 // src/SC-UsageHistoryMobile/UsageHistoryMobile.tsx
-import { jsx as jsx88, jsxs as jsxs77 } from "react/jsx-runtime";
+import { jsx as jsx94, jsxs as jsxs82 } from "react/jsx-runtime";
 var UsageHistoryMobile = ({
   serviceName = "Artifax Generation",
   credits = "50",
@@ -7616,18 +8022,18 @@ var UsageHistoryMobile = ({
   balance = "84,902",
   className
 }) => {
-  return /* @__PURE__ */ jsxs77("div", { className: UsageHistoryMobile_default.usageHistoryMobile + " " + (className ?? ""), children: [
-    /* @__PURE__ */ jsxs77("div", { className: UsageHistoryMobile_default.row1, children: [
-      /* @__PURE__ */ jsx88("span", { className: UsageHistoryMobile_default.serviceName, children: serviceName }),
-      /* @__PURE__ */ jsx88("span", { className: UsageHistoryMobile_default.credits, children: credits })
+  return /* @__PURE__ */ jsxs82("div", { className: UsageHistoryMobile_default.usageHistoryMobile + " " + (className ?? ""), children: [
+    /* @__PURE__ */ jsxs82("div", { className: UsageHistoryMobile_default.row1, children: [
+      /* @__PURE__ */ jsx94("span", { className: UsageHistoryMobile_default.serviceName, children: serviceName }),
+      /* @__PURE__ */ jsx94("span", { className: UsageHistoryMobile_default.credits, children: credits })
     ] }),
-    /* @__PURE__ */ jsxs77("div", { className: UsageHistoryMobile_default.row2, children: [
-      /* @__PURE__ */ jsxs77("div", { className: UsageHistoryMobile_default.metaLeft, children: [
-        /* @__PURE__ */ jsx88("span", { className: UsageHistoryMobile_default.metaText, children: userName }),
-        /* @__PURE__ */ jsx88("div", { className: UsageHistoryMobile_default.divider }),
-        /* @__PURE__ */ jsx88("span", { className: UsageHistoryMobile_default.metaText, children: date })
+    /* @__PURE__ */ jsxs82("div", { className: UsageHistoryMobile_default.row2, children: [
+      /* @__PURE__ */ jsxs82("div", { className: UsageHistoryMobile_default.metaLeft, children: [
+        /* @__PURE__ */ jsx94("span", { className: UsageHistoryMobile_default.metaText, children: userName }),
+        /* @__PURE__ */ jsx94("div", { className: UsageHistoryMobile_default.divider }),
+        /* @__PURE__ */ jsx94("span", { className: UsageHistoryMobile_default.metaText, children: date })
       ] }),
-      /* @__PURE__ */ jsx88("span", { className: UsageHistoryMobile_default.balance, children: balance })
+      /* @__PURE__ */ jsx94("span", { className: UsageHistoryMobile_default.balance, children: balance })
     ] })
   ] });
 };
@@ -7651,7 +8057,7 @@ var ScWorkspaceSwitchMobileV2_default = {
 };
 
 // src/SC-WorkspaceSwitchMobile-V2/ScWorkspaceSwitchMobileV2.tsx
-import { jsx as jsx89, jsxs as jsxs78 } from "react/jsx-runtime";
+import { jsx as jsx95, jsxs as jsxs83 } from "react/jsx-runtime";
 var ScWorkspaceSwitchMobileV2 = ({
   wsName = "Workspace name is kepler",
   initials = "WS",
@@ -7664,14 +8070,14 @@ var ScWorkspaceSwitchMobileV2 = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx89(
+  return /* @__PURE__ */ jsx95(
     "div",
     {
       className: ScWorkspaceSwitchMobileV2_default.scWorkspaceSwitchMobileV2 + " " + ScWorkspaceSwitchMobileV2_default["type-" + type] + " " + className,
       onClick,
       ...props,
-      children: /* @__PURE__ */ jsxs78("div", { className: ScWorkspaceSwitchMobileV2_default.workspaceInfo, children: [
-        /* @__PURE__ */ jsx89("div", { className: ScWorkspaceSwitchMobileV2_default.dpContainer, children: /* @__PURE__ */ jsx89(
+      children: /* @__PURE__ */ jsxs83("div", { className: ScWorkspaceSwitchMobileV2_default.workspaceInfo, children: [
+        /* @__PURE__ */ jsx95("div", { className: ScWorkspaceSwitchMobileV2_default.dpContainer, children: /* @__PURE__ */ jsx95(
           ScDp,
           {
             type: imageUrl ? "image" : "initial",
@@ -7685,14 +8091,14 @@ var ScWorkspaceSwitchMobileV2 = ({
             }
           }
         ) }),
-        /* @__PURE__ */ jsxs78("div", { className: ScWorkspaceSwitchMobileV2_default.textContainer, children: [
-          /* @__PURE__ */ jsx89("p", { className: ScWorkspaceSwitchMobileV2_default.wsName, children: wsName }),
-          /* @__PURE__ */ jsxs78("div", { className: ScWorkspaceSwitchMobileV2_default.userDetails, children: [
-            /* @__PURE__ */ jsx89("span", { className: ScWorkspaceSwitchMobileV2_default.roleText + (role === "Member" ? " " + ScWorkspaceSwitchMobileV2_default.roleMember : ""), children: role }),
-            /* @__PURE__ */ jsx89("div", { className: ScWorkspaceSwitchMobileV2_default.dot }),
-            /* @__PURE__ */ jsx89("span", { className: ScWorkspaceSwitchMobileV2_default.planText, children: plan }),
-            /* @__PURE__ */ jsx89("div", { className: ScWorkspaceSwitchMobileV2_default.dot }),
-            /* @__PURE__ */ jsx89("span", { className: ScWorkspaceSwitchMobileV2_default.ownerText, children: ownerId })
+        /* @__PURE__ */ jsxs83("div", { className: ScWorkspaceSwitchMobileV2_default.textContainer, children: [
+          /* @__PURE__ */ jsx95("p", { className: ScWorkspaceSwitchMobileV2_default.wsName, children: wsName }),
+          /* @__PURE__ */ jsxs83("div", { className: ScWorkspaceSwitchMobileV2_default.userDetails, children: [
+            /* @__PURE__ */ jsx95("span", { className: ScWorkspaceSwitchMobileV2_default.roleText + (role === "Member" ? " " + ScWorkspaceSwitchMobileV2_default.roleMember : ""), children: role }),
+            /* @__PURE__ */ jsx95("div", { className: ScWorkspaceSwitchMobileV2_default.dot }),
+            /* @__PURE__ */ jsx95("span", { className: ScWorkspaceSwitchMobileV2_default.planText, children: plan }),
+            /* @__PURE__ */ jsx95("div", { className: ScWorkspaceSwitchMobileV2_default.dot }),
+            /* @__PURE__ */ jsx95("span", { className: ScWorkspaceSwitchMobileV2_default.ownerText, children: ownerId })
           ] })
         ] })
       ] })
@@ -7719,7 +8125,7 @@ var ScImageField_default = {
 
 // src/SC-imageField/ScImageField.tsx
 import { SiconUpload as SiconUpload2, SiconDelete as SiconDelete2 } from "@streamoid/icons";
-import { jsx as jsx90, jsxs as jsxs79 } from "react/jsx-runtime";
+import { jsx as jsx96, jsxs as jsxs84 } from "react/jsx-runtime";
 var ScImageField = ({
   label = "Label",
   imagePreview,
@@ -7742,8 +8148,8 @@ var ScImageField = ({
     }
     e.target.value = "";
   }
-  return /* @__PURE__ */ jsxs79("div", { className: ScImageField_default.scImageField + " " + (className ?? ""), children: [
-    /* @__PURE__ */ jsx90(
+  return /* @__PURE__ */ jsxs84("div", { className: ScImageField_default.scImageField + " " + (className ?? ""), children: [
+    /* @__PURE__ */ jsx96(
       "input",
       {
         ref: inputRef,
@@ -7753,9 +8159,9 @@ var ScImageField = ({
         onChange: handleChange
       }
     ),
-    /* @__PURE__ */ jsx90("div", { className: ScImageField_default.labelContainer, children: /* @__PURE__ */ jsx90("div", { className: ScImageField_default.label, children: label }) }),
-    hasImage ? /* @__PURE__ */ jsxs79("div", { className: ScImageField_default.previewArea, children: [
-      /* @__PURE__ */ jsx90(
+    /* @__PURE__ */ jsx96("div", { className: ScImageField_default.labelContainer, children: /* @__PURE__ */ jsx96("div", { className: ScImageField_default.label, children: label }) }),
+    hasImage ? /* @__PURE__ */ jsxs84("div", { className: ScImageField_default.previewArea, children: [
+      /* @__PURE__ */ jsx96(
         "img",
         {
           className: ScImageField_default.previewImage,
@@ -7763,8 +8169,8 @@ var ScImageField = ({
           alt: "preview"
         }
       ),
-      /* @__PURE__ */ jsx90("span", { className: ScImageField_default.fileName, children: imageName || "image" }),
-      /* @__PURE__ */ jsx90(
+      /* @__PURE__ */ jsx96("span", { className: ScImageField_default.fileName, children: imageName || "image" }),
+      /* @__PURE__ */ jsx96(
         SiconDelete2,
         {
           className: ScImageField_default.removeIcon,
@@ -7775,9 +8181,9 @@ var ScImageField = ({
           }
         }
       )
-    ] }) : /* @__PURE__ */ jsxs79("div", { className: ScImageField_default.uploadArea, onClick: handleClick, children: [
-      /* @__PURE__ */ jsx90(SiconUpload2, { className: ScImageField_default.uploadIcon, color: "var(--alias-text-and-icons-secondary, #dadada)" }),
-      /* @__PURE__ */ jsx90("span", { className: ScImageField_default.uploadText, children: "Click to upload" })
+    ] }) : /* @__PURE__ */ jsxs84("div", { className: ScImageField_default.uploadArea, onClick: handleClick, children: [
+      /* @__PURE__ */ jsx96(SiconUpload2, { className: ScImageField_default.uploadIcon, color: "var(--alias-text-and-icons-secondary, #dadada)" }),
+      /* @__PURE__ */ jsx96("span", { className: ScImageField_default.uploadText, children: "Click to upload" })
     ] })
   ] });
 };
@@ -7791,7 +8197,7 @@ var ScSettingsTabComp_default = {
 };
 
 // src/SC-settingsTabComp/ScSettingsTabComp.tsx
-import { jsx as jsx91 } from "react/jsx-runtime";
+import { jsx as jsx97 } from "react/jsx-runtime";
 var ScSettingsTabComp = ({
   tabName = "Tab",
   active = false,
@@ -7799,12 +8205,12 @@ var ScSettingsTabComp = ({
   className
 }) => {
   const variantsClassName = ScSettingsTabComp_default["active-" + active];
-  return /* @__PURE__ */ jsx91(
+  return /* @__PURE__ */ jsx97(
     "div",
     {
       className: ScSettingsTabComp_default.scSettingsTabComp + " " + variantsClassName + " " + (className ?? ""),
       onClick,
-      children: /* @__PURE__ */ jsx91("span", { className: ScSettingsTabComp_default.tabText, children: tabName })
+      children: /* @__PURE__ */ jsx97("span", { className: ScSettingsTabComp_default.tabText, children: tabName })
     }
   );
 };
@@ -7824,7 +8230,7 @@ var ScCreditsUsageCardMobile_default = {
 
 // src/SC-Credits usage card-Mobile/ScCreditsUsageCardMobile.tsx
 import { SiconCredits as SiconCredits2 } from "@streamoid/icons";
-import { jsx as jsx92, jsxs as jsxs80 } from "react/jsx-runtime";
+import { jsx as jsx98, jsxs as jsxs85 } from "react/jsx-runtime";
 var ScCreditsUsageCardMobile = ({
   usageLabel = "Credits usage",
   usageText = "8,450 / 30,000",
@@ -7834,23 +8240,23 @@ var ScCreditsUsageCardMobile = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs80("div", { className: ScCreditsUsageCardMobile_default.scCreditsUsageCardMobile + " " + (className ?? ""), ...props, children: [
-    /* @__PURE__ */ jsxs80("div", { className: ScCreditsUsageCardMobile_default.header, children: [
-      /* @__PURE__ */ jsx92(
+  return /* @__PURE__ */ jsxs85("div", { className: ScCreditsUsageCardMobile_default.scCreditsUsageCardMobile + " " + (className ?? ""), ...props, children: [
+    /* @__PURE__ */ jsxs85("div", { className: ScCreditsUsageCardMobile_default.header, children: [
+      /* @__PURE__ */ jsx98(
         SiconCredits2,
         {
           className: ScCreditsUsageCardMobile_default.headerIcon,
           color: "var(--alias-text-and-icons-tertiary, #9e9e9e)"
         }
       ),
-      /* @__PURE__ */ jsx92("span", { className: ScCreditsUsageCardMobile_default.headerLabel, children: usageLabel })
+      /* @__PURE__ */ jsx98("span", { className: ScCreditsUsageCardMobile_default.headerLabel, children: usageLabel })
     ] }),
-    /* @__PURE__ */ jsx92("div", { className: ScCreditsUsageCardMobile_default.divider }),
-    /* @__PURE__ */ jsxs80("div", { className: ScCreditsUsageCardMobile_default.usageInfo, children: [
-      /* @__PURE__ */ jsx92("div", { className: ScCreditsUsageCardMobile_default.usageText, children: usageText }),
-      /* @__PURE__ */ jsx92("div", { className: ScCreditsUsageCardMobile_default.remainingText, children: remainingText })
+    /* @__PURE__ */ jsx98("div", { className: ScCreditsUsageCardMobile_default.divider }),
+    /* @__PURE__ */ jsxs85("div", { className: ScCreditsUsageCardMobile_default.usageInfo, children: [
+      /* @__PURE__ */ jsx98("div", { className: ScCreditsUsageCardMobile_default.usageText, children: usageText }),
+      /* @__PURE__ */ jsx98("div", { className: ScCreditsUsageCardMobile_default.remainingText, children: remainingText })
     ] }),
-    /* @__PURE__ */ jsx92(
+    /* @__PURE__ */ jsx98(
       ScButton,
       {
         text: buyButtonText,
@@ -7892,7 +8298,7 @@ var ScPlanDetailsCardMobile_default = {
 
 // src/SC-Plan details card-Mobile/ScPlanDetailsCardMobile.tsx
 import { SiconBilling as SiconBilling4 } from "@streamoid/icons";
-import { Fragment as Fragment23, jsx as jsx93, jsxs as jsxs81 } from "react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx99, jsxs as jsxs86 } from "react/jsx-runtime";
 var ScPlanDetailsCardMobile = ({
   planName = "Pro",
   planCredits = "30,000 credits",
@@ -7906,20 +8312,20 @@ var ScPlanDetailsCardMobile = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs81("div", { className: ScPlanDetailsCardMobile_default.scPlanDetailsCardMobile + " " + (className ?? ""), ...props, children: [
-    /* @__PURE__ */ jsxs81("div", { className: ScPlanDetailsCardMobile_default.planHeader, children: [
-      /* @__PURE__ */ jsxs81("div", { className: ScPlanDetailsCardMobile_default.headerLeft, children: [
-        /* @__PURE__ */ jsx93(
+  return /* @__PURE__ */ jsxs86("div", { className: ScPlanDetailsCardMobile_default.scPlanDetailsCardMobile + " " + (className ?? ""), ...props, children: [
+    /* @__PURE__ */ jsxs86("div", { className: ScPlanDetailsCardMobile_default.planHeader, children: [
+      /* @__PURE__ */ jsxs86("div", { className: ScPlanDetailsCardMobile_default.headerLeft, children: [
+        /* @__PURE__ */ jsx99(
           SiconBilling4,
           {
             className: ScPlanDetailsCardMobile_default.headerIcon,
             color: "var(--alias-text-and-icons-tertiary, #9e9e9e)"
           }
         ),
-        /* @__PURE__ */ jsx93("span", { className: ScPlanDetailsCardMobile_default.headerLabel, children: currentPlanLabel })
+        /* @__PURE__ */ jsx99("span", { className: ScPlanDetailsCardMobile_default.headerLabel, children: currentPlanLabel })
       ] }),
-      /* @__PURE__ */ jsx93("div", { className: ScPlanDetailsCardMobile_default.badgeGroup, children: isLoading ? /* @__PURE__ */ jsx93("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.badgeSkeleton}` }) : /* @__PURE__ */ jsxs81(Fragment23, { children: [
-        /* @__PURE__ */ jsx93(
+      /* @__PURE__ */ jsx99("div", { className: ScPlanDetailsCardMobile_default.badgeGroup, children: isLoading ? /* @__PURE__ */ jsx99("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.badgeSkeleton}` }) : /* @__PURE__ */ jsxs86(Fragment23, { children: [
+        /* @__PURE__ */ jsx99(
           ScBadges,
           {
             text: badgeText,
@@ -7928,28 +8334,28 @@ var ScPlanDetailsCardMobile = ({
             className: ScPlanDetailsCardMobile_default.scBadgesInstance
           }
         ),
-        badgeSubText && /* @__PURE__ */ jsxs81(Fragment23, { children: [
-          /* @__PURE__ */ jsx93("span", { className: ScPlanDetailsCardMobile_default.badgeDot }),
-          /* @__PURE__ */ jsx93("span", { className: ScPlanDetailsCardMobile_default.badgeSubText, children: badgeSubText })
+        badgeSubText && /* @__PURE__ */ jsxs86(Fragment23, { children: [
+          /* @__PURE__ */ jsx99("span", { className: ScPlanDetailsCardMobile_default.badgeDot }),
+          /* @__PURE__ */ jsx99("span", { className: ScPlanDetailsCardMobile_default.badgeSubText, children: badgeSubText })
         ] })
       ] }) })
     ] }),
-    /* @__PURE__ */ jsx93("div", { className: ScPlanDetailsCardMobile_default.divider }),
-    /* @__PURE__ */ jsx93("div", { className: ScPlanDetailsCardMobile_default.planInfo, children: isLoading ? /* @__PURE__ */ jsxs81(Fragment23, { children: [
-      /* @__PURE__ */ jsxs81("div", { className: ScPlanDetailsCardMobile_default.planNameRow, "aria-label": "Loading plan details", children: [
-        /* @__PURE__ */ jsx93("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.planNameSkeleton}` }),
-        /* @__PURE__ */ jsx93("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.creditsSkeleton}` })
+    /* @__PURE__ */ jsx99("div", { className: ScPlanDetailsCardMobile_default.divider }),
+    /* @__PURE__ */ jsx99("div", { className: ScPlanDetailsCardMobile_default.planInfo, children: isLoading ? /* @__PURE__ */ jsxs86(Fragment23, { children: [
+      /* @__PURE__ */ jsxs86("div", { className: ScPlanDetailsCardMobile_default.planNameRow, "aria-label": "Loading plan details", children: [
+        /* @__PURE__ */ jsx99("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.planNameSkeleton}` }),
+        /* @__PURE__ */ jsx99("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.creditsSkeleton}` })
       ] }),
-      /* @__PURE__ */ jsx93("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.priceSkeleton}` })
-    ] }) : /* @__PURE__ */ jsxs81(Fragment23, { children: [
-      /* @__PURE__ */ jsxs81("div", { className: ScPlanDetailsCardMobile_default.planNameRow, children: [
-        /* @__PURE__ */ jsx93("span", { className: ScPlanDetailsCardMobile_default.planName, children: planName }),
-        /* @__PURE__ */ jsx93("div", { className: ScPlanDetailsCardMobile_default.dot }),
-        /* @__PURE__ */ jsx93("span", { className: ScPlanDetailsCardMobile_default.planName, children: planCredits })
+      /* @__PURE__ */ jsx99("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.priceSkeleton}` })
+    ] }) : /* @__PURE__ */ jsxs86(Fragment23, { children: [
+      /* @__PURE__ */ jsxs86("div", { className: ScPlanDetailsCardMobile_default.planNameRow, children: [
+        /* @__PURE__ */ jsx99("span", { className: ScPlanDetailsCardMobile_default.planName, children: planName }),
+        /* @__PURE__ */ jsx99("div", { className: ScPlanDetailsCardMobile_default.dot }),
+        /* @__PURE__ */ jsx99("span", { className: ScPlanDetailsCardMobile_default.planName, children: planCredits })
       ] }),
-      /* @__PURE__ */ jsx93("div", { className: ScPlanDetailsCardMobile_default.planPrice, children: planPrice })
+      /* @__PURE__ */ jsx99("div", { className: ScPlanDetailsCardMobile_default.planPrice, children: planPrice })
     ] }) }),
-    isLoading ? /* @__PURE__ */ jsx93("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.buttonSkeleton}` }) : /* @__PURE__ */ jsx93(
+    isLoading ? /* @__PURE__ */ jsx99("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.buttonSkeleton}` }) : /* @__PURE__ */ jsx99(
       ScButton,
       {
         text: upgradeButtonText,
@@ -8002,6 +8408,8 @@ export {
   ScHDivider,
   ScHeader,
   ScImageField,
+  ScInChatList,
+  ScInChatMessage,
   ScIntialProfileCover,
   ScLogoUnit,
   ScMenuOptions,
@@ -8030,6 +8438,8 @@ export {
   ScReferralTableList,
   ScRole,
   ScRoleMobile,
+  ScSelection,
+  ScSelectionList,
   ScSettingsNav,
   ScSettingsTabComp,
   ScSideBarLogoUnit,
@@ -8042,6 +8452,7 @@ export {
   ScStrLogo,
   ScStreamoidMascot,
   ScStreamoidWordmark,
+  ScSubAgent,
   ScTabComp,
   ScTabField,
   ScTabSwitcher,
@@ -8049,6 +8460,7 @@ export {
   ScTableList,
   ScTableListMobile,
   ScTextField,
+  ScThinkingStepIcon,
   ScToggleSwitch,
   ScVDivider,
   ScVersion,
@@ -8060,5 +8472,6 @@ export {
   StreamoidSidebar,
   StreamoidWorkspaceSwitcher,
   UsageHistoryMobile,
+  formatSubAgentLabel,
   hasCollapsedMark
 };