@streamoid/ui 0.3.0 → 0.3.2

package/dist/index.js

@@ -24,6 +24,7 @@ __export(index_exports, {
   NscWorkspaceSwitch: () => NscWorkspaceSwitch,
   ScAccess: () => ScAccess,
   ScAppCard: () => ScAppCard,
+  ScAppCardV3: () => ScAppCardV3,
   ScAppField: () => ScAppField,
   ScAppListingCard: () => ScAppListingCard,
   ScArtifaxInvite: () => ScArtifaxInvite,
@@ -1650,25 +1651,17 @@ var ScVDivider_default = {
 // src/SC-VDivider/ScVDivider.tsx
 var import_jsx_runtime26 = require("react/jsx-runtime");
 var ScVDivider = ({
+  color,
   className,
+  style,
   ...props
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-    "svg",
+    "div",
     {
-      className: ScVDivider_default.scVDivider + " " + className,
-      width: "1",
-      height: "28",
-      viewBox: "0 0 1 28",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-        "path",
-        {
-          d: "M0.5 0.25C0.5 0.111929 0.388071 0 0.25 0C0.111929 0 0 0.111929 0 0.25H0.25H0.5ZM0.25 0.25H0V27.75H0.25H0.5V0.25H0.25Z",
-          fill: "var(--alias-border-divider, #242424)"
-        }
-      )
+      className: ScVDivider_default.scVDivider + (className ? " " + className : ""),
+      style: color ? { borderLeftColor: color, ...style } : style,
+      ...props
     }
   );
 };
@@ -2243,7 +2236,9 @@ var import_icons28 = require("@streamoid/icons");
 var ScSidebarMenu_default = {
   scSidebarMenu: "ScSidebarMenu_scSidebarMenu",
   content: "ScSidebarMenu_content",
+  moreIconWrapper: "ScSidebarMenu_moreIconWrapper",
   "state-active": "ScSidebarMenu_state-active",
+  "state-default-highlight": "ScSidebarMenu_state-default-highlight",
   "state-hover": "ScSidebarMenu_state-hover",
   "variant-collapsed": "ScSidebarMenu_variant-collapsed"
 };
@@ -2257,6 +2252,8 @@ var ScSidebarMenu = ({
   variant = "expanded",
   className,
   text = "Menu Item",
+  moreIcon,
+  onMoreClick,
   ...props
 }) => {
   const variantsClassName = ScSidebarMenu_default["state-" + state] + " " + ScSidebarMenu_default["variant-" + variant];
@@ -2267,10 +2264,20 @@ var ScSidebarMenu = ({
       ...props,
       children: [
         icon,
-        variant === "expanded" && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_jsx_runtime35.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: ScSidebarMenu_default.content, children: [
-          text,
-          " "
-        ] }) })
+        variant === "expanded" && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: ScSidebarMenu_default.content, children: text }),
+          moreIcon && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+            "div",
+            {
+              className: ScSidebarMenu_default.moreIconWrapper,
+              onClick: (e) => {
+                e.stopPropagation();
+                onMoreClick?.(e);
+              },
+              children: moreIcon
+            }
+          )
+        ] })
       ]
     }
   );
@@ -2726,18 +2733,25 @@ function renderMenuItem({
   sectionId,
   expanded,
   activeItemId,
+  highlightedItemIds,
   iconMap,
-  onItemSelect
+  onItemSelect,
+  moreIcon,
+  onMoreClick
 }) {
   const active = item.id === activeItemId;
+  const highlighted = highlightedItemIds?.has(item.id) ?? false;
+  const state = active ? "active" : highlighted ? "default-highlight" : "default";
   return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     ScSidebarMenu,
     {
-      icon: resolveIcon(iconMap, item, active, expanded),
+      icon: resolveIcon(iconMap, item, active || highlighted, expanded),
       text: expanded ? item.label : void 0,
-      state: active ? "active" : "default",
+      state,
       variant: expanded ? "expanded" : "collapsed",
-      onClick: () => onItemSelect?.(item, sectionId)
+      onClick: () => onItemSelect?.(item, sectionId),
+      moreIcon,
+      onMoreClick: onMoreClick ? () => onMoreClick(item, sectionId) : void 0
     },
     item.id
   );
@@ -2748,16 +2762,24 @@ function StreamoidSidebar({
   config,
   iconMap,
   activeItemId,
+  highlightedItemIds,
   onItemSelect,
+  moreIcon,
+  onMoreClick,
   expandedLogo,
   collapsedLogo,
   profile,
   versionText = "v1.0.0",
   toggleIcon,
   hideFooter = false,
+  preFooterContent,
+  bodyContent,
+  showBody = false,
+  isMobile = false,
   className,
   style
 }) {
+  const effectiveHideFooter = hideFooter || isMobile;
   if (expanded) {
     return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       "div",
@@ -2772,7 +2794,7 @@ function StreamoidSidebar({
               backgroundColor: "var(--alias-surface-base)",
               borderRadius: "var(--radius-3xl)",
               padding: "var(--spacing-md)",
-              paddingBottom: hideFooter ? "var(--spacing-md)" : void 0,
+              paddingBottom: effectiveHideFooter ? "var(--spacing-md)" : void 0,
               width: 256,
               gap: "var(--spacing-xxs)"
             },
@@ -2794,23 +2816,44 @@ function StreamoidSidebar({
                   className: "flex flex-col flex-1 items-start min-h-0 w-full overflow-y-auto sidebar-scroll",
                   style: { gap: "var(--spacing-xxs)" },
                   children: [
-                    expandedLogo,
-                    config.topItem && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-                      "div",
-                      {
-                        className: "flex flex-col items-start shrink-0 w-full",
-                        style: { padding: "var(--spacing-md) 0" },
-                        children: renderMenuItem({
-                          item: config.topItem,
-                          sectionId: "top",
-                          expanded: true,
-                          activeItemId,
-                          iconMap,
-                          onItemSelect
-                        })
-                      }
-                    ),
-                    config.sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center justify-between w-full shrink-0", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "min-w-0 flex-1", children: expandedLogo }),
+                      isMobile ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                        "div",
+                        {
+                          className: "flex items-center cursor-pointer shrink-0",
+                          style: {
+                            padding: "var(--spacing-md)",
+                            borderRadius: "var(--radius-3xl)"
+                          },
+                          onClick: onToggle,
+                          children: resolveToggleIcon(toggleIcon, true)
+                        }
+                      ) : null
+                    ] }),
+                    config.topItem && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(HDivider, {}),
+                      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                        "div",
+                        {
+                          className: "flex flex-col items-start shrink-0 w-full",
+                          style: { padding: "var(--spacing-md) 0" },
+                          children: renderMenuItem({
+                            item: config.topItem,
+                            sectionId: "top",
+                            expanded: true,
+                            activeItemId,
+                            highlightedItemIds,
+                            iconMap,
+                            onItemSelect,
+                            moreIcon,
+                            onMoreClick
+                          })
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(HDivider, {})
+                    ] }),
+                    showBody && bodyContent ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex flex-col flex-1 min-h-0 w-full overflow-hidden", children: bodyContent }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_jsx_runtime40.Fragment, { children: config.sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
                       "div",
                       {
                         className: "flex flex-col items-start shrink-0 w-full",
@@ -2833,10 +2876,11 @@ function StreamoidSidebar({
                         ]
                       },
                       section.id
-                    ))
+                    )) })
                   ]
                 }
               ),
+              preFooterContent,
               config.bottomItems?.length ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                 "div",
                 {
@@ -2861,8 +2905,7 @@ function StreamoidSidebar({
                   {
                     className: "flex items-center shrink-0 w-full cursor-pointer",
                     style: {
-                      padding: "var(--spacing-md)",
-                      marginTop: "var(--spacing-md)",
+                      padding: "var(--spacing-md) var(--spacing-xl)",
                       gap: "var(--spacing-md)",
                       borderRadius: "var(--radius-xl)"
                     },
@@ -2896,18 +2939,15 @@ function StreamoidSidebar({
                     ]
                   }
                 ),
-                !hideFooter && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { style: { marginTop: "var(--spacing-md)" } }),
-                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(HDivider, {})
-                ] })
+                !effectiveHideFooter && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_jsx_runtime40.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(HDivider, {}) })
               ] }) : null,
-              !hideFooter && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "shrink-0 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex flex-row items-center size-full", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+              !effectiveHideFooter && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "shrink-0 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex flex-row items-center size-full", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
                 "div",
                 {
                   className: "flex items-center w-full",
                   style: {
                     gap: "var(--spacing-xs)",
-                    padding: "var(--spacing-xs) var(--spacing-xs) var(--spacing-xs) var(--spacing-3xl)"
+                    padding: "var(--spacing-xs) var(--spacing-xs) var(--spacing-xs) var(--spacing-xl)"
                   },
                   children: [
                     /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
@@ -2982,14 +3022,17 @@ function StreamoidSidebar({
                           sectionId: "top",
                           expanded: false,
                           activeItemId,
+                          highlightedItemIds,
                           iconMap,
-                          onItemSelect
+                          onItemSelect,
+                          moreIcon,
+                          onMoreClick
                         })
                       }
                     ),
                     /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(HDivider, {})
                   ] }) : null,
-                  config.sections.map((section, sectionIndex) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-col items-center w-full", children: [
+                  showBody && bodyContent ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex flex-col items-center w-full", children: bodyContent }) : config.sections.map((section, sectionIndex) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-col items-center w-full", children: [
                     /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                       "div",
                       {
@@ -3004,8 +3047,11 @@ function StreamoidSidebar({
                             sectionId: section.id,
                             expanded: false,
                             activeItemId,
+                            highlightedItemIds,
                             iconMap,
-                            onItemSelect
+                            onItemSelect,
+                            moreIcon,
+                            onMoreClick
                           })
                         )
                       }
@@ -3015,6 +3061,7 @@ function StreamoidSidebar({
                 ]
               }
             ),
+            preFooterContent,
             config.bottomItems?.length ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
               "div",
               {
@@ -3026,8 +3073,11 @@ function StreamoidSidebar({
                     sectionId: "bottom",
                     expanded: false,
                     activeItemId,
+                    highlightedItemIds,
                     iconMap,
-                    onItemSelect
+                    onItemSelect,
+                    moreIcon,
+                    onMoreClick
                   })
                 )
               }
@@ -3510,6 +3560,64 @@ var ScAppCard = ({
   ] });
 };
 
+// src/SC-AppCardV3/ScAppCardV3.module.css
+var ScAppCardV3_default = {
+  scAppCardV3: "ScAppCardV3_scAppCardV3",
+  cardBorder: "ScAppCardV3_cardBorder",
+  scAppCardV3Active: "ScAppCardV3_scAppCardV3Active",
+  glow: "ScAppCardV3_glow",
+  glowHover: "ScAppCardV3_glowHover",
+  header: "ScAppCardV3_header",
+  iconRow: "ScAppCardV3_iconRow",
+  appName: "ScAppCardV3_appName",
+  iconPill: "ScAppCardV3_iconPill",
+  iconPillBg: "ScAppCardV3_iconPillBg",
+  iconPillShadow: "ScAppCardV3_iconPillShadow",
+  iconPillIcon: "ScAppCardV3_iconPillIcon",
+  description: "ScAppCardV3_description"
+};
+
+// src/SC-AppCardV3/ScAppCardV3.tsx
+var import_icons37 = require("@streamoid/icons");
+var import_jsx_runtime45 = require("react/jsx-runtime");
+var ScAppCardV3 = ({
+  appIcon = /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_icons37.SiconCart, { className: ScAppCardV3_default.iconPillIcon }),
+  appName = "Stores",
+  description = "Centralized product and asset management for every storefront",
+  active = false,
+  className,
+  style,
+  ...props
+}) => {
+  const cardClass = [
+    ScAppCardV3_default.scAppCardV3,
+    active ? ScAppCardV3_default.scAppCardV3Active : ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    "div",
+    {
+      className: [ScAppCardV3_default.cardBorder, className || ""].filter(Boolean).join(" "),
+      style,
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: cardClass, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: ScAppCardV3_default.glow }),
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: ScAppCardV3_default.glowHover }),
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: ScAppCardV3_default.header, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: ScAppCardV3_default.iconRow, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: ScAppCardV3_default.appName, children: appName }),
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: ScAppCardV3_default.iconPill, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: ScAppCardV3_default.iconPillBg }),
+              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: ScAppCardV3_default.iconPillIcon, children: appIcon }),
+              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: ScAppCardV3_default.iconPillShadow })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: ScAppCardV3_default.description, children: description })
+        ] })
+      ] })
+    }
+  );
+};
+
 // src/SC-appField/ScAppField.module.css
 var ScAppField_default = {
   scAppField: "ScAppField_scAppField",
@@ -3530,7 +3638,7 @@ var ScArtifaxInvite_default = {
 };
 
 // src/SC-artifaxInvite/ScArtifaxInvite.tsx
-var import_icons37 = require("@streamoid/icons");
+var import_icons38 = require("@streamoid/icons");
 
 // src/SC-toggleSwitch/ScToggleSwitch.module.css
 var ScToggleSwitch_default = {
@@ -3541,7 +3649,7 @@ var ScToggleSwitch_default = {
 };
 
 // src/SC-toggleSwitch/ScToggleSwitch.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var ScToggleSwitch = ({
   active = "false",
   checked,
@@ -3551,7 +3659,7 @@ var ScToggleSwitch = ({
 }) => {
   const isActive = checked !== void 0 ? checked : active === "true";
   const variantsClassName = ScToggleSwitch_default["active-" + (isActive ? "true" : "false")];
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "div",
     {
       className: ScToggleSwitch_default.scToggleSwitch + " " + className + " " + variantsClassName,
@@ -3561,20 +3669,20 @@ var ScToggleSwitch = ({
         props.onClick?.(e);
       },
       style: { cursor: "pointer", ...props.style },
-      children: isActive ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("svg", { width: "40", height: "24", viewBox: "0 0 40 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("rect", { width: "40", height: "24", rx: "12", fill: "var(--alias-fill-base-base, #f5f5f5)" }),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("circle", { cx: "28", cy: "12", r: "10", fill: "var(--alias-text---icons-inverse, #101010)" })
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("svg", { width: "41", height: "25", viewBox: "0 0 41 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("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__ */ (0, import_jsx_runtime45.jsx)("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__ */ (0, import_jsx_runtime45.jsx)("path", { d: "M2.25 12.25C2.25 6.72715 6.72715 2.25 12.25 2.25C17.7728 2.25 22.25 6.72715 22.25 12.25C22.25 17.7728 17.7728 22.25 12.25 22.25C6.72715 22.25 2.25 17.7728 2.25 12.25Z", fill: "var(--alias-fill-neutral-neutralactive, #313131)" })
+      children: isActive ? /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("svg", { width: "40", height: "24", viewBox: "0 0 40 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("rect", { width: "40", height: "24", rx: "12", fill: "var(--alias-fill-base-base, #f5f5f5)" }),
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("circle", { cx: "28", cy: "12", r: "10", fill: "var(--alias-text---icons-inverse, #101010)" })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("svg", { width: "41", height: "25", viewBox: "0 0 41 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("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__ */ (0, import_jsx_runtime46.jsx)("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__ */ (0, import_jsx_runtime46.jsx)("path", { d: "M2.25 12.25C2.25 6.72715 6.72715 2.25 12.25 2.25C17.7728 2.25 22.25 6.72715 22.25 12.25C22.25 17.7728 17.7728 22.25 12.25 22.25C6.72715 22.25 2.25 17.7728 2.25 12.25Z", fill: "var(--alias-fill-neutral-neutralactive, #313131)" })
       ] })
     }
   );
 };
 
 // src/SC-artifaxInvite/ScArtifaxInvite.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var ScArtifaxInvite = ({
   active = "true",
   appName = "Artifax",
@@ -3587,22 +3695,22 @@ var ScArtifaxInvite = ({
 }) => {
   const isEnabled = enabled !== void 0 ? enabled : active === "true";
   const variantsClassName = ScArtifaxInvite_default["active-" + (isEnabled ? "true" : "false")];
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
     "div",
     {
       className: ScArtifaxInvite_default.scArtifaxInvite + " " + className + " " + variantsClassName,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
           ScAppCard,
           {
-            appIcon: appIcon || /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_icons37.SiconArtifacts, { className: ScArtifaxInvite_default.siconArtifactsInstance }),
+            appIcon: appIcon || /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_icons38.SiconArtifacts, { className: ScArtifaxInvite_default.siconArtifactsInstance }),
             appName,
             appDescription,
             className: ScArtifaxInvite_default.scAppCardInstance
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
           ScToggleSwitch,
           {
             checked: isEnabled,
@@ -3616,7 +3724,7 @@ var ScArtifaxInvite = ({
 };
 
 // src/SC-appField/ScAppField.tsx
-var import_icons43 = require("@streamoid/icons");
+var import_icons44 = require("@streamoid/icons");
 
 // src/SC-phtogenixInvite/ScPhtogenixInvite.module.css
 var ScPhtogenixInvite_default = {
@@ -3627,13 +3735,13 @@ var ScPhtogenixInvite_default = {
 };
 
 // src/SC-phtogenixInvite/ScPhtogenixInvite.tsx
-var import_icons38 = require("@streamoid/icons");
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_icons39 = require("@streamoid/icons");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var ScPhtogenixInvite = ({
   active = "true",
   scAppCardappDescription = "Info about photogenix",
   scAppCardappName = "Photogenix",
-  scAppCardappIcon = /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_icons38.SiconArtifacts, { className: ScPhtogenixInvite_default.siconArtifactsInstance }),
+  scAppCardappIcon = /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_icons39.SiconArtifacts, { className: ScPhtogenixInvite_default.siconArtifactsInstance }),
   className,
   enabled,
   onToggle,
@@ -3641,12 +3749,12 @@ var ScPhtogenixInvite = ({
 }) => {
   const isEnabled = enabled !== void 0 ? enabled : active === "true";
   const variantsClassName = ScPhtogenixInvite_default["active-" + (isEnabled ? "true" : "false")];
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
     "div",
     {
       className: ScPhtogenixInvite_default.scPhtogenixInvite + " " + className + " " + variantsClassName,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
           ScAppCard,
           {
             appIcon: scAppCardappIcon,
@@ -3655,7 +3763,7 @@ var ScPhtogenixInvite = ({
             className: ScPhtogenixInvite_default.scAppCardInstance
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
           ScToggleSwitch,
           {
             checked: isEnabled,
@@ -3685,14 +3793,17 @@ var ScCatalogixInvite_default = {
 };
 
 // src/SC-catalogixInvite/ScCatalogixInvite.tsx
-var import_icons40 = require("@streamoid/icons");
 var import_icons41 = require("@streamoid/icons");
+var import_icons42 = require("@streamoid/icons");
 
 // src/SC-onlyField/ScOnlyField.module.css
 var ScOnlyField_default = {
   scOnlyField: "ScOnlyField_scOnlyField",
   inputContainer: "ScOnlyField_inputContainer",
   inputText: "ScOnlyField_inputText",
+  iconWrapper: "ScOnlyField_iconWrapper",
+  "size-medium": "ScOnlyField_size-medium",
+  "size-small": "ScOnlyField_size-small",
   "tf-group-icon-left": "ScOnlyField_tf-group-icon-left",
   "tf-group-icon-left-right": "ScOnlyField_tf-group-icon-left-right",
   "state-hover": "ScOnlyField_state-hover",
@@ -3701,14 +3812,15 @@ var ScOnlyField_default = {
 };
 
 // src/SC-onlyField/ScOnlyField.tsx
-var import_icons39 = require("@streamoid/icons");
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_icons40 = require("@streamoid/icons");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var ScOnlyField = ({
-  tfRightIcon = /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_icons39.SiconBolt, { className: ScOnlyField_default.siconBoltInstance }),
-  tfLeftIcon = /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_icons39.SiconBolt, { className: ScOnlyField_default.siconBoltInstance }),
+  tfRightIcon = /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_icons40.SiconBolt, { className: ScOnlyField_default.siconBoltInstance }),
+  tfLeftIcon = /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_icons40.SiconBolt, { className: ScOnlyField_default.siconBoltInstance }),
   state = "default",
   tfGroup = "icon-right",
   labelGroup = "none",
+  size = "default",
   className,
   placeholderFilled = "Placeholder",
   value,
@@ -3716,15 +3828,15 @@ var ScOnlyField = ({
   inputProps,
   ...props
 }) => {
-  const variantsClassName = ScOnlyField_default["state-" + state] + " " + ScOnlyField_default["tf-group-" + tfGroup] + " " + ScOnlyField_default["label-group-" + labelGroup];
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  const variantsClassName = ScOnlyField_default["state-" + state] + " " + ScOnlyField_default["tf-group-" + tfGroup] + " " + ScOnlyField_default["label-group-" + labelGroup] + (size !== "default" ? " " + ScOnlyField_default["size-" + size] : "");
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
     "div",
     {
       className: ScOnlyField_default.scOnlyField + " " + className + " " + variantsClassName,
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: ScOnlyField_default.inputContainer, children: [
-        (tfGroup === "icon-left" || tfGroup === "icon-left-right") && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_jsx_runtime48.Fragment, { children: tfLeftIcon }),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: ScOnlyField_default.inputContainer, children: [
+        (tfGroup === "icon-left" || tfGroup === "icon-left-right") && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: ScOnlyField_default.iconWrapper, children: tfLeftIcon }),
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
           "input",
           {
             className: ScOnlyField_default.inputText,
@@ -3744,15 +3856,15 @@ var ScOnlyField = ({
             ...inputProps
           }
         ),
-        (tfGroup === "icon-right" || tfGroup === "icon-left-right") && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_jsx_runtime48.Fragment, { children: tfRightIcon })
+        (tfGroup === "icon-right" || tfGroup === "icon-left-right") && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: ScOnlyField_default.iconWrapper, children: tfRightIcon })
       ] })
     }
   );
 };
 
 // src/SC-catalogixInvite/ScCatalogixInvite.tsx
-var import_icons42 = require("@streamoid/icons");
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_icons43 = require("@streamoid/icons");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var ScCatalogixInvite = ({
   active = "false",
   appName = "Catalogix",
@@ -3774,23 +3886,23 @@ var ScCatalogixInvite = ({
   const isEnabled = enabled !== void 0 ? enabled : active === "true";
   const variantsClassName = ScCatalogixInvite_default["active-" + (isEnabled ? "true" : "false")];
   const displayCount = selectedStores ? `${selectedStores.length} Selected` : selectedCount;
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
     "div",
     {
       className: ScCatalogixInvite_default.scCatalogixInvite + " " + className + " " + variantsClassName,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: ScCatalogixInvite_default.appHeader, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: ScCatalogixInvite_default.appHeader, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
             ScAppCard,
             {
-              appIcon: appIcon || /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_icons40.SiconArtifacts, { className: ScCatalogixInvite_default.siconArtifactsInstance }),
+              appIcon: appIcon || /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_icons41.SiconArtifacts, { className: ScCatalogixInvite_default.siconArtifactsInstance }),
               appDescription,
               appName,
               className: ScCatalogixInvite_default.scAppCardInstance
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
             ScToggleSwitch,
             {
               checked: isEnabled,
@@ -3799,29 +3911,29 @@ var ScCatalogixInvite = ({
             }
           )
         ] }),
-        isEnabled && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_jsx_runtime49.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: ScCatalogixInvite_default.storeAccessContainer, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: ScCatalogixInvite_default.storeAccessHeader, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: ScCatalogixInvite_default.storeAccessTitle, children: [
+        isEnabled && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_jsx_runtime50.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: ScCatalogixInvite_default.storeAccessContainer, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: ScCatalogixInvite_default.storeAccessHeader, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: ScCatalogixInvite_default.storeAccessTitle, children: [
               storeAccessTitle,
               " "
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: ScCatalogixInvite_default.selectedCount, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: ScCatalogixInvite_default.selectedCount, children: [
               displayCount,
               " "
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
             ScOnlyField,
             {
-              tfLeftIcon: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_icons41.SiconSearch, { className: ScCatalogixInvite_default.siconSearchInstance }),
-              tfRightIcon: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_icons41.SiconSearch, { className: ScCatalogixInvite_default.siconSearchInstance }),
+              tfLeftIcon: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_icons42.SiconSearch, { className: ScCatalogixInvite_default.siconSearchInstance }),
+              tfRightIcon: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_icons42.SiconSearch, { className: ScCatalogixInvite_default.siconSearchInstance }),
               placeholderFilled: searchPlaceholder,
               value: searchValue,
               onInputChange: onSearchChange,
               className: ScCatalogixInvite_default.scOnlyFieldInstance
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: ScCatalogixInvite_default.storeListContainer, children: stores ? stores.length > 0 ? stores.map((store) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: ScCatalogixInvite_default.storeListContainer, children: stores ? stores.length > 0 ? stores.map((store) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
             ScPairtext,
             {
               content: store.name,
@@ -3832,53 +3944,53 @@ var ScCatalogixInvite = ({
               className: ScCatalogixInvite_default.scPairtextInstance
             },
             store.id
-          )) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { style: {
+          )) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { style: {
             padding: "var(--spacing-3xl, 16px)",
             color: "var(--alias-text-and-icons-muted, #7a7a7a)",
             fontFamily: "var(--font-family-font-family-body, Inter, sans-serif)",
             fontSize: "var(--font-size-font-size-sm, 14px)",
             lineHeight: "var(--line-height-line-height-sm, 20px)"
-          }, children: "No stores found" }) : /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+          }, children: "No stores found" }) : /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
               ScPairtext,
               {
-                icon: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_icons42.SiconHome, { className: ScCatalogixInvite_default.siconHomeInstance }),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_icons43.SiconHome, { className: ScCatalogixInvite_default.siconHomeInstance }),
                 iconPosition: "right",
                 type: "checkbox",
                 className: ScCatalogixInvite_default.scPairtextInstance
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
               ScPairtext,
               {
-                icon: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_icons42.SiconHome, { className: ScCatalogixInvite_default.siconHomeInstance }),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_icons43.SiconHome, { className: ScCatalogixInvite_default.siconHomeInstance }),
                 iconPosition: "right",
                 type: "checkbox",
                 className: ScCatalogixInvite_default.scPairtextInstance
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
               ScPairtext,
               {
-                icon: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_icons42.SiconHome, { className: ScCatalogixInvite_default.siconHomeInstance }),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_icons43.SiconHome, { className: ScCatalogixInvite_default.siconHomeInstance }),
                 iconPosition: "right",
                 type: "checkbox",
                 className: ScCatalogixInvite_default.scPairtextInstance
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
               ScPairtext,
               {
-                icon: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_icons42.SiconHome, { className: ScCatalogixInvite_default.siconHomeInstance }),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_icons43.SiconHome, { className: ScCatalogixInvite_default.siconHomeInstance }),
                 iconPosition: "right",
                 type: "checkbox",
                 className: ScCatalogixInvite_default.scPairtextInstance
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
               ScPairtext,
               {
-                icon: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_icons42.SiconHome, { className: ScCatalogixInvite_default.siconHomeInstance }),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_icons43.SiconHome, { className: ScCatalogixInvite_default.siconHomeInstance }),
                 iconPosition: "right",
                 type: "checkbox",
                 className: ScCatalogixInvite_default.scPairtextInstance
@@ -3892,7 +4004,7 @@ var ScCatalogixInvite = ({
 };
 
 // src/SC-appField/ScAppField.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var ScAppField = ({
   appFieldTitle = "App permission",
   className,
@@ -3909,13 +4021,13 @@ var ScAppField = ({
   onCatalogixSearchChange,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: ScAppField_default.scAppField + " " + className, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: ScAppField_default.labelContainer, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: ScAppField_default.title, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: ScAppField_default.scAppField + " " + className, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: ScAppField_default.labelContainer, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: ScAppField_default.title, children: [
       appFieldTitle,
       " "
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: ScAppField_default.inputContainer, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: ScAppField_default.inputContainer, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
         ScArtifaxInvite,
         {
           enabled: artifaxEnabled,
@@ -3923,18 +4035,18 @@ var ScAppField = ({
           className: ScAppField_default.scArtifaxInviteInstance
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
         ScPhtogenixInvite,
         {
           enabled: photogenixEnabled,
           onToggle: onPhotogenixToggle,
           scAppCardappDescription: "Info about photogenix",
           scAppCardappName: "Photogenix",
-          scAppCardappIcon: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_icons43.SiconPhotogenix, { className: ScAppField_default.siconPhotogenixInstance }),
+          scAppCardappIcon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_icons44.SiconPhotogenix, { className: ScAppField_default.siconPhotogenixInstance }),
           className: ScAppField_default.scPhtogenixInviteInstance
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
         ScCatalogixInvite,
         {
           enabled: catalogixEnabled,
@@ -3961,13 +4073,13 @@ var ScBillingHistoryHeader_default = {
 };
 
 // src/SC-billingHistoryHeader/ScBillingHistoryHeader.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var ScBillingHistoryHeader = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: ScBillingHistoryHeader_default.scBillingHistoryHeader + " " + className, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: ScBillingHistoryHeader_default.scBillingHistoryHeader + " " + className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
       ScHeader,
       {
         text: "Invoice",
@@ -3975,7 +4087,7 @@ var ScBillingHistoryHeader = ({
         className: ScBillingHistoryHeader_default.scHeaderInstance
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
       ScHeader,
       {
         text: "Amount",
@@ -3983,7 +4095,7 @@ var ScBillingHistoryHeader = ({
         className: ScBillingHistoryHeader_default.scHeaderInstance2
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
       ScHeader,
       {
         text: "Date",
@@ -3991,7 +4103,7 @@ var ScBillingHistoryHeader = ({
         className: ScBillingHistoryHeader_default.scHeaderInstance2
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
       ScHeader,
       {
         text: "Action",
@@ -4012,20 +4124,20 @@ var ScCheckField_default = {
 };
 
 // src/SC-checkField/ScCheckField.tsx
-var import_icons44 = require("@streamoid/icons");
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_icons45 = require("@streamoid/icons");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var ScCheckField = ({
   label = "Label",
   className,
   checkboxes,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: ScCheckField_default.scCheckField + " " + className, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: ScCheckField_default.labelContainer, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: ScCheckField_default.label, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: ScCheckField_default.scCheckField + " " + className, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: ScCheckField_default.labelContainer, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: ScCheckField_default.label, children: [
       label,
       " "
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: ScCheckField_default.tabSwitcher, children: checkboxes ? checkboxes.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: ScCheckField_default.tabSwitcher, children: checkboxes ? checkboxes.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
       ScPairtext,
       {
         content: item.label,
@@ -4035,19 +4147,19 @@ var ScCheckField = ({
         className: ScCheckField_default.scPairtextInstance
       },
       i
-    )) : /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+    )) : /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
         ScPairtext,
         {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_icons44.SiconHome, { className: ScCheckField_default.siconHomeInstance }),
+          icon: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_icons45.SiconHome, { className: ScCheckField_default.siconHomeInstance }),
           type: "checkbox",
           className: ScCheckField_default.scPairtextInstance
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
         ScPairtext,
         {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_icons44.SiconHome, { className: ScCheckField_default.siconHomeInstance }),
+          icon: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_icons45.SiconHome, { className: ScCheckField_default.siconHomeInstance }),
           type: "checkbox",
           className: ScCheckField_default.scPairtextInstance
         }
@@ -4067,10 +4179,10 @@ var ScFieldButton_default = {
 };
 
 // src/SC-fieldButton/ScFieldButton.tsx
-var import_icons45 = require("@streamoid/icons");
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_icons46 = require("@streamoid/icons");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var ScFieldButton = ({
-  icon = /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_icons45.SiconHome, { className: ScFieldButton_default.siconHomeInstance }),
+  icon = /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_icons46.SiconHome, { className: ScFieldButton_default.siconHomeInstance }),
   type = "default",
   state = "default",
   className,
@@ -4078,18 +4190,18 @@ var ScFieldButton = ({
   ...props
 }) => {
   const variantsClassName = ScFieldButton_default["type-" + type] + " " + ScFieldButton_default["state-" + state];
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     "div",
     {
       className: ScFieldButton_default.scFieldButton + " " + className + " " + variantsClassName,
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: ScFieldButton_default.container, children: [
-        (type === "icon-right" || type === "only-icon") && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_jsx_runtime53.Fragment, { children: icon }),
-        (type === "icon-left" || type === "default" || type === "icon-right") && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_jsx_runtime53.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: ScFieldButton_default.label, children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: ScFieldButton_default.container, children: [
+        (type === "icon-right" || type === "only-icon") && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: icon }),
+        (type === "icon-left" || type === "default" || type === "icon-right") && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: ScFieldButton_default.label, children: [
           text,
           " "
         ] }) }),
-        type === "icon-left" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_jsx_runtime53.Fragment, { children: icon })
+        type === "icon-left" && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: icon })
       ] })
     }
   );
@@ -4103,17 +4215,17 @@ var ScPendingAction_default = {
 };
 
 // src/SC-pendingAction/ScPendingAction.tsx
-var import_icons46 = require("@streamoid/icons");
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_icons47 = require("@streamoid/icons");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var ScPendingAction = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: ScPendingAction_default.scPendingAction + " " + className, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: ScPendingAction_default.scPendingAction + " " + className, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
       ScButton,
       {
-        icon: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_icons46.SiconHome, { className: ScPendingAction_default.siconHomeInstance }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_icons47.SiconHome, { className: ScPendingAction_default.siconHomeInstance }),
         text: "Cancel",
         variant: "error",
         type: "tertiary",
@@ -4121,11 +4233,11 @@ var ScPendingAction = ({
         className: ScPendingAction_default.scButtonInstance
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ScVDivider, { className: ScPendingAction_default.scVDividerInstance }),
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ScVDivider, { className: ScPendingAction_default.scVDividerInstance }),
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
       ScButton,
       {
-        icon: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_icons46.SiconHome, { className: ScPendingAction_default.siconHomeInstance }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_icons47.SiconHome, { className: ScPendingAction_default.siconHomeInstance }),
         text: "Resend",
         variant: "tertiary",
         size: "sm",
@@ -4148,8 +4260,8 @@ var ScQuickPrompt_default = {
 };
 
 // src/SC-quick prompt/ScQuickPrompt.tsx
-var import_icons47 = require("@streamoid/icons");
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_icons48 = require("@streamoid/icons");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var ScQuickPrompt = ({
   appName = "Photogenix",
   heading = "Swap Model and Background",
@@ -4157,20 +4269,20 @@ var ScQuickPrompt = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: ScQuickPrompt_default.scQuickPrompt + " " + className, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: ScQuickPrompt_default.header, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: ScQuickPrompt_default.iconContainer, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_icons47.SiconBolt, { className: ScQuickPrompt_default.siconBoltInstance }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: ScQuickPrompt_default.titleContainer, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: ScQuickPrompt_default.title, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: ScQuickPrompt_default.scQuickPrompt + " " + className, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: ScQuickPrompt_default.header, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: ScQuickPrompt_default.iconContainer, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_icons48.SiconBolt, { className: ScQuickPrompt_default.siconBoltInstance }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: ScQuickPrompt_default.titleContainer, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: ScQuickPrompt_default.title, children: [
         appName,
         " "
       ] }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: ScQuickPrompt_default.body, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: ScQuickPrompt_default.heading, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: ScQuickPrompt_default.body, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: ScQuickPrompt_default.heading, children: [
         heading,
         " "
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: ScQuickPrompt_default.description, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: ScQuickPrompt_default.description, children: [
         description,
         " "
       ] })
@@ -4187,13 +4299,13 @@ var ScReferralTableHeader_default = {
 };
 
 // src/SC-referralTableHeader/ScReferralTableHeader.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 var ScReferralTableHeader = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: ScReferralTableHeader_default.scReferralTableHeader + " " + className, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: ScReferralTableHeader_default.scReferralTableHeader + " " + className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
       ScHeader,
       {
         text: "User",
@@ -4201,7 +4313,7 @@ var ScReferralTableHeader = ({
         className: ScReferralTableHeader_default.scHeaderInstance
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
       ScHeader,
       {
         text: "Date",
@@ -4209,7 +4321,7 @@ var ScReferralTableHeader = ({
         className: ScReferralTableHeader_default.scHeaderInstance2
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
       ScHeader,
       {
         text: "Status",
@@ -4217,7 +4329,7 @@ var ScReferralTableHeader = ({
         className: ScReferralTableHeader_default.scHeaderInstance3
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
       ScHeader,
       {
         text: "Reward",
@@ -4238,7 +4350,7 @@ var ScReferralTableList_default = {
 };
 
 // src/SC-referralTableList/ScReferralTableList.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var ScReferralTableList = ({
   userEmail = "chris@kepler.com",
   userName,
@@ -4248,8 +4360,8 @@ var ScReferralTableList = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: ScReferralTableList_default.scReferralTableList + " " + className, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: ScReferralTableList_default.scReferralTableList + " " + className, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
       ScProfile,
       {
         subText: userEmail,
@@ -4257,12 +4369,12 @@ var ScReferralTableList = ({
         className: ScReferralTableList_default.scProfileInstance
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: ScReferralTableList_default.date, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: ScReferralTableList_default.date, children: [
       date,
       " "
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ScBadges, { text: status, className: ScReferralTableList_default.scBadgesInstance }),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: ScReferralTableList_default.points, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ScBadges, { text: status, className: ScReferralTableList_default.scBadgesInstance }),
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: ScReferralTableList_default.points, children: [
       points,
       " "
     ] })
@@ -4276,35 +4388,35 @@ var ScSettingsNav_default = {
 };
 
 // src/SC-settingsNav/ScSettingsNav.tsx
-var import_icons48 = require("@streamoid/icons");
 var import_icons49 = require("@streamoid/icons");
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_icons50 = require("@streamoid/icons");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var ScSettingsNav = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: ScSettingsNav_default.scSettingsNav + " " + className, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: ScSettingsNav_default.container, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: ScSettingsNav_default.scSettingsNav + " " + className, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: ScSettingsNav_default.container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
       ScSidebarMenu,
       {
-        icon: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_icons48.SiconTeam, { className: ScSettingsNav_default.siconTeamInstance }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_icons49.SiconTeam, { className: ScSettingsNav_default.siconTeamInstance }),
         text: "Profile",
         state: "active",
         className: ScSettingsNav_default.scSidebarMenuInstance
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
       ScSidebarMenu,
       {
-        icon: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_icons49.SiconWorkspace, { className: ScSettingsNav_default.siconWorkspaceInstance }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_icons50.SiconWorkspace, { className: ScSettingsNav_default.siconWorkspaceInstance }),
         text: "Workspace",
         className: ScSettingsNav_default.scSidebarMenuInstance
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
       ScSidebarMenu,
       {
-        icon: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_icons49.SiconReferral, { className: ScSettingsNav_default.siconReferralInstance }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_icons50.SiconReferral, { className: ScSettingsNav_default.siconReferralInstance }),
         text: "Referral",
         className: ScSettingsNav_default.scSidebarMenuInstance
       }
@@ -4320,7 +4432,7 @@ var ScTabField_default = {
 };
 
 // src/SC-tabField/ScTabField.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var ScTabField = ({
   label = "Label",
   className,
@@ -4329,17 +4441,17 @@ var ScTabField = ({
   onTabChange,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: ScTabField_default.scTabField + " " + className, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: ScTabField_default.labelContainer, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: ScTabField_default.label, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: ScTabField_default.scTabField + " " + className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: ScTabField_default.labelContainer, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: ScTabField_default.label, children: [
       label,
       " "
     ] }) }),
-    tabs ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    tabs ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       ScTabSwitcher,
       {
         tabCount: String(tabs.length),
         className: ScTabField_default.scTabSwitcherInstance,
-        component: tabs[0] ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        component: tabs[0] ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
           ScTabComp,
           {
             text: tabs[0].label,
@@ -4349,7 +4461,7 @@ var ScTabField = ({
             style: { flex: 1 }
           }
         ) : void 0,
-        component2: tabs[1] ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        component2: tabs[1] ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
           ScTabComp,
           {
             text: tabs[1].label,
@@ -4360,7 +4472,7 @@ var ScTabField = ({
           }
         ) : void 0
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ScTabSwitcher, { className: ScTabField_default.scTabSwitcherInstance })
+    ) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ScTabSwitcher, { className: ScTabField_default.scTabSwitcherInstance })
   ] });
 };
 
@@ -4377,19 +4489,19 @@ var ScTableHeader_default = {
 };
 
 // src/SC-tableHeader/ScTableHeader.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var ScTableHeader = ({
   type = "default",
   className,
   ...props
 }) => {
   const variantsClassName = ScTableHeader_default["type-" + type];
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
     "div",
     {
       className: ScTableHeader_default.scTableHeader + " " + className + " " + variantsClassName,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
           ScHeader,
           {
             text: "User",
@@ -4397,7 +4509,7 @@ var ScTableHeader = ({
             className: ScTableHeader_default.scHeaderInstance
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
           ScHeader,
           {
             text: "Role",
@@ -4405,7 +4517,7 @@ var ScTableHeader = ({
             className: ScTableHeader_default.scHeaderInstance2
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
           ScHeader,
           {
             text: "Access",
@@ -4413,7 +4525,7 @@ var ScTableHeader = ({
             className: ScTableHeader_default.scHeaderInstance3
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
           ScHeader,
           {
             text: "Invited by",
@@ -4421,7 +4533,7 @@ var ScTableHeader = ({
             className: ScTableHeader_default.scHeaderInstance4
           }
         ),
-        type === "pending" && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_jsx_runtime60.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        type === "pending" && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_jsx_runtime61.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
           ScHeader,
           {
             text: "Invite action",
@@ -4429,7 +4541,7 @@ var ScTableHeader = ({
             className: ScTableHeader_default.scHeaderInstance5
           }
         ) }),
-        type === "default" && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_jsx_runtime60.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        type === "default" && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_jsx_runtime61.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
           ScHeader,
           {
             text: "Signed On",
@@ -4461,9 +4573,9 @@ var ScTableList_default = {
 };
 
 // src/SC-tableList/ScTableList.tsx
-var import_icons50 = require("@streamoid/icons");
 var import_icons51 = require("@streamoid/icons");
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_icons52 = require("@streamoid/icons");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 var ScTableList = ({
   invitedBy = "Rohan",
   signedOn = "Nov 9th, 2025",
@@ -4475,51 +4587,51 @@ var ScTableList = ({
   ...props
 }) => {
   const variantsClassName = ScTableList_default["hover-" + hover] + " " + ScTableList_default["variant-" + variant];
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
     "div",
     {
       className: ScTableList_default.scTableList + " " + className + " " + variantsClassName,
       onClick: (e) => onRowClick && onRowClick(invitedBy, e),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
           ScProfile,
           {
             subText: userEmail,
             className: ScTableList_default.scProfileInstance
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ScRole, { className: ScTableList_default.scRoleInstance }),
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: ScTableList_default.accessInfo, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ScRole, { className: ScTableList_default.scRoleInstance }),
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: ScTableList_default.accessInfo, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
             ScAccess,
             {
-              component: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_icons50.SiconArtifacts, { className: ScTableList_default.siconArtifactsInstance }),
-              component2: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_icons50.SiconPhotogenix, { className: ScTableList_default.siconPhotogenixInstance }),
+              component: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_icons51.SiconArtifacts, { className: ScTableList_default.siconArtifactsInstance }),
+              component2: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_icons51.SiconPhotogenix, { className: ScTableList_default.siconPhotogenixInstance }),
               className: ScTableList_default.scAccessInstance
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
             ScAccess,
             {
-              component: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_icons51.SiconUserAdd, { className: ScTableList_default.siconUserAddInstance }),
-              component2: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_icons51.SiconCoins, { className: ScTableList_default.siconCoinsInstance }),
+              component: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_icons52.SiconUserAdd, { className: ScTableList_default.siconUserAddInstance }),
+              component2: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_icons52.SiconCoins, { className: ScTableList_default.siconCoinsInstance }),
               visibleSiconCatalogix: false,
               className: ScTableList_default.scAccessInstance
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: ScTableList_default.userName, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: ScTableList_default.userName, children: [
           invitedBy,
           " "
         ] }),
-        variant === "pending" && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_jsx_runtime61.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+        variant === "pending" && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_jsx_runtime62.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
           ScPendingAction,
           {
             className: ScTableList_default.scPendingActionInstance
           }
         ) }),
-        variant === "active" && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_jsx_runtime61.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: ScTableList_default.date, children: [
+        variant === "active" && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_jsx_runtime62.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: ScTableList_default.date, children: [
           signedOn,
           " "
         ] }) })
@@ -4548,8 +4660,8 @@ var ScWorkspaceCard_default = {
 };
 
 // src/SC-workspaceCard/ScWorkspaceCard.tsx
-var import_icons52 = require("@streamoid/icons");
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_icons53 = require("@streamoid/icons");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var ScWorkspaceCard = ({
   workspaceName = "Stores",
   role = "Admin",
@@ -4559,21 +4671,21 @@ var ScWorkspaceCard = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: ScWorkspaceCard_default.scWorkspaceCard + " " + className, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: ScWorkspaceCard_default.workspaceInfo, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: ScWorkspaceCard_default.scWorkspaceCard + " " + className, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: ScWorkspaceCard_default.workspaceInfo, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
         ScIntialProfileCover,
         {
           className: ScWorkspaceCard_default.scIntialProfileCoverInstance
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: ScWorkspaceCard_default.workspaceName, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: ScWorkspaceCard_default.workspaceName, children: [
         workspaceName,
         " "
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: ScWorkspaceCard_default.userInfo, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: ScWorkspaceCard_default.userInfo, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
         ScBadges,
         {
           text: role,
@@ -4581,41 +4693,41 @@ var ScWorkspaceCard = ({
           className: ScWorkspaceCard_default.scBadgesInstance
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: ScWorkspaceCard_default.userDetails, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: ScWorkspaceCard_default.userDetails, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
           ScPairtext,
           {
-            icon: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_icons52.SiconTeam, { className: ScWorkspaceCard_default.siconTeamInstance }),
+            icon: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_icons53.SiconTeam, { className: ScWorkspaceCard_default.siconTeamInstance }),
             content: userCount,
             className: ScWorkspaceCard_default.scPairtextInstance
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ScVDivider, { className: ScWorkspaceCard_default.scVDividerInstance }),
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ScVDivider, { className: ScWorkspaceCard_default.scVDividerInstance }),
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
           ScPairtext,
           {
-            icon: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_icons52.SiconCrown, { className: ScWorkspaceCard_default.siconCrownInstance }),
+            icon: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_icons53.SiconCrown, { className: ScWorkspaceCard_default.siconCrownInstance }),
             content: ownerEmail,
             className: ScWorkspaceCard_default.scPairtextInstance
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
       ScButton,
       {
-        icon: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_icons52.SiconSwitch, { className: ScWorkspaceCard_default.siconSwitchInstance }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_icons53.SiconSwitch, { className: ScWorkspaceCard_default.siconSwitchInstance }),
         text: buttonText,
         state: "disabled",
         variant: "outline",
         className: ScWorkspaceCard_default.scButtonInstance
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
       ScButton,
       {
         text: "Leave workspace",
-        icon: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_icons52.SiconLogout, { className: ScWorkspaceCard_default.siconLogoutInstance }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_icons53.SiconLogout, { className: ScWorkspaceCard_default.siconLogoutInstance }),
         styleVariant: "icon-only",
         variant: "error",
         className: ScWorkspaceCard_default.scButtonInstance2
@@ -4626,7 +4738,7 @@ var ScWorkspaceCard = ({
 
 // src/SC-WorkspaceSwitchCard/ScWorkspaceSwitchCard.tsx
 var import_react8 = require("react");
-var import_icons53 = require("@streamoid/icons");
+var import_icons54 = require("@streamoid/icons");
 
 // src/SC-WorkspaceSwitchCard/ScWorkspaceSwitchCard.module.css
 var ScWorkspaceSwitchCard_default = {
@@ -4651,7 +4763,7 @@ var ScWorkspaceSwitchCard_default = {
 };
 
 // src/SC-WorkspaceSwitchCard/ScWorkspaceSwitchCard.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 function ScWorkspaceSwitchCard({
   wsName = "Workspace name is kepler",
   role = "Admin",
@@ -4681,14 +4793,14 @@ function ScWorkspaceSwitchCard({
   ].filter(Boolean).join(" ");
   const dpBg = isCurrent ? "var(--alias-fill-neutral-neutralactive, #313131)" : "var(--alias-fill-neutral-neutralselected, #242424)";
   const roleColorClass = isAdmin ? ScWorkspaceSwitchCard_default.detailValueRole : ScWorkspaceSwitchCard_default.detailValueInfo;
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
     "div",
     {
       className: cardClass,
       onMouseEnter: () => setInternalHover(true),
       onMouseLeave: () => setInternalHover(false),
-      children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: ScWorkspaceSwitchCard_default.wsInfo, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: ScWorkspaceSwitchCard_default.wsInfo, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
           ScDp,
           {
             type: imageUrl ? "image" : "initial",
@@ -4702,26 +4814,26 @@ function ScWorkspaceSwitchCard({
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: ScWorkspaceSwitchCard_default.infoCol, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { className: ScWorkspaceSwitchCard_default.wsName, children: wsName }),
-          /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: ScWorkspaceSwitchCard_default.detailsRow, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: ScWorkspaceSwitchCard_default.detailItem, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: ScWorkspaceSwitchCard_default.detailLabel, children: "Role" }),
-              /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: roleColorClass, children: displayRole })
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: ScWorkspaceSwitchCard_default.infoCol, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("p", { className: ScWorkspaceSwitchCard_default.wsName, children: wsName }),
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: ScWorkspaceSwitchCard_default.detailsRow, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: ScWorkspaceSwitchCard_default.detailItem, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: ScWorkspaceSwitchCard_default.detailLabel, children: "Role" }),
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: roleColorClass, children: displayRole })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ScVDivider, { className: ScWorkspaceSwitchCard_default.vDivider }),
-            /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: ScWorkspaceSwitchCard_default.detailItem, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: ScWorkspaceSwitchCard_default.detailLabel, children: "Plan" }),
-              /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: ScWorkspaceSwitchCard_default.detailValueSecondary, children: plan })
+            /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(ScVDivider, { className: ScWorkspaceSwitchCard_default.vDivider }),
+            /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: ScWorkspaceSwitchCard_default.detailItem, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: ScWorkspaceSwitchCard_default.detailLabel, children: "Plan" }),
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: ScWorkspaceSwitchCard_default.detailValueSecondary, children: plan })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ScVDivider, { className: ScWorkspaceSwitchCard_default.vDivider }),
-            /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: ScWorkspaceSwitchCard_default.detailItemFlex, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: ScWorkspaceSwitchCard_default.detailLabel, children: "Workspace Owner" }),
-              /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: ScWorkspaceSwitchCard_default.detailValueSecondary, children: ownerId })
+            /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(ScVDivider, { className: ScWorkspaceSwitchCard_default.vDivider }),
+            /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: ScWorkspaceSwitchCard_default.detailItemFlex, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: ScWorkspaceSwitchCard_default.detailLabel, children: "Workspace Owner" }),
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: ScWorkspaceSwitchCard_default.detailValueSecondary, children: ownerId })
             ] })
           ] })
         ] }),
-        isHover && isOther && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+        isHover && isOther && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
           "div",
           {
             onClick: (e) => {
@@ -4729,19 +4841,19 @@ function ScWorkspaceSwitchCard({
               onSwitch?.();
             },
             style: { cursor: "pointer" },
-            children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
               ScButton,
               {
                 text: "Switch Workspace",
                 variant: "secondary",
                 size: "sm",
                 styleVariant: "icon-left",
-                icon: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_icons53.SiconSwitch, { className: ScWorkspaceSwitchCard_default.btnIcon })
+                icon: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons54.SiconSwitch, { className: ScWorkspaceSwitchCard_default.btnIcon })
               }
             )
           }
         ),
-        isHover && isAdmin && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+        isHover && isAdmin && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
           "div",
           {
             onClick: (e) => {
@@ -4749,18 +4861,18 @@ function ScWorkspaceSwitchCard({
               onSettings?.();
             },
             style: { cursor: "pointer" },
-            children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
               ScButton,
               {
                 styleVariant: "icon-only",
                 variant: "outline",
                 size: "sm",
-                icon: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_icons53.SiconSettings, { className: ScWorkspaceSwitchCard_default.btnIcon })
+                icon: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons54.SiconSettings, { className: ScWorkspaceSwitchCard_default.btnIcon })
               }
             )
           }
         ),
-        isHover && !isAdmin && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+        isHover && !isAdmin && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
           "div",
           {
             className: ScWorkspaceSwitchCard_default.leaveBtn,
@@ -4768,7 +4880,7 @@ function ScWorkspaceSwitchCard({
               e.stopPropagation();
               onLeave?.();
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_icons53.SiconLogout, { className: ScWorkspaceSwitchCard_default.btnIcon, color: "currentColor" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons54.SiconLogout, { className: ScWorkspaceSwitchCard_default.btnIcon, color: "currentColor" })
           }
         )
       ] })
@@ -4786,18 +4898,18 @@ var ScRoleMobile_default = {
 };
 
 // src/SC-Role-Mobile/ScRoleMobile.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 var ScRoleMobile = ({
   role = "admin",
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
     "div",
     {
       className: ScRoleMobile_default.scRoleMobile + " " + ScRoleMobile_default["role-" + role] + " " + className,
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("p", { className: ScRoleMobile_default.text, children: role === "admin" ? "Admin" : "Member" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("p", { className: ScRoleMobile_default.text, children: role === "admin" ? "Admin" : "Member" })
     }
   );
 };
@@ -4814,7 +4926,7 @@ var ScProfileV2Mobile_default = {
 };
 
 // src/SC-Profile-V2-Mobile/ScProfileV2Mobile.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 var ScProfileV2Mobile = ({
   name = "Chris Hemsworth",
   email = "chris@kepler.com",
@@ -4824,17 +4936,17 @@ var ScProfileV2Mobile = ({
   ...props
 }) => {
   const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
-  const profileImage = /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: ScProfileV2Mobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("img", { src: imageUrl, alt: name, className: ScProfileV2Mobile_default.image }) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: ScProfileV2Mobile_default.initials, children: initials }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+  const profileImage = /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: ScProfileV2Mobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("img", { src: imageUrl, alt: name, className: ScProfileV2Mobile_default.image }) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: ScProfileV2Mobile_default.initials, children: initials }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
     "div",
     {
       className: ScProfileV2Mobile_default.scProfileV2Mobile + " " + className,
       ...props,
       children: [
         dpPosition === "left" && profileImage,
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: ScProfileV2Mobile_default.userInfo, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("p", { className: ScProfileV2Mobile_default.userName, children: name }),
-          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("p", { className: ScProfileV2Mobile_default.userEmail, children: email })
+        /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: ScProfileV2Mobile_default.userInfo, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: ScProfileV2Mobile_default.userName, children: name }),
+          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: ScProfileV2Mobile_default.userEmail, children: email })
         ] }),
         dpPosition === "right" && profileImage
       ]
@@ -4861,7 +4973,7 @@ var ScTableListMobile_default = {
 };
 
 // src/SC-tableList-mobile/ScTableListMobile.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 var ScTableListMobile = ({
   name = "Chris Hemsworth",
   email = "chris@kepler.com",
@@ -4874,25 +4986,25 @@ var ScTableListMobile = ({
   ...props
 }) => {
   const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
     "div",
     {
       className: ScTableListMobile_default.scTableListMobile + " " + className,
       onClick: onRowClick,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: ScTableListMobile_default.profileRow, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: ScTableListMobile_default.userInfo, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: ScTableListMobile_default.userName, children: name }),
-            /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: ScTableListMobile_default.userEmail, children: email })
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: ScTableListMobile_default.profileRow, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: ScTableListMobile_default.userInfo, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { className: ScTableListMobile_default.userName, children: name }),
+            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { className: ScTableListMobile_default.userEmail, children: email })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: ScTableListMobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("img", { src: imageUrl, alt: name, className: ScTableListMobile_default.image }) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: ScTableListMobile_default.initials, children: initials }) })
+          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: ScTableListMobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("img", { src: imageUrl, alt: name, className: ScTableListMobile_default.image }) : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: ScTableListMobile_default.initials, children: initials }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: ScTableListMobile_default.detailsRow, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: ScTableListMobile_default.roleBadge, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: ScTableListMobile_default.roleText, children: role }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: ScTableListMobile_default.accessInfo, children: [
-            accessIcons && accessIcons.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: ScTableListMobile_default.accessGroup, children: accessIcons.map((icon, i) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: ScTableListMobile_default.accessIcon, children: icon }, i)) }),
-            permissionIcons && permissionIcons.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: ScTableListMobile_default.accessGroup, children: permissionIcons.map((icon, i) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: ScTableListMobile_default.accessIcon, children: icon }, i)) })
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: ScTableListMobile_default.detailsRow, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: ScTableListMobile_default.roleBadge, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { className: ScTableListMobile_default.roleText, children: role }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: ScTableListMobile_default.accessInfo, children: [
+            accessIcons && accessIcons.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: ScTableListMobile_default.accessGroup, children: accessIcons.map((icon, i) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: ScTableListMobile_default.accessIcon, children: icon }, i)) }),
+            permissionIcons && permissionIcons.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: ScTableListMobile_default.accessGroup, children: permissionIcons.map((icon, i) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: ScTableListMobile_default.accessIcon, children: icon }, i)) })
           ] })
         ] })
       ]
@@ -4920,7 +5032,7 @@ var ScWorkspaceSwitchMobile_default = {
 };
 
 // src/SC-workspaceSwitch-Mobile/ScWorkspaceSwitchMobile.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 var ScWorkspaceSwitchMobile = ({
   storeName = "Stores",
   initials = "WS",
@@ -4933,24 +5045,24 @@ var ScWorkspaceSwitchMobile = ({
   ...props
 }) => {
   const variant = currentWs ? "current" : "other";
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
     "div",
     {
       className: ScWorkspaceSwitchMobile_default.scWorkspaceSwitchMobile + " " + ScWorkspaceSwitchMobile_default["variant-" + variant] + " " + className,
       onClick,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: ScWorkspaceSwitchMobile_default.workspaceInfo, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: ScWorkspaceSwitchMobile_default.wsNameRow, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: ScWorkspaceSwitchMobile_default.initialsBox, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: ScWorkspaceSwitchMobile_default.initialsText, children: initials }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { className: ScWorkspaceSwitchMobile_default.storeName, children: storeName })
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: ScWorkspaceSwitchMobile_default.workspaceInfo, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: ScWorkspaceSwitchMobile_default.wsNameRow, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: ScWorkspaceSwitchMobile_default.initialsBox, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: ScWorkspaceSwitchMobile_default.initialsText, children: initials }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: ScWorkspaceSwitchMobile_default.storeName, children: storeName })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: ScWorkspaceSwitchMobile_default.roleBadge, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { className: ScWorkspaceSwitchMobile_default.roleText, children: role }) })
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: ScWorkspaceSwitchMobile_default.roleBadge, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: ScWorkspaceSwitchMobile_default.roleText, children: role }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: ScWorkspaceSwitchMobile_default.divider }),
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: ScWorkspaceSwitchMobile_default.ownerRow, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: ScWorkspaceSwitchMobile_default.ownerIconContainer, children: ownerIcon && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: ScWorkspaceSwitchMobile_default.ownerIcon, children: ownerIcon }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { className: ScWorkspaceSwitchMobile_default.ownerText, children: ownerId })
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: ScWorkspaceSwitchMobile_default.divider }),
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: ScWorkspaceSwitchMobile_default.ownerRow, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: ScWorkspaceSwitchMobile_default.ownerIconContainer, children: ownerIcon && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: ScWorkspaceSwitchMobile_default.ownerIcon, children: ownerIcon }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: ScWorkspaceSwitchMobile_default.ownerText, children: ownerId })
         ] })
       ]
     }
@@ -4977,7 +5089,7 @@ var ScWorkspaceSettingsMobile_default = {
 };
 
 // src/SC-workspaceSettings-Mobile/ScWorkspaceSettingsMobile.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 var ScWorkspaceSettingsMobile = ({
   storeName = "Stores",
   initials = "WS",
@@ -4992,28 +5104,28 @@ var ScWorkspaceSettingsMobile = ({
   ...props
 }) => {
   const variant = currentWs ? "current" : "other";
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
     "div",
     {
       className: ScWorkspaceSettingsMobile_default.scWorkspaceSettingsMobile + " " + ScWorkspaceSettingsMobile_default["variant-" + variant] + " " + className,
       onClick,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: ScWorkspaceSettingsMobile_default.workspaceInfo, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: ScWorkspaceSettingsMobile_default.wsNameRow, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: ScWorkspaceSettingsMobile_default.initialsBox, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: ScWorkspaceSettingsMobile_default.initialsText, children: initials }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: ScWorkspaceSettingsMobile_default.storeName, children: storeName })
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: ScWorkspaceSettingsMobile_default.workspaceInfo, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: ScWorkspaceSettingsMobile_default.wsNameRow, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: ScWorkspaceSettingsMobile_default.initialsBox, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: ScWorkspaceSettingsMobile_default.initialsText, children: initials }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: ScWorkspaceSettingsMobile_default.storeName, children: storeName })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: ScWorkspaceSettingsMobile_default.roleBadge, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: ScWorkspaceSettingsMobile_default.roleText, children: role }) })
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: ScWorkspaceSettingsMobile_default.roleBadge, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: ScWorkspaceSettingsMobile_default.roleText, children: role }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: ScWorkspaceSettingsMobile_default.divider }),
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: ScWorkspaceSettingsMobile_default.infoRow, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: ScWorkspaceSettingsMobile_default.iconContainer, children: ownerIcon && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: ScWorkspaceSettingsMobile_default.icon, children: ownerIcon }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: ScWorkspaceSettingsMobile_default.infoText, children: ownerId })
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: ScWorkspaceSettingsMobile_default.divider }),
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: ScWorkspaceSettingsMobile_default.infoRow, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: ScWorkspaceSettingsMobile_default.iconContainer, children: ownerIcon && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: ScWorkspaceSettingsMobile_default.icon, children: ownerIcon }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: ScWorkspaceSettingsMobile_default.infoText, children: ownerId })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: ScWorkspaceSettingsMobile_default.infoRow, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: ScWorkspaceSettingsMobile_default.iconContainer, children: teamIcon && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: ScWorkspaceSettingsMobile_default.icon, children: teamIcon }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: ScWorkspaceSettingsMobile_default.infoText, children: teamCount })
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: ScWorkspaceSettingsMobile_default.infoRow, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: ScWorkspaceSettingsMobile_default.iconContainer, children: teamIcon && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: ScWorkspaceSettingsMobile_default.icon, children: teamIcon }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: ScWorkspaceSettingsMobile_default.infoText, children: teamCount })
         ] })
       ]
     }
@@ -5036,7 +5148,7 @@ var ScMobileTopNav_default = {
 };
 
 // src/SC-MobileTopNav/ScMobileTopNav.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 var ScMobileTopNav = ({
   type = "home",
   searchIcon = false,
@@ -5059,22 +5171,22 @@ var ScMobileTopNav = ({
 }) => {
   const hasBorder = type === "chat" || type === "inApp";
   const showSearch = type === "inApp" && searchIcon && search;
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
     "div",
     {
       className: ScMobileTopNav_default.scMobileTopNav + " " + (hasBorder ? ScMobileTopNav_default.withBorder : "") + " " + className,
       ...props,
       children: [
-        type === "home" && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
-        type === "chat" && /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: ScMobileTopNav_default.chatTitle, children: chatTitle }),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMoreClick, children: moreIcon || /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
+        type === "home" && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
+        type === "chat" && /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_jsx_runtime70.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("p", { className: ScMobileTopNav_default.chatTitle, children: chatTitle }),
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMoreClick, children: moreIcon || /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
         ] }),
-        showSearch && /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: ScMobileTopNav_default.searchRow, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: ScMobileTopNav_default.searchInputContainer, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: ScMobileTopNav_default.iconContainer, onClick: onSearchClick, children: searchIconElement || /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: ScMobileTopNav_default.searchInput, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+        showSearch && /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_jsx_runtime70.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: ScMobileTopNav_default.searchRow, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: ScMobileTopNav_default.searchInputContainer, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: ScMobileTopNav_default.iconContainer, onClick: onSearchClick, children: searchIconElement || /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: ScMobileTopNav_default.searchInput, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
               "input",
               {
                 type: "text",
@@ -5085,17 +5197,17 @@ var ScMobileTopNav = ({
               }
             ) })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: ScMobileTopNav_default.iconContainer, onClick: onCloseClick, children: closeIcon || /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: ScMobileTopNav_default.iconContainer, onClick: onCloseClick, children: closeIcon || /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
         ] }),
-        type === "inApp" && !search && /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: ScMobileTopNav_default.heading, children: heading }),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+        type === "inApp" && !search && /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_jsx_runtime70.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("p", { className: ScMobileTopNav_default.heading, children: heading }),
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
             "div",
             {
               className: ScMobileTopNav_default.iconContainer + " " + (!searchIcon ? ScMobileTopNav_default.hidden : ""),
               onClick: onSearchClick,
-              children: searchIcon ? searchIconElement || /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder }) : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder })
+              children: searchIcon ? searchIconElement || /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder }) : /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder })
             }
           )
         ] })
@@ -5116,7 +5228,7 @@ var ScMobileBottomAction_default = {
 };
 
 // src/SC-MobileBottomAction/ScMobileBottomAction.tsx
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 var ScMobileBottomAction = ({
   text = "Save Changes",
   disabled = false,
@@ -5128,28 +5240,28 @@ var ScMobileBottomAction = ({
   ...props
 }) => {
   const isTwoButton = !!secondaryText;
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
     "div",
     {
       className: ScMobileBottomAction_default.scMobileBottomAction + (isTwoButton ? " " + ScMobileBottomAction_default.twoButton : "") + " " + className,
       ...props,
       children: [
-        isTwoButton && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+        isTwoButton && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
           "button",
           {
             className: ScMobileBottomAction_default.outlineButton + " " + (secondaryDisabled ? ScMobileBottomAction_default.disabled : ""),
             onClick: onSecondaryClick,
             disabled: secondaryDisabled,
-            children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: ScMobileBottomAction_default.outlineButtonText, children: secondaryText })
+            children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: ScMobileBottomAction_default.outlineButtonText, children: secondaryText })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
           "button",
           {
             className: ScMobileBottomAction_default.button + " " + (disabled ? ScMobileBottomAction_default.disabled : ""),
             onClick,
             disabled,
-            children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: ScMobileBottomAction_default.buttonText, children: text })
+            children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: ScMobileBottomAction_default.buttonText, children: text })
           }
         )
       ]
@@ -5167,7 +5279,7 @@ var ScPopUpMenu_default = {
 };
 
 // src/SC-PopUpMenu/ScPopUpMenu.tsx
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 var ScPopUpMenu = ({
   menu = "Options",
   state = "default",
@@ -5176,15 +5288,15 @@ var ScPopUpMenu = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
     "div",
     {
       className: ScPopUpMenu_default.scPopUpMenu + " " + ScPopUpMenu_default["state-" + state] + " " + className,
       onClick,
       ...props,
       children: [
-        icon && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: ScPopUpMenu_default.icon, children: icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("p", { className: ScPopUpMenu_default.menuText, children: menu })
+        icon && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: ScPopUpMenu_default.icon, children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("p", { className: ScPopUpMenu_default.menuText, children: menu })
       ]
     }
   );
@@ -5210,7 +5322,7 @@ var ScReferralCardMobile_default = {
 };
 
 // src/SC-referralCard-Mobile/ScReferralCardMobile.tsx
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 var ScReferralCardMobile = ({
   name = "Chris Hemsworth",
   email = "chris@kepler.com",
@@ -5223,27 +5335,27 @@ var ScReferralCardMobile = ({
   ...props
 }) => {
   const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
     "div",
     {
       className: ScReferralCardMobile_default.scReferralCardMobile + " " + className,
       onClick,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: ScReferralCardMobile_default.userRow, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: ScReferralCardMobile_default.profileSection, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: ScReferralCardMobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("img", { src: imageUrl, alt: name, className: ScReferralCardMobile_default.image }) : /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: ScReferralCardMobile_default.initials, children: initials }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: ScReferralCardMobile_default.userInfo, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("p", { className: ScReferralCardMobile_default.userName, children: name }),
-              /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("p", { className: ScReferralCardMobile_default.userEmail, children: email })
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: ScReferralCardMobile_default.userRow, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: ScReferralCardMobile_default.profileSection, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: ScReferralCardMobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("img", { src: imageUrl, alt: name, className: ScReferralCardMobile_default.image }) : /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: ScReferralCardMobile_default.initials, children: initials }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: ScReferralCardMobile_default.userInfo, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { className: ScReferralCardMobile_default.userName, children: name }),
+              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { className: ScReferralCardMobile_default.userEmail, children: email })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: ScReferralCardMobile_default.badge, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("p", { className: ScReferralCardMobile_default.badgeText, children: badge }) })
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: ScReferralCardMobile_default.badge, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { className: ScReferralCardMobile_default.badgeText, children: badge }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: ScReferralCardMobile_default.divider }),
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: ScReferralCardMobile_default.detailsRow, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("p", { className: ScReferralCardMobile_default.dateText, children: date }),
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("p", { className: ScReferralCardMobile_default.creditsText, children: credits })
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: ScReferralCardMobile_default.divider }),
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: ScReferralCardMobile_default.detailsRow, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { className: ScReferralCardMobile_default.dateText, children: date }),
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { className: ScReferralCardMobile_default.creditsText, children: credits })
         ] })
       ]
     }
@@ -5260,19 +5372,19 @@ var InvoiceHistoryMobile_default = {
 };
 
 // src/SC-InvoiceHistoryMobile/InvoiceHistoryMobile.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 var InvoiceHistoryMobile = ({
   invoiceId = "# INV-2800-2026",
   date = "Nov 9th, 2025",
   amount = "$320.89",
   className
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: InvoiceHistoryMobile_default.invoiceHistoryMobile + " " + (className ?? ""), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: InvoiceHistoryMobile_default.info, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: InvoiceHistoryMobile_default.invoiceId, children: invoiceId }),
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: InvoiceHistoryMobile_default.date, children: date })
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: InvoiceHistoryMobile_default.invoiceHistoryMobile + " " + (className ?? ""), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: InvoiceHistoryMobile_default.info, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: InvoiceHistoryMobile_default.invoiceId, children: invoiceId }),
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: InvoiceHistoryMobile_default.date, children: date })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: InvoiceHistoryMobile_default.amount, children: amount })
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: InvoiceHistoryMobile_default.amount, children: amount })
   ] });
 };
 
@@ -5290,7 +5402,7 @@ var UsageHistoryMobile_default = {
 };
 
 // src/SC-UsageHistoryMobile/UsageHistoryMobile.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 var UsageHistoryMobile = ({
   serviceName = "Artifax Generation",
   credits = "50",
@@ -5299,18 +5411,18 @@ var UsageHistoryMobile = ({
   balance = "84,902",
   className
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: UsageHistoryMobile_default.usageHistoryMobile + " " + (className ?? ""), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: UsageHistoryMobile_default.row1, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: UsageHistoryMobile_default.serviceName, children: serviceName }),
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: UsageHistoryMobile_default.credits, children: credits })
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: UsageHistoryMobile_default.usageHistoryMobile + " " + (className ?? ""), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: UsageHistoryMobile_default.row1, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: UsageHistoryMobile_default.serviceName, children: serviceName }),
+      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: UsageHistoryMobile_default.credits, children: credits })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: UsageHistoryMobile_default.row2, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: UsageHistoryMobile_default.metaLeft, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: UsageHistoryMobile_default.metaText, children: userName }),
-        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: UsageHistoryMobile_default.divider }),
-        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: UsageHistoryMobile_default.metaText, children: date })
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: UsageHistoryMobile_default.row2, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: UsageHistoryMobile_default.metaLeft, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: UsageHistoryMobile_default.metaText, children: userName }),
+        /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: UsageHistoryMobile_default.divider }),
+        /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: UsageHistoryMobile_default.metaText, children: date })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: UsageHistoryMobile_default.balance, children: balance })
+      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: UsageHistoryMobile_default.balance, children: balance })
     ] })
   ] });
 };
@@ -5334,7 +5446,7 @@ var ScWorkspaceSwitchMobileV2_default = {
 };
 
 // src/SC-WorkspaceSwitchMobile-V2/ScWorkspaceSwitchMobileV2.tsx
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 var ScWorkspaceSwitchMobileV2 = ({
   wsName = "Workspace name is kepler",
   initials = "WS",
@@ -5347,14 +5459,14 @@ var ScWorkspaceSwitchMobileV2 = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
     "div",
     {
       className: ScWorkspaceSwitchMobileV2_default.scWorkspaceSwitchMobileV2 + " " + ScWorkspaceSwitchMobileV2_default["type-" + type] + " " + className,
       onClick,
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: ScWorkspaceSwitchMobileV2_default.workspaceInfo, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: ScWorkspaceSwitchMobileV2_default.dpContainer, children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: ScWorkspaceSwitchMobileV2_default.workspaceInfo, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: ScWorkspaceSwitchMobileV2_default.dpContainer, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
           ScDp,
           {
             type: imageUrl ? "image" : "initial",
@@ -5368,14 +5480,14 @@ var ScWorkspaceSwitchMobileV2 = ({
             }
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: ScWorkspaceSwitchMobileV2_default.textContainer, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("p", { className: ScWorkspaceSwitchMobileV2_default.wsName, children: wsName }),
-          /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: ScWorkspaceSwitchMobileV2_default.userDetails, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: ScWorkspaceSwitchMobileV2_default.roleText + (role === "Member" ? " " + ScWorkspaceSwitchMobileV2_default.roleMember : ""), children: role }),
-            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: ScWorkspaceSwitchMobileV2_default.dot }),
-            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: ScWorkspaceSwitchMobileV2_default.planText, children: plan }),
-            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: ScWorkspaceSwitchMobileV2_default.dot }),
-            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: ScWorkspaceSwitchMobileV2_default.ownerText, children: ownerId })
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: ScWorkspaceSwitchMobileV2_default.textContainer, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("p", { className: ScWorkspaceSwitchMobileV2_default.wsName, children: wsName }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: ScWorkspaceSwitchMobileV2_default.userDetails, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: ScWorkspaceSwitchMobileV2_default.roleText + (role === "Member" ? " " + ScWorkspaceSwitchMobileV2_default.roleMember : ""), children: role }),
+            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: ScWorkspaceSwitchMobileV2_default.dot }),
+            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: ScWorkspaceSwitchMobileV2_default.planText, children: plan }),
+            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: ScWorkspaceSwitchMobileV2_default.dot }),
+            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: ScWorkspaceSwitchMobileV2_default.ownerText, children: ownerId })
           ] })
         ] })
       ] })
@@ -5401,8 +5513,8 @@ var ScImageField_default = {
 };
 
 // src/SC-imageField/ScImageField.tsx
-var import_icons54 = require("@streamoid/icons");
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_icons55 = require("@streamoid/icons");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 var ScImageField = ({
   label = "Label",
   imagePreview,
@@ -5425,8 +5537,8 @@ var ScImageField = ({
     }
     e.target.value = "";
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: ScImageField_default.scImageField + " " + (className ?? ""), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: ScImageField_default.scImageField + " " + (className ?? ""), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
       "input",
       {
         ref: inputRef,
@@ -5436,9 +5548,9 @@ var ScImageField = ({
         onChange: handleChange
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: ScImageField_default.labelContainer, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: ScImageField_default.label, children: label }) }),
-    hasImage ? /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: ScImageField_default.previewArea, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: ScImageField_default.labelContainer, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: ScImageField_default.label, children: label }) }),
+    hasImage ? /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: ScImageField_default.previewArea, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
         "img",
         {
           className: ScImageField_default.previewImage,
@@ -5446,9 +5558,9 @@ var ScImageField = ({
           alt: "preview"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: ScImageField_default.fileName, children: imageName || "image" }),
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
-        import_icons54.SiconDelete,
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: ScImageField_default.fileName, children: imageName || "image" }),
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+        import_icons55.SiconDelete,
         {
           className: ScImageField_default.removeIcon,
           color: "var(--alias-text-and-icons-error, #d11a1a)",
@@ -5458,9 +5570,9 @@ var ScImageField = ({
           }
         }
       )
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: ScImageField_default.uploadArea, onClick: handleClick, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_icons54.SiconUpload, { className: ScImageField_default.uploadIcon, color: "var(--alias-text-and-icons-secondary, #dadada)" }),
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: ScImageField_default.uploadText, children: "Click to upload" })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: ScImageField_default.uploadArea, onClick: handleClick, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_icons55.SiconUpload, { className: ScImageField_default.uploadIcon, color: "var(--alias-text-and-icons-secondary, #dadada)" }),
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: ScImageField_default.uploadText, children: "Click to upload" })
     ] })
   ] });
 };
@@ -5474,7 +5586,7 @@ var ScSettingsTabComp_default = {
 };
 
 // src/SC-settingsTabComp/ScSettingsTabComp.tsx
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 var ScSettingsTabComp = ({
   tabName = "Tab",
   active = false,
@@ -5482,12 +5594,12 @@ var ScSettingsTabComp = ({
   className
 }) => {
   const variantsClassName = ScSettingsTabComp_default["active-" + active];
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
     "div",
     {
       className: ScSettingsTabComp_default.scSettingsTabComp + " " + variantsClassName + " " + (className ?? ""),
       onClick,
-      children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: ScSettingsTabComp_default.tabText, children: tabName })
+      children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: ScSettingsTabComp_default.tabText, children: tabName })
     }
   );
 };
@@ -5506,8 +5618,8 @@ var ScCreditsUsageCardMobile_default = {
 };
 
 // src/SC-Credits usage card-Mobile/ScCreditsUsageCardMobile.tsx
-var import_icons55 = require("@streamoid/icons");
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_icons56 = require("@streamoid/icons");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 var ScCreditsUsageCardMobile = ({
   usageLabel = "Credits usage",
   usageText = "8,450 / 30,000",
@@ -5517,23 +5629,23 @@ var ScCreditsUsageCardMobile = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: ScCreditsUsageCardMobile_default.scCreditsUsageCardMobile + " " + (className ?? ""), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: ScCreditsUsageCardMobile_default.header, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
-        import_icons55.SiconCredits,
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: ScCreditsUsageCardMobile_default.scCreditsUsageCardMobile + " " + (className ?? ""), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: ScCreditsUsageCardMobile_default.header, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+        import_icons56.SiconCredits,
         {
           className: ScCreditsUsageCardMobile_default.headerIcon,
           color: "var(--alias-text-and-icons-tertiary, #9e9e9e)"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: ScCreditsUsageCardMobile_default.headerLabel, children: usageLabel })
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: ScCreditsUsageCardMobile_default.headerLabel, children: usageLabel })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: ScCreditsUsageCardMobile_default.divider }),
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: ScCreditsUsageCardMobile_default.usageInfo, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: ScCreditsUsageCardMobile_default.usageText, children: usageText }),
-      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: ScCreditsUsageCardMobile_default.remainingText, children: remainingText })
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: ScCreditsUsageCardMobile_default.divider }),
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: ScCreditsUsageCardMobile_default.usageInfo, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: ScCreditsUsageCardMobile_default.usageText, children: usageText }),
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: ScCreditsUsageCardMobile_default.remainingText, children: remainingText })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
       ScButton,
       {
         text: buyButtonText,
@@ -5564,8 +5676,8 @@ var ScPlanDetailsCardMobile_default = {
 };
 
 // src/SC-Plan details card-Mobile/ScPlanDetailsCardMobile.tsx
-var import_icons56 = require("@streamoid/icons");
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_icons57 = require("@streamoid/icons");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 var ScPlanDetailsCardMobile = ({
   planName = "Pro",
   planCredits = "30,000 credits",
@@ -5577,19 +5689,19 @@ var ScPlanDetailsCardMobile = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: ScPlanDetailsCardMobile_default.scPlanDetailsCardMobile + " " + (className ?? ""), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: ScPlanDetailsCardMobile_default.planHeader, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: ScPlanDetailsCardMobile_default.headerLeft, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
-          import_icons56.SiconBilling,
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: ScPlanDetailsCardMobile_default.scPlanDetailsCardMobile + " " + (className ?? ""), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: ScPlanDetailsCardMobile_default.planHeader, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: ScPlanDetailsCardMobile_default.headerLeft, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+          import_icons57.SiconBilling,
           {
             className: ScPlanDetailsCardMobile_default.headerIcon,
             color: "var(--alias-text-and-icons-tertiary, #9e9e9e)"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: ScPlanDetailsCardMobile_default.headerLabel, children: currentPlanLabel })
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: ScPlanDetailsCardMobile_default.headerLabel, children: currentPlanLabel })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
         ScBadges,
         {
           text: badgeText,
@@ -5599,16 +5711,16 @@ var ScPlanDetailsCardMobile = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: ScPlanDetailsCardMobile_default.divider }),
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: ScPlanDetailsCardMobile_default.planInfo, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: ScPlanDetailsCardMobile_default.planNameRow, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: ScPlanDetailsCardMobile_default.planName, children: planName }),
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: ScPlanDetailsCardMobile_default.dot }),
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: ScPlanDetailsCardMobile_default.planName, children: planCredits })
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: ScPlanDetailsCardMobile_default.divider }),
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: ScPlanDetailsCardMobile_default.planInfo, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: ScPlanDetailsCardMobile_default.planNameRow, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: ScPlanDetailsCardMobile_default.planName, children: planName }),
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: ScPlanDetailsCardMobile_default.dot }),
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: ScPlanDetailsCardMobile_default.planName, children: planCredits })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: ScPlanDetailsCardMobile_default.planPrice, children: planPrice })
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: ScPlanDetailsCardMobile_default.planPrice, children: planPrice })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
       ScButton,
       {
         text: upgradeButtonText,