@streamoid/ui 0.6.23 → 0.6.25

package/dist/docs/ScWorkspaceAccountMenu.md

@@ -92,6 +92,11 @@ Render the panel beside the top workspace trigger. Render the app identity at
 the bottom of the sidebar and open `ScAppSwitchPanel` from that row. Apply the
 corresponding shared popover-position style to each portalled panel.
 
+Collapsed app identities use the Streamoid mascot for Streamoid and readable
+two-letter product marks (`Ta`, `Ar`, `Ca`, `Ph`) for the other apps. Pass
+`collapsedMark` when a product has an approved compact logo, or
+`collapsedLabel` to override the default abbreviation.
+
 ## 3. When to use it
 
 Use it in authenticated application shells. Login pages, standalone settings

package/dist/index.css

@@ -3896,13 +3896,13 @@
 .ScSidebarShell_appWordmark {
   display: inline-flex;
   min-width: 0;
-  max-width: 150px;
+  max-width: none;
   align-items: center;
   overflow: hidden;
 }
 .ScSidebarShell_appWordmark svg {
-  max-width: 100%;
-  height: auto;
+  width: 110px;
+  height: 16px;
 }
 .ScSidebarShell_appGridIcon {
   display: grid;
@@ -3924,9 +3924,13 @@
   align-items: center;
   justify-content: center;
   overflow: hidden;
-}
-.ScSidebarShell_collapsedProductMark > span {
-  transform: scale(0.72);
+  border-radius: var(--radius-xl, 12px);
+  background: var(--alias-fill-neutral-neutral, #1a1a1a);
+  color: var(--alias-text---icons-primary, #f5f5f5);
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 600;
+  letter-spacing: -0.02em;
 }
 .ScSidebarShell_menu {
   display: flex;

package/dist/index.d.mts

@@ -84,6 +84,8 @@ interface IScAppSwitchPanelProps {
     /** Standard Changelog, Status Page, and Help and Support rows. Prefer this
      *  over rebuilding `systemItems` in each Streamoid application. */
     utilities?: ScAppSwitchUtilities;
+    /** Panel heading. Defaults to "Switch Apps". Pass `null` to hide it. */
+    title?: string | null;
     /** Optional section title. Omit it for a compact, divider-only section. */
     systemLabel?: string;
     className?: string;
@@ -100,7 +102,7 @@ declare const ScAppSwitchRow: ({ item, }: {
 /** Shared product-switch list — the same across every Streamoid app. The host
  *  passes its product list (current app excluded) and its own logo lives in the
  *  surrounding sidebar; only this content is identical everywhere. */
-declare const ScAppSwitchPanel: ({ apps, systemItems, utilities, systemLabel, className, style, }: IScAppSwitchPanelProps) => JSX.Element;
+declare const ScAppSwitchPanel: ({ apps, systemItems, utilities, title, systemLabel, className, style, }: IScAppSwitchPanelProps) => JSX.Element;
 
 interface IScBadgesProps {
     text?: string;
@@ -625,11 +627,14 @@ declare function ScSidebarSearchTrigger({ expanded, label, shortcut, onClick, cl
 interface ScSidebarAppIdentityProps {
     expanded: boolean;
     product?: AppcardProduct | "streamoid";
+    /** Optional compact label for collapsed rails. A supplied mark takes
+     * precedence; otherwise product-specific defaults such as Ar and Ca apply. */
+    collapsedLabel?: string;
     collapsedMark?: ReactNode;
     label?: string;
     className?: string;
 }
-declare function ScSidebarAppIdentity({ expanded, product, collapsedMark, label, className, }: ScSidebarAppIdentityProps): JSX.Element;
+declare function ScSidebarAppIdentity({ expanded, product, collapsedLabel, collapsedMark, label, className, }: ScSidebarAppIdentityProps): JSX.Element;
 interface ScWorkspaceAccountMenuProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
     workspaceName: string;
     workspaceRole?: string;

package/dist/index.d.ts

@@ -84,6 +84,8 @@ interface IScAppSwitchPanelProps {
     /** Standard Changelog, Status Page, and Help and Support rows. Prefer this
      *  over rebuilding `systemItems` in each Streamoid application. */
     utilities?: ScAppSwitchUtilities;
+    /** Panel heading. Defaults to "Switch Apps". Pass `null` to hide it. */
+    title?: string | null;
     /** Optional section title. Omit it for a compact, divider-only section. */
     systemLabel?: string;
     className?: string;
@@ -100,7 +102,7 @@ declare const ScAppSwitchRow: ({ item, }: {
 /** Shared product-switch list — the same across every Streamoid app. The host
  *  passes its product list (current app excluded) and its own logo lives in the
  *  surrounding sidebar; only this content is identical everywhere. */
-declare const ScAppSwitchPanel: ({ apps, systemItems, utilities, systemLabel, className, style, }: IScAppSwitchPanelProps) => JSX.Element;
+declare const ScAppSwitchPanel: ({ apps, systemItems, utilities, title, systemLabel, className, style, }: IScAppSwitchPanelProps) => JSX.Element;
 
 interface IScBadgesProps {
     text?: string;
@@ -625,11 +627,14 @@ declare function ScSidebarSearchTrigger({ expanded, label, shortcut, onClick, cl
 interface ScSidebarAppIdentityProps {
     expanded: boolean;
     product?: AppcardProduct | "streamoid";
+    /** Optional compact label for collapsed rails. A supplied mark takes
+     * precedence; otherwise product-specific defaults such as Ar and Ca apply. */
+    collapsedLabel?: string;
     collapsedMark?: ReactNode;
     label?: string;
     className?: string;
 }
-declare function ScSidebarAppIdentity({ expanded, product, collapsedMark, label, className, }: ScSidebarAppIdentityProps): JSX.Element;
+declare function ScSidebarAppIdentity({ expanded, product, collapsedLabel, collapsedMark, label, className, }: ScSidebarAppIdentityProps): JSX.Element;
 interface ScWorkspaceAccountMenuProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
     workspaceName: string;
     workspaceRole?: string;

package/dist/index.js

@@ -640,6 +640,7 @@ var ScAppSwitchPanel = ({
   apps,
   systemItems,
   utilities,
+  title = "Switch Apps",
   systemLabel,
   className,
   style
@@ -659,6 +660,34 @@ var ScAppSwitchPanel = ({
         ...style
       },
       children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            "h2",
+            {
+              style: {
+                margin: 0,
+                padding: "var(--spacing-xl, 12px) var(--spacing-3xl, 16px) var(--spacing-sm, 4px)",
+                color: T.primary,
+                fontFamily: T.font,
+                fontSize: "var(--font-size-font-size-sm, 14px)",
+                lineHeight: "var(--line-height-line-height-sm, 20px)",
+                fontWeight: 500
+              },
+              children: title
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            "div",
+            {
+              "aria-hidden": true,
+              style: {
+                height: 1,
+                margin: "0 var(--spacing-md, 8px)",
+                background: "var(--alias-border-divider, #dedede)"
+              }
+            }
+          )
+        ] }) : null,
         ordered.map((app) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ScAppSwitchRow, { item: app }, app.key)),
         resolvedSystemItems.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
           "div",
@@ -5121,9 +5150,16 @@ function ScSidebarSearchTrigger({
 function AppGridIcon() {
   return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { "aria-hidden": true, className: ScSidebarShell_default.appGridIcon, children: Array.from({ length: 9 }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", {}, index)) });
 }
+var COMPACT_APP_LABELS = {
+  tactix: "Ta",
+  artifax: "Ar",
+  catalogix: "Ca",
+  photogenix: "Ph"
+};
 function ScSidebarAppIdentity({
   expanded,
   product = "streamoid",
+  collapsedLabel,
   collapsedMark,
   label,
   className
@@ -5136,9 +5172,15 @@ function ScSidebarAppIdentity({
       title: "Switch Apps",
       className: `${ScSidebarShell_default.appIdentity} ${expanded ? ScSidebarShell_default.appIdentityExpanded : ScSidebarShell_default.appIdentityCollapsed}${className ? ` ${className}` : ""}`,
       children: expanded ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: ScSidebarShell_default.appWordmark, children: product === "streamoid" ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ScStreamoidWordmark, { width: 110, height: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ScAppcardLogos, { product }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: ScSidebarShell_default.appWordmark, children: product === "streamoid" ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ScStreamoidWordmark, { width: 110, height: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          ScAppcardLogos,
+          {
+            product,
+            style: { width: 110, height: 16 }
+          }
+        ) }),
         /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(AppGridIcon, {})
-      ] }) : collapsedMark ?? (product === "streamoid" ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ScStreamoidMascot, { size: 40 }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: ScSidebarShell_default.collapsedProductMark, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ScAppcardLogos, { product }) }))
+      ] }) : collapsedMark ?? (product === "streamoid" ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ScStreamoidMascot, { size: 40 }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { "aria-hidden": true, className: ScSidebarShell_default.collapsedProductMark, children: collapsedLabel ?? COMPACT_APP_LABELS[product] }))
     }
   );
 }
@@ -5581,7 +5623,7 @@ function useStreamoidSidebarPopoverPosition(sidebarRef, {
           window.innerHeight - bounds.bottom + inset
         )
       };
-      setPosition({
+      const next = {
         position: "fixed",
         left,
         width: panelWidth,
@@ -5589,7 +5631,10 @@ function useStreamoidSidebarPopoverPosition(sidebarRef, {
         maxHeight: `calc(100dvh - ${VIEWPORT_INSET * 2}px)`,
         visibility: "visible",
         ...vertical
-      });
+      };
+      setPosition(
+        (prev) => prev.left === next.left && prev.width === next.width && prev.visibility === next.visibility && prev.top === next.top && prev.bottom === next.bottom ? prev : next
+      );
     };
     resizeObserver = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(measure);
     measure();

package/dist/index.mjs

@@ -214,7 +214,7 @@ function ScStreamoidMascot({
 }
 
 // src/SC-AppSwitch/ScAppSwitchPanel.tsx
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var STREAMOID_CHANGELOG_URL = "https://doc.clickup.com/3414296/p/h/3868r-26044/13a22b6f796b2c8";
 var STREAMOID_STATUS_PAGE_URL = "https://status.streamoid.com/";
 function openExternal(url) {
@@ -472,6 +472,7 @@ var ScAppSwitchPanel = ({
   apps,
   systemItems,
   utilities,
+  title = "Switch Apps",
   systemLabel,
   className,
   style
@@ -491,6 +492,34 @@ var ScAppSwitchPanel = ({
         ...style
       },
       children: [
+        title ? /* @__PURE__ */ jsxs4(Fragment, { children: [
+          /* @__PURE__ */ jsx5(
+            "h2",
+            {
+              style: {
+                margin: 0,
+                padding: "var(--spacing-xl, 12px) var(--spacing-3xl, 16px) var(--spacing-sm, 4px)",
+                color: T.primary,
+                fontFamily: T.font,
+                fontSize: "var(--font-size-font-size-sm, 14px)",
+                lineHeight: "var(--line-height-line-height-sm, 20px)",
+                fontWeight: 500
+              },
+              children: title
+            }
+          ),
+          /* @__PURE__ */ jsx5(
+            "div",
+            {
+              "aria-hidden": true,
+              style: {
+                height: 1,
+                margin: "0 var(--spacing-md, 8px)",
+                background: "var(--alias-border-divider, #dedede)"
+              }
+            }
+          )
+        ] }) : null,
         ordered.map((app) => /* @__PURE__ */ jsx5(ScAppSwitchRow, { item: app }, app.key)),
         resolvedSystemItems.length > 0 ? /* @__PURE__ */ jsxs4(
           "div",
@@ -643,7 +672,7 @@ var ScHeader_default = {
 
 // src/SC-Header/ScHeader.tsx
 import { SiconDoubleArrowUp, SiconDoubleArrowDown } from "@streamoid/icons";
-import { Fragment, jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 var ScHeader = ({
   text = "Header",
   state = "up",
@@ -661,13 +690,13 @@ var ScHeader = ({
           text,
           " "
         ] }),
-        state === "down" && /* @__PURE__ */ jsx8(Fragment, { children: /* @__PURE__ */ jsx8(
+        state === "down" && /* @__PURE__ */ jsx8(Fragment2, { children: /* @__PURE__ */ jsx8(
           SiconDoubleArrowDown,
           {
             className: ScHeader_default.siconDoubleArrowDownInstance
           }
         ) }),
-        state === "up" && /* @__PURE__ */ jsx8(Fragment, { children: /* @__PURE__ */ jsx8(
+        state === "up" && /* @__PURE__ */ jsx8(Fragment2, { children: /* @__PURE__ */ jsx8(
           SiconDoubleArrowUp,
           {
             className: ScHeader_default.siconDoubleArrowUpInstance
@@ -996,7 +1025,7 @@ var ScCheckbox = ({
 };
 
 // src/SC-Pairtext/ScPairtext.tsx
-import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
 var ScPairtext = ({
   content = "Pairtext",
   icon = /* @__PURE__ */ jsx12(SiconHome, { className: ScPairtext_default.siconHomeInstance }),
@@ -1018,11 +1047,11 @@ var ScPairtext = ({
         onChange?.(!checked);
       },
       children: [
-        iconPosition === "right" && /* @__PURE__ */ jsx12(Fragment2, { children: /* @__PURE__ */ jsxs12("div", { className: ScPairtext_default.content, children: [
+        iconPosition === "right" && /* @__PURE__ */ jsx12(Fragment3, { children: /* @__PURE__ */ jsxs12("div", { className: ScPairtext_default.content, children: [
           content,
           " "
         ] }) }),
-        type === "checkbox" && /* @__PURE__ */ jsx12(Fragment2, { children: /* @__PURE__ */ jsx12(
+        type === "checkbox" && /* @__PURE__ */ jsx12(Fragment3, { children: /* @__PURE__ */ jsx12(
           ScCheckbox,
           {
             state: derivedState,
@@ -1030,15 +1059,15 @@ var ScPairtext = ({
             className: ScPairtext_default.scCheckboxInstance
           }
         ) }),
-        type === "radio" && /* @__PURE__ */ jsx12(Fragment2, { children: /* @__PURE__ */ jsx12(
+        type === "radio" && /* @__PURE__ */ jsx12(Fragment3, { children: /* @__PURE__ */ jsx12(
           ScRadio,
           {
             state: derivedState,
             className: ScPairtext_default.scRadioInstance
           }
         ) }),
-        type === "icon" && /* @__PURE__ */ jsx12(Fragment2, { children: icon }),
-        iconPosition === "left" && /* @__PURE__ */ jsx12(Fragment2, { children: /* @__PURE__ */ jsxs12("div", { className: ScPairtext_default.content, children: [
+        type === "icon" && /* @__PURE__ */ jsx12(Fragment3, { children: icon }),
+        iconPosition === "left" && /* @__PURE__ */ jsx12(Fragment3, { children: /* @__PURE__ */ jsxs12("div", { className: ScPairtext_default.content, children: [
           content,
           " "
         ] }) })
@@ -1124,7 +1153,7 @@ var ScButton_default = {
 // src/SC-Button/ScButton.tsx
 import { SiconHome as SiconHome2 } from "@streamoid/icons";
 import { useState as useState2, useEffect, isValidElement, cloneElement } from "react";
-import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
 if (typeof window !== "undefined" && CSS.registerProperty) {
   const props = [
     { name: "--x-0", val: "72%" },
@@ -1235,13 +1264,13 @@ var ScButton = ({
             style: { backgroundImage: `url(${noiseUrl})` }
           }
         ),
-        /* @__PURE__ */ jsx14("div", { className: ScButton_default.container, children: loading ? /* @__PURE__ */ jsx14("span", { className: ScButton_default.spinner, "aria-hidden": true }) : children !== void 0 && children !== null ? /* @__PURE__ */ jsx14("div", { className: ScButton_default.label, children }) : /* @__PURE__ */ jsxs14(Fragment3, { children: [
-          (styleVariant === "icon-left" || styleVariant === "icon-only") && /* @__PURE__ */ jsx14(Fragment3, { children: styledIcon }),
-          (styleVariant === "default" || styleVariant === "icon-right" || styleVariant === "icon-left") && /* @__PURE__ */ jsx14(Fragment3, { children: /* @__PURE__ */ jsxs14("div", { className: ScButton_default.label, children: [
+        /* @__PURE__ */ jsx14("div", { className: ScButton_default.container, children: loading ? /* @__PURE__ */ jsx14("span", { className: ScButton_default.spinner, "aria-hidden": true }) : children !== void 0 && children !== null ? /* @__PURE__ */ jsx14("div", { className: ScButton_default.label, children }) : /* @__PURE__ */ jsxs14(Fragment4, { children: [
+          (styleVariant === "icon-left" || styleVariant === "icon-only") && /* @__PURE__ */ jsx14(Fragment4, { children: styledIcon }),
+          (styleVariant === "default" || styleVariant === "icon-right" || styleVariant === "icon-left") && /* @__PURE__ */ jsx14(Fragment4, { children: /* @__PURE__ */ jsxs14("div", { className: ScButton_default.label, children: [
             text,
             " "
           ] }) }),
-          styleVariant === "icon-right" && /* @__PURE__ */ jsx14(Fragment3, { children: styledIcon })
+          styleVariant === "icon-right" && /* @__PURE__ */ jsx14(Fragment4, { children: styledIcon })
         ] }) })
       ]
     }
@@ -2058,7 +2087,7 @@ var ScMenuOptions_default = {
 
 // src/SC-Menu options/ScMenuOptions.tsx
 import { SiconTeam } from "@streamoid/icons";
-import { Fragment as Fragment4, jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
 var ScMenuOptions = ({
   icon = /* @__PURE__ */ jsx26(SiconTeam, { className: ScMenuOptions_default.siconTeamInstance }),
   version = "v2.0.21",
@@ -2080,7 +2109,7 @@ var ScMenuOptions = ({
           text,
           " "
         ] }),
-        variant === "with-v" && /* @__PURE__ */ jsx26(Fragment4, { children: /* @__PURE__ */ jsxs22("div", { className: ScMenuOptions_default.content2, children: [
+        variant === "with-v" && /* @__PURE__ */ jsx26(Fragment5, { children: /* @__PURE__ */ jsxs22("div", { className: ScMenuOptions_default.content2, children: [
           version,
           " "
         ] }) })
@@ -2593,7 +2622,7 @@ var ScPlanDetailsCard_default = {
 // src/SC-Plan details card/ScPlanDetailsCard.tsx
 import { SiconBilling } from "@streamoid/icons";
 import { SiconHome as SiconHome4 } from "@streamoid/icons";
-import { Fragment as Fragment5, jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
 var ScPlanDetailsCard = ({
   planName = "Free",
   planCredits = "30,000 credits",
@@ -2617,7 +2646,7 @@ var ScPlanDetailsCard = ({
           className: ScPlanDetailsCard_default.scPairtextInstance
         }
       ),
-      /* @__PURE__ */ jsx30("div", { className: ScPlanDetailsCard_default.badgeGroup, children: isLoading ? /* @__PURE__ */ jsx30("span", { className: `${ScPlanDetailsCard_default.skeletonPill} ${ScPlanDetailsCard_default.badgeSkeleton}` }) : /* @__PURE__ */ jsxs25(Fragment5, { children: [
+      /* @__PURE__ */ jsx30("div", { className: ScPlanDetailsCard_default.badgeGroup, children: isLoading ? /* @__PURE__ */ jsx30("span", { className: `${ScPlanDetailsCard_default.skeletonPill} ${ScPlanDetailsCard_default.badgeSkeleton}` }) : /* @__PURE__ */ jsxs25(Fragment6, { children: [
         /* @__PURE__ */ jsx30(
           ScBadges,
           {
@@ -2627,7 +2656,7 @@ var ScPlanDetailsCard = ({
             className: ScPlanDetailsCard_default.scBadgesInstance
           }
         ),
-        badgeSubText && /* @__PURE__ */ jsxs25(Fragment5, { children: [
+        badgeSubText && /* @__PURE__ */ jsxs25(Fragment6, { children: [
           /* @__PURE__ */ jsx30("span", { className: ScPlanDetailsCard_default.badgeDot }),
           /* @__PURE__ */ jsx30("span", { className: ScPlanDetailsCard_default.badgeSubText, children: badgeSubText })
         ] })
@@ -2635,13 +2664,13 @@ var ScPlanDetailsCard = ({
     ] }),
     /* @__PURE__ */ jsx30(ScHDivider, { className: ScPlanDetailsCard_default.scHDividerInstance }),
     /* @__PURE__ */ jsxs25("div", { className: ScPlanDetailsCard_default.planDetails, children: [
-      /* @__PURE__ */ jsx30("div", { className: ScPlanDetailsCard_default.planInfo, children: isLoading ? /* @__PURE__ */ jsxs25(Fragment5, { children: [
+      /* @__PURE__ */ jsx30("div", { className: ScPlanDetailsCard_default.planInfo, children: isLoading ? /* @__PURE__ */ jsxs25(Fragment6, { children: [
         /* @__PURE__ */ jsxs25("div", { className: ScPlanDetailsCard_default.planNameRow, "aria-label": "Loading plan details", children: [
           /* @__PURE__ */ jsx30("span", { className: `${ScPlanDetailsCard_default.skeletonPill} ${ScPlanDetailsCard_default.planNameSkeleton}` }),
           /* @__PURE__ */ jsx30("span", { className: `${ScPlanDetailsCard_default.skeletonPill} ${ScPlanDetailsCard_default.creditsSkeleton}` })
         ] }),
         /* @__PURE__ */ jsx30("span", { className: `${ScPlanDetailsCard_default.skeletonPill} ${ScPlanDetailsCard_default.priceSkeleton}` })
-      ] }) : /* @__PURE__ */ jsxs25(Fragment5, { children: [
+      ] }) : /* @__PURE__ */ jsxs25(Fragment6, { children: [
         /* @__PURE__ */ jsxs25("div", { className: ScPlanDetailsCard_default.planNameRow, children: [
           /* @__PURE__ */ jsx30("span", { className: ScPlanDetailsCard_default.planName, children: planName }),
           /* @__PURE__ */ jsx30("span", { className: ScPlanDetailsCard_default.dotSeparator }),
@@ -2674,7 +2703,7 @@ var ScProfile_default = {
 };
 
 // src/SC-Profile/ScProfile.tsx
-import { Fragment as Fragment6, jsx as jsx31, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx31, jsxs as jsxs26 } from "react/jsx-runtime";
 var ScProfile = ({
   name = "Chris Hemsworth",
   subText = "Kepler workspace",
@@ -2691,7 +2720,7 @@ var ScProfile = ({
       ...props,
       children: [
         /* @__PURE__ */ jsx31("img", { className: ScProfile_default.profileImage, src: profileImage }),
-        collapsed === "false" && /* @__PURE__ */ jsx31(Fragment6, { children: /* @__PURE__ */ jsxs26("div", { className: ScProfile_default.userInfo, children: [
+        collapsed === "false" && /* @__PURE__ */ jsx31(Fragment7, { children: /* @__PURE__ */ jsxs26("div", { className: ScProfile_default.userInfo, children: [
           /* @__PURE__ */ jsxs26("div", { className: ScProfile_default.userName, children: [
             name,
             " "
@@ -2840,7 +2869,7 @@ var ScWorkspace_default = {
 };
 
 // src/SC-Workspace/ScWorkspace.tsx
-import { Fragment as Fragment7, jsx as jsx34, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx34, jsxs as jsxs28 } from "react/jsx-runtime";
 var ScWorkspace = ({
   collapsed = "false",
   workspaceName = "Kepler",
@@ -2857,7 +2886,7 @@ var ScWorkspace = ({
       ...props,
       children: [
         /* @__PURE__ */ jsx34("img", { className: ScWorkspace_default.profileImage, src: profileImage }),
-        collapsed === "false" && /* @__PURE__ */ jsx34(Fragment7, { children: /* @__PURE__ */ jsxs28("div", { className: ScWorkspace_default.userInfo, children: [
+        collapsed === "false" && /* @__PURE__ */ jsx34(Fragment8, { children: /* @__PURE__ */ jsxs28("div", { className: ScWorkspace_default.userInfo, children: [
           /* @__PURE__ */ jsxs28("div", { className: ScWorkspace_default.userName, children: [
             workspaceName,
             " "
@@ -2891,7 +2920,7 @@ var ScTabComp_default = {
 
 // src/SC-tabComp/ScTabComp.tsx
 import { SiconHome as SiconHome5 } from "@streamoid/icons";
-import { Fragment as Fragment8, jsx as jsx35, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx35, jsxs as jsxs29 } from "react/jsx-runtime";
 var ScTabComp = ({
   icon = /* @__PURE__ */ jsx35(SiconHome5, { className: ScTabComp_default.siconHomeInstance }),
   active = "false",
@@ -2907,8 +2936,8 @@ var ScTabComp = ({
       className: ScTabComp_default.scTabComp + " " + className + " " + variantsClassName,
       ...props,
       children: [
-        type === "icon-only" && /* @__PURE__ */ jsx35(Fragment8, { children: /* @__PURE__ */ jsx35("div", { className: ScTabComp_default.icon, children: icon }) }),
-        type === "text-only" && /* @__PURE__ */ jsx35(Fragment8, { children: /* @__PURE__ */ jsx35("div", { className: ScTabComp_default.textContainer, children: /* @__PURE__ */ jsxs29("div", { className: ScTabComp_default.tabText, children: [
+        type === "icon-only" && /* @__PURE__ */ jsx35(Fragment9, { children: /* @__PURE__ */ jsx35("div", { className: ScTabComp_default.icon, children: icon }) }),
+        type === "text-only" && /* @__PURE__ */ jsx35(Fragment9, { children: /* @__PURE__ */ jsx35("div", { className: ScTabComp_default.textContainer, children: /* @__PURE__ */ jsxs29("div", { className: ScTabComp_default.tabText, children: [
           text,
           " "
         ] }) }) })
@@ -2929,7 +2958,7 @@ var ScTabSwitcher_default = {
 
 // src/SC-tabSwitcher/ScTabSwitcher.tsx
 import { SiconHome as SiconHome6 } from "@streamoid/icons";
-import { Fragment as Fragment9, jsx as jsx36, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx36, jsxs as jsxs30 } from "react/jsx-runtime";
 var ScTabSwitcher = ({
   tabCount = "2",
   component,
@@ -2965,21 +2994,21 @@ var ScTabSwitcher = ({
             className: ScTabSwitcher_default.scTabCompInstance
           }
         ),
-        (tabCount === "3" || tabCount === "4" || tabCount === "5") && /* @__PURE__ */ jsx36(Fragment9, { children: component3 ? component3 : /* @__PURE__ */ jsx36(
+        (tabCount === "3" || tabCount === "4" || tabCount === "5") && /* @__PURE__ */ jsx36(Fragment10, { children: component3 ? component3 : /* @__PURE__ */ jsx36(
           ScTabComp,
           {
             icon: /* @__PURE__ */ jsx36(SiconHome6, { className: ScTabSwitcher_default.siconHomeInstance }),
             className: ScTabSwitcher_default.scTabCompInstance
           }
         ) }),
-        (tabCount === "4" || tabCount === "5") && /* @__PURE__ */ jsx36(Fragment9, { children: component4 ? component4 : /* @__PURE__ */ jsx36(
+        (tabCount === "4" || tabCount === "5") && /* @__PURE__ */ jsx36(Fragment10, { children: component4 ? component4 : /* @__PURE__ */ jsx36(
           ScTabComp,
           {
             icon: /* @__PURE__ */ jsx36(SiconHome6, { className: ScTabSwitcher_default.siconHomeInstance }),
             className: ScTabSwitcher_default.scTabCompInstance
           }
         ) }),
-        tabCount === "5" && /* @__PURE__ */ jsx36(Fragment9, { children: component5 ? component5 : /* @__PURE__ */ jsx36(
+        tabCount === "5" && /* @__PURE__ */ jsx36(Fragment10, { children: component5 ? component5 : /* @__PURE__ */ jsx36(
           ScTabComp,
           {
             icon: /* @__PURE__ */ jsx36(SiconHome6, { className: ScTabSwitcher_default.siconHomeInstance }),
@@ -3263,7 +3292,7 @@ var ScInfoPopup = ({
 };
 
 // src/SC-textField/ScTextField.tsx
-import { Fragment as Fragment10, jsx as jsx39, jsxs as jsxs33 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx39, jsxs as jsxs33 } from "react/jsx-runtime";
 var ScTextField = forwardRef(
   ({
     tfRightIcon = /* @__PURE__ */ jsx39(SiconBolt2, { className: ScTextField_default.siconBoltInstance }),
@@ -3311,8 +3340,8 @@ var ScTextField = forwardRef(
               required && /* @__PURE__ */ jsx39("span", { className: ScTextField_default.required, children: "*" })
             ] }),
             info != null && /* @__PURE__ */ jsx39(ScInfoPopup, { content: info }),
-            labelGroup === "text" && /* @__PURE__ */ jsx39(Fragment10, { children: /* @__PURE__ */ jsx39("div", { className: ScTextField_default.info, children: "info " }) }),
-            labelGroup === "icon" && /* @__PURE__ */ jsx39(Fragment10, { children: /* @__PURE__ */ jsx39(SiconBolt2, { className: ScTextField_default.siconBoltInstance }) })
+            labelGroup === "text" && /* @__PURE__ */ jsx39(Fragment11, { children: /* @__PURE__ */ jsx39("div", { className: ScTextField_default.info, children: "info " }) }),
+            labelGroup === "icon" && /* @__PURE__ */ jsx39(Fragment11, { children: /* @__PURE__ */ jsx39(SiconBolt2, { className: ScTextField_default.siconBoltInstance }) })
           ] }),
           /* @__PURE__ */ jsxs33(
             "div",
@@ -3321,7 +3350,7 @@ var ScTextField = forwardRef(
               style: containerStyle,
               children: [
                 leftSlot,
-                (tfGroup === "icon-left" || tfGroup === "icon-left-right") && /* @__PURE__ */ jsx39(Fragment10, { children: tfLeftIcon }),
+                (tfGroup === "icon-left" || tfGroup === "icon-left-right") && /* @__PURE__ */ jsx39(Fragment11, { children: tfLeftIcon }),
                 /* @__PURE__ */ jsx39(
                   "input",
                   {
@@ -3340,7 +3369,7 @@ var ScTextField = forwardRef(
                     }
                   }
                 ),
-                (tfGroup === "icon-right" || tfGroup === "icon-left-right") && /* @__PURE__ */ jsx39(Fragment10, { children: tfRightIcon }),
+                (tfGroup === "icon-right" || tfGroup === "icon-left-right") && /* @__PURE__ */ jsx39(Fragment11, { children: tfRightIcon }),
                 rightSlot
               ]
             }
@@ -3492,7 +3521,7 @@ var ScSidebarMenu_default = {
 
 // src/SC-Sidebar menu/ScSidebarMenu.tsx
 import { SiconHome as SiconHome8 } from "@streamoid/icons";
-import { Fragment as Fragment11, jsx as jsx42, jsxs as jsxs36 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx42, jsxs as jsxs36 } from "react/jsx-runtime";
 var ScSidebarMenu = ({
   icon = /* @__PURE__ */ jsx42(SiconHome8, { className: ScSidebarMenu_default.siconHomeInstance }),
   state = "default",
@@ -3511,7 +3540,7 @@ var ScSidebarMenu = ({
       ...props,
       children: [
         icon,
-        variant === "expanded" && /* @__PURE__ */ jsxs36(Fragment11, { children: [
+        variant === "expanded" && /* @__PURE__ */ jsxs36(Fragment12, { children: [
           /* @__PURE__ */ jsx42("div", { className: ScSidebarMenu_default.content, children: text }),
           moreIcon && /* @__PURE__ */ jsx42(
             "div",
@@ -3602,7 +3631,7 @@ var ScVersion_default = {
 
 // src/SC-version/ScVersion.tsx
 import { SiconCollapse } from "@streamoid/icons";
-import { Fragment as Fragment12, jsx as jsx45, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx45, jsxs as jsxs37 } from "react/jsx-runtime";
 var ScVersion = ({
   state = "expanded",
   version = "v2.1.2",
@@ -3618,7 +3647,7 @@ var ScVersion = ({
       className: ScVersion_default.scVersion + " " + className + " " + variantsClassName,
       ...props,
       children: [
-        state === "collapsed" && /* @__PURE__ */ jsx45(Fragment12, { children: /* @__PURE__ */ jsx45("div", { className: ScVersion_default.icon, children: component ? component : /* @__PURE__ */ jsx45(
+        state === "collapsed" && /* @__PURE__ */ jsx45(Fragment13, { children: /* @__PURE__ */ jsx45("div", { className: ScVersion_default.icon, children: component ? component : /* @__PURE__ */ jsx45(
           ScSidebarIcons,
           {
             instance: scSidebarIconsinstance || /* @__PURE__ */ jsx45(SiconCollapse, { className: ScVersion_default.siconCollapseInstance }),
@@ -3629,7 +3658,7 @@ var ScVersion = ({
           version,
           " "
         ] }),
-        state === "expanded" && /* @__PURE__ */ jsx45(Fragment12, { children: /* @__PURE__ */ jsx45(
+        state === "expanded" && /* @__PURE__ */ jsx45(Fragment13, { children: /* @__PURE__ */ jsx45(
           ScSidebarIcons,
           {
             instance: /* @__PURE__ */ jsx45(SiconCollapse, { className: ScVersion_default.siconCollapseInstance }),
@@ -3643,7 +3672,7 @@ var ScVersion = ({
 };
 
 // src/SC-Sidebar/ScSidebar.tsx
-import { Fragment as Fragment13, jsx as jsx46, jsxs as jsxs38 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx46, jsxs as jsxs38 } from "react/jsx-runtime";
 var ScSidebar = ({
   state = "expanded",
   className,
@@ -3656,7 +3685,7 @@ var ScSidebar = ({
     {
       className: ScSidebar_default.scSidebar + " " + className + " " + variantsClassName,
       children: [
-        state === "collapsed" && /* @__PURE__ */ jsx46(Fragment13, { children: /* @__PURE__ */ jsxs38("div", { className: ScSidebar_default.collapsedContainer, children: [
+        state === "collapsed" && /* @__PURE__ */ jsx46(Fragment14, { children: /* @__PURE__ */ jsxs38("div", { className: ScSidebar_default.collapsedContainer, children: [
           /* @__PURE__ */ jsxs38("div", { className: ScSidebar_default.collapsedItems, children: [
             /* @__PURE__ */ jsx46(
               ScLogoUnit,
@@ -3798,7 +3827,7 @@ var ScSidebar = ({
             }
           )
         ] }) }),
-        state === "expanded" && /* @__PURE__ */ jsx46(Fragment13, { children: /* @__PURE__ */ jsxs38("div", { className: ScSidebar_default.expandedContainer, children: [
+        state === "expanded" && /* @__PURE__ */ jsx46(Fragment14, { children: /* @__PURE__ */ jsxs38("div", { className: ScSidebar_default.expandedContainer, children: [
           /* @__PURE__ */ jsxs38("div", { className: ScSidebar_default.expandedItems, children: [
             /* @__PURE__ */ jsx46(ScLogoUnit, { className: ScSidebar_default.scLogoUnitInstance }),
             /* @__PURE__ */ jsx46("div", { className: ScSidebar_default.expandedItemContainer, children: /* @__PURE__ */ jsx46(
@@ -4074,7 +4103,7 @@ function ScSidebarResizeHandle({
 }
 
 // src/SC-Sidebar-new/streamoid-sidebar.tsx
-import { Fragment as Fragment14, jsx as jsx49, jsxs as jsxs40 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx49, jsxs as jsxs40 } from "react/jsx-runtime";
 function SectionHeader({ label }) {
   return /* @__PURE__ */ jsx49("div", { className: "opacity-50 shrink-0 w-full", children: /* @__PURE__ */ jsx49("div", { className: "flex flex-row items-center size-full", children: /* @__PURE__ */ jsx49(
     "div",
@@ -4344,7 +4373,7 @@ function StreamoidSidebar({
                     },
                     children: [
                       !hasSwitchCard ? logoRow : null,
-                      !!(topItems?.length || config.topItem) && /* @__PURE__ */ jsxs40(Fragment14, { children: [
+                      !!(topItems?.length || config.topItem) && /* @__PURE__ */ jsxs40(Fragment15, { children: [
                         /* @__PURE__ */ jsx49(HDivider, { edgeToEdge: true }),
                         /* @__PURE__ */ jsx49(
                           "div",
@@ -4369,7 +4398,7 @@ function StreamoidSidebar({
                         ),
                         /* @__PURE__ */ jsx49(HDivider, {})
                       ] }),
-                      showBody && bodyContent ? /* @__PURE__ */ jsx49("div", { className: "flex flex-col flex-1 min-h-0 w-full overflow-hidden", children: bodyContent }) : /* @__PURE__ */ jsxs40(Fragment14, { children: [
+                      showBody && bodyContent ? /* @__PURE__ */ jsx49("div", { className: "flex flex-col flex-1 min-h-0 w-full overflow-hidden", children: bodyContent }) : /* @__PURE__ */ jsxs40(Fragment15, { children: [
                         !(topItems?.length || config.topItem) && /* @__PURE__ */ jsx49(HDivider, { edgeToEdge: true }),
                         config.sections.map((section) => /* @__PURE__ */ jsxs40(
                           "div",
@@ -4509,7 +4538,7 @@ function StreamoidSidebar({
                       ]
                     }
                   )
-                ) : /* @__PURE__ */ jsxs40(Fragment14, { children: [
+                ) : /* @__PURE__ */ jsxs40(Fragment15, { children: [
                   /* @__PURE__ */ jsxs40(
                     "div",
                     {
@@ -4549,7 +4578,7 @@ function StreamoidSidebar({
                       ]
                     }
                   ),
-                  !effectiveHideFooter && /* @__PURE__ */ jsx49(Fragment14, { children: /* @__PURE__ */ jsx49(HDivider, {}) })
+                  !effectiveHideFooter && /* @__PURE__ */ jsx49(Fragment15, { children: /* @__PURE__ */ jsx49(HDivider, {}) })
                 ] }) : null,
                 !effectiveHideFooter && !toggleInProfile && /* @__PURE__ */ jsx49("div", { className: "shrink-0 w-full", children: /* @__PURE__ */ jsx49("div", { className: "flex flex-row items-center size-full", children: /* @__PURE__ */ jsxs40(
                   "div",
@@ -4624,7 +4653,7 @@ function StreamoidSidebar({
                   }
                 }
               ),
-              hasSwitchCard ? /* @__PURE__ */ jsxs40(Fragment14, { children: [
+              hasSwitchCard ? /* @__PURE__ */ jsxs40(Fragment15, { children: [
                 /* @__PURE__ */ jsx49(
                   "div",
                   {
@@ -4677,7 +4706,7 @@ function StreamoidSidebar({
                   },
                   children: [
                     collapsedLogo,
-                    !!(topItems?.length || config.topItem) ? /* @__PURE__ */ jsxs40(Fragment14, { children: [
+                    !!(topItems?.length || config.topItem) ? /* @__PURE__ */ jsxs40(Fragment15, { children: [
                       /* @__PURE__ */ jsx49(HDivider, { edgeToEdge: true }),
                       /* @__PURE__ */ jsx49(
                         "div",
@@ -4883,7 +4912,7 @@ var ScSidebarShell_default = {
 };
 
 // src/SC-SidebarShell/ScSidebarShell.tsx
-import { Fragment as Fragment15, jsx as jsx50, jsxs as jsxs41 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx50, jsxs as jsxs41 } from "react/jsx-runtime";
 function ScSidebarWorkspaceTrigger({
   workspaceName,
   workspaceImage,
@@ -4914,7 +4943,7 @@ function ScSidebarWorkspaceTrigger({
             size: expanded ? 32 : 40
           }
         ),
-        expanded ? /* @__PURE__ */ jsxs41(Fragment15, { children: [
+        expanded ? /* @__PURE__ */ jsxs41(Fragment16, { children: [
           /* @__PURE__ */ jsx50("span", { className: ScSidebarShell_default.workspaceName, children: workspaceName }),
           /* @__PURE__ */ jsx50(
             SiconDoubleArrow,
@@ -4951,7 +4980,7 @@ function ScSidebarSearchTrigger({
             color: "var(--alias-text---icons-muted)"
           }
         ),
-        expanded ? /* @__PURE__ */ jsxs41(Fragment15, { children: [
+        expanded ? /* @__PURE__ */ jsxs41(Fragment16, { children: [
           /* @__PURE__ */ jsx50("span", { className: ScSidebarShell_default.searchLabel, children: label }),
           shortcut ? /* @__PURE__ */ jsx50("kbd", { className: ScSidebarShell_default.shortcut, children: shortcut }) : null
         ] }) : null
@@ -4962,9 +4991,16 @@ function ScSidebarSearchTrigger({
 function AppGridIcon() {
   return /* @__PURE__ */ jsx50("span", { "aria-hidden": true, className: ScSidebarShell_default.appGridIcon, children: Array.from({ length: 9 }, (_, index) => /* @__PURE__ */ jsx50("span", {}, index)) });
 }
+var COMPACT_APP_LABELS = {
+  tactix: "Ta",
+  artifax: "Ar",
+  catalogix: "Ca",
+  photogenix: "Ph"
+};
 function ScSidebarAppIdentity({
   expanded,
   product = "streamoid",
+  collapsedLabel,
   collapsedMark,
   label,
   className
@@ -4976,10 +5012,16 @@ function ScSidebarAppIdentity({
       "aria-label": `Switch Apps. Current app: ${appLabel}`,
       title: "Switch Apps",
       className: `${ScSidebarShell_default.appIdentity} ${expanded ? ScSidebarShell_default.appIdentityExpanded : ScSidebarShell_default.appIdentityCollapsed}${className ? ` ${className}` : ""}`,
-      children: expanded ? /* @__PURE__ */ jsxs41(Fragment15, { children: [
-        /* @__PURE__ */ jsx50("span", { className: ScSidebarShell_default.appWordmark, children: product === "streamoid" ? /* @__PURE__ */ jsx50(ScStreamoidWordmark, { width: 110, height: 16 }) : /* @__PURE__ */ jsx50(ScAppcardLogos, { product }) }),
+      children: expanded ? /* @__PURE__ */ jsxs41(Fragment16, { children: [
+        /* @__PURE__ */ jsx50("span", { className: ScSidebarShell_default.appWordmark, children: product === "streamoid" ? /* @__PURE__ */ jsx50(ScStreamoidWordmark, { width: 110, height: 16 }) : /* @__PURE__ */ jsx50(
+          ScAppcardLogos,
+          {
+            product,
+            style: { width: 110, height: 16 }
+          }
+        ) }),
         /* @__PURE__ */ jsx50(AppGridIcon, {})
-      ] }) : collapsedMark ?? (product === "streamoid" ? /* @__PURE__ */ jsx50(ScStreamoidMascot, { size: 40 }) : /* @__PURE__ */ jsx50("span", { className: ScSidebarShell_default.collapsedProductMark, children: /* @__PURE__ */ jsx50(ScAppcardLogos, { product }) }))
+      ] }) : collapsedMark ?? (product === "streamoid" ? /* @__PURE__ */ jsx50(ScStreamoidMascot, { size: 40 }) : /* @__PURE__ */ jsx50("span", { "aria-hidden": true, className: ScSidebarShell_default.collapsedProductMark, children: collapsedLabel ?? COMPACT_APP_LABELS[product] }))
     }
   );
 }
@@ -4991,7 +5033,7 @@ function MenuActionRow({
   trailing,
   ariaLabel
 }) {
-  const content = /* @__PURE__ */ jsxs41(Fragment15, { children: [
+  const content = /* @__PURE__ */ jsxs41(Fragment16, { children: [
     /* @__PURE__ */ jsx50("span", { className: ScSidebarShell_default.rowIcon, children: icon }),
     /* @__PURE__ */ jsx50("span", { className: ScSidebarShell_default.rowLabel, children: label }),
     value != null ? /* @__PURE__ */ jsx50("span", { className: ScSidebarShell_default.rowValue, children: value }) : null,
@@ -5425,7 +5467,7 @@ function useStreamoidSidebarPopoverPosition(sidebarRef, {
           window.innerHeight - bounds.bottom + inset
         )
       };
-      setPosition({
+      const next = {
         position: "fixed",
         left,
         width: panelWidth,
@@ -5433,7 +5475,10 @@ function useStreamoidSidebarPopoverPosition(sidebarRef, {
         maxHeight: `calc(100dvh - ${VIEWPORT_INSET * 2}px)`,
         visibility: "visible",
         ...vertical
-      });
+      };
+      setPosition(
+        (prev) => prev.left === next.left && prev.width === next.width && prev.visibility === next.visibility && prev.top === next.top && prev.bottom === next.bottom ? prev : next
+      );
     };
     resizeObserver = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(measure);
     measure();
@@ -5490,7 +5535,7 @@ var ScArtifaxSidebar_default = {
 
 // src/SC-Artifax-Sidebar/ScArtifaxSidebar.tsx
 import { SiconCollapse as SiconCollapse3, SiconDown, SiconUp } from "@streamoid/icons";
-import { Fragment as Fragment16, jsx as jsx51, jsxs as jsxs42 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx51, jsxs as jsxs42 } from "react/jsx-runtime";
 function ArtifaxPlaceholderIcon() {
   return /* @__PURE__ */ jsx51("span", { "aria-hidden": "true", className: ScArtifaxSidebar_default.placeholderIcon });
 }
@@ -5498,9 +5543,9 @@ function resolveIcon2(iconMap, item, active, expanded) {
   const renderer = iconMap?.[item.iconKey];
   if (renderer == null) return /* @__PURE__ */ jsx51(ArtifaxPlaceholderIcon, {});
   if (typeof renderer === "function") {
-    return /* @__PURE__ */ jsx51(Fragment16, { children: renderer({ item, active, expanded }) });
+    return /* @__PURE__ */ jsx51(Fragment17, { children: renderer({ item, active, expanded }) });
   }
-  return /* @__PURE__ */ jsx51(Fragment16, { children: renderer });
+  return /* @__PURE__ */ jsx51(Fragment17, { children: renderer });
 }
 function resolveToggleIcon2(toggleIcon, expanded) {
   if (toggleIcon == null)
@@ -5795,7 +5840,7 @@ var ScSidebarSwitchMenu_default = {
 };
 
 // src/SC-Sidebar Switch menu/ScSidebarSwitchMenu.tsx
-import { Fragment as Fragment17, jsx as jsx52, jsxs as jsxs43 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx52, jsxs as jsxs43 } from "react/jsx-runtime";
 var ScSidebarSwitchMenu = ({
   icon,
   state = "default",
@@ -5815,7 +5860,7 @@ var ScSidebarSwitchMenu = ({
       ...props,
       children: [
         icon ? /* @__PURE__ */ jsx52("div", { className: ScSidebarSwitchMenu_default.iconWrapper, children: icon }) : null,
-        variant === "expanded" && /* @__PURE__ */ jsxs43(Fragment17, { children: [
+        variant === "expanded" && /* @__PURE__ */ jsxs43(Fragment18, { children: [
           /* @__PURE__ */ jsxs43("div", { className: ScSidebarSwitchMenu_default.content, children: [
             /* @__PURE__ */ jsx52("div", { className: ScSidebarSwitchMenu_default.text, children: text }),
             /* @__PURE__ */ jsx52("div", { className: ScSidebarSwitchMenu_default.description, children: description })
@@ -7407,7 +7452,7 @@ var ScOnlyField = ({
 
 // src/SC-catalogixInvite/ScCatalogixInvite.tsx
 import { SiconHome as SiconHome9 } from "@streamoid/icons";
-import { Fragment as Fragment18, jsx as jsx67, jsxs as jsxs57 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx67, jsxs as jsxs57 } from "react/jsx-runtime";
 var ScCatalogixInvite = ({
   active = "false",
   appName = "Catalogix",
@@ -7454,7 +7499,7 @@ var ScCatalogixInvite = ({
             }
           )
         ] }),
-        isEnabled && /* @__PURE__ */ jsx67(Fragment18, { children: /* @__PURE__ */ jsxs57("div", { className: ScCatalogixInvite_default.storeAccessContainer, children: [
+        isEnabled && /* @__PURE__ */ jsx67(Fragment19, { children: /* @__PURE__ */ jsxs57("div", { className: ScCatalogixInvite_default.storeAccessContainer, children: [
           /* @__PURE__ */ jsxs57("div", { className: ScCatalogixInvite_default.storeAccessHeader, children: [
             /* @__PURE__ */ jsxs57("div", { className: ScCatalogixInvite_default.storeAccessTitle, children: [
               storeAccessTitle,
@@ -7493,7 +7538,7 @@ var ScCatalogixInvite = ({
             fontFamily: "var(--font-family-font-family-body, Inter, sans-serif)",
             fontSize: "var(--font-size-font-size-sm, 14px)",
             lineHeight: "var(--line-height-line-height-sm, 20px)"
-          }, children: "No stores found" }) : /* @__PURE__ */ jsxs57(Fragment18, { children: [
+          }, children: "No stores found" }) : /* @__PURE__ */ jsxs57(Fragment19, { children: [
             /* @__PURE__ */ jsx67(
               ScPairtext,
               {
@@ -7668,7 +7713,7 @@ var ScCheckField_default = {
 
 // src/SC-checkField/ScCheckField.tsx
 import { SiconHome as SiconHome10 } from "@streamoid/icons";
-import { Fragment as Fragment19, jsx as jsx70, jsxs as jsxs60 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx70, jsxs as jsxs60 } from "react/jsx-runtime";
 var ScCheckField = ({
   label = "Label",
   className,
@@ -7690,7 +7735,7 @@ var ScCheckField = ({
         className: ScCheckField_default.scPairtextInstance
       },
       i
-    )) : /* @__PURE__ */ jsxs60(Fragment19, { children: [
+    )) : /* @__PURE__ */ jsxs60(Fragment20, { children: [
       /* @__PURE__ */ jsx70(
         ScPairtext,
         {
@@ -7723,7 +7768,7 @@ var ScFieldButton_default = {
 
 // src/SC-fieldButton/ScFieldButton.tsx
 import { SiconHome as SiconHome11 } from "@streamoid/icons";
-import { Fragment as Fragment20, jsx as jsx71, jsxs as jsxs61 } from "react/jsx-runtime";
+import { Fragment as Fragment21, jsx as jsx71, jsxs as jsxs61 } from "react/jsx-runtime";
 var ScFieldButton = ({
   icon = /* @__PURE__ */ jsx71(SiconHome11, { className: ScFieldButton_default.siconHomeInstance }),
   type = "default",
@@ -7739,12 +7784,12 @@ var ScFieldButton = ({
       className: ScFieldButton_default.scFieldButton + " " + className + " " + variantsClassName,
       ...props,
       children: /* @__PURE__ */ jsxs61("div", { className: ScFieldButton_default.container, children: [
-        (type === "icon-right" || type === "only-icon") && /* @__PURE__ */ jsx71(Fragment20, { children: icon }),
-        (type === "icon-left" || type === "default" || type === "icon-right") && /* @__PURE__ */ jsx71(Fragment20, { children: /* @__PURE__ */ jsxs61("div", { className: ScFieldButton_default.label, children: [
+        (type === "icon-right" || type === "only-icon") && /* @__PURE__ */ jsx71(Fragment21, { children: icon }),
+        (type === "icon-left" || type === "default" || type === "icon-right") && /* @__PURE__ */ jsx71(Fragment21, { children: /* @__PURE__ */ jsxs61("div", { className: ScFieldButton_default.label, children: [
           text,
           " "
         ] }) }),
-        type === "icon-left" && /* @__PURE__ */ jsx71(Fragment20, { children: icon })
+        type === "icon-left" && /* @__PURE__ */ jsx71(Fragment21, { children: icon })
       ] })
     }
   );
@@ -8032,7 +8077,7 @@ var ScTableHeader_default = {
 };
 
 // src/SC-tableHeader/ScTableHeader.tsx
-import { Fragment as Fragment21, jsx as jsx78, jsxs as jsxs68 } from "react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx78, jsxs as jsxs68 } from "react/jsx-runtime";
 var ScTableHeader = ({
   type = "default",
   className,
@@ -8076,7 +8121,7 @@ var ScTableHeader = ({
             className: ScTableHeader_default.scHeaderInstance4
           }
         ),
-        type === "pending" && /* @__PURE__ */ jsx78(Fragment21, { children: /* @__PURE__ */ jsx78(
+        type === "pending" && /* @__PURE__ */ jsx78(Fragment22, { children: /* @__PURE__ */ jsx78(
           ScHeader,
           {
             text: "Invite action",
@@ -8084,7 +8129,7 @@ var ScTableHeader = ({
             className: ScTableHeader_default.scHeaderInstance5
           }
         ) }),
-        type === "default" && /* @__PURE__ */ jsx78(Fragment21, { children: /* @__PURE__ */ jsx78(
+        type === "default" && /* @__PURE__ */ jsx78(Fragment22, { children: /* @__PURE__ */ jsx78(
           ScHeader,
           {
             text: "Signed On",
@@ -8118,7 +8163,7 @@ var ScTableList_default = {
 // src/SC-tableList/ScTableList.tsx
 import { SiconArtifacts as SiconArtifacts6, SiconPhotogenix as SiconPhotogenix3 } from "@streamoid/icons";
 import { SiconUserAdd, SiconCoins } from "@streamoid/icons";
-import { Fragment as Fragment22, jsx as jsx79, jsxs as jsxs69 } from "react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx79, jsxs as jsxs69 } from "react/jsx-runtime";
 var ScTableList = ({
   invitedBy = "Rohan",
   signedOn = "Nov 9th, 2025",
@@ -8168,13 +8213,13 @@ var ScTableList = ({
           invitedBy,
           " "
         ] }),
-        variant === "pending" && /* @__PURE__ */ jsx79(Fragment22, { children: /* @__PURE__ */ jsx79(
+        variant === "pending" && /* @__PURE__ */ jsx79(Fragment23, { children: /* @__PURE__ */ jsx79(
           ScPendingAction,
           {
             className: ScTableList_default.scPendingActionInstance
           }
         ) }),
-        variant === "active" && /* @__PURE__ */ jsx79(Fragment22, { children: /* @__PURE__ */ jsxs69("div", { className: ScTableList_default.date, children: [
+        variant === "active" && /* @__PURE__ */ jsx79(Fragment23, { children: /* @__PURE__ */ jsxs69("div", { className: ScTableList_default.date, children: [
           signedOn,
           " "
         ] }) })
@@ -8522,7 +8567,7 @@ var ScDrawer_default = {
 };
 
 // src/SC-Drawer/ScDrawer.tsx
-import { Fragment as Fragment23, jsx as jsx83, jsxs as jsxs72 } from "react/jsx-runtime";
+import { Fragment as Fragment24, jsx as jsx83, jsxs as jsxs72 } from "react/jsx-runtime";
 var ScDrawer = ({
   children,
   onClose,
@@ -8557,7 +8602,7 @@ var ScDrawer = ({
   }, [open, closeOnEsc, closeOnOutside, onClose]);
   if (!open || typeof document === "undefined") return null;
   return createPortal2(
-    /* @__PURE__ */ jsxs72(Fragment23, { children: [
+    /* @__PURE__ */ jsxs72(Fragment24, { children: [
       backdrop && /* @__PURE__ */ jsx83(
         "div",
         {
@@ -9046,7 +9091,7 @@ var ScTaxonomyPill_default = {
 
 // src/SC-TaxonomyPill/ScTaxonomyPill.tsx
 import { SiconDown as SiconDown2, SiconUp as SiconUp2 } from "@streamoid/icons";
-import { Fragment as Fragment24, jsx as jsx93, jsxs as jsxs81 } from "react/jsx-runtime";
+import { Fragment as Fragment25, jsx as jsx93, jsxs as jsxs81 } from "react/jsx-runtime";
 var ScTaxonomyPill = ({
   type = "pill",
   state = "default",
@@ -9063,7 +9108,7 @@ var ScTaxonomyPill = ({
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsx93("div", { className: cls, ...props, children: /* @__PURE__ */ jsxs81("div", { className: ScTaxonomyPill_default.inner, children: [
     type === "pill" && /* @__PURE__ */ jsx93("span", { className: ScTaxonomyPill_default.label, children: label }),
-    type === "expand" && /* @__PURE__ */ jsxs81(Fragment24, { children: [
+    type === "expand" && /* @__PURE__ */ jsxs81(Fragment25, { children: [
       /* @__PURE__ */ jsx93("span", { className: ScTaxonomyPill_default.label, children: count }),
       /* @__PURE__ */ jsx93(SiconDown2, { className: ScTaxonomyPill_default.icon, color: "currentColor" })
     ] }),
@@ -9191,7 +9236,7 @@ var ScMappingCard_default = {
 };
 
 // src/SC-MappingCard/ScMappingCard.tsx
-import { Fragment as Fragment25, jsx as jsx96, jsxs as jsxs82 } from "react/jsx-runtime";
+import { Fragment as Fragment26, jsx as jsx96, jsxs as jsxs82 } from "react/jsx-runtime";
 var ScMappingCard = ({
   badge,
   columnName,
@@ -9278,7 +9323,7 @@ var ScMappingCard = ({
             ] })
           ] }),
           /* @__PURE__ */ jsxs82("div", { className: ScMappingCard_default.actions, children: [
-            isDefault && /* @__PURE__ */ jsxs82(Fragment25, { children: [
+            isDefault && /* @__PURE__ */ jsxs82(Fragment26, { children: [
               /* @__PURE__ */ jsxs82("div", { className: ScMappingCard_default.actionRow, children: [
                 /* @__PURE__ */ jsx96(
                   "button",
@@ -10137,7 +10182,7 @@ var ScMediaApproval_default = {
 };
 
 // src/SC-mediaApproval/ScMediaApproval.tsx
-import { Fragment as Fragment26, jsx as jsx106, jsxs as jsxs90 } from "react/jsx-runtime";
+import { Fragment as Fragment27, jsx as jsx106, jsxs as jsxs90 } from "react/jsx-runtime";
 var VIDEO_EXT = /\.(mp4|webm|ogg|mov|m4v)(\?.*)?$/i;
 var isVideoUrl = (url, mediaType) => {
   if (mediaType === "video") return true;
@@ -10219,7 +10264,7 @@ var ScMediaApproval = (props) => {
           )
         }
       ) }),
-      total > 1 && /* @__PURE__ */ jsxs90(Fragment26, { children: [
+      total > 1 && /* @__PURE__ */ jsxs90(Fragment27, { children: [
         /* @__PURE__ */ jsx106(
           "button",
           {
@@ -10962,7 +11007,7 @@ var ScMobileTopNav_default = {
 };
 
 // src/SC-MobileTopNav/ScMobileTopNav.tsx
-import { Fragment as Fragment27, jsx as jsx114, jsxs as jsxs97 } from "react/jsx-runtime";
+import { Fragment as Fragment28, jsx as jsx114, jsxs as jsxs97 } from "react/jsx-runtime";
 var ScMobileTopNav = ({
   type = "home",
   searchIcon = false,
@@ -10992,12 +11037,12 @@ var ScMobileTopNav = ({
       ...props,
       children: [
         type === "home" && /* @__PURE__ */ jsx114("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx114("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
-        type === "chat" && /* @__PURE__ */ jsxs97(Fragment27, { children: [
+        type === "chat" && /* @__PURE__ */ jsxs97(Fragment28, { children: [
           /* @__PURE__ */ jsx114("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx114("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
           /* @__PURE__ */ jsx114("p", { className: ScMobileTopNav_default.chatTitle, children: chatTitle }),
           /* @__PURE__ */ jsx114("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMoreClick, children: moreIcon || /* @__PURE__ */ jsx114("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
         ] }),
-        showSearch && /* @__PURE__ */ jsxs97(Fragment27, { children: [
+        showSearch && /* @__PURE__ */ jsxs97(Fragment28, { children: [
           /* @__PURE__ */ jsx114("div", { className: ScMobileTopNav_default.searchRow, children: /* @__PURE__ */ jsxs97("div", { className: ScMobileTopNav_default.searchInputContainer, children: [
             /* @__PURE__ */ jsx114("div", { className: ScMobileTopNav_default.iconContainer, onClick: onSearchClick, children: searchIconElement || /* @__PURE__ */ jsx114("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
             /* @__PURE__ */ jsx114("div", { className: ScMobileTopNav_default.searchInput, children: /* @__PURE__ */ jsx114(
@@ -11013,7 +11058,7 @@ var ScMobileTopNav = ({
           ] }) }),
           /* @__PURE__ */ jsx114("div", { className: ScMobileTopNav_default.iconContainer, onClick: onCloseClick, children: closeIcon || /* @__PURE__ */ jsx114("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
         ] }),
-        type === "inApp" && !search && /* @__PURE__ */ jsxs97(Fragment27, { children: [
+        type === "inApp" && !search && /* @__PURE__ */ jsxs97(Fragment28, { children: [
           /* @__PURE__ */ jsx114("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx114("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
           /* @__PURE__ */ jsx114("p", { className: ScMobileTopNav_default.heading, children: heading }),
           /* @__PURE__ */ jsx114(
@@ -11501,7 +11546,7 @@ var ScPlanDetailsCardMobile_default = {
 
 // src/SC-Plan details card-Mobile/ScPlanDetailsCardMobile.tsx
 import { SiconBilling as SiconBilling5 } from "@streamoid/icons";
-import { Fragment as Fragment28, jsx as jsx124, jsxs as jsxs106 } from "react/jsx-runtime";
+import { Fragment as Fragment29, jsx as jsx124, jsxs as jsxs106 } from "react/jsx-runtime";
 var ScPlanDetailsCardMobile = ({
   planName = "Pro",
   planCredits = "30,000 credits",
@@ -11527,7 +11572,7 @@ var ScPlanDetailsCardMobile = ({
         ),
         /* @__PURE__ */ jsx124("span", { className: ScPlanDetailsCardMobile_default.headerLabel, children: currentPlanLabel })
       ] }),
-      /* @__PURE__ */ jsx124("div", { className: ScPlanDetailsCardMobile_default.badgeGroup, children: isLoading ? /* @__PURE__ */ jsx124("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.badgeSkeleton}` }) : /* @__PURE__ */ jsxs106(Fragment28, { children: [
+      /* @__PURE__ */ jsx124("div", { className: ScPlanDetailsCardMobile_default.badgeGroup, children: isLoading ? /* @__PURE__ */ jsx124("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.badgeSkeleton}` }) : /* @__PURE__ */ jsxs106(Fragment29, { children: [
         /* @__PURE__ */ jsx124(
           ScBadges,
           {
@@ -11537,20 +11582,20 @@ var ScPlanDetailsCardMobile = ({
             className: ScPlanDetailsCardMobile_default.scBadgesInstance
           }
         ),
-        badgeSubText && /* @__PURE__ */ jsxs106(Fragment28, { children: [
+        badgeSubText && /* @__PURE__ */ jsxs106(Fragment29, { children: [
           /* @__PURE__ */ jsx124("span", { className: ScPlanDetailsCardMobile_default.badgeDot }),
           /* @__PURE__ */ jsx124("span", { className: ScPlanDetailsCardMobile_default.badgeSubText, children: badgeSubText })
         ] })
       ] }) })
     ] }),
     /* @__PURE__ */ jsx124("div", { className: ScPlanDetailsCardMobile_default.divider }),
-    /* @__PURE__ */ jsx124("div", { className: ScPlanDetailsCardMobile_default.planInfo, children: isLoading ? /* @__PURE__ */ jsxs106(Fragment28, { children: [
+    /* @__PURE__ */ jsx124("div", { className: ScPlanDetailsCardMobile_default.planInfo, children: isLoading ? /* @__PURE__ */ jsxs106(Fragment29, { children: [
       /* @__PURE__ */ jsxs106("div", { className: ScPlanDetailsCardMobile_default.planNameRow, "aria-label": "Loading plan details", children: [
         /* @__PURE__ */ jsx124("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.planNameSkeleton}` }),
         /* @__PURE__ */ jsx124("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.creditsSkeleton}` })
       ] }),
       /* @__PURE__ */ jsx124("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.priceSkeleton}` })
-    ] }) : /* @__PURE__ */ jsxs106(Fragment28, { children: [
+    ] }) : /* @__PURE__ */ jsxs106(Fragment29, { children: [
       /* @__PURE__ */ jsxs106("div", { className: ScPlanDetailsCardMobile_default.planNameRow, children: [
         /* @__PURE__ */ jsx124("span", { className: ScPlanDetailsCardMobile_default.planName, children: planName }),
         /* @__PURE__ */ jsx124("div", { className: ScPlanDetailsCardMobile_default.dot }),
@@ -11610,7 +11655,7 @@ import {
   SiconLight as SiconLight3,
   SiconDark as SiconDark3
 } from "@streamoid/icons";
-import { Fragment as Fragment29, jsx as jsx125, jsxs as jsxs107 } from "react/jsx-runtime";
+import { Fragment as Fragment30, jsx as jsx125, jsxs as jsxs107 } from "react/jsx-runtime";
 var activateOnKey = (handler) => (event) => {
   if (!handler) return;
   if (event.key === "Enter" || event.key === " ") {
@@ -11733,7 +11778,7 @@ var ScProfilePopup = forwardRef2(
               )
             ] })
           ] }),
-          hasWorkspaceBlock && /* @__PURE__ */ jsxs107(Fragment29, { children: [
+          hasWorkspaceBlock && /* @__PURE__ */ jsxs107(Fragment30, { children: [
             /* @__PURE__ */ jsx125(ScHDivider, { className: "" }),
             /* @__PURE__ */ jsxs107("div", { className: ScProfilePopup_default.profileDetails, children: [
               showWorkspace && /* @__PURE__ */ jsxs107("div", { className: ScProfilePopup_default.workspaceInfo, children: [
@@ -11768,7 +11813,7 @@ var ScProfilePopup = forwardRef2(
               ] })
             ] })
           ] }),
-          hasMenuBlock && /* @__PURE__ */ jsxs107(Fragment29, { children: [
+          hasMenuBlock && /* @__PURE__ */ jsxs107(Fragment30, { children: [
             /* @__PURE__ */ jsx125(ScHDivider, { className: "" }),
             /* @__PURE__ */ jsxs107("div", { className: ScProfilePopup_default.settingsOptions, children: [
               showTeams && menuRow(/* @__PURE__ */ jsx125(SiconTeam8, { size: 24 }), teamsLabel, onTeams),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamoid/ui",
-  "version": "0.6.23",
+  "version": "0.6.25",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",