basalt-ui 1.25.0 → 1.27.0

package/dist/dashboard/stat-card.js

@@ -1,7 +1,36 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Box, Card, Group, VisuallyHidden } from "@mantine/core";
-import { DeltaBadge } from "./delta-badge.js";
+import { Box, Card, VisuallyHidden } from "@mantine/core";
+import { useEffect, useRef, useState } from "react";
+import { WidgetHeader } from "../widget-header/index.js";
+import { CtlSlot } from "../theme/index.js";
 import { VX } from "../tokens/index.js";
+import classes from "./stat-card.module.css";
+const SPARKLINE_RIGHT_WIDTH = 72;
+const SPARKLINE_RIGHT_HEIGHT = 26;
+function useSlotWidth(active) {
+  const [width, setWidth] = useState(0);
+  const nodeRef = useRef(null);
+  useEffect(() => {
+    const node = nodeRef.current;
+    if (!active || node === null) return;
+    const measure = () => {
+      setWidth(node.getBoundingClientRect().width);
+    };
+    measure();
+    if (typeof ResizeObserver === "undefined") return;
+    const observer = new ResizeObserver(measure);
+    observer.observe(node);
+    return () => {
+      observer.disconnect();
+    };
+  }, [active]);
+  return {
+    ref: (node) => {
+      nodeRef.current = node;
+    },
+    width
+  };
+}
 const TONE_RAIL_WIDTH = 3;
 const TONE_LABEL = {
   good: "Within the good threshold",
@@ -9,14 +38,26 @@ const TONE_LABEL = {
   bad: "Past the severe threshold"
 };
 function StatCard({
-  label,
+  title,
+  icon,
+  subtitle,
+  info,
   value,
+  unit,
+  breakdown,
   delta,
   deltaPeriod,
+  deltaFormat,
+  deltaGlyph,
   sparkline,
-  menu,
+  sparklinePlacement = "bleed",
+  actions,
   tone
 }) {
+  const isRender = typeof sparkline === "function";
+  const bleeds = sparklinePlacement === "bleed";
+  const slot = useSlotWidth(isRender);
+  const measured = { width: slot.width, height: SPARKLINE_RIGHT_HEIGHT };
   return /* @__PURE__ */ jsxs(
     Card,
     {
@@ -27,12 +68,13 @@ function StatCard({
         // shadow-card ring is unaffected (verified — only an ANCESTOR's overflow clips a
         // descendant's shadow). Mantine's Card root already sets `overflow: hidden`; this is
         // explicit for intent.
+        //
+        // NO `minHeight`. It was 118px, which is ~25px of dead space under a card holding a title
+        // row, a hero row and a 26px trend — and it was dead space the card could not use, since the
+        // body is `height: 100%` and the sparkline is `margin-top: auto`. The content is what states
+        // the height now (~88-96px), and four cards in a `SimpleGrid` still match because a grid row
+        // stretches its items.
         padding: "var(--mantine-spacing-xs) var(--mantine-spacing-sm)",
-        minHeight: 118,
-        display: "flex",
-        // theme-allow inline-display — Card root as a flex column; Mantine Card takes no layout props
-        flexDirection: "column",
-        gap: "var(--vx-space-stat-card-gap)",
         overflow: "hidden",
         // Anchors the tone rail. Set unconditionally so a card's stacking context does not change
         // depending on whether it happens to have crossed a threshold this render.
@@ -60,50 +102,67 @@ function StatCard({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-start", wrap: "nowrap", gap: "xs", children: [
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              style: {
-                fontFamily: "var(--basalt-font-mono)",
-                fontSize: VX.text.xs,
-                fontWeight: 500,
-                letterSpacing: "0.06em",
-                textTransform: "uppercase",
-                color: VX.faint
+        /* @__PURE__ */ jsxs("div", { className: classes.body, "data-placement": sparklinePlacement, children: [
+          /* @__PURE__ */ jsxs("div", { className: classes.header, children: [
+            /* @__PURE__ */ jsx(
+              WidgetHeader,
+              {
+                tier: "widget",
+                title,
+                ...icon !== void 0 && { icon },
+                ...subtitle !== void 0 && { subtitle },
+                ...info !== void 0 && { info },
+                value,
+                ...unit !== void 0 && { unit },
+                ...delta !== void 0 && { delta },
+                ...deltaPeriod !== void 0 && { deltaPeriod },
+                ...deltaFormat !== void 0 && { deltaFormat },
+                ...deltaGlyph !== void 0 && { deltaGlyph },
+                ...actions !== void 0 && {
+                  actions: /* @__PURE__ */ jsx(CtlSlot, { tier: "widget", children: actions })
+                }
+              }
+            ),
+            breakdown !== void 0 && breakdown.length > 0 && // A `<dl>`, not a table and not a stack of divs: each row IS a term and its value, which
+            // is the one semantic that survives a reader meeting the card out of context.
+            //
+            // INSIDE `.header`, not beside it: with `sparklinePlacement="right"` the body is a flex
+            // ROW, so a third child here would sit next to the trend rather than under the number
+            // it splits. The header block is the card's text column in both placements.
+            /* @__PURE__ */ jsx("dl", { className: classes.breakdown, children: breakdown.map((row) => /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: classes.breakdownRow,
+                ...row.tone !== void 0 && { "data-tone": row.tone },
+                children: [
+                  /* @__PURE__ */ jsx("dt", { className: classes.breakdownLabel, children: row.label }),
+                  /* @__PURE__ */ jsx("dd", { className: classes.breakdownValue, children: row.value })
+                ]
               },
-              children: label
-            }
-          ),
-          menu
-        ] }),
-        /* @__PURE__ */ jsxs(Group, { align: "center", gap: 8, wrap: "nowrap", children: [
-          /* @__PURE__ */ jsx(
-            "span",
+              row.label
+            )) })
+          ] }),
+          sparkline !== void 0 && /* @__PURE__ */ jsx(
+            "div",
             {
-              style: {
-                fontFamily: "var(--basalt-font-mono)",
-                fontSize: VX.text.kpi,
-                fontWeight: 600,
-                letterSpacing: "-0.02em",
-                color: VX.ink
+              ref: slot.ref,
+              className: bleeds ? classes.sparklineBleed : classes.sparklineRight,
+              ...!bleeds && {
+                // CUSTOM PROPERTIES, not `flexBasis`/`height` directly. A React inline style beats
+                // every stylesheet rule, so an inline `flexBasis: 72` also applied below `sm` — where
+                // `'right'` collapses to a COLUMN and flex-basis is therefore the main-axis HEIGHT.
+                // The mobile sparkline rendered in a 72px-tall box holding 26px of bars, which is the
+                // dead band under every KPI value on a phone. Handed to CSS as values instead, the
+                // media query can reset the box and the numbers still live in one place.
+                style: {
+                  "--basalt-stat-sparkline-w": `${SPARKLINE_RIGHT_WIDTH}px`,
+                  "--basalt-stat-sparkline-h": `${SPARKLINE_RIGHT_HEIGHT}px`
+                }
               },
-              children: value
+              children: isRender ? measured.width > 0 && sparkline(measured) : sparkline
             }
-          ),
-          delta !== void 0 && /* @__PURE__ */ jsx(DeltaBadge, { value: delta, period: deltaPeriod })
-        ] }),
-        sparkline && /* @__PURE__ */ jsx(
-          "div",
-          {
-            style: {
-              marginTop: "auto",
-              marginInline: "calc(-1 * var(--mantine-spacing-sm))",
-              marginBottom: "calc(-1 * var(--mantine-spacing-xs))"
-            },
-            children: sparkline
-          }
-        )
+          )
+        ] })
       ]
     }
   );

package/dist/dashboard/stat-card.module.css

@@ -0,0 +1,153 @@
+/*
+ * StatCard's sparkline placement (docs/CONTROLS-SPEC.md §2.2). `bleed` (default) keeps the historic
+ * full-width row beneath the hero value, bled past the card's own inset padding — same negative
+ * margins the pre-WidgetHeader version drew inline. `right` sits the sparkline beside the
+ * `WidgetHeader`'s hero-value row instead, the reference-design look, and collapses back to
+ * `bleed`'s stacked layout below `sm` — CSS only, no JS branch (`47.99375em` is Mantine's own
+ * complement of `min-width: 48em`, same value `content/prose.module.css` derives it from).
+ */
+
+.body {
+  display: flex;
+  flex-direction: column;
+  gap: var(--vx-space-stat-card-gap);
+  height: 100%;
+}
+
+/*
+ * `flex-end`, not `center`: the sparkline belongs to the HERO ROW, and the hero row is the header
+ * block's last line. Centred against the whole body it floated between the title and the value,
+ * which reads as a third, unrelated element; bottom-aligned to the header block it sits beside the
+ * number it describes, the reference layout. `gap` is the card's own control gap so the trend never
+ * touches a long value.
+ */
+.body[data-placement='right'] {
+  flex-direction: row;
+  align-items: flex-end;
+  gap: var(--vx-space-control-gap);
+}
+
+.header {
+  min-width: 0;
+}
+
+/*
+ * `flex-shrink: 0` on the header, `1` on the sparkline slot below: the hero value and its delta keep
+ * their width and the TREND gives ground. The other way round, a 4-up KPI grid on a 1440 viewport
+ * ellipsized `$1,294,900` to `$1294.…` in order to keep 72px of bars intact, which is the wrong
+ * thing to protect. The value still carries `overflow: hidden` as the last resort, and `Card` clips.
+ */
+.body[data-placement='right'] .header {
+  flex: 1 0 auto;
+  min-width: 0;
+}
+
+/*
+ * The `breakdown` rows — the two or three parts a hero number is made of, under it.
+ *
+ * NO hairline, anywhere in this block, and that is a law rather than a taste: `docs/CONTROLS-SPEC.md`
+ * §2.1 puts a horizontal rule between OPTION rows and nowhere else, and `theme/divider-law.test.ts`
+ * inventories every one basalt draws. Three rules inside a KPI card would read as a table wearing a
+ * card's clothes. The rows are separated by the stack rhythm and by weight — a muted label against
+ * an ink value — which is the same separation the sheet's own field groups use.
+ */
+.breakdown {
+  display: flex;
+  flex-direction: column;
+  margin: var(--vx-space-stack-sm) 0 0;
+  padding: 0;
+  min-width: 0;
+}
+
+/*
+ * One row, one line, at the TAG tier (`controlHeightTag`, 20px at level 0) — the smallest control
+ * step basalt declares, and a token rather than a literal so the rows track the density knob with
+ * everything else. `justify-content: space-between` is what makes the pair read as a row without a
+ * grid: the label leads, the value trails, and neither needs a column to align against because
+ * every row in one card is the same box.
+ */
+.breakdownRow {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--vx-space-control-gap);
+  min-height: var(--vx-space-control-height-tag);
+  min-width: 0;
+}
+
+.breakdownLabel {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: var(--vx-text-sm);
+  color: var(--vx-muted);
+}
+
+/* Mono and ink — a breakdown value is a number, and it is the half of the row worth reading. Never
+ * shrinks: the LABEL is the prose half and the one that may ellipsize. */
+.breakdownValue {
+  flex-shrink: 0;
+  margin: 0;
+  font-family: var(--basalt-font-mono);
+  font-size: var(--vx-text-sm);
+  font-weight: 500;
+  color: var(--vx-ink);
+}
+
+/*
+ * A row past a threshold. Same vocabulary and the same per-scheme solids as the card's own tone rail
+ * (`stat-card.tsx`'s `VX.status[tone]`), so a row saying `bad` and a rail saying `bad` are one claim
+ * at two scales. Colour is not the only carrier at the CARD level (the rail ships a
+ * `VisuallyHidden` verdict); at the ROW level the label is the carrier — a row reading
+ * `Paid · 1,204` states its own subject either way, and the tint only ranks it.
+ */
+.breakdownRow[data-tone='good'] .breakdownValue {
+  color: var(--vx-status-good);
+}
+
+.breakdownRow[data-tone='warn'] .breakdownValue {
+  color: var(--vx-status-warn);
+}
+
+.breakdownRow[data-tone='bad'] .breakdownValue {
+  color: var(--vx-status-bad);
+}
+
+.sparklineBleed {
+  margin-top: auto;
+  margin-inline: calc(-1 * var(--mantine-spacing-sm));
+  margin-bottom: calc(-1 * var(--mantine-spacing-xs));
+}
+
+/* Asks for `StatCard`'s `SPARKLINE_RIGHT_WIDTH`/`_HEIGHT` (handed down as custom properties, so this
+ * rule and the `< sm` reset below can both reach them) and shrinks below the width before the hero
+ * row does — see the `.header` note above. `min-width: 0` is what lets it. */
+.sparklineRight {
+  display: flex;
+  flex: 0 1 var(--basalt-stat-sparkline-w, 4.5rem);
+  min-width: 0;
+  height: var(--basalt-stat-sparkline-h, 1.625rem);
+  align-items: flex-end;
+  overflow: hidden;
+}
+
+@media (max-width: 47.99375em) {
+  .body[data-placement='right'] {
+    flex-direction: column;
+    align-items: stretch;
+  }
+
+  .body[data-placement='right'] .header {
+    flex: initial;
+  }
+
+  /* The row became a COLUMN, so `flex-basis` is now the main-axis HEIGHT — the 72px width would
+   * become a 72px-tall box around 26px of bars. `flex: none` + the height keeps the bled trend the
+   * same 26px it is beside a hero row. */
+  .body[data-placement='right'] .sparklineRight {
+    flex: none;
+    margin-top: auto;
+    margin-inline: calc(-1 * var(--mantine-spacing-sm));
+    margin-bottom: calc(-1 * var(--mantine-spacing-xs));
+  }
+}

package/dist/dashboard/stat-card.module.css.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Typed CSS-module declaration (the S4 CSS-modules path). Named string props — not an index
+ * signature — so dot access stays verbatim under the package's strict flags.
+ */
+declare const classes: {
+  readonly body: string
+  readonly header: string
+  readonly breakdown: string
+  readonly breakdownRow: string
+  readonly breakdownLabel: string
+  readonly breakdownValue: string
+  readonly sparklineBleed: string
+  readonly sparklineRight: string
+}
+export default classes

package/dist/data/data-table.d.ts

@@ -24,16 +24,16 @@ declare module '@tanstack/react-table' {
         numeral?: boolean;
     }
 }
-/** A single selectable option inside a {@link DataTableFacet}'s Select/MultiSelect. */
+/** A single selectable option inside a {@link DataTableFacet}'s `EnumFilter`/`MultiSelectFilter` pill. */
 export type DataTableFacetOption = {
     /** The raw filter value, compared against the column's stringified cell value. */
     value: string;
-    /** Label shown in the Select/MultiSelect dropdown. */
+    /** Label shown in the pill's popover. */
     label: string;
 };
 /**
- * Declares one faceted column filter, rendered as a Mantine Select (or MultiSelect when
- * `multiple` is set) inside the toolbar.
+ * Declares one faceted column filter, rendered as an `EnumFilter` pill (or `MultiSelectFilter`
+ * when `multiple` is set) inside a `FilterSet` in the toolbar (`docs/CONTROLS-SPEC.md` §3).
  *
  * @example
  * const facets: DataTableFacet[] = [
@@ -45,11 +45,11 @@ export type DataTableFacetOption = {
 export type DataTableFacet = {
     /** The TanStack column id — the column's manual `id`, or its `accessorKey` string. */
     columnId: string;
-    /** Label shown as the Select/MultiSelect placeholder. */
+    /** The pill's label — read at rest (single-select) and as the `Filters`/count fallback (multi). */
     label: string;
     /** Selectable options for this facet. */
     options: DataTableFacetOption[];
-    /** Render a MultiSelect (any-of match) instead of a single Select (exact match). @default false */
+    /** Render a `MultiSelectFilter` (any-of match) instead of an `EnumFilter` (exact match). @default false */
     multiple?: boolean;
 };
 /**
@@ -66,6 +66,16 @@ export type DataTableFacet = {
  * }
  */
 export type BasaltDataTableProps<T> = {
+    /**
+     * Optional heading rendered above the toolbar via `WidgetHeader tier="widget"`. `count` always
+     * reads `table.getRowCount()` (C11) — never a raw `data.length` — so it tracks the row model
+     * (post-filter/-pagination) rather than the unfiltered input.
+     */
+    title?: string;
+    /** Optional leading icon, forwarded to `WidgetHeader`. */
+    icon?: ReactNode;
+    /** Optional muted line rendered below the title row. */
+    subtitle?: string;
     /** Row data array. */
     data: T[];
     /**
@@ -162,9 +172,9 @@ export type BasaltDataTableProps<T> = {
     /** Called whenever the internal global filter value changes. */
     onGlobalFilterChange?: (value: string) => void;
     /**
-     * Faceted column filters, rendered in the toolbar as Mantine Select/MultiSelect controls wired
-     * to TanStack's per-column `columnFilters` state. The toolbar renders whenever this array is
-     * non-empty, `enableGlobalFilter` is set, or `toolbarActions` is passed.
+     * Faceted column filters, rendered in the toolbar as `EnumFilter`/`MultiSelectFilter` pills
+     * inside a `FilterSet`, wired to TanStack's per-column `columnFilters` state. The toolbar
+     * renders whenever this array is non-empty, `enableGlobalFilter` is set, or `actions` is passed.
      * @example
      * facets={[{ columnId: 'department', label: 'Department', options: departmentOptions }]}
      */
@@ -183,9 +193,10 @@ export type BasaltDataTableProps<T> = {
     manualFiltering?: boolean;
     /**
      * Right-aligned toolbar slot (e.g. an "Export" button). Renders the toolbar row even when no
-     * search input or facets are configured.
+     * search input or facets are configured. Renamed from `toolbarActions` — the toolbar (search +
+     * facets + this slot) is wrapped in `CtlSlot` (C1/C5), so its controls resolve to the `ctl` tier.
      */
-    toolbarActions?: ReactNode;
+    actions?: ReactNode;
     /**
      * Enables the bottom pagination bar ("Showing X–Y of N", rows-per-page `Select`, Mantine
      * `Pagination`) wired to TanStack's `pagination` state. Client-side by default — see
@@ -280,9 +291,20 @@ export type BasaltDataTableProps<T> = {
     /** Row separators. Forwarded to Mantine `Table`. @default true (Mantine's own default) */
     withRowBorders?: boolean;
     /**
-     * Outer table border. Turn it OFF for a table that already sits inside a `Card`/`ChartCard`,
-     * where the card owns the frame and a second one reads as a nested box.
-     * @default true
+     * Outer table border — a full box around the table.
+     *
+     * **`false` by default since this minor** (it was `true`). Three separate faults, all visible on
+     * the playground's `Controls (mobile)` page at 390px: its TOP edge sat directly under the table's
+     * own `WidgetHeader`, separating a header from its own content; its BOTTOM edge landed on the last
+     * row's own hairline, two rules at zero distance; and its left/right edges carried no information
+     * at all on a table that fills the page (`docs/DESIGN-SPEC.md` §8 — a border is a layout divider,
+     * and there is nothing here to divide). The head-row rule and the between-row rules stay, so the
+     * table still reads as a table.
+     *
+     * Pass `true` for a table that genuinely needs a frame — a small table floating in whitespace
+     * beside other content, where the box IS the grouping.
+     *
+     * @default false
      */
     withTableBorder?: boolean;
 };
@@ -311,5 +333,5 @@ export type BasaltDataTableProps<T> = {
  *   emptyState={<Text c="dimmed">No users found.</Text>}
  * />
  */
-export declare function BasaltDataTable<T>({ data, columns, enableSorting, manualSorting, striped, highlightOnHover, emptyState, isLoading, skeletonRows, initialSorting, onSortingChange, enableGlobalFilter, globalFilterPlaceholder, searchIcon, initialGlobalFilter, onGlobalFilterChange, facets, onColumnFiltersChange, manualFiltering, toolbarActions, enablePagination, pageSizeOptions, initialPagination, onPaginationChange, manualPagination, rowCount, pageCount, enablePinning, initialColumnPinning, maxHeight, minWidth, stickyHeader, stickyHeaderOffset, verticalSpacing, horizontalSpacing, withRowBorders, withTableBorder, }: BasaltDataTableProps<T>): import("react").JSX.Element;
+export declare function BasaltDataTable<T>({ title, icon, subtitle, data, columns, enableSorting, manualSorting, striped, highlightOnHover, emptyState, isLoading, skeletonRows, initialSorting, onSortingChange, enableGlobalFilter, globalFilterPlaceholder, searchIcon, initialGlobalFilter, onGlobalFilterChange, facets, onColumnFiltersChange, manualFiltering, actions, enablePagination, pageSizeOptions, initialPagination, onPaginationChange, manualPagination, rowCount, pageCount, enablePinning, initialColumnPinning, maxHeight, minWidth, stickyHeader, stickyHeaderOffset, verticalSpacing, horizontalSpacing, withRowBorders, withTableBorder, }: BasaltDataTableProps<T>): import("react").JSX.Element;
 //# sourceMappingURL=data-table.d.ts.map

package/dist/data/data-table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../src/data/data-table.tsx"],"names":[],"mappings":"AA4CA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AACnD,OAAO,KAAK,EAEV,SAAS,EACT,kBAAkB,EAClB,kBAAkB,EAElB,eAAe,EACf,OAAO,EACP,YAAY,EAGb,MAAM,uBAAuB,CAAA;AAS9B,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAMrD,+DAA+D;AAC/D,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;AAExD;;;;;;;;GAQG;AACH,OAAO,QAAQ,uBAAuB,CAAC;IAGrC,UAAU,UAAU,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM;QAChD,KAAK,CAAC,EAAE,cAAc,CAAA;QACtB;;;;;WAKG;QACH,OAAO,CAAC,EAAE,OAAO,CAAA;KAClB;CACF;AAmBD,uFAAuF;AACvF,MAAM,MAAM,oBAAoB,GAAG;IACjC,kFAAkF;IAClF,KAAK,EAAE,MAAM,CAAA;IACb,sDAAsD;IACtD,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED;;;;;;;;;;GAUG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,sFAAsF;IACtF,QAAQ,EAAE,MAAM,CAAA;IAChB,yDAAyD;IACzD,KAAK,EAAE,MAAM,CAAA;IACb,yCAAyC;IACzC,OAAO,EAAE,oBAAoB,EAAE,CAAA;IAC/B,mGAAmG;IACnG,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAID;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,oBAAoB,CAAC,CAAC,IAAI;IACpC,sBAAsB;IACtB,IAAI,EAAE,CAAC,EAAE,CAAA;IACT;;;OAGG;IAKH,OAAO,EAAE,SAAS,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAA;IAC5B;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB;;;;;;;;;;;;;;;;;;OAkBG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,6FAA6F;IAC7F,OAAO,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,MAAM,CAAA;IAClC,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;;;OAIG;IACH,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;;;;;;OAOG;IACH,cAAc,CAAC,EAAE,YAAY,CAAA;IAC7B;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAA;IAIjD;;;;;;OAMG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;;OAGG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,gEAAgE;IAChE,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9C;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,cAAc,EAAE,CAAA;IACzB,6FAA6F;IAC7F,qBAAqB,CAAC,EAAE,CAAC,OAAO,EAAE,kBAAkB,KAAK,IAAI,CAAA;IAC7D;;;;;;;;OAQG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;OAGG;IACH,cAAc,CAAC,EAAE,SAAS,CAAA;IAI1B;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;IAC1B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,eAAe,CAAA;IACnC,6DAA6D;IAC7D,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,eAAe,KAAK,IAAI,CAAA;IAC1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA8BG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,iHAAiH;IACjH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,2HAA2H;IAC3H,SAAS,CAAC,EAAE,MAAM,CAAA;IAIlB;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,oFAAoF;IACpF,oBAAoB,CAAC,EAAE,kBAAkB,CAAA;IAIzC;;;;;;;;;;OAUG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,+FAA+F;IAC/F,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,6FAA6F;IAC7F,kBAAkB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpC,2DAA2D;IAC3D,eAAe,CAAC,EAAE,cAAc,CAAA;IAChC,6DAA6D;IAC7D,iBAAiB,CAAC,EAAE,cAAc,CAAA;IAClC,0FAA0F;IAC1F,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAiLD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAAE,EACjC,IAAI,EACJ,OAAO,EACP,aAAoB,EACpB,aAAqB,EACrB,OAAO,EACP,gBAAgB,EAChB,UAAU,EACV,SAAiB,EACjB,YAAgB,EAChB,cAAc,EACd,eAAe,EACf,kBAA0B,EAC1B,uBAAmC,EACnC,UAAU,EACV,mBAAmB,EACnB,oBAAoB,EACpB,MAAM,EACN,qBAAqB,EACrB,eAAuB,EACvB,cAAc,EACd,gBAAwB,EACxB,eAA2C,EAC3C,iBAAiB,EACjB,kBAAkB,EAClB,gBAAwB,EACxB,QAAQ,EACR,SAAS,EACT,aAAqB,EACrB,oBAAoB,EACpB,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,kBAAkB,EAClB,eAAe,EACf,iBAAiB,EACjB,cAAc,EACd,eAAsB,GACvB,EAAE,oBAAoB,CAAC,CAAC,CAAC,+BAuXzB"}
+{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../src/data/data-table.tsx"],"names":[],"mappings":"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"}