@ikas/core 1.0.1 → 1.0.4

package/dist/index108.js

@@ -1,167 +1,225 @@
-import { jsx as e, jsxs as a, Fragment as y } from "react/jsx-runtime";
-import f from "react";
-import { useSidebar as v, SidebarHeader as g } from "@ikas/ui";
-import { cn as j } from "./index3.js";
-import { Logo as x, LightSidebarIkasLogo as L, LogoIkas as _ } from "./index177.js";
-import C from "./index117.js";
-import R from "./index118.js";
-function q({
-  theme: r = "dark",
-  isExpandedMenu: i,
-  menuItems: n,
-  logoRightSideContent: o,
-  onLogoSectionClick: s,
-  clearExpandedMenu: l,
-  expandedMenuItem: h,
-  getSalesChannelIconBackgroundColor: k,
-  onCollapse: d,
-  salesChannelMenuUUID: u,
-  setSalesChannelOpenKey: N
+import { useState as f, useRef as q, useMemo as g, useCallback as l, useEffect as S } from "react";
+import { flushSync as z } from "react-dom";
+import { reaction as V } from "mobx";
+function Q({
+  sidebarViewModel: e,
+  onNavigate: x
 }) {
-  const { state: w } = v(), m = w === "collapsed";
-  if (!i)
-    return /* @__PURE__ */ e(g, { className: "h-[72px] min-h-[72px] flex-row items-center justify-between p-4", children: m ? (
-      /* Collapsed logo box: padding 8px, radius 4px, bg #000 in BOTH
-         themes, hover bg #2e2e33 (original style.tsx:157-180) */
-      /* @__PURE__ */ e(
-        "button",
-        {
-          onClick: () => d(!1),
-          className: "mx-auto flex items-center justify-center rounded bg-black p-2 text-sidebar-foreground transition-colors duration-300 hover:bg-gray-black-7 hover:text-sidebar-accent-foreground",
-          children: /* @__PURE__ */ e(x, { className: "h-6 w-6" })
-        }
-      )
-    ) : /* @__PURE__ */ a(y, { children: [
-      /* @__PURE__ */ a(
-        "div",
-        {
-          onClick: s,
-          className: "flex h-10 flex-1 items-center gap-2 pl-1.5",
-          style: { cursor: s ? "pointer" : void 0 },
-          children: [
-            r === "light" ? /* @__PURE__ */ e(L, {}) : /* @__PURE__ */ e(_, {}),
-            o
-          ]
-        }
-      ),
-      /* @__PURE__ */ e(
-        "button",
-        {
-          onClick: () => {
-            d(!0), u && N([u]);
-          },
-          className: "flex h-10 w-10 shrink-0 items-center justify-center text-gray-blue-5 transition-colors duration-300 hover:text-sidebar-accent-foreground dark:text-gray-black-4",
-          style: {
-            marginRight: "calc((18px - 40px) / 2)"
-          },
-          children: /* @__PURE__ */ e(C, { className: "h-[18px] w-[18px]" })
-        }
-      )
-    ] }) });
-  const t = n[0], b = t ? k(t) : void 0, c = h ?? t;
-  return /* @__PURE__ */ e(g, { className: "h-[72px] min-h-[72px] p-0 border-b border-sidebar-accent", children: m ? (
-    /* Collapsed logo box (expanded-menu mode): padding 10px when an icon
-       is present, bg #000 in both themes (original index.tsx:764-781) */
-    /* @__PURE__ */ e(
-      "button",
-      {
-        onClick: () => d(!1),
-        className: j(
-          "mx-auto flex items-center justify-center rounded bg-black text-sidebar-foreground transition-colors duration-300 hover:bg-gray-black-7 hover:text-sidebar-accent-foreground",
-          t != null && t.icon ? "p-2.5" : "p-2"
-        ),
-        children: t != null && t.icon ? /* @__PURE__ */ e(
-          p,
-          {
-            icon: t.icon,
-            fillColor: b,
-            size: 20
+  const [M, E] = f([]), [F, T] = f([]), [d, w] = f(null), [P, B] = f(!1), h = q(
+    null
+  ), [A, k] = f(!0), [O, m] = f(!0), i = g(() => {
+    const n = (t) => {
+      var u;
+      for (let a = 0; a < t.length; a++) {
+        const o = t[a];
+        if (o.childItems) {
+          const r = n(o.childItems);
+          if (r) return r;
+        } else if (o.useExactRoute) {
+          if (e.currentPath === "/admin" + o.path) return o.uuid;
+        } else if ((u = e.currentPath) != null && u.startsWith("/admin" + (o.path || "")))
+          return o.uuid;
+      }
+    }, s = [...e.menuItems];
+    return e.footerTopMenu && s.push(e.footerTopMenu), e.salesChannelMenu && s.push(e.salesChannelMenu), e.bottomMenuItems && s.push(...e.bottomMenuItems), n(s);
+  }, [
+    e.currentPath,
+    e.menuItems,
+    e.footerTopMenu,
+    e.salesChannelMenu,
+    e.bottomMenuItems
+  ]), C = g(
+    () => i ? [i] : [],
+    [i]
+  ), R = l(
+    (n) => {
+      const s = (u) => {
+        for (let a = 0; a < u.length; a++) {
+          const o = u[a];
+          if (o.uuid === n) return o;
+          if (o.childItems) {
+            const r = s(o.childItems);
+            if (r) return r;
           }
-        ) : /* @__PURE__ */ e(x, { className: "h-6 w-6" })
+        }
+      }, t = [...e.menuItems];
+      return e.footerTopMenu && t.push(e.footerTopMenu), e.bottomMenuItems && t.push(...e.bottomMenuItems), s(t);
+    },
+    [e.menuItems, e.footerTopMenu, e.bottomMenuItems]
+  ), c = l(
+    (n, s = !0) => {
+      h.current && clearTimeout(h.current), e.sidebarCollapsed && s && e.setSidebarCollapsed(!1), w(n), B(!0);
+    },
+    [e]
+  ), I = l(
+    (n = !1) => {
+      var t;
+      h.current && clearTimeout(h.current);
+      const s = () => {
+        var u;
+        (u = d == null ? void 0 : d.expandedMenuSettings) != null && u.onBackClick && d.expandedMenuSettings.onBackClick(), w(null);
+      };
+      B(!1), n || (t = d == null ? void 0 : d.expandedMenuSettings) != null && t.closeFast ? s() : h.current = setTimeout(s, 300);
+    },
+    [d]
+  ), U = l(
+    (n) => {
+      if (!e.sidebarCollapsed && n.length) {
+        const s = n[n.length - 1];
+        let t = i;
+        e.menuItems.forEach((u) => {
+          var o;
+          ((o = u.childItems) == null ? void 0 : o.find(
+            (r) => r.uuid === i
+          )) && (t = u.uuid);
+        }), n.find((u) => u === t) && t !== s && (n = [t, s]);
       }
-    )
-  ) : /* @__PURE__ */ a(
-    "button",
-    {
-      onClick: () => l == null ? void 0 : l(),
-      className: "flex h-full w-full items-center gap-2 px-[26px] text-sidebar-foreground transition-colors duration-300 hover:bg-sidebar-accent select-none",
-      children: [
-        /* @__PURE__ */ e(R, { className: "h-4 w-4 shrink-0" }),
-        /* @__PURE__ */ a("div", { className: "flex flex-1 items-center gap-2 min-w-0", children: [
-          (t == null ? void 0 : t.icon) && /* @__PURE__ */ e(
-            p,
-            {
-              icon: t.icon,
-              fillColor: b,
-              size: 20
+      E(n.slice(n.length - 2, n.length) || []);
+    },
+    [e.sidebarCollapsed, e.menuItems, i]
+  ), y = l(
+    (n) => {
+      e.expandMenuItem && e.expandMenuItem.path === n.path && e.expandMenuItem.isExpandableMenu || n.isExpandableMenu || n.path && (!document.startViewTransition || n.skipViewTransition || e.isExpandedMenu ? x(n.path) : document.startViewTransition(() => {
+        z(() => {
+          x(n.path);
+        });
+      }));
+    },
+    [e.expandMenuItem, e.isExpandedMenu, x]
+  ), D = l(
+    (n) => {
+      var s;
+      if (e.expandMenuItem)
+        if (e.expandMenuItem.path === n.path) {
+          const t = e.menuItems.find(
+            (u) => {
+              var a;
+              return ((a = e.expandMenuItem) == null ? void 0 : a.uuid) === u.uuid;
             }
-          ),
-          /* @__PURE__ */ e("span", { className: "max-w-[136px] truncate text-sm font-medium", children: (c == null ? void 0 : c.label) ?? (c == null ? void 0 : c.labelTitle) })
-        ] })
-      ]
-    }
-  ) });
-}
-function P({
-  icon: r,
-  fillColor: i,
-  size: n = 16
-}) {
-  if (!r) return null;
-  const o = f.isValidElement(r) ? r : /* @__PURE__ */ e(
-    r,
-    {
-      style: {
-        width: "100%",
-        height: "100%",
-        fill: "none",
-        ...i ? { "--icon-fill-color": i } : {}
-      }
-    }
-  );
-  return /* @__PURE__ */ e(
-    "span",
-    {
-      className: "flex shrink-0 items-center justify-center [&_svg_rect]:transition-colors",
-      style: { width: n, height: n },
-      children: o
-    }
-  );
-}
-function p({
-  icon: r,
-  fillColor: i,
-  size: n = 16
-}) {
-  if (!r) return null;
-  const o = f.useRef(null);
-  f.useEffect(() => {
-    o.current && i && o.current.querySelectorAll("svg rect").forEach((h) => {
-      h.style.fill = i;
+          ) || e.expandMenuItem;
+          c(t, !1);
+          return;
+        } else
+          I(!0);
+      n.isExpandableMenu ? c(n, !1) : (s = n == null ? void 0 : n.onClick) == null || s.call(n);
+    },
+    [e.expandMenuItem, e.menuItems, c, I]
+  ), b = l(() => {
+    C.length && !M.length && e.menuItems.forEach((n) => {
+      var t;
+      ((t = n.childItems) == null ? void 0 : t.find(
+        (u) => u.uuid === i
+      )) && E([n.uuid]);
     });
-  }, [i]);
-  const s = f.isValidElement(r) ? r : /* @__PURE__ */ e(
-    r,
-    {
-      style: {
-        width: "100%",
-        height: "100%",
-        fill: "none"
+  }, [C, M, e.menuItems, i]), K = l(
+    (n) => {
+      var t, u;
+      if ((t = n.childItems) == null ? void 0 : t.some(
+        (a) => a.isExpandableMenu
+      )) {
+        const a = (u = n.childItems) == null ? void 0 : u.find(
+          (o) => {
+            var r;
+            return (r = o.childItems) == null ? void 0 : r.find((j) => j.uuid === i);
+          }
+        );
+        a && c(a);
       }
-    }
+    },
+    [i, c]
+  ), p = l(
+    (n = !0) => {
+      if (!e.expandMenuItem) return;
+      const s = e.menuItems.find(
+        (t) => {
+          var u;
+          return ((u = e.expandMenuItem) == null ? void 0 : u.uuid) === t.uuid;
+        }
+      ) || e.expandMenuItem;
+      c(s, n);
+    },
+    [e.expandMenuItem, e.menuItems, c]
+  ), L = g(() => {
+    if (d)
+      return {
+        sidebarCollapsed: e.sidebarCollapsed,
+        menuItems: [d],
+        currentPath: e.currentPath,
+        footerMenu: void 0,
+        isExpandedMenu: !0,
+        setSidebarCollapsed: e.setSidebarCollapsed
+      };
+  }, [d, e.sidebarCollapsed, e.currentPath, e.setSidebarCollapsed]), N = l(
+    (n) => {
+      var s, t;
+      if (n != null && n.iconBackgroundColor)
+        return n.iconBackgroundColor;
+      if ((s = n == null ? void 0 : n.expandedMenuSettings) != null && s.backgroundColor)
+        return n.expandedMenuSettings.backgroundColor;
+      if ((t = n.icon) != null && t.displayName) {
+        const u = n.icon.displayName;
+        if (u === "world-icon") return "#B2A4FF";
+        if (u === "building-icon") return "#8FCCF8";
+        if (u === "store-icon") return "#9AA4B2";
+      }
+    },
+    []
   );
-  return /* @__PURE__ */ e(
-    "span",
-    {
-      ref: o,
-      className: "flex shrink-0 items-center justify-center",
-      style: { width: n, height: n },
-      children: s
+  S(() => {
+    var n, s;
+    if (e.sidebarCollapsed || b(), e.salesChannelMenu && T([e.salesChannelMenu.uuid]), p(), M.length || (e.menuItems.forEach((t) => K(t)), e.salesChannelMenu && K(e.salesChannelMenu)), e.isExpandedMenu && e.menuItems.length && ((n = e.menuItems[0].childItems) != null && n.length)) {
+      const t = e.menuItems[0].childItems;
+      !t.slice(1).some(
+        (o) => o.uuid === i
+      ) && t[0] && y(t[0]);
     }
-  );
+    (s = e.footerMenu) != null && s.thumbnailImageSrc && k(!1);
+  }, []), S(() => {
+    const n = V(
+      () => e.sidebarCollapsed,
+      (s) => {
+        s ? m(!1) : (m(!0), setTimeout(() => {
+          b(), p();
+        }, 300));
+      }
+    );
+    return () => n();
+  }, [e, b, p]), S(() => {
+    const n = V(
+      () => !!e.expandMenuItem,
+      () => {
+        e.expandMenuItem ? p() : I();
+      }
+    );
+    return () => n();
+  }, [e, p, I]);
+  const W = e.isExpandedMenu && e.sidebarCollapsed;
+  return {
+    // State
+    openKeys: M,
+    salesChannelOpenKey: F,
+    selectedExpandedMenu: d,
+    isSelectedExpandedMenuVisible: P,
+    showAvatarBorder: A,
+    showTypographyText: O,
+    selectedItemUUID: i,
+    selectedUUIDList: C,
+    isExpandedFooterVisible: W,
+    salesChannelsSidebarModel: L,
+    // Setters
+    setShowAvatarBorder: k,
+    setSalesChannelOpenKey: T,
+    // Actions
+    getItem: R,
+    expandMenu: c,
+    clearExpandedMenu: I,
+    onOpenKeysChange: U,
+    onItemClick: y,
+    onLeafClick: D,
+    openExpandedItem: p,
+    getSalesChannelIconBackgroundColor: N
+  };
 }
 export {
-  p as IconWithFill,
-  P as IconWrapper,
-  q as NavigationHeader
+  Q as useNavigation
 };

package/dist/index109.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),N=require("react"),r=require("@ikas/ui"),v=require("./index3.cjs"),O=require("./index5.cjs"),M=require("./index108.cjs");function I(e){return v.cn("flex min-h-7 items-center rounded px-3 py-1 text-sm font-normal shadow-xs",e==="light"?"border-none bg-white text-gray-blue-9":"dark bg-sidebar-popup text-sidebar-accent-foreground")}function S({children:e}){return n.jsx("span",{className:"flex max-h-[18px] shrink-0 items-center justify-center rounded bg-purple px-1.5 py-[3px] text-xs font-normal text-white",children:e??O.coreTranslations.navigation.new})}function P(){return n.jsx("span",{className:"shrink-0 rounded border border-gray-blue-2 bg-gray-blue-0 px-[5px] py-0.5 text-xs font-medium text-gray-blue-6",children:O.coreTranslations.navigation.admin})}function R({items:e,selectedUUIDList:u,openKeys:c,onOpenKeysChange:x,onItemClick:a,onLeafClick:l,isExpandedMenu:s,isSalesChannel:p,showTypographyText:o,getSalesChannelIconBackgroundColor:d,theme:i}){return n.jsx(r.SidebarMenu,{children:e.map(b=>n.jsx(y,{item:b,selectedUUIDList:u,openKeys:c,onOpenKeysChange:x,onItemClick:a,onLeafClick:l,isExpandedMenu:s,isSalesChannel:p,showTypographyText:o,getSalesChannelIconBackgroundColor:d,theme:i},b.uuid))})}function y({item:e,selectedUUIDList:u,openKeys:c,onOpenKeysChange:x,onItemClick:a,onLeafClick:l,isExpandedMenu:s,isSalesChannel:p,showTypographyText:o,getSalesChannelIconBackgroundColor:d,theme:i}){var b;return(b=e.expandedMenuSettings)!=null&&b.visibleOnlyExpanded?null:e.isExpandableMenu?n.jsx(A,{item:e,selectedUUIDList:u,onLeafClick:l,onItemClick:a,isSalesChannel:p,showTypographyText:o,getSalesChannelIconBackgroundColor:d,isExpandedMenu:s,theme:i}):e.childItems?n.jsx(k,{item:e,selectedUUIDList:u,openKeys:c,onOpenKeysChange:x,onItemClick:a,onLeafClick:l,isSalesChannel:p,showTypographyText:o,getSalesChannelIconBackgroundColor:d,isExpandedMenu:s,theme:i}):n.jsx(A,{item:e,selectedUUIDList:u,onLeafClick:l,onItemClick:a,isSalesChannel:p,showTypographyText:o,getSalesChannelIconBackgroundColor:d,isExpandedMenu:s,theme:i})}function A({item:e,selectedUUIDList:u,onLeafClick:c,onItemClick:x,isSalesChannel:a,showTypographyText:l,getSalesChannelIconBackgroundColor:s,isExpandedMenu:p,theme:o}){const{state:d}=r.useSidebar(),i=d==="collapsed",b=u.includes(e.uuid),j=s(e),f=a?20:16,t=e.label??e.labelTitle??"",g=N.useRef(null),[w,m]=N.useState(!1);N.useEffect(()=>{const T=g.current;T&&m(T.scrollWidth>T.clientWidth)},[t,i]);const h=j?M.IconWithFill:M.IconWrapper;return n.jsxs(r.SidebarMenuItem,{children:[n.jsxs(r.SidebarMenuButton,{isActive:b,tooltip:!e.parent||p?{children:e.labelTitle,className:I(o),showArrow:!1}:void 0,onClick:()=>{e.isExpandableMenu?c(e):(c(e),x(e))},className:v.cn(e.isWhite&&"text-white hover:text-white",a&&!i&&"px-2"),children:[e.icon&&n.jsx(h,{icon:e.icon,fillColor:j,size:f}),(!i||!e.icon)&&l&&(w&&!p?n.jsx(r.Tooltip,{content:t,className:I(o),showArrow:!1,children:n.jsx("span",{ref:g,className:"truncate",children:t})}):n.jsx("span",{ref:g,className:"truncate",children:t})),e.adminBadgeRender&&!i&&n.jsx(P,{}),e.isNew&&!i&&n.jsx(S,{})]}),!!e.newDataCount&&n.jsx(r.SidebarMenuBadge,{className:"bg-purple text-white rounded-xl min-w-[26px] h-5 text-xs font-medium",children:e.newDataCount})]})}function k({item:e,selectedUUIDList:u,openKeys:c,onOpenKeysChange:x,onItemClick:a,onLeafClick:l,isSalesChannel:s,showTypographyText:p,getSalesChannelIconBackgroundColor:o,isExpandedMenu:d,theme:i}){var m;const{state:b}=r.useSidebar(),j=b==="collapsed",f=c.includes(e.uuid),t=s?20:16,g=e.label??e.labelTitle??"",w=(m=e.childItems)==null?void 0:m.some(h=>u.includes(h.uuid));return j?s?null:n.jsx(q,{item:e,selectedUUIDList:u,onItemClick:a,onLeafClick:l,hasActiveChild:w,isSalesChannel:s,showTypographyText:p,getSalesChannelIconBackgroundColor:o,isExpandedMenu:d,theme:i}):n.jsxs(r.SidebarMenuItem,{children:[n.jsxs(r.SidebarMenuButton,{isActive:!1,onClick:()=>{x(f?c.filter(h=>h!==e.uuid):[...c,e.uuid])},className:v.cn(s&&"text-sidebar-accent-foreground hover:bg-transparent data-[state=open]:hover:bg-transparent"),children:[e.icon&&n.jsx(M.IconWrapper,{icon:e.icon,size:t}),p&&n.jsx("span",{className:"truncate",children:g}),n.jsx("span",{className:"sidebar-submenu-arrow ml-auto shrink-0","data-open":f?"true":void 0,"aria-hidden":!0})]}),n.jsx("div",{className:"grid transition-[grid-template-rows] duration-300 ease-in-out",style:{gridTemplateRows:f?"1fr":"0fr"},children:n.jsx("div",{className:"overflow-hidden",children:n.jsx(r.SidebarMenuSub,{children:e.childItems.map(h=>n.jsx(W,{item:h,selectedUUIDList:u,onItemClick:a,onLeafClick:l,getSalesChannelIconBackgroundColor:o,isSalesChannel:s,isExpandedMenu:d,theme:i},h.uuid))})})})]})}function W({item:e,selectedUUIDList:u,onItemClick:c,onLeafClick:x,isSalesChannel:a}){var s;if((s=e.expandedMenuSettings)!=null&&s.visibleOnlyExpanded)return null;const l=u.includes(e.uuid);return e.isExpandableMenu?n.jsx(r.SidebarMenuSubItem,{children:n.jsx(r.SidebarMenuSubButton,{asChild:!0,isActive:l,onClick:()=>x(e),className:v.cn(a&&"px-2"),children:n.jsx("button",{className:"w-full",children:n.jsx("span",{className:"truncate",children:e.label??e.labelTitle})})})}):n.jsx(r.SidebarMenuSubItem,{children:n.jsx(r.SidebarMenuSubButton,{asChild:!0,isActive:l,onClick:()=>{x(e),c(e)},className:v.cn(a&&"px-2"),children:n.jsxs("button",{className:"w-full",children:[n.jsx("span",{className:"truncate",children:e.label??e.labelTitle}),e.isNew&&n.jsx(S,{})]})})})}function q({item:e,selectedUUIDList:u,onItemClick:c,onLeafClick:x,hasActiveChild:a,isSalesChannel:l,theme:s}){var f;const[p,o]=N.useState(!1),d=N.useRef(null),i=l?20:16,b=()=>{d.current&&(clearTimeout(d.current),d.current=null),o(!0)},j=()=>{d.current=setTimeout(()=>{o(!1)},100)};return n.jsx(r.SidebarMenuItem,{children:n.jsxs(r.Popover,{open:p,onOpenChange:o,children:[n.jsx(r.PopoverTrigger,{asChild:!0,children:n.jsx(r.SidebarMenuButton,{isActive:a,onMouseEnter:b,onMouseLeave:j,children:e.icon&&n.jsx(M.IconWrapper,{icon:e.icon,size:i})})}),n.jsxs(r.PopoverContent,{side:"right",align:"start",sideOffset:8,showArrow:!1,className:v.cn("flex min-w-fit max-w-[300px] flex-col gap-1 rounded border-sidebar-popup bg-sidebar-popup p-[5px] shadow-xl",s==="dark"&&"dark text-sidebar-foreground"),onMouseEnter:b,onMouseLeave:j,children:[n.jsx("div",{className:"flex h-10 shrink-0 cursor-default items-center rounded px-2.5 text-sm font-medium text-gray-blue-5 dark:text-gray-black-4",children:e.labelTitle}),(f=e.childItems)==null?void 0:f.map(t=>{var w;if((w=t.expandedMenuSettings)!=null&&w.visibleOnlyExpanded)return null;const g=u.includes(t.uuid);return n.jsxs("button",{onClick:()=>{t.isExpandableMenu?x(t):(x(t),c(t)),o(!1)},className:v.cn("flex h-10 w-full shrink-0 items-center gap-1.5 whitespace-nowrap rounded border border-transparent px-2.5 text-sm text-sidebar-accent-foreground transition-colors duration-300 dark:font-medium","hover:border-gray-blue-1 hover:bg-sidebar-popup-hover dark:hover:border-sidebar-popup-hover",g&&"dark:bg-sidebar-popup-hover"),children:[n.jsx("span",{className:"truncate",children:t.label??t.labelTitle}),t.isNew&&n.jsx(S,{})]},t.uuid)})]})]})})}exports.NavigationMenu=R;exports.NewFeatureTag=S;exports.getSidebarTooltipClass=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),h=require("@ikas/ui"),v=require("./index3.cjs"),l=require("./index121.cjs"),w=require("./index122.cjs"),q=require("./index123.cjs");function L({theme:r="dark",isExpandedMenu:s,menuItems:n,logoRightSideContent:i,logo:u,collapsedLogo:g,onLogoSectionClick:o,clearExpandedMenu:d,expandedMenuItem:p,getSalesChannelIconBackgroundColor:k,onCollapse:x,salesChannelMenuUUID:b,setSalesChannelOpenKey:y}){const{state:N}=h.useSidebar(),m=N==="collapsed";if(!s)return e.jsx(h.SidebarHeader,{className:"h-[72px] min-h-[72px] flex-row items-center justify-between p-4",children:m?e.jsx("button",{onClick:()=>x(!1),className:"mx-auto flex items-center justify-center rounded bg-black p-2 text-sidebar-foreground transition-colors duration-300 hover:bg-gray-black-7 hover:text-sidebar-accent-foreground",children:g??e.jsx(l.Logo,{className:"h-6 w-6"})}):e.jsxs(e.Fragment,{children:[e.jsxs("div",{onClick:o,className:"flex h-10 flex-1 items-center gap-2 pl-1.5",style:{cursor:o?"pointer":void 0},children:[u??(r==="light"?e.jsx(l.LightSidebarIkasLogo,{}):e.jsx(l.LogoIkas,{})),i]}),e.jsx("button",{onClick:()=>{x(!0),b&&y([b])},className:"flex h-10 w-10 shrink-0 items-center justify-center text-gray-blue-5 transition-colors duration-300 hover:text-sidebar-accent-foreground dark:text-gray-black-4",style:{marginRight:"calc((18px - 40px) / 2)"},children:e.jsx(w.default,{className:"h-[18px] w-[18px]"})})]})});const t=n[0],j=t?k(t):void 0,c=p??t;return e.jsx(h.SidebarHeader,{className:"h-[72px] min-h-[72px] p-0 border-b border-sidebar-accent",children:m?e.jsx("button",{onClick:()=>x(!1),className:v.cn("mx-auto flex items-center justify-center rounded bg-black text-sidebar-foreground transition-colors duration-300 hover:bg-gray-black-7 hover:text-sidebar-accent-foreground",t!=null&&t.icon?"p-2.5":"p-2"),children:t!=null&&t.icon?e.jsx(f,{icon:t.icon,fillColor:j,size:20}):e.jsx(l.Logo,{className:"h-6 w-6"})}):e.jsxs("button",{onClick:()=>d==null?void 0:d(),className:"flex h-full w-full items-center gap-2 px-[26px] text-sidebar-foreground transition-colors duration-300 hover:bg-sidebar-accent select-none",children:[e.jsx(q.default,{className:"h-4 w-4 shrink-0"}),e.jsxs("div",{className:"flex flex-1 items-center gap-2 min-w-0",children:[(t==null?void 0:t.icon)&&e.jsx(f,{icon:t.icon,fillColor:j,size:20}),e.jsx("span",{className:"max-w-[136px] truncate text-sm font-medium",children:(c==null?void 0:c.label)??(c==null?void 0:c.labelTitle)})]})]})})}function S({icon:r,fillColor:s,size:n=16}){if(!r)return null;const i=a.isValidElement(r)?r:e.jsx(r,{style:{width:"100%",height:"100%",fill:"none",...s?{"--icon-fill-color":s}:{}}});return e.jsx("span",{className:"flex shrink-0 items-center justify-center [&_svg_rect]:transition-colors",style:{width:n,height:n},children:i})}function f({icon:r,fillColor:s,size:n=16}){if(!r)return null;const i=a.useRef(null);a.useEffect(()=>{i.current&&s&&i.current.querySelectorAll("svg rect").forEach(o=>{o.style.fill=s})},[s]);const u=a.isValidElement(r)?r:e.jsx(r,{style:{width:"100%",height:"100%",fill:"none"}});return e.jsx("span",{ref:i,className:"flex shrink-0 items-center justify-center",style:{width:n,height:n},children:u})}exports.IconWithFill=f;exports.IconWrapper=S;exports.NavigationHeader=L;