@blakesteve/roster 4.5.0 → 4.6.0

package/dist/roster.es.js

@@ -1,6 +1,6 @@
 "use client";
-import { o as I, Y as Q, K as J, p as zt, m as Ea, n as oe, q as ot, r as ct, $ as ve, s as xe, w as tr, V as It, t as jt, u as pe, v as ht, x as ye, y as Kt, z as me, A as ge, C as Os, D as Cs, E as At, G as Mi, H as de, I as Li, J as _i, L as Z, j as f, F as mt, M as Vi, N as Na, O as Pa, P as xn, Q as Bi, R as Hi, B as Ut, S as zi, U as ps, W as hr, X as Oa, Z as Wi, _ as Ui, a0 as Ge, a1 as Yi, a2 as Gi, a3 as Ki, a4 as qi } from "./Table-DdLQnzNl.js";
-import { a5 as eg, T as rg, e as sg, a6 as ng, g as ag, a7 as og, c as ig, a as lg, b as cg, a8 as ug, a9 as dg, aa as fg, ab as pg, ac as mg, ad as gg, ae as hg } from "./Table-DdLQnzNl.js";
+import { o as I, Y as Q, K as J, p as zt, m as Ea, n as oe, q as ot, r as ct, $ as ve, s as xe, w as tr, V as It, t as jt, u as pe, v as ht, x as ye, y as Kt, z as me, A as ge, C as Os, D as Cs, E as At, G as Mi, H as de, I as Li, J as _i, L as Z, j as f, F as mt, M as Vi, N as Na, O as Pa, P as xn, Q as Bi, R as Hi, B as Ut, S as zi, U as ps, W as hr, X as Oa, Z as Wi, _ as Ui, a0 as Ge, a1 as Yi, a2 as Gi, a3 as Ki, a4 as qi } from "./Table-DuLc2mEo.js";
+import { a5 as eg, T as rg, e as sg, a6 as ng, g as ag, a7 as og, c as ig, a as lg, b as cg, a8 as ug, a9 as dg, aa as fg, ab as pg, ac as mg, ad as gg, ae as hg } from "./Table-DuLc2mEo.js";
 import * as y from "react";
 import S, { useState as X, useRef as V, isValidElement as Ca, useEffect as st, useContext as at, createContext as pt, useMemo as ft, useId as dt, useCallback as tt, useSyncExternalStore as Ta, useLayoutEffect as ja, cloneElement as Xi, Fragment as xt, useReducer as Qi, createRef as Zi, forwardRef as Ra } from "react";
 import { c as C } from "./utils-hNxf9HpA.js";
@@ -4198,7 +4198,7 @@ function Gf(t, e) {
 }
 let Kf = Q(Gf);
 const qf = Z(
-  "rst:font-ui rst:relative rst:inline-flex rst:items-center rst:justify-center rst:overflow-hidden rst:font-semibold rst:border rst:transition-colors rst:focus:outline-none rst:select-none rst:shrink-0 rst:shadow-sm",
+  "rst:font-ui rst:relative rst:inline-flex rst:items-center rst:justify-center rst:overflow-hidden rst:font-semibold rst:border rst:transition-colors rst:focus:outline-hidden rst:select-none rst:shrink-0 rst:shadow-sm",
   {
     variants: {
       size: {
@@ -4263,7 +4263,7 @@ const qf = Z(
         Tr,
         {
           as: "div",
-          className: "rst:outline-none rst:cursor-pointer rst:focus-visible:ring-2 rst:focus-visible:ring-primary-500 rst:focus-visible:ring-offset-2 rst:rounded-full",
+          className: "rst:cursor-pointer 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 rst:rounded-full",
           children: d
         }
       ),
@@ -4284,7 +4284,7 @@ const qf = Z(
 );
 fn.displayName = "Avatar";
 const Xf = Z(
-  "rst:font-ui rst:inline-flex rst:max-w-full rst:items-center rst:justify-center rst:font-medium rst:transition-colors rst:focus:outline-hidden rst:focus:ring-2 rst:focus:ring-ring rst:focus:ring-offset-2 rst:border",
+  "rst:font-ui rst:inline-flex rst:max-w-full rst:items-center rst:justify-center rst:font-medium rst:transition-colors rst:focus:outline-hidden rst:focus:ring-2 rst:focus:ring-ring rst:focus:ring-offset-2 rst:ring-offset-background rst:border",
   {
     variants: {
       variant: {
@@ -4343,11 +4343,11 @@ const Xf = Z(
       { fill: "outline", variant: "neutral", className: "rst:border-gray-500 rst:text-gray-600 rst:dark:border-gray-500 rst:dark:text-gray-400" },
       // --- SOLID ---
       { fill: "solid", variant: "primary", className: "rst:border-transparent rst:bg-primary-500 rst:hover:bg-primary-600 rst:text-white rst:dark:bg-primary-600 rst:dark:hover:bg-primary-500" },
-      { fill: "solid", variant: "orange", className: "rst:border-transparent rst:bg-orange-500 rst:hover:bg-orange-600 rst:text-white rst:dark:bg-orange-600 rst:dark:hover:bg-orange-500" },
-      { fill: "solid", variant: "teal", className: "rst:border-transparent rst:bg-teal-500 rst:hover:bg-teal-600 rst:text-white rst:dark:bg-teal-600 rst:dark:hover:bg-teal-500" },
-      { fill: "solid", variant: "purple", className: "rst:border-transparent rst:bg-purple-500 rst:hover:bg-purple-600 rst:text-white rst:dark:bg-purple-600 rst:dark:hover:bg-purple-500" },
-      { fill: "solid", variant: "amber", className: "rst:border-transparent rst:bg-amber-400 rst:hover:bg-amber-500 rst:text-black rst:dark:bg-amber-500 rst:dark:hover:bg-amber-400 rst:dark:text-gray-900" },
-      { fill: "solid", variant: "success", className: "rst:border-transparent rst:bg-success-500 rst:hover:bg-success-600 rst:text-white rst:dark:bg-success-600 rst:dark:hover:bg-success-500" },
+      { fill: "solid", variant: "orange", className: "rst:border-transparent rst:bg-orange-500 rst:hover:bg-orange-400 rst:text-gray-950 rst:dark:bg-orange-600 rst:dark:hover:bg-orange-700 rst:dark:text-white" },
+      { fill: "solid", variant: "teal", className: "rst:border-transparent rst:bg-teal-500 rst:hover:bg-teal-600 rst:text-gray-950 rst:dark:bg-teal-600 rst:dark:hover:bg-teal-500" },
+      { fill: "solid", variant: "purple", className: "rst:border-transparent rst:bg-purple-500 rst:hover:bg-purple-400 rst:text-gray-950 rst:dark:bg-purple-600 rst:dark:hover:bg-purple-700 rst:dark:text-white" },
+      { fill: "solid", variant: "amber", className: "rst:border-transparent rst:bg-amber-400 rst:hover:bg-amber-500 rst:text-gray-950 rst:dark:bg-amber-500 rst:dark:hover:bg-amber-400" },
+      { fill: "solid", variant: "success", className: "rst:border-transparent rst:bg-success-500 rst:hover:bg-success-400 rst:text-gray-950 rst:dark:bg-success-600 rst:dark:hover:bg-success-700 rst:dark:text-white" },
       { fill: "solid", variant: "error", className: "rst:border-transparent rst:bg-error-500 rst:hover:bg-error-600 rst:text-white rst:dark:bg-error-600 rst:dark:hover:bg-error-500" },
       { fill: "solid", variant: "neutral", className: "rst:border-transparent rst:bg-gray-500 rst:hover:bg-gray-600 rst:text-white rst:dark:bg-gray-600 rst:dark:hover:bg-gray-500" },
       // --- STATUS PILL SIZES ---
@@ -4473,7 +4473,7 @@ const Qf = Z(
 );
 Zf.displayName = "Card";
 const Jf = Z(
-  "rst:font-ui rst:flex rst:items-center rst:justify-center rst:shrink-0 rst:transition-colors rst:focus:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-offset-2",
+  "rst:font-ui rst:flex rst:items-center rst:justify-center rst:shrink-0 rst:transition-colors rst:focus:outline-hidden rst:focus-visible:ring-ring rst:focus-visible:ring-2 rst:focus-visible:ring-offset-2 rst:ring-offset-background",
   {
     variants: {
       size: {
@@ -4506,7 +4506,7 @@ const Jf = Z(
       { checked: !0, variant: "solid", colorScheme: "orange", className: "rst:bg-orange-600 rst:border-orange-600 rst:text-white rst:dark:bg-orange-600 rst:dark:border-orange-500" },
       { checked: !0, variant: "solid", colorScheme: "teal", className: "rst:bg-teal-600 rst:border-teal-600 rst:text-white rst:dark:bg-teal-600 rst:dark:border-teal-500" },
       { checked: !0, variant: "solid", colorScheme: "purple", className: "rst:bg-purple-600 rst:border-purple-600 rst:text-white rst:dark:bg-purple-600 rst:dark:border-purple-500" },
-      { checked: !0, variant: "solid", colorScheme: "amber", className: "rst:bg-amber-400 rst:border-amber-400 rst:text-black rst:dark:bg-amber-500 rst:dark:border-amber-500 rst:dark:text-gray-900" },
+      { checked: !0, variant: "solid", colorScheme: "amber", className: "rst:bg-amber-400 rst:border-amber-400 rst:text-gray-950 rst:dark:bg-amber-500 rst:dark:border-amber-500" },
       { checked: !0, variant: "solid", colorScheme: "success", className: "rst:bg-success-600 rst:border-success-600 rst:text-white rst:dark:bg-success-600 rst:dark:border-success-500" },
       { checked: !0, variant: "solid", colorScheme: "error", className: "rst:bg-error-600 rst:border-error-600 rst:text-white rst:dark:bg-error-600 rst:dark:border-error-500" },
       { checked: !0, variant: "solid", colorScheme: "neutral", className: "rst:bg-gray-600 rst:border-gray-600 rst:text-white rst:dark:bg-gray-600 rst:dark:border-gray-500" },
@@ -4580,7 +4580,7 @@ const Jf = Z(
 );
 t0.displayName = "Checkbox";
 const e0 = Z(
-  "rst:font-ui rst:group rst:flex rst:w-full rst:items-center rst:justify-between rst:px-4 rst:py-3 rst:text-left rst:text-sm rst:font-medium rst:transition-all rst:focus:outline-none rst:focus-visible:ring-2 rst:focus-visible:ring-primary-500/75 rst:cursor-pointer rst:z-10 rst:relative",
+  "rst:font-ui rst:group rst:flex rst:w-full rst:items-center rst:justify-between rst:px-4 rst:py-3 rst:text-left rst:text-sm rst:font-medium rst:transition-all rst:focus:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:cursor-pointer rst:z-10 rst:relative",
   {
     variants: {
       variant: {
@@ -4682,7 +4682,7 @@ const e0 = Z(
     )
   ] });
 }, n0 = Z(
-  "rst:font-ui rst:flex rst:w-full rst:rounded-md rst:border rst:py-2.5 rst:px-4 rst:text-sm rst:ring-offset-background rst:file:border-0 rst:file:bg-transparent rst:file:text-sm rst:file:font-medium rst:focus-visible:outline-none rst:focus-visible:ring-2 rst:focus-visible:ring-primary-500 rst:dark:focus-visible:ring-primary-400 rst:disabled:cursor-not-allowed rst:disabled:opacity-50 rst:transition-all",
+  "rst:font-ui rst:flex rst:w-full 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:file:border-0 rst:file:bg-transparent rst:file:text-sm rst:file:font-medium 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-all",
   {
     variants: {
       variant: {
@@ -4801,7 +4801,7 @@ const e0 = Z(
 );
 ii.displayName = "Input";
 const a0 = Z(
-  "rst:inline-flex rst:items-center rst:gap-1.5 rst:font-semibold rst:transition-colors rst:focus:outline-none rst:focus-visible:ring-2 rst:focus-visible:ring-primary-500 rst:dark:focus-visible:ring-primary-400 rst:rounded-sm rst:cursor-pointer",
+  "rst:inline-flex rst:items-center rst:gap-1.5 rst:font-semibold rst:transition-colors rst:focus:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:rounded-sm rst:cursor-pointer",
   {
     variants: {
       variant: {
@@ -4921,7 +4921,7 @@ const a0 = Z(
             className: C(
               "rst:-m-1 rst:flex rst:items-center rst:rounded rst:p-1 rst:transition-opacity",
               "rst:opacity-70 rst:hover:opacity-100",
-              "rst:focus:outline-none rst:focus-visible:ring-2 rst:focus-visible:ring-primary-500 rst:dark:focus-visible:ring-primary-400",
+              "rst:focus:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring",
               o && "rst:cursor-not-allowed rst:opacity-40 rst:hover:opacity-40"
             ),
             children: /* @__PURE__ */ f.jsx(
@@ -4979,10 +4979,10 @@ const i0 = Z(
       { variant: "outline", colorScheme: "neutral", className: "rst:border-gray-300 rst:text-gray-700 rst:dark:border-gray-600 rst:dark:text-gray-300" },
       // Solid is for when the pill is the loudest thing in its row on purpose.
       { variant: "solid", colorScheme: "primary", className: "rst:bg-primary-500 rst:text-white" },
-      { variant: "solid", colorScheme: "success", className: "rst:bg-success-500 rst:text-white" },
+      { variant: "solid", colorScheme: "success", className: "rst:bg-success-500 rst:text-gray-950" },
       { variant: "solid", colorScheme: "error", className: "rst:bg-error-500 rst:text-white" },
-      { variant: "solid", colorScheme: "amber", className: "rst:bg-amber-500 rst:text-amber-950" },
-      { variant: "solid", colorScheme: "info", className: "rst:bg-info-500 rst:text-white" },
+      { variant: "solid", colorScheme: "amber", className: "rst:bg-amber-500 rst:text-gray-950" },
+      { variant: "solid", colorScheme: "info", className: "rst:bg-info-500 rst:text-gray-950" },
       { variant: "solid", colorScheme: "neutral", className: "rst:bg-gray-600 rst:text-white rst:dark:bg-gray-500" }
     ],
     defaultVariants: {
@@ -5230,7 +5230,7 @@ const x0 = S.forwardRef(
 );
 x0.displayName = "ThemeToggle";
 const y0 = Z(
-  "rst:font-ui rst:relative rst:w-full rst:cursor-pointer rst:rounded-md rst:py-2.5 rst:pl-4 rst:pr-10 rst:text-left rst:text-sm rst:font-medium rst:shadow-sm rst:ring-1 rst:ring-inset rst:transition-all rst:focus:outline-none rst:focus:ring-2 rst:focus:ring-primary-500 rst:dark:focus:ring-primary-400 rst:sm:leading-6",
+  "rst:font-ui rst:relative rst:w-full rst:cursor-pointer rst:rounded-md rst:py-2.5 rst:pl-4 rst:pr-10 rst:text-left rst:text-sm rst:font-medium rst:shadow-sm rst:ring-1 rst:ring-inset rst:transition-all rst:focus:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:sm:leading-6",
   {
     variants: {
       variant: {
@@ -5309,7 +5309,7 @@ const y0 = Z(
                 {
                   anchor: "bottom start",
                   className: C(
-                    "rst:w-(--button-width) rst:z-50 rst:rounded-md rst:bg-white rst:dark:bg-gray-800 rst:py-1 rst:text-base rst:shadow-lg rst:ring-1 rst:ring-black/5 rst:dark:ring-gray-700 rst:focus:outline-none rst:sm:text-sm",
+                    "rst:w-(--button-width) rst:z-50 rst:rounded-md rst:bg-white rst:dark:bg-gray-800 rst:py-1 rst:text-base rst:shadow-lg rst:ring-1 rst:ring-black/5 rst:dark:ring-gray-700 rst:focus:outline-hidden rst:sm:text-sm",
                     "rst:[--anchor-gap:4px]"
                   ),
                   children: t.map((u) => /* @__PURE__ */ f.jsxs(
@@ -5341,14 +5341,14 @@ const y0 = Z(
     )
   ] });
 }, w0 = Z(
-  "rst:font-ui rst:group rst:relative rst:inline-flex rst:shrink-0 rst:cursor-pointer rst:rounded-full rst:border-2 rst:border-transparent rst:transition-colors rst:duration-200 rst:ease-in-out rst:focus:outline-none rst:focus-visible:ring-2 rst:focus-visible:ring-offset-2 rst:disabled:cursor-not-allowed rst:disabled:opacity-50",
+  "rst:font-ui rst:group rst:relative rst:inline-flex rst:shrink-0 rst:cursor-pointer rst:rounded-full rst:border-2 rst:border-transparent rst:transition-colors rst:duration-200 rst:ease-in-out rst:focus:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-offset-2 rst:ring-offset-background rst:disabled:cursor-not-allowed rst:disabled:opacity-50",
   {
     variants: {
       variant: {
-        primary: "rst:bg-gray-200 rst:dark:bg-gray-700 rst:data-[checked]:bg-primary-500 rst:focus-visible:ring-primary-500",
-        success: "rst:bg-gray-200 rst:dark:bg-gray-700 rst:data-[checked]:bg-green-500 rst:focus-visible:ring-green-500",
-        danger: "rst:bg-gray-200 rst:dark:bg-gray-700 rst:data-[checked]:bg-error-500 rst:focus-visible:ring-error-500",
-        neutral: "rst:bg-gray-200 rst:dark:bg-gray-700 rst:data-[checked]:bg-gray-600 rst:dark:data-[checked]:bg-gray-500 rst:focus-visible:ring-gray-600"
+        primary: "rst:bg-gray-200 rst:dark:bg-gray-700 rst:data-[checked]:bg-primary-500 rst:focus-visible:ring-ring",
+        success: "rst:bg-gray-200 rst:dark:bg-gray-700 rst:data-[checked]:bg-green-500 rst:focus-visible:ring-ring",
+        danger: "rst:bg-gray-200 rst:dark:bg-gray-700 rst:data-[checked]:bg-error-500 rst:focus-visible:ring-ring",
+        neutral: "rst:bg-gray-200 rst:dark:bg-gray-700 rst:data-[checked]:bg-gray-600 rst:dark:data-[checked]:bg-gray-500 rst:focus-visible:ring-ring"
       },
       size: {
         xs: "rst:h-4 rst:w-7",
@@ -5439,7 +5439,7 @@ const y0 = Z(
     }
   );
 }, S0 = Z(
-  "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-white rst:dark:ring-offset-gray-950 rst:placeholder:text-gray-400 rst:focus-visible:outline-none rst:focus-visible:ring-2 rst:focus-visible:ring-primary-500 rst:dark:focus-visible:ring-primary-400 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: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: {
@@ -6978,7 +6978,7 @@ const Mp = Z(
               type: "button",
               onClick: a,
               "aria-label": o,
-              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-none rst:focus-visible:ring-2 rst:focus-visible:ring-current",
+              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: /* @__PURE__ */ f.jsx(mt, { icon: Ge, className: "rst:h-3.5 rst:w-3.5", "aria-hidden": "true" })
             }
           )
@@ -7140,7 +7140,7 @@ const ga = Z(
           href: s,
           className: C(
             ga({ variant: o }),
-            "rst:hover:underline-none"
+            "rst:hover:no-underline"
           ),
           "aria-label": "Home",
           children: /* @__PURE__ */ f.jsx(mt, { icon: Yi, className: "rst:h-4 rst:w-4" })
@@ -7702,7 +7702,7 @@ const hm = (t) => {
   {
     variants: {
       variant: {
-        gradient: "rst:text-transparent rst:animate-pulse rst:bg-gradient-to-br rst:from-primary-700 rst:via-accent-600 rst:to-primary-700 rst:dark:from-primary-400 rst:dark:via-accent-300 rst:dark:to-primary-400 rst:drop-shadow-sm rst:dark:drop-shadow-md",
+        gradient: "rst:text-transparent rst:animate-shimmer rst:drop-shadow-sm rst:dark:drop-shadow-md",
         primary: "rst:text-primary-600 rst:dark:text-primary-400",
         neutral: "rst:text-gray-900 rst:dark:text-gray-100"
       },
@@ -7848,7 +7848,7 @@ const ym = Z(
     }
   }
 ), wm = Z("rst:text-xl rst:font-bold rst:leading-6 rst:text-inherit"), km = Z("rst:mt-1 rst:text-sm rst:text-inherit rst:opacity-75"), Sm = Z(
-  "rst:inline-flex rst:rounded-md rst:bg-transparent rst:text-inherit rst:opacity-50 rst:hover:opacity-100 rst:focus:outline-none rst:focus:ring-2 rst:focus:ring-primary-500 rst:focus:ring-offset-2 rst:transition-opacity"
+  "rst:inline-flex rst:rounded-md rst:bg-transparent rst:text-inherit rst:opacity-50 rst:hover:opacity-100 rst:focus:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:focus-visible:ring-offset-2 rst:ring-offset-background rst:transition-opacity"
 ), qm = ({
   isOpen: t,
   onClose: e,
@@ -8130,7 +8130,7 @@ const Xm = ({
               }) }),
               O,
               U ?? (i ? /* @__PURE__ */ f.jsxs(gf, { as: "div", className: "rst:relative rst:ml-2", children: [
-                /* @__PURE__ */ f.jsxs(ei, { className: "rst:relative rst:flex rst:rounded-full rst:text-sm rst:focus:outline-none rst:focus:ring-2 rst:focus:ring-primary-500 rst:focus:ring-offset-2 rst:ring-offset-transparent", children: [
+                /* @__PURE__ */ f.jsxs(ei, { className: "rst:relative rst:flex rst:rounded-full rst:text-sm 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", children: [
                   /* @__PURE__ */ f.jsx("span", { className: "rst:sr-only", children: "Open user menu" }),
                   /* @__PURE__ */ f.jsx(
                     fn,
@@ -8163,7 +8163,7 @@ const Xm = ({
                     leave: "rst:transition rst:ease-in rst:duration-75",
                     leaveFrom: "rst:transform rst:opacity-100 rst:scale-100",
                     leaveTo: "rst:transform rst:opacity-0 rst:scale-95",
-                    children: /* @__PURE__ */ f.jsxs(ri, { className: "rst:absolute rst:right-0 rst:z-50 rst:mt-2 rst:w-48 rst:origin-top-right rst:rounded-md rst:bg-white rst:dark:bg-gray-800 rst:py-1 rst:shadow-lg rst:ring-1 rst:ring-black/5 rst:dark:ring-white/10 rst:focus:outline-none rst:divide-y rst:divide-gray-100 rst:dark:divide-gray-700", children: [
+                    children: /* @__PURE__ */ f.jsxs(ri, { className: "rst:absolute rst:right-0 rst:z-50 rst:mt-2 rst:w-48 rst:origin-top-right rst:rounded-md rst:bg-white rst:dark:bg-gray-800 rst:py-1 rst:shadow-lg rst:ring-1 rst:ring-black/5 rst:dark:ring-white/10 rst:focus:outline-hidden rst:divide-y rst:divide-gray-100 rst:dark:divide-gray-700", children: [
                       /* @__PURE__ */ f.jsxs("div", { className: "rst:py-1", children: [
                         P && u && /* @__PURE__ */ f.jsx(ze, { children: ({ focus: j }) => /* @__PURE__ */ f.jsxs(
                           Ut,
@@ -8282,7 +8282,7 @@ const Xm = ({
               Tr,
               {
                 className: C(
-                  "rst:inline-flex rst:items-center rst:justify-center rst:rounded-md rst:p-2 rst:focus:outline-none rst:focus:ring-2 rst:focus:ring-inset rst:focus:ring-primary-500",
+                  "rst:inline-flex rst:items-center rst:justify-center rst:rounded-md rst:p-2 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",
                   R.hamburger
                 ),
                 children: [
@@ -8341,7 +8341,7 @@ const Xm = ({
                           ),
                           d ?? /* @__PURE__ */ f.jsx("span", { className: "rst:font-bold rst:text-gray-900 rst:dark:text-white", children: s })
                         ] }),
-                        /* @__PURE__ */ f.jsx("div", { className: "rst:-mr-2", children: /* @__PURE__ */ f.jsxs(Tr, { className: "rst:inline-flex rst:items-center rst:justify-center rst:rounded-md rst:p-2 rst:text-gray-400 rst:hover:bg-gray-100 rst:dark:hover:bg-gray-700 rst:hover:text-gray-500 rst:dark:hover:text-white rst:focus:outline-none", children: [
+                        /* @__PURE__ */ f.jsx("div", { className: "rst:-mr-2", children: /* @__PURE__ */ f.jsxs(Tr, { className: "rst:inline-flex rst:items-center rst:justify-center rst:rounded-md rst:p-2 rst:text-gray-400 rst:hover:bg-gray-100 rst:dark:hover:bg-gray-700 rst:hover:text-gray-500 rst:dark:hover:text-white rst:focus:outline-hidden", children: [
                           /* @__PURE__ */ f.jsx("span", { className: "rst:sr-only", children: "Close menu" }),
                           /* @__PURE__ */ f.jsx(
                             mt,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blakesteve/roster",
-  "version": "4.5.0",
+  "version": "4.6.0",
   "description": "A production-grade atomic component library: accessible, theme-aware, and documented in Storybook. React 19, TypeScript, Tailwind CSS v4.",
   "keywords": [
     "react",
@@ -52,7 +52,7 @@
   },
   "scripts": {
     "dev": "vite",
-    "build": "tsc -b && vite build && node scripts/check-prefix.mjs",
+    "build": "tsc -b && vite build && node scripts/check-prefix.mjs && node scripts/check-classes-emit.mjs",
     "lint": "eslint .",
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006",
@@ -60,7 +60,8 @@
     "test": "vitest",
     "test:ui": "vitest --ui",
     "test:run": "vitest run",
-    "check:prefix": "node scripts/check-prefix.mjs"
+    "check:prefix": "node scripts/check-prefix.mjs",
+    "check:classes-emit": "node scripts/check-classes-emit.mjs"
   },
   "peerDependencies": {
     "react": "^19.2.0",