@blakesteve/roster 4.12.1 → 5.0.0

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

@@ -0,0 +1,94 @@
+import { cva as r } from "../../../node_modules/class-variance-authority/dist/index.js";
+const e = /* @__PURE__ */ r(
+  // Base styles
+  "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: [
+      // --- SOLID VARIANTS (Bold Backgrounds) ---
+      { 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" },
+      // --- SOFT VARIANTS (Crisp Light Mode, Translucent Dark Mode) ---
+      { 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" },
+      // --- OUTLINE VARIANTS (Borders + Colored Adaptive Text + Transparent Hover) ---
+      { 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" },
+      // --- GHOST VARIANTS (Adaptive Text + Translucent Hover) ---
+      // Translucent rather than a solid tint step. A ghost button sits directly
+      // on the host's own background, and a solid `bg-*-50` silently disappears
+      // wherever that background happens to equal the step it names — which is
+      // exactly what happened to blakeb.dev, whose paper is the same value it
+      // maps `--roster-gray-100` to. An alpha wash darkens or lightens whatever
+      // is actually behind it, so it reads on any surface.
+      { 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" },
+      // --- LINK VARIANTS (Adaptive Text Only + Underline) ---
+      { 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"
+    }
+  }
+);
+export {
+  e as buttonVariants
+};

package/dist/components/atoms/Card/Card.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),g=require("react"),e=require("../../../lib/utils.cjs"),m=require("./card-variants.cjs"),i=g.forwardRef(({className:c,variant:n,padding:u,branded:a=!1,brandColorTop:s,brandColorBottom:t,children:l,...d},o)=>r.jsxs("div",{ref:o,className:e.cn(m.cardVariants({variant:n,padding:u}),c),...d,children:[a&&r.jsx("div",{className:e.cn("rst:absolute rst:top-0 rst:inset-x-0 rst:h-1 rst:z-10",!s&&"rst:bg-orange-500"),style:s?{backgroundColor:s}:void 0}),l,a&&r.jsx("div",{className:e.cn("rst:absolute rst:bottom-0 rst:inset-x-0 rst:h-1 rst:z-10",!t&&"rst:bg-primary-500"),style:t?{backgroundColor:t}:void 0})]}));i.displayName="Card";exports.Card=i;

package/dist/components/atoms/Card/Card.js

@@ -0,0 +1,51 @@
+"use client";
+import { jsxs as f, jsx as a } from "react/jsx-runtime";
+import u from "react";
+import { cn as t } from "../../../lib/utils.js";
+import { cardVariants as n } from "./card-variants.js";
+const p = u.forwardRef(
+  ({
+    className: i,
+    variant: m,
+    padding: c,
+    branded: e = !1,
+    brandColorTop: s,
+    brandColorBottom: r,
+    children: o,
+    ...l
+  }, d) => /* @__PURE__ */ f(
+    "div",
+    {
+      ref: d,
+      className: t(n({ variant: m, padding: c }), i),
+      ...l,
+      children: [
+        e && /* @__PURE__ */ a(
+          "div",
+          {
+            className: t(
+              "rst:absolute rst:top-0 rst:inset-x-0 rst:h-1 rst:z-10",
+              !s && "rst:bg-orange-500"
+            ),
+            style: s ? { backgroundColor: s } : void 0
+          }
+        ),
+        o,
+        e && /* @__PURE__ */ a(
+          "div",
+          {
+            className: t(
+              "rst:absolute rst:bottom-0 rst:inset-x-0 rst:h-1 rst:z-10",
+              !r && "rst:bg-primary-500"
+            ),
+            style: r ? { backgroundColor: r } : void 0
+          }
+        )
+      ]
+    }
+  )
+);
+p.displayName = "Card";
+export {
+  p as Card
+};

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

@@ -0,0 +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;

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

@@ -0,0 +1,43 @@
+import { cva as r } from "../../../node_modules/class-variance-authority/dist/index.js";
+const a = /* @__PURE__ */ r(
+  // Base: relative and overflow-hidden are crucial for the branded stripes to clip.
+  // `isolate` makes the card its own stacking context, so children stay beneath
+  // the z-10 stripes without needing a wrapper element around them. See Card.tsx.
+  "rst:relative rst:isolate rst:w-full rst:overflow-hidden rst:rounded-xl rst:transition-all",
+  {
+    variants: {
+      variant: {
+        // Driven by --roster-card-* so a themed app can retint the default
+        // surface without per-usage overrides. The tokens flip under `.dark`,
+        // so no dark: variants are needed. Defaults match the previous
+        // white / gray-900 pair exactly.
+        white: "rst:bg-[var(--roster-card-bg)] rst:border rst:border-[var(--roster-card-border)] rst:text-[var(--roster-card-text)] rst:elevation-raised",
+        // crisp light mode (gray-50) and translucent stained-glass dark mode
+        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",
+        // 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).
+        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",
+        // Upgraded to match the ActionBar's exact /50 frosted glass formula
+        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"
+    }
+  }
+);
+export {
+  a as cardVariants
+};

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

@@ -0,0 +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;

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

@@ -0,0 +1,63 @@
+"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(
+  ({
+    className: m,
+    colorScheme: a = "primary",
+    variant: f = "solid",
+    size: e = "md",
+    indeterminate: r = !1,
+    ...o
+  }, c) => {
+    const l = {
+      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);
+    };
+    return x(() => {
+      r && s.current && s.current.setAttribute("aria-checked", "mixed");
+    }, [r, o.checked]), /* @__PURE__ */ i(
+      w,
+      {
+        ref: u,
+        ...o,
+        className: ({
+          checked: t,
+          disabled: p
+        }) => n(
+          N({
+            colorScheme: a,
+            variant: f,
+            size: e,
+            checked: t || r
+          }),
+          p || o.disabled ? "rst:opacity-50" : "rst:cursor-pointer",
+          m
+        ),
+        children: ({ checked: t }) => /* @__PURE__ */ i(
+          y,
+          {
+            icon: r ? b : C,
+            className: n(
+              "rst:pointer-events-none rst:transition-opacity rst:duration-200",
+              t || r ? "rst:opacity-100" : "rst:opacity-0",
+              l[e]
+            )
+          }
+        )
+      }
+    );
+  }
+);
+A.displayName = "Checkbox";
+export {
+  A as Checkbox
+};

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

@@ -0,0 +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;

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

@@ -0,0 +1,66 @@
+import { cva as r } from "../../../node_modules/class-variance-authority/dist/index.js";
+const t = /* @__PURE__ */ r(
+  "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: "",
+        /* The unchecked box reads `--roster-control-border` like every other
+           field. It was gray-300 / gray-700 — 1.49:1 on white and 1.70:1 on a
+           gray-900 surface — which is the same hairline the 1.4.11 pass raised
+           on Input, Textarea and Select, on a control 1.4.11 covers at least as
+           squarely. Left alone it would have sat next to an `outline` field
+           with a visibly lighter edge. */
+        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: [
+      // --- SOLID VARIANTS ---
+      { 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" },
+      // --- SOFT VARIANTS ---
+      { 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
+    }
+  }
+);
+export {
+  t as checkboxVariants
+};

package/dist/components/atoms/Chip/Chip.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),k=require("react"),q=require("../../../node_modules/@fortawesome/react-fontawesome/dist/index.cjs"),R=require("../../../node_modules/@fortawesome/free-solid-svg-icons/index.cjs"),c=require("../../../lib/utils.cjs"),w=require("./chip-variants.cjs");function C(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(r,s,n.get?n:{enumerable:!0,get:()=>e[s]})}}return r.default=e,Object.freeze(r)}const P=C(k),d="rst:cursor-pointer rst:disabled:cursor-not-allowed rst:rounded-full rst:focus-visible:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:ring-offset-background rst:focus-visible:ring-offset-2",v=P.forwardRef(({className:e,colorScheme:r,variant:s,size:n,leadingIcon:h,onRemove:j,removeLabel:N,onSelectedChange:o,selected:i,disabled:a=!1,children:l,onClick:u,...f},p)=>{const y=!!o,x=!!j,m=c.cn(w.chipVariants({colorScheme:r,variant:s,size:n,disabled:a}),e),b=t.jsxs(t.Fragment,{children:[h&&t.jsx("span",{"aria-hidden":"true",className:"rst:flex rst:shrink-0 rst:items-center rst:justify-center",children:h}),l]}),g=x&&t.jsx("button",{type:"button",disabled:a,onClick:j,"aria-label":N??(typeof l=="string"?`Remove ${l}`:"Remove"),className:c.cn("rst:-mr-1 rst:relative rst:flex rst:shrink-0 rst:items-center rst:justify-center rst:opacity-70 rst:hover:opacity-100 rst:disabled:hover:opacity-70","rst:after:absolute rst:after:-inset-2 rst:after:content-['']",d),children:t.jsx(q.FontAwesomeIcon,{icon:R.faXmark,className:"rst:h-3 rst:w-3","aria-hidden":"true"})});return y&&x?t.jsxs("span",{...f,onClick:u,ref:p,className:m,children:[t.jsx("button",{type:"button",disabled:a,"aria-pressed":!!i,onClick:()=>o(!i),className:c.cn("rst:inline-flex rst:items-center rst:gap-1.5",d),children:b}),g]}):y?t.jsx("button",{...f,ref:p,type:"button",disabled:a,"aria-pressed":!!i,onClick:O=>{u?.(O),o(!i)},className:c.cn(m,d),children:b}):t.jsxs("span",{...f,onClick:u,ref:p,className:m,children:[b,g]})});v.displayName="Chip";exports.Chip=v;

package/dist/components/atoms/Chip/Chip.js

@@ -0,0 +1,119 @@
+"use client";
+import { jsx as r, jsxs as f, Fragment as w } from "react/jsx-runtime";
+import * as R from "react";
+import { FontAwesomeIcon as C } from "../../../node_modules/@fortawesome/react-fontawesome/dist/index.js";
+import { faXmark as F } from "../../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
+import { cn as e } from "../../../lib/utils.js";
+import { chipVariants as O } from "./chip-variants.js";
+const p = "rst:cursor-pointer rst:disabled:cursor-not-allowed rst:rounded-full rst:focus-visible:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:ring-offset-background rst:focus-visible:ring-offset-2", A = R.forwardRef(
+  ({
+    className: v,
+    colorScheme: N,
+    variant: g,
+    size: x,
+    leadingIcon: u,
+    onRemove: b,
+    removeLabel: k,
+    onSelectedChange: i,
+    selected: t,
+    disabled: s = !1,
+    children: o,
+    onClick: n,
+    ...a
+  }, c) => {
+    const h = !!i, d = !!b, l = e(
+      O({ colorScheme: N, variant: g, size: x, disabled: s }),
+      v
+    ), m = /* @__PURE__ */ f(w, { children: [
+      u && /* `aria-hidden`, like Pill's leading slot. Without it a
+      non-decorative icon — an Avatar, an `<img alt>` — joins the
+      toggle's accessible name and not the dismiss button's, so the two
+      halves of one chip disagree about what the chip is called and a
+      filter list stops being navigable by name. */
+      /* @__PURE__ */ r(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: "rst:flex rst:shrink-0 rst:items-center rst:justify-center",
+          children: u
+        }
+      ),
+      o
+    ] }), y = d && /* @__PURE__ */ r(
+      "button",
+      {
+        type: "button",
+        disabled: s,
+        onClick: b,
+        "aria-label": k ?? (typeof o == "string" ? `Remove ${o}` : "Remove"),
+        className: e(
+          "rst:-mr-1 rst:relative rst:flex rst:shrink-0 rst:items-center rst:justify-center rst:opacity-70 rst:hover:opacity-100 rst:disabled:hover:opacity-70",
+          /* WCAG 2.5.8 asks 24x24 CSS px for a pointer target, and the glyph
+             plus its box measured 15x12. Growing the button itself would grow
+             the chip with it, so the hit area is an invisible `::after`
+             instead — the standard way to keep a 12px icon and a 28px target.
+             The spacing exception does not rescue the small box: a dismissible
+             chip usually sits inside or beside another target (in
+             `MultiSelect` the trigger is directly underneath it), so a 24px
+             circle around this one always intersects another. */
+          "rst:after:absolute rst:after:-inset-2 rst:after:content-['']",
+          p
+        ),
+        children: /* @__PURE__ */ r(C, { icon: F, className: "rst:h-3 rst:w-3", "aria-hidden": "true" })
+      }
+    );
+    return h && d ? /* @__PURE__ */ f(
+      "span",
+      {
+        ...a,
+        onClick: n,
+        ref: c,
+        className: l,
+        children: [
+          /* @__PURE__ */ r(
+            "button",
+            {
+              type: "button",
+              disabled: s,
+              "aria-pressed": !!t,
+              onClick: () => i(!t),
+              className: e("rst:inline-flex rst:items-center rst:gap-1.5", p),
+              children: m
+            }
+          ),
+          y
+        ]
+      }
+    ) : h ? /* @__PURE__ */ r(
+      "button",
+      {
+        ...a,
+        ref: c,
+        type: "button",
+        disabled: s,
+        "aria-pressed": !!t,
+        onClick: (j) => {
+          n?.(j), i(!t);
+        },
+        className: e(l, p),
+        children: m
+      }
+    ) : /* @__PURE__ */ f(
+      "span",
+      {
+        ...a,
+        onClick: n,
+        ref: c,
+        className: l,
+        children: [
+          m,
+          y
+        ]
+      }
+    );
+  }
+);
+A.displayName = "Chip";
+export {
+  A as Chip
+};

package/dist/components/atoms/Chip/chip-variants.cjs

@@ -0,0 +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:rounded-full rst:font-medium rst:whitespace-nowrap rst:align-middle rst:transition-colors",{variants:{colorScheme:{primary:"",success:"",error:"",amber:"",info:"",neutral:""},variant:{soft:"",outline:"rst:bg-transparent rst:border",solid:""},size:{sm:"rst:text-xs rst:px-2.5 rst:py-0.5 rst:gap-1.5",md:"rst:text-sm rst:px-3 rst:py-1 rst:gap-2"},disabled:{true:"rst:opacity-50 rst:cursor-not-allowed",false:""}},compoundVariants:[{variant:"soft",colorScheme:"primary",className:"rst:bg-primary-50 rst:text-primary-700 rst:dark:bg-primary-500/15 rst:dark:text-primary-300"},{variant:"soft",colorScheme:"success",className:"rst:bg-success-50 rst:text-success-700 rst:dark:bg-success-500/15 rst:dark:text-success-300"},{variant:"soft",colorScheme:"error",className:"rst:bg-error-50 rst:text-error-700 rst:dark:bg-error-500/15 rst:dark:text-error-300"},{variant:"soft",colorScheme:"amber",className:"rst:bg-amber-50 rst:text-amber-800 rst:dark:bg-amber-500/15 rst:dark:text-amber-300"},{variant:"soft",colorScheme:"info",className:"rst:bg-info-50 rst:text-info-700 rst:dark:bg-info-500/15 rst:dark:text-info-300"},{variant:"soft",colorScheme:"neutral",className:"rst:bg-gray-100 rst:text-gray-700 rst:dark:bg-gray-500/15 rst:dark:text-gray-300"},{variant:"outline",colorScheme:"primary",className:"rst:border-primary-600 rst:text-primary-700 rst:dark:border-primary-400 rst:dark:text-primary-300"},{variant:"outline",colorScheme:"success",className:"rst:border-success-600 rst:text-success-700 rst:dark:border-success-400 rst:dark:text-success-300"},{variant:"outline",colorScheme:"error",className:"rst:border-error-600 rst:text-error-700 rst:dark:border-error-400 rst:dark:text-error-300"},{variant:"outline",colorScheme:"amber",className:"rst:border-amber-600 rst:text-amber-800 rst:dark:border-amber-400 rst:dark:text-amber-300"},{variant:"outline",colorScheme:"info",className:"rst:border-info-600 rst:text-info-700 rst:dark:border-info-400 rst:dark:text-info-300"},{variant:"outline",colorScheme:"neutral",className:"rst:border-gray-600 rst:text-gray-700 rst:dark:border-gray-400 rst:dark:text-gray-300"},{variant:"solid",colorScheme:"primary",className:"rst:bg-primary-500 rst:text-primary-500-ink"},{variant:"solid",colorScheme:"success",className:"rst:bg-success-500 rst:text-success-500-ink"},{variant:"solid",colorScheme:"error",className:"rst:bg-error-500 rst:text-error-500-ink"},{variant:"solid",colorScheme:"amber",className:"rst:bg-amber-500 rst:text-amber-500-ink"},{variant:"solid",colorScheme:"info",className:"rst:bg-info-500 rst:text-info-500-ink"},{variant:"solid",colorScheme:"neutral",className:"rst:bg-gray-600 rst:dark:bg-gray-500 rst:text-gray-600-ink rst:dark:text-gray-500-ink"}],defaultVariants:{colorScheme:"neutral",variant:"soft",size:"md",disabled:!1}});exports.chipVariants=t;

package/dist/components/atoms/Chip/chip-variants.js

@@ -0,0 +1,85 @@
+import { cva as r } from "../../../node_modules/class-variance-authority/dist/index.js";
+const s = /* @__PURE__ */ r(
+  "rst:font-ui rst:inline-flex rst:items-center rst:rounded-full rst:font-medium rst:whitespace-nowrap rst:align-middle rst:transition-colors",
+  {
+    variants: {
+      colorScheme: {
+        primary: "",
+        success: "",
+        error: "",
+        amber: "",
+        info: "",
+        neutral: ""
+      },
+      variant: {
+        soft: "",
+        outline: "rst:bg-transparent rst:border",
+        solid: ""
+      },
+      size: {
+        sm: "rst:text-xs rst:px-2.5 rst:py-0.5 rst:gap-1.5",
+        md: "rst:text-sm rst:px-3 rst:py-1 rst:gap-2"
+      },
+      disabled: {
+        /* `cursor-not-allowed`, not `pointer-events-none`. The library has both
+           patterns — Button takes pointer events away, Input and Textarea show
+           the refusal — and a chip is closer to a field: it sits in a row of
+           them, and silently doing nothing on click reads as a broken chip
+           rather than a disabled one. Pointer events have to stay live for any
+           cursor to be shown at all, which is safe here because every control
+           carries the native `disabled` attribute and cannot fire regardless. */
+        true: "rst:opacity-50 rst:cursor-not-allowed",
+        false: ""
+      }
+    },
+    compoundVariants: [
+      { variant: "soft", colorScheme: "primary", className: "rst:bg-primary-50 rst:text-primary-700 rst:dark:bg-primary-500/15 rst:dark:text-primary-300" },
+      { variant: "soft", colorScheme: "success", className: "rst:bg-success-50 rst:text-success-700 rst:dark:bg-success-500/15 rst:dark:text-success-300" },
+      { variant: "soft", colorScheme: "error", className: "rst:bg-error-50 rst:text-error-700 rst:dark:bg-error-500/15 rst:dark:text-error-300" },
+      { variant: "soft", colorScheme: "amber", className: "rst:bg-amber-50 rst:text-amber-800 rst:dark:bg-amber-500/15 rst:dark:text-amber-300" },
+      { variant: "soft", colorScheme: "info", className: "rst:bg-info-50 rst:text-info-700 rst:dark:bg-info-500/15 rst:dark:text-info-300" },
+      { variant: "soft", colorScheme: "neutral", className: "rst:bg-gray-100 rst:text-gray-700 rst:dark:bg-gray-500/15 rst:dark:text-gray-300" },
+      /* `-600` light and `-400` dark, not the `-300` / `-500/40` this started
+               with. `outline` is `bg-transparent`, so the border is the only thing
+               identifying the control, and 1.4.11 asks 3:1 for that — the first pass
+               here ran 1.40 to 1.90 in light and as low as 1.37 composited in dark.
+               That is the same hairline 4.8.2 had just finished removing from every
+               other control, reintroduced on the newest one. `Button`'s outline uses
+               `-600` for exactly this reason. Measured now: 8.71 / 5.02 / 8.31 /
+               3.19 / 4.10 / 7.63 on white, and 7.31 / 11.34 / 7.14 / 11.83 / 9.22 /
+               7.83 on the gray-950 page.
+      
+               This is the one place Chip does NOT match Pill step for step: Pill is
+               decoration and 1.4.11 does not reach it, this is a control and it
+               does. */
+      { variant: "outline", colorScheme: "primary", className: "rst:border-primary-600 rst:text-primary-700 rst:dark:border-primary-400 rst:dark:text-primary-300" },
+      { variant: "outline", colorScheme: "success", className: "rst:border-success-600 rst:text-success-700 rst:dark:border-success-400 rst:dark:text-success-300" },
+      { variant: "outline", colorScheme: "error", className: "rst:border-error-600 rst:text-error-700 rst:dark:border-error-400 rst:dark:text-error-300" },
+      { variant: "outline", colorScheme: "amber", className: "rst:border-amber-600 rst:text-amber-800 rst:dark:border-amber-400 rst:dark:text-amber-300" },
+      { variant: "outline", colorScheme: "info", className: "rst:border-info-600 rst:text-info-700 rst:dark:border-info-400 rst:dark:text-info-300" },
+      { variant: "outline", colorScheme: "neutral", className: "rst:border-gray-600 rst:text-gray-700 rst:dark:border-gray-400 rst:dark:text-gray-300" },
+      /* The same fills and the same ink tokens as Pill's solid, step for step.
+         Chip and Pill are the same object at rest and differ only in whether
+         they respond, so a solid Chip beside a solid Pill must not be a
+         different shade of the same color. (The `outline` borders above are
+         the exception, and say why.) Using `-600` here instead looked
+         reasonable and asked for `amber-600-ink` and `info-600-ink`, which do
+         not exist — `src/contrast.test.ts` caught it on the first run. */
+      { variant: "solid", colorScheme: "primary", className: "rst:bg-primary-500 rst:text-primary-500-ink" },
+      { variant: "solid", colorScheme: "success", className: "rst:bg-success-500 rst:text-success-500-ink" },
+      { variant: "solid", colorScheme: "error", className: "rst:bg-error-500 rst:text-error-500-ink" },
+      { variant: "solid", colorScheme: "amber", className: "rst:bg-amber-500 rst:text-amber-500-ink" },
+      { variant: "solid", colorScheme: "info", className: "rst:bg-info-500 rst:text-info-500-ink" },
+      { variant: "solid", colorScheme: "neutral", className: "rst:bg-gray-600 rst:dark:bg-gray-500 rst:text-gray-600-ink rst:dark:text-gray-500-ink" }
+    ],
+    defaultVariants: {
+      colorScheme: "neutral",
+      variant: "soft",
+      size: "md",
+      disabled: !1
+    }
+  }
+);
+export {
+  s as chipVariants
+};

package/dist/components/atoms/CollapsibleSection/CollapsibleSection.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("react"),l=require("../../../lib/utils.cjs"),x={xs:"rst:max-h-8",sm:"rst:max-h-16",md:"rst:max-h-24",lg:"rst:max-h-36"};function b({children:a,size:o="md",expandLabel:c="Show more",collapseLabel:m="Show less",className:d}){const[e,u]=s.useState(!1),[n,p]=s.useState(!1),i=s.useRef(null);return s.useEffect(()=>{const t=i.current;t&&p(t.scrollHeight>t.clientHeight)},[a,o]),r.jsxs("div",{className:l.cn("rst:font-ui",d),children:[r.jsx("div",{ref:i,"data-testid":"collapsible-content",className:l.cn(!e&&x[o],!e&&"rst:overflow-hidden"),style:!e&&n?{maskImage:"linear-gradient(to bottom, black 50%, transparent 100%)",WebkitMaskImage:"linear-gradient(to bottom, black 50%, transparent 100%)"}:void 0,children:a}),n&&r.jsx("button",{type:"button","data-testid":"collapsible-toggle",onClick:()=>u(t=>!t),className:"rst:mt-2 rst:text-xs rst:font-medium rst:text-primary-500 rst:dark:text-primary-400 rst:hover:opacity-80 rst:transition-opacity rst:cursor-pointer",children:e?m:c})]})}exports.CollapsibleSection=b;

package/dist/components/atoms/CollapsibleSection/CollapsibleSection.js

@@ -0,0 +1,54 @@
+"use client";
+import { jsxs as x, jsx as n } from "react/jsx-runtime";
+import { useState as i, useRef as u, useEffect as h } from "react";
+import { cn as l } from "../../../lib/utils.js";
+const b = {
+  xs: "rst:max-h-8",
+  // single row of chips, tags, or badges
+  sm: "rst:max-h-16",
+  // ~3 lines at text-sm/leading-relaxed
+  md: "rst:max-h-24",
+  // ~4-5 lines
+  lg: "rst:max-h-36"
+  // ~6-7 lines
+};
+function v({
+  children: s,
+  size: r = "md",
+  expandLabel: m = "Show more",
+  collapseLabel: c = "Show less",
+  className: d
+}) {
+  const [e, p] = i(!1), [a, f] = i(!1), o = u(null);
+  return h(() => {
+    const t = o.current;
+    t && f(t.scrollHeight > t.clientHeight);
+  }, [s, r]), /* @__PURE__ */ x("div", { className: l("rst:font-ui", d), children: [
+    /* @__PURE__ */ n(
+      "div",
+      {
+        ref: o,
+        "data-testid": "collapsible-content",
+        className: l(!e && b[r], !e && "rst:overflow-hidden"),
+        style: !e && a ? {
+          maskImage: "linear-gradient(to bottom, black 50%, transparent 100%)",
+          WebkitMaskImage: "linear-gradient(to bottom, black 50%, transparent 100%)"
+        } : void 0,
+        children: s
+      }
+    ),
+    a && /* @__PURE__ */ n(
+      "button",
+      {
+        type: "button",
+        "data-testid": "collapsible-toggle",
+        onClick: () => p((t) => !t),
+        className: "rst:mt-2 rst:text-xs rst:font-medium rst:text-primary-500 rst:dark:text-primary-400 rst:hover:opacity-80 rst:transition-opacity rst:cursor-pointer",
+        children: e ? c : m
+      }
+    )
+  ] });
+}
+export {
+  v as CollapsibleSection
+};