@ikas/core 1.0.1

package/dist/index108.js

@@ -0,0 +1,167 @@
+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
+}) {
+  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
+          }
+        ) : /* @__PURE__ */ e(x, { className: "h-6 w-6" })
+      }
+    )
+  ) : /* @__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
+            }
+          ),
+          /* @__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;
+    });
+  }, [i]);
+  const s = f.isValidElement(r) ? r : /* @__PURE__ */ e(
+    r,
+    {
+      style: {
+        width: "100%",
+        height: "100%",
+        fill: "none"
+      }
+    }
+  );
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      ref: o,
+      className: "flex shrink-0 items-center justify-center",
+      style: { width: n, height: n },
+      children: s
+    }
+  );
+}
+export {
+  p as IconWithFill,
+  P as IconWrapper,
+  q as NavigationHeader
+};

package/dist/index109.cjs

@@ -0,0 +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;

package/dist/index109.js

@@ -0,0 +1,371 @@
+import { jsx as r, jsxs as h } from "react/jsx-runtime";
+import A, { useState as W, useRef as j } from "react";
+import { SidebarMenu as B, useSidebar as E, SidebarMenuItem as T, SidebarMenuButton as O, Tooltip as F, SidebarMenuBadge as _, SidebarMenuSub as q, Popover as G, PopoverTrigger as H, PopoverContent as J, SidebarMenuSubItem as R, SidebarMenuSubButton as k } from "@ikas/ui";
+import { cn as m } from "./index3.js";
+import { coreTranslations as I } from "./index5.js";
+import { IconWithFill as Q, IconWrapper as P } from "./index108.js";
+function y(e) {
+  return m(
+    "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 /* @__PURE__ */ r("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 ?? I.navigation.new });
+}
+function V() {
+  return /* @__PURE__ */ r("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: I.navigation.admin });
+}
+function re({
+  items: e,
+  selectedUUIDList: l,
+  openKeys: d,
+  onOpenKeysChange: c,
+  onItemClick: a,
+  onLeafClick: i,
+  isExpandedMenu: n,
+  isSalesChannel: p,
+  showTypographyText: o,
+  getSalesChannelIconBackgroundColor: u,
+  theme: s
+}) {
+  return /* @__PURE__ */ r(B, { children: e.map((b) => /* @__PURE__ */ r(
+    X,
+    {
+      item: b,
+      selectedUUIDList: l,
+      openKeys: d,
+      onOpenKeysChange: c,
+      onItemClick: a,
+      onLeafClick: i,
+      isExpandedMenu: n,
+      isSalesChannel: p,
+      showTypographyText: o,
+      getSalesChannelIconBackgroundColor: u,
+      theme: s
+    },
+    b.uuid
+  )) });
+}
+function X({
+  item: e,
+  selectedUUIDList: l,
+  openKeys: d,
+  onOpenKeysChange: c,
+  onItemClick: a,
+  onLeafClick: i,
+  isExpandedMenu: n,
+  isSalesChannel: p,
+  showTypographyText: o,
+  getSalesChannelIconBackgroundColor: u,
+  theme: s
+}) {
+  var b;
+  return (b = e.expandedMenuSettings) != null && b.visibleOnlyExpanded ? null : e.isExpandableMenu ? /* @__PURE__ */ r(
+    z,
+    {
+      item: e,
+      selectedUUIDList: l,
+      onLeafClick: i,
+      onItemClick: a,
+      isSalesChannel: p,
+      showTypographyText: o,
+      getSalesChannelIconBackgroundColor: u,
+      isExpandedMenu: n,
+      theme: s
+    }
+  ) : e.childItems ? /* @__PURE__ */ r(
+    Y,
+    {
+      item: e,
+      selectedUUIDList: l,
+      openKeys: d,
+      onOpenKeysChange: c,
+      onItemClick: a,
+      onLeafClick: i,
+      isSalesChannel: p,
+      showTypographyText: o,
+      getSalesChannelIconBackgroundColor: u,
+      isExpandedMenu: n,
+      theme: s
+    }
+  ) : /* @__PURE__ */ r(
+    z,
+    {
+      item: e,
+      selectedUUIDList: l,
+      onLeafClick: i,
+      onItemClick: a,
+      isSalesChannel: p,
+      showTypographyText: o,
+      getSalesChannelIconBackgroundColor: u,
+      isExpandedMenu: n,
+      theme: s
+    }
+  );
+}
+function z({
+  item: e,
+  selectedUUIDList: l,
+  onLeafClick: d,
+  onItemClick: c,
+  isSalesChannel: a,
+  showTypographyText: i,
+  getSalesChannelIconBackgroundColor: n,
+  isExpandedMenu: p,
+  theme: o
+}) {
+  const { state: u } = E(), s = u === "collapsed", b = l.includes(e.uuid), v = n(e), f = a ? 20 : 16, t = e.label ?? e.labelTitle ?? "", g = A.useRef(null), [w, N] = A.useState(!1);
+  A.useEffect(() => {
+    const M = g.current;
+    M && N(M.scrollWidth > M.clientWidth);
+  }, [t, s]);
+  const x = v ? Q : P;
+  return /* @__PURE__ */ h(T, { children: [
+    /* @__PURE__ */ h(
+      O,
+      {
+        isActive: b,
+        tooltip: !e.parent || p ? {
+          children: e.labelTitle,
+          className: y(o),
+          showArrow: !1
+        } : void 0,
+        onClick: () => {
+          e.isExpandableMenu ? d(e) : (d(e), c(e));
+        },
+        className: m(
+          e.isWhite && "text-white hover:text-white",
+          // Sales channel items: padding-inline 8px when expanded
+          // (original style.tsx:1038-1040)
+          a && !s && "px-2"
+        ),
+        children: [
+          e.icon && /* @__PURE__ */ r(
+            x,
+            {
+              icon: e.icon,
+              fillColor: v,
+              size: f
+            }
+          ),
+          (!s || !e.icon) && i && (w && !p ? /* @__PURE__ */ r(
+            F,
+            {
+              content: t,
+              className: y(o),
+              showArrow: !1,
+              children: /* @__PURE__ */ r("span", { ref: g, className: "truncate", children: t })
+            }
+          ) : /* @__PURE__ */ r("span", { ref: g, className: "truncate", children: t })),
+          e.adminBadgeRender && !s && /* @__PURE__ */ r(V, {}),
+          e.isNew && !s && /* @__PURE__ */ r(S, {})
+        ]
+      }
+    ),
+    !!e.newDataCount && /* @__PURE__ */ r(_, { className: "bg-purple text-white rounded-xl min-w-[26px] h-5 text-xs font-medium", children: e.newDataCount })
+  ] });
+}
+function Y({
+  item: e,
+  selectedUUIDList: l,
+  openKeys: d,
+  onOpenKeysChange: c,
+  onItemClick: a,
+  onLeafClick: i,
+  isSalesChannel: n,
+  showTypographyText: p,
+  getSalesChannelIconBackgroundColor: o,
+  isExpandedMenu: u,
+  theme: s
+}) {
+  var N;
+  const { state: b } = E(), v = b === "collapsed", f = d.includes(e.uuid), t = n ? 20 : 16, g = e.label ?? e.labelTitle ?? "", w = (N = e.childItems) == null ? void 0 : N.some(
+    (x) => l.includes(x.uuid)
+  );
+  return v ? n ? null : /* @__PURE__ */ r(
+    $,
+    {
+      item: e,
+      selectedUUIDList: l,
+      onItemClick: a,
+      onLeafClick: i,
+      hasActiveChild: w,
+      isSalesChannel: n,
+      showTypographyText: p,
+      getSalesChannelIconBackgroundColor: o,
+      isExpandedMenu: u,
+      theme: s
+    }
+  ) : /* @__PURE__ */ h(T, { children: [
+    /* @__PURE__ */ h(
+      O,
+      {
+        isActive: !1,
+        onClick: () => {
+          c(f ? d.filter((x) => x !== e.uuid) : [...d, e.uuid]);
+        },
+        className: m(
+          // Sales channel submenu title: brighter color, no hover bg
+          // (original style.tsx:1015-1026)
+          n && "text-sidebar-accent-foreground hover:bg-transparent data-[state=open]:hover:bg-transparent"
+        ),
+        children: [
+          e.icon && /* @__PURE__ */ r(
+            P,
+            {
+              icon: e.icon,
+              size: t
+            }
+          ),
+          p && /* @__PURE__ */ r("span", { className: "truncate", children: g }),
+          /* @__PURE__ */ r(
+            "span",
+            {
+              className: "sidebar-submenu-arrow ml-auto shrink-0",
+              "data-open": f ? "true" : void 0,
+              "aria-hidden": !0
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ r(
+      "div",
+      {
+        className: "grid transition-[grid-template-rows] duration-300 ease-in-out",
+        style: { gridTemplateRows: f ? "1fr" : "0fr" },
+        children: /* @__PURE__ */ r("div", { className: "overflow-hidden", children: /* @__PURE__ */ r(q, { children: e.childItems.map((x) => /* @__PURE__ */ r(
+          Z,
+          {
+            item: x,
+            selectedUUIDList: l,
+            onItemClick: a,
+            onLeafClick: i,
+            getSalesChannelIconBackgroundColor: o,
+            isSalesChannel: n,
+            isExpandedMenu: u,
+            theme: s
+          },
+          x.uuid
+        )) }) })
+      }
+    )
+  ] });
+}
+function Z({
+  item: e,
+  selectedUUIDList: l,
+  onItemClick: d,
+  onLeafClick: c,
+  isSalesChannel: a
+}) {
+  var n;
+  if ((n = e.expandedMenuSettings) != null && n.visibleOnlyExpanded) return null;
+  const i = l.includes(e.uuid);
+  return e.isExpandableMenu ? /* @__PURE__ */ r(R, { children: /* @__PURE__ */ r(
+    k,
+    {
+      asChild: !0,
+      isActive: i,
+      onClick: () => c(e),
+      className: m(a && "px-2"),
+      children: /* @__PURE__ */ r("button", { className: "w-full", children: /* @__PURE__ */ r("span", { className: "truncate", children: e.label ?? e.labelTitle }) })
+    }
+  ) }) : /* @__PURE__ */ r(R, { children: /* @__PURE__ */ r(
+    k,
+    {
+      asChild: !0,
+      isActive: i,
+      onClick: () => {
+        c(e), d(e);
+      },
+      className: m(a && "px-2"),
+      children: /* @__PURE__ */ h("button", { className: "w-full", children: [
+        /* @__PURE__ */ r("span", { className: "truncate", children: e.label ?? e.labelTitle }),
+        e.isNew && /* @__PURE__ */ r(S, {})
+      ] })
+    }
+  ) });
+}
+function $({
+  item: e,
+  selectedUUIDList: l,
+  onItemClick: d,
+  onLeafClick: c,
+  hasActiveChild: a,
+  isSalesChannel: i,
+  theme: n
+}) {
+  var f;
+  const [p, o] = W(!1), u = j(null), s = i ? 20 : 16, b = () => {
+    u.current && (clearTimeout(u.current), u.current = null), o(!0);
+  }, v = () => {
+    u.current = setTimeout(() => {
+      o(!1);
+    }, 100);
+  };
+  return /* @__PURE__ */ r(T, { children: /* @__PURE__ */ h(G, { open: p, onOpenChange: o, children: [
+    /* @__PURE__ */ r(H, { asChild: !0, children: /* @__PURE__ */ r(
+      O,
+      {
+        isActive: a,
+        onMouseEnter: b,
+        onMouseLeave: v,
+        children: e.icon && /* @__PURE__ */ r(
+          P,
+          {
+            icon: e.icon,
+            size: s
+          }
+        )
+      }
+    ) }),
+    /* @__PURE__ */ h(
+      J,
+      {
+        side: "right",
+        align: "start",
+        sideOffset: 8,
+        showArrow: !1,
+        className: m(
+          "flex min-w-fit max-w-[300px] flex-col gap-1 rounded border-sidebar-popup bg-sidebar-popup p-[5px] shadow-xl",
+          n === "dark" && "dark text-sidebar-foreground"
+        ),
+        onMouseEnter: b,
+        onMouseLeave: v,
+        children: [
+          /* @__PURE__ */ r("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 = l.includes(t.uuid);
+            return /* @__PURE__ */ h(
+              "button",
+              {
+                onClick: () => {
+                  t.isExpandableMenu ? c(t) : (c(t), d(t)), o(!1);
+                },
+                className: m(
+                  "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: [
+                  /* @__PURE__ */ r("span", { className: "truncate", children: t.label ?? t.labelTitle }),
+                  t.isNew && /* @__PURE__ */ r(S, {})
+                ]
+              },
+              t.uuid
+            );
+          })
+        ]
+      }
+    )
+  ] }) });
+}
+export {
+  re as NavigationMenu,
+  S as NewFeatureTag,
+  y as getSidebarTooltipClass
+};

package/dist/index11.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),R=require("react"),T=require("mobx-react-lite"),m=require("@ikas/ui"),k=require("./index3.cjs"),$=require("./index52.cjs"),U=require("./index53.cjs");function Z(u){const{color:r,image:e,label:o}=u;return t.jsx(m.Tooltip,{content:o,children:t.jsxs("div",{className:"flex items-center gap-3 flex-shrink-0",children:[e?t.jsx("img",{src:e,alt:o,className:"w-4 h-4 rounded-sm border border-gray-blue-2 object-cover flex-shrink-0"}):r?t.jsx("div",{className:"w-4 h-4 rounded-sm border border-gray-blue-2 flex-shrink-0",style:{backgroundColor:r}}):null,t.jsx("span",{className:"text-sm text-gray-blue-9 whitespace-nowrap",children:o})]})})}function z(u){const{items:r}=u;return t.jsx("div",{className:"flex flex-wrap items-center gap-x-1 gap-y-0.5",children:r.map((e,o)=>{var d,a;return t.jsxs(R.Fragment,{children:[t.jsx(Z,{color:e.colorCode??void 0,image:((d=e.$thumbnailImage)==null?void 0:d.src)||((a=e.$thumbnailImage)==null?void 0:a.url),label:e.name}),o<r.length-1&&t.jsx("span",{className:"w-1 h-1 rounded-full bg-gray-blue-4 mx-2"})]},e.id)})})}function K(u){var h,b,j,f,v,y,N,w,C;const{rowData:r,columnDefinition:e,enableHoverImageZoomPopover:o,popoverZIndex:d}=u;if(!r)return null;const a=(h=e.getProduct)==null?void 0:h.call(e,r),s=(b=e.getProductVariant)==null?void 0:b.call(e,r),c=(e.getName?e.getName(r):a==null?void 0:a.name)??"",i=(j=e.getImage)==null?void 0:j.call(e,r),x=e.getBarcodeSKU?e.getBarcodeSKU(r):s==null?void 0:s.barcodeSkuText,I=(f=e.getCustomCellPadding)==null?void 0:f.call(e,r),P=!!((v=s==null?void 0:s.images)!=null&&v.length)&&s.images.every(l=>l==null?void 0:l.isVideo);let n;e.showVariantValue&&(e.getVariantValue?n=e.getVariantValue(r):Array.isArray(s==null?void 0:s.$variantValues)&&(n=s.$variantValues));const p=((N=(y=e.getAvatarLabel)==null?void 0:y.call(e,r))==null?void 0:N.slice(0,2))??(s?c==null?void 0:c.slice(0,2):(C=(w=e.getName)==null?void 0:w.call(e,r))==null?void 0:C.slice(0,2)),g=e.getImage?(i==null?void 0:i.thumbnailSrc)||(i==null?void 0:i.url):(a==null?void 0:a.thumbnailImageSrc)??void 0,S=o??e.enableHoverImageZoomPopover,V=g?g.replace(/image_180\.webp$/,"image_540.webp"):void 0,q=()=>S&&g?t.jsx(m.Popover,{placement:"bottomRight",showArrow:!1,mouseEnterDelay:.3,mouseLeaveDelay:.3,overlayStyle:{paddingLeft:"6px",...d?{zIndex:d}:{}},align:{offset:["100%",0]},content:t.jsx("img",{src:V,width:200,height:200,className:"object-contain",onClick:l=>{l.preventDefault(),l.stopPropagation()}}),children:t.jsxs("div",{className:"relative h-9 w-9 flex-shrink-0 group cursor-pointer",onClick:l=>{l.preventDefault(),l.stopPropagation()},children:[t.jsx(m.Avatar,{size:36,shape:"square",src:g,alt:c,className:k.cn("transition-all","group-hover:border-purple-3 group-hover:backdrop-blur-[0.4px] group-hover:bg-white/40")}),t.jsx($.default,{className:k.cn("absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2","h-4 w-4 text-purple-5 opacity-0 group-hover:opacity-100 transition-opacity")})]})}):t.jsx(m.Avatar,{size:36,shape:"square",src:g,fallback:P?t.jsx(U.default,{className:"h-[18px] w-[18px]"}):p==null?void 0:p.toUpperCase(),className:"flex-shrink-0"}),A=()=>n?typeof n=="string"?t.jsx("span",{className:"text-sm text-purple truncate",children:n}):Array.isArray(n)&&n.length>0?t.jsx(z,{items:n}):null:null;return t.jsxs("div",{className:"flex items-center min-w-0 overflow-hidden w-full",style:{padding:I??void 0},children:[q(),t.jsxs("div",{className:"flex flex-col justify-center min-w-0 ml-3 flex-1 overflow-hidden break-words",children:[e.topCustomContent&&t.jsx("div",{className:"mb-0.5",children:e.topCustomContent(r)}),t.jsxs("div",{className:"flex items-center gap-2 min-w-0",children:[t.jsx(m.Tooltip,{content:c,children:t.jsx("span",{className:"text-sm text-gray-blue-9 font-medium truncate",children:c})}),e.customNameRightContent&&t.jsx("span",{className:"flex-shrink-0",children:e.customNameRightContent(r)})]}),A(),x&&t.jsx(m.Tooltip,{content:x,children:t.jsx("span",{className:"text-xs text-gray-blue truncate",children:x})}),e.customContent&&t.jsx("div",{className:"mt-0.5",children:e.customContent(r)})]})]})}const L=T.observer(K);exports.ProductCell=L;