@blakesteve/roster 5.7.0 → 5.9.0

package/dist/components/atoms/MultiSelect/MultiSelect.js

@@ -1,65 +1,66 @@
 "use client";
-import { jsxs as c, jsx as r } from "react/jsx-runtime";
-import H, { Fragment as V } from "react";
-import { Description as W } from "../../../node_modules/@headlessui/react/dist/components/description/description.js";
-import { Field as Y } from "../../../node_modules/@headlessui/react/dist/components/field/field.js";
-import { Label as C } from "../../../node_modules/@headlessui/react/dist/components/label/label.js";
-import { Listbox as K, ListboxButton as X, ListboxOptions as Z, ListboxOption as q } from "../../../node_modules/@headlessui/react/dist/components/listbox/listbox.js";
-import { Transition as G } from "../../../node_modules/@headlessui/react/dist/components/transition/transition.js";
-import { FontAwesomeIcon as _ } from "../../../node_modules/@fortawesome/react-fontawesome/dist/index.js";
-import { faChevronDown as J, faXmark as Q } from "../../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
-import { cn as s } from "../../../lib/utils.js";
-import { isFieldInvalid as z, withoutInvalidProps as tt } from "../../../internal/field-invalid.js";
-import { selectTriggerVariants as rt } from "../Select/select-variants.js";
-import { Chip as T } from "../Chip/Chip.js";
-import { PopupOption as et } from "../../../internal/PopupOption.js";
-import { useDarkScope as st, POPUP_ANCHOR as nt, POPUP_WIDTH_OF_BUTTON as ot, POPUP_PANEL as at, popupInDarkPalette as it } from "../../../internal/popup.js";
-const It = ({
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import V, { Fragment as W } from "react";
+import { Description as Y } from "../../../node_modules/@headlessui/react/dist/components/description/description.js";
+import { Field as C } from "../../../node_modules/@headlessui/react/dist/components/field/field.js";
+import { Label as K } from "../../../node_modules/@headlessui/react/dist/components/label/label.js";
+import { Listbox as X, ListboxButton as Z, ListboxOptions as q, ListboxOption as G } from "../../../node_modules/@headlessui/react/dist/components/listbox/listbox.js";
+import { Transition as J } from "../../../node_modules/@headlessui/react/dist/components/transition/transition.js";
+import { FontAwesomeIcon as T } from "../../../node_modules/@fortawesome/react-fontawesome/dist/index.js";
+import { faChevronDown as Q, faXmark as z } from "../../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
+import { cn as n } from "../../../lib/utils.js";
+import { isFieldInvalid as tt, withoutInvalidProps as rt } from "../../../internal/field-invalid.js";
+import { selectTriggerVariants as et } from "../Select/select-variants.js";
+import { Chip as F } from "../Chip/Chip.js";
+import { PopupOption as st } from "../../../internal/PopupOption.js";
+import { useDarkScope as nt, POPUP_ANCHOR as ot, POPUP_WIDTH_OF_BUTTON as it, POPUP_PANEL as at, popupInDarkPalette as lt } from "../../../internal/popup.js";
+const Pt = ({
   options: u,
-  value: n,
+  value: o,
   onChange: p,
   placeholder: f = "Select options",
-  disabled: i = !1,
+  disabled: l = !1,
   variant: v,
-  size: o,
-  error: F,
-  className: L,
-  triggerClassName: R,
-  optionsClassName: D,
+  size: i,
+  error: R,
+  className: D,
+  triggerClassName: L,
+  optionsClassName: j,
   helperText: x,
   errorMessage: h,
   label: b,
-  display: m = "chips",
+  display: c = "chips",
   maxChips: g,
   clearable: N = !1,
   chipColorScheme: k = "neutral",
   chipVariant: w = "outline",
-  clearLabel: j = "Clear selection",
-  removeLabel: E = (l) => `Remove ${l}`,
-  ...I
+  clearLabel: E = "Clear selection",
+  removeLabel: U = (e) => `Remove ${e}`,
+  countLabel: I = (e) => `${e} selected`,
+  ...P
 }) => {
-  const l = !!h || F, U = z(l, I), $ = tt(I), a = n.length > 0, P = new Map(u.map((t, e) => [t.value, e])), d = n.map((t) => ({
+  const e = !!h || R, $ = tt(e, P), A = rt(P), a = o.length > 0, y = new Map(u.map((t, s) => [t.value, s])), m = o.map((t) => ({
     value: t,
-    label: u.find((e) => e.value === t)?.label ?? String(t)
+    label: u.find((s) => s.value === t)?.label ?? String(t)
   })).sort(
-    (t, e) => (P.get(t.value) ?? Number.POSITIVE_INFINITY) - (P.get(e.value) ?? Number.POSITIVE_INFINITY)
-  ), y = g === void 0 ? d : d.slice(0, g), O = d.length - y.length, { ref: A, inDarkScope: B } = st(), S = H.useRef(null);
-  return /* @__PURE__ */ c(
-    Y,
+    (t, s) => (y.get(t.value) ?? Number.POSITIVE_INFINITY) - (y.get(s.value) ?? Number.POSITIVE_INFINITY)
+  ), O = g === void 0 ? m : m.slice(0, g), S = m.length - O.length, { ref: B, inDarkScope: M } = nt(), _ = V.useRef(null);
+  return /* @__PURE__ */ d(
+    C,
     {
-      disabled: i,
-      className: s("rst:flex rst:flex-col rst:gap-1.5", L),
-      ...$,
+      disabled: l,
+      className: n("rst:flex rst:flex-col rst:gap-1.5", D),
+      ...A,
       children: [
-        b && /* @__PURE__ */ r(C, { className: "rst:block rst:text-sm rst:font-medium rst:text-[var(--roster-control-text)] rst:text-left", children: b }),
-        /* @__PURE__ */ r(K, { value: n, onChange: p, disabled: i, multiple: !0, children: /* @__PURE__ */ c("div", { ref: A, className: "rst:relative", children: [
-          /* @__PURE__ */ c(
+        b && /* @__PURE__ */ r(K, { className: "rst:block rst:text-sm rst:font-medium rst:text-[var(--roster-control-text)] rst:text-left", children: b }),
+        /* @__PURE__ */ r(X, { value: o, onChange: p, disabled: l, multiple: !0, children: /* @__PURE__ */ d("div", { ref: B, className: "rst:relative", children: [
+          /* @__PURE__ */ d(
             "div",
             {
-              className: s(
-                rt({ variant: v, size: o, error: l }),
+              className: n(
+                et({ variant: v, size: i, error: e }),
                 "rst:h-auto rst:flex-wrap rst:items-center rst:gap-1.5 rst:py-1.5",
-                o === "sm" ? "rst:min-h-9" : o === "lg" ? "rst:min-h-11" : "rst:min-h-10",
+                i === "sm" ? "rst:min-h-9" : i === "lg" ? "rst:min-h-11" : "rst:min-h-10",
                 N && a && "rst:pr-16",
                 /* The ring is on the shell and fires from `focus-within`, because
                    the element that actually takes focus is the invisible button
@@ -67,17 +68,17 @@ const It = ({
                    control too: those are inside the field and should light it.
                    One pixel heavier than the edge, as Select's trigger is. */
                 "rst:focus-within:ring-[length:calc(var(--roster-border-width,1px)+1px)] rst:focus-within:ring-ring",
-                i && "rst:opacity-50 rst:cursor-not-allowed",
-                R
+                l && "rst:opacity-50 rst:cursor-not-allowed",
+                L
               ),
               children: [
                 /* @__PURE__ */ r(
-                  X,
+                  Z,
                   {
-                    ref: S,
-                    "aria-invalid": U || void 0,
+                    ref: _,
+                    "aria-invalid": $ || void 0,
                     className: "rst:absolute rst:inset-0 rst:h-full rst:w-full rst:cursor-pointer rst:rounded-md rst:focus:outline-hidden rst:disabled:cursor-not-allowed",
-                    children: /* @__PURE__ */ r("span", { className: "rst:sr-only", children: a ? m === "count" ? `${n.length} selected` : d.map((t) => t.label).join(", ") : f })
+                    children: /* @__PURE__ */ r("span", { className: "rst:sr-only", children: a ? c === "count" ? I(o.length) : m.map((t) => t.label).join(", ") : f })
                   }
                 ),
                 !a && /* @__PURE__ */ r(
@@ -88,37 +89,34 @@ const It = ({
                     children: f
                   }
                 ),
-                a && m === "count" && /* @__PURE__ */ c(
+                a && c === "count" && /* @__PURE__ */ r(
                   "span",
                   {
                     "aria-hidden": "true",
                     className: "rst:pointer-events-none rst:relative rst:block rst:truncate",
-                    children: [
-                      n.length,
-                      " selected"
-                    ]
+                    children: I(o.length)
                   }
                 ),
-                a && m === "chips" && y.map((t, e) => /* @__PURE__ */ r(
-                  T,
+                a && c === "chips" && O.map((t, s) => /* @__PURE__ */ r(
+                  F,
                   {
                     size: "sm",
                     variant: w,
                     colorScheme: k,
-                    disabled: i,
-                    onRemove: () => p(n.filter((M) => M !== t.value)),
-                    removeLabel: E(t.label),
-                    className: s(
+                    disabled: l,
+                    onRemove: () => p(o.filter((H) => H !== t.value)),
+                    removeLabel: U(t.label),
+                    className: n(
                       "rst:relative rst:max-w-[12rem] rst:pointer-events-none",
                       "rst:[&_button]:pointer-events-auto",
                       "rst:text-inherit rst:border-current/70 rst:dark:text-inherit rst:dark:border-current/70"
                     ),
                     children: /* @__PURE__ */ r("span", { className: "rst:block rst:truncate", children: t.label })
                   },
-                  `${e}-${String(t.value)}`
+                  `${s}-${String(t.value)}`
                 )),
-                O > 0 && m === "chips" && /* @__PURE__ */ c(
-                  T,
+                S > 0 && c === "chips" && /* @__PURE__ */ d(
+                  F,
                   {
                     size: "sm",
                     variant: w,
@@ -127,21 +125,21 @@ const It = ({
                     className: "rst:pointer-events-none rst:relative rst:text-inherit rst:border-current/70 rst:dark:text-inherit rst:dark:border-current/70",
                     children: [
                       "+",
-                      O
+                      S
                     ]
                   }
                 ),
                 /* @__PURE__ */ r(
                   "span",
                   {
-                    className: s(
+                    className: n(
                       "rst:pointer-events-none rst:absolute rst:inset-y-0 rst:right-0 rst:flex rst:items-center",
-                      o === "sm" ? "rst:pr-2.5" : "rst:pr-3"
+                      i === "sm" ? "rst:pr-2.5" : "rst:pr-3"
                     ),
                     children: /* @__PURE__ */ r(
-                      _,
+                      T,
                       {
-                        icon: J,
+                        icon: Q,
                         className: "rst:h-3.5 rst:w-3.5 rst:text-gray-400 rst:dark:text-gray-500",
                         "aria-hidden": "true"
                       }
@@ -152,12 +150,12 @@ const It = ({
                   "button",
                   {
                     type: "button",
-                    disabled: i,
+                    disabled: l,
                     onClick: () => {
-                      p([]), S.current?.focus();
+                      p([]), _.current?.focus();
                     },
-                    "aria-label": j,
-                    className: s(
+                    "aria-label": E,
+                    className: n(
                       /* `w-6` is not decoration: WCAG 2.5.8 asks 24x24 CSS px and
                          a bare 14px icon measured 20px wide. The spacing exception
                          does not apply, because this sits inside the trigger's own
@@ -166,12 +164,12 @@ const It = ({
                       "rst:cursor-pointer rst:disabled:cursor-not-allowed",
                       "rst:text-current rst:opacity-70 rst:hover:opacity-100 rst:disabled:opacity-40",
                       "rst:focus:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:rounded-sm",
-                      o === "sm" ? "rst:right-7" : "rst:right-8"
+                      i === "sm" ? "rst:right-7" : "rst:right-8"
                     ),
                     children: /* @__PURE__ */ r(
-                      _,
+                      T,
                       {
-                        icon: Q,
+                        icon: z,
                         className: "rst:h-3.5 rst:w-3.5",
                         "aria-hidden": "true"
                       }
@@ -182,29 +180,29 @@ const It = ({
             }
           ),
           /* @__PURE__ */ r(
-            G,
+            J,
             {
-              as: V,
+              as: W,
               leave: "rst:transition rst:ease-in rst:duration-100",
               leaveFrom: "rst:opacity-100",
               leaveTo: "rst:opacity-0",
               children: /* @__PURE__ */ r(
-                Z,
+                q,
                 {
-                  anchor: nt,
-                  className: s(
-                    it(B, v) && "dark",
+                  anchor: ot,
+                  className: n(
+                    lt(M, v) && "dark",
                     at,
-                    ot,
-                    D
+                    it,
+                    j
                   ),
                   children: u.map((t) => /* @__PURE__ */ r(
-                    et,
+                    st,
                     {
-                      as: q,
+                      as: G,
                       value: t.value,
                       disabled: t.disabled,
-                      size: o,
+                      size: i,
                       children: t.label
                     },
                     t.value
@@ -215,11 +213,11 @@ const It = ({
           )
         ] }) }),
         (x || h) && /* @__PURE__ */ r(
-          W,
+          Y,
           {
-            className: s(
+            className: n(
               "rst:text-xs rst:text-left",
-              l ? "rst:text-error-600 rst:dark:text-error-400 rst:font-medium" : "rst:text-gray-500 rst:dark:text-gray-400"
+              e ? "rst:text-error-600 rst:dark:text-error-400 rst:font-medium" : "rst:text-gray-500 rst:dark:text-gray-400"
             ),
             children: h || x
           }
@@ -229,5 +227,5 @@ const It = ({
   );
 };
 export {
-  It as MultiSelect
+  Pt as MultiSelect
 };

package/dist/components/atoms/Progress/Progress.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),u=require("react"),c=require("../../../lib/utils.cjs"),G=require("./progress-values.cjs"),H={percent:r=>`${r}%`,count:(r,s)=>`${r} of ${s}`,indeterminate:"Loading",status:(r,s)=>r?`${r}: ${s}`:s},b={default:"rst:bg-primary-600 rst:dark:bg-primary-400",success:"rst:bg-success-600 rst:dark:bg-success-400",warning:"rst:bg-amber-700 rst:dark:bg-amber-400",error:"rst:bg-error-600 rst:dark:bg-error-400"},O={default:"rst:border-primary-600 rst:dark:border-primary-400",success:"rst:border-success-600 rst:dark:border-success-400",warning:"rst:border-amber-700 rst:dark:border-amber-400",error:"rst:border-error-600 rst:dark:border-error-400"},p="rst:bg-[var(--roster-skeleton)]",R="rst:forced-colors:outline-solid rst:forced-colors:outline-1",h="rst:forced-colors:forced-color-adjust-none rst:forced-colors:bg-[Highlight]",T={sm:"rst:h-1.5",md:"rst:h-2.5"};function P(r,s,t){const[m,n]=u.useState(r),e=u.useRef(r),l=u.useRef(Number.NEGATIVE_INFINITY),a=u.useRef(r);return u.useEffect(()=>{if(a.current=r,r===e.current)return;const f=t?0:Math.max(0,l.current+s-Date.now()),g=setTimeout(()=>{a.current!==e.current&&(l.current=Date.now(),e.current=a.current,n(a.current))},f);return()=>clearTimeout(g)},[r,s,t]),m}function V({value:r,max:s=100,variant:t="continuous",segments:m,status:n="default",size:e="md",rounded:l=!0,busy:a=!1,label:f,valueText:g,announce:j=!0,announceEvery:y=1500,labels:v,className:x}){const i={...H,...v},{known:w,fraction:k,percent:I,states:E,done:L,applicable:S,complete:$}=G.progressValues({value:r,max:s,variant:t,segments:m}),F=g??(t==="segmented"?i.count(L,S):w?i.percent(I):i.indeterminate),q=$,A=P(i.status(f,F),y,q),N=a&&"rst:animate-pulse rst:motion-reduce:animate-none",C=t==="segmented"?o.jsx("div",{"aria-hidden":"true",className:c.cn("rst:flex rst:w-full",e==="sm"?"rst:gap-0.5":"rst:gap-1",T[e],N),"data-progress-track":"",children:E.map((d,D)=>o.jsx("span",{className:c.cn("rst:h-full rst:min-w-0 rst:flex-1",l?"rst:rounded-full":"rst:rounded-sm",d==="done"&&[b[n],h],d==="current"&&[p,"rst:border-2",O[n]],d==="remaining"&&[p,R],d==="na"&&"rst:border rst:border-dashed rst:border-gray-500 rst:dark:border-gray-400"),"data-segment":d},D))}):o.jsx("div",{"aria-hidden":"true",className:c.cn("rst:relative rst:w-full rst:overflow-hidden rst:rounded-full",T[e],p,R,N),"data-progress-track":"",children:w?o.jsx("div",{className:c.cn("rst:h-full rst:rounded-full rst:transition-[width] rst:motion-reduce:transition-none",b[n],h),style:{width:`${k*100}%`,minWidth:k>0?e==="sm"?"0.375rem":"0.625rem":void 0},"data-progress-fill":""}):o.jsx("div",{className:c.cn("rst:absolute rst:inset-y-0 rst:left-0 rst:w-[30%] rst:rounded-full rst:animate-progress-travel",b[n],h),"data-progress-fill":"indeterminate"})});return o.jsxs("div",{className:c.cn("rst:w-full",x),"data-progress":t,"data-status":n,children:[C,j&&o.jsx("span",{role:"status",className:"rst:sr-only","data-progress-status":"",children:A})]})}exports.Progress=V;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),u=require("react"),c=require("../../../lib/utils.cjs"),G=require("../../../lib/labels.cjs"),H=require("./progress-values.cjs"),O={percent:r=>`${r}%`,count:(r,s)=>`${r} of ${s}`,indeterminate:"Loading",status:(r,s)=>r?`${r}: ${s}`:s},b={default:"rst:bg-primary-600 rst:dark:bg-primary-400",success:"rst:bg-success-600 rst:dark:bg-success-400",warning:"rst:bg-amber-700 rst:dark:bg-amber-400",error:"rst:bg-error-600 rst:dark:bg-error-400"},P={default:"rst:border-primary-600 rst:dark:border-primary-400",success:"rst:border-success-600 rst:dark:border-success-400",warning:"rst:border-amber-700 rst:dark:border-amber-400",error:"rst:border-error-600 rst:dark:border-error-400"},p="rst:bg-[var(--roster-skeleton)]",R="rst:forced-colors:outline-solid rst:forced-colors:outline-1",h="rst:forced-colors:forced-color-adjust-none rst:forced-colors:bg-[Highlight]",T={sm:"rst:h-1.5",md:"rst:h-2.5"};function V(r,s,t){const[m,n]=u.useState(r),e=u.useRef(r),l=u.useRef(Number.NEGATIVE_INFINITY),a=u.useRef(r);return u.useEffect(()=>{if(a.current=r,r===e.current)return;const f=t?0:Math.max(0,l.current+s-Date.now()),g=setTimeout(()=>{a.current!==e.current&&(l.current=Date.now(),e.current=a.current,n(a.current))},f);return()=>clearTimeout(g)},[r,s,t]),m}function _({value:r,max:s=100,variant:t="continuous",segments:m,status:n="default",size:e="md",rounded:l=!0,busy:a=!1,label:f,valueText:g,announce:j=!0,announceEvery:y=1500,labels:v,className:x}){const i=G.withLabels(O,v),{known:w,fraction:k,percent:I,states:L,done:E,applicable:S,complete:$}=H.progressValues({value:r,max:s,variant:t,segments:m}),q=g??(t==="segmented"?i.count(E,S):w?i.percent(I):i.indeterminate),F=$,A=V(i.status(f,q),y,F),N=a&&"rst:animate-pulse rst:motion-reduce:animate-none",C=t==="segmented"?o.jsx("div",{"aria-hidden":"true",className:c.cn("rst:flex rst:w-full",e==="sm"?"rst:gap-0.5":"rst:gap-1",T[e],N),"data-progress-track":"",children:L.map((d,D)=>o.jsx("span",{className:c.cn("rst:h-full rst:min-w-0 rst:flex-1",l?"rst:rounded-full":"rst:rounded-sm",d==="done"&&[b[n],h],d==="current"&&[p,"rst:border-2",P[n]],d==="remaining"&&[p,R],d==="na"&&"rst:border rst:border-dashed rst:border-gray-500 rst:dark:border-gray-400"),"data-segment":d},D))}):o.jsx("div",{"aria-hidden":"true",className:c.cn("rst:relative rst:w-full rst:overflow-hidden rst:rounded-full",T[e],p,R,N),"data-progress-track":"",children:w?o.jsx("div",{className:c.cn("rst:h-full rst:rounded-full rst:transition-[width] rst:motion-reduce:transition-none",b[n],h),style:{width:`${k*100}%`,minWidth:k>0?e==="sm"?"0.375rem":"0.625rem":void 0},"data-progress-fill":""}):o.jsx("div",{className:c.cn("rst:absolute rst:inset-y-0 rst:left-0 rst:w-[30%] rst:rounded-full rst:animate-progress-travel",b[n],h),"data-progress-fill":"indeterminate"})});return o.jsxs("div",{className:c.cn("rst:w-full",x),"data-progress":t,"data-status":n,children:[C,j&&o.jsx("span",{role:"status",className:"rst:sr-only","data-progress-status":"",children:A})]})}exports.Progress=_;

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

@@ -46,6 +46,7 @@ export interface ProgressProps {
     announce?: boolean;
     /** The least time between two announcements, in milliseconds. */
     announceEvery?: number;
+    /** The component's own words, replaced; any left out stay English. */
     labels?: Partial<ProgressLabels>;
     className?: string;
 }

package/dist/components/atoms/Progress/Progress.js

@@ -1,55 +1,56 @@
 "use client";
 import { jsx as a, jsxs as H } from "react/jsx-runtime";
-import { useState as _, useRef as g, useEffect as K } from "react";
+import { useState as _, useRef as b, useEffect as K } from "react";
 import { cn as d } from "../../../lib/utils.js";
-import { progressValues as O } from "./progress-values.js";
-const V = {
+import { withLabels as O } from "../../../lib/labels.js";
+import { progressValues as V } from "./progress-values.js";
+const B = {
   percent: (r) => `${r}%`,
   count: (r, s) => `${r} of ${s}`,
   indeterminate: "Loading",
   status: (r, s) => r ? `${r}: ${s}` : s
-}, b = {
+}, g = {
   default: "rst:bg-primary-600 rst:dark:bg-primary-400",
   success: "rst:bg-success-600 rst:dark:bg-success-400",
   warning: "rst:bg-amber-700 rst:dark:bg-amber-400",
   error: "rst:bg-error-600 rst:dark:bg-error-400"
-}, B = {
+}, M = {
   default: "rst:border-primary-600 rst:dark:border-primary-400",
   success: "rst:border-success-600 rst:dark:border-success-400",
   warning: "rst:border-amber-700 rst:dark:border-amber-400",
   error: "rst:border-error-600 rst:dark:border-error-400"
 }, p = "rst:bg-[var(--roster-skeleton)]", T = "rst:forced-colors:outline-solid rst:forced-colors:outline-1", h = "rst:forced-colors:forced-color-adjust-none rst:forced-colors:bg-[Highlight]", y = { sm: "rst:h-1.5", md: "rst:h-2.5" };
-function M(r, s, t) {
-  const [u, o] = _(r), e = g(r), l = g(Number.NEGATIVE_INFINITY), n = g(r);
+function P(r, s, e) {
+  const [u, o] = _(r), t = b(r), l = b(Number.NEGATIVE_INFINITY), n = b(r);
   return K(() => {
-    if (n.current = r, r === e.current) return;
-    const m = t ? 0 : Math.max(0, l.current + s - Date.now()), f = setTimeout(() => {
-      n.current !== e.current && (l.current = Date.now(), e.current = n.current, o(n.current));
+    if (n.current = r, r === t.current) return;
+    const m = e ? 0 : Math.max(0, l.current + s - Date.now()), f = setTimeout(() => {
+      n.current !== t.current && (l.current = Date.now(), t.current = n.current, o(n.current));
     }, m);
     return () => clearTimeout(f);
-  }, [r, s, t]), u;
+  }, [r, s, e]), u;
 }
-function J({
+function U({
   value: r,
   max: s = 100,
-  variant: t = "continuous",
+  variant: e = "continuous",
   segments: u,
   status: o = "default",
-  size: e = "md",
+  size: t = "md",
   rounded: l = !0,
   busy: n = !1,
   label: m,
   valueText: f,
   announce: I = !0,
-  announceEvery: v = 1500,
-  labels: E,
-  className: L
+  announceEvery: L = 1500,
+  labels: v,
+  className: E
 }) {
-  const i = { ...V, ...E }, { known: w, fraction: k, percent: R, states: $, done: F, applicable: A, complete: C } = O({ value: r, max: s, variant: t, segments: u }), D = f ?? (t === "segmented" ? i.count(F, A) : w ? i.percent(R) : i.indeterminate), S = C, j = M(i.status(m, D), v, S), N = n && "rst:animate-pulse rst:motion-reduce:animate-none", x = t === "segmented" ? /* @__PURE__ */ a(
+  const i = O(B, v), { known: w, fraction: k, percent: R, states: $, done: F, applicable: A, complete: C } = V({ value: r, max: s, variant: e, segments: u }), D = f ?? (e === "segmented" ? i.count(F, A) : w ? i.percent(R) : i.indeterminate), S = C, j = P(i.status(m, D), L, S), N = n && "rst:animate-pulse rst:motion-reduce:animate-none", x = e === "segmented" ? /* @__PURE__ */ a(
     "div",
     {
       "aria-hidden": "true",
-      className: d("rst:flex rst:w-full", e === "sm" ? "rst:gap-0.5" : "rst:gap-1", y[e], N),
+      className: d("rst:flex rst:w-full", t === "sm" ? "rst:gap-0.5" : "rst:gap-1", y[t], N),
       "data-progress-track": "",
       children: $.map((c, G) => /* @__PURE__ */ a(
         "span",
@@ -57,9 +58,9 @@ function J({
           className: d(
             "rst:h-full rst:min-w-0 rst:flex-1",
             l ? "rst:rounded-full" : "rst:rounded-sm",
-            c === "done" && [b[o], h],
+            c === "done" && [g[o], h],
             /* Under way: the track inside a border of the fill's color. */
-            c === "current" && [p, "rst:border-2", B[o]],
+            c === "current" && [p, "rst:border-2", M[o]],
             c === "remaining" && [p, T],
             /* Not part of this one: a dashed outline, neither filled nor to
                fill. Gray-500 on light and gray-400 on dark clear 3:1. */
@@ -74,33 +75,33 @@ function J({
     "div",
     {
       "aria-hidden": "true",
-      className: d("rst:relative rst:w-full rst:overflow-hidden rst:rounded-full", y[e], p, T, N),
+      className: d("rst:relative rst:w-full rst:overflow-hidden rst:rounded-full", y[t], p, T, N),
       "data-progress-track": "",
       children: w ? /* @__PURE__ */ a(
         "div",
         {
           className: d(
             "rst:h-full rst:rounded-full rst:transition-[width] rst:motion-reduce:transition-none",
-            b[o],
+            g[o],
             h
           ),
-          style: { width: `${k * 100}%`, minWidth: k > 0 ? e === "sm" ? "0.375rem" : "0.625rem" : void 0 },
+          style: { width: `${k * 100}%`, minWidth: k > 0 ? t === "sm" ? "0.375rem" : "0.625rem" : void 0 },
           "data-progress-fill": ""
         }
       ) : /* @__PURE__ */ a(
         "div",
         {
-          className: d("rst:absolute rst:inset-y-0 rst:left-0 rst:w-[30%] rst:rounded-full rst:animate-progress-travel", b[o], h),
+          className: d("rst:absolute rst:inset-y-0 rst:left-0 rst:w-[30%] rst:rounded-full rst:animate-progress-travel", g[o], h),
           "data-progress-fill": "indeterminate"
         }
       )
     }
   );
-  return /* @__PURE__ */ H("div", { className: d("rst:w-full", L), "data-progress": t, "data-status": o, children: [
+  return /* @__PURE__ */ H("div", { className: d("rst:w-full", E), "data-progress": e, "data-status": o, children: [
     x,
     I && /* @__PURE__ */ a("span", { role: "status", className: "rst:sr-only", "data-progress-status": "", children: j })
   ] });
 }
 export {
-  J as Progress
+  U as Progress
 };

package/dist/components/atoms/Stat/Stat.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),w=require("react"),t=require("../../../lib/utils.cjs"),x=require("./stat-variants.cjs"),d=require("../Eyebrow/Eyebrow.cjs"),o=x.statSourceClass,j=w.forwardRef(({value:a,label:n,source:r,size:m,colorScheme:u,semantics:h="definition",className:c,...i},l)=>{const e=x.statValueVariants({size:m,colorScheme:u});return h==="standalone"?s.jsxs("div",{ref:l,className:t.cn("rst:flex rst:flex-col rst:gap-[3px]",c),...i,children:[s.jsx("span",{className:e,children:a}),s.jsx(d.Eyebrow,{size:"xs",children:n}),r&&s.jsx("span",{className:o,children:r})]}):s.jsxs("div",{ref:l,className:t.cn("rst:grid rst:content-start rst:gap-[3px]",c),...i,children:[s.jsx("dt",{className:"rst:relative rst:col-start-1 rst:row-start-2",children:s.jsx(d.Eyebrow,{size:"xs",children:n})}),r?s.jsxs("dd",{className:t.cn("rst:m-0",e,"rst:col-start-1 rst:row-span-3 rst:row-start-1 rst:grid rst:grid-rows-subgrid"),children:[s.jsx("span",{className:"rst:row-start-1",children:a}),s.jsx("span",{className:t.cn(o,"rst:row-start-3"),children:r})]}):s.jsx("dd",{className:t.cn("rst:m-0 rst:col-start-1 rst:row-start-1",e),children:a})]})});j.displayName="Stat";exports.Stat=j;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),w=require("react"),t=require("../../../lib/utils.cjs"),x=require("./stat-variants.cjs"),d=require("../Eyebrow/Eyebrow.cjs"),o=x.statSourceClass,j=w.forwardRef(({value:e,label:n,source:r,size:m,colorScheme:u,semantics:h="definition",className:c,...i},l)=>{const a=x.statValueVariants({size:m,colorScheme:u});return h==="standalone"?s.jsxs("div",{ref:l,className:t.cn("rst:flex rst:flex-col rst:gap-[3px]",c),...i,children:[s.jsx("span",{className:a,children:e}),s.jsx(d.Eyebrow,{size:"xs",children:n}),r&&s.jsx("span",{className:o,children:r})]}):s.jsxs("div",{ref:l,className:t.cn("rst:grid rst:content-start rst:gap-[3px]",c),...i,children:[s.jsx("dt",{className:"rst:relative rst:col-start-1 rst:row-start-2 rst:flex",children:s.jsx(d.Eyebrow,{size:"xs",children:n})}),r?s.jsxs("dd",{className:t.cn("rst:m-0",a,"rst:col-start-1 rst:row-span-3 rst:row-start-1 rst:grid rst:grid-rows-subgrid"),children:[s.jsx("span",{className:"rst:row-start-1",children:e}),s.jsx("span",{className:t.cn(o,"rst:row-start-3"),children:r})]}):s.jsx("dd",{className:t.cn("rst:m-0 rst:col-start-1 rst:row-start-1",a),children:e})]})});j.displayName="Stat";exports.Stat=j;

package/dist/components/atoms/Stat/Stat.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsxs as i, jsx as s } from "react/jsx-runtime";
-import w from "react";
+import x from "react";
 import { cn as r } from "../../../lib/utils.js";
-import { statValueVariants as x, statSourceClass as N } from "./stat-variants.js";
+import { statValueVariants as w, statSourceClass as N } from "./stat-variants.js";
 import { Eyebrow as o } from "../Eyebrow/Eyebrow.js";
-const m = N, g = w.forwardRef(
+const m = N, g = x.forwardRef(
   ({ value: a, label: l, source: t, size: p, colorScheme: f, semantics: h = "definition", className: n, ...c }, d) => {
-    const e = x({ size: p, colorScheme: f });
+    const e = w({ size: p, colorScheme: f });
     return h === "standalone" ? /* @__PURE__ */ i("div", { ref: d, className: r("rst:flex rst:flex-col rst:gap-[3px]", n), ...c, children: [
       /* @__PURE__ */ s("span", { className: e, children: a }),
       /* @__PURE__ */ s(o, { size: "xs", children: l }),
@@ -17,7 +17,7 @@ const m = N, g = w.forwardRef(
          which pushed the label of a Stat without a source down to meet
          nothing. The flex column this replaced never did. */
       /* @__PURE__ */ i("div", { ref: d, className: r("rst:grid rst:content-start rst:gap-[3px]", n), ...c, children: [
-        /* @__PURE__ */ s("dt", { className: "rst:relative rst:col-start-1 rst:row-start-2", children: /* @__PURE__ */ s(o, { size: "xs", children: l }) }),
+        /* @__PURE__ */ s("dt", { className: "rst:relative rst:col-start-1 rst:row-start-2 rst:flex", children: /* @__PURE__ */ s(o, { size: "xs", children: l }) }),
         t ? /* @__PURE__ */ i(
           "dd",
           {

package/dist/components/atoms/Stat/stat-variants.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../node_modules/class-variance-authority/dist/index.cjs"),r=t.cva("rst:block rst:font-bold rst:leading-none rst:tracking-[-0.04em] rst:tabular-nums",{variants:{size:{sm:"rst:text-xl",md:"rst:text-[clamp(1.5rem,3.6vw,2.25rem)]",lg:"rst:text-[clamp(2rem,5vw,3rem)]"},colorScheme:{primary:"rst:text-primary-600 rst:dark:text-primary-400",success:"rst:text-success-600 rst:dark:text-success-400",error:"rst:text-error-600 rst:dark:text-error-400",amber:"rst:text-amber-600 rst:dark:text-amber-400",neutral:"rst:text-gray-900 rst:dark:text-gray-100",current:"rst:text-current"}},defaultVariants:{size:"md",colorScheme:"neutral"}}),e="rst:block rst:font-mono rst:text-[0.53125rem] rst:font-normal rst:normal-nums rst:leading-none rst:tracking-[0.06em] rst:text-gray-500 rst:opacity-75 rst:dark:text-gray-400";exports.statSourceClass=e;exports.statValueVariants=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../node_modules/class-variance-authority/dist/index.cjs"),r=t.cva("rst:block rst:font-bold rst:tracking-[-0.04em] rst:tabular-nums",{variants:{size:{sm:"rst:text-xl rst:leading-none",md:"rst:text-[clamp(1.5rem,3.6vw,2.25rem)] rst:leading-none",lg:"rst:text-[clamp(2rem,5vw,3rem)] rst:leading-none"},colorScheme:{primary:"rst:text-primary-600 rst:dark:text-primary-400",success:"rst:text-success-600 rst:dark:text-success-400",error:"rst:text-error-600 rst:dark:text-error-400",amber:"rst:text-amber-600 rst:dark:text-amber-400",neutral:"rst:text-gray-900 rst:dark:text-gray-100",current:"rst:text-current"}},defaultVariants:{size:"md",colorScheme:"neutral"}}),e="rst:block rst:font-mono rst:text-[0.53125rem] rst:font-normal rst:normal-nums rst:leading-none rst:tracking-[0.06em] rst:text-gray-500 rst:opacity-75 rst:dark:text-gray-400";exports.statSourceClass=e;exports.statValueVariants=r;

package/dist/components/atoms/Stat/stat-variants.js

@@ -1,12 +1,14 @@
 import { cva as t } from "../../../node_modules/class-variance-authority/dist/index.js";
-const s = /* @__PURE__ */ t(
-  "rst:block rst:font-bold rst:leading-none rst:tracking-[-0.04em] rst:tabular-nums",
+const e = /* @__PURE__ */ t(
+  "rst:block rst:font-bold rst:tracking-[-0.04em] rst:tabular-nums",
   {
     variants: {
+      /* `leading-none` after each size, as in Eyebrow: before it,
+         tailwind-merge drops it in favor of the size. */
       size: {
-        sm: "rst:text-xl",
-        md: "rst:text-[clamp(1.5rem,3.6vw,2.25rem)]",
-        lg: "rst:text-[clamp(2rem,5vw,3rem)]"
+        sm: "rst:text-xl rst:leading-none",
+        md: "rst:text-[clamp(1.5rem,3.6vw,2.25rem)] rst:leading-none",
+        lg: "rst:text-[clamp(2rem,5vw,3rem)] rst:leading-none"
       },
       colorScheme: {
         primary: "rst:text-primary-600 rst:dark:text-primary-400",
@@ -19,8 +21,8 @@ const s = /* @__PURE__ */ t(
     },
     defaultVariants: { size: "md", colorScheme: "neutral" }
   }
-), e = "rst:block rst:font-mono rst:text-[0.53125rem] rst:font-normal rst:normal-nums rst:leading-none rst:tracking-[0.06em] rst:text-gray-500 rst:opacity-75 rst:dark:text-gray-400";
+), s = "rst:block rst:font-mono rst:text-[0.53125rem] rst:font-normal rst:normal-nums rst:leading-none rst:tracking-[0.06em] rst:text-gray-500 rst:opacity-75 rst:dark:text-gray-400";
 export {
-  e as statSourceClass,
-  s as statValueVariants
+  s as statSourceClass,
+  e as statValueVariants
 };

package/dist/components/molecules/Breadcrumbs/Breadcrumbs.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("react");const j=require("../../../node_modules/@fortawesome/react-fontawesome/dist/index.cjs"),N=require("../../../node_modules/@fortawesome/free-solid-svg-icons/index.cjs"),s=require("../../../lib/utils.cjs"),o=require("./breadcrumb-variants.cjs"),p=require("../../atoms/Link/Link.cjs"),g=({items:c,separator:d,showHomeIcon:m,homeHref:u="/",linkComponent:x,currentClassName:h,variant:t,className:b,...f})=>{const l=x??p.Link,i=d??e.jsx("span",{className:"rst:text-gray-300 rst:dark:text-gray-600 rst:text-sm rst:transition-colors",children:"/"});return e.jsx("nav",{"aria-label":"Breadcrumb",className:s.cn("rst:flex",b),...f,children:e.jsxs("ol",{className:"rst:flex rst:items-center rst:space-x-2",children:[m&&e.jsxs("li",{className:"rst:flex rst:items-center",children:[e.jsx(l,{href:u,className:s.cn(o.breadcrumbVariants({variant:t}),"rst:hover:no-underline"),"aria-label":"Home",children:e.jsx(j.FontAwesomeIcon,{icon:N.faHome,className:"rst:h-4 rst:w-4"})}),e.jsx("span",{className:"rst:ml-2 rst:flex rst:select-none rst:items-center","aria-hidden":"true",children:i})]}),c.map((r,a)=>{const n=a===c.length-1;return e.jsxs("li",{className:"rst:flex rst:items-center",children:[a>0&&e.jsx("span",{className:"rst:mr-2 rst:flex rst:select-none rst:items-center","aria-hidden":"true",children:i}),n||!r.href?e.jsx("span",{className:s.cn("rst:font-semibold rst:text-sm rst:cursor-default rst:transition-colors",t==="inverse"?"rst:text-white":"rst:text-gray-900 rst:dark:text-gray-100",n&&h,r.className),"aria-current":n?"page":void 0,children:r.label}):e.jsx(l,{href:r.href,className:s.cn(o.breadcrumbVariants({variant:t}),"rst:hover:underline",r.className),children:r.label})]},a)})]})})};exports.Breadcrumbs=g;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("react");const p=require("../../../node_modules/@fortawesome/react-fontawesome/dist/index.cjs"),g=require("../../../node_modules/@fortawesome/free-solid-svg-icons/index.cjs"),r=require("../../../lib/utils.cjs"),q=require("../../../lib/labels.cjs"),m=require("./breadcrumb-variants.cjs"),v=require("../../atoms/Link/Link.cjs"),y={nav:"Breadcrumb",home:"Home"},L=({items:c,separator:d,showHomeIcon:u,homeHref:x="/",linkComponent:h,currentClassName:b,labels:f,variant:t,className:j,...N})=>{const l=q.withLabels(y,f),i=h??v.Link,o=d??e.jsx("span",{className:"rst:text-gray-300 rst:dark:text-gray-600 rst:text-sm rst:transition-colors",children:"/"});return e.jsx("nav",{"aria-label":l.nav,className:r.cn("rst:flex",j),...N,children:e.jsxs("ol",{className:"rst:flex rst:items-center rst:space-x-2",children:[u&&e.jsxs("li",{className:"rst:flex rst:items-center",children:[e.jsx(i,{href:x,className:r.cn(m.breadcrumbVariants({variant:t}),"rst:hover:no-underline"),"aria-label":l.home,children:e.jsx(p.FontAwesomeIcon,{icon:g.faHome,className:"rst:h-4 rst:w-4"})}),e.jsx("span",{className:"rst:ml-2 rst:flex rst:select-none rst:items-center","aria-hidden":"true",children:o})]}),c.map((s,a)=>{const n=a===c.length-1;return e.jsxs("li",{className:"rst:flex rst:items-center",children:[a>0&&e.jsx("span",{className:"rst:mr-2 rst:flex rst:select-none rst:items-center","aria-hidden":"true",children:o}),n||!s.href?e.jsx("span",{className:r.cn("rst:font-semibold rst:text-sm rst:cursor-default rst:transition-colors",t==="inverse"?"rst:text-white":"rst:text-gray-900 rst:dark:text-gray-100",n&&b,s.className),"aria-current":n?"page":void 0,children:s.label}):e.jsx(i,{href:s.href,className:r.cn(m.breadcrumbVariants({variant:t}),"rst:hover:underline",s.className),children:s.label})]},a)})]})})};exports.Breadcrumbs=L;

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

@@ -22,6 +22,13 @@ export type BreadcrumbItem = {
     /** Applied to this crumb only. */
     className?: string;
 };
+/** Every word Breadcrumbs says of its own. Pass any of them in `labels` to replace it. */
+export interface BreadcrumbsLabels {
+    /** The trail's name. */
+    nav: string;
+    /** The home icon's name, with `showHomeIcon`. */
+    home: string;
+}
 export interface BreadcrumbsProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof breadcrumbVariants> {
     items: BreadcrumbItem[];
     separator?: React.ReactNode;
@@ -48,6 +55,8 @@ export interface BreadcrumbsProps extends React.HTMLAttributes<HTMLElement>, Var
     linkComponent?: React.ComponentType<BreadcrumbLinkProps>;
     /** Applied to the current (last) crumb, for a per-page accent. */
     currentClassName?: string;
+    /** The component's own words, replaced; any left out stay English. */
+    labels?: Partial<BreadcrumbsLabels>;
 }
-declare const Breadcrumbs: ({ items, separator, showHomeIcon, homeHref, linkComponent, currentClassName, variant, className, ...props }: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;
+declare const Breadcrumbs: ({ items, separator, showHomeIcon, homeHref, linkComponent, currentClassName, labels, variant, className, ...props }: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;
 export { Breadcrumbs };