@blakesteve/roster 4.12.1 → 5.0.0

package/dist/components/atoms/Pill/pill-variants.js

@@ -0,0 +1,82 @@
+import { cva as r } from "../../../node_modules/class-variance-authority/dist/index.js";
+const s = /* @__PURE__ */ r(
+  "rst:font-ui rst:inline-flex rst:items-center rst:rounded-full rst:font-medium rst:whitespace-nowrap rst:align-middle",
+  {
+    variants: {
+      colorScheme: {
+        primary: "",
+        success: "",
+        error: "",
+        amber: "",
+        info: "",
+        neutral: ""
+      },
+      variant: {
+        soft: "",
+        outline: "rst:bg-transparent rst:border",
+        solid: ""
+      },
+      size: {
+        sm: "rst:text-xs rst:px-2.5 rst:py-0.5 rst:gap-1.5",
+        md: "rst:text-sm rst:px-3 rst:py-1 rst:gap-2"
+      }
+    },
+    compoundVariants: [
+      // Soft is the default. Quiet enough to sit inside body copy.
+      { variant: "soft", colorScheme: "primary", className: "rst:bg-primary-50 rst:text-primary-700 rst:dark:bg-primary-500/15 rst:dark:text-primary-300" },
+      { variant: "soft", colorScheme: "success", className: "rst:bg-success-50 rst:text-success-700 rst:dark:bg-success-500/15 rst:dark:text-success-300" },
+      { variant: "soft", colorScheme: "error", className: "rst:bg-error-50 rst:text-error-700 rst:dark:bg-error-500/15 rst:dark:text-error-300" },
+      { variant: "soft", colorScheme: "amber", className: "rst:bg-amber-50 rst:text-amber-800 rst:dark:bg-amber-500/15 rst:dark:text-amber-300" },
+      { variant: "soft", colorScheme: "info", className: "rst:bg-info-50 rst:text-info-700 rst:dark:bg-info-500/15 rst:dark:text-info-300" },
+      { variant: "soft", colorScheme: "neutral", className: "rst:bg-gray-100 rst:text-gray-700 rst:dark:bg-gray-500/15 rst:dark:text-gray-300" },
+      // Outline suits dense rows where a fill would add too much weight.
+      { variant: "outline", colorScheme: "primary", className: "rst:border-primary-300 rst:text-primary-700 rst:dark:border-primary-700 rst:dark:text-primary-300" },
+      { variant: "outline", colorScheme: "success", className: "rst:border-success-300 rst:text-success-700 rst:dark:border-success-700 rst:dark:text-success-300" },
+      { variant: "outline", colorScheme: "error", className: "rst:border-error-300 rst:text-error-700 rst:dark:border-error-700 rst:dark:text-error-300" },
+      { variant: "outline", colorScheme: "amber", className: "rst:border-amber-300 rst:text-amber-800 rst:dark:border-amber-700 rst:dark:text-amber-300" },
+      { variant: "outline", colorScheme: "info", className: "rst:border-info-300 rst:text-info-700 rst:dark:border-info-700 rst:dark:text-info-300" },
+      { variant: "outline", colorScheme: "neutral", className: "rst:border-gray-300 rst:text-gray-700 rst:dark:border-gray-600 rst:dark:text-gray-300" },
+      // Solid is for when the pill is the loudest thing in its row on purpose.
+      { variant: "solid", colorScheme: "primary", className: "rst:bg-primary-500 rst:text-primary-500-ink" },
+      { variant: "solid", colorScheme: "success", className: "rst:bg-success-500 rst:text-success-500-ink" },
+      { variant: "solid", colorScheme: "error", className: "rst:bg-error-500 rst:text-error-500-ink" },
+      { variant: "solid", colorScheme: "amber", className: "rst:bg-amber-500 rst:text-amber-500-ink" },
+      { variant: "solid", colorScheme: "info", className: "rst:bg-info-500 rst:text-info-500-ink" },
+      { variant: "solid", colorScheme: "neutral", className: "rst:bg-gray-600 rst:dark:bg-gray-500 rst:text-gray-600-ink rst:dark:text-gray-500-ink" }
+    ],
+    defaultVariants: {
+      colorScheme: "neutral",
+      variant: "soft",
+      size: "sm"
+    }
+  }
+), e = /* @__PURE__ */ r("rst:shrink-0 rst:rounded-full", {
+  variants: {
+    colorScheme: {
+      primary: "rst:bg-primary-500 rst:dark:bg-primary-400",
+      success: "rst:bg-success-500 rst:dark:bg-success-400",
+      error: "rst:bg-error-500 rst:dark:bg-error-400",
+      amber: "rst:bg-amber-500 rst:dark:bg-amber-400",
+      info: "rst:bg-info-500 rst:dark:bg-info-400",
+      neutral: "rst:bg-gray-500 rst:dark:bg-gray-400"
+    },
+    variant: {
+      soft: "",
+      outline: "",
+      solid: "rst:bg-current rst:dark:bg-current"
+    },
+    size: {
+      sm: "rst:size-1.5",
+      md: "rst:size-2"
+    }
+  },
+  defaultVariants: {
+    colorScheme: "neutral",
+    variant: "soft",
+    size: "sm"
+  }
+});
+export {
+  e as pillDotVariants,
+  s as pillVariants
+};

package/dist/components/atoms/SegmentBar/SegmentBar.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),n=require("../../../lib/utils.cjs");function o({segments:a,size:i="md",showLegend:c=!0,className:d}){const e=a.reduce((t,s)=>t+s.value,0);if(e===0)return null;const l=a.filter(t=>t.value>0);return r.jsxs("div",{className:n.cn("rst:font-ui rst:flex rst:flex-col rst:gap-1.5",d),children:[r.jsx("div",{"data-testid":"segment-bar-track",className:n.cn("rst:flex rst:w-full rst:overflow-hidden rst:rounded-full",i==="sm"?"rst:h-1.5":"rst:h-2"),children:l.map(t=>{const s=t.value/e*100;return r.jsx("div",{"data-testid":`segment-${t.key}`,className:"rst:transition-[width]",style:{width:`${s}%`,backgroundColor:t.color},title:`${t.label}: ${Math.round(s)}%`},t.key)})}),c&&r.jsx("div",{"data-testid":"segment-bar-legend",className:"rst:flex rst:flex-wrap rst:gap-x-3 rst:gap-y-0.5",children:l.map(t=>{const s=Math.round(t.value/e*100);return r.jsxs("span",{className:"rst:flex rst:items-center rst:gap-1.5 rst:text-xs rst:text-gray-600 rst:dark:text-gray-400",children:[r.jsx("span",{className:"rst:h-2 rst:w-2 rst:flex-none rst:rounded-full",style:{backgroundColor:t.color},"aria-hidden":"true"}),t.label,r.jsxs("span",{className:"rst:opacity-60",children:[s,"%"]})]},t.key)})})]})}exports.SegmentBar=o;

package/dist/components/atoms/SegmentBar/SegmentBar.js

@@ -0,0 +1,73 @@
+"use client";
+import { jsxs as a, jsx as s } from "react/jsx-runtime";
+import { cn as n } from "../../../lib/utils.js";
+function p({
+  segments: l,
+  size: o = "md",
+  showLegend: i = !0,
+  className: c
+}) {
+  const e = l.reduce((t, r) => t + r.value, 0);
+  if (e === 0) return null;
+  const d = l.filter((t) => t.value > 0);
+  return /* @__PURE__ */ a("div", { className: n("rst:font-ui rst:flex rst:flex-col rst:gap-1.5", c), children: [
+    /* @__PURE__ */ s(
+      "div",
+      {
+        "data-testid": "segment-bar-track",
+        className: n(
+          "rst:flex rst:w-full rst:overflow-hidden rst:rounded-full",
+          o === "sm" ? "rst:h-1.5" : "rst:h-2"
+        ),
+        children: d.map((t) => {
+          const r = t.value / e * 100;
+          return /* @__PURE__ */ s(
+            "div",
+            {
+              "data-testid": `segment-${t.key}`,
+              className: "rst:transition-[width]",
+              style: { width: `${r}%`, backgroundColor: t.color },
+              title: `${t.label}: ${Math.round(r)}%`
+            },
+            t.key
+          );
+        })
+      }
+    ),
+    i && /* @__PURE__ */ s(
+      "div",
+      {
+        "data-testid": "segment-bar-legend",
+        className: "rst:flex rst:flex-wrap rst:gap-x-3 rst:gap-y-0.5",
+        children: d.map((t) => {
+          const r = Math.round(t.value / e * 100);
+          return /* @__PURE__ */ a(
+            "span",
+            {
+              className: "rst:flex rst:items-center rst:gap-1.5 rst:text-xs rst:text-gray-600 rst:dark:text-gray-400",
+              children: [
+                /* @__PURE__ */ s(
+                  "span",
+                  {
+                    className: "rst:h-2 rst:w-2 rst:flex-none rst:rounded-full",
+                    style: { backgroundColor: t.color },
+                    "aria-hidden": "true"
+                  }
+                ),
+                t.label,
+                /* @__PURE__ */ a("span", { className: "rst:opacity-60", children: [
+                  r,
+                  "%"
+                ] })
+              ]
+            },
+            t.key
+          );
+        })
+      }
+    )
+  ] });
+}
+export {
+  p as SegmentBar
+};

package/dist/components/atoms/Select/Select.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),g=require("react"),y=require("../../../node_modules/@headlessui/react/dist/components/description/description.cjs"),k=require("../../../node_modules/@headlessui/react/dist/components/field/field.cjs"),S=require("../../../node_modules/@headlessui/react/dist/components/label/label.cjs"),n=require("../../../node_modules/@headlessui/react/dist/components/listbox/listbox.cjs"),D=require("../../../node_modules/@headlessui/react/dist/components/transition/transition.cjs"),L=require("../../../node_modules/@fortawesome/react-fontawesome/dist/index.cjs"),T=require("../../../node_modules/@fortawesome/free-solid-svg-icons/index.cjs"),r=require("../../../lib/utils.cjs"),F=require("./select-variants.cjs"),_=require("../../../internal/PopupOption.cjs"),s=require("../../../internal/popup.cjs"),R=({options:l,value:d,onChange:f,placeholder:h="Select an option",disabled:x=!1,variant:u,size:a,error:b,className:v,triggerClassName:j,optionsClassName:P,helperText:p,errorMessage:i,label:m,...q})=>{const c=l.find(e=>e.value===d),o=!!i||b,{ref:N,inDarkScope:O}=s.useDarkScope();return t.jsxs(k.Field,{disabled:x,className:r.cn("rst:flex rst:flex-col rst:gap-1.5",v),...q,children:[m&&t.jsx(S.Label,{className:"rst:block rst:text-sm rst:font-medium rst:text-[var(--roster-control-text)] rst:text-left",children:m}),t.jsx(n.Listbox,{value:d??void 0,onChange:f,disabled:x,children:t.jsxs("div",{ref:N,className:"rst:relative",children:[t.jsxs(n.ListboxButton,{"aria-invalid":o||void 0,className:r.cn(F.selectTriggerVariants({variant:u,size:a,error:o}),j),children:[t.jsx("span",{className:r.cn("rst:block rst:truncate",!c&&"rst:text-gray-500 rst:dark:text-gray-400"),children:c?c.label:h}),t.jsx("span",{className:r.cn("rst:pointer-events-none rst:absolute rst:inset-y-0 rst:right-0 rst:flex rst:items-center",a==="sm"?"rst:pr-2.5":"rst:pr-3"),children:t.jsx(L.FontAwesomeIcon,{icon:T.faChevronDown,className:"rst:h-3.5 rst:w-3.5 rst:text-gray-400 rst:dark:text-gray-500","aria-hidden":"true"})})]}),t.jsx(D.Transition,{as:g.Fragment,leave:"rst:transition rst:ease-in rst:duration-100",leaveFrom:"rst:opacity-100",leaveTo:"rst:opacity-0",children:t.jsx(n.ListboxOptions,{anchor:s.POPUP_ANCHOR,className:r.cn(s.popupInDarkPalette(O,u)&&"dark",s.POPUP_PANEL,s.POPUP_WIDTH_OF_BUTTON,P),children:l.map(e=>t.jsx(_.PopupOption,{as:n.ListboxOption,value:e.value,disabled:e.disabled,size:a,children:e.label},e.value))})})]})}),(p||i)&&t.jsx(y.Description,{className:r.cn("rst:text-xs rst:text-left",o?"rst:text-error-600 rst:dark:text-error-400 rst:font-medium":"rst:text-gray-500 rst:dark:text-gray-400"),children:i||p})]})};exports.Select=R;

package/dist/components/atoms/Select/Select.js

@@ -0,0 +1,152 @@
+"use client";
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { Fragment as g } from "react";
+import { Description as y } from "../../../node_modules/@headlessui/react/dist/components/description/description.js";
+import { Field as D } from "../../../node_modules/@headlessui/react/dist/components/field/field.js";
+import { Label as L } from "../../../node_modules/@headlessui/react/dist/components/label/label.js";
+import { Listbox as F, ListboxButton as T, ListboxOptions as _, ListboxOption as I } from "../../../node_modules/@headlessui/react/dist/components/listbox/listbox.js";
+import { Transition as S } from "../../../node_modules/@headlessui/react/dist/components/transition/transition.js";
+import { FontAwesomeIcon as U } from "../../../node_modules/@fortawesome/react-fontawesome/dist/index.js";
+import { faChevronDown as w } from "../../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
+import { cn as e } from "../../../lib/utils.js";
+import { selectTriggerVariants as A } from "./select-variants.js";
+import { PopupOption as B } from "../../../internal/PopupOption.js";
+import { useDarkScope as j, POPUP_ANCHOR as C, POPUP_WIDTH_OF_BUTTON as E, POPUP_PANEL as H, popupInDarkPalette as R } from "../../../internal/popup.js";
+const tt = ({
+  options: l,
+  value: m,
+  onChange: x,
+  placeholder: h = "Select an option",
+  disabled: c = !1,
+  variant: d,
+  size: s,
+  error: u,
+  className: v,
+  triggerClassName: N,
+  optionsClassName: P,
+  helperText: p,
+  errorMessage: a,
+  label: f,
+  ...b
+}) => {
+  const o = l.find((r) => r.value === m), i = !!a || u, { ref: k, inDarkScope: O } = j();
+  return (
+    /* `...props` is spread here, and was not before. The prop type has always
+           extended `HTMLAttributes<HTMLDivElement>`, so `id`, `data-*` and the
+           handlers all typechecked and were then silently dropped on the floor.
+    
+           Still deliberately NOT claimed: `aria-*`. This is a plain wrapper div
+           with no role, so an `aria-describedby` landing here is inert. The
+           supported route is `helperText` / `errorMessage` below: Headless UI
+           wires the trigger's description from the Field's <Description> context,
+           which is the one path assistive tech actually follows. Before those
+           existed there was no way to describe this trigger at all. */
+    /* @__PURE__ */ n(
+      D,
+      {
+        disabled: c,
+        className: e("rst:flex rst:flex-col rst:gap-1.5", v),
+        ...b,
+        children: [
+          f && /* @__PURE__ */ t(L, { className: "rst:block rst:text-sm rst:font-medium rst:text-[var(--roster-control-text)] rst:text-left", children: f }),
+          /* @__PURE__ */ t(
+            F,
+            {
+              value: m ?? void 0,
+              onChange: x,
+              disabled: c,
+              children: /* @__PURE__ */ n("div", { ref: k, className: "rst:relative", children: [
+                /* @__PURE__ */ n(
+                  T,
+                  {
+                    "aria-invalid": i || void 0,
+                    className: e(
+                      A({ variant: d, size: s, error: i }),
+                      N
+                    ),
+                    children: [
+                      /* @__PURE__ */ t(
+                        "span",
+                        {
+                          className: e(
+                            "rst:block rst:truncate",
+                            !o && "rst:text-gray-500 rst:dark:text-gray-400"
+                          ),
+                          children: o ? o.label : h
+                        }
+                      ),
+                      /* @__PURE__ */ t(
+                        "span",
+                        {
+                          className: e(
+                            "rst:pointer-events-none rst:absolute rst:inset-y-0 rst:right-0 rst:flex rst:items-center",
+                            /* Clearance tracks the size's own right padding, the way
+                               Input's icon inset tracks its horizontal padding. */
+                            s === "sm" ? "rst:pr-2.5" : "rst:pr-3"
+                          ),
+                          children: /* @__PURE__ */ t(
+                            U,
+                            {
+                              icon: w,
+                              className: "rst:h-3.5 rst:w-3.5 rst:text-gray-400 rst:dark:text-gray-500",
+                              "aria-hidden": "true"
+                            }
+                          )
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  S,
+                  {
+                    as: g,
+                    leave: "rst:transition rst:ease-in rst:duration-100",
+                    leaveFrom: "rst:opacity-100",
+                    leaveTo: "rst:opacity-0",
+                    children: /* @__PURE__ */ t(
+                      _,
+                      {
+                        anchor: C,
+                        className: e(
+                          R(O, d) && "dark",
+                          H,
+                          E,
+                          P
+                        ),
+                        children: l.map((r) => /* @__PURE__ */ t(
+                          B,
+                          {
+                            as: I,
+                            value: r.value,
+                            disabled: r.disabled,
+                            size: s,
+                            children: r.label
+                          },
+                          r.value
+                        ))
+                      }
+                    )
+                  }
+                )
+              ] })
+            }
+          ),
+          (p || a) && /* @__PURE__ */ t(
+            y,
+            {
+              className: e(
+                "rst:text-xs rst:text-left",
+                i ? "rst:text-error-600 rst:dark:text-error-400 rst:font-medium" : "rst:text-gray-500 rst:dark:text-gray-400"
+              ),
+              children: a || p
+            }
+          )
+        ]
+      }
+    )
+  );
+};
+export {
+  tt as Select
+};

package/dist/components/atoms/Select/select-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:w-full rst:cursor-pointer rst:disabled:cursor-not-allowed rst:disabled:opacity-50 rst:items-center rst:rounded-md rst:h-10 rst:pl-4 rst:pr-10 rst:text-left rst:text-sm rst:font-medium rst:shadow-sm rst:ring-1 rst:ring-inset rst:transition-all rst:focus:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring",{variants:{variant:{white:"rst:bg-white rst:text-gray-900 rst:ring-gray-300 rst:hover:bg-gray-50 rst:dark:bg-gray-800 rst:dark:text-gray-100 rst:dark:ring-gray-700 rst:dark:hover:bg-gray-700",soft:"rst:bg-gray-100 rst:text-gray-900 rst:ring-[var(--roster-control-border)] rst:hover:bg-gray-200 rst:dark:bg-gray-800 rst:dark:text-gray-100 rst:dark:hover:bg-gray-700",slate:"rst:bg-gray-700 rst:text-gray-100 rst:ring-transparent rst:hover:bg-gray-600 rst:dark:bg-gray-900 rst:dark:text-gray-100 rst:dark:hover:bg-gray-800",outline:"rst:bg-[var(--roster-control-bg)] rst:text-[var(--roster-control-text)] rst:ring-[color:var(--roster-control-border)]",ghost:"rst:bg-transparent rst:text-gray-700 rst:ring-transparent rst:hover:bg-gray-100 rst:hover:text-gray-900 rst:dark:text-gray-300 rst:dark:hover:bg-gray-800 rst:dark:hover:text-gray-100"},size:{sm:"rst:h-9 rst:pl-3 rst:pr-9",default:"rst:h-10 rst:pl-4 rst:pr-10",lg:"rst:h-11 rst:pl-4 rst:pr-10"},error:{true:"rst:ring-error-500 rst:text-error-600 rst:focus-visible:ring-error-500 rst:dark:ring-error-500 rst:dark:text-error-400 rst:dark:focus-visible:ring-error-400",false:""}},defaultVariants:{variant:"outline",size:"default",error:!1}}),s=r.cva("rst:text-sm rst:group rst:relative rst:cursor-default rst:select-none rst:py-2.5 rst:pl-4 rst:pr-9 rst:transition-colors rst:text-inherit rst:data-focus:bg-primary-100 rst:data-focus:text-primary-900 rst:dark:data-focus:bg-primary-900/30 rst:dark:data-focus:text-primary-100 rst:data-selected:bg-gray-50 rst:dark:data-selected:bg-gray-700/50 rst:data-disabled:opacity-50 rst:data-disabled:cursor-not-allowed",{variants:{size:{sm:"rst:py-2 rst:pl-3 rst:pr-8",default:"rst:py-2.5 rst:pl-4 rst:pr-9",lg:"rst:py-2.5 rst:pl-4 rst:pr-9"}},defaultVariants:{size:"default"}});exports.selectOptionVariants=s;exports.selectTriggerVariants=t;

package/dist/components/atoms/Select/select-variants.js

@@ -0,0 +1,94 @@
+import { cva as r } from "../../../node_modules/class-variance-authority/dist/index.js";
+const s = /* @__PURE__ */ r(
+  /* `h-10 pl-4 pr-10` are floors, not defaults, for the same reason Input's
+       are: `VariantProps` admits `null`, so `size={fieldSize ?? null}`
+       typechecks and would otherwise leave the trigger with no height and its
+       label flush against the ring. `cn()` is tailwind-merge, so a real size
+       still wins.
+  
+       Height used to be a side effect of `py-2.5` plus the line box, and the
+       base carried `sm:leading-6` — which made this the only control in the
+       library whose height changed at a breakpoint: 40px on mobile, 44px from
+       `sm` up. It is now an explicit height at every width. */
+  "rst:font-ui rst:relative rst:flex rst:w-full rst:cursor-pointer rst:disabled:cursor-not-allowed rst:disabled:opacity-50 rst:items-center rst:rounded-md rst:h-10 rst:pl-4 rst:pr-10 rst:text-left rst:text-sm rst:font-medium rst:shadow-sm rst:ring-1 rst:ring-inset rst:transition-all rst:focus:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring",
+  {
+    variants: {
+      variant: {
+        white: "rst:bg-white rst:text-gray-900 rst:ring-gray-300 rst:hover:bg-gray-50 rst:dark:bg-gray-800 rst:dark:text-gray-100 rst:dark:ring-gray-700 rst:dark:hover:bg-gray-700",
+        /* Same reasoning as Input's and Textarea's `soft`; the trigger draws a
+           ring rather than a border, so the token lands there. */
+        soft: "rst:bg-gray-100 rst:text-gray-900 rst:ring-[var(--roster-control-border)] rst:hover:bg-gray-200 rst:dark:bg-gray-800 rst:dark:text-gray-100 rst:dark:hover:bg-gray-700",
+        slate: "rst:bg-gray-700 rst:text-gray-100 rst:ring-transparent rst:hover:bg-gray-600 rst:dark:bg-gray-900 rst:dark:text-gray-100 rst:dark:hover:bg-gray-800",
+        /* The default variant, and the only one that reads tokens, exactly as
+                   in Input. It takes three of the four: focus on the trigger is the
+                   shared ring, not a border color, so `--roster-control-border-focus`
+                   has nothing to apply to here.
+        
+                   No `hover:bg-*`, unlike the other four. A hover fill is a second
+                   hardcoded surface painted over the one the consumer just chose:
+                   tailwind-merge keeps both (different modifier), so a themed trigger
+                   took the host's color at rest and gray-50 on hover. The
+                   `ThemedWithTokens` story was the repro — near-white text on gray-50,
+                   about 1:1. Input's outline has no hover either, so this is also the
+                   parity the size scale is arguing for. */
+        outline: "rst:bg-[var(--roster-control-bg)] rst:text-[var(--roster-control-text)] rst:ring-[color:var(--roster-control-border)]",
+        ghost: "rst:bg-transparent rst:text-gray-700 rst:ring-transparent rst:hover:bg-gray-100 rst:hover:text-gray-900 rst:dark:text-gray-300 rst:dark:hover:bg-gray-800 rst:dark:hover:text-gray-100"
+      },
+      /* The same three heights as Button and Input: h-9 / h-10 / h-11. */
+      size: {
+        sm: "rst:h-9 rst:pl-3 rst:pr-9",
+        default: "rst:h-10 rst:pl-4 rst:pr-10",
+        /* Right padding does not grow with `lg`. It is clearance for the
+           chevron, which is a fixed 14px at every size, so widening it would
+           only push the label away from a gap that is already big enough. */
+        lg: "rst:h-11 rst:pl-4 rst:pr-10"
+      },
+      error: {
+        /* `focus-visible:`, not `focus:`. The base sets
+           `focus-visible:ring-ring`; a `focus:` class lands in a different
+           tailwind-merge group, so both survived, and equal specificity meant
+           the later rule in the stylesheet won — an errored Select drew the
+           PRIMARY ring on keyboard focus. Input avoided this by accident of
+           modifier choice. */
+        true: "rst:ring-error-500 rst:text-error-600 rst:focus-visible:ring-error-500 rst:dark:ring-error-500 rst:dark:text-error-400 rst:dark:focus-visible:ring-error-400",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      variant: "outline",
+      size: "default",
+      error: !1
+    }
+  }
+), a = /* @__PURE__ */ r(
+  /* Horizontal padding is a floor here, and tracks the trigger's so the label's
+       left edge stays put between the closed trigger and the open menu. (The menu
+       does not open OVER the trigger — it is anchored `bottom start` with a 4px
+       gap — so this is vertical continuity, not overlap.)
+  
+       `text-sm` lives here rather than on the popup, and carries no `sm:`. The
+       popup used to set `text-base sm:text-sm`, which made a menu row 44px on
+       mobile and 40px from `sm` up: the exact breakpoint-dependent geometry this
+       change removed from the trigger, still alive one element away. */
+  "rst:text-sm rst:group rst:relative rst:cursor-default rst:select-none rst:py-2.5 rst:pl-4 rst:pr-9 rst:transition-colors rst:text-inherit rst:data-focus:bg-primary-100 rst:data-focus:text-primary-900 rst:dark:data-focus:bg-primary-900/30 rst:dark:data-focus:text-primary-100 rst:data-selected:bg-gray-50 rst:dark:data-selected:bg-gray-700/50 rst:data-disabled:opacity-50 rst:data-disabled:cursor-not-allowed",
+  {
+    variants: {
+      size: {
+        sm: "rst:py-2 rst:pl-3 rst:pr-8",
+        default: "rst:py-2.5 rst:pl-4 rst:pr-9",
+        /* `lg` matches `default` on purpose: trigger height is an alignment
+           contract with a neighbouring Button, while menu row height is a
+           scan-density choice with nothing to align to. Density does not have
+           to follow alignment. */
+        lg: "rst:py-2.5 rst:pl-4 rst:pr-9"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+export {
+  a as selectOptionVariants,
+  s as selectTriggerVariants
+};

package/dist/components/atoms/Spinner/Spinner.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),n=require("../../../node_modules/class-variance-authority/dist/index.cjs"),d=require("../../../lib/utils.cjs"),o=n.cva("rst:animate-spin rst:rounded-full rst:transition-colors",{variants:{variant:{primary:"rst:border-primary-600 rst:dark:border-primary-500",neutral:"rst:border-gray-600 rst:dark:border-gray-400",danger:"rst:border-error-600 rst:dark:border-error-500",white:"rst:border-white",current:"rst:border-current"},size:{sm:"rst:h-4 rst:w-4 rst:border-2",md:"rst:h-6 rst:w-6 rst:border-[3px]",lg:"rst:h-8 rst:w-8 rst:border-4"},animation:{classic:"rst:border-solid rst:border-r-transparent rst:dark:border-r-transparent",half:"rst:border-solid rst:border-r-transparent rst:border-b-transparent rst:dark:border-r-transparent rst:dark:border-b-transparent",dashed:"rst:border-dashed",dotted:"rst:border-dotted rst:border-r-transparent rst:dark:border-r-transparent"}},defaultVariants:{variant:"primary",size:"md",animation:"classic"}}),i=({variant:r,size:t,animation:s,className:e})=>a.jsx("div",{className:d.cn(o({variant:r,size:t,animation:s}),e),role:"status","aria-label":"loading"});exports.Spinner=i;

package/dist/components/atoms/Spinner/Spinner.js

@@ -0,0 +1,50 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { cva as d } from "../../../node_modules/class-variance-authority/dist/index.js";
+import { cn as o } from "../../../lib/utils.js";
+const n = /* @__PURE__ */ d("rst:animate-spin rst:rounded-full rst:transition-colors", {
+  variants: {
+    variant: {
+      primary: "rst:border-primary-600 rst:dark:border-primary-500",
+      neutral: "rst:border-gray-600 rst:dark:border-gray-400",
+      danger: "rst:border-error-600 rst:dark:border-error-500",
+      white: "rst:border-white",
+      current: "rst:border-current"
+    },
+    size: {
+      sm: "rst:h-4 rst:w-4 rst:border-2",
+      md: "rst:h-6 rst:w-6 rst:border-[3px]",
+      lg: "rst:h-8 rst:w-8 rst:border-4"
+    },
+    animation: {
+      // The standard "C" shape spin (highly visible)
+      classic: "rst:border-solid rst:border-r-transparent rst:dark:border-r-transparent",
+      // A rigid half-circle that flings around
+      half: "rst:border-solid rst:border-r-transparent rst:border-b-transparent rst:dark:border-r-transparent rst:dark:border-b-transparent",
+      // A spinning dashed line
+      dashed: "rst:border-dashed",
+      // A dotted line with a gap so you can track the rotation
+      dotted: "rst:border-dotted rst:border-r-transparent rst:dark:border-r-transparent"
+    }
+  },
+  defaultVariants: {
+    variant: "primary",
+    size: "md",
+    animation: "classic"
+  }
+}), l = ({
+  variant: r,
+  size: t,
+  animation: s,
+  className: a
+}) => /* @__PURE__ */ e(
+  "div",
+  {
+    className: o(n({ variant: r, size: t, animation: s }), a),
+    role: "status",
+    "aria-label": "loading"
+  }
+);
+export {
+  l as Spinner
+};

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

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),x=require("react"),s=require("../../../lib/utils.cjs"),u=require("./stat-variants.cjs"),m=require("../Eyebrow/Eyebrow.cjs"),r=x.forwardRef(({value:a,label:n,source:e,size:i,colorScheme:c,className:l,...o},d)=>t.jsxs("div",{ref:d,className:s.cn("rst:flex rst:flex-col rst:gap-[3px]",l),...o,children:[t.jsx("dd",{className:s.cn("rst:m-0",u.statValueVariants({size:i,colorScheme:c})),children:a}),t.jsx("dt",{children:t.jsx(m.Eyebrow,{size:"xs",children:n})}),e&&t.jsx("span",{className:"rst:font-mono rst:text-[0.53125rem] rst:leading-none rst:tracking-[0.06em] rst:text-gray-500 rst:opacity-75 rst:dark:text-gray-400",children:e})]}));r.displayName="Stat";exports.Stat=r;

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

@@ -0,0 +1,17 @@
+"use client";
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import d from "react";
+import { cn as s } from "../../../lib/utils.js";
+import { statValueVariants as f } from "./stat-variants.js";
+import { Eyebrow as p } from "../Eyebrow/Eyebrow.js";
+const x = d.forwardRef(
+  ({ value: e, label: a, source: r, size: o, colorScheme: i, className: m, ...l }, n) => /* @__PURE__ */ c("div", { ref: n, className: s("rst:flex rst:flex-col rst:gap-[3px]", m), ...l, children: [
+    /* @__PURE__ */ t("dd", { className: s("rst:m-0", f({ size: o, colorScheme: i })), children: e }),
+    /* @__PURE__ */ t("dt", { children: /* @__PURE__ */ t(p, { size: "xs", children: a }) }),
+    r && /* @__PURE__ */ t("span", { className: "rst:font-mono rst:text-[0.53125rem] rst:leading-none rst:tracking-[0.06em] rst:text-gray-500 rst:opacity-75 rst:dark:text-gray-400", children: r })
+  ] })
+);
+x.displayName = "Stat";
+export {
+  x as Stat
+};

package/dist/components/atoms/Stat/stat-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"),r=t.cva("rst:block rst:font-bold rst:leading-none rst:tracking-[-0.04em] rst:tabular-nums",{variants:{size:{sm:"rst:text-xl",md:"rst:text-[clamp(1.5rem,3.6vw,2.25rem)]",lg:"rst:text-[clamp(2rem,5vw,3rem)]"},colorScheme:{primary:"rst:text-primary-600 rst:dark:text-primary-400",success:"rst:text-success-600 rst:dark:text-success-400",error:"rst:text-error-600 rst:dark:text-error-400",amber:"rst:text-amber-600 rst:dark:text-amber-400",neutral:"rst:text-gray-900 rst:dark:text-gray-100",current:"rst:text-current"}},defaultVariants:{size:"md",colorScheme:"neutral"}});exports.statValueVariants=r;

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

@@ -0,0 +1,25 @@
+import { cva as r } from "../../../node_modules/class-variance-authority/dist/index.js";
+const e = /* @__PURE__ */ r(
+  "rst:block rst:font-bold rst:leading-none rst:tracking-[-0.04em] rst:tabular-nums",
+  {
+    variants: {
+      size: {
+        sm: "rst:text-xl",
+        md: "rst:text-[clamp(1.5rem,3.6vw,2.25rem)]",
+        lg: "rst:text-[clamp(2rem,5vw,3rem)]"
+      },
+      colorScheme: {
+        primary: "rst:text-primary-600 rst:dark:text-primary-400",
+        success: "rst:text-success-600 rst:dark:text-success-400",
+        error: "rst:text-error-600 rst:dark:text-error-400",
+        amber: "rst:text-amber-600 rst:dark:text-amber-400",
+        neutral: "rst:text-gray-900 rst:dark:text-gray-100",
+        current: "rst:text-current"
+      }
+    },
+    defaultVariants: { size: "md", colorScheme: "neutral" }
+  }
+);
+export {
+  e as statValueVariants
+};

package/dist/components/atoms/Switch/Switch.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),m=require("../../../node_modules/@headlessui/react/dist/components/description/description.cjs"),d=require("../../../node_modules/@headlessui/react/dist/components/field/field.cjs"),g=require("../../../node_modules/@headlessui/react/dist/components/label/label.cjs"),j=require("../../../node_modules/@headlessui/react/dist/components/switch/switch.cjs"),s=require("../../../lib/utils.cjs"),a=require("./switch-variants.cjs"),p=({checked:n,onChange:l,label:e,description:r,disabled:c=!1,size:i,variant:o,className:u,ariaLabel:x})=>{const h=e?void 0:x||"Toggle setting";return t.jsxs(d.Field,{as:"div",className:s.cn("rst:flex rst:items-center rst:justify-between rst:gap-4",u),children:[(e||r)&&t.jsxs("span",{className:"rst:flex rst:flex-col",children:[e&&t.jsx(g.Label,{passive:!0,className:s.cn("rst:text-sm rst:font-medium rst:text-gray-900 rst:dark:text-gray-100",c&&"rst:opacity-50"),children:e}),r&&t.jsx(m.Description,{className:s.cn("rst:text-xs rst:text-gray-500 rst:dark:text-gray-400",c&&"rst:opacity-50"),children:r})]}),t.jsx(j.Switch,{checked:n,onChange:l,disabled:c,"aria-label":h,className:s.cn(a.switchTrackVariants({variant:o,size:i})),children:t.jsx("span",{"aria-hidden":"true",className:s.cn(a.switchThumbVariants({size:i}))})})]})};exports.Switch=p;

package/dist/components/atoms/Switch/Switch.js

@@ -0,0 +1,73 @@
+"use client";
+import { jsxs as m, jsx as s } from "react/jsx-runtime";
+import { Description as x } from "../../../node_modules/@headlessui/react/dist/components/description/description.js";
+import { Field as h } from "../../../node_modules/@headlessui/react/dist/components/field/field.js";
+import { Label as d } from "../../../node_modules/@headlessui/react/dist/components/label/label.js";
+import { Switch as g } from "../../../node_modules/@headlessui/react/dist/components/switch/switch.js";
+import { cn as t } from "../../../lib/utils.js";
+import { switchThumbVariants as u, switchTrackVariants as y } from "./switch-variants.js";
+const S = ({
+  checked: c,
+  onChange: o,
+  label: r,
+  description: a,
+  disabled: e = !1,
+  size: i,
+  variant: n,
+  className: l,
+  ariaLabel: p
+}) => {
+  const f = r ? void 0 : p || "Toggle setting";
+  return /* @__PURE__ */ m(
+    h,
+    {
+      as: "div",
+      className: t("rst:flex rst:items-center rst:justify-between rst:gap-4", l),
+      children: [
+        (r || a) && /* @__PURE__ */ m("span", { className: "rst:flex rst:flex-col", children: [
+          r && /* @__PURE__ */ s(
+            d,
+            {
+              passive: !0,
+              className: t(
+                "rst:text-sm rst:font-medium rst:text-gray-900 rst:dark:text-gray-100",
+                e && "rst:opacity-50"
+              ),
+              children: r
+            }
+          ),
+          a && /* @__PURE__ */ s(
+            x,
+            {
+              className: t(
+                "rst:text-xs rst:text-gray-500 rst:dark:text-gray-400",
+                e && "rst:opacity-50"
+              ),
+              children: a
+            }
+          )
+        ] }),
+        /* @__PURE__ */ s(
+          g,
+          {
+            checked: c,
+            onChange: o,
+            disabled: e,
+            "aria-label": f,
+            className: t(y({ variant: n, size: i })),
+            children: /* @__PURE__ */ s(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: t(u({ size: i }))
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  S as Switch
+};

package/dist/components/atoms/Switch/switch-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:group rst:relative rst:inline-flex rst:shrink-0 rst:cursor-pointer rst:rounded-full rst:border-2 rst:border-transparent rst:transition-colors rst:duration-200 rst:ease-in-out rst:focus:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-offset-2 rst:ring-offset-background rst:disabled:cursor-not-allowed rst:disabled:opacity-50",{variants:{variant:{primary:"rst:bg-gray-200 rst:dark:bg-gray-700 rst:data-[checked]:bg-primary-500 rst:focus-visible:ring-ring",success:"rst:bg-gray-200 rst:dark:bg-gray-700 rst:data-[checked]:bg-green-500 rst:focus-visible:ring-ring",danger:"rst:bg-gray-200 rst:dark:bg-gray-700 rst:data-[checked]:bg-error-500 rst:focus-visible:ring-ring",neutral:"rst:bg-gray-200 rst:dark:bg-gray-700 rst:data-[checked]:bg-gray-600 rst:dark:data-[checked]:bg-gray-500 rst:focus-visible:ring-ring"},size:{xs:"rst:h-4 rst:w-7",sm:"rst:h-5 rst:w-9",md:"rst:h-6 rst:w-11",lg:"rst:h-7 rst:w-14"}},defaultVariants:{variant:"primary",size:"md"}}),s=r.cva("rst:pointer-events-none rst:inline-block rst:rounded-full rst:bg-white rst:shadow rst:ring-0 rst:transition rst:duration-200 rst:ease-in-out rst:transform",{variants:{size:{xs:"rst:h-3 rst:w-3 rst:translate-x-0 rst:group-data-[checked]:translate-x-3",sm:"rst:h-4 rst:w-4 rst:translate-x-0 rst:group-data-[checked]:translate-x-4",md:"rst:h-5 rst:w-5 rst:translate-x-0 rst:group-data-[checked]:translate-x-5",lg:"rst:h-6 rst:w-6 rst:translate-x-0 rst:group-data-[checked]:translate-x-7"}},defaultVariants:{size:"md"}});exports.switchThumbVariants=s;exports.switchTrackVariants=t;