@blakesteve/roster 4.12.0 → 4.13.0

package/dist/components/molecules/Breadcrumbs/breadcrumb-variants.js

@@ -0,0 +1,19 @@
+import { cva as t } from "../../../node_modules/class-variance-authority/dist/index.js";
+const a = /* @__PURE__ */ t(
+  "rst:font-ui rst:flex rst:items-center rst:text-sm rst:font-medium rst:transition-colors",
+  {
+    variants: {
+      variant: {
+        default: "rst:text-gray-500 rst:hover:text-gray-900 rst:dark:text-gray-400 rst:dark:hover:text-gray-100",
+        primary: "rst:text-primary-600 rst:hover:text-primary-800 rst:dark:text-primary-400 rst:dark:hover:text-primary-300",
+        inverse: "rst:text-gray-300 rst:hover:text-white rst:dark:text-gray-400 rst:dark:hover:text-white"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+export {
+  a as breadcrumbVariants
+};

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

@@ -0,0 +1 @@
+"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;

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

@@ -0,0 +1,40 @@
+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 = ({
+  title: i,
+  description: s,
+  action: e,
+  icon: l,
+  variant: m,
+  onDismiss: a,
+  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" })
+    }
+  ) })
+] }) });
+export {
+  b as CallToAction
+};

package/dist/components/molecules/CallToAction/call-to-action-variants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../node_modules/class-variance-authority/dist/index.cjs"),t=r.cva("rst:@container rst:font-ui rst:relative rst:overflow-hidden rst:rounded-lg rst:border rst:p-6 rst:elevation-raised rst:transition-all",{variants:{variant:{primary:"rst:border-primary-600 rst:bg-primary-100 rst:text-primary-900 rst:dark:border-primary-800 rst:dark:bg-primary-900/30 rst:dark:text-primary-200",neutral:"rst:border-gray-600 rst:bg-white rst:text-gray-900 rst:dark:border-gray-700 rst:dark:bg-gray-800 rst:dark:text-gray-100",warning:"rst:border-amber-600 rst:bg-amber-100 rst:text-amber-900 rst:dark:border-amber-800 rst:dark:bg-amber-900/30 rst:dark:text-amber-200",error:"rst:border-error-600 rst:bg-error-100 rst:text-error-900 rst:dark:border-error-800 rst:dark:bg-error-900/30 rst:dark:text-error-200",success:"rst:border-success-600 rst:bg-success-100 rst:text-success-900 rst:dark:border-success-800 rst:dark:bg-success-900/30 rst:dark:text-success-200",info:"rst:border-info-600 rst:bg-info-100 rst:text-info-900 rst:dark:border-info-800 rst:dark:bg-info-900/30 rst:dark:text-info-200"}},defaultVariants:{variant:"primary"}});exports.ctaVariants=t;

package/dist/components/molecules/CallToAction/call-to-action-variants.js

@@ -0,0 +1,72 @@
+import { cva as r } from "../../../node_modules/class-variance-authority/dist/index.js";
+const s = /* @__PURE__ */ r(
+  /* `@container` on the card itself, with the flex layout moved to an inner
+       element. The row/column switch is a CONTAINER query, not `md:`: `md:`
+       asks how wide the WINDOW is, so a 228px card on a 1200px page laid itself
+       out as a row, put the action beside the content, and squeezed the text
+       column until it overflowed the `overflow-hidden` here.
+  
+       An element cannot query itself, which is why the layout is one level in
+       rather than on this element. An earlier pass wrapped the card in a
+       container instead — that worked, and made the card a grandchild, so a
+       consumer's `className` with `col-span-2` or `flex-1` landed on something
+       that was no longer the grid or flex item. */
+  "rst:@container rst:font-ui rst:relative rst:overflow-hidden rst:rounded-lg rst:border rst:p-6 rst:elevation-raised rst:transition-all",
+  {
+    variants: {
+      /* Light-mode fills moved -50 -> -100 and borders -200 -> -600.
+               Reported as "light mode is too white", and measured: the old surface
+               was primary-50 on a gray-50 page at 1.03:1, with a 1.30:1 border. A
+               call to action that cannot be seen as a distinct block is not one.
+      
+               The fill is the smaller half. Nothing in the -50 to -100 range
+               separates from a near-white page by ratio — -100 only reaches 1.12:1 —
+               so it buys colour, and the BORDER is what makes the surface exist.
+      
+               Why -600 rather than the -200/-300 the rest of the library uses on
+               filled surfaces: NOT 1.4.11, which does not reach a tinted banner any
+               more than it reaches `Pill`. This is a prominence decision. A call to
+               action is the one component whose job is to be looked at first, so it
+               is deliberately the most defined bordered block on the page, and being
+               louder than `Card` or `ErrorState` is the intent rather than a
+               drift. -500 was the alternative and was rejected for being uneven
+               across schemes: amber lands at 2.06 there while primary is at 6.10.
+      
+               Measured against the gray-50 page, every figure read from
+               `src/tokens.css` rather than assumed — an earlier pass quoted
+               Tailwind's ramp for `error` and `success` and was wrong by a third:
+      
+                 border -600   primary 8.34  error 7.96  gray 7.30
+                               success 4.80  info 3.92   amber 3.05
+                 text -900 on its own -100 fill
+                               gray 16.03  primary 14.02  error 13.22
+                               success 8.30  info 8.24   amber 8.15
+      
+               `neutral` keeps `bg-white`. Deepening it to gray-100 measured 1.04:1
+               against the page — exactly what white already measured — so it changed
+               the "raised white card" reading for no contrast at all.
+      
+               `info` takes `info-*`, not Tailwind's stock `blue-*` it used before.
+               Roster ships `--roster-info-600`, and the old classes resolved to a
+               palette a consumer cannot retheme through `--roster-*`, which is the
+               one thing every other variant here allows.
+      
+               Dark mode is untouched. The complaint was specific to light, and the
+               dark surfaces already separate from a dark page. */
+      variant: {
+        primary: "rst:border-primary-600 rst:bg-primary-100 rst:text-primary-900 rst:dark:border-primary-800 rst:dark:bg-primary-900/30 rst:dark:text-primary-200",
+        neutral: "rst:border-gray-600 rst:bg-white rst:text-gray-900 rst:dark:border-gray-700 rst:dark:bg-gray-800 rst:dark:text-gray-100",
+        warning: "rst:border-amber-600 rst:bg-amber-100 rst:text-amber-900 rst:dark:border-amber-800 rst:dark:bg-amber-900/30 rst:dark:text-amber-200",
+        error: "rst:border-error-600 rst:bg-error-100 rst:text-error-900 rst:dark:border-error-800 rst:dark:bg-error-900/30 rst:dark:text-error-200",
+        success: "rst:border-success-600 rst:bg-success-100 rst:text-success-900 rst:dark:border-success-800 rst:dark:bg-success-900/30 rst:dark:text-success-200",
+        info: "rst:border-info-600 rst:bg-info-100 rst:text-info-900 rst:dark:border-info-800 rst:dark:bg-info-900/30 rst:dark:text-info-200"
+      }
+    },
+    defaultVariants: {
+      variant: "primary"
+    }
+  }
+);
+export {
+  s as ctaVariants
+};

package/dist/components/molecules/CheckboxGroup/CheckboxGroup.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),A=require("react"),B=require("../../../node_modules/@headlessui/react/dist/components/description/description.cjs"),D=require("../../../node_modules/@headlessui/react/dist/components/field/field.cjs"),y=require("../../../node_modules/@headlessui/react/dist/components/fieldset/fieldset.cjs"),F=require("../../../node_modules/@headlessui/react/dist/components/label/label.cjs"),g=require("../../../node_modules/@headlessui/react/dist/components/legend/legend.cjs"),e=require("../../../lib/utils.cjs"),P=require("../../atoms/Checkbox/Checkbox.cjs"),R=require("../../atoms/Eyebrow/Eyebrow.cjs"),h=require("./checkbox-group-variants.cjs"),V=t=>t.length>0&&Array.isArray(t[0].options),Z={sm:"rst:text-xs",md:"rst:text-sm",lg:"rst:text-base"},_=({options:t,value:a,onChange:p,label:b,helperText:o,errorMessage:i,maxHeight:u,disabled:n=!1,variant:v,size:c="md",columns:j,colorScheme:k,className:N,optionsClassName:q,panelClassName:w,"aria-describedby":G,"aria-invalid":C,...E})=>{const l=!!i,d=u!==void 0,m=A.useId(),L=[G,o||i?m:void 0].filter(Boolean).join(" ")||void 0,I=(r,x)=>{p(x?[...a,r]:a.filter(S=>S!==r))},O=r=>s.jsxs(D.Field,{disabled:n||r.disabled,className:"rst:flex rst:items-start rst:gap-2",children:[s.jsx(P.Checkbox,{size:c??"md",colorScheme:k,checked:a.includes(r.value),onChange:x=>I(r.value,x),className:"rst:mt-0.5 rst:shrink-0"}),s.jsxs("div",{className:"rst:flex rst:min-w-0 rst:flex-col",children:[s.jsx(F.Label,{className:e.cn("rst:cursor-pointer rst:select-none rst:px-1 rst:py-0.5","rst:text-[var(--roster-control-text)]","rst:data-disabled:cursor-not-allowed rst:data-disabled:opacity-50",Z[c??"md"]),children:r.label}),r.description&&s.jsx(B.Description,{className:"rst:px-1 rst:text-xs rst:text-gray-500 rst:dark:text-gray-400 rst:data-disabled:opacity-50",children:r.description})]})]},r.value),f=r=>s.jsx("div",{className:e.cn(h.checkboxGroupOptionsVariants({columns:j,size:c})),children:r.map(O)});return s.jsxs(y.Fieldset,{disabled:n,className:e.cn("rst:font-ui rst:flex rst:flex-col rst:gap-1.5 rst:min-w-0",N),...E,"aria-invalid":l||C||void 0,"aria-describedby":L,children:[b&&s.jsx(g.Legend,{className:"rst:block rst:text-sm rst:font-medium rst:text-[var(--roster-control-text)] rst:text-left rst:data-disabled:opacity-50",children:b}),s.jsx("div",{className:e.cn(h.checkboxGroupPanelVariants({variant:v,size:c,error:l}),d&&"rst:overflow-y-auto rst:custom-scrollbar rst:focus-visible:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:focus-visible:ring-offset-2 rst:ring-offset-background",w,q),style:d?{maxHeight:u}:void 0,tabIndex:d?0:void 0,children:V(t)?t.map(r=>s.jsxs(y.Fieldset,{className:"rst:flex rst:flex-col rst:gap-2",children:[s.jsx(g.Legend,{as:R.Eyebrow,weight:"semibold",tone:"default",className:"rst:border-b rst:border-gray-200 rst:pb-1 rst:dark:border-gray-800",children:r.category}),f(r.options)]},r.category)):f(t)}),(o||i)&&s.jsx("p",{id:m,className:e.cn("rst:text-xs rst:text-left",l?"rst:text-error-600 rst:dark:text-error-400 rst:font-medium":"rst:text-gray-500 rst:dark:text-gray-400",n&&"rst:opacity-50"),children:i||o})]})};exports.CheckboxGroup=_;

package/dist/components/molecules/CheckboxGroup/CheckboxGroup.js

@@ -0,0 +1,145 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import O from "react";
+import { Description as _ } from "../../../node_modules/@headlessui/react/dist/components/description/description.js";
+import { Field as F } from "../../../node_modules/@headlessui/react/dist/components/field/field.js";
+import { Fieldset as u } from "../../../node_modules/@headlessui/react/dist/components/fieldset/fieldset.js";
+import { Label as S } from "../../../node_modules/@headlessui/react/dist/components/label/label.js";
+import { Legend as h } from "../../../node_modules/@headlessui/react/dist/components/legend/legend.js";
+import { cn as e } from "../../../lib/utils.js";
+import { Checkbox as Z } from "../../atoms/Checkbox/Checkbox.js";
+import { Eyebrow as P } from "../../atoms/Eyebrow/Eyebrow.js";
+import { checkboxGroupPanelVariants as R, checkboxGroupOptionsVariants as V } from "./checkbox-group-variants.js";
+const W = (s) => s.length > 0 && Array.isArray(s[0].options), q = {
+  sm: "rst:text-xs",
+  md: "rst:text-sm",
+  lg: "rst:text-base"
+}, tr = ({
+  options: s,
+  value: c,
+  onChange: v,
+  label: x,
+  helperText: d,
+  errorMessage: a,
+  maxHeight: b,
+  disabled: l = !1,
+  variant: g,
+  size: o = "md",
+  columns: k,
+  colorScheme: N,
+  className: w,
+  optionsClassName: I,
+  panelClassName: E,
+  "aria-describedby": G,
+  "aria-invalid": L,
+  ...j
+}) => {
+  const n = !!a, m = b !== void 0, p = O.useId(), A = [G, d || a ? p : void 0].filter(Boolean).join(" ") || void 0, B = (r, f) => {
+    v(
+      f ? [...c, r] : c.filter((D) => D !== r)
+    );
+  }, C = (r) => /* @__PURE__ */ i(
+    F,
+    {
+      disabled: l || r.disabled,
+      className: "rst:flex rst:items-start rst:gap-2",
+      children: [
+        /* @__PURE__ */ t(
+          Z,
+          {
+            size: o ?? "md",
+            colorScheme: N,
+            checked: c.includes(r.value),
+            onChange: (f) => B(r.value, f),
+            className: "rst:mt-0.5 rst:shrink-0"
+          }
+        ),
+        /* @__PURE__ */ i("div", { className: "rst:flex rst:min-w-0 rst:flex-col", children: [
+          /* @__PURE__ */ t(
+            S,
+            {
+              className: e(
+                "rst:cursor-pointer rst:select-none rst:px-1 rst:py-0.5",
+                "rst:text-[var(--roster-control-text)]",
+                "rst:data-disabled:cursor-not-allowed rst:data-disabled:opacity-50",
+                q[o ?? "md"]
+              ),
+              children: r.label
+            }
+          ),
+          r.description && /* @__PURE__ */ t(_, { className: "rst:px-1 rst:text-xs rst:text-gray-500 rst:dark:text-gray-400 rst:data-disabled:opacity-50", children: r.description })
+        ] })
+      ]
+    },
+    r.value
+  ), y = (r) => /* @__PURE__ */ t("div", { className: e(V({ columns: k, size: o })), children: r.map(C) });
+  return /* @__PURE__ */ i(
+    u,
+    {
+      disabled: l,
+      className: e(
+        "rst:font-ui rst:flex rst:flex-col rst:gap-1.5 rst:min-w-0",
+        w
+      ),
+      ...j,
+      "aria-invalid": n || L || void 0,
+      "aria-describedby": A,
+      children: [
+        x && /* @__PURE__ */ t(h, { className: "rst:block rst:text-sm rst:font-medium rst:text-[var(--roster-control-text)] rst:text-left rst:data-disabled:opacity-50", children: x }),
+        /* @__PURE__ */ t(
+          "div",
+          {
+            className: e(
+              R({ variant: g, size: o, error: n }),
+              m && "rst:overflow-y-auto rst:custom-scrollbar rst:focus-visible:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:focus-visible:ring-offset-2 rst:ring-offset-background",
+              /* Deprecated name first, so the current one wins when both are set. */
+              E,
+              I
+            ),
+            style: m ? { maxHeight: b } : void 0,
+            tabIndex: m ? 0 : void 0,
+            children: W(s) ? s.map((r) => (
+              /* Nested fieldset per category, so the heading is the group's
+                               accessible name rather than decoration a screen reader walks
+                               straight past. Nesting is valid HTML, the inner
+                               DisabledProvider inherits from the outer one, and the names do
+                               not concatenate: Headless UI's `useLabels` is called without
+                               `inherit`, so each fieldset collects only its own legend.
+              
+                               `as={Eyebrow}` overrides Legend's own `as="div"` — it is
+                               spread after — so these render as <span>. The registration is
+                               what matters and it is unchanged. */
+              /* @__PURE__ */ i(u, { className: "rst:flex rst:flex-col rst:gap-2", children: [
+                /* @__PURE__ */ t(
+                  h,
+                  {
+                    as: P,
+                    weight: "semibold",
+                    tone: "default",
+                    className: "rst:border-b rst:border-gray-200 rst:pb-1 rst:dark:border-gray-800",
+                    children: r.category
+                  }
+                ),
+                y(r.options)
+              ] }, r.category)
+            )) : y(s)
+          }
+        ),
+        (d || a) && /* @__PURE__ */ t(
+          "p",
+          {
+            id: p,
+            className: e(
+              "rst:text-xs rst:text-left",
+              n ? "rst:text-error-600 rst:dark:text-error-400 rst:font-medium" : "rst:text-gray-500 rst:dark:text-gray-400",
+              l && "rst:opacity-50"
+            ),
+            children: a || d
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  tr as CheckboxGroup
+};

package/dist/components/molecules/CheckboxGroup/checkbox-group-variants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../node_modules/class-variance-authority/dist/index.cjs"),s=r.cva("rst:flex rst:flex-col rst:text-left",{variants:{variant:{plain:"",panel:"rst:rounded-md rst:border rst:p-3 rst:border-gray-200 rst:bg-gray-50 rst:dark:border-gray-800 rst:dark:bg-gray-900/40"},size:{sm:"rst:gap-3",md:"rst:gap-4",lg:"rst:gap-5"},error:{true:"",false:""}},compoundVariants:[{variant:"panel",error:!0,class:"rst:border-error-500 rst:dark:border-error-500"}],defaultVariants:{variant:"plain",size:"md",error:!1}}),t=r.cva("rst:grid",{variants:{columns:{1:"rst:grid-cols-1",2:"rst:grid-cols-1 rst:sm:grid-cols-2",3:"rst:grid-cols-1 rst:sm:grid-cols-2 rst:lg:grid-cols-3"},size:{sm:"rst:gap-x-4 rst:gap-y-3.5",md:"rst:gap-x-4 rst:gap-y-3",lg:"rst:gap-x-6 rst:gap-y-2.5"}},defaultVariants:{columns:1,size:"md"}});exports.checkboxGroupOptionsVariants=t;exports.checkboxGroupPanelVariants=s;

package/dist/components/molecules/CheckboxGroup/checkbox-group-variants.js

@@ -0,0 +1,72 @@
+import { cva as r } from "../../../node_modules/class-variance-authority/dist/index.js";
+const t = /* @__PURE__ */ r("rst:flex rst:flex-col rst:text-left", {
+  variants: {
+    variant: {
+      plain: "",
+      panel: "rst:rounded-md rst:border rst:p-3 rst:border-gray-200 rst:bg-gray-50 rst:dark:border-gray-800 rst:dark:bg-gray-900/40"
+    },
+    /* Gap between categories, not between options — those are the grid's, below. */
+    size: {
+      sm: "rst:gap-3",
+      md: "rst:gap-4",
+      lg: "rst:gap-5"
+    },
+    error: {
+      true: "",
+      false: ""
+    }
+  },
+  compoundVariants: [
+    {
+      /* Only `panel` has a boundary to repaint. In `plain` the message text is
+         the entire error state, which is stated in the README rather than left
+         for someone to discover. */
+      variant: "panel",
+      error: !0,
+      class: "rst:border-error-500 rst:dark:border-error-500"
+    }
+  ],
+  defaultVariants: { variant: "plain", size: "md", error: !1 }
+}), a = /* @__PURE__ */ r("rst:grid", {
+  variants: {
+    columns: {
+      1: "rst:grid-cols-1",
+      2: "rst:grid-cols-1 rst:sm:grid-cols-2",
+      3: "rst:grid-cols-1 rst:sm:grid-cols-2 rst:lg:grid-cols-3"
+    },
+    /* The row gaps are a touch-target constraint, not only a rhythm.
+           `Checkbox` extends its hit area with a 44x44 pseudo-element, so an
+           option's target reaches `22 - (2 + box / 2)` above its own row: 12, 10
+           and 8px. Let it reach far enough and it covers the option above, and a
+           click there operates the wrong control.
+    
+           The thing it has to clear is the LABEL, not the checkbox. The label is a
+           hit target of its own, it is what a user actually clicks, and it is both
+           taller than the box and 2px lower: `py-0.5` puts its bottom edge at the
+           row's bottom while the checkbox stops 2px short of it. Measuring against
+           the box instead said `gap-y-2.5` was enough, and at `sm` it left the
+           bottom-left 12px of every label belonging to the next option, confirmed
+           by clicking it.
+    
+           So the gap is exactly the overhang plus 2px of margin, which is why it
+           runs the opposite way to the size scale: a smaller box overhangs
+           further. `RadioGroup` avoids the inversion by giving each option a row
+           tall enough to contain its own target; doing that here would re-space
+           every checkbox list in every consumer, which is a bigger change than
+           this release should make.
+    
+           This keeps a click on a control working on that control. It does NOT
+           stop the targets overlapping in the overhang itself, which would take
+           44px of pitch and `RadioGroup`'s row model. */
+    size: {
+      sm: "rst:gap-x-4 rst:gap-y-3.5",
+      md: "rst:gap-x-4 rst:gap-y-3",
+      lg: "rst:gap-x-6 rst:gap-y-2.5"
+    }
+  },
+  defaultVariants: { columns: 1, size: "md" }
+});
+export {
+  a as checkboxGroupOptionsVariants,
+  t as checkboxGroupPanelVariants
+};

package/dist/components/molecules/DescriptionList/DescriptionList.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),m=require("react"),e=require("../../../lib/utils.cjs"),u=require("./description-list-variants.cjs"),i=m.forwardRef(({items:n,layout:a,size:d,dividers:l=!1,className:o,...x},g)=>r.jsx("dl",{ref:g,className:e.cn(u.descriptionListVariants({layout:a,size:d}),o),...x,children:n.map((t,s)=>{const p=s===n.length-1,c=l&&!p?"rst:border-b rst:border-gray-200 rst:pb-1.5 rst:dark:border-gray-800":"";return a==="stacked"?r.jsxs("div",{className:e.cn("rst:flex rst:flex-col rst:gap-0.5",c),children:[r.jsx("dt",{className:"rst:font-mono rst:uppercase rst:tracking-[0.08em] rst:text-gray-500 rst:dark:text-gray-400",children:t.term}),r.jsx("dd",{className:"rst:m-0 rst:text-gray-900 rst:dark:text-gray-100",children:t.description})]},s):a==="split"?r.jsxs("div",{className:e.cn("rst:flex rst:items-baseline rst:justify-between rst:gap-4",c),children:[r.jsx("dt",{className:"rst:font-mono rst:uppercase rst:tracking-[0.08em] rst:text-gray-500 rst:dark:text-gray-400",children:t.term}),r.jsx("dd",{className:"rst:m-0 rst:text-right rst:tabular-nums rst:text-gray-900 rst:dark:text-gray-100",children:t.description})]},s):r.jsxs("div",{className:e.cn("rst:contents",c),children:[r.jsx("dt",{className:"rst:whitespace-nowrap rst:font-mono rst:uppercase rst:tracking-[0.08em] rst:text-gray-500 rst:dark:text-gray-400",children:t.term}),r.jsx("dd",{className:"rst:m-0 rst:text-gray-900 rst:dark:text-gray-100",children:t.description})]},s)})}));i.displayName="DescriptionList";exports.DescriptionList=i;

package/dist/components/molecules/DescriptionList/DescriptionList.js

@@ -0,0 +1,31 @@
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import f from "react";
+import { cn as e } from "../../../lib/utils.js";
+import { descriptionListVariants as x } from "./description-list-variants.js";
+const y = f.forwardRef(
+  ({ items: n, layout: a, size: i, dividers: l = !1, className: o, ...m }, p) => /* @__PURE__ */ r(
+    "dl",
+    {
+      ref: p,
+      className: e(x({ layout: a, size: i }), o),
+      ...m,
+      children: n.map((t, s) => {
+        const g = s === n.length - 1, c = l && !g ? "rst:border-b rst:border-gray-200 rst:pb-1.5 rst:dark:border-gray-800" : "";
+        return a === "stacked" ? /* @__PURE__ */ d("div", { className: e("rst:flex rst:flex-col rst:gap-0.5", c), children: [
+          /* @__PURE__ */ r("dt", { className: "rst:font-mono rst:uppercase rst:tracking-[0.08em] rst:text-gray-500 rst:dark:text-gray-400", children: t.term }),
+          /* @__PURE__ */ r("dd", { className: "rst:m-0 rst:text-gray-900 rst:dark:text-gray-100", children: t.description })
+        ] }, s) : a === "split" ? /* @__PURE__ */ d("div", { className: e("rst:flex rst:items-baseline rst:justify-between rst:gap-4", c), children: [
+          /* @__PURE__ */ r("dt", { className: "rst:font-mono rst:uppercase rst:tracking-[0.08em] rst:text-gray-500 rst:dark:text-gray-400", children: t.term }),
+          /* @__PURE__ */ r("dd", { className: "rst:m-0 rst:text-right rst:tabular-nums rst:text-gray-900 rst:dark:text-gray-100", children: t.description })
+        ] }, s) : /* @__PURE__ */ d("div", { className: e("rst:contents", c), children: [
+          /* @__PURE__ */ r("dt", { className: "rst:whitespace-nowrap rst:font-mono rst:uppercase rst:tracking-[0.08em] rst:text-gray-500 rst:dark:text-gray-400", children: t.term }),
+          /* @__PURE__ */ r("dd", { className: "rst:m-0 rst:text-gray-900 rst:dark:text-gray-100", children: t.description })
+        ] }, s);
+      })
+    }
+  )
+);
+y.displayName = "DescriptionList";
+export {
+  y as DescriptionList
+};

package/dist/components/molecules/DescriptionList/description-list-variants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../node_modules/class-variance-authority/dist/index.cjs"),s=t.cva("rst:m-0",{variants:{layout:{inline:"rst:grid rst:grid-cols-[auto_1fr] rst:gap-x-3",stacked:"rst:flex rst:flex-col",split:"rst:flex rst:flex-col"},size:{sm:"rst:text-[0.65625rem] rst:gap-y-[5px]",md:"rst:text-xs rst:gap-y-1.5"}},defaultVariants:{layout:"inline",size:"sm"}});exports.descriptionListVariants=s;

package/dist/components/molecules/DescriptionList/description-list-variants.js

@@ -0,0 +1,21 @@
+import { cva as t } from "../../../node_modules/class-variance-authority/dist/index.js";
+const r = /* @__PURE__ */ t("rst:m-0", {
+  variants: {
+    layout: {
+      /** Term and description on one row, term column sized to content. */
+      inline: "rst:grid rst:grid-cols-[auto_1fr] rst:gap-x-3",
+      /** Term above its description. Better for long values. */
+      stacked: "rst:flex rst:flex-col",
+      /** Term left, description right-aligned against it. Spec-sheet feel. */
+      split: "rst:flex rst:flex-col"
+    },
+    size: {
+      sm: "rst:text-[0.65625rem] rst:gap-y-[5px]",
+      md: "rst:text-xs rst:gap-y-1.5"
+    }
+  },
+  defaultVariants: { layout: "inline", size: "sm" }
+});
+export {
+  r as descriptionListVariants
+};

package/dist/components/molecules/EmptyState/EmptyState.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime");require("react");const c=require("../../../lib/utils.cjs"),d=require("./empty-state-variants.cjs"),n=({title:a,description:r,icon:s,action:e,variant:l,className:i,...m})=>t.jsxs("div",{className:c.cn(d.emptyStateVariants({variant:l}),i),...m,children:[s&&t.jsx("div",{className:"rst:mb-4 rst:flex rst:h-12 rst:w-12 rst:items-center rst:justify-center rst:rounded-full rst:bg-gray-100 rst:text-gray-400 rst:dark:bg-gray-800 rst:dark:text-gray-500",children:t.jsx("div",{className:"rst:h-6 rst:w-6 rst:[&>svg]:h-full rst:[&>svg]:w-full",children:s})}),t.jsx("h3",{className:"rst:text-lg rst:font-semibold rst:text-gray-900 rst:dark:text-gray-100",children:a}),r&&t.jsx("p",{className:"rst:mt-1 rst:max-w-sm rst:text-sm rst:text-gray-500 rst:dark:text-gray-400",children:r}),e&&t.jsx("div",{className:"rst:mt-6",children:e})]});exports.EmptyState=n;

package/dist/components/molecules/EmptyState/EmptyState.js

@@ -0,0 +1,21 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import "react";
+import { cn as c } from "../../../lib/utils.js";
+import { emptyStateVariants as g } from "./empty-state-variants.js";
+const f = ({
+  title: a,
+  description: r,
+  icon: s,
+  action: e,
+  variant: m,
+  className: l,
+  ...d
+}) => /* @__PURE__ */ i("div", { className: c(g({ variant: m }), l), ...d, children: [
+  s && /* @__PURE__ */ t("div", { className: "rst:mb-4 rst:flex rst:h-12 rst:w-12 rst:items-center rst:justify-center rst:rounded-full rst:bg-gray-100 rst:text-gray-400 rst:dark:bg-gray-800 rst:dark:text-gray-500", children: /* @__PURE__ */ t("div", { className: "rst:h-6 rst:w-6 rst:[&>svg]:h-full rst:[&>svg]:w-full", children: s }) }),
+  /* @__PURE__ */ t("h3", { className: "rst:text-lg rst:font-semibold rst:text-gray-900 rst:dark:text-gray-100", children: a }),
+  r && /* @__PURE__ */ t("p", { className: "rst:mt-1 rst:max-w-sm rst:text-sm rst:text-gray-500 rst:dark:text-gray-400", children: r }),
+  e && /* @__PURE__ */ t("div", { className: "rst:mt-6", children: e })
+] });
+export {
+  f as EmptyState
+};

package/dist/components/molecules/EmptyState/empty-state-variants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../node_modules/class-variance-authority/dist/index.cjs"),t=r.cva("rst:font-ui rst:flex rst:flex-col rst:items-center rst:justify-center rst:text-center rst:p-8 rst:rounded-lg rst:transition-colors",{variants:{variant:{dashed:"rst:border-2 rst:border-dashed rst:border-gray-300 rst:bg-gray-50 rst:hover:bg-gray-100/50 rst:dark:border-gray-700 rst:dark:bg-gray-500/10 rst:dark:hover:bg-gray-500/15",simple:"rst:border-transparent rst:bg-transparent rst:p-0"}},defaultVariants:{variant:"dashed"}});exports.emptyStateVariants=t;

package/dist/components/molecules/EmptyState/empty-state-variants.js

@@ -0,0 +1,18 @@
+import { cva as r } from "../../../node_modules/class-variance-authority/dist/index.js";
+const s = /* @__PURE__ */ r(
+  "rst:font-ui rst:flex rst:flex-col rst:items-center rst:justify-center rst:text-center rst:p-8 rst:rounded-lg rst:transition-colors",
+  {
+    variants: {
+      variant: {
+        dashed: "rst:border-2 rst:border-dashed rst:border-gray-300 rst:bg-gray-50 rst:hover:bg-gray-100/50 rst:dark:border-gray-700 rst:dark:bg-gray-500/10 rst:dark:hover:bg-gray-500/15",
+        simple: "rst:border-transparent rst:bg-transparent rst:p-0"
+      }
+    },
+    defaultVariants: {
+      variant: "dashed"
+    }
+  }
+);
+export {
+  s as emptyStateVariants
+};

package/dist/components/molecules/ErrorState/ErrorState.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");require("react");const d=require("../../../node_modules/@fortawesome/react-fontawesome/dist/index.cjs"),u=require("../../../node_modules/@fortawesome/free-solid-svg-icons/index.cjs"),n=require("../../../lib/utils.cjs"),x=require("./error-state-variants.cjs"),m=require("../../atoms/Button/Button.cjs"),h=({title:c="An Error Occurred",description:i,onRetry:e,action:s,icon:l,variant:t,className:a,...o})=>r.jsxs("div",{className:n.cn(x.errorStateVariants({variant:t}),a),...o,children:[r.jsx("div",{className:"rst:mb-4 rst:flex rst:h-12 rst:w-12 rst:items-center rst:justify-center rst:rounded-full rst:bg-error-100 rst:text-error-600 rst:dark:bg-error-500/15 rst:dark:text-error-400",children:r.jsx("div",{className:"rst:h-6 rst:w-6 rst:flex rst:items-center rst:justify-center",children:l||r.jsx(d.FontAwesomeIcon,{icon:u.faTriangleExclamation,className:"rst:h-full rst:w-full"})})}),r.jsx("h3",{className:"rst:text-lg rst:font-bold rst:tracking-tight",children:c}),r.jsx("p",{className:n.cn("rst:mt-2 rst:text-sm rst:leading-relaxed",t==="card"?"rst:text-error-800/80 rst:dark:text-error-200/80":"rst:text-gray-500 rst:dark:text-gray-400"),children:i}),r.jsx("div",{className:"rst:mt-6",children:s||(e?r.jsx(m.Button,{onClick:e,colorScheme:"error",variant:t==="card"?"outline":"solid",children:"Try Again"}):null)})]});exports.ErrorState=h;

package/dist/components/molecules/ErrorState/ErrorState.js

@@ -0,0 +1,48 @@
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import "react";
+import { FontAwesomeIcon as d } from "../../../node_modules/@fortawesome/react-fontawesome/dist/index.js";
+import { faTriangleExclamation as f } from "../../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
+import { cn as o } from "../../../lib/utils.js";
+import { errorStateVariants as x } from "./error-state-variants.js";
+import { Button as h } from "../../atoms/Button/Button.js";
+const w = ({
+  title: l = "An Error Occurred",
+  description: a,
+  onRetry: e,
+  action: s,
+  icon: i,
+  variant: t,
+  className: c,
+  ...m
+}) => /* @__PURE__ */ n("div", { className: o(x({ variant: t }), c), ...m, children: [
+  /* @__PURE__ */ r("div", { className: "rst:mb-4 rst:flex rst:h-12 rst:w-12 rst:items-center rst:justify-center rst:rounded-full rst:bg-error-100 rst:text-error-600 rst:dark:bg-error-500/15 rst:dark:text-error-400", children: /* @__PURE__ */ r("div", { className: "rst:h-6 rst:w-6 rst:flex rst:items-center rst:justify-center", children: i || /* @__PURE__ */ r(
+    d,
+    {
+      icon: f,
+      className: "rst:h-full rst:w-full"
+    }
+  ) }) }),
+  /* @__PURE__ */ r("h3", { className: "rst:text-lg rst:font-bold rst:tracking-tight", children: l }),
+  /* @__PURE__ */ r(
+    "p",
+    {
+      className: o(
+        "rst:mt-2 rst:text-sm rst:leading-relaxed",
+        t === "card" ? "rst:text-error-800/80 rst:dark:text-error-200/80" : "rst:text-gray-500 rst:dark:text-gray-400"
+      ),
+      children: a
+    }
+  ),
+  /* @__PURE__ */ r("div", { className: "rst:mt-6", children: s || (e ? /* @__PURE__ */ r(
+    h,
+    {
+      onClick: e,
+      colorScheme: "error",
+      variant: t === "card" ? "outline" : "solid",
+      children: "Try Again"
+    }
+  ) : null) })
+] });
+export {
+  w as ErrorState
+};

package/dist/components/molecules/ErrorState/error-state-variants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../node_modules/class-variance-authority/dist/index.cjs"),t=r.cva("rst:font-ui rst:flex rst:flex-col rst:items-center rst:justify-center rst:text-center rst:p-8 rst:rounded-lg rst:transition-colors",{variants:{variant:{card:"rst:border rst:border-error-200 rst:bg-error-50 rst:text-error-900 rst:dark:border-error-800 rst:dark:bg-error-500/10 rst:dark:text-error-100",page:"rst:bg-transparent rst:text-gray-900 rst:max-w-lg rst:mx-auto rst:py-16 rst:dark:text-gray-100"}},defaultVariants:{variant:"card"}});exports.errorStateVariants=t;

package/dist/components/molecules/ErrorState/error-state-variants.js

@@ -0,0 +1,18 @@
+import { cva as r } from "../../../node_modules/class-variance-authority/dist/index.js";
+const s = /* @__PURE__ */ r(
+  "rst:font-ui rst:flex rst:flex-col rst:items-center rst:justify-center rst:text-center rst:p-8 rst:rounded-lg rst:transition-colors",
+  {
+    variants: {
+      variant: {
+        card: "rst:border rst:border-error-200 rst:bg-error-50 rst:text-error-900 rst:dark:border-error-800 rst:dark:bg-error-500/10 rst:dark:text-error-100",
+        page: "rst:bg-transparent rst:text-gray-900 rst:max-w-lg rst:mx-auto rst:py-16 rst:dark:text-gray-100"
+      }
+    },
+    defaultVariants: {
+      variant: "card"
+    }
+  }
+);
+export {
+  s as errorStateVariants
+};

package/dist/components/molecules/MatchupCard/MatchupCard.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),p=require("react"),d=require("../../../node_modules/class-variance-authority/dist/index.cjs"),a=require("../../../lib/utils.cjs"),l=d.cva("rst:flex rst:items-center rst:gap-2 rst:transition-all",{variants:{state:{default:"",winner:"",loser:"rst:opacity-50 rst:grayscale",tie:""}},defaultVariants:{state:"default"}}),o=d.cva("rst:h-8 rst:w-8 rst:object-contain rst:transition-all rst:rounded-full",{variants:{state:{default:"",winner:"rst:ring-2 rst:ring-success-500 rst:bg-success-200/25",loser:"",tie:"rst:ring-2 rst:ring-gray-400"}},defaultVariants:{state:"default"}}),x=p.forwardRef(({awayTeam:s,homeTeam:r,isCompleted:e=!1,isTie:u=!1,className:f,...g},j)=>{const n=v=>e?u?"tie":v.isWinner?"winner":"loser":"default",c=n(s),i=n(r);return t.jsxs("button",{ref:j,type:"button",className:a.cn("rst:flex rst:items-center rst:gap-3 rst:rounded-lg rst:p-2 rst:text-left rst:transition rst:hover:bg-gray-100 rst:dark:hover:bg-slate-800",f),...g,children:[t.jsxs("div",{className:l({state:c}),children:[t.jsx("div",{className:"rst:relative",children:t.jsx("img",{src:s.logoSrc,alt:s.name||`Team ${s.id}`,className:o({state:c})})}),t.jsxs("div",{className:"rst:flex rst:flex-col rst:items-end",children:[s.accessory&&t.jsx("span",{className:a.cn("rst:text-sm rst:text-gray-800 rst:dark:text-gray-300",s.isWinner&&"rst:font-bold"),children:s.accessory}),e&&s.score!==void 0&&t.jsx("span",{className:"rst:text-xs rst:font-mono rst:font-semibold rst:text-gray-900 rst:dark:text-white",children:s.score})]})]}),t.jsx("span",{className:"rst:text-xs rst:font-medium rst:text-gray-500 rst:self-center rst:px-1",children:e?"-":"@"}),t.jsxs("div",{className:l({state:i}),children:[t.jsxs("div",{className:"rst:flex rst:flex-col rst:items-start",children:[r.accessory&&t.jsx("span",{className:a.cn("rst:text-sm rst:text-gray-800 rst:dark:text-gray-300",r.isWinner&&"rst:font-bold"),children:r.accessory}),e&&r.score!==void 0&&t.jsx("span",{className:"rst:text-xs rst:font-mono rst:font-semibold rst:text-gray-900 rst:dark:text-white",children:r.score})]}),t.jsx("div",{className:"rst:relative",children:t.jsx("img",{src:r.logoSrc,alt:r.name||`Team ${r.id}`,className:o({state:i})})})]})]})});x.displayName="MatchupCard";exports.MatchupCard=x;