@streamoid/ui 0.6.21 → 0.6.23

package/dist/index.mjs

@@ -215,6 +215,43 @@ function ScStreamoidMascot({
 
 // src/SC-AppSwitch/ScAppSwitchPanel.tsx
 import { 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) {
+  if (typeof window !== "undefined") {
+    window.open(url, "_blank", "noopener,noreferrer");
+  }
+}
+function createStreamoidAppSwitchUtilities(utilities) {
+  const before = (action) => () => {
+    utilities.onClose?.();
+    action();
+  };
+  return [
+    {
+      key: "changelog",
+      label: "Changelog",
+      trailingText: utilities.appVersion,
+      external: true,
+      onSelect: before(
+        () => openExternal(utilities.changelogUrl ?? STREAMOID_CHANGELOG_URL)
+      )
+    },
+    {
+      key: "status",
+      label: "Status Page",
+      external: true,
+      onSelect: before(
+        () => openExternal(utilities.statusPageUrl ?? STREAMOID_STATUS_PAGE_URL)
+      )
+    },
+    {
+      key: "support",
+      label: "Help and Support",
+      onSelect: before(utilities.onHelpAndSupport)
+    }
+  ];
+}
 var T = {
   primary: "var(--alias-text---icons-primary, #f5f5f5)",
   secondary: "var(--alias-text---icons-secondary, #dadada)",
@@ -433,12 +470,14 @@ var ScAppSwitchSystemRow = ({ item }) => {
 };
 var ScAppSwitchPanel = ({
   apps,
-  systemItems = [],
+  systemItems,
+  utilities,
   systemLabel,
   className,
   style
 }) => {
   const ordered = [...apps].sort((a, b) => orderIndex(a) - orderIndex(b));
+  const resolvedSystemItems = systemItems ?? (utilities ? createStreamoidAppSwitchUtilities(utilities) : []);
   return /* @__PURE__ */ jsxs4(
     "div",
     {
@@ -453,7 +492,7 @@ var ScAppSwitchPanel = ({
       },
       children: [
         ordered.map((app) => /* @__PURE__ */ jsx5(ScAppSwitchRow, { item: app }, app.key)),
-        systemItems.length > 0 ? /* @__PURE__ */ jsxs4(
+        resolvedSystemItems.length > 0 ? /* @__PURE__ */ jsxs4(
           "div",
           {
             style: {
@@ -478,7 +517,7 @@ var ScAppSwitchPanel = ({
                   children: systemLabel
                 }
               ) : null,
-              systemItems.map((item) => /* @__PURE__ */ jsx5(ScAppSwitchSystemRow, { item }, item.key))
+              resolvedSystemItems.map((item) => /* @__PURE__ */ jsx5(ScAppSwitchSystemRow, { item }, item.key))
             ]
           }
         ) : null
@@ -4184,6 +4223,7 @@ function StreamoidSidebar({
           /* @__PURE__ */ jsxs40(
             "div",
             {
+              "data-streamoid-sidebar-card": true,
               className: "flex flex-col h-full relative shrink-0",
               style: {
                 backgroundColor: "var(--alias-surface-base)",
@@ -4566,6 +4606,7 @@ function StreamoidSidebar({
         /* @__PURE__ */ jsxs40(
           "div",
           {
+            "data-streamoid-sidebar-card": true,
             className: "flex flex-col h-full items-center justify-center relative shrink-0",
             style: {
               backgroundColor: "var(--alias-surface-base)",
@@ -5330,10 +5371,88 @@ function useStreamoidSidebarPreference(options = {}) {
   return { expanded, setExpanded, toggle };
 }
 
+// src/SC-SidebarShell/useStreamoidSidebarPopoverPosition.ts
+import {
+  useLayoutEffect,
+  useState as useState11
+} from "react";
+var VIEWPORT_INSET = 16;
+function useStreamoidSidebarPopoverPosition(sidebarRef, {
+  placement,
+  width,
+  gap = 8,
+  inset = 24
+}) {
+  const [position, setPosition] = useState11({
+    position: "fixed",
+    left: 0,
+    top: 0,
+    width,
+    maxWidth: `calc(100vw - ${VIEWPORT_INSET * 2}px)`,
+    maxHeight: `calc(100dvh - ${VIEWPORT_INSET * 2}px)`,
+    visibility: "hidden"
+  });
+  useLayoutEffect(() => {
+    const sidebar = sidebarRef.current;
+    if (!sidebar || typeof window === "undefined") return;
+    const findCard = () => (sidebar.matches("[data-streamoid-sidebar-card]") ? sidebar : sidebar.querySelector(
+      "[data-streamoid-sidebar-card]"
+    )) ?? sidebar;
+    let observedCard = null;
+    let resizeObserver = null;
+    const measure = () => {
+      const card = findCard();
+      if (resizeObserver && observedCard !== card) {
+        if (observedCard) resizeObserver.unobserve(observedCard);
+        resizeObserver.observe(card);
+        observedCard = card;
+      }
+      const bounds = card.getBoundingClientRect();
+      const availableWidth = Math.max(0, window.innerWidth - VIEWPORT_INSET * 2);
+      const panelWidth = Math.min(width, availableWidth);
+      const preferredLeft = bounds.right + gap;
+      const maximumLeft = Math.max(
+        VIEWPORT_INSET,
+        window.innerWidth - panelWidth - VIEWPORT_INSET
+      );
+      const left = Math.max(
+        VIEWPORT_INSET,
+        Math.min(preferredLeft, maximumLeft)
+      );
+      const vertical = placement === "top-right" ? { top: Math.max(VIEWPORT_INSET, bounds.top + inset) } : {
+        bottom: Math.max(
+          VIEWPORT_INSET,
+          window.innerHeight - bounds.bottom + inset
+        )
+      };
+      setPosition({
+        position: "fixed",
+        left,
+        width: panelWidth,
+        maxWidth: `calc(100vw - ${VIEWPORT_INSET * 2}px)`,
+        maxHeight: `calc(100dvh - ${VIEWPORT_INSET * 2}px)`,
+        visibility: "visible",
+        ...vertical
+      });
+    };
+    resizeObserver = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(measure);
+    measure();
+    window.addEventListener("resize", measure);
+    const mutationObserver = typeof MutationObserver === "undefined" ? null : new MutationObserver(measure);
+    mutationObserver?.observe(sidebar, { childList: true, subtree: true });
+    return () => {
+      window.removeEventListener("resize", measure);
+      resizeObserver?.disconnect();
+      mutationObserver?.disconnect();
+    };
+  }, [gap, inset, placement, sidebarRef, width]);
+  return position;
+}
+
 // src/SC-Artifax-Sidebar/ScArtifaxSidebar.tsx
 import {
   useCallback as useCallback2,
-  useState as useState11
+  useState as useState12
 } from "react";
 
 // src/SC-Artifax-Sidebar/ScArtifaxSidebar.module.css
@@ -5441,7 +5560,7 @@ var ScArtifaxSidebar = ({
     }
   };
   const isControlled = !!openSections;
-  const [internalOpen, setInternalOpen] = useState11(
+  const [internalOpen, setInternalOpen] = useState12(
     () => {
       const init = {};
       sections.forEach((s) => {
@@ -5493,81 +5612,88 @@ var ScArtifaxSidebar = ({
               onExpandedChange: changeExpanded
             }
           ) : null,
-          /* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.container + " " + ScArtifaxSidebar_default.expanded, children: [
-            /* @__PURE__ */ jsx51("div", { "aria-hidden": "true", className: ScArtifaxSidebar_default.borderOverlayExpanded }),
-            /* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.body, children: [
-              expandedLogo ? /* @__PURE__ */ jsx51("div", { className: ScArtifaxSidebar_default.logoUnitExpanded, children: expandedLogo }) : null,
-              sections.map((section, idx) => {
-                const open = section.label ? section.collapsible !== false ? isSectionOpen(section.id) : true : true;
-                const showHeader = !!section.label;
-                const canToggle = showHeader && section.collapsible !== false;
-                return /* @__PURE__ */ jsxs42("div", { children: [
-                  idx > 0 ? /* @__PURE__ */ jsx51(ScHDivider, {}) : null,
-                  /* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.sectionContainer, children: [
-                    showHeader ? /* @__PURE__ */ jsx51(
-                      SectionHeader2,
-                      {
-                        label: section.label,
-                        open,
-                        onToggle: canToggle ? () => handleSectionToggle(section.id) : void 0
-                      }
-                    ) : null,
-                    open ? section.items.map(
-                      (item) => renderMenuItem2(item, section.id)
-                    ) : null
-                  ] })
-                ] }, section.id);
-              })
-            ] }),
-            creditWarning ? /* @__PURE__ */ jsx51("div", { className: ScArtifaxSidebar_default.creditWarningSlot, children: /* @__PURE__ */ jsx51(
-              CreditWarningBanner,
-              {
-                availableCredits: creditWarning.availableCredits,
-                remainingPct: creditWarning.remainingPct,
-                level: creditWarning.level ?? "danger",
-                onBuyCredits: creditWarning.onBuyCredits,
-                expanded: true
-              }
-            ) }) : null,
-            assistantCta ? /* @__PURE__ */ jsx51(ScAskAgentSlot, { cta: assistantCta }) : null,
-            /* @__PURE__ */ jsx51(ScHDivider, {}),
-            /* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.profileRow, children: [
-              appIdentity ? /* @__PURE__ */ jsx51(
-                "button",
-                {
-                  type: "button",
-                  className: ScArtifaxSidebar_default.appIdentityMain,
-                  onClick: appIdentity.onClick,
-                  "aria-label": appIdentity.ariaLabel ?? "Switch apps",
-                  children: appIdentity.content
-                }
-              ) : profile ? /* @__PURE__ */ jsxs42(
-                "button",
-                {
-                  type: "button",
-                  className: ScArtifaxSidebar_default.profileMain,
-                  onClick: profile.onClick,
-                  children: [
-                    /* @__PURE__ */ jsx51("div", { className: ScArtifaxSidebar_default.profileAvatar, children: profile.avatar }),
-                    /* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.profileInfo, children: [
-                      /* @__PURE__ */ jsx51("span", { className: ScArtifaxSidebar_default.profileName, children: profile.name }),
-                      profile.subtitle ? /* @__PURE__ */ jsx51("span", { className: ScArtifaxSidebar_default.profileSubtitle, children: profile.subtitle }) : null
-                    ] })
-                  ]
-                }
-              ) : /* @__PURE__ */ jsx51("span", { className: ScArtifaxSidebar_default.profileMain, "aria-hidden": "true" }),
-              !hideToggle ? /* @__PURE__ */ jsx51(
-                "button",
-                {
-                  type: "button",
-                  className: ScArtifaxSidebar_default.footerToggle,
-                  onClick: onToggle,
-                  "aria-label": "Collapse sidebar",
-                  children: resolveToggleIcon2(toggleIcon, true)
-                }
-              ) : null
-            ] })
-          ] })
+          /* @__PURE__ */ jsxs42(
+            "div",
+            {
+              "data-streamoid-sidebar-card": true,
+              className: ScArtifaxSidebar_default.container + " " + ScArtifaxSidebar_default.expanded,
+              children: [
+                /* @__PURE__ */ jsx51("div", { "aria-hidden": "true", className: ScArtifaxSidebar_default.borderOverlayExpanded }),
+                /* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.body, children: [
+                  expandedLogo ? /* @__PURE__ */ jsx51("div", { className: ScArtifaxSidebar_default.logoUnitExpanded, children: expandedLogo }) : null,
+                  sections.map((section, idx) => {
+                    const open = section.label ? section.collapsible !== false ? isSectionOpen(section.id) : true : true;
+                    const showHeader = !!section.label;
+                    const canToggle = showHeader && section.collapsible !== false;
+                    return /* @__PURE__ */ jsxs42("div", { children: [
+                      idx > 0 ? /* @__PURE__ */ jsx51(ScHDivider, {}) : null,
+                      /* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.sectionContainer, children: [
+                        showHeader ? /* @__PURE__ */ jsx51(
+                          SectionHeader2,
+                          {
+                            label: section.label,
+                            open,
+                            onToggle: canToggle ? () => handleSectionToggle(section.id) : void 0
+                          }
+                        ) : null,
+                        open ? section.items.map(
+                          (item) => renderMenuItem2(item, section.id)
+                        ) : null
+                      ] })
+                    ] }, section.id);
+                  })
+                ] }),
+                creditWarning ? /* @__PURE__ */ jsx51("div", { className: ScArtifaxSidebar_default.creditWarningSlot, children: /* @__PURE__ */ jsx51(
+                  CreditWarningBanner,
+                  {
+                    availableCredits: creditWarning.availableCredits,
+                    remainingPct: creditWarning.remainingPct,
+                    level: creditWarning.level ?? "danger",
+                    onBuyCredits: creditWarning.onBuyCredits,
+                    expanded: true
+                  }
+                ) }) : null,
+                assistantCta ? /* @__PURE__ */ jsx51(ScAskAgentSlot, { cta: assistantCta }) : null,
+                /* @__PURE__ */ jsx51(ScHDivider, {}),
+                /* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.profileRow, children: [
+                  appIdentity ? /* @__PURE__ */ jsx51(
+                    "button",
+                    {
+                      type: "button",
+                      className: ScArtifaxSidebar_default.appIdentityMain,
+                      onClick: appIdentity.onClick,
+                      "aria-label": appIdentity.ariaLabel ?? "Switch apps",
+                      children: appIdentity.content
+                    }
+                  ) : profile ? /* @__PURE__ */ jsxs42(
+                    "button",
+                    {
+                      type: "button",
+                      className: ScArtifaxSidebar_default.profileMain,
+                      onClick: profile.onClick,
+                      children: [
+                        /* @__PURE__ */ jsx51("div", { className: ScArtifaxSidebar_default.profileAvatar, children: profile.avatar }),
+                        /* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.profileInfo, children: [
+                          /* @__PURE__ */ jsx51("span", { className: ScArtifaxSidebar_default.profileName, children: profile.name }),
+                          profile.subtitle ? /* @__PURE__ */ jsx51("span", { className: ScArtifaxSidebar_default.profileSubtitle, children: profile.subtitle }) : null
+                        ] })
+                      ]
+                    }
+                  ) : /* @__PURE__ */ jsx51("span", { className: ScArtifaxSidebar_default.profileMain, "aria-hidden": "true" }),
+                  !hideToggle ? /* @__PURE__ */ jsx51(
+                    "button",
+                    {
+                      type: "button",
+                      className: ScArtifaxSidebar_default.footerToggle,
+                      onClick: onToggle,
+                      "aria-label": "Collapse sidebar",
+                      children: resolveToggleIcon2(toggleIcon, true)
+                    }
+                  ) : null
+                ] })
+              ]
+            }
+          )
         ]
       }
     );
@@ -5585,66 +5711,73 @@ var ScArtifaxSidebar = ({
             onExpandedChange: changeExpanded
           }
         ) : null,
-        /* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.container + " " + ScArtifaxSidebar_default.collapsed, children: [
-          /* @__PURE__ */ jsx51("div", { "aria-hidden": "true", className: ScArtifaxSidebar_default.borderOverlayCollapsed }),
-          /* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.body + " " + ScArtifaxSidebar_default.bodyCollapsed, children: [
-            collapsedLogo ? /* @__PURE__ */ jsx51("div", { className: ScArtifaxSidebar_default.logoUnitCollapsed, children: collapsedLogo }) : null,
-            sections.map((section, idx) => /* @__PURE__ */ jsxs42("div", { children: [
-              idx > 0 ? /* @__PURE__ */ jsx51(ScHDivider, {}) : null,
-              /* @__PURE__ */ jsx51("div", { className: ScArtifaxSidebar_default.sectionContainerCollapsed, children: section.items.map((item) => renderMenuItem2(item, section.id)) })
-            ] }, section.id))
-          ] }),
-          creditWarning ? /* @__PURE__ */ jsx51("div", { className: ScArtifaxSidebar_default.creditWarningSlot, children: /* @__PURE__ */ jsx51(
-            CreditWarningBanner,
-            {
-              availableCredits: creditWarning.availableCredits,
-              remainingPct: creditWarning.remainingPct,
-              level: creditWarning.level ?? "danger",
-              onBuyCredits: creditWarning.onBuyCredits,
-              expanded: false
-            }
-          ) }) : null,
-          assistantCta ? /* @__PURE__ */ jsx51(ScAskAgentSlot, { cta: assistantCta, collapsed: true }) : null,
-          /* @__PURE__ */ jsx51(ScHDivider, {}),
-          /* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.footerCollapsed, children: [
-            appIdentity ? /* @__PURE__ */ jsx51(
-              "button",
-              {
-                type: "button",
-                className: ScArtifaxSidebar_default.appIdentityCollapsed,
-                onClick: appIdentity.onClick,
-                "aria-label": appIdentity.ariaLabel ?? "Switch apps",
-                children: appIdentity.content
-              }
-            ) : profile ? /* @__PURE__ */ jsx51(
-              "button",
-              {
-                type: "button",
-                className: ScArtifaxSidebar_default.profileRowCollapsed,
-                onClick: profile.onClick,
-                "aria-label": profile.name,
-                children: /* @__PURE__ */ jsx51("div", { className: ScArtifaxSidebar_default.profileAvatar, children: profile.avatar })
-              }
-            ) : null,
-            !hideToggle ? /* @__PURE__ */ jsx51(
-              "button",
-              {
-                type: "button",
-                className: ScArtifaxSidebar_default.footerToggle,
-                onClick: onToggle,
-                "aria-label": "Expand sidebar",
-                children: resolveToggleIcon2(toggleIcon, false)
-              }
-            ) : null
-          ] })
-        ] })
+        /* @__PURE__ */ jsxs42(
+          "div",
+          {
+            "data-streamoid-sidebar-card": true,
+            className: ScArtifaxSidebar_default.container + " " + ScArtifaxSidebar_default.collapsed,
+            children: [
+              /* @__PURE__ */ jsx51("div", { "aria-hidden": "true", className: ScArtifaxSidebar_default.borderOverlayCollapsed }),
+              /* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.body + " " + ScArtifaxSidebar_default.bodyCollapsed, children: [
+                collapsedLogo ? /* @__PURE__ */ jsx51("div", { className: ScArtifaxSidebar_default.logoUnitCollapsed, children: collapsedLogo }) : null,
+                sections.map((section, idx) => /* @__PURE__ */ jsxs42("div", { children: [
+                  idx > 0 ? /* @__PURE__ */ jsx51(ScHDivider, {}) : null,
+                  /* @__PURE__ */ jsx51("div", { className: ScArtifaxSidebar_default.sectionContainerCollapsed, children: section.items.map((item) => renderMenuItem2(item, section.id)) })
+                ] }, section.id))
+              ] }),
+              creditWarning ? /* @__PURE__ */ jsx51("div", { className: ScArtifaxSidebar_default.creditWarningSlot, children: /* @__PURE__ */ jsx51(
+                CreditWarningBanner,
+                {
+                  availableCredits: creditWarning.availableCredits,
+                  remainingPct: creditWarning.remainingPct,
+                  level: creditWarning.level ?? "danger",
+                  onBuyCredits: creditWarning.onBuyCredits,
+                  expanded: false
+                }
+              ) }) : null,
+              assistantCta ? /* @__PURE__ */ jsx51(ScAskAgentSlot, { cta: assistantCta, collapsed: true }) : null,
+              /* @__PURE__ */ jsx51(ScHDivider, {}),
+              /* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.footerCollapsed, children: [
+                appIdentity ? /* @__PURE__ */ jsx51(
+                  "button",
+                  {
+                    type: "button",
+                    className: ScArtifaxSidebar_default.appIdentityCollapsed,
+                    onClick: appIdentity.onClick,
+                    "aria-label": appIdentity.ariaLabel ?? "Switch apps",
+                    children: appIdentity.content
+                  }
+                ) : profile ? /* @__PURE__ */ jsx51(
+                  "button",
+                  {
+                    type: "button",
+                    className: ScArtifaxSidebar_default.profileRowCollapsed,
+                    onClick: profile.onClick,
+                    "aria-label": profile.name,
+                    children: /* @__PURE__ */ jsx51("div", { className: ScArtifaxSidebar_default.profileAvatar, children: profile.avatar })
+                  }
+                ) : null,
+                !hideToggle ? /* @__PURE__ */ jsx51(
+                  "button",
+                  {
+                    type: "button",
+                    className: ScArtifaxSidebar_default.footerToggle,
+                    onClick: onToggle,
+                    "aria-label": "Expand sidebar",
+                    children: resolveToggleIcon2(toggleIcon, false)
+                  }
+                ) : null
+              ] })
+            ]
+          }
+        )
       ]
     }
   );
 };
 
 // src/SC-Catalogix-Sidebar/ScCatalogixSidebar.tsx
-import { useState as useState12 } from "react";
+import { useState as useState13 } from "react";
 
 // src/SC-Sidebar Switch menu/ScSidebarSwitchMenu.module.css
 var ScSidebarSwitchMenu_default = {
@@ -6292,7 +6425,7 @@ var ScCatalogixSidebar = ({
   className,
   style
 }) => {
-  const [appListOpen, setAppListOpen] = useState12(false);
+  const [appListOpen, setAppListOpen] = useState13(false);
   const handleSwitch = () => {
     setAppListOpen((prev) => !prev);
     onLogoClick?.();
@@ -8152,7 +8285,7 @@ var ScWorkspaceCard = ({
 };
 
 // src/SC-WorkspaceSwitchCard/ScWorkspaceSwitchCard.tsx
-import { useState as useState13 } from "react";
+import { useState as useState14 } from "react";
 import { SiconSwitch as SiconSwitch3, SiconSettings as SiconSettings3, SiconLogout as SiconLogout3 } from "@streamoid/icons";
 
 // src/SC-WorkspaceSwitchCard/ScWorkspaceSwitchCard.module.css
@@ -8193,7 +8326,7 @@ function ScWorkspaceSwitchCard({
   onSettings,
   onLeave
 }) {
-  const [internalHover, setInternalHover] = useState13(false);
+  const [internalHover, setInternalHover] = useState14(false);
   const isHover = hover !== void 0 ? hover : internalHover;
   const isCurrent = type === "currentWS";
   const isOther = type === "otherWS";
@@ -8503,7 +8636,7 @@ var ScTabs = ({
 };
 
 // src/SC-Counter/ScCounter.tsx
-import { useState as useState14 } from "react";
+import { useState as useState15 } from "react";
 import { SiconMinus, SiconPlus as SiconPlus2 } from "@streamoid/icons";
 
 // src/SC-Counter/ScCounter.module.css
@@ -8525,7 +8658,7 @@ var ScCounter = ({
   className,
   style
 }) => {
-  const [showInput, setShowInput] = useState14(false);
+  const [showInput, setShowInput] = useState15(false);
   const set = (n) => {
     let v = n;
     if (min !== void 0) v = Math.max(min, v);
@@ -9620,7 +9753,7 @@ var ScSelectionList = ({
 };
 
 // src/SC-textArea/ScTextArea.tsx
-import { useState as useState15 } from "react";
+import { useState as useState16 } from "react";
 
 // src/SC-textArea/ScTextArea.module.css
 var ScTextArea_default = {
@@ -9650,7 +9783,7 @@ var ScTextArea = ({
   style,
   ...props
 }) => {
-  const [focused, setFocused] = useState15(false);
+  const [focused, setFocused] = useState16(false);
   const derivedState = state ?? (props.disabled ? "disabled" : focused ? "active" : (props.value !== void 0 ? String(props.value).length > 0 : false) ? "filled" : "default");
   const stateClass = ScTextArea_default["state-" + derivedState];
   const labelGroupClass = ScTextArea_default["label-group-" + (labelGroup || "none")];
@@ -9692,7 +9825,7 @@ var ScTextArea = ({
 };
 
 // src/SC-select/ScSelect.tsx
-import { useState as useState16, useRef as useRef6, useEffect as useEffect7 } from "react";
+import { useState as useState17, useRef as useRef6, useEffect as useEffect7 } from "react";
 
 // src/SC-select/ScSelect.module.css
 var ScSelect_default = {
@@ -9729,7 +9862,7 @@ var ScSelect = (props) => {
     disabled = false,
     className
   } = props;
-  const [open, setOpen] = useState16(false);
+  const [open, setOpen] = useState17(false);
   const rootRef = useRef6(null);
   useEffect7(() => {
     if (!open) return;
@@ -9979,7 +10112,7 @@ var ScFileField = (props) => {
 };
 
 // src/SC-mediaApproval/ScMediaApproval.tsx
-import { useState as useState17, useEffect as useEffect8 } from "react";
+import { useState as useState18, useEffect as useEffect8 } from "react";
 
 // src/SC-mediaApproval/ScMediaApproval.module.css
 var ScMediaApproval_default = {
@@ -10026,8 +10159,8 @@ var ScMediaApproval = (props) => {
     className
   } = props;
   const total = mediaUrls.length;
-  const [index, setIndex] = useState17(activeIndex ?? 0);
-  const [mediaLoading, setMediaLoading] = useState17(false);
+  const [index, setIndex] = useState18(activeIndex ?? 0);
+  const [mediaLoading, setMediaLoading] = useState18(false);
   useEffect8(() => {
     if (typeof activeIndex === "number") {
       setIndex(activeIndex);
@@ -10288,7 +10421,7 @@ var ScMediaSelect = (props) => {
 };
 
 // src/SC-todoList/ScTodoList.tsx
-import { useState as useState18 } from "react";
+import { useState as useState19 } from "react";
 
 // src/SC-todoList/ScTodoList.module.css
 var ScTodoList_default = {
@@ -10321,9 +10454,9 @@ var ScTodoList = ({
   addPlaceholder = "Add an item",
   className
 }) => {
-  const [editingId, setEditingId] = useState18(null);
-  const [editValue, setEditValue] = useState18("");
-  const [newValue, setNewValue] = useState18("");
+  const [editingId, setEditingId] = useState19(null);
+  const [editValue, setEditValue] = useState19("");
+  const [newValue, setNewValue] = useState19("");
   const total = items.length;
   const completed = items.filter((i) => i.status === "completed").length;
   const startEditing = (item) => {
@@ -11675,6 +11808,8 @@ export {
   ProductCollapsedMark,
   ProductWordmark,
   SIDEBAR_RESIZE_THRESHOLD_PX,
+  STREAMOID_CHANGELOG_URL,
+  STREAMOID_STATUS_PAGE_URL,
   ScAccess,
   ScAppCard,
   ScAppCardForCopilot,
@@ -11804,8 +11939,10 @@ export {
   StreamoidWorkspaceSwitcher,
   UsageHistoryMobile,
   advanceSidebarResizeGesture,
+  createStreamoidAppSwitchUtilities,
   formatSubAgentLabel,
   hasCollapsedMark,
+  useStreamoidSidebarPopoverPosition,
   useStreamoidSidebarPreference,
   useStreamoidThemePreference
 };

package/package.json

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