@comitor/ui 3.2.0 → 3.3.1

package/dist/i18n/namespaces/toast.d.ts

@@ -1,14 +1,23 @@
 /**
- * Chữ của `toastPromise`.
+ * Chữ của hai toaster (`Toaster` của entry chính, `SonnerToaster` của `/shell`) và của `toastPromise`.
  *
  * `toastPromise` là hàm THƯỜNG gọi từ event handler, ngoài lượt render — nó không tự đọc được
- * `ComitorLocaleProvider`. Toaster (luôn nằm trong cây, dưới provider — `Toaster` của entry chính
- * hay `SonnerToaster` của `/shell`) ghi bảng này theo ngôn ngữ hiện hành cho nó dùng; xem
- * `lib/toast-language.ts`.
+ * `ComitorLocaleProvider`. Toaster (luôn nằm trong cây, dưới provider) ghi bảng này theo ngôn ngữ
+ * hiện hành cho nó dùng; xem `lib/toast-language.ts`.
+ *
+ * ⚠ Hai khoá `…AriaLabel` (3.3.0) thay hai chuỗi TIẾNG ANH CỨNG của sonner — thứ trước bản này là
+ * chữ tiếng Anh DUY NHẤT còn lại trên một trang tiếng Việt đã đặt provider (đo trên comitor-account):
+ *   · `containerAriaLabel` — tên vùng toast (`<section aria-label>`), chỗ trình đọc màn hình nhảy tới
+ *     bằng phím tắt. Sonner TỰ NỐI phím tắt vào sau ("Thông báo alt+T"), nên ở đây chỉ có phần chữ.
+ *   · `closeButtonAriaLabel` — tên nút × trên từng toast, chỉ hiện khi app bật `closeButton`.
  */
 interface ToastMessages {
     /** Chữ của toast lúc Promise còn chạy — `messages.loading` của `toastPromise` */
     loading: string;
+    /** Tên vùng chứa toast cho trình đọc màn hình — prop `containerAriaLabel` của sonner */
+    containerAriaLabel: string;
+    /** Tên nút đóng trên mỗi toast — `toastOptions.closeButtonAriaLabel` của sonner */
+    closeButtonAriaLabel: string;
 }
 declare const toastEn: ToastMessages;
 declare const toastVi: ToastMessages;

package/dist/i18n/namespaces/toast.js

@@ -1,5 +1,13 @@
-const toastEn = { loading: "Working\u2026" };
-const toastVi = { loading: "\u0110ang x\u1EED l\xFD\u2026" };
+const toastEn = {
+  loading: "Working\u2026",
+  containerAriaLabel: "Notifications",
+  closeButtonAriaLabel: "Close notification"
+};
+const toastVi = {
+  loading: "\u0110ang x\u1EED l\xFD\u2026",
+  containerAriaLabel: "Th\xF4ng b\xE1o",
+  closeButtonAriaLabel: "\u0110\xF3ng th\xF4ng b\xE1o"
+};
 export {
   toastEn,
   toastVi

package/dist/i18n/namespaces/toast.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/i18n/namespaces/toast.ts"],"sourcesContent":["/**\n * Chữ của `toastPromise`.\n *\n * `toastPromise` là hàm THƯỜNG gọi từ event handler, ngoài lượt render — nó không tự đọc được\n * `ComitorLocaleProvider`. Toaster (luôn nằm trong cây, dưới provider — `Toaster` của entry chính\n * hay `SonnerToaster` của `/shell`) ghi bảng này theo ngôn ngữ hiện hành cho nó dùng; xem\n * `lib/toast-language.ts`.\n */\nexport interface ToastMessages {\n  /** Chữ của toast lúc Promise còn chạy — `messages.loading` của `toastPromise` */\n  loading: string;\n}\n\nexport const toastEn: ToastMessages = { loading: \"Working…\" };\n\nexport const toastVi: ToastMessages = { loading: \"Đang xử lý…\" };\n"],"mappings":"AAaO,MAAM,UAAyB,EAAE,SAAS,gBAAW;AAErD,MAAM,UAAyB,EAAE,SAAS,gCAAc;","names":[]}
+{"version":3,"sources":["../../../src/i18n/namespaces/toast.ts"],"sourcesContent":["/**\n * Chữ của hai toaster (`Toaster` của entry chính, `SonnerToaster` của `/shell`) và của `toastPromise`.\n *\n * `toastPromise` là hàm THƯỜNG gọi từ event handler, ngoài lượt render — nó không tự đọc được\n * `ComitorLocaleProvider`. Toaster (luôn nằm trong cây, dưới provider) ghi bảng này theo ngôn ngữ\n * hiện hành cho nó dùng; xem `lib/toast-language.ts`.\n *\n * ⚠ Hai khoá `…AriaLabel` (3.3.0) thay hai chuỗi TIẾNG ANH CỨNG của sonner — thứ trước bản này là\n * chữ tiếng Anh DUY NHẤT còn lại trên một trang tiếng Việt đã đặt provider (đo trên comitor-account):\n *   · `containerAriaLabel` — tên vùng toast (`<section aria-label>`), chỗ trình đọc màn hình nhảy tới\n *     bằng phím tắt. Sonner TỰ NỐI phím tắt vào sau (\"Thông báo alt+T\"), nên ở đây chỉ có phần chữ.\n *   · `closeButtonAriaLabel` — tên nút × trên từng toast, chỉ hiện khi app bật `closeButton`.\n */\nexport interface ToastMessages {\n  /** Chữ của toast lúc Promise còn chạy — `messages.loading` của `toastPromise` */\n  loading: string;\n  /** Tên vùng chứa toast cho trình đọc màn hình — prop `containerAriaLabel` của sonner */\n  containerAriaLabel: string;\n  /** Tên nút đóng trên mỗi toast — `toastOptions.closeButtonAriaLabel` của sonner */\n  closeButtonAriaLabel: string;\n}\n\nexport const toastEn: ToastMessages = {\n  loading: \"Working…\",\n  containerAriaLabel: \"Notifications\",\n  closeButtonAriaLabel: \"Close notification\"\n};\n\nexport const toastVi: ToastMessages = {\n  loading: \"Đang xử lý…\",\n  containerAriaLabel: \"Thông báo\",\n  closeButtonAriaLabel: \"Đóng thông báo\"\n};\n"],"mappings":"AAsBO,MAAM,UAAyB;AAAA,EACpC,SAAS;AAAA,EACT,oBAAoB;AAAA,EACpB,sBAAsB;AACxB;AAEO,MAAM,UAAyB;AAAA,EACpC,SAAS;AAAA,EACT,oBAAoB;AAAA,EACpB,sBAAsB;AACxB;","names":[]}

package/dist/lib/use-modal-return-focus.d.ts

@@ -0,0 +1,39 @@
+import * as React from 'react';
+
+/**
+ * TRẢ FOCUS khi một lớp modal của Radix (`Dialog`, `Sheet`, `AlertDialog`) đóng mà nó được mở KHÔNG
+ * qua Trigger — nội bộ, không nằm trong barrel nào.
+ *
+ * Radix chỉ trả focus về Trigger: handler `onCloseAutoFocus` của chính nó chặn mặc định của
+ * `FocusScope` rồi gọi `triggerRef.current?.focus()` — thiếu Trigger là focus vào `null`. Mà mở bằng
+ * `open` từ một mục menu, một dòng bảng, một `ActionBar` hay một phím tắt là cách hộp thoại được dùng
+ * nhiều nhất trong app thật: đóng xong (Escape, nút ×, nút Huỷ) là focus rơi xuống `<body>`, Tab kế
+ * tiếp chạy lại từ đầu trang (WCAG 2.4.3).
+ *
+ * Luật — ai thắng khi nhiều bên cùng muốn đưa focus đi:
+ *   1. App: handler `onCloseAutoFocus` của app chạy TRƯỚC; app gọi `preventDefault()` là app nhận việc
+ *      (Radix cũng bỏ qua Trigger), gói không làm gì thêm.
+ *   2. Radix: handler của nó chạy ngay SAU handler này và trả focus về Trigger nếu có — nên phép kiểm
+ *      của gói đợi qua một microtask để Radix đi trước.
+ *   3. Gói: chỉ khi focus THẬT SỰ đã rơi (`<body>`) mới trả về phần tử giữ focus ngay trước khi lớp
+ *      mở. Phần tử đó đã bị gỡ khỏi DOM (dòng vừa xoá) thì gói không đoán.
+ *
+ * Ghi phần tử mở ở HAI chỗ (3.3.1):
+ *   · `recorder` — phần tử trả về, component gọi đặt nó làm con ĐẦU TIÊN của `…Primitive.Content`.
+ *     Ghi sớm nhất, trước cả `autoFocus` của con — lý do ở `ReturnFocusRecorder`. Chỉ ghi nếu chu kỳ
+ *     mở này chưa ghi gì: StrictMode được phép chạy lại effect của cùng một lần mount, và lần chạy
+ *     lại ấy thấy focus đã ở ô con.
+ *   · `onOpenAutoFocus` — Radix chỉ gọi khi focus còn NGOÀI lớp, nên giá trị lúc đó luôn đúng và luôn
+ *     ĐÈ lên. Nó là đường duy nhất cho nội dung `forceMount` (mount một lần, không mount lại khi mở —
+ *     nơi gọi không đặt `recorder` cho ca đó).
+ * Chu kỳ khép lại ở `onCloseAutoFocus`.
+ */
+declare function useModalReturnFocus<E extends Event>(onOpenAutoFocusProp: ((event: E) => void) | undefined, onCloseAutoFocusProp: ((event: E) => void) | undefined): {
+    onOpenAutoFocus: (event: E) => void;
+    onCloseAutoFocus: (event: E) => void;
+    recorder: React.FunctionComponentElement<{
+        record: () => void;
+    }>;
+};
+
+export { useModalReturnFocus };

package/dist/lib/use-modal-return-focus.js

@@ -0,0 +1,66 @@
+import * as React from "react";
+function returnTargetFrom(active) {
+  let current = active;
+  for (let depth = 0; depth < 5; depth++) {
+    if (!(current instanceof HTMLElement) || current === current.ownerDocument.body) return null;
+    const menu = current.closest('[role="menu"]');
+    if (!menu) return current;
+    const ownerDocument = menu.ownerDocument;
+    const labelledBy = menu.getAttribute("aria-labelledby");
+    const byLabel = labelledBy ? ownerDocument.getElementById(labelledBy) : null;
+    const byControls = menu.id ? ownerDocument.querySelector(`[aria-controls="${CSS.escape(menu.id)}"]`) : null;
+    const opener = byLabel ?? byControls;
+    if (!opener) return current;
+    current = opener;
+  }
+  return current instanceof HTMLElement ? current : null;
+}
+function ReturnFocusRecorder({ record }) {
+  React.useInsertionEffect(() => {
+    record();
+  }, [record]);
+  return null;
+}
+function useModalReturnFocus(onOpenAutoFocusProp, onCloseAutoFocusProp) {
+  const returnFocusRef = React.useRef(null);
+  const recordedRef = React.useRef(false);
+  const recordOnMount = React.useCallback(() => {
+    if (recordedRef.current) return;
+    recordedRef.current = true;
+    returnFocusRef.current = returnTargetFrom(document.activeElement);
+  }, []);
+  const onOpenAutoFocus = React.useCallback(
+    (event) => {
+      recordedRef.current = true;
+      returnFocusRef.current = returnTargetFrom(document.activeElement);
+      onOpenAutoFocusProp?.(event);
+    },
+    [onOpenAutoFocusProp]
+  );
+  const onCloseAutoFocus = React.useCallback(
+    (event) => {
+      onCloseAutoFocusProp?.(event);
+      const target = returnFocusRef.current;
+      returnFocusRef.current = null;
+      recordedRef.current = false;
+      if (event.defaultPrevented) return;
+      queueMicrotask(() => {
+        const ownerDocument = target?.ownerDocument ?? document;
+        const active = ownerDocument.activeElement;
+        if (active && active !== ownerDocument.body) return;
+        if (!target?.isConnected) return;
+        target.focus({ preventScroll: true });
+      });
+    },
+    [onCloseAutoFocusProp]
+  );
+  const recorder = React.useMemo(
+    () => React.createElement(ReturnFocusRecorder, { record: recordOnMount }),
+    [recordOnMount]
+  );
+  return { onOpenAutoFocus, onCloseAutoFocus, recorder };
+}
+export {
+  useModalReturnFocus
+};
+//# sourceMappingURL=use-modal-return-focus.js.map

package/dist/lib/use-modal-return-focus.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/use-modal-return-focus.ts"],"sourcesContent":["import * as React from \"react\";\n\n/**\n * Phần tử để trả focus về: phần tử đang giữ focus lúc lớp mở — TRỪ khi nó nằm trong một MENU.\n *\n * Mở hộp thoại từ một mục `DropdownMenu` (\"Đổi vai trò…\" trên dòng bảng) là ca phổ biến nhất, và\n * lúc hộp thoại lấy focus thì phần tử đang giữ focus là chính MỤC MENU — thứ bị gỡ cùng menu ngay\n * sau đó. Ghi nó lại là trả về một phần tử đã chết, tức lại rơi xuống `<body>` (đo được trước khi\n * có nhánh này). Người dùng \"đứng\" ở NÚT MỞ menu: Radix nối nó vào nội dung menu bằng\n * `aria-labelledby` (id của nút), và nút trỏ lại bằng `aria-controls` (id của nội dung) — tra cả hai,\n * vì app đặt `id` riêng cho nút mở thì `aria-labelledby` trỏ vào một id không còn tồn tại.\n * Menu con: lặp lên tới menu gốc (nút mở menu con cũng bị gỡ theo).\n */\nfunction returnTargetFrom(active: Element | null): HTMLElement | null {\n  let current = active;\n  for (let depth = 0; depth < 5; depth++) {\n    if (!(current instanceof HTMLElement) || current === current.ownerDocument.body) return null;\n    const menu = current.closest<HTMLElement>('[role=\"menu\"]');\n    if (!menu) return current;\n\n    const ownerDocument = menu.ownerDocument;\n    const labelledBy = menu.getAttribute(\"aria-labelledby\");\n    const byLabel = labelledBy ? ownerDocument.getElementById(labelledBy) : null;\n    const byControls = menu.id ? ownerDocument.querySelector(`[aria-controls=\"${CSS.escape(menu.id)}\"]`) : null;\n    const opener = byLabel ?? byControls;\n    // Không tìm ra nút mở (menu không phải của Radix): trả về chính phần tử — lúc đóng, nó đã bị gỡ\n    // thì gói không đoán, như mọi ca khác.\n    if (!opener) return current;\n    current = opener;\n  }\n  return current instanceof HTMLElement ? current : null;\n}\n\n/**\n * Ghi phần tử mở NGAY LÚC nội dung lớp được gắn vào cây — trước mọi `autoFocus` của con.\n *\n * ── Vì sao không đủ nếu chỉ ghi ở `onOpenAutoFocus` (cách của 3.3.0) ─────────────────────\n * Ô con có `autoFocus` được React focus trong `commitMount` — pha LAYOUT của chính lần commit gắn\n * nội dung — TRƯỚC effect của `FocusScope`. Tới lượt `FocusScope`, focus đã nằm trong lớp, và Radix\n * BỎ QUA hẳn sự kiện auto-focus lúc mount (`container.contains(previouslyFocusedElement)`) — tức\n * `onOpenAutoFocus` không bao giờ được gọi, gói không biết ai đã mở lớp, và đóng xong focus rơi\n * xuống `<body>`. Đo được ở comitor-account bằng log `focus()`: focusin nút mở → `INPUT.focus()` từ\n * `commitMount` → lúc đóng không có lời gọi `focus()` nào. Chín hộp thoại của app đó dính.\n *\n * `useInsertionEffect` chạy ở pha MUTATION, và React chạy insertion effect của CẢ cây trước khi pha\n * layout bắt đầu — nên nó đứng trước `autoFocus` của bất kỳ con nào, bất kể con nằm ở đâu trong cây.\n * Không cần ref nào (ref chưa gắn ở pha này), chỉ đọc `document.activeElement`.\n *\n * Component này phải đứng TRONG nội dung (`…Primitive.Content`), không đứng ở vỏ `DialogContent`:\n * vỏ mount một lần khi app render `<Dialog>` đang ĐÓNG, còn nội dung mount lại ở MỖI lần mở.\n */\nfunction ReturnFocusRecorder({ record }: { record: () => void }) {\n  React.useInsertionEffect(() => {\n    record();\n  }, [record]);\n  return null;\n}\n\n/**\n * TRẢ FOCUS khi một lớp modal của Radix (`Dialog`, `Sheet`, `AlertDialog`) đóng mà nó được mở KHÔNG\n * qua Trigger — nội bộ, không nằm trong barrel nào.\n *\n * Radix chỉ trả focus về Trigger: handler `onCloseAutoFocus` của chính nó chặn mặc định của\n * `FocusScope` rồi gọi `triggerRef.current?.focus()` — thiếu Trigger là focus vào `null`. Mà mở bằng\n * `open` từ một mục menu, một dòng bảng, một `ActionBar` hay một phím tắt là cách hộp thoại được dùng\n * nhiều nhất trong app thật: đóng xong (Escape, nút ×, nút Huỷ) là focus rơi xuống `<body>`, Tab kế\n * tiếp chạy lại từ đầu trang (WCAG 2.4.3).\n *\n * Luật — ai thắng khi nhiều bên cùng muốn đưa focus đi:\n *   1. App: handler `onCloseAutoFocus` của app chạy TRƯỚC; app gọi `preventDefault()` là app nhận việc\n *      (Radix cũng bỏ qua Trigger), gói không làm gì thêm.\n *   2. Radix: handler của nó chạy ngay SAU handler này và trả focus về Trigger nếu có — nên phép kiểm\n *      của gói đợi qua một microtask để Radix đi trước.\n *   3. Gói: chỉ khi focus THẬT SỰ đã rơi (`<body>`) mới trả về phần tử giữ focus ngay trước khi lớp\n *      mở. Phần tử đó đã bị gỡ khỏi DOM (dòng vừa xoá) thì gói không đoán.\n *\n * Ghi phần tử mở ở HAI chỗ (3.3.1):\n *   · `recorder` — phần tử trả về, component gọi đặt nó làm con ĐẦU TIÊN của `…Primitive.Content`.\n *     Ghi sớm nhất, trước cả `autoFocus` của con — lý do ở `ReturnFocusRecorder`. Chỉ ghi nếu chu kỳ\n *     mở này chưa ghi gì: StrictMode được phép chạy lại effect của cùng một lần mount, và lần chạy\n *     lại ấy thấy focus đã ở ô con.\n *   · `onOpenAutoFocus` — Radix chỉ gọi khi focus còn NGOÀI lớp, nên giá trị lúc đó luôn đúng và luôn\n *     ĐÈ lên. Nó là đường duy nhất cho nội dung `forceMount` (mount một lần, không mount lại khi mở —\n *     nơi gọi không đặt `recorder` cho ca đó).\n * Chu kỳ khép lại ở `onCloseAutoFocus`.\n */\nexport function useModalReturnFocus<E extends Event>(\n  onOpenAutoFocusProp: ((event: E) => void) | undefined,\n  onCloseAutoFocusProp: ((event: E) => void) | undefined\n) {\n  const returnFocusRef = React.useRef<HTMLElement | null>(null);\n  const recordedRef = React.useRef(false);\n\n  const recordOnMount = React.useCallback(() => {\n    if (recordedRef.current) return;\n    recordedRef.current = true;\n    returnFocusRef.current = returnTargetFrom(document.activeElement);\n  }, []);\n\n  const onOpenAutoFocus = React.useCallback(\n    (event: E) => {\n      // Chạy TRƯỚC khi Radix đưa focus vào lớp: phần tử đang giữ focus là nơi người dùng đứng.\n      recordedRef.current = true;\n      returnFocusRef.current = returnTargetFrom(document.activeElement);\n      onOpenAutoFocusProp?.(event);\n    },\n    [onOpenAutoFocusProp]\n  );\n\n  const onCloseAutoFocus = React.useCallback(\n    (event: E) => {\n      onCloseAutoFocusProp?.(event);\n      const target = returnFocusRef.current;\n      returnFocusRef.current = null;\n      recordedRef.current = false;\n      if (event.defaultPrevented) return;\n\n      queueMicrotask(() => {\n        const ownerDocument = target?.ownerDocument ?? document;\n        const active = ownerDocument.activeElement;\n        if (active && active !== ownerDocument.body) return;\n        if (!target?.isConnected) return;\n        target.focus({ preventScroll: true });\n      });\n    },\n    [onCloseAutoFocusProp]\n  );\n\n  const recorder = React.useMemo(\n    () => React.createElement(ReturnFocusRecorder, { record: recordOnMount }),\n    [recordOnMount]\n  );\n\n  return { onOpenAutoFocus, onCloseAutoFocus, recorder };\n}\n"],"mappings":"AAAA,YAAY,WAAW;AAavB,SAAS,iBAAiB,QAA4C;AACpE,MAAI,UAAU;AACd,WAAS,QAAQ,GAAG,QAAQ,GAAG,SAAS;AACtC,QAAI,EAAE,mBAAmB,gBAAgB,YAAY,QAAQ,cAAc,KAAM,QAAO;AACxF,UAAM,OAAO,QAAQ,QAAqB,eAAe;AACzD,QAAI,CAAC,KAAM,QAAO;AAElB,UAAM,gBAAgB,KAAK;AAC3B,UAAM,aAAa,KAAK,aAAa,iBAAiB;AACtD,UAAM,UAAU,aAAa,cAAc,eAAe,UAAU,IAAI;AACxE,UAAM,aAAa,KAAK,KAAK,cAAc,cAAc,mBAAmB,IAAI,OAAO,KAAK,EAAE,CAAC,IAAI,IAAI;AACvG,UAAM,SAAS,WAAW;AAG1B,QAAI,CAAC,OAAQ,QAAO;AACpB,cAAU;AAAA,EACZ;AACA,SAAO,mBAAmB,cAAc,UAAU;AACpD;AAoBA,SAAS,oBAAoB,EAAE,OAAO,GAA2B;AAC/D,QAAM,mBAAmB,MAAM;AAC7B,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,CAAC;AACX,SAAO;AACT;AA8BO,SAAS,oBACd,qBACA,sBACA;AACA,QAAM,iBAAiB,MAAM,OAA2B,IAAI;AAC5D,QAAM,cAAc,MAAM,OAAO,KAAK;AAEtC,QAAM,gBAAgB,MAAM,YAAY,MAAM;AAC5C,QAAI,YAAY,QAAS;AACzB,gBAAY,UAAU;AACtB,mBAAe,UAAU,iBAAiB,SAAS,aAAa;AAAA,EAClE,GAAG,CAAC,CAAC;AAEL,QAAM,kBAAkB,MAAM;AAAA,IAC5B,CAAC,UAAa;AAEZ,kBAAY,UAAU;AACtB,qBAAe,UAAU,iBAAiB,SAAS,aAAa;AAChE,4BAAsB,KAAK;AAAA,IAC7B;AAAA,IACA,CAAC,mBAAmB;AAAA,EACtB;AAEA,QAAM,mBAAmB,MAAM;AAAA,IAC7B,CAAC,UAAa;AACZ,6BAAuB,KAAK;AAC5B,YAAM,SAAS,eAAe;AAC9B,qBAAe,UAAU;AACzB,kBAAY,UAAU;AACtB,UAAI,MAAM,iBAAkB;AAE5B,qBAAe,MAAM;AACnB,cAAM,gBAAgB,QAAQ,iBAAiB;AAC/C,cAAM,SAAS,cAAc;AAC7B,YAAI,UAAU,WAAW,cAAc,KAAM;AAC7C,YAAI,CAAC,QAAQ,YAAa;AAC1B,eAAO,MAAM,EAAE,eAAe,KAAK,CAAC;AAAA,MACtC,CAAC;AAAA,IACH;AAAA,IACA,CAAC,oBAAoB;AAAA,EACvB;AAEA,QAAM,WAAW,MAAM;AAAA,IACrB,MAAM,MAAM,cAAc,qBAAqB,EAAE,QAAQ,cAAc,CAAC;AAAA,IACxE,CAAC,aAAa;AAAA,EAChB;AAEA,SAAO,EAAE,iBAAiB,kBAAkB,SAAS;AACvD;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@comitor/ui",
-  "version": "3.2.0",
+  "version": "3.3.1",
   "description": "Comitor design system — Shadcn/UI tùy biến theo brand Comitor + component dùng chung cho hệ sinh thái SaaS (Tasks, Chat, CRM, HR…)",
   "license": "MIT",
   "type": "module",