@blakesteve/roster 5.6.0 → 5.8.0

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

@@ -0,0 +1,79 @@
+import { CSSProperties, ReactNode } from 'react';
+/**
+ * A text size a line stands in for: its font size and line height, so one
+ * line of skeleton is exactly one line of the text that replaces it.
+ * `inherit` takes whatever the surrounding text is.
+ */
+declare const LINE_SIZE: {
+    readonly sm: "rst:text-xs";
+    readonly md: "rst:text-sm";
+    readonly lg: "rst:text-base";
+    readonly inherit: "";
+};
+declare const CIRCLE_SIZE: {
+    readonly xs: "rst:h-6 rst:w-6";
+    readonly sm: "rst:h-8 rst:w-8";
+    readonly md: "rst:h-10 rst:w-10";
+    readonly lg: "rst:h-12 rst:w-12";
+    readonly xl: "rst:h-16 rst:w-16";
+};
+declare const RADIUS: {
+    readonly sm: "rst:rounded-sm";
+    readonly md: "rst:rounded-md";
+    readonly lg: "rst:rounded-lg";
+    readonly xl: "rst:rounded-xl";
+    readonly full: "rst:rounded-full";
+};
+export interface SkeletonProps {
+    /**
+     * - `"line"`: a line of text, one line box tall at its `size`.
+     * - `"block"`: an image, a chart, any box: `height` sets it.
+     * - `"circle"`: an avatar, at Avatar's sizes.
+     */
+    shape?: "line" | "block" | "circle";
+    /**
+     * For a line, the text it stands in for: `sm` (12px on 16), `md` (14px on
+     * 20), `lg` (16px on 24), or `inherit`. For a circle, Avatar's sizes.
+     */
+    size?: keyof typeof LINE_SIZE | keyof typeof CIRCLE_SIZE;
+    /** How many lines, for a paragraph. The last is shorter, as a last line is. */
+    lines?: number;
+    /** The width: a line's, or the last line's when there are several. */
+    width?: CSSProperties["width"];
+    /** A block's height. */
+    height?: CSSProperties["height"];
+    /** A block's corners, from the radius scale. */
+    radius?: keyof typeof RADIUS;
+    className?: string;
+}
+/**
+ * A placeholder in the shape of what's loading.
+ *
+ * Hidden from screen readers, always: a skeleton is a picture of content that
+ * isn't there yet. The region it stands in for says it's busy; use
+ * `SkeletonRegion`, which does that, or set `aria-busy` on it yourself.
+ */
+declare function Skeleton({ shape, size, lines, width, height, radius, className }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+export interface SkeletonRegionProps {
+    /** While true, the skeleton shows and the region says it's busy. */
+    loading: boolean;
+    /** What shows while loading. */
+    skeleton: ReactNode;
+    /** What a screen reader hears while loading: "Loading the schedule". */
+    label?: string;
+    /**
+     * Say `label` (the default). Off for all but one when several regions load
+     * together, a grid of cards say, or wrap them in one region instead.
+     */
+    announce?: boolean;
+    children?: ReactNode;
+    className?: string;
+}
+/**
+ * The region a skeleton stands in for: `aria-busy` while loading, the
+ * skeleton hidden from screen readers, and `label` said once, politely.
+ * When `loading` turns false the content replaces the skeleton in the same
+ * box, so a skeleton drawn at the content's size means nothing moves.
+ */
+declare function SkeletonRegion({ loading, skeleton, label, announce, children, className }: SkeletonRegionProps): import("react/jsx-runtime").JSX.Element;
+export { Skeleton, SkeletonRegion };

package/dist/components/atoms/Skeleton/Skeleton.js

@@ -0,0 +1,80 @@
+"use client";
+import { jsx as s, jsxs as p, Fragment as g } from "react/jsx-runtime";
+import { useState as y, useEffect as S } from "react";
+import { cn as a } from "../../../lib/utils.js";
+const f = {
+  sm: "rst:text-xs",
+  md: "rst:text-sm",
+  lg: "rst:text-base",
+  inherit: ""
+}, k = {
+  xs: "rst:h-6 rst:w-6",
+  sm: "rst:h-8 rst:w-8",
+  md: "rst:h-10 rst:w-10",
+  lg: "rst:h-12 rst:w-12",
+  xl: "rst:h-16 rst:w-16"
+}, x = {
+  sm: "rst:rounded-sm",
+  md: "rst:rounded-md",
+  lg: "rst:rounded-lg",
+  xl: "rst:rounded-xl",
+  full: "rst:rounded-full"
+}, h = "rst:animate-skeleton rst:forced-colors:outline-solid rst:forced-colors:outline-1";
+function E({ shape: t = "line", size: r, lines: d = 1, width: e, height: u, radius: c, className: o }) {
+  if (t === "circle") {
+    const l = r && r in k ? r : "md";
+    return /* @__PURE__ */ s(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: a("rst:block rst:shrink-0 rst:rounded-full rst:border rst:border-transparent", k[l], h, o),
+        "data-skeleton": "circle"
+      }
+    );
+  }
+  if (t === "block")
+    return /* @__PURE__ */ s(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: a("rst:block rst:w-full", x[c ?? "lg"], h, o),
+        style: { height: u ?? "8rem", width: e },
+        "data-skeleton": "block"
+      }
+    );
+  const m = r && r in f ? r : "md", n = Math.max(1, Math.floor(d)), b = (l) => {
+    const i = l === n - 1;
+    return /* @__PURE__ */ p(
+      "span",
+      {
+        className: a("rst:relative rst:block", n > 1 && !i && "rst:w-full"),
+        style: { width: n > 1 ? i ? e ?? "60%" : void 0 : e },
+        children: [
+          " ",
+          /* @__PURE__ */ s(
+            "span",
+            {
+              className: a("rst:absolute rst:inset-x-0 rst:top-1/2 rst:h-[0.7em] rst:-translate-y-1/2", x[c ?? "sm"], h)
+            }
+          )
+        ]
+      },
+      l
+    );
+  };
+  return /* @__PURE__ */ s("span", { "aria-hidden": "true", className: a("rst:block", f[m], o), "data-skeleton": "line", children: Array.from({ length: n }, (l, i) => b(i)) });
+}
+function L({ loading: t, skeleton: r, label: d = "Loading", announce: e = !0, children: u, className: c }) {
+  const [o, m] = y("");
+  return S(() => {
+    const n = setTimeout(() => m(t && e ? d : ""), t ? 50 : 0);
+    return () => clearTimeout(n);
+  }, [t, d, e]), /* @__PURE__ */ p(g, { children: [
+    /* @__PURE__ */ s("span", { role: "status", className: "rst:sr-only", "data-skeleton-status": "", children: o }),
+    /* @__PURE__ */ s("div", { "aria-busy": t || void 0, className: c, "data-skeleton-region": t ? "loading" : "ready", children: t ? /* @__PURE__ */ s("div", { "aria-hidden": "true", children: r }) : u })
+  ] });
+}
+export {
+  E as Skeleton,
+  L as SkeletonRegion
+};

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"),u=require("react"),t=require("../../../lib/utils.cjs"),h=require("./stat-variants.cjs"),o=require("../Eyebrow/Eyebrow.cjs"),d="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",x=u.forwardRef(({value:a,label:n,source:r,size:m,colorScheme:j,semantics:g="definition",className:c,...i},l)=>{const e=h.statValueVariants({size:m,colorScheme:j});return g==="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(o.Eyebrow,{size:"xs",children:n}),r&&s.jsx("span",{className:d,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(o.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(d,"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})]})});x.displayName="Stat";exports.Stat=x;
+"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,24 +1,24 @@
 "use client";
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import h from "react";
+import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import x from "react";
 import { cn as r } from "../../../lib/utils.js";
-import { statValueVariants as g } from "./stat-variants.js";
-import { Eyebrow as d } from "../Eyebrow/Eyebrow.js";
-const m = "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", w = h.forwardRef(
-  ({ value: a, label: i, source: s, size: p, colorScheme: f, semantics: x = "definition", className: o, ...l }, c) => {
-    const e = g({ size: p, colorScheme: f });
-    return x === "standalone" ? /* @__PURE__ */ n("div", { ref: c, className: r("rst:flex rst:flex-col rst:gap-[3px]", o), ...l, children: [
-      /* @__PURE__ */ t("span", { className: e, children: a }),
-      /* @__PURE__ */ t(d, { size: "xs", children: i }),
-      s && /* @__PURE__ */ t("span", { className: m, children: s })
+import { statValueVariants as w, statSourceClass as N } from "./stat-variants.js";
+import { Eyebrow as o } from "../Eyebrow/Eyebrow.js";
+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 = 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 }),
+      t && /* @__PURE__ */ s("span", { className: m, children: t })
     ] }) : (
       /* `content-start`: a Stat in a row of taller siblings is stretched to
          their height, and a grid shares that height out among its auto rows,
          which pushed the label of a Stat without a source down to meet
          nothing. The flex column this replaced never did. */
-      /* @__PURE__ */ n("div", { ref: c, className: r("rst:grid rst:content-start rst:gap-[3px]", o), ...l, children: [
-        /* @__PURE__ */ t("dt", { className: "rst:relative rst:col-start-1 rst:row-start-2", children: /* @__PURE__ */ t(d, { size: "xs", children: i }) }),
-        s ? /* @__PURE__ */ n(
+      /* @__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 rst:flex", children: /* @__PURE__ */ s(o, { size: "xs", children: l }) }),
+        t ? /* @__PURE__ */ i(
           "dd",
           {
             className: r(
@@ -27,16 +27,16 @@ const m = "rst:block rst:font-mono rst:text-[0.53125rem] rst:font-normal rst:nor
               "rst:col-start-1 rst:row-span-3 rst:row-start-1 rst:grid rst:grid-rows-subgrid"
             ),
             children: [
-              /* @__PURE__ */ t("span", { className: "rst:row-start-1", children: a }),
-              /* @__PURE__ */ t("span", { className: r(m, "rst:row-start-3"), children: s })
+              /* @__PURE__ */ s("span", { className: "rst:row-start-1", children: a }),
+              /* @__PURE__ */ s("span", { className: r(m, "rst:row-start-3"), children: t })
             ]
           }
-        ) : /* @__PURE__ */ t("dd", { className: r("rst:m-0 rst:col-start-1 rst:row-start-1", e), children: a })
+        ) : /* @__PURE__ */ s("dd", { className: r("rst:m-0 rst:col-start-1 rst:row-start-1", e), children: a })
       ] })
     );
   }
 );
-w.displayName = "Stat";
+g.displayName = "Stat";
 export {
-  w as Stat
+  g as Stat
 };

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"}});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.d.ts

@@ -7,3 +7,4 @@ export declare const statValueVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
     colorScheme?: "primary" | "amber" | "success" | "error" | "neutral" | "current" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const statSourceClass = "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";

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

@@ -1,12 +1,14 @@
-import { cva as r } from "../../../node_modules/class-variance-authority/dist/index.js";
-const e = /* @__PURE__ */ r(
-  "rst:block rst:font-bold rst:leading-none rst:tracking-[-0.04em] rst:tabular-nums",
+import { cva as t } from "../../../node_modules/class-variance-authority/dist/index.js";
+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,7 +21,8 @@ const e = /* @__PURE__ */ r(
     },
     defaultVariants: { size: "md", colorScheme: "neutral" }
   }
-);
+), 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 {
+  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 };

package/dist/components/molecules/Breadcrumbs/Breadcrumbs.js

@@ -1,35 +1,37 @@
 "use client";
-import { jsx as r, jsxs as n } from "react/jsx-runtime";
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
 import "react";
-import { FontAwesomeIcon as b } from "../../../node_modules/@fortawesome/react-fontawesome/dist/index.js";
-import { faHome as g } from "../../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
+import { FontAwesomeIcon as v } from "../../../node_modules/@fortawesome/react-fontawesome/dist/index.js";
+import { faHome as L } from "../../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
 import { cn as e } from "../../../lib/utils.js";
-import { breadcrumbVariants as i } from "./breadcrumb-variants.js";
+import { withLabels as w } from "../../../lib/labels.js";
+import { breadcrumbVariants as h } from "./breadcrumb-variants.js";
 import { Link as y } from "../../atoms/Link/Link.js";
-const I = ({
+const k = { nav: "Breadcrumb", home: "Home" }, V = ({
   items: c,
   separator: d,
-  showHomeIcon: h,
-  homeHref: f = "/",
-  linkComponent: p,
-  currentClassName: x,
+  showHomeIcon: f,
+  homeHref: p = "/",
+  linkComponent: x,
+  currentClassName: u,
+  labels: N,
   variant: t,
-  className: u,
-  ...N
+  className: b,
+  ...g
 }) => {
-  const o = p ?? y, m = d ?? /* @__PURE__ */ r("span", { className: "rst:text-gray-300 rst:dark:text-gray-600 rst:text-sm rst:transition-colors", children: "/" });
-  return /* @__PURE__ */ r("nav", { "aria-label": "Breadcrumb", className: e("rst:flex", u), ...N, children: /* @__PURE__ */ n("ol", { className: "rst:flex rst:items-center rst:space-x-2", children: [
-    h && /* @__PURE__ */ n("li", { className: "rst:flex rst:items-center", children: [
+  const o = w(k, N), m = x ?? y, i = d ?? /* @__PURE__ */ r("span", { className: "rst:text-gray-300 rst:dark:text-gray-600 rst:text-sm rst:transition-colors", children: "/" });
+  return /* @__PURE__ */ r("nav", { "aria-label": o.nav, className: e("rst:flex", b), ...g, children: /* @__PURE__ */ l("ol", { className: "rst:flex rst:items-center rst:space-x-2", children: [
+    f && /* @__PURE__ */ l("li", { className: "rst:flex rst:items-center", children: [
       /* @__PURE__ */ r(
-        o,
+        m,
         {
-          href: f,
+          href: p,
           className: e(
-            i({ variant: t }),
+            h({ variant: t }),
             "rst:hover:no-underline"
           ),
-          "aria-label": "Home",
-          children: /* @__PURE__ */ r(b, { icon: g, className: "rst:h-4 rst:w-4" })
+          "aria-label": o.home,
+          children: /* @__PURE__ */ r(v, { icon: L, className: "rst:h-4 rst:w-4" })
         }
       ),
       /* @__PURE__ */ r(
@@ -37,42 +39,42 @@ const I = ({
         {
           className: "rst:ml-2 rst:flex rst:select-none rst:items-center",
           "aria-hidden": "true",
-          children: m
+          children: i
         }
       )
     ] }),
     c.map((s, a) => {
-      const l = a === c.length - 1;
+      const n = a === c.length - 1;
       return (
         /* Keyed by index: `href` is optional now, and a trail can legally
            repeat one. */
-        /* @__PURE__ */ n("li", { className: "rst:flex rst:items-center", children: [
+        /* @__PURE__ */ l("li", { className: "rst:flex rst:items-center", children: [
           a > 0 && /* @__PURE__ */ r(
             "span",
             {
               className: "rst:mr-2 rst:flex rst:select-none rst:items-center",
               "aria-hidden": "true",
-              children: m
+              children: i
             }
           ),
-          l || !s.href ? /* @__PURE__ */ r(
+          n || !s.href ? /* @__PURE__ */ r(
             "span",
             {
               className: e(
                 "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",
-                l && x,
+                n && u,
                 s.className
               ),
-              "aria-current": l ? "page" : void 0,
+              "aria-current": n ? "page" : void 0,
               children: s.label
             }
           ) : /* @__PURE__ */ r(
-            o,
+            m,
             {
               href: s.href,
               className: e(
-                i({ variant: t }),
+                h({ variant: t }),
                 "rst:hover:underline",
                 s.className
               ),
@@ -85,5 +87,5 @@ const I = ({
   ] }) });
 };
 export {
-  I as Breadcrumbs
+  V as Breadcrumbs
 };

package/dist/components/molecules/CallToAction/CallToAction.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime");require("react");const o=require("../../../node_modules/@fortawesome/react-fontawesome/dist/index.cjs"),m=require("../../../node_modules/@fortawesome/free-solid-svg-icons/index.cjs"),x=require("../../../lib/utils.cjs"),d=require("./call-to-action-variants.cjs"),u=require("../../atoms/Button/Button.cjs"),h=({title:a,description:r,action:s,icon:e,variant:i,onDismiss:l,className:c,...n})=>t.jsx("div",{className:x.cn(d.ctaVariants({variant:i}),c),...n,children:t.jsxs("div",{className:"rst:flex rst:flex-col rst:gap-4 rst:@[32rem]:flex-row rst:@[32rem]:items-center rst:@[32rem]:justify-between",children:[t.jsxs("div",{className:"rst:flex rst:flex-col rst:items-center rst:gap-4 rst:@[32rem]:flex-row rst:@[32rem]:items-start",children:[e&&t.jsx("div",{className:"rst:shrink-0 rst:text-current rst:@[32rem]:mt-1",children:e}),t.jsxs("div",{className:"rst:flex rst:min-w-0 rst:flex-col rst:gap-1.5 rst:w-full",children:[t.jsx("h3",{className:"rst:text-lg rst:font-bold rst:leading-tight rst:tracking-tight rst:text-current",children:a}),r&&t.jsx("div",{className:"rst:max-w-prose rst:text-sm rst:leading-relaxed rst:text-current rst:opacity-90 rst:dark:opacity-80",children:r})]})]}),s&&t.jsx("div",{className:"rst:flex rst:w-full rst:shrink-0 rst:pt-2 rst:[&>*]:w-full rst:@[32rem]:w-auto rst:@[32rem]:pt-0 rst:@[32rem]:[&>*]:w-auto",children:s}),l&&t.jsx("div",{className:"rst:absolute rst:right-2 rst:top-2",children:t.jsx(u.Button,{variant:"ghost",size:"sm",className:"rst:h-8 rst:w-8 rst:rounded-full rst:p-0 rst:opacity-60 rst:hover:opacity-100 rst:dark:hover:bg-black/20",onClick:l,"aria-label":"Dismiss",children:t.jsx(o.FontAwesomeIcon,{icon:m.faXmark,className:"rst:h-4 rst:w-4"})})})]})});exports.CallToAction=h;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime");require("react");const d=require("../../../node_modules/@fortawesome/react-fontawesome/dist/index.cjs"),x=require("../../../node_modules/@fortawesome/free-solid-svg-icons/index.cjs"),u=require("../../../lib/utils.cjs"),h=require("../../../lib/labels.cjs"),f=require("./call-to-action-variants.cjs"),g=require("../../atoms/Button/Button.cjs"),j={dismiss:"Dismiss"},w=({title:i,description:t,action:r,icon:e,variant:a,onDismiss:l,labels:c,className:n,...o})=>{const m=h.withLabels(j,c);return s.jsx("div",{className:u.cn(f.ctaVariants({variant:a}),n),...o,children:s.jsxs("div",{className:"rst:flex rst:flex-col rst:gap-4 rst:@[32rem]:flex-row rst:@[32rem]:items-center rst:@[32rem]:justify-between",children:[s.jsxs("div",{className:"rst:flex rst:flex-col rst:items-center rst:gap-4 rst:@[32rem]:flex-row rst:@[32rem]:items-start",children:[e&&s.jsx("div",{className:"rst:shrink-0 rst:text-current rst:@[32rem]:mt-1",children:e}),s.jsxs("div",{className:"rst:flex rst:min-w-0 rst:flex-col rst:gap-1.5 rst:w-full",children:[s.jsx("h3",{className:"rst:text-lg rst:font-bold rst:leading-tight rst:tracking-tight rst:text-current",children:i}),t&&s.jsx("div",{className:"rst:max-w-prose rst:text-sm rst:leading-relaxed rst:text-current rst:opacity-90 rst:dark:opacity-80",children:t})]})]}),r&&s.jsx("div",{className:"rst:flex rst:w-full rst:shrink-0 rst:pt-2 rst:[&>*]:w-full rst:@[32rem]:w-auto rst:@[32rem]:pt-0 rst:@[32rem]:[&>*]:w-auto",children:r}),l&&s.jsx("div",{className:"rst:absolute rst:right-2 rst:top-2",children:s.jsx(g.Button,{variant:"ghost",size:"sm",className:"rst:h-8 rst:w-8 rst:rounded-full rst:p-0 rst:opacity-60 rst:hover:opacity-100 rst:dark:hover:bg-black/20",onClick:l,"aria-label":m.dismiss,children:s.jsx(d.FontAwesomeIcon,{icon:x.faXmark,className:"rst:h-4 rst:w-4"})})})]})})};exports.CallToAction=w;

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

@@ -1,12 +1,19 @@
 import { default as React } from 'react';
 import { VariantProps } from 'class-variance-authority';
 import { ctaVariants } from './call-to-action-variants';
+/** Every word CallToAction says of its own. Pass any of them in `labels` to replace it. */
+export interface CallToActionLabels {
+    /** The dismiss button's name, with `onDismiss`. */
+    dismiss: string;
+}
 export interface CallToActionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">, VariantProps<typeof ctaVariants> {
     title: React.ReactNode;
     description?: React.ReactNode;
     action?: React.ReactNode;
     icon?: React.ReactNode;
     onDismiss?: () => void;
+    /** The component's own words, replaced; any left out stay English. */
+    labels?: Partial<CallToActionLabels>;
 }
-declare const CallToAction: ({ title, description, action, icon, variant, onDismiss, className, ...props }: CallToActionProps) => import("react/jsx-runtime").JSX.Element;
+declare const CallToAction: ({ title, description, action, icon, variant, onDismiss, labels, className, ...props }: CallToActionProps) => import("react/jsx-runtime").JSX.Element;
 export { CallToAction };

package/dist/components/molecules/CallToAction/CallToAction.js

@@ -1,41 +1,46 @@
 "use client";
 import { jsx as r, jsxs as t } from "react/jsx-runtime";
 import "react";
-import { FontAwesomeIcon as n } from "../../../node_modules/@fortawesome/react-fontawesome/dist/index.js";
-import { faXmark as d } from "../../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
-import { cn as f } from "../../../lib/utils.js";
-import { ctaVariants as h } from "./call-to-action-variants.js";
-import { Button as p } from "../../atoms/Button/Button.js";
-const b = ({
+import { FontAwesomeIcon as f } from "../../../node_modules/@fortawesome/react-fontawesome/dist/index.js";
+import { faXmark as h } from "../../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
+import { cn as p } from "../../../lib/utils.js";
+import { withLabels as x } from "../../../lib/labels.js";
+import { ctaVariants as u } from "./call-to-action-variants.js";
+import { Button as w } from "../../atoms/Button/Button.js";
+const g = { dismiss: "Dismiss" }, B = ({
   title: i,
   description: s,
   action: e,
   icon: l,
   variant: m,
   onDismiss: a,
+  labels: o,
   className: c,
-  ...o
-}) => /* @__PURE__ */ r("div", { className: f(h({ variant: m }), c), ...o, children: /* @__PURE__ */ t("div", { className: "rst:flex rst:flex-col rst:gap-4 rst:@[32rem]:flex-row rst:@[32rem]:items-center rst:@[32rem]:justify-between", children: [
-  /* @__PURE__ */ t("div", { className: "rst:flex rst:flex-col rst:items-center rst:gap-4 rst:@[32rem]:flex-row rst:@[32rem]:items-start", children: [
-    l && /* @__PURE__ */ r("div", { className: "rst:shrink-0 rst:text-current rst:@[32rem]:mt-1", children: l }),
-    /* @__PURE__ */ t("div", { className: "rst:flex rst:min-w-0 rst:flex-col rst:gap-1.5 rst:w-full", children: [
-      /* @__PURE__ */ r("h3", { className: "rst:text-lg rst:font-bold rst:leading-tight rst:tracking-tight rst:text-current", children: i }),
-      s && /* @__PURE__ */ r("div", { className: "rst:max-w-prose rst:text-sm rst:leading-relaxed rst:text-current rst:opacity-90 rst:dark:opacity-80", children: s })
-    ] })
-  ] }),
-  e && /* @__PURE__ */ r("div", { className: "rst:flex rst:w-full rst:shrink-0 rst:pt-2 rst:[&>*]:w-full rst:@[32rem]:w-auto rst:@[32rem]:pt-0 rst:@[32rem]:[&>*]:w-auto", children: e }),
-  a && /* @__PURE__ */ r("div", { className: "rst:absolute rst:right-2 rst:top-2", children: /* @__PURE__ */ r(
-    p,
-    {
-      variant: "ghost",
-      size: "sm",
-      className: "rst:h-8 rst:w-8 rst:rounded-full rst:p-0 rst:opacity-60 rst:hover:opacity-100 rst:dark:hover:bg-black/20",
-      onClick: a,
-      "aria-label": "Dismiss",
-      children: /* @__PURE__ */ r(n, { icon: d, className: "rst:h-4 rst:w-4" })
-    }
-  ) })
-] }) });
+  ...n
+}) => {
+  const d = x(g, o);
+  return /* @__PURE__ */ r("div", { className: p(u({ variant: m }), c), ...n, children: /* @__PURE__ */ t("div", { className: "rst:flex rst:flex-col rst:gap-4 rst:@[32rem]:flex-row rst:@[32rem]:items-center rst:@[32rem]:justify-between", children: [
+    /* @__PURE__ */ t("div", { className: "rst:flex rst:flex-col rst:items-center rst:gap-4 rst:@[32rem]:flex-row rst:@[32rem]:items-start", children: [
+      l && /* @__PURE__ */ r("div", { className: "rst:shrink-0 rst:text-current rst:@[32rem]:mt-1", children: l }),
+      /* @__PURE__ */ t("div", { className: "rst:flex rst:min-w-0 rst:flex-col rst:gap-1.5 rst:w-full", children: [
+        /* @__PURE__ */ r("h3", { className: "rst:text-lg rst:font-bold rst:leading-tight rst:tracking-tight rst:text-current", children: i }),
+        s && /* @__PURE__ */ r("div", { className: "rst:max-w-prose rst:text-sm rst:leading-relaxed rst:text-current rst:opacity-90 rst:dark:opacity-80", children: s })
+      ] })
+    ] }),
+    e && /* @__PURE__ */ r("div", { className: "rst:flex rst:w-full rst:shrink-0 rst:pt-2 rst:[&>*]:w-full rst:@[32rem]:w-auto rst:@[32rem]:pt-0 rst:@[32rem]:[&>*]:w-auto", children: e }),
+    a && /* @__PURE__ */ r("div", { className: "rst:absolute rst:right-2 rst:top-2", children: /* @__PURE__ */ r(
+      w,
+      {
+        variant: "ghost",
+        size: "sm",
+        className: "rst:h-8 rst:w-8 rst:rounded-full rst:p-0 rst:opacity-60 rst:hover:opacity-100 rst:dark:hover:bg-black/20",
+        onClick: a,
+        "aria-label": d.dismiss,
+        children: /* @__PURE__ */ r(f, { icon: h, className: "rst:h-4 rst:w-4" })
+      }
+    ) })
+  ] }) });
+};
 export {
-  b as CallToAction
+  B as CallToAction
 };

package/dist/components/molecules/Carousel/Carousel.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),Fe=require("react"),qe=require("../../atoms/Button/Button.cjs"),T=require("../../../lib/utils.cjs"),$e=require("../../../internal/motion.cjs"),u=require("./carousel-math.cjs"),U=require("./carousel-layout.cjs");function Be(a){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const d in a)if(d!=="default"){const b=Object.getOwnPropertyDescriptor(a,d);Object.defineProperty(i,d,b.get?b:{enumerable:!0,get:()=>a[d]})}}return i.default=a,Object.freeze(i)}const n=Be(Fe),ze=a=>Math.min(3e3,500+a*.35),He='a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"]), [contenteditable]:not([contenteditable="false"])',V=a=>typeof a=="number"?`${a}px`:a;function ne(a){const i=parseFloat(a);return Number.isFinite(i)?i:0}const Ue="rst:hidden rst:[@media(any-hover:hover)]:inline-flex",Ve="rst:hidden rst:[@media(any-hover:hover)]:flex";function se({direction:a}){return l.jsx("svg",{"aria-hidden":"true",focusable:"false",viewBox:"0 0 20 20",className:"rst:h-5 rst:w-5",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:l.jsx("path",{d:a==="prev"?"M12.5 4.5 7 10l5.5 5.5":"M7.5 4.5 13 10l-5.5 5.5"})})}const oe={overflowing:null,canScrollPrev:!1,canScrollNext:!1,index:0},We=n.forwardRef(function({"aria-label":i,"aria-labelledby":d,children:b,itemWidth:I,perView:k,gap:W=12,gutter:X=16,bleed:le=!1,snap:L="start",snapStrictness:ce="mandatory",oneAtATime:ae=!1,arrows:j="hover",arrowPlacement:M="controls",renderArrows:P,prevLabel:ie,nextLabel:ue,prevIcon:de,nextIcon:fe,arrowButtonProps:ge,fade:ve=!1,scrollbar:pe=!1,showPosition:G=!1,onIndexChange:J,onScrollStateChange:K,itemClassName:me,listClassName:xe,className:be,style:he,...Se},ye){const v=n.useRef(null),Q=`${n.useId()}-list`,Y=n.Children.toArray(b),E=Y.length,[o,we]=n.useState(oe),Z=n.useRef(oe),[Ne,Te]=n.useState(""),[Ie,Pe]=n.useState(!1),O=n.useRef({onIndexChange:J,onScrollStateChange:K});n.useEffect(()=>{O.current={onIndexChange:J,onScrollStateChange:K}});const f=n.useCallback(()=>{const e=v.current;if(!e)return null;const t=e.getBoundingClientRect(),r=getComputedStyle(e),s=t.left+e.clientLeft-e.scrollLeft;return{items:Array.from(e.children).map(g=>{const x=g.getBoundingClientRect();return{start:x.left-s,end:x.right-s}}),scrollLeft:e.scrollLeft,clientWidth:e.clientWidth,scrollWidth:e.scrollWidth,paddingStart:ne(r.scrollPaddingInlineStart||r.scrollPaddingLeft),paddingEnd:ne(r.scrollPaddingInlineEnd||r.scrollPaddingRight),align:L}},[L]),h=n.useCallback(()=>{const e=f();if(!e)return;const t={overflowing:u.overflows(e),canScrollPrev:u.canScrollPrev(e),canScrollNext:u.canScrollNext(e),index:e.items.length?u.currentIndex(e):0},r=Z.current;r.overflowing===t.overflowing&&r.canScrollPrev===t.canScrollPrev&&r.canScrollNext===t.canScrollNext&&r.index===t.index||(Z.current=t,we(t),r.index!==t.index&&O.current.onIndexChange?.(t.index),(r.canScrollPrev!==t.canScrollPrev||r.canScrollNext!==t.canScrollNext)&&O.current.onScrollStateChange?.({canScrollPrev:t.canScrollPrev,canScrollNext:t.canScrollNext}))},[f]),Ee=JSON.stringify([W,X,I,k]);n.useLayoutEffect(()=>{const e=v.current;if(!e)return;h();let t=0;const r=()=>{t||(t=requestAnimationFrame(()=>{t=0,h()}))};e.addEventListener("scroll",r,{passive:!0});const s=typeof ResizeObserver>"u"?null:new ResizeObserver(()=>h()),c=()=>{s?.observe(e),Array.from(e.children).forEach(x=>s?.observe(x))};c();const g=typeof MutationObserver>"u"?null:new MutationObserver(()=>{c(),h()});return g?.observe(e,{childList:!0}),()=>{e.removeEventListener("scroll",r),s?.disconnect(),g?.disconnect(),t&&cancelAnimationFrame(t)}},[h,E,Ee]),n.useLayoutEffect(()=>{const e=v.current;if(e&&(Pe(!e.querySelector(He)),d)){const t=d.split(/\s+/).map(r=>document.getElementById(r)?.textContent?.trim()??"").filter(Boolean).join(" ");Te(t)}},[b,d]);const S=n.useRef(null),p=n.useCallback(()=>{const e=v.current,t=S.current;t&&(S.current=null,window.clearTimeout(t.timer),e?.removeEventListener("scrollend",t.done),e&&(e.style.scrollSnapType="",delete e.dataset.settling))},[]),m=n.useCallback((e,t)=>{const r=v.current;if(!r)return;if(p(),t!=="smooth"||$e.prefersReducedMotion()||Math.abs(r.scrollLeft-e)<1){r.style.scrollSnapType="none",r.scrollTo({left:e,behavior:"instant"}),r.style.scrollSnapType="";return}r.style.scrollSnapType="none",r.dataset.settling="";const c=()=>p();S.current={timer:window.setTimeout(c,ze(Math.abs(r.scrollLeft-e))),done:c,target:e},r.addEventListener("scrollend",c,{once:!0}),r.scrollTo({left:e,behavior:"smooth"})},[p]),C=n.useCallback(e=>{const t=f();if(!t)return;const r=S.current?{...t,scrollLeft:S.current.target}:t;m(u.pageTarget(r,e),"smooth")},[f,m]);n.useImperativeHandle(ye,()=>({scrollToIndex:(e,t)=>{const r=f();if(!r||!r.items.length)return;const s=Math.min(Math.max(0,Math.round(e)),r.items.length-1);m(u.snapPosition(r,s),t?.behavior??"smooth")},scrollPrev:()=>C(-1),scrollNext:()=>C(1)}),[f,C,m]),n.useEffect(()=>p,[p]);const D=n.useRef(null),_=n.useRef(null),A=n.useRef(null);n.useLayoutEffect(()=>{const e=A.current;if(!e)return;const t=e==="prev"?D.current:_.current,r=e==="prev"?_.current:D.current,s=e==="prev"?!o.canScrollPrev:!o.canScrollNext,c=document.activeElement;s&&(c!==t&&c!==document.body&&c!==null||r&&!r.disabled&&r.focus())},[o.canScrollPrev,o.canScrollNext]);const y=n.useRef(null),w=n.useRef(!1),Ce=e=>{e.pointerType!=="mouse"||e.button!==0||o.overflowing&&(p(),w.current=!1,y.current={pointerId:e.pointerId,x0:e.clientX,scroll0:e.currentTarget.scrollLeft,dragging:!1})},Re=e=>{const t=y.current;if(!t||e.pointerId!==t.pointerId)return;const r=e.currentTarget,s=e.clientX-t.x0;if(!t.dragging){if(Math.abs(s)<=u.CAROUSEL_DRAG_THRESHOLD)return;t.dragging=!0,r.dataset.dragging="",r.style.scrollSnapType="none",window.getSelection?.()?.removeAllRanges();try{r.setPointerCapture(e.pointerId)}catch{}}r.scrollLeft=t.scroll0-s},F=e=>{const t=y.current;if(!t||e.pointerId!==t.pointerId||(y.current=null,!t.dragging))return;const r=e.currentTarget;delete r.dataset.dragging,w.current=e.type==="pointerup",window.setTimeout(()=>{w.current=!1},0);const s=f();s?m(u.snapPosition(s,u.nearestIndex(s)),"smooth"):r.style.scrollSnapType=""},ke=e=>{!w.current||e.detail===0||(w.current=!1,e.preventDefault(),e.stopPropagation())},Le=e=>{o.overflowing&&e.preventDefault()},je=e=>{const t=e.currentTarget,r=e.target;if(r===t||y.current?.dragging)return;let s=!1;try{s=r.matches(":focus-visible")}catch{s=!1}if(!s)return;const c=r.closest("[data-carousel-item]");if(!c||c.parentElement!==t)return;const g=f();if(!g)return;const x=Array.prototype.indexOf.call(t.children,c);m(u.snapPosition(g,x),"instant")},[Me,Oe]=n.useState(0);n.useEffect(()=>{const e=window.setTimeout(()=>Oe(o.index),150);return()=>window.clearTimeout(e)},[o.index]);const ee=i??Ne,te=e=>ee?`${e} ${ee}`:e,q=j!=="none"&&o.overflowing!==!1,De=j==="hover"?Ue:"rst:inline-flex",re=e=>{const t=e==="prev",{className:r,...s}=ge??{};return l.jsx(qe.Button,{type:"button",variant:"outline",colorScheme:"neutral",size:"icon",...s,"aria-label":t?ie??te("Previous"):ue??te("Next"),"aria-controls":Q,disabled:t?!o.canScrollPrev:!o.canScrollNext,onClick:()=>C(t?-1:1),ref:t?D:_,onFocus:()=>{A.current=e},onBlur:c=>{c.relatedTarget&&(A.current=null)},"data-carousel-arrow":e,className:T.cn("rst:size-11 rst:shrink-0 rst:rounded-full",M==="overlay"&&!P&&"rst:bg-[var(--roster-popover-bg)] rst:elevation-raised rst:hover:bg-[var(--roster-popover-bg)] rst:disabled:invisible",De,r),children:t?de??l.jsx(se,{direction:"prev"}):fe??l.jsx(se,{direction:"next"})})},R=q?re("prev"):null,$=q?re("next"):null,N=G&&E?l.jsxs("p",{"aria-live":"polite",className:"rst:font-ui rst:m-0 rst:text-sm rst:tabular-nums rst:opacity-75","data-carousel-position":"",children:[Me+1," of ",E]}):null;let B=null;P?B=P({prev:R,next:$,position:N}):M==="controls"&&(R||N)&&(B=l.jsxs("div",{className:T.cn("rst:mb-2 rst:items-center rst:justify-end rst:gap-2",!N&&j==="hover"?Ve:"rst:flex"),"data-carousel-controls":"",children:[N&&l.jsx("div",{className:"rst:mr-auto",children:N}),R,$]}));const z=ve&&o.overflowing&&(o.canScrollPrev||o.canScrollNext)?`linear-gradient(to right, ${o.canScrollPrev?"transparent, black 48px":"black"}, ${o.canScrollNext?"black calc(100% - 48px), transparent":"black"})`:void 0,H=I===void 0&&k!==void 0,_e={"--rst-cv-gap":V(W),"--rst-cv-gutter":V(X),...H?U.perViewVars(k):{},...z?{maskImage:z,WebkitMaskImage:z}:{}},Ae=I!==void 0?{width:V(I)}:H?{width:U.FLUID_ITEM_WIDTH}:void 0;return l.jsxs("div",{className:T.cn("rst:min-w-0",be),style:he,...Se,children:[B,l.jsxs("div",{className:"rst:relative",children:[l.jsx("ul",{ref:v,id:Q,role:"list","aria-label":i,"aria-labelledby":i?void 0:d,tabIndex:Ie&&o.overflowing?0:void 0,"data-overflowing":o.overflowing?"":void 0,onPointerDown:Ce,onPointerMove:Re,onPointerUp:F,onPointerCancel:F,onLostPointerCapture:F,onClickCapture:ke,onDragStart:Le,onFocus:je,style:_e,className:T.cn("rst:m-0 rst:flex rst:list-none rst:overflow-x-auto rst:overflow-y-hidden","rst:gap-(--rst-cv-gap) rst:px-(--rst-cv-gutter) rst:py-1 rst:scroll-px-(--rst-cv-gutter)","rst:overscroll-x-contain",ce==="mandatory"?"rst:snap-x rst:snap-mandatory":"rst:snap-x rst:snap-proximity",le&&"rst:-mx-(--rst-cv-gutter)",!pe&&"rst:[scrollbar-width:none] rst:[&::-webkit-scrollbar]:hidden",H&&U.FLUID_CLASSES,"rst:data-overflowing:cursor-grab rst:data-dragging:cursor-grabbing rst:data-dragging:select-none","rst:focus-visible:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:focus-visible:ring-inset",xe),children:Y.map((e,t)=>l.jsx("li",{"data-carousel-item":"","aria-label":G?`${t+1} of ${E}`:void 0,style:Ae,className:T.cn("rst:shrink-0",L==="start"?"rst:snap-start":"rst:snap-center",ae&&"rst:snap-always",me),children:e},n.isValidElement(e)&&e.key!=null?e.key:t))}),!P&&M==="overlay"&&q&&l.jsxs(l.Fragment,{children:[l.jsx("div",{className:"rst:pointer-events-none rst:absolute rst:inset-y-0 rst:start-1 rst:flex rst:items-center",children:l.jsx("div",{className:"rst:pointer-events-auto",children:R})}),l.jsx("div",{className:"rst:pointer-events-none rst:absolute rst:inset-y-0 rst:end-1 rst:flex rst:items-center",children:l.jsx("div",{className:"rst:pointer-events-auto",children:$})})]})]})]})});exports.Carousel=We;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),Be=require("react"),$e=require("../../atoms/Button/Button.cjs"),T=require("../../../lib/utils.cjs"),ze=require("../../../lib/labels.cjs"),He=require("../../../internal/motion.cjs"),d=require("./carousel-math.cjs"),U=require("./carousel-layout.cjs");function Ue(o){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const f in o)if(f!=="default"){const x=Object.getOwnPropertyDescriptor(o,f);Object.defineProperty(a,f,x.get?x:{enumerable:!0,get:()=>o[f]})}}return a.default=o,Object.freeze(a)}const n=Ue(Be),Ve={position:(o,a)=>`${o} of ${a}`},We=o=>Math.min(3e3,500+o*.35),Xe='a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"]), [contenteditable]:not([contenteditable="false"])',V=o=>typeof o=="number"?`${o}px`:o;function se(o){const a=parseFloat(o);return Number.isFinite(a)?a:0}const Ge="rst:hidden rst:[@media(any-hover:hover)]:inline-flex",Je="rst:hidden rst:[@media(any-hover:hover)]:flex";function oe({direction:o}){return c.jsx("svg",{"aria-hidden":"true",focusable:"false",viewBox:"0 0 20 20",className:"rst:h-5 rst:w-5",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:c.jsx("path",{d:o==="prev"?"M12.5 4.5 7 10l5.5 5.5":"M7.5 4.5 13 10l-5.5 5.5"})})}const le={overflowing:null,canScrollPrev:!1,canScrollNext:!1,index:0},Ke=n.forwardRef(function({"aria-label":a,"aria-labelledby":f,children:x,itemWidth:I,perView:R,gap:W=12,gutter:X=16,bleed:ce=!1,snap:k="start",snapStrictness:ie="mandatory",oneAtATime:ae=!1,arrows:j="hover",arrowPlacement:M="controls",renderArrows:L,prevLabel:ue,nextLabel:de,prevIcon:fe,nextIcon:ge,arrowButtonProps:ve,fade:pe=!1,scrollbar:me=!1,showPosition:G=!1,labels:be,onIndexChange:J,onScrollStateChange:K,itemClassName:xe,listClassName:he,className:Se,style:ye,...we},Ne){const Q=ze.withLabels(Ve,be),p=n.useRef(null),Y=`${n.useId()}-list`,Z=n.Children.toArray(x),E=Z.length,[l,Te]=n.useState(le),ee=n.useRef(le),[Ie,Le]=n.useState(""),[Ee,Pe]=n.useState(!1),O=n.useRef({onIndexChange:J,onScrollStateChange:K});n.useEffect(()=>{O.current={onIndexChange:J,onScrollStateChange:K}});const g=n.useCallback(()=>{const e=p.current;if(!e)return null;const t=e.getBoundingClientRect(),r=getComputedStyle(e),s=t.left+e.clientLeft-e.scrollLeft;return{items:Array.from(e.children).map(u=>{const b=u.getBoundingClientRect();return{start:b.left-s,end:b.right-s}}),scrollLeft:e.scrollLeft,clientWidth:e.clientWidth,scrollWidth:e.scrollWidth,paddingStart:se(r.scrollPaddingInlineStart||r.scrollPaddingLeft),paddingEnd:se(r.scrollPaddingInlineEnd||r.scrollPaddingRight),align:k}},[k]),h=n.useCallback(()=>{const e=g();if(!e)return;const t={overflowing:d.overflows(e),canScrollPrev:d.canScrollPrev(e),canScrollNext:d.canScrollNext(e),index:e.items.length?d.currentIndex(e):0},r=ee.current;r.overflowing===t.overflowing&&r.canScrollPrev===t.canScrollPrev&&r.canScrollNext===t.canScrollNext&&r.index===t.index||(ee.current=t,Te(t),r.index!==t.index&&O.current.onIndexChange?.(t.index),(r.canScrollPrev!==t.canScrollPrev||r.canScrollNext!==t.canScrollNext)&&O.current.onScrollStateChange?.({canScrollPrev:t.canScrollPrev,canScrollNext:t.canScrollNext}))},[g]),Ce=JSON.stringify([W,X,I,R]);n.useLayoutEffect(()=>{const e=p.current;if(!e)return;h();let t=0;const r=()=>{t||(t=requestAnimationFrame(()=>{t=0,h()}))};e.addEventListener("scroll",r,{passive:!0});const s=typeof ResizeObserver>"u"?null:new ResizeObserver(()=>h()),i=()=>{s?.observe(e),Array.from(e.children).forEach(b=>s?.observe(b))};i();const u=typeof MutationObserver>"u"?null:new MutationObserver(()=>{i(),h()});return u?.observe(e,{childList:!0}),()=>{e.removeEventListener("scroll",r),s?.disconnect(),u?.disconnect(),t&&cancelAnimationFrame(t)}},[h,E,Ce]),n.useLayoutEffect(()=>{const e=p.current;if(e&&(Pe(!e.querySelector(Xe)),f)){const t=f.split(/\s+/).map(r=>document.getElementById(r)?.textContent?.trim()??"").filter(Boolean).join(" ");Le(t)}},[x,f]);const S=n.useRef(null),v=n.useCallback(()=>{const e=p.current,t=S.current;t&&(S.current=null,window.clearTimeout(t.timer),e?.removeEventListener("scrollend",t.done),e&&(e.style.scrollSnapType="",delete e.dataset.settling))},[]),m=n.useCallback((e,t)=>{const r=p.current;if(!r)return;if(v(),t!=="smooth"||He.prefersReducedMotion()||Math.abs(r.scrollLeft-e)<1){r.style.scrollSnapType="none",r.scrollTo({left:e,behavior:"instant"}),r.style.scrollSnapType="";return}r.style.scrollSnapType="none",r.dataset.settling="";const i=r.scrollLeft,u=()=>{Math.abs(r.scrollLeft-i)<.5||v()};S.current={timer:window.setTimeout(v,We(Math.abs(r.scrollLeft-e))),done:u,target:e},r.addEventListener("scrollend",u),r.scrollTo({left:e,behavior:"smooth"})},[v]),P=n.useCallback(e=>{const t=g();if(!t)return;const r=S.current?{...t,scrollLeft:S.current.target}:t;m(d.pageTarget(r,e),"smooth")},[g,m]);n.useImperativeHandle(Ne,()=>({scrollToIndex:(e,t)=>{const r=g();if(!r||!r.items.length)return;const s=Math.min(Math.max(0,Math.round(e)),r.items.length-1);m(d.snapPosition(r,s),t?.behavior??"smooth")},scrollPrev:()=>P(-1),scrollNext:()=>P(1)}),[g,P,m]),n.useEffect(()=>v,[v]);const D=n.useRef(null),_=n.useRef(null),A=n.useRef(null);n.useLayoutEffect(()=>{const e=A.current;if(!e)return;const t=e==="prev"?D.current:_.current,r=e==="prev"?_.current:D.current,s=e==="prev"?!l.canScrollPrev:!l.canScrollNext,i=document.activeElement;s&&(i!==t&&i!==document.body&&i!==null||r&&!r.disabled&&r.focus())},[l.canScrollPrev,l.canScrollNext]);const y=n.useRef(null),w=n.useRef(!1),Re=e=>{e.pointerType!=="mouse"||e.button!==0||l.overflowing&&(v(),w.current=!1,y.current={pointerId:e.pointerId,x0:e.clientX,scroll0:e.currentTarget.scrollLeft,dragging:!1})},ke=e=>{const t=y.current;if(!t||e.pointerId!==t.pointerId)return;const r=e.currentTarget,s=e.clientX-t.x0;if(!t.dragging){if(Math.abs(s)<=d.CAROUSEL_DRAG_THRESHOLD)return;t.dragging=!0,r.dataset.dragging="",r.style.scrollSnapType="none",window.getSelection?.()?.removeAllRanges();try{r.setPointerCapture(e.pointerId)}catch{}}r.scrollLeft=t.scroll0-s},F=e=>{const t=y.current;if(!t||e.pointerId!==t.pointerId||(y.current=null,!t.dragging))return;const r=e.currentTarget;delete r.dataset.dragging,w.current=e.type==="pointerup",window.setTimeout(()=>{w.current=!1},0);const s=g();s?m(d.snapPosition(s,d.nearestIndex(s)),"smooth"):r.style.scrollSnapType=""},je=e=>{!w.current||e.detail===0||(w.current=!1,e.preventDefault(),e.stopPropagation())},Me=e=>{l.overflowing&&e.preventDefault()},Oe=e=>{const t=e.currentTarget,r=e.target;if(r===t||y.current?.dragging)return;let s=!1;try{s=r.matches(":focus-visible")}catch{s=!1}if(!s)return;const i=r.closest("[data-carousel-item]");if(!i||i.parentElement!==t)return;const u=g();if(!u)return;const b=Array.prototype.indexOf.call(t.children,i);m(d.snapPosition(u,b),"instant")},[De,_e]=n.useState(0);n.useEffect(()=>{const e=window.setTimeout(()=>_e(l.index),150);return()=>window.clearTimeout(e)},[l.index]);const te=a??Ie,re=e=>te?`${e} ${te}`:e,q=j!=="none"&&l.overflowing!==!1,Ae=j==="hover"?Ge:"rst:inline-flex",ne=e=>{const t=e==="prev",{className:r,...s}=ve??{};return c.jsx($e.Button,{type:"button",variant:"outline",colorScheme:"neutral",size:"icon",...s,"aria-label":t?ue??re("Previous"):de??re("Next"),"aria-controls":Y,disabled:t?!l.canScrollPrev:!l.canScrollNext,onClick:()=>P(t?-1:1),ref:t?D:_,onFocus:()=>{A.current=e},onBlur:i=>{i.relatedTarget&&(A.current=null)},"data-carousel-arrow":e,className:T.cn("rst:size-11 rst:shrink-0 rst:rounded-full",M==="overlay"&&!L&&"rst:bg-[var(--roster-popover-bg)] rst:elevation-raised rst:hover:bg-[var(--roster-popover-bg)] rst:disabled:invisible",Ae,r),children:t?fe??c.jsx(oe,{direction:"prev"}):ge??c.jsx(oe,{direction:"next"})})},C=q?ne("prev"):null,B=q?ne("next"):null,N=G&&E?c.jsx("p",{"aria-live":"polite",className:"rst:font-ui rst:m-0 rst:text-sm rst:tabular-nums rst:opacity-75","data-carousel-position":"",children:Q.position(De+1,E)}):null;let $=null;L?$=L({prev:C,next:B,position:N}):M==="controls"&&(C||N)&&($=c.jsxs("div",{className:T.cn("rst:mb-2 rst:items-center rst:justify-end rst:gap-2",!N&&j==="hover"?Je:"rst:flex"),"data-carousel-controls":"",children:[N&&c.jsx("div",{className:"rst:mr-auto",children:N}),C,B]}));const z=pe&&l.overflowing&&(l.canScrollPrev||l.canScrollNext)?`linear-gradient(to right, ${l.canScrollPrev?"transparent, black 48px":"black"}, ${l.canScrollNext?"black calc(100% - 48px), transparent":"black"})`:void 0,H=I===void 0&&R!==void 0,Fe={"--rst-cv-gap":V(W),"--rst-cv-gutter":V(X),...H?U.perViewVars(R):{},...z?{maskImage:z,WebkitMaskImage:z}:{}},qe=I!==void 0?{width:V(I)}:H?{width:U.FLUID_ITEM_WIDTH}:void 0;return c.jsxs("div",{className:T.cn("rst:min-w-0",Se),style:ye,...we,children:[$,c.jsxs("div",{className:"rst:relative",children:[c.jsx("ul",{ref:p,id:Y,role:"list","aria-label":a,"aria-labelledby":a?void 0:f,tabIndex:Ee&&l.overflowing?0:void 0,"data-overflowing":l.overflowing?"":void 0,onPointerDown:Re,onPointerMove:ke,onPointerUp:F,onPointerCancel:F,onLostPointerCapture:F,onClickCapture:je,onDragStart:Me,onFocus:Oe,style:Fe,className:T.cn("rst:m-0 rst:flex rst:list-none rst:overflow-x-auto rst:overflow-y-hidden","rst:gap-(--rst-cv-gap) rst:px-(--rst-cv-gutter) rst:py-1 rst:scroll-px-(--rst-cv-gutter)","rst:overscroll-x-contain",ie==="mandatory"?"rst:snap-x rst:snap-mandatory":"rst:snap-x rst:snap-proximity",ce&&"rst:-mx-(--rst-cv-gutter)",!me&&"rst:[scrollbar-width:none] rst:[&::-webkit-scrollbar]:hidden",H&&U.FLUID_CLASSES,"rst:data-overflowing:cursor-grab rst:data-dragging:cursor-grabbing rst:data-dragging:select-none","rst:focus-visible:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:focus-visible:ring-inset",he),children:Z.map((e,t)=>c.jsx("li",{"data-carousel-item":"","aria-label":G?Q.position(t+1,E):void 0,style:qe,className:T.cn("rst:shrink-0",k==="start"?"rst:snap-start":"rst:snap-center",ae&&"rst:snap-always",xe),children:e},n.isValidElement(e)&&e.key!=null?e.key:t))}),!L&&M==="overlay"&&q&&c.jsxs(c.Fragment,{children:[c.jsx("div",{className:"rst:pointer-events-none rst:absolute rst:inset-y-0 rst:start-1 rst:flex rst:items-center",children:c.jsx("div",{className:"rst:pointer-events-auto",children:C})}),c.jsx("div",{className:"rst:pointer-events-none rst:absolute rst:inset-y-0 rst:end-1 rst:flex rst:items-center",children:c.jsx("div",{className:"rst:pointer-events-auto",children:B})})]})]})]})});exports.Carousel=Ke;