@vueye-table/styled 3.0.0-alpha.1 → 3.0.0-alpha.10

package/README.md

@@ -1,5 +1,7 @@
 # @vueye-table/styled
 
+`VtTable` and `VtGrid` accept opt-in `virtual`, `height`, `rowHeight` and `overscan`. A virtual grid also accepts `virtualColumns` and `columnWidth`; headers and body use the same widths and column slice. The supplied binding retains its pagination choice. See `docs/guide/virtualization.md` and the runnable 100k-record component example.
+
 Themed Vue components for vueye-table (`VtTable`, `VtGrid`, `VtToolbar`, `VtSearch`,
 `VtPagination`, `VtPageSize`, `VtColumnVisibility`, `VtStatus`, `VtEmpty`) and a stylesheet
 driven by CSS custom properties, with dark mode and three densities.

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import { SortInfo, TableColumn, TableRow } from "@vueye-table/core";
-import { GridCellSlotProps } from "@vueye-table/headless";
+import { CellEditorSlotProps, DetailSlotProps, GridCellSlotProps } from "@vueye-table/headless";
 import { AnyDataTableBinding, DataTableBinding } from "@vueye-table/vue";
 import { Component, PropType, SlotsType, VNode, VNodeChild } from "vue";
 //#region src/components.d.ts
@@ -69,6 +69,38 @@ declare const VtTable: import("vue").DefineComponent<import("vue").ExtractPropTy
     readonly type: PropType<"light" | "dark" | undefined>;
     readonly default: undefined;
   };
+  treeColumn: {
+    readonly type: PropType<string | undefined>;
+    readonly default: undefined;
+  };
+  keepAliveDetail: {
+    readonly type: BooleanConstructor;
+    readonly default: false;
+  };
+  virtual: {
+    readonly type: PropType<boolean | import("@vueye-table/headless").ComponentVirtualOptions>;
+    readonly default: false;
+  };
+  height: {
+    readonly type: PropType<string | undefined>;
+    readonly default: undefined;
+  };
+  rowHeight: {
+    readonly type: NumberConstructor;
+    readonly default: 40;
+  };
+  overscan: {
+    readonly type: NumberConstructor;
+    readonly default: 5;
+  };
+  virtualColumns: {
+    readonly type: BooleanConstructor;
+    readonly default: false;
+  };
+  columnWidth: {
+    readonly type: NumberConstructor;
+    readonly default: 120;
+  };
   table: {
     type: PropType<AnyDataTableBinding>;
     required: true;
@@ -104,6 +136,38 @@ declare const VtTable: import("vue").DefineComponent<import("vue").ExtractPropTy
     readonly type: PropType<"light" | "dark" | undefined>;
     readonly default: undefined;
   };
+  treeColumn: {
+    readonly type: PropType<string | undefined>;
+    readonly default: undefined;
+  };
+  keepAliveDetail: {
+    readonly type: BooleanConstructor;
+    readonly default: false;
+  };
+  virtual: {
+    readonly type: PropType<boolean | import("@vueye-table/headless").ComponentVirtualOptions>;
+    readonly default: false;
+  };
+  height: {
+    readonly type: PropType<string | undefined>;
+    readonly default: undefined;
+  };
+  rowHeight: {
+    readonly type: NumberConstructor;
+    readonly default: 40;
+  };
+  overscan: {
+    readonly type: NumberConstructor;
+    readonly default: 5;
+  };
+  virtualColumns: {
+    readonly type: BooleanConstructor;
+    readonly default: false;
+  };
+  columnWidth: {
+    readonly type: NumberConstructor;
+    readonly default: 120;
+  };
   table: {
     type: PropType<AnyDataTableBinding>;
     required: true;
@@ -116,19 +180,96 @@ declare const VtTable: import("vue").DefineComponent<import("vue").ExtractPropTy
   stickyHeader: boolean;
   loading: boolean;
   theme: "light" | "dark" | undefined;
+  treeColumn: string | undefined;
+  keepAliveDetail: boolean;
+  virtual: boolean | import("@vueye-table/headless").ComponentVirtualOptions;
+  height: string | undefined;
+  rowHeight: number;
+  overscan: number;
+  virtualColumns: boolean;
+  columnWidth: number;
 }, SlotsType<{
   default?: (props: {
     table: DataTableBinding<unknown>;
   }) => VNode[];
+  expanded?: (props: DetailSlotProps) => VNodeChild;
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 /** The styled body, with the empty state in a full-width row. */
-declare const VtBody: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+declare const VtBody: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  treeColumn: {
+    type: PropType<string | undefined>;
+    default: undefined;
+  };
+  virtual: {
+    readonly type: PropType<boolean | import("@vueye-table/headless").ComponentVirtualOptions>;
+    readonly default: false;
+  };
+  height: {
+    readonly type: PropType<string | undefined>;
+    readonly default: undefined;
+  };
+  rowHeight: {
+    readonly type: NumberConstructor;
+    readonly default: 40;
+  };
+  overscan: {
+    readonly type: NumberConstructor;
+    readonly default: 5;
+  };
+  virtualColumns: {
+    readonly type: BooleanConstructor;
+    readonly default: false;
+  };
+  columnWidth: {
+    readonly type: NumberConstructor;
+    readonly default: 120;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, SlotsType<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  treeColumn: {
+    type: PropType<string | undefined>;
+    default: undefined;
+  };
+  virtual: {
+    readonly type: PropType<boolean | import("@vueye-table/headless").ComponentVirtualOptions>;
+    readonly default: false;
+  };
+  height: {
+    readonly type: PropType<string | undefined>;
+    readonly default: undefined;
+  };
+  rowHeight: {
+    readonly type: NumberConstructor;
+    readonly default: 40;
+  };
+  overscan: {
+    readonly type: NumberConstructor;
+    readonly default: 5;
+  };
+  virtualColumns: {
+    readonly type: BooleanConstructor;
+    readonly default: false;
+  };
+  columnWidth: {
+    readonly type: NumberConstructor;
+    readonly default: 120;
+  };
+}>> & Readonly<{}>, {
+  treeColumn: string | undefined;
+  virtual: boolean | import("@vueye-table/headless").ComponentVirtualOptions;
+  height: string | undefined;
+  rowHeight: number;
+  overscan: number;
+  virtualColumns: boolean;
+  columnWidth: number;
+}, SlotsType<{
   default?: (props: {
     rows: readonly TableRow<unknown>[];
   }) => VNode[];
   empty?: () => VNode[];
+  detail?: (props: DetailSlotProps) => VNodeChild;
+  row?: (props: DetailSlotProps) => VNodeChild;
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 /** The default empty state. */
 declare const VtEmpty: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -245,14 +386,160 @@ declare const VtStatus: import("vue").DefineComponent<import("vue").ExtractPropT
   };
 }>> & Readonly<{}>, {
   as: string;
+}, SlotsType<{
+  default?: (props: import("@vueye-table/headless").TableStatusSlotProps) => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const VtLoadMore: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  label: {
+    type: StringConstructor;
+    default: string;
+  };
+  retryLabel: {
+    type: StringConstructor;
+    default: string;
+  };
+  loadingLabel: {
+    type: StringConstructor;
+    default: string;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  label: {
+    type: StringConstructor;
+    default: string;
+  };
+  retryLabel: {
+    type: StringConstructor;
+    default: string;
+  };
+  loadingLabel: {
+    type: StringConstructor;
+    default: string;
+  };
+}>> & Readonly<{}>, {
+  label: string;
+  retryLabel: string;
+  loadingLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const VtDetailRow: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  row: {
+    readonly type: PropType<TableRow<unknown>>;
+    readonly required: true;
+  };
+  colspan: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  hidden: {
+    type: BooleanConstructor;
+    default: boolean;
+  };
+  keepAlive: {
+    type: PropType<boolean | undefined>;
+    default: undefined;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  row: {
+    readonly type: PropType<TableRow<unknown>>;
+    readonly required: true;
+  };
+  colspan: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  hidden: {
+    type: BooleanConstructor;
+    default: boolean;
+  };
+  keepAlive: {
+    type: PropType<boolean | undefined>;
+    default: undefined;
+  };
+}>> & Readonly<{}>, {
+  colspan: number;
+  hidden: boolean;
+  keepAlive: boolean | undefined;
 }, SlotsType<{
   default?: (props: {
-    start: number;
-    end: number;
-    rowCount: number;
-    totalRowCount: number;
-    selectedCount: number;
-  }) => VNode[];
+    row: TableRow<unknown>;
+  }) => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const VtExpandToggle: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  readonly row: {
+    readonly type: PropType<TableRow<unknown>>;
+    readonly required: true;
+  };
+  readonly controls: {
+    readonly type: PropType<string | undefined>;
+    readonly default: undefined;
+  };
+  readonly expandLabel: {
+    readonly type: StringConstructor;
+    readonly default: "Expand row";
+  };
+  readonly collapseLabel: {
+    readonly type: StringConstructor;
+    readonly default: "Collapse row";
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  readonly row: {
+    readonly type: PropType<TableRow<unknown>>;
+    readonly required: true;
+  };
+  readonly controls: {
+    readonly type: PropType<string | undefined>;
+    readonly default: undefined;
+  };
+  readonly expandLabel: {
+    readonly type: StringConstructor;
+    readonly default: "Expand row";
+  };
+  readonly collapseLabel: {
+    readonly type: StringConstructor;
+    readonly default: "Collapse row";
+  };
+}>> & Readonly<{}>, {
+  readonly controls: string | undefined;
+  readonly expandLabel: string;
+  readonly collapseLabel: string;
+}, SlotsType<{
+  default?: (props: {
+    row: TableRow<unknown>;
+    expanded: boolean;
+  }) => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const VtTreeCell: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  readonly row: {
+    readonly type: PropType<TableRow<unknown>>;
+    readonly required: true;
+  };
+  readonly as: {
+    readonly type: StringConstructor;
+    readonly default: string;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  readonly row: {
+    readonly type: PropType<TableRow<unknown>>;
+    readonly required: true;
+  };
+  readonly as: {
+    readonly type: StringConstructor;
+    readonly default: string;
+  };
+}>> & Readonly<{}>, {
+  readonly as: string;
+}, SlotsType<{
+  default?: () => VNodeChild;
+  toggle?: (props: {
+    row: TableRow<unknown>;
+  }) => VNodeChild;
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 /** A horizontal bar for controls above or below a table. */
 declare const VtToolbar: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -260,11 +547,114 @@ declare const VtToolbar: import("vue").DefineComponent<{}, () => VNode<import("v
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, SlotsType<{
   default?: () => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const VtCellEditor: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  readonly editor: {
+    readonly type: PropType<CellEditorSlotProps>;
+    readonly required: true;
+  };
+  readonly spec: {
+    readonly type: PropType<import("@vueye-table/core").EditorSpec>;
+    readonly default: () => {
+      kind: string;
+    };
+  };
+  readonly finish: {
+    readonly type: PropType<((direction?: "up" | "down" | "left" | "right") => void) | undefined>;
+    readonly default: undefined;
+  };
+  readonly autofocus: {
+    readonly type: BooleanConstructor;
+    readonly default: true;
+  };
+  readonly blurCommit: {
+    readonly type: BooleanConstructor;
+    readonly default: true;
+  };
+  readonly tabCommit: {
+    readonly type: BooleanConstructor;
+    readonly default: true;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  readonly editor: {
+    readonly type: PropType<CellEditorSlotProps>;
+    readonly required: true;
+  };
+  readonly spec: {
+    readonly type: PropType<import("@vueye-table/core").EditorSpec>;
+    readonly default: () => {
+      kind: string;
+    };
+  };
+  readonly finish: {
+    readonly type: PropType<((direction?: "up" | "down" | "left" | "right") => void) | undefined>;
+    readonly default: undefined;
+  };
+  readonly autofocus: {
+    readonly type: BooleanConstructor;
+    readonly default: true;
+  };
+  readonly blurCommit: {
+    readonly type: BooleanConstructor;
+    readonly default: true;
+  };
+  readonly tabCommit: {
+    readonly type: BooleanConstructor;
+    readonly default: true;
+  };
+}>> & Readonly<{}>, {
+  readonly spec: import("@vueye-table/core").EditorSpec;
+  readonly finish: ((direction?: "up" | "down" | "left" | "right") => void) | undefined;
+  readonly autofocus: boolean;
+  readonly blurCommit: boolean;
+  readonly tabCommit: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const VtRowActions: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  row: {
+    readonly type: PropType<TableRow<unknown>>;
+    readonly required: true;
+  };
+  editable: {
+    type: BooleanConstructor;
+    default: boolean;
+  };
+  removable: {
+    type: BooleanConstructor;
+    default: boolean;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  row: {
+    readonly type: PropType<TableRow<unknown>>;
+    readonly required: true;
+  };
+  editable: {
+    type: BooleanConstructor;
+    default: boolean;
+  };
+  removable: {
+    type: BooleanConstructor;
+    default: boolean;
+  };
+}>> & Readonly<{}>, {
+  editable: boolean;
+  removable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 /**
  * The styled spreadsheet grid, with optional row numbers and A, B, C column letters. A
  * `cell.<column id>` slot draws that column's cells while they are not being edited.
  */
 declare const VtGrid: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  rowActions: {
+    type: BooleanConstructor;
+    default: boolean;
+  };
+  removable: {
+    type: BooleanConstructor;
+    default: boolean;
+  };
   density: {
     readonly type: PropType<Density>;
     readonly default: "comfortable";
@@ -293,6 +683,38 @@ declare const VtGrid: import("vue").DefineComponent<import("vue").ExtractPropTyp
     readonly type: PropType<"light" | "dark" | undefined>;
     readonly default: undefined;
   };
+  treeColumn: {
+    readonly type: PropType<string | undefined>;
+    readonly default: undefined;
+  };
+  keepAliveDetail: {
+    readonly type: BooleanConstructor;
+    readonly default: false;
+  };
+  virtual: {
+    readonly type: PropType<boolean | import("@vueye-table/headless").ComponentVirtualOptions>;
+    readonly default: false;
+  };
+  height: {
+    readonly type: PropType<string | undefined>;
+    readonly default: undefined;
+  };
+  rowHeight: {
+    readonly type: NumberConstructor;
+    readonly default: 40;
+  };
+  overscan: {
+    readonly type: NumberConstructor;
+    readonly default: 5;
+  };
+  virtualColumns: {
+    readonly type: BooleanConstructor;
+    readonly default: false;
+  };
+  columnWidth: {
+    readonly type: NumberConstructor;
+    readonly default: 120;
+  };
   table: {
     type: PropType<AnyDataTableBinding>;
     required: true;
@@ -311,7 +733,18 @@ declare const VtGrid: import("vue").DefineComponent<import("vue").ExtractPropTyp
   };
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  save: (_result: unknown) => true;
+  cancel: (_key: unknown) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  rowActions: {
+    type: BooleanConstructor;
+    default: boolean;
+  };
+  removable: {
+    type: BooleanConstructor;
+    default: boolean;
+  };
   density: {
     readonly type: PropType<Density>;
     readonly default: "comfortable";
@@ -340,6 +773,38 @@ declare const VtGrid: import("vue").DefineComponent<import("vue").ExtractPropTyp
     readonly type: PropType<"light" | "dark" | undefined>;
     readonly default: undefined;
   };
+  treeColumn: {
+    readonly type: PropType<string | undefined>;
+    readonly default: undefined;
+  };
+  keepAliveDetail: {
+    readonly type: BooleanConstructor;
+    readonly default: false;
+  };
+  virtual: {
+    readonly type: PropType<boolean | import("@vueye-table/headless").ComponentVirtualOptions>;
+    readonly default: false;
+  };
+  height: {
+    readonly type: PropType<string | undefined>;
+    readonly default: undefined;
+  };
+  rowHeight: {
+    readonly type: NumberConstructor;
+    readonly default: 40;
+  };
+  overscan: {
+    readonly type: NumberConstructor;
+    readonly default: 5;
+  };
+  virtualColumns: {
+    readonly type: BooleanConstructor;
+    readonly default: false;
+  };
+  columnWidth: {
+    readonly type: NumberConstructor;
+    readonly default: 120;
+  };
   table: {
     type: PropType<AnyDataTableBinding>;
     required: true;
@@ -356,7 +821,10 @@ declare const VtGrid: import("vue").DefineComponent<import("vue").ExtractPropTyp
     type: BooleanConstructor;
     default: boolean;
   };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+  onCancel?: (_key: unknown) => any;
+  onSave?: (_result: unknown) => any;
+}>, {
   label: string | undefined;
   density: Density;
   striped: boolean;
@@ -365,12 +833,24 @@ declare const VtGrid: import("vue").DefineComponent<import("vue").ExtractPropTyp
   stickyHeader: boolean;
   loading: boolean;
   theme: "light" | "dark" | undefined;
+  treeColumn: string | undefined;
+  keepAliveDetail: boolean;
+  virtual: boolean | import("@vueye-table/headless").ComponentVirtualOptions;
+  height: string | undefined;
+  rowHeight: number;
+  overscan: number;
+  virtualColumns: boolean;
+  columnWidth: number;
+  removable: boolean;
   rowNumbers: boolean;
   columnLetters: boolean;
+  rowActions: boolean;
 }, SlotsType<{
   [key: `cell.${string}`]: GridCellSlotProps;
+  [key: `editor.${string}`]: CellEditorSlotProps;
 } & {
   default?: (props: Record<string, unknown>) => VNode[];
+  expanded?: (props: DetailSlotProps) => VNodeChild;
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
 //#region src/icons.d.ts
@@ -381,6 +861,8 @@ declare const paths: {
   readonly search: "M11 19a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm10 2-4.35-4.35";
   readonly columns: "M4 4h6v16H4zM14 4h6v16h-6z";
   readonly empty: "M3 7h18M3 12h18M3 17h10";
+  readonly expand: "M9 5l7 7-7 7";
+  readonly collapse: "M5 9l7 7 7-7";
 };
 type IconName = keyof typeof paths;
 /** A 24-pixel stroke icon that inherits the text color. */
@@ -393,5 +875,5 @@ declare function icon(name: IconName, className?: string): VNode;
  */
 declare function withClass<TComponent extends Component>(component: TComponent, className: string, name: string): TComponent;
 //#endregion
-export { type Density, type IconName, VtBody, VtColumnVisibility, VtEmpty, VtGrid, VtHeader, VtPageSize, VtPagination, VtSearch, VtSortIndicator, VtStatus, VtTable, VtToolbar, icon, withClass };
+export { type Density, type IconName, VtBody, VtCellEditor, VtColumnVisibility, VtDetailRow, VtEmpty, VtExpandToggle, VtGrid, VtHeader, VtLoadMore, VtPageSize, VtPagination, VtRowActions, VtSearch, VtSortIndicator, VtStatus, VtTable, VtToolbar, VtTreeCell, icon, withClass };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../src/components.ts","../src/icons.ts","../src/with-class.ts"],"mappings":";;;;;KA8BY;;cAqCC,+BAAe,8BAAA;;IAEO,MAAA,SAAS;;;;;;;IAAT,MAAA,SAAS;;;;;qCAW1C;;cAGW,wBAAQ,0BAAA,oBAAA,4BAAA;;;GAIoB,2BAAA;IACjC,QAAQ;IACR,MAAM;IACN,aAAa;QACT;;EAEG,eAAM;EACP,cAAM;EACL,UAAC;IAAS,QAAQ;QAA2B;kCAoC1D;;;;;cAMW,uBAAO,8BAAA;;aAvGS,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;aAOX,MAAA;;;;IAsGE,MAAA,SAAS;;;;;;;aA7GT,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;aAOX,MAAA;;;;IAsGE,MAAA,SAAS;;;;;;;;;;;;EAHxB,WAAC;IAAS,OAAO;QAAgC;kCAqB7D;;cAGW,sBAAM,0BAAA,oBAAA,4BAAA;;;EAGL,WAAC;IAAS,eAAe;QAA0B;EACrD,cAAM;kCAahB;;cAGW,uBAAO,8BAAA;;;;;;;;;;;;;;;EAEqB,gBAAM;kCAS7C;;cAGW,wBAAQ,0BAAA,oBAAA,4BAAA;;8BAMnB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,0BAAU,8BAAA;;IAGO,MAAA;;;;;;;;;;;IAAA,MAAA;;;;;;;;;;qCAU5B;;;;;cAMW,kCAAkB,8BAAA;;;;;;;;;;;;;;qCAwC7B;cAEW,4BAAY,8BAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAAkE;cAC9E,wBAAQ,8BAAA;;;;;;;;;;;;;;;;;;;;;;kCAAsD;;cAG9D,yBAAS,0BAAA,oBAAA,4BAAA;;;EAEmB,gBAAM;kCAI7C;;;;;cA6CW,sBAAM,8BAAA;;aAjSU,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;aAOX,MAAA;;;;IAkSE,MAAA,SAAS;;;;IACT,MAAA;;;;;;;;;;;;;;;aA1SA,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;aAOX,MAAA;;;;IAkSE,MAAA,SAAS;;;;IACT,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;EALb,WAAC,OAAO,4BAA4B;kCAsDlD;;;cC3XI;;;;;;;;KASM,wBAAwB;;iBAGpB,KAAK,MAAM,UAAU,qBAAwB;;;;;;;iBCR7C,UAAU,mBAAmB,WAC3C,WAAW,YACX,mBACA,eACC"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/components.ts","../src/icons.ts","../src/with-class.ts"],"mappings":"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"}