@blakesteve/roster 5.1.0 → 5.2.1

package/dist/components/organisms/Sheet/Sheet.js

@@ -1,36 +1,37 @@
 "use client";
-import { jsxs as d, Fragment as G, jsx as n } from "react/jsx-runtime";
+import { jsxs as l, Fragment as K, jsx as n } from "react/jsx-runtime";
 import * as s from "react";
-import { Description as K } from "../../../node_modules/@headlessui/react/dist/components/description/description.js";
-import { Dialog as Q, DialogBackdrop as H, DialogPanel as J, DialogTitle as Z } from "../../../node_modules/@headlessui/react/dist/components/dialog/dialog.js";
-import { TransitionChild as W } from "../../../node_modules/@headlessui/react/dist/components/transition/transition.js";
-import { cn as f } from "../../../lib/utils.js";
-import { useDarkScope as O } from "../../../internal/popup.js";
-import { useReducedMotion as tt } from "../../../internal/motion.js";
-import { lockPage as et } from "../../../internal/page-inert.js";
-import { sheetDragOutcome as rt, sheetReleaseVelocity as st, exceedsSheetTapSlop as nt } from "./sheet-drag.js";
-const ot = "rst:transition-transform rst:duration-(--roster-sheet-enter-duration) rst:ease-(--roster-sheet-enter-easing) rst:data-leave:duration-(--roster-sheet-leave-duration) rst:data-leave:ease-(--roster-sheet-leave-easing) rst:data-closed:translate-y-full", at = "rst:transition-opacity rst:duration-(--roster-sheet-fade-duration) rst:ease-out rst:data-closed:opacity-0", it = "rst:transition-opacity rst:duration-(--roster-sheet-enter-duration) rst:ease-out rst:data-leave:duration-(--roster-sheet-leave-duration) rst:data-closed:opacity-0", ct = "rst:transition-opacity rst:duration-(--roster-sheet-fade-duration) rst:ease-out rst:data-closed:opacity-0", ut = [
+import { Description as Q } from "../../../node_modules/@headlessui/react/dist/components/description/description.js";
+import { Dialog as H, DialogBackdrop as J, DialogPanel as Z, DialogTitle as W } from "../../../node_modules/@headlessui/react/dist/components/dialog/dialog.js";
+import { TransitionChild as O } from "../../../node_modules/@headlessui/react/dist/components/transition/transition.js";
+import { cn as d } from "../../../lib/utils.js";
+import { useDarkScope as tt } from "../../../internal/popup.js";
+import { useReducedMotion as et } from "../../../internal/motion.js";
+import { lockPage as rt } from "../../../internal/page-inert.js";
+import { sheetDragOutcome as st, sheetReleaseVelocity as nt, exceedsSheetTapSlop as ot } from "./sheet-drag.js";
+import { titleSignature as at } from "./sheet-title.js";
+const it = "rst:transition-transform rst:duration-(--roster-sheet-enter-duration) rst:ease-(--roster-sheet-enter-easing) rst:data-leave:duration-(--roster-sheet-leave-duration) rst:data-leave:ease-(--roster-sheet-leave-easing) rst:data-closed:translate-y-full", ct = "rst:transition-opacity rst:duration-(--roster-sheet-fade-duration) rst:ease-out rst:data-closed:opacity-0", ut = "rst:transition-opacity rst:duration-(--roster-sheet-enter-duration) rst:ease-out rst:data-leave:duration-(--roster-sheet-leave-duration) rst:data-closed:opacity-0", lt = "rst:transition-opacity rst:duration-(--roster-sheet-fade-duration) rst:ease-out rst:data-closed:opacity-0", dt = [
   "input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]):not([type=color]):not([type=file]):not([type=image])",
   "textarea",
   "select",
   "[contenteditable]:not([contenteditable=false])"
 ].join(",");
-function lt(r) {
+function ft(r) {
   return r ? "current" in r ? r.current : r : null;
 }
-function dt({ target: r }) {
-  const l = s.useRef(r), p = s.useRef(!1);
+function pt({ target: r }) {
+  const u = s.useRef(r), f = s.useRef(!1);
   return s.useEffect(() => {
-    l.current = r;
-  }), s.useEffect(() => (p.current = !1, () => {
-    p.current = !0, queueMicrotask(() => {
-      if (!p.current) return;
-      const c = lt(l.current);
-      c?.isConnected && c.focus();
+    u.current = r;
+  }), s.useEffect(() => (f.current = !1, () => {
+    f.current = !0, queueMicrotask(() => {
+      if (!f.current) return;
+      const p = ft(u.current);
+      p?.isConnected && p.focus();
     });
   }), []), null;
 }
-function ft() {
+function ht() {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -46,72 +47,72 @@ function ft() {
     }
   );
 }
-const Rt = ({
+const Lt = ({
   isOpen: r,
-  onClose: l,
-  onAfterClose: p,
-  title: c,
-  hideTitle: j = !1,
-  description: C,
-  actions: L,
-  maxWidth: b = 560,
-  initialFocus: v,
-  returnFocus: z,
+  onClose: u,
+  onAfterClose: f,
+  title: p,
+  hideTitle: z = !1,
+  description: L,
+  actions: N,
+  maxWidth: v = 560,
+  initialFocus: x,
+  returnFocus: Y,
   busy: h = !1,
-  dragToDismiss: x = !0,
+  dragToDismiss: E = !0,
   contentKey: m,
-  className: Y,
-  children: B
+  className: B,
+  children: T
 }) => {
-  const { ref: E, inDarkScope: T } = O(), N = tt();
+  const { ref: R, inDarkScope: _ } = tt(), D = et();
   s.useLayoutEffect(() => {
     if (r)
-      return et(E.current);
-  }, [r, E]);
-  const i = s.useRef(null), D = s.useRef(null), I = s.useRef(null), R = s.useRef(null), k = s.useRef(null), w = s.useId(), P = s.useRef({ title: c, contentKey: m, open: r, busy: h });
+      return rt(R.current);
+  }, [r, R]);
+  const i = s.useRef(null), I = s.useRef(null), w = s.useRef(null), k = s.useRef(null), C = s.useRef(null), S = s.useId(), g = at(p), P = s.useRef({ signature: g, contentKey: m, open: r, busy: h });
   s.useEffect(() => {
     const t = P.current;
-    if (P.current = { title: c, contentKey: m, open: r, busy: h }, !t.open || !r) return;
-    const e = t.contentKey !== m, o = t.title !== c && !t.busy;
-    !e && !o || (I.current?.focus(), k.current && (k.current.scrollTop = 0));
-  }, [c, m, r, h]), s.useEffect(() => {
+    if (P.current = { signature: g, contentKey: m, open: r, busy: h }, !t.open || !r) return;
+    const e = t.contentKey !== m, o = t.signature !== g && !t.busy;
+    !e && !o || (w.current?.focus(), C.current && (C.current.scrollTop = 0));
+  }, [g, m, r, h]), s.useEffect(() => {
     if (!r) return;
     const t = requestAnimationFrame(() => {
       const e = i.current, o = document.activeElement;
-      !e || o && e.contains(o) || (v?.current ?? R.current)?.focus();
+      !e || o && e.contains(o) || (x?.current ?? k.current)?.focus();
     });
     return () => cancelAnimationFrame(t);
-  }, [r, v]);
-  const [S, M] = s.useState(null);
+  }, [r, x]);
+  const [M, A] = s.useState(null);
   s.useEffect(() => {
     if (!r) return;
     const t = window.visualViewport;
     if (!t) return;
     const e = () => {
-      const o = document.activeElement, u = !!o && !!i.current?.contains(o) && o.matches(ut);
-      M(u ? Math.round(t.height) : null);
+      const o = document.activeElement, c = !!o && !!i.current?.contains(o) && o.matches(dt);
+      A(c ? Math.round(t.height) : null);
     };
     return t.addEventListener("resize", e), document.addEventListener("focusin", e), document.addEventListener("focusout", e), () => {
-      t.removeEventListener("resize", e), document.removeEventListener("focusin", e), document.removeEventListener("focusout", e), M(null);
+      t.removeEventListener("resize", e), document.removeEventListener("focusin", e), document.removeEventListener("focusout", e), A(null);
     };
   }, [r]);
-  const a = s.useRef(null), g = s.useRef(!1), A = s.useRef(r);
+  const a = s.useRef(null), y = s.useRef(!1), F = s.useRef(r);
   s.useEffect(() => {
-    A.current = r;
+    F.current = r;
   }, [r]);
-  const y = (t) => {
+  const b = (t) => {
     i.current?.style.setProperty("--rst-sheet-drag", `${t}px`);
-  }, F = (t) => {
+  }, j = (t) => {
     const e = i.current;
-    a.current = null, e && (delete e.dataset.dragging, t === "close" ? (l(), requestAnimationFrame(() => {
-      A.current && !a.current && y(0);
-    })) : y(0));
+    a.current = null, e && (delete e.dataset.dragging, t === "close" ? (u(), requestAnimationFrame(() => {
+      F.current && !a.current && b(0);
+    })) : b(0));
   };
   s.useEffect(() => {
-    !r && a.current && (a.current = null, i.current && delete i.current.dataset.dragging), r && !a.current && y(0);
+    !r && a.current && (a.current = null, i.current && delete i.current.dataset.dragging), r && !a.current && b(0);
   }, [r]);
-  const _ = (t) => {
-    a.current || (g.current = !1, !(!x || !r) && (t.pointerType === "mouse" && (t.button !== 0 || !D.current?.contains(t.target)) || (a.current = {
+  const q = (t) => {
+    a.current || (y.current = !1, !(!E || !r) && (t.pointerType === "mouse" && (t.button !== 0 || !I.current?.contains(t.target)) || (a.current = {
       pointerId: t.pointerId,
       x0: t.clientX,
       y0: t.clientY,
@@ -119,25 +120,25 @@ const Rt = ({
       phase: "pending",
       samples: [{ t: t.timeStamp, y: t.clientY }]
     })));
-  }, q = (t) => {
+  }, $ = (t) => {
     const e = a.current;
     if (!e || t.pointerId !== e.pointerId) return;
-    const o = t.clientX - e.x0, u = t.clientY - e.y0;
+    const o = t.clientX - e.x0, c = t.clientY - e.y0;
     if (e.phase === "pending") {
-      if (!nt(o, u)) return;
-      if (Math.abs(o) > Math.abs(u)) {
+      if (!ot(o, c)) return;
+      if (Math.abs(o) > Math.abs(c)) {
         e.phase = "ignored";
         return;
       }
-      e.phase = "dragging", g.current = !0;
+      e.phase = "dragging", y.current = !0;
       try {
         t.currentTarget.setPointerCapture(t.pointerId);
       } catch {
       }
       i.current && (i.current.dataset.dragging = "");
     }
-    e.phase === "dragging" && (e.dy = u, e.samples.push({ t: t.timeStamp, y: t.clientY }), e.samples.length > 32 && e.samples.shift(), y(Math.max(0, u)));
-  }, $ = (t) => {
+    e.phase === "dragging" && (e.dy = c, e.samples.push({ t: t.timeStamp, y: t.clientY }), e.samples.length > 32 && e.samples.shift(), b(Math.max(0, c)));
+  }, U = (t) => {
     const e = a.current;
     if (!e || t.pointerId !== e.pointerId) return;
     if (e.phase !== "dragging") {
@@ -145,49 +146,49 @@ const Rt = ({
       return;
     }
     e.samples.push({ t: t.timeStamp, y: t.clientY });
-    const o = t.clientY - e.y0, u = i.current?.getBoundingClientRect().height ?? 0;
-    F(rt(o, u, st(e.samples)));
-  }, U = (t) => {
-    const e = a.current;
-    !e || t.pointerId !== e.pointerId || (e.phase === "dragging" ? F("stay") : a.current = null);
+    const o = t.clientY - e.y0, c = i.current?.getBoundingClientRect().height ?? 0;
+    j(st(o, c, nt(e.samples)));
   }, V = (t) => {
-    !g.current || t.detail === 0 || (g.current = !1, t.preventDefault(), t.stopPropagation());
-  }, X = {
-    "--rst-sheet-max-width": typeof b == "number" ? `${b}px` : b,
-    ...S !== null && { "--rst-sheet-keyboard-cap": `${S}px` }
+    const e = a.current;
+    !e || t.pointerId !== e.pointerId || (e.phase === "dragging" ? j("stay") : a.current = null);
+  }, X = (t) => {
+    !y.current || t.detail === 0 || (y.current = !1, t.preventDefault(), t.stopPropagation());
+  }, G = {
+    "--rst-sheet-max-width": typeof v == "number" ? `${v}px` : v,
+    ...M !== null && { "--rst-sheet-keyboard-cap": `${M}px` }
   };
-  return /* @__PURE__ */ d(G, { children: [
-    /* @__PURE__ */ n("span", { ref: E, hidden: !0 }),
-    /* @__PURE__ */ d(
-      Q,
+  return /* @__PURE__ */ l(K, { children: [
+    /* @__PURE__ */ n("span", { ref: R, hidden: !0 }),
+    /* @__PURE__ */ l(
+      H,
       {
         open: r,
         as: "div",
-        onClose: l,
-        initialFocus: v ?? R,
-        className: f(
+        onClose: u,
+        initialFocus: x ?? k,
+        className: d(
           "rst:font-ui rst:relative rst:z-50 rst:focus:outline-hidden",
-          T && "dark"
+          _ && "dark"
         ),
         children: [
           /* @__PURE__ */ n(
-            H,
+            J,
             {
               transition: !0,
               "data-testid": "sheet-backdrop",
-              className: f(
+              className: d(
                 "rst:fixed rst:inset-0 rst:bg-(--roster-sheet-backdrop)",
-                N ? ct : it
+                D ? lt : ut
               )
             }
           ),
-          /* @__PURE__ */ n("div", { className: "rst:fixed rst:inset-0 rst:flex rst:items-end rst:justify-center", children: /* @__PURE__ */ n(W, { afterLeave: p, children: /* @__PURE__ */ d(
-            J,
+          /* @__PURE__ */ n("div", { className: "rst:fixed rst:inset-0 rst:flex rst:items-end rst:justify-center", children: /* @__PURE__ */ n(O, { afterLeave: f, children: /* @__PURE__ */ l(
+            Z,
             {
               ref: i,
-              style: X,
+              style: G,
               "data-testid": "sheet-panel",
-              className: f(
+              className: d(
                 /* 92dvh, or the visual viewport while the keyboard is up,
                    whichever is shorter. */
                 "rst:relative rst:flex rst:max-h-[min(92dvh,var(--rst-sheet-keyboard-cap,92dvh))] rst:w-full rst:flex-col",
@@ -199,77 +200,77 @@ const Rt = ({
                 "rst:[--roster-ring-offset:var(--roster-popover-bg)]",
                 "rst:pb-[env(safe-area-inset-bottom)]",
                 "rst:translate-y-[var(--rst-sheet-drag,0px)]",
-                N ? at : ot,
+                D ? ct : it,
                 "rst:data-dragging:transition-none",
-                Y
+                B
               ),
               children: [
-                /* @__PURE__ */ d(
+                /* @__PURE__ */ l(
                   "div",
                   {
                     "data-testid": "sheet-drag-zone",
-                    className: f("rst:shrink-0", x && "rst:touch-none"),
-                    onPointerDown: _,
-                    onPointerMove: q,
-                    onPointerUp: $,
-                    onPointerCancel: U,
-                    onClickCapture: V,
+                    className: d("rst:shrink-0", E && "rst:touch-none"),
+                    onPointerDown: q,
+                    onPointerMove: $,
+                    onPointerUp: U,
+                    onPointerCancel: V,
+                    onClickCapture: X,
                     children: [
                       /* @__PURE__ */ n(
                         "div",
                         {
-                          ref: D,
+                          ref: I,
                           "aria-hidden": "true",
                           "data-testid": "sheet-handle",
-                          className: f(
+                          className: d(
                             /* The grip sits near the top edge, where a sheet's grabber
                                is expected, inside a 44px strip. The header below pulls
                                up over the strip's lower part, so a touch there drags
                                too (the header is a drag zone) and a mouse drags from
                                the 32px above it, the full width of the sheet. */
                             "rst:flex rst:h-11 rst:items-start rst:justify-center rst:pt-2",
-                            x && "rst:cursor-grab rst:active:cursor-grabbing"
+                            E && "rst:cursor-grab rst:active:cursor-grabbing"
                           ),
                           children: /* @__PURE__ */ n("span", { className: "rst:h-1 rst:w-10 rst:rounded-full rst:bg-current rst:opacity-30" })
                         }
                       ),
-                      /* @__PURE__ */ d("div", { className: "rst:-mt-3 rst:flex rst:items-start rst:gap-2 rst:px-5 rst:pb-4", children: [
-                        /* @__PURE__ */ d("div", { className: "rst:min-w-0 rst:flex-1 rst:pt-2", children: [
+                      /* @__PURE__ */ l("div", { className: "rst:-mt-3 rst:flex rst:items-start rst:gap-2 rst:px-5 rst:pb-4", children: [
+                        /* @__PURE__ */ l("div", { className: "rst:min-w-0 rst:flex-1 rst:pt-2", children: [
                           /* @__PURE__ */ n(
-                            Z,
+                            W,
                             {
                               as: "h2",
-                              id: w,
-                              ref: I,
+                              id: S,
+                              ref: w,
                               tabIndex: -1,
-                              className: f(
+                              className: d(
                                 "rst:text-lg rst:font-semibold rst:text-inherit rst:focus:outline-hidden",
-                                j && "rst:sr-only"
+                                z && "rst:sr-only"
                               ),
-                              children: c
+                              children: p
                             }
                           ),
-                          C && /* @__PURE__ */ n(
-                            K,
+                          L && /* @__PURE__ */ n(
+                            Q,
                             {
                               as: "p",
                               className: "rst:mt-1 rst:text-sm rst:text-inherit rst:opacity-75",
-                              children: C
+                              children: L
                             }
                           )
                         ] }),
-                        L && /* 44px tall like the close button, so actions of any
+                        N && /* 44px tall like the close button, so actions of any
                         height center on the same line as it. */
-                        /* @__PURE__ */ n("div", { className: "rst:flex rst:h-11 rst:shrink-0 rst:items-center rst:gap-1", children: L }),
+                        /* @__PURE__ */ n("div", { className: "rst:flex rst:h-11 rst:shrink-0 rst:items-center rst:gap-1", children: N }),
                         /* @__PURE__ */ n(
                           "button",
                           {
-                            ref: R,
+                            ref: k,
                             type: "button",
-                            onClick: l,
+                            onClick: u,
                             "aria-label": "Close",
                             className: "rst:inline-flex rst:size-11 rst:shrink-0 rst:-mr-2 rst:cursor-pointer rst:items-center rst:justify-center rst:rounded-md rst:bg-transparent rst:text-inherit rst:opacity-60 rst:transition-opacity rst:hover:opacity-100 rst:focus:outline-hidden rst:focus-visible:opacity-100 rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:focus-visible:ring-offset-2 rst:ring-offset-background",
-                            children: /* @__PURE__ */ n(ft, {})
+                            children: /* @__PURE__ */ n(ht, {})
                           }
                         )
                       ] })
@@ -279,17 +280,17 @@ const Rt = ({
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    ref: k,
+                    ref: C,
                     role: "region",
-                    "aria-labelledby": w,
+                    "aria-labelledby": S,
                     tabIndex: 0,
                     "data-testid": "sheet-content",
                     "aria-busy": h || void 0,
                     className: "rst:min-h-0 rst:flex-1 rst:overflow-y-auto rst:overscroll-contain rst:px-5 rst:pb-4 rst:focus:outline-hidden rst:ring-inset rst:focus-visible:ring-2 rst:focus-visible:ring-ring",
-                    children: B
+                    children: T
                   }
                 ),
-                /* @__PURE__ */ n(dt, { target: z })
+                /* @__PURE__ */ n(pt, { target: Y })
               ]
             }
           ) }) })
@@ -299,5 +300,5 @@ const Rt = ({
   ] });
 };
 export {
-  Rt as Sheet
+  Lt as Sheet
 };

package/dist/components/organisms/Sheet/sheet-title.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react");function l(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,n.get?n:{enumerable:!0,get:()=>t[r]})}}return e.default=t,Object.freeze(e)}const s=l(c);function a(t){if(t==null||typeof t=="boolean")return"";if(typeof t=="string"||typeof t=="number"||typeof t=="bigint")return String(t);if(Array.isArray(t))return t.map(a).join("");if(s.isValidElement(t)){const{children:e,...r}=t.props;if(typeof t.type=="string")return a(e);const n=t.type,u=Object.entries(r).filter(([i])=>i!=="className"&&i!=="style").map(([i,o])=>o instanceof Date?`${i}=${o.toISOString()}`:["string","number","boolean","bigint"].includes(typeof o)?`${i}=${String(o)}`:null).filter(Boolean).join(",");return`<${n.displayName??n.name??"?"}${u?` ${u}`:""}>`+a(e)}return""}exports.titleSignature=a;

package/dist/components/organisms/Sheet/sheet-title.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+/**
+ * What a title says, for telling whether it changed: its text, and for a
+ * component inside it, the component's name and its plain props (a date
+ * included), so `<NightDate date={d} />` says something even with no
+ * children. Styling is not content: `className` and `style` never count, on a
+ * component or an element. A component whose words change with nothing in its
+ * props (it reads a context, say) is invisible here; pass `contentKey`.
+ */
+export declare function titleSignature(node: React.ReactNode): string;

package/dist/components/organisms/Sheet/sheet-title.js

@@ -0,0 +1,17 @@
+"use client";
+import * as a from "react";
+function n(t) {
+  if (t == null || typeof t == "boolean") return "";
+  if (typeof t == "string" || typeof t == "number" || typeof t == "bigint") return String(t);
+  if (Array.isArray(t)) return t.map(n).join("");
+  if (a.isValidElement(t)) {
+    const { children: e, ...p } = t.props;
+    if (typeof t.type == "string") return n(e);
+    const s = t.type, f = Object.entries(p).filter(([r]) => r !== "className" && r !== "style").map(([r, i]) => i instanceof Date ? `${r}=${i.toISOString()}` : ["string", "number", "boolean", "bigint"].includes(typeof i) ? `${r}=${String(i)}` : null).filter(Boolean).join(",");
+    return `<${s.displayName ?? s.name ?? "?"}${f ? ` ${f}` : ""}>` + n(e);
+  }
+  return "";
+}
+export {
+  n as titleSignature
+};

package/dist/index.d.ts

@@ -60,6 +60,7 @@ export * from './components/molecules/Breadcrumbs/breadcrumb-variants';
 export * from './components/molecules/LiquidTabs/LiquidTabs';
 export * from './components/molecules/LiquidTabs/LiquidNav';
 export * from './components/molecules/LiquidTabs/liquid-tab-id';
+export * from './components/molecules/Carousel/Carousel';
 export * from './components/molecules/CallToAction/CallToAction';
 export * from './components/molecules/CallToAction/call-to-action-variants';
 export * from './components/molecules/EmptyState/EmptyState';

package/dist/internal/field-invalid.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function n(t,i){if(t||i.invalid)return!0;const e=i["aria-invalid"];return e!=null&&e!==!1&&e!=="false"&&e!==""}function l(t){const i={...t};return delete i["aria-invalid"],delete i.invalid,i}exports.isFieldInvalid=n;exports.withoutInvalidProps=l;

package/dist/internal/field-invalid.d.ts

@@ -0,0 +1,37 @@
+/**
+ * When a Roster field is invalid, and where it says so. Every field component
+ * follows this one rule; a new field should too.
+ *
+ * A field is invalid when any of these hold:
+ *
+ * - it shows an error: an `errorMessage`, or the `error` flag;
+ * - the consumer passes `aria-invalid` with any value but `false`, `"false"`
+ *   or `""` (ARIA reads an empty value as false). `"grammar"` and
+ *   `"spelling"` count, and come out as `"true"`: a field is invalid or it
+ *   isn't;
+ * - the consumer passes Headless UI's own `invalid`.
+ *
+ * An error wins: a field with one is invalid even when the consumer passes
+ * `aria-invalid="false"`.
+ *
+ * An invalid field renders `aria-invalid="true"` on the control a screen
+ * reader focuses, so it is announced as invalid along with its error text,
+ * not only drawn in red. A valid one renders no `aria-invalid` at all. The
+ * only exception is a role that can't carry the state: a radio can't, so a
+ * radio group says it on the group.
+ *
+ * Read the consumer's props here, not by spreading them: the props of most
+ * fields land on a wrapper with no role, where `aria-invalid` does nothing,
+ * and Headless UI's text controls overwrite a passed `aria-invalid` with
+ * their own.
+ */
+export interface InvalidProps {
+    "aria-invalid"?: unknown;
+    invalid?: unknown;
+}
+export declare function isFieldInvalid(hasError: boolean | null | undefined, props: InvalidProps): boolean;
+/**
+ * Splits the two invalid props off the rest, so the rest can be spread on a
+ * wrapper without them landing where they mean nothing.
+ */
+export declare function withoutInvalidProps<T extends object>(props: T): Omit<T, "aria-invalid" | "invalid">;

package/dist/internal/field-invalid.js

@@ -0,0 +1,13 @@
+function t(n, i) {
+  if (n || i.invalid) return !0;
+  const e = i["aria-invalid"];
+  return e != null && e !== !1 && e !== "false" && e !== "";
+}
+function r(n) {
+  const i = { ...n };
+  return delete i["aria-invalid"], delete i.invalid, i;
+}
+export {
+  t as isFieldInvalid,
+  r as withoutInvalidProps
+};

package/dist/meta.json

@@ -1,5 +1,5 @@
 {
-  "version": "5.1.0",
-  "tests": 1684,
-  "testFiles": 172
+  "version": "5.2.1",
+  "tests": 1767,
+  "testFiles": 297
 }

package/dist/roster.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css            */const V=require("./components/atoms/Avatar/Avatar.cjs"),q=require("./components/atoms/Avatar/avatar-variants.cjs"),b=require("./components/atoms/Badge/Badge.cjs"),d=require("./components/atoms/Badge/badge-variants.cjs"),p=require("./components/atoms/Button/Button.cjs"),T=require("./components/atoms/Button/button-variants.cjs"),C=require("./components/atoms/Card/Card.cjs"),S=require("./components/atoms/Card/card-variants.cjs"),h=require("./components/atoms/Checkbox/Checkbox.cjs"),g=require("./components/atoms/Checkbox/checkbox-variants.cjs"),w=require("./components/atoms/Disclosure/Disclosure.cjs"),t=require("./components/atoms/Disclosure/disclosure-variants.cjs"),m=require("./components/atoms/Input/Input.cjs"),i=require("./components/atoms/Input/input-variants.cjs"),x=require("./components/atoms/Link/Link.cjs"),k=require("./components/atoms/Link/link-variants.cjs"),v=require("./components/atoms/PasswordInput/PasswordInput.cjs"),A=require("./components/atoms/Combobox/Combobox.cjs"),B=require("./components/atoms/Chip/Chip.cjs"),y=require("./components/atoms/Chip/chip-variants.cjs"),D=require("./components/atoms/Pill/Pill.cjs"),n=require("./components/atoms/Pill/pill-variants.cjs"),L=require("./components/atoms/Eyebrow/Eyebrow.cjs"),I=require("./components/atoms/Eyebrow/eyebrow-variants.cjs"),E=require("./components/atoms/InlineCode/InlineCode.cjs"),O=require("./components/atoms/InlineCode/inline-code-variants.cjs"),G=require("./components/atoms/LabeledDivider/LabeledDivider.cjs"),P=require("./components/atoms/Stat/Stat.cjs"),N=require("./components/atoms/Stat/stat-variants.cjs"),M=require("./components/atoms/ThemeToggle/ThemeToggle.cjs"),R=require("./components/atoms/MultiSelect/MultiSelect.cjs"),H=require("./components/atoms/Select/Select.cjs"),o=require("./components/atoms/Select/select-variants.cjs"),F=require("./components/atoms/Spinner/Spinner.cjs"),K=require("./components/atoms/Switch/Switch.cjs"),s=require("./components/atoms/Switch/switch-variants.cjs"),_=require("./components/atoms/Textarea/Textarea.cjs"),W=require("./components/atoms/Textarea/textarea-variants.cjs"),X=require("./components/atoms/AvatarStrip/AvatarStrip.cjs"),f=require("./components/atoms/Tooltip/Tooltip.cjs"),j=require("./components/atoms/CollapsibleSection/CollapsibleSection.cjs"),z=require("./components/atoms/SegmentBar/SegmentBar.cjs"),J=require("./components/molecules/Toast/Toast.cjs"),Q=require("./components/molecules/Toast/toast-variants.cjs"),U=require("./components/molecules/Toast/Toaster.cjs"),c=require("./components/molecules/Toast/toast-api.cjs"),Y=require("./components/molecules/Alert/Alert.cjs"),Z=require("./components/molecules/Alert/alert-variants.cjs"),$=require("./components/molecules/Accordion/Accordion.cjs"),rr=require("./components/molecules/DescriptionList/DescriptionList.cjs"),ar=require("./components/molecules/DescriptionList/description-list-variants.cjs"),er=require("./components/molecules/Pullquote/Pullquote.cjs"),tr=require("./components/molecules/Pullquote/pullquote-variants.cjs"),ir=require("./components/molecules/CheckboxGroup/CheckboxGroup.cjs"),u=require("./components/molecules/CheckboxGroup/checkbox-group-variants.cjs"),nr=require("./components/molecules/RadioGroup/RadioGroup.cjs"),e=require("./components/molecules/RadioGroup/radio-group-variants.cjs"),or=require("./components/molecules/Breadcrumbs/Breadcrumbs.cjs"),sr=require("./components/molecules/Breadcrumbs/breadcrumb-variants.cjs"),cr=require("./components/molecules/LiquidTabs/LiquidTabs.cjs"),ur=require("./components/molecules/LiquidTabs/LiquidNav.cjs"),lr=require("./components/molecules/LiquidTabs/liquid-tab-id.cjs"),Vr=require("./components/molecules/CallToAction/CallToAction.cjs"),qr=require("./components/molecules/CallToAction/call-to-action-variants.cjs"),br=require("./components/molecules/EmptyState/EmptyState.cjs"),dr=require("./components/molecules/EmptyState/empty-state-variants.cjs"),pr=require("./components/molecules/ErrorState/ErrorState.cjs"),Tr=require("./components/molecules/ErrorState/error-state-variants.cjs"),Cr=require("./components/molecules/MatchupCard/MatchupCard.cjs"),Sr=require("./components/organisms/ActionBar/ActionBar.cjs"),hr=require("./components/organisms/ActionBar/action-bar-variants.cjs"),gr=require("./components/organisms/Countdown/Countdown.cjs"),wr=require("./components/organisms/Dialog/Dialog.cjs"),mr=require("./components/organisms/Footer/Footer.cjs"),xr=require("./components/organisms/Navbar/Navbar.cjs"),kr=require("./components/organisms/Navbar/navbar-variants.cjs"),vr=require("./components/organisms/Sheet/Sheet.cjs"),r=require("./components/organisms/Table/Table.cjs"),a=require("./components/organisms/Table/table-variants.cjs"),Ar=require("./hooks/useCountdown.cjs"),l=require("./hooks/useKeySequence.cjs"),Br=require("./lib/utils.cjs");exports.Avatar=V.Avatar;exports.avatarVariants=q.avatarVariants;exports.Badge=b.Badge;exports.badgeVariants=d.badgeVariants;exports.Button=p.Button;exports.buttonVariants=T.buttonVariants;exports.Card=C.Card;exports.cardVariants=S.cardVariants;exports.Checkbox=h.Checkbox;exports.checkboxVariants=g.checkboxVariants;exports.Disclosure=w.Disclosure;exports.disclosureContentVariants=t.disclosureContentVariants;exports.disclosureTriggerVariants=t.disclosureTriggerVariants;exports.Input=m.Input;exports.iconVariants=i.iconVariants;exports.inputVariants=i.inputVariants;exports.Link=x.Link;exports.linkVariants=k.linkVariants;exports.PasswordInput=v.PasswordInput;exports.Combobox=A.Combobox;exports.Chip=B.Chip;exports.chipVariants=y.chipVariants;exports.Pill=D.Pill;exports.pillDotVariants=n.pillDotVariants;exports.pillVariants=n.pillVariants;exports.Eyebrow=L.Eyebrow;exports.eyebrowVariants=I.eyebrowVariants;exports.InlineCode=E.InlineCode;exports.inlineCodeVariants=O.inlineCodeVariants;exports.LabeledDivider=G.LabeledDivider;exports.Stat=P.Stat;exports.statValueVariants=N.statValueVariants;exports.ThemeToggle=M.ThemeToggle;exports.MultiSelect=R.MultiSelect;exports.Select=H.Select;exports.selectOptionVariants=o.selectOptionVariants;exports.selectTriggerVariants=o.selectTriggerVariants;exports.Spinner=F.Spinner;exports.Switch=K.Switch;exports.switchThumbVariants=s.switchThumbVariants;exports.switchTrackVariants=s.switchTrackVariants;exports.Textarea=_.Textarea;exports.textareaVariants=W.textareaVariants;exports.AvatarStrip=X.AvatarStrip;exports.Tooltip=f.Tooltip;exports.CollapsibleSection=j.CollapsibleSection;exports.SegmentBar=z.SegmentBar;exports.Toast=J.Toast;exports.toastVariants=Q.toastVariants;exports.Toaster=U.Toaster;exports.TONE_PREFIX=c.TONE_PREFIX;exports.toast=c.toast;exports.Alert=Y.Alert;exports.alertVariants=Z.alertVariants;exports.Accordion=$.Accordion;exports.DescriptionList=rr.DescriptionList;exports.descriptionListVariants=ar.descriptionListVariants;exports.Pullquote=er.Pullquote;exports.pullquoteVariants=tr.pullquoteVariants;exports.CheckboxGroup=ir.CheckboxGroup;exports.checkboxGroupOptionsVariants=u.checkboxGroupOptionsVariants;exports.checkboxGroupPanelVariants=u.checkboxGroupPanelVariants;exports.RadioGroup=nr.RadioGroup;exports.radioDotVariants=e.radioDotVariants;exports.radioGroupOptionsVariants=e.radioGroupOptionsVariants;exports.radioOptionVariants=e.radioOptionVariants;exports.radioVariants=e.radioVariants;exports.Breadcrumbs=or.Breadcrumbs;exports.breadcrumbVariants=sr.breadcrumbVariants;exports.LiquidTabs=cr.LiquidTabs;exports.LiquidNav=ur.LiquidNav;exports.liquidTabId=lr.liquidTabId;exports.CallToAction=Vr.CallToAction;exports.ctaVariants=qr.ctaVariants;exports.EmptyState=br.EmptyState;exports.emptyStateVariants=dr.emptyStateVariants;exports.ErrorState=pr.ErrorState;exports.errorStateVariants=Tr.errorStateVariants;exports.MatchupCard=Cr.MatchupCard;exports.ActionBar=Sr.ActionBar;exports.actionBarVariants=hr.actionBarVariants;exports.Countdown=gr.Countdown;exports.Dialog=wr.Dialog;exports.Footer=mr.Footer;exports.Navbar=xr.Navbar;exports.navbarVariants=kr.navbarVariants;exports.Sheet=vr.Sheet;exports.Table=r.Table;exports.TableBody=r.TableBody;exports.TableCaption=r.TableCaption;exports.TableCell=r.TableCell;exports.TableFooter=r.TableFooter;exports.TableHead=r.TableHead;exports.TableHeader=r.TableHeader;exports.TableRow=r.TableRow;exports.tableCellVariants=a.tableCellVariants;exports.tableHeadVariants=a.tableHeadVariants;exports.tableHeaderVariants=a.tableHeaderVariants;exports.tableRowVariants=a.tableRowVariants;exports.tableVariants=a.tableVariants;exports.tableWrapperVariants=a.tableWrapperVariants;exports.useCountdown=Ar.useCountdown;exports.KONAMI_CODE=l.KONAMI_CODE;exports.useKeySequence=l.useKeySequence;exports.cn=Br.cn;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css            */const V=require("./components/atoms/Avatar/Avatar.cjs"),q=require("./components/atoms/Avatar/avatar-variants.cjs"),b=require("./components/atoms/Badge/Badge.cjs"),d=require("./components/atoms/Badge/badge-variants.cjs"),p=require("./components/atoms/Button/Button.cjs"),T=require("./components/atoms/Button/button-variants.cjs"),C=require("./components/atoms/Card/Card.cjs"),S=require("./components/atoms/Card/card-variants.cjs"),h=require("./components/atoms/Checkbox/Checkbox.cjs"),g=require("./components/atoms/Checkbox/checkbox-variants.cjs"),w=require("./components/atoms/Disclosure/Disclosure.cjs"),t=require("./components/atoms/Disclosure/disclosure-variants.cjs"),m=require("./components/atoms/Input/Input.cjs"),i=require("./components/atoms/Input/input-variants.cjs"),x=require("./components/atoms/Link/Link.cjs"),k=require("./components/atoms/Link/link-variants.cjs"),v=require("./components/atoms/PasswordInput/PasswordInput.cjs"),A=require("./components/atoms/Combobox/Combobox.cjs"),B=require("./components/atoms/Chip/Chip.cjs"),y=require("./components/atoms/Chip/chip-variants.cjs"),D=require("./components/atoms/Pill/Pill.cjs"),n=require("./components/atoms/Pill/pill-variants.cjs"),L=require("./components/atoms/Eyebrow/Eyebrow.cjs"),I=require("./components/atoms/Eyebrow/eyebrow-variants.cjs"),E=require("./components/atoms/InlineCode/InlineCode.cjs"),O=require("./components/atoms/InlineCode/inline-code-variants.cjs"),G=require("./components/atoms/LabeledDivider/LabeledDivider.cjs"),P=require("./components/atoms/Stat/Stat.cjs"),N=require("./components/atoms/Stat/stat-variants.cjs"),M=require("./components/atoms/ThemeToggle/ThemeToggle.cjs"),R=require("./components/atoms/MultiSelect/MultiSelect.cjs"),H=require("./components/atoms/Select/Select.cjs"),o=require("./components/atoms/Select/select-variants.cjs"),F=require("./components/atoms/Spinner/Spinner.cjs"),K=require("./components/atoms/Switch/Switch.cjs"),s=require("./components/atoms/Switch/switch-variants.cjs"),_=require("./components/atoms/Textarea/Textarea.cjs"),W=require("./components/atoms/Textarea/textarea-variants.cjs"),X=require("./components/atoms/AvatarStrip/AvatarStrip.cjs"),f=require("./components/atoms/Tooltip/Tooltip.cjs"),j=require("./components/atoms/CollapsibleSection/CollapsibleSection.cjs"),z=require("./components/atoms/SegmentBar/SegmentBar.cjs"),J=require("./components/molecules/Toast/Toast.cjs"),Q=require("./components/molecules/Toast/toast-variants.cjs"),U=require("./components/molecules/Toast/Toaster.cjs"),c=require("./components/molecules/Toast/toast-api.cjs"),Y=require("./components/molecules/Alert/Alert.cjs"),Z=require("./components/molecules/Alert/alert-variants.cjs"),$=require("./components/molecules/Accordion/Accordion.cjs"),rr=require("./components/molecules/DescriptionList/DescriptionList.cjs"),ar=require("./components/molecules/DescriptionList/description-list-variants.cjs"),er=require("./components/molecules/Pullquote/Pullquote.cjs"),tr=require("./components/molecules/Pullquote/pullquote-variants.cjs"),ir=require("./components/molecules/CheckboxGroup/CheckboxGroup.cjs"),u=require("./components/molecules/CheckboxGroup/checkbox-group-variants.cjs"),nr=require("./components/molecules/RadioGroup/RadioGroup.cjs"),e=require("./components/molecules/RadioGroup/radio-group-variants.cjs"),or=require("./components/molecules/Breadcrumbs/Breadcrumbs.cjs"),sr=require("./components/molecules/Breadcrumbs/breadcrumb-variants.cjs"),cr=require("./components/molecules/LiquidTabs/LiquidTabs.cjs"),ur=require("./components/molecules/LiquidTabs/LiquidNav.cjs"),lr=require("./components/molecules/LiquidTabs/liquid-tab-id.cjs"),Vr=require("./components/molecules/Carousel/Carousel.cjs"),qr=require("./components/molecules/CallToAction/CallToAction.cjs"),br=require("./components/molecules/CallToAction/call-to-action-variants.cjs"),dr=require("./components/molecules/EmptyState/EmptyState.cjs"),pr=require("./components/molecules/EmptyState/empty-state-variants.cjs"),Tr=require("./components/molecules/ErrorState/ErrorState.cjs"),Cr=require("./components/molecules/ErrorState/error-state-variants.cjs"),Sr=require("./components/molecules/MatchupCard/MatchupCard.cjs"),hr=require("./components/organisms/ActionBar/ActionBar.cjs"),gr=require("./components/organisms/ActionBar/action-bar-variants.cjs"),wr=require("./components/organisms/Countdown/Countdown.cjs"),mr=require("./components/organisms/Dialog/Dialog.cjs"),xr=require("./components/organisms/Footer/Footer.cjs"),kr=require("./components/organisms/Navbar/Navbar.cjs"),vr=require("./components/organisms/Navbar/navbar-variants.cjs"),Ar=require("./components/organisms/Sheet/Sheet.cjs"),r=require("./components/organisms/Table/Table.cjs"),a=require("./components/organisms/Table/table-variants.cjs"),Br=require("./hooks/useCountdown.cjs"),l=require("./hooks/useKeySequence.cjs"),yr=require("./lib/utils.cjs");exports.Avatar=V.Avatar;exports.avatarVariants=q.avatarVariants;exports.Badge=b.Badge;exports.badgeVariants=d.badgeVariants;exports.Button=p.Button;exports.buttonVariants=T.buttonVariants;exports.Card=C.Card;exports.cardVariants=S.cardVariants;exports.Checkbox=h.Checkbox;exports.checkboxVariants=g.checkboxVariants;exports.Disclosure=w.Disclosure;exports.disclosureContentVariants=t.disclosureContentVariants;exports.disclosureTriggerVariants=t.disclosureTriggerVariants;exports.Input=m.Input;exports.iconVariants=i.iconVariants;exports.inputVariants=i.inputVariants;exports.Link=x.Link;exports.linkVariants=k.linkVariants;exports.PasswordInput=v.PasswordInput;exports.Combobox=A.Combobox;exports.Chip=B.Chip;exports.chipVariants=y.chipVariants;exports.Pill=D.Pill;exports.pillDotVariants=n.pillDotVariants;exports.pillVariants=n.pillVariants;exports.Eyebrow=L.Eyebrow;exports.eyebrowVariants=I.eyebrowVariants;exports.InlineCode=E.InlineCode;exports.inlineCodeVariants=O.inlineCodeVariants;exports.LabeledDivider=G.LabeledDivider;exports.Stat=P.Stat;exports.statValueVariants=N.statValueVariants;exports.ThemeToggle=M.ThemeToggle;exports.MultiSelect=R.MultiSelect;exports.Select=H.Select;exports.selectOptionVariants=o.selectOptionVariants;exports.selectTriggerVariants=o.selectTriggerVariants;exports.Spinner=F.Spinner;exports.Switch=K.Switch;exports.switchThumbVariants=s.switchThumbVariants;exports.switchTrackVariants=s.switchTrackVariants;exports.Textarea=_.Textarea;exports.textareaVariants=W.textareaVariants;exports.AvatarStrip=X.AvatarStrip;exports.Tooltip=f.Tooltip;exports.CollapsibleSection=j.CollapsibleSection;exports.SegmentBar=z.SegmentBar;exports.Toast=J.Toast;exports.toastVariants=Q.toastVariants;exports.Toaster=U.Toaster;exports.TONE_PREFIX=c.TONE_PREFIX;exports.toast=c.toast;exports.Alert=Y.Alert;exports.alertVariants=Z.alertVariants;exports.Accordion=$.Accordion;exports.DescriptionList=rr.DescriptionList;exports.descriptionListVariants=ar.descriptionListVariants;exports.Pullquote=er.Pullquote;exports.pullquoteVariants=tr.pullquoteVariants;exports.CheckboxGroup=ir.CheckboxGroup;exports.checkboxGroupOptionsVariants=u.checkboxGroupOptionsVariants;exports.checkboxGroupPanelVariants=u.checkboxGroupPanelVariants;exports.RadioGroup=nr.RadioGroup;exports.radioDotVariants=e.radioDotVariants;exports.radioGroupOptionsVariants=e.radioGroupOptionsVariants;exports.radioOptionVariants=e.radioOptionVariants;exports.radioVariants=e.radioVariants;exports.Breadcrumbs=or.Breadcrumbs;exports.breadcrumbVariants=sr.breadcrumbVariants;exports.LiquidTabs=cr.LiquidTabs;exports.LiquidNav=ur.LiquidNav;exports.liquidTabId=lr.liquidTabId;exports.Carousel=Vr.Carousel;exports.CallToAction=qr.CallToAction;exports.ctaVariants=br.ctaVariants;exports.EmptyState=dr.EmptyState;exports.emptyStateVariants=pr.emptyStateVariants;exports.ErrorState=Tr.ErrorState;exports.errorStateVariants=Cr.errorStateVariants;exports.MatchupCard=Sr.MatchupCard;exports.ActionBar=hr.ActionBar;exports.actionBarVariants=gr.actionBarVariants;exports.Countdown=wr.Countdown;exports.Dialog=mr.Dialog;exports.Footer=xr.Footer;exports.Navbar=kr.Navbar;exports.navbarVariants=vr.navbarVariants;exports.Sheet=Ar.Sheet;exports.Table=r.Table;exports.TableBody=r.TableBody;exports.TableCaption=r.TableCaption;exports.TableCell=r.TableCell;exports.TableFooter=r.TableFooter;exports.TableHead=r.TableHead;exports.TableHeader=r.TableHeader;exports.TableRow=r.TableRow;exports.tableCellVariants=a.tableCellVariants;exports.tableHeadVariants=a.tableHeadVariants;exports.tableHeaderVariants=a.tableHeaderVariants;exports.tableRowVariants=a.tableRowVariants;exports.tableVariants=a.tableVariants;exports.tableWrapperVariants=a.tableWrapperVariants;exports.useCountdown=Br.useCountdown;exports.KONAMI_CODE=l.KONAMI_CODE;exports.useKeySequence=l.useKeySequence;exports.cn=yr.cn;