@blakesteve/roster 4.0.0 → 4.1.0

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Table-CPAcmkIV.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;
+"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.es.js

@@ -1,12 +1,12 @@
 "use client";
-import { q as e, T as C, a0 as S, a1 as o, _ as P, F as s, a9 as v, aa as w, v as i, U as y, X as c, N as l, ab as N, ac as R, ad as T, ae as k } from "./Table-CG6Z6c1A.js";
+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 D, createSortedRowModel as G, useTable as H, flexRender as g } from "@tanstack/react-table";
+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: G(),
-  paginatedRowModel: D(),
+  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

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';
@@ -51,4 +63,5 @@ export * from './components/organisms/Navbar/navbar-variants';
 export * from './components/organisms/Table/Table';
 export * from './components/organisms/Table/table-variants';
 export * from './hooks/useCountdown';
+export * from './hooks/useKeySequence';
 export * from './lib/utils';