@mzc-fe/design-system 0.0.11-rc.2 → 0.0.11-rc.3

package/dist/components/checkbox/checkbox.js

@@ -1,11 +1,11 @@
 import { jsx as r } from "react/jsx-runtime";
 import "react";
-import * as a from "@radix-ui/react-checkbox";
-import { MinusIcon as o, CheckIcon as n } from "lucide-react";
+import * as t from "@radix-ui/react-checkbox";
+import { MinusIcon as n, CheckIcon as o } from "lucide-react";
 import { cn as d } from "../../lib/utils.js";
-function b({ className: i, checked: e, ...t }) {
+function b({ className: a, checked: e, ...i }) {
   return /* @__PURE__ */ r(
-    a.Root,
+    t.Root,
     {
       "data-slot": "checkbox",
       className: d(
@@ -17,16 +17,16 @@ function b({ className: i, checked: e, ...t }) {
         "data-[state=indeterminate]:border-primary data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground",
         "disabled:cursor-not-allowed disabled:opacity-50",
         "dark:bg-input/30 dark:data-[state=checked]:bg-primary dark:data-[state=indeterminate]:bg-primary dark:aria-invalid:ring-error/40",
-        i
+        a
       ),
       checked: e,
-      ...t,
+      ...i,
       children: /* @__PURE__ */ r(
-        a.Indicator,
+        t.Indicator,
         {
           "data-slot": "checkbox-indicator",
           className: "grid place-content-center text-current transition-none",
-          children: e === "indeterminate" ? /* @__PURE__ */ r(o, { className: "size-3.5" }) : /* @__PURE__ */ r(n, { className: "size-3.5" })
+          children: e === "indeterminate" ? /* @__PURE__ */ r(n, { className: "size-3.5 text-current" }) : /* @__PURE__ */ r(o, { className: "size-3.5 text-current" })
         }
       )
     }

package/dist/components/combobox/combobox.d.ts

@@ -46,8 +46,10 @@ export type ComboboxTriggerProps = React.ComponentProps<"button"> & {
     groupLabel?: string;
     /** 트리거에 표시할 Avatar 등 앞쪽 요소 */
     avatar?: React.ReactNode;
+    /** 다중 선택 시 노출할 최대 배지 개수. 초과분은 `+N` 배지로 축약 (undefined면 전체 노출) */
+    maxVisibleBadges?: number;
 };
-export declare function ComboboxTrigger({ className, placeholder, groupLabel, avatar, ...props }: ComboboxTriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare function ComboboxTrigger({ className, placeholder, groupLabel, avatar, maxVisibleBadges, ...props }: ComboboxTriggerProps): import("react/jsx-runtime").JSX.Element;
 export type ComboboxContentProps = React.ComponentProps<typeof PopoverPrimitive.Content> & {
     /** 검색 필터 함수 (cmdk filter) */
     filter?: (value: string, search: string, keywords?: string[]) => number;

package/dist/components/combobox/combobox.js

@@ -1,6 +1,6 @@
-import { jsx as e, jsxs as M } from "react/jsx-runtime";
+import { jsx as e, jsxs as k, Fragment as G } from "react/jsx-runtime";
 import * as n from "react";
-import { Command as k } from "cmdk";
+import { Command as S } from "cmdk";
 import "@radix-ui/react-accessible-icon";
 import "@radix-ui/react-accordion";
 import "@radix-ui/react-alert-dialog";
@@ -36,155 +36,170 @@ import "@radix-ui/react-toggle-group";
 import "@radix-ui/react-toolbar";
 import "@radix-ui/react-tooltip";
 import "@radix-ui/react-visually-hidden";
-import { XIcon as j, ChevronDownIcon as B, ChevronsUpDownIcon as G, SearchIcon as F, CheckIcon as K } from "lucide-react";
-import { cn as g } from "../../lib/utils.js";
-import { Badge as U } from "../badge/badge.js";
-import { Checkbox as X } from "../checkbox/checkbox.js";
-const O = n.createContext(null);
+import { XIcon as K, ChevronDownIcon as U, ChevronsUpDownIcon as V, SearchIcon as X, CheckIcon as $ } from "lucide-react";
+import { cn as h } from "../../lib/utils.js";
+import { Badge as P } from "../badge/badge.js";
+import { Checkbox as q } from "../checkbox/checkbox.js";
+const j = n.createContext(null);
 function D() {
-  const a = n.useContext(O);
-  if (!a)
+  const r = n.useContext(j);
+  if (!r)
     throw new Error("Combobox 하위 컴포넌트는 <Combobox> 내부에서 사용해야 합니다.");
-  return a;
+  return r;
 }
-function De({
-  open: a,
+function Re({
+  open: r,
   defaultOpen: o = !1,
   onOpenChange: s,
-  value: i,
-  defaultValue: C,
-  onValueChange: u,
-  multiple: t = !1,
-  disabled: c = !1,
-  children: b
+  value: l,
+  defaultValue: d,
+  onValueChange: f,
+  multiple: v = !1,
+  disabled: t = !1,
+  children: i
 }) {
-  const [h, f] = n.useState(o), x = a ?? h, d = n.useCallback(
-    (l) => {
-      f(l), s?.(l);
+  const [I, x] = n.useState(o), m = r ?? I, g = n.useCallback(
+    (c) => {
+      x(c), s?.(c);
     },
     [s]
-  ), [y, v] = n.useState(
-    () => C ?? (t ? [] : "")
-  ), m = i ?? y, r = n.useCallback(
-    (l) => {
-      v(l), u?.(l);
+  ), [C, y] = n.useState(
+    () => d ?? (v ? [] : "")
+  ), p = l ?? C, u = n.useCallback(
+    (c) => {
+      y(c), f?.(c);
     },
-    [u]
-  ), [p, S] = n.useState(() => /* @__PURE__ */ new Map()), I = n.useCallback((l, A) => {
-    S((w) => {
-      if (w.get(l) === A) return w;
-      const z = new Map(w);
-      return z.set(l, A), z;
+    [f]
+  ), [a, b] = n.useState(() => /* @__PURE__ */ new Map()), w = n.useCallback((c, z) => {
+    b((N) => {
+      if (N.get(c) === z) return N;
+      const M = new Map(N);
+      return M.set(c, z), M;
     });
-  }, []), [N, _] = n.useState(() => /* @__PURE__ */ new Map()), V = n.useCallback((l, A) => {
-    _((w) => {
-      if (w.get(l) === A) return w;
-      const z = new Map(w);
-      return z.set(l, A), z;
+  }, []), [A, _] = n.useState(() => /* @__PURE__ */ new Map()), R = n.useCallback((c, z) => {
+    _((N) => {
+      if (N.get(c) === z) return N;
+      const M = new Map(N);
+      return M.set(c, z), M;
     });
-  }, []), [R, T] = n.useState(""), L = n.useCallback((l) => {
-    T(l);
+  }, []), [T, L] = n.useState(""), O = n.useCallback((c) => {
+    L(c);
   }, []);
   n.useEffect(() => {
-    x || T("");
-  }, [x]);
-  const P = n.useMemo(
+    m || L("");
+  }, [m]);
+  const F = n.useMemo(
     () => ({
-      open: x,
-      onOpenChange: d,
-      value: m,
-      onValueChange: r,
-      multiple: t,
-      disabled: c,
-      labelMap: p,
-      registerLabel: I,
-      avatarMap: N,
-      registerAvatar: V,
-      searchValue: R,
-      onSearchValueChange: L
+      open: m,
+      onOpenChange: g,
+      value: p,
+      onValueChange: u,
+      multiple: v,
+      disabled: t,
+      labelMap: a,
+      registerLabel: w,
+      avatarMap: A,
+      registerAvatar: R,
+      searchValue: T,
+      onSearchValueChange: O
     }),
     [
-      x,
-      d,
       m,
-      r,
-      t,
-      c,
+      g,
       p,
-      I,
-      N,
-      V,
+      u,
+      v,
+      t,
+      a,
+      w,
+      A,
       R,
-      L
+      T,
+      O
     ]
   );
-  return /* @__PURE__ */ e(O.Provider, { value: P, children: /* @__PURE__ */ e(E.Root, { "data-slot": "combobox", open: x, onOpenChange: d, children: b }) });
+  return /* @__PURE__ */ e(j.Provider, { value: F, children: /* @__PURE__ */ e(E.Root, { "data-slot": "combobox", open: m, onOpenChange: g, children: i }) });
 }
-function Ve({
-  className: a,
+function Te({
+  className: r,
   placeholder: o = "Select...",
   groupLabel: s,
-  avatar: i,
-  ...C
+  avatar: l,
+  maxVisibleBadges: d,
+  ...f
 }) {
-  const { open: u, value: t, multiple: c, disabled: b, labelMap: h, avatarMap: f, onValueChange: x } = D(), d = c ? Array.isArray(t) && t.length > 0 : typeof t == "string" && t !== "", y = (r, p) => {
-    r.preventDefault(), r.stopPropagation(), Array.isArray(t) && x(t.filter((S) => S !== p));
-  }, v = d && typeof t == "string" ? h.get(t) ?? t : o, m = !c && typeof t == "string" && t !== "" ? f.get(t) ?? i : i;
-  return /* @__PURE__ */ e(E.Trigger, { asChild: !0, children: /* @__PURE__ */ M(
+  const { open: v, value: t, multiple: i, disabled: I, labelMap: x, avatarMap: m, onValueChange: g } = D(), C = i ? Array.isArray(t) && t.length > 0 : typeof t == "string" && t !== "", y = (a, b) => {
+    a.preventDefault(), a.stopPropagation(), Array.isArray(t) && g(t.filter((w) => w !== b));
+  }, p = C && typeof t == "string" ? x.get(t) ?? t : o, u = !i && typeof t == "string" && t !== "" ? m.get(t) ?? l : l;
+  return /* @__PURE__ */ e(E.Trigger, { asChild: !0, children: /* @__PURE__ */ k(
     "button",
     {
       type: "button",
       role: "combobox",
-      "aria-expanded": u,
-      disabled: b,
+      "aria-expanded": v,
+      disabled: I,
       "data-slot": "combobox-trigger",
-      className: g(
+      className: h(
         "border-input dark:bg-input/30 dark:hover:bg-input/50 flex w-full items-center gap-2 rounded-md border bg-transparent px-4 text-sm font-medium shadow-xs transition-[color,box-shadow] outline-none",
         "hover:bg-accent-1/50",
         "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
         "active:opacity-60",
         "disabled:cursor-not-allowed disabled:opacity-50",
-        !c && !s && "h-9 py-2",
-        !c && s && "h-12",
-        c && "min-h-9 py-2",
-        a
+        !i && !s && "h-9 py-2",
+        !i && s && "h-12",
+        i && "min-h-9 py-2",
+        r
       ),
-      ...C,
+      ...f,
       children: [
-        m && /* @__PURE__ */ e("span", { "data-slot": "combobox-trigger-avatar", className: "shrink-0", children: m }),
-        c && Array.isArray(t) ? /* @__PURE__ */ e("span", { className: "flex min-h-5 min-w-0 flex-1 flex-wrap items-center gap-1", children: t.length > 0 ? t.map((r) => /* @__PURE__ */ M(U, { variant: "outline", className: "gap-1 rounded-md px-2 py-0.5 text-xs font-semibold", children: [
-          f.get(r) && /* @__PURE__ */ e("span", { className: "shrink-0 [&_[data-slot=avatar-fallback]]:text-[6px] [&_[data-slot=avatar]]:size-3", children: f.get(r) }),
-          h.get(r) ?? r,
-          /* @__PURE__ */ e(
-            "span",
+        u && /* @__PURE__ */ e("span", { "data-slot": "combobox-trigger-avatar", className: "shrink-0", children: u }),
+        i && Array.isArray(t) ? /* @__PURE__ */ e("span", { className: "flex min-h-5 min-w-0 flex-1 flex-wrap items-center gap-1", children: t.length > 0 ? /* @__PURE__ */ k(G, { children: [
+          (d !== void 0 ? t.slice(0, d) : t).map((a) => /* @__PURE__ */ k(P, { variant: "outline", className: "gap-1 rounded-md px-2 py-0.5 text-xs font-semibold", children: [
+            m.get(a) && /* @__PURE__ */ e("span", { className: "shrink-0 [&_[data-slot=avatar-fallback]]:text-[6px] [&_[data-slot=avatar]]:size-3", children: m.get(a) }),
+            x.get(a) ?? a,
+            /* @__PURE__ */ e(
+              "span",
+              {
+                role: "button",
+                tabIndex: 0,
+                "aria-label": `Remove ${x.get(a) ?? a}`,
+                className: "hover:text-foreground text-muted-foreground inline-flex cursor-pointer rounded-sm outline-none focus-visible:ring-1",
+                onClick: (b) => y(b, a),
+                onKeyDown: (b) => {
+                  (b.key === "Enter" || b.key === " ") && y(b, a);
+                },
+                children: /* @__PURE__ */ e(K, { className: "size-3" })
+              }
+            )
+          ] }, a)),
+          d !== void 0 && t.length > d && /* @__PURE__ */ k(
+            P,
             {
-              role: "button",
-              tabIndex: 0,
-              "aria-label": `Remove ${h.get(r) ?? r}`,
-              className: "hover:text-foreground text-muted-foreground inline-flex cursor-pointer rounded-sm outline-none focus-visible:ring-1",
-              onClick: (p) => y(p, r),
-              onKeyDown: (p) => {
-                (p.key === "Enter" || p.key === " ") && y(p, r);
-              },
-              children: /* @__PURE__ */ e(j, { className: "size-3" })
+              "data-slot": "combobox-trigger-badge-overflow",
+              variant: "outline",
+              className: "rounded-md px-2 py-0.5 text-xs font-semibold",
+              children: [
+                "+",
+                t.length - d
+              ]
             }
           )
-        ] }, r)) : /* @__PURE__ */ e("span", { className: "text-muted-foreground truncate", children: o }) }) : s ? /* @__PURE__ */ M("span", { className: "flex min-w-0 flex-1 flex-col items-start gap-0.5", children: [
+        ] }) : /* @__PURE__ */ e("span", { className: "text-muted-foreground truncate", children: o }) }) : s ? /* @__PURE__ */ k("span", { className: "flex min-w-0 flex-1 flex-col items-start gap-0.5", children: [
           /* @__PURE__ */ e("span", { "data-slot": "combobox-group-label", className: "text-muted-foreground text-xs leading-none font-medium", children: s }),
-          /* @__PURE__ */ e("span", { className: g("w-full truncate text-left", !d && "text-muted-foreground"), children: v })
-        ] }) : /* @__PURE__ */ e("span", { className: g("min-w-0 flex-1 truncate text-left", !d && "text-muted-foreground"), children: v }),
-        s ? /* @__PURE__ */ e(B, { className: "size-4 shrink-0 opacity-50" }) : /* @__PURE__ */ e(G, { className: "size-4 shrink-0 opacity-50" })
+          /* @__PURE__ */ e("span", { className: h("w-full truncate text-left", !C && "text-muted-foreground"), children: p })
+        ] }) : /* @__PURE__ */ e("span", { className: h("min-w-0 flex-1 truncate text-left", !C && "text-muted-foreground"), children: p }),
+        s ? /* @__PURE__ */ e(U, { className: "size-4 shrink-0 opacity-50" }) : /* @__PURE__ */ e(V, { className: "size-4 shrink-0 opacity-50" })
       ]
     }
   ) });
 }
-function Re({
-  className: a,
+function Le({
+  className: r,
   align: o = "start",
   sideOffset: s = 4,
-  filter: i,
-  children: C,
-  ...u
+  filter: l,
+  children: d,
+  ...f
 }) {
   return /* @__PURE__ */ e(E.Portal, { children: /* @__PURE__ */ e(
     E.Content,
@@ -192,141 +207,141 @@ function Re({
       "data-slot": "combobox-content",
       align: o,
       sideOffset: s,
-      className: g(
+      className: h(
         "w-(--radix-popover-trigger-width) min-w-[200px] origin-(--radix-popover-content-transform-origin) overflow-hidden rounded-md",
         "border-border bg-popover z-50 border shadow-md outline-hidden",
         "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 duration-100",
-        a
+        r
       ),
-      ...u,
+      ...f,
       children: /* @__PURE__ */ e(
-        k,
+        S,
         {
           "data-slot": "combobox-command",
           className: "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden",
-          filter: i,
+          filter: l,
           shouldFilter: !1,
-          children: C
+          children: d
         }
       )
     }
   ) });
 }
-function Te({ className: a, ...o }) {
-  const { searchValue: s, onSearchValueChange: i } = D();
-  return /* @__PURE__ */ M("div", { "data-slot": "combobox-input-wrapper", className: "border-border flex items-center gap-2 border-b px-3 py-2.5", children: [
-    /* @__PURE__ */ e(F, { className: "size-4 shrink-0 opacity-50" }),
+function Oe({ className: r, ...o }) {
+  const { searchValue: s, onSearchValueChange: l } = D();
+  return /* @__PURE__ */ k("div", { "data-slot": "combobox-input-wrapper", className: "border-border flex items-center gap-2 border-b px-3 py-2.5", children: [
+    /* @__PURE__ */ e(X, { className: "size-4 shrink-0 opacity-50" }),
     /* @__PURE__ */ e(
-      k.Input,
+      S.Input,
       {
         "data-slot": "combobox-input",
         value: s,
-        onValueChange: i,
-        className: g(
+        onValueChange: l,
+        className: h(
           "placeholder:text-muted-foreground flex w-full bg-transparent text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
-          a
+          r
         ),
         ...o
       }
     )
   ] });
 }
-function Le({ className: a, ...o }) {
+function Pe({ className: r, ...o }) {
   return /* @__PURE__ */ e(
-    k.List,
+    S.List,
     {
       "data-slot": "combobox-list",
-      className: g("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto", a),
+      className: h("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto", r),
       ...o
     }
   );
 }
-function Oe({ ...a }) {
-  return /* @__PURE__ */ e(k.Empty, { "data-slot": "combobox-empty", className: "py-6 text-center text-sm", ...a });
+function je({ ...r }) {
+  return /* @__PURE__ */ e(S.Empty, { "data-slot": "combobox-empty", className: "py-6 text-center text-sm", ...r });
 }
-function Pe({ className: a, ...o }) {
+function Fe({ className: r, ...o }) {
   return /* @__PURE__ */ e(
-    k.Group,
+    S.Group,
     {
       "data-slot": "combobox-group",
-      className: g(
+      className: h(
         "text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
-        a
+        r
       ),
       ...o
     }
   );
 }
-function je({ className: a, ...o }) {
+function Ge({ className: r, ...o }) {
   return /* @__PURE__ */ e(
-    k.Separator,
+    S.Separator,
     {
       "data-slot": "combobox-separator",
-      className: g("bg-border -mx-1 h-px", a),
+      className: h("bg-border -mx-1 h-px", r),
       ...o
     }
   );
 }
-function Be({
-  className: a,
+function Ke({
+  className: r,
   value: o,
   icon: s,
-  avatar: i,
-  checkbox: C,
-  children: u,
-  onSelect: t,
-  ...c
+  avatar: l,
+  checkbox: d,
+  children: f,
+  onSelect: v,
+  ...t
 }) {
-  const { value: b, onValueChange: h, multiple: f, onOpenChange: x, searchValue: d, registerLabel: y, registerAvatar: v } = D(), m = f ? Array.isArray(b) && b.includes(o) : b === o, r = typeof u == "string" ? u : void 0;
+  const { value: i, onValueChange: I, multiple: x, onOpenChange: m, searchValue: g, registerLabel: C, registerAvatar: y } = D(), p = x ? Array.isArray(i) && i.includes(o) : i === o, u = typeof f == "string" ? f : void 0;
   if (n.useEffect(() => {
-    r && y(o, r);
-  }, [o, r, y]), n.useEffect(() => {
-    i != null && v(o, i);
-  }, [o, i, v]), !n.useMemo(() => {
-    if (!d) return !0;
-    const N = d.toLowerCase();
-    return (r ?? o).toLowerCase().includes(N);
-  }, [d, r, o])) return null;
-  const S = () => {
-    if (f) {
-      if (Array.isArray(b)) {
-        const N = m ? b.filter((_) => _ !== o) : [...b, o];
-        h(N);
+    u && C(o, u);
+  }, [o, u, C]), n.useEffect(() => {
+    l != null && y(o, l);
+  }, [o, l, y]), !n.useMemo(() => {
+    if (!g) return !0;
+    const A = g.toLowerCase();
+    return (u ?? o).toLowerCase().includes(A);
+  }, [g, u, o])) return null;
+  const b = () => {
+    if (x) {
+      if (Array.isArray(i)) {
+        const A = p ? i.filter((_) => _ !== o) : [...i, o];
+        I(A);
       }
     } else
-      h(m ? "" : o), x(!1);
-    t?.();
-  }, I = C ?? f;
-  return /* @__PURE__ */ M(
-    k.Item,
+      I(p ? "" : o), m(!1);
+    v?.();
+  }, w = d ?? x;
+  return /* @__PURE__ */ k(
+    S.Item,
     {
       "data-slot": "combobox-item",
-      "data-selected": m,
-      className: g(
+      "data-selected": p,
+      className: h(
         "data-[selected=true]:bg-accent-1 data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        a
+        r
       ),
       value: o,
-      onSelect: S,
-      ...c,
+      onSelect: b,
+      ...t,
       children: [
-        I && /* @__PURE__ */ e(X, { checked: m, className: "pointer-events-none size-4", tabIndex: -1, "aria-hidden": !0 }),
-        i != null && /* @__PURE__ */ e("span", { "data-slot": "combobox-item-avatar", className: "shrink-0", children: i }),
+        w && /* @__PURE__ */ e(q, { checked: p, className: "pointer-events-none size-4", tabIndex: -1, "aria-hidden": !0 }),
+        l != null && /* @__PURE__ */ e("span", { "data-slot": "combobox-item-avatar", className: "shrink-0", children: l }),
         s != null && /* @__PURE__ */ e("span", { "data-slot": "combobox-item-icon", className: "shrink-0", children: s }),
-        /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate", children: u }),
-        !I && m && /* @__PURE__ */ e(K, { className: "ml-auto size-4 shrink-0" })
+        /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate", children: f }),
+        !w && p && /* @__PURE__ */ e($, { className: "ml-auto size-4 shrink-0" })
       ]
     }
   );
 }
 export {
-  De as Combobox,
-  Re as ComboboxContent,
-  Oe as ComboboxEmpty,
-  Pe as ComboboxGroup,
-  Te as ComboboxInput,
-  Be as ComboboxItem,
-  Le as ComboboxList,
-  je as ComboboxSeparator,
-  Ve as ComboboxTrigger
+  Re as Combobox,
+  Le as ComboboxContent,
+  je as ComboboxEmpty,
+  Fe as ComboboxGroup,
+  Oe as ComboboxInput,
+  Ke as ComboboxItem,
+  Pe as ComboboxList,
+  Ge as ComboboxSeparator,
+  Te as ComboboxTrigger
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mzc-fe/design-system",
-  "version": "0.0.11-rc.2",
+  "version": "0.0.11-rc.3",
   "private": false,
   "type": "module",
   "main": "./dist/index.js",