@streamoid/ui 0.2.4 → 0.2.5

package/dist/index.mjs

@@ -4365,7 +4365,7 @@ var ScWorkspaceCard = ({
 
 // src/SC-WorkspaceSwitchCard/ScWorkspaceSwitchCard.tsx
 import { useState as useState3 } from "react";
-import { SiconSwitch as SiconSwitch3, SiconSettings as SiconSettings3 } from "@streamoid/icons";
+import { SiconSwitch as SiconSwitch3, SiconSettings as SiconSettings3, SiconLogout as SiconLogout3 } from "@streamoid/icons";
 
 // src/SC-WorkspaceSwitchCard/ScWorkspaceSwitchCard.module.css
 var ScWorkspaceSwitchCard_default = {
@@ -4385,12 +4385,13 @@ var ScWorkspaceSwitchCard_default = {
   detailValueInfo: "ScWorkspaceSwitchCard_detailValueInfo",
   detailValueSecondary: "ScWorkspaceSwitchCard_detailValueSecondary",
   vDivider: "ScWorkspaceSwitchCard_vDivider",
-  btnIcon: "ScWorkspaceSwitchCard_btnIcon"
+  btnIcon: "ScWorkspaceSwitchCard_btnIcon",
+  leaveBtn: "ScWorkspaceSwitchCard_leaveBtn"
 };
 
 // src/SC-WorkspaceSwitchCard/ScWorkspaceSwitchCard.tsx
 import { jsx as jsx62, jsxs as jsxs53 } from "react/jsx-runtime";
-function NscWorkspaceSwitch({
+function ScWorkspaceSwitchCard({
   wsName = "Workspace name is kepler",
   role = "Admin",
   plan = "Free",
@@ -4401,7 +4402,8 @@ function NscWorkspaceSwitch({
   hover,
   className,
   onSwitch,
-  onSettings
+  onSettings,
+  onLeave
 }) {
   const [internalHover, setInternalHover] = useState3(false);
   const isHover = hover !== void 0 ? hover : internalHover;
@@ -4496,12 +4498,619 @@ function NscWorkspaceSwitch({
               }
             )
           }
+        ),
+        isHover && isOther && !isAdmin && /* @__PURE__ */ jsx62(
+          "div",
+          {
+            className: ScWorkspaceSwitchCard_default.leaveBtn,
+            onClick: (e) => {
+              e.stopPropagation();
+              onLeave?.();
+            },
+            children: /* @__PURE__ */ jsx62(SiconLogout3, { className: ScWorkspaceSwitchCard_default.btnIcon, color: "currentColor" })
+          }
         )
       ] })
     }
   );
 }
-var ScWorkspaceSwitchCard = NscWorkspaceSwitch;
+var NscWorkspaceSwitch = ScWorkspaceSwitchCard;
+
+// src/SC-Role-Mobile/ScRoleMobile.module.css
+var ScRoleMobile_default = {
+  scRoleMobile: "ScRoleMobile_scRoleMobile",
+  "role-admin": "ScRoleMobile_role-admin",
+  "role-member": "ScRoleMobile_role-member",
+  text: "ScRoleMobile_text"
+};
+
+// src/SC-Role-Mobile/ScRoleMobile.tsx
+import { jsx as jsx63 } from "react/jsx-runtime";
+var ScRoleMobile = ({
+  role = "admin",
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx63(
+    "div",
+    {
+      className: ScRoleMobile_default.scRoleMobile + " " + ScRoleMobile_default["role-" + role] + " " + className,
+      ...props,
+      children: /* @__PURE__ */ jsx63("p", { className: ScRoleMobile_default.text, children: role === "admin" ? "Admin" : "Member" })
+    }
+  );
+};
+
+// src/SC-Profile-V2-Mobile/ScProfileV2Mobile.module.css
+var ScProfileV2Mobile_default = {
+  scProfileV2Mobile: "ScProfileV2Mobile_scProfileV2Mobile",
+  profileImage: "ScProfileV2Mobile_profileImage",
+  image: "ScProfileV2Mobile_image",
+  initials: "ScProfileV2Mobile_initials",
+  userInfo: "ScProfileV2Mobile_userInfo",
+  userName: "ScProfileV2Mobile_userName",
+  userEmail: "ScProfileV2Mobile_userEmail"
+};
+
+// src/SC-Profile-V2-Mobile/ScProfileV2Mobile.tsx
+import { jsx as jsx64, jsxs as jsxs54 } from "react/jsx-runtime";
+var ScProfileV2Mobile = ({
+  name = "Chris Hemsworth",
+  email = "chris@kepler.com",
+  imageUrl,
+  dpPosition = "left",
+  className,
+  ...props
+}) => {
+  const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
+  const profileImage = /* @__PURE__ */ jsx64("div", { className: ScProfileV2Mobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx64("img", { src: imageUrl, alt: name, className: ScProfileV2Mobile_default.image }) : /* @__PURE__ */ jsx64("div", { className: ScProfileV2Mobile_default.initials, children: initials }) });
+  return /* @__PURE__ */ jsxs54(
+    "div",
+    {
+      className: ScProfileV2Mobile_default.scProfileV2Mobile + " " + className,
+      ...props,
+      children: [
+        dpPosition === "left" && profileImage,
+        /* @__PURE__ */ jsxs54("div", { className: ScProfileV2Mobile_default.userInfo, children: [
+          /* @__PURE__ */ jsx64("p", { className: ScProfileV2Mobile_default.userName, children: name }),
+          /* @__PURE__ */ jsx64("p", { className: ScProfileV2Mobile_default.userEmail, children: email })
+        ] }),
+        dpPosition === "right" && profileImage
+      ]
+    }
+  );
+};
+
+// src/SC-tableList-mobile/ScTableListMobile.module.css
+var ScTableListMobile_default = {
+  scTableListMobile: "ScTableListMobile_scTableListMobile",
+  profileRow: "ScTableListMobile_profileRow",
+  userInfo: "ScTableListMobile_userInfo",
+  userName: "ScTableListMobile_userName",
+  userEmail: "ScTableListMobile_userEmail",
+  profileImage: "ScTableListMobile_profileImage",
+  image: "ScTableListMobile_image",
+  initials: "ScTableListMobile_initials",
+  detailsRow: "ScTableListMobile_detailsRow",
+  roleBadge: "ScTableListMobile_roleBadge",
+  roleText: "ScTableListMobile_roleText",
+  accessInfo: "ScTableListMobile_accessInfo",
+  accessGroup: "ScTableListMobile_accessGroup",
+  accessIcon: "ScTableListMobile_accessIcon"
+};
+
+// src/SC-tableList-mobile/ScTableListMobile.tsx
+import { jsx as jsx65, jsxs as jsxs55 } from "react/jsx-runtime";
+var ScTableListMobile = ({
+  name = "Chris Hemsworth",
+  email = "chris@kepler.com",
+  imageUrl,
+  role = "Admin",
+  accessIcons,
+  permissionIcons,
+  onRowClick,
+  className,
+  ...props
+}) => {
+  const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
+  return /* @__PURE__ */ jsxs55(
+    "div",
+    {
+      className: ScTableListMobile_default.scTableListMobile + " " + className,
+      onClick: onRowClick,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs55("div", { className: ScTableListMobile_default.profileRow, children: [
+          /* @__PURE__ */ jsxs55("div", { className: ScTableListMobile_default.userInfo, children: [
+            /* @__PURE__ */ jsx65("p", { className: ScTableListMobile_default.userName, children: name }),
+            /* @__PURE__ */ jsx65("p", { className: ScTableListMobile_default.userEmail, children: email })
+          ] }),
+          /* @__PURE__ */ jsx65("div", { className: ScTableListMobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx65("img", { src: imageUrl, alt: name, className: ScTableListMobile_default.image }) : /* @__PURE__ */ jsx65("div", { className: ScTableListMobile_default.initials, children: initials }) })
+        ] }),
+        /* @__PURE__ */ jsxs55("div", { className: ScTableListMobile_default.detailsRow, children: [
+          /* @__PURE__ */ jsx65("div", { className: ScTableListMobile_default.roleBadge, children: /* @__PURE__ */ jsx65("p", { className: ScTableListMobile_default.roleText, children: role }) }),
+          /* @__PURE__ */ jsxs55("div", { className: ScTableListMobile_default.accessInfo, children: [
+            accessIcons && accessIcons.length > 0 && /* @__PURE__ */ jsx65("div", { className: ScTableListMobile_default.accessGroup, children: accessIcons.map((icon, i) => /* @__PURE__ */ jsx65("span", { className: ScTableListMobile_default.accessIcon, children: icon }, i)) }),
+            permissionIcons && permissionIcons.length > 0 && /* @__PURE__ */ jsx65("div", { className: ScTableListMobile_default.accessGroup, children: permissionIcons.map((icon, i) => /* @__PURE__ */ jsx65("span", { className: ScTableListMobile_default.accessIcon, children: icon }, i)) })
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+
+// src/SC-workspaceSwitch-Mobile/ScWorkspaceSwitchMobile.module.css
+var ScWorkspaceSwitchMobile_default = {
+  scWorkspaceSwitchMobile: "ScWorkspaceSwitchMobile_scWorkspaceSwitchMobile",
+  "variant-current": "ScWorkspaceSwitchMobile_variant-current",
+  "variant-other": "ScWorkspaceSwitchMobile_variant-other",
+  workspaceInfo: "ScWorkspaceSwitchMobile_workspaceInfo",
+  wsNameRow: "ScWorkspaceSwitchMobile_wsNameRow",
+  initialsBox: "ScWorkspaceSwitchMobile_initialsBox",
+  initialsText: "ScWorkspaceSwitchMobile_initialsText",
+  storeName: "ScWorkspaceSwitchMobile_storeName",
+  roleBadge: "ScWorkspaceSwitchMobile_roleBadge",
+  roleText: "ScWorkspaceSwitchMobile_roleText",
+  divider: "ScWorkspaceSwitchMobile_divider",
+  ownerRow: "ScWorkspaceSwitchMobile_ownerRow",
+  ownerIconContainer: "ScWorkspaceSwitchMobile_ownerIconContainer",
+  ownerIcon: "ScWorkspaceSwitchMobile_ownerIcon",
+  ownerText: "ScWorkspaceSwitchMobile_ownerText"
+};
+
+// src/SC-workspaceSwitch-Mobile/ScWorkspaceSwitchMobile.tsx
+import { jsx as jsx66, jsxs as jsxs56 } from "react/jsx-runtime";
+var ScWorkspaceSwitchMobile = ({
+  storeName = "Stores",
+  initials = "WS",
+  role = "Admin",
+  ownerId = "rohan@streamoid.com",
+  currentWs = true,
+  ownerIcon,
+  className,
+  onClick,
+  ...props
+}) => {
+  const variant = currentWs ? "current" : "other";
+  return /* @__PURE__ */ jsxs56(
+    "div",
+    {
+      className: ScWorkspaceSwitchMobile_default.scWorkspaceSwitchMobile + " " + ScWorkspaceSwitchMobile_default["variant-" + variant] + " " + className,
+      onClick,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs56("div", { className: ScWorkspaceSwitchMobile_default.workspaceInfo, children: [
+          /* @__PURE__ */ jsxs56("div", { className: ScWorkspaceSwitchMobile_default.wsNameRow, children: [
+            /* @__PURE__ */ jsx66("div", { className: ScWorkspaceSwitchMobile_default.initialsBox, children: /* @__PURE__ */ jsx66("span", { className: ScWorkspaceSwitchMobile_default.initialsText, children: initials }) }),
+            /* @__PURE__ */ jsx66("p", { className: ScWorkspaceSwitchMobile_default.storeName, children: storeName })
+          ] }),
+          /* @__PURE__ */ jsx66("div", { className: ScWorkspaceSwitchMobile_default.roleBadge, children: /* @__PURE__ */ jsx66("p", { className: ScWorkspaceSwitchMobile_default.roleText, children: role }) })
+        ] }),
+        /* @__PURE__ */ jsx66("div", { className: ScWorkspaceSwitchMobile_default.divider }),
+        /* @__PURE__ */ jsxs56("div", { className: ScWorkspaceSwitchMobile_default.ownerRow, children: [
+          /* @__PURE__ */ jsx66("div", { className: ScWorkspaceSwitchMobile_default.ownerIconContainer, children: ownerIcon && /* @__PURE__ */ jsx66("span", { className: ScWorkspaceSwitchMobile_default.ownerIcon, children: ownerIcon }) }),
+          /* @__PURE__ */ jsx66("p", { className: ScWorkspaceSwitchMobile_default.ownerText, children: ownerId })
+        ] })
+      ]
+    }
+  );
+};
+
+// src/SC-workspaceSettings-Mobile/ScWorkspaceSettingsMobile.module.css
+var ScWorkspaceSettingsMobile_default = {
+  scWorkspaceSettingsMobile: "ScWorkspaceSettingsMobile_scWorkspaceSettingsMobile",
+  "variant-current": "ScWorkspaceSettingsMobile_variant-current",
+  "variant-other": "ScWorkspaceSettingsMobile_variant-other",
+  workspaceInfo: "ScWorkspaceSettingsMobile_workspaceInfo",
+  wsNameRow: "ScWorkspaceSettingsMobile_wsNameRow",
+  initialsBox: "ScWorkspaceSettingsMobile_initialsBox",
+  initialsText: "ScWorkspaceSettingsMobile_initialsText",
+  storeName: "ScWorkspaceSettingsMobile_storeName",
+  roleBadge: "ScWorkspaceSettingsMobile_roleBadge",
+  roleText: "ScWorkspaceSettingsMobile_roleText",
+  divider: "ScWorkspaceSettingsMobile_divider",
+  infoRow: "ScWorkspaceSettingsMobile_infoRow",
+  iconContainer: "ScWorkspaceSettingsMobile_iconContainer",
+  icon: "ScWorkspaceSettingsMobile_icon",
+  infoText: "ScWorkspaceSettingsMobile_infoText"
+};
+
+// src/SC-workspaceSettings-Mobile/ScWorkspaceSettingsMobile.tsx
+import { jsx as jsx67, jsxs as jsxs57 } from "react/jsx-runtime";
+var ScWorkspaceSettingsMobile = ({
+  storeName = "Stores",
+  initials = "WS",
+  role = "Admin",
+  ownerId = "rohan@streamoid.com",
+  teamCount = "12 Users",
+  currentWs = true,
+  ownerIcon,
+  teamIcon,
+  className,
+  onClick,
+  ...props
+}) => {
+  const variant = currentWs ? "current" : "other";
+  return /* @__PURE__ */ jsxs57(
+    "div",
+    {
+      className: ScWorkspaceSettingsMobile_default.scWorkspaceSettingsMobile + " " + ScWorkspaceSettingsMobile_default["variant-" + variant] + " " + className,
+      onClick,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs57("div", { className: ScWorkspaceSettingsMobile_default.workspaceInfo, children: [
+          /* @__PURE__ */ jsxs57("div", { className: ScWorkspaceSettingsMobile_default.wsNameRow, children: [
+            /* @__PURE__ */ jsx67("div", { className: ScWorkspaceSettingsMobile_default.initialsBox, children: /* @__PURE__ */ jsx67("span", { className: ScWorkspaceSettingsMobile_default.initialsText, children: initials }) }),
+            /* @__PURE__ */ jsx67("p", { className: ScWorkspaceSettingsMobile_default.storeName, children: storeName })
+          ] }),
+          /* @__PURE__ */ jsx67("div", { className: ScWorkspaceSettingsMobile_default.roleBadge, children: /* @__PURE__ */ jsx67("p", { className: ScWorkspaceSettingsMobile_default.roleText, children: role }) })
+        ] }),
+        /* @__PURE__ */ jsx67("div", { className: ScWorkspaceSettingsMobile_default.divider }),
+        /* @__PURE__ */ jsxs57("div", { className: ScWorkspaceSettingsMobile_default.infoRow, children: [
+          /* @__PURE__ */ jsx67("div", { className: ScWorkspaceSettingsMobile_default.iconContainer, children: ownerIcon && /* @__PURE__ */ jsx67("span", { className: ScWorkspaceSettingsMobile_default.icon, children: ownerIcon }) }),
+          /* @__PURE__ */ jsx67("p", { className: ScWorkspaceSettingsMobile_default.infoText, children: ownerId })
+        ] }),
+        /* @__PURE__ */ jsxs57("div", { className: ScWorkspaceSettingsMobile_default.infoRow, children: [
+          /* @__PURE__ */ jsx67("div", { className: ScWorkspaceSettingsMobile_default.iconContainer, children: teamIcon && /* @__PURE__ */ jsx67("span", { className: ScWorkspaceSettingsMobile_default.icon, children: teamIcon }) }),
+          /* @__PURE__ */ jsx67("p", { className: ScWorkspaceSettingsMobile_default.infoText, children: teamCount })
+        ] })
+      ]
+    }
+  );
+};
+
+// src/SC-MobileTopNav/ScMobileTopNav.module.css
+var ScMobileTopNav_default = {
+  scMobileTopNav: "ScMobileTopNav_scMobileTopNav",
+  withBorder: "ScMobileTopNav_withBorder",
+  iconContainer: "ScMobileTopNav_iconContainer",
+  iconPlaceholder: "ScMobileTopNav_iconPlaceholder",
+  hidden: "ScMobileTopNav_hidden",
+  chatTitle: "ScMobileTopNav_chatTitle",
+  heading: "ScMobileTopNav_heading",
+  searchRow: "ScMobileTopNav_searchRow",
+  searchInputContainer: "ScMobileTopNav_searchInputContainer",
+  searchInput: "ScMobileTopNav_searchInput",
+  searchField: "ScMobileTopNav_searchField"
+};
+
+// src/SC-MobileTopNav/ScMobileTopNav.tsx
+import { Fragment as Fragment20, jsx as jsx68, jsxs as jsxs58 } from "react/jsx-runtime";
+var ScMobileTopNav = ({
+  type = "home",
+  searchIcon = false,
+  search = false,
+  heading = "Heading",
+  chatTitle = "Chat title comes here...",
+  searchPlaceholder = "Search...",
+  searchValue,
+  menuIcon,
+  searchIconElement,
+  closeIcon,
+  moreIcon,
+  onMenuClick,
+  onSearchClick,
+  onCloseClick,
+  onMoreClick,
+  onSearchChange,
+  className,
+  ...props
+}) => {
+  const hasBorder = type === "chat" || type === "inApp";
+  const showSearch = type === "inApp" && searchIcon && search;
+  return /* @__PURE__ */ jsxs58(
+    "div",
+    {
+      className: ScMobileTopNav_default.scMobileTopNav + " " + (hasBorder ? ScMobileTopNav_default.withBorder : "") + " " + className,
+      ...props,
+      children: [
+        type === "home" && /* @__PURE__ */ jsx68("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx68("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
+        type === "chat" && /* @__PURE__ */ jsxs58(Fragment20, { children: [
+          /* @__PURE__ */ jsx68("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx68("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
+          /* @__PURE__ */ jsx68("p", { className: ScMobileTopNav_default.chatTitle, children: chatTitle }),
+          /* @__PURE__ */ jsx68("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMoreClick, children: moreIcon || /* @__PURE__ */ jsx68("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
+        ] }),
+        showSearch && /* @__PURE__ */ jsxs58(Fragment20, { children: [
+          /* @__PURE__ */ jsx68("div", { className: ScMobileTopNav_default.searchRow, children: /* @__PURE__ */ jsxs58("div", { className: ScMobileTopNav_default.searchInputContainer, children: [
+            /* @__PURE__ */ jsx68("div", { className: ScMobileTopNav_default.iconContainer, onClick: onSearchClick, children: searchIconElement || /* @__PURE__ */ jsx68("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
+            /* @__PURE__ */ jsx68("div", { className: ScMobileTopNav_default.searchInput, children: /* @__PURE__ */ jsx68(
+              "input",
+              {
+                type: "text",
+                className: ScMobileTopNav_default.searchField,
+                placeholder: searchPlaceholder,
+                value: searchValue,
+                onChange: (e) => onSearchChange?.(e.target.value)
+              }
+            ) })
+          ] }) }),
+          /* @__PURE__ */ jsx68("div", { className: ScMobileTopNav_default.iconContainer, onClick: onCloseClick, children: closeIcon || /* @__PURE__ */ jsx68("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
+        ] }),
+        type === "inApp" && !search && /* @__PURE__ */ jsxs58(Fragment20, { children: [
+          /* @__PURE__ */ jsx68("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx68("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
+          /* @__PURE__ */ jsx68("p", { className: ScMobileTopNav_default.heading, children: heading }),
+          /* @__PURE__ */ jsx68(
+            "div",
+            {
+              className: ScMobileTopNav_default.iconContainer + " " + (!searchIcon ? ScMobileTopNav_default.hidden : ""),
+              onClick: onSearchClick,
+              children: searchIcon ? searchIconElement || /* @__PURE__ */ jsx68("div", { className: ScMobileTopNav_default.iconPlaceholder }) : /* @__PURE__ */ jsx68("div", { className: ScMobileTopNav_default.iconPlaceholder })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+
+// src/SC-MobileBottomAction/ScMobileBottomAction.module.css
+var ScMobileBottomAction_default = {
+  scMobileBottomAction: "ScMobileBottomAction_scMobileBottomAction",
+  button: "ScMobileBottomAction_button",
+  disabled: "ScMobileBottomAction_disabled",
+  buttonText: "ScMobileBottomAction_buttonText"
+};
+
+// src/SC-MobileBottomAction/ScMobileBottomAction.tsx
+import { jsx as jsx69 } from "react/jsx-runtime";
+var ScMobileBottomAction = ({
+  text = "Save Changes",
+  disabled = false,
+  onClick,
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx69(
+    "div",
+    {
+      className: ScMobileBottomAction_default.scMobileBottomAction + " " + className,
+      ...props,
+      children: /* @__PURE__ */ jsx69(
+        "button",
+        {
+          className: ScMobileBottomAction_default.button + " " + (disabled ? ScMobileBottomAction_default.disabled : ""),
+          onClick,
+          disabled,
+          children: /* @__PURE__ */ jsx69("span", { className: ScMobileBottomAction_default.buttonText, children: text })
+        }
+      )
+    }
+  );
+};
+
+// src/SC-PopUpMenu/ScPopUpMenu.module.css
+var ScPopUpMenu_default = {
+  scPopUpMenu: "ScPopUpMenu_scPopUpMenu",
+  "state-default": "ScPopUpMenu_state-default",
+  "state-clicked": "ScPopUpMenu_state-clicked",
+  icon: "ScPopUpMenu_icon",
+  menuText: "ScPopUpMenu_menuText"
+};
+
+// src/SC-PopUpMenu/ScPopUpMenu.tsx
+import { jsx as jsx70, jsxs as jsxs59 } from "react/jsx-runtime";
+var ScPopUpMenu = ({
+  menu = "Options",
+  state = "default",
+  icon,
+  onClick,
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs59(
+    "div",
+    {
+      className: ScPopUpMenu_default.scPopUpMenu + " " + ScPopUpMenu_default["state-" + state] + " " + className,
+      onClick,
+      ...props,
+      children: [
+        icon && /* @__PURE__ */ jsx70("span", { className: ScPopUpMenu_default.icon, children: icon }),
+        /* @__PURE__ */ jsx70("p", { className: ScPopUpMenu_default.menuText, children: menu })
+      ]
+    }
+  );
+};
+
+// src/SC-referralCard-Mobile/ScReferralCardMobile.module.css
+var ScReferralCardMobile_default = {
+  scReferralCardMobile: "ScReferralCardMobile_scReferralCardMobile",
+  userRow: "ScReferralCardMobile_userRow",
+  profileSection: "ScReferralCardMobile_profileSection",
+  profileImage: "ScReferralCardMobile_profileImage",
+  image: "ScReferralCardMobile_image",
+  initials: "ScReferralCardMobile_initials",
+  userInfo: "ScReferralCardMobile_userInfo",
+  userName: "ScReferralCardMobile_userName",
+  userEmail: "ScReferralCardMobile_userEmail",
+  badge: "ScReferralCardMobile_badge",
+  badgeText: "ScReferralCardMobile_badgeText",
+  divider: "ScReferralCardMobile_divider",
+  detailsRow: "ScReferralCardMobile_detailsRow",
+  dateText: "ScReferralCardMobile_dateText",
+  creditsText: "ScReferralCardMobile_creditsText"
+};
+
+// src/SC-referralCard-Mobile/ScReferralCardMobile.tsx
+import { jsx as jsx71, jsxs as jsxs60 } from "react/jsx-runtime";
+var ScReferralCardMobile = ({
+  name = "Chris Hemsworth",
+  email = "chris@kepler.com",
+  imageUrl,
+  badge = "Confirmed",
+  date = "Nov 9th, 2025",
+  credits = "+ 500",
+  onClick,
+  className,
+  ...props
+}) => {
+  const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
+  return /* @__PURE__ */ jsxs60(
+    "div",
+    {
+      className: ScReferralCardMobile_default.scReferralCardMobile + " " + className,
+      onClick,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs60("div", { className: ScReferralCardMobile_default.userRow, children: [
+          /* @__PURE__ */ jsxs60("div", { className: ScReferralCardMobile_default.profileSection, children: [
+            /* @__PURE__ */ jsx71("div", { className: ScReferralCardMobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx71("img", { src: imageUrl, alt: name, className: ScReferralCardMobile_default.image }) : /* @__PURE__ */ jsx71("div", { className: ScReferralCardMobile_default.initials, children: initials }) }),
+            /* @__PURE__ */ jsxs60("div", { className: ScReferralCardMobile_default.userInfo, children: [
+              /* @__PURE__ */ jsx71("p", { className: ScReferralCardMobile_default.userName, children: name }),
+              /* @__PURE__ */ jsx71("p", { className: ScReferralCardMobile_default.userEmail, children: email })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx71("div", { className: ScReferralCardMobile_default.badge, children: /* @__PURE__ */ jsx71("p", { className: ScReferralCardMobile_default.badgeText, children: badge }) })
+        ] }),
+        /* @__PURE__ */ jsx71("div", { className: ScReferralCardMobile_default.divider }),
+        /* @__PURE__ */ jsxs60("div", { className: ScReferralCardMobile_default.detailsRow, children: [
+          /* @__PURE__ */ jsx71("p", { className: ScReferralCardMobile_default.dateText, children: date }),
+          /* @__PURE__ */ jsx71("p", { className: ScReferralCardMobile_default.creditsText, children: credits })
+        ] })
+      ]
+    }
+  );
+};
+
+// src/SC-InvoiceHistory-Mobile/ScInvoiceHistoryMobile.module.css
+var ScInvoiceHistoryMobile_default = {
+  scInvoiceHistoryMobile: "ScInvoiceHistoryMobile_scInvoiceHistoryMobile",
+  invoiceInfo: "ScInvoiceHistoryMobile_invoiceInfo",
+  invoiceNumber: "ScInvoiceHistoryMobile_invoiceNumber",
+  date: "ScInvoiceHistoryMobile_date",
+  amount: "ScInvoiceHistoryMobile_amount"
+};
+
+// src/SC-InvoiceHistory-Mobile/ScInvoiceHistoryMobile.tsx
+import { jsx as jsx72, jsxs as jsxs61 } from "react/jsx-runtime";
+var ScInvoiceHistoryMobile = ({
+  invoiceNumber = "# INV-2800-2026",
+  date = "Nov 9th, 2025",
+  amount = "$320.89",
+  onClick,
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs61(
+    "div",
+    {
+      className: ScInvoiceHistoryMobile_default.scInvoiceHistoryMobile + " " + className,
+      onClick,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs61("div", { className: ScInvoiceHistoryMobile_default.invoiceInfo, children: [
+          /* @__PURE__ */ jsx72("p", { className: ScInvoiceHistoryMobile_default.invoiceNumber, children: invoiceNumber }),
+          /* @__PURE__ */ jsx72("p", { className: ScInvoiceHistoryMobile_default.date, children: date })
+        ] }),
+        /* @__PURE__ */ jsx72("p", { className: ScInvoiceHistoryMobile_default.amount, children: amount })
+      ]
+    }
+  );
+};
+
+// src/SC-UsageHistory-Mobile/ScUsageHistoryMobile.module.css
+var ScUsageHistoryMobile_default = {
+  scUsageHistoryMobile: "ScUsageHistoryMobile_scUsageHistoryMobile",
+  topRow: "ScUsageHistoryMobile_topRow",
+  title: "ScUsageHistoryMobile_title",
+  usageCount: "ScUsageHistoryMobile_usageCount",
+  bottomRow: "ScUsageHistoryMobile_bottomRow",
+  metaInfo: "ScUsageHistoryMobile_metaInfo",
+  metaText: "ScUsageHistoryMobile_metaText",
+  vDivider: "ScUsageHistoryMobile_vDivider",
+  totalCount: "ScUsageHistoryMobile_totalCount"
+};
+
+// src/SC-UsageHistory-Mobile/ScUsageHistoryMobile.tsx
+import { jsx as jsx73, jsxs as jsxs62 } from "react/jsx-runtime";
+var ScUsageHistoryMobile = ({
+  title = "Artifax Generation",
+  usageCount = "50",
+  userName = "Rohan",
+  date = "Nov 9th, 2025",
+  totalCount = "84,902",
+  onClick,
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs62(
+    "div",
+    {
+      className: ScUsageHistoryMobile_default.scUsageHistoryMobile + " " + className,
+      onClick,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs62("div", { className: ScUsageHistoryMobile_default.topRow, children: [
+          /* @__PURE__ */ jsx73("p", { className: ScUsageHistoryMobile_default.title, children: title }),
+          /* @__PURE__ */ jsx73("p", { className: ScUsageHistoryMobile_default.usageCount, children: usageCount })
+        ] }),
+        /* @__PURE__ */ jsxs62("div", { className: ScUsageHistoryMobile_default.bottomRow, children: [
+          /* @__PURE__ */ jsxs62("div", { className: ScUsageHistoryMobile_default.metaInfo, children: [
+            /* @__PURE__ */ jsx73("p", { className: ScUsageHistoryMobile_default.metaText, children: userName }),
+            /* @__PURE__ */ jsx73("div", { className: ScUsageHistoryMobile_default.vDivider }),
+            /* @__PURE__ */ jsx73("p", { className: ScUsageHistoryMobile_default.metaText, children: date })
+          ] }),
+          /* @__PURE__ */ jsx73("p", { className: ScUsageHistoryMobile_default.totalCount, children: totalCount })
+        ] })
+      ]
+    }
+  );
+};
+
+// src/SC-WorkspaceSwitchMobile-V2/ScWorkspaceSwitchMobileV2.module.css
+var ScWorkspaceSwitchMobileV2_default = {
+  scWorkspaceSwitchMobileV2: "ScWorkspaceSwitchMobileV2_scWorkspaceSwitchMobileV2",
+  "type-currentWS": "ScWorkspaceSwitchMobileV2_type-currentWS",
+  "type-otherWS": "ScWorkspaceSwitchMobileV2_type-otherWS",
+  workspaceInfo: "ScWorkspaceSwitchMobileV2_workspaceInfo",
+  dpContainer: "ScWorkspaceSwitchMobileV2_dpContainer",
+  dp: "ScWorkspaceSwitchMobileV2_dp",
+  "dp-currentWS": "ScWorkspaceSwitchMobileV2_dp-currentWS",
+  "dp-otherWS": "ScWorkspaceSwitchMobileV2_dp-otherWS",
+  dpText: "ScWorkspaceSwitchMobileV2_dpText",
+  textContainer: "ScWorkspaceSwitchMobileV2_textContainer",
+  wsName: "ScWorkspaceSwitchMobileV2_wsName",
+  userDetails: "ScWorkspaceSwitchMobileV2_userDetails",
+  roleText: "ScWorkspaceSwitchMobileV2_roleText",
+  dot: "ScWorkspaceSwitchMobileV2_dot",
+  planText: "ScWorkspaceSwitchMobileV2_planText",
+  ownerText: "ScWorkspaceSwitchMobileV2_ownerText"
+};
+
+// src/SC-WorkspaceSwitchMobile-V2/ScWorkspaceSwitchMobileV2.tsx
+import { jsx as jsx74, jsxs as jsxs63 } from "react/jsx-runtime";
+var ScWorkspaceSwitchMobileV2 = ({
+  wsName = "Workspace name is kepler",
+  initials = "WS",
+  role = "Admin",
+  plan = "Free",
+  ownerId = "rohan@streamoid.com",
+  type = "currentWS",
+  onClick,
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx74(
+    "div",
+    {
+      className: ScWorkspaceSwitchMobileV2_default.scWorkspaceSwitchMobileV2 + " " + ScWorkspaceSwitchMobileV2_default["type-" + type] + " " + className,
+      onClick,
+      ...props,
+      children: /* @__PURE__ */ jsxs63("div", { className: ScWorkspaceSwitchMobileV2_default.workspaceInfo, children: [
+        /* @__PURE__ */ jsx74("div", { className: ScWorkspaceSwitchMobileV2_default.dpContainer, children: /* @__PURE__ */ jsx74("div", { className: ScWorkspaceSwitchMobileV2_default.dp + " " + ScWorkspaceSwitchMobileV2_default["dp-" + type], children: /* @__PURE__ */ jsx74("span", { className: ScWorkspaceSwitchMobileV2_default.dpText, children: initials }) }) }),
+        /* @__PURE__ */ jsxs63("div", { className: ScWorkspaceSwitchMobileV2_default.textContainer, children: [
+          /* @__PURE__ */ jsx74("p", { className: ScWorkspaceSwitchMobileV2_default.wsName, children: wsName }),
+          /* @__PURE__ */ jsxs63("div", { className: ScWorkspaceSwitchMobileV2_default.userDetails, children: [
+            /* @__PURE__ */ jsx74("span", { className: ScWorkspaceSwitchMobileV2_default.roleText, children: role }),
+            /* @__PURE__ */ jsx74("div", { className: ScWorkspaceSwitchMobileV2_default.dot }),
+            /* @__PURE__ */ jsx74("span", { className: ScWorkspaceSwitchMobileV2_default.planText, children: plan }),
+            /* @__PURE__ */ jsx74("div", { className: ScWorkspaceSwitchMobileV2_default.dot }),
+            /* @__PURE__ */ jsx74("span", { className: ScWorkspaceSwitchMobileV2_default.ownerText, children: ownerId })
+          ] })
+        ] })
+      ] })
+    }
+  );
+};
 export {
   NscWorkspaceSwitch,
   ScAccess,
@@ -4527,8 +5136,11 @@ export {
   ScHDivider,
   ScHeader,
   ScIntialProfileCover,
+  ScInvoiceHistoryMobile,
   ScLogoUnit,
   ScMenuOptions,
+  ScMobileBottomAction,
+  ScMobileTopNav,
   ScOnlyField,
   ScOnlyIcon,
   ScPairtext,
@@ -4536,16 +5148,20 @@ export {
   ScPhtogenixInvite,
   ScPlanCard,
   ScPlanDetailsCard,
+  ScPopUpMenu,
   ScProfile,
   ScProfileImageUpdate,
   ScProfileOptions,
   ScProfileSettingsComp,
+  ScProfileV2Mobile,
   ScProgressBar,
   ScQuickPrompt,
   ScRadio,
+  ScReferralCardMobile,
   ScReferralTableHeader,
   ScReferralTableList,
   ScRole,
+  ScRoleMobile,
   ScSettingsNav,
   ScSidebar,
   ScSidebarIcons,
@@ -4558,12 +5174,17 @@ export {
   ScTabSwitcher,
   ScTableHeader,
   ScTableList,
+  ScTableListMobile,
   ScTextField,
   ScToggleSwitch,
+  ScUsageHistoryMobile,
   ScVDivider,
   ScVersion,
   ScWorkspaceCard,
+  ScWorkspaceSettingsMobile,
   ScWorkspaceSwitchCard,
+  ScWorkspaceSwitchMobile,
+  ScWorkspaceSwitchMobileV2,
   StreamoidSidebar,
   StreamoidWorkspaceSwitcher
 };