@blakesteve/roster 3.0.0 → 4.1.0

package/dist/components/atoms/Eyebrow/Eyebrow.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { eyebrowVariants } from './eyebrow-variants';
+export interface EyebrowProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof eyebrowVariants> {
+    children: React.ReactNode;
+    /**
+     * Element to render. Defaults to `span` so it stays inline and carries no
+     * heading semantics: an eyebrow labels a section, it is not the heading.
+     */
+    as?: React.ElementType;
+}
+declare const Eyebrow: React.ForwardRefExoticComponent<EyebrowProps & React.RefAttributes<HTMLElement>>;
+export { Eyebrow };

package/dist/components/atoms/Eyebrow/eyebrow-variants.d.ts

@@ -0,0 +1,13 @@
+/**
+ * The small uppercase label that sits above a heading, beside a rule, or as a
+ * column head. Extracted from blakeb.dev, where it was hand-rolled as a CSS
+ * class and used 26 times before anyone noticed it was a component.
+ *
+ * Monospace on purpose: at this size, tracked-out uppercase reads as chrome
+ * rather than prose, which is the whole job.
+ */
+export declare const eyebrowVariants: (props?: ({
+    size?: "xs" | "sm" | "md" | null | undefined;
+    tone?: "primary" | "strong" | "default" | "faint" | null | undefined;
+    weight?: "medium" | "normal" | "semibold" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/atoms/InlineCode/InlineCode.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { inlineCodeVariants } from './inline-code-variants';
+export interface InlineCodeProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof inlineCodeVariants> {
+    children: React.ReactNode;
+}
+/** Inline `<code>` for identifiers in running prose. Not for code blocks. */
+declare const InlineCode: React.ForwardRefExoticComponent<InlineCodeProps & React.RefAttributes<HTMLElement>>;
+export { InlineCode };

package/dist/components/atoms/InlineCode/inline-code-variants.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Inline `<code>` for identifiers in running prose.
+ *
+ * Sized at 0.8125rem rather than 1em on purpose: a monospace face at the same
+ * nominal size as the surrounding text always reads a notch too large.
+ */
+export declare const inlineCodeVariants: (props?: ({
+    colorScheme?: "primary" | "neutral" | "current" | null | undefined;
+    surface?: "none" | "soft" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/atoms/LabeledDivider/LabeledDivider.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+export interface LabeledDividerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
+    /** Sits before the rule. */
+    label: React.ReactNode;
+    /** Sits after the rule. Use for a count, a total, a date. */
+    trailing?: React.ReactNode;
+    /** Puts the label on the right instead, with the rule leading. */
+    align?: "start" | "end";
+}
+/**
+ * A horizontal rule that carries a label, and optionally something on the far
+ * side of it. Reads as a section marker rather than a heading, so it suits
+ * lists whose contents already have their own headings.
+ *
+ * `role="presentation"` because the rule is decoration; the label is real text
+ * and stays in the accessibility tree on its own.
+ */
+declare const LabeledDivider: React.ForwardRefExoticComponent<LabeledDividerProps & React.RefAttributes<HTMLDivElement>>;
+export { LabeledDivider };

package/dist/components/atoms/Stat/Stat.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { statValueVariants } from './stat-variants';
+export interface StatProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children">, VariantProps<typeof statValueVariants> {
+    /** The figure itself. A string, so you control formatting and units. */
+    value: React.ReactNode;
+    /** What the figure counts. */
+    label: React.ReactNode;
+    /**
+     * Where the number came from: "live", "GitHub API", "at build time". Small
+     * and quiet by design, but worth having — a figure whose provenance is
+     * stated reads very differently from one that is merely asserted.
+     */
+    source?: React.ReactNode;
+}
+/**
+ * Renders as a `<div>` wrapping a definition pair, so a row of Stats can sit
+ * inside a `<dl>` and stay semantically honest.
+ */
+declare const Stat: React.ForwardRefExoticComponent<StatProps & React.RefAttributes<HTMLDivElement>>;
+export { Stat };

package/dist/components/atoms/Stat/stat-variants.d.ts

@@ -0,0 +1,9 @@
+/**
+ * A single figure with its label. Distinct from Badge and Pill: those carry a
+ * word, a Stat carries a magnitude and is meant to be scanned in a row of
+ * siblings. Digits are tabular so a row of them lines up on the decimal.
+ */
+export declare const statValueVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    colorScheme?: "primary" | "amber" | "success" | "error" | "neutral" | "current" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/atoms/ThemeToggle/ThemeToggle.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { ButtonProps } from '../Button/Button';
+export interface ThemeToggleProps extends Omit<ButtonProps, "onClick" | "children" | "aria-label"> {
+    /** localStorage key. Match it to your blocking script. */
+    storageKey?: string;
+    /** Fires after the theme changes, with the new mode. */
+    onThemeChange?: (mode: "light" | "dark") => void;
+    /** Renders the current mode beside the icon. */
+    showLabel?: boolean;
+    /** Accessible label offering to switch to dark. */
+    toDarkLabel?: string;
+    /** Accessible label offering to switch back to light. */
+    toLightLabel?: string;
+}
+declare const ThemeToggle: React.ForwardRefExoticComponent<ThemeToggleProps & React.RefAttributes<HTMLButtonElement>>;
+export { ThemeToggle };

package/dist/components/molecules/DescriptionList/DescriptionList.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { descriptionListVariants } from './description-list-variants';
+export type DescriptionListItem = {
+    term: React.ReactNode;
+    description: React.ReactNode;
+};
+export interface DescriptionListProps extends Omit<React.HTMLAttributes<HTMLDListElement>, "children">, VariantProps<typeof descriptionListVariants> {
+    items: DescriptionListItem[];
+    /** Adds a hairline under every row but the last. */
+    dividers?: boolean;
+}
+/**
+ * Label and value pairs: a spec sheet, a metadata panel, a props table.
+ *
+ * Renders a real `<dl>` with `<dt>`/`<dd>`, which matters more than it looks —
+ * screen readers announce the pairing, so "Framework, Next.js 16" arrives as
+ * one fact rather than two loose strings.
+ *
+ * The `contents` display on each row wrapper is what lets a grid layout treat
+ * the dt and dd as direct grid children while keeping them grouped in markup.
+ */
+declare const DescriptionList: React.ForwardRefExoticComponent<DescriptionListProps & React.RefAttributes<HTMLDListElement>>;
+export { DescriptionList };

package/dist/components/molecules/DescriptionList/description-list-variants.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Label and value pairs: a spec sheet, a metadata panel, a case study sidebar.
+ *
+ * `sm` is the default because this component's usual home is a sidebar panel,
+ * where the list is reference material rather than reading material.
+ */
+export declare const descriptionListVariants: (props?: ({
+    layout?: "split" | "inline" | "stacked" | null | undefined;
+    size?: "sm" | "md" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/molecules/Pullquote/Pullquote.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { pullquoteVariants } from './pullquote-variants';
+export interface PullquoteProps extends Omit<React.HTMLAttributes<HTMLElement>, "cite">, VariantProps<typeof pullquoteVariants> {
+    children: React.ReactNode;
+    /**
+     * Attribution, rendered beneath the quote. Works as a source ("Why it took a
+     * while to spot") as well as a speaker.
+     */
+    cite?: React.ReactNode;
+    /** URL for the quote's source, passed to the underlying blockquote. */
+    citeUrl?: string;
+}
+/**
+ * A line lifted out of running prose and given room.
+ *
+ * Uses `<figure>` + `<blockquote>` + `<figcaption>` rather than a styled div:
+ * that is the pairing the HTML spec has for quote-with-attribution, and it
+ * keeps the citation associated with the quote for assistive tech.
+ */
+declare const Pullquote: React.ForwardRefExoticComponent<PullquoteProps & React.RefAttributes<HTMLElement>>;
+export { Pullquote };

package/dist/components/molecules/Pullquote/pullquote-variants.d.ts

@@ -0,0 +1,11 @@
+/**
+ * A line lifted out of running prose and given room.
+ *
+ * The scheme colors the rule only; the quote text stays at full contrast in
+ * every case. A pullquote is body copy that has been promoted, and tinting it
+ * would demote it again.
+ */
+export declare const pullquoteVariants: (props?: ({
+    variant?: "rule" | "plain" | "centered" | null | undefined;
+    colorScheme?: "primary" | "amber" | "success" | "error" | "neutral" | "current" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/data-table.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Table-DN9b_g1N.cjs"),j=require("react"),n=require("@tanstack/react-table"),p=n.tableFeatures({rowSortingFeature:n.rowSortingFeature,rowPaginationFeature:n.rowPaginationFeature,sortedRowModel:n.createSortedRowModel(),paginatedRowModel:n.createPaginatedRowModel(),sortFns:n.sortFns});function R({columns:a,data:r,className:i,tableClassName:l,paginationClassName:x,variant:c="default",size:u="md",hoverable:g=!1}){const[m,d]=j.useState([]),t=n.useTable({features:p,data:r,columns:a,onSortingChange:d,state:{sorting:m},initialState:{pagination:{pageIndex:0,pageSize:10}}});return e.jsxRuntimeExports.jsxs("div",{className:e.cn("flex flex-col gap-4",i),children:[e.jsxRuntimeExports.jsxs(e.Table,{variant:c,size:u,hoverable:g,className:l,children:[e.jsxRuntimeExports.jsx(e.TableHeader,{children:t.getHeaderGroups().map(o=>e.jsxRuntimeExports.jsx(e.TableRow,{children:o.headers.map(s=>e.jsxRuntimeExports.jsx(e.TableHead,{children:s.isPlaceholder?null:e.jsxRuntimeExports.jsxs("div",{className:e.cn("flex items-center gap-2 transition-opacity",s.column.getCanSort()&&"cursor-pointer select-none opacity-80 hover:opacity-100"),onClick:s.column.getToggleSortingHandler(),children:[n.flexRender(s.column.columnDef.header,s.getContext()),s.column.getCanSort()&&e.jsxRuntimeExports.jsx("span",{className:"w-4 flex justify-center text-primary-500",children:s.column.getIsSorted()==="asc"?e.jsxRuntimeExports.jsx(e.FontAwesomeIcon,{icon:e.faCaretUp}):s.column.getIsSorted()==="desc"?e.jsxRuntimeExports.jsx(e.FontAwesomeIcon,{icon:e.faCaretDown}):null})]})},s.id))},o.id))}),e.jsxRuntimeExports.jsx(e.TableBody,{children:t.getRowModel().rows?.length?t.getRowModel().rows.map(o=>e.jsxRuntimeExports.jsx(e.TableRow,{children:o.getAllCells().map(s=>e.jsxRuntimeExports.jsx(e.TableCell,{children:n.flexRender(s.column.columnDef.cell,s.getContext())},s.id))},o.id)):e.jsxRuntimeExports.jsx(e.TableRow,{children:e.jsxRuntimeExports.jsx(e.TableCell,{colSpan:a.length,className:"h-24 text-center text-gray-500 dark:text-gray-400 italic",children:"No results found."})})})]}),e.jsxRuntimeExports.jsxs("div",{className:e.cn("flex flex-col sm:flex-row items-center justify-between gap-4 px-2",x),children:[e.jsxRuntimeExports.jsxs("div",{className:"text-sm font-medium text-gray-500 dark:text-gray-400",children:["Page"," ",e.jsxRuntimeExports.jsx("strong",{className:"text-gray-900 dark:text-gray-100",children:t.state.pagination.pageIndex+1})," ","of"," ",e.jsxRuntimeExports.jsx("strong",{className:"text-gray-900 dark:text-gray-100",children:t.getPageCount()})]}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsxRuntimeExports.jsx(e.Button,{variant:"outline",colorScheme:"neutral",size:"sm",onClick:()=>t.setPageIndex(0),disabled:!t.getCanPreviousPage(),"aria-label":"Go to first page",children:e.jsxRuntimeExports.jsx(e.FontAwesomeIcon,{icon:e.faAnglesLeft})}),e.jsxRuntimeExports.jsx(e.Button,{variant:"outline",colorScheme:"neutral",size:"sm",onClick:()=>t.previousPage(),disabled:!t.getCanPreviousPage(),"aria-label":"Go to previous page",children:e.jsxRuntimeExports.jsx(e.FontAwesomeIcon,{icon:e.faAngleLeft})}),e.jsxRuntimeExports.jsx(e.Button,{variant:"outline",colorScheme:"neutral",size:"sm",onClick:()=>t.nextPage(),disabled:!t.getCanNextPage(),"aria-label":"Go to next page",children:e.jsxRuntimeExports.jsx(e.FontAwesomeIcon,{icon:e.faAngleRight})}),e.jsxRuntimeExports.jsx(e.Button,{variant:"outline",colorScheme:"neutral",size:"sm",onClick:()=>t.setPageIndex(t.getPageCount()-1),disabled:!t.getCanNextPage(),"aria-label":"Go to last page",children:e.jsxRuntimeExports.jsx(e.FontAwesomeIcon,{icon:e.faAnglesRight})})]})]})]})}exports.DataTable=R;

package/dist/data-table.d.ts

@@ -0,0 +1,21 @@
+/**
+ * DataTable lives behind its own entry point: `@blakesteve/roster/data-table`.
+ *
+ * It is the only component that needs TanStack Table, which Roster declares as
+ * an optional peer dependency. A static re-export from the main entry would
+ * make that peer mandatory in practice — a consumer's bundler resolves imports
+ * before it tree-shakes, so `import { Button } from "@blakesteve/roster"` would
+ * fail with "Cannot resolve '@tanstack/react-table'" in an app that has no
+ * tables at all. Splitting the entry keeps the cost with the component.
+ *
+ * Consumers of DataTable install the peer themselves:
+ *
+ * ```bash
+ * npm install @tanstack/react-table
+ * ```
+ *
+ * ```tsx
+ * import { DataTable, type RosterTableFeatures } from "@blakesteve/roster/data-table";
+ * ```
+ */
+export * from './components/organisms/DataTable/DataTable';

package/dist/data-table.es.js

@@ -0,0 +1,155 @@
+"use client";
+import { q as e, U as C, a1 as S, a2 as o, a0 as P, F as s, aa as v, ab as w, v as i, W as y, Z as c, G as l, ac as N, ad as R, ae as T, af as k } from "./Table-DNbzjCZM.js";
+import { useState as F } from "react";
+import { tableFeatures as I, sortFns as A, rowPaginationFeature as M, rowSortingFeature as z, createPaginatedRowModel as G, createSortedRowModel as D, useTable as H, flexRender as g } from "@tanstack/react-table";
+const B = I({
+  rowSortingFeature: z,
+  rowPaginationFeature: M,
+  sortedRowModel: D(),
+  paginatedRowModel: G(),
+  // The whole built-in registry, not a subset: DataTable is generic over
+  // consumer data, so auto sort detection has to be able to reach any of them.
+  sortFns: A
+});
+function E({
+  columns: r,
+  data: d,
+  className: x,
+  tableClassName: m,
+  paginationClassName: u,
+  variant: p = "default",
+  size: f = "md",
+  hoverable: j = !1
+}) {
+  const [h, b] = F([]), a = H({
+    features: B,
+    data: d,
+    columns: r,
+    onSortingChange: b,
+    state: {
+      sorting: h
+    },
+    initialState: {
+      pagination: {
+        pageIndex: 0,
+        pageSize: 10
+      }
+    }
+  });
+  return /* @__PURE__ */ e.jsxs("div", { className: i("flex flex-col gap-4", x), children: [
+    /* @__PURE__ */ e.jsxs(
+      C,
+      {
+        variant: p,
+        size: f,
+        hoverable: j,
+        className: m,
+        children: [
+          /* @__PURE__ */ e.jsx(S, { children: a.getHeaderGroups().map((n) => /* @__PURE__ */ e.jsx(o, { children: n.headers.map((t) => /* @__PURE__ */ e.jsx(P, { children: t.isPlaceholder ? null : /* @__PURE__ */ e.jsxs(
+            "div",
+            {
+              className: i(
+                "flex items-center gap-2 transition-opacity",
+                t.column.getCanSort() && "cursor-pointer select-none opacity-80 hover:opacity-100"
+              ),
+              onClick: t.column.getToggleSortingHandler(),
+              children: [
+                g(
+                  t.column.columnDef.header,
+                  t.getContext()
+                ),
+                t.column.getCanSort() && /* @__PURE__ */ e.jsx("span", { className: "w-4 flex justify-center text-primary-500", children: t.column.getIsSorted() === "asc" ? /* @__PURE__ */ e.jsx(s, { icon: v }) : t.column.getIsSorted() === "desc" ? /* @__PURE__ */ e.jsx(s, { icon: w }) : null })
+              ]
+            }
+          ) }, t.id)) }, n.id)) }),
+          /* @__PURE__ */ e.jsx(y, { children: a.getRowModel().rows?.length ? (
+            // No data-state on the row: row selection is not one of the
+            // registered features, and v8's getIsSelected() was always false
+            // here, so React omitted the attribute anyway.
+            a.getRowModel().rows.map((n) => /* @__PURE__ */ e.jsx(o, { children: n.getAllCells().map((t) => /* @__PURE__ */ e.jsx(c, { children: g(t.column.columnDef.cell, t.getContext()) }, t.id)) }, n.id))
+          ) : /* @__PURE__ */ e.jsx(o, { children: /* @__PURE__ */ e.jsx(
+            c,
+            {
+              colSpan: r.length,
+              className: "h-24 text-center text-gray-500 dark:text-gray-400 italic",
+              children: "No results found."
+            }
+          ) }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        className: i(
+          "flex flex-col sm:flex-row items-center justify-between gap-4 px-2",
+          u
+        ),
+        children: [
+          /* @__PURE__ */ e.jsxs("div", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: [
+            "Page",
+            " ",
+            /* @__PURE__ */ e.jsx("strong", { className: "text-gray-900 dark:text-gray-100", children: a.state.pagination.pageIndex + 1 }),
+            " ",
+            "of",
+            " ",
+            /* @__PURE__ */ e.jsx("strong", { className: "text-gray-900 dark:text-gray-100", children: a.getPageCount() })
+          ] }),
+          /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
+            /* @__PURE__ */ e.jsx(
+              l,
+              {
+                variant: "outline",
+                colorScheme: "neutral",
+                size: "sm",
+                onClick: () => a.setPageIndex(0),
+                disabled: !a.getCanPreviousPage(),
+                "aria-label": "Go to first page",
+                children: /* @__PURE__ */ e.jsx(s, { icon: N })
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              l,
+              {
+                variant: "outline",
+                colorScheme: "neutral",
+                size: "sm",
+                onClick: () => a.previousPage(),
+                disabled: !a.getCanPreviousPage(),
+                "aria-label": "Go to previous page",
+                children: /* @__PURE__ */ e.jsx(s, { icon: R })
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              l,
+              {
+                variant: "outline",
+                colorScheme: "neutral",
+                size: "sm",
+                onClick: () => a.nextPage(),
+                disabled: !a.getCanNextPage(),
+                "aria-label": "Go to next page",
+                children: /* @__PURE__ */ e.jsx(s, { icon: T })
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              l,
+              {
+                variant: "outline",
+                colorScheme: "neutral",
+                size: "sm",
+                onClick: () => a.setPageIndex(a.getPageCount() - 1),
+                disabled: !a.getCanNextPage(),
+                "aria-label": "Go to last page",
+                children: /* @__PURE__ */ e.jsx(s, { icon: k })
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  E as DataTable
+};

package/dist/hooks/useKeySequence.d.ts

@@ -0,0 +1,39 @@
+export interface UseKeySequenceOptions {
+    /**
+     * Milliseconds allowed between keys before progress resets. Without this a
+     * sequence can be completed across an arbitrarily long span, which is rarely
+     * what anyone means. Set to 0 to disable the timeout entirely.
+     */
+    timeout?: number;
+    /** Match keys case-insensitively. On by default: users hold shift by accident. */
+    ignoreCase?: boolean;
+    /** Calls preventDefault on keys that advance the sequence. */
+    preventDefault?: boolean;
+    /** Turns the listener off without unmounting the component. */
+    enabled?: boolean;
+    /**
+     * Ignore keystrokes typed into inputs, textareas, and contenteditable.
+     * On by default: a shortcut that fires while someone is filling in a form is
+     * a bug, not a feature.
+     */
+    ignoreWhenTyping?: boolean;
+}
+/** The Konami code, for the one time in your life you need it. */
+export declare const KONAMI_CODE: readonly ["ArrowUp", "ArrowUp", "ArrowDown", "ArrowDown", "ArrowLeft", "ArrowRight", "ArrowLeft", "ArrowRight", "b", "a", "Enter"];
+/**
+ * Fires `onMatch` when a sequence of `KeyboardEvent.key` values is typed in
+ * order.
+ *
+ * Useful for keyboard navigation chords (`g` then `i`), debug shortcuts, and
+ * easter eggs. Call it more than once to register more than one sequence.
+ *
+ * ```tsx
+ * useKeySequence(["g", "i"], () => router.push("/inbox"));
+ * useKeySequence(KONAMI_CODE, () => setPartyMode(true));
+ * ```
+ *
+ * A wrong key resets progress, except when that key is itself the start of the
+ * sequence, which begins a fresh attempt rather than costing one. That is what
+ * makes a doubled first key ("g g i") still work.
+ */
+export declare function useKeySequence(sequence: readonly string[], onMatch: () => void, options?: UseKeySequenceOptions): void;

package/dist/index.d.ts

@@ -17,6 +17,14 @@ export * from './components/atoms/Link/link-variants';
 export * from './components/atoms/PasswordInput/PasswordInput';
 export * from './components/atoms/Pill/Pill';
 export * from './components/atoms/Pill/pill-variants';
+export * from './components/atoms/Eyebrow/Eyebrow';
+export * from './components/atoms/Eyebrow/eyebrow-variants';
+export * from './components/atoms/InlineCode/InlineCode';
+export * from './components/atoms/InlineCode/inline-code-variants';
+export * from './components/atoms/LabeledDivider/LabeledDivider';
+export * from './components/atoms/Stat/Stat';
+export * from './components/atoms/Stat/stat-variants';
+export * from './components/atoms/ThemeToggle/ThemeToggle';
 export * from './components/atoms/Select/Select';
 export * from './components/atoms/Select/select-variants';
 export * from './components/atoms/Spinner/Spinner';
@@ -32,6 +40,10 @@ export * from './components/atoms/SegmentBar/SegmentBar';
 export * from './components/molecules/Alert/Alert';
 export * from './components/molecules/Alert/alert-variants';
 export * from './components/molecules/Accordion/Accordion';
+export * from './components/molecules/DescriptionList/DescriptionList';
+export * from './components/molecules/DescriptionList/description-list-variants';
+export * from './components/molecules/Pullquote/Pullquote';
+export * from './components/molecules/Pullquote/pullquote-variants';
 export * from './components/molecules/Breadcrumbs/Breadcrumbs';
 export * from './components/molecules/Breadcrumbs/breadcrumb-variants';
 export * from './components/molecules/CallToAction/CallToAction';
@@ -50,6 +62,6 @@ export * from './components/organisms/Navbar/Navbar';
 export * from './components/organisms/Navbar/navbar-variants';
 export * from './components/organisms/Table/Table';
 export * from './components/organisms/Table/table-variants';
-export * from './components/organisms/DataTable/DataTable';
 export * from './hooks/useCountdown';
+export * from './hooks/useKeySequence';
 export * from './lib/utils';

package/dist/preflight.css

@@ -1 +1 @@
-@layer roster-preflight{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer roster;
+@layer roster-preflight{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer theme,base,components,roster,utilities;