@blakesteve/roster 4.1.0 → 4.2.0

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

@@ -1,13 +1,29 @@
 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> {
+type EyebrowOwnProps<E extends React.ElementType> = 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.
+     *
+     * Props follow the element. `as="a"` accepts `href`, `target`, and `rel`;
+     * `as="label"` accepts `htmlFor`. An eyebrow that renders a link should not
+     * have to be wrapped in one to get an href.
      */
-    as?: React.ElementType;
+    as?: E;
+};
+export type EyebrowProps<E extends React.ElementType = "span"> = EyebrowOwnProps<E> & Omit<React.ComponentPropsWithRef<E>, keyof EyebrowOwnProps<E>>;
+/**
+ * Written as a plain generic function rather than through `forwardRef`: that
+ * helper's return type is not generic, so the element type collapses the
+ * moment it passes through and `as="a"` stops admitting `href` — the exact bug
+ * this signature exists to fix. React 19 passes `ref` as an ordinary prop, so
+ * the wrapper buys nothing here anyway; `ref` rides along in `...props` and
+ * lands on whatever element `as` selected.
+ */
+declare function Eyebrow<E extends React.ElementType = "span">({ as, className, size, tone, weight, children, ...props }: EyebrowProps<E>): import("react/jsx-runtime").JSX.Element;
+declare namespace Eyebrow {
+    var displayName: string;
 }
-declare const Eyebrow: React.ForwardRefExoticComponent<EyebrowProps & React.RefAttributes<HTMLElement>>;
 export { Eyebrow };

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

@@ -7,6 +7,21 @@ export interface ThemeToggleProps extends Omit<ButtonProps, "onClick" | "childre
     onThemeChange?: (mode: "light" | "dark") => void;
     /** Renders the current mode beside the icon. */
     showLabel?: boolean;
+    /**
+     * Visible text when the page is light, if `showLabel` is set. Names the
+     * CURRENT state, not the destination — the accessible label does the
+     * opposite, because a button's name should say what pressing it does.
+     *
+     * Both take nodes, so a product with its own vocabulary for the two states
+     * ("Press sheet" / "Blueline", "Day" / "Night") can say so.
+     */
+    lightLabel?: React.ReactNode;
+    /** Visible text when the page is dark, if `showLabel` is set. */
+    darkLabel?: React.ReactNode;
+    /** Icon shown when the page is light. Defaults to a moon. */
+    lightIcon?: React.ReactNode;
+    /** Icon shown when the page is dark. Defaults to a sun. */
+    darkIcon?: React.ReactNode;
     /** Accessible label offering to switch to dark. */
     toDarkLabel?: string;
     /** Accessible label offering to switch back to light. */

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

@@ -1,14 +1,53 @@
 import { default as React } from 'react';
 import { VariantProps } from 'class-variance-authority';
 import { breadcrumbVariants } from './breadcrumb-variants';
-export type BreadcrumbItem = {
-    label: string;
+/**
+ * The shape a crumb's link component is called with. `next/link`, React
+ * Router's `Link`, and a plain `<a>` all satisfy it as-is.
+ */
+export type BreadcrumbLinkProps = {
     href: string;
+    className?: string;
+    children: React.ReactNode;
+    "aria-label"?: string;
+};
+export type BreadcrumbItem = {
+    /** Takes a node, so a crumb can carry an icon or its own styling. */
+    label: React.ReactNode;
+    /**
+     * Omit to render the crumb as plain text. The last crumb is treated as the
+     * current page regardless, since that is what a breadcrumb trail means.
+     */
+    href?: string;
+    /** Applied to this crumb only. */
+    className?: string;
 };
 export interface BreadcrumbsProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof breadcrumbVariants> {
     items: BreadcrumbItem[];
     separator?: React.ReactNode;
     showHomeIcon?: boolean;
+    /** Where the home icon points. */
+    homeHref?: string;
+    /**
+     * Renders every crumb that has an `href`. Defaults to Roster's `Link`, which
+     * is a plain `<a>` — fine for a static site, wrong inside a router, where an
+     * `<a>` turns each hop into a full page load. Pass `next/link` or your
+     * router's equivalent and navigation stays client-side.
+     *
+     * ```tsx
+     * import NextLink from "next/link";
+     * <Breadcrumbs linkComponent={NextLink} items={items} />
+     * ```
+     *
+     * **Pass it from a client component.** This is a function prop, and functions
+     * cannot cross the React Server Component boundary — handing `NextLink` to
+     * Breadcrumbs from a server component fails the render with "Functions cannot
+     * be passed directly to Client Components". Bind it in a small `"use client"`
+     * wrapper and the pages that use that wrapper stay server-rendered.
+     */
+    linkComponent?: React.ComponentType<BreadcrumbLinkProps>;
+    /** Applied to the current (last) crumb, for a per-page accent. */
+    currentClassName?: string;
 }
-declare const Breadcrumbs: ({ items, separator, showHomeIcon, variant, className, ...props }: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;
+declare const Breadcrumbs: ({ items, separator, showHomeIcon, homeHref, linkComponent, currentClassName, variant, className, ...props }: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;
 export { Breadcrumbs };

package/dist/data-table.cjs.js

@@ -1 +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;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Table-Cqm_mtRS.cjs"),p=require("react"),n=require("@tanstack/react-table"),a=require("./utils-D2U2F80P.cjs"),R=n.tableFeatures({rowSortingFeature:n.rowSortingFeature,rowPaginationFeature:n.rowPaginationFeature,sortedRowModel:n.createSortedRowModel(),paginatedRowModel:n.createPaginatedRowModel(),sortFns:n.sortFns});function f({columns:r,data:i,className:l,tableClassName:x,paginationClassName:c,variant:u="default",size:g="md",hoverable:m=!1}){const[d,j]=p.useState([]),t=n.useTable({features:R,data:i,columns:r,onSortingChange:j,state:{sorting:d},initialState:{pagination:{pageIndex:0,pageSize:10}}});return e.jsxRuntimeExports.jsxs("div",{className:a.cn("flex flex-col gap-4",l),children:[e.jsxRuntimeExports.jsxs(e.Table,{variant:u,size:g,hoverable:m,className:x,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:a.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:r.length,className:"h-24 text-center text-gray-500 dark:text-gray-400 italic",children:"No results found."})})})]}),e.jsxRuntimeExports.jsxs("div",{className:a.cn("flex flex-col sm:flex-row items-center justify-between gap-4 px-2",c),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=f;

package/dist/data-table.es.js

@@ -1,17 +1,18 @@
 "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 { j as e, T as C, a as S, b as o, c as P, F as s, f as w, d as y, e as v, g as c, B as l, h as N, i as R, k as T, l as k } from "./Table-BaJ8qfrV.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";
+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 { c as i } from "./utils-DtaLkIY8.js";
 const B = I({
   rowSortingFeature: z,
   rowPaginationFeature: M,
-  sortedRowModel: D(),
-  paginatedRowModel: G(),
+  sortedRowModel: G(),
+  paginatedRowModel: D(),
   // 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({
+function J({
   columns: r,
   data: d,
   className: x,
@@ -58,11 +59,11 @@ function E({
                   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.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: w }) : t.column.getIsSorted() === "desc" ? /* @__PURE__ */ e.jsx(s, { icon: y }) : null })
               ]
             }
           ) }, t.id)) }, n.id)) }),
-          /* @__PURE__ */ e.jsx(y, { children: a.getRowModel().rows?.length ? (
+          /* @__PURE__ */ e.jsx(v, { 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.
@@ -151,5 +152,5 @@ function E({
   ] });
 }
 export {
-  E as DataTable
+  J as DataTable
 };

package/dist/preflight.cjs.js

@@ -1 +1 @@
-"use client";"use strict";
+"use strict";

package/dist/preflight.es.js

@@ -1 +1 @@
-"use client";
+