@streamoid/ui 0.2.4 → 0.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.css +1109 -0
  2. package/dist/index.d.mts +228 -4
  3. package/dist/index.d.ts +228 -4
  4. package/dist/index.js +625 -4
  5. package/dist/index.mjs +626 -5
  6. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -44,8 +44,11 @@ __export(index_exports, {
44
44
  ScHDivider: () => ScHDivider,
45
45
  ScHeader: () => ScHeader,
46
46
  ScIntialProfileCover: () => ScIntialProfileCover,
47
+ ScInvoiceHistoryMobile: () => ScInvoiceHistoryMobile,
47
48
  ScLogoUnit: () => ScLogoUnit,
48
49
  ScMenuOptions: () => ScMenuOptions,
50
+ ScMobileBottomAction: () => ScMobileBottomAction,
51
+ ScMobileTopNav: () => ScMobileTopNav,
49
52
  ScOnlyField: () => ScOnlyField,
50
53
  ScOnlyIcon: () => ScOnlyIcon,
51
54
  ScPairtext: () => ScPairtext,
@@ -53,16 +56,20 @@ __export(index_exports, {
53
56
  ScPhtogenixInvite: () => ScPhtogenixInvite,
54
57
  ScPlanCard: () => ScPlanCard,
55
58
  ScPlanDetailsCard: () => ScPlanDetailsCard,
59
+ ScPopUpMenu: () => ScPopUpMenu,
56
60
  ScProfile: () => ScProfile,
57
61
  ScProfileImageUpdate: () => ScProfileImageUpdate,
58
62
  ScProfileOptions: () => ScProfileOptions,
59
63
  ScProfileSettingsComp: () => ScProfileSettingsComp,
64
+ ScProfileV2Mobile: () => ScProfileV2Mobile,
60
65
  ScProgressBar: () => ScProgressBar,
61
66
  ScQuickPrompt: () => ScQuickPrompt,
62
67
  ScRadio: () => ScRadio,
68
+ ScReferralCardMobile: () => ScReferralCardMobile,
63
69
  ScReferralTableHeader: () => ScReferralTableHeader,
64
70
  ScReferralTableList: () => ScReferralTableList,
65
71
  ScRole: () => ScRole,
72
+ ScRoleMobile: () => ScRoleMobile,
66
73
  ScSettingsNav: () => ScSettingsNav,
67
74
  ScSidebar: () => ScSidebar,
68
75
  ScSidebarIcons: () => ScSidebarIcons,
@@ -75,12 +82,17 @@ __export(index_exports, {
75
82
  ScTabSwitcher: () => ScTabSwitcher,
76
83
  ScTableHeader: () => ScTableHeader,
77
84
  ScTableList: () => ScTableList,
85
+ ScTableListMobile: () => ScTableListMobile,
78
86
  ScTextField: () => ScTextField,
79
87
  ScToggleSwitch: () => ScToggleSwitch,
88
+ ScUsageHistoryMobile: () => ScUsageHistoryMobile,
80
89
  ScVDivider: () => ScVDivider,
81
90
  ScVersion: () => ScVersion,
82
91
  ScWorkspaceCard: () => ScWorkspaceCard,
92
+ ScWorkspaceSettingsMobile: () => ScWorkspaceSettingsMobile,
83
93
  ScWorkspaceSwitchCard: () => ScWorkspaceSwitchCard,
94
+ ScWorkspaceSwitchMobile: () => ScWorkspaceSwitchMobile,
95
+ ScWorkspaceSwitchMobileV2: () => ScWorkspaceSwitchMobileV2,
84
96
  StreamoidSidebar: () => StreamoidSidebar,
85
97
  StreamoidWorkspaceSwitcher: () => StreamoidWorkspaceSwitcher
86
98
  });
@@ -4463,12 +4475,13 @@ var ScWorkspaceSwitchCard_default = {
4463
4475
  detailValueInfo: "ScWorkspaceSwitchCard_detailValueInfo",
4464
4476
  detailValueSecondary: "ScWorkspaceSwitchCard_detailValueSecondary",
4465
4477
  vDivider: "ScWorkspaceSwitchCard_vDivider",
4466
- btnIcon: "ScWorkspaceSwitchCard_btnIcon"
4478
+ btnIcon: "ScWorkspaceSwitchCard_btnIcon",
4479
+ leaveBtn: "ScWorkspaceSwitchCard_leaveBtn"
4467
4480
  };
4468
4481
 
4469
4482
  // src/SC-WorkspaceSwitchCard/ScWorkspaceSwitchCard.tsx
4470
4483
  var import_jsx_runtime63 = require("react/jsx-runtime");
4471
- function NscWorkspaceSwitch({
4484
+ function ScWorkspaceSwitchCard({
4472
4485
  wsName = "Workspace name is kepler",
4473
4486
  role = "Admin",
4474
4487
  plan = "Free",
@@ -4479,7 +4492,8 @@ function NscWorkspaceSwitch({
4479
4492
  hover,
4480
4493
  className,
4481
4494
  onSwitch,
4482
- onSettings
4495
+ onSettings,
4496
+ onLeave
4483
4497
  }) {
4484
4498
  const [internalHover, setInternalHover] = (0, import_react6.useState)(false);
4485
4499
  const isHover = hover !== void 0 ? hover : internalHover;
@@ -4574,9 +4588,616 @@ function NscWorkspaceSwitch({
4574
4588
  }
4575
4589
  )
4576
4590
  }
4591
+ ),
4592
+ isHover && isOther && !isAdmin && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
4593
+ "div",
4594
+ {
4595
+ className: ScWorkspaceSwitchCard_default.leaveBtn,
4596
+ onClick: (e) => {
4597
+ e.stopPropagation();
4598
+ onLeave?.();
4599
+ },
4600
+ children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_icons53.SiconLogout, { className: ScWorkspaceSwitchCard_default.btnIcon, color: "currentColor" })
4601
+ }
4577
4602
  )
4578
4603
  ] })
4579
4604
  }
4580
4605
  );
4581
4606
  }
4582
- var ScWorkspaceSwitchCard = NscWorkspaceSwitch;
4607
+ var NscWorkspaceSwitch = ScWorkspaceSwitchCard;
4608
+
4609
+ // src/SC-Role-Mobile/ScRoleMobile.module.css
4610
+ var ScRoleMobile_default = {
4611
+ scRoleMobile: "ScRoleMobile_scRoleMobile",
4612
+ "role-admin": "ScRoleMobile_role-admin",
4613
+ "role-member": "ScRoleMobile_role-member",
4614
+ text: "ScRoleMobile_text"
4615
+ };
4616
+
4617
+ // src/SC-Role-Mobile/ScRoleMobile.tsx
4618
+ var import_jsx_runtime64 = require("react/jsx-runtime");
4619
+ var ScRoleMobile = ({
4620
+ role = "admin",
4621
+ className,
4622
+ ...props
4623
+ }) => {
4624
+ return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
4625
+ "div",
4626
+ {
4627
+ className: ScRoleMobile_default.scRoleMobile + " " + ScRoleMobile_default["role-" + role] + " " + className,
4628
+ ...props,
4629
+ children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("p", { className: ScRoleMobile_default.text, children: role === "admin" ? "Admin" : "Member" })
4630
+ }
4631
+ );
4632
+ };
4633
+
4634
+ // src/SC-Profile-V2-Mobile/ScProfileV2Mobile.module.css
4635
+ var ScProfileV2Mobile_default = {
4636
+ scProfileV2Mobile: "ScProfileV2Mobile_scProfileV2Mobile",
4637
+ profileImage: "ScProfileV2Mobile_profileImage",
4638
+ image: "ScProfileV2Mobile_image",
4639
+ initials: "ScProfileV2Mobile_initials",
4640
+ userInfo: "ScProfileV2Mobile_userInfo",
4641
+ userName: "ScProfileV2Mobile_userName",
4642
+ userEmail: "ScProfileV2Mobile_userEmail"
4643
+ };
4644
+
4645
+ // src/SC-Profile-V2-Mobile/ScProfileV2Mobile.tsx
4646
+ var import_jsx_runtime65 = require("react/jsx-runtime");
4647
+ var ScProfileV2Mobile = ({
4648
+ name = "Chris Hemsworth",
4649
+ email = "chris@kepler.com",
4650
+ imageUrl,
4651
+ dpPosition = "left",
4652
+ className,
4653
+ ...props
4654
+ }) => {
4655
+ const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
4656
+ const profileImage = /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: ScProfileV2Mobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("img", { src: imageUrl, alt: name, className: ScProfileV2Mobile_default.image }) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: ScProfileV2Mobile_default.initials, children: initials }) });
4657
+ return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
4658
+ "div",
4659
+ {
4660
+ className: ScProfileV2Mobile_default.scProfileV2Mobile + " " + className,
4661
+ ...props,
4662
+ children: [
4663
+ dpPosition === "left" && profileImage,
4664
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: ScProfileV2Mobile_default.userInfo, children: [
4665
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("p", { className: ScProfileV2Mobile_default.userName, children: name }),
4666
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("p", { className: ScProfileV2Mobile_default.userEmail, children: email })
4667
+ ] }),
4668
+ dpPosition === "right" && profileImage
4669
+ ]
4670
+ }
4671
+ );
4672
+ };
4673
+
4674
+ // src/SC-tableList-mobile/ScTableListMobile.module.css
4675
+ var ScTableListMobile_default = {
4676
+ scTableListMobile: "ScTableListMobile_scTableListMobile",
4677
+ profileRow: "ScTableListMobile_profileRow",
4678
+ userInfo: "ScTableListMobile_userInfo",
4679
+ userName: "ScTableListMobile_userName",
4680
+ userEmail: "ScTableListMobile_userEmail",
4681
+ profileImage: "ScTableListMobile_profileImage",
4682
+ image: "ScTableListMobile_image",
4683
+ initials: "ScTableListMobile_initials",
4684
+ detailsRow: "ScTableListMobile_detailsRow",
4685
+ roleBadge: "ScTableListMobile_roleBadge",
4686
+ roleText: "ScTableListMobile_roleText",
4687
+ accessInfo: "ScTableListMobile_accessInfo",
4688
+ accessGroup: "ScTableListMobile_accessGroup",
4689
+ accessIcon: "ScTableListMobile_accessIcon"
4690
+ };
4691
+
4692
+ // src/SC-tableList-mobile/ScTableListMobile.tsx
4693
+ var import_jsx_runtime66 = require("react/jsx-runtime");
4694
+ var ScTableListMobile = ({
4695
+ name = "Chris Hemsworth",
4696
+ email = "chris@kepler.com",
4697
+ imageUrl,
4698
+ role = "Admin",
4699
+ accessIcons,
4700
+ permissionIcons,
4701
+ onRowClick,
4702
+ className,
4703
+ ...props
4704
+ }) => {
4705
+ const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
4706
+ return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
4707
+ "div",
4708
+ {
4709
+ className: ScTableListMobile_default.scTableListMobile + " " + className,
4710
+ onClick: onRowClick,
4711
+ ...props,
4712
+ children: [
4713
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: ScTableListMobile_default.profileRow, children: [
4714
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: ScTableListMobile_default.userInfo, children: [
4715
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: ScTableListMobile_default.userName, children: name }),
4716
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: ScTableListMobile_default.userEmail, children: email })
4717
+ ] }),
4718
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: ScTableListMobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("img", { src: imageUrl, alt: name, className: ScTableListMobile_default.image }) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: ScTableListMobile_default.initials, children: initials }) })
4719
+ ] }),
4720
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: ScTableListMobile_default.detailsRow, children: [
4721
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: ScTableListMobile_default.roleBadge, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: ScTableListMobile_default.roleText, children: role }) }),
4722
+ /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: ScTableListMobile_default.accessInfo, children: [
4723
+ accessIcons && accessIcons.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: ScTableListMobile_default.accessGroup, children: accessIcons.map((icon, i) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: ScTableListMobile_default.accessIcon, children: icon }, i)) }),
4724
+ permissionIcons && permissionIcons.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: ScTableListMobile_default.accessGroup, children: permissionIcons.map((icon, i) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: ScTableListMobile_default.accessIcon, children: icon }, i)) })
4725
+ ] })
4726
+ ] })
4727
+ ]
4728
+ }
4729
+ );
4730
+ };
4731
+
4732
+ // src/SC-workspaceSwitch-Mobile/ScWorkspaceSwitchMobile.module.css
4733
+ var ScWorkspaceSwitchMobile_default = {
4734
+ scWorkspaceSwitchMobile: "ScWorkspaceSwitchMobile_scWorkspaceSwitchMobile",
4735
+ "variant-current": "ScWorkspaceSwitchMobile_variant-current",
4736
+ "variant-other": "ScWorkspaceSwitchMobile_variant-other",
4737
+ workspaceInfo: "ScWorkspaceSwitchMobile_workspaceInfo",
4738
+ wsNameRow: "ScWorkspaceSwitchMobile_wsNameRow",
4739
+ initialsBox: "ScWorkspaceSwitchMobile_initialsBox",
4740
+ initialsText: "ScWorkspaceSwitchMobile_initialsText",
4741
+ storeName: "ScWorkspaceSwitchMobile_storeName",
4742
+ roleBadge: "ScWorkspaceSwitchMobile_roleBadge",
4743
+ roleText: "ScWorkspaceSwitchMobile_roleText",
4744
+ divider: "ScWorkspaceSwitchMobile_divider",
4745
+ ownerRow: "ScWorkspaceSwitchMobile_ownerRow",
4746
+ ownerIconContainer: "ScWorkspaceSwitchMobile_ownerIconContainer",
4747
+ ownerIcon: "ScWorkspaceSwitchMobile_ownerIcon",
4748
+ ownerText: "ScWorkspaceSwitchMobile_ownerText"
4749
+ };
4750
+
4751
+ // src/SC-workspaceSwitch-Mobile/ScWorkspaceSwitchMobile.tsx
4752
+ var import_jsx_runtime67 = require("react/jsx-runtime");
4753
+ var ScWorkspaceSwitchMobile = ({
4754
+ storeName = "Stores",
4755
+ initials = "WS",
4756
+ role = "Admin",
4757
+ ownerId = "rohan@streamoid.com",
4758
+ currentWs = true,
4759
+ ownerIcon,
4760
+ className,
4761
+ onClick,
4762
+ ...props
4763
+ }) => {
4764
+ const variant = currentWs ? "current" : "other";
4765
+ return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
4766
+ "div",
4767
+ {
4768
+ className: ScWorkspaceSwitchMobile_default.scWorkspaceSwitchMobile + " " + ScWorkspaceSwitchMobile_default["variant-" + variant] + " " + className,
4769
+ onClick,
4770
+ ...props,
4771
+ children: [
4772
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: ScWorkspaceSwitchMobile_default.workspaceInfo, children: [
4773
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: ScWorkspaceSwitchMobile_default.wsNameRow, children: [
4774
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: ScWorkspaceSwitchMobile_default.initialsBox, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: ScWorkspaceSwitchMobile_default.initialsText, children: initials }) }),
4775
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { className: ScWorkspaceSwitchMobile_default.storeName, children: storeName })
4776
+ ] }),
4777
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: ScWorkspaceSwitchMobile_default.roleBadge, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { className: ScWorkspaceSwitchMobile_default.roleText, children: role }) })
4778
+ ] }),
4779
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: ScWorkspaceSwitchMobile_default.divider }),
4780
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: ScWorkspaceSwitchMobile_default.ownerRow, children: [
4781
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: ScWorkspaceSwitchMobile_default.ownerIconContainer, children: ownerIcon && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: ScWorkspaceSwitchMobile_default.ownerIcon, children: ownerIcon }) }),
4782
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { className: ScWorkspaceSwitchMobile_default.ownerText, children: ownerId })
4783
+ ] })
4784
+ ]
4785
+ }
4786
+ );
4787
+ };
4788
+
4789
+ // src/SC-workspaceSettings-Mobile/ScWorkspaceSettingsMobile.module.css
4790
+ var ScWorkspaceSettingsMobile_default = {
4791
+ scWorkspaceSettingsMobile: "ScWorkspaceSettingsMobile_scWorkspaceSettingsMobile",
4792
+ "variant-current": "ScWorkspaceSettingsMobile_variant-current",
4793
+ "variant-other": "ScWorkspaceSettingsMobile_variant-other",
4794
+ workspaceInfo: "ScWorkspaceSettingsMobile_workspaceInfo",
4795
+ wsNameRow: "ScWorkspaceSettingsMobile_wsNameRow",
4796
+ initialsBox: "ScWorkspaceSettingsMobile_initialsBox",
4797
+ initialsText: "ScWorkspaceSettingsMobile_initialsText",
4798
+ storeName: "ScWorkspaceSettingsMobile_storeName",
4799
+ roleBadge: "ScWorkspaceSettingsMobile_roleBadge",
4800
+ roleText: "ScWorkspaceSettingsMobile_roleText",
4801
+ divider: "ScWorkspaceSettingsMobile_divider",
4802
+ infoRow: "ScWorkspaceSettingsMobile_infoRow",
4803
+ iconContainer: "ScWorkspaceSettingsMobile_iconContainer",
4804
+ icon: "ScWorkspaceSettingsMobile_icon",
4805
+ infoText: "ScWorkspaceSettingsMobile_infoText"
4806
+ };
4807
+
4808
+ // src/SC-workspaceSettings-Mobile/ScWorkspaceSettingsMobile.tsx
4809
+ var import_jsx_runtime68 = require("react/jsx-runtime");
4810
+ var ScWorkspaceSettingsMobile = ({
4811
+ storeName = "Stores",
4812
+ initials = "WS",
4813
+ role = "Admin",
4814
+ ownerId = "rohan@streamoid.com",
4815
+ teamCount = "12 Users",
4816
+ currentWs = true,
4817
+ ownerIcon,
4818
+ teamIcon,
4819
+ className,
4820
+ onClick,
4821
+ ...props
4822
+ }) => {
4823
+ const variant = currentWs ? "current" : "other";
4824
+ return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
4825
+ "div",
4826
+ {
4827
+ className: ScWorkspaceSettingsMobile_default.scWorkspaceSettingsMobile + " " + ScWorkspaceSettingsMobile_default["variant-" + variant] + " " + className,
4828
+ onClick,
4829
+ ...props,
4830
+ children: [
4831
+ /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: ScWorkspaceSettingsMobile_default.workspaceInfo, children: [
4832
+ /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: ScWorkspaceSettingsMobile_default.wsNameRow, children: [
4833
+ /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: ScWorkspaceSettingsMobile_default.initialsBox, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: ScWorkspaceSettingsMobile_default.initialsText, children: initials }) }),
4834
+ /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: ScWorkspaceSettingsMobile_default.storeName, children: storeName })
4835
+ ] }),
4836
+ /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: ScWorkspaceSettingsMobile_default.roleBadge, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: ScWorkspaceSettingsMobile_default.roleText, children: role }) })
4837
+ ] }),
4838
+ /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: ScWorkspaceSettingsMobile_default.divider }),
4839
+ /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: ScWorkspaceSettingsMobile_default.infoRow, children: [
4840
+ /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: ScWorkspaceSettingsMobile_default.iconContainer, children: ownerIcon && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: ScWorkspaceSettingsMobile_default.icon, children: ownerIcon }) }),
4841
+ /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: ScWorkspaceSettingsMobile_default.infoText, children: ownerId })
4842
+ ] }),
4843
+ /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: ScWorkspaceSettingsMobile_default.infoRow, children: [
4844
+ /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: ScWorkspaceSettingsMobile_default.iconContainer, children: teamIcon && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: ScWorkspaceSettingsMobile_default.icon, children: teamIcon }) }),
4845
+ /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: ScWorkspaceSettingsMobile_default.infoText, children: teamCount })
4846
+ ] })
4847
+ ]
4848
+ }
4849
+ );
4850
+ };
4851
+
4852
+ // src/SC-MobileTopNav/ScMobileTopNav.module.css
4853
+ var ScMobileTopNav_default = {
4854
+ scMobileTopNav: "ScMobileTopNav_scMobileTopNav",
4855
+ withBorder: "ScMobileTopNav_withBorder",
4856
+ iconContainer: "ScMobileTopNav_iconContainer",
4857
+ iconPlaceholder: "ScMobileTopNav_iconPlaceholder",
4858
+ hidden: "ScMobileTopNav_hidden",
4859
+ chatTitle: "ScMobileTopNav_chatTitle",
4860
+ heading: "ScMobileTopNav_heading",
4861
+ searchRow: "ScMobileTopNav_searchRow",
4862
+ searchInputContainer: "ScMobileTopNav_searchInputContainer",
4863
+ searchInput: "ScMobileTopNav_searchInput",
4864
+ searchField: "ScMobileTopNav_searchField"
4865
+ };
4866
+
4867
+ // src/SC-MobileTopNav/ScMobileTopNav.tsx
4868
+ var import_jsx_runtime69 = require("react/jsx-runtime");
4869
+ var ScMobileTopNav = ({
4870
+ type = "home",
4871
+ searchIcon = false,
4872
+ search = false,
4873
+ heading = "Heading",
4874
+ chatTitle = "Chat title comes here...",
4875
+ searchPlaceholder = "Search...",
4876
+ searchValue,
4877
+ menuIcon,
4878
+ searchIconElement,
4879
+ closeIcon,
4880
+ moreIcon,
4881
+ onMenuClick,
4882
+ onSearchClick,
4883
+ onCloseClick,
4884
+ onMoreClick,
4885
+ onSearchChange,
4886
+ className,
4887
+ ...props
4888
+ }) => {
4889
+ const hasBorder = type === "chat" || type === "inApp";
4890
+ const showSearch = type === "inApp" && searchIcon && search;
4891
+ return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
4892
+ "div",
4893
+ {
4894
+ className: ScMobileTopNav_default.scMobileTopNav + " " + (hasBorder ? ScMobileTopNav_default.withBorder : "") + " " + className,
4895
+ ...props,
4896
+ children: [
4897
+ type === "home" && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
4898
+ type === "chat" && /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
4899
+ /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
4900
+ /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: ScMobileTopNav_default.chatTitle, children: chatTitle }),
4901
+ /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMoreClick, children: moreIcon || /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
4902
+ ] }),
4903
+ showSearch && /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
4904
+ /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: ScMobileTopNav_default.searchRow, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: ScMobileTopNav_default.searchInputContainer, children: [
4905
+ /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: ScMobileTopNav_default.iconContainer, onClick: onSearchClick, children: searchIconElement || /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
4906
+ /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: ScMobileTopNav_default.searchInput, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
4907
+ "input",
4908
+ {
4909
+ type: "text",
4910
+ className: ScMobileTopNav_default.searchField,
4911
+ placeholder: searchPlaceholder,
4912
+ value: searchValue,
4913
+ onChange: (e) => onSearchChange?.(e.target.value)
4914
+ }
4915
+ ) })
4916
+ ] }) }),
4917
+ /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: ScMobileTopNav_default.iconContainer, onClick: onCloseClick, children: closeIcon || /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
4918
+ ] }),
4919
+ type === "inApp" && !search && /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
4920
+ /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
4921
+ /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: ScMobileTopNav_default.heading, children: heading }),
4922
+ /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
4923
+ "div",
4924
+ {
4925
+ className: ScMobileTopNav_default.iconContainer + " " + (!searchIcon ? ScMobileTopNav_default.hidden : ""),
4926
+ onClick: onSearchClick,
4927
+ children: searchIcon ? searchIconElement || /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder }) : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: ScMobileTopNav_default.iconPlaceholder })
4928
+ }
4929
+ )
4930
+ ] })
4931
+ ]
4932
+ }
4933
+ );
4934
+ };
4935
+
4936
+ // src/SC-MobileBottomAction/ScMobileBottomAction.module.css
4937
+ var ScMobileBottomAction_default = {
4938
+ scMobileBottomAction: "ScMobileBottomAction_scMobileBottomAction",
4939
+ button: "ScMobileBottomAction_button",
4940
+ disabled: "ScMobileBottomAction_disabled",
4941
+ buttonText: "ScMobileBottomAction_buttonText"
4942
+ };
4943
+
4944
+ // src/SC-MobileBottomAction/ScMobileBottomAction.tsx
4945
+ var import_jsx_runtime70 = require("react/jsx-runtime");
4946
+ var ScMobileBottomAction = ({
4947
+ text = "Save Changes",
4948
+ disabled = false,
4949
+ onClick,
4950
+ className,
4951
+ ...props
4952
+ }) => {
4953
+ return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
4954
+ "div",
4955
+ {
4956
+ className: ScMobileBottomAction_default.scMobileBottomAction + " " + className,
4957
+ ...props,
4958
+ children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
4959
+ "button",
4960
+ {
4961
+ className: ScMobileBottomAction_default.button + " " + (disabled ? ScMobileBottomAction_default.disabled : ""),
4962
+ onClick,
4963
+ disabled,
4964
+ children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: ScMobileBottomAction_default.buttonText, children: text })
4965
+ }
4966
+ )
4967
+ }
4968
+ );
4969
+ };
4970
+
4971
+ // src/SC-PopUpMenu/ScPopUpMenu.module.css
4972
+ var ScPopUpMenu_default = {
4973
+ scPopUpMenu: "ScPopUpMenu_scPopUpMenu",
4974
+ "state-default": "ScPopUpMenu_state-default",
4975
+ "state-clicked": "ScPopUpMenu_state-clicked",
4976
+ icon: "ScPopUpMenu_icon",
4977
+ menuText: "ScPopUpMenu_menuText"
4978
+ };
4979
+
4980
+ // src/SC-PopUpMenu/ScPopUpMenu.tsx
4981
+ var import_jsx_runtime71 = require("react/jsx-runtime");
4982
+ var ScPopUpMenu = ({
4983
+ menu = "Options",
4984
+ state = "default",
4985
+ icon,
4986
+ onClick,
4987
+ className,
4988
+ ...props
4989
+ }) => {
4990
+ return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
4991
+ "div",
4992
+ {
4993
+ className: ScPopUpMenu_default.scPopUpMenu + " " + ScPopUpMenu_default["state-" + state] + " " + className,
4994
+ onClick,
4995
+ ...props,
4996
+ children: [
4997
+ icon && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: ScPopUpMenu_default.icon, children: icon }),
4998
+ /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("p", { className: ScPopUpMenu_default.menuText, children: menu })
4999
+ ]
5000
+ }
5001
+ );
5002
+ };
5003
+
5004
+ // src/SC-referralCard-Mobile/ScReferralCardMobile.module.css
5005
+ var ScReferralCardMobile_default = {
5006
+ scReferralCardMobile: "ScReferralCardMobile_scReferralCardMobile",
5007
+ userRow: "ScReferralCardMobile_userRow",
5008
+ profileSection: "ScReferralCardMobile_profileSection",
5009
+ profileImage: "ScReferralCardMobile_profileImage",
5010
+ image: "ScReferralCardMobile_image",
5011
+ initials: "ScReferralCardMobile_initials",
5012
+ userInfo: "ScReferralCardMobile_userInfo",
5013
+ userName: "ScReferralCardMobile_userName",
5014
+ userEmail: "ScReferralCardMobile_userEmail",
5015
+ badge: "ScReferralCardMobile_badge",
5016
+ badgeText: "ScReferralCardMobile_badgeText",
5017
+ divider: "ScReferralCardMobile_divider",
5018
+ detailsRow: "ScReferralCardMobile_detailsRow",
5019
+ dateText: "ScReferralCardMobile_dateText",
5020
+ creditsText: "ScReferralCardMobile_creditsText"
5021
+ };
5022
+
5023
+ // src/SC-referralCard-Mobile/ScReferralCardMobile.tsx
5024
+ var import_jsx_runtime72 = require("react/jsx-runtime");
5025
+ var ScReferralCardMobile = ({
5026
+ name = "Chris Hemsworth",
5027
+ email = "chris@kepler.com",
5028
+ imageUrl,
5029
+ badge = "Confirmed",
5030
+ date = "Nov 9th, 2025",
5031
+ credits = "+ 500",
5032
+ onClick,
5033
+ className,
5034
+ ...props
5035
+ }) => {
5036
+ const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
5037
+ return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
5038
+ "div",
5039
+ {
5040
+ className: ScReferralCardMobile_default.scReferralCardMobile + " " + className,
5041
+ onClick,
5042
+ ...props,
5043
+ children: [
5044
+ /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: ScReferralCardMobile_default.userRow, children: [
5045
+ /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: ScReferralCardMobile_default.profileSection, children: [
5046
+ /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: ScReferralCardMobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("img", { src: imageUrl, alt: name, className: ScReferralCardMobile_default.image }) : /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: ScReferralCardMobile_default.initials, children: initials }) }),
5047
+ /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: ScReferralCardMobile_default.userInfo, children: [
5048
+ /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("p", { className: ScReferralCardMobile_default.userName, children: name }),
5049
+ /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("p", { className: ScReferralCardMobile_default.userEmail, children: email })
5050
+ ] })
5051
+ ] }),
5052
+ /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: ScReferralCardMobile_default.badge, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("p", { className: ScReferralCardMobile_default.badgeText, children: badge }) })
5053
+ ] }),
5054
+ /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: ScReferralCardMobile_default.divider }),
5055
+ /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: ScReferralCardMobile_default.detailsRow, children: [
5056
+ /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("p", { className: ScReferralCardMobile_default.dateText, children: date }),
5057
+ /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("p", { className: ScReferralCardMobile_default.creditsText, children: credits })
5058
+ ] })
5059
+ ]
5060
+ }
5061
+ );
5062
+ };
5063
+
5064
+ // src/SC-InvoiceHistory-Mobile/ScInvoiceHistoryMobile.module.css
5065
+ var ScInvoiceHistoryMobile_default = {
5066
+ scInvoiceHistoryMobile: "ScInvoiceHistoryMobile_scInvoiceHistoryMobile",
5067
+ invoiceInfo: "ScInvoiceHistoryMobile_invoiceInfo",
5068
+ invoiceNumber: "ScInvoiceHistoryMobile_invoiceNumber",
5069
+ date: "ScInvoiceHistoryMobile_date",
5070
+ amount: "ScInvoiceHistoryMobile_amount"
5071
+ };
5072
+
5073
+ // src/SC-InvoiceHistory-Mobile/ScInvoiceHistoryMobile.tsx
5074
+ var import_jsx_runtime73 = require("react/jsx-runtime");
5075
+ var ScInvoiceHistoryMobile = ({
5076
+ invoiceNumber = "# INV-2800-2026",
5077
+ date = "Nov 9th, 2025",
5078
+ amount = "$320.89",
5079
+ onClick,
5080
+ className,
5081
+ ...props
5082
+ }) => {
5083
+ return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
5084
+ "div",
5085
+ {
5086
+ className: ScInvoiceHistoryMobile_default.scInvoiceHistoryMobile + " " + className,
5087
+ onClick,
5088
+ ...props,
5089
+ children: [
5090
+ /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: ScInvoiceHistoryMobile_default.invoiceInfo, children: [
5091
+ /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { className: ScInvoiceHistoryMobile_default.invoiceNumber, children: invoiceNumber }),
5092
+ /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { className: ScInvoiceHistoryMobile_default.date, children: date })
5093
+ ] }),
5094
+ /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { className: ScInvoiceHistoryMobile_default.amount, children: amount })
5095
+ ]
5096
+ }
5097
+ );
5098
+ };
5099
+
5100
+ // src/SC-UsageHistory-Mobile/ScUsageHistoryMobile.module.css
5101
+ var ScUsageHistoryMobile_default = {
5102
+ scUsageHistoryMobile: "ScUsageHistoryMobile_scUsageHistoryMobile",
5103
+ topRow: "ScUsageHistoryMobile_topRow",
5104
+ title: "ScUsageHistoryMobile_title",
5105
+ usageCount: "ScUsageHistoryMobile_usageCount",
5106
+ bottomRow: "ScUsageHistoryMobile_bottomRow",
5107
+ metaInfo: "ScUsageHistoryMobile_metaInfo",
5108
+ metaText: "ScUsageHistoryMobile_metaText",
5109
+ vDivider: "ScUsageHistoryMobile_vDivider",
5110
+ totalCount: "ScUsageHistoryMobile_totalCount"
5111
+ };
5112
+
5113
+ // src/SC-UsageHistory-Mobile/ScUsageHistoryMobile.tsx
5114
+ var import_jsx_runtime74 = require("react/jsx-runtime");
5115
+ var ScUsageHistoryMobile = ({
5116
+ title = "Artifax Generation",
5117
+ usageCount = "50",
5118
+ userName = "Rohan",
5119
+ date = "Nov 9th, 2025",
5120
+ totalCount = "84,902",
5121
+ onClick,
5122
+ className,
5123
+ ...props
5124
+ }) => {
5125
+ return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
5126
+ "div",
5127
+ {
5128
+ className: ScUsageHistoryMobile_default.scUsageHistoryMobile + " " + className,
5129
+ onClick,
5130
+ ...props,
5131
+ children: [
5132
+ /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: ScUsageHistoryMobile_default.topRow, children: [
5133
+ /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("p", { className: ScUsageHistoryMobile_default.title, children: title }),
5134
+ /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("p", { className: ScUsageHistoryMobile_default.usageCount, children: usageCount })
5135
+ ] }),
5136
+ /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: ScUsageHistoryMobile_default.bottomRow, children: [
5137
+ /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: ScUsageHistoryMobile_default.metaInfo, children: [
5138
+ /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("p", { className: ScUsageHistoryMobile_default.metaText, children: userName }),
5139
+ /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: ScUsageHistoryMobile_default.vDivider }),
5140
+ /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("p", { className: ScUsageHistoryMobile_default.metaText, children: date })
5141
+ ] }),
5142
+ /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("p", { className: ScUsageHistoryMobile_default.totalCount, children: totalCount })
5143
+ ] })
5144
+ ]
5145
+ }
5146
+ );
5147
+ };
5148
+
5149
+ // src/SC-WorkspaceSwitchMobile-V2/ScWorkspaceSwitchMobileV2.module.css
5150
+ var ScWorkspaceSwitchMobileV2_default = {
5151
+ scWorkspaceSwitchMobileV2: "ScWorkspaceSwitchMobileV2_scWorkspaceSwitchMobileV2",
5152
+ "type-currentWS": "ScWorkspaceSwitchMobileV2_type-currentWS",
5153
+ "type-otherWS": "ScWorkspaceSwitchMobileV2_type-otherWS",
5154
+ workspaceInfo: "ScWorkspaceSwitchMobileV2_workspaceInfo",
5155
+ dpContainer: "ScWorkspaceSwitchMobileV2_dpContainer",
5156
+ dp: "ScWorkspaceSwitchMobileV2_dp",
5157
+ "dp-currentWS": "ScWorkspaceSwitchMobileV2_dp-currentWS",
5158
+ "dp-otherWS": "ScWorkspaceSwitchMobileV2_dp-otherWS",
5159
+ dpText: "ScWorkspaceSwitchMobileV2_dpText",
5160
+ textContainer: "ScWorkspaceSwitchMobileV2_textContainer",
5161
+ wsName: "ScWorkspaceSwitchMobileV2_wsName",
5162
+ userDetails: "ScWorkspaceSwitchMobileV2_userDetails",
5163
+ roleText: "ScWorkspaceSwitchMobileV2_roleText",
5164
+ dot: "ScWorkspaceSwitchMobileV2_dot",
5165
+ planText: "ScWorkspaceSwitchMobileV2_planText",
5166
+ ownerText: "ScWorkspaceSwitchMobileV2_ownerText"
5167
+ };
5168
+
5169
+ // src/SC-WorkspaceSwitchMobile-V2/ScWorkspaceSwitchMobileV2.tsx
5170
+ var import_jsx_runtime75 = require("react/jsx-runtime");
5171
+ var ScWorkspaceSwitchMobileV2 = ({
5172
+ wsName = "Workspace name is kepler",
5173
+ initials = "WS",
5174
+ role = "Admin",
5175
+ plan = "Free",
5176
+ ownerId = "rohan@streamoid.com",
5177
+ type = "currentWS",
5178
+ onClick,
5179
+ className,
5180
+ ...props
5181
+ }) => {
5182
+ return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
5183
+ "div",
5184
+ {
5185
+ className: ScWorkspaceSwitchMobileV2_default.scWorkspaceSwitchMobileV2 + " " + ScWorkspaceSwitchMobileV2_default["type-" + type] + " " + className,
5186
+ onClick,
5187
+ ...props,
5188
+ children: /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: ScWorkspaceSwitchMobileV2_default.workspaceInfo, children: [
5189
+ /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: ScWorkspaceSwitchMobileV2_default.dpContainer, children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: ScWorkspaceSwitchMobileV2_default.dp + " " + ScWorkspaceSwitchMobileV2_default["dp-" + type], children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: ScWorkspaceSwitchMobileV2_default.dpText, children: initials }) }) }),
5190
+ /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: ScWorkspaceSwitchMobileV2_default.textContainer, children: [
5191
+ /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("p", { className: ScWorkspaceSwitchMobileV2_default.wsName, children: wsName }),
5192
+ /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: ScWorkspaceSwitchMobileV2_default.userDetails, children: [
5193
+ /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: ScWorkspaceSwitchMobileV2_default.roleText, children: role }),
5194
+ /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: ScWorkspaceSwitchMobileV2_default.dot }),
5195
+ /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: ScWorkspaceSwitchMobileV2_default.planText, children: plan }),
5196
+ /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: ScWorkspaceSwitchMobileV2_default.dot }),
5197
+ /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: ScWorkspaceSwitchMobileV2_default.ownerText, children: ownerId })
5198
+ ] })
5199
+ ] })
5200
+ ] })
5201
+ }
5202
+ );
5203
+ };