@vtable-guild/vtable-guild 2.8.1 → 2.9.0-alpha.1

package/dist/theme/src/presets/index.mjs

@@ -1,95 +1,128 @@
-import { elementPlusPaginationEnUS as c, elementPlusPaginationZhCN as h, elementPlusPaginationTheme as T, paginationEnUS as b, paginationZhCN as v, paginationTheme as d } from "../pagination.mjs";
-import { antdvTableTheme as f } from "./antdv/table.mjs";
-import { antdvTableEnUSLocale as P, antdvTableLocale as n } from "./antdv/table-locale.mjs";
-import { antdvButtonTheme as r } from "./antdv/button.mjs";
-import { antdvCheckboxTheme as m } from "./antdv/checkbox.mjs";
-import { antdvRadioTheme as i } from "./antdv/radio.mjs";
-import { antdvInputTheme as u } from "./antdv/input.mjs";
-import { antdvTooltipTheme as p } from "./antdv/tooltip.mjs";
-import { antdvScrollbarTheme as s } from "./antdv/scrollbar.mjs";
-import { elementPlusTableTheme as g } from "./element-plus/table.mjs";
-import { elementPlusTableEnUSLocale as L, elementPlusTableLocale as l } from "./element-plus/table-locale.mjs";
-import { elementPlusButtonTheme as C } from "./element-plus/button.mjs";
-import { elementPlusCheckboxTheme as S } from "./element-plus/checkbox.mjs";
-import { elementPlusRadioTheme as x } from "./element-plus/radio.mjs";
-import { elementPlusInputTheme as k } from "./element-plus/input.mjs";
-import { elementPlusTooltipTheme as N } from "./element-plus/tooltip.mjs";
-import { elementPlusScrollbarTheme as U } from "./element-plus/scrollbar.mjs";
-const a = {
+import { toolbarEnUS as n, toolbarZhCN as l, elementPlusToolbarTheme as d, toolbarTheme as P } from "../toolbar.mjs";
+import { selectionAlertEnUS as r, selectionAlertZhCN as a, elementPlusSelectionAlertTheme as S, selectionAlertTheme as g } from "../selection-alert.mjs";
+import { columnSettingsEnUS as m, columnSettingsZhCN as i, elementPlusColumnSettingsTheme as C, columnSettingsTheme as A } from "../column-settings.mjs";
+import { elementPlusPaginationEnUS as L, elementPlusPaginationZhCN as N, elementPlusPaginationTheme as U, paginationEnUS as x, paginationZhCN as E, paginationTheme as k } from "../pagination.mjs";
+import { antdvTableTheme as B } from "./antdv/table.mjs";
+import { antdvTableEnUSLocale as I, antdvTableLocale as s } from "./antdv/table-locale.mjs";
+import { antdvButtonTheme as b } from "./antdv/button.mjs";
+import { antdvCheckboxTheme as h } from "./antdv/checkbox.mjs";
+import { antdvRadioTheme as p } from "./antdv/radio.mjs";
+import { antdvInputTheme as T } from "./antdv/input.mjs";
+import { antdvTooltipTheme as v } from "./antdv/tooltip.mjs";
+import { antdvScrollbarTheme as f } from "./antdv/scrollbar.mjs";
+import { elementPlusTableTheme as Z } from "./element-plus/table.mjs";
+import { elementPlusTableEnUSLocale as z, elementPlusTableLocale as u } from "./element-plus/table-locale.mjs";
+import { elementPlusButtonTheme as R } from "./element-plus/button.mjs";
+import { elementPlusCheckboxTheme as M } from "./element-plus/checkbox.mjs";
+import { elementPlusRadioTheme as j } from "./element-plus/radio.mjs";
+import { elementPlusInputTheme as q } from "./element-plus/input.mjs";
+import { elementPlusTooltipTheme as w } from "./element-plus/tooltip.mjs";
+import { elementPlusScrollbarTheme as y } from "./element-plus/scrollbar.mjs";
+const c = {
   antdv: {
-    table: f,
-    button: r,
-    checkbox: m,
-    radio: i,
-    input: u,
-    tooltip: p,
-    scrollbar: s,
-    pagination: d,
-    tableLocale: n,
+    table: B,
+    button: b,
+    checkbox: h,
+    radio: p,
+    input: T,
+    tooltip: v,
+    scrollbar: f,
+    pagination: k,
+    columnSettings: A,
+    toolbar: P,
+    selectionAlert: g,
+    tableLocale: s,
     locales: {
-      "zh-CN": { table: n, pagination: v },
-      "en-US": { table: P, pagination: b }
+      "zh-CN": {
+        table: s,
+        pagination: E,
+        columnSettings: i,
+        toolbar: l,
+        selectionAlert: a
+      },
+      "en-US": {
+        table: I,
+        pagination: x,
+        columnSettings: m,
+        toolbar: n,
+        selectionAlert: r
+      }
     }
   },
   "element-plus": {
-    table: g,
-    button: C,
-    checkbox: S,
-    radio: x,
-    input: k,
-    tooltip: N,
-    scrollbar: U,
-    pagination: T,
-    tableLocale: l,
+    table: Z,
+    button: R,
+    checkbox: M,
+    radio: j,
+    input: q,
+    tooltip: w,
+    scrollbar: y,
+    pagination: U,
+    columnSettings: C,
+    toolbar: d,
+    selectionAlert: S,
+    tableLocale: u,
     locales: {
-      "zh-CN": { table: l, pagination: h },
-      "en-US": { table: L, pagination: c }
+      "zh-CN": {
+        table: u,
+        pagination: N,
+        columnSettings: i,
+        toolbar: l,
+        selectionAlert: a
+      },
+      "en-US": {
+        table: z,
+        pagination: L,
+        columnSettings: m,
+        toolbar: n,
+        selectionAlert: r
+      }
     }
   }
 };
 function t(e = "antdv") {
-  return a[e] ?? a.antdv;
+  return c[e] ?? c.antdv;
 }
-function K(e = "antdv") {
+function ae(e = "antdv") {
   return t(e).table;
 }
-function O(e = "antdv") {
-  return t(e).button ?? r;
+function me(e = "antdv") {
+  return t(e).button ?? b;
 }
-function Q(e = "antdv") {
-  return t(e).checkbox ?? m;
+function ie(e = "antdv") {
+  return t(e).checkbox ?? h;
 }
-function V(e = "antdv") {
-  return t(e).radio ?? i;
+function se(e = "antdv") {
+  return t(e).radio ?? p;
 }
-function W(e = "antdv") {
-  return t(e).input ?? u;
+function ue(e = "antdv") {
+  return t(e).input ?? T;
 }
-function X(e = "antdv") {
-  return t(e).tooltip ?? p;
+function ce(e = "antdv") {
+  return t(e).tooltip ?? v;
 }
-function Y(e = "antdv") {
-  return t(e).scrollbar ?? s;
+function be(e = "antdv") {
+  return t(e).scrollbar ?? f;
 }
-function _(e = "antdv") {
+function he(e = "antdv") {
   return t(e).tableLocale;
 }
-function $(e = "antdv", o = "zh-CN") {
+function pe(e = "antdv", o = "zh-CN") {
   return t(e).locales[o]?.table;
 }
-function ee(e = "antdv", o = "zh-CN") {
+function Te(e = "antdv", o = "zh-CN") {
   return t(e).locales[o];
 }
 export {
-  ee as resolveBuiltInLocale,
-  $ as resolveBuiltInTableLocale,
-  O as resolveButtonThemePreset,
-  Q as resolveCheckboxThemePreset,
-  W as resolveInputThemePreset,
-  V as resolveRadioThemePreset,
-  Y as resolveScrollbarThemePreset,
-  _ as resolveTableLocalePreset,
-  K as resolveTableThemePreset,
+  Te as resolveBuiltInLocale,
+  pe as resolveBuiltInTableLocale,
+  me as resolveButtonThemePreset,
+  ie as resolveCheckboxThemePreset,
+  ue as resolveInputThemePreset,
+  se as resolveRadioThemePreset,
+  be as resolveScrollbarThemePreset,
+  he as resolveTableLocalePreset,
+  ae as resolveTableThemePreset,
   t as resolveThemePreset,
-  X as resolveTooltipThemePreset
+  ce as resolveTooltipThemePreset
 };

package/dist/theme/src/presets/types.d.ts

@@ -15,6 +15,9 @@ export interface ThemePreset {
     tooltip?: ThemeConfig;
     scrollbar?: ThemeConfig;
     pagination?: ThemeConfig;
+    columnSettings?: ThemeConfig;
+    toolbar?: ThemeConfig;
+    selectionAlert?: ThemeConfig;
     tableLocale: VTableGuildTableLocale;
     locales: Record<BuiltInLocaleName, VTableGuildLocale>;
 }

package/dist/theme/src/presets/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../theme/src/presets/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EACX,eAAe,EACf,iBAAiB,EACjB,sBAAsB,EACvB,MAAM,oBAAoB,CAAA;AAE3B,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,OAAO,CAAA;AAEjD;;;;;GAKG;AACH,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,WAAW,CAAA;IAClB,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,QAAQ,CAAC,EAAE,WAAW,CAAA;IACtB,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,SAAS,CAAC,EAAE,WAAW,CAAA;IACvB,UAAU,CAAC,EAAE,WAAW,CAAA;IACxB,WAAW,EAAE,sBAAsB,CAAA;IACnC,OAAO,EAAE,MAAM,CAAC,iBAAiB,EAAE,iBAAiB,CAAC,CAAA;CACtD;AAED,YAAY,EAAE,eAAe,EAAE,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../theme/src/presets/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EACX,eAAe,EACf,iBAAiB,EACjB,sBAAsB,EACvB,MAAM,oBAAoB,CAAA;AAE3B,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,OAAO,CAAA;AAEjD;;;;;GAKG;AACH,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,WAAW,CAAA;IAClB,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,QAAQ,CAAC,EAAE,WAAW,CAAA;IACtB,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,SAAS,CAAC,EAAE,WAAW,CAAA;IACvB,UAAU,CAAC,EAAE,WAAW,CAAA;IACxB,cAAc,CAAC,EAAE,WAAW,CAAA;IAC5B,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,cAAc,CAAC,EAAE,WAAW,CAAA;IAC5B,WAAW,EAAE,sBAAsB,CAAA;IACnC,OAAO,EAAE,MAAM,CAAC,iBAAiB,EAAE,iBAAiB,CAAC,CAAA;CACtD;AAED,YAAY,EAAE,eAAe,EAAE,CAAA"}

package/dist/theme/src/selection-alert.d.ts

@@ -0,0 +1,54 @@
+import { ThemePresetName } from '../../core/src/index.ts';
+/** Visual language follows ProTable's current alert (2.8.x / 3.x): neutral tint, no border. */
+export declare const selectionAlertTheme: {
+    readonly slots: {
+        readonly root: "box-border flex flex-wrap items-center justify-between gap-x-4 gap-y-2 rounded-[var(--vtg-selection-alert-radius,6px)] bg-[color:var(--vtg-selection-alert-bg,#fafafa)] px-[var(--vtg-selection-alert-padding-inline,24px)] py-[var(--vtg-selection-alert-padding-block,8px)] text-[length:var(--vtg-table-font-size)] font-[family-name:var(--font-family-base)] leading-[var(--vtg-table-line-height)] text-[color:var(--color-muted)]";
+        readonly info: "flex min-w-0 flex-1 flex-wrap items-center";
+        readonly text: "break-words";
+        readonly clear: "shrink-0 border-0 bg-transparent p-0 text-[length:var(--vtg-table-font-size)] text-[color:var(--color-primary)] cursor-pointer hover:text-[color:var(--color-primary-hover)] disabled:cursor-not-allowed disabled:text-[color:var(--color-text-disabled)]";
+        readonly option: "flex min-w-[48px] items-center gap-2 pl-4";
+        readonly actions: "flex min-w-0 flex-wrap items-center gap-2";
+    };
+};
+export declare const elementPlusSelectionAlertTheme: {
+    readonly slots: {
+        readonly root: "box-border flex flex-wrap items-center justify-between gap-x-4 gap-y-2 rounded-[var(--vtg-selection-alert-radius,6px)] bg-[color:var(--vtg-selection-alert-bg,#fafafa)] px-[var(--vtg-selection-alert-padding-inline,24px)] py-[var(--vtg-selection-alert-padding-block,8px)] text-[length:var(--vtg-table-font-size)] font-[family-name:var(--font-family-base)] leading-[var(--vtg-table-line-height)] text-[color:var(--color-muted)] rounded-[var(--vtg-selection-alert-radius,4px)]";
+        readonly actions: "flex min-w-0 flex-wrap items-center gap-2 [&>.el-button+.el-button]:!ml-0";
+        readonly info: "flex min-w-0 flex-1 flex-wrap items-center";
+        readonly text: "break-words";
+        readonly clear: "shrink-0 border-0 bg-transparent p-0 text-[length:var(--vtg-table-font-size)] text-[color:var(--color-primary)] cursor-pointer hover:text-[color:var(--color-primary-hover)] disabled:cursor-not-allowed disabled:text-[color:var(--color-text-disabled)]";
+        readonly option: "flex min-w-[48px] items-center gap-2 pl-4";
+    };
+};
+export type SelectionAlertThemeConfig = typeof selectionAlertTheme;
+export type SelectionAlertSlots = keyof SelectionAlertThemeConfig['slots'];
+export declare function resolveSelectionAlertThemePreset(name?: ThemePresetName): {
+    readonly slots: {
+        readonly root: "box-border flex flex-wrap items-center justify-between gap-x-4 gap-y-2 rounded-[var(--vtg-selection-alert-radius,6px)] bg-[color:var(--vtg-selection-alert-bg,#fafafa)] px-[var(--vtg-selection-alert-padding-inline,24px)] py-[var(--vtg-selection-alert-padding-block,8px)] text-[length:var(--vtg-table-font-size)] font-[family-name:var(--font-family-base)] leading-[var(--vtg-table-line-height)] text-[color:var(--color-muted)]";
+        readonly info: "flex min-w-0 flex-1 flex-wrap items-center";
+        readonly text: "break-words";
+        readonly clear: "shrink-0 border-0 bg-transparent p-0 text-[length:var(--vtg-table-font-size)] text-[color:var(--color-primary)] cursor-pointer hover:text-[color:var(--color-primary-hover)] disabled:cursor-not-allowed disabled:text-[color:var(--color-text-disabled)]";
+        readonly option: "flex min-w-[48px] items-center gap-2 pl-4";
+        readonly actions: "flex min-w-0 flex-wrap items-center gap-2";
+    };
+} | {
+    readonly slots: {
+        readonly root: "box-border flex flex-wrap items-center justify-between gap-x-4 gap-y-2 rounded-[var(--vtg-selection-alert-radius,6px)] bg-[color:var(--vtg-selection-alert-bg,#fafafa)] px-[var(--vtg-selection-alert-padding-inline,24px)] py-[var(--vtg-selection-alert-padding-block,8px)] text-[length:var(--vtg-table-font-size)] font-[family-name:var(--font-family-base)] leading-[var(--vtg-table-line-height)] text-[color:var(--color-muted)] rounded-[var(--vtg-selection-alert-radius,4px)]";
+        readonly actions: "flex min-w-0 flex-wrap items-center gap-2 [&>.el-button+.el-button]:!ml-0";
+        readonly info: "flex min-w-0 flex-1 flex-wrap items-center";
+        readonly text: "break-words";
+        readonly clear: "shrink-0 border-0 bg-transparent p-0 text-[length:var(--vtg-table-font-size)] text-[color:var(--color-primary)] cursor-pointer hover:text-[color:var(--color-primary-hover)] disabled:cursor-not-allowed disabled:text-[color:var(--color-text-disabled)]";
+        readonly option: "flex min-w-[48px] items-center gap-2 pl-4";
+    };
+};
+export declare const selectionAlertZhCN: {
+    readonly label: "批量操作";
+    readonly selected: "已选择 {count} 项";
+    readonly clear: "清空选择";
+};
+export declare const selectionAlertEnUS: {
+    readonly label: "Batch actions";
+    readonly selected: "{count} selected";
+    readonly clear: "Clear selection";
+};
+//# sourceMappingURL=selection-alert.d.ts.map

package/dist/theme/src/selection-alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection-alert.d.ts","sourceRoot":"","sources":["../../../../theme/src/selection-alert.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,eAAe,EAEhB,MAAM,oBAAoB,CAAA;AAE3B,+FAA+F;AAC/F,eAAO,MAAM,mBAAmB;;;;;;;;;CAUA,CAAA;AAEhC,eAAO,MAAM,8BAA8B;;;;;;;;;CAOX,CAAA;AAEhC,MAAM,MAAM,yBAAyB,GAAG,OAAO,mBAAmB,CAAA;AAClE,MAAM,MAAM,mBAAmB,GAAG,MAAM,yBAAyB,CAAC,OAAO,CAAC,CAAA;AAE1E,wBAAgB,gCAAgC,CAAC,IAAI,GAAE,eAAyB;;;;;;;;;;;;;;;;;;EAE/E;AAED,eAAO,MAAM,kBAAkB;;;;CAIqB,CAAA;AAEpD,eAAO,MAAM,kBAAkB;;;;CAIqB,CAAA"}

package/dist/theme/src/selection-alert.mjs

@@ -0,0 +1,36 @@
+const e = {
+  slots: {
+    root: "box-border flex flex-wrap items-center justify-between gap-x-4 gap-y-2 rounded-[var(--vtg-selection-alert-radius,6px)] bg-[color:var(--vtg-selection-alert-bg,#fafafa)] px-[var(--vtg-selection-alert-padding-inline,24px)] py-[var(--vtg-selection-alert-padding-block,8px)] text-[length:var(--vtg-table-font-size)] font-[family-name:var(--font-family-base)] leading-[var(--vtg-table-line-height)] text-[color:var(--color-muted)]",
+    info: "flex min-w-0 flex-1 flex-wrap items-center",
+    text: "break-words",
+    clear: "shrink-0 border-0 bg-transparent p-0 text-[length:var(--vtg-table-font-size)] text-[color:var(--color-primary)] cursor-pointer hover:text-[color:var(--color-primary-hover)] disabled:cursor-not-allowed disabled:text-[color:var(--color-text-disabled)]",
+    option: "flex min-w-[48px] items-center gap-2 pl-4",
+    actions: "flex min-w-0 flex-wrap items-center gap-2"
+  }
+}, l = {
+  ...e,
+  slots: {
+    ...e.slots,
+    root: `${e.slots.root} rounded-[var(--vtg-selection-alert-radius,4px)]`,
+    actions: `${e.slots.actions} [&>.el-button+.el-button]:!ml-0`
+  }
+};
+function o(t = "antdv") {
+  return t === "element-plus" ? l : e;
+}
+const r = {
+  label: "批量操作",
+  selected: "已选择 {count} 项",
+  clear: "清空选择"
+}, a = {
+  label: "Batch actions",
+  selected: "{count} selected",
+  clear: "Clear selection"
+};
+export {
+  l as elementPlusSelectionAlertTheme,
+  o as resolveSelectionAlertThemePreset,
+  a as selectionAlertEnUS,
+  e as selectionAlertTheme,
+  r as selectionAlertZhCN
+};

package/dist/theme/src/toolbar.d.ts

@@ -0,0 +1,105 @@
+import { ThemePresetName } from '../../core/src/index.ts';
+export declare const toolbarTheme: {
+    readonly slots: {
+        readonly root: "flex min-h-8 flex-wrap items-center justify-between gap-x-4 gap-y-3 text-[length:var(--vtg-table-font-size)] text-[color:var(--color-on-surface)] font-[family-name:var(--font-family-base)] leading-[var(--vtg-table-line-height)]";
+        readonly title: "min-w-0 flex-1 text-[length:var(--vtg-toolbar-title-font-size)] font-[number:var(--vtg-toolbar-title-font-weight)]";
+        readonly right: "ml-auto flex max-w-full flex-wrap items-center justify-end gap-4";
+        readonly actions: "flex max-w-full flex-wrap items-center gap-2";
+        readonly settings: "inline-flex shrink-0 items-center gap-4";
+        readonly search: "flex w-[var(--vtg-toolbar-search-width,240px)] max-w-full items-center";
+        readonly searchGroup: "inline-flex h-[var(--vtg-toolbar-search-height,32px)] w-full min-w-0 items-stretch text-[length:var(--vtg-toolbar-search-font-size,14px)]";
+        readonly searchField: "relative z-0 -mr-px flex min-w-0 flex-1 items-center gap-1 rounded-l-[var(--vtg-input-border-radius)] border border-[color:var(--color-border)] bg-[color:var(--color-surface)] px-[var(--vtg-input-padding-inline)] transition-all duration-200 hover:z-10 hover:border-[color:var(--color-primary-hover)] focus-within:z-10 focus-within:border-[color:var(--color-primary)] focus-within:shadow-[0_0_0_2px_rgba(5,145,255,0.1)] data-[disabled]:cursor-not-allowed data-[disabled]:bg-[color:var(--color-bg-disabled)] data-[disabled]:hover:border-[color:var(--color-border)]";
+        readonly searchInput: "h-full min-w-0 flex-1 rounded-none border-0 bg-transparent p-0 text-[length:var(--vtg-toolbar-search-font-size,14px)] outline-none shadow-none focus:shadow-none";
+        readonly searchSubmit: "relative z-0 inline-flex w-[var(--vtg-toolbar-search-height,32px)] shrink-0 items-center justify-center rounded-r-[var(--vtg-input-border-radius)] border border-[color:var(--color-border)] bg-[color:var(--color-surface)] p-0 text-[color:var(--color-on-surface)] cursor-pointer transition-colors duration-200 hover:z-10 hover:text-[color:var(--color-primary-hover)] hover:border-[color:var(--color-primary-hover)] focus-visible:z-10 focus-visible:outline-none focus-visible:border-[color:var(--color-primary)] focus-visible:shadow-[0_0_0_2px_rgba(5,145,255,0.1)] disabled:cursor-not-allowed disabled:bg-[color:var(--color-bg-disabled)] disabled:text-[color:var(--color-text-disabled)] disabled:hover:border-[color:var(--color-border)]";
+        readonly searchClear: "inline-flex shrink-0 items-center justify-center border-0 bg-transparent p-0 text-[color:var(--color-text-placeholder)] cursor-pointer hover:text-[color:var(--color-muted)] disabled:cursor-not-allowed disabled:text-[color:var(--color-text-disabled)]";
+        readonly searchIcon: "block h-[1em] w-[1em] shrink-0";
+        readonly filter: "flex min-w-0 max-w-full flex-wrap items-center gap-2";
+        readonly extra: "flex w-full min-w-0 flex-wrap items-center gap-3";
+        readonly action: "inline-flex items-center justify-center h-6 w-6 p-0 border-0 bg-transparent text-[length:var(--vtg-column-settings-icon-size)] text-[color:var(--color-on-surface)] cursor-pointer transition-colors duration-200 hover:text-[color:var(--color-primary)] disabled:cursor-not-allowed disabled:text-[color:var(--color-text-disabled)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--color-primary)]";
+        readonly icon: "block";
+        readonly loadingIcon: "animate-spin motion-reduce:animate-none";
+    };
+};
+export declare const elementPlusToolbarTheme: {
+    readonly slots: {
+        readonly actions: "flex max-w-full flex-wrap items-center gap-2 [&>.el-button+.el-button]:!ml-0";
+        readonly searchField: "relative z-0 -mr-px flex min-w-0 flex-1 items-center gap-1 rounded-l-[var(--vtg-input-border-radius)] border border-[color:var(--color-border)] bg-[color:var(--color-surface)] px-[var(--vtg-input-padding-inline)] transition-all duration-200 hover:z-10 hover:border-[color:var(--color-primary-hover)] focus-within:z-10 focus-within:border-[color:var(--color-primary)] focus-within:shadow-[0_0_0_2px_rgba(5,145,255,0.1)] data-[disabled]:cursor-not-allowed data-[disabled]:bg-[color:var(--color-bg-disabled)] data-[disabled]:hover:border-[color:var(--color-border)] hover:border-[color:var(--color-border-hover)] focus-within:shadow-none focus-within:hover:border-[color:var(--color-primary)]";
+        readonly searchSubmit: "relative z-0 inline-flex w-[var(--vtg-toolbar-search-height,32px)] shrink-0 items-center justify-center rounded-r-[var(--vtg-input-border-radius)] border border-[color:var(--color-border)] bg-[color:var(--color-surface)] p-0 text-[color:var(--color-on-surface)] cursor-pointer transition-colors duration-200 hover:z-10 hover:text-[color:var(--color-primary-hover)] hover:border-[color:var(--color-primary-hover)] focus-visible:z-10 focus-visible:outline-none focus-visible:border-[color:var(--color-primary)] focus-visible:shadow-[0_0_0_2px_rgba(5,145,255,0.1)] disabled:cursor-not-allowed disabled:bg-[color:var(--color-bg-disabled)] disabled:text-[color:var(--color-text-disabled)] disabled:hover:border-[color:var(--color-border)] bg-[color:var(--color-bg-disabled)] text-[color:var(--color-muted)] focus-visible:shadow-none";
+        readonly root: "flex min-h-8 flex-wrap items-center justify-between gap-x-4 gap-y-3 text-[length:var(--vtg-table-font-size)] text-[color:var(--color-on-surface)] font-[family-name:var(--font-family-base)] leading-[var(--vtg-table-line-height)]";
+        readonly title: "min-w-0 flex-1 text-[length:var(--vtg-toolbar-title-font-size)] font-[number:var(--vtg-toolbar-title-font-weight)]";
+        readonly right: "ml-auto flex max-w-full flex-wrap items-center justify-end gap-4";
+        readonly settings: "inline-flex shrink-0 items-center gap-4";
+        readonly search: "flex w-[var(--vtg-toolbar-search-width,240px)] max-w-full items-center";
+        readonly searchGroup: "inline-flex h-[var(--vtg-toolbar-search-height,32px)] w-full min-w-0 items-stretch text-[length:var(--vtg-toolbar-search-font-size,14px)]";
+        readonly searchInput: "h-full min-w-0 flex-1 rounded-none border-0 bg-transparent p-0 text-[length:var(--vtg-toolbar-search-font-size,14px)] outline-none shadow-none focus:shadow-none";
+        readonly searchClear: "inline-flex shrink-0 items-center justify-center border-0 bg-transparent p-0 text-[color:var(--color-text-placeholder)] cursor-pointer hover:text-[color:var(--color-muted)] disabled:cursor-not-allowed disabled:text-[color:var(--color-text-disabled)]";
+        readonly searchIcon: "block h-[1em] w-[1em] shrink-0";
+        readonly filter: "flex min-w-0 max-w-full flex-wrap items-center gap-2";
+        readonly extra: "flex w-full min-w-0 flex-wrap items-center gap-3";
+        readonly action: "inline-flex items-center justify-center h-6 w-6 p-0 border-0 bg-transparent text-[length:var(--vtg-column-settings-icon-size)] text-[color:var(--color-on-surface)] cursor-pointer transition-colors duration-200 hover:text-[color:var(--color-primary)] disabled:cursor-not-allowed disabled:text-[color:var(--color-text-disabled)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--color-primary)]";
+        readonly icon: "block";
+        readonly loadingIcon: "animate-spin motion-reduce:animate-none";
+    };
+};
+export type ToolbarThemeConfig = typeof toolbarTheme;
+export type ToolbarSlots = keyof ToolbarThemeConfig['slots'];
+export declare function resolveToolbarThemePreset(name?: ThemePresetName): {
+    readonly slots: {
+        readonly root: "flex min-h-8 flex-wrap items-center justify-between gap-x-4 gap-y-3 text-[length:var(--vtg-table-font-size)] text-[color:var(--color-on-surface)] font-[family-name:var(--font-family-base)] leading-[var(--vtg-table-line-height)]";
+        readonly title: "min-w-0 flex-1 text-[length:var(--vtg-toolbar-title-font-size)] font-[number:var(--vtg-toolbar-title-font-weight)]";
+        readonly right: "ml-auto flex max-w-full flex-wrap items-center justify-end gap-4";
+        readonly actions: "flex max-w-full flex-wrap items-center gap-2";
+        readonly settings: "inline-flex shrink-0 items-center gap-4";
+        readonly search: "flex w-[var(--vtg-toolbar-search-width,240px)] max-w-full items-center";
+        readonly searchGroup: "inline-flex h-[var(--vtg-toolbar-search-height,32px)] w-full min-w-0 items-stretch text-[length:var(--vtg-toolbar-search-font-size,14px)]";
+        readonly searchField: "relative z-0 -mr-px flex min-w-0 flex-1 items-center gap-1 rounded-l-[var(--vtg-input-border-radius)] border border-[color:var(--color-border)] bg-[color:var(--color-surface)] px-[var(--vtg-input-padding-inline)] transition-all duration-200 hover:z-10 hover:border-[color:var(--color-primary-hover)] focus-within:z-10 focus-within:border-[color:var(--color-primary)] focus-within:shadow-[0_0_0_2px_rgba(5,145,255,0.1)] data-[disabled]:cursor-not-allowed data-[disabled]:bg-[color:var(--color-bg-disabled)] data-[disabled]:hover:border-[color:var(--color-border)]";
+        readonly searchInput: "h-full min-w-0 flex-1 rounded-none border-0 bg-transparent p-0 text-[length:var(--vtg-toolbar-search-font-size,14px)] outline-none shadow-none focus:shadow-none";
+        readonly searchSubmit: "relative z-0 inline-flex w-[var(--vtg-toolbar-search-height,32px)] shrink-0 items-center justify-center rounded-r-[var(--vtg-input-border-radius)] border border-[color:var(--color-border)] bg-[color:var(--color-surface)] p-0 text-[color:var(--color-on-surface)] cursor-pointer transition-colors duration-200 hover:z-10 hover:text-[color:var(--color-primary-hover)] hover:border-[color:var(--color-primary-hover)] focus-visible:z-10 focus-visible:outline-none focus-visible:border-[color:var(--color-primary)] focus-visible:shadow-[0_0_0_2px_rgba(5,145,255,0.1)] disabled:cursor-not-allowed disabled:bg-[color:var(--color-bg-disabled)] disabled:text-[color:var(--color-text-disabled)] disabled:hover:border-[color:var(--color-border)]";
+        readonly searchClear: "inline-flex shrink-0 items-center justify-center border-0 bg-transparent p-0 text-[color:var(--color-text-placeholder)] cursor-pointer hover:text-[color:var(--color-muted)] disabled:cursor-not-allowed disabled:text-[color:var(--color-text-disabled)]";
+        readonly searchIcon: "block h-[1em] w-[1em] shrink-0";
+        readonly filter: "flex min-w-0 max-w-full flex-wrap items-center gap-2";
+        readonly extra: "flex w-full min-w-0 flex-wrap items-center gap-3";
+        readonly action: "inline-flex items-center justify-center h-6 w-6 p-0 border-0 bg-transparent text-[length:var(--vtg-column-settings-icon-size)] text-[color:var(--color-on-surface)] cursor-pointer transition-colors duration-200 hover:text-[color:var(--color-primary)] disabled:cursor-not-allowed disabled:text-[color:var(--color-text-disabled)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--color-primary)]";
+        readonly icon: "block";
+        readonly loadingIcon: "animate-spin motion-reduce:animate-none";
+    };
+} | {
+    readonly slots: {
+        readonly actions: "flex max-w-full flex-wrap items-center gap-2 [&>.el-button+.el-button]:!ml-0";
+        readonly searchField: "relative z-0 -mr-px flex min-w-0 flex-1 items-center gap-1 rounded-l-[var(--vtg-input-border-radius)] border border-[color:var(--color-border)] bg-[color:var(--color-surface)] px-[var(--vtg-input-padding-inline)] transition-all duration-200 hover:z-10 hover:border-[color:var(--color-primary-hover)] focus-within:z-10 focus-within:border-[color:var(--color-primary)] focus-within:shadow-[0_0_0_2px_rgba(5,145,255,0.1)] data-[disabled]:cursor-not-allowed data-[disabled]:bg-[color:var(--color-bg-disabled)] data-[disabled]:hover:border-[color:var(--color-border)] hover:border-[color:var(--color-border-hover)] focus-within:shadow-none focus-within:hover:border-[color:var(--color-primary)]";
+        readonly searchSubmit: "relative z-0 inline-flex w-[var(--vtg-toolbar-search-height,32px)] shrink-0 items-center justify-center rounded-r-[var(--vtg-input-border-radius)] border border-[color:var(--color-border)] bg-[color:var(--color-surface)] p-0 text-[color:var(--color-on-surface)] cursor-pointer transition-colors duration-200 hover:z-10 hover:text-[color:var(--color-primary-hover)] hover:border-[color:var(--color-primary-hover)] focus-visible:z-10 focus-visible:outline-none focus-visible:border-[color:var(--color-primary)] focus-visible:shadow-[0_0_0_2px_rgba(5,145,255,0.1)] disabled:cursor-not-allowed disabled:bg-[color:var(--color-bg-disabled)] disabled:text-[color:var(--color-text-disabled)] disabled:hover:border-[color:var(--color-border)] bg-[color:var(--color-bg-disabled)] text-[color:var(--color-muted)] focus-visible:shadow-none";
+        readonly root: "flex min-h-8 flex-wrap items-center justify-between gap-x-4 gap-y-3 text-[length:var(--vtg-table-font-size)] text-[color:var(--color-on-surface)] font-[family-name:var(--font-family-base)] leading-[var(--vtg-table-line-height)]";
+        readonly title: "min-w-0 flex-1 text-[length:var(--vtg-toolbar-title-font-size)] font-[number:var(--vtg-toolbar-title-font-weight)]";
+        readonly right: "ml-auto flex max-w-full flex-wrap items-center justify-end gap-4";
+        readonly settings: "inline-flex shrink-0 items-center gap-4";
+        readonly search: "flex w-[var(--vtg-toolbar-search-width,240px)] max-w-full items-center";
+        readonly searchGroup: "inline-flex h-[var(--vtg-toolbar-search-height,32px)] w-full min-w-0 items-stretch text-[length:var(--vtg-toolbar-search-font-size,14px)]";
+        readonly searchInput: "h-full min-w-0 flex-1 rounded-none border-0 bg-transparent p-0 text-[length:var(--vtg-toolbar-search-font-size,14px)] outline-none shadow-none focus:shadow-none";
+        readonly searchClear: "inline-flex shrink-0 items-center justify-center border-0 bg-transparent p-0 text-[color:var(--color-text-placeholder)] cursor-pointer hover:text-[color:var(--color-muted)] disabled:cursor-not-allowed disabled:text-[color:var(--color-text-disabled)]";
+        readonly searchIcon: "block h-[1em] w-[1em] shrink-0";
+        readonly filter: "flex min-w-0 max-w-full flex-wrap items-center gap-2";
+        readonly extra: "flex w-full min-w-0 flex-wrap items-center gap-3";
+        readonly action: "inline-flex items-center justify-center h-6 w-6 p-0 border-0 bg-transparent text-[length:var(--vtg-column-settings-icon-size)] text-[color:var(--color-on-surface)] cursor-pointer transition-colors duration-200 hover:text-[color:var(--color-primary)] disabled:cursor-not-allowed disabled:text-[color:var(--color-text-disabled)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--color-primary)]";
+        readonly icon: "block";
+        readonly loadingIcon: "animate-spin motion-reduce:animate-none";
+    };
+};
+export declare const toolbarZhCN: {
+    readonly label: "表格工具栏";
+    readonly reload: "刷新";
+    readonly fullScreen: "全屏";
+    readonly exitFullScreen: "退出全屏";
+    readonly searchPlaceholder: "请输入关键词";
+    readonly search: "搜索";
+    readonly clearSearch: "清空搜索";
+};
+export declare const toolbarEnUS: {
+    readonly label: "Table toolbar";
+    readonly reload: "Reload";
+    readonly fullScreen: "Full screen";
+    readonly exitFullScreen: "Exit full screen";
+    readonly searchPlaceholder: "Enter keywords";
+    readonly search: "Search";
+    readonly clearSearch: "Clear search";
+};
+//# sourceMappingURL=toolbar.d.ts.map

package/dist/theme/src/toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../../theme/src/toolbar.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAe,eAAe,EAA4B,MAAM,oBAAoB,CAAA;AAGhG,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;CA0BO,CAAA;AAEhC,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;CAQJ,CAAA;AAEhC,MAAM,MAAM,kBAAkB,GAAG,OAAO,YAAY,CAAA;AACpD,MAAM,MAAM,YAAY,GAAG,MAAM,kBAAkB,CAAC,OAAO,CAAC,CAAA;AAE5D,wBAAgB,yBAAyB,CAAC,IAAI,GAAE,eAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAExE;AAED,eAAO,MAAM,WAAW;;;;;;;;CAQqB,CAAA;AAE7C,eAAO,MAAM,WAAW;;;;;;;;CAQqB,CAAA"}

package/dist/theme/src/toolbar.mjs

@@ -0,0 +1,57 @@
+import { columnSettingsTheme as o } from "./column-settings.mjs";
+const r = {
+  slots: {
+    root: "flex min-h-8 flex-wrap items-center justify-between gap-x-4 gap-y-3 text-[length:var(--vtg-table-font-size)] text-[color:var(--color-on-surface)] font-[family-name:var(--font-family-base)] leading-[var(--vtg-table-line-height)]",
+    title: "min-w-0 flex-1 text-[length:var(--vtg-toolbar-title-font-size)] font-[number:var(--vtg-toolbar-title-font-weight)]",
+    right: "ml-auto flex max-w-full flex-wrap items-center justify-end gap-4",
+    actions: "flex max-w-full flex-wrap items-center gap-2",
+    settings: "inline-flex shrink-0 items-center gap-4",
+    search: "flex w-[var(--vtg-toolbar-search-width,240px)] max-w-full items-center",
+    searchGroup: "inline-flex h-[var(--vtg-toolbar-search-height,32px)] w-full min-w-0 items-stretch text-[length:var(--vtg-toolbar-search-font-size,14px)]",
+    searchField: "relative z-0 -mr-px flex min-w-0 flex-1 items-center gap-1 rounded-l-[var(--vtg-input-border-radius)] border border-[color:var(--color-border)] bg-[color:var(--color-surface)] px-[var(--vtg-input-padding-inline)] transition-all duration-200 hover:z-10 hover:border-[color:var(--color-primary-hover)] focus-within:z-10 focus-within:border-[color:var(--color-primary)] focus-within:shadow-[0_0_0_2px_rgba(5,145,255,0.1)] data-[disabled]:cursor-not-allowed data-[disabled]:bg-[color:var(--color-bg-disabled)] data-[disabled]:hover:border-[color:var(--color-border)]",
+    searchInput: "h-full min-w-0 flex-1 rounded-none border-0 bg-transparent p-0 text-[length:var(--vtg-toolbar-search-font-size,14px)] outline-none shadow-none focus:shadow-none",
+    searchSubmit: "relative z-0 inline-flex w-[var(--vtg-toolbar-search-height,32px)] shrink-0 items-center justify-center rounded-r-[var(--vtg-input-border-radius)] border border-[color:var(--color-border)] bg-[color:var(--color-surface)] p-0 text-[color:var(--color-on-surface)] cursor-pointer transition-colors duration-200 hover:z-10 hover:text-[color:var(--color-primary-hover)] hover:border-[color:var(--color-primary-hover)] focus-visible:z-10 focus-visible:outline-none focus-visible:border-[color:var(--color-primary)] focus-visible:shadow-[0_0_0_2px_rgba(5,145,255,0.1)] disabled:cursor-not-allowed disabled:bg-[color:var(--color-bg-disabled)] disabled:text-[color:var(--color-text-disabled)] disabled:hover:border-[color:var(--color-border)]",
+    searchClear: "inline-flex shrink-0 items-center justify-center border-0 bg-transparent p-0 text-[color:var(--color-text-placeholder)] cursor-pointer hover:text-[color:var(--color-muted)] disabled:cursor-not-allowed disabled:text-[color:var(--color-text-disabled)]",
+    searchIcon: "block h-[1em] w-[1em] shrink-0",
+    filter: "flex min-w-0 max-w-full flex-wrap items-center gap-2",
+    extra: "flex w-full min-w-0 flex-wrap items-center gap-3",
+    action: o.slots.trigger,
+    icon: "block",
+    loadingIcon: "animate-spin motion-reduce:animate-none"
+  }
+}, l = {
+  ...r,
+  slots: {
+    ...r.slots,
+    actions: `${r.slots.actions} [&>.el-button+.el-button]:!ml-0`,
+    searchField: `${r.slots.searchField} hover:border-[color:var(--color-border-hover)] focus-within:shadow-none focus-within:hover:border-[color:var(--color-primary)]`,
+    searchSubmit: `${r.slots.searchSubmit} bg-[color:var(--color-bg-disabled)] text-[color:var(--color-muted)] focus-visible:shadow-none`
+  }
+};
+function a(e = "antdv") {
+  return e === "element-plus" ? l : r;
+}
+const i = {
+  label: "表格工具栏",
+  reload: "刷新",
+  fullScreen: "全屏",
+  exitFullScreen: "退出全屏",
+  searchPlaceholder: "请输入关键词",
+  search: "搜索",
+  clearSearch: "清空搜索"
+}, n = {
+  label: "Table toolbar",
+  reload: "Reload",
+  fullScreen: "Full screen",
+  exitFullScreen: "Exit full screen",
+  searchPlaceholder: "Enter keywords",
+  search: "Search",
+  clearSearch: "Clear search"
+};
+export {
+  l as elementPlusToolbarTheme,
+  a as resolveToolbarThemePreset,
+  n as toolbarEnUS,
+  r as toolbarTheme,
+  i as toolbarZhCN
+};

package/dist/vtable-guild/src/augment.d.ts

@@ -1,5 +1,5 @@
 import { ThemeOverrideConfig } from '../../core/src/index.ts';
-import { TableThemeConfig, ButtonThemeConfig, CheckboxThemeConfig, RadioThemeConfig, InputThemeConfig, TooltipThemeConfig, ScrollbarThemeConfig, PaginationThemeConfig } from '../../theme/src/index.ts';
+import { TableThemeConfig, ButtonThemeConfig, CheckboxThemeConfig, RadioThemeConfig, InputThemeConfig, TooltipThemeConfig, ScrollbarThemeConfig, PaginationThemeConfig, ColumnSettingsThemeConfig, ToolbarThemeConfig, SelectionAlertThemeConfig } from '../../theme/src/index.ts';
 declare module '../../core/src/index' {
     interface VTableGuildThemeOverridesMap {
         table: ThemeOverrideConfig<TableThemeConfig>;
@@ -10,6 +10,9 @@ declare module '../../core/src/index' {
         tooltip: ThemeOverrideConfig<TooltipThemeConfig>;
         scrollbar: ThemeOverrideConfig<ScrollbarThemeConfig>;
         pagination: ThemeOverrideConfig<PaginationThemeConfig>;
+        columnSettings: ThemeOverrideConfig<ColumnSettingsThemeConfig>;
+        toolbar: ThemeOverrideConfig<ToolbarThemeConfig>;
+        selectionAlert: ThemeOverrideConfig<SelectionAlertThemeConfig>;
     }
 }
 //# sourceMappingURL=augment.d.ts.map

package/dist/vtable-guild/src/augment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"augment.d.ts","sourceRoot":"","sources":["../../../src/augment.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAA;AAC7D,OAAO,KAAK,EACV,gBAAgB,EAChB,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,EAClB,oBAAoB,EACpB,qBAAqB,EACtB,MAAM,qBAAqB,CAAA;AAE5B,OAAO,QAAQ,sBAAsB,CAAC;IACpC,UAAU,4BAA4B;QACpC,KAAK,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;QAC5C,MAAM,EAAE,mBAAmB,CAAC,iBAAiB,CAAC,CAAA;QAC9C,QAAQ,EAAE,mBAAmB,CAAC,mBAAmB,CAAC,CAAA;QAClD,KAAK,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;QAC5C,KAAK,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;QAC5C,OAAO,EAAE,mBAAmB,CAAC,kBAAkB,CAAC,CAAA;QAChD,SAAS,EAAE,mBAAmB,CAAC,oBAAoB,CAAC,CAAA;QACpD,UAAU,EAAE,mBAAmB,CAAC,qBAAqB,CAAC,CAAA;KACvD;CACF"}
+{"version":3,"file":"augment.d.ts","sourceRoot":"","sources":["../../../src/augment.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAA;AAC7D,OAAO,KAAK,EACV,gBAAgB,EAChB,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,EAClB,oBAAoB,EACpB,qBAAqB,EACrB,yBAAyB,EACzB,kBAAkB,EAClB,yBAAyB,EAC1B,MAAM,qBAAqB,CAAA;AAE5B,OAAO,QAAQ,sBAAsB,CAAC;IACpC,UAAU,4BAA4B;QACpC,KAAK,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;QAC5C,MAAM,EAAE,mBAAmB,CAAC,iBAAiB,CAAC,CAAA;QAC9C,QAAQ,EAAE,mBAAmB,CAAC,mBAAmB,CAAC,CAAA;QAClD,KAAK,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;QAC5C,KAAK,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;QAC5C,OAAO,EAAE,mBAAmB,CAAC,kBAAkB,CAAC,CAAA;QAChD,SAAS,EAAE,mBAAmB,CAAC,oBAAoB,CAAC,CAAA;QACpD,UAAU,EAAE,mBAAmB,CAAC,qBAAqB,CAAC,CAAA;QACtD,cAAc,EAAE,mBAAmB,CAAC,yBAAyB,CAAC,CAAA;QAC9D,OAAO,EAAE,mBAAmB,CAAC,kBAAkB,CAAC,CAAA;QAChD,cAAc,EAAE,mBAAmB,CAAC,yBAAyB,CAAC,CAAA;KAC/D;CACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vtable-guild/vtable-guild",
-  "version": "2.8.1",
+  "version": "2.9.0-alpha.1",
   "description": "Vue 3 table component with built-in virtual scrolling and switchable ant-design-vue / element-plus theme presets, powered by tailwind-variants",
   "type": "module",
   "files": [