@blakesteve/roster 4.12.0 → 4.13.0

package/dist/components/molecules/MatchupCard/MatchupCard.js

@@ -0,0 +1,101 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import v from "react";
+import { cva as f } from "../../../node_modules/class-variance-authority/dist/index.js";
+import { cn as n } from "../../../lib/utils.js";
+const o = /* @__PURE__ */ f("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" }
+}), d = /* @__PURE__ */ f("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" }
+}), N = v.forwardRef(
+  ({
+    awayTeam: t,
+    homeTeam: s,
+    isCompleted: a = !1,
+    isTie: x = !1,
+    className: g,
+    ...u
+  }, p) => {
+    const i = (m) => a ? x ? "tie" : m.isWinner ? "winner" : "loser" : "default", l = i(t), c = i(s);
+    return /* @__PURE__ */ e(
+      "button",
+      {
+        ref: p,
+        type: "button",
+        className: n(
+          "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",
+          g
+        ),
+        ...u,
+        children: [
+          /* @__PURE__ */ e("div", { className: o({ state: l }), children: [
+            /* @__PURE__ */ r("div", { className: "rst:relative", children: /* @__PURE__ */ r(
+              "img",
+              {
+                src: t.logoSrc,
+                alt: t.name || `Team ${t.id}`,
+                className: d({ state: l })
+              }
+            ) }),
+            /* @__PURE__ */ e("div", { className: "rst:flex rst:flex-col rst:items-end", children: [
+              t.accessory && /* @__PURE__ */ r(
+                "span",
+                {
+                  className: n(
+                    "rst:text-sm rst:text-gray-800 rst:dark:text-gray-300",
+                    t.isWinner && "rst:font-bold"
+                  ),
+                  children: t.accessory
+                }
+              ),
+              a && t.score !== void 0 && /* @__PURE__ */ r("span", { className: "rst:text-xs rst:font-mono rst:font-semibold rst:text-gray-900 rst:dark:text-white", children: t.score })
+            ] })
+          ] }),
+          /* @__PURE__ */ r("span", { className: "rst:text-xs rst:font-medium rst:text-gray-500 rst:self-center rst:px-1", children: a ? "-" : "@" }),
+          /* @__PURE__ */ e("div", { className: o({ state: c }), children: [
+            /* @__PURE__ */ e("div", { className: "rst:flex rst:flex-col rst:items-start", children: [
+              s.accessory && /* @__PURE__ */ r(
+                "span",
+                {
+                  className: n(
+                    "rst:text-sm rst:text-gray-800 rst:dark:text-gray-300",
+                    s.isWinner && "rst:font-bold"
+                  ),
+                  children: s.accessory
+                }
+              ),
+              a && s.score !== void 0 && /* @__PURE__ */ r("span", { className: "rst:text-xs rst:font-mono rst:font-semibold rst:text-gray-900 rst:dark:text-white", children: s.score })
+            ] }),
+            /* @__PURE__ */ r("div", { className: "rst:relative", children: /* @__PURE__ */ r(
+              "img",
+              {
+                src: s.logoSrc,
+                alt: s.name || `Team ${s.id}`,
+                className: d({ state: c })
+              }
+            ) })
+          ] })
+        ]
+      }
+    );
+  }
+);
+N.displayName = "MatchupCard";
+export {
+  N as MatchupCard
+};

package/dist/components/molecules/Pullquote/Pullquote.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("react"),m=require("../../../lib/utils.cjs"),x=require("./pullquote-variants.cjs"),r=c.forwardRef(({children:s,cite:e,citeUrl:a,variant:l,colorScheme:o,className:u,...n},i)=>t.jsxs("figure",{ref:i,className:m.cn(x.pullquoteVariants({variant:l,colorScheme:o}),u),...n,children:[t.jsx("blockquote",{cite:a,className:"rst:m-0 rst:max-w-[48ch] rst:text-[1.03125rem] rst:leading-[1.5] rst:text-gray-900 rst:dark:text-gray-100",children:s}),e&&t.jsx("figcaption",{className:"rst:mt-[7px] rst:font-mono rst:text-[0.625rem] rst:uppercase rst:leading-none rst:tracking-[0.14em] rst:text-gray-500 rst:dark:text-gray-400",children:e})]}));r.displayName="Pullquote";exports.Pullquote=r;

package/dist/components/molecules/Pullquote/Pullquote.js

@@ -0,0 +1,29 @@
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import n from "react";
+import { cn as p } from "../../../lib/utils.js";
+import { pullquoteVariants as x } from "./pullquote-variants.js";
+const f = n.forwardRef(
+  ({ children: e, cite: t, citeUrl: s, variant: a, colorScheme: o, className: m, ...l }, i) => /* @__PURE__ */ c(
+    "figure",
+    {
+      ref: i,
+      className: p(x({ variant: a, colorScheme: o }), m),
+      ...l,
+      children: [
+        /* @__PURE__ */ r(
+          "blockquote",
+          {
+            cite: s,
+            className: "rst:m-0 rst:max-w-[48ch] rst:text-[1.03125rem] rst:leading-[1.5] rst:text-gray-900 rst:dark:text-gray-100",
+            children: e
+          }
+        ),
+        t && /* @__PURE__ */ r("figcaption", { className: "rst:mt-[7px] rst:font-mono rst:text-[0.625rem] rst:uppercase rst:leading-none rst:tracking-[0.14em] rst:text-gray-500 rst:dark:text-gray-400", children: t })
+      ]
+    }
+  )
+);
+f.displayName = "Pullquote";
+export {
+  f as Pullquote
+};

package/dist/components/molecules/Pullquote/pullquote-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"),e=r.cva("rst:my-1",{variants:{variant:{rule:"rst:border-l-2 rst:pl-4 rst:py-[2px]",plain:"",centered:"rst:text-center rst:py-4 rst:[&>blockquote]:mx-auto"},colorScheme:{primary:"rst:border-primary-500 rst:dark:border-primary-400",success:"rst:border-success-500 rst:dark:border-success-400",error:"rst:border-error-500 rst:dark:border-error-400",amber:"rst:border-amber-500 rst:dark:border-amber-400",neutral:"rst:border-gray-300 rst:dark:border-gray-700",current:"rst:border-current"}},defaultVariants:{variant:"rule",colorScheme:"primary"}});exports.pullquoteVariants=e;

package/dist/components/molecules/Pullquote/pullquote-variants.js

@@ -0,0 +1,32 @@
+import { cva as r } from "../../../node_modules/class-variance-authority/dist/index.js";
+const t = /* @__PURE__ */ r("rst:my-1", {
+  variants: {
+    variant: {
+      /** Accent rule down the left. The quiet default. */
+      rule: "rst:border-l-2 rst:pl-4 rst:py-[2px]",
+      /** No rule; the quote carries itself on size alone. */
+      plain: "",
+      /**
+       * Centered, for a quote that gets a whole break in the page.
+       *
+       * `text-center` only centers the *lines*. The blockquote is a block box
+       * capped at 48ch, so without `mx-auto` it stays pinned to the left edge
+       * while the figcaption centers on the figure — the two land in visibly
+       * different places on any container wider than the quote.
+       */
+      centered: "rst:text-center rst:py-4 rst:[&>blockquote]:mx-auto"
+    },
+    colorScheme: {
+      primary: "rst:border-primary-500 rst:dark:border-primary-400",
+      success: "rst:border-success-500 rst:dark:border-success-400",
+      error: "rst:border-error-500 rst:dark:border-error-400",
+      amber: "rst:border-amber-500 rst:dark:border-amber-400",
+      neutral: "rst:border-gray-300 rst:dark:border-gray-700",
+      current: "rst:border-current"
+    }
+  },
+  defaultVariants: { variant: "rule", colorScheme: "primary" }
+});
+export {
+  t as pullquoteVariants
+};

package/dist/components/molecules/RadioGroup/RadioGroup.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime");require("react");const u=require("../../../node_modules/@headlessui/react/dist/components/description/description.cjs"),w=require("../../../node_modules/@headlessui/react/dist/components/field/field.cjs"),m=require("../../../node_modules/@headlessui/react/dist/components/label/label.cjs"),p=require("../../../node_modules/@headlessui/react/dist/components/radio-group/radio-group.cjs"),r=require("../../../lib/utils.cjs"),c=require("./radio-group-variants.cjs"),L={sm:"rst:text-xs",md:"rst:text-sm",lg:"rst:text-base"},D=({options:f,value:v,onChange:y,label:n,helperText:d,errorMessage:l,disabled:e=!1,size:j="md",orientation:i="vertical",colorScheme:b,className:N,optionsClassName:h,optionClassName:q,radioClassName:g,labelClassName:G,optionLabelClassName:z,descriptionClassName:R,messageClassName:S,"aria-invalid":V,...k})=>{const x=!!l,a=j??"md";return t.jsxs(p.RadioGroup,{value:v,onChange:y,disabled:e,className:r.cn("rst:font-ui rst:flex rst:flex-col rst:gap-1.5 rst:min-w-0",N),...k,"aria-invalid":x||V||void 0,"aria-orientation":i,children:[n&&t.jsx(m.Label,{className:r.cn("rst:block rst:text-sm rst:font-medium rst:text-[var(--roster-control-text)] rst:text-left",e&&"rst:opacity-50",G),children:n}),t.jsx("div",{className:r.cn(c.radioGroupOptionsVariants({size:a,orientation:i}),h),children:f.map(s=>t.jsxs(w.Field,{disabled:e||s.disabled,className:r.cn(c.radioOptionVariants({orientation:i,size:a}),q),children:[t.jsx(p.Radio,{value:s.value,className:({checked:o})=>r.cn(c.radioVariants({colorScheme:b,size:a,checked:o}),"rst:self-start",e||s.disabled?"rst:opacity-50 rst:cursor-not-allowed":"rst:cursor-pointer",g),children:({checked:o})=>t.jsx("span",{className:r.cn(c.radioDotVariants({size:a}),o?"rst:opacity-100":"rst:opacity-0")})}),t.jsxs("div",{className:r.cn("rst:flex rst:min-w-0 rst:flex-col",i==="vertical"&&"rst:flex-1"),children:[t.jsx(m.Label,{className:r.cn("rst:cursor-pointer rst:select-none","rst:text-[var(--roster-control-text)]","rst:data-disabled:cursor-not-allowed rst:data-disabled:opacity-50",L[a],z),children:s.label}),s.description&&t.jsx(u.Description,{className:r.cn("rst:text-xs rst:text-gray-500 rst:dark:text-gray-400 rst:data-disabled:opacity-50",R),children:s.description})]})]},s.value))}),(d||l)&&t.jsx(u.Description,{as:"p",className:r.cn("rst:text-xs rst:text-left",x?"rst:text-error-600 rst:dark:text-error-400 rst:font-medium":"rst:text-gray-500 rst:dark:text-gray-400",e&&"rst:opacity-50",S),children:l||d})]})};exports.RadioGroup=D;

package/dist/components/molecules/RadioGroup/RadioGroup.js

@@ -0,0 +1,165 @@
+import { jsxs as c, jsx as s } from "react/jsx-runtime";
+import "react";
+import { Description as x } from "../../../node_modules/@headlessui/react/dist/components/description/description.js";
+import { Field as R } from "../../../node_modules/@headlessui/react/dist/components/field/field.js";
+import { Label as p } from "../../../node_modules/@headlessui/react/dist/components/label/label.js";
+import { RadioGroup as S, Radio as j } from "../../../node_modules/@headlessui/react/dist/components/radio-group/radio-group.js";
+import { cn as t } from "../../../lib/utils.js";
+import { radioDotVariants as D, radioVariants as O, radioOptionVariants as Z, radioGroupOptionsVariants as A } from "./radio-group-variants.js";
+const B = {
+  sm: "rst:text-xs",
+  md: "rst:text-sm",
+  lg: "rst:text-base"
+}, J = ({
+  options: f,
+  value: u,
+  onChange: v,
+  label: d,
+  helperText: m,
+  errorMessage: o,
+  disabled: a = !1,
+  size: y = "md",
+  orientation: i = "vertical",
+  colorScheme: N,
+  className: h,
+  optionsClassName: b,
+  optionClassName: z,
+  radioClassName: g,
+  labelClassName: k,
+  optionLabelClassName: w,
+  descriptionClassName: V,
+  messageClassName: E,
+  "aria-invalid": G,
+  ...L
+}) => {
+  const n = !!o, e = y ?? "md";
+  return /* @__PURE__ */ c(
+    S,
+    {
+      value: u,
+      onChange: v,
+      disabled: a,
+      className: t(
+        "rst:font-ui rst:flex rst:flex-col rst:gap-1.5 rst:min-w-0",
+        h
+      ),
+      ...L,
+      "aria-invalid": n || G || void 0,
+      "aria-orientation": i,
+      children: [
+        d && /* @__PURE__ */ s(
+          p,
+          {
+            className: t(
+              "rst:block rst:text-sm rst:font-medium rst:text-[var(--roster-control-text)] rst:text-left",
+              a && "rst:opacity-50",
+              k
+            ),
+            children: d
+          }
+        ),
+        /* @__PURE__ */ s(
+          "div",
+          {
+            className: t(
+              A({ size: e, orientation: i }),
+              b
+            ),
+            children: f.map((r) => /* @__PURE__ */ c(
+              R,
+              {
+                disabled: a || r.disabled,
+                className: t(
+                  Z({ orientation: i, size: e }),
+                  z
+                ),
+                children: [
+                  /* @__PURE__ */ s(
+                    j,
+                    {
+                      value: r.value,
+                      className: ({ checked: l }) => t(
+                        O({ colorScheme: N, size: e, checked: l }),
+                        /* `self-start`, and no nudge. The circle's height equals the
+                           label's line-height at every size, so aligning their top
+                           edges puts the radio on the first line whether the label
+                           is one line or four. */
+                        "rst:self-start",
+                        a || r.disabled ? "rst:opacity-50 rst:cursor-not-allowed" : "rst:cursor-pointer",
+                        g
+                      ),
+                      children: ({ checked: l }) => /* @__PURE__ */ s(
+                        "span",
+                        {
+                          className: t(
+                            D({ size: e }),
+                            l ? "rst:opacity-100" : "rst:opacity-0"
+                          )
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ c(
+                    "div",
+                    {
+                      className: t(
+                        "rst:flex rst:min-w-0 rst:flex-col",
+                        /* Down the page the label should take the rest of the row, so
+                           the whole row is a hit target. Across, it must not: a
+                           stretched label would push the options apart to fill the
+                           line and the group would stop reading as a set of choices. */
+                        i === "vertical" && "rst:flex-1"
+                      ),
+                      children: [
+                        /* @__PURE__ */ s(
+                          p,
+                          {
+                            className: t(
+                              "rst:cursor-pointer rst:select-none",
+                              "rst:text-[var(--roster-control-text)]",
+                              "rst:data-disabled:cursor-not-allowed rst:data-disabled:opacity-50",
+                              B[e],
+                              w
+                            ),
+                            children: r.label
+                          }
+                        ),
+                        r.description && /* @__PURE__ */ s(
+                          x,
+                          {
+                            className: t(
+                              "rst:text-xs rst:text-gray-500 rst:dark:text-gray-400 rst:data-disabled:opacity-50",
+                              V
+                            ),
+                            children: r.description
+                          }
+                        )
+                      ]
+                    }
+                  )
+                ]
+              },
+              r.value
+            ))
+          }
+        ),
+        (m || o) && /* @__PURE__ */ s(
+          x,
+          {
+            as: "p",
+            className: t(
+              "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",
+              a && "rst:opacity-50",
+              E
+            ),
+            children: o || m
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  J as RadioGroup
+};

package/dist/components/molecules/RadioGroup/radio-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"),t=r.cva("rst:font-ui rst:relative rst:flex rst:items-center rst:justify-center rst:shrink-0 rst:rounded-full rst:border rst:transition-colors rst:before:absolute rst:before:top-1/2 rst:before:left-1/2 rst:before:size-11 rst:before:-translate-x-1/2 rst:before:-translate-y-1/2 rst:before:content-[''] rst:focus:outline-hidden rst:focus-visible:ring-ring rst:focus-visible:ring-2 rst:focus-visible:ring-offset-2 rst:ring-offset-background",{variants:{size:{sm:"rst:h-4 rst:w-4",md:"rst:h-5 rst:w-5",lg:"rst:h-6 rst:w-6"},checked:{true:"",false:"rst:bg-white rst:border-[var(--roster-control-border)] rst:dark:bg-gray-900 rst:text-transparent"},colorScheme:{primary:"",orange:"",teal:"",purple:"",amber:"",success:"",error:"",neutral:""}},compoundVariants:[{checked:!0,colorScheme:"primary",className:"rst:bg-primary-600 rst:border-primary-600 rst:dark:bg-primary-600 rst:dark:border-primary-500 rst:text-primary-600-ink"},{checked:!0,colorScheme:"orange",className:"rst:bg-orange-600 rst:border-orange-600 rst:dark:bg-orange-600 rst:dark:border-orange-500 rst:text-orange-600-ink"},{checked:!0,colorScheme:"teal",className:"rst:bg-teal-600 rst:border-teal-600 rst:dark:bg-teal-600 rst:dark:border-teal-500 rst:text-teal-600-ink"},{checked:!0,colorScheme:"purple",className:"rst:bg-purple-600 rst:border-purple-600 rst:dark:bg-purple-600 rst:dark:border-purple-500 rst:text-purple-600-ink"},{checked:!0,colorScheme:"amber",className:"rst:bg-amber-400 rst:border-amber-400 rst:dark:bg-amber-500 rst:dark:border-amber-500 rst:text-amber-400-ink rst:dark:text-amber-500-ink"},{checked:!0,colorScheme:"success",className:"rst:bg-success-600 rst:border-success-600 rst:dark:bg-success-600 rst:dark:border-success-500 rst:text-success-600-ink"},{checked:!0,colorScheme:"error",className:"rst:bg-error-600 rst:border-error-600 rst:dark:bg-error-600 rst:dark:border-error-500 rst:text-error-600-ink"},{checked:!0,colorScheme:"neutral",className:"rst:bg-gray-600 rst:border-gray-600 rst:dark:bg-gray-600 rst:dark:border-gray-500 rst:text-gray-600-ink"}],defaultVariants:{colorScheme:"primary",size:"md",checked:!1}}),e=r.cva("rst:pointer-events-none rst:rounded-full rst:bg-current rst:transition-opacity rst:duration-200",{variants:{size:{sm:"rst:size-1.5",md:"rst:size-2",lg:"rst:size-2.5"}},defaultVariants:{size:"md"}}),s=r.cva("rst:flex rst:items-start rst:gap-2 rst:min-h-11",{variants:{orientation:{vertical:"",horizontal:"rst:min-w-11"},size:{sm:"rst:py-3.5",md:"rst:py-3",lg:"rst:py-2.5"}},defaultVariants:{orientation:"vertical",size:"md"}}),a=r.cva("rst:flex",{variants:{orientation:{vertical:"rst:flex-col",horizontal:"rst:flex-row rst:flex-wrap rst:items-start"},size:{sm:"rst:gap-0",md:"rst:gap-0.5",lg:"rst:gap-1"}},compoundVariants:[{orientation:"horizontal",size:"sm",class:"rst:gap-x-4"},{orientation:"horizontal",size:"md",class:"rst:gap-x-5"},{orientation:"horizontal",size:"lg",class:"rst:gap-x-6"}],defaultVariants:{orientation:"vertical",size:"md"}});exports.radioDotVariants=e;exports.radioGroupOptionsVariants=a;exports.radioOptionVariants=s;exports.radioVariants=t;

package/dist/components/molecules/RadioGroup/radio-group-variants.js

@@ -0,0 +1,94 @@
+import { cva as r } from "../../../node_modules/class-variance-authority/dist/index.js";
+const e = /* @__PURE__ */ r(
+  "rst:font-ui rst:relative rst:flex rst:items-center rst:justify-center rst:shrink-0 rst:rounded-full rst:border rst:transition-colors rst:before:absolute rst:before:top-1/2 rst:before:left-1/2 rst:before:size-11 rst:before:-translate-x-1/2 rst:before:-translate-y-1/2 rst:before:content-[''] rst:focus:outline-hidden rst:focus-visible:ring-ring rst:focus-visible:ring-2 rst:focus-visible:ring-offset-2 rst:ring-offset-background",
+  {
+    variants: {
+      size: {
+        sm: "rst:h-4 rst:w-4",
+        md: "rst:h-5 rst:w-5",
+        lg: "rst:h-6 rst:w-6"
+      },
+      checked: {
+        true: "",
+        false: "rst:bg-white rst:border-[var(--roster-control-border)] rst:dark:bg-gray-900 rst:text-transparent"
+      },
+      colorScheme: {
+        primary: "",
+        orange: "",
+        teal: "",
+        purple: "",
+        amber: "",
+        success: "",
+        error: "",
+        neutral: ""
+      }
+    },
+    compoundVariants: [
+      { checked: !0, colorScheme: "primary", className: "rst:bg-primary-600 rst:border-primary-600 rst:dark:bg-primary-600 rst:dark:border-primary-500 rst:text-primary-600-ink" },
+      { checked: !0, colorScheme: "orange", className: "rst:bg-orange-600 rst:border-orange-600 rst:dark:bg-orange-600 rst:dark:border-orange-500 rst:text-orange-600-ink" },
+      { checked: !0, colorScheme: "teal", className: "rst:bg-teal-600 rst:border-teal-600 rst:dark:bg-teal-600 rst:dark:border-teal-500 rst:text-teal-600-ink" },
+      { checked: !0, colorScheme: "purple", className: "rst:bg-purple-600 rst:border-purple-600 rst:dark:bg-purple-600 rst:dark:border-purple-500 rst:text-purple-600-ink" },
+      { checked: !0, colorScheme: "amber", className: "rst:bg-amber-400 rst:border-amber-400 rst:dark:bg-amber-500 rst:dark:border-amber-500 rst:text-amber-400-ink rst:dark:text-amber-500-ink" },
+      { checked: !0, colorScheme: "success", className: "rst:bg-success-600 rst:border-success-600 rst:dark:bg-success-600 rst:dark:border-success-500 rst:text-success-600-ink" },
+      { checked: !0, colorScheme: "error", className: "rst:bg-error-600 rst:border-error-600 rst:dark:bg-error-600 rst:dark:border-error-500 rst:text-error-600-ink" },
+      { checked: !0, colorScheme: "neutral", className: "rst:bg-gray-600 rst:border-gray-600 rst:dark:bg-gray-600 rst:dark:border-gray-500 rst:text-gray-600-ink" }
+    ],
+    defaultVariants: {
+      colorScheme: "primary",
+      size: "md",
+      checked: !1
+    }
+  }
+), s = /* @__PURE__ */ r(
+  "rst:pointer-events-none rst:rounded-full rst:bg-current rst:transition-opacity rst:duration-200",
+  {
+    variants: {
+      size: {
+        sm: "rst:size-1.5",
+        md: "rst:size-2",
+        lg: "rst:size-2.5"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), a = /* @__PURE__ */ r(
+  "rst:flex rst:items-start rst:gap-2 rst:min-h-11",
+  {
+    variants: {
+      orientation: {
+        vertical: "",
+        horizontal: "rst:min-w-11"
+      },
+      size: {
+        sm: "rst:py-3.5",
+        md: "rst:py-3",
+        lg: "rst:py-2.5"
+      }
+    },
+    defaultVariants: { orientation: "vertical", size: "md" }
+  }
+), o = /* @__PURE__ */ r("rst:flex", {
+  variants: {
+    orientation: {
+      vertical: "rst:flex-col",
+      horizontal: "rst:flex-row rst:flex-wrap rst:items-start"
+    },
+    size: {
+      sm: "rst:gap-0",
+      md: "rst:gap-0.5",
+      lg: "rst:gap-1"
+    }
+  },
+  compoundVariants: [
+    { orientation: "horizontal", size: "sm", class: "rst:gap-x-4" },
+    { orientation: "horizontal", size: "md", class: "rst:gap-x-5" },
+    { orientation: "horizontal", size: "lg", class: "rst:gap-x-6" }
+  ],
+  defaultVariants: { orientation: "vertical", size: "md" }
+});
+export {
+  s as radioDotVariants,
+  o as radioGroupOptionsVariants,
+  a as radioOptionVariants,
+  e as radioVariants
+};

package/dist/components/molecules/Toast/Toast.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("react"),c=require("../../../node_modules/@fortawesome/react-fontawesome/dist/index.cjs"),s=require("../../../node_modules/@fortawesome/free-solid-svg-icons/index.cjs"),l=require("../../../lib/utils.cjs"),g=require("./toast-variants.cjs");function x(r){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const a in r)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(r,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:()=>r[a]})}}return t.default=r,Object.freeze(t)}const j=x(p),h={success:s.faCircleCheck,error:s.faCircleExclamation,amber:s.faTriangleExclamation,info:s.faCircleInfo,primary:s.faCircleInfo,neutral:s.faCircleInfo},u=j.forwardRef(({className:r,colorScheme:t="neutral",variant:a="soft",title:n,icon:i,onDismiss:o,dismissLabel:f="Dismiss",children:d,...m},b)=>e.jsxs("div",{ref:b,className:l.cn(g.toastVariants({colorScheme:t,variant:a}),r),...m,children:[i!==null&&e.jsx("span",{"aria-hidden":"true",className:"rst:mt-0.5 rst:shrink-0",children:i??e.jsx(c.FontAwesomeIcon,{icon:h[t??"neutral"],className:"rst:h-4 rst:w-4"})}),e.jsxs("div",{className:"rst:flex rst:min-w-0 rst:flex-col rst:gap-0.5",children:[n&&e.jsx("p",{className:"rst:font-semibold",children:n}),e.jsx("div",{className:"rst:min-w-0 rst:break-words",children:d})]}),o&&e.jsx("button",{type:"button",onClick:o,"aria-label":f,className:l.cn("rst:-mr-1 rst:ml-auto rst:shrink-0 rst:cursor-pointer rst:rounded rst:opacity-70 rst:hover:opacity-100","rst:focus-visible:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:ring-offset-background rst:focus-visible:ring-offset-2"),children:e.jsx(c.FontAwesomeIcon,{icon:s.faXmark,className:"rst:h-3.5 rst:w-3.5","aria-hidden":"true"})})]}));u.displayName="Toast";exports.Toast=u;

package/dist/components/molecules/Toast/Toast.js

@@ -0,0 +1,63 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import * as h from "react";
+import { FontAwesomeIcon as n } from "../../../node_modules/@fortawesome/react-fontawesome/dist/index.js";
+import { faCircleInfo as s, faTriangleExclamation as b, faCircleExclamation as N, faCircleCheck as g, faXmark as v } from "../../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
+import { cn as l } from "../../../lib/utils.js";
+import { toastVariants as k } from "./toast-variants.js";
+const w = {
+  success: g,
+  error: N,
+  amber: b,
+  info: s,
+  primary: s,
+  neutral: s
+}, x = h.forwardRef(
+  ({
+    className: c,
+    colorScheme: t = "neutral",
+    variant: m = "soft",
+    title: a,
+    icon: i,
+    onDismiss: e,
+    dismissLabel: f = "Dismiss",
+    children: d,
+    ...u
+  }, p) => /* @__PURE__ */ o(
+    "div",
+    {
+      ref: p,
+      className: l(k({ colorScheme: t, variant: m }), c),
+      ...u,
+      children: [
+        i !== null && /* @__PURE__ */ r("span", { "aria-hidden": "true", className: "rst:mt-0.5 rst:shrink-0", children: i ?? /* @__PURE__ */ r(
+          n,
+          {
+            icon: w[t ?? "neutral"],
+            className: "rst:h-4 rst:w-4"
+          }
+        ) }),
+        /* @__PURE__ */ o("div", { className: "rst:flex rst:min-w-0 rst:flex-col rst:gap-0.5", children: [
+          a && /* @__PURE__ */ r("p", { className: "rst:font-semibold", children: a }),
+          /* @__PURE__ */ r("div", { className: "rst:min-w-0 rst:break-words", children: d })
+        ] }),
+        e && /* @__PURE__ */ r(
+          "button",
+          {
+            type: "button",
+            onClick: e,
+            "aria-label": f,
+            className: l(
+              "rst:-mr-1 rst:ml-auto rst:shrink-0 rst:cursor-pointer rst:rounded rst:opacity-70 rst:hover:opacity-100",
+              "rst:focus-visible:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:ring-offset-background rst:focus-visible:ring-offset-2"
+            ),
+            children: /* @__PURE__ */ r(n, { icon: v, className: "rst:h-3.5 rst:w-3.5", "aria-hidden": "true" })
+          }
+        )
+      ]
+    }
+  )
+);
+x.displayName = "Toast";
+export {
+  x as Toast
+};

package/dist/components/molecules/Toast/Toaster.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),r=require("react-hot-toast"),p=require("./Toast.cjs"),T=require("../../atoms/Spinner/Spinner.cjs"),b=require("./toast-api.cjs");function g({position:n="bottom-right",duration:e=4e3,dismissible:a=!0,variant:c="soft",gutter:l,reverseOrder:u,containerClassName:m}){return o.jsx(r.Toaster,{position:n,gutter:l,reverseOrder:u,containerClassName:m,toastOptions:{success:{duration:e},error:{duration:e},blank:{duration:e},custom:{duration:e}},children:s=>{const d=s.className?.split(/\s+/)??[],t=E.find(f=>d.includes(`${b.TONE_PREFIX}${f}`)),i=t?S[t]:v[s.type]??"neutral";return o.jsx(p.Toast,{colorScheme:i,variant:c,icon:s.icon??(s.type==="loading"?o.jsx(T.Spinner,{size:"sm"}):void 0),onDismiss:a?()=>r.toast.dismiss(s.id):void 0,...i==="error"?{role:"alert","aria-live":"assertive"}:s.ariaProps,className:y[s.visible?"in":"out"],children:r.resolveValue(s.message,s)})}})}const E=["info","warning"],S={info:"info",warning:"amber"},v={success:"success",error:"error",loading:"neutral",blank:"neutral",custom:"neutral"},y={in:"rst:motion-safe:animate-in rst:motion-safe:fade-in-0 rst:motion-safe:slide-in-from-bottom-2",out:"rst:opacity-0 rst:transition-opacity rst:duration-200"};exports.Toaster=g;

package/dist/components/molecules/Toast/Toaster.js

@@ -0,0 +1,69 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Toaster as p, resolveValue as d, toast as E } from "react-hot-toast";
+import { Toast as T } from "./Toast.js";
+import { Spinner as b } from "../../atoms/Spinner/Spinner.js";
+import { TONE_PREFIX as g } from "./toast-api.js";
+function I({
+  position: t = "bottom-right",
+  duration: o = 4e3,
+  dismissible: n = !0,
+  variant: a = "soft",
+  gutter: c,
+  reverseOrder: m,
+  containerClassName: l
+}) {
+  return /* @__PURE__ */ r(
+    p,
+    {
+      position: t,
+      gutter: c,
+      reverseOrder: m,
+      containerClassName: l,
+      toastOptions: {
+        success: { duration: o },
+        error: { duration: o },
+        blank: { duration: o },
+        custom: { duration: o }
+      },
+      children: (s) => {
+        const f = s.className?.split(/\s+/) ?? [], e = v.find(
+          (u) => f.includes(`${g}${u}`)
+        ), i = e ? N[e] : h[s.type] ?? "neutral";
+        return /* @__PURE__ */ r(
+          T,
+          {
+            colorScheme: i,
+            variant: a,
+            icon: s.icon ?? (s.type === "loading" ? /* @__PURE__ */ r(b, { size: "sm" }) : void 0),
+            onDismiss: n ? () => E.dismiss(s.id) : void 0,
+            ...i === "error" ? { role: "alert", "aria-live": "assertive" } : s.ariaProps,
+            className: O[s.visible ? "in" : "out"],
+            children: d(s.message, s)
+          }
+        );
+      }
+    }
+  );
+}
+const v = ["info", "warning"], N = {
+  info: "info",
+  /* `amber` is the library's warning color; Alert names it the same way. */
+  warning: "amber"
+}, h = {
+  success: "success",
+  error: "error",
+  loading: "neutral",
+  blank: "neutral",
+  custom: "neutral"
+}, O = {
+  in: "rst:motion-safe:animate-in rst:motion-safe:fade-in-0 rst:motion-safe:slide-in-from-bottom-2",
+  /* Leaving is a transition rather than an `animate-out`: this build ships the
+     enter half of the animation utilities and not the exit half, which
+     `scripts/check-classes-emit.mjs` caught by failing the build on classes
+     that produce no CSS. A fade on opacity needs no plugin and is honest about
+     what it does. */
+  out: "rst:opacity-0 rst:transition-opacity rst:duration-200"
+};
+export {
+  I as Toaster
+};

package/dist/components/molecules/Toast/toast-api.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react-hot-toast"),i=Object.assign((t,s)=>o.toast(t,e(null,s)),{success:(t,s)=>o.toast.success(t,e(null,s)),error:(t,s)=>o.toast.error(t,e(null,s)),info:(t,s)=>o.toast(t,e("info",s)),warning:(t,s)=>o.toast(t,e("warning",s)),loading:(t,s)=>o.toast.loading(t,e(null,s)),custom:o.toast.custom,dismiss:o.toast.dismiss,remove:o.toast.remove,promise:o.toast.promise}),a="rst-toast-tone-",e=(t,s)=>{const r=(s?.className??"").split(/\s+/).filter(n=>n&&!n.startsWith(a));return t&&r.push(`${a}${t}`),{...s,className:r.join(" ")}};exports.TONE_PREFIX=a;exports.toast=i;

package/dist/components/molecules/Toast/toast-api.js

@@ -0,0 +1,26 @@
+import { toast as o } from "react-hot-toast";
+const l = /* @__PURE__ */ Object.assign(
+  (s, t) => o(s, r(null, t)),
+  {
+    success: (s, t) => o.success(s, r(null, t)),
+    error: (s, t) => o.error(s, r(null, t)),
+    /* Both ride on `blank` plus an explicit tone marker, because
+       react-hot-toast has no slot for them. `Toaster` reads the marker to pick
+       a color scheme, so they are real tones rather than a red toast wearing a
+       different word. */
+    info: (s, t) => o(s, r("info", t)),
+    warning: (s, t) => o(s, r("warning", t)),
+    loading: (s, t) => o.loading(s, r(null, t)),
+    custom: o.custom,
+    dismiss: o.dismiss,
+    remove: o.remove,
+    promise: o.promise
+  }
+), i = "rst-toast-tone-", r = (s, t) => {
+  const n = (t?.className ?? "").split(/\s+/).filter((e) => e && !e.startsWith(i));
+  return s && n.push(`${i}${s}`), { ...t, className: n.join(" ") };
+};
+export {
+  i as TONE_PREFIX,
+  l as toast
+};

package/dist/components/molecules/Toast/toast-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:font-ui rst:pointer-events-auto rst:flex rst:items-start rst:gap-2.5 rst:rounded-lg rst:border rst:elevation-overlay rst:px-4 rst:py-3 rst:text-sm",{variants:{colorScheme:{success:"",error:"",amber:"",info:"",primary:"",neutral:""},variant:{soft:"",solid:"",glass:"rst:bg-white/60 rst:text-gray-900 rst:backdrop-blur-xl rst:dark:bg-slate-900/60 rst:dark:text-white"}},compoundVariants:[{variant:"soft",colorScheme:"success",className:"rst:border-success-300 rst:bg-success-50 rst:text-success-800 rst:dark:border-success-500/40 rst:dark:bg-success-900 rst:dark:text-success-200"},{variant:"soft",colorScheme:"error",className:"rst:border-error-300 rst:bg-error-50 rst:text-error-800 rst:dark:border-error-500/40 rst:dark:bg-error-900 rst:dark:text-error-200"},{variant:"soft",colorScheme:"amber",className:"rst:border-amber-300 rst:bg-amber-50 rst:text-amber-900 rst:dark:border-amber-500/40 rst:dark:bg-amber-900 rst:dark:text-amber-200"},{variant:"soft",colorScheme:"info",className:"rst:border-info-300 rst:bg-info-50 rst:text-info-800 rst:dark:border-info-500/40 rst:dark:bg-info-900 rst:dark:text-info-200"},{variant:"soft",colorScheme:"primary",className:"rst:border-primary-300 rst:bg-primary-50 rst:text-primary-800 rst:dark:border-primary-500/40 rst:dark:bg-primary-900 rst:dark:text-primary-200"},{variant:"soft",colorScheme:"neutral",className:"rst:border-[var(--roster-popover-border)] rst:bg-[var(--roster-popover-bg)] rst:text-[var(--roster-popover-text)]"},{variant:"solid",colorScheme:"success",className:"rst:border-success-500 rst:bg-success-500 rst:text-success-500-ink"},{variant:"solid",colorScheme:"error",className:"rst:border-error-500 rst:bg-error-500 rst:text-error-500-ink"},{variant:"solid",colorScheme:"amber",className:"rst:border-amber-500 rst:bg-amber-500 rst:text-amber-500-ink"},{variant:"solid",colorScheme:"info",className:"rst:border-info-500 rst:bg-info-500 rst:text-info-500-ink"},{variant:"solid",colorScheme:"primary",className:"rst:border-primary-500 rst:bg-primary-500 rst:text-primary-500-ink"},{variant:"solid",colorScheme:"neutral",className:"rst:border-gray-600 rst:bg-gray-600 rst:text-gray-600-ink rst:dark:border-gray-500 rst:dark:bg-gray-500 rst:dark:text-gray-500-ink"},{variant:"glass",colorScheme:"success",className:"rst:border-success-400/60"},{variant:"glass",colorScheme:"error",className:"rst:border-error-400/60"},{variant:"glass",colorScheme:"amber",className:"rst:border-amber-400/60"},{variant:"glass",colorScheme:"info",className:"rst:border-info-400/60"},{variant:"glass",colorScheme:"primary",className:"rst:border-primary-400/60"},{variant:"glass",colorScheme:"neutral",className:"rst:border-white/30 rst:dark:border-slate-700/50"}],defaultVariants:{colorScheme:"neutral",variant:"soft"}});exports.toastVariants=s;