@blakesteve/roster 5.6.0 → 5.8.0

package/dist/components/organisms/Countdown/Countdown.js

@@ -1,89 +1,96 @@
 "use client";
-import { jsx as t, jsxs as o } from "react/jsx-runtime";
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
 import N from "react";
-import { cn as s } from "../../../lib/utils.js";
-import { useCountdown as b } from "../../../hooks/useCountdown.js";
-import { countdownTitleVariants as i, countdownNumberVariants as g, countdownLabelVariants as y } from "./countdown-variants.js";
-const n = ({ value: l, label: a, size: r, variant: e }) => /* @__PURE__ */ o("div", { className: "rst:flex rst:flex-col rst:items-center", children: [
-  /* @__PURE__ */ t("span", { className: s(g({ size: r, variant: e })), children: String(l).padStart(2, "0") }),
+import { cn as e } from "../../../lib/utils.js";
+import { withLabels as g } from "../../../lib/labels.js";
+import { useCountdown as v } from "../../../hooks/useCountdown.js";
+import { countdownTitleVariants as w, countdownNumberVariants as C, countdownLabelVariants as L } from "./countdown-variants.js";
+const l = ({ value: o, label: n, size: r, variant: s }) => /* @__PURE__ */ d("div", { className: "rst:flex rst:flex-col rst:items-center", children: [
+  /* @__PURE__ */ t("span", { className: e(C({ size: r, variant: s })), children: String(o).padStart(2, "0") }),
   /* @__PURE__ */ t(
     "span",
     {
-      className: s(
-        y({ size: r }),
+      className: e(
+        L({ size: r }),
         "rst:@max-[22rem]:text-[9px]"
       ),
-      children: a
+      children: n
     }
   )
-] }), v = N.forwardRef(
+] }), S = {
+  days: () => "Days",
+  hours: () => "Hours",
+  minutes: () => "Minutes",
+  seconds: () => "Seconds"
+}, j = N.forwardRef(
   ({
-    targetDate: l,
-    title: a,
+    targetDate: o,
+    title: n,
     size: r,
-    variant: e = "gradient",
-    className: d,
-    completionText: c,
-    ...m
-  }, u) => {
-    const { days: f, hours: x, minutes: h, seconds: p, isFinished: w } = b(l);
-    return w ? c ? /* @__PURE__ */ t(
+    variant: s = "gradient",
+    className: c,
+    completionText: m,
+    labels: b,
+    ...u
+  }, i) => {
+    const a = g(S, b), { days: f, hours: h, minutes: x, seconds: p, isFinished: y } = v(o);
+    return y ? m ? /* @__PURE__ */ t(
       "div",
       {
-        ref: u,
-        className: s(
+        ref: i,
+        className: e(
           "rst:font-bold rst:w-full rst:text-center rst:text-gray-900 rst:dark:text-gray-100",
-          d
+          c
         ),
-        ...m,
-        children: /* @__PURE__ */ t("h3", { className: s(i({ size: r }), "rst:mb-0"), children: c })
+        ...u,
+        children: /* @__PURE__ */ t("h3", { className: e(w({ size: r }), "rst:mb-0"), children: m })
       }
     ) : null : /* @__PURE__ */ t(
       "div",
       {
-        ref: u,
-        className: s(
+        ref: i,
+        className: e(
           "rst:font-bold rst:w-full rst:text-center rst:text-gray-900 rst:dark:text-gray-100",
-          d
+          c
         ),
-        ...m,
-        children: /* @__PURE__ */ o("div", { className: "rst:@container rst:w-full", children: [
-          a && /* @__PURE__ */ t("h3", { className: s(i({ size: r })), children: a }),
-          /* @__PURE__ */ o("div", { className: "rst:flex rst:justify-center rst:gap-3 rst:@[22rem]:gap-6 rst:@[35rem]:gap-8", children: [
+        ...u,
+        children: /* @__PURE__ */ d("div", { className: "rst:@container rst:w-full", children: [
+          n && /* @__PURE__ */ t("h3", { className: e(w({ size: r })), children: n }),
+          /* @__PURE__ */ d("div", { className: "rst:flex rst:justify-center rst:gap-3 rst:@[22rem]:gap-6 rst:@[35rem]:gap-8", children: [
             /* @__PURE__ */ t(
-              n,
+              l,
               {
                 value: f,
-                label: "Days",
+                label: a.days(f),
                 size: r,
-                variant: e
+                variant: s
               }
             ),
             /* @__PURE__ */ t(
-              n,
+              l,
               {
-                value: x,
-                label: "Hours",
+                value: h,
+                label: a.hours(h),
                 size: r,
-                variant: e
+                variant: s
               }
             ),
             /* @__PURE__ */ t(
-              n,
+              l,
               {
-                value: h,
-                label: "Minutes",
+                value: x,
+                label: a.minutes(x),
                 size: r,
-                variant: e
+                variant: s
               }
             ),
             /* @__PURE__ */ t(
-              n,
+              l,
               {
                 value: p,
-                label: "Seconds",
+                label: a.seconds(p),
                 size: r,
-                variant: e
+                variant: s
               }
             )
           ] })
@@ -92,7 +99,7 @@ const n = ({ value: l, label: a, size: r, variant: e }) => /* @__PURE__ */ o("di
     );
   }
 );
-v.displayName = "Countdown";
+j.displayName = "Countdown";
 export {
-  v as Countdown
+  j as Countdown
 };

package/dist/components/organisms/DataTable/DataTable.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("react"),a=require("@tanstack/react-table"),c=require("../../../node_modules/@fortawesome/react-fontawesome/dist/index.cjs"),g=require("../../../node_modules/@fortawesome/free-solid-svg-icons/index.cjs"),l=require("../../../lib/utils.cjs"),h=require("../../molecules/Pagination/Pagination.cjs"),r=require("../Table/Table.cjs"),T=a.tableFeatures({rowSortingFeature:a.rowSortingFeature,rowPaginationFeature:a.rowPaginationFeature,sortedRowModel:a.createSortedRowModel(),paginatedRowModel:a.createPaginatedRowModel(),sortFns:a.sortFns});function C({columns:i,data:d,className:u,tableClassName:x,paginationClassName:m,variant:p="default",size:f="md",hoverable:j=!1,paginationLabels:o}){const[w,b]=y.useState([]),s=a.useTable({features:T,data:d,columns:i,onSortingChange:b,state:{sorting:w},initialState:{pagination:{pageIndex:0,pageSize:10}}});return e.jsxs("div",{className:l.cn("rst:font-ui rst:flex rst:flex-col rst:gap-4",u),children:[e.jsxs(r.Table,{variant:p,size:f,hoverable:j,className:x,children:[e.jsx(r.TableHeader,{children:s.getHeaderGroups().map(n=>e.jsx(r.TableRow,{children:n.headers.map(t=>e.jsx(r.TableHead,{children:t.isPlaceholder?null:e.jsxs("div",{className:l.cn("rst:flex rst:items-center rst:gap-2 rst:transition-opacity",t.column.getCanSort()&&"rst:cursor-pointer rst:select-none rst:opacity-80 rst:hover:opacity-100"),onClick:t.column.getToggleSortingHandler(),children:[a.flexRender(t.column.columnDef.header,t.getContext()),t.column.getCanSort()&&e.jsx("span",{className:"rst:w-4 rst:flex rst:justify-center rst:text-primary-500",children:t.column.getIsSorted()==="asc"?e.jsx(c.FontAwesomeIcon,{icon:g.faCaretUp}):t.column.getIsSorted()==="desc"?e.jsx(c.FontAwesomeIcon,{icon:g.faCaretDown}):null})]})},t.id))},n.id))}),e.jsx(r.TableBody,{children:s.getRowModel().rows?.length?s.getRowModel().rows.map(n=>e.jsx(r.TableRow,{children:n.getAllCells().map(t=>e.jsx(r.TableCell,{children:a.flexRender(t.column.columnDef.cell,t.getContext())},t.id))},n.id)):e.jsx(r.TableRow,{children:e.jsx(r.TableCell,{colSpan:i.length,className:"rst:h-24 rst:text-center rst:text-gray-500 rst:dark:text-gray-400 rst:italic",children:"No results found."})})})]}),e.jsxs("div",{className:l.cn("rst:flex rst:flex-col rst:sm:flex-row rst:items-center rst:justify-between rst:gap-4 rst:px-2",m),children:[e.jsx("div",{className:"rst:text-sm rst:font-medium rst:text-gray-500 rst:dark:text-gray-400",children:o?.status?o.status(s.state.pagination.pageIndex+1,s.getPageCount()):e.jsxs(e.Fragment,{children:["Page"," ",e.jsx("strong",{className:"rst:text-gray-900 rst:dark:text-gray-100",children:s.state.pagination.pageIndex+1})," ","of"," ",e.jsx("strong",{className:"rst:text-gray-900 rst:dark:text-gray-100",children:s.getPageCount()})]})}),e.jsx(h.Pagination,{layout:"arrows",align:"end",variant:"outline",page:s.state.pagination.pageIndex+1,pageCount:s.getPageCount(),onPageChange:n=>s.setPageIndex(n-1),labels:o})]})]})}exports.DataTable=C;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("react"),a=require("@tanstack/react-table"),c=require("../../../node_modules/@fortawesome/react-fontawesome/dist/index.cjs"),g=require("../../../node_modules/@fortawesome/free-solid-svg-icons/index.cjs"),l=require("../../../lib/utils.cjs"),T=require("../../molecules/Pagination/Pagination.cjs"),r=require("../Table/Table.cjs"),C=a.tableFeatures({rowSortingFeature:a.rowSortingFeature,rowPaginationFeature:a.rowPaginationFeature,sortedRowModel:a.createSortedRowModel(),paginatedRowModel:a.createPaginatedRowModel(),sortFns:a.sortFns});function S({columns:i,data:d,className:u,tableClassName:x,paginationClassName:m,variant:p="default",size:f="md",hoverable:j=!1,paginationLabels:o,emptyMessage:w="No results found."}){const[b,y]=h.useState([]),s=a.useTable({features:C,data:d,columns:i,onSortingChange:y,state:{sorting:b},initialState:{pagination:{pageIndex:0,pageSize:10}}});return e.jsxs("div",{className:l.cn("rst:font-ui rst:flex rst:flex-col rst:gap-4",u),children:[e.jsxs(r.Table,{variant:p,size:f,hoverable:j,className:x,children:[e.jsx(r.TableHeader,{children:s.getHeaderGroups().map(n=>e.jsx(r.TableRow,{children:n.headers.map(t=>e.jsx(r.TableHead,{children:t.isPlaceholder?null:e.jsxs("div",{className:l.cn("rst:flex rst:items-center rst:gap-2 rst:transition-opacity",t.column.getCanSort()&&"rst:cursor-pointer rst:select-none rst:opacity-80 rst:hover:opacity-100"),onClick:t.column.getToggleSortingHandler(),children:[a.flexRender(t.column.columnDef.header,t.getContext()),t.column.getCanSort()&&e.jsx("span",{className:"rst:w-4 rst:flex rst:justify-center rst:text-primary-500",children:t.column.getIsSorted()==="asc"?e.jsx(c.FontAwesomeIcon,{icon:g.faCaretUp}):t.column.getIsSorted()==="desc"?e.jsx(c.FontAwesomeIcon,{icon:g.faCaretDown}):null})]})},t.id))},n.id))}),e.jsx(r.TableBody,{children:s.getRowModel().rows?.length?s.getRowModel().rows.map(n=>e.jsx(r.TableRow,{children:n.getAllCells().map(t=>e.jsx(r.TableCell,{children:a.flexRender(t.column.columnDef.cell,t.getContext())},t.id))},n.id)):e.jsx(r.TableRow,{children:e.jsx(r.TableCell,{colSpan:i.length,className:"rst:h-24 rst:text-center rst:text-gray-500 rst:dark:text-gray-400 rst:italic",children:w})})})]}),e.jsxs("div",{className:l.cn("rst:flex rst:flex-col rst:sm:flex-row rst:items-center rst:justify-between rst:gap-4 rst:px-2",m),children:[e.jsx("div",{className:"rst:text-sm rst:font-medium rst:text-gray-500 rst:dark:text-gray-400",children:o?.status?o.status(s.state.pagination.pageIndex+1,s.getPageCount()):e.jsxs(e.Fragment,{children:["Page"," ",e.jsx("strong",{className:"rst:text-gray-900 rst:dark:text-gray-100",children:s.state.pagination.pageIndex+1})," ","of"," ",e.jsx("strong",{className:"rst:text-gray-900 rst:dark:text-gray-100",children:s.getPageCount()})]})}),e.jsx(T.Pagination,{layout:"arrows",align:"end",variant:"outline",page:s.state.pagination.pageIndex+1,pageCount:s.getPageCount(),onPageChange:n=>s.setPageIndex(n-1),labels:o})]})]})}exports.DataTable=S;

package/dist/components/organisms/DataTable/DataTable.d.ts

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 import { ColumnDef, RowData } from '@tanstack/react-table';
 import { PaginationLabels } from '../../molecules/Pagination/Pagination';
 import { TableProps } from '../Table/Table';
@@ -46,10 +47,11 @@ export interface DataTableProps<TData extends RowData> {
     hoverable?: boolean;
     /**
      * Replaces the pager's words; see Pagination's `labels`. `status` also
-     * replaces the "Page N of M" line beside it. ("No results found." is
-     * DataTable's own and isn't covered.)
+     * replaces the "Page N of M" line beside it.
      */
     paginationLabels?: Partial<PaginationLabels>;
+    /** What an empty table says. "No results found." by default. */
+    emptyMessage?: ReactNode;
 }
-export declare function DataTable<TData extends RowData>({ columns, data, className, tableClassName, paginationClassName, variant, size, hoverable, paginationLabels, }: DataTableProps<TData>): import("react/jsx-runtime").JSX.Element;
+export declare function DataTable<TData extends RowData>({ columns, data, className, tableClassName, paginationClassName, variant, size, hoverable, paginationLabels, emptyMessage, }: DataTableProps<TData>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/organisms/DataTable/DataTable.js

@@ -1,22 +1,22 @@
 "use client";
-import { jsxs as s, jsx as t, Fragment as S } from "react/jsx-runtime";
-import { useState as b } from "react";
-import { useTable as N, flexRender as c, tableFeatures as P, sortFns as T, rowPaginationFeature as I, rowSortingFeature as R, createPaginatedRowModel as F, createSortedRowModel as v } from "@tanstack/react-table";
+import { jsxs as s, jsx as t, Fragment as b } from "react/jsx-runtime";
+import { useState as N } from "react";
+import { useTable as P, flexRender as c, tableFeatures as T, sortFns as I, rowPaginationFeature as R, rowSortingFeature as F, createPaginatedRowModel as v, createSortedRowModel as M } from "@tanstack/react-table";
 import { FontAwesomeIcon as g } from "../../../node_modules/@fortawesome/react-fontawesome/dist/index.js";
-import { faCaretUp as M, faCaretDown as k } from "../../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
+import { faCaretUp as k, faCaretDown as j } from "../../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
 import { cn as o } from "../../../lib/utils.js";
-import { Pagination as j } from "../../molecules/Pagination/Pagination.js";
-import { Table as D, TableHeader as H, TableRow as l, TableHead as A, TableBody as z, TableCell as d } from "../Table/Table.js";
-const B = /* @__PURE__ */ P({
-  rowSortingFeature: R,
-  rowPaginationFeature: I,
-  sortedRowModel: v(),
-  paginatedRowModel: F(),
+import { Pagination as D } from "../../molecules/Pagination/Pagination.js";
+import { Table as H, TableHeader as A, TableRow as l, TableHead as z, TableBody as B, TableCell as d } from "../Table/Table.js";
+const U = /* @__PURE__ */ T({
+  rowSortingFeature: F,
+  rowPaginationFeature: R,
+  sortedRowModel: M(),
+  paginatedRowModel: v(),
   // 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: T
+  sortFns: I
 });
-function V({
+function W({
   columns: i,
   data: m,
   className: u,
@@ -25,15 +25,16 @@ function V({
   variant: x = "default",
   size: h = "md",
   hoverable: w = !1,
-  paginationLabels: n
+  paginationLabels: n,
+  emptyMessage: y = "No results found."
 }) {
-  const [y, C] = b([]), r = N({
-    features: B,
+  const [C, S] = N([]), r = P({
+    features: U,
     data: m,
     columns: i,
-    onSortingChange: C,
+    onSortingChange: S,
     state: {
-      sorting: y
+      sorting: C
     },
     initialState: {
       pagination: {
@@ -44,14 +45,14 @@ function V({
   });
   return /* @__PURE__ */ s("div", { className: o("rst:font-ui rst:flex rst:flex-col rst:gap-4", u), children: [
     /* @__PURE__ */ s(
-      D,
+      H,
       {
         variant: x,
         size: h,
         hoverable: w,
         className: p,
         children: [
-          /* @__PURE__ */ t(H, { children: r.getHeaderGroups().map((a) => /* @__PURE__ */ t(l, { children: a.headers.map((e) => /* @__PURE__ */ t(A, { children: e.isPlaceholder ? null : /* @__PURE__ */ s(
+          /* @__PURE__ */ t(A, { children: r.getHeaderGroups().map((a) => /* @__PURE__ */ t(l, { children: a.headers.map((e) => /* @__PURE__ */ t(z, { children: e.isPlaceholder ? null : /* @__PURE__ */ s(
             "div",
             {
               className: o(
@@ -64,11 +65,11 @@ function V({
                   e.column.columnDef.header,
                   e.getContext()
                 ),
-                e.column.getCanSort() && /* @__PURE__ */ t("span", { className: "rst:w-4 rst:flex rst:justify-center rst:text-primary-500", children: e.column.getIsSorted() === "asc" ? /* @__PURE__ */ t(g, { icon: M }) : e.column.getIsSorted() === "desc" ? /* @__PURE__ */ t(g, { icon: k }) : null })
+                e.column.getCanSort() && /* @__PURE__ */ t("span", { className: "rst:w-4 rst:flex rst:justify-center rst:text-primary-500", children: e.column.getIsSorted() === "asc" ? /* @__PURE__ */ t(g, { icon: k }) : e.column.getIsSorted() === "desc" ? /* @__PURE__ */ t(g, { icon: j }) : null })
               ]
             }
           ) }, e.id)) }, a.id)) }),
-          /* @__PURE__ */ t(z, { children: r.getRowModel().rows?.length ? (
+          /* @__PURE__ */ t(B, { children: r.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.
@@ -78,7 +79,7 @@ function V({
             {
               colSpan: i.length,
               className: "rst:h-24 rst:text-center rst:text-gray-500 rst:dark:text-gray-400 rst:italic",
-              children: "No results found."
+              children: y
             }
           ) }) })
         ]
@@ -92,7 +93,7 @@ function V({
           f
         ),
         children: [
-          /* @__PURE__ */ t("div", { className: "rst:text-sm rst:font-medium rst:text-gray-500 rst:dark:text-gray-400", children: n?.status ? n.status(r.state.pagination.pageIndex + 1, r.getPageCount()) : /* @__PURE__ */ s(S, { children: [
+          /* @__PURE__ */ t("div", { className: "rst:text-sm rst:font-medium rst:text-gray-500 rst:dark:text-gray-400", children: n?.status ? n.status(r.state.pagination.pageIndex + 1, r.getPageCount()) : /* @__PURE__ */ s(b, { children: [
             "Page",
             " ",
             /* @__PURE__ */ t("strong", { className: "rst:text-gray-900 rst:dark:text-gray-100", children: r.state.pagination.pageIndex + 1 }),
@@ -102,7 +103,7 @@ function V({
             /* @__PURE__ */ t("strong", { className: "rst:text-gray-900 rst:dark:text-gray-100", children: r.getPageCount() })
           ] }) }),
           /* @__PURE__ */ t(
-            j,
+            D,
             {
               layout: "arrows",
               align: "end",
@@ -119,5 +120,5 @@ function V({
   ] });
 }
 export {
-  V as DataTable
+  W as DataTable
 };

package/dist/components/organisms/Dialog/Dialog.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),t=require("react"),h=require("../../../node_modules/@fortawesome/react-fontawesome/dist/index.cjs"),k=require("../../../node_modules/@fortawesome/free-solid-svg-icons/index.cjs"),o=require("../../../node_modules/class-variance-authority/dist/index.cjs"),s=require("../../../lib/utils.cjs"),j=require("../../../internal/page-inert.cjs"),a=require("../../../node_modules/@headlessui/react/dist/components/dialog/dialog.cjs"),d=require("../../../node_modules/@headlessui/react/dist/components/transition/transition.cjs"),w=o.cva("rst:relative rst:w-full rst:transform rst:overflow-hidden rst:rounded-2xl rst:p-6 rst:text-left rst:align-middle rst:elevation-overlay rst:transition-all rst:border",{variants:{size:{xs:"rst:max-w-xs",sm:"rst:max-w-sm",md:"rst:max-w-md",lg:"rst:max-w-lg",xl:"rst:max-w-xl","2xl":"rst:max-w-2xl","3xl":"rst:max-w-3xl",full:"rst:max-w-[95vw] rst:m-4"},variant:{white:"rst:bg-[var(--roster-popover-bg)] rst:border-[var(--roster-popover-border)] rst:text-[var(--roster-popover-text)]",slate:"rst:bg-gray-700 rst:border-gray-600 rst:text-gray-100 rst:dark:bg-gray-900 rst:dark:border-gray-800 rst:[--roster-ring:var(--roster-primary-400,#5ea3de)] rst:[--roster-ring-offset:var(--roster-gray-700,#44403c)] rst:dark:[--roster-ring-offset:var(--roster-gray-900,#1c1917)] rst:[--roster-control-text:var(--roster-gray-100,#f5f5f4)] rst:[--roster-control-border:var(--roster-gray-400,#a8a29e)] rst:[--roster-control-border-focus:var(--roster-primary-400,#5ea3de)]",primary:"rst:bg-primary-700 rst:border-primary-600 rst:text-primary-700-ink rst:dark:text-white rst:dark:bg-primary-950 rst:dark:border-primary-900 rst:[--roster-ring:var(--roster-primary-400,#5ea3de)] rst:[--roster-ring-offset:var(--roster-primary-700,#084063)] rst:dark:[--roster-ring-offset:var(--roster-primary-950,#021724)] rst:[--roster-control-text:var(--roster-gray-100,#f5f5f4)] rst:[--roster-control-border:var(--roster-gray-400,#a8a29e)] rst:[--roster-control-border-focus:var(--roster-primary-400,#5ea3de)]",glass:"rst:bg-white/80 rst:border-white/20 rst:backdrop-blur-xl rst:text-gray-900 rst:dark:bg-slate-900/80 rst:dark:border-slate-700/50 rst:dark:text-white"},status:{default:"",destructive:"rst:border-t-4 rst:border-t-error-500",success:"rst:border-t-4 rst:border-t-success-500"}},defaultVariants:{size:"md",variant:"white",status:"default"}}),N=o.cva("rst:text-xl rst:font-bold rst:leading-6 rst:text-inherit"),_=o.cva("rst:mt-1 rst:text-sm rst:text-inherit rst:opacity-75"),q=o.cva("rst:inline-flex rst:size-11 rst:shrink-0 rst:items-center rst:justify-center rst:-m-3 rst:cursor-pointer rst:rounded-md rst:bg-transparent rst:text-inherit rst:opacity-50 rst:hover:opacity-100 rst:focus:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:focus-visible:ring-offset-2 rst:ring-offset-background rst:transition-opacity"),F=({isOpen:u,onClose:i,title:m,description:n,size:x,variant:l,status:g,children:f,className:v,onAfterClose:b})=>{const[p,y]=t.useState(!1);t.useLayoutEffect(()=>{y(!0)},[]);const e=u&&p,c=t.useRef(null);return t.useLayoutEffect(()=>{if(e)return j.lockPage(c.current)},[e]),r.jsxs(r.Fragment,{children:[e&&r.jsx("span",{ref:c,hidden:!0}),r.jsxs(a.Dialog,{open:e,as:"div",className:"rst:font-ui rst:relative rst:z-50",onClose:i,children:[r.jsx(d.TransitionChild,{as:t.Fragment,enter:"rst:ease-out rst:duration-300",enterFrom:"rst:opacity-0",enterTo:"rst:opacity-100",leave:"rst:ease-in rst:duration-200",leaveFrom:"rst:opacity-100",leaveTo:"rst:opacity-0",children:r.jsx(a.DialogBackdrop,{className:s.cn("rst:fixed rst:inset-0 rst:transition-opacity",l==="glass"?"rst:bg-[var(--roster-backdrop,color-mix(in_oklab,oklch(20.8%_0.042_265.755)_40%,transparent))] rst:dark:bg-[var(--roster-backdrop,color-mix(in_oklab,var(--roster-black,#1e1c1a)_60%,transparent))]":"rst:bg-[var(--roster-backdrop,color-mix(in_oklab,oklch(20.8%_0.042_265.755)_60%,transparent))] rst:dark:bg-[var(--roster-backdrop,color-mix(in_oklab,var(--roster-black,#1e1c1a)_80%,transparent))] rst:backdrop-blur-backdrop")})}),r.jsx("div",{className:"rst:fixed rst:inset-0 rst:overflow-y-auto",children:r.jsx("div",{className:"rst:flex rst:min-h-full rst:items-center rst:justify-center rst:p-4 rst:text-center",children:r.jsx(d.TransitionChild,{as:t.Fragment,enter:"rst:ease-out rst:duration-300",enterFrom:"rst:opacity-0 rst:scale-95",enterTo:"rst:opacity-100 rst:scale-100",leave:"rst:ease-in rst:duration-200",leaveFrom:"rst:opacity-100 rst:scale-100",leaveTo:"rst:opacity-0 rst:scale-95",afterLeave:b,children:r.jsxs(a.DialogPanel,{className:s.cn(w({size:x,variant:l,status:g}),v),children:[r.jsxs("div",{className:"rst:flex rst:items-start rst:justify-between",children:[r.jsxs("div",{children:[r.jsx(a.DialogTitle,{as:"h2",className:s.cn(N()),children:m}),n&&r.jsx("p",{className:s.cn(_()),children:n})]}),r.jsx("div",{className:"rst:ml-4 rst:flex rst:shrink-0",children:r.jsx("button",{type:"button",onClick:i,className:s.cn(q()),"aria-label":"Close dialog",children:r.jsx(h.FontAwesomeIcon,{icon:k.faXmark,className:"rst:h-5 rst:w-5"})})})]}),r.jsx("div",{className:"rst:mt-6",children:f})]})})})})]})]})};exports.Dialog=F;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),t=require("react"),j=require("../../../node_modules/@fortawesome/react-fontawesome/dist/index.cjs"),w=require("../../../node_modules/@fortawesome/free-solid-svg-icons/index.cjs"),o=require("../../../node_modules/class-variance-authority/dist/index.cjs"),s=require("../../../lib/utils.cjs"),N=require("../../../lib/labels.cjs"),_=require("../../../internal/page-inert.cjs"),a=require("../../../node_modules/@headlessui/react/dist/components/dialog/dialog.cjs"),d=require("../../../node_modules/@headlessui/react/dist/components/transition/transition.cjs"),q=o.cva("rst:relative rst:w-full rst:transform rst:overflow-hidden rst:rounded-2xl rst:p-6 rst:text-left rst:align-middle rst:elevation-overlay rst:transition-all rst:border",{variants:{size:{xs:"rst:max-w-xs",sm:"rst:max-w-sm",md:"rst:max-w-md",lg:"rst:max-w-lg",xl:"rst:max-w-xl","2xl":"rst:max-w-2xl","3xl":"rst:max-w-3xl",full:"rst:max-w-[95vw] rst:m-4"},variant:{white:"rst:bg-[var(--roster-popover-bg)] rst:border-[var(--roster-popover-border)] rst:text-[var(--roster-popover-text)]",slate:"rst:bg-gray-700 rst:border-gray-600 rst:text-gray-100 rst:dark:bg-gray-900 rst:dark:border-gray-800 rst:[--roster-ring:var(--roster-primary-400,#5ea3de)] rst:[--roster-ring-offset:var(--roster-gray-700,#44403c)] rst:dark:[--roster-ring-offset:var(--roster-gray-900,#1c1917)] rst:[--roster-control-text:var(--roster-gray-100,#f5f5f4)] rst:[--roster-control-border:var(--roster-gray-400,#a8a29e)] rst:[--roster-control-border-focus:var(--roster-primary-400,#5ea3de)]",primary:"rst:bg-primary-700 rst:border-primary-600 rst:text-primary-700-ink rst:dark:text-white rst:dark:bg-primary-950 rst:dark:border-primary-900 rst:[--roster-ring:var(--roster-primary-400,#5ea3de)] rst:[--roster-ring-offset:var(--roster-primary-700,#084063)] rst:dark:[--roster-ring-offset:var(--roster-primary-950,#021724)] rst:[--roster-control-text:var(--roster-gray-100,#f5f5f4)] rst:[--roster-control-border:var(--roster-gray-400,#a8a29e)] rst:[--roster-control-border-focus:var(--roster-primary-400,#5ea3de)]",glass:"rst:bg-white/80 rst:border-white/20 rst:backdrop-blur-xl rst:text-gray-900 rst:dark:bg-slate-900/80 rst:dark:border-slate-700/50 rst:dark:text-white"},status:{default:"",destructive:"rst:border-t-4 rst:border-t-error-500",success:"rst:border-t-4 rst:border-t-success-500"}},defaultVariants:{size:"md",variant:"white",status:"default"}}),F=o.cva("rst:text-xl rst:font-bold rst:leading-6 rst:text-inherit"),T=o.cva("rst:mt-1 rst:text-sm rst:text-inherit rst:opacity-75"),D=o.cva("rst:inline-flex rst:size-11 rst:shrink-0 rst:items-center rst:justify-center rst:-m-3 rst:cursor-pointer rst:rounded-md rst:bg-transparent rst:text-inherit rst:opacity-50 rst:hover:opacity-100 rst:focus:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:focus-visible:ring-offset-2 rst:ring-offset-background rst:transition-opacity"),L={close:"Close dialog"},V=({isOpen:u,onClose:i,title:m,description:n,size:x,variant:l,status:b,children:g,className:f,onAfterClose:v,labels:p})=>{const y=N.withLabels(L,p),[h,k]=t.useState(!1);t.useLayoutEffect(()=>{k(!0)},[]);const e=u&&h,c=t.useRef(null);return t.useLayoutEffect(()=>{if(e)return _.lockPage(c.current)},[e]),r.jsxs(r.Fragment,{children:[e&&r.jsx("span",{ref:c,hidden:!0}),r.jsxs(a.Dialog,{open:e,as:"div",className:"rst:font-ui rst:relative rst:z-50",onClose:i,children:[r.jsx(d.TransitionChild,{as:t.Fragment,enter:"rst:ease-out rst:duration-300",enterFrom:"rst:opacity-0",enterTo:"rst:opacity-100",leave:"rst:ease-in rst:duration-200",leaveFrom:"rst:opacity-100",leaveTo:"rst:opacity-0",children:r.jsx(a.DialogBackdrop,{className:s.cn("rst:fixed rst:inset-0 rst:transition-opacity",l==="glass"?"rst:bg-[var(--roster-backdrop,color-mix(in_oklab,oklch(20.8%_0.042_265.755)_40%,transparent))] rst:dark:bg-[var(--roster-backdrop,color-mix(in_oklab,var(--roster-black,#1e1c1a)_60%,transparent))]":"rst:bg-[var(--roster-backdrop,color-mix(in_oklab,oklch(20.8%_0.042_265.755)_60%,transparent))] rst:dark:bg-[var(--roster-backdrop,color-mix(in_oklab,var(--roster-black,#1e1c1a)_80%,transparent))] rst:backdrop-blur-backdrop")})}),r.jsx("div",{className:"rst:fixed rst:inset-0 rst:overflow-y-auto",children:r.jsx("div",{className:"rst:flex rst:min-h-full rst:items-center rst:justify-center rst:p-4 rst:text-center",children:r.jsx(d.TransitionChild,{as:t.Fragment,enter:"rst:ease-out rst:duration-300",enterFrom:"rst:opacity-0 rst:scale-95",enterTo:"rst:opacity-100 rst:scale-100",leave:"rst:ease-in rst:duration-200",leaveFrom:"rst:opacity-100 rst:scale-100",leaveTo:"rst:opacity-0 rst:scale-95",afterLeave:v,children:r.jsxs(a.DialogPanel,{className:s.cn(q({size:x,variant:l,status:b}),f),children:[r.jsxs("div",{className:"rst:flex rst:items-start rst:justify-between",children:[r.jsxs("div",{children:[r.jsx(a.DialogTitle,{as:"h2",className:s.cn(F()),children:m}),n&&r.jsx("p",{className:s.cn(T()),children:n})]}),r.jsx("div",{className:"rst:ml-4 rst:flex rst:shrink-0",children:r.jsx("button",{type:"button",onClick:i,className:s.cn(D()),"aria-label":y.close,children:r.jsx(j.FontAwesomeIcon,{icon:w.faXmark,className:"rst:h-5 rst:w-5"})})})]}),r.jsx("div",{className:"rst:mt-6",children:g})]})})})})]})]})};exports.Dialog=V;

package/dist/components/organisms/Dialog/Dialog.d.ts

@@ -1,10 +1,15 @@
 import { ReactNode } from 'react';
 import { VariantProps } from 'class-variance-authority';
 declare const dialogVariants: (props?: ({
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "full" | "2xl" | "3xl" | null | undefined;
     variant?: "primary" | "white" | "slate" | "glass" | null | undefined;
     status?: "success" | "default" | "destructive" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/** Every word Dialog says of its own. Pass any of them in `labels` to replace it. */
+export interface DialogLabels {
+    /** The close button's name. */
+    close: string;
+}
 export interface DialogProps extends VariantProps<typeof dialogVariants> {
     isOpen: boolean;
     onClose: () => void;
@@ -20,6 +25,8 @@ export interface DialogProps extends VariantProps<typeof dialogVariants> {
      * while open.
      */
     onAfterClose?: () => void;
+    /** The component's own words, replaced; any left out stay English. */
+    labels?: Partial<DialogLabels>;
 }
-declare const Dialog: ({ isOpen, onClose, title, description, size, variant, status, children, className, onAfterClose, }: DialogProps) => import("react/jsx-runtime").JSX.Element;
+declare const Dialog: ({ isOpen, onClose, title, description, size, variant, status, children, className, onAfterClose, labels, }: DialogProps) => import("react/jsx-runtime").JSX.Element;
 export { Dialog };

package/dist/components/organisms/Dialog/Dialog.js

@@ -1,14 +1,15 @@
 "use client";
-import { jsxs as t, Fragment as k, jsx as r } from "react/jsx-runtime";
-import { useState as w, useLayoutEffect as c, useRef as N, Fragment as d } from "react";
-import { FontAwesomeIcon as _ } from "../../../node_modules/@fortawesome/react-fontawesome/dist/index.js";
-import { faXmark as F } from "../../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
+import { jsxs as t, Fragment as N, jsx as r } from "react/jsx-runtime";
+import { useState as _, useLayoutEffect as c, useRef as F, Fragment as d } from "react";
+import { FontAwesomeIcon as L } from "../../../node_modules/@fortawesome/react-fontawesome/dist/index.js";
+import { faXmark as T } from "../../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
 import { cva as a } from "../../../node_modules/class-variance-authority/dist/index.js";
 import { cn as s } from "../../../lib/utils.js";
-import { lockPage as T } from "../../../internal/page-inert.js";
-import { Dialog as j, DialogBackdrop as z, DialogPanel as D, DialogTitle as V } from "../../../node_modules/@headlessui/react/dist/components/dialog/dialog.js";
+import { withLabels as j } from "../../../lib/labels.js";
+import { lockPage as z } from "../../../internal/page-inert.js";
+import { Dialog as D, DialogBackdrop as V, DialogPanel as A, DialogTitle as B } from "../../../node_modules/@headlessui/react/dist/components/dialog/dialog.js";
 import { TransitionChild as m } from "../../../node_modules/@headlessui/react/dist/components/transition/transition.js";
-const L = /* @__PURE__ */ a(
+const C = /* @__PURE__ */ a(
   "rst:relative rst:w-full rst:transform rst:overflow-hidden rst:rounded-2xl rst:p-6 rst:text-left rst:align-middle rst:elevation-overlay rst:transition-all rst:border",
   {
     variants: {
@@ -77,9 +78,9 @@ const L = /* @__PURE__ */ a(
       status: "default"
     }
   }
-), C = /* @__PURE__ */ a("rst:text-xl rst:font-bold rst:leading-6 rst:text-inherit"), P = /* @__PURE__ */ a("rst:mt-1 rst:text-sm rst:text-inherit rst:opacity-75"), R = /* @__PURE__ */ a(
+), E = /* @__PURE__ */ a("rst:text-xl rst:font-bold rst:leading-6 rst:text-inherit"), P = /* @__PURE__ */ a("rst:mt-1 rst:text-sm rst:text-inherit rst:opacity-75"), R = /* @__PURE__ */ a(
   "rst:inline-flex rst:size-11 rst:shrink-0 rst:items-center rst:justify-center rst:-m-3 rst:cursor-pointer rst:rounded-md rst:bg-transparent rst:text-inherit rst:opacity-50 rst:hover:opacity-100 rst:focus:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:focus-visible:ring-offset-2 rst:ring-offset-background rst:transition-opacity"
-), $ = ({
+), S = { close: "Close dialog" }, K = ({
   isOpen: f,
   onClose: o,
   title: p,
@@ -89,20 +90,21 @@ const L = /* @__PURE__ */ a(
   status: g,
   children: v,
   className: u,
-  onAfterClose: x
+  onAfterClose: x,
+  labels: y
 }) => {
-  const [y, h] = w(!1);
+  const h = j(S, y), [k, w] = _(!1);
   c(() => {
-    h(!0);
+    w(!0);
   }, []);
-  const e = f && y, l = N(null);
+  const e = f && k, l = F(null);
   return c(() => {
     if (e)
-      return T(l.current);
-  }, [e]), /* @__PURE__ */ t(k, { children: [
+      return z(l.current);
+  }, [e]), /* @__PURE__ */ t(N, { children: [
     e && /* @__PURE__ */ r("span", { ref: l, hidden: !0 }),
     /* @__PURE__ */ t(
-      j,
+      D,
       {
         open: e,
         as: "div",
@@ -120,7 +122,7 @@ const L = /* @__PURE__ */ a(
               leaveFrom: "rst:opacity-100",
               leaveTo: "rst:opacity-0",
               children: /* @__PURE__ */ r(
-                z,
+                V,
                 {
                   className: s(
                     "rst:fixed rst:inset-0 rst:transition-opacity",
@@ -142,16 +144,16 @@ const L = /* @__PURE__ */ a(
               leaveTo: "rst:opacity-0 rst:scale-95",
               afterLeave: x,
               children: /* @__PURE__ */ t(
-                D,
+                A,
                 {
                   className: s(
-                    L({ size: b, variant: n, status: g }),
+                    C({ size: b, variant: n, status: g }),
                     u
                   ),
                   children: [
                     /* @__PURE__ */ t("div", { className: "rst:flex rst:items-start rst:justify-between", children: [
                       /* @__PURE__ */ t("div", { children: [
-                        /* @__PURE__ */ r(V, { as: "h2", className: s(C()), children: p }),
+                        /* @__PURE__ */ r(B, { as: "h2", className: s(E()), children: p }),
                         i && /* @__PURE__ */ r("p", { className: s(P()), children: i })
                       ] }),
                       /* @__PURE__ */ r("div", { className: "rst:ml-4 rst:flex rst:shrink-0", children: /* @__PURE__ */ r(
@@ -160,8 +162,8 @@ const L = /* @__PURE__ */ a(
                           type: "button",
                           onClick: o,
                           className: s(R()),
-                          "aria-label": "Close dialog",
-                          children: /* @__PURE__ */ r(_, { icon: F, className: "rst:h-5 rst:w-5" })
+                          "aria-label": h.close,
+                          children: /* @__PURE__ */ r(L, { icon: T, className: "rst:h-5 rst:w-5" })
                         }
                       ) })
                     ] }),
@@ -177,5 +179,5 @@ const L = /* @__PURE__ */ a(
   ] });
 };
 export {
-  $ as Dialog
+  K as Dialog
 };

package/dist/components/organisms/Footer/Footer.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),u=require("react"),m=require("../../../lib/utils.cjs"),h=require("./footer-variants.cjs"),s=u.forwardRef(({className:a,variant:o,companyName:i="Ball Collaborative",links:r,routerElement:n,...c},l)=>{const x=new Date().getFullYear(),f=n??"a";return t.jsx("footer",{ref:l,className:m.cn(h.footerVariants({variant:o}),a),...c,children:t.jsxs("div",{className:"rst:container rst:mx-auto rst:px-4 rst:flex rst:flex-col rst:items-center rst:gap-2",children:[r&&r.length>0&&t.jsx("nav",{"aria-label":"Footer navigation",className:"rst:flex rst:flex-wrap rst:justify-center rst:gap-x-5 rst:gap-y-1",children:r.map(e=>t.jsx(f,{href:e.href,to:e.href,className:"rst:text-sm rst:text-inherit rst:opacity-70 rst:hover:opacity-100 rst:transition-opacity",children:e.label},e.href))}),t.jsxs("p",{className:"rst:text-center rst:text-sm rst:font-medium rst:text-inherit",children:["© ",x," ",i,", All rights reserved."]})]})})});s.displayName="Footer";exports.Footer=s;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),m=require("react"),p=require("../../../lib/utils.cjs"),d=require("../../../lib/labels.cjs"),g=require("./footer-variants.cjs"),y={nav:"Footer navigation",copyright:(r,s)=>`© ${r} ${s}, All rights reserved.`},i=m.forwardRef(({className:r,variant:s,companyName:n="Ball Collaborative",links:a,routerElement:c,labels:l,...x},h)=>{const u=new Date().getFullYear(),o=d.withLabels(y,l),f=c??"a";return t.jsx("footer",{ref:h,className:p.cn(g.footerVariants({variant:s}),r),...x,children:t.jsxs("div",{className:"rst:container rst:mx-auto rst:px-4 rst:flex rst:flex-col rst:items-center rst:gap-2",children:[a&&a.length>0&&t.jsx("nav",{"aria-label":o.nav,className:"rst:flex rst:flex-wrap rst:justify-center rst:gap-x-5 rst:gap-y-1",children:a.map(e=>t.jsx(f,{href:e.href,to:e.href,className:"rst:text-sm rst:text-inherit rst:opacity-70 rst:hover:opacity-100 rst:transition-opacity",children:e.label},e.href))}),t.jsx("p",{className:"rst:text-center rst:text-sm rst:font-medium rst:text-inherit",children:o.copyright(u,n)})]})})});i.displayName="Footer";exports.Footer=i;

package/dist/components/organisms/Footer/Footer.d.ts

@@ -5,6 +5,13 @@ export interface FooterLink {
     label: string;
     href: string;
 }
+/** Every word Footer shows or says of its own. Pass any of them in `labels` to replace it. */
+export interface FooterLabels {
+    /** The link row's name. */
+    nav: string;
+    /** The copyright line. */
+    copyright: (year: number, companyName: string) => string;
+}
 export interface FooterProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof footerVariants> {
     /**
      * The company name to display in the copyright notice.
@@ -21,6 +28,8 @@ export interface FooterProps extends React.HTMLAttributes<HTMLElement>, VariantP
      * footer link is rendered with this element instead of a plain `<a>` tag.
      */
     routerElement?: React.ElementType;
+    /** The component's own words, replaced; any left out stay English. */
+    labels?: Partial<FooterLabels>;
 }
 declare const Footer: React.ForwardRefExoticComponent<FooterProps & React.RefAttributes<HTMLElement>>;
 export { Footer };

package/dist/components/organisms/Footer/Footer.js

@@ -1,20 +1,24 @@
 "use client";
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import p from "react";
-import { cn as x } from "../../../lib/utils.js";
-import { footerVariants as h } from "./footer-variants.js";
-const d = p.forwardRef(
-  ({ className: a, variant: o, companyName: i = "Ball Collaborative", links: r, routerElement: l, ...c }, n) => {
-    const m = (/* @__PURE__ */ new Date()).getFullYear(), f = l ?? "a";
-    return /* @__PURE__ */ e(
+import { jsx as r, jsxs as h } from "react/jsx-runtime";
+import x from "react";
+import { cn as d } from "../../../lib/utils.js";
+import { withLabels as g } from "../../../lib/labels.js";
+import { footerVariants as u } from "./footer-variants.js";
+const v = {
+  nav: "Footer navigation",
+  copyright: (e, s) => `© ${e} ${s}, All rights reserved.`
+}, y = x.forwardRef(
+  ({ className: e, variant: s, companyName: i = "Ball Collaborative", links: a, routerElement: c, labels: l, ...n }, m) => {
+    const f = (/* @__PURE__ */ new Date()).getFullYear(), o = g(v, l), p = c ?? "a";
+    return /* @__PURE__ */ r(
       "footer",
       {
-        ref: n,
-        className: x(h({ variant: o }), a),
-        ...c,
-        children: /* @__PURE__ */ s("div", { className: "rst:container rst:mx-auto rst:px-4 rst:flex rst:flex-col rst:items-center rst:gap-2", children: [
-          r && r.length > 0 && /* @__PURE__ */ e("nav", { "aria-label": "Footer navigation", className: "rst:flex rst:flex-wrap rst:justify-center rst:gap-x-5 rst:gap-y-1", children: r.map((t) => /* @__PURE__ */ e(
-            f,
+        ref: m,
+        className: d(u({ variant: s }), e),
+        ...n,
+        children: /* @__PURE__ */ h("div", { className: "rst:container rst:mx-auto rst:px-4 rst:flex rst:flex-col rst:items-center rst:gap-2", children: [
+          a && a.length > 0 && /* @__PURE__ */ r("nav", { "aria-label": o.nav, className: "rst:flex rst:flex-wrap rst:justify-center rst:gap-x-5 rst:gap-y-1", children: a.map((t) => /* @__PURE__ */ r(
+            p,
             {
               href: t.href,
               to: t.href,
@@ -23,19 +27,13 @@ const d = p.forwardRef(
             },
             t.href
           )) }),
-          /* @__PURE__ */ s("p", { className: "rst:text-center rst:text-sm rst:font-medium rst:text-inherit", children: [
-            "© ",
-            m,
-            " ",
-            i,
-            ", All rights reserved."
-          ] })
+          /* @__PURE__ */ r("p", { className: "rst:text-center rst:text-sm rst:font-medium rst:text-inherit", children: o.copyright(f, i) })
         ] })
       }
     );
   }
 );
-d.displayName = "Footer";
+y.displayName = "Footer";
 export {
-  d as Footer
+  y as Footer
 };