@blakesteve/roster 5.2.1 → 5.3.0

package/README.md

@@ -162,6 +162,24 @@ is not a descendant of your container. Set those at `:root`. See
 bar paints _itself_ with. Pair them with `themeMode="auto"` and the nav follows
 whatever `ThemeToggle` sets.
 
+#### Dark mode and `:root` overrides
+
+Several token families are declared twice by Roster, once at `:root` and once
+under `.dark`, because dark needs a different value. Override those in **both**
+scopes. A `:root`-only override is wrong in dark mode either way, and which way
+depends on load order, because the two selectors have the same specificity:
+
+- Your stylesheet loads **before** Roster's, or `.dark` sits below the root
+  (`Select`, `Combobox` and `MultiSelect` copy it onto their portaled panels,
+  the `Toaster` onto its queue): Roster's `.dark` value wins and yours is
+  discarded.
+- Your stylesheet loads **after** Roster's, with `.dark` on `<html>`: your
+  `:root` value wins, and your light value lands on a dark page.
+
+Tokens Roster never declares, such as the [shape tokens](#shape) and
+`--roster-elevation-control`, have no such rule to lose to, so `:root` alone
+covers both schemes.
+
 ### Elevation
 
 Three levels, each a themeable box-shadow, and the only way a surface should
@@ -178,10 +196,17 @@ express depth.
 .dark { --roster-elevation-raised: 0 2px 0 0 rgb(0 0 0 / 0.9); }
 ```
 
-Set them in **both** scopes. Roster re-declares all three under `.dark`, which
-is a closer ancestor than `:root`, so a `:root`-only override is simply
-inherited past in dark mode — the same trap the control and popover families
-document.
+Set them in **both** scopes. Roster re-declares all three under `.dark` with
+the same specificity as `:root`, so a `:root`-only override either loses to
+Roster's dark value or carries your light value onto a dark page, depending on
+which stylesheet loads last ([Dark mode and `:root` overrides](#dark-mode-and-root-overrides)).
+
+**Never set a level to `none`.** A ring is a box-shadow composed into the same
+declaration, so `none` deletes it along with the shadow: the 1px edge of every
+`Select`, `Combobox` and `MultiSelect` panel, `Tooltip` and `Navbar` menu
+vanishes. On the control level below it is worse: the `Select` trigger loses
+its edge, and `Button` and `Select` lose their focus ring. For no shadow, use
+`0 0 #0000`.
 
 Apply them with `rst:elevation-raised`, `rst:elevation-anchored` and
 `rst:elevation-overlay`.
@@ -196,14 +221,24 @@ a surface, so a token that also set a background would mean something different
 inside each name. Fill stays with `--roster-card-*`, `--roster-popover-*` and
 `--roster-control-*`.
 
-**Controls are not surfaces.** `Button`, the `Select` trigger and the `Avatar`
-ring keep their own `shadow-sm` and stay out of the scale. A button and a card
-do not have the same relationship to the page, and giving a 32px control the
-depth of a card is how a scale stops meaning anything. `src/elevation.test.ts`
-holds that exemption list and fails on a surface that reaches for a raw shadow.
+**Controls are not surfaces, so they have a level of their own.** `Button`
+(`solid` and `outline`), the `Select` trigger, `Avatar` and the `Switch` thumb
+carry a lighter lift, `rst:elevation-control`, and stay out of the three
+surface levels. A button and a card do not have the same relationship to the
+page, and giving a 32px control the depth of a card is how a scale stops
+meaning anything. `src/elevation.test.ts` fails on any raw Tailwind shadow.
+
+```css
+/* Flat controls, or a hard printed edge, without touching cards. */
+:root { --roster-elevation-control: 0 0 #0000; }
+```
+
+`--roster-elevation-control` is a hook: Roster never sets it, and its fallback
+is Tailwind's `shadow-sm`, so nothing changes until you set it, and a `:root`
+value holds in both schemes.
 
 **Forced-colors mode gets an outline, on `anchored` only.** Those surfaces draw
-their border as `ring-1`, which is itself a box-shadow — and forced-colors drops
+their border as a `ring`, which is itself a box-shadow — and forced-colors drops
 `box-shadow`, taking the edge along with the depth. `anchored` carries
 `outline: 1px solid CanvasText` in that mode, as an outline rather than a border
 so nothing shifts by a pixel, and again at `:focus` because those panels are
@@ -218,6 +253,67 @@ few units. The dark values lean much heavier and still do less than their light
 counterparts. On the darkest grounds the **border** is what separates a surface;
 these levels are a lift on top of it, not a replacement for it.
 
+### Shape
+
+Corner radius, edge width and the overlay backdrop, each one property. Every
+default is the value Roster drew before these existed, so setting none of them
+changes nothing.
+
+| token | default | reshapes |
+| ----- | ------- | -------- |
+| `--roster-radius-sm` | `0.25rem` | `Button` `xs`, `Checkbox` `sm` and `md`, `InlineCode`, `Link`, `MultiSelect`'s chip dismiss, the dismiss and reveal buttons in `Alert`, `Toast` and `PasswordInput` |
+| `--roster-radius-md` | `0.375rem` | `Button`, `Input`, `Textarea`, `Select`, `MultiSelect`, `Badge`, `Avatar` and its popover, `Checkbox` `lg`, `CheckboxGroup`'s panel, `Disclosure`, `Dialog`'s and `Sheet`'s close buttons, `Navbar`'s links and menu, popup panels, `Table` |
+| `--roster-radius-lg` | `0.5rem` | `Alert`, `Toast`, `Tooltip`, `CallToAction`, `EmptyState`, `ErrorState`, `LiquidTabs`, `MatchupCard`, `Navbar`'s mobile panel |
+| `--roster-radius-xl` | `0.75rem` | `Card`, `LiquidTabs`' `pill` strip |
+| `--roster-radius-2xl` | `1rem` | `Dialog`, the top of `Sheet` |
+| `--roster-radius-3xl` | `1.5rem` | nothing yet; wired for the first component that uses it |
+| `--roster-border-width` | `1px` | every 1px edge: borders, `divide-y`, the ring `Select`'s trigger and the anchored panels draw their edge with, and the rules in `Accordion` and `LabeledDivider` |
+| `--roster-backdrop` | each component's own | the scrim behind `Dialog` (every variant) and `Sheet` |
+| `--roster-backdrop-blur` | `8px` | `Dialog`'s backdrop |
+
+```css
+/* A print look: square corners and heavy keylines. */
+:root {
+  --roster-radius-sm: 0;
+  --roster-radius-md: 0;
+  --roster-radius-lg: 0;
+  --roster-radius-xl: 0;
+  --roster-radius-2xl: 0;
+  --roster-radius-3xl: 0;
+  --roster-border-width: 2px;
+  --roster-backdrop: rgb(20 17 13 / 0.7);
+  --roster-backdrop-blur: 0px;
+}
+```
+
+All of them are hooks: Roster never declares them, so a value set at `:root`
+holds in both schemes. Set one under `.dark` as well only if dark wants a
+different value.
+
+**Radius steps are independent.** Setting `--roster-radius-md` leaves `-lg`
+where it was, and every component on a step moves together: there is no
+per-component radius. `rounded-full` is not a step, so circles stay circles.
+
+**Deliberate widths stay.** Only 1px edges follow `--roster-border-width`.
+`Dialog`'s 4px status bar, `Alert`'s accent rule, `EmptyState`'s dashed 2px,
+`Spinner`'s stroke, the `Switch` track's 2px inset and every focus ring keep
+their widths. `Select`'s and `MultiSelect`'s focus ring is their edge plus a
+pixel, so focus is still a heavier line at any width.
+
+**The backdrop is shared, its defaults are not.** `Sheet` and `Dialog` never
+drew the same scrim (in dark mode `Sheet` uses pure black and `Dialog` Roster's
+warm `--roster-black`), so each keeps its own default until you set
+`--roster-backdrop`, and then both use yours. `Dialog`'s `glass` variant reads
+it too, but stays unblurred. `--roster-sheet-backdrop`, the earlier name, still
+works and still moves `Sheet` alone; `--roster-backdrop` wins when both are set.
+
+**Radius and backdrop blur moved namespace, a small breaking change like
+mono's.** Corners used to resolve through `--rst-radius-sm` to `-3xl`, and
+`Dialog`'s blur through `--rst-blur-sm`, Tailwind-internal variables an app
+could set and Roster never promised. Nothing emits or reads them now. An app
+that set one moves to the matching `--roster-*` name. Setting neither is
+unaffected.
+
 ### The three font roles
 
 Roster exposes three type roles, each settable with one custom property:
@@ -426,9 +522,9 @@ Retint it for your own accent:
 }
 ```
 
-Set it in **both** scopes. Roster's own `.dark` rule has the same specificity
-and comes later in the stylesheet, so a `:root`-only override is silently
-discarded in dark mode.
+Set it in **both** scopes. Roster's own `.dark` rule has the same specificity,
+so a `:root`-only override is wrong in dark mode one way or the other
+([Dark mode and `:root` overrides](#dark-mode-and-root-overrides)).
 
 The band matters more than it looks. Without it the ring sits directly on the
 fill, and a `primary-500` ring on a `primary-600` button is 1.37:1 — which is
@@ -470,7 +566,8 @@ self-contained — the same reasoning as not bundling a preflight.
 (280ms), `--roster-sheet-leave-duration` (200ms), the two matching easings, and
 `--roster-sheet-fade-duration` (150ms), which is the whole of its motion under
 reduced motion: a fade, with no slide. Set them at `:root`; they are the same in
-both schemes, so they are not redeclared under `.dark`.
+both schemes, so they are not redeclared under `.dark`. Its backdrop is
+`--roster-backdrop`, shared with `Dialog` ([Shape](#shape)).
 
 `animate-shimmer` is a highlight travelling across a base, used by `Countdown`'s
 `gradient` variant. Retint it with two variables:
@@ -508,8 +605,8 @@ its `label` (default "loading") says so.
 }
 ```
 
-Set it in both scopes — Roster's own `.dark` rule has equal specificity and comes
-later, so a `:root`-only override is discarded in dark mode.
+Set it in both scopes, for the reason in
+[Dark mode and `:root` overrides](#dark-mode-and-root-overrides).
 
 The default sits close to what the browser already draws, on purpose: a
 component library should not repaint your scrollbars merely for being installed.
@@ -550,14 +647,18 @@ on white but only 2.53 on a gray-800 Dialog, while gray-400 reaches 6.01 there
 and 2.52 on white. No single step of the ramp clears 3:1 both ways. The old
 gray-300 / gray-700 pair was 1.49 and 1.48 — a hairline rather than a boundary.
 
-Set them in both scopes, for the same reason the scrollbar thumb needs both:
-Roster's own `.dark` rule has equal specificity and comes later.
+Set them in both scopes, for the reason in
+[Dark mode and `:root` overrides](#dark-mode-and-root-overrides).
 
 Three of the four still default to what the components used to hardcode.
 `--roster-control-border` does not — the 1.4.11 pass moved it two ramp steps —
-so installing this version **does** change how your fields look, deliberately. Placeholder color, the error state, and the
+so installing this version **does** change how your fields look, deliberately. The error state and the
 focus ring are deliberately not on tokens — the ring is already
-`--roster-ring`, and error styling should stay recognizably an error.
+`--roster-ring`, and error styling should stay recognizably an error. The
+placeholder has no token of its own: in `outline` it is `--roster-control-text`
+at 65%, so it follows the text to whatever surface you chose it for and stays
+above 4.5:1 there (5.46:1 on a white page, 7.76 on the dark one, 5.02 inside a
+`slate` Dialog). An error no longer recolors it.
 
 Not every control uses every token: `Select` takes the first three, because
 focus on its trigger is the shared `--roster-ring` rather than a border color,

package/dist/components/atoms/Avatar/Avatar.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),n=require("react"),o=require("../../../lib/utils.cjs"),h=require("./avatar-variants.cjs"),t=require("../../../node_modules/@headlessui/react/dist/components/popover/popover.cjs"),i=n.forwardRef(({className:c,size:l,colorScheme:u,shape:d,initials:g,src:s,alt:v,title:e,...m},f)=>{const[p,b]=n.useState(!1),x=s&&!p,a=r.jsx("div",{ref:f,className:o.cn(h.avatarVariants({size:l,colorScheme:u,shape:d}),c),...m,children:x?r.jsx("img",{src:s,alt:v||"Avatar",className:"rst:h-full rst:w-full rst:object-cover",onError:()=>b(!0)}):r.jsx("span",{className:"rst:leading-none rst:uppercase",children:g?.slice(0,2)})});return e?r.jsxs(t.Popover,{className:"rst:relative rst:inline-flex",children:[r.jsx(t.PopoverButton,{as:"div",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:a}),r.jsx(t.PopoverPanel,{anchor:"bottom",className:o.cn("rst:z-50 rst:mt-2 rst:rounded-md rst:px-3 rst:py-1.5 rst:text-xs rst:font-medium rst:elevation-anchored rst:backdrop-blur-md rst:ring-1","rst:bg-gray-900/95 rst:text-white rst:ring-black/5 rst:dark:bg-gray-100/95 rst:dark:text-gray-900 rst:dark:ring-white/20","rst:transition rst:duration-200 rst:ease-in-out rst:data-closed:opacity-0 rst:data-closed:translate-y-1"),children:e})]}):a});i.displayName="Avatar";exports.Avatar=i;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),n=require("react"),o=require("../../../lib/utils.cjs"),h=require("./avatar-variants.cjs"),t=require("../../../node_modules/@headlessui/react/dist/components/popover/popover.cjs"),i=n.forwardRef(({className:c,size:l,colorScheme:u,shape:d,initials:g,src:s,alt:v,title:e,...m},f)=>{const[p,b]=n.useState(!1),x=s&&!p,a=r.jsx("div",{ref:f,className:o.cn(h.avatarVariants({size:l,colorScheme:u,shape:d}),c),...m,children:x?r.jsx("img",{src:s,alt:v||"Avatar",className:"rst:h-full rst:w-full rst:object-cover",onError:()=>b(!0)}):r.jsx("span",{className:"rst:leading-none rst:uppercase",children:g?.slice(0,2)})});return e?r.jsxs(t.Popover,{className:"rst:relative rst:inline-flex",children:[r.jsx(t.PopoverButton,{as:"div",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:a}),r.jsx(t.PopoverPanel,{anchor:"bottom",className:o.cn("rst:z-50 rst:mt-2 rst:rounded-md rst:px-3 rst:py-1.5 rst:text-xs rst:font-medium rst:elevation-anchored rst:backdrop-blur-md rst:ring","rst:bg-gray-900/95 rst:text-white rst:ring-black/5 rst:dark:bg-gray-100/95 rst:dark:text-gray-900 rst:dark:ring-white/20","rst:transition rst:duration-200 rst:ease-in-out rst:data-closed:opacity-0 rst:data-closed:translate-y-1"),children:e})]}):a});i.displayName="Avatar";exports.Avatar=i;

package/dist/components/atoms/Avatar/Avatar.js

@@ -47,7 +47,7 @@ const w = b.forwardRef(
         {
           anchor: "bottom",
           className: a(
-            "rst:z-50 rst:mt-2 rst:rounded-md rst:px-3 rst:py-1.5 rst:text-xs rst:font-medium rst:elevation-anchored rst:backdrop-blur-md rst:ring-1",
+            "rst:z-50 rst:mt-2 rst:rounded-md rst:px-3 rst:py-1.5 rst:text-xs rst:font-medium rst:elevation-anchored rst:backdrop-blur-md rst:ring",
             "rst:bg-gray-900/95 rst:text-white rst:ring-black/5 rst:dark:bg-gray-100/95 rst:dark:text-gray-900 rst:dark:ring-white/20",
             "rst:transition rst:duration-200 rst:ease-in-out rst:data-closed:opacity-0 rst:data-closed:translate-y-1"
           ),

package/dist/components/atoms/Avatar/avatar-variants.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../node_modules/class-variance-authority/dist/index.cjs"),t=r.cva("rst:font-ui rst: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:{xs:"rst:h-6 rst:w-6 rst:text-[10px]",sm:"rst:h-8 rst:w-8 rst:text-xs",md:"rst:h-10 rst:w-10 rst:text-sm",lg:"rst:h-12 rst:w-12 rst:text-base",xl:"rst:h-16 rst:w-16 rst:text-xl"},colorScheme:{primary:"rst:bg-primary-50 rst:border-primary-200 rst:text-primary-700 rst:dark:bg-primary-900/30 rst:dark:border-primary-800/50 rst:dark:text-primary-300",orange:"rst:bg-orange-50 rst:border-orange-200 rst:text-orange-700 rst:dark:bg-orange-900/30 rst:dark:border-orange-800/50 rst:dark:text-orange-300",teal:"rst:bg-teal-50 rst:border-teal-200 rst:text-teal-700 rst:dark:bg-teal-900/30 rst:dark:border-teal-800/50 rst:dark:text-teal-300",purple:"rst:bg-purple-50 rst:border-purple-200 rst:text-purple-700 rst:dark:bg-purple-900/30 rst:dark:border-purple-800/50 rst:dark:text-purple-300",amber:"rst:bg-amber-50 rst:border-amber-200 rst:text-amber-800 rst:dark:bg-amber-900/30 rst:dark:border-amber-800/50 rst:dark:text-amber-300",success:"rst:bg-success-50 rst:border-success-200 rst:text-success-700 rst:dark:bg-success-900/30 rst:dark:border-success-800/50 rst:dark:text-success-300",error:"rst:bg-error-50 rst:border-error-200 rst:text-error-700 rst:dark:bg-error-900/30 rst:dark:border-error-800/50 rst:dark:text-error-300",neutral:"rst:bg-gray-100 rst:border-gray-200 rst:text-gray-700 rst:dark:bg-gray-800/50 rst:dark:border-gray-700/50 rst:dark:text-gray-300"},shape:{circle:"rst:rounded-full",square:"rst:rounded-md"}},defaultVariants:{size:"md",colorScheme:"primary",shape:"circle"}});exports.avatarVariants=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../node_modules/class-variance-authority/dist/index.cjs"),t=r.cva("rst:font-ui rst: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:elevation-control",{variants:{size:{xs:"rst:h-6 rst:w-6 rst:text-[10px]",sm:"rst:h-8 rst:w-8 rst:text-xs",md:"rst:h-10 rst:w-10 rst:text-sm",lg:"rst:h-12 rst:w-12 rst:text-base",xl:"rst:h-16 rst:w-16 rst:text-xl"},colorScheme:{primary:"rst:bg-primary-50 rst:border-primary-200 rst:text-primary-700 rst:dark:bg-primary-900/30 rst:dark:border-primary-800/50 rst:dark:text-primary-300",orange:"rst:bg-orange-50 rst:border-orange-200 rst:text-orange-700 rst:dark:bg-orange-900/30 rst:dark:border-orange-800/50 rst:dark:text-orange-300",teal:"rst:bg-teal-50 rst:border-teal-200 rst:text-teal-700 rst:dark:bg-teal-900/30 rst:dark:border-teal-800/50 rst:dark:text-teal-300",purple:"rst:bg-purple-50 rst:border-purple-200 rst:text-purple-700 rst:dark:bg-purple-900/30 rst:dark:border-purple-800/50 rst:dark:text-purple-300",amber:"rst:bg-amber-50 rst:border-amber-200 rst:text-amber-800 rst:dark:bg-amber-900/30 rst:dark:border-amber-800/50 rst:dark:text-amber-300",success:"rst:bg-success-50 rst:border-success-200 rst:text-success-700 rst:dark:bg-success-900/30 rst:dark:border-success-800/50 rst:dark:text-success-300",error:"rst:bg-error-50 rst:border-error-200 rst:text-error-700 rst:dark:bg-error-900/30 rst:dark:border-error-800/50 rst:dark:text-error-300",neutral:"rst:bg-gray-100 rst:border-gray-200 rst:text-gray-700 rst:dark:bg-gray-800/50 rst:dark:border-gray-700/50 rst:dark:text-gray-300"},shape:{circle:"rst:rounded-full",square:"rst:rounded-md"}},defaultVariants:{size:"md",colorScheme:"primary",shape:"circle"}});exports.avatarVariants=t;

package/dist/components/atoms/Avatar/avatar-variants.js

@@ -1,6 +1,6 @@
 import { cva as r } from "../../../node_modules/class-variance-authority/dist/index.js";
 const s = /* @__PURE__ */ r(
-  "rst:font-ui rst: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",
+  "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:elevation-control",
   {
     variants: {
       size: {

package/dist/components/atoms/Button/button-variants.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../node_modules/class-variance-authority/dist/index.cjs"),t=r.cva("rst:font-ui rst:inline-flex rst:items-center rst:justify-center rst:cursor-pointer rst:whitespace-nowrap rst:rounded-md rst:text-sm rst:font-medium rst:ring-offset-background rst:transition-colors rst:focus-visible:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:focus-visible:ring-offset-2 rst:disabled:pointer-events-none rst:disabled:opacity-50",{variants:{variant:{solid:"rst:border rst:border-transparent rst:shadow-sm",soft:"rst:border-transparent rst:shadow-none",outline:"rst:border rst:bg-transparent rst:shadow-sm",ghost:"rst:border rst:border-transparent rst:bg-transparent",link:"rst:bg-transparent rst:underline-offset-4 rst:hover:underline"},colorScheme:{primary:"",orange:"",teal:"",purple:"",amber:"",success:"",error:"",neutral:""},size:{xs:"rst:h-7 rst:rounded rst:px-2 rst:text-xs",sm:"rst:h-9 rst:rounded-md rst:px-3",default:"rst:h-10 rst:px-4 rst:py-2",lg:"rst:h-11 rst:rounded-md rst:px-8",icon:"rst:h-10 rst:w-10"}},compoundVariants:[{variant:"solid",colorScheme:"primary",className:"rst:bg-primary-600 rst:hover:bg-primary-700 rst:dark:bg-primary-600 rst:dark:hover:bg-primary-500 rst:text-primary-600-ink rst:hover:text-primary-700-ink rst:dark:hover:text-primary-500-ink"},{variant:"solid",colorScheme:"orange",className:"rst:bg-orange-600 rst:hover:bg-orange-700 rst:dark:bg-orange-600 rst:dark:hover:bg-orange-700 rst:text-orange-600-ink rst:hover:text-orange-700-ink rst:dark:hover:text-orange-700-ink"},{variant:"solid",colorScheme:"teal",className:"rst:bg-teal-600 rst:hover:bg-teal-500 rst:dark:bg-teal-600 rst:dark:hover:bg-teal-500 rst:text-teal-600-ink rst:hover:text-teal-500-ink rst:dark:hover:text-teal-500-ink"},{variant:"solid",colorScheme:"purple",className:"rst:bg-purple-600 rst:hover:bg-purple-700 rst:dark:bg-purple-600 rst:dark:hover:bg-purple-700 rst:text-purple-600-ink rst:hover:text-purple-700-ink rst:dark:hover:text-purple-700-ink"},{variant:"solid",colorScheme:"amber",className:"rst:bg-amber-400 rst:hover:bg-amber-500 rst:dark:bg-amber-500 rst:dark:hover:bg-amber-400 rst:text-amber-400-ink rst:hover:text-amber-500-ink rst:dark:text-amber-500-ink rst:dark:hover:text-amber-400-ink"},{variant:"solid",colorScheme:"success",className:"rst:bg-success-600 rst:hover:bg-success-700 rst:dark:bg-success-600 rst:dark:hover:bg-success-700 rst:text-success-600-ink rst:hover:text-success-700-ink rst:dark:hover:text-success-700-ink"},{variant:"solid",colorScheme:"error",className:"rst:bg-error-600 rst:hover:bg-error-700 rst:dark:bg-error-600 rst:dark:hover:bg-error-500 rst:text-error-600-ink rst:hover:text-error-700-ink rst:dark:hover:text-error-500-ink"},{variant:"solid",colorScheme:"neutral",className:"rst:bg-gray-600 rst:hover:bg-gray-700 rst:dark:bg-gray-600 rst:dark:hover:bg-gray-500 rst:text-gray-600-ink rst:hover:text-gray-700-ink rst:dark:hover:text-gray-500-ink"},{variant:"soft",colorScheme:"primary",className:"rst:bg-primary-50 rst:text-primary-700 rst:hover:bg-primary-100 rst:dark:bg-primary-900/40 rst:dark:text-primary-300 rst:dark:hover:bg-primary-900/60"},{variant:"soft",colorScheme:"orange",className:"rst:bg-orange-50 rst:text-orange-700 rst:hover:bg-orange-100 rst:dark:bg-orange-900/30 rst:dark:text-orange-300 rst:dark:hover:bg-orange-900/50"},{variant:"soft",colorScheme:"teal",className:"rst:bg-teal-100 rst:text-teal-800 rst:hover:bg-teal-200 rst:dark:bg-teal-900/30 rst:dark:text-teal-300 rst:dark:hover:bg-teal-900/50"},{variant:"soft",colorScheme:"purple",className:"rst:bg-purple-50 rst:text-purple-700 rst:hover:bg-purple-100 rst:dark:bg-purple-900/30 rst:dark:text-purple-300 rst:dark:hover:bg-purple-900/50"},{variant:"soft",colorScheme:"amber",className:"rst:bg-amber-50 rst:text-amber-800 rst:hover:bg-amber-100 rst:dark:bg-amber-900/30 rst:dark:text-amber-300 rst:dark:hover:bg-amber-900/50"},{variant:"soft",colorScheme:"success",className:"rst:bg-success-50 rst:text-success-700 rst:hover:bg-success-100 rst:dark:bg-success-900/30 rst:dark:text-success-300 rst:dark:hover:bg-success-900/50"},{variant:"soft",colorScheme:"error",className:"rst:bg-error-50 rst:text-error-700 rst:hover:bg-error-100 rst:dark:bg-error-900/30 rst:dark:text-error-300 rst:dark:hover:bg-error-900/50"},{variant:"soft",colorScheme:"neutral",className:"rst:bg-gray-100 rst:text-gray-700 rst:hover:bg-gray-200 rst:dark:bg-gray-800/50 rst:dark:text-gray-300 rst:dark:hover:bg-gray-800"},{variant:"outline",colorScheme:"primary",className:"rst:border-primary-600 rst:text-primary-600 rst:hover:bg-primary-50 rst:dark:border-primary-500 rst:dark:text-primary-400 rst:dark:hover:bg-primary-500/10"},{variant:"outline",colorScheme:"orange",className:"rst:border-orange-600 rst:text-orange-600 rst:hover:bg-orange-50 rst:dark:border-orange-500 rst:dark:text-orange-400 rst:dark:hover:bg-orange-500/10"},{variant:"outline",colorScheme:"teal",className:"rst:border-teal-600 rst:text-teal-600 rst:hover:bg-teal-50 rst:dark:border-teal-500 rst:dark:text-teal-400 rst:dark:hover:bg-teal-500/10"},{variant:"outline",colorScheme:"purple",className:"rst:border-purple-600 rst:text-purple-600 rst:hover:bg-purple-50 rst:dark:border-purple-500 rst:dark:text-purple-400 rst:dark:hover:bg-purple-500/10"},{variant:"outline",colorScheme:"amber",className:"rst:border-amber-600 rst:text-amber-600 rst:hover:bg-amber-50 rst:dark:border-amber-500 rst:dark:text-amber-400 rst:dark:hover:bg-amber-500/10"},{variant:"outline",colorScheme:"success",className:"rst:border-success-600 rst:text-success-600 rst:hover:bg-success-50 rst:dark:border-success-500 rst:dark:text-success-400 rst:dark:hover:bg-success-500/10"},{variant:"outline",colorScheme:"error",className:"rst:border-error-600 rst:text-error-600 rst:hover:bg-error-50 rst:dark:border-error-500 rst:dark:text-error-400 rst:dark:hover:bg-error-500/10"},{variant:"outline",colorScheme:"neutral",className:"rst:border-gray-300 rst:text-gray-700 rst:hover:bg-gray-50 rst:dark:border-gray-600 rst:dark:text-gray-300 rst:dark:hover:bg-gray-800/50"},{variant:"ghost",colorScheme:"primary",className:"rst:text-primary-600 rst:hover:bg-primary-500/10 rst:dark:text-primary-400 rst:dark:hover:bg-primary-400/15"},{variant:"ghost",colorScheme:"orange",className:"rst:text-orange-600 rst:hover:bg-orange-500/10 rst:dark:text-orange-400 rst:dark:hover:bg-orange-400/15"},{variant:"ghost",colorScheme:"teal",className:"rst:text-teal-600 rst:hover:bg-teal-500/10 rst:dark:text-teal-400 rst:dark:hover:bg-teal-400/15"},{variant:"ghost",colorScheme:"purple",className:"rst:text-purple-600 rst:hover:bg-purple-500/10 rst:dark:text-purple-400 rst:dark:hover:bg-purple-400/15"},{variant:"ghost",colorScheme:"amber",className:"rst:text-amber-600 rst:hover:bg-amber-500/10 rst:dark:text-amber-400 rst:dark:hover:bg-amber-400/15"},{variant:"ghost",colorScheme:"success",className:"rst:text-success-600 rst:hover:bg-success-500/10 rst:dark:text-success-400 rst:dark:hover:bg-success-400/15"},{variant:"ghost",colorScheme:"error",className:"rst:text-error-600 rst:hover:bg-error-500/10 rst:dark:text-error-400 rst:dark:hover:bg-error-400/15"},{variant:"ghost",colorScheme:"neutral",className:"rst:text-gray-600 rst:hover:bg-gray-500/10 rst:dark:text-gray-400 rst:dark:hover:bg-gray-400/15"},{variant:"link",colorScheme:"primary",className:"rst:text-primary-600 rst:hover:text-primary-700 rst:dark:text-primary-400 rst:dark:hover:text-primary-300"},{variant:"link",colorScheme:"orange",className:"rst:text-orange-600 rst:hover:text-orange-700 rst:dark:text-orange-400 rst:dark:hover:text-orange-300"},{variant:"link",colorScheme:"teal",className:"rst:text-teal-600 rst:hover:text-teal-700 rst:dark:text-teal-400 rst:dark:hover:text-teal-300"},{variant:"link",colorScheme:"purple",className:"rst:text-purple-600 rst:hover:text-purple-700 rst:dark:text-purple-400 rst:dark:hover:text-purple-300"},{variant:"link",colorScheme:"amber",className:"rst:text-amber-600 rst:hover:text-amber-700 rst:dark:text-amber-400 rst:dark:hover:text-amber-300"},{variant:"link",colorScheme:"success",className:"rst:text-success-600 rst:hover:text-success-700 rst:dark:text-success-400 rst:dark:hover:text-success-300"},{variant:"link",colorScheme:"error",className:"rst:text-error-600 rst:hover:text-error-700 rst:dark:text-error-400 rst:dark:hover:text-error-300"},{variant:"link",colorScheme:"neutral",className:"rst:text-gray-600 rst:hover:text-gray-900 rst:dark:text-gray-400 rst:dark:hover:text-gray-100"}],defaultVariants:{colorScheme:"primary",variant:"solid",size:"default"}});exports.buttonVariants=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../node_modules/class-variance-authority/dist/index.cjs"),t=r.cva("rst:font-ui rst:inline-flex rst:items-center rst:justify-center rst:cursor-pointer rst:whitespace-nowrap rst:rounded-md rst:text-sm rst:font-medium rst:ring-offset-background rst:transition-colors rst:focus-visible:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:focus-visible:ring-offset-2 rst:disabled:pointer-events-none rst:disabled:opacity-50",{variants:{variant:{solid:"rst:border rst:border-transparent rst:elevation-control",soft:"rst:border-transparent rst:shadow-none",outline:"rst:border rst:bg-transparent rst:elevation-control",ghost:"rst:border rst:border-transparent rst:bg-transparent",link:"rst:bg-transparent rst:underline-offset-4 rst:hover:underline"},colorScheme:{primary:"",orange:"",teal:"",purple:"",amber:"",success:"",error:"",neutral:""},size:{xs:"rst:h-7 rst:rounded-sm rst:px-2 rst:text-xs",sm:"rst:h-9 rst:rounded-md rst:px-3",default:"rst:h-10 rst:px-4 rst:py-2",lg:"rst:h-11 rst:rounded-md rst:px-8",icon:"rst:h-10 rst:w-10"}},compoundVariants:[{variant:"solid",colorScheme:"primary",className:"rst:bg-primary-600 rst:hover:bg-primary-700 rst:dark:bg-primary-600 rst:dark:hover:bg-primary-500 rst:text-primary-600-ink rst:hover:text-primary-700-ink rst:dark:hover:text-primary-500-ink"},{variant:"solid",colorScheme:"orange",className:"rst:bg-orange-600 rst:hover:bg-orange-700 rst:dark:bg-orange-600 rst:dark:hover:bg-orange-700 rst:text-orange-600-ink rst:hover:text-orange-700-ink rst:dark:hover:text-orange-700-ink"},{variant:"solid",colorScheme:"teal",className:"rst:bg-teal-600 rst:hover:bg-teal-500 rst:dark:bg-teal-600 rst:dark:hover:bg-teal-500 rst:text-teal-600-ink rst:hover:text-teal-500-ink rst:dark:hover:text-teal-500-ink"},{variant:"solid",colorScheme:"purple",className:"rst:bg-purple-600 rst:hover:bg-purple-700 rst:dark:bg-purple-600 rst:dark:hover:bg-purple-700 rst:text-purple-600-ink rst:hover:text-purple-700-ink rst:dark:hover:text-purple-700-ink"},{variant:"solid",colorScheme:"amber",className:"rst:bg-amber-400 rst:hover:bg-amber-500 rst:dark:bg-amber-500 rst:dark:hover:bg-amber-400 rst:text-amber-400-ink rst:hover:text-amber-500-ink rst:dark:text-amber-500-ink rst:dark:hover:text-amber-400-ink"},{variant:"solid",colorScheme:"success",className:"rst:bg-success-600 rst:hover:bg-success-700 rst:dark:bg-success-600 rst:dark:hover:bg-success-700 rst:text-success-600-ink rst:hover:text-success-700-ink rst:dark:hover:text-success-700-ink"},{variant:"solid",colorScheme:"error",className:"rst:bg-error-600 rst:hover:bg-error-700 rst:dark:bg-error-600 rst:dark:hover:bg-error-500 rst:text-error-600-ink rst:hover:text-error-700-ink rst:dark:hover:text-error-500-ink"},{variant:"solid",colorScheme:"neutral",className:"rst:bg-gray-600 rst:hover:bg-gray-700 rst:dark:bg-gray-600 rst:dark:hover:bg-gray-500 rst:text-gray-600-ink rst:hover:text-gray-700-ink rst:dark:hover:text-gray-500-ink"},{variant:"soft",colorScheme:"primary",className:"rst:bg-primary-50 rst:text-primary-700 rst:hover:bg-primary-100 rst:dark:bg-primary-900/40 rst:dark:text-primary-300 rst:dark:hover:bg-primary-900/60"},{variant:"soft",colorScheme:"orange",className:"rst:bg-orange-50 rst:text-orange-700 rst:hover:bg-orange-100 rst:dark:bg-orange-900/30 rst:dark:text-orange-300 rst:dark:hover:bg-orange-900/50"},{variant:"soft",colorScheme:"teal",className:"rst:bg-teal-100 rst:text-teal-800 rst:hover:bg-teal-200 rst:dark:bg-teal-900/30 rst:dark:text-teal-300 rst:dark:hover:bg-teal-900/50"},{variant:"soft",colorScheme:"purple",className:"rst:bg-purple-50 rst:text-purple-700 rst:hover:bg-purple-100 rst:dark:bg-purple-900/30 rst:dark:text-purple-300 rst:dark:hover:bg-purple-900/50"},{variant:"soft",colorScheme:"amber",className:"rst:bg-amber-50 rst:text-amber-800 rst:hover:bg-amber-100 rst:dark:bg-amber-900/30 rst:dark:text-amber-300 rst:dark:hover:bg-amber-900/50"},{variant:"soft",colorScheme:"success",className:"rst:bg-success-50 rst:text-success-700 rst:hover:bg-success-100 rst:dark:bg-success-900/30 rst:dark:text-success-300 rst:dark:hover:bg-success-900/50"},{variant:"soft",colorScheme:"error",className:"rst:bg-error-50 rst:text-error-700 rst:hover:bg-error-100 rst:dark:bg-error-900/30 rst:dark:text-error-300 rst:dark:hover:bg-error-900/50"},{variant:"soft",colorScheme:"neutral",className:"rst:bg-gray-100 rst:text-gray-700 rst:hover:bg-gray-200 rst:dark:bg-gray-800/50 rst:dark:text-gray-300 rst:dark:hover:bg-gray-800"},{variant:"outline",colorScheme:"primary",className:"rst:border-primary-600 rst:text-primary-600 rst:hover:bg-primary-50 rst:dark:border-primary-500 rst:dark:text-primary-400 rst:dark:hover:bg-primary-500/10"},{variant:"outline",colorScheme:"orange",className:"rst:border-orange-600 rst:text-orange-600 rst:hover:bg-orange-50 rst:dark:border-orange-500 rst:dark:text-orange-400 rst:dark:hover:bg-orange-500/10"},{variant:"outline",colorScheme:"teal",className:"rst:border-teal-600 rst:text-teal-600 rst:hover:bg-teal-50 rst:dark:border-teal-500 rst:dark:text-teal-400 rst:dark:hover:bg-teal-500/10"},{variant:"outline",colorScheme:"purple",className:"rst:border-purple-600 rst:text-purple-600 rst:hover:bg-purple-50 rst:dark:border-purple-500 rst:dark:text-purple-400 rst:dark:hover:bg-purple-500/10"},{variant:"outline",colorScheme:"amber",className:"rst:border-amber-600 rst:text-amber-600 rst:hover:bg-amber-50 rst:dark:border-amber-500 rst:dark:text-amber-400 rst:dark:hover:bg-amber-500/10"},{variant:"outline",colorScheme:"success",className:"rst:border-success-600 rst:text-success-600 rst:hover:bg-success-50 rst:dark:border-success-500 rst:dark:text-success-400 rst:dark:hover:bg-success-500/10"},{variant:"outline",colorScheme:"error",className:"rst:border-error-600 rst:text-error-600 rst:hover:bg-error-50 rst:dark:border-error-500 rst:dark:text-error-400 rst:dark:hover:bg-error-500/10"},{variant:"outline",colorScheme:"neutral",className:"rst:border-gray-300 rst:text-gray-700 rst:hover:bg-gray-50 rst:dark:border-gray-600 rst:dark:text-gray-300 rst:dark:hover:bg-gray-800/50"},{variant:"ghost",colorScheme:"primary",className:"rst:text-primary-600 rst:hover:bg-primary-500/10 rst:dark:text-primary-400 rst:dark:hover:bg-primary-400/15"},{variant:"ghost",colorScheme:"orange",className:"rst:text-orange-600 rst:hover:bg-orange-500/10 rst:dark:text-orange-400 rst:dark:hover:bg-orange-400/15"},{variant:"ghost",colorScheme:"teal",className:"rst:text-teal-600 rst:hover:bg-teal-500/10 rst:dark:text-teal-400 rst:dark:hover:bg-teal-400/15"},{variant:"ghost",colorScheme:"purple",className:"rst:text-purple-600 rst:hover:bg-purple-500/10 rst:dark:text-purple-400 rst:dark:hover:bg-purple-400/15"},{variant:"ghost",colorScheme:"amber",className:"rst:text-amber-600 rst:hover:bg-amber-500/10 rst:dark:text-amber-400 rst:dark:hover:bg-amber-400/15"},{variant:"ghost",colorScheme:"success",className:"rst:text-success-600 rst:hover:bg-success-500/10 rst:dark:text-success-400 rst:dark:hover:bg-success-400/15"},{variant:"ghost",colorScheme:"error",className:"rst:text-error-600 rst:hover:bg-error-500/10 rst:dark:text-error-400 rst:dark:hover:bg-error-400/15"},{variant:"ghost",colorScheme:"neutral",className:"rst:text-gray-600 rst:hover:bg-gray-500/10 rst:dark:text-gray-400 rst:dark:hover:bg-gray-400/15"},{variant:"link",colorScheme:"primary",className:"rst:text-primary-600 rst:hover:text-primary-700 rst:dark:text-primary-400 rst:dark:hover:text-primary-300"},{variant:"link",colorScheme:"orange",className:"rst:text-orange-600 rst:hover:text-orange-700 rst:dark:text-orange-400 rst:dark:hover:text-orange-300"},{variant:"link",colorScheme:"teal",className:"rst:text-teal-600 rst:hover:text-teal-700 rst:dark:text-teal-400 rst:dark:hover:text-teal-300"},{variant:"link",colorScheme:"purple",className:"rst:text-purple-600 rst:hover:text-purple-700 rst:dark:text-purple-400 rst:dark:hover:text-purple-300"},{variant:"link",colorScheme:"amber",className:"rst:text-amber-600 rst:hover:text-amber-700 rst:dark:text-amber-400 rst:dark:hover:text-amber-300"},{variant:"link",colorScheme:"success",className:"rst:text-success-600 rst:hover:text-success-700 rst:dark:text-success-400 rst:dark:hover:text-success-300"},{variant:"link",colorScheme:"error",className:"rst:text-error-600 rst:hover:text-error-700 rst:dark:text-error-400 rst:dark:hover:text-error-300"},{variant:"link",colorScheme:"neutral",className:"rst:text-gray-600 rst:hover:text-gray-900 rst:dark:text-gray-400 rst:dark:hover:text-gray-100"}],defaultVariants:{colorScheme:"primary",variant:"solid",size:"default"}});exports.buttonVariants=t;

package/dist/components/atoms/Button/button-variants.js

@@ -5,9 +5,9 @@ const e = /* @__PURE__ */ r(
   {
     variants: {
       variant: {
-        solid: "rst:border rst:border-transparent rst:shadow-sm",
+        solid: "rst:border rst:border-transparent rst:elevation-control",
         soft: "rst:border-transparent rst:shadow-none",
-        outline: "rst:border rst:bg-transparent rst:shadow-sm",
+        outline: "rst:border rst:bg-transparent rst:elevation-control",
         ghost: "rst:border rst:border-transparent rst:bg-transparent",
         link: "rst:bg-transparent rst:underline-offset-4 rst:hover:underline"
       },
@@ -22,7 +22,7 @@ const e = /* @__PURE__ */ r(
         neutral: ""
       },
       size: {
-        xs: "rst:h-7 rst:rounded rst:px-2 rst:text-xs",
+        xs: "rst:h-7 rst:rounded-sm rst:px-2 rst:text-xs",
         sm: "rst:h-9 rst:rounded-md rst:px-3",
         default: "rst:h-10 rst:px-4 rst:py-2",
         lg: "rst:h-11 rst:rounded-md rst:px-8",

package/dist/components/atoms/Card/card-variants.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../node_modules/class-variance-authority/dist/index.cjs"),t=r.cva("rst:relative rst:isolate rst:w-full rst:overflow-hidden rst:rounded-xl rst:transition-all",{variants:{variant:{white:"rst:bg-[var(--roster-card-bg)] rst:border rst:border-[var(--roster-card-border)] rst:text-[var(--roster-card-text)] rst:elevation-raised",soft:"rst:bg-gray-50 rst:border rst:border-gray-100 rst:text-gray-900 rst:dark:bg-gray-900/40 rst:dark:border-gray-800/50 rst:dark:text-gray-100",slate:"rst:bg-gray-700 rst:border rst:border-gray-600 rst:text-gray-100 rst:elevation-raised rst:dark:bg-gray-800 rst:dark:border-gray-700 rst:dark:text-gray-100",primary:"rst:bg-primary-600 rst:border rst:border-primary-700 rst:text-white rst:elevation-raised rst:dark:bg-primary-900 rst:dark:border-primary-800 rst:dark:text-primary-50",outline:"rst:bg-transparent rst:border rst:border-gray-200 rst:text-gray-900 rst:dark:border-gray-800 rst:dark:text-gray-100",ghost:"rst:bg-transparent rst:border rst:border-transparent rst:text-gray-900 rst:hover:bg-gray-50 rst:dark:text-gray-100 rst:dark:hover:bg-gray-800/50",glass:"rst:bg-white/50 rst:border rst:border-white/20 rst:backdrop-blur-md rst:text-gray-900 rst:elevation-raised rst:dark:bg-gray-950/50 rst:dark:border-white/10 rst:dark:text-gray-100"},padding:{none:"rst:p-0",sm:"rst:p-4",md:"rst:p-6",lg:"rst:p-8"}},defaultVariants:{variant:"white",padding:"md"}});exports.cardVariants=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../node_modules/class-variance-authority/dist/index.cjs"),t=r.cva("rst:relative rst:isolate rst:w-full rst:overflow-hidden rst:rounded-xl rst:transition-all",{variants:{variant:{white:"rst:bg-[var(--roster-card-bg)] rst:border rst:border-[var(--roster-card-border)] rst:text-[var(--roster-card-text)] rst:elevation-raised",soft:"rst:bg-gray-50 rst:border rst:border-gray-100 rst:text-gray-900 rst:dark:bg-gray-900/40 rst:dark:border-gray-800/50 rst:dark:text-gray-100",slate:"rst:bg-gray-700 rst:border rst:border-gray-600 rst:text-gray-100 rst:elevation-raised rst:dark:bg-gray-800 rst:dark:border-gray-700 rst:dark:text-gray-100",primary:"rst:bg-primary-600 rst:border rst:border-primary-700 rst:text-primary-600-ink rst:elevation-raised rst:dark:bg-primary-900 rst:dark:border-primary-800 rst:dark:text-primary-50",outline:"rst:bg-transparent rst:border rst:border-gray-200 rst:text-gray-900 rst:dark:border-gray-800 rst:dark:text-gray-100",ghost:"rst:bg-transparent rst:border rst:border-transparent rst:text-gray-900 rst:hover:bg-gray-50 rst:dark:text-gray-100 rst:dark:hover:bg-gray-800/50",glass:"rst:bg-white/50 rst:border rst:border-white/20 rst:backdrop-blur-md rst:text-gray-900 rst:elevation-raised rst:dark:bg-gray-950/50 rst:dark:border-white/10 rst:dark:text-gray-100"},padding:{none:"rst:p-0",sm:"rst:p-4",md:"rst:p-6",lg:"rst:p-8"}},defaultVariants:{variant:"white",padding:"md"}});exports.cardVariants=t;

package/dist/components/atoms/Card/card-variants.js

@@ -16,8 +16,9 @@ const a = /* @__PURE__ */ r(
         soft: "rst:bg-gray-50 rst:border rst:border-gray-100 rst:text-gray-900 rst:dark:bg-gray-900/40 rst:dark:border-gray-800/50 rst:dark:text-gray-100",
         // Moody slate, baby.
         slate: "rst:bg-gray-700 rst:border rst:border-gray-600 rst:text-gray-100 rst:elevation-raised rst:dark:bg-gray-800 rst:dark:border-gray-700 rst:dark:text-gray-100",
-        // Primary: Fully drenched in brand color.
-        primary: "rst:bg-primary-600 rst:border rst:border-primary-700 rst:text-white rst:elevation-raised rst:dark:bg-primary-900 rst:dark:border-primary-800 rst:dark:text-primary-50",
+        // Primary: Fully drenched in brand color. Text is the fill's ink token,
+        // as on every other solid fill, so a light primary gets dark text.
+        primary: "rst:bg-primary-600 rst:border rst:border-primary-700 rst:text-primary-600-ink rst:elevation-raised rst:dark:bg-primary-900 rst:dark:border-primary-800 rst:dark:text-primary-50",
         // Outline: Transparent background, just the structural border.
         outline: "rst:bg-transparent rst:border rst:border-gray-200 rst:text-gray-900 rst:dark:border-gray-800 rst:dark:text-gray-100",
         // Ghost: Completely invisible structure until hovered (great for clickable cards).

package/dist/components/atoms/Checkbox/Checkbox.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("react"),m=require("../../../node_modules/@fortawesome/react-fontawesome/dist/index.cjs"),u=require("../../../node_modules/@fortawesome/free-solid-svg-icons/index.cjs"),a=require("../../../lib/utils.cjs"),q=require("./checkbox-variants.cjs"),p=require("../../../node_modules/@headlessui/react/dist/components/checkbox/checkbox.cjs"),l=n.forwardRef(({className:h,colorScheme:x="primary",variant:b="solid",size:i="md",indeterminate:c=!1,...t},s)=>{const f={sm:"w-2.5 h-2.5",md:"w-3 h-3",lg:"w-4 h-4"},r=n.useRef(null),k=e=>{r.current=e,typeof s=="function"?s(e):s&&(s.current=e)};return n.useEffect(()=>{c&&r.current&&r.current.setAttribute("aria-checked","mixed")},[c,t.checked]),o.jsx(p.Checkbox,{ref:k,...t,className:({checked:e,disabled:y})=>a.cn(q.checkboxVariants({colorScheme:x,variant:b,size:i,checked:e||c}),y||t.disabled?"rst:opacity-50":"rst:cursor-pointer",h),children:({checked:e})=>o.jsx(m.FontAwesomeIcon,{icon:c?u.faMinus:u.faCheck,className:a.cn("rst:pointer-events-none rst:transition-opacity rst:duration-200",e||c?"rst:opacity-100":"rst:opacity-0",f[i])})})});l.displayName="Checkbox";exports.Checkbox=l;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),t=require("react"),m=require("../../../node_modules/@fortawesome/react-fontawesome/dist/index.cjs"),b=require("../../../node_modules/@fortawesome/free-solid-svg-icons/index.cjs"),d=require("../../../lib/utils.cjs"),q=require("./checkbox-variants.cjs"),C=require("../../../node_modules/@headlessui/react/dist/components/checkbox/checkbox.cjs"),h=t.forwardRef(({callerDescribedBy:i,"aria-describedby":n,...o},s)=>l.jsx("span",{ref:s,...o,"aria-describedby":[n,i].filter(Boolean).join(" ")||void 0}));h.displayName="Checkbox.DescribedSpan";const x=t.forwardRef(({className:i,colorScheme:n="primary",variant:o="solid",size:s="md",indeterminate:c=!1,"aria-describedby":f,...a},r)=>{const y={sm:"w-2.5 h-2.5",md:"w-3 h-3",lg:"w-4 h-4"},u=t.useRef(null),k=e=>{u.current=e,typeof r=="function"?r(e):r&&(r.current=e)};return t.useEffect(()=>{c&&u.current&&u.current.setAttribute("aria-checked","mixed")},[c,a.checked]),l.jsx(C.Checkbox,{ref:k,...a,as:h,callerDescribedBy:f,className:({checked:e,disabled:p})=>d.cn(q.checkboxVariants({colorScheme:n,variant:o,size:s,checked:e||c}),p||a.disabled?"rst:opacity-50":"rst:cursor-pointer",i),children:({checked:e})=>l.jsx(m.FontAwesomeIcon,{icon:c?b.faMinus:b.faCheck,className:d.cn("rst:pointer-events-none rst:transition-opacity rst:duration-200",e||c?"rst:opacity-100":"rst:opacity-0",y[s])})})});x.displayName="Checkbox";exports.Checkbox=x;

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

@@ -6,6 +6,11 @@ export interface CheckboxProps extends Omit<ComponentProps<typeof HeadlessCheckb
     className?: string;
     /** Set to true to display a dash instead of a checkmark */
     indeterminate?: boolean;
+    /**
+     * Ids of elements that describe the checkbox, added after any `Description`
+     * in its `Field`. Headless UI's own props leave this out.
+     */
+    "aria-describedby"?: string;
 }
 declare const Checkbox: import('react').ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
 export { Checkbox };

package/dist/components/atoms/Checkbox/Checkbox.js

@@ -1,55 +1,69 @@
 "use client";
-import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as h, useRef as k, useEffect as x } from "react";
-import { FontAwesomeIcon as y } from "../../../node_modules/@fortawesome/react-fontawesome/dist/index.js";
-import { faMinus as b, faCheck as C } from "../../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
-import { cn as n } from "../../../lib/utils.js";
-import { checkboxVariants as N } from "./checkbox-variants.js";
-import { Checkbox as w } from "../../../node_modules/@headlessui/react/dist/components/checkbox/checkbox.js";
-const A = h(
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as f, useRef as y, useEffect as k } from "react";
+import { FontAwesomeIcon as x } from "../../../node_modules/@fortawesome/react-fontawesome/dist/index.js";
+import { faMinus as C, faCheck as N } from "../../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
+import { cn as l } from "../../../lib/utils.js";
+import { checkboxVariants as D } from "./checkbox-variants.js";
+import { Checkbox as S } from "../../../node_modules/@headlessui/react/dist/components/checkbox/checkbox.js";
+const p = f(
+  ({ callerDescribedBy: o, "aria-describedby": t, ...i }, s) => /* @__PURE__ */ m(
+    "span",
+    {
+      ref: s,
+      ...i,
+      "aria-describedby": [t, o].filter(Boolean).join(" ") || void 0
+    }
+  )
+);
+p.displayName = "Checkbox.DescribedSpan";
+const j = f(
   ({
-    className: m,
-    colorScheme: a = "primary",
-    variant: f = "solid",
-    size: e = "md",
+    className: o,
+    colorScheme: t = "primary",
+    variant: i = "solid",
+    size: s = "md",
     indeterminate: r = !1,
-    ...o
+    "aria-describedby": b,
+    ...a
   }, c) => {
-    const l = {
+    const u = {
       sm: "w-2.5 h-2.5",
       md: "w-3 h-3",
       lg: "w-4 h-4"
-    }, s = k(null), u = (t) => {
-      s.current = t, typeof c == "function" ? c(t) : c && (c.current = t);
+    }, n = y(null), h = (e) => {
+      n.current = e, typeof c == "function" ? c(e) : c && (c.current = e);
     };
-    return x(() => {
-      r && s.current && s.current.setAttribute("aria-checked", "mixed");
-    }, [r, o.checked]), /* @__PURE__ */ i(
-      w,
+    return k(() => {
+      r && n.current && n.current.setAttribute("aria-checked", "mixed");
+    }, [r, a.checked]), /* @__PURE__ */ m(
+      S,
       {
-        ref: u,
-        ...o,
+        ref: h,
+        ...a,
+        as: p,
+        callerDescribedBy: b,
         className: ({
-          checked: t,
-          disabled: p
-        }) => n(
-          N({
-            colorScheme: a,
-            variant: f,
-            size: e,
-            checked: t || r
+          checked: e,
+          disabled: d
+        }) => l(
+          D({
+            colorScheme: t,
+            variant: i,
+            size: s,
+            checked: e || r
           }),
-          p || o.disabled ? "rst:opacity-50" : "rst:cursor-pointer",
-          m
+          d || a.disabled ? "rst:opacity-50" : "rst:cursor-pointer",
+          o
         ),
-        children: ({ checked: t }) => /* @__PURE__ */ i(
-          y,
+        children: ({ checked: e }) => /* @__PURE__ */ m(
+          x,
           {
-            icon: r ? b : C,
-            className: n(
+            icon: r ? C : N,
+            className: l(
               "rst:pointer-events-none rst:transition-opacity rst:duration-200",
-              t || r ? "rst:opacity-100" : "rst:opacity-0",
-              l[e]
+              e || r ? "rst:opacity-100" : "rst:opacity-0",
+              u[s]
             )
           }
         )
@@ -57,7 +71,7 @@ const A = h(
     );
   }
 );
-A.displayName = "Checkbox";
+j.displayName = "Checkbox";
 export {
-  A as Checkbox
+  j as Checkbox
 };

package/dist/components/atoms/Checkbox/checkbox-variants.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../node_modules/class-variance-authority/dist/index.cjs"),e=r.cva("rst:font-ui rst:relative rst:flex rst:items-center rst:justify-center rst:shrink-0 rst:transition-colors rst:before:absolute rst:before:top-1/2 rst:before:left-1/2 rst:before:size-11 rst:before:-translate-x-1/2 rst:before:-translate-y-1/2 rst:before:content-[''] 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:{sm:"rst:h-4 rst:w-4 rst:rounded-sm rst:border",md:"rst:h-5 rst:w-5 rst:rounded rst:border",lg:"rst:h-6 rst:w-6 rst:rounded-md rst:border"},variant:{solid:"",soft:""},checked:{true:"",false:"rst:bg-white rst:border-[var(--roster-control-border)] rst:dark:bg-gray-900 rst:text-transparent"},colorScheme:{primary:"",orange:"",teal:"",purple:"",amber:"",success:"",error:"",neutral:""}},compoundVariants:[{checked:!0,variant:"solid",colorScheme:"primary",className:"rst:bg-primary-600 rst:border-primary-600 rst:dark:bg-primary-600 rst:dark:border-primary-500 rst:text-primary-600-ink"},{checked:!0,variant:"solid",colorScheme:"orange",className:"rst:bg-orange-600 rst:border-orange-600 rst:dark:bg-orange-600 rst:dark:border-orange-500 rst:text-orange-600-ink"},{checked:!0,variant:"solid",colorScheme:"teal",className:"rst:bg-teal-600 rst:border-teal-600 rst:dark:bg-teal-600 rst:dark:border-teal-500 rst:text-teal-600-ink"},{checked:!0,variant:"solid",colorScheme:"purple",className:"rst:bg-purple-600 rst:border-purple-600 rst:dark:bg-purple-600 rst:dark:border-purple-500 rst:text-purple-600-ink"},{checked:!0,variant:"solid",colorScheme:"amber",className:"rst:bg-amber-400 rst:border-amber-400 rst:dark:bg-amber-500 rst:dark:border-amber-500 rst:text-amber-400-ink rst:dark:text-amber-500-ink"},{checked:!0,variant:"solid",colorScheme:"success",className:"rst:bg-success-600 rst:border-success-600 rst:dark:bg-success-600 rst:dark:border-success-500 rst:text-success-600-ink"},{checked:!0,variant:"solid",colorScheme:"error",className:"rst:bg-error-600 rst:border-error-600 rst:dark:bg-error-600 rst:dark:border-error-500 rst:text-error-600-ink"},{checked:!0,variant:"solid",colorScheme:"neutral",className:"rst:bg-gray-600 rst:border-gray-600 rst:dark:bg-gray-600 rst:dark:border-gray-500 rst:text-gray-600-ink"},{checked:!0,variant:"soft",colorScheme:"primary",className:"rst:bg-primary-50 rst:border-primary-200 rst:text-primary-700 rst:dark:bg-primary-900/40 rst:dark:border-primary-800/50 rst:dark:text-primary-300"},{checked:!0,variant:"soft",colorScheme:"orange",className:"rst:bg-orange-50 rst:border-orange-200 rst:text-orange-700 rst:dark:bg-orange-900/30 rst:dark:border-orange-800/50 rst:dark:text-orange-300"},{checked:!0,variant:"soft",colorScheme:"teal",className:"rst:bg-teal-100 rst:border-teal-300 rst:text-teal-800 rst:dark:bg-teal-900/30 rst:dark:border-teal-800/50 rst:dark:text-teal-300"},{checked:!0,variant:"soft",colorScheme:"purple",className:"rst:bg-purple-50 rst:border-purple-200 rst:text-purple-700 rst:dark:bg-purple-900/30 rst:dark:border-purple-800/50 rst:dark:text-purple-300"},{checked:!0,variant:"soft",colorScheme:"amber",className:"rst:bg-amber-50 rst:border-amber-200 rst:text-amber-800 rst:dark:bg-amber-900/30 rst:dark:border-amber-800/50 rst:dark:text-amber-300"},{checked:!0,variant:"soft",colorScheme:"success",className:"rst:bg-success-50 rst:border-success-200 rst:text-success-700 rst:dark:bg-success-900/30 rst:dark:border-success-800/50 rst:dark:text-success-300"},{checked:!0,variant:"soft",colorScheme:"error",className:"rst:bg-error-50 rst:border-error-200 rst:text-error-700 rst:dark:bg-error-900/30 rst:dark:border-error-800/50 rst:dark:text-error-300"},{checked:!0,variant:"soft",colorScheme:"neutral",className:"rst:bg-gray-100 rst:border-gray-200 rst:text-gray-700 rst:dark:bg-gray-800/50 rst:dark:border-gray-700/50 rst:dark:text-gray-300"}],defaultVariants:{colorScheme:"primary",variant:"solid",size:"md",checked:!1}});exports.checkboxVariants=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../node_modules/class-variance-authority/dist/index.cjs"),e=r.cva("rst:font-ui rst:relative rst:flex rst:items-center rst:justify-center rst:shrink-0 rst:transition-colors rst:before:absolute rst:before:top-1/2 rst:before:left-1/2 rst:before:size-11 rst:before:-translate-x-1/2 rst:before:-translate-y-1/2 rst:before:content-[''] 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:{sm:"rst:h-4 rst:w-4 rst:rounded-sm rst:border",md:"rst:h-5 rst:w-5 rst:rounded-sm rst:border",lg:"rst:h-6 rst:w-6 rst:rounded-md rst:border"},variant:{solid:"",soft:""},checked:{true:"",false:"rst:bg-white rst:border-[var(--roster-control-border)] rst:dark:bg-gray-900 rst:text-transparent"},colorScheme:{primary:"",orange:"",teal:"",purple:"",amber:"",success:"",error:"",neutral:""}},compoundVariants:[{checked:!0,variant:"solid",colorScheme:"primary",className:"rst:bg-primary-600 rst:border-primary-600 rst:dark:bg-primary-600 rst:dark:border-primary-500 rst:text-primary-600-ink"},{checked:!0,variant:"solid",colorScheme:"orange",className:"rst:bg-orange-600 rst:border-orange-600 rst:dark:bg-orange-600 rst:dark:border-orange-500 rst:text-orange-600-ink"},{checked:!0,variant:"solid",colorScheme:"teal",className:"rst:bg-teal-600 rst:border-teal-600 rst:dark:bg-teal-600 rst:dark:border-teal-500 rst:text-teal-600-ink"},{checked:!0,variant:"solid",colorScheme:"purple",className:"rst:bg-purple-600 rst:border-purple-600 rst:dark:bg-purple-600 rst:dark:border-purple-500 rst:text-purple-600-ink"},{checked:!0,variant:"solid",colorScheme:"amber",className:"rst:bg-amber-400 rst:border-amber-400 rst:dark:bg-amber-500 rst:dark:border-amber-500 rst:text-amber-400-ink rst:dark:text-amber-500-ink"},{checked:!0,variant:"solid",colorScheme:"success",className:"rst:bg-success-600 rst:border-success-600 rst:dark:bg-success-600 rst:dark:border-success-500 rst:text-success-600-ink"},{checked:!0,variant:"solid",colorScheme:"error",className:"rst:bg-error-600 rst:border-error-600 rst:dark:bg-error-600 rst:dark:border-error-500 rst:text-error-600-ink"},{checked:!0,variant:"solid",colorScheme:"neutral",className:"rst:bg-gray-600 rst:border-gray-600 rst:dark:bg-gray-600 rst:dark:border-gray-500 rst:text-gray-600-ink"},{checked:!0,variant:"soft",colorScheme:"primary",className:"rst:bg-primary-50 rst:border-primary-200 rst:text-primary-700 rst:dark:bg-primary-900/40 rst:dark:border-primary-800/50 rst:dark:text-primary-300"},{checked:!0,variant:"soft",colorScheme:"orange",className:"rst:bg-orange-50 rst:border-orange-200 rst:text-orange-700 rst:dark:bg-orange-900/30 rst:dark:border-orange-800/50 rst:dark:text-orange-300"},{checked:!0,variant:"soft",colorScheme:"teal",className:"rst:bg-teal-100 rst:border-teal-300 rst:text-teal-800 rst:dark:bg-teal-900/30 rst:dark:border-teal-800/50 rst:dark:text-teal-300"},{checked:!0,variant:"soft",colorScheme:"purple",className:"rst:bg-purple-50 rst:border-purple-200 rst:text-purple-700 rst:dark:bg-purple-900/30 rst:dark:border-purple-800/50 rst:dark:text-purple-300"},{checked:!0,variant:"soft",colorScheme:"amber",className:"rst:bg-amber-50 rst:border-amber-200 rst:text-amber-800 rst:dark:bg-amber-900/30 rst:dark:border-amber-800/50 rst:dark:text-amber-300"},{checked:!0,variant:"soft",colorScheme:"success",className:"rst:bg-success-50 rst:border-success-200 rst:text-success-700 rst:dark:bg-success-900/30 rst:dark:border-success-800/50 rst:dark:text-success-300"},{checked:!0,variant:"soft",colorScheme:"error",className:"rst:bg-error-50 rst:border-error-200 rst:text-error-700 rst:dark:bg-error-900/30 rst:dark:border-error-800/50 rst:dark:text-error-300"},{checked:!0,variant:"soft",colorScheme:"neutral",className:"rst:bg-gray-100 rst:border-gray-200 rst:text-gray-700 rst:dark:bg-gray-800/50 rst:dark:border-gray-700/50 rst:dark:text-gray-300"}],defaultVariants:{colorScheme:"primary",variant:"solid",size:"md",checked:!1}});exports.checkboxVariants=e;

package/dist/components/atoms/Checkbox/checkbox-variants.js

@@ -5,7 +5,7 @@ const t = /* @__PURE__ */ r(
     variants: {
       size: {
         sm: "rst:h-4 rst:w-4 rst:rounded-sm rst:border",
-        md: "rst:h-5 rst:w-5 rst:rounded rst:border",
+        md: "rst:h-5 rst:w-5 rst:rounded-sm rst:border",
         lg: "rst:h-6 rst:w-6 rst:rounded-md rst:border"
       },
       variant: {

package/dist/components/atoms/InlineCode/inline-code-variants.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../node_modules/class-variance-authority/dist/index.cjs"),t=r.cva("rst:font-mono rst:text-[0.8125rem]",{variants:{colorScheme:{primary:"rst:text-primary-600 rst:dark:text-primary-400",neutral:"rst:text-gray-800 rst:dark:text-gray-200",current:"rst:text-current"},surface:{none:"",soft:"rst:rounded rst:bg-gray-100 rst:px-1 rst:py-0.5 rst:dark:bg-gray-800"}},defaultVariants:{colorScheme:"primary",surface:"none"}});exports.inlineCodeVariants=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../node_modules/class-variance-authority/dist/index.cjs"),t=r.cva("rst:font-mono rst:text-[0.8125rem]",{variants:{colorScheme:{primary:"rst:text-primary-600 rst:dark:text-primary-400",neutral:"rst:text-gray-800 rst:dark:text-gray-200",current:"rst:text-current"},surface:{none:"",soft:"rst:rounded-sm rst:bg-gray-100 rst:px-1 rst:py-0.5 rst:dark:bg-gray-800"}},defaultVariants:{colorScheme:"primary",surface:"none"}});exports.inlineCodeVariants=t;

package/dist/components/atoms/InlineCode/inline-code-variants.js

@@ -8,7 +8,7 @@ const e = /* @__PURE__ */ r("rst:font-mono rst:text-[0.8125rem]", {
     },
     surface: {
       none: "",
-      soft: "rst:rounded rst:bg-gray-100 rst:px-1 rst:py-0.5 rst:dark:bg-gray-800"
+      soft: "rst:rounded-sm rst:bg-gray-100 rst:px-1 rst:py-0.5 rst:dark:bg-gray-800"
     }
   },
   defaultVariants: { colorScheme: "primary", surface: "none" }

package/dist/components/atoms/Input/input-variants.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../node_modules/class-variance-authority/dist/index.cjs"),t=r.cva("rst:font-ui rst:flex rst:w-full rst:rounded-md rst:border rst:h-10 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:{white:"rst:border-gray-300 rst:bg-white rst:text-gray-900 rst:placeholder:text-gray-400 rst:focus-visible:border-primary-500 rst:dark:border-gray-700 rst:dark:bg-gray-800 rst:dark:text-gray-100 rst:dark:placeholder:text-gray-500",soft:"rst:border-[var(--roster-control-border)] rst:bg-gray-100 rst:text-gray-900 rst:placeholder:text-gray-400 rst:focus-visible:bg-white rst:focus-visible:border-primary-500 rst:dark:focus-visible:border-primary-400 rst:dark:bg-gray-800 rst:dark:text-gray-100 rst:dark:placeholder:text-gray-500 rst:dark:focus-visible:bg-gray-900",slate:"rst:border-transparent rst:bg-gray-700 rst:text-gray-100 rst:placeholder:text-gray-400 rst:focus-visible:bg-gray-600 rst:dark:bg-gray-900 rst:dark:placeholder:text-gray-500 rst:dark:focus-visible:bg-gray-800",outline:"rst:border-[var(--roster-control-border)] rst:bg-[var(--roster-control-bg)] rst:text-[var(--roster-control-text)] rst:placeholder:text-gray-400 rst:focus-visible:border-[var(--roster-control-border-focus)] rst:dark:placeholder:text-gray-500",ghost:"rst:border-transparent rst:bg-transparent rst:text-gray-900 rst:placeholder:text-gray-400 rst:hover:bg-gray-100 rst:focus-visible:bg-gray-100 rst:dark:text-gray-100 rst:dark:placeholder:text-gray-500 rst:dark:hover:bg-gray-800 rst:dark:focus-visible:bg-gray-800"},size:{sm:"rst:h-9 rst:px-3",default:"rst:h-10 rst:px-4",lg:"rst:h-11 rst:px-4"},error:{true:"rst:border-error-500 rst:focus-visible:ring-error-500 rst:text-error-600 rst:placeholder:text-error-300 rst:dark:border-error-500 rst:dark:text-error-400 rst:dark:placeholder:text-error-800 rst:dark:focus-visible:ring-error-400",false:""}},defaultVariants:{variant:"outline",size:"default",error:!1}}),s=r.cva("rst:absolute rst:top-1/2 rst:-translate-y-1/2 rst:transition-colors",{variants:{variant:{white:"rst:text-gray-400 rst:dark:text-gray-500",soft:"rst:text-gray-500 rst:dark:text-gray-400",slate:"rst:text-gray-300 rst:dark:text-gray-500",outline:"rst:text-gray-400 rst:dark:text-gray-500",ghost:"rst:text-gray-500 rst:dark:text-gray-400"},error:{true:"rst:text-error-500 rst:dark:text-error-400",false:""}},defaultVariants:{variant:"outline",error:!1}});exports.iconVariants=s;exports.inputVariants=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../node_modules/class-variance-authority/dist/index.cjs"),t=r.cva("rst:font-ui rst:flex rst:w-full rst:rounded-md rst:border rst:h-10 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:{white:"rst:border-gray-300 rst:bg-white rst:text-gray-900 rst:placeholder:text-gray-500 rst:focus-visible:border-primary-500 rst:dark:border-gray-700 rst:dark:bg-gray-800 rst:dark:text-gray-100 rst:dark:placeholder:text-gray-400",soft:"rst:border-[var(--roster-control-border)] rst:bg-gray-100 rst:text-gray-900 rst:placeholder:text-gray-500 rst:focus-visible:bg-white rst:focus-visible:border-primary-500 rst:dark:focus-visible:border-primary-400 rst:dark:bg-gray-800 rst:dark:text-gray-100 rst:dark:placeholder:text-gray-400 rst:dark:focus-visible:bg-gray-900",slate:"rst:border-transparent rst:bg-gray-700 rst:text-gray-100 rst:placeholder:text-gray-300 rst:focus-visible:bg-gray-600 rst:dark:bg-gray-900 rst:dark:placeholder:text-gray-400 rst:dark:focus-visible:bg-gray-800",outline:"rst:border-[var(--roster-control-border)] rst:bg-[var(--roster-control-bg)] rst:text-[var(--roster-control-text)] rst:placeholder:text-[color-mix(in_srgb,var(--roster-control-text)_65%,transparent)] rst:focus-visible:border-[var(--roster-control-border-focus)]",ghost:"rst:border-transparent rst:bg-transparent rst:text-gray-900 rst:placeholder:text-gray-500 rst:hover:bg-gray-100 rst:focus-visible:bg-gray-100 rst:dark:text-gray-100 rst:dark:placeholder:text-gray-400 rst:dark:hover:bg-gray-800 rst:dark:focus-visible:bg-gray-800"},size:{sm:"rst:h-9 rst:px-3",default:"rst:h-10 rst:px-4",lg:"rst:h-11 rst:px-4"},error:{true:"rst:border-error-500 rst:focus-visible:ring-error-500 rst:text-error-600 rst:dark:border-error-500 rst:dark:text-error-400 rst:dark:focus-visible:ring-error-400",false:""}},defaultVariants:{variant:"outline",size:"default",error:!1}}),s=r.cva("rst:absolute rst:top-1/2 rst:-translate-y-1/2 rst:transition-colors",{variants:{variant:{white:"rst:text-gray-400 rst:dark:text-gray-500",soft:"rst:text-gray-500 rst:dark:text-gray-400",slate:"rst:text-gray-300 rst:dark:text-gray-500",outline:"rst:text-gray-400 rst:dark:text-gray-500",ghost:"rst:text-gray-500 rst:dark:text-gray-400"},error:{true:"rst:text-error-500 rst:dark:text-error-400",false:""}},defaultVariants:{variant:"outline",error:!1}});exports.iconVariants=s;exports.inputVariants=t;

package/dist/components/atoms/Input/input-variants.js

@@ -9,7 +9,7 @@ const s = /* @__PURE__ */ r(
   {
     variants: {
       variant: {
-        white: "rst:border-gray-300 rst:bg-white rst:text-gray-900 rst:placeholder:text-gray-400 rst:focus-visible:border-primary-500 rst:dark:border-gray-700 rst:dark:bg-gray-800 rst:dark:text-gray-100 rst:dark:placeholder:text-gray-500",
+        white: "rst:border-gray-300 rst:bg-white rst:text-gray-900 rst:placeholder:text-gray-500 rst:focus-visible:border-primary-500 rst:dark:border-gray-700 rst:dark:bg-gray-800 rst:dark:text-gray-100 rst:dark:placeholder:text-gray-400",
         /* A boundary that does not depend on what is behind it. `soft` used
            `border-transparent` and leaned on its fill alone, which fails the
            moment the fill matches the surface — exactly 1.00:1 inside a
@@ -17,8 +17,8 @@ const s = /* @__PURE__ */ r(
            vanished until focus. Reported twice in one app before anyone read
            the variant. The border is the same token `outline` reads, so a
            consumer repaints both at once. */
-        soft: "rst:border-[var(--roster-control-border)] rst:bg-gray-100 rst:text-gray-900 rst:placeholder:text-gray-400 rst:focus-visible:bg-white rst:focus-visible:border-primary-500 rst:dark:focus-visible:border-primary-400 rst:dark:bg-gray-800 rst:dark:text-gray-100 rst:dark:placeholder:text-gray-500 rst:dark:focus-visible:bg-gray-900",
-        slate: "rst:border-transparent rst:bg-gray-700 rst:text-gray-100 rst:placeholder:text-gray-400 rst:focus-visible:bg-gray-600 rst:dark:bg-gray-900 rst:dark:placeholder:text-gray-500 rst:dark:focus-visible:bg-gray-800",
+        soft: "rst:border-[var(--roster-control-border)] rst:bg-gray-100 rst:text-gray-900 rst:placeholder:text-gray-500 rst:focus-visible:bg-white rst:focus-visible:border-primary-500 rst:dark:focus-visible:border-primary-400 rst:dark:bg-gray-800 rst:dark:text-gray-100 rst:dark:placeholder:text-gray-400 rst:dark:focus-visible:bg-gray-900",
+        slate: "rst:border-transparent rst:bg-gray-700 rst:text-gray-100 rst:placeholder:text-gray-300 rst:focus-visible:bg-gray-600 rst:dark:bg-gray-900 rst:dark:placeholder:text-gray-400 rst:dark:focus-visible:bg-gray-800",
         /* The default variant, and the only one that reads tokens.
                    `Button`'s colors resolve through `--roster-*`, so remapping a palette
                    carries; these were hardcoded, so a consumer wanting a field border in
@@ -33,9 +33,19 @@ const s = /* @__PURE__ */ r(
                    know, and `soft` leaning on fill alone made it invisible at 1.00:1
                    inside a `white` Dialog in dark mode. `white`, `slate` and `ghost`
                    stay fully opinionated — each names a specific surface, and a token
-                   that meant something different in each would not be a token. */
-        outline: "rst:border-[var(--roster-control-border)] rst:bg-[var(--roster-control-bg)] rst:text-[var(--roster-control-text)] rst:placeholder:text-gray-400 rst:focus-visible:border-[var(--roster-control-border-focus)] rst:dark:placeholder:text-gray-500",
-        ghost: "rst:border-transparent rst:bg-transparent rst:text-gray-900 rst:placeholder:text-gray-400 rst:hover:bg-gray-100 rst:focus-visible:bg-gray-100 rst:dark:text-gray-100 rst:dark:placeholder:text-gray-500 rst:dark:hover:bg-gray-800 rst:dark:focus-visible:bg-gray-800"
+                   that meant something different in each would not be a token.
+        
+                   Placeholders have to reach 4.5:1; gray-400, which every variant
+                   used, is 2.52:1 on white. Here the placeholder is the text token at
+                   65%, so it follows whatever surface the text was chosen for (5.46:1
+                   on a white page, 7.76 on the dark one, 5.02 inside the `slate`
+                   Dialog, where a fixed gray-500 would fall to 1.71; measured
+                   rendered, src/fills-and-fields.checks.stories.tsx). The opinionated
+                   variants name a step per scheme instead, measured on their own
+                   fill. An error leaves the placeholder alone: a red that passes is
+                   too close to the typed text's red to tell them apart. */
+        outline: "rst:border-[var(--roster-control-border)] rst:bg-[var(--roster-control-bg)] rst:text-[var(--roster-control-text)] rst:placeholder:text-[color-mix(in_srgb,var(--roster-control-text)_65%,transparent)] rst:focus-visible:border-[var(--roster-control-border-focus)]",
+        ghost: "rst:border-transparent rst:bg-transparent rst:text-gray-900 rst:placeholder:text-gray-500 rst:hover:bg-gray-100 rst:focus-visible:bg-gray-100 rst:dark:text-gray-100 rst:dark:placeholder:text-gray-400 rst:dark:hover:bg-gray-800 rst:dark:focus-visible:bg-gray-800"
       },
       /* Deliberately the same three heights as Button: h-9 / h-10 / h-11.
          Input was a fixed 42px, which agreed with Button at no size at all, so
@@ -51,7 +61,7 @@ const s = /* @__PURE__ */ r(
         lg: "rst:h-11 rst:px-4"
       },
       error: {
-        true: "rst:border-error-500 rst:focus-visible:ring-error-500 rst:text-error-600 rst:placeholder:text-error-300 rst:dark:border-error-500 rst:dark:text-error-400 rst:dark:placeholder:text-error-800 rst:dark:focus-visible:ring-error-400",
+        true: "rst:border-error-500 rst:focus-visible:ring-error-500 rst:text-error-600 rst:dark:border-error-500 rst:dark:text-error-400 rst:dark:focus-visible:ring-error-400",
         false: ""
       }
     },