@dalcvil/steam-green-react 0.2.0 → 1.0.0

package/dist/components/StatusLabel/StatusLabel.css

@@ -0,0 +1,93 @@
+/*
+ * Green Steam status label.
+ *
+ * One element, one text node: the status string of a bottom strip
+ * (docs/components/StatusLabel.md). Uppercase and muted by default, and the
+ * hover state is a COLOUR change only — no underline, no face, no bevel.
+ *
+ * `--vgui-status-dot-size` is component-local and therefore declared here, per
+ * foundations.md §4; every shared token is referenced bare.
+ */
+
+.vgui-status-label {
+  --vgui-status-dot-size: 6px;
+
+  position: relative;
+  display: inline-block;
+  font: inherit;
+  font-size: var(--vgui-font-size);
+  font-weight: 400; /* StatusLabel is the ONLY 400 override */
+  line-height: 1.15;
+  color: var(--vgui-text-muted);
+  text-transform: uppercase;
+  letter-spacing: 0.02em;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+/* The hover state is a COLOUR change only — no underline, no face, no bevel. */
+.vgui-status-label--link {
+  color: var(--vgui-text-muted);
+  text-decoration: none;
+  cursor: pointer;
+}
+
+.vgui-status-label--link:hover,
+.vgui-status-label--link:focus-visible {
+  color: var(--vgui-text-strong);
+}
+
+.vgui-status-label--link:focus-visible {
+  outline: var(--vgui-focus-ring);
+  outline-offset: var(--vgui-focus-ring-offset);
+}
+
+.vgui-status-label--with-dot {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+}
+
+/* Deliberately square: the theme has no round mask, and a square reads as a
+ * VGUI glyph rather than a modern badge dot. */
+.vgui-status-label--with-dot::before {
+  content: '';
+  flex: none;
+  inline-size: var(--vgui-status-dot-size);
+  block-size: var(--vgui-status-dot-size);
+  background-color: currentColor;
+}
+
+.vgui-status-label--strong {
+  text-transform: none;
+  color: var(--vgui-text-strong);
+  letter-spacing: 0;
+}
+
+/*
+ * The corpus declares no disabled state. Option 2 of the component doc: an
+ * opt-in `disabled` prop maps to `aria-disabled` and dims with
+ * `--vgui-text-dim` ONLY — no shadow.
+ */
+.vgui-status-label[aria-disabled='true'] {
+  color: var(--vgui-text-dim);
+  cursor: default;
+}
+
+/*
+ * The optional screen-reader-only prefix. Standard clip idiom: absolute so it
+ * is never a wrapper (and never a flex item of `--with-dot`), 1px so it cannot
+ * affect layout.
+ */
+.vgui-status-label__prefix {
+  position: absolute;
+  inline-size: 1px;
+  block-size: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border: 0;
+}

package/dist/components/StatusLabel/StatusLabel.css.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/components/StatusLabel/StatusLabel.d.ts

@@ -0,0 +1,20 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import './StatusLabel.css';
+export interface StatusLabelProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
+    /** The status string. Rendered uppercase by default. */
+    children?: ReactNode;
+    /** Render as an anchor. When set, hover brightens the text to white. */
+    href?: string;
+    /** Add a leading 6px dot in the current text colour. */
+    withDot?: boolean;
+    /** Drop the uppercase transform and use strong text. Use for long strings. */
+    strong?: boolean;
+    /** Prepend a visually hidden word, e.g. "Status:", for screen readers. */
+    accessiblePrefix?: string;
+    /** Renders a polite live region so changes are announced. */
+    live?: 'off' | 'polite' | 'assertive';
+    /** Dim the text with `--vgui-text-dim` only — no shadow — and expose `aria-disabled`. */
+    disabled?: boolean;
+}
+export declare const StatusLabel: import("react").ForwardRefExoticComponent<StatusLabelProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=StatusLabel.d.ts.map

package/dist/components/StatusLabel/StatusLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusLabel.d.ts","sourceRoot":"","sources":["../../../src/components/StatusLabel/StatusLabel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAO,MAAM,OAAO,CAAA;AAE3D,OAAO,mBAAmB,CAAA;AAE1B,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IACrD,wDAAwD;IACxD,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,wEAAwE;IACxE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,0EAA0E;IAC1E,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,WAAW,CAAA;IACrC,yFAAyF;IACzF,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,WAAW,0GA8DvB,CAAA"}

package/dist/components/StatusLabel/StatusLabel.js

@@ -0,0 +1,42 @@
+import { forwardRef } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import "./StatusLabel.css";
+//#region src/components/StatusLabel/StatusLabel.tsx
+var StatusLabel = forwardRef(function StatusLabel({ className, children, href, withDot = false, strong = false, accessiblePrefix, live = "off", disabled = false, ...rest }, ref) {
+	const classes = ["vgui-status-label"];
+	if (href !== void 0) classes.push("vgui-status-label--link");
+	if (withDot) classes.push("vgui-status-label--with-dot");
+	if (strong) classes.push("vgui-status-label--strong");
+	if (className) classes.push(className);
+	const ariaLive = live === "off" ? void 0 : live;
+	const disabledAttrs = {
+		"aria-disabled": disabled || void 0,
+		"data-disabled": disabled ? "true" : void 0
+	};
+	const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [accessiblePrefix !== void 0 && /* @__PURE__ */ jsx("span", {
+		className: "vgui-status-label__prefix",
+		children: accessiblePrefix
+	}), children] });
+	if (href !== void 0) return /* @__PURE__ */ jsx("a", {
+		ref,
+		href,
+		className: classes.join(" "),
+		"aria-live": ariaLive,
+		...disabledAttrs,
+		...rest,
+		children: content
+	});
+	return /* @__PURE__ */ jsx("span", {
+		ref,
+		className: classes.join(" "),
+		"aria-live": ariaLive,
+		...disabledAttrs,
+		...rest,
+		children: content
+	});
+});
+StatusLabel.displayName = "StatusLabel";
+//#endregion
+export { StatusLabel };
+
+//# sourceMappingURL=StatusLabel.js.map

package/dist/components/StatusLabel/StatusLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusLabel.js","names":[],"sources":["../../../src/components/StatusLabel/StatusLabel.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport type { HTMLAttributes, ReactNode, Ref } from 'react'\n\nimport './StatusLabel.css'\n\nexport interface StatusLabelProps\n  extends Omit<HTMLAttributes<HTMLElement>, 'children'> {\n  /** The status string. Rendered uppercase by default. */\n  children?: ReactNode\n  /** Render as an anchor. When set, hover brightens the text to white. */\n  href?: string\n  /** Add a leading 6px dot in the current text colour. */\n  withDot?: boolean\n  /** Drop the uppercase transform and use strong text. Use for long strings. */\n  strong?: boolean\n  /** Prepend a visually hidden word, e.g. \"Status:\", for screen readers. */\n  accessiblePrefix?: string\n  /** Renders a polite live region so changes are announced. */\n  live?: 'off' | 'polite' | 'assertive'\n  /** Dim the text with `--vgui-text-dim` only — no shadow — and expose `aria-disabled`. */\n  disabled?: boolean\n}\n\nexport const StatusLabel = forwardRef<HTMLElement, StatusLabelProps>(\n  function StatusLabel(\n    {\n      className,\n      children,\n      href,\n      withDot = false,\n      strong = false,\n      accessiblePrefix,\n      live = 'off',\n      disabled = false,\n      ...rest\n    },\n    ref,\n  ) {\n    const classes = ['vgui-status-label']\n    if (href !== undefined) classes.push('vgui-status-label--link')\n    if (withDot) classes.push('vgui-status-label--with-dot')\n    if (strong) classes.push('vgui-status-label--strong')\n    if (className) classes.push(className)\n\n    const ariaLive = live === 'off' ? undefined : live\n    const disabledAttrs = {\n      'aria-disabled': disabled || undefined,\n      'data-disabled': disabled ? ('true' as const) : undefined,\n    }\n    const content = (\n      <>\n        {accessiblePrefix !== undefined && (\n          <span className=\"vgui-status-label__prefix\">{accessiblePrefix}</span>\n        )}\n        {children}\n      </>\n    )\n\n    if (href !== undefined) {\n      return (\n        <a\n          ref={ref as Ref<HTMLAnchorElement>}\n          href={href}\n          className={classes.join(' ')}\n          aria-live={ariaLive}\n          {...disabledAttrs}\n          {...rest}\n        >\n          {content}\n        </a>\n      )\n    }\n\n    return (\n      <span\n        ref={ref as Ref<HTMLSpanElement>}\n        className={classes.join(' ')}\n        aria-live={ariaLive}\n        {...disabledAttrs}\n        {...rest}\n      >\n        {content}\n      </span>\n    )\n  },\n)\n\nStatusLabel.displayName = 'StatusLabel'\n"],"mappings":";;;;AAuBA,IAAa,cAAc,WACzB,SAAS,YACP,EACE,WACA,UACA,MACA,UAAU,OACV,SAAS,OACT,kBACA,OAAO,OACP,WAAW,OACX,GAAG,QAEL,KACA;CACA,MAAM,UAAU,CAAC,mBAAmB;CACpC,IAAI,SAAS,KAAA,GAAW,QAAQ,KAAK,yBAAyB;CAC9D,IAAI,SAAS,QAAQ,KAAK,6BAA6B;CACvD,IAAI,QAAQ,QAAQ,KAAK,2BAA2B;CACpD,IAAI,WAAW,QAAQ,KAAK,SAAS;CAErC,MAAM,WAAW,SAAS,QAAQ,KAAA,IAAY;CAC9C,MAAM,gBAAgB;EACpB,iBAAiB,YAAY,KAAA;EAC7B,iBAAiB,WAAY,SAAmB,KAAA;CAClD;CACA,MAAM,UACJ,qBAAA,YAAA,EAAA,UAAA,CACG,qBAAqB,KAAA,KACpB,oBAAC,QAAD;EAAM,WAAU;EAA6B,UAAA;CAAuB,CAAA,GAErE,QACD,EAAA,CAAA;CAGJ,IAAI,SAAS,KAAA,GACX,OACE,oBAAC,KAAD;EACO;EACC;EACN,WAAW,QAAQ,KAAK,GAAG;EAC3B,aAAW;EACX,GAAI;EACJ,GAAI;EAEH,UAAA;CACA,CAAA;CAIP,OACE,oBAAC,QAAD;EACO;EACL,WAAW,QAAQ,KAAK,GAAG;EAC3B,aAAW;EACX,GAAI;EACJ,GAAI;EAEH,UAAA;CACG,CAAA;AAEV,CACF;AAEA,YAAY,cAAc"}

package/dist/components/StatusLabel/index.d.ts

@@ -0,0 +1,3 @@
+export { StatusLabel } from './StatusLabel';
+export type { StatusLabelProps } from './StatusLabel';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/StatusLabel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/StatusLabel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA"}

package/dist/components/Table/Table.css

@@ -0,0 +1,253 @@
+/* Table — ListPanel with ListPanelColumnheader, ListPanelDragger and
+   SectionedListPanel rows. See docs/components/Table.md.
+   Every metric below that the corpus does not define is written as a
+   `var(--vgui-<token>, <doc value>)` pair so the component still renders
+   correctly before the token lands in tokens.css. */
+
+.vgui-table {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  box-sizing: border-box;
+  color: var(--vgui-text);
+  font-family: var(--vgui-font);
+  font-size: var(--vgui-font-size, 14px);
+  line-height: var(--vgui-line-height, 1.25);
+}
+
+/* ---- Header: ListPanelColumnheader ---- */
+.vgui-table__head {
+  display: flex;
+  flex: 0 0 auto;
+  position: relative;
+  z-index: 1;
+  background-color: var(--vgui-table-header-bg, #4c5844);
+  border-top: var(--vgui-bevel-width, 1px) solid var(--vgui-bevel-light);
+  border-left: var(--vgui-bevel-width, 1px) solid var(--vgui-bevel-light);
+  border-right: var(--vgui-bevel-width, 1px) solid var(--vgui-bevel-dark);
+  border-bottom: var(--vgui-bevel-width, 1px) solid var(--vgui-bevel-dark);
+  color: var(--vgui-table-header-text, #ffffff);
+  font-weight: var(--vgui-table-header-weight, 200);
+  /* No :hover rule: the corpus hover is a no-op, and a colour hover would leave
+     the vocabulary. Pressed rotates the bevel like every other VGUI control. */
+}
+
+.vgui-table--header-uppercase .vgui-table__head {
+  text-transform: uppercase;
+}
+
+.vgui-table--sticky .vgui-table__head {
+  position: sticky;
+  top: 0;
+  z-index: 2;
+}
+
+.vgui-table__th {
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  box-sizing: border-box;
+  min-width: 0;
+  min-height: var(--vgui-table-row-height, 17px);
+  padding: 0 var(--vgui-table-cell-pad, 4px);
+  cursor: default;
+  overflow: hidden;
+  white-space: nowrap;
+  user-select: none;
+}
+
+.vgui-table__th-label {
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.vgui-table__th-icon {
+  display: inline-flex;
+  flex: 0 0 auto;
+  align-items: center;
+  justify-content: center;
+  /* The header glyphs are 16x16 in the corpus; no assets ship with the port. */
+  width: var(--vgui-table-glyph-size, 16px);
+  height: var(--vgui-table-glyph-size, 16px);
+}
+
+.vgui-table__icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--vgui-table-glyph-size, 16px);
+  height: var(--vgui-table-glyph-size, 16px);
+}
+
+/* Sortable headers are buttons, so they need to inherit the header strip's
+   typography and to keep the full cell as their target. */
+.vgui-table__sort {
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  width: 100%;
+  min-width: 0;
+  min-height: var(--vgui-table-row-height, 17px);
+  margin: 0;
+  padding: 0;
+  border: 0;
+  background: none;
+  color: inherit;
+  font: inherit;
+  text-align: inherit;
+  cursor: pointer;
+}
+
+.vgui-table__sort:focus-visible,
+.vgui-table__dragger:focus-visible {
+  outline: var(--vgui-focus-ring);
+  outline-offset: var(--vgui-focus-ring-offset);
+}
+
+/* Valve's fallback ring: a 1px dashed inner outline. */
+.vgui-crisp .vgui-table__sort:focus-visible,
+.vgui-crisp .vgui-table__dragger:focus-visible {
+  outline: var(--vgui-focus-ring-valve);
+  outline-offset: var(--vgui-focus-ring-valve-offset);
+}
+
+/* There is no sorted state in the corpus — the indicator was drawn in C++ by
+   CInternetGames. A triangle is the smallest invention that is not a colour,
+   and the sorted header also carries aria-sort. */
+.vgui-table__sort-indicator {
+  flex: 0 0 auto;
+  width: 0;
+  height: 0;
+  margin-left: 2px;
+  border-left: var(--vgui-table-sort-glyph-size, 4px) solid transparent;
+  border-right: var(--vgui-table-sort-glyph-size, 4px) solid transparent;
+  border-bottom: var(--vgui-table-sort-glyph-size, 4px) solid currentColor;
+}
+
+.vgui-table__sort-indicator[data-direction='desc'] {
+  border-bottom: 0;
+  border-top: var(--vgui-table-sort-glyph-size, 4px) solid currentColor;
+}
+
+.vgui-table__sort-indicator[data-direction='none'] {
+  visibility: hidden;
+}
+
+/* ---- Dragger: ListPanelDragger ---- */
+/* The corpus draws nothing here and gives it no keyboard path; a visible 1px
+   seam plus arrow-key resizing is a deliberate departure, documented in
+   docs/components/Table.md. */
+.vgui-table__dragger {
+  position: relative;
+  flex: 0 0 var(--vgui-table-dragger-width, 1px);
+  align-self: stretch;
+  background-color: var(--vgui-bevel-dark);
+  cursor: col-resize;
+}
+
+/* A 1px target is unreachable with a pointer, so the seam carries an invisible
+   hit area. It stops at 3px per side because the neighbouring cells have 4px of
+   their own padding — a full --vgui-min-target-size would cover header text. */
+.vgui-table__dragger::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: -3px;
+  right: -3px;
+}
+
+/* ---- Body: same grammar as List ---- */
+.vgui-table__body {
+  flex: 1 1 auto;
+  min-height: 0;
+  background-color: var(--vgui-list-bg, #3e4637);
+  /* The head already painted the seam; a second BorderDark here would draw a 2px
+     double line. Paint the boundary once, from the element above. */
+  border-top: 0;
+  border-left: var(--vgui-bevel-width, 1px) solid var(--vgui-bevel-dark);
+  border-right: var(--vgui-bevel-width, 1px) solid var(--vgui-bevel-light);
+  border-bottom: var(--vgui-bevel-width, 1px) solid var(--vgui-bevel-light);
+  /* VGUI always shows the list's scrollbar, even when nothing overflows, so the
+     gutter is reserved and the bar is painted with a full-length thumb that
+     cannot be dragged yet — `overflow-y: scroll` gives exactly that. `auto`
+     would drop the bar and reflow every column. */
+  overflow-y: scroll;
+}
+
+.vgui-table__row {
+  position: relative;
+  display: flex;
+  min-height: var(--vgui-table-row-height, 17px);
+  /* GameslistText, which Valve created for the games list: 7.06:1 on GrayBG. */
+  color: var(--vgui-text-list-strong, #e6ece0);
+  cursor: default;
+  /* No transitions: VGUI selection is instantaneous. */
+}
+
+/* Selection is "pushed in": the fill is darker than the interior at only 1.41:1,
+   which fails WCAG 1.4.11 on its own, so the state also carries a leading marker
+   and a 1px inset shadow — both non-colour cues. */
+.vgui-table__row[aria-selected='true'] {
+  background-color: var(--vgui-list-selected-bg, #282e22);
+  color: var(--vgui-text-strong);
+  box-shadow: inset 1px 1px 0 var(--vgui-bevel-dark);
+}
+
+/* Absolutely positioned so the marker costs no width: a marker in the flow would
+   shift every cell 2px sideways whenever the selection moved. */
+.vgui-table__row[aria-selected='true']::before {
+  content: '';
+  position: absolute;
+  top: 2px;
+  bottom: 2px;
+  left: 0;
+  width: 2px;
+  background-color: var(--vgui-text-strong);
+}
+
+/* Roving tabindex: the arrow keys move focus, so the ring marks the *active*
+   row — a different row from the selected ones in a multi-select grid. */
+.vgui-table__row:focus-visible {
+  outline: var(--vgui-focus-ring);
+  outline-offset: var(--vgui-focus-ring-offset);
+}
+
+.vgui-crisp .vgui-table__row:focus-visible {
+  outline: var(--vgui-focus-ring-valve);
+  outline-offset: var(--vgui-focus-ring-valve-offset);
+}
+
+/* ---- Cells ---- */
+.vgui-table__cell {
+  box-sizing: border-box;
+  min-width: 0;
+  padding: 0 var(--vgui-table-cell-pad, 4px);
+  overflow: hidden;
+  text-align: left;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.vgui-table__th[data-align='center'],
+.vgui-table__cell[data-align='center'] {
+  justify-content: center;
+  text-align: center;
+}
+
+.vgui-table__th[data-align='end'],
+.vgui-table__cell[data-align='end'] {
+  justify-content: flex-end;
+  text-align: right;
+}
+
+/* ---- Empty state ---- */
+.vgui-table__empty {
+  flex: 1 1 auto;
+  color: var(--vgui-text-dim);
+  font-style: italic;
+}

package/dist/components/Table/Table.css.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/components/Table/Table.d.ts

@@ -0,0 +1,67 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import './Table.css';
+import '../../styles/scrollbars.css';
+export interface TableSort {
+    /** Column the rows are ordered by. */
+    columnId: string;
+    /** Ordering direction. */
+    direction: 'asc' | 'desc';
+}
+export interface TableColumn<Row> {
+    /** Stable identity; also the aria-colindex key. */
+    id: string;
+    /** Header label. */
+    header: string;
+    /** Cell renderer for a row. */
+    cell: (row: Row) => ReactNode;
+    /** Fixed width in pixels; omit to flex. */
+    width?: number;
+    /** Initial width when resizable and uncontrolled. */
+    defaultWidth?: number;
+    /**
+     * Value the rows are ordered by. Falls back to the rendered text when the
+     * cell produces a string or a number, and to nothing otherwise — a cell
+     * holding markup has no order the component could guess.
+     */
+    sortValue?: (row: Row) => string | number;
+    /** Makes the header a sort button for this column. */
+    sortable?: boolean;
+    /** Header alignment; VGUI headers are left-aligned. */
+    align?: 'start' | 'center' | 'end';
+    /** Optional header glyph, e.g. the VAC shield. */
+    headerIcon?: ReactNode;
+}
+export interface TableProps<Row> extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** Column definitions, in display order. */
+    columns: TableColumn<Row>[];
+    /** Row data. */
+    rows: Row[];
+    /** Returns the stable id used for selection and React keys. */
+    rowId: (row: Row) => string;
+    /** Controlled selection. Use `string[]` when `multi` is set. */
+    selected?: string | string[];
+    /** Initial selection when uncontrolled. */
+    defaultSelected?: string | string[];
+    /** Allows Ctrl/Shift multi-selection. */
+    multi?: boolean;
+    /** Called with the new selection. */
+    onSelectedChange?: (ids: string | string[]) => void;
+    /** Controlled sort. */
+    sort?: TableSort;
+    /** Called when a sortable header is activated. */
+    onSortChange?: (sort: TableSort) => void;
+    /** Allows column resizing with a visible dragger. */
+    resizable?: boolean;
+    /** Called with the new width after a resize gesture ends. */
+    onColumnResize?: (columnId: string, width: number) => void;
+    /** Renders headers in uppercase, as the main client window does. */
+    headerUppercase?: boolean;
+    /** Sticky header. No corpus precedent; see Open questions. */
+    stickyHeader?: boolean;
+    /** Message shown in the grid's single row when there are no rows. */
+    emptyMessage?: string;
+    /** Sets `aria-busy` on the grid while a refresh is in flight. */
+    busy?: boolean;
+}
+export declare function Table<Row>(props: TableProps<Row>): import("react").JSX.Element;
+//# sourceMappingURL=Table.d.ts.map

package/dist/components/Table/Table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEV,cAAc,EAId,SAAS,EACV,MAAM,OAAO,CAAA;AAEd,OAAO,aAAa,CAAA;AACpB,OAAO,6BAA6B,CAAA;AAEpC,MAAM,WAAW,SAAS;IACxB,sCAAsC;IACtC,QAAQ,EAAE,MAAM,CAAA;IAChB,0BAA0B;IAC1B,SAAS,EAAE,KAAK,GAAG,MAAM,CAAA;CAC1B;AAED,MAAM,WAAW,WAAW,CAAC,GAAG;IAC9B,mDAAmD;IACnD,EAAE,EAAE,MAAM,CAAA;IACV,oBAAoB;IACpB,MAAM,EAAE,MAAM,CAAA;IACd,+BAA+B;IAC/B,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,SAAS,CAAA;IAC7B,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,MAAM,GAAG,MAAM,CAAA;IACzC,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uDAAuD;IACvD,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,kDAAkD;IAClD,UAAU,CAAC,EAAE,SAAS,CAAA;CACvB;AAED,MAAM,WAAW,UAAU,CAAC,GAAG,CAAE,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACvF,4CAA4C;IAC5C,OAAO,EAAE,WAAW,CAAC,GAAG,CAAC,EAAE,CAAA;IAC3B,gBAAgB;IAChB,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,+DAA+D;IAC/D,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,MAAM,CAAA;IAC3B,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC5B,2CAA2C;IAC3C,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACnC,yCAAyC;IACzC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,qCAAqC;IACrC,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IACnD,uBAAuB;IACvB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,kDAAkD;IAClD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAA;IACxC,qDAAqD;IACrD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,6DAA6D;IAC7D,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1D,oEAAoE;IACpE,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,qEAAqE;IACrE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iEAAiE;IACjE,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAqCD,wBAAgB,KAAK,CAAC,GAAG,EAAE,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,+BA0fhD"}