@blakesteve/roster 4.13.0 → 5.0.1

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,22 +1205,30 @@ 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
 
 | Hook             | Description                                                                     |
 | ---------------- | ------------------------------------------------------------------------------- |
-| `useCountdown`   | Countdown timer logic without the UI                                            |
+| `useCountdown`   | Countdown timer logic without the UI; `days` counts the whole remaining total   |
 | `useKeySequence` | Fires a callback when a sequence of keys is typed in order. Ships `KONAMI_CODE` |
 
 ## Authoring components: the `rst:` prefix

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

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

@@ -1,6 +1,7 @@
+"use client";
 import { jsx as r, jsxs as v } from "react/jsx-runtime";
 import b, { useState as h } from "react";
-import { cn as e } from "../../../lib/utils.js";
+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(
@@ -14,12 +15,12 @@ const w = b.forwardRef(
     alt: d,
     title: s,
     ...m
-  }, f) => {
-    const [u, g] = h(!1), p = t && !u, a = /* @__PURE__ */ r(
+  }, u) => {
+    const [f, g] = h(!1), p = t && !f, e = /* @__PURE__ */ r(
       "div",
       {
-        ref: f,
-        className: e(x({ size: i, colorScheme: n, shape: l }), o),
+        ref: u,
+        className: a(x({ size: i, colorScheme: n, shape: l }), o),
         ...m,
         children: p ? /* @__PURE__ */ r(
           "img",
@@ -38,14 +39,14 @@ const w = b.forwardRef(
         {
           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
+          children: e
         }
       ),
       /* @__PURE__ */ r(
         k,
         {
           anchor: "bottom",
-          className: e(
+          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"
@@ -53,7 +54,7 @@ const w = b.forwardRef(
           children: s
         }
       )
-    ] }) : a;
+    ] }) : e;
   }
 );
 w.displayName = "Avatar";

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

@@ -1 +1 @@
-"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:u}){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",u),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"}),p=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:p,children:x},t.key):r.jsx("span",{title:t.label,"data-testid":`avatar-strip-item-${t.key}`,className:p,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;
+"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

@@ -1,19 +1,20 @@
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
+"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: o,
-  excludeKey: c,
+  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 !== c).slice(0, n), a = o !== void 0 ? Math.max(0, o - s.length) : Math.max(0, l.filter((t) => t.key !== c).length - n);
-  return s.length === 0 && !h ? null : /* @__PURE__ */ e(
+  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",
@@ -30,7 +31,7 @@ function b({
             children: "✕"
           }
         ),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ a(
           "div",
           {
             "data-testid": "avatar-strip-stack",
@@ -70,18 +71,18 @@ function b({
                   t.key
                 );
               }),
-              a > 0 && /* @__PURE__ */ r(
+              e > 0 && /* @__PURE__ */ r(
                 "div",
                 {
-                  title: `${a} more`,
+                  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__ */ e("span", { className: "rst:text-[9px] rst:font-bold rst:text-gray-500 rst:dark:text-gray-400 rst:select-none", children: [
+                  children: /* @__PURE__ */ a("span", { className: "rst:text-[9px] rst:font-bold rst:text-gray-500 rst:dark:text-gray-400 rst:select-none", children: [
                     "+",
-                    a
+                    e
                   ] })
                 }
               ),

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

@@ -1 +1 @@
-"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 r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const g=j(f),i=g.forwardRef(({className:e,variant:r,statusBadge:t,size:s,fill:o,leftIcon:n,rightIcon:c,children:u,...l},d)=>a.jsxs("span",{ref:d,className:m.cn(p.badgeVariants({variant:r,statusBadge:t,size:s,fill:o}),e),...l,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:u}),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;
+"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

@@ -1,36 +1,37 @@
-import { jsxs as f, jsx as s } from "react/jsx-runtime";
-import * as l from "react";
+"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 x } from "./badge-variants.js";
-const y = l.forwardRef(
+import { badgeVariants as u } from "./badge-variants.js";
+const x = f.forwardRef(
   ({
     className: e,
     variant: a,
     statusBadge: i,
     size: n,
-    fill: m,
+    fill: c,
     leftIcon: r,
     rightIcon: t,
-    children: c,
+    children: m,
     ...p
-  }, o) => /* @__PURE__ */ f(
+  }, o) => /* @__PURE__ */ l(
     "span",
     {
       ref: o,
       className: d(
-        x({ variant: a, statusBadge: i, size: n, fill: m }),
+        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: c }),
+        /* @__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 })
       ]
     }
   )
 );
-y.displayName = "Badge";
+x.displayName = "Badge";
 export {
-  y as Badge
+  x as Badge
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=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:e=!1,startIcon:r,endIcon:s,surface:u="auto",disabled:o,children:m,...d},x)=>{const b=o||e;return t.jsxs(q.Button,{className:h.cn(p.buttonVariants({colorScheme:a,variant:c,size:l}),u==="dark"&&"dark",i),ref:x,disabled:b,...d,children:[e&&t.jsx("span",{className:"rst:mr-2 rst:flex rst:shrink-0 rst:items-center",children:t.jsx(j.Spinner,{size:"sm",variant:"current"})}),!e&&r&&t.jsx("span",{className:"rst:mr-2 rst:inline-flex rst:shrink-0 rst:items-center",children:r}),m,!e&&s&&t.jsx("span",{className:"rst:ml-2 rst:inline-flex rst:shrink-0 rst:items-center",children:s})]})});n.displayName="Button";exports.Button=n;
+"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

@@ -1,4 +1,5 @@
-import { jsxs as u, jsx as t } from "react/jsx-runtime";
+"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";
@@ -6,8 +7,8 @@ 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: m,
-    colorScheme: n,
+    className: n,
+    colorScheme: m,
     variant: a,
     size: i,
     isLoading: r = !1,
@@ -18,20 +19,20 @@ const B = h.forwardRef(
     children: c,
     ...f
   }, p) => {
-    const d = o || r;
-    return /* @__PURE__ */ u(
+    const u = o || r;
+    return /* @__PURE__ */ d(
       b,
       {
         className: x(
-          N({ colorScheme: n, variant: a, size: i }),
+          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",
-          m
+          n
         ),
         ref: p,
-        disabled: d,
+        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" }) }),

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=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:r,children:l,...d},o)=>t.jsxs("div",{ref:o,className:e.cn(m.cardVariants({variant:n,padding:u}),c),...d,children:[a&&t.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&&t.jsx("div",{className:e.cn("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})]}));i.displayName="Card";exports.Card=i;
+"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

@@ -1,25 +1,26 @@
-import { jsxs as f, jsx as e } from "react/jsx-runtime";
-import p from "react";
+"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 u } from "./card-variants.js";
-const g = p.forwardRef(
+import { cardVariants as n } from "./card-variants.js";
+const p = u.forwardRef(
   ({
     className: i,
     variant: m,
-    padding: o,
-    branded: a = !1,
+    padding: c,
+    branded: e = !1,
     brandColorTop: s,
     brandColorBottom: r,
-    children: c,
+    children: o,
     ...l
   }, d) => /* @__PURE__ */ f(
     "div",
     {
       ref: d,
-      className: t(u({ variant: m, padding: o }), i),
+      className: t(n({ variant: m, padding: c }), i),
       ...l,
       children: [
-        a && /* @__PURE__ */ e(
+        e && /* @__PURE__ */ a(
           "div",
           {
             className: t(
@@ -29,8 +30,8 @@ const g = p.forwardRef(
             style: s ? { backgroundColor: s } : void 0
           }
         ),
-        c,
-        a && /* @__PURE__ */ e(
+        o,
+        e && /* @__PURE__ */ a(
           "div",
           {
             className: t(
@@ -44,7 +45,7 @@ const g = p.forwardRef(
     }
   )
 );
-g.displayName = "Card";
+p.displayName = "Card";
 export {
-  g as Card
+  p as Card
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=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:o="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]),i.jsx(p.Checkbox,{ref:k,...t,className:({checked:e,disabled:y})=>a.cn(q.checkboxVariants({colorScheme:x,variant:b,size:o,checked:e||c}),y||t.disabled?"rst:opacity-50":"rst:cursor-pointer",h),children:({checked:e})=>i.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[o])})})});l.displayName="Checkbox";exports.Checkbox=l;
+"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

@@ -1,3 +1,4 @@
+"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";
@@ -12,25 +13,25 @@ const A = h(
     variant: f = "solid",
     size: e = "md",
     indeterminate: r = !1,
-    ...c
-  }, o) => {
+    ...o
+  }, c) => {
     const l = {
       sm: "w-2.5 h-2.5",
       md: "w-3 h-3",
       lg: "w-4 h-4"
-    }, s = k(null), p = (t) => {
-      s.current = t, typeof o == "function" ? o(t) : o && (o.current = t);
+    }, 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, c.checked]), /* @__PURE__ */ i(
+    }, [r, o.checked]), /* @__PURE__ */ i(
       w,
       {
-        ref: p,
-        ...c,
+        ref: u,
+        ...o,
         className: ({
           checked: t,
-          disabled: u
+          disabled: p
         }) => n(
           N({
             colorScheme: a,
@@ -38,7 +39,7 @@ const A = h(
             size: e,
             checked: t || r
           }),
-          u || c.disabled ? "rst:opacity-50" : "rst:cursor-pointer",
+          p || o.disabled ? "rst:opacity-50" : "rst:cursor-pointer",
           m
         ),
         children: ({ checked: t }) => /* @__PURE__ */ i(

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

@@ -1 +1 @@
-"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(s){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const e in s)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(s,e);Object.defineProperty(r,e,n.get?n:{enumerable:!0,get:()=>s[e]})}}return r.default=s,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:s,colorScheme:r,variant:e,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:e,size:n,disabled:a}),s),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;
+"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

@@ -1,3 +1,4 @@
+"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";

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

@@ -1 +1 @@
-"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;
+"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

@@ -1,3 +1,4 @@
+"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";

package/dist/components/atoms/Combobox/Combobox.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("react"),a=require("../../../node_modules/@headlessui/react/dist/components/combobox/combobox.cjs"),_=require("../../../node_modules/@headlessui/react/dist/components/description/description.cjs"),w=require("../../../node_modules/@headlessui/react/dist/components/field/field.cjs"),F=require("../../../node_modules/@headlessui/react/dist/components/label/label.cjs"),I=require("../../../node_modules/@headlessui/react/dist/components/transition/transition.cjs"),L=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"),T=require("../Input/input-variants.cjs"),U=require("../../../internal/PopupOption.cjs"),i=require("../../../internal/popup.cjs");function A(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(s,r,n.get?n:{enumerable:!0,get:()=>t[r]})}}return s.default=t,Object.freeze(s)}const V=A(j),E=(t,s)=>{const r=s.trim().toLowerCase();return r?t.filter(n=>n.label.toLowerCase().includes(r)):t},H=({options:t,value:s,onChange:r,placeholder:n="Search...",disabled:x=!1,variant:m,size:l,error:y,label:p,helperText:b,errorMessage:u,className:v,inputClassName:P,optionsClassName:O,emptyMessage:g="No matches",filter:q=E,...N})=>{const[C,f]=V.useState(""),{ref:k,inDarkScope:D}=i.useDarkScope(),d=!!u||y,h=q(t,C),S=t.find(o=>o.value===s)??null;return e.jsxs(w.Field,{disabled:x,className:c.cn("rst:flex rst:flex-col rst:gap-1.5",v),...N,children:[p&&e.jsx(F.Label,{className:"rst:block rst:text-sm rst:font-medium rst:text-[var(--roster-control-text)] rst:text-left",children:p}),e.jsx(a.Combobox,{value:s??null,onChange:r,disabled:x,children:e.jsxs("div",{ref:k,className:"rst:relative",children:[e.jsx(a.ComboboxInput,{"aria-invalid":d||void 0,className:c.cn(T.inputVariants({variant:m,size:l,error:d}),P,"rst:pr-9"),placeholder:n,displayValue:()=>S?.label??"",onChange:o=>f(o.target.value)}),e.jsx(a.ComboboxButton,{className:c.cn("rst:absolute rst:inset-y-0 rst:right-0 rst:flex rst:w-11 rst:cursor-pointer rst:items-center rst:justify-end",l==="sm"?"rst:pr-2.5":"rst:pr-3"),children:e.jsx(L.FontAwesomeIcon,{icon:R.faChevronDown,className:"rst:h-3.5 rst:w-3.5 rst:text-gray-400 rst:dark:text-gray-500","aria-hidden":"true"})}),e.jsx(I.Transition,{as:j.Fragment,leave:"rst:transition rst:ease-in rst:duration-100",leaveFrom:"rst:opacity-100",leaveTo:"rst:opacity-0",afterLeave:()=>f(""),children:e.jsx(a.ComboboxOptions,{anchor:i.POPUP_ANCHOR,className:c.cn(i.popupInDarkPalette(D,m)&&"dark",i.POPUP_PANEL,i.POPUP_WIDTH_OF_INPUT,O),children:h.length===0?e.jsx(a.ComboboxOption,{value:"",disabled:!0,className:c.cn("rst:px-4 rst:py-2.5 rst:text-sm rst:opacity-70",l==="sm"&&"rst:px-3 rst:py-2"),children:g}):h.map(o=>e.jsx(U.PopupOption,{as:a.ComboboxOption,value:o.value,disabled:o.disabled,size:l,children:o.label},o.value))})})]})}),(b||u)&&e.jsx(_.Description,{className:c.cn("rst:text-xs rst:text-left",d?"rst:text-error-600 rst:dark:text-error-400 rst:font-medium":"rst:text-gray-500 rst:dark:text-gray-400"),children:u||b})]})};exports.Combobox=H;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("react"),a=require("../../../node_modules/@headlessui/react/dist/components/combobox/combobox.cjs"),_=require("../../../node_modules/@headlessui/react/dist/components/description/description.cjs"),w=require("../../../node_modules/@headlessui/react/dist/components/field/field.cjs"),F=require("../../../node_modules/@headlessui/react/dist/components/label/label.cjs"),I=require("../../../node_modules/@headlessui/react/dist/components/transition/transition.cjs"),L=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"),T=require("../Input/input-variants.cjs"),U=require("../../../internal/PopupOption.cjs"),i=require("../../../internal/popup.cjs");function A(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(s,r,n.get?n:{enumerable:!0,get:()=>t[r]})}}return s.default=t,Object.freeze(s)}const V=A(j),E=(t,s)=>{const r=s.trim().toLowerCase();return r?t.filter(n=>n.label.toLowerCase().includes(r)):t},H=({options:t,value:s,onChange:r,placeholder:n="Search...",disabled:x=!1,variant:m,size:l,error:y,label:p,helperText:b,errorMessage:u,className:v,inputClassName:P,optionsClassName:O,emptyMessage:g="No matches",filter:q=E,...N})=>{const[C,f]=V.useState(""),{ref:k,inDarkScope:D}=i.useDarkScope(),d=!!u||y,h=q(t,C),S=t.find(o=>o.value===s)??null;return e.jsxs(w.Field,{disabled:x,className:c.cn("rst:flex rst:flex-col rst:gap-1.5",v),...N,children:[p&&e.jsx(F.Label,{className:"rst:block rst:text-sm rst:font-medium rst:text-[var(--roster-control-text)] rst:text-left",children:p}),e.jsx(a.Combobox,{value:s??null,onChange:r,disabled:x,children:e.jsxs("div",{ref:k,className:"rst:relative",children:[e.jsx(a.ComboboxInput,{"aria-invalid":d||void 0,className:c.cn(T.inputVariants({variant:m,size:l,error:d}),P,"rst:pr-9"),placeholder:n,displayValue:()=>S?.label??"",onChange:o=>f(o.target.value)}),e.jsx(a.ComboboxButton,{className:c.cn("rst:absolute rst:inset-y-0 rst:right-0 rst:flex rst:w-11 rst:cursor-pointer rst:items-center rst:justify-end",l==="sm"?"rst:pr-2.5":"rst:pr-3"),children:e.jsx(L.FontAwesomeIcon,{icon:R.faChevronDown,className:"rst:h-3.5 rst:w-3.5 rst:text-gray-400 rst:dark:text-gray-500","aria-hidden":"true"})}),e.jsx(I.Transition,{as:j.Fragment,leave:"rst:transition rst:ease-in rst:duration-100",leaveFrom:"rst:opacity-100",leaveTo:"rst:opacity-0",afterLeave:()=>f(""),children:e.jsx(a.ComboboxOptions,{anchor:i.POPUP_ANCHOR,className:c.cn(i.popupInDarkPalette(D,m)&&"dark",i.POPUP_PANEL,i.POPUP_WIDTH_OF_INPUT,O),children:h.length===0?e.jsx(a.ComboboxOption,{value:"",disabled:!0,className:c.cn("rst:px-4 rst:py-2.5 rst:text-sm rst:opacity-70",l==="sm"&&"rst:px-3 rst:py-2"),children:g}):h.map(o=>e.jsx(U.PopupOption,{as:a.ComboboxOption,value:o.value,disabled:o.disabled,size:l,children:o.label},o.value))})})]})}),(b||u)&&e.jsx(_.Description,{className:c.cn("rst:text-xs rst:text-left",d?"rst:text-error-600 rst:dark:text-error-400 rst:font-medium":"rst:text-gray-500 rst:dark:text-gray-400"),children:u||b})]})};exports.Combobox=H;

package/dist/components/atoms/Combobox/Combobox.js

@@ -1,4 +1,5 @@
-import { jsxs as b, jsx as r } from "react/jsx-runtime";
+"use client";
+import { jsxs as b, jsx as t } from "react/jsx-runtime";
 import * as I from "react";
 import { Fragment as L } from "react";
 import { Combobox as U, ComboboxInput as _, ComboboxButton as H, ComboboxOptions as S, ComboboxOption as h } from "../../../node_modules/@headlessui/react/dist/components/combobox/combobox.js";
@@ -15,7 +16,7 @@ import { useDarkScope as W, POPUP_ANCHOR as K, POPUP_WIDTH_OF_INPUT as Q, POPUP_
 const J = (s, o) => {
   const a = o.trim().toLowerCase();
   return a ? s.filter((i) => i.label.toLowerCase().includes(a)) : s;
-}, mr = ({
+}, mt = ({
   options: s,
   value: o,
   onChange: a,
@@ -34,7 +35,7 @@ const J = (s, o) => {
   filter: k = J,
   ...g
 }) => {
-  const [O, u] = I.useState(""), { ref: w, inDarkScope: D } = W(), n = !!m || v, x = k(s, O), F = s.find((t) => t.value === o) ?? null;
+  const [O, u] = I.useState(""), { ref: w, inDarkScope: D } = W(), n = !!m || v, x = k(s, O), F = s.find((r) => r.value === o) ?? null;
   return /* @__PURE__ */ b(
     A,
     {
@@ -42,15 +43,15 @@ const J = (s, o) => {
       className: e("rst:flex rst:flex-col rst:gap-1.5", y),
       ...g,
       children: [
-        d && /* @__PURE__ */ r(R, { className: "rst:block rst:text-sm rst:font-medium rst:text-[var(--roster-control-text)] rst:text-left", children: d }),
-        /* @__PURE__ */ r(
+        d && /* @__PURE__ */ t(R, { className: "rst:block rst:text-sm rst:font-medium rst:text-[var(--roster-control-text)] rst:text-left", children: d }),
+        /* @__PURE__ */ t(
           U,
           {
             value: o ?? null,
             onChange: a,
             disabled: c,
             children: /* @__PURE__ */ b("div", { ref: w, className: "rst:relative", children: [
-              /* @__PURE__ */ r(
+              /* @__PURE__ */ t(
                 _,
                 {
                   "aria-invalid": n || void 0,
@@ -61,17 +62,17 @@ const J = (s, o) => {
                   ),
                   placeholder: i,
                   displayValue: () => F?.label ?? "",
-                  onChange: (t) => u(t.target.value)
+                  onChange: (r) => u(r.target.value)
                 }
               ),
-              /* @__PURE__ */ r(
+              /* @__PURE__ */ t(
                 H,
                 {
                   className: e(
                     "rst:absolute rst:inset-y-0 rst:right-0 rst:flex rst:w-11 rst:cursor-pointer rst:items-center rst:justify-end",
                     l === "sm" ? "rst:pr-2.5" : "rst:pr-3"
                   ),
-                  children: /* @__PURE__ */ r(
+                  children: /* @__PURE__ */ t(
                     q,
                     {
                       icon: B,
@@ -81,7 +82,7 @@ const J = (s, o) => {
                   )
                 }
               ),
-              /* @__PURE__ */ r(
+              /* @__PURE__ */ t(
                 T,
                 {
                   as: L,
@@ -89,7 +90,7 @@ const J = (s, o) => {
                   leaveFrom: "rst:opacity-100",
                   leaveTo: "rst:opacity-0",
                   afterLeave: () => u(""),
-                  children: /* @__PURE__ */ r(
+                  children: /* @__PURE__ */ t(
                     S,
                     {
                       anchor: K,
@@ -101,7 +102,7 @@ const J = (s, o) => {
                         Q,
                         P
                       ),
-                      children: x.length === 0 ? /* @__PURE__ */ r(
+                      children: x.length === 0 ? /* @__PURE__ */ t(
                         h,
                         {
                           value: "",
@@ -112,16 +113,16 @@ const J = (s, o) => {
                           ),
                           children: C
                         }
-                      ) : x.map((t) => /* @__PURE__ */ r(
+                      ) : x.map((r) => /* @__PURE__ */ t(
                         V,
                         {
                           as: h,
-                          value: t.value,
-                          disabled: t.disabled,
+                          value: r.value,
+                          disabled: r.disabled,
                           size: l,
-                          children: t.label
+                          children: r.label
                         },
-                        t.value
+                        r.value
                       ))
                     }
                   )
@@ -130,7 +131,7 @@ const J = (s, o) => {
             ] })
           }
         ),
-        (f || m) && /* @__PURE__ */ r(
+        (f || m) && /* @__PURE__ */ t(
           j,
           {
             className: e(
@@ -145,5 +146,5 @@ const J = (s, o) => {
   );
 };
 export {
-  mr as Combobox
+  mt as Combobox
 };

package/dist/components/atoms/Disclosure/Disclosure.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),b=require("react"),j=require("../../../node_modules/@fortawesome/react-fontawesome/dist/index.cjs"),y=require("../../../node_modules/@fortawesome/free-solid-svg-icons/index.cjs"),r=require("../../../lib/utils.cjs"),a=require("./disclosure-variants.cjs"),q=require("../../../node_modules/@headlessui/react/dist/components/transition/transition.cjs"),v=({title:i,children:c,variant:e,className:l,defaultOpen:d=!1,isOpen:n,onToggle:u,icon:m,...x})=>{const[f,p]=b.useState(d),s=n!==void 0?n:f,h=()=>{const o=!s;n===void 0&&p(o),u?.(o)};return t.jsxs("div",{className:r.cn("rst:w-full rst:flex rst:flex-col",l),...x,children:[t.jsxs("button",{type:"button",onClick:h,"aria-expanded":s,className:r.cn(a.disclosureTriggerVariants({variant:e}),s?"rst:rounded-t-md rst:rounded-b-none":"rst:rounded-md",s&&e==="outline"&&"rst:border-b-transparent rst:dark:border-b-transparent"),children:[t.jsx("span",{className:"rst:flex-1 rst:text-left rst:text-inherit",children:i}),t.jsx("span",{className:r.cn("rst:ml-2 rst:flex rst:items-center rst:transition-transform rst:duration-200 rst:text-inherit",s?"rst:rotate-180":""),children:m||t.jsx(j.FontAwesomeIcon,{icon:y.faChevronDown,className:"rst:h-3.5 rst:w-3.5 rst:opacity-60"})})]}),t.jsx(q.Transition,{show:s,enter:"rst:transition rst:duration-100 rst:ease-out",enterFrom:"rst:transform rst:scale-95 rst:opacity-0",enterTo:"rst:transform rst:scale-100 rst:opacity-100",leave:"rst:transition rst:duration-75 rst:ease-out",leaveFrom:"rst:transform rst:scale-100 rst:opacity-100",leaveTo:"rst:transform rst:scale-95 rst:opacity-0",children:t.jsx("div",{className:r.cn(a.disclosureContentVariants({variant:e}),"rst:rounded-b-md"),children:c})})]})};exports.Disclosure=v;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),b=require("react"),j=require("../../../node_modules/@fortawesome/react-fontawesome/dist/index.cjs"),y=require("../../../node_modules/@fortawesome/free-solid-svg-icons/index.cjs"),r=require("../../../lib/utils.cjs"),i=require("./disclosure-variants.cjs"),q=require("../../../node_modules/@headlessui/react/dist/components/transition/transition.cjs"),v=({title:a,children:c,variant:e,className:l,defaultOpen:d=!1,isOpen:n,onToggle:u,icon:m,...x})=>{const[f,p]=b.useState(d),s=n!==void 0?n:f,h=()=>{const o=!s;n===void 0&&p(o),u?.(o)};return t.jsxs("div",{className:r.cn("rst:w-full rst:flex rst:flex-col",l),...x,children:[t.jsxs("button",{type:"button",onClick:h,"aria-expanded":s,className:r.cn(i.disclosureTriggerVariants({variant:e}),s?"rst:rounded-t-md rst:rounded-b-none":"rst:rounded-md",s&&e==="outline"&&"rst:border-b-transparent rst:dark:border-b-transparent"),children:[t.jsx("span",{className:"rst:flex-1 rst:text-left rst:text-inherit",children:a}),t.jsx("span",{className:r.cn("rst:ml-2 rst:flex rst:items-center rst:transition-transform rst:duration-200 rst:text-inherit",s?"rst:rotate-180":""),children:m||t.jsx(j.FontAwesomeIcon,{icon:y.faChevronDown,className:"rst:h-3.5 rst:w-3.5 rst:opacity-60"})})]}),t.jsx(q.Transition,{show:s,enter:"rst:transition rst:duration-100 rst:ease-out",enterFrom:"rst:transform rst:scale-95 rst:opacity-0",enterTo:"rst:transform rst:scale-100 rst:opacity-100",leave:"rst:transition rst:duration-75 rst:ease-out",leaveFrom:"rst:transform rst:scale-100 rst:opacity-100",leaveTo:"rst:transform rst:scale-95 rst:opacity-0",children:t.jsx("div",{className:r.cn(i.disclosureContentVariants({variant:e}),"rst:rounded-b-md"),children:c})})]})};exports.Disclosure=v;