@blakesteve/roster 5.1.0 → 5.2.1

package/dist/components/atoms/MultiSelect/MultiSelect.js

@@ -1,30 +1,31 @@
 "use client";
 import { jsxs as c, jsx as r } from "react/jsx-runtime";
-import B, { Fragment as M } 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 { Listbox as Y, ListboxButton as C, ListboxOptions as K, ListboxOption as X } from "../../../node_modules/@headlessui/react/dist/components/listbox/listbox.js";
-import { Transition as Z } from "../../../node_modules/@headlessui/react/dist/components/transition/transition.js";
-import { FontAwesomeIcon as S } from "../../../node_modules/@fortawesome/react-fontawesome/dist/index.js";
-import { faChevronDown as q, faXmark as G } from "../../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
+import H, { Fragment as V } from "react";
+import { Description as W } from "../../../node_modules/@headlessui/react/dist/components/description/description.js";
+import { Field as Y } from "../../../node_modules/@headlessui/react/dist/components/field/field.js";
+import { Label as C } from "../../../node_modules/@headlessui/react/dist/components/label/label.js";
+import { Listbox as K, ListboxButton as X, ListboxOptions as Z, ListboxOption as q } from "../../../node_modules/@headlessui/react/dist/components/listbox/listbox.js";
+import { Transition as G } from "../../../node_modules/@headlessui/react/dist/components/transition/transition.js";
+import { FontAwesomeIcon as _ } from "../../../node_modules/@fortawesome/react-fontawesome/dist/index.js";
+import { faChevronDown as J, faXmark as Q } from "../../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
 import { cn as s } from "../../../lib/utils.js";
-import { selectTriggerVariants as J } from "../Select/select-variants.js";
-import { Chip as _ } from "../Chip/Chip.js";
-import { PopupOption as Q } from "../../../internal/PopupOption.js";
-import { useDarkScope as z, POPUP_ANCHOR as tt, POPUP_WIDTH_OF_BUTTON as rt, POPUP_PANEL as et, popupInDarkPalette as st } from "../../../internal/popup.js";
-const bt = ({
+import { isFieldInvalid as z, withoutInvalidProps as tt } from "../../../internal/field-invalid.js";
+import { selectTriggerVariants as rt } from "../Select/select-variants.js";
+import { Chip as T } from "../Chip/Chip.js";
+import { PopupOption as et } from "../../../internal/PopupOption.js";
+import { useDarkScope as st, POPUP_ANCHOR as nt, POPUP_WIDTH_OF_BUTTON as ot, POPUP_PANEL as it, popupInDarkPalette as at } from "../../../internal/popup.js";
+const It = ({
   options: u,
   value: n,
   onChange: p,
   placeholder: f = "Select options",
-  disabled: i = !1,
+  disabled: a = !1,
   variant: v,
   size: o,
-  error: T,
-  className: F,
-  triggerClassName: L,
-  optionsClassName: R,
+  error: F,
+  className: L,
+  triggerClassName: R,
+  optionsClassName: D,
   helperText: x,
   errorMessage: h,
   label: b,
@@ -33,52 +34,52 @@ const bt = ({
   clearable: N = !1,
   chipColorScheme: k = "neutral",
   chipVariant: w = "outline",
-  clearLabel: D = "Clear selection",
-  removeLabel: j = (l) => `Remove ${l}`,
-  ...E
+  clearLabel: j = "Clear selection",
+  removeLabel: E = (l) => `Remove ${l}`,
+  ...I
 }) => {
-  const l = !!h || T, a = n.length > 0, y = new Map(u.map((t, e) => [t.value, e])), d = n.map((t) => ({
+  const l = !!h || F, U = z(l, I), $ = tt(I), i = n.length > 0, P = new Map(u.map((t, e) => [t.value, e])), d = n.map((t) => ({
     value: t,
     label: u.find((e) => e.value === t)?.label ?? String(t)
   })).sort(
-    (t, e) => (y.get(t.value) ?? Number.POSITIVE_INFINITY) - (y.get(e.value) ?? Number.POSITIVE_INFINITY)
-  ), I = g === void 0 ? d : d.slice(0, g), P = d.length - I.length, { ref: U, inDarkScope: $ } = z(), O = B.useRef(null);
+    (t, e) => (P.get(t.value) ?? Number.POSITIVE_INFINITY) - (P.get(e.value) ?? Number.POSITIVE_INFINITY)
+  ), y = g === void 0 ? d : d.slice(0, g), O = d.length - y.length, { ref: A, inDarkScope: B } = st(), S = H.useRef(null);
   return /* @__PURE__ */ c(
-    V,
+    Y,
     {
-      disabled: i,
-      className: s("rst:flex rst:flex-col rst:gap-1.5", F),
-      ...E,
+      disabled: a,
+      className: s("rst:flex rst:flex-col rst:gap-1.5", L),
+      ...$,
       children: [
-        b && /* @__PURE__ */ r(W, { className: "rst:block rst:text-sm rst:font-medium rst:text-[var(--roster-control-text)] rst:text-left", children: b }),
-        /* @__PURE__ */ r(Y, { value: n, onChange: p, disabled: i, multiple: !0, children: /* @__PURE__ */ c("div", { ref: U, className: "rst:relative", children: [
+        b && /* @__PURE__ */ r(C, { className: "rst:block rst:text-sm rst:font-medium rst:text-[var(--roster-control-text)] rst:text-left", children: b }),
+        /* @__PURE__ */ r(K, { value: n, onChange: p, disabled: a, multiple: !0, children: /* @__PURE__ */ c("div", { ref: A, className: "rst:relative", children: [
           /* @__PURE__ */ c(
             "div",
             {
               className: s(
-                J({ variant: v, size: o, error: l }),
+                rt({ variant: v, size: o, error: l }),
                 "rst:h-auto rst:flex-wrap rst:items-center rst:gap-1.5 rst:py-1.5",
                 o === "sm" ? "rst:min-h-9" : o === "lg" ? "rst:min-h-11" : "rst:min-h-10",
-                N && a && "rst:pr-16",
+                N && i && "rst:pr-16",
                 /* The ring is on the shell and fires from `focus-within`, because
                    the element that actually takes focus is the invisible button
                    stretched across it — and, deliberately, from a dismiss
                    control too: those are inside the field and should light it. */
                 "rst:focus-within:ring-2 rst:focus-within:ring-ring",
-                i && "rst:opacity-50 rst:cursor-not-allowed",
-                L
+                a && "rst:opacity-50 rst:cursor-not-allowed",
+                R
               ),
               children: [
                 /* @__PURE__ */ r(
-                  C,
+                  X,
                   {
-                    ref: O,
-                    "aria-invalid": l || void 0,
+                    ref: S,
+                    "aria-invalid": U || void 0,
                     className: "rst:absolute rst:inset-0 rst:h-full rst:w-full rst:cursor-pointer rst:rounded-md rst:focus:outline-hidden rst:disabled:cursor-not-allowed",
-                    children: /* @__PURE__ */ r("span", { className: "rst:sr-only", children: a ? m === "count" ? `${n.length} selected` : d.map((t) => t.label).join(", ") : f })
+                    children: /* @__PURE__ */ r("span", { className: "rst:sr-only", children: i ? m === "count" ? `${n.length} selected` : d.map((t) => t.label).join(", ") : f })
                   }
                 ),
-                !a && /* @__PURE__ */ r(
+                !i && /* @__PURE__ */ r(
                   "span",
                   {
                     "aria-hidden": "true",
@@ -86,7 +87,7 @@ const bt = ({
                     children: f
                   }
                 ),
-                a && m === "count" && /* @__PURE__ */ c(
+                i && m === "count" && /* @__PURE__ */ c(
                   "span",
                   {
                     "aria-hidden": "true",
@@ -97,15 +98,15 @@ const bt = ({
                     ]
                   }
                 ),
-                a && m === "chips" && I.map((t, e) => /* @__PURE__ */ r(
-                  _,
+                i && m === "chips" && y.map((t, e) => /* @__PURE__ */ r(
+                  T,
                   {
                     size: "sm",
                     variant: w,
                     colorScheme: k,
-                    disabled: i,
-                    onRemove: () => p(n.filter((A) => A !== t.value)),
-                    removeLabel: j(t.label),
+                    disabled: a,
+                    onRemove: () => p(n.filter((M) => M !== t.value)),
+                    removeLabel: E(t.label),
                     className: s(
                       "rst:relative rst:max-w-[12rem] rst:pointer-events-none",
                       "rst:[&_button]:pointer-events-auto",
@@ -115,8 +116,8 @@ const bt = ({
                   },
                   `${e}-${String(t.value)}`
                 )),
-                P > 0 && m === "chips" && /* @__PURE__ */ c(
-                  _,
+                O > 0 && m === "chips" && /* @__PURE__ */ c(
+                  T,
                   {
                     size: "sm",
                     variant: w,
@@ -125,7 +126,7 @@ const bt = ({
                     className: "rst:pointer-events-none rst:relative rst:text-inherit rst:border-current/70 rst:dark:text-inherit rst:dark:border-current/70",
                     children: [
                       "+",
-                      P
+                      O
                     ]
                   }
                 ),
@@ -137,24 +138,24 @@ const bt = ({
                       o === "sm" ? "rst:pr-2.5" : "rst:pr-3"
                     ),
                     children: /* @__PURE__ */ r(
-                      S,
+                      _,
                       {
-                        icon: q,
+                        icon: J,
                         className: "rst:h-3.5 rst:w-3.5 rst:text-gray-400 rst:dark:text-gray-500",
                         "aria-hidden": "true"
                       }
                     )
                   }
                 ),
-                N && a && /* @__PURE__ */ r(
+                N && i && /* @__PURE__ */ r(
                   "button",
                   {
                     type: "button",
-                    disabled: i,
+                    disabled: a,
                     onClick: () => {
-                      p([]), O.current?.focus();
+                      p([]), S.current?.focus();
                     },
-                    "aria-label": D,
+                    "aria-label": j,
                     className: s(
                       /* `w-6` is not decoration: WCAG 2.5.8 asks 24x24 CSS px and
                          a bare 14px icon measured 20px wide. The spacing exception
@@ -167,9 +168,9 @@ const bt = ({
                       o === "sm" ? "rst:right-7" : "rst:right-8"
                     ),
                     children: /* @__PURE__ */ r(
-                      S,
+                      _,
                       {
-                        icon: G,
+                        icon: Q,
                         className: "rst:h-3.5 rst:w-3.5",
                         "aria-hidden": "true"
                       }
@@ -180,26 +181,26 @@ const bt = ({
             }
           ),
           /* @__PURE__ */ r(
-            Z,
+            G,
             {
-              as: M,
+              as: V,
               leave: "rst:transition rst:ease-in rst:duration-100",
               leaveFrom: "rst:opacity-100",
               leaveTo: "rst:opacity-0",
               children: /* @__PURE__ */ r(
-                K,
+                Z,
                 {
-                  anchor: tt,
+                  anchor: nt,
                   className: s(
-                    st($, v) && "dark",
-                    et,
-                    rt,
-                    R
+                    at(B, v) && "dark",
+                    it,
+                    ot,
+                    D
                   ),
                   children: u.map((t) => /* @__PURE__ */ r(
-                    Q,
+                    et,
                     {
-                      as: X,
+                      as: q,
                       value: t.value,
                       disabled: t.disabled,
                       size: o,
@@ -213,7 +214,7 @@ const bt = ({
           )
         ] }) }),
         (x || h) && /* @__PURE__ */ r(
-          H,
+          W,
           {
             className: s(
               "rst:text-xs rst:text-left",
@@ -227,5 +228,5 @@ const bt = ({
   );
 };
 export {
-  bt as MultiSelect
+  It as MultiSelect
 };

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

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

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

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

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

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

package/dist/components/atoms/Spinner/Spinner.d.ts

@@ -6,6 +6,11 @@ declare const spinnerVariants: (props?: ({
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface SpinnerProps extends VariantProps<typeof spinnerVariants> {
     className?: string;
+    /**
+     * What a screen reader hears: "loading" by default. Say what is loading
+     * ("Loading results") when there is more than one on screen.
+     */
+    label?: string;
 }
-export declare const Spinner: ({ variant, size, animation, className, }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Spinner: ({ variant, size, animation, className, label, }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,8 +1,8 @@
 "use client";
-import { jsx as e } from "react/jsx-runtime";
-import { cva as d } from "../../../node_modules/class-variance-authority/dist/index.js";
-import { cn as o } from "../../../lib/utils.js";
-const n = /* @__PURE__ */ d("rst:animate-spin rst:rounded-full rst:transition-colors", {
+import { jsx as d } from "react/jsx-runtime";
+import { cva as o } from "../../../node_modules/class-variance-authority/dist/index.js";
+import { cn as n } from "../../../lib/utils.js";
+const i = /* @__PURE__ */ o("rst:animate-spin rst:motion-reduce:animate-none rst:rounded-full rst:transition-colors", {
   variants: {
     variant: {
       primary: "rst:border-primary-600 rst:dark:border-primary-500",
@@ -36,13 +36,14 @@ const n = /* @__PURE__ */ d("rst:animate-spin rst:rounded-full rst:transition-co
   variant: r,
   size: t,
   animation: s,
-  className: a
-}) => /* @__PURE__ */ e(
+  className: a,
+  label: e = "loading"
+}) => /* @__PURE__ */ d(
   "div",
   {
-    className: o(n({ variant: r, size: t, animation: s }), a),
+    className: n(i({ variant: r, size: t, animation: s }), a),
     role: "status",
-    "aria-label": "loading"
+    "aria-label": e
   }
 );
 export {

package/dist/components/atoms/Textarea/Textarea.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),b=require("react"),q=require("../../../node_modules/@headlessui/react/dist/components/description/description.cjs"),j=require("../../../node_modules/@headlessui/react/dist/components/field/field.cjs"),p=require("../../../node_modules/@headlessui/react/dist/components/label/label.cjs"),y=require("../../../node_modules/@headlessui/react/dist/components/textarea/textarea.cjs"),r=require("../../../lib/utils.cjs"),N=require("./textarea-variants.cjs"),n=b.forwardRef(({className:c,label:s,helperText:a,errorMessage:e,variant:o,error:l,resize:x,disabled:d,textareaClassName:u,...m},f)=>{const i=!!e||l;return t.jsxs(j.Field,{className:r.cn("rst:w-full",c),children:[s&&t.jsx(p.Label,{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}),t.jsx(y.Textarea,{ref:f,disabled:d,className:r.cn(N.textareaVariants({variant:o,resize:x,error:i}),u),...m}),(a||e)&&t.jsx(q.Description,{className:r.cn("rst:text-xs rst:text-left rst:mt-1.5",i?"rst:text-error-600 rst:dark:text-error-400 rst:font-medium":"rst:text-gray-500 rst:dark:text-gray-400"),children:e||a})]})});n.displayName="Textarea";exports.Textarea=n;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),p=require("react"),v=require("../../../node_modules/@headlessui/react/dist/components/description/description.cjs"),y=require("../../../node_modules/@headlessui/react/dist/components/field/field.cjs"),N=require("../../../node_modules/@headlessui/react/dist/components/label/label.cjs"),h=require("../../../node_modules/@headlessui/react/dist/components/textarea/textarea.cjs"),s=require("../../../lib/utils.cjs"),w=require("./textarea-variants.cjs"),o=require("../../../internal/field-invalid.cjs"),l=p.forwardRef(({className:c,label:a,helperText:i,errorMessage:e,variant:d,error:x,resize:u,disabled:m,textareaClassName:f,...n},q)=>{const r=!!e||x,b=o.isFieldInvalid(r,n),j=o.withoutInvalidProps(n);return t.jsxs(y.Field,{className:s.cn("rst:w-full",c),children:[a&&t.jsx(N.Label,{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}),t.jsx(h.Textarea,{ref:q,disabled:m,className:s.cn(w.textareaVariants({variant:d,resize:u,error:r}),f),...j,invalid:b}),(i||e)&&t.jsx(v.Description,{className:s.cn("rst:text-xs rst:text-left rst:mt-1.5",r?"rst:text-error-600 rst:dark:text-error-400 rst:font-medium":"rst:text-gray-500 rst:dark:text-gray-400"),children:e||i})]})});l.displayName="Textarea";exports.Textarea=l;