@streamoid/ui 0.1.7 → 0.1.9

package/dist/index.mjs

@@ -1091,11 +1091,11 @@ var require_react_development = __commonJS({
           var dispatcher = resolveDispatcher();
           return dispatcher.useReducer(reducer, initialArg, init);
         }
-        function useRef(initialValue) {
+        function useRef2(initialValue) {
           var dispatcher = resolveDispatcher();
           return dispatcher.useRef(initialValue);
         }
-        function useEffect(create, deps) {
+        function useEffect2(create, deps) {
           var dispatcher = resolveDispatcher();
           return dispatcher.useEffect(create, deps);
         }
@@ -1878,14 +1878,14 @@ var require_react_development = __commonJS({
         exports.useContext = useContext;
         exports.useDebugValue = useDebugValue;
         exports.useDeferredValue = useDeferredValue;
-        exports.useEffect = useEffect;
+        exports.useEffect = useEffect2;
         exports.useId = useId;
         exports.useImperativeHandle = useImperativeHandle;
         exports.useInsertionEffect = useInsertionEffect;
         exports.useLayoutEffect = useLayoutEffect;
         exports.useMemo = useMemo;
         exports.useReducer = useReducer;
-        exports.useRef = useRef;
+        exports.useRef = useRef2;
         exports.useState = useState;
         exports.useSyncExternalStore = useSyncExternalStore;
         exports.useTransition = useTransition;
@@ -2793,11 +2793,11 @@ var require_react_jsx_runtime_development = __commonJS({
             return jsxWithValidation(type, props, key, false);
           }
         }
-        var jsx106 = jsxWithValidationDynamic;
-        var jsxs58 = jsxWithValidationStatic;
+        var jsx107 = jsxWithValidationDynamic;
+        var jsxs59 = jsxWithValidationStatic;
         exports.Fragment = REACT_FRAGMENT_TYPE;
-        exports.jsx = jsx106;
-        exports.jsxs = jsxs58;
+        exports.jsx = jsx107;
+        exports.jsxs = jsxs59;
       })();
     }
   }
@@ -3033,6 +3033,22 @@ var SiconCatalogix = ({ color = "currentColor", strokeWidth = 1.25, size = 24, .
   );
 };
 var sicon_catalogix_default = SiconCatalogix;
+var SiconClose = ({ color = "currentColor", strokeWidth = 1.25, size = 24, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "svg",
+    {
+      ...props,
+      width: size,
+      height: size,
+      strokeWidth,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d: "M6.75824 17.2426L12.0009 12M12.0009 12L17.2435 6.75735M12.0009 12L6.75824 6.75735M12.0009 12L17.2435 17.2426", stroke: color, strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })
+    }
+  );
+};
+var sicon_close_default = SiconClose;
 var SiconCollapse = ({ color = "currentColor", strokeWidth = 1.25, size = 24, ...props }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "svg",
@@ -5173,6 +5189,7 @@ var ScProfileSettingsComp_default = {
 // src/SC-textField/ScTextField.module.css
 var ScTextField_default = {
   scTextField: "ScTextField_scTextField",
+  "label-group-none": "ScTextField_label-group-none",
   labelContainer: "ScTextField_labelContainer",
   label: "ScTextField_label",
   inputContainer: "ScTextField_inputContainer",
@@ -5183,7 +5200,8 @@ var ScTextField_default = {
   "tf-group-icon-left-right": "ScTextField_tf-group-icon-left-right",
   "state-hover": "ScTextField_state-hover",
   "state-filled": "ScTextField_state-filled",
-  "state-ative-focused": "ScTextField_state-ative-focused"
+  "state-ative-focused": "ScTextField_state-ative-focused",
+  ScTextField_labelContainer: "ScTextField_ScTextField_labelContainer"
 };
 
 // src/SC-textField/ScTextField.tsx
@@ -5193,10 +5211,10 @@ var ScTextField = ({
   tfLeftIcon = /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(sicon_bolt_default, { className: ScTextField_default.siconBoltInstance }),
   state = "default",
   tfGroup = "icon-right",
-  labelGroup = "none",
+  labelGroup = "",
   className,
   placeholderFilled = "Placeholder",
-  label = "Label",
+  label = "",
   ...props
 }) => {
   const variantsClassName = ScTextField_default["state-" + state] + " " + ScTextField_default["tf-group-" + tfGroup] + " " + ScTextField_default["label-group-" + labelGroup];
@@ -5205,7 +5223,7 @@ var ScTextField = ({
     {
       className: ScTextField_default.scTextField + " " + className + " " + variantsClassName,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: ScTextField_default.labelContainer, children: [
+        labelGroup && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: ScTextField_default.labelContainer, children: [
           /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: ScTextField_default.label, children: [
             label,
             " "
@@ -5773,7 +5791,7 @@ var ScSidebar = ({
   );
 };
 
-// src/SC-sidebarnew/streamoid-sidebar.tsx
+// src/SC-Sidebar-new/streamoid-sidebar.tsx
 var import_jsx_runtime85 = __toESM(require_jsx_runtime());
 function SectionHeader({ label }) {
   return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "opacity-50 shrink-0 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "flex flex-row items-center size-full", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
@@ -6212,6 +6230,323 @@ var ScSlider = ({
   ] });
 };
 
+// src/SC-WorkspaceSwitcher/streamoid-workspace-switcher.tsx
+var import_react = __toESM(require_react());
+var import_jsx_runtime87 = __toESM(require_jsx_runtime());
+var PRIMARY_ICON = "var(--alias-text---icons-primary)";
+function deriveInitials(name) {
+  return name.split(/\s+/).slice(0, 2).map((w) => w[0]?.toUpperCase() ?? "").join("") || "WS";
+}
+function normalizeRole(role) {
+  return role === "admin" ? "admin" : "member";
+}
+function roleLabel(role) {
+  const normalized = normalizeRole(role);
+  return normalized === "admin" ? "Admin" : "Member";
+}
+function WorkspaceRow({
+  workspace,
+  currentWorkspaceText,
+  switchWorkspaceText,
+  onSwitch
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+    "div",
+    {
+      className: "relative shrink-0 w-full",
+      style: {
+        backgroundColor: "var(--alias-surface-base)",
+        borderRadius: "var(--radius-3xl)",
+        backdropFilter: "blur(4px)"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+          "div",
+          {
+            "aria-hidden": "true",
+            className: "absolute inset-0 pointer-events-none",
+            style: {
+              border: "1px solid var(--alias-border-subtle)",
+              borderRadius: "var(--radius-3xl)"
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "flex flex-row items-center size-full", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+          "div",
+          {
+            className: "flex items-center w-full",
+            style: {
+              gap: "var(--spacing-3xl)",
+              padding: "var(--spacing-6xl)"
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+                "div",
+                {
+                  className: "flex flex-1 items-center min-w-0",
+                  style: { gap: "var(--spacing-xl)" },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+                      ScIntialProfileCover,
+                      {
+                        intial: workspace.initials || deriveInitials(workspace.name),
+                        className: "shrink-0"
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+                      "p",
+                      {
+                        className: "flex-1 min-w-0 overflow-hidden text-ellipsis",
+                        style: {
+                          color: "var(--alias-text---icons-primary)",
+                          fontFamily: "var(--font-family-font-family-body)",
+                          fontSize: "var(--font-size-font-size-md)",
+                          fontWeight: 500,
+                          lineHeight: "var(--line-height-line-height-md)",
+                          display: "-webkit-box",
+                          WebkitLineClamp: 2,
+                          WebkitBoxOrient: "vertical"
+                        },
+                        children: workspace.name
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+                "div",
+                {
+                  className: "flex items-center justify-center shrink-0",
+                  style: {
+                    gap: "var(--spacing-6xl)",
+                    padding: "0 var(--spacing-3xl)"
+                  },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+                      ScRole,
+                      {
+                        type: normalizeRole(workspace.role),
+                        label: roleLabel(workspace.role),
+                        style: { width: 80 }
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "flex flex-row items-center self-stretch", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+                      "div",
+                      {
+                        className: "flex items-center shrink-0",
+                        style: { gap: "var(--spacing-3xl)" },
+                        children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { style: { width: 120, flexShrink: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+                            ScPairtext,
+                            {
+                              icon: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(sicon_team_default, { className: "w-6 h-6", color: PRIMARY_ICON }),
+                              content: workspace.userCount || "\u2013",
+                              iconPosition: "left",
+                              type: "icon"
+                            }
+                          ) }),
+                          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ScVDivider, {}),
+                          /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+                            "div",
+                            {
+                              className: "flex items-center",
+                              style: {
+                                width: 200,
+                                flexShrink: 0,
+                                gap: "var(--spacing-md)"
+                              },
+                              children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+                                  sicon_Crown_default,
+                                  {
+                                    className: "w-6 h-6 shrink-0",
+                                    color: PRIMARY_ICON
+                                  }
+                                ),
+                                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+                                  "span",
+                                  {
+                                    className: "truncate",
+                                    style: {
+                                      color: "var(--alias-text---icons-primary)",
+                                      fontFamily: "var(--font-family-font-family-body)",
+                                      fontSize: "var(--font-size-font-size-sm)",
+                                      lineHeight: "var(--line-height-line-height-sm)"
+                                    },
+                                    children: workspace.ownerEmail || "\u2013"
+                                  }
+                                )
+                              ]
+                            }
+                          )
+                        ]
+                      }
+                    ) })
+                  ]
+                }
+              ),
+              workspace.isCurrent ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+                ScButton,
+                {
+                  text: currentWorkspaceText,
+                  variant: "outline",
+                  state: "disabled",
+                  size: "lg",
+                  style: { width: 200, flexShrink: 0, opacity: 0.5 }
+                }
+              ) : /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+                ScButton,
+                {
+                  text: switchWorkspaceText,
+                  variant: "secondary",
+                  size: "lg",
+                  styleVariant: "icon-left",
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(sicon_switch_default, { className: "w-5 h-5", color: PRIMARY_ICON }),
+                  style: { width: 200, flexShrink: 0 },
+                  onClick: onSwitch
+                }
+              )
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+function StreamoidWorkspaceSwitcher({
+  open,
+  onClose,
+  workspaces,
+  loading = false,
+  onSwitchWorkspace,
+  config
+}) {
+  const modalRef = (0, import_react.useRef)(null);
+  const title = config?.title || "Switch workspace";
+  const loadingText = config?.loadingText || "Loading workspaces\u2026";
+  const currentWorkspaceText = config?.currentWorkspaceText || "Current workspace";
+  const switchWorkspaceText = config?.switchWorkspaceText || "Switch workspace";
+  (0, import_react.useEffect)(() => {
+    if (!open) return;
+    function handleKeyDown(e) {
+      if (e.key === "Escape") onClose();
+    }
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [open, onClose]);
+  if (!open) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+    "div",
+    {
+      className: "fixed inset-0 z-50 flex items-center justify-center",
+      style: { backgroundColor: "rgba(0, 0, 0, 0.6)" },
+      onClick: (e) => {
+        if (e.target === e.currentTarget) onClose();
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+        "div",
+        {
+          ref: modalRef,
+          className: "flex flex-col items-start relative",
+          style: {
+            backgroundColor: "var(--alias-surface-subtle)",
+            borderRadius: "var(--radius-4xl)",
+            border: "1px solid var(--alias-border-subtle)",
+            width: "min(1000px, 90vw)",
+            height: "60vh"
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+              "div",
+              {
+                className: "shrink-0 w-full relative",
+                style: {
+                  borderBottom: "1px solid var(--alias-border-divider)"
+                },
+                children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "flex flex-row items-center size-full", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+                  "div",
+                  {
+                    className: "flex items-center w-full",
+                    style: {
+                      gap: "var(--spacing-3xl)",
+                      padding: "var(--spacing-3xl) var(--spacing-6xl)"
+                    },
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+                        "p",
+                        {
+                          className: "flex-1 min-w-0 overflow-hidden text-ellipsis whitespace-nowrap",
+                          style: {
+                            color: "var(--alias-text---icons-primary)",
+                            fontFamily: "var(--font-family-font-family-body)",
+                            fontSize: "var(--font-size-font-size-lg)",
+                            fontWeight: 600,
+                            lineHeight: "var(--line-height-line-height-lg)"
+                          },
+                          children: title
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "shrink-0 cursor-pointer", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(sicon_close_default, { className: "w-6 h-6", color: PRIMARY_ICON }) })
+                    ]
+                  }
+                ) })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+              "div",
+              {
+                className: "flex-1 min-h-0 w-full overflow-y-auto",
+                style: {
+                  borderRadius: "0 0 var(--radius-4xl) var(--radius-4xl)"
+                },
+                children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+                  "div",
+                  {
+                    className: "flex flex-col items-start",
+                    style: {
+                      padding: "var(--spacing-6xl)",
+                      gap: "var(--spacing-3xl)"
+                    },
+                    children: [
+                      loading && workspaces.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+                        "p",
+                        {
+                          style: {
+                            fontFamily: "var(--font-family-font-family-body)",
+                            fontSize: "var(--font-size-font-size-sm)",
+                            color: "var(--alias-text---icons-muted)"
+                          },
+                          children: loadingText
+                        }
+                      ) : null,
+                      workspaces.map((ws) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+                        WorkspaceRow,
+                        {
+                          workspace: ws,
+                          currentWorkspaceText,
+                          switchWorkspaceText,
+                          onSwitch: () => {
+                            if (ws.isCurrent) {
+                              onClose();
+                              return;
+                            }
+                            void onSwitchWorkspace(ws);
+                          }
+                        },
+                        ws.id
+                      ))
+                    ]
+                  }
+                )
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+
 // src/SC-app listing card/ScAppListingCard.module.css
 var ScAppListingCard_default = {
   scAppListingCard: "ScAppListingCard_scAppListingCard",
@@ -6222,23 +6557,23 @@ var ScAppListingCard_default = {
 };
 
 // src/SC-app listing card/ScAppListingCard.tsx
-var import_jsx_runtime87 = __toESM(require_jsx_runtime());
+var import_jsx_runtime88 = __toESM(require_jsx_runtime());
 var ScAppListingCard = ({
-  icon = /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(sicon_Cart_default, { className: ScAppListingCard_default.siconCartInstance }),
+  icon = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(sicon_Cart_default, { className: ScAppListingCard_default.siconCartInstance }),
   title = "Stores",
   descrp = "Centralized product and asset management for every storefront",
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: ScAppListingCard_default.scAppListingCard + " " + className, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: ScAppListingCard_default.header, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: ScAppListingCard_default.iconContainer, children: icon }),
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: ScAppListingCard_default.title, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: ScAppListingCard_default.scAppListingCard + " " + className, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: ScAppListingCard_default.header, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: ScAppListingCard_default.iconContainer, children: icon }),
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: ScAppListingCard_default.title, children: [
         title,
         " "
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: ScAppListingCard_default.description, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: ScAppListingCard_default.description, children: [
       descrp,
       " "
     ] })
@@ -6255,22 +6590,22 @@ var ScAppCard_default = {
 };
 
 // src/SC-appCard/ScAppCard.tsx
-var import_jsx_runtime88 = __toESM(require_jsx_runtime());
+var import_jsx_runtime89 = __toESM(require_jsx_runtime());
 var ScAppCard = ({
-  appIcon = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(sicon_artifacts_default, { className: ScAppCard_default.siconArtifactsInstance }),
+  appIcon = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(sicon_artifacts_default, { className: ScAppCard_default.siconArtifactsInstance }),
   appName = "Artifax",
   appDescription = "Info about artifax",
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: ScAppCard_default.scAppCard + " " + className, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: ScAppCard_default.iconContainer, children: appIcon }),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: ScAppCard_default.textContainer, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: ScAppCard_default.title, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: ScAppCard_default.scAppCard + " " + className, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: ScAppCard_default.iconContainer, children: appIcon }),
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: ScAppCard_default.textContainer, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: ScAppCard_default.title, children: [
         appName,
         " "
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: ScAppCard_default.subtitle, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: ScAppCard_default.subtitle, children: [
         appDescription,
         " "
       ] })
@@ -6306,19 +6641,19 @@ var ScToggleSwitch_default = {
 };
 
 // src/SC-toggleSwitch/ScToggleSwitch.tsx
-var import_jsx_runtime89 = __toESM(require_jsx_runtime());
+var import_jsx_runtime90 = __toESM(require_jsx_runtime());
 var ScToggleSwitch = ({
   active = "false",
   className,
   ...props
 }) => {
   const variantsClassName = ScToggleSwitch_default["active-" + active];
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
     "div",
     {
       className: ScToggleSwitch_default.scToggleSwitch + " " + className + " " + variantsClassName,
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
         "svg",
         {
           width: "41",
@@ -6327,21 +6662,21 @@ var ScToggleSwitch = ({
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime90.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_runtime89.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime90.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_runtime89.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime90.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",
@@ -6356,7 +6691,7 @@ var ScToggleSwitch = ({
 };
 
 // src/SC-artifaxInvite/ScArtifaxInvite.tsx
-var import_jsx_runtime90 = __toESM(require_jsx_runtime());
+var import_jsx_runtime91 = __toESM(require_jsx_runtime());
 var ScArtifaxInvite = ({
   active = "true",
   appName = "Artifax",
@@ -6366,22 +6701,22 @@ var ScArtifaxInvite = ({
   ...props
 }) => {
   const variantsClassName = ScArtifaxInvite_default["active-" + active];
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
     "div",
     {
       className: ScArtifaxInvite_default.scArtifaxInvite + " " + className + " " + variantsClassName,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
           ScAppCard,
           {
-            appIcon: appIcon || /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(sicon_artifacts_default, { className: ScArtifaxInvite_default.siconArtifactsInstance }),
+            appIcon: appIcon || /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(sicon_artifacts_default, { className: ScArtifaxInvite_default.siconArtifactsInstance }),
             appName,
             appDescription,
             className: ScArtifaxInvite_default.scAppCardInstance
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
           ScToggleSwitch,
           {
             active: "false",
@@ -6402,22 +6737,22 @@ var ScPhtogenixInvite_default = {
 };
 
 // src/SC-phtogenixInvite/ScPhtogenixInvite.tsx
-var import_jsx_runtime91 = __toESM(require_jsx_runtime());
+var import_jsx_runtime92 = __toESM(require_jsx_runtime());
 var ScPhtogenixInvite = ({
   active = "true",
   scAppCardappDescription = "Info about photogenix",
   scAppCardappName = "Photogenix",
-  scAppCardappIcon = /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(sicon_artifacts_default, { className: ScPhtogenixInvite_default.siconArtifactsInstance }),
+  scAppCardappIcon = /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(sicon_artifacts_default, { className: ScPhtogenixInvite_default.siconArtifactsInstance }),
   className,
   ...props
 }) => {
   const variantsClassName = ScPhtogenixInvite_default["active-" + active];
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
     "div",
     {
       className: ScPhtogenixInvite_default.scPhtogenixInvite + " " + className + " " + variantsClassName,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
           ScAppCard,
           {
             appIcon: scAppCardappIcon,
@@ -6426,7 +6761,7 @@ var ScPhtogenixInvite = ({
             className: ScPhtogenixInvite_default.scAppCardInstance
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
           ScToggleSwitch,
           {
             active: "false",
@@ -6467,10 +6802,10 @@ var ScOnlyField_default = {
 };
 
 // src/SC-onlyField/ScOnlyField.tsx
-var import_jsx_runtime92 = __toESM(require_jsx_runtime());
+var import_jsx_runtime93 = __toESM(require_jsx_runtime());
 var ScOnlyField = ({
-  tfRightIcon = /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(sicon_bolt_default, { className: ScOnlyField_default.siconBoltInstance }),
-  tfLeftIcon = /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(sicon_bolt_default, { className: ScOnlyField_default.siconBoltInstance }),
+  tfRightIcon = /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(sicon_bolt_default, { className: ScOnlyField_default.siconBoltInstance }),
+  tfLeftIcon = /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(sicon_bolt_default, { className: ScOnlyField_default.siconBoltInstance }),
   state = "default",
   tfGroup = "icon-right",
   labelGroup = "none",
@@ -6479,25 +6814,25 @@ var ScOnlyField = ({
   ...props
 }) => {
   const variantsClassName = ScOnlyField_default["state-" + state] + " " + ScOnlyField_default["tf-group-" + tfGroup] + " " + ScOnlyField_default["label-group-" + labelGroup];
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
     "div",
     {
       className: ScOnlyField_default.scOnlyField + " " + className + " " + variantsClassName,
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: ScOnlyField_default.inputContainer, children: [
-        (tfGroup === "icon-left" || tfGroup === "icon-left-right") && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_jsx_runtime92.Fragment, { children: tfLeftIcon }),
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: ScOnlyField_default.inputText, children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: ScOnlyField_default.inputContainer, children: [
+        (tfGroup === "icon-left" || tfGroup === "icon-left-right") && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_jsx_runtime93.Fragment, { children: tfLeftIcon }),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: ScOnlyField_default.inputText, children: [
           placeholderFilled,
           " "
         ] }),
-        (tfGroup === "icon-right" || tfGroup === "icon-left-right") && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_jsx_runtime92.Fragment, { children: tfRightIcon })
+        (tfGroup === "icon-right" || tfGroup === "icon-left-right") && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_jsx_runtime93.Fragment, { children: tfRightIcon })
       ] })
     }
   );
 };
 
 // src/SC-catalogixInvite/ScCatalogixInvite.tsx
-var import_jsx_runtime93 = __toESM(require_jsx_runtime());
+var import_jsx_runtime94 = __toESM(require_jsx_runtime());
 var ScCatalogixInvite = ({
   active = "false",
   appName = "Catalogix",
@@ -6510,23 +6845,23 @@ var ScCatalogixInvite = ({
   ...props
 }) => {
   const variantsClassName = ScCatalogixInvite_default["active-" + active];
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
     "div",
     {
       className: ScCatalogixInvite_default.scCatalogixInvite + " " + className + " " + variantsClassName,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: ScCatalogixInvite_default.appHeader, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: ScCatalogixInvite_default.appHeader, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
             ScAppCard,
             {
-              appIcon: appIcon || /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(sicon_artifacts_default, { className: ScCatalogixInvite_default.siconArtifactsInstance }),
+              appIcon: appIcon || /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(sicon_artifacts_default, { className: ScCatalogixInvite_default.siconArtifactsInstance }),
               appDescription,
               appName,
               className: ScCatalogixInvite_default.scAppCardInstance
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
             ScToggleSwitch,
             {
               active: "false",
@@ -6534,67 +6869,67 @@ var ScCatalogixInvite = ({
             }
           )
         ] }),
-        active === "true" && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_jsx_runtime93.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: ScCatalogixInvite_default.storeAccessContainer, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: ScCatalogixInvite_default.storeAccessHeader, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: ScCatalogixInvite_default.storeAccessTitle, children: [
+        active === "true" && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_jsx_runtime94.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: ScCatalogixInvite_default.storeAccessContainer, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: ScCatalogixInvite_default.storeAccessHeader, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: ScCatalogixInvite_default.storeAccessTitle, children: [
               storeAccessTitle,
               " "
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: ScCatalogixInvite_default.selectedCount, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: ScCatalogixInvite_default.selectedCount, children: [
               selectedCount,
               " "
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
             ScOnlyField,
             {
-              tfLeftIcon: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(sicon_Search_default, { className: ScCatalogixInvite_default.siconSearchInstance }),
-              tfRightIcon: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(sicon_Search_default, { className: ScCatalogixInvite_default.siconSearchInstance }),
+              tfLeftIcon: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(sicon_Search_default, { className: ScCatalogixInvite_default.siconSearchInstance }),
+              tfRightIcon: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(sicon_Search_default, { className: ScCatalogixInvite_default.siconSearchInstance }),
               placeholderFilled: searchPlaceholder,
               className: ScCatalogixInvite_default.scOnlyFieldInstance
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: ScCatalogixInvite_default.storeListContainer, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: ScCatalogixInvite_default.storeListContainer, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
               ScPairtext,
               {
-                icon: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(sicon_Home_default, { className: ScCatalogixInvite_default.siconHomeInstance }),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(sicon_Home_default, { className: ScCatalogixInvite_default.siconHomeInstance }),
                 iconPosition: "right",
                 type: "checkbox",
                 className: ScCatalogixInvite_default.scPairtextInstance
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
               ScPairtext,
               {
-                icon: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(sicon_Home_default, { className: ScCatalogixInvite_default.siconHomeInstance }),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(sicon_Home_default, { className: ScCatalogixInvite_default.siconHomeInstance }),
                 iconPosition: "right",
                 type: "checkbox",
                 className: ScCatalogixInvite_default.scPairtextInstance
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
               ScPairtext,
               {
-                icon: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(sicon_Home_default, { className: ScCatalogixInvite_default.siconHomeInstance }),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(sicon_Home_default, { className: ScCatalogixInvite_default.siconHomeInstance }),
                 iconPosition: "right",
                 type: "checkbox",
                 className: ScCatalogixInvite_default.scPairtextInstance
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
               ScPairtext,
               {
-                icon: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(sicon_Home_default, { className: ScCatalogixInvite_default.siconHomeInstance }),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(sicon_Home_default, { className: ScCatalogixInvite_default.siconHomeInstance }),
                 iconPosition: "right",
                 type: "checkbox",
                 className: ScCatalogixInvite_default.scPairtextInstance
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
               ScPairtext,
               {
-                icon: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(sicon_Home_default, { className: ScCatalogixInvite_default.siconHomeInstance }),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(sicon_Home_default, { className: ScCatalogixInvite_default.siconHomeInstance }),
                 iconPosition: "right",
                 type: "checkbox",
                 className: ScCatalogixInvite_default.scPairtextInstance
@@ -6608,34 +6943,34 @@ var ScCatalogixInvite = ({
 };
 
 // src/SC-appField/ScAppField.tsx
-var import_jsx_runtime94 = __toESM(require_jsx_runtime());
+var import_jsx_runtime95 = __toESM(require_jsx_runtime());
 var ScAppField = ({
   appFieldTitle = "App permission",
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: ScAppField_default.scAppField + " " + className, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: ScAppField_default.labelContainer, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: ScAppField_default.title, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: ScAppField_default.scAppField + " " + className, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: ScAppField_default.labelContainer, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: ScAppField_default.title, children: [
       appFieldTitle,
       " "
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: ScAppField_default.inputContainer, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: ScAppField_default.inputContainer, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
         ScArtifaxInvite,
         {
           className: ScAppField_default.scArtifaxInviteInstance
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
         ScPhtogenixInvite,
         {
           scAppCardappDescription: "Info about photogenix",
           scAppCardappName: "Photogenix",
-          scAppCardappIcon: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(sicon_photogenix_default, { className: ScAppField_default.siconPhotogenixInstance }),
+          scAppCardappIcon: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(sicon_photogenix_default, { className: ScAppField_default.siconPhotogenixInstance }),
           className: ScAppField_default.scPhtogenixInviteInstance
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
         ScCatalogixInvite,
         {
           active: "true",
@@ -6655,13 +6990,13 @@ var ScBillingHistoryHeader_default = {
 };
 
 // src/SC-billingHistoryHeader/ScBillingHistoryHeader.tsx
-var import_jsx_runtime95 = __toESM(require_jsx_runtime());
+var import_jsx_runtime96 = __toESM(require_jsx_runtime());
 var ScBillingHistoryHeader = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: ScBillingHistoryHeader_default.scBillingHistoryHeader + " " + className, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: ScBillingHistoryHeader_default.scBillingHistoryHeader + " " + className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
       ScHeader,
       {
         text: "Invoice",
@@ -6669,7 +7004,7 @@ var ScBillingHistoryHeader = ({
         className: ScBillingHistoryHeader_default.scHeaderInstance
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
       ScHeader,
       {
         text: "Amount",
@@ -6677,7 +7012,7 @@ var ScBillingHistoryHeader = ({
         className: ScBillingHistoryHeader_default.scHeaderInstance2
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
       ScHeader,
       {
         text: "Date",
@@ -6685,7 +7020,7 @@ var ScBillingHistoryHeader = ({
         className: ScBillingHistoryHeader_default.scHeaderInstance2
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
       ScHeader,
       {
         text: "Action",
@@ -6706,30 +7041,30 @@ var ScCheckField_default = {
 };
 
 // src/SC-checkField/ScCheckField.tsx
-var import_jsx_runtime96 = __toESM(require_jsx_runtime());
+var import_jsx_runtime97 = __toESM(require_jsx_runtime());
 var ScCheckField = ({
   label = "Label",
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: ScCheckField_default.scCheckField + " " + className, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: ScCheckField_default.labelContainer, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: ScCheckField_default.label, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: ScCheckField_default.scCheckField + " " + className, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: ScCheckField_default.labelContainer, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: ScCheckField_default.label, children: [
       label,
       " "
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: ScCheckField_default.tabSwitcher, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: ScCheckField_default.tabSwitcher, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
         ScPairtext,
         {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(sicon_Home_default, { className: ScCheckField_default.siconHomeInstance }),
+          icon: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(sicon_Home_default, { className: ScCheckField_default.siconHomeInstance }),
           type: "checkbox",
           className: ScCheckField_default.scPairtextInstance
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
         ScPairtext,
         {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(sicon_Home_default, { className: ScCheckField_default.siconHomeInstance }),
+          icon: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(sicon_Home_default, { className: ScCheckField_default.siconHomeInstance }),
           type: "checkbox",
           className: ScCheckField_default.scPairtextInstance
         }
@@ -6749,9 +7084,9 @@ var ScFieldButton_default = {
 };
 
 // src/SC-fieldButton/ScFieldButton.tsx
-var import_jsx_runtime97 = __toESM(require_jsx_runtime());
+var import_jsx_runtime98 = __toESM(require_jsx_runtime());
 var ScFieldButton = ({
-  icon = /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(sicon_Home_default, { className: ScFieldButton_default.siconHomeInstance }),
+  icon = /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(sicon_Home_default, { className: ScFieldButton_default.siconHomeInstance }),
   type = "default",
   state = "default",
   className,
@@ -6759,18 +7094,18 @@ var ScFieldButton = ({
   ...props
 }) => {
   const variantsClassName = ScFieldButton_default["type-" + type] + " " + ScFieldButton_default["state-" + state];
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
     "div",
     {
       className: ScFieldButton_default.scFieldButton + " " + className + " " + variantsClassName,
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: ScFieldButton_default.container, children: [
-        (type === "icon-right" || type === "only-icon") && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_jsx_runtime97.Fragment, { children: icon }),
-        (type === "icon-left" || type === "default" || type === "icon-right") && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_jsx_runtime97.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: ScFieldButton_default.label, children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: ScFieldButton_default.container, children: [
+        (type === "icon-right" || type === "only-icon") && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_jsx_runtime98.Fragment, { children: icon }),
+        (type === "icon-left" || type === "default" || type === "icon-right") && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_jsx_runtime98.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: ScFieldButton_default.label, children: [
           text,
           " "
         ] }) }),
-        type === "icon-left" && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_jsx_runtime97.Fragment, { children: icon })
+        type === "icon-left" && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_jsx_runtime98.Fragment, { children: icon })
       ] })
     }
   );
@@ -6784,16 +7119,16 @@ var ScPendingAction_default = {
 };
 
 // src/SC-pendingAction/ScPendingAction.tsx
-var import_jsx_runtime98 = __toESM(require_jsx_runtime());
+var import_jsx_runtime99 = __toESM(require_jsx_runtime());
 var ScPendingAction = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: ScPendingAction_default.scPendingAction + " " + className, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: ScPendingAction_default.scPendingAction + " " + className, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
       ScButton,
       {
-        icon: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(sicon_Home_default, { className: ScPendingAction_default.siconHomeInstance }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(sicon_Home_default, { className: ScPendingAction_default.siconHomeInstance }),
         text: "Cancel",
         variant: "error",
         type: "tertiary",
@@ -6801,11 +7136,11 @@ var ScPendingAction = ({
         className: ScPendingAction_default.scButtonInstance
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(ScVDivider, { className: ScPendingAction_default.scVDividerInstance }),
-    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(ScVDivider, { className: ScPendingAction_default.scVDividerInstance }),
+    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
       ScButton,
       {
-        icon: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(sicon_Home_default, { className: ScPendingAction_default.siconHomeInstance }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(sicon_Home_default, { className: ScPendingAction_default.siconHomeInstance }),
         text: "Resend",
         variant: "tertiary",
         size: "sm",
@@ -6828,7 +7163,7 @@ var ScQuickPrompt_default = {
 };
 
 // src/SC-quick prompt/ScQuickPrompt.tsx
-var import_jsx_runtime99 = __toESM(require_jsx_runtime());
+var import_jsx_runtime100 = __toESM(require_jsx_runtime());
 var ScQuickPrompt = ({
   appName = "Photogenix",
   heading = "Swap Model and Background",
@@ -6836,20 +7171,20 @@ var ScQuickPrompt = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: ScQuickPrompt_default.scQuickPrompt + " " + className, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: ScQuickPrompt_default.header, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: ScQuickPrompt_default.iconContainer, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(sicon_bolt_default, { className: ScQuickPrompt_default.siconBoltInstance }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: ScQuickPrompt_default.titleContainer, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: ScQuickPrompt_default.title, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: ScQuickPrompt_default.scQuickPrompt + " " + className, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: ScQuickPrompt_default.header, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: ScQuickPrompt_default.iconContainer, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(sicon_bolt_default, { className: ScQuickPrompt_default.siconBoltInstance }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: ScQuickPrompt_default.titleContainer, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: ScQuickPrompt_default.title, children: [
         appName,
         " "
       ] }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: ScQuickPrompt_default.body, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: ScQuickPrompt_default.heading, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: ScQuickPrompt_default.body, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: ScQuickPrompt_default.heading, children: [
         heading,
         " "
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: ScQuickPrompt_default.description, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: ScQuickPrompt_default.description, children: [
         description,
         " "
       ] })
@@ -6866,13 +7201,13 @@ var ScReferralTableHeader_default = {
 };
 
 // src/SC-referralTableHeader/ScReferralTableHeader.tsx
-var import_jsx_runtime100 = __toESM(require_jsx_runtime());
+var import_jsx_runtime101 = __toESM(require_jsx_runtime());
 var ScReferralTableHeader = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: ScReferralTableHeader_default.scReferralTableHeader + " " + className, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: ScReferralTableHeader_default.scReferralTableHeader + " " + className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
       ScHeader,
       {
         text: "User",
@@ -6880,7 +7215,7 @@ var ScReferralTableHeader = ({
         className: ScReferralTableHeader_default.scHeaderInstance
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
       ScHeader,
       {
         text: "Date",
@@ -6888,7 +7223,7 @@ var ScReferralTableHeader = ({
         className: ScReferralTableHeader_default.scHeaderInstance2
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
       ScHeader,
       {
         text: "Status",
@@ -6896,7 +7231,7 @@ var ScReferralTableHeader = ({
         className: ScReferralTableHeader_default.scHeaderInstance3
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
       ScHeader,
       {
         text: "Reward",
@@ -6917,7 +7252,7 @@ var ScReferralTableList_default = {
 };
 
 // src/SC-referralTableList/ScReferralTableList.tsx
-var import_jsx_runtime101 = __toESM(require_jsx_runtime());
+var import_jsx_runtime102 = __toESM(require_jsx_runtime());
 var ScReferralTableList = ({
   userEmail = "chris@kepler.com",
   userName,
@@ -6927,8 +7262,8 @@ var ScReferralTableList = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: ScReferralTableList_default.scReferralTableList + " " + className, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: ScReferralTableList_default.scReferralTableList + " " + className, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
       ScProfile,
       {
         subText: userEmail,
@@ -6936,12 +7271,12 @@ var ScReferralTableList = ({
         className: ScReferralTableList_default.scProfileInstance
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: ScReferralTableList_default.date, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: ScReferralTableList_default.date, children: [
       date,
       " "
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(ScBadges, { text: status, className: ScReferralTableList_default.scBadgesInstance }),
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: ScReferralTableList_default.points, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(ScBadges, { text: status, className: ScReferralTableList_default.scBadgesInstance }),
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: ScReferralTableList_default.points, children: [
       points,
       " "
     ] })
@@ -6955,33 +7290,33 @@ var ScSettingsNav_default = {
 };
 
 // src/SC-settingsNav/ScSettingsNav.tsx
-var import_jsx_runtime102 = __toESM(require_jsx_runtime());
+var import_jsx_runtime103 = __toESM(require_jsx_runtime());
 var ScSettingsNav = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: ScSettingsNav_default.scSettingsNav + " " + className, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: ScSettingsNav_default.container, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: ScSettingsNav_default.scSettingsNav + " " + className, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: ScSettingsNav_default.container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
       ScSidebarMenu,
       {
-        icon: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(sicon_team_default, { className: ScSettingsNav_default.siconTeamInstance }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(sicon_team_default, { className: ScSettingsNav_default.siconTeamInstance }),
         text: "Profile",
         state: "active",
         className: ScSettingsNav_default.scSidebarMenuInstance
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
       ScSidebarMenu,
       {
-        icon: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(sicon_workspace_default, { className: ScSettingsNav_default.siconWorkspaceInstance }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(sicon_workspace_default, { className: ScSettingsNav_default.siconWorkspaceInstance }),
         text: "Workspace",
         className: ScSettingsNav_default.scSidebarMenuInstance
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
       ScSidebarMenu,
       {
-        icon: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(sicon_referral_default, { className: ScSettingsNav_default.siconReferralInstance }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(sicon_referral_default, { className: ScSettingsNav_default.siconReferralInstance }),
         text: "Referral",
         className: ScSettingsNav_default.scSidebarMenuInstance
       }
@@ -6997,18 +7332,18 @@ var ScTabField_default = {
 };
 
 // src/SC-tabField/ScTabField.tsx
-var import_jsx_runtime103 = __toESM(require_jsx_runtime());
+var import_jsx_runtime104 = __toESM(require_jsx_runtime());
 var ScTabField = ({
   label = "Label",
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: ScTabField_default.scTabField + " " + className, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: ScTabField_default.labelContainer, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: ScTabField_default.label, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: ScTabField_default.scTabField + " " + className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: ScTabField_default.labelContainer, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: ScTabField_default.label, children: [
       label,
       " "
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(ScTabSwitcher, { className: ScTabField_default.scTabSwitcherInstance })
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(ScTabSwitcher, { className: ScTabField_default.scTabSwitcherInstance })
   ] });
 };
 
@@ -7025,19 +7360,19 @@ var ScTableHeader_default = {
 };
 
 // src/SC-tableHeader/ScTableHeader.tsx
-var import_jsx_runtime104 = __toESM(require_jsx_runtime());
+var import_jsx_runtime105 = __toESM(require_jsx_runtime());
 var ScTableHeader = ({
   type = "default",
   className,
   ...props
 }) => {
   const variantsClassName = ScTableHeader_default["type-" + type];
-  return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
     "div",
     {
       className: ScTableHeader_default.scTableHeader + " " + className + " " + variantsClassName,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
           ScHeader,
           {
             text: "User",
@@ -7045,7 +7380,7 @@ var ScTableHeader = ({
             className: ScTableHeader_default.scHeaderInstance
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
           ScHeader,
           {
             text: "Role",
@@ -7053,7 +7388,7 @@ var ScTableHeader = ({
             className: ScTableHeader_default.scHeaderInstance2
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
           ScHeader,
           {
             text: "Access",
@@ -7061,7 +7396,7 @@ var ScTableHeader = ({
             className: ScTableHeader_default.scHeaderInstance3
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
           ScHeader,
           {
             text: "Invited by",
@@ -7069,7 +7404,7 @@ var ScTableHeader = ({
             className: ScTableHeader_default.scHeaderInstance4
           }
         ),
-        type === "pending" && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_jsx_runtime104.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+        type === "pending" && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_jsx_runtime105.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
           ScHeader,
           {
             text: "Invite action",
@@ -7077,7 +7412,7 @@ var ScTableHeader = ({
             className: ScTableHeader_default.scHeaderInstance5
           }
         ) }),
-        type === "default" && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_jsx_runtime104.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+        type === "default" && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_jsx_runtime105.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
           ScHeader,
           {
             text: "Signed On",
@@ -7109,7 +7444,7 @@ var ScTableList_default = {
 };
 
 // src/SC-tableList/ScTableList.tsx
-var import_jsx_runtime105 = __toESM(require_jsx_runtime());
+var import_jsx_runtime106 = __toESM(require_jsx_runtime());
 var ScTableList = ({
   invitedBy = "Rohan",
   signedOn = "Nov 9th, 2025",
@@ -7121,51 +7456,51 @@ var ScTableList = ({
   ...props
 }) => {
   const variantsClassName = ScTableList_default["hover-" + hover] + " " + ScTableList_default["variant-" + variant];
-  return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
     "div",
     {
       className: ScTableList_default.scTableList + " " + className + " " + variantsClassName,
       onClick: (e) => onRowClick && onRowClick(invitedBy, e),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
           ScProfile,
           {
             subText: userEmail,
             className: ScTableList_default.scProfileInstance
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(ScRole, { className: ScTableList_default.scRoleInstance }),
-        /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: ScTableList_default.accessInfo, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(ScRole, { className: ScTableList_default.scRoleInstance }),
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: ScTableList_default.accessInfo, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
             ScAccess,
             {
-              component: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(sicon_artifacts_default, { className: ScTableList_default.siconArtifactsInstance }),
-              component2: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(sicon_photogenix_default, { className: ScTableList_default.siconPhotogenixInstance }),
+              component: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(sicon_artifacts_default, { className: ScTableList_default.siconArtifactsInstance }),
+              component2: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(sicon_photogenix_default, { className: ScTableList_default.siconPhotogenixInstance }),
               className: ScTableList_default.scAccessInstance
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
             ScAccess,
             {
-              component: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(sicon_userAdd_default, { className: ScTableList_default.siconUserAddInstance }),
-              component2: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(sicon_Coins_default, { className: ScTableList_default.siconCoinsInstance }),
+              component: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(sicon_userAdd_default, { className: ScTableList_default.siconUserAddInstance }),
+              component2: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(sicon_Coins_default, { className: ScTableList_default.siconCoinsInstance }),
               visibleSiconCatalogix: false,
               className: ScTableList_default.scAccessInstance
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: ScTableList_default.userName, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: ScTableList_default.userName, children: [
           invitedBy,
           " "
         ] }),
-        variant === "pending" && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_jsx_runtime105.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+        variant === "pending" && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_jsx_runtime106.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
           ScPendingAction,
           {
             className: ScTableList_default.scPendingActionInstance
           }
         ) }),
-        variant === "active" && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_jsx_runtime105.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: ScTableList_default.date, children: [
+        variant === "active" && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_jsx_runtime106.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: ScTableList_default.date, children: [
           signedOn,
           " "
         ] }) })
@@ -7194,7 +7529,7 @@ var ScWorkspaceCard_default = {
 };
 
 // src/SC-workspaceCard/ScWorkspaceCard.tsx
-var import_jsx_runtime106 = __toESM(require_jsx_runtime());
+var import_jsx_runtime107 = __toESM(require_jsx_runtime());
 var ScWorkspaceCard = ({
   workspaceName = "Stores",
   role = "Admin",
@@ -7204,21 +7539,21 @@ var ScWorkspaceCard = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: ScWorkspaceCard_default.scWorkspaceCard + " " + className, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: ScWorkspaceCard_default.workspaceInfo, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: ScWorkspaceCard_default.scWorkspaceCard + " " + className, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: ScWorkspaceCard_default.workspaceInfo, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
         ScIntialProfileCover,
         {
           className: ScWorkspaceCard_default.scIntialProfileCoverInstance
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: ScWorkspaceCard_default.workspaceName, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: ScWorkspaceCard_default.workspaceName, children: [
         workspaceName,
         " "
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: ScWorkspaceCard_default.userInfo, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: ScWorkspaceCard_default.userInfo, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
         ScBadges,
         {
           text: role,
@@ -7226,41 +7561,41 @@ var ScWorkspaceCard = ({
           className: ScWorkspaceCard_default.scBadgesInstance
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: ScWorkspaceCard_default.userDetails, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: ScWorkspaceCard_default.userDetails, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
           ScPairtext,
           {
-            icon: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(sicon_team_default, { className: ScWorkspaceCard_default.siconTeamInstance }),
+            icon: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(sicon_team_default, { className: ScWorkspaceCard_default.siconTeamInstance }),
             content: userCount,
             className: ScWorkspaceCard_default.scPairtextInstance
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(ScVDivider, { className: ScWorkspaceCard_default.scVDividerInstance }),
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(ScVDivider, { className: ScWorkspaceCard_default.scVDividerInstance }),
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
           ScPairtext,
           {
-            icon: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(sicon_Crown_default, { className: ScWorkspaceCard_default.siconCrownInstance }),
+            icon: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(sicon_Crown_default, { className: ScWorkspaceCard_default.siconCrownInstance }),
             content: ownerEmail,
             className: ScWorkspaceCard_default.scPairtextInstance
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
       ScButton,
       {
-        icon: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(sicon_switch_default, { className: ScWorkspaceCard_default.siconSwitchInstance }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(sicon_switch_default, { className: ScWorkspaceCard_default.siconSwitchInstance }),
         text: buttonText,
         state: "disabled",
         variant: "outline",
         className: ScWorkspaceCard_default.scButtonInstance
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
       ScButton,
       {
         text: "Leave workspace",
-        icon: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(sicon_logout_default, { className: ScWorkspaceCard_default.siconLogoutInstance }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(sicon_logout_default, { className: ScWorkspaceCard_default.siconLogoutInstance }),
         styleVariant: "icon-only",
         variant: "error",
         className: ScWorkspaceCard_default.scButtonInstance2
@@ -7326,9 +7661,9 @@ export {
   ScToggleSwitch,
   ScVDivider,
   ScVersion,
-  ScWorkspace,
   ScWorkspaceCard,
-  StreamoidSidebar
+  StreamoidSidebar,
+  StreamoidWorkspaceSwitcher
 };
 /*! Bundled license information: