@vizejs/ui 0.387.0 → 0.389.0

package/dist/table-Ce3yWwlH.d.mts

@@ -0,0 +1,415 @@
+import { CSSProperties } from "vue";
+
+//#region src/families/data/table/table-types.d.ts
+/** Native table layout modes mirrored by {@link Table}. */
+type TableLayout = "auto" | "fixed";
+/** Consumer density hooks mirrored by {@link Table} through `data-density`. */
+type TableDensity = "compact" | "normal" | "spacious";
+/** Native caption placement hooks mirrored by {@link TableCaption}. */
+type TableCaptionSide = "top" | "bottom";
+/** Consumer-owned row state hooks mirrored by {@link TableRow}. */
+type TableRowState = "default" | "selected";
+/** Logical text alignment hooks mirrored by {@link TableHeader} and {@link TableCell}. */
+type TableCellAlign = "start" | "center" | "end";
+/** Native `scope` values accepted by table header cells. */
+type TableHeaderScope = "col" | "colgroup" | "row" | "rowgroup";
+/** Stable part names emitted by the semantic table family. */
+type TablePart = "body" | "caption" | "cell" | "head" | "header" | "root" | "row";
+/** Stable `data-vize-ui` values emitted by the semantic table family. */
+type TableDataName = "table" | "table-body" | "table-caption" | "table-cell" | "table-head" | "table-header" | "table-row";
+/** Stable data attributes emitted by one or more semantic table components. */
+type TableDataAttribute = "data-align" | "data-caption-side" | "data-colspan" | "data-density" | "data-layout" | "data-rowspan" | "data-scope" | "data-section" | "data-selected" | "data-state" | "data-vize-ui";
+/** CSS custom properties authored inline by semantic table components. */
+type TableCssCustomProperty = "--vize-ui-table-caption-side" | "--vize-ui-table-cell-align" | "--vize-ui-table-layout";
+/** Inline style contract applied to the root native table. */
+interface TableStyle extends Readonly<CSSProperties> {
+  /** Consumer-overridable value read by `table-layout`. */
+  readonly "--vize-ui-table-layout": TableLayout;
+  /** Native table layout declaration. */
+  readonly tableLayout: TableLayout;
+}
+/** Inline style contract applied to a native caption. */
+interface TableCaptionStyle extends Readonly<CSSProperties> {
+  /** Consumer-overridable value read by `caption-side`. */
+  readonly "--vize-ui-table-caption-side": TableCaptionSide;
+  /** Native caption placement declaration. */
+  readonly captionSide: TableCaptionSide;
+}
+/** Inline style contract applied to native header and data cells. */
+interface TableCellStyle extends Readonly<CSSProperties> {
+  /** Consumer-overridable value read by `text-align`. */
+  readonly "--vize-ui-table-cell-align": TableCellAlign;
+  /** Native logical text alignment declaration. */
+  readonly textAlign: TableCellAlign;
+}
+/** Public props accepted by the root Table component. */
+interface TableProps {
+  /**
+   * Native CSS `table-layout` mode.
+   *
+   * @default "auto"
+   */
+  readonly layout?: TableLayout;
+  /**
+   * Consumer density token mirrored to `data-density`; no spacing CSS is emitted.
+   *
+   * @default "normal"
+   */
+  readonly density?: TableDensity;
+}
+/** Props accepted by the caption component. */
+interface TableCaptionProps {
+  /**
+   * Native CSS `caption-side` placement.
+   *
+   * @default "top"
+   */
+  readonly side?: TableCaptionSide;
+}
+/** Props accepted by the head section component. */
+type TableHeadProps = Record<never, never>;
+/** Props accepted by the body section component. */
+type TableBodyProps = Record<never, never>;
+/** Props accepted by the row component. */
+interface TableRowProps {
+  /**
+   * Consumer-owned row state mirrored to data attributes.
+   *
+   * @default "default"
+   */
+  readonly state?: TableRowState;
+}
+/** Props accepted by the header cell component. */
+interface TableHeaderProps {
+  /**
+   * Native header scope for assistive technology.
+   *
+   * @default "col"
+   */
+  readonly scope?: TableHeaderScope;
+  /**
+   * Native abbreviated header text for compact assistive output.
+   *
+   * @default undefined
+   */
+  readonly abbr?: string;
+  /**
+   * Native column span.
+   *
+   * @default undefined
+   */
+  readonly colspan?: number;
+  /**
+   * Native row span.
+   *
+   * @default undefined
+   */
+  readonly rowspan?: number;
+  /**
+   * Logical text alignment mirrored to `data-align` and `--vize-ui-table-cell-align`.
+   *
+   * @default "start"
+   */
+  readonly align?: TableCellAlign;
+}
+/** Props accepted by the data cell component. */
+interface TableCellProps {
+  /**
+   * Space-separated ids of native header cells that describe this data cell.
+   *
+   * @default undefined
+   */
+  readonly headers?: string;
+  /**
+   * Native column span.
+   *
+   * @default undefined
+   */
+  readonly colspan?: number;
+  /**
+   * Native row span.
+   *
+   * @default undefined
+   */
+  readonly rowspan?: number;
+  /**
+   * Logical text alignment mirrored to `data-align` and `--vize-ui-table-cell-align`.
+   *
+   * @default "start"
+   */
+  readonly align?: TableCellAlign;
+}
+/** No custom events are emitted by the root Table component. */
+type TableEmits = Record<never, never>;
+/** No custom events are emitted by the caption component. */
+type TableCaptionEmits = Record<never, never>;
+/** No custom events are emitted by the head section component. */
+type TableHeadEmits = Record<never, never>;
+/** No custom events are emitted by the body section component. */
+type TableBodyEmits = Record<never, never>;
+/** No custom events are emitted by the row component. */
+type TableRowEmits = Record<never, never>;
+/** No custom events are emitted by the header cell component. */
+type TableHeaderEmits = Record<never, never>;
+/** No custom events are emitted by the data cell component. */
+type TableCellEmits = Record<never, never>;
+/** State exposed to the root Table default slot. */
+interface TableSlotState {
+  /** Native CSS `table-layout` mode. */
+  readonly layout: TableLayout;
+  /** Consumer density token. */
+  readonly density: TableDensity;
+  /** Inline native table style object applied to the host. */
+  readonly style: TableStyle;
+}
+/** State exposed to the caption default slot. */
+interface TableCaptionSlotState {
+  /** Native CSS `caption-side` placement. */
+  readonly side: TableCaptionSide;
+  /** Inline caption style object applied to the host. */
+  readonly style: TableCaptionStyle;
+}
+/** State exposed to the head section default slot. */
+interface TableHeadSlotState {
+  /** Stable semantic section token. */
+  readonly section: "head";
+}
+/** State exposed to the body section default slot. */
+interface TableBodySlotState {
+  /** Stable semantic section token. */
+  readonly section: "body";
+}
+/** State exposed to the row default slot. */
+interface TableRowSlotState {
+  /** Consumer-owned row state hook. */
+  readonly state: TableRowState;
+  /** Whether this row is marked selected for consumer styling. */
+  readonly selected: boolean;
+}
+/** State exposed to the header cell default slot. */
+interface TableHeaderSlotState {
+  /** Native header scope. */
+  readonly scope: TableHeaderScope;
+  /** Native abbreviated header text. */
+  readonly abbr: string | undefined;
+  /** Native column span. */
+  readonly colspan: number | undefined;
+  /** Native row span. */
+  readonly rowspan: number | undefined;
+  /** Logical text alignment hook. */
+  readonly align: TableCellAlign;
+  /** Inline cell style object applied to the host. */
+  readonly style: TableCellStyle;
+}
+/** State exposed to the data cell default slot. */
+interface TableCellSlotState {
+  /** Native header id references. */
+  readonly headers: string | undefined;
+  /** Native column span. */
+  readonly colspan: number | undefined;
+  /** Native row span. */
+  readonly rowspan: number | undefined;
+  /** Logical text alignment hook. */
+  readonly align: TableCellAlign;
+  /** Inline cell style object applied to the host. */
+  readonly style: TableCellStyle;
+}
+//#endregion
+//#region src/families/data/table/table.vue.d.ts
+type __VLS_Slots$6 = {
+  /** Renders caption, section, row, and cell children with table hook state. */default(props: TableSlotState): unknown;
+};
+declare const __VLS_base$6: import("vue").DefineComponent<TableProps, {
+  density: import("vue").ComputedRef<TableDensity>;
+  element: Readonly<import("vue").ShallowRef<HTMLTableElement | null>>;
+  layout: import("vue").ComputedRef<TableLayout>;
+  style: import("vue").ComputedRef<TableStyle>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TableProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$6: __VLS_WithSlots$6<typeof __VLS_base$6, __VLS_Slots$6>;
+declare const _default$6: typeof __VLS_export$6;
+type __VLS_WithSlots$6<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/families/data/table/table-body.vue.d.ts
+type __VLS_Slots$5 = {
+  /** Renders one or more native table rows inside the body section. */default(props: TableBodySlotState): unknown;
+};
+declare const __VLS_base$5: import("vue").DefineComponent<{}, {
+  element: Readonly<import("vue").ShallowRef<HTMLTableSectionElement | null>>;
+  section: "body";
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export$5: __VLS_WithSlots$5<typeof __VLS_base$5, __VLS_Slots$5>;
+declare const _default$5: typeof __VLS_export$5;
+type __VLS_WithSlots$5<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/families/data/table/table-caption.vue.d.ts
+type __VLS_Slots$4 = {
+  /** Renders the native caption content with caption placement state. */default(props: TableCaptionSlotState): unknown;
+};
+declare const __VLS_base$4: import("vue").DefineComponent<TableCaptionProps, {
+  element: Readonly<import("vue").ShallowRef<HTMLTableCaptionElement | null>>;
+  side: import("vue").ComputedRef<TableCaptionSide>;
+  style: import("vue").ComputedRef<TableCaptionStyle>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TableCaptionProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$4: __VLS_WithSlots$4<typeof __VLS_base$4, __VLS_Slots$4>;
+declare const _default$4: typeof __VLS_export$4;
+type __VLS_WithSlots$4<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/families/data/table/table-cell.vue.d.ts
+type __VLS_Slots$3 = {
+  /** Renders native data cell content with headers and alignment state. */default(props: TableCellSlotState): unknown;
+};
+declare const __VLS_base$3: import("vue").DefineComponent<TableCellProps, {
+  align: import("vue").ComputedRef<TableCellAlign>;
+  colspan: import("vue").ComputedRef<number | undefined>;
+  element: Readonly<import("vue").ShallowRef<HTMLTableCellElement | null>>;
+  headers: import("vue").ComputedRef<string | undefined>;
+  rowspan: import("vue").ComputedRef<number | undefined>;
+  style: import("vue").ComputedRef<TableCellStyle>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TableCellProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$3: __VLS_WithSlots$3<typeof __VLS_base$3, __VLS_Slots$3>;
+declare const _default$3: typeof __VLS_export$3;
+type __VLS_WithSlots$3<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/families/data/table/table-head.vue.d.ts
+type __VLS_Slots$2 = {
+  /** Renders one or more native table rows inside the head section. */default(props: TableHeadSlotState): unknown;
+};
+declare const __VLS_base$2: import("vue").DefineComponent<{}, {
+  element: Readonly<import("vue").ShallowRef<HTMLTableSectionElement | null>>;
+  section: "head";
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export$2: __VLS_WithSlots$2<typeof __VLS_base$2, __VLS_Slots$2>;
+declare const _default$2: typeof __VLS_export$2;
+type __VLS_WithSlots$2<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/families/data/table/table-header.vue.d.ts
+type __VLS_Slots$1 = {
+  /** Renders native header cell content with scope and alignment state. */default(props: TableHeaderSlotState): unknown;
+};
+declare const __VLS_base$1: import("vue").DefineComponent<TableHeaderProps, {
+  abbr: import("vue").ComputedRef<string | undefined>;
+  align: import("vue").ComputedRef<TableCellAlign>;
+  colspan: import("vue").ComputedRef<number | undefined>;
+  element: Readonly<import("vue").ShallowRef<HTMLTableCellElement | null>>;
+  rowspan: import("vue").ComputedRef<number | undefined>;
+  scope: import("vue").ComputedRef<TableHeaderScope>;
+  style: import("vue").ComputedRef<TableCellStyle>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TableHeaderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$1: __VLS_WithSlots$1<typeof __VLS_base$1, __VLS_Slots$1>;
+declare const _default$1: typeof __VLS_export$1;
+type __VLS_WithSlots$1<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/families/data/table/table-row.vue.d.ts
+type __VLS_Slots = {
+  /** Renders native header and data cells with row state. */default(props: TableRowSlotState): unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<TableRowProps, {
+  element: Readonly<import("vue").ShallowRef<HTMLTableRowElement | null>>;
+  selected: import("vue").ComputedRef<boolean>;
+  state: import("vue").ComputedRef<TableRowState>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TableRowProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/families/data/table/table-contracts.d.ts
+/** Slots exposed by the root Table component. */
+interface TableSlots {
+  /** Renders caption, section, row, and cell children with table hook state. */
+  default(props: TableSlotState): unknown;
+}
+/** Slots exposed by the caption component. */
+interface TableCaptionSlots {
+  /** Renders the native caption content. */
+  default(props: TableCaptionSlotState): unknown;
+}
+/** Slots exposed by the head section component. */
+interface TableHeadSlots {
+  /** Renders one or more native table rows. */
+  default(props: TableHeadSlotState): unknown;
+}
+/** Slots exposed by the body section component. */
+interface TableBodySlots {
+  /** Renders one or more native table rows. */
+  default(props: TableBodySlotState): unknown;
+}
+/** Slots exposed by the row component. */
+interface TableRowSlots {
+  /** Renders native header and data cells. */
+  default(props: TableRowSlotState): unknown;
+}
+/** Slots exposed by the header cell component. */
+interface TableHeaderSlots {
+  /** Renders native header cell content. */
+  default(props: TableHeaderSlotState): unknown;
+}
+/** Slots exposed by the data cell component. */
+interface TableCellSlots {
+  /** Renders native data cell content. */
+  default(props: TableCellSlotState): unknown;
+}
+/** Public component instance state exposed by the root Table component. */
+interface TableExpose extends TableSlotState {
+  /** Rendered native table element. */
+  readonly element: HTMLTableElement | null;
+}
+/** Public component instance state exposed by the caption component. */
+interface TableCaptionExpose extends TableCaptionSlotState {
+  /** Rendered native caption element. */
+  readonly element: HTMLTableCaptionElement | null;
+}
+/** Public component instance state exposed by the head section component. */
+interface TableHeadExpose extends TableHeadSlotState {
+  /** Rendered native table head element. */
+  readonly element: HTMLTableSectionElement | null;
+}
+/** Public component instance state exposed by the body section component. */
+interface TableBodyExpose extends TableBodySlotState {
+  /** Rendered native table body element. */
+  readonly element: HTMLTableSectionElement | null;
+}
+/** Public component instance state exposed by the row component. */
+interface TableRowExpose extends TableRowSlotState {
+  /** Rendered native table row element. */
+  readonly element: HTMLTableRowElement | null;
+}
+/** Public component instance state exposed by the header cell component. */
+interface TableHeaderExpose extends TableHeaderSlotState {
+  /** Rendered native table header cell element. */
+  readonly element: HTMLTableCellElement | null;
+}
+/** Public component instance state exposed by the data cell component. */
+interface TableCellExpose extends TableCellSlotState {
+  /** Rendered native table data cell element. */
+  readonly element: HTMLTableCellElement | null;
+}
+//#endregion
+export { TableRowState as $, TableCellAlign as A, TableHeadEmits as B, TableBodyProps as C, TableCaptionSide as D, TableCaptionProps as E, TableCssCustomProperty as F, TableHeaderScope as G, TableHeadSlotState as H, TableDataAttribute as I, TablePart as J, TableHeaderSlotState as K, TableDataName as L, TableCellProps as M, TableCellSlotState as N, TableCaptionSlotState as O, TableCellStyle as P, TableRowSlotState as Q, TableDensity as R, TableBodyEmits as S, TableCaptionEmits as T, TableHeaderEmits as U, TableHeadProps as V, TableHeaderProps as W, TableRowEmits as X, TableProps as Y, TableRowProps as Z, _default$2 as _, TableCellExpose as a, _default$5 as b, TableHeadExpose as c, TableHeaderSlots as d, TableSlotState as et, TableRowExpose as f, _default$1 as g, _default as h, TableCaptionSlots as i, TableCellEmits as j, TableCaptionStyle as k, TableHeadSlots as l, TableSlots as m, TableBodySlots as n, TableCellSlots as o, TableRowSlots as p, TableLayout as q, TableCaptionExpose as r, TableExpose as s, TableBodyExpose as t, TableStyle as tt, TableHeaderExpose as u, _default$3 as v, TableBodySlotState as w, _default$6 as x, _default$4 as y, TableEmits as z };

package/dist/table.d.mts

@@ -0,0 +1,2 @@
+import { $ as TableRowState, A as TableCellAlign, B as TableHeadEmits, C as TableBodyProps, D as TableCaptionSide, E as TableCaptionProps, F as TableCssCustomProperty, G as TableHeaderScope, H as TableHeadSlotState, I as TableDataAttribute, J as TablePart, K as TableHeaderSlotState, L as TableDataName, M as TableCellProps, N as TableCellSlotState, O as TableCaptionSlotState, P as TableCellStyle, Q as TableRowSlotState, R as TableDensity, S as TableBodyEmits, T as TableCaptionEmits, U as TableHeaderEmits, V as TableHeadProps, W as TableHeaderProps, X as TableRowEmits, Y as TableProps, Z as TableRowProps, _ as _default$4, a as TableCellExpose, b as _default$1, c as TableHeadExpose, d as TableHeaderSlots, et as TableSlotState, f as TableRowExpose, g as _default$5, h as _default$6, i as TableCaptionSlots, j as TableCellEmits, k as TableCaptionStyle, l as TableHeadSlots, m as TableSlots, n as TableBodySlots, o as TableCellSlots, p as TableRowSlots, q as TableLayout, r as TableCaptionExpose, s as TableExpose, t as TableBodyExpose, tt as TableStyle, u as TableHeaderExpose, v as _default$3, w as TableBodySlotState, x as _default, y as _default$2, z as TableEmits } from "./table-Ce3yWwlH.mjs";
+export { _default as Table, _default$1 as TableBody, type TableBodyEmits, type TableBodyExpose, type TableBodyProps, type TableBodySlotState, type TableBodySlots, _default$2 as TableCaption, type TableCaptionEmits, type TableCaptionExpose, type TableCaptionProps, type TableCaptionSide, type TableCaptionSlotState, type TableCaptionSlots, type TableCaptionStyle, _default$3 as TableCell, type TableCellAlign, type TableCellEmits, type TableCellExpose, type TableCellProps, type TableCellSlotState, type TableCellSlots, type TableCellStyle, type TableCssCustomProperty, type TableDataAttribute, type TableDataName, type TableDensity, type TableEmits, type TableExpose, _default$4 as TableHead, type TableHeadEmits, type TableHeadExpose, type TableHeadProps, type TableHeadSlotState, type TableHeadSlots, _default$5 as TableHeader, type TableHeaderEmits, type TableHeaderExpose, type TableHeaderProps, type TableHeaderScope, type TableHeaderSlotState, type TableHeaderSlots, type TableLayout, type TablePart, type TableProps, _default$6 as TableRow, type TableRowEmits, type TableRowExpose, type TableRowProps, type TableRowSlotState, type TableRowSlots, type TableRowState, type TableSlotState, type TableSlots, type TableStyle };

package/dist/table.mjs

@@ -0,0 +1,2 @@
+import { a as table_caption_default, i as table_cell_default, n as table_header_default, o as table_body_default, r as table_head_default, s as table_default, t as table_row_default } from "./table-BxU7htxc.mjs";
+export { table_default as Table, table_body_default as TableBody, table_caption_default as TableCaption, table_cell_default as TableCell, table_head_default as TableHead, table_header_default as TableHeader, table_row_default as TableRow };