@ixo/ui 0.1.5 → 0.1.7

package/dist/{components-D-S05IGO.cjs → components-BgEk60Ob.cjs}

@@ -845,8 +845,8 @@ function AccordionTable({
     }
   );
 }
-const Header$3 = react$1.lazy(() => Promise.resolve().then(() => require("./index-BOPdrL0z.cjs")));
-const Footer = react$1.lazy(() => Promise.resolve().then(() => require("./index-Dn7Yp1ku.cjs")));
+const Header$3 = react$1.lazy(() => Promise.resolve().then(() => require("./index-D3rssdnu.cjs")));
+const Footer = react$1.lazy(() => Promise.resolve().then(() => require("./index-DFw-YGRB.cjs")));
 function ActionCard({ header, content, footer, useHoverMode = false }) {
   const hasContent = !!content || !!footer;
   const initialVisibility = footer?.startHidden !== true;
@@ -930,7 +930,7 @@ function Loader({ size, color = "primary" }) {
 }
 const CARD_WIDTH$1 = 350;
 const CARD_HEADER_HEIGHT = 158;
-const Header$2 = react$1.lazy(() => Promise.resolve().then(() => require("./index-BNv7Wt6j.cjs")));
+const Header$2 = react$1.lazy(() => Promise.resolve().then(() => require("./index-BO3dBb76.cjs")));
 function Card({ children, className, contentClassName, roundedBottom, noPadding = false, fullWidth = false, header, wrapperSx, onClick }) {
   const wrapperRef = react$1.useRef(null);
   const handleOnClick = react$1.useCallback(
@@ -1365,7 +1365,7 @@ function ModalSheet({ isOpen, children, hideHandler, zIndex, onRequestHide, onRe
     document.body
   );
 }
-const Badge = react$1.lazy(() => Promise.resolve().then(() => require("./index-Bzvm895X.cjs")));
+const Badge = react$1.lazy(() => Promise.resolve().then(() => require("./index-Iosewtvm.cjs")));
 function ActionSheet({ children, isOpen, header, navMenu = void 0, onRequestHide, onRequestShow }) {
   const shadowScrollRef = react$1.useRef(null);
   const wrapperContentAreaRef = react$1.useRef(null);
@@ -2208,7 +2208,7 @@ function Avatar({ src, rounded = true, size = 62, did }) {
   }
   return /* @__PURE__ */ jsxRuntime.jsx(UsersSolid.User, { css: ({ text }) => ({ ...css2, backgroundColor: text.secondary }) });
 }
-const MIN_WIDTH = 200;
+const MIN_WIDTH = 360;
 const MAX_WIDTH = 700;
 function AsideResizable({ children, navbarWidth, asideMaximized, asideCollapsed = false, onAsideToggle, width = 450, onWidthChange, onMaxExpand }) {
   const [isResizing, setIsResizing] = react$1.useState(false);
@@ -2591,6 +2591,14 @@ function cutText(text, length, ending = "…") {
   }
   return result.trim() + ending;
 }
+function shortStr(str, threshold = 30, saveSymbolsAtTheEnd = 10, insert = "...") {
+  if (!str) return str;
+  const len = str.length;
+  if (len <= threshold) return str;
+  const ending = saveSymbolsAtTheEnd ? str.slice(-1 * saveSymbolsAtTheEnd) : "";
+  const beginning = str.substring(0, threshold - saveSymbolsAtTheEnd - insert.length);
+  return `${beginning}${insert}${ending}`;
+}
 function carbonToUSD(carbon) {
   return (carbon * 0.03).toLocaleString(void 0, {
     minimumFractionDigits: 0,
@@ -2860,7 +2868,7 @@ function AppShellNavigation({
             !isAiOpened && /* @__PURE__ */ jsxRuntime.jsxs(core.Stack, { justify: "space-between", w: "100%", pt: 16, pb: 10, px: 12, children: [
               /* @__PURE__ */ jsxRuntime.jsxs(core.Stack, { gap: 5, children: [
                 /* @__PURE__ */ jsxRuntime.jsxs(Flex, { mb: 24, style: { width: "100%" }, justify: "space-between", align: "center", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(Flex, { align: "center", gap: "10px", children: /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, { label: pageItem.pageTitle || "Unknown", disabled: !isTitleOverflowing, position: "bottom", withArrow: true, children: /* @__PURE__ */ jsxRuntime.jsx(core.Text, { lh: 1, c: "neutralColor.8", children: cutText(pageItem.pageTitle, 19) || "Unknown" }) }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(Flex, { align: "center", gap: "10px", children: /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, { label: pageItem.pageTitle || "Unknown", disabled: !isTitleOverflowing, position: "bottom", withArrow: true, children: /* @__PURE__ */ jsxRuntime.jsx(core.Text, { lh: 1, c: "neutralColor.8", children: isTitleOverflowing ? shortStr(pageItem.pageTitle, 21, 0) : pageItem.pageTitle || "Unknown" }) }) }),
                   isAiBtnVisible && !isAiOpened && !isMobile && /* @__PURE__ */ jsxRuntime.jsx(
                     core.Center,
                     {
@@ -2880,7 +2888,7 @@ function AppShellNavigation({
                   )
                 ] }),
                 loading ? /* @__PURE__ */ jsxRuntime.jsx(core.Stack, { gap: 5, children: Array.from({ length: 6 }).map((_, idx) => /* @__PURE__ */ jsxRuntime.jsx(NavigationItemSkeleton, {}, idx)) }) : menuItems?.map((item, index) => {
-                  if (index === separator) {
+                  if (index !== 0 && index === separator) {
                     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                       /* @__PURE__ */ jsxRuntime.jsx(core.Space, { h: 16 }),
                       /* @__PURE__ */ jsxRuntime.jsx(MenuItem, { onMenuItemClick, item }, item.id)
@@ -6024,13 +6032,13 @@ function ActionButton({ onClick, left, right }) {
     }
   );
 }
-const MainAction = react$1.lazy(() => Promise.resolve().then(() => require("./index-DGVkbm1G.cjs")));
-const Header$1 = react$1.lazy(() => Promise.resolve().then(() => require("./index-Bp3jax94.cjs")));
-const Content = react$1.lazy(() => Promise.resolve().then(() => require("./index-D5-ydt83.cjs")));
+const MainAction = react$1.lazy(() => Promise.resolve().then(() => require("./index-BJXmGwAC.cjs")));
+const Header$1 = react$1.lazy(() => Promise.resolve().then(() => require("./index-dGNR0pvK.cjs")));
+const Content = react$1.lazy(() => Promise.resolve().then(() => require("./index-kV2fm9R3.cjs")));
 const Map = react$1.lazy(() => Promise.resolve().then(() => require("./index-D4PsPquZ.cjs")));
 const CustomContent = react$1.lazy(() => Promise.resolve().then(() => require("./index-ByrCNpS2.cjs")));
-const Assets = react$1.lazy(() => Promise.resolve().then(() => require("./index-C81_pkCa.cjs")));
-const Actions = react$1.lazy(() => Promise.resolve().then(() => require("./index-znoKlTv8.cjs")));
+const Assets = react$1.lazy(() => Promise.resolve().then(() => require("./index-Bfq_mrjY.cjs")));
+const Actions = react$1.lazy(() => Promise.resolve().then(() => require("./index-CJRQEBo0.cjs")));
 const HOVER_BORDER_WIDTH = 1;
 function SodaCardCmp({ numSelected = 0, expanded = true, mainAction, header, content, map, customContent, customFooter, actions, assets, onClick }, ref) {
   const wrapperRef = react$1.useRef(null);
@@ -11305,4 +11313,4 @@ exports.UserMessage = UserMessage;
 exports.WorkspaceModal = WorkspaceModal;
 exports.cutText = cutText;
 exports.isValidClick = isValidClick;
-//# sourceMappingURL=components-D-S05IGO.cjs.map
+//# sourceMappingURL=components-BgEk60Ob.cjs.map