@blakesteve/roster 5.2.0 → 5.3.0

package/dist/components/atoms/Textarea/Textarea.js

@@ -1,26 +1,27 @@
 "use client";
-import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import u from "react";
-import { Description as N } from "../../../node_modules/@headlessui/react/dist/components/description/description.js";
-import { Field as b } from "../../../node_modules/@headlessui/react/dist/components/field/field.js";
-import { Label as y } from "../../../node_modules/@headlessui/react/dist/components/label/label.js";
-import { Textarea as h } from "../../../node_modules/@headlessui/react/dist/components/textarea/textarea.js";
-import { cn as e } from "../../../lib/utils.js";
+import { jsxs as N, jsx as e } from "react/jsx-runtime";
+import b from "react";
+import { Description as h } from "../../../node_modules/@headlessui/react/dist/components/description/description.js";
+import { Field as v } from "../../../node_modules/@headlessui/react/dist/components/field/field.js";
+import { Label as w } from "../../../node_modules/@headlessui/react/dist/components/label/label.js";
+import { Textarea as y } from "../../../node_modules/@headlessui/react/dist/components/textarea/textarea.js";
+import { cn as s } from "../../../lib/utils.js";
 import { textareaVariants as k } from "./textarea-variants.js";
-const w = u.forwardRef(
+import { isFieldInvalid as j, withoutInvalidProps as F } from "../../../internal/field-invalid.js";
+const I = b.forwardRef(
   ({
     className: m,
-    label: s,
-    helperText: a,
+    label: a,
+    helperText: o,
     errorMessage: t,
-    variant: i,
-    error: l,
-    resize: c,
-    disabled: d,
-    textareaClassName: n,
-    ...x
+    variant: l,
+    error: n,
+    resize: d,
+    disabled: c,
+    textareaClassName: x,
+    ...i
   }, f) => {
-    const o = !!t || l;
+    const r = !!t || n, p = j(r, i), u = F(i);
     return (
       /* No `space-y-*` here, for the reason documented on Input: Headless UI's
           Field always renders a trailing hidden element, and Tailwind v4
@@ -30,37 +31,38 @@ const w = u.forwardRef(
           the label and description instead. Select is immune to the same trap
           only because it spaces with `gap`, and the hidden element is
           `display: none` so it is not a flex item. */
-      /* @__PURE__ */ p(b, { className: e("rst:w-full", m), children: [
-        s && /* `--roster-control-text`, matching Input's label — see the comment
+      /* @__PURE__ */ N(v, { className: s("rst:w-full", m), children: [
+        a && /* `--roster-control-text`, matching Input's label — see the comment
         there for why not `text-inherit`. */
-        /* @__PURE__ */ r(y, { className: "rst:block rst:text-sm rst:font-medium rst:leading-none rst:text-[var(--roster-control-text)] rst:peer-disabled:cursor-not-allowed rst:peer-disabled:opacity-70 rst:text-left rst:mb-1.5", children: s }),
-        /* @__PURE__ */ r(
-          h,
+        /* @__PURE__ */ e(w, { className: "rst:block rst:text-sm rst:font-medium rst:leading-none rst:text-[var(--roster-control-text)] rst:peer-disabled:cursor-not-allowed rst:peer-disabled:opacity-70 rst:text-left rst:mb-1.5", children: a }),
+        /* @__PURE__ */ e(
+          y,
           {
             ref: f,
-            disabled: d,
-            className: e(
-              k({ variant: i, resize: c, error: o }),
-              n
+            disabled: c,
+            className: s(
+              k({ variant: l, resize: d, error: r }),
+              x
             ),
-            ...x
+            ...u,
+            invalid: p
           }
         ),
-        (a || t) && /* @__PURE__ */ r(
-          N,
+        (o || t) && /* @__PURE__ */ e(
+          h,
           {
-            className: e(
+            className: s(
               "rst:text-xs rst:text-left rst:mt-1.5",
-              o ? "rst:text-error-600 rst:dark:text-error-400 rst:font-medium" : "rst:text-gray-500 rst:dark:text-gray-400"
+              r ? "rst:text-error-600 rst:dark:text-error-400 rst:font-medium" : "rst:text-gray-500 rst:dark:text-gray-400"
             ),
-            children: t || a
+            children: t || o
           }
         )
       ] })
     );
   }
 );
-w.displayName = "Textarea";
+I.displayName = "Textarea";
 export {
-  w as Textarea
+  I as Textarea
 };

package/dist/components/atoms/Textarea/textarea-variants.cjs

@@ -1 +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:w-full rst:min-h-[80px] rst:rounded-md rst:border rst:py-2.5 rst:px-4 rst:text-sm rst:ring-offset-background rst:focus-visible:ring-offset-2 rst:placeholder:text-gray-400 rst:focus-visible:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:disabled:cursor-not-allowed rst:disabled:opacity-50 rst:transition-colors rst:custom-scrollbar",{variants:{variant:{outline:"rst:border-[var(--roster-control-border)] rst:bg-[var(--roster-control-bg)] rst:text-[var(--roster-control-text)] rst:focus-visible:border-[var(--roster-control-border-focus)]",soft:"rst:border-[var(--roster-control-border)] rst:bg-gray-100 rst:text-gray-900 rst:focus-visible:bg-white rst:focus-visible:border-primary-500 rst:dark:bg-gray-800/50 rst:dark:text-gray-100 rst:dark:focus-visible:bg-gray-900 rst:dark:focus-visible:border-primary-400",ghost:"rst:border-transparent rst:bg-transparent rst:text-gray-900 rst:hover:bg-gray-100 rst:focus-visible:bg-gray-100 rst:dark:text-gray-100 rst:dark:hover:bg-gray-800 rst:dark:focus-visible:bg-gray-800",white:"rst:border-gray-200 rst:bg-white rst:text-gray-900 rst:focus-visible:border-primary-500 rst:dark:border-gray-800 rst:dark:bg-gray-900 rst:dark:text-gray-100 rst:dark:focus-visible:border-primary-400"},error:{true:"rst:border-error-500 rst:focus-visible:ring-error-500 rst:text-error-900 rst:placeholder:text-error-300 rst:dark:border-error-500 rst:dark:focus-visible:ring-error-500 rst:dark:text-error-100 rst:dark:placeholder:text-error-400/50",false:""},resize:{none:"rst:resize-none",vertical:"rst:resize-y",horizontal:"rst:resize-x",both:"rst:resize"}},defaultVariants:{variant:"outline",error:!1,resize:"vertical"}});exports.textareaVariants=t;
+"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:w-full rst:min-h-[80px] rst:rounded-md rst:border rst:py-2.5 rst:px-4 rst:text-sm rst:ring-offset-background rst:focus-visible:ring-offset-2 rst:focus-visible:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:disabled:cursor-not-allowed rst:disabled:opacity-50 rst:transition-colors rst:custom-scrollbar",{variants:{variant:{outline:"rst:border-[var(--roster-control-border)] rst:bg-[var(--roster-control-bg)] rst:text-[var(--roster-control-text)] rst:placeholder:text-[color-mix(in_srgb,var(--roster-control-text)_65%,transparent)] rst:focus-visible:border-[var(--roster-control-border-focus)]",soft:"rst:border-[var(--roster-control-border)] rst:bg-gray-100 rst:text-gray-900 rst:placeholder:text-gray-500 rst:dark:placeholder:text-gray-400 rst:focus-visible:bg-white rst:focus-visible:border-primary-500 rst:dark:bg-gray-800/50 rst:dark:text-gray-100 rst:dark:focus-visible:bg-gray-900 rst:dark:focus-visible:border-primary-400",ghost:"rst:border-transparent rst:bg-transparent rst:text-gray-900 rst:placeholder:text-gray-500 rst:dark:placeholder:text-gray-400 rst:hover:bg-gray-100 rst:focus-visible:bg-gray-100 rst:dark:text-gray-100 rst:dark:hover:bg-gray-800 rst:dark:focus-visible:bg-gray-800",white:"rst:border-gray-200 rst:bg-white rst:text-gray-900 rst:placeholder:text-gray-500 rst:dark:placeholder:text-gray-400 rst:focus-visible:border-primary-500 rst:dark:border-gray-800 rst:dark:bg-gray-900 rst:dark:text-gray-100 rst:dark:focus-visible:border-primary-400"},error:{true:"rst:border-error-500 rst:focus-visible:ring-error-500 rst:text-error-900 rst:dark:border-error-500 rst:dark:focus-visible:ring-error-500 rst:dark:text-error-100",false:""},resize:{none:"rst:resize-none",vertical:"rst:resize-y",horizontal:"rst:resize-x",both:"rst:resize"}},defaultVariants:{variant:"outline",error:!1,resize:"vertical"}});exports.textareaVariants=t;

package/dist/components/atoms/Textarea/textarea-variants.js

@@ -1,6 +1,6 @@
 import { cva as r } from "../../../node_modules/class-variance-authority/dist/index.js";
 const s = /* @__PURE__ */ r(
-  "rst:font-ui rst:flex rst:w-full rst:min-h-[80px] rst:rounded-md rst:border rst:py-2.5 rst:px-4 rst:text-sm rst:ring-offset-background rst:focus-visible:ring-offset-2 rst:placeholder:text-gray-400 rst:focus-visible:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:disabled:cursor-not-allowed rst:disabled:opacity-50 rst:transition-colors rst:custom-scrollbar",
+  "rst:font-ui rst:flex rst:w-full rst:min-h-[80px] rst:rounded-md rst:border rst:py-2.5 rst:px-4 rst:text-sm rst:ring-offset-background rst:focus-visible:ring-offset-2 rst:focus-visible:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:disabled:cursor-not-allowed rst:disabled:opacity-50 rst:transition-colors rst:custom-scrollbar",
   {
     variants: {
       variant: {
@@ -12,11 +12,17 @@ const s = /* @__PURE__ */ r(
                    gray-950, a near-black box on a gray-800 dialog. Both were reported
                    by eye before anyone read the variants.
         
-                   No `dark:placeholder:text-gray-500` here even though Input's
-                   `outline` carries one: Input has no placeholder rule in its base, so
-                   its variant supplies both scopes. This base already sets gray-400,
-                   and copying Input's line across darkened it to gray-500 — 3.30:1 on
-                   the page, under the 4.5:1 placeholder text needs.
+                   The placeholder is the field's own text color at 65%, the same rule
+                   Input's `outline` uses, so it reaches 4.5:1 on whatever surface the
+                   text token was chosen for: 5.46:1 on a white page, 7.76 on the dark
+                   one, 5.02 inside the `slate` Dialog, measured rendered. The base used to set gray-400
+                   for every variant and scheme, which is 2.52:1 on white, and
+                   Input's old dark gray-500 is 3.30:1 on the dark page; neither is a
+                   step that passes in both. The other variants name their surface, so
+                   they name a step for each scheme instead: gray-500 light, gray-400
+                   dark. An error no longer recolors the placeholder: red at a
+                   readable contrast is too close to the typed text's own red to tell
+                   apart, and the border and message already say what's wrong.
         
                    The border and text defaults are the values this variant already
                    used. The fill does change,
@@ -25,7 +31,7 @@ const s = /* @__PURE__ */ r(
                    is the entire point everywhere else: a field drawn inside a Dialog
                    now takes the Dialog's surface instead of punching a white or
                    near-black hole in it. */
-        outline: "rst:border-[var(--roster-control-border)] rst:bg-[var(--roster-control-bg)] rst:text-[var(--roster-control-text)] rst:focus-visible:border-[var(--roster-control-border-focus)]",
+        outline: "rst:border-[var(--roster-control-border)] rst:bg-[var(--roster-control-bg)] rst:text-[var(--roster-control-text)] rst:placeholder:text-[color-mix(in_srgb,var(--roster-control-text)_65%,transparent)] rst:focus-visible:border-[var(--roster-control-border-focus)]",
         /* A boundary that does not depend on what is behind it. `soft` used
            `border-transparent` and leaned on its fill alone, which fails the
            moment the fill matches the surface — exactly 1.00:1 inside a
@@ -33,12 +39,12 @@ const s = /* @__PURE__ */ r(
            vanished until focus. Reported twice in one app before anyone read
            the variant. The border is the same token `outline` reads, so a
            consumer repaints both at once. */
-        soft: "rst:border-[var(--roster-control-border)] rst:bg-gray-100 rst:text-gray-900 rst:focus-visible:bg-white rst:focus-visible:border-primary-500 rst:dark:bg-gray-800/50 rst:dark:text-gray-100 rst:dark:focus-visible:bg-gray-900 rst:dark:focus-visible:border-primary-400",
-        ghost: "rst:border-transparent rst:bg-transparent rst:text-gray-900 rst:hover:bg-gray-100 rst:focus-visible:bg-gray-100 rst:dark:text-gray-100 rst:dark:hover:bg-gray-800 rst:dark:focus-visible:bg-gray-800",
-        white: "rst:border-gray-200 rst:bg-white rst:text-gray-900 rst:focus-visible:border-primary-500 rst:dark:border-gray-800 rst:dark:bg-gray-900 rst:dark:text-gray-100 rst:dark:focus-visible:border-primary-400"
+        soft: "rst:border-[var(--roster-control-border)] rst:bg-gray-100 rst:text-gray-900 rst:placeholder:text-gray-500 rst:dark:placeholder:text-gray-400 rst:focus-visible:bg-white rst:focus-visible:border-primary-500 rst:dark:bg-gray-800/50 rst:dark:text-gray-100 rst:dark:focus-visible:bg-gray-900 rst:dark:focus-visible:border-primary-400",
+        ghost: "rst:border-transparent rst:bg-transparent rst:text-gray-900 rst:placeholder:text-gray-500 rst:dark:placeholder:text-gray-400 rst:hover:bg-gray-100 rst:focus-visible:bg-gray-100 rst:dark:text-gray-100 rst:dark:hover:bg-gray-800 rst:dark:focus-visible:bg-gray-800",
+        white: "rst:border-gray-200 rst:bg-white rst:text-gray-900 rst:placeholder:text-gray-500 rst:dark:placeholder:text-gray-400 rst:focus-visible:border-primary-500 rst:dark:border-gray-800 rst:dark:bg-gray-900 rst:dark:text-gray-100 rst:dark:focus-visible:border-primary-400"
       },
       error: {
-        true: "rst:border-error-500 rst:focus-visible:ring-error-500 rst:text-error-900 rst:placeholder:text-error-300 rst:dark:border-error-500 rst:dark:focus-visible:ring-error-500 rst:dark:text-error-100 rst:dark:placeholder:text-error-400/50",
+        true: "rst:border-error-500 rst:focus-visible:ring-error-500 rst:text-error-900 rst:dark:border-error-500 rst:dark:focus-visible:ring-error-500 rst:dark:text-error-100",
         false: ""
       },
       resize: {

package/dist/components/atoms/Tooltip/Tooltip.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("react"),r=require("../../../node_modules/@radix-ui/react-tooltip/dist/index.cjs"),h=require("../../../lib/utils.cjs");function x({content:o,children:n,placement:d="top",variant:e="dark",delayDuration:l=300,defaultOpen:a=!1,className:c}){const[g,s]=i.useState(a),p=i.useCallback(()=>s(u=>!u),[]);return t.jsx(r.Provider,{delayDuration:l,children:t.jsxs(r.Root,{open:g,onOpenChange:s,children:[t.jsx(r.Trigger,{asChild:!0,onClick:p,children:t.jsx("span",{className:"rst:inline-flex rst:items-center rst:cursor-default",tabIndex:0,"data-testid":"tooltip-trigger",children:n})}),t.jsx(r.Portal,{children:t.jsxs(r.Content,{side:d,sideOffset:8,collisionPadding:8,"data-testid":"tooltip-content",className:h.cn("rst:font-ui rst:z-50 rst:max-w-60 rst:rounded-lg rst:px-3 rst:py-2 rst:text-xs rst:leading-snug rst:elevation-anchored","rst:animate-in rst:fade-in-0 rst:zoom-in-95","rst:data-[side=bottom]:slide-in-from-top-2","rst:data-[side=top]:slide-in-from-bottom-2","rst:data-[side=left]:slide-in-from-right-2","rst:data-[side=right]:slide-in-from-left-2",e==="themed"?"rst:bg-[var(--roster-popover-bg)] rst:text-[var(--roster-popover-text)] rst:ring-1 rst:ring-[var(--roster-popover-border)]":e==="dark"?"rst:bg-zinc-900 rst:text-zinc-100 rst:ring-1 rst:ring-white/10":"rst:bg-white rst:text-zinc-900 rst:ring-1 rst:ring-zinc-200",c),children:[o,t.jsx(r.Arrow,{className:e==="themed"?"rst:fill-[var(--roster-popover-bg)]":e==="dark"?"rst:fill-zinc-900":"rst:fill-white",width:12,height:6})]})})]})})}exports.Tooltip=x;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("react"),r=require("../../../node_modules/@radix-ui/react-tooltip/dist/index.cjs"),h=require("../../../lib/utils.cjs");function x({content:o,children:n,placement:d="top",variant:e="dark",delayDuration:l=300,defaultOpen:a=!1,className:c}){const[g,s]=i.useState(a),p=i.useCallback(()=>s(u=>!u),[]);return t.jsx(r.Provider,{delayDuration:l,children:t.jsxs(r.Root,{open:g,onOpenChange:s,children:[t.jsx(r.Trigger,{asChild:!0,onClick:p,children:t.jsx("span",{className:"rst:inline-flex rst:items-center rst:cursor-default",tabIndex:0,"data-testid":"tooltip-trigger",children:n})}),t.jsx(r.Portal,{children:t.jsxs(r.Content,{side:d,sideOffset:8,collisionPadding:8,"data-testid":"tooltip-content",className:h.cn("rst:font-ui rst:z-50 rst:max-w-60 rst:rounded-lg rst:px-3 rst:py-2 rst:text-xs rst:leading-snug rst:elevation-anchored","rst:animate-in rst:fade-in-0 rst:zoom-in-95","rst:data-[side=bottom]:slide-in-from-top-2","rst:data-[side=top]:slide-in-from-bottom-2","rst:data-[side=left]:slide-in-from-right-2","rst:data-[side=right]:slide-in-from-left-2",e==="themed"?"rst:bg-[var(--roster-popover-bg)] rst:text-[var(--roster-popover-text)] rst:ring rst:ring-[var(--roster-popover-border)]":e==="dark"?"rst:bg-zinc-900 rst:text-zinc-100 rst:ring rst:ring-white/10":"rst:bg-white rst:text-zinc-900 rst:ring rst:ring-zinc-200",c),children:[o,t.jsx(r.Arrow,{className:e==="themed"?"rst:fill-[var(--roster-popover-bg)]":e==="dark"?"rst:fill-zinc-900":"rst:fill-white",width:12,height:6})]})})]})})}exports.Tooltip=x;

package/dist/components/atoms/Tooltip/Tooltip.js

@@ -37,7 +37,7 @@ function P({
           "rst:data-[side=top]:slide-in-from-bottom-2",
           "rst:data-[side=left]:slide-in-from-right-2",
           "rst:data-[side=right]:slide-in-from-left-2",
-          r === "themed" ? "rst:bg-[var(--roster-popover-bg)] rst:text-[var(--roster-popover-text)] rst:ring-1 rst:ring-[var(--roster-popover-border)]" : r === "dark" ? "rst:bg-zinc-900 rst:text-zinc-100 rst:ring-1 rst:ring-white/10" : "rst:bg-white rst:text-zinc-900 rst:ring-1 rst:ring-zinc-200",
+          r === "themed" ? "rst:bg-[var(--roster-popover-bg)] rst:text-[var(--roster-popover-text)] rst:ring rst:ring-[var(--roster-popover-border)]" : r === "dark" ? "rst:bg-zinc-900 rst:text-zinc-100 rst:ring rst:ring-white/10" : "rst:bg-white rst:text-zinc-900 rst:ring rst:ring-zinc-200",
           l
         ),
         children: [

package/dist/components/molecules/Accordion/Accordion.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),p=require("react"),x=require("../../../lib/utils.cjs"),h=require("../../atoms/Disclosure/Disclosure.cjs"),j=({items:c,allowMultiple:l=!1,variant:o="soft",className:i,showDividers:a=!1,defaultOpenIds:u=[]})=>{const[d,g]=p.useState(new Set(u)),f=e=>{g(r=>{const s=new Set(r),n=s.has(e);return l?n?s.delete(e):s.add(e):(s.clear(),n||s.add(e)),s})};return t.jsx("div",{className:x.cn("rst:font-ui rst:w-full rst:space-y-1",i),children:c.map((e,r)=>t.jsxs("div",{className:"rst:relative",children:[a&&r>0&&t.jsx("div",{className:"rst:mx-4 rst:h-px rst:bg-gray-200/50 rst:dark:bg-gray-700/50 rst:transition-colors rst:mb-1"}),t.jsx(h.Disclosure,{title:e.title,variant:o,isOpen:d.has(e.id),onToggle:()=>f(e.id),children:e.content})]},e.id))})};exports.Accordion=j;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),h=require("react"),p=require("../../../lib/utils.cjs"),x=require("../../atoms/Disclosure/Disclosure.cjs"),b=({items:o,allowMultiple:c=!1,variant:l="soft",className:i,showDividers:a=!1,defaultOpenIds:d=[]})=>{const[u,g]=h.useState(new Set(d)),f=e=>{g(r=>{const s=new Set(r),n=s.has(e);return c?n?s.delete(e):s.add(e):(s.clear(),n||s.add(e)),s})};return t.jsx("div",{className:p.cn("rst:font-ui rst:w-full rst:space-y-1",i),children:o.map((e,r)=>t.jsxs("div",{className:"rst:relative",children:[a&&r>0&&t.jsx("div",{className:"rst:mx-4 rst:h-[var(--roster-border-width,1px)] rst:bg-gray-200/50 rst:dark:bg-gray-700/50 rst:transition-colors rst:mb-1"}),t.jsx(x.Disclosure,{title:e.title,variant:l,isOpen:u.has(e.id),onToggle:()=>f(e.id),children:e.content})]},e.id))})};exports.Accordion=b;

package/dist/components/molecules/Accordion/Accordion.js

@@ -1,37 +1,37 @@
 "use client";
-import { jsx as r, jsxs as g } from "react/jsx-runtime";
-import { useState as u } from "react";
-import { cn as h } from "../../../lib/utils.js";
+import { jsx as t, jsxs as g } from "react/jsx-runtime";
+import { useState as h } from "react";
+import { cn as u } from "../../../lib/utils.js";
 import { Disclosure as x } from "../../atoms/Disclosure/Disclosure.js";
 const N = ({
-  items: o,
+  items: n,
   allowMultiple: l = !1,
   variant: a = "soft",
-  className: c,
-  showDividers: i = !1,
+  className: i,
+  showDividers: c = !1,
   defaultOpenIds: d = []
 }) => {
-  const [f, m] = u(
+  const [f, m] = h(
     new Set(d)
-  ), p = (s) => {
-    m((t) => {
-      const e = new Set(t), n = e.has(s);
-      return l ? n ? e.delete(s) : e.add(s) : (e.clear(), n || e.add(s)), e;
+  ), p = (e) => {
+    m((r) => {
+      const s = new Set(r), o = s.has(e);
+      return l ? o ? s.delete(e) : s.add(e) : (s.clear(), o || s.add(e)), s;
     });
   };
-  return /* @__PURE__ */ r("div", { className: h("rst:font-ui rst:w-full rst:space-y-1", c), children: o.map((s, t) => /* @__PURE__ */ g("div", { className: "rst:relative", children: [
-    i && t > 0 && /* @__PURE__ */ r("div", { className: "rst:mx-4 rst:h-px rst:bg-gray-200/50 rst:dark:bg-gray-700/50 rst:transition-colors rst:mb-1" }),
-    /* @__PURE__ */ r(
+  return /* @__PURE__ */ t("div", { className: u("rst:font-ui rst:w-full rst:space-y-1", i), children: n.map((e, r) => /* @__PURE__ */ g("div", { className: "rst:relative", children: [
+    c && r > 0 && /* @__PURE__ */ t("div", { className: "rst:mx-4 rst:h-[var(--roster-border-width,1px)] rst:bg-gray-200/50 rst:dark:bg-gray-700/50 rst:transition-colors rst:mb-1" }),
+    /* @__PURE__ */ t(
       x,
       {
-        title: s.title,
+        title: e.title,
         variant: a,
-        isOpen: f.has(s.id),
-        onToggle: () => p(s.id),
-        children: s.content
+        isOpen: f.has(e.id),
+        onToggle: () => p(e.id),
+        children: e.content
       }
     )
-  ] }, s.id)) });
+  ] }, e.id)) });
 };
 export {
   N as Accordion

package/dist/components/molecules/Alert/Alert.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),p=require("react"),o=require("../../../node_modules/@fortawesome/react-fontawesome/dist/index.cjs"),r=require("../../../node_modules/@fortawesome/free-solid-svg-icons/index.cjs"),c=require("../../../lib/utils.cjs"),v=require("./alert-variants.cjs"),b={error:r.faCircleExclamation,success:r.faCircleCheck,amber:r.faTriangleExclamation,info:r.faCircleInfo,primary:r.faCircleInfo,neutral:r.faCircleInfo,current:r.faCircleInfo},l=p.forwardRef(({colorScheme:e="error",surface:u,title:t,children:d,icon:i,onDismiss:a,dismissLabel:f="Dismiss",className:m,...x},h)=>{const n=e==="error";return s.jsxs("div",{ref:h,role:n?"alert":"status","aria-live":n?"assertive":"polite",className:c.cn(v.alertVariants({colorScheme:e,surface:u}),m),...x,children:[i===void 0?s.jsx(o.FontAwesomeIcon,{icon:b[e??"error"],className:"rst:mt-0.5 rst:h-4 rst:w-4 rst:shrink-0","aria-hidden":"true"}):i,s.jsxs("div",{className:"rst:min-w-0 rst:flex-1",children:[t&&s.jsx("p",{className:"rst:font-semibold",children:t}),s.jsx("div",{className:c.cn("rst:min-w-0",t&&"rst:mt-0.5 rst:opacity-90"),children:d})]}),a&&s.jsx("button",{type:"button",onClick:a,"aria-label":f,className:"rst:-m-1 rst:shrink-0 rst:rounded rst:p-1 rst:opacity-60 rst:transition-opacity rst:hover:opacity-100 rst:focus:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring",children:s.jsx(o.FontAwesomeIcon,{icon:r.faXmark,className:"rst:h-3.5 rst:w-3.5","aria-hidden":"true"})})]})});l.displayName="Alert";exports.Alert=l;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),p=require("react"),o=require("../../../node_modules/@fortawesome/react-fontawesome/dist/index.cjs"),r=require("../../../node_modules/@fortawesome/free-solid-svg-icons/index.cjs"),c=require("../../../lib/utils.cjs"),v=require("./alert-variants.cjs"),b={error:r.faCircleExclamation,success:r.faCircleCheck,amber:r.faTriangleExclamation,info:r.faCircleInfo,primary:r.faCircleInfo,neutral:r.faCircleInfo,current:r.faCircleInfo},l=p.forwardRef(({colorScheme:e="error",surface:u,title:t,children:d,icon:i,onDismiss:a,dismissLabel:m="Dismiss",className:f,...x},h)=>{const n=e==="error";return s.jsxs("div",{ref:h,role:n?"alert":"status","aria-live":n?"assertive":"polite",className:c.cn(v.alertVariants({colorScheme:e,surface:u}),f),...x,children:[i===void 0?s.jsx(o.FontAwesomeIcon,{icon:b[e??"error"],className:"rst:mt-0.5 rst:h-4 rst:w-4 rst:shrink-0","aria-hidden":"true"}):i,s.jsxs("div",{className:"rst:min-w-0 rst:flex-1",children:[t&&s.jsx("p",{className:"rst:font-semibold",children:t}),s.jsx("div",{className:c.cn("rst:min-w-0",t&&"rst:mt-0.5 rst:opacity-90"),children:d})]}),a&&s.jsx("button",{type:"button",onClick:a,"aria-label":m,className:"rst:-m-1 rst:shrink-0 rst:rounded-sm rst:p-1 rst:opacity-60 rst:transition-opacity rst:hover:opacity-100 rst:focus:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring",children:s.jsx(o.FontAwesomeIcon,{icon:r.faXmark,className:"rst:h-3.5 rst:w-3.5","aria-hidden":"true"})})]})});l.displayName="Alert";exports.Alert=l;

package/dist/components/molecules/Alert/Alert.js

@@ -53,7 +53,7 @@ const C = {
               type: "button",
               onClick: e,
               "aria-label": d,
-              className: "rst:-m-1 rst:shrink-0 rst:rounded rst:p-1 rst:opacity-60 rst:transition-opacity rst:hover:opacity-100 rst:focus:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring",
+              className: "rst:-m-1 rst:shrink-0 rst:rounded-sm rst:p-1 rst:opacity-60 rst:transition-opacity rst:hover:opacity-100 rst:focus:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring",
               children: /* @__PURE__ */ r(c, { icon: w, className: "rst:h-3.5 rst:w-3.5", "aria-hidden": "true" })
             }
           )

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=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=(s,x)=>{p(x?[...a,s]:a.filter(S=>S!==s))},O=s=>r.jsxs(D.Field,{disabled:n||s.disabled,className:"rst:flex rst:items-start rst:gap-2",children:[r.jsx(P.Checkbox,{size:c??"md",colorScheme:k,checked:a.includes(s.value),onChange:x=>I(s.value,x),className:"rst:mt-0.5 rst:shrink-0"}),r.jsxs("div",{className:"rst:flex rst:min-w-0 rst:flex-col",children:[r.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:s.label}),s.description&&r.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:s.description})]})]},s.value),f=s=>r.jsx("div",{className:e.cn(h.checkboxGroupOptionsVariants({columns:j,size:c})),children:s.map(O)});return r.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&&r.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}),r.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(s=>r.jsxs(y.Fieldset,{className:"rst:flex rst:flex-col rst:gap-2",children:[r.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:s.category}),f(s.options)]},s.category)):f(t)}),(o||i)&&r.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=_;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),B=require("react"),D=require("../../../node_modules/@headlessui/react/dist/components/description/description.cjs"),R=require("../../../node_modules/@headlessui/react/dist/components/field/field.cjs"),g=require("../../../node_modules/@headlessui/react/dist/components/fieldset/fieldset.cjs"),V=require("../../../node_modules/@headlessui/react/dist/components/label/label.cjs"),h=require("../../../node_modules/@headlessui/react/dist/components/legend/legend.cjs"),e=require("../../../lib/utils.cjs"),p=require("../../../internal/field-invalid.cjs"),Z=require("../../atoms/Checkbox/Checkbox.cjs"),_=require("../../atoms/Eyebrow/Eyebrow.cjs"),j=require("./checkbox-group-variants.cjs"),J=t=>t.length>0&&Array.isArray(t[0].options),K={sm:"rst:text-xs",md:"rst:text-sm",lg:"rst:text-base"},Q=({options:t,value:o,onChange:k,label:u,helperText:n,errorMessage:i,maxHeight:m,disabled:d=!1,variant:q,size:a="md",columns:N,colorScheme:w,className:I,optionsClassName:G,panelClassName:C,"aria-describedby":E,"aria-invalid":L,...f})=>{const c=!!i,v=p.isFieldInvalid(c,{...f,"aria-invalid":L}),F=p.withoutInvalidProps(f),l=m!==void 0,x=B.useId(),O=[E,n||i?x:void 0].filter(Boolean).join(" ")||void 0,P=(r,b)=>{k(b?[...o,r]:o.filter(A=>A!==r))},S=r=>s.jsxs(R.Field,{disabled:d||r.disabled,className:"rst:flex rst:items-start rst:gap-2",children:[s.jsx(Z.Checkbox,{size:a??"md",colorScheme:w,checked:o.includes(r.value),onChange:b=>P(r.value,b),"aria-invalid":v||void 0,"aria-describedby":c?x:void 0,className:"rst:mt-0.5 rst:shrink-0"}),s.jsxs("div",{className:"rst:flex rst:min-w-0 rst:flex-col",children:[s.jsx(V.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",K[a??"md"]),children:r.label}),r.description&&s.jsx(D.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),y=r=>s.jsx("div",{className:e.cn(j.checkboxGroupOptionsVariants({columns:N,size:a})),children:r.map(S)});return s.jsxs(g.Fieldset,{disabled:d,className:e.cn("rst:font-ui rst:flex rst:flex-col rst:gap-1.5 rst:min-w-0",I),...F,"aria-invalid":v||void 0,"aria-describedby":O,children:[u&&s.jsx(h.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:u}),s.jsx("div",{className:e.cn(j.checkboxGroupPanelVariants({variant:q,size:a,error:c}),l&&"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",C,G),style:l?{maxHeight:m}:void 0,tabIndex:l?0:void 0,children:J(t)?t.map(r=>s.jsxs(g.Fieldset,{className:"rst:flex rst:flex-col rst:gap-2",children:[s.jsx(h.Legend,{as:_.Eyebrow,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(t)}),(n||i)&&s.jsx("p",{id:x,className:e.cn("rst:text-xs rst:text-left",c?"rst:text-error-600 rst:dark:text-error-400 rst:font-medium":"rst:text-gray-500 rst:dark:text-gray-400",d&&"rst:opacity-50"),children:i||n})]})};exports.CheckboxGroup=Q;

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

@@ -30,13 +30,15 @@ export interface CheckboxGroupProps extends Omit<React.HTMLAttributes<HTMLFieldS
     helperText?: string;
     /**
      * The message for an invalid selection. Implies the error state, so a caller
-     * cannot color the text red and forget to say why.
+     * can not color the text red and forget to say why.
      *
      * What it repaints depends on `variant`, and the difference is worth
      * knowing: `panel` gets an error border, `plain` has no boundary to repaint
      * and so the message *is* the whole error state. Narrower than `Input`'s or
-     * `Select`'s, which both ring the control itself — a checkbox is not the
-     * thing that is invalid here, the selection is.
+     * `Select`'s, which both ring the control itself: what is invalid here is
+     * the selection. Each checkbox is still announced as invalid, though, since
+     * a checkbox is what a screen reader focuses
+     * (`src/internal/field-invalid.ts`).
      */
     errorMessage?: string;
     /**

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

@@ -1,68 +1,71 @@
 "use client";
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import O from "react";
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import P 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 y } 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 { Field as S } from "../../../node_modules/@headlessui/react/dist/components/field/field.js";
+import { Fieldset as h } from "../../../node_modules/@headlessui/react/dist/components/fieldset/fieldset.js";
+import { Label as Z } from "../../../node_modules/@headlessui/react/dist/components/label/label.js";
+import { Legend as g } 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 = {
+import { isFieldInvalid as R, withoutInvalidProps as V } from "../../../internal/field-invalid.js";
+import { Checkbox as W } from "../../atoms/Checkbox/Checkbox.js";
+import { Eyebrow as q } from "../../atoms/Eyebrow/Eyebrow.js";
+import { checkboxGroupPanelVariants as J, checkboxGroupOptionsVariants as K } from "./checkbox-group-variants.js";
+const Q = (s) => s.length > 0 && Array.isArray(s[0].options), U = {
   sm: "rst:text-xs",
   md: "rst:text-sm",
   lg: "rst:text-base"
-}, tr = ({
+}, or = ({
   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
+  onChange: k,
+  label: b,
+  helperText: l,
+  errorMessage: i,
+  maxHeight: p,
+  disabled: n = !1,
+  variant: N,
+  size: a = "md",
+  columns: w,
+  colorScheme: I,
+  className: E,
+  optionsClassName: G,
+  panelClassName: L,
+  "aria-describedby": j,
+  "aria-invalid": A,
+  ...v
 }) => {
-  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)
+  const o = !!i, u = R(o, { ...v, "aria-invalid": A }), B = V(v), m = p !== void 0, f = P.useId(), C = [j, l || i ? f : void 0].filter(Boolean).join(" ") || void 0, D = (r, x) => {
+    k(
+      x ? [...c, r] : c.filter((O) => O !== r)
     );
-  }, C = (r) => /* @__PURE__ */ i(
-    F,
+  }, F = (r) => /* @__PURE__ */ d(
+    S,
     {
-      disabled: l || r.disabled,
+      disabled: n || r.disabled,
       className: "rst:flex rst:items-start rst:gap-2",
       children: [
         /* @__PURE__ */ t(
-          Z,
+          W,
           {
-            size: o ?? "md",
-            colorScheme: N,
+            size: a ?? "md",
+            colorScheme: I,
             checked: c.includes(r.value),
-            onChange: (f) => B(r.value, f),
+            onChange: (x) => D(r.value, x),
+            "aria-invalid": u || void 0,
+            "aria-describedby": o ? f : void 0,
             className: "rst:mt-0.5 rst:shrink-0"
           }
         ),
-        /* @__PURE__ */ i("div", { className: "rst:flex rst:min-w-0 rst:flex-col", children: [
+        /* @__PURE__ */ d("div", { className: "rst:flex rst:min-w-0 rst:flex-col", children: [
           /* @__PURE__ */ t(
-            S,
+            Z,
             {
               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"]
+                U[a ?? "md"]
               ),
               children: r.label
             }
@@ -72,33 +75,33 @@ const W = (s) => s.length > 0 && Array.isArray(s[0].options), q = {
       ]
     },
     r.value
-  ), u = (r) => /* @__PURE__ */ t("div", { className: e(V({ columns: k, size: o })), children: r.map(C) });
-  return /* @__PURE__ */ i(
-    y,
+  ), y = (r) => /* @__PURE__ */ t("div", { className: e(K({ columns: w, size: a })), children: r.map(F) });
+  return /* @__PURE__ */ d(
+    h,
     {
-      disabled: l,
+      disabled: n,
       className: e(
         "rst:font-ui rst:flex rst:flex-col rst:gap-1.5 rst:min-w-0",
-        w
+        E
       ),
-      ...j,
-      "aria-invalid": n || L || void 0,
-      "aria-describedby": A,
+      ...B,
+      "aria-invalid": u || void 0,
+      "aria-describedby": C,
       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 }),
+        b && /* @__PURE__ */ t(g, { 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 }),
         /* @__PURE__ */ t(
           "div",
           {
             className: e(
-              R({ variant: g, size: o, error: n }),
+              J({ variant: N, size: a, error: o }),
               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
+              L,
+              G
             ),
-            style: m ? { maxHeight: b } : void 0,
+            style: m ? { maxHeight: p } : void 0,
             tabIndex: m ? 0 : void 0,
-            children: W(s) ? s.map((r) => (
+            children: Q(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
@@ -109,32 +112,32 @@ const W = (s) => s.length > 0 && Array.isArray(s[0].options), q = {
                                `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(y, { className: "rst:flex rst:flex-col rst:gap-2", children: [
+              /* @__PURE__ */ d(h, { className: "rst:flex rst:flex-col rst:gap-2", children: [
                 /* @__PURE__ */ t(
-                  h,
+                  g,
                   {
-                    as: P,
+                    as: q,
                     weight: "semibold",
                     tone: "default",
                     className: "rst:border-b rst:border-gray-200 rst:pb-1 rst:dark:border-gray-800",
                     children: r.category
                   }
                 ),
-                u(r.options)
+                y(r.options)
               ] }, r.category)
-            )) : u(s)
+            )) : y(s)
           }
         ),
-        (d || a) && /* @__PURE__ */ t(
+        (l || i) && /* @__PURE__ */ t(
           "p",
           {
-            id: p,
+            id: f,
             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"
+              o ? "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: a || d
+            children: i || l
           }
         )
       ]
@@ -142,5 +145,5 @@ const W = (s) => s.length > 0 && Array.isArray(s[0].options), q = {
   );
 };
 export {
-  tr as CheckboxGroup
+  or as CheckboxGroup
 };

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

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

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

@@ -45,9 +45,10 @@ export interface RadioGroupProps extends Omit<React.HTMLAttributes<HTMLDivElemen
      * `aria-describedby` is one of the props Headless UI controls on a
      * `RadioGroup`, and a controlled prop is spread last. Passing one is
      * therefore a no-op rather than an addition. `aria-invalid` is not one of
-     * Headless UI's, so a caller's survives its spread — and is then outranked
-     * by this component's own error state, which is a different thing from the
-     * token-list merge `CheckboxGroup` does for `aria-describedby`.
+     * Headless UI's: a caller's is read by the rule every Roster field follows
+     * (`src/internal/field-invalid.ts`), so any value but "false" marks the
+     * group invalid, as `"true"`, and an error message marks it invalid whatever
+     * the caller passed.
      */
     errorMessage?: string;
     /** Disables every option, and dims the label and helper text with them. */