@ikas/core 1.0.1

package/dist/index42.js

@@ -0,0 +1,397 @@
+var I = Object.defineProperty;
+var L = (f, e, t) => e in f ? I(f, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : f[e] = t;
+var o = (f, e, t) => L(f, typeof e != "symbol" ? e + "" : e, t);
+import { jsxs as E, Fragment as j, jsx as T } from "react/jsx-runtime";
+import O from "react";
+import { observer as R } from "mobx-react";
+import { makeObservable as P, action as x, observable as y, computed as S } from "mobx";
+import w from "lodash/debounce";
+import { Modal as k } from "@ikas/ui";
+import { StyledEditor as D } from "./index100.js";
+import V from "jquery";
+import "./index101.js";
+import "./index102.js";
+import "./index103.js";
+import z from "./index104.js";
+import F from "./index105.js";
+import N from "./index106.js";
+import { coreTranslations as C } from "./index5.js";
+var H = Object.defineProperty, B = Object.getOwnPropertyDescriptor, r = (f, e, t, s) => {
+  for (var l = s > 1 ? void 0 : s ? B(e, t) : e, d = f.length - 1, c; d >= 0; d--)
+    (c = f[d]) && (l = (s ? c(e, t, l) : c(l)) || l);
+  return s && l && H(e, t, l), l;
+};
+window.jQuery = V;
+window.$ = V;
+let i = class extends O.Component {
+  constructor(e) {
+    super(e);
+    o(this, "isImageModalVisible", !1);
+    o(this, "isVideoModalVisible", !1);
+    o(this, "isLinkModalVisible", !1);
+    o(this, "isTyping", !1);
+    o(this, "summernoteObj");
+    o(this, "modalRef");
+    o(this, "isFirstMount", !0);
+    o(this, "isPasted", !1);
+    o(this, "insertedImageSrc", null);
+    o(this, "isCopyModalVisible", !1);
+    o(this, "copiedTextForModal", "");
+    o(this, "isInitialized", !1);
+    o(this, "notRemovableStyleKeys", [
+      "background-color",
+      "color",
+      "font-weight",
+      "font-size",
+      "text-decoration-line",
+      'font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"'
+    ]);
+    o(this, "searchDebouncer", w((e) => {
+      this.onChange(e);
+    }, 1e3));
+    o(this, "addTemplateVariable", (e) => {
+      this.props.value.length && (this.summernoteObj.summernote("editor.saveRange"), this.summernoteObj.summernote("editor.restoreRange")), this.summernoteObj.summernote("editor.focus");
+      const t = document.createElement("span");
+      t.innerHTML = e.value, t.classList.add("template-wrapper"), t.setAttribute("contenteditable", "false"), t.setAttribute("data-label", e.label), t.setAttribute("style", "display: inline-block;"), this.summernoteObj.summernote("editor.insertNode", t), this.summernoteObj.summernote("editor.pasteHTML", "‌");
+    });
+    o(this, "onImageModalOpen", () => {
+      this.isImageModalVisible = !0;
+    });
+    o(this, "onImageModalClose", () => {
+      this.isImageModalVisible = !1;
+    });
+    o(this, "onVideoModalOpen", () => {
+      this.isVideoModalVisible = !0;
+    });
+    o(this, "onVideoModalClose", () => {
+      this.isVideoModalVisible = !1;
+    });
+    o(this, "onLinkModalOpen", () => {
+      this.isLinkModalVisible = !0;
+    });
+    o(this, "onLinkModalClose", () => {
+      this.isLinkModalVisible = !1;
+    });
+    this.modalRef = O.createRef(), P(this);
+  }
+  async componentDidMount() {
+    window.addEventListener("paste", this.handlePaste), await import("./index99.js").then((e) => e.b), this.isInitialized = !0;
+  }
+  async onInit(e) {
+    this.summernoteObj = e;
+    try {
+      const t = document.createElement("div");
+      t.innerHTML = this.props.value, this.summernoteObj.noteEditable[0].innerHTML = t.innerHTML, (this.props.disabled || this.props.previewMode) && this.summernoteObj.disable();
+    } catch (t) {
+      console.log("rich text error", t);
+    }
+    this.props.onInitialize && setTimeout(() => {
+      var t, s;
+      (s = (t = this.props) == null ? void 0 : t.onInitialize) == null || s.call(t);
+    }, 0);
+  }
+  componentWillUnmount() {
+    window.removeEventListener("paste", this.handlePaste);
+  }
+  handlePaste(e) {
+    this.isPasted = !0;
+  }
+  onChange(e) {
+    var s, l, d, c;
+    if (this.props.disabled || this.props.previewMode)
+      return;
+    if (this.summernoteObj.summernote("isEmpty")) {
+      this.props.onChange(""), this.isTyping = !1, (l = (s = this.props).onTypingStatusChange) == null || l.call(s, !1);
+      return;
+    }
+    try {
+      const b = '<table class="table table-bordered">';
+      if (e.includes(b)) {
+        const n = e.replaceAll(b, '<table style="display: table; border-collapse: collapse; border-spacing: 2px; width: 100%; margin-bottom: 1rem; color: #212529; border: 1px solid #dee2e6" >').replaceAll(
+          "<td>",
+          '<td style="border: 1px solid #dee2e6; padding: 0.75rem; vertical-align: top;">'
+        );
+        this.props.onChange(n);
+      } else {
+        let h = e;
+        if (h.includes("<iframe") || h.includes("<img")) {
+          const p = document.createElement("div");
+          p.innerHTML = e;
+          const m = p.getElementsByTagName("iframe");
+          for (let a = 0; a < m.length; a++) {
+            const n = m[a];
+            n.className.includes("note-video-clip") && (n.style.maxWidth = "100% !important", n.width = "100%");
+          }
+          if (this.insertedImageSrc) {
+            const a = p.getElementsByTagName("img");
+            if (a && a.length)
+              for (let n = 0; n < a.length; n++) {
+                const u = a[n];
+                u.src === this.insertedImageSrc && (u.style.maxWidth = "100% !important", this.insertedImageSrc = null);
+              }
+          }
+          h = p.innerHTML;
+        }
+        if (this.isPasted) {
+          const p = document.createElement("div");
+          p.innerHTML = h;
+          const m = p.getElementsByTagName("*");
+          let a = !1;
+          for (let n = 0; n < m.length; n++) {
+            const u = m[n].getAttribute("style"), g = u == null ? void 0 : u.split(";").filter((M) => !!M);
+            if (u && (g != null && g.length) && g.find(
+              (M) => !this.notRemovableStyleKeys.some(
+                (v) => M.includes(v)
+              )
+            )) {
+              a = !0;
+              break;
+            }
+          }
+          a ? (this.copiedTextForModal = e, this.isCopyModalVisible = !0) : this.props.onChange(h);
+        } else {
+          const p = document.createElement("div");
+          p.innerHTML = h;
+          const m = p.getElementsByTagName("*");
+          for (let a = 0; a < m.length; a++) {
+            const n = m[a].getAttribute("style");
+            if (n && !this.notRemovableStyleKeys.some((u) => n.includes(u)))
+              m[a].removeAttribute("style");
+            else if (n && this.notRemovableStyleKeys.some((u) => n.includes(u))) {
+              const M = n.split(";").filter((v) => !!v).filter(
+                (v) => this.notRemovableStyleKeys.some((A) => v.includes(A))
+              ).join(";");
+              m[a].setAttribute("style", M);
+            }
+          }
+          this.props.onChange(h);
+        }
+      }
+    } catch (b) {
+      console.log("rich text onchange error", b);
+    }
+    this.isTyping = !1, (c = (d = this.props).onTypingStatusChange) == null || c.call(d, this.isTyping);
+  }
+  onCopyModalClose() {
+    const e = document.createElement("div");
+    e.innerHTML = this.copiedTextForModal;
+    const t = e.getElementsByTagName("*");
+    for (let s = 0; s < t.length; s++) {
+      const l = t[s].getAttribute("style");
+      if (l && !this.notRemovableStyleKeys.some((d) => l.includes(d)))
+        t[s].removeAttribute("style");
+      else if (l && this.notRemovableStyleKeys.some((d) => l.includes(d))) {
+        const b = l.split(";").filter(
+          (h) => this.notRemovableStyleKeys.some((p) => h.includes(p))
+        ).join(";");
+        t[s].setAttribute("style", b);
+      }
+    }
+    this.copiedTextForModal = e.innerHTML, this.props.onChange(this.copiedTextForModal, !0), this.isPasted = !1, this.copiedTextForModal = "", this.isCopyModalVisible = !1;
+  }
+  onCopyModalOk() {
+    this.props.onChange(this.copiedTextForModal, !0), this.isPasted = !1, this.copiedTextForModal = "", this.isCopyModalVisible = !1;
+  }
+  get lang() {
+    const { locale: e } = this.props;
+    switch (e) {
+      case "tr":
+        return "tr-TR";
+      case "en":
+        return "en-EN";
+      case "de":
+        return "de-DE";
+      case "fr":
+        return "fr-FR";
+    }
+    return "tr-TR";
+  }
+  get aiPopover() {
+    var e;
+    return (e = this.props.aiPopoverProps) == null ? void 0 : e.popover;
+  }
+  get toolbarOptions() {
+    var t;
+    const e = [];
+    return (t = this.props.aiPopoverProps) != null && t.id && e.push(["aiButton", ["aiButton"]]), e.push(["style", ["style"]]), e.push(["font", ["bold", "italic", "underline", "clear"]]), e.push(["color", ["color", "#ffffff"]]), e.push(["para", ["ul", "ol", "paragraph"]]), e.push(["table", ["table"]]), e.push(["insert", ["link", "picture", "video"]]), e.push(["view", ["codeview", "fullscreen"]]), e;
+  }
+  render() {
+    var s, l;
+    const { toolbar: e, saveImage: t } = this.props;
+    return this.isInitialized ? /* @__PURE__ */ E(j, { children: [
+      /* @__PURE__ */ T(
+        D,
+        {
+          className: "local-bootstrap",
+          value: this.props.value,
+          $toolbarOffsetTop: this.props.toolbarOffsetTop || "0px",
+          $isResizeDisabled: !!this.props.disableResize,
+          $isPreviewMode: !!this.props.previewMode,
+          options: {
+            codemirror: {
+              mode: "text/html",
+              htmlMode: !0,
+              lineNumbers: !0
+            },
+            codeviewFilter: !1,
+            openLinkModal: this.onLinkModalOpen,
+            openImageModal: this.onImageModalOpen,
+            openVideoModal: this.onVideoModalOpen,
+            lang: this.lang,
+            height: 350,
+            dialogsInBody: !1,
+            disableResizeEditor: !!this.props.disableResize,
+            toolbar: e || this.toolbarOptions,
+            insertTableMaxSize: {
+              row: ((s = this.props.insertTableMaxSize) == null ? void 0 : s.row) || 10,
+              col: ((l = this.props.insertTableMaxSize) == null ? void 0 : l.col) || 10
+            },
+            buttons: {
+              aiButton: (d) => {
+                var h, p;
+                const c = $.summernote.ui;
+                return $(
+                  c.button({
+                    contents: `<span style="display: flex; align-items: center; justify-content: center; gap: 6px; color: #000;font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;" id="${(h = this.props.aiPopoverProps) == null ? void 0 : h.id}" class="ai-toolbar-btn">${((p = this.props.aiPopoverProps) == null ? void 0 : p.buttonText) || C.richText.aiButtonText}</span>`,
+                    click: () => {
+                      var m;
+                      this.summernoteObj.summernote("editor.saveRange"), (m = this.props.aiPopoverProps) == null || m.onAiButtonClick(
+                        this.summernoteObj
+                      );
+                    }
+                  }).render()
+                );
+              }
+            },
+            imageAttributesIcon: '<i class="note-icon-pencil"/>',
+            imageAttributesRemoveEmpty: !1,
+            imageAttributesDisableUpload: !1,
+            imageAttributesDisableLink: !1,
+            imageAttributesDisableLinkUrl: !1,
+            imageAttributesDisableLinkTarget: !0,
+            imageAttributesDisableLinkClass: !0,
+            imageAttributesDisableLinkStyle: !0,
+            imageAttributesDisableLinkRel: !0,
+            imageAttributesDisableLinkRole: !0,
+            popover: {
+              image: [
+                [
+                  "image",
+                  ["resizeFull", "resizeHalf", "resizeQuarter", "resizeNone"]
+                ],
+                ["float", ["floatLeft", "floatRight", "floatNone"]],
+                ["remove", ["removeMedia"]],
+                ["custom", ["imageAttributes"]]
+              ]
+            },
+            disableDragAndDrop: !0
+          },
+          onChange: (d) => {
+            var c, b;
+            this.isTyping = !0, (b = (c = this.props).onTypingStatusChange) == null || b.call(c, this.isTyping), this.searchDebouncer(d);
+          },
+          onInit: this.onInit
+        }
+      ),
+      this.aiPopover,
+      /* @__PURE__ */ T(
+        k,
+        {
+          title: C.richText.pasteWarningModalTitle,
+          open: this.isCopyModalVisible,
+          cancelText: C.common.field.no,
+          okText: C.common.field.yes,
+          onCancel: this.onCopyModalClose,
+          onOk: this.onCopyModalOk,
+          children: C.richText.pasteWarningText
+        }
+      ),
+      t && /* @__PURE__ */ T(
+        z,
+        {
+          open: this.isImageModalVisible,
+          onImageUpload: t,
+          onClose: this.onImageModalClose,
+          summernoteObj: this.summernoteObj
+        }
+      ),
+      /* @__PURE__ */ T(
+        F,
+        {
+          open: this.isVideoModalVisible,
+          onClose: this.onVideoModalClose,
+          summernoteObj: this.summernoteObj
+        }
+      ),
+      /* @__PURE__ */ T(
+        N,
+        {
+          open: this.isLinkModalVisible,
+          onClose: this.onLinkModalClose,
+          summernoteObj: this.summernoteObj
+        }
+      )
+    ] }) : null;
+  }
+};
+r([
+  y
+], i.prototype, "isImageModalVisible", 2);
+r([
+  y
+], i.prototype, "isVideoModalVisible", 2);
+r([
+  y
+], i.prototype, "isLinkModalVisible", 2);
+r([
+  y
+], i.prototype, "isTyping", 2);
+r([
+  y
+], i.prototype, "isFirstMount", 2);
+r([
+  y
+], i.prototype, "isPasted", 2);
+r([
+  y
+], i.prototype, "insertedImageSrc", 2);
+r([
+  y
+], i.prototype, "isCopyModalVisible", 2);
+r([
+  y
+], i.prototype, "copiedTextForModal", 2);
+r([
+  y
+], i.prototype, "isInitialized", 2);
+r([
+  x.bound
+], i.prototype, "onInit", 1);
+r([
+  x.bound
+], i.prototype, "handlePaste", 1);
+r([
+  x.bound
+], i.prototype, "onChange", 1);
+r([
+  x.bound
+], i.prototype, "onCopyModalClose", 1);
+r([
+  x.bound
+], i.prototype, "onCopyModalOk", 1);
+r([
+  S
+], i.prototype, "lang", 1);
+r([
+  S
+], i.prototype, "aiPopover", 1);
+r([
+  S
+], i.prototype, "toolbarOptions", 1);
+i = r([
+  R
+], i);
+const le = i;
+export {
+  le as default
+};

package/dist/index43.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),E=require("mobx-react-lite"),c=require("@ikas/ui"),u=require("./index3.cjs"),w=require("./index107.cjs"),T=require("./index108.cjs"),p=require("./index109.cjs"),L=require("./index110.cjs"),U=require("./index111.cjs"),B=require("./index112.cjs"),y=E.observer(function(o){var f,M,v;const{sidebarViewModel:n,onNavigate:i,clearExpandedMenu:r,extraTopContent:h,expandedMenuTopContent:x,extraFooterContent:g,logoRightSideContent:I,onLogoSectionClick:N,className:k,style:m,theme:s="dark",verticalOffset:d,expandedMenuItem:C}=o,e=w.useNavigation({sidebarViewModel:n,onNavigate:i}),S=t=>{n.setSidebarCollapsed(t)},b=r??e.clearExpandedMenu,j=!!!r&&e.isSelectedExpandedMenuVisible;return a.jsx(c.SidebarProvider,{open:!n.sidebarCollapsed,onOpenChange:t=>n.setSidebarCollapsed(!t),children:a.jsxs(c.Sidebar,{collapsible:"icon",side:"left",className:u.cn(s==="dark"&&"dark border-r-0 shadow-[0px_2px_8px_rgba(0,0,0,0.15)]",k),style:{top:d,height:d?`calc(100dvh - ${d}px)`:"100dvh",...m},children:[a.jsxs("div",{className:u.cn("flex h-full min-h-0 w-full flex-col transition-transform duration-300",j?"-translate-x-full":"translate-x-0"),children:[a.jsx(T.NavigationHeader,{theme:s,isExpandedMenu:n.isExpandedMenu,menuItems:n.menuItems,logoRightSideContent:I,onLogoSectionClick:N,clearExpandedMenu:b,expandedMenuItem:C,getSalesChannelIconBackgroundColor:e.getSalesChannelIconBackgroundColor,onCollapse:S,salesChannelMenuUUID:(f=n.salesChannelMenu)==null?void 0:f.uuid,setSalesChannelOpenKey:e.setSalesChannelOpenKey}),n.isExpandedMenu&&x&&a.jsx("div",{className:"bg-sidebar text-sidebar-foreground",children:x}),a.jsxs(c.SidebarContent,{className:s==="light"?"sidebar-light-scrollbar":"sidebar-scrollbar",children:[h&&a.jsx("div",{className:"text-sidebar-foreground",children:h}),a.jsx(c.SidebarGroup,{className:n.isExpandedMenu?"mt-4":void 0,children:a.jsx(p.NavigationMenu,{items:n.isExpandedMenu?((M=n.menuItems[0])==null?void 0:M.childItems)??[]:n.menuItems.filter(t=>!t.hideInSidebarUntilMenuExpanded),selectedUUIDList:e.selectedUUIDList,openKeys:e.openKeys,onOpenKeysChange:e.onOpenKeysChange,onItemClick:e.onItemClick,onLeafClick:e.onLeafClick,isExpandedMenu:n.isExpandedMenu,showTypographyText:e.showTypographyText,getSalesChannelIconBackgroundColor:e.getSalesChannelIconBackgroundColor,theme:s})}),n.salesChannelMenu&&a.jsx(U.SalesChannelMenu,{salesChannelMenu:n.salesChannelMenu,selectedUUIDList:[],openKeys:e.salesChannelOpenKey,onOpenKeysChange:e.setSalesChannelOpenKey,onItemClick:e.onItemClick,onLeafClick:e.onLeafClick,showTypographyText:e.showTypographyText,getSalesChannelIconBackgroundColor:e.getSalesChannelIconBackgroundColor,theme:s})]}),!!((v=n.bottomMenuItems)!=null&&v.length)&&a.jsx("div",{className:"flex h-20 shrink-0 flex-col justify-center bg-sidebar pl-4 group-data-[collapsible=icon]:pl-4.5",children:a.jsx(p.NavigationMenu,{items:n.bottomMenuItems,selectedUUIDList:e.selectedUUIDList,openKeys:e.openKeys,onOpenKeysChange:e.onOpenKeysChange,onItemClick:e.onItemClick,onLeafClick:e.onLeafClick,showTypographyText:e.showTypographyText,getSalesChannelIconBackgroundColor:e.getSalesChannelIconBackgroundColor,theme:s})}),g&&a.jsx("div",{className:"text-sidebar-foreground bg-sidebar",children:g}),a.jsx(L.NavigationFooter,{footerMenu:n.footerMenu,footerTopMenu:n.footerTopMenu,showAvatarBorder:e.showAvatarBorder,setShowAvatarBorder:e.setShowAvatarBorder,selectedUUIDList:e.selectedUUIDList,onItemClick:e.onItemClick,onLeafClick:e.onLeafClick,theme:s,isExpandedFooterVisible:e.isExpandedFooterVisible,clearExpandedMenu:b})]}),n.sidebarModal,a.jsx(B.ExpandedOverlay,{isVisible:e.isSelectedExpandedMenuVisible,sidebarModel:e.salesChannelsSidebarModel,sidebarViewModel:n,onNavigate:i,clearExpandedMenu:e.clearExpandedMenu,theme:s,style:m,verticalOffset:d,expandedMenuItem:C,selectedExpandedMenu:e.selectedExpandedMenu,menuItems:n.menuItems,expandedMenuTopContent:x,NavigationComponent:y})]})})});function K({title:l,description:o,isNew:n,onClick:i,className:r}){return a.jsxs("button",{onClick:i,className:u.cn("flex h-full w-full select-none flex-col rounded-md bg-gray-blue-1 px-4 py-3 text-left transition-colors duration-300 hover:bg-purple-1",n&&"border border-purple",r),children:[a.jsxs("div",{className:"flex w-full items-center justify-between",children:[a.jsxs("div",{className:"flex min-w-0 items-center",children:[a.jsx("span",{className:"mr-2 h-1.5 w-1.5 shrink-0 rounded-full bg-purple"}),a.jsx("span",{className:"truncate text-base font-medium text-gray-blue-9",children:l})]}),n&&a.jsx(p.NewFeatureTag,{})]}),o&&a.jsx("span",{className:"mt-1 pl-3.5 text-xs leading-5 text-gray-blue-5",children:o})]})}function O({title:l,children:o,className:n}){return a.jsxs("div",{className:u.cn("mx-auto mt-6 flex w-full max-w-[1000px] flex-col gap-3",n),children:[l&&a.jsx("h3",{className:"text-sm font-medium text-gray-blue-9",children:l}),a.jsx("div",{className:"grid grid-cols-1 gap-3 md:grid-cols-2 xl:grid-cols-3",children:o})]})}exports.Navigation=y;exports.NavigationBox=K;exports.NavigationSection=O;

package/dist/index43.js

@@ -0,0 +1,235 @@
+import { jsx as a, jsxs as l } from "react/jsx-runtime";
+import { observer as E } from "mobx-react-lite";
+import { SidebarProvider as w, Sidebar as T, SidebarContent as U, SidebarGroup as L } from "@ikas/ui";
+import { cn as p } from "./index3.js";
+import { useNavigation as K } from "./index107.js";
+import { NavigationHeader as B } from "./index108.js";
+import { NavigationMenu as y, NewFeatureTag as O } from "./index109.js";
+import { NavigationFooter as D } from "./index110.js";
+import { SalesChannelMenu as V } from "./index111.js";
+import { ExpandedOverlay as F } from "./index112.js";
+const j = E(function(s) {
+  var f, b, M;
+  const {
+    sidebarViewModel: n,
+    onNavigate: i,
+    clearExpandedMenu: d,
+    extraTopContent: m,
+    expandedMenuTopContent: u,
+    extraFooterContent: h,
+    logoRightSideContent: I,
+    onLogoSectionClick: v,
+    className: k,
+    style: x,
+    theme: o = "dark",
+    verticalOffset: c,
+    expandedMenuItem: g
+  } = s, e = K({ sidebarViewModel: n, onNavigate: i }), N = (r) => {
+    n.setSidebarCollapsed(r);
+  }, C = d ?? e.clearExpandedMenu, S = !!!d && e.isSelectedExpandedMenuVisible;
+  return /* @__PURE__ */ a(
+    w,
+    {
+      open: !n.sidebarCollapsed,
+      onOpenChange: (r) => n.setSidebarCollapsed(!r),
+      children: /* @__PURE__ */ l(
+        T,
+        {
+          collapsible: "icon",
+          side: "left",
+          className: p(
+            // Dark: box-shadow 0 2px 8px rgba(0,0,0,.15), NO right border;
+            // Light: 1px #eef2f6 right border, no shadow
+            // (original style.tsx:1492-1497). Theme-conditional because `dark:`
+            // variants don't match the element carrying the .dark class itself.
+            o === "dark" && "dark border-r-0 shadow-[0px_2px_8px_rgba(0,0,0,0.15)]",
+            k
+          ),
+          style: {
+            top: c,
+            height: c ? `calc(100dvh - ${c}px)` : "100dvh",
+            ...x
+          },
+          children: [
+            /* @__PURE__ */ l(
+              "div",
+              {
+                className: p(
+                  "flex h-full min-h-0 w-full flex-col transition-transform duration-300",
+                  S ? "-translate-x-full" : "translate-x-0"
+                ),
+                children: [
+                  /* @__PURE__ */ a(
+                    B,
+                    {
+                      theme: o,
+                      isExpandedMenu: n.isExpandedMenu,
+                      menuItems: n.menuItems,
+                      logoRightSideContent: I,
+                      onLogoSectionClick: v,
+                      clearExpandedMenu: C,
+                      expandedMenuItem: g,
+                      getSalesChannelIconBackgroundColor: e.getSalesChannelIconBackgroundColor,
+                      onCollapse: N,
+                      salesChannelMenuUUID: (f = n.salesChannelMenu) == null ? void 0 : f.uuid,
+                      setSalesChannelOpenKey: e.setSalesChannelOpenKey
+                    }
+                  ),
+                  n.isExpandedMenu && u && /* @__PURE__ */ a("div", { className: "bg-sidebar text-sidebar-foreground", children: u }),
+                  /* @__PURE__ */ l(
+                    U,
+                    {
+                      className: o === "light" ? "sidebar-light-scrollbar" : "sidebar-scrollbar",
+                      children: [
+                        m && /* @__PURE__ */ a("div", { className: "text-sidebar-foreground", children: m }),
+                        /* @__PURE__ */ a(
+                          L,
+                          {
+                            className: n.isExpandedMenu ? "mt-4" : void 0,
+                            children: /* @__PURE__ */ a(
+                              y,
+                              {
+                                items: n.isExpandedMenu ? ((b = n.menuItems[0]) == null ? void 0 : b.childItems) ?? [] : n.menuItems.filter(
+                                  (r) => !r.hideInSidebarUntilMenuExpanded
+                                ),
+                                selectedUUIDList: e.selectedUUIDList,
+                                openKeys: e.openKeys,
+                                onOpenKeysChange: e.onOpenKeysChange,
+                                onItemClick: e.onItemClick,
+                                onLeafClick: e.onLeafClick,
+                                isExpandedMenu: n.isExpandedMenu,
+                                showTypographyText: e.showTypographyText,
+                                getSalesChannelIconBackgroundColor: e.getSalesChannelIconBackgroundColor,
+                                theme: o
+                              }
+                            )
+                          }
+                        ),
+                        n.salesChannelMenu && /* @__PURE__ */ a(
+                          V,
+                          {
+                            salesChannelMenu: n.salesChannelMenu,
+                            selectedUUIDList: [],
+                            openKeys: e.salesChannelOpenKey,
+                            onOpenKeysChange: e.setSalesChannelOpenKey,
+                            onItemClick: e.onItemClick,
+                            onLeafClick: e.onLeafClick,
+                            showTypographyText: e.showTypographyText,
+                            getSalesChannelIconBackgroundColor: e.getSalesChannelIconBackgroundColor,
+                            theme: o
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  !!((M = n.bottomMenuItems) != null && M.length) && /* @__PURE__ */ a("div", { className: "flex h-20 shrink-0 flex-col justify-center bg-sidebar pl-4 group-data-[collapsible=icon]:pl-4.5", children: /* @__PURE__ */ a(
+                    y,
+                    {
+                      items: n.bottomMenuItems,
+                      selectedUUIDList: e.selectedUUIDList,
+                      openKeys: e.openKeys,
+                      onOpenKeysChange: e.onOpenKeysChange,
+                      onItemClick: e.onItemClick,
+                      onLeafClick: e.onLeafClick,
+                      showTypographyText: e.showTypographyText,
+                      getSalesChannelIconBackgroundColor: e.getSalesChannelIconBackgroundColor,
+                      theme: o
+                    }
+                  ) }),
+                  h && /* @__PURE__ */ a("div", { className: "text-sidebar-foreground bg-sidebar", children: h }),
+                  /* @__PURE__ */ a(
+                    D,
+                    {
+                      footerMenu: n.footerMenu,
+                      footerTopMenu: n.footerTopMenu,
+                      showAvatarBorder: e.showAvatarBorder,
+                      setShowAvatarBorder: e.setShowAvatarBorder,
+                      selectedUUIDList: e.selectedUUIDList,
+                      onItemClick: e.onItemClick,
+                      onLeafClick: e.onLeafClick,
+                      theme: o,
+                      isExpandedFooterVisible: e.isExpandedFooterVisible,
+                      clearExpandedMenu: C
+                    }
+                  )
+                ]
+              }
+            ),
+            n.sidebarModal,
+            /* @__PURE__ */ a(
+              F,
+              {
+                isVisible: e.isSelectedExpandedMenuVisible,
+                sidebarModel: e.salesChannelsSidebarModel,
+                sidebarViewModel: n,
+                onNavigate: i,
+                clearExpandedMenu: e.clearExpandedMenu,
+                theme: o,
+                style: x,
+                verticalOffset: c,
+                expandedMenuItem: g,
+                selectedExpandedMenu: e.selectedExpandedMenu,
+                menuItems: n.menuItems,
+                expandedMenuTopContent: u,
+                NavigationComponent: j
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+});
+function W({
+  title: t,
+  description: s,
+  isNew: n,
+  onClick: i,
+  className: d
+}) {
+  return /* @__PURE__ */ l(
+    "button",
+    {
+      onClick: i,
+      className: p(
+        "flex h-full w-full select-none flex-col rounded-md bg-gray-blue-1 px-4 py-3 text-left transition-colors duration-300 hover:bg-purple-1",
+        n && "border border-purple",
+        d
+      ),
+      children: [
+        /* @__PURE__ */ l("div", { className: "flex w-full items-center justify-between", children: [
+          /* @__PURE__ */ l("div", { className: "flex min-w-0 items-center", children: [
+            /* @__PURE__ */ a("span", { className: "mr-2 h-1.5 w-1.5 shrink-0 rounded-full bg-purple" }),
+            /* @__PURE__ */ a("span", { className: "truncate text-base font-medium text-gray-blue-9", children: t })
+          ] }),
+          n && /* @__PURE__ */ a(O, {})
+        ] }),
+        s && /* @__PURE__ */ a("span", { className: "mt-1 pl-3.5 text-xs leading-5 text-gray-blue-5", children: s })
+      ]
+    }
+  );
+}
+function X({
+  title: t,
+  children: s,
+  className: n
+}) {
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: p(
+        "mx-auto mt-6 flex w-full max-w-[1000px] flex-col gap-3",
+        n
+      ),
+      children: [
+        t && /* @__PURE__ */ a("h3", { className: "text-sm font-medium text-gray-blue-9", children: t }),
+        /* @__PURE__ */ a("div", { className: "grid grid-cols-1 gap-3 md:grid-cols-2 xl:grid-cols-3", children: s })
+      ]
+    }
+  );
+}
+export {
+  j as Navigation,
+  W as NavigationBox,
+  X as NavigationSection
+};

package/dist/index44.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("react"),w=require("@ikas/ui"),$=require("./index3.cjs"),S=require("./index5.cjs"),G=require("./index96.cjs"),M=require("./index97.cjs"),V=2e3,X=6,H=t=>navigator.clipboard?navigator.clipboard.writeText(t).then(()=>!0).catch(()=>B(t)):Promise.resolve(B(t)),B=t=>{const e=document.createElement("textarea");e.value=t,e.style.position="fixed",e.style.left="-9999px",e.style.top="-9999px",document.body.appendChild(e),e.focus(),e.select();try{const n=document.execCommand("copy");return document.body.removeChild(e),n}catch{return document.body.removeChild(e),!1}},E=(t,e,n,l)=>{const s=t?e:!e,c={gap:`${n}px`,opacity:s?1:0};return l==="blur"?{...c,transition:"filter 0.5s ease, transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease",pointerEvents:"none",filter:s?"blur(0px)":"blur(6px)",transform:s?"scale(1)":"scale(0.05)"}:{...c,transition:"transform 0.3s ease, opacity 0.2s ease",transform:s?"translateY(0)":t?"translateY(100%)":"translateY(-100%)"}},P=i.forwardRef((t,e)=>{const{textToCopy:n,icon:l,copiedText:s,copiedIcon:c,onCopied:a,onClick:u,children:d,copiedDuration:x=V,gap:p=X,showTooltip:y=!1,initText:A,tooltipPlacement:D,iconColor:b,size:T,animationVariant:C="slide",className:R,...k}=t,f=T==="xxs",z=f?"small":T,[r,h]=i.useState(!1),m=i.useRef();i.useEffect(()=>()=>{m.current&&clearTimeout(m.current)},[]);const O=i.useCallback(F=>{r||(u==null||u(F),H(n||"").then(L=>{L&&(h(!0),a==null||a(),m.current=setTimeout(()=>{h(!1)},x))}))},[n,u,a,r,x]),v=b?{color:`var(--${b})`}:void 0,j=l!==null,U=j?l??o.jsx(G.default,{style:v}):null,Y=j?c??o.jsx(M.default,{style:v}):null,I=s??S.coreTranslations.copyToClipboardButton.copiedText,_=A??S.coreTranslations.copyToClipboardButton.tooltipInitText,N=d!=null&&d!=="",g=y&&N,q=o.jsx(w.Button,{ref:e,gap:p,size:z,padding:f?"4px":void 0,className:$.cn(f&&"h-auto w-auto min-w-0 rounded-md",R),...k,onClick:O,children:o.jsxs("span",{className:"relative inline-flex h-4 items-center justify-center overflow-hidden",children:[o.jsxs("span",{className:"inline-flex items-center",style:E(!1,g?!1:r,p,C),children:[U,d]}),!g&&o.jsxs("span",{className:"absolute inset-0 inline-flex items-center justify-center",style:E(!0,r,p,C),children:[Y,N?I:null]})]})});return y?o.jsx(w.Tooltip,{title:r?I:_,placement:D,children:o.jsx("span",{className:"inline-flex",children:q})}):q});P.displayName="CopyToClipboardButton";exports.CopyToClipboardButton=P;