@blakesteve/roster 4.12.1 → 5.0.0

package/README.md

@@ -9,7 +9,7 @@ Roster ships a curated set of accessible, theme-aware components organized aroun
 - **Atomic Design**: components organized as atoms, molecules, and organisms
 - **TypeScript first**: fully typed props with exported variant types for maximum DX
 - **Adaptive dark mode**: class-based toggling (`.dark`) independent of OS preferences
-- **`"use client"` pre-bundled**: all outputs include the directive for seamless Next.js App Router integration
+- **`"use client"` per component**: the directive sits on the modules that need it, not on the barrel, so a server component pays only for what it imports
 - **Accessible**: interactive components powered by [`@headlessui/react`](https://headlessui.com) and [`@radix-ui`](https://radix-ui.com)
 - **Tree-shakeable**: import only what you need
 
@@ -1205,16 +1205,24 @@ entry's value as `unknown` and recovers the real type per column through
 
 ### Server components
 
-The main entry carries a `"use client"` directive, because nearly everything in
-it is interactive. That is correct for components and wrong for a plain
-function, so `cn` ships from its own entry with no directive:
+The `"use client"` directive sits on each module that needs it, not on the
+package entry. A component carries it; a variant table, a token map and `cn` do
+not. That is what lets a server component import `Button` from the root and get
+a client reference for `Button` alone, rather than for all 102 exports.
+
+It changed in 5.0.0, and the difference is worth knowing if you are upgrading.
+Before, the entry itself carried the directive, so importing anything from the
+root pulled the whole namespace across the boundary. Now only the name you
+import crosses.
 
 ```tsx
 import { cn } from "@blakesteve/roster/utils";
 ```
 
-Importing `cn` from the package root still works on the client. In a React
-Server Component it typechecks and then throws at render — use `/utils` there.
+`cn` is still worth importing from `/utils`, but no longer because the root
+version breaks: the root resolves through a bare barrel to the same unstamped
+module and works in a server component. The subpath is the narrower import and
+the one that can not be affected by a future change to the barrel.
 
 ### Hooks
 
@@ -1331,9 +1339,9 @@ Output in `dist/`:
 
 | File               | Description                                                         |
 | ------------------ | ------------------------------------------------------------------- |
-| `roster.es.js`     | ES module bundle                                                    |
-| `roster.umd.js`    | UMD bundle                                                          |
-| `data-table.es.js` | DataTable entry, keeping the TanStack import out of the main bundle |
+| `roster.js`        | ES entry. Re-exports the module tree beside it, rather than bundling it |
+| `roster.cjs`       | The same entry in CommonJS                                          |
+| `data-table.js`    | DataTable entry, keeping the TanStack import out of the main graph  |
 | `roster.css`       | Compiled component styles, in the `roster` cascade layer            |
 | `tokens.css`       | Design token CSS variables                                          |
 | `preflight.css`    | Optional global reset (see Setup)                                   |

package/dist/_virtual/use-sync-external-store-with-selector.development.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;

package/dist/_virtual/use-sync-external-store-with-selector.development.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/dist/_virtual/use-sync-external-store-with-selector.production.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;

package/dist/_virtual/use-sync-external-store-with-selector.production.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/dist/_virtual/with-selector.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../node_modules/use-sync-external-store/with-selector.cjs");var t=e.__require();exports.withSelectorExports=t;

package/dist/_virtual/with-selector.js

@@ -0,0 +1,5 @@
+import { __require as r } from "../node_modules/use-sync-external-store/with-selector.js";
+var t = r();
+export {
+  t as w
+};

package/dist/_virtual/with-selector2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;

package/dist/_virtual/with-selector2.js

@@ -0,0 +1,4 @@
+var e = { exports: {} };
+export {
+  e as __module
+};

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

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

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

@@ -0,0 +1,63 @@
+"use client";
+import { jsx as r, jsxs as v } from "react/jsx-runtime";
+import b, { useState as h } from "react";
+import { cn as a } from "../../../lib/utils.js";
+import { avatarVariants as x } from "./avatar-variants.js";
+import { Popover as y, PopoverButton as N, PopoverPanel as k } from "../../../node_modules/@headlessui/react/dist/components/popover/popover.js";
+const w = b.forwardRef(
+  ({
+    className: o,
+    size: i,
+    colorScheme: n,
+    shape: l,
+    initials: c,
+    src: t,
+    alt: d,
+    title: s,
+    ...m
+  }, u) => {
+    const [f, g] = h(!1), p = t && !f, e = /* @__PURE__ */ r(
+      "div",
+      {
+        ref: u,
+        className: a(x({ size: i, colorScheme: n, shape: l }), o),
+        ...m,
+        children: p ? /* @__PURE__ */ r(
+          "img",
+          {
+            src: t,
+            alt: d || "Avatar",
+            className: "rst:h-full rst:w-full rst:object-cover",
+            onError: () => g(!0)
+          }
+        ) : /* @__PURE__ */ r("span", { className: "rst:leading-none rst:uppercase", children: c?.slice(0, 2) })
+      }
+    );
+    return s ? /* @__PURE__ */ v(y, { className: "rst:relative rst:inline-flex", children: [
+      /* @__PURE__ */ r(
+        N,
+        {
+          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: e
+        }
+      ),
+      /* @__PURE__ */ r(
+        k,
+        {
+          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: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: s
+        }
+      )
+    ] }) : e;
+  }
+);
+w.displayName = "Avatar";
+export {
+  w as Avatar
+};

package/dist/components/atoms/Avatar/avatar-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: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;

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

@@ -0,0 +1,37 @@
+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",
+  {
+    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"
+    }
+  }
+);
+export {
+  s as avatarVariants
+};

package/dist/components/atoms/AvatarStrip/AvatarStrip.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("../../../lib/utils.cjs"),f=require("../Avatar/Avatar.cjs");function g({items:i,maxDisplay:l=5,totalCount:n,excludeKey:c,onDismiss:o,trailingSlot:d,label:v,ringClass:h="rst:ring-white rst:dark:ring-gray-900",className:p}){const s=i.filter(t=>t.key!==c).slice(0,l),e=n!==void 0?Math.max(0,n-s.length):Math.max(0,i.filter(t=>t.key!==c).length-l);return s.length===0&&!d?null:r.jsxs("div",{"data-testid":"avatar-strip",className:a.cn("rst:font-ui rst:flex rst:items-center rst:gap-3",p),children:[o&&r.jsx("button",{type:"button",onClick:o,"aria-label":"Dismiss","data-testid":"avatar-strip-dismiss",className:"rst:shrink-0 rst:text-gray-400/50 rst:dark:text-gray-500/50 rst:hover:text-gray-400 rst:dark:hover:text-gray-500 rst:transition-colors rst:cursor-pointer",children:"✕"}),r.jsxs("div",{"data-testid":"avatar-strip-stack",className:"rst:flex rst:items-center rst:-space-x-2",children:[s.map(t=>{const x=r.jsx(f.Avatar,{initials:t.label[0].toUpperCase(),src:t.src,colorScheme:t.colorScheme??"neutral",size:"xs"}),u=a.cn("rst:relative rst:inline-flex rst:h-6 rst:w-6 rst:rounded-full rst:ring-2 rst:transition-transform rst:hover:z-10 rst:hover:scale-110",h);return t.href?r.jsx("a",{href:t.href,title:t.label,"data-testid":`avatar-strip-item-${t.key}`,className:u,children:x},t.key):r.jsx("span",{title:t.label,"data-testid":`avatar-strip-item-${t.key}`,className:u,children:x},t.key)}),e>0&&r.jsx("div",{title:`${e} more`,"data-testid":"avatar-strip-overflow",className:a.cn("rst:relative rst:flex rst:h-6 rst:w-6 rst:items-center rst:justify-center rst:rounded-full rst:bg-gray-500/10 rst:ring-2",h),children:r.jsxs("span",{className:"rst:text-[9px] rst:font-bold rst:text-gray-500 rst:dark:text-gray-400 rst:select-none",children:["+",e]})}),d]}),v&&r.jsx("div",{"data-testid":"avatar-strip-label",children:v})]})}exports.AvatarStrip=g;

package/dist/components/atoms/AvatarStrip/AvatarStrip.js

@@ -0,0 +1,100 @@
+"use client";
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { cn as i } from "../../../lib/utils.js";
+import { Avatar as m } from "../Avatar/Avatar.js";
+function b({
+  items: l,
+  maxDisplay: n = 5,
+  totalCount: c,
+  excludeKey: o,
+  onDismiss: d,
+  trailingSlot: h,
+  label: v,
+  ringClass: p = "rst:ring-white rst:dark:ring-gray-900",
+  className: g
+}) {
+  const s = l.filter((t) => t.key !== o).slice(0, n), e = c !== void 0 ? Math.max(0, c - s.length) : Math.max(0, l.filter((t) => t.key !== o).length - n);
+  return s.length === 0 && !h ? null : /* @__PURE__ */ a(
+    "div",
+    {
+      "data-testid": "avatar-strip",
+      className: i("rst:font-ui rst:flex rst:items-center rst:gap-3", g),
+      children: [
+        d && /* @__PURE__ */ r(
+          "button",
+          {
+            type: "button",
+            onClick: d,
+            "aria-label": "Dismiss",
+            "data-testid": "avatar-strip-dismiss",
+            className: "rst:shrink-0 rst:text-gray-400/50 rst:dark:text-gray-500/50 rst:hover:text-gray-400 rst:dark:hover:text-gray-500 rst:transition-colors rst:cursor-pointer",
+            children: "✕"
+          }
+        ),
+        /* @__PURE__ */ a(
+          "div",
+          {
+            "data-testid": "avatar-strip-stack",
+            className: "rst:flex rst:items-center rst:-space-x-2",
+            children: [
+              s.map((t) => {
+                const f = /* @__PURE__ */ r(
+                  m,
+                  {
+                    initials: t.label[0].toUpperCase(),
+                    src: t.src,
+                    colorScheme: t.colorScheme ?? "neutral",
+                    size: "xs"
+                  }
+                ), x = i(
+                  "rst:relative rst:inline-flex rst:h-6 rst:w-6 rst:rounded-full rst:ring-2 rst:transition-transform rst:hover:z-10 rst:hover:scale-110",
+                  p
+                );
+                return t.href ? /* @__PURE__ */ r(
+                  "a",
+                  {
+                    href: t.href,
+                    title: t.label,
+                    "data-testid": `avatar-strip-item-${t.key}`,
+                    className: x,
+                    children: f
+                  },
+                  t.key
+                ) : /* @__PURE__ */ r(
+                  "span",
+                  {
+                    title: t.label,
+                    "data-testid": `avatar-strip-item-${t.key}`,
+                    className: x,
+                    children: f
+                  },
+                  t.key
+                );
+              }),
+              e > 0 && /* @__PURE__ */ r(
+                "div",
+                {
+                  title: `${e} more`,
+                  "data-testid": "avatar-strip-overflow",
+                  className: i(
+                    "rst:relative rst:flex rst:h-6 rst:w-6 rst:items-center rst:justify-center rst:rounded-full rst:bg-gray-500/10 rst:ring-2",
+                    p
+                  ),
+                  children: /* @__PURE__ */ a("span", { className: "rst:text-[9px] rst:font-bold rst:text-gray-500 rst:dark:text-gray-400 rst:select-none", children: [
+                    "+",
+                    e
+                  ] })
+                }
+              ),
+              h
+            ]
+          }
+        ),
+        v && /* @__PURE__ */ r("div", { "data-testid": "avatar-strip-label", children: v })
+      ]
+    }
+  );
+}
+export {
+  b as AvatarStrip
+};

package/dist/components/atoms/Badge/Badge.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),f=require("react"),m=require("../../../lib/utils.cjs"),p=require("./badge-variants.cjs");function j(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(s,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return s.default=e,Object.freeze(s)}const g=j(f),i=g.forwardRef(({className:e,variant:s,statusBadge:t,size:r,fill:u,leftIcon:n,rightIcon:c,children:l,...o},d)=>a.jsxs("span",{ref:d,className:m.cn(p.badgeVariants({variant:s,statusBadge:t,size:r,fill:u}),e),...o,children:[n&&a.jsx("span",{className:"rst:flex rst:shrink-0 rst:items-center rst:justify-center rst:opacity-70",children:n}),a.jsx("span",{className:"rst:truncate rst:min-w-0",children:l}),c&&a.jsx("span",{className:"rst:flex rst:shrink-0 rst:items-center rst:justify-center rst:opacity-70",children:c})]}));i.displayName="Badge";exports.Badge=i;

package/dist/components/atoms/Badge/Badge.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsxs as l, jsx as s } from "react/jsx-runtime";
+import * as f from "react";
+import { cn as d } from "../../../lib/utils.js";
+import { badgeVariants as u } from "./badge-variants.js";
+const x = f.forwardRef(
+  ({
+    className: e,
+    variant: a,
+    statusBadge: i,
+    size: n,
+    fill: c,
+    leftIcon: r,
+    rightIcon: t,
+    children: m,
+    ...p
+  }, o) => /* @__PURE__ */ l(
+    "span",
+    {
+      ref: o,
+      className: d(
+        u({ variant: a, statusBadge: i, size: n, fill: c }),
+        e
+      ),
+      ...p,
+      children: [
+        r && /* @__PURE__ */ s("span", { className: "rst:flex rst:shrink-0 rst:items-center rst:justify-center rst:opacity-70", children: r }),
+        /* @__PURE__ */ s("span", { className: "rst:truncate rst:min-w-0", children: m }),
+        t && /* @__PURE__ */ s("span", { className: "rst:flex rst:shrink-0 rst:items-center rst:justify-center rst:opacity-70", children: t })
+      ]
+    }
+  )
+);
+x.displayName = "Badge";
+export {
+  x as Badge
+};

package/dist/components/atoms/Badge/badge-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:max-w-full rst:items-center rst:justify-center rst:font-medium rst:transition-colors rst:focus:outline-hidden rst:focus:ring-2 rst:focus:ring-ring rst:focus:ring-offset-2 rst:ring-offset-background rst:border",{variants:{variant:{primary:"",orange:"",teal:"",purple:"",amber:"",success:"",error:"",neutral:""},fill:{soft:"",light:"",solid:"",outline:"rst:bg-transparent"},statusBadge:{true:"rst:rounded-full rst:justify-center",false:"rst:rounded-md"},size:{xs:"rst:text-[10px] rst:px-1.5 rst:py-0.5 rst:h-5 rst:gap-x-1",sm:"rst:text-xs rst:px-2.5 rst:py-0.5 rst:h-6 rst:gap-x-1.5",md:"rst:text-sm rst:px-3 rst:py-1 rst:h-7 rst:gap-x-2"}},compoundVariants:[{fill:"soft",variant:"primary",className:"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"},{fill:"soft",variant:"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"},{fill:"soft",variant:"teal",className:"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"},{fill:"soft",variant:"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"},{fill:"soft",variant:"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"},{fill:"soft",variant:"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"},{fill:"soft",variant:"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"},{fill:"soft",variant:"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"},{fill:"light",variant:"primary",className:"rst:bg-primary-100 rst:border-primary-300 rst:text-primary-800 rst:dark:bg-primary-800/40 rst:dark:border-primary-700/50 rst:dark:text-primary-200"},{fill:"light",variant:"orange",className:"rst:bg-orange-100 rst:border-orange-300 rst:text-orange-800 rst:dark:bg-orange-800/40 rst:dark:border-orange-700/50 rst:dark:text-orange-200"},{fill:"light",variant:"teal",className:"rst:bg-teal-100 rst:border-teal-300 rst:text-teal-800 rst:dark:bg-teal-800/40 rst:dark:border-teal-700/50 rst:dark:text-teal-200"},{fill:"light",variant:"purple",className:"rst:bg-purple-100 rst:border-purple-300 rst:text-purple-800 rst:dark:bg-purple-800/40 rst:dark:border-purple-700/50 rst:dark:text-purple-200"},{fill:"light",variant:"amber",className:"rst:bg-amber-100 rst:border-amber-300 rst:text-amber-900 rst:dark:bg-amber-800/40 rst:dark:border-amber-700/50 rst:dark:text-amber-200"},{fill:"light",variant:"success",className:"rst:bg-success-100 rst:border-success-300 rst:text-success-800 rst:dark:bg-success-800/40 rst:dark:border-success-700/50 rst:dark:text-success-200"},{fill:"light",variant:"error",className:"rst:bg-error-100 rst:border-error-300 rst:text-error-800 rst:dark:bg-error-800/40 rst:dark:border-error-700/50 rst:dark:text-error-200"},{fill:"light",variant:"neutral",className:"rst:bg-gray-200 rst:border-gray-300 rst:text-gray-800 rst:dark:bg-gray-700/50 rst:dark:border-gray-600/50 rst:dark:text-gray-200"},{fill:"outline",variant:"primary",className:"rst:border-primary-600 rst:text-primary-600 rst:dark:border-primary-500 rst:dark:text-primary-400"},{fill:"outline",variant:"orange",className:"rst:border-orange-600 rst:text-orange-600 rst:dark:border-orange-500 rst:dark:text-orange-400"},{fill:"outline",variant:"teal",className:"rst:border-teal-600 rst:text-teal-600 rst:dark:border-teal-500 rst:dark:text-teal-400"},{fill:"outline",variant:"purple",className:"rst:border-purple-600 rst:text-purple-600 rst:dark:border-purple-500 rst:dark:text-purple-400"},{fill:"outline",variant:"amber",className:"rst:border-amber-600 rst:text-amber-600 rst:dark:border-amber-500 rst:dark:text-amber-400"},{fill:"outline",variant:"success",className:"rst:border-success-600 rst:text-success-600 rst:dark:border-success-500 rst:dark:text-success-400"},{fill:"outline",variant:"error",className:"rst:border-error-600 rst:text-error-600 rst:dark:border-error-500 rst:dark:text-error-400"},{fill:"outline",variant:"neutral",className:"rst:border-gray-500 rst:text-gray-600 rst:dark:border-gray-500 rst:dark:text-gray-400"},{fill:"solid",variant:"primary",className:"rst:border-transparent rst:bg-primary-500 rst:hover:bg-primary-600 rst:dark:bg-primary-600 rst:dark:hover:bg-primary-500 rst:text-primary-500-ink rst:hover:text-primary-600-ink rst:dark:text-primary-600-ink rst:dark:hover:text-primary-500-ink"},{fill:"solid",variant:"orange",className:"rst:border-transparent rst:bg-orange-500 rst:hover:bg-orange-400 rst:dark:bg-orange-600 rst:dark:hover:bg-orange-700 rst:text-orange-500-ink rst:hover:text-orange-400-ink rst:dark:text-orange-600-ink rst:dark:hover:text-orange-700-ink"},{fill:"solid",variant:"teal",className:"rst:border-transparent rst:bg-teal-500 rst:hover:bg-teal-600 rst:dark:bg-teal-600 rst:dark:hover:bg-teal-500 rst:text-teal-500-ink rst:hover:text-teal-600-ink rst:dark:text-teal-600-ink rst:dark:hover:text-teal-500-ink"},{fill:"solid",variant:"purple",className:"rst:border-transparent rst:bg-purple-500 rst:hover:bg-purple-400 rst:dark:bg-purple-600 rst:dark:hover:bg-purple-700 rst:text-purple-500-ink rst:hover:text-purple-400-ink rst:dark:text-purple-600-ink rst:dark:hover:text-purple-700-ink"},{fill:"solid",variant:"amber",className:"rst:border-transparent 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"},{fill:"solid",variant:"success",className:"rst:border-transparent rst:bg-success-500 rst:hover:bg-success-400 rst:dark:bg-success-600 rst:dark:hover:bg-success-700 rst:text-success-500-ink rst:hover:text-success-400-ink rst:dark:text-success-600-ink rst:dark:hover:text-success-700-ink"},{fill:"solid",variant:"error",className:"rst:border-transparent rst:bg-error-500 rst:hover:bg-error-600 rst:dark:bg-error-600 rst:dark:hover:bg-error-500 rst:text-error-500-ink rst:hover:text-error-600-ink rst:dark:text-error-600-ink rst:dark:hover:text-error-500-ink"},{fill:"solid",variant:"neutral",className:"rst:border-transparent rst:bg-gray-500 rst:hover:bg-gray-600 rst:dark:bg-gray-600 rst:dark:hover:bg-gray-500 rst:text-gray-500-ink rst:hover:text-gray-600-ink rst:dark:text-gray-600-ink rst:dark:hover:text-gray-500-ink"},{statusBadge:!0,size:"xs",className:"rst:min-w-[1.25rem] rst:h-5 rst:px-1"},{statusBadge:!0,size:"sm",className:"rst:min-w-[1.5rem] rst:h-6 rst:px-1.5"},{statusBadge:!0,size:"md",className:"rst:min-w-[1.75rem] rst:h-7 rst:px-2"}],defaultVariants:{variant:"primary",fill:"solid",size:"sm",statusBadge:!1}});exports.badgeVariants=t;

package/dist/components/atoms/Badge/badge-variants.js

@@ -0,0 +1,84 @@
+import { cva as r } from "../../../node_modules/class-variance-authority/dist/index.js";
+const s = /* @__PURE__ */ r(
+  "rst:font-ui rst:inline-flex rst:max-w-full rst:items-center rst:justify-center rst:font-medium rst:transition-colors rst:focus:outline-hidden rst:focus:ring-2 rst:focus:ring-ring rst:focus:ring-offset-2 rst:ring-offset-background rst:border",
+  {
+    variants: {
+      variant: {
+        primary: "",
+        orange: "",
+        teal: "",
+        purple: "",
+        amber: "",
+        success: "",
+        error: "",
+        neutral: ""
+      },
+      fill: {
+        soft: "",
+        light: "",
+        solid: "",
+        outline: "rst:bg-transparent"
+      },
+      statusBadge: {
+        true: "rst:rounded-full rst:justify-center",
+        false: "rst:rounded-md"
+      },
+      size: {
+        xs: "rst:text-[10px] rst:px-1.5 rst:py-0.5 rst:h-5 rst:gap-x-1",
+        sm: "rst:text-xs rst:px-2.5 rst:py-0.5 rst:h-6 rst:gap-x-1.5",
+        md: "rst:text-sm rst:px-3 rst:py-1 rst:h-7 rst:gap-x-2"
+      }
+    },
+    compoundVariants: [
+      // --- SOFT (Crisp pastels in light mode, translucent in dark mode) ---
+      { fill: "soft", variant: "primary", className: "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" },
+      { fill: "soft", variant: "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" },
+      { fill: "soft", variant: "teal", className: "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" },
+      { fill: "soft", variant: "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" },
+      { fill: "soft", variant: "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" },
+      { fill: "soft", variant: "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" },
+      { fill: "soft", variant: "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" },
+      { fill: "soft", variant: "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" },
+      // --- LIGHT (Slightly more vibrant middle ground) ---
+      { fill: "light", variant: "primary", className: "rst:bg-primary-100 rst:border-primary-300 rst:text-primary-800 rst:dark:bg-primary-800/40 rst:dark:border-primary-700/50 rst:dark:text-primary-200" },
+      { fill: "light", variant: "orange", className: "rst:bg-orange-100 rst:border-orange-300 rst:text-orange-800 rst:dark:bg-orange-800/40 rst:dark:border-orange-700/50 rst:dark:text-orange-200" },
+      { fill: "light", variant: "teal", className: "rst:bg-teal-100 rst:border-teal-300 rst:text-teal-800 rst:dark:bg-teal-800/40 rst:dark:border-teal-700/50 rst:dark:text-teal-200" },
+      { fill: "light", variant: "purple", className: "rst:bg-purple-100 rst:border-purple-300 rst:text-purple-800 rst:dark:bg-purple-800/40 rst:dark:border-purple-700/50 rst:dark:text-purple-200" },
+      { fill: "light", variant: "amber", className: "rst:bg-amber-100 rst:border-amber-300 rst:text-amber-900 rst:dark:bg-amber-800/40 rst:dark:border-amber-700/50 rst:dark:text-amber-200" },
+      { fill: "light", variant: "success", className: "rst:bg-success-100 rst:border-success-300 rst:text-success-800 rst:dark:bg-success-800/40 rst:dark:border-success-700/50 rst:dark:text-success-200" },
+      { fill: "light", variant: "error", className: "rst:bg-error-100 rst:border-error-300 rst:text-error-800 rst:dark:bg-error-800/40 rst:dark:border-error-700/50 rst:dark:text-error-200" },
+      { fill: "light", variant: "neutral", className: "rst:bg-gray-200 rst:border-gray-300 rst:text-gray-800 rst:dark:bg-gray-700/50 rst:dark:border-gray-600/50 rst:dark:text-gray-200" },
+      // --- OUTLINE (Beefed up the dark mode borders) ---
+      { fill: "outline", variant: "primary", className: "rst:border-primary-600 rst:text-primary-600 rst:dark:border-primary-500 rst:dark:text-primary-400" },
+      { fill: "outline", variant: "orange", className: "rst:border-orange-600 rst:text-orange-600 rst:dark:border-orange-500 rst:dark:text-orange-400" },
+      { fill: "outline", variant: "teal", className: "rst:border-teal-600 rst:text-teal-600 rst:dark:border-teal-500 rst:dark:text-teal-400" },
+      { fill: "outline", variant: "purple", className: "rst:border-purple-600 rst:text-purple-600 rst:dark:border-purple-500 rst:dark:text-purple-400" },
+      { fill: "outline", variant: "amber", className: "rst:border-amber-600 rst:text-amber-600 rst:dark:border-amber-500 rst:dark:text-amber-400" },
+      { fill: "outline", variant: "success", className: "rst:border-success-600 rst:text-success-600 rst:dark:border-success-500 rst:dark:text-success-400" },
+      { fill: "outline", variant: "error", className: "rst:border-error-600 rst:text-error-600 rst:dark:border-error-500 rst:dark:text-error-400" },
+      { fill: "outline", variant: "neutral", className: "rst:border-gray-500 rst:text-gray-600 rst:dark:border-gray-500 rst:dark:text-gray-400" },
+      // --- SOLID ---
+      { fill: "solid", variant: "primary", className: "rst:border-transparent rst:bg-primary-500 rst:hover:bg-primary-600 rst:dark:bg-primary-600 rst:dark:hover:bg-primary-500 rst:text-primary-500-ink rst:hover:text-primary-600-ink rst:dark:text-primary-600-ink rst:dark:hover:text-primary-500-ink" },
+      { fill: "solid", variant: "orange", className: "rst:border-transparent rst:bg-orange-500 rst:hover:bg-orange-400 rst:dark:bg-orange-600 rst:dark:hover:bg-orange-700 rst:text-orange-500-ink rst:hover:text-orange-400-ink rst:dark:text-orange-600-ink rst:dark:hover:text-orange-700-ink" },
+      { fill: "solid", variant: "teal", className: "rst:border-transparent rst:bg-teal-500 rst:hover:bg-teal-600 rst:dark:bg-teal-600 rst:dark:hover:bg-teal-500 rst:text-teal-500-ink rst:hover:text-teal-600-ink rst:dark:text-teal-600-ink rst:dark:hover:text-teal-500-ink" },
+      { fill: "solid", variant: "purple", className: "rst:border-transparent rst:bg-purple-500 rst:hover:bg-purple-400 rst:dark:bg-purple-600 rst:dark:hover:bg-purple-700 rst:text-purple-500-ink rst:hover:text-purple-400-ink rst:dark:text-purple-600-ink rst:dark:hover:text-purple-700-ink" },
+      { fill: "solid", variant: "amber", className: "rst:border-transparent 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" },
+      { fill: "solid", variant: "success", className: "rst:border-transparent rst:bg-success-500 rst:hover:bg-success-400 rst:dark:bg-success-600 rst:dark:hover:bg-success-700 rst:text-success-500-ink rst:hover:text-success-400-ink rst:dark:text-success-600-ink rst:dark:hover:text-success-700-ink" },
+      { fill: "solid", variant: "error", className: "rst:border-transparent rst:bg-error-500 rst:hover:bg-error-600 rst:dark:bg-error-600 rst:dark:hover:bg-error-500 rst:text-error-500-ink rst:hover:text-error-600-ink rst:dark:text-error-600-ink rst:dark:hover:text-error-500-ink" },
+      { fill: "solid", variant: "neutral", className: "rst:border-transparent rst:bg-gray-500 rst:hover:bg-gray-600 rst:dark:bg-gray-600 rst:dark:hover:bg-gray-500 rst:text-gray-500-ink rst:hover:text-gray-600-ink rst:dark:text-gray-600-ink rst:dark:hover:text-gray-500-ink" },
+      // --- STATUS PILL SIZES ---
+      { statusBadge: !0, size: "xs", className: "rst:min-w-[1.25rem] rst:h-5 rst:px-1" },
+      { statusBadge: !0, size: "sm", className: "rst:min-w-[1.5rem] rst:h-6 rst:px-1.5" },
+      { statusBadge: !0, size: "md", className: "rst:min-w-[1.75rem] rst:h-7 rst:px-2" }
+    ],
+    defaultVariants: {
+      variant: "primary",
+      fill: "solid",
+      size: "sm",
+      statusBadge: !1
+    }
+  }
+);
+export {
+  s as badgeVariants
+};

package/dist/components/atoms/Button/Button.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),f=require("react"),h=require("../../../lib/utils.cjs"),j=require("../Spinner/Spinner.cjs"),p=require("./button-variants.cjs"),q=require("../../../node_modules/@headlessui/react/dist/components/button/button.cjs"),n=f.forwardRef(({className:i,colorScheme:a,variant:c,size:l,isLoading:t=!1,startIcon:s,endIcon:r,surface:u="auto",disabled:o,children:m,...d},x)=>{const b=o||t;return e.jsxs(q.Button,{className:h.cn(p.buttonVariants({colorScheme:a,variant:c,size:l}),u==="dark"&&"dark",i),ref:x,disabled:b,...d,children:[t&&e.jsx("span",{className:"rst:mr-2 rst:flex rst:shrink-0 rst:items-center",children:e.jsx(j.Spinner,{size:"sm",variant:"current"})}),!t&&s&&e.jsx("span",{className:"rst:mr-2 rst:inline-flex rst:shrink-0 rst:items-center",children:s}),m,!t&&r&&e.jsx("span",{className:"rst:ml-2 rst:inline-flex rst:shrink-0 rst:items-center",children:r})]})});n.displayName="Button";exports.Button=n;

package/dist/components/atoms/Button/Button.js

@@ -0,0 +1,50 @@
+"use client";
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import h from "react";
+import { cn as x } from "../../../lib/utils.js";
+import { Spinner as k } from "../Spinner/Spinner.js";
+import { buttonVariants as N } from "./button-variants.js";
+import { Button as b } from "../../../node_modules/@headlessui/react/dist/components/button/button.js";
+const B = h.forwardRef(
+  ({
+    className: n,
+    colorScheme: m,
+    variant: a,
+    size: i,
+    isLoading: r = !1,
+    startIcon: s,
+    endIcon: e,
+    surface: l = "auto",
+    disabled: o,
+    children: c,
+    ...f
+  }, p) => {
+    const u = o || r;
+    return /* @__PURE__ */ d(
+      b,
+      {
+        className: x(
+          N({ colorScheme: m, variant: a, size: i }),
+          // Roster's dark variant is `&:where(.dark, .dark *)`, so an element
+          // carrying `.dark` itself satisfies it. That is all forcing the
+          // dark surface requires.
+          l === "dark" && "dark",
+          n
+        ),
+        ref: p,
+        disabled: u,
+        ...f,
+        children: [
+          r && /* @__PURE__ */ t("span", { className: "rst:mr-2 rst:flex rst:shrink-0 rst:items-center", children: /* @__PURE__ */ t(k, { size: "sm", variant: "current" }) }),
+          !r && s && /* @__PURE__ */ t("span", { className: "rst:mr-2 rst:inline-flex rst:shrink-0 rst:items-center", children: s }),
+          c,
+          !r && e && /* @__PURE__ */ t("span", { className: "rst:ml-2 rst:inline-flex rst:shrink-0 rst:items-center", children: e })
+        ]
+      }
+    );
+  }
+);
+B.displayName = "Button";
+export {
+  B as Button
+};

package/dist/components/atoms/Button/button-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: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;

package/dist/components/atoms/Button/button-variants.d.ts

@@ -1,3 +1,18 @@
+/**
+ * Every module-scope `cva(...)` in the library carries a PURE annotation, and
+ * this is the note explaining why rather than 54 copies of it.
+ *
+ * A bundler has to assume a top-level function call might do something, so an
+ * unannotated one pins the module it sits in, and with it the component that
+ * imports it. That cost is charged to every consumer, including the ones that
+ * never render the component. The annotation is what says otherwise: `cva`
+ * closes over its arguments and touches nothing outside itself, so dropping
+ * the call when nothing reads the result changes no behavior.
+ *
+ * Written by hand rather than produced by a plugin, so it is visible at the
+ * call site and costs no build dependency. If a variant table ever needs a
+ * call that is genuinely not pure, leave that one unannotated.
+ */
 export declare const buttonVariants: (props?: ({
     variant?: "link" | "soft" | "solid" | "outline" | "ghost" | null | undefined;
     colorScheme?: "primary" | "orange" | "teal" | "purple" | "amber" | "success" | "error" | "neutral" | null | undefined;