@layers-app/shared 0.1.5 → 0.2.0

package/dist/components/NavMenu/NavMenu.js

@@ -0,0 +1,98 @@
+import { jsxs as b, jsx as t } from "react/jsx-runtime";
+import { useMemo as N, useLayoutEffect as j, useRef as P } from "react";
+import { Stack as k, Skeleton as l, Text as y } from "@mantine/core";
+import { DnDItem as A } from "./components/DnDItem.js";
+import { DnDProvider as E } from "./components/DnDProvider.js";
+import { NavMenuActionIcon as O } from "./components/NavMenuActionIcon.js";
+import { NavMenuItem as f, NavMenuLoadMore as R } from "./components/NavMenuItem.js";
+import { NavMenuLabel as z } from "./components/NavMenuLabel.js";
+import { createNavMenuStore as $, NavMenuProvider as M } from "./store.js";
+import x from "./NavMenu.module.css.js";
+const q = ({
+  items: o,
+  loading: d,
+  onLoadMore: i,
+  noItemsPlaceholder: L,
+  onOrderChange: m,
+  onEdit: C,
+  onToggle: g,
+  store: v,
+  totalCount: S
+}) => {
+  const r = N(() => v ?? $(), [v]), s = r.useStore((e) => e.opened), c = N(() => {
+    const e = [], p = (I, u) => {
+      for (const [T, a] of I.entries()) {
+        const n = {
+          ...a,
+          depth: u.parentDepth + 1,
+          parentChildrenCount: u.parentChildrenCount,
+          parentTotalChildren: u.parentTotalChildren,
+          isLast: T === I.length - 1
+        };
+        e.push(n), s?.includes(a.id) && a.children.length > 0 && p(a.children, {
+          parentDepth: n.depth,
+          parentChildrenCount: n.children.length,
+          parentTotalChildren: n.children.length
+        }), i && n.isLast && n.parentChildrenCount < n.parentTotalChildren && e.push({
+          ...n,
+          id: `${n.id}-load-more`
+        });
+      }
+    };
+    return p(o, {
+      parentDepth: -1,
+      parentChildrenCount: o.length,
+      parentTotalChildren: S ?? o.length
+    }), e;
+  }, [o, i, s, S]);
+  j(() => {
+    r.useStore.setState({
+      props: {
+        onEdit: C ?? r.useStore.getState().props.onEdit,
+        onToggle: g ?? r.useStore.getState().props.onToggle,
+        onLoadMore: i ?? r.useStore.getState().props.onLoadMore
+      }
+    });
+  }, [C, g, i, r]);
+  const h = P(null);
+  return d ? /* @__PURE__ */ b(k, { gap: 4, children: [
+    /* @__PURE__ */ t(l, { h: 32 }),
+    /* @__PURE__ */ t(l, { h: 32 }),
+    /* @__PURE__ */ t(l, { h: 32 }),
+    /* @__PURE__ */ t(l, { h: 32 })
+  ] }) : o?.length ? m ? /* @__PURE__ */ t(M, { store: r, children: /* @__PURE__ */ t(E, { containerRef: h, onOrderChange: m, children: /* @__PURE__ */ t("div", { className: x.container, ref: h, children: c.map((e, p) => e.id.includes("load-more") ? /* @__PURE__ */ t(
+    R,
+    {
+      depth: e.depth,
+      itemId: e.parentId,
+      currentChildrenCount: e.parentChildrenCount ?? 0
+    }
+  ) : /* @__PURE__ */ t(
+    A,
+    {
+      item: e,
+      index: p,
+      items: c,
+      opened: s,
+      children: /* @__PURE__ */ t(f, { item: e })
+    },
+    e.id
+  )) }) }) }) : /* @__PURE__ */ t(M, { store: r, children: /* @__PURE__ */ t("div", { className: x.container, ref: h, children: c.map((e) => /* @__PURE__ */ t(f, { item: e }, e.id)) }) }) : /* @__PURE__ */ t(D, { children: L });
+}, D = ({ children: o, ...d }) => /* @__PURE__ */ t(
+  y,
+  {
+    size: "xs",
+    c: "var(--app-container-section-subtitle-color)",
+    px: 4,
+    ...d,
+    children: o
+  }
+), X = Object.assign(q, {
+  Item: f,
+  ActionIcon: O,
+  Label: z,
+  Placeholder: D
+});
+export {
+  X as NavMenu
+};

package/dist/components/NavMenu/NavMenu.module.css.js

@@ -0,0 +1,23 @@
+const o = "_container_1kio9_1", t = "_depthBox_1kio9_13", e = "_itemContainer_1kio9_38", n = "_item_1kio9_38", i = "_icon_1kio9_82", _ = "_chevron_1kio9_86", a = "_droppable_1kio9_111", c = "_draggableOverlay_1kio9_165", r = "_editInput_1kio9_174", d = {
+  container: o,
+  depthBox: t,
+  itemContainer: e,
+  item: n,
+  icon: i,
+  chevron: _,
+  droppable: a,
+  draggableOverlay: c,
+  editInput: r
+};
+export {
+  _ as chevron,
+  o as container,
+  d as default,
+  t as depthBox,
+  c as draggableOverlay,
+  a as droppable,
+  r as editInput,
+  i as icon,
+  n as item,
+  e as itemContainer
+};

package/dist/components/NavMenu/components/DnDItem.js

@@ -0,0 +1,44 @@
+import { jsx as v } from "react/jsx-runtime";
+import { useDraggable as h, useDroppable as y } from "@dnd-kit/core";
+import N from "../NavMenu.module.css.js";
+import { useNavMenuStore as R } from "../store.js";
+const j = ({
+  item: e,
+  children: r,
+  index: d,
+  opened: i
+}) => {
+  const { useStore: a } = R(), n = a((s) => !!s.editId), {
+    attributes: l,
+    listeners: p,
+    setNodeRef: c,
+    isDragging: f,
+    active: t
+  } = h({
+    id: e.id,
+    data: { ...e, index: d },
+    disabled: n
+  }), g = t ? e.pathById.filter((s) => s !== e.id).includes(t.id.toString()) : !1, o = f || g, { setNodeRef: u, isOver: b } = y({
+    id: e.id,
+    data: { ...e, index: d },
+    disabled: o
+  }), D = i?.includes(e.id) && e.children.length > 0;
+  return /* @__PURE__ */ v(
+    "div",
+    {
+      ref: (s) => {
+        c(s), u(s);
+      },
+      ...l,
+      ...p,
+      style: { opacity: o ? 0.25 : 1 },
+      className: N.droppable,
+      "data-opened": D,
+      "data-is-over": b,
+      children: r
+    }
+  );
+};
+export {
+  j as DnDItem
+};

package/dist/components/NavMenu/components/DnDProvider.js

@@ -0,0 +1,64 @@
+import { jsxs as S, jsx as T } from "react/jsx-runtime";
+import { useCallback as c, useRef as g } from "react";
+import { useSensor as u, MouseSensor as v, TouchSensor as x, useSensors as A, DndContext as M, pointerWithin as B } from "@dnd-kit/core";
+import { DraggableOverlay as C } from "./DraggableOverlay.js";
+const Y = ({
+  containerRef: r,
+  children: d,
+  onOrderChange: s
+}) => {
+  const m = u(v, {
+    activationConstraint: {
+      distance: 15
+    }
+  }), p = u(x, {
+    activationConstraint: {
+      distance: 15
+    }
+  }), l = A(m, p), b = c(
+    ({ active: t, over: n }) => {
+      !n || !t || s({
+        over: n.data.current,
+        item: t.data.current,
+        position: e.current ?? "inside"
+      });
+    },
+    [s]
+  ), e = g(null), h = c(
+    ({ over: t, active: n }) => {
+      if (!t) {
+        r.current?.removeAttribute("data-nearest-side");
+        return;
+      }
+      const o = n.rect.current.translated;
+      if (!o) return;
+      const i = o.top + o.height / 2, a = 8, f = Math.abs(i - t.rect.top), D = Math.abs(i - t.rect.bottom);
+      if (f <= a) {
+        e.current = "before", r.current?.setAttribute("data-nearest-side", "top");
+        return;
+      }
+      if (D <= a) {
+        e.current = "after", r.current?.setAttribute("data-nearest-side", "bottom");
+        return;
+      }
+      e.current = "inside", r.current?.setAttribute("data-nearest-side", "inside");
+    },
+    [r]
+  );
+  return /* @__PURE__ */ S(
+    M,
+    {
+      sensors: l,
+      onDragEnd: b,
+      collisionDetection: B,
+      onDragMove: h,
+      children: [
+        d,
+        /* @__PURE__ */ T(C, {})
+      ]
+    }
+  );
+};
+export {
+  Y as DnDProvider
+};

package/dist/components/NavMenu/components/DraggableOverlay.js

@@ -0,0 +1,18 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useDndContext as t, DragOverlay as o } from "@dnd-kit/core";
+import { snapCenterToCursor as a } from "@dnd-kit/modifiers";
+import { NavMenuItem as i } from "./NavMenuItem.js";
+import n from "../NavMenu.module.css.js";
+const d = () => {
+  const { active: e } = t();
+  return /* @__PURE__ */ r(o, { dropAnimation: null, modifiers: [a], children: e ? /* @__PURE__ */ r("div", { className: n.draggableOverlay, children: /* @__PURE__ */ r(
+    i,
+    {
+      item: { ...e.data.current, active: !1 },
+      ignoreDepth: !0
+    }
+  ) }) : null });
+};
+export {
+  d as DraggableOverlay
+};

package/dist/components/NavMenu/components/NavMenuActionIcon.js

@@ -0,0 +1,27 @@
+import { jsx as f } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { ActionIcon as p } from "@mantine/core";
+const x = i(
+  ({
+    children: o,
+    size: r = 20,
+    radius: t = 4,
+    color: n = "gray",
+    variant: m = "subtle",
+    ...c
+  }, e) => /* @__PURE__ */ f(
+    p,
+    {
+      ref: e,
+      size: r,
+      radius: t,
+      color: n,
+      variant: m,
+      ...c,
+      children: o
+    }
+  )
+);
+export {
+  x as NavMenuActionIcon
+};

package/dist/components/NavMenu/components/NavMenuItem.d.ts

@@ -4,4 +4,9 @@ type NavMenuItemProps = {
     ignoreDepth?: boolean;
 };
 export declare const NavMenuItem: import('react').MemoExoticComponent<({ item, ignoreDepth }: NavMenuItemProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const NavMenuLoadMore: ({ depth, itemId, currentChildrenCount, }: {
+    depth: number;
+    itemId: string;
+    currentChildrenCount: number;
+}) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/NavMenu/components/NavMenuItem.js

@@ -0,0 +1,179 @@
+import { jsx as n, jsxs as l } from "react/jsx-runtime";
+import { memo as p, useRef as x, useEffect as y } from "react";
+import { useTranslation as h } from "react-i18next";
+import { NavLink as C } from "react-router-dom";
+import { MoreHorizontalIcon as I, ArrowRight01Icon as S } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as f } from "@hugeicons/react";
+import { EmojiPicker as b } from "../../EmojiPicker/EmojiPicker.js";
+import { useAsyncStatus as E } from "../../../hooks/useAsyncStatus.js";
+import { NavMenu as M } from "../NavMenu.js";
+import { useNavMenuStore as m } from "../store.js";
+import { Flex as d, Loader as g, Text as v, FocusTrap as k, Center as z, Tooltip as j } from "@mantine/core";
+import { useForm as P } from "@mantine/form";
+import { useClickOutside as A } from "@mantine/hooks";
+import { EntityIcon as N } from "../../EntityIcon.js";
+import { NavMenuActionIcon as F } from "./NavMenuActionIcon.js";
+import a from "../NavMenu.module.css.js";
+const Y = p(({ item: e, ignoreDepth: i }) => {
+  const { useStore: r } = m(), o = r((s) => s.editId === e.id);
+  return /* @__PURE__ */ n(w, { depth: i ? void 0 : e.depth, children: o ? /* @__PURE__ */ n(L, { item: e }) : /* @__PURE__ */ n(D, { item: e }) });
+}), D = p(({ item: e }) => {
+  const { api: i } = m();
+  return e.href ? /* @__PURE__ */ n(
+    C,
+    {
+      to: e.href,
+      className: a.item,
+      "data-active": e.active,
+      "data-has-children": e.hasChildren,
+      children: /* @__PURE__ */ n(u, { item: e })
+    }
+  ) : /* @__PURE__ */ n(
+    "div",
+    {
+      className: a.item,
+      "data-active": e.active,
+      "data-has-children": e.hasChildren,
+      onClick: () => i.toggleOpened(e),
+      children: /* @__PURE__ */ n(u, { item: e })
+    }
+  );
+}), u = p(({ item: e }) => {
+  const { t: i } = h(), { useStore: r, api: o } = m(), s = r((t) => t.opened.includes(e.id)), c = r((t) => t.loading[e.id]);
+  return /* @__PURE__ */ l(d, { gap: 4, h: "100%", flex: 1, miw: 0, justify: "space-between", children: [
+    /* @__PURE__ */ l(d, { gap: 4, miw: 0, flex: 1, children: [
+      c ? /* @__PURE__ */ n(z, { w: 20, h: 20, children: /* @__PURE__ */ n(g, { size: 16 }) }) : e.hasChildren && /* @__PURE__ */ n(
+        F,
+        {
+          className: a.chevron,
+          onClick: (t) => {
+            t.preventDefault(), t.stopPropagation(), o.toggleOpened(e);
+          },
+          children: /* @__PURE__ */ n(
+            f,
+            {
+              icon: S,
+              size: 16,
+              style: {
+                transform: `rotate(${s ? 90 : 0}deg)`,
+                transition: "transform 0.1s ease-in-out"
+              }
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ n("div", { className: a.icon, children: /* @__PURE__ */ n(N, { item: e.data }) }),
+      /* @__PURE__ */ n(
+        j,
+        {
+          disabled: e.title.length < 25,
+          label: e.title || i("noName"),
+          openDelay: 400,
+          children: /* @__PURE__ */ n(
+            v,
+            {
+              flex: 1,
+              truncate: !0,
+              style: { opacity: e.title ? 1 : 0.5 },
+              size: "sm",
+              fw: 500,
+              miw: 0,
+              c: "var(--mantine-color-text)",
+              onDoubleClick: (t) => {
+                r.getState().props.onEdit && (t.preventDefault(), t.stopPropagation(), o.startEditing(e.id));
+              },
+              children: e.title || i("noName")
+            }
+          )
+        }
+      )
+    ] }),
+    e.rightSection
+  ] });
+}), L = p(({ item: e }) => {
+  const { api: i } = m(), r = x(null), o = P({
+    initialValues: {
+      name: e.title,
+      icon: e.data?.icon || ""
+    }
+  }), s = (t) => {
+    i.handleEdit({
+      id: e.id,
+      name: t.name ?? "",
+      icon: t.icon ?? ""
+    }), i.stopEditing();
+  }, c = A(() => {
+    s(o.getValues());
+  });
+  return y(() => {
+    r.current && r.current.select();
+  }, []), /* @__PURE__ */ n(
+    "form",
+    {
+      onSubmit: o.onSubmit(s),
+      className: a.item,
+      ref: c,
+      "data-editing": !0,
+      children: /* @__PURE__ */ l(d, { gap: 4, h: "100%", flex: 1, miw: 0, justify: "space-between", children: [
+        /* @__PURE__ */ n("div", { className: a.icon, children: /* @__PURE__ */ n(
+          b,
+          {
+            showIcons: !0,
+            showColors: !0,
+            withinPortal: !1,
+            popoverProps: {
+              floatingStrategy: "fixed"
+            },
+            value: o.values.icon,
+            onChange: (t) => o.setFieldValue("icon", t),
+            children: /* @__PURE__ */ n(M.ActionIcon, { children: /* @__PURE__ */ n(N, { item: { ...e.data, icon: o.values.icon } }) })
+          }
+        ) }),
+        /* @__PURE__ */ n(k, { children: /* @__PURE__ */ n(
+          "input",
+          {
+            ref: r,
+            className: a.editInput,
+            ...o.getInputProps("name"),
+            onFocus: (t) => t.target.select()
+          }
+        ) })
+      ] })
+    }
+  );
+}), w = p(
+  ({ depth: e = 0, children: i }) => /* @__PURE__ */ l(
+    "div",
+    {
+      className: a.itemContainer,
+      style: {
+        "--depth": e
+      },
+      children: [
+        Array.from({ length: e }).map((r, o) => /* @__PURE__ */ n("div", { className: a.depthBox }, o)),
+        i
+      ]
+    }
+  )
+), Z = ({
+  depth: e,
+  itemId: i,
+  currentChildrenCount: r
+}) => {
+  const { t: o } = h("appContainer"), { api: s } = m(), { isLoading: c, onSubmit: t } = E();
+  return /* @__PURE__ */ n(w, { depth: e, children: /* @__PURE__ */ n(
+    "div",
+    {
+      className: a.item,
+      onClick: () => t(() => s.loadMore({ itemId: i, currentChildrenCount: r })),
+      children: /* @__PURE__ */ n(d, { gap: 4, h: "100%", flex: 1, miw: 0, justify: "space-between", children: /* @__PURE__ */ l(d, { gap: 4, miw: 0, flex: 1, c: "gray", children: [
+        /* @__PURE__ */ n("div", { className: a.icon, children: c ? /* @__PURE__ */ n(g, { size: 16 }) : /* @__PURE__ */ n(f, { icon: I, size: 16 }) }),
+        /* @__PURE__ */ n(v, { flex: 1, truncate: !0, size: "sm", fw: 500, miw: 0, children: o("loadMore") })
+      ] }) })
+    }
+  ) });
+};
+export {
+  Y as NavMenuItem,
+  Z as NavMenuLoadMore
+};

package/dist/components/NavMenu/components/NavMenuLabel.js

@@ -0,0 +1,18 @@
+import { jsx as t } from "react/jsx-runtime";
+import { Text as e } from "@mantine/core";
+const a = ({
+  children: o,
+  ...r
+}) => /* @__PURE__ */ t(
+  e,
+  {
+    size: "sm",
+    fw: 600,
+    c: "var(--app-container-section-title-color)",
+    ...r,
+    children: o
+  }
+);
+export {
+  a as NavMenuLabel
+};

package/dist/components/NavMenu/store.d.ts

@@ -1,5 +1,6 @@
 import { PropsWithChildren } from 'react';
 import { StoreApi, UseBoundStore } from 'zustand';
+import { ExpandNavMenuItemDef, NavMenuOnLoadMore } from './types';
 export type NavMenuEditData = {
     id: string;
     name: string;
@@ -8,18 +9,24 @@ export type NavMenuEditData = {
 export type NavMenuStore = {
     editId: string | null;
     opened: string[];
+    loading: Record<string, boolean | undefined>;
     props: {
         onEdit?: (props: NavMenuEditData) => void;
+        onToggle?: (item: ExpandNavMenuItemDef) => void;
+        onLoadMore?: NavMenuOnLoadMore;
     };
 };
 export declare const createNavMenuStore: () => {
     useStore: UseBoundStore<StoreApi<NavMenuStore>>;
     api: {
+        loadMore: NavMenuOnLoadMore;
         startEditing: (id: string) => void;
         stopEditing: () => void;
         handleEdit: (props: NavMenuEditData) => void;
-        toggleOpened: (id: string) => void;
+        toggleOpened: (item: ExpandNavMenuItemDef) => void;
         setOpened: (ids: string[]) => void;
+        setLoading: (id: string, loading: boolean | undefined) => void;
+        expandItem: (itemId: string) => void;
     };
 };
 export declare const NavMenuProvider: ({ children, store, }: PropsWithChildren<{
@@ -28,10 +35,13 @@ export declare const NavMenuProvider: ({ children, store, }: PropsWithChildren<{
 export declare const useNavMenuStore: () => {
     useStore: UseBoundStore<StoreApi<NavMenuStore>>;
     api: {
+        loadMore: NavMenuOnLoadMore;
         startEditing: (id: string) => void;
         stopEditing: () => void;
         handleEdit: (props: NavMenuEditData) => void;
-        toggleOpened: (id: string) => void;
+        toggleOpened: (item: ExpandNavMenuItemDef) => void;
         setOpened: (ids: string[]) => void;
+        setLoading: (id: string, loading: boolean | undefined) => void;
+        expandItem: (itemId: string) => void;
     };
 };

package/dist/components/NavMenu/store.js

@@ -0,0 +1,61 @@
+import { jsx as i } from "react/jsx-runtime";
+import { useContext as r, createContext as s } from "react";
+import { uniq as p, xor as c } from "lodash-es";
+import { create as g } from "zustand";
+const l = (e) => ({
+  loadMore: async (t) => {
+    await e.getState().props.onLoadMore?.(t);
+  },
+  startEditing: (t) => {
+    e.setState({ editId: t });
+  },
+  stopEditing: () => {
+    e.setState({ editId: null });
+  },
+  handleEdit: (t) => {
+    e.getState().props.onEdit?.({
+      ...t,
+      name: t.name.trim(),
+      icon: t.icon.trim()
+    });
+  },
+  toggleOpened: (t) => {
+    e.setState((n) => ({
+      opened: c(n.opened, [t.id])
+    })), e.getState().props.onToggle?.(t);
+  },
+  setOpened: (t) => {
+    e.setState({ opened: t });
+  },
+  setLoading: (t, n) => {
+    e.setState((a) => ({
+      loading: { ...a.loading, [t]: n }
+    }));
+  },
+  expandItem: (t) => {
+    e.setState((n) => ({
+      opened: p([...n.opened, t])
+    }));
+  }
+}), L = () => {
+  const e = g(() => ({
+    editId: null,
+    opened: [],
+    loading: {},
+    props: {}
+  }));
+  return {
+    useStore: e,
+    api: l(e)
+  };
+}, d = s(
+  null
+), N = ({
+  children: e,
+  store: o
+}) => /* @__PURE__ */ i(d.Provider, { value: o, children: e }), h = () => r(d);
+export {
+  N as NavMenuProvider,
+  L as createNavMenuStore,
+  h as useNavMenuStore
+};

package/dist/components/NavMenu/types.d.ts

@@ -9,21 +9,28 @@ export type NavMenuItemDef<DATA = NavMenuItemData> = {
     title: string;
     href?: string;
     rightSection?: ReactNode;
-    isTemporary?: boolean;
     active?: boolean;
     hasChildren?: boolean;
-    loading?: boolean;
+    totalChildren?: number;
     children: NavMenuItemDef<DATA>[];
     pathById: string[];
+    parentId: string;
     order?: number;
     data?: DATA;
 };
 export type ExpandNavMenuItemDef<DATA = NavMenuItemData> = NavMenuItemDef<DATA> & {
     depth: number;
+    isLast: boolean;
+    parentChildrenCount: number;
+    parentTotalChildren: number;
 };
 export type NavMenuOrderChange<DATA = NavMenuItemData> = (v: {
     item: ExpandNavMenuItemDef<DATA>;
     over: ExpandNavMenuItemDef<DATA>;
     position: NavMenuOrderChangePosition;
 }) => void;
-export type NavMenuOrderChangePosition = 'top' | 'bottom' | 'inside';
+export type NavMenuOnLoadMore = (payload: {
+    itemId: string;
+    currentChildrenCount: number;
+}) => Promise<void>;
+export type NavMenuOrderChangePosition = 'before' | 'after' | 'inside';

package/dist/components/NavbarResizer/NavbarResizer.js

@@ -0,0 +1,42 @@
+import { jsx as l } from "react/jsx-runtime";
+import { memo as f, useState as i } from "react";
+import { useDraggable as p } from "draggable-ui";
+import { clamp as u } from "lodash-es";
+import b from "./NavbarResizer.module.css.js";
+const I = f(
+  ({
+    width: n,
+    onChange: a,
+    minWidth: e = 300,
+    position: o
+  }) => {
+    const [m, s] = i(-1), [t, r] = i(!1), { listeners: d } = p({
+      onStart: () => {
+        s(n || 0), document.body.style.cursor = "col-resize", t || r(!0);
+      },
+      onMove: ({ deltaX: c }) => {
+        const g = u(
+          m + c * (o === "left" ? 1 : -1),
+          e,
+          Math.min(document.body.clientWidth - e, 600)
+        );
+        a?.(g);
+      },
+      onEnd: () => {
+        s(-1), t && r(!1);
+      }
+    });
+    return /* @__PURE__ */ l(
+      "div",
+      {
+        className: b.resizer,
+        "data-dragging": t,
+        "data-position": o,
+        ...d
+      }
+    );
+  }
+);
+export {
+  I as NavbarResizer
+};

package/dist/components/NavbarResizer/NavbarResizer.module.css.js

@@ -0,0 +1,7 @@
+const e = "_resizer_ez847_1", s = {
+  resizer: e
+};
+export {
+  s as default,
+  e as resizer
+};