@blakesteve/roster 5.17.0 → 5.18.0

package/dist/components/molecules/StepProgress/StepProgress.js

@@ -1,20 +1,22 @@
 "use client";
-import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import { cn as d } from "../../../lib/utils.js";
 import { withLabels as b } from "../../../lib/labels.js";
 import { Progress as y } from "../../atoms/Progress/Progress.js";
-const k = {
+import { stepMarkerClass as N } from "../../../internal/step-marker.js";
+import { StepCheck as v } from "../../../internal/step-check.js";
+const w = {
   nav: "Progress",
   position: (s, c) => `Step ${s} of ${c}`,
   done: "done",
   number: (s) => String(s)
-}, v = () => /* @__PURE__ */ r("svg", { viewBox: "0 0 24 24", width: "16", height: "16", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ r("path", { d: "M20 6 9 17l-5-5" }) });
-function L({ steps: s, current: c, variant: h = "stepper", labels: x, className: g }) {
-  const n = b(k, x), a = s.length;
-  if (a === 0) return null;
-  const t = Math.min(Math.max(1, Math.floor(Number.isFinite(c) ? c : 1)), a + 1), m = t > a, p = m ? n.position(a, a) : n.position(t, a), f = m ? p : `${p}: ${s[t - 1]}`;
-  return h === "segmented" ? /* @__PURE__ */ l("div", { className: d("rst:font-ui rst:w-full rst:min-w-0", g), "data-step-progress": "segmented", children: [
-    /* @__PURE__ */ l("div", { className: "rst:mb-1.5 rst:flex rst:items-baseline rst:justify-between rst:gap-3 rst:text-sm", "aria-hidden": "true", children: [
+};
+function P({ steps: s, current: c, variant: h = "stepper", labels: x, className: f }) {
+  const o = b(w, x), e = s.length;
+  if (e === 0) return null;
+  const t = Math.min(Math.max(1, Math.floor(Number.isFinite(c) ? c : 1)), e + 1), m = t > e, p = m ? o.position(e, e) : o.position(t, e), g = m ? p : `${p}: ${s[t - 1]}`;
+  return h === "segmented" ? /* @__PURE__ */ i("div", { className: d("rst:font-ui rst:w-full rst:min-w-0", f), "data-step-progress": "segmented", children: [
+    /* @__PURE__ */ i("div", { className: "rst:mb-1.5 rst:flex rst:items-baseline rst:justify-between rst:gap-3 rst:text-sm", "aria-hidden": "true", children: [
       /* @__PURE__ */ r("span", { className: "rst:font-medium rst:text-[var(--roster-control-text)]", "data-step-position": "", children: p }),
       !m && /* @__PURE__ */ r("span", { className: "rst:min-w-0 rst:truncate rst:text-gray-600 rst:dark:text-gray-400", "data-step-name": "", children: s[t - 1] })
     ] }),
@@ -22,69 +24,54 @@ function L({ steps: s, current: c, variant: h = "stepper", labels: x, className:
       y,
       {
         variant: "segmented",
-        segments: s.map((u, i) => i + 1 < t ? "done" : i + 1 === t ? "current" : "remaining"),
+        segments: s.map((u, l) => l + 1 < t ? "done" : l + 1 === t ? "current" : "remaining"),
         announce: !1
       }
     ),
-    /* @__PURE__ */ r("span", { role: "status", className: "rst:sr-only", "data-step-status": "", children: f })
-  ] }) : /* @__PURE__ */ l("div", { className: d("rst:font-ui rst:w-full", g), "data-step-progress": "stepper", children: [
-    /* @__PURE__ */ r("ol", { "aria-label": n.nav, className: "rst:m-0 rst:flex rst:w-full rst:list-none rst:p-0", children: s.map((u, i) => {
-      const o = i + 1, e = o < t ? "done" : o === t ? "current" : "upcoming";
-      return /* @__PURE__ */ l(
+    /* @__PURE__ */ r("span", { role: "status", className: "rst:sr-only", "data-step-status": "", children: g })
+  ] }) : /* @__PURE__ */ i("div", { className: d("rst:font-ui rst:w-full", f), "data-step-progress": "stepper", children: [
+    /* @__PURE__ */ r("ol", { "aria-label": o.nav, className: "rst:m-0 rst:flex rst:w-full rst:list-none rst:p-0", children: s.map((u, l) => {
+      const a = l + 1, n = a < t ? "done" : a === t ? "current" : "upcoming";
+      return /* @__PURE__ */ i(
         "li",
         {
-          "aria-current": e === "current" ? "step" : void 0,
+          "aria-current": n === "current" ? "step" : void 0,
           className: "rst:relative rst:flex rst:min-w-0 rst:flex-1 rst:flex-col rst:items-center rst:gap-1.5 rst:text-center",
-          "data-step": e,
+          "data-step": n,
           children: [
-            i > 0 && /* @__PURE__ */ r(
+            l > 0 && /* @__PURE__ */ r(
               "span",
               {
                 "aria-hidden": "true",
                 className: d(
                   "rst:absolute rst:right-1/2 rst:top-4 rst:h-0.5 rst:w-full rst:-translate-y-1/2",
-                  o <= t ? "rst:bg-primary-600 rst:dark:bg-primary-400 rst:forced-colors:forced-color-adjust-none rst:forced-colors:bg-[Highlight]" : "rst:bg-[var(--roster-skeleton)] rst:forced-colors:forced-color-adjust-none rst:forced-colors:bg-[GrayText]"
-                ),
-                "data-step-connector": o <= t ? "filled" : "empty"
-              }
-            ),
-            /* @__PURE__ */ r(
-              "span",
-              {
-                "aria-hidden": "true",
-                className: d(
-                  "rst:relative rst:z-10 rst:flex rst:h-8 rst:w-8 rst:items-center rst:justify-center rst:rounded-full rst:text-sm rst:font-semibold rst:tabular-nums",
-                  e === "done" && "rst:bg-primary-600 rst:text-primary-600-ink rst:dark:bg-primary-400 rst:dark:text-gray-950 rst:forced-colors:forced-color-adjust-none rst:forced-colors:bg-[Highlight] rst:forced-colors:text-[HighlightText]",
-                  /* A border, not a ring: forced colors keep a border and drop
-                     the shadow a ring is drawn with. */
-                  e === "current" && "rst:border-2 rst:border-primary-600 rst:bg-[var(--roster-card-bg)] rst:text-primary-600 rst:dark:border-primary-400 rst:dark:text-primary-400",
-                  e === "upcoming" && "rst:bg-[var(--roster-skeleton)] rst:text-gray-600 rst:dark:text-gray-300 rst:forced-colors:border"
+                  a <= t ? "rst:bg-primary-600 rst:dark:bg-primary-400 rst:forced-colors:forced-color-adjust-none rst:forced-colors:bg-[Highlight]" : "rst:bg-[var(--roster-skeleton)] rst:forced-colors:forced-color-adjust-none rst:forced-colors:bg-[GrayText]"
                 ),
-                "data-step-marker": "",
-                children: e === "done" ? /* @__PURE__ */ r(v, {}) : n.number(o)
+                "data-step-connector": a <= t ? "filled" : "empty"
               }
             ),
-            /* @__PURE__ */ l(
+            /* @__PURE__ */ r("span", { "aria-hidden": "true", className: N(n), "data-step-marker": "", children: n === "done" ? /* @__PURE__ */ r(v, {}) : o.number(a) }),
+            /* @__PURE__ */ i(
               "span",
               {
                 className: d(
                   "rst:w-full rst:px-1 rst:text-xs rst:leading-4 rst:break-words",
-                  e === "current" ? "rst:font-semibold rst:text-[var(--roster-control-text)]" : "rst:text-gray-600 rst:dark:text-gray-400"
+                  n === "current" ? "rst:font-semibold rst:text-[var(--roster-control-text)]" : "rst:text-gray-600 rst:dark:text-gray-400"
                 ),
                 children: [
                   u,
-                  e === "done" && /* @__PURE__ */ r("span", { className: "rst:sr-only", children: `, ${n.done}` })
+                  n === "done" && /* @__PURE__ */ r("span", { className: "rst:sr-only", children: `, ${o.done}` })
                 ]
               }
             )
           ]
         },
-        `${o}-${u}`
+        `${a}-${u}`
       );
     }) }),
-    /* @__PURE__ */ r("span", { role: "status", className: "rst:sr-only", "data-step-status": "", children: f })
+    /* @__PURE__ */ r("span", { role: "status", className: "rst:sr-only", "data-step-status": "", children: g })
   ] });
 }
 export {
-  L as StepProgress
+  P as StepProgress
 };

package/dist/components/molecules/Timeline/Timeline.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),C=require("react"),s=require("../../../lib/utils.cjs"),R=require("../../../lib/labels.cjs"),z=require("../../../internal/step-marker.cjs"),L=require("../../../internal/step-check.cjs"),E={done:"done",number:e=>String(e),now:"Now"},F={whenActions:{grid:"rst:@[40rem]:grid-cols-[fit-content(12rem)_minmax(2rem,max-content)_minmax(0,1fr)_auto]",when:"rst:@[40rem]:col-start-1",marker:"rst:@[40rem]:col-start-2",body:"rst:@[40rem]:col-start-3",actions:"rst:@[40rem]:col-start-4"},when:{grid:"rst:@[40rem]:grid-cols-[fit-content(12rem)_minmax(2rem,max-content)_minmax(0,1fr)]",when:"rst:@[40rem]:col-start-1",marker:"rst:@[40rem]:col-start-2",body:"rst:@[40rem]:col-start-3",actions:""},actions:{grid:"rst:@[40rem]:grid-cols-[minmax(2rem,max-content)_minmax(0,1fr)_auto]",when:"",marker:"rst:@[40rem]:col-start-1",body:"rst:@[40rem]:col-start-2",actions:"rst:@[40rem]:col-start-3"},neither:{grid:"",when:"",marker:"rst:@[40rem]:col-start-1",body:"rst:@[40rem]:col-start-2",actions:""}};function h({reached:e,className:x}){return r.jsx("span",{"aria-hidden":"true","data-timeline-rail":e?"done":"ahead",className:s.cn("rst:absolute rst:left-1/2 rst:w-0.5 rst:-translate-x-1/2",e?"rst:bg-(--roster-timeline-rail-done) rst:forced-colors:forced-color-adjust-none rst:forced-colors:bg-[Highlight]":"rst:bg-(--roster-timeline-rail) rst:forced-colors:forced-color-adjust-none rst:forced-colors:bg-[GrayText]",x)})}function G({steps:e,label:x,"aria-labelledby":w,current:b=0,nowBefore:i,labels:p,className:j,stepClassName:N,whenClassName:y,markerClassName:v,titleClassName:k,contentClassName:_,actionsClassName:T,nowClassName:q}){const u=R.withLabels(E,p),m=e.length;if(m===0)return null;const l=Math.min(Math.max(0,Math.floor(Number.isFinite(b)?b:0)),m+1),d=e.some(t=>t.when!=null),g=e.some(t=>t.actions!=null),a=F[d&&g?"whenActions":d?"when":g?"actions":"neither"],M=i!=null&&i>=1&&i<=m?i:void 0,S=t=>r.jsxs("li",{"aria-hidden":"true","data-timeline-now":"",className:s.cn("rst:col-span-full rst:grid rst:grid-cols-subgrid",q),children:[r.jsx("span",{className:s.cn("rst:relative rst:col-start-1 rst:row-start-1 rst:row-end-3 rst:@[40rem]:row-end-2",a.marker),children:t>1&&r.jsx(h,{reached:t<=l,className:"rst:inset-y-0"})}),r.jsx("span",{className:s.cn("rst:col-start-2 rst:row-start-1 rst:text-xs rst:font-semibold rst:uppercase rst:tracking-wider rst:text-(--roster-timeline-now) rst:forced-colors:text-[CanvasText]",d?"rst:@[40rem]:col-start-1 rst:@[40rem]:self-center":a.body),children:u.now}),r.jsx("span",{className:s.cn("rst:col-start-1 rst:col-end-[-1] rst:row-start-2 rst:my-2 rst:h-0.5 rst:bg-(--roster-timeline-now) rst:forced-colors:forced-color-adjust-none rst:forced-colors:bg-[CanvasText]",d&&"rst:@[40rem]:col-start-2 rst:@[40rem]:row-start-1 rst:@[40rem]:self-center")})]},"now");return r.jsx("div",{className:s.cn("rst:font-ui rst:@container rst:w-full rst:min-w-0",j),"data-timeline":"",children:r.jsx("ol",{"aria-label":w?void 0:x,"aria-labelledby":w,className:s.cn("rst:m-0 rst:list-none rst:p-0 rst:grid rst:grid-cols-[minmax(2rem,max-content)_minmax(0,1fr)] rst:gap-x-3 rst:@[40rem]:gap-x-4",a.grid),children:e.map((t,A)=>{const n=A+1,o=n<l?"done":n===l?"current":"upcoming",c=n===m,f=c?"":"rst:pb-6";return r.jsxs(C.Fragment,{children:[M===n&&S(n),r.jsxs("li",{"aria-current":o==="current"?"step":void 0,"data-step":o,className:s.cn("rst:col-span-full rst:grid rst:grid-cols-subgrid",N),children:[t.when!=null&&r.jsx("div",{"data-timeline-when":"",className:s.cn("rst:col-start-2 rst:row-start-1 rst:min-w-0 rst:pt-1.5 rst:text-sm rst:text-gray-600 rst:dark:text-gray-400","rst:@[40rem]:row-start-1",a.when,c?"":"rst:@[40rem]:pb-6",y),children:t.when}),r.jsxs("div",{"aria-hidden":"true","data-timeline-marker":"",className:s.cn("rst:relative rst:col-start-1 rst:row-start-1 rst:row-end-3 rst:flex rst:justify-center rst:@[40rem]:row-end-2",a.marker,f,v),children:[n>1&&r.jsx(h,{reached:n<=l,className:"rst:top-0 rst:h-4"}),!c&&r.jsx(h,{reached:n+1<=l,className:"rst:top-4 rst:bottom-0"}),t.marker==null?r.jsx("span",{className:z.stepMarkerClass(o),children:o==="done"?r.jsx(L.StepCheck,{}):u.number(n)}):t.marker==="hollow"?r.jsx("span",{className:"rst:relative rst:z-10 rst:block rst:size-8 rst:rounded-full rst:border-2 rst:border-(--roster-timeline-rail) rst:bg-[var(--roster-card-bg)] rst:forced-colors:border-[GrayText]","data-timeline-hollow":""}):r.jsx("span",{className:"rst:relative rst:z-10",children:t.marker})]}),r.jsxs("div",{className:s.cn("rst:col-start-2 rst:row-start-2 rst:min-w-0 rst:@[40rem]:contents",f),children:[r.jsxs("div",{"data-timeline-body":"",className:s.cn("rst:min-w-0 rst:@[40rem]:row-start-1 rst:@[40rem]:pt-1.5",a.body,t.when==null&&"rst:pt-1.5",c?"":"rst:@[40rem]:pb-6"),children:[r.jsxs("div",{className:s.cn("rst:text-sm rst:text-[var(--roster-control-text)]",o==="current"?"rst:font-semibold":"rst:font-medium",k),children:[t.title,o==="done"&&r.jsx("span",{className:"rst:sr-only",children:`, ${u.done}`})]}),t.content!=null&&r.jsx("div",{className:s.cn("rst:mt-0.5 rst:text-sm rst:text-gray-600 rst:dark:text-gray-400",_),children:t.content})]}),t.actions!=null&&r.jsx("div",{"data-timeline-actions":"",className:s.cn("rst:mt-2 rst:flex rst:flex-wrap rst:gap-2 rst:@[40rem]:row-start-1 rst:@[40rem]:mt-0 rst:@[40rem]:justify-self-end rst:@[40rem]:justify-end",a.actions,c?"":"rst:@[40rem]:pb-6",T),children:t.actions})]})]})]},t.id)})})})}exports.Timeline=G;

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

@@ -0,0 +1,86 @@
+import { default as React } from 'react';
+/** Every word Timeline shows or says. Pass any of them in `labels` to replace it. */
+export interface TimelineLabels {
+    /** Said after a finished step's title. */
+    done: string;
+    /** A step's number, as its default marker shows it. */
+    number: (step: number) => string;
+    /** The word on the "now" divider. Shown only: the divider is hidden from assistive technology. */
+    now: string;
+}
+export type TimelineStep = {
+    /** Unique among the steps, and stable: React's key. */
+    id: string;
+    /** The step's name, at the top of its body. */
+    title: React.ReactNode;
+    /** The leading column: a date, a week, a time. */
+    when?: React.ReactNode;
+    /** Anything under the title: a description, facts, a badge. */
+    content?: React.ReactNode;
+    /** The trailing column: buttons and links of your own. */
+    actions?: React.ReactNode;
+    /**
+     * What sits on the line in place of the numbered marker: a mark of your
+     * own, or `"hollow"` for an empty ring, for a step with nothing in it yet.
+     * Decoration: hidden from assistive technology. A mark of your own needs a
+     * background, or the line shows through it.
+     */
+    marker?: React.ReactNode | "hollow";
+};
+export interface TimelineProps {
+    steps: TimelineStep[];
+    /** The list's name. Use `aria-labelledby` instead when a heading on the page names it. */
+    label?: string;
+    "aria-labelledby"?: string;
+    /**
+     * The step you're on, from 1: the ones before it are done, the ones after
+     * it upcoming. 0, the default, for none started; past the last for every
+     * step done.
+     */
+    current?: number;
+    /**
+     * Draws the "now" divider just before this step, from 1: where today falls,
+     * which needn't be beside the current step. Leave it out for none.
+     */
+    nowBefore?: number;
+    /** The component's own words, replaced; any left out stay English. */
+    labels?: Partial<TimelineLabels>;
+    className?: string;
+    /** Classes for every step, the `<li>`. It carries `data-step`: `done`, `current` or `upcoming`. */
+    stepClassName?: string;
+    /** Classes for every step's leading column. */
+    whenClassName?: string;
+    /** Classes for what holds every step's marker, on the line. */
+    markerClassName?: string;
+    /** Classes for every step's title. */
+    titleClassName?: string;
+    /** Classes for every step's `content`. */
+    contentClassName?: string;
+    /** Classes for every step's trailing column. */
+    actionsClassName?: string;
+    /** Classes for the "now" divider's row. */
+    nowClassName?: string;
+}
+/**
+ * Steps down the page, each with its own content: a schedule, a history, an
+ * onboarding list. Each step has a title, any content under it, a leading
+ * "when" column, a trailing column for actions, and a marker on a line that
+ * runs through them all.
+ *
+ * Its own component rather than `StepProgress orientation="vertical"`, with
+ * the same markers. A timeline isn't always progress: a schedule doesn't
+ * advance while you watch it, so there's no "Step 3 of 5" status here, and
+ * where today falls (the "now" divider) needn't be the current step. And each
+ * step carries content, where `StepProgress` takes names.
+ *
+ * An ordered list with a name. The current step is `aria-current="step"`,
+ * each finished one says "done" after its title, and the markers, the line
+ * and the "now" divider are hidden from assistive technology. It takes no
+ * keys: buttons and links inside a step are reached in reading order, which
+ * is the order they're shown in.
+ *
+ * Below 40rem of its own width the leading column moves above the body and
+ * the actions under it.
+ */
+declare function Timeline({ steps, label, "aria-labelledby": labelledBy, current: rawCurrent, nowBefore, labels: overrides, className, stepClassName, whenClassName, markerClassName, titleClassName, contentClassName, actionsClassName, nowClassName, }: TimelineProps): import("react/jsx-runtime").JSX.Element | null;
+export { Timeline };

package/dist/components/molecules/Timeline/Timeline.js

@@ -0,0 +1,217 @@
+"use client";
+import { jsx as t, jsxs as o } from "react/jsx-runtime";
+import R from "react";
+import { cn as s } from "../../../lib/utils.js";
+import { withLabels as S } from "../../../lib/labels.js";
+import { stepMarkerClass as E } from "../../../internal/step-marker.js";
+import { StepCheck as F } from "../../../internal/step-check.js";
+const G = {
+  done: "done",
+  number: (e) => String(e),
+  now: "Now"
+}, W = {
+  whenActions: {
+    grid: "rst:@[40rem]:grid-cols-[fit-content(12rem)_minmax(2rem,max-content)_minmax(0,1fr)_auto]",
+    when: "rst:@[40rem]:col-start-1",
+    marker: "rst:@[40rem]:col-start-2",
+    body: "rst:@[40rem]:col-start-3",
+    actions: "rst:@[40rem]:col-start-4"
+  },
+  when: {
+    grid: "rst:@[40rem]:grid-cols-[fit-content(12rem)_minmax(2rem,max-content)_minmax(0,1fr)]",
+    when: "rst:@[40rem]:col-start-1",
+    marker: "rst:@[40rem]:col-start-2",
+    body: "rst:@[40rem]:col-start-3",
+    actions: ""
+  },
+  actions: {
+    grid: "rst:@[40rem]:grid-cols-[minmax(2rem,max-content)_minmax(0,1fr)_auto]",
+    when: "",
+    marker: "rst:@[40rem]:col-start-1",
+    body: "rst:@[40rem]:col-start-2",
+    actions: "rst:@[40rem]:col-start-3"
+  },
+  neither: {
+    grid: "",
+    when: "",
+    marker: "rst:@[40rem]:col-start-1",
+    body: "rst:@[40rem]:col-start-2",
+    actions: ""
+  }
+};
+function f({ reached: e, className: u }) {
+  return /* @__PURE__ */ t(
+    "span",
+    {
+      "aria-hidden": "true",
+      "data-timeline-rail": e ? "done" : "ahead",
+      className: s(
+        "rst:absolute rst:left-1/2 rst:w-0.5 rst:-translate-x-1/2",
+        e ? "rst:bg-(--roster-timeline-rail-done) rst:forced-colors:forced-color-adjust-none rst:forced-colors:bg-[Highlight]" : "rst:bg-(--roster-timeline-rail) rst:forced-colors:forced-color-adjust-none rst:forced-colors:bg-[GrayText]",
+        u
+      )
+    }
+  );
+}
+function K({
+  steps: e,
+  label: u,
+  "aria-labelledby": x,
+  current: b = 0,
+  nowBefore: m,
+  labels: N,
+  className: y,
+  stepClassName: v,
+  whenClassName: k,
+  markerClassName: _,
+  titleClassName: j,
+  contentClassName: T,
+  actionsClassName: A,
+  nowClassName: M
+}) {
+  const w = S(G, N), d = e.length;
+  if (d === 0) return null;
+  const i = Math.min(Math.max(0, Math.floor(Number.isFinite(b) ? b : 0)), d + 1), h = e.some((r) => r.when != null), g = e.some((r) => r.actions != null), n = W[h && g ? "whenActions" : h ? "when" : g ? "actions" : "neither"], z = m != null && m >= 1 && m <= d ? m : void 0, C = (r) => /* @__PURE__ */ o(
+    "li",
+    {
+      "aria-hidden": "true",
+      "data-timeline-now": "",
+      className: s("rst:col-span-full rst:grid rst:grid-cols-subgrid", M),
+      children: [
+        /* @__PURE__ */ t("span", { className: s("rst:relative rst:col-start-1 rst:row-start-1 rst:row-end-3 rst:@[40rem]:row-end-2", n.marker), children: r > 1 && /* @__PURE__ */ t(f, { reached: r <= i, className: "rst:inset-y-0" }) }),
+        /* @__PURE__ */ t(
+          "span",
+          {
+            className: s(
+              "rst:col-start-2 rst:row-start-1 rst:text-xs rst:font-semibold rst:uppercase rst:tracking-wider rst:text-(--roster-timeline-now) rst:forced-colors:text-[CanvasText]",
+              h ? "rst:@[40rem]:col-start-1 rst:@[40rem]:self-center" : n.body
+            ),
+            children: w.now
+          }
+        ),
+        /* @__PURE__ */ t(
+          "span",
+          {
+            className: s(
+              "rst:col-start-1 rst:col-end-[-1] rst:row-start-2 rst:my-2 rst:h-0.5 rst:bg-(--roster-timeline-now) rst:forced-colors:forced-color-adjust-none rst:forced-colors:bg-[CanvasText]",
+              h && "rst:@[40rem]:col-start-2 rst:@[40rem]:row-start-1 rst:@[40rem]:self-center"
+            )
+          }
+        )
+      ]
+    },
+    "now"
+  );
+  return /* @__PURE__ */ t("div", { className: s("rst:font-ui rst:@container rst:w-full rst:min-w-0", y), "data-timeline": "", children: /* @__PURE__ */ t(
+    "ol",
+    {
+      "aria-label": x ? void 0 : u,
+      "aria-labelledby": x,
+      className: s(
+        "rst:m-0 rst:list-none rst:p-0 rst:grid rst:grid-cols-[minmax(2rem,max-content)_minmax(0,1fr)] rst:gap-x-3 rst:@[40rem]:gap-x-4",
+        n.grid
+      ),
+      children: e.map((r, L) => {
+        const a = L + 1, l = a < i ? "done" : a === i ? "current" : "upcoming", c = a === d, p = c ? "" : "rst:pb-6";
+        return /* @__PURE__ */ o(R.Fragment, { children: [
+          z === a && C(a),
+          /* @__PURE__ */ o(
+            "li",
+            {
+              "aria-current": l === "current" ? "step" : void 0,
+              "data-step": l,
+              className: s("rst:col-span-full rst:grid rst:grid-cols-subgrid", v),
+              children: [
+                r.when != null && /* @__PURE__ */ t(
+                  "div",
+                  {
+                    "data-timeline-when": "",
+                    className: s(
+                      "rst:col-start-2 rst:row-start-1 rst:min-w-0 rst:pt-1.5 rst:text-sm rst:text-gray-600 rst:dark:text-gray-400",
+                      "rst:@[40rem]:row-start-1",
+                      n.when,
+                      c ? "" : "rst:@[40rem]:pb-6",
+                      k
+                    ),
+                    children: r.when
+                  }
+                ),
+                /* @__PURE__ */ o(
+                  "div",
+                  {
+                    "aria-hidden": "true",
+                    "data-timeline-marker": "",
+                    className: s(
+                      "rst:relative rst:col-start-1 rst:row-start-1 rst:row-end-3 rst:flex rst:justify-center rst:@[40rem]:row-end-2",
+                      n.marker,
+                      p,
+                      _
+                    ),
+                    children: [
+                      a > 1 && /* @__PURE__ */ t(f, { reached: a <= i, className: "rst:top-0 rst:h-4" }),
+                      !c && /* @__PURE__ */ t(f, { reached: a + 1 <= i, className: "rst:top-4 rst:bottom-0" }),
+                      r.marker == null ? /* @__PURE__ */ t("span", { className: E(l), children: l === "done" ? /* @__PURE__ */ t(F, {}) : w.number(a) }) : r.marker === "hollow" ? /* @__PURE__ */ t(
+                        "span",
+                        {
+                          className: "rst:relative rst:z-10 rst:block rst:size-8 rst:rounded-full rst:border-2 rst:border-(--roster-timeline-rail) rst:bg-[var(--roster-card-bg)] rst:forced-colors:border-[GrayText]",
+                          "data-timeline-hollow": ""
+                        }
+                      ) : /* @__PURE__ */ t("span", { className: "rst:relative rst:z-10", children: r.marker })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ o("div", { className: s("rst:col-start-2 rst:row-start-2 rst:min-w-0 rst:@[40rem]:contents", p), children: [
+                  /* @__PURE__ */ o(
+                    "div",
+                    {
+                      "data-timeline-body": "",
+                      className: s(
+                        "rst:min-w-0 rst:@[40rem]:row-start-1 rst:@[40rem]:pt-1.5",
+                        n.body,
+                        r.when == null && "rst:pt-1.5",
+                        c ? "" : "rst:@[40rem]:pb-6"
+                      ),
+                      children: [
+                        /* @__PURE__ */ o(
+                          "div",
+                          {
+                            className: s(
+                              "rst:text-sm rst:text-[var(--roster-control-text)]",
+                              l === "current" ? "rst:font-semibold" : "rst:font-medium",
+                              j
+                            ),
+                            children: [
+                              r.title,
+                              l === "done" && /* @__PURE__ */ t("span", { className: "rst:sr-only", children: `, ${w.done}` })
+                            ]
+                          }
+                        ),
+                        r.content != null && /* @__PURE__ */ t("div", { className: s("rst:mt-0.5 rst:text-sm rst:text-gray-600 rst:dark:text-gray-400", T), children: r.content })
+                      ]
+                    }
+                  ),
+                  r.actions != null && /* @__PURE__ */ t(
+                    "div",
+                    {
+                      "data-timeline-actions": "",
+                      className: s(
+                        "rst:mt-2 rst:flex rst:flex-wrap rst:gap-2 rst:@[40rem]:row-start-1 rst:@[40rem]:mt-0 rst:@[40rem]:justify-self-end rst:@[40rem]:justify-end",
+                        n.actions,
+                        c ? "" : "rst:@[40rem]:pb-6",
+                        A
+                      ),
+                      children: r.actions
+                    }
+                  )
+                ] })
+              ]
+            }
+          )
+        ] }, r.id);
+      })
+    }
+  ) });
+}
+export {
+  K as Timeline
+};

package/dist/index.d.ts

@@ -58,6 +58,8 @@ export * from './components/molecules/CheckboxGroup/CheckboxGroup';
 export * from './components/molecules/CheckboxGroup/checkbox-group-variants';
 export * from './components/molecules/RadioGroup/RadioGroup';
 export * from './components/molecules/RadioGroup/radio-group-variants';
+export * from './components/molecules/RadioTileGroup/RadioTileGroup';
+export * from './components/molecules/RadioTileGroup/radio-tile-group-variants';
 export * from './components/molecules/Breadcrumbs/Breadcrumbs';
 export * from './components/molecules/Breadcrumbs/breadcrumb-variants';
 export * from './components/molecules/Tabs/Tabs';
@@ -79,6 +81,7 @@ export * from './components/molecules/Pagination/Pagination';
 export * from './components/molecules/SkeletonPresets/SkeletonPresets';
 export * from './components/molecules/ProgressField/ProgressField';
 export * from './components/molecules/StepProgress/StepProgress';
+export * from './components/molecules/Timeline/Timeline';
 export * from './components/molecules/ErrorState/ErrorState';
 export * from './components/molecules/ErrorState/error-state-variants';
 export * from './components/molecules/MatchupCard/MatchupCard';

package/dist/internal/step-check.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=()=>e.jsx("svg",{viewBox:"0 0 24 24",width:"16",height:"16",fill:"none",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:e.jsx("path",{d:"M20 6 9 17l-5-5"})});exports.StepCheck=t;

package/dist/internal/step-check.d.ts

@@ -0,0 +1,2 @@
+/** The check a finished step's marker shows in place of its number. */
+export declare const StepCheck: () => import("react/jsx-runtime").JSX.Element;

package/dist/internal/step-check.js

@@ -0,0 +1,6 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+const r = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", width: "16", height: "16", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { d: "M20 6 9 17l-5-5" }) });
+export {
+  r as StepCheck
+};

package/dist/internal/step-marker.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../lib/utils.cjs"),s=r=>t.cn("rst:relative rst:z-10 rst:flex rst:h-8 rst:w-8 rst:items-center rst:justify-center rst:rounded-full rst:text-sm rst:font-semibold rst:tabular-nums",r==="done"&&"rst:bg-primary-600 rst:text-primary-600-ink rst:dark:bg-primary-400 rst:dark:text-gray-950 rst:forced-colors:forced-color-adjust-none rst:forced-colors:bg-[Highlight] rst:forced-colors:text-[HighlightText]",r==="current"&&"rst:border-2 rst:border-primary-600 rst:bg-[var(--roster-card-bg)] rst:text-primary-600 rst:dark:border-primary-400 rst:dark:text-primary-400",r==="upcoming"&&"rst:bg-[var(--roster-skeleton)] rst:text-gray-600 rst:dark:text-gray-300 rst:forced-colors:border");exports.stepMarkerClass=s;

package/dist/internal/step-marker.d.ts

@@ -0,0 +1,10 @@
+/**
+ * A step's marker, shared by `StepProgress` and `Timeline`, so a finished,
+ * current or upcoming step looks the same in both. The check it shows when
+ * done is `StepCheck`, in `step-check.tsx`.
+ *
+ * Internal, and not exported from the package.
+ */
+export type StepState = "done" | "current" | "upcoming";
+/** The marker's classes: a 32px circle, filled when done, ringed when current. */
+export declare const stepMarkerClass: (state: StepState) => string;

package/dist/internal/step-marker.js

@@ -0,0 +1,12 @@
+import { cn as t } from "../lib/utils.js";
+const e = (r) => t(
+  "rst:relative rst:z-10 rst:flex rst:h-8 rst:w-8 rst:items-center rst:justify-center rst:rounded-full rst:text-sm rst:font-semibold rst:tabular-nums",
+  r === "done" && "rst:bg-primary-600 rst:text-primary-600-ink rst:dark:bg-primary-400 rst:dark:text-gray-950 rst:forced-colors:forced-color-adjust-none rst:forced-colors:bg-[Highlight] rst:forced-colors:text-[HighlightText]",
+  /* A border, not a ring: forced colors keep a border and drop the shadow a
+     ring is drawn with. */
+  r === "current" && "rst:border-2 rst:border-primary-600 rst:bg-[var(--roster-card-bg)] rst:text-primary-600 rst:dark:border-primary-400 rst:dark:text-primary-400",
+  r === "upcoming" && "rst:bg-[var(--roster-skeleton)] rst:text-gray-600 rst:dark:text-gray-300 rst:forced-colors:border"
+);
+export {
+  e as stepMarkerClass
+};

package/dist/meta.json

@@ -1,5 +1,5 @@
 {
-  "version": "5.17.0",
-  "tests": 2626,
-  "testFiles": 667
+  "version": "5.18.0",
+  "tests": 2701,
+  "testFiles": 699
 }

package/dist/roster.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css            */const S=require("./components/atoms/Avatar/Avatar.cjs"),T=require("./components/atoms/Avatar/avatar-variants.cjs"),C=require("./components/atoms/Badge/Badge.cjs"),g=require("./components/atoms/Badge/badge-variants.cjs"),h=require("./components/atoms/Button/Button.cjs"),k=require("./components/atoms/Button/button-variants.cjs"),M=require("./components/atoms/Card/Card.cjs"),P=require("./components/atoms/Card/card-variants.cjs"),m=require("./components/atoms/Checkbox/Checkbox.cjs"),w=require("./components/atoms/Checkbox/checkbox-variants.cjs"),v=require("./components/atoms/Disclosure/Disclosure.cjs"),n=require("./components/atoms/Disclosure/disclosure-variants.cjs"),A=require("./components/atoms/Input/Input.cjs"),o=require("./components/atoms/Input/input-variants.cjs"),I=require("./components/atoms/Link/Link.cjs"),x=require("./components/atoms/Link/link-variants.cjs"),D=require("./components/atoms/PasswordInput/PasswordInput.cjs"),L=require("./components/atoms/Combobox/Combobox.cjs"),E=require("./components/atoms/Chip/Chip.cjs"),R=require("./components/atoms/Chip/chip-variants.cjs"),y=require("./components/atoms/Pill/Pill.cjs"),s=require("./components/atoms/Pill/pill-variants.cjs"),B=require("./components/atoms/Eyebrow/Eyebrow.cjs"),F=require("./components/atoms/Eyebrow/eyebrow-variants.cjs"),G=require("./components/atoms/InlineCode/InlineCode.cjs"),O=require("./components/atoms/InlineCode/inline-code-variants.cjs"),N=require("./components/atoms/LabeledDivider/LabeledDivider.cjs"),K=require("./components/atoms/Stat/Stat.cjs"),u=require("./components/atoms/Stat/stat-variants.cjs"),Q=require("./components/atoms/ThemeToggle/ThemeToggle.cjs"),H=require("./components/atoms/MultiSelect/MultiSelect.cjs"),U=require("./components/atoms/Select/Select.cjs"),c=require("./components/atoms/Select/select-variants.cjs"),_=require("./components/atoms/Spinner/Spinner.cjs"),j=require("./components/atoms/Switch/Switch.cjs"),l=require("./components/atoms/Switch/switch-variants.cjs"),f=require("./components/atoms/Textarea/Textarea.cjs"),W=require("./components/atoms/Textarea/textarea-variants.cjs"),X=require("./components/atoms/AvatarStrip/AvatarStrip.cjs"),Y=require("./components/atoms/Tooltip/Tooltip.cjs"),z=require("./components/atoms/CollapsibleSection/CollapsibleSection.cjs"),J=require("./components/atoms/SegmentBar/SegmentBar.cjs"),d=require("./components/atoms/Skeleton/Skeleton.cjs"),Z=require("./components/atoms/Progress/Progress.cjs"),$=require("./components/atoms/LoadingDots/LoadingDots.cjs"),ee=require("./components/molecules/Toast/Toast.cjs"),re=require("./components/molecules/Toast/toast-variants.cjs"),te=require("./components/molecules/Toast/Toaster.cjs"),q=require("./components/molecules/Toast/toast-api.cjs"),ae=require("./components/molecules/Alert/Alert.cjs"),ie=require("./components/molecules/Alert/alert-variants.cjs"),ne=require("./components/molecules/Accordion/Accordion.cjs"),oe=require("./components/molecules/DescriptionList/DescriptionList.cjs"),se=require("./components/molecules/DescriptionList/description-list-variants.cjs"),ue=require("./components/molecules/Pullquote/Pullquote.cjs"),ce=require("./components/molecules/Pullquote/pullquote-variants.cjs"),le=require("./components/molecules/CheckboxGroup/CheckboxGroup.cjs"),V=require("./components/molecules/CheckboxGroup/checkbox-group-variants.cjs"),de=require("./components/molecules/RadioGroup/RadioGroup.cjs"),a=require("./components/molecules/RadioGroup/radio-group-variants.cjs"),qe=require("./components/molecules/Breadcrumbs/Breadcrumbs.cjs"),Ve=require("./components/molecules/Breadcrumbs/breadcrumb-variants.cjs"),be=require("./components/molecules/Tabs/Tabs.cjs"),pe=require("./components/molecules/Tabs/TabPanel.cjs"),Se=require("./components/molecules/Tabs/tab-id.cjs"),Te=require("./components/molecules/LiquidTabs/LiquidTabs.cjs"),Ce=require("./components/molecules/LiquidTabs/LiquidNav.cjs"),ge=require("./components/molecules/LiquidTabs/liquid-tab-id.cjs"),he=require("./components/molecules/LiquidTabs/LiquidTabPanel.cjs"),ke=require("./components/molecules/Carousel/Carousel.cjs"),Me=require("./components/molecules/CallToAction/CallToAction.cjs"),Pe=require("./components/molecules/CallToAction/call-to-action-variants.cjs"),me=require("./components/molecules/EmptyState/EmptyState.cjs"),we=require("./components/molecules/EmptyState/empty-state-variants.cjs"),ve=require("./components/molecules/MediaPreview/MediaPreview.cjs"),Ae=require("./components/molecules/FileUpload/FileUpload.cjs"),Ie=require("./components/molecules/FileUpload/file-upload-rejection.cjs"),xe=require("./components/molecules/Pagination/Pagination.cjs"),i=require("./components/molecules/SkeletonPresets/SkeletonPresets.cjs"),De=require("./components/molecules/ProgressField/ProgressField.cjs"),Le=require("./components/molecules/StepProgress/StepProgress.cjs"),Ee=require("./components/molecules/ErrorState/ErrorState.cjs"),Re=require("./components/molecules/ErrorState/error-state-variants.cjs"),ye=require("./components/molecules/MatchupCard/MatchupCard.cjs"),e=require("./components/molecules/Menu/Menu.cjs"),Be=require("./components/molecules/Slider/Slider.cjs"),Fe=require("./components/molecules/RangeSlider/RangeSlider.cjs"),Ge=require("./components/organisms/ActionBar/ActionBar.cjs"),Oe=require("./components/organisms/ActionBar/action-bar-variants.cjs"),Ne=require("./components/organisms/Countdown/Countdown.cjs"),Ke=require("./components/organisms/Dialog/Dialog.cjs"),Qe=require("./components/organisms/Footer/Footer.cjs"),He=require("./components/organisms/Navbar/Navbar.cjs"),Ue=require("./components/organisms/Navbar/navbar-variants.cjs"),_e=require("./components/organisms/Sheet/Sheet.cjs"),je=require("./components/organisms/ModerationQueue/ModerationQueue.cjs"),fe=require("./components/organisms/ModerationQueue/queue-actions.cjs"),We=require("./components/organisms/ModerationQueue/QueueEditDialog.cjs"),Xe=require("./components/organisms/ModerationQueue/QueueEditSheet.cjs"),r=require("./components/organisms/Table/Table.cjs"),t=require("./components/organisms/Table/table-variants.cjs"),Ye=require("./hooks/useCountdown.cjs"),b=require("./hooks/useKeySequence.cjs"),p=require("./internal/key-focus.cjs"),ze=require("./lib/utils.cjs");exports.Avatar=S.Avatar;exports.avatarVariants=T.avatarVariants;exports.Badge=C.Badge;exports.badgeVariants=g.badgeVariants;exports.Button=h.Button;exports.buttonVariants=k.buttonVariants;exports.Card=M.Card;exports.cardVariants=P.cardVariants;exports.Checkbox=m.Checkbox;exports.checkboxVariants=w.checkboxVariants;exports.Disclosure=v.Disclosure;exports.disclosureContentVariants=n.disclosureContentVariants;exports.disclosureTriggerVariants=n.disclosureTriggerVariants;exports.Input=A.Input;exports.iconVariants=o.iconVariants;exports.inputVariants=o.inputVariants;exports.Link=I.Link;exports.linkVariants=x.linkVariants;exports.PasswordInput=D.PasswordInput;exports.Combobox=L.Combobox;exports.Chip=E.Chip;exports.chipVariants=R.chipVariants;exports.Pill=y.Pill;exports.pillDotVariants=s.pillDotVariants;exports.pillVariants=s.pillVariants;exports.Eyebrow=B.Eyebrow;exports.eyebrowVariants=F.eyebrowVariants;exports.InlineCode=G.InlineCode;exports.inlineCodeVariants=O.inlineCodeVariants;exports.LabeledDivider=N.LabeledDivider;exports.Stat=K.Stat;exports.statSourceClass=u.statSourceClass;exports.statValueVariants=u.statValueVariants;exports.ThemeToggle=Q.ThemeToggle;exports.MultiSelect=H.MultiSelect;exports.Select=U.Select;exports.selectOptionVariants=c.selectOptionVariants;exports.selectTriggerVariants=c.selectTriggerVariants;exports.Spinner=_.Spinner;exports.Switch=j.Switch;exports.switchThumbVariants=l.switchThumbVariants;exports.switchTrackVariants=l.switchTrackVariants;exports.Textarea=f.Textarea;exports.textareaVariants=W.textareaVariants;exports.AvatarStrip=X.AvatarStrip;exports.Tooltip=Y.Tooltip;exports.CollapsibleSection=z.CollapsibleSection;exports.SegmentBar=J.SegmentBar;exports.Skeleton=d.Skeleton;exports.SkeletonRegion=d.SkeletonRegion;exports.Progress=Z.Progress;exports.LoadingDots=$.LoadingDots;exports.Toast=ee.Toast;exports.toastVariants=re.toastVariants;exports.Toaster=te.Toaster;exports.TONE_PREFIX=q.TONE_PREFIX;exports.toast=q.toast;exports.Alert=ae.Alert;exports.alertVariants=ie.alertVariants;exports.Accordion=ne.Accordion;exports.DescriptionList=oe.DescriptionList;exports.descriptionListVariants=se.descriptionListVariants;exports.Pullquote=ue.Pullquote;exports.pullquoteVariants=ce.pullquoteVariants;exports.CheckboxGroup=le.CheckboxGroup;exports.checkboxGroupOptionsVariants=V.checkboxGroupOptionsVariants;exports.checkboxGroupPanelVariants=V.checkboxGroupPanelVariants;exports.RadioGroup=de.RadioGroup;exports.radioDotVariants=a.radioDotVariants;exports.radioGroupOptionsVariants=a.radioGroupOptionsVariants;exports.radioOptionVariants=a.radioOptionVariants;exports.radioVariants=a.radioVariants;exports.Breadcrumbs=qe.Breadcrumbs;exports.breadcrumbVariants=Ve.breadcrumbVariants;exports.Tabs=be.Tabs;exports.TabPanel=pe.TabPanel;exports.tabId=Se.tabId;exports.LiquidTabs=Te.LiquidTabs;exports.LiquidNav=Ce.LiquidNav;exports.liquidTabId=ge.liquidTabId;exports.LiquidTabPanel=he.LiquidTabPanel;exports.Carousel=ke.Carousel;exports.CallToAction=Me.CallToAction;exports.ctaVariants=Pe.ctaVariants;exports.EmptyState=me.EmptyState;exports.emptyStateVariants=we.emptyStateVariants;exports.MediaPreview=ve.MediaPreview;exports.FileUpload=Ae.FileUpload;exports.FileUploadRejection=Ie.FileUploadRejection;exports.Pagination=xe.Pagination;exports.SkeletonAvatar=i.SkeletonAvatar;exports.SkeletonCard=i.SkeletonCard;exports.SkeletonStat=i.SkeletonStat;exports.SkeletonTableRow=i.SkeletonTableRow;exports.ProgressField=De.ProgressField;exports.StepProgress=Le.StepProgress;exports.ErrorState=Ee.ErrorState;exports.errorStateVariants=Re.errorStateVariants;exports.MatchupCard=ye.MatchupCard;exports.Menu=e.Menu;exports.MenuButton=e.MenuButton;exports.MenuCheckboxItem=e.MenuCheckboxItem;exports.MenuGroup=e.MenuGroup;exports.MenuItem=e.MenuItem;exports.MenuItems=e.MenuItems;exports.MenuRadioGroup=e.MenuRadioGroup;exports.MenuRadioItem=e.MenuRadioItem;exports.MenuSeparator=e.MenuSeparator;exports.MenuSubmenu=e.MenuSubmenu;exports.Slider=Be.Slider;exports.RangeSlider=Fe.RangeSlider;exports.ActionBar=Ge.ActionBar;exports.actionBarVariants=Oe.actionBarVariants;exports.Countdown=Ne.Countdown;exports.Dialog=Ke.Dialog;exports.Footer=Qe.Footer;exports.Navbar=He.Navbar;exports.navbarVariants=Ue.navbarVariants;exports.Sheet=_e.Sheet;exports.ModerationQueue=je.ModerationQueue;exports.editAction=fe.editAction;exports.QueueEditDialog=We.QueueEditDialog;exports.QueueEditSheet=Xe.QueueEditSheet;exports.Table=r.Table;exports.TableBody=r.TableBody;exports.TableCaption=r.TableCaption;exports.TableCell=r.TableCell;exports.TableFooter=r.TableFooter;exports.TableHead=r.TableHead;exports.TableHeader=r.TableHeader;exports.TableRow=r.TableRow;exports.tableCellVariants=t.tableCellVariants;exports.tableHeadVariants=t.tableHeadVariants;exports.tableHeaderVariants=t.tableHeaderVariants;exports.tableRowVariants=t.tableRowVariants;exports.tableVariants=t.tableVariants;exports.tableWrapperVariants=t.tableWrapperVariants;exports.useCountdown=Ye.useCountdown;exports.KONAMI_CODE=b.KONAMI_CODE;exports.useKeySequence=b.useKeySequence;exports.KEY_FOCUS=p.KEY_FOCUS;exports.useKeyFocus=p.useKeyFocus;exports.cn=ze.cn;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css            */const T=require("./components/atoms/Avatar/Avatar.cjs"),C=require("./components/atoms/Avatar/avatar-variants.cjs"),g=require("./components/atoms/Badge/Badge.cjs"),h=require("./components/atoms/Badge/badge-variants.cjs"),k=require("./components/atoms/Button/Button.cjs"),P=require("./components/atoms/Button/button-variants.cjs"),m=require("./components/atoms/Card/Card.cjs"),M=require("./components/atoms/Card/card-variants.cjs"),w=require("./components/atoms/Checkbox/Checkbox.cjs"),v=require("./components/atoms/Checkbox/checkbox-variants.cjs"),A=require("./components/atoms/Disclosure/Disclosure.cjs"),o=require("./components/atoms/Disclosure/disclosure-variants.cjs"),I=require("./components/atoms/Input/Input.cjs"),s=require("./components/atoms/Input/input-variants.cjs"),R=require("./components/atoms/Link/Link.cjs"),x=require("./components/atoms/Link/link-variants.cjs"),D=require("./components/atoms/PasswordInput/PasswordInput.cjs"),G=require("./components/atoms/Combobox/Combobox.cjs"),L=require("./components/atoms/Chip/Chip.cjs"),E=require("./components/atoms/Chip/chip-variants.cjs"),y=require("./components/atoms/Pill/Pill.cjs"),u=require("./components/atoms/Pill/pill-variants.cjs"),B=require("./components/atoms/Eyebrow/Eyebrow.cjs"),F=require("./components/atoms/Eyebrow/eyebrow-variants.cjs"),O=require("./components/atoms/InlineCode/InlineCode.cjs"),N=require("./components/atoms/InlineCode/inline-code-variants.cjs"),K=require("./components/atoms/LabeledDivider/LabeledDivider.cjs"),Q=require("./components/atoms/Stat/Stat.cjs"),c=require("./components/atoms/Stat/stat-variants.cjs"),H=require("./components/atoms/ThemeToggle/ThemeToggle.cjs"),U=require("./components/atoms/MultiSelect/MultiSelect.cjs"),_=require("./components/atoms/Select/Select.cjs"),l=require("./components/atoms/Select/select-variants.cjs"),j=require("./components/atoms/Spinner/Spinner.cjs"),f=require("./components/atoms/Switch/Switch.cjs"),d=require("./components/atoms/Switch/switch-variants.cjs"),W=require("./components/atoms/Textarea/Textarea.cjs"),X=require("./components/atoms/Textarea/textarea-variants.cjs"),Y=require("./components/atoms/AvatarStrip/AvatarStrip.cjs"),z=require("./components/atoms/Tooltip/Tooltip.cjs"),J=require("./components/atoms/CollapsibleSection/CollapsibleSection.cjs"),Z=require("./components/atoms/SegmentBar/SegmentBar.cjs"),q=require("./components/atoms/Skeleton/Skeleton.cjs"),$=require("./components/atoms/Progress/Progress.cjs"),ee=require("./components/atoms/LoadingDots/LoadingDots.cjs"),re=require("./components/molecules/Toast/Toast.cjs"),te=require("./components/molecules/Toast/toast-variants.cjs"),ae=require("./components/molecules/Toast/Toaster.cjs"),V=require("./components/molecules/Toast/toast-api.cjs"),ie=require("./components/molecules/Alert/Alert.cjs"),ne=require("./components/molecules/Alert/alert-variants.cjs"),oe=require("./components/molecules/Accordion/Accordion.cjs"),se=require("./components/molecules/DescriptionList/DescriptionList.cjs"),ue=require("./components/molecules/DescriptionList/description-list-variants.cjs"),ce=require("./components/molecules/Pullquote/Pullquote.cjs"),le=require("./components/molecules/Pullquote/pullquote-variants.cjs"),de=require("./components/molecules/CheckboxGroup/CheckboxGroup.cjs"),b=require("./components/molecules/CheckboxGroup/checkbox-group-variants.cjs"),qe=require("./components/molecules/RadioGroup/RadioGroup.cjs"),a=require("./components/molecules/RadioGroup/radio-group-variants.cjs"),Ve=require("./components/molecules/RadioTileGroup/RadioTileGroup.cjs"),n=require("./components/molecules/RadioTileGroup/radio-tile-group-variants.cjs"),be=require("./components/molecules/Breadcrumbs/Breadcrumbs.cjs"),pe=require("./components/molecules/Breadcrumbs/breadcrumb-variants.cjs"),Se=require("./components/molecules/Tabs/Tabs.cjs"),Te=require("./components/molecules/Tabs/TabPanel.cjs"),Ce=require("./components/molecules/Tabs/tab-id.cjs"),ge=require("./components/molecules/LiquidTabs/LiquidTabs.cjs"),he=require("./components/molecules/LiquidTabs/LiquidNav.cjs"),ke=require("./components/molecules/LiquidTabs/liquid-tab-id.cjs"),Pe=require("./components/molecules/LiquidTabs/LiquidTabPanel.cjs"),me=require("./components/molecules/Carousel/Carousel.cjs"),Me=require("./components/molecules/CallToAction/CallToAction.cjs"),we=require("./components/molecules/CallToAction/call-to-action-variants.cjs"),ve=require("./components/molecules/EmptyState/EmptyState.cjs"),Ae=require("./components/molecules/EmptyState/empty-state-variants.cjs"),Ie=require("./components/molecules/MediaPreview/MediaPreview.cjs"),Re=require("./components/molecules/FileUpload/FileUpload.cjs"),xe=require("./components/molecules/FileUpload/file-upload-rejection.cjs"),De=require("./components/molecules/Pagination/Pagination.cjs"),i=require("./components/molecules/SkeletonPresets/SkeletonPresets.cjs"),Ge=require("./components/molecules/ProgressField/ProgressField.cjs"),Le=require("./components/molecules/StepProgress/StepProgress.cjs"),Ee=require("./components/molecules/Timeline/Timeline.cjs"),ye=require("./components/molecules/ErrorState/ErrorState.cjs"),Be=require("./components/molecules/ErrorState/error-state-variants.cjs"),Fe=require("./components/molecules/MatchupCard/MatchupCard.cjs"),e=require("./components/molecules/Menu/Menu.cjs"),Oe=require("./components/molecules/Slider/Slider.cjs"),Ne=require("./components/molecules/RangeSlider/RangeSlider.cjs"),Ke=require("./components/organisms/ActionBar/ActionBar.cjs"),Qe=require("./components/organisms/ActionBar/action-bar-variants.cjs"),He=require("./components/organisms/Countdown/Countdown.cjs"),Ue=require("./components/organisms/Dialog/Dialog.cjs"),_e=require("./components/organisms/Footer/Footer.cjs"),je=require("./components/organisms/Navbar/Navbar.cjs"),fe=require("./components/organisms/Navbar/navbar-variants.cjs"),We=require("./components/organisms/Sheet/Sheet.cjs"),Xe=require("./components/organisms/ModerationQueue/ModerationQueue.cjs"),Ye=require("./components/organisms/ModerationQueue/queue-actions.cjs"),ze=require("./components/organisms/ModerationQueue/QueueEditDialog.cjs"),Je=require("./components/organisms/ModerationQueue/QueueEditSheet.cjs"),r=require("./components/organisms/Table/Table.cjs"),t=require("./components/organisms/Table/table-variants.cjs"),Ze=require("./hooks/useCountdown.cjs"),p=require("./hooks/useKeySequence.cjs"),S=require("./internal/key-focus.cjs"),$e=require("./lib/utils.cjs");exports.Avatar=T.Avatar;exports.avatarVariants=C.avatarVariants;exports.Badge=g.Badge;exports.badgeVariants=h.badgeVariants;exports.Button=k.Button;exports.buttonVariants=P.buttonVariants;exports.Card=m.Card;exports.cardVariants=M.cardVariants;exports.Checkbox=w.Checkbox;exports.checkboxVariants=v.checkboxVariants;exports.Disclosure=A.Disclosure;exports.disclosureContentVariants=o.disclosureContentVariants;exports.disclosureTriggerVariants=o.disclosureTriggerVariants;exports.Input=I.Input;exports.iconVariants=s.iconVariants;exports.inputVariants=s.inputVariants;exports.Link=R.Link;exports.linkVariants=x.linkVariants;exports.PasswordInput=D.PasswordInput;exports.Combobox=G.Combobox;exports.Chip=L.Chip;exports.chipVariants=E.chipVariants;exports.Pill=y.Pill;exports.pillDotVariants=u.pillDotVariants;exports.pillVariants=u.pillVariants;exports.Eyebrow=B.Eyebrow;exports.eyebrowVariants=F.eyebrowVariants;exports.InlineCode=O.InlineCode;exports.inlineCodeVariants=N.inlineCodeVariants;exports.LabeledDivider=K.LabeledDivider;exports.Stat=Q.Stat;exports.statSourceClass=c.statSourceClass;exports.statValueVariants=c.statValueVariants;exports.ThemeToggle=H.ThemeToggle;exports.MultiSelect=U.MultiSelect;exports.Select=_.Select;exports.selectOptionVariants=l.selectOptionVariants;exports.selectTriggerVariants=l.selectTriggerVariants;exports.Spinner=j.Spinner;exports.Switch=f.Switch;exports.switchThumbVariants=d.switchThumbVariants;exports.switchTrackVariants=d.switchTrackVariants;exports.Textarea=W.Textarea;exports.textareaVariants=X.textareaVariants;exports.AvatarStrip=Y.AvatarStrip;exports.Tooltip=z.Tooltip;exports.CollapsibleSection=J.CollapsibleSection;exports.SegmentBar=Z.SegmentBar;exports.Skeleton=q.Skeleton;exports.SkeletonRegion=q.SkeletonRegion;exports.Progress=$.Progress;exports.LoadingDots=ee.LoadingDots;exports.Toast=re.Toast;exports.toastVariants=te.toastVariants;exports.Toaster=ae.Toaster;exports.TONE_PREFIX=V.TONE_PREFIX;exports.toast=V.toast;exports.Alert=ie.Alert;exports.alertVariants=ne.alertVariants;exports.Accordion=oe.Accordion;exports.DescriptionList=se.DescriptionList;exports.descriptionListVariants=ue.descriptionListVariants;exports.Pullquote=ce.Pullquote;exports.pullquoteVariants=le.pullquoteVariants;exports.CheckboxGroup=de.CheckboxGroup;exports.checkboxGroupOptionsVariants=b.checkboxGroupOptionsVariants;exports.checkboxGroupPanelVariants=b.checkboxGroupPanelVariants;exports.RadioGroup=qe.RadioGroup;exports.radioDotVariants=a.radioDotVariants;exports.radioGroupOptionsVariants=a.radioGroupOptionsVariants;exports.radioOptionVariants=a.radioOptionVariants;exports.radioVariants=a.radioVariants;exports.RadioTileGroup=Ve.RadioTileGroup;exports.radioTileGroupOptionsVariants=n.radioTileGroupOptionsVariants;exports.radioTilePictureVariants=n.radioTilePictureVariants;exports.radioTileVariants=n.radioTileVariants;exports.Breadcrumbs=be.Breadcrumbs;exports.breadcrumbVariants=pe.breadcrumbVariants;exports.Tabs=Se.Tabs;exports.TabPanel=Te.TabPanel;exports.tabId=Ce.tabId;exports.LiquidTabs=ge.LiquidTabs;exports.LiquidNav=he.LiquidNav;exports.liquidTabId=ke.liquidTabId;exports.LiquidTabPanel=Pe.LiquidTabPanel;exports.Carousel=me.Carousel;exports.CallToAction=Me.CallToAction;exports.ctaVariants=we.ctaVariants;exports.EmptyState=ve.EmptyState;exports.emptyStateVariants=Ae.emptyStateVariants;exports.MediaPreview=Ie.MediaPreview;exports.FileUpload=Re.FileUpload;exports.FileUploadRejection=xe.FileUploadRejection;exports.Pagination=De.Pagination;exports.SkeletonAvatar=i.SkeletonAvatar;exports.SkeletonCard=i.SkeletonCard;exports.SkeletonStat=i.SkeletonStat;exports.SkeletonTableRow=i.SkeletonTableRow;exports.ProgressField=Ge.ProgressField;exports.StepProgress=Le.StepProgress;exports.Timeline=Ee.Timeline;exports.ErrorState=ye.ErrorState;exports.errorStateVariants=Be.errorStateVariants;exports.MatchupCard=Fe.MatchupCard;exports.Menu=e.Menu;exports.MenuButton=e.MenuButton;exports.MenuCheckboxItem=e.MenuCheckboxItem;exports.MenuGroup=e.MenuGroup;exports.MenuItem=e.MenuItem;exports.MenuItems=e.MenuItems;exports.MenuRadioGroup=e.MenuRadioGroup;exports.MenuRadioItem=e.MenuRadioItem;exports.MenuSeparator=e.MenuSeparator;exports.MenuSubmenu=e.MenuSubmenu;exports.Slider=Oe.Slider;exports.RangeSlider=Ne.RangeSlider;exports.ActionBar=Ke.ActionBar;exports.actionBarVariants=Qe.actionBarVariants;exports.Countdown=He.Countdown;exports.Dialog=Ue.Dialog;exports.Footer=_e.Footer;exports.Navbar=je.Navbar;exports.navbarVariants=fe.navbarVariants;exports.Sheet=We.Sheet;exports.ModerationQueue=Xe.ModerationQueue;exports.editAction=Ye.editAction;exports.QueueEditDialog=ze.QueueEditDialog;exports.QueueEditSheet=Je.QueueEditSheet;exports.Table=r.Table;exports.TableBody=r.TableBody;exports.TableCaption=r.TableCaption;exports.TableCell=r.TableCell;exports.TableFooter=r.TableFooter;exports.TableHead=r.TableHead;exports.TableHeader=r.TableHeader;exports.TableRow=r.TableRow;exports.tableCellVariants=t.tableCellVariants;exports.tableHeadVariants=t.tableHeadVariants;exports.tableHeaderVariants=t.tableHeaderVariants;exports.tableRowVariants=t.tableRowVariants;exports.tableVariants=t.tableVariants;exports.tableWrapperVariants=t.tableWrapperVariants;exports.useCountdown=Ze.useCountdown;exports.KONAMI_CODE=p.KONAMI_CODE;exports.useKeySequence=p.useKeySequence;exports.KEY_FOCUS=S.KEY_FOCUS;exports.useKeyFocus=S.useKeyFocus;exports.cn=$e.cn;