@blakesteve/roster 5.0.1 → 5.2.0

package/dist/components/atoms/Input/Input.js

@@ -1,29 +1,33 @@
 "use client";
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import b from "react";
-import { Description as k } from "../../../node_modules/@headlessui/react/dist/components/description/description.js";
-import { Field as v } from "../../../node_modules/@headlessui/react/dist/components/field/field.js";
-import { Input as w } from "../../../node_modules/@headlessui/react/dist/components/input/input.js";
-import { Label as g } from "../../../node_modules/@headlessui/react/dist/components/label/label.js";
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import g from "react";
+import { Description as j } from "../../../node_modules/@headlessui/react/dist/components/description/description.js";
+import { Field as P } from "../../../node_modules/@headlessui/react/dist/components/field/field.js";
+import { Input as R } from "../../../node_modules/@headlessui/react/dist/components/input/input.js";
+import { Label as V } from "../../../node_modules/@headlessui/react/dist/components/label/label.js";
 import { cn as r } from "../../../lib/utils.js";
-import { iconVariants as d, inputVariants as j } from "./input-variants.js";
-const R = b.forwardRef(
+import { iconVariants as f, inputVariants as _ } from "./input-variants.js";
+const D = g.forwardRef(
   ({
-    className: f,
-    type: x,
-    label: l,
-    helperText: c,
-    errorMessage: e,
-    variant: o,
-    size: m,
-    error: u,
-    startIcon: a,
-    endIcon: i,
+    className: x,
+    type: u,
+    label: n,
+    helperText: d,
+    errorMessage: i,
+    variant: e,
+    size: a,
+    error: v,
+    startIcon: o,
+    endIcon: l,
     disabled: p,
     inputClassName: N,
     ...h
   }, y) => {
-    const s = !!e || u;
+    const s = !!i || v, {
+      "aria-invalid": m,
+      invalid: b,
+      ...k
+    } = h, w = !!b || m !== void 0 && m !== !1 && m !== "false";
     return (
       /* No `space-y-*` here, deliberately. Headless UI's Field appends a
           hidden zero-height <span> after the control, and Tailwind v4 applies
@@ -38,72 +42,73 @@ const R = b.forwardRef(
          DisabledProvider stays false and the Label and Description never dim.
          Fixed in both rather than one, because a form with a disabled Input
          and a disabled Select that grey differently is worse than neither. */
-      /* @__PURE__ */ n(v, { disabled: p, className: r("rst:w-full", f), children: [
-        l && /* @__PURE__ */ t(
-          g,
+      /* @__PURE__ */ c(P, { disabled: p, className: r("rst:w-full", x), children: [
+        n && /* @__PURE__ */ t(
+          V,
           {
             className: r(
               "rst:block rst:text-sm rst:font-medium rst:leading-none rst:text-left rst:mb-1.5 rst:transition-colors",
               "rst:text-[var(--roster-control-text)]",
               "rst:peer-disabled:cursor-not-allowed rst:peer-disabled:opacity-70"
             ),
-            children: l
+            children: n
           }
         ),
-        /* @__PURE__ */ n("div", { className: "rst:relative", children: [
-          a && /* @__PURE__ */ t(
+        /* @__PURE__ */ c("div", { className: "rst:relative", children: [
+          o && /* @__PURE__ */ t(
             "div",
             {
               className: r(
-                d({ variant: o, error: s }),
+                f({ variant: e, error: s }),
                 "rst:left-3"
               ),
-              children: a
+              children: o
             }
           ),
           /* @__PURE__ */ t(
-            w,
+            R,
             {
               ref: y,
-              type: x,
+              type: u,
               disabled: p,
               className: r(
-                j({ variant: o, size: m, error: s }),
+                _({ variant: e, size: a, error: s }),
                 /* Icon inset tracks the size's own padding: sm is px-3, so it
                    needs one step less clearance than the 16px sizes. */
-                a && (m === "sm" ? "rst:pl-9" : "rst:pl-10"),
-                i && (m === "sm" ? "rst:pr-9" : "rst:pr-10"),
+                o && (a === "sm" ? "rst:pl-9" : "rst:pl-10"),
+                l && (a === "sm" ? "rst:pr-9" : "rst:pr-10"),
                 N
               ),
-              ...h
+              ...k,
+              invalid: w
             }
           ),
-          i && /* @__PURE__ */ t(
+          l && /* @__PURE__ */ t(
             "div",
             {
               className: r(
-                d({ variant: o, error: s }),
+                f({ variant: e, error: s }),
                 "rst:right-3"
               ),
-              children: i
+              children: l
             }
           )
         ] }),
-        (c || e) && /* @__PURE__ */ t(
-          k,
+        (d || i) && /* @__PURE__ */ t(
+          j,
           {
             className: r(
               "rst:text-xs rst:text-left rst:mt-1.5",
               s ? "rst:text-error-600 rst:dark:text-error-400 rst:font-medium" : "rst:text-gray-500 rst:dark:text-gray-400"
             ),
-            children: e || c
+            children: i || d
           }
         )
       ] })
     );
   }
 );
-R.displayName = "Input";
+D.displayName = "Input";
 export {
-  R as Input
+  D as Input
 };

package/dist/components/atoms/Spinner/Spinner.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),n=require("../../../node_modules/class-variance-authority/dist/index.cjs"),d=require("../../../lib/utils.cjs"),o=n.cva("rst:animate-spin rst:rounded-full rst:transition-colors",{variants:{variant:{primary:"rst:border-primary-600 rst:dark:border-primary-500",neutral:"rst:border-gray-600 rst:dark:border-gray-400",danger:"rst:border-error-600 rst:dark:border-error-500",white:"rst:border-white",current:"rst:border-current"},size:{sm:"rst:h-4 rst:w-4 rst:border-2",md:"rst:h-6 rst:w-6 rst:border-[3px]",lg:"rst:h-8 rst:w-8 rst:border-4"},animation:{classic:"rst:border-solid rst:border-r-transparent rst:dark:border-r-transparent",half:"rst:border-solid rst:border-r-transparent rst:border-b-transparent rst:dark:border-r-transparent rst:dark:border-b-transparent",dashed:"rst:border-dashed",dotted:"rst:border-dotted rst:border-r-transparent rst:dark:border-r-transparent"}},defaultVariants:{variant:"primary",size:"md",animation:"classic"}}),i=({variant:r,size:t,animation:s,className:e})=>a.jsx("div",{className:d.cn(o({variant:r,size:t,animation:s}),e),role:"status","aria-label":"loading"});exports.Spinner=i;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),d=require("../../../node_modules/class-variance-authority/dist/index.cjs"),o=require("../../../lib/utils.cjs"),i=d.cva("rst:animate-spin rst:motion-reduce:animate-none rst:rounded-full rst:transition-colors",{variants:{variant:{primary:"rst:border-primary-600 rst:dark:border-primary-500",neutral:"rst:border-gray-600 rst:dark:border-gray-400",danger:"rst:border-error-600 rst:dark:border-error-500",white:"rst:border-white",current:"rst:border-current"},size:{sm:"rst:h-4 rst:w-4 rst:border-2",md:"rst:h-6 rst:w-6 rst:border-[3px]",lg:"rst:h-8 rst:w-8 rst:border-4"},animation:{classic:"rst:border-solid rst:border-r-transparent rst:dark:border-r-transparent",half:"rst:border-solid rst:border-r-transparent rst:border-b-transparent rst:dark:border-r-transparent rst:dark:border-b-transparent",dashed:"rst:border-dashed",dotted:"rst:border-dotted rst:border-r-transparent rst:dark:border-r-transparent"}},defaultVariants:{variant:"primary",size:"md",animation:"classic"}}),b=({variant:r,size:t,animation:e,className:s,label:a="loading"})=>n.jsx("div",{className:o.cn(i({variant:r,size:t,animation:e}),s),role:"status","aria-label":a});exports.Spinner=b;

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

@@ -6,6 +6,11 @@ declare const spinnerVariants: (props?: ({
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface SpinnerProps extends VariantProps<typeof spinnerVariants> {
     className?: string;
+    /**
+     * What a screen reader hears: "loading" by default. Say what is loading
+     * ("Loading results") when there is more than one on screen.
+     */
+    label?: string;
 }
-export declare const Spinner: ({ variant, size, animation, className, }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Spinner: ({ variant, size, animation, className, label, }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/atoms/Spinner/Spinner.js

@@ -1,8 +1,8 @@
 "use client";
-import { jsx as e } from "react/jsx-runtime";
-import { cva as d } from "../../../node_modules/class-variance-authority/dist/index.js";
-import { cn as o } from "../../../lib/utils.js";
-const n = /* @__PURE__ */ d("rst:animate-spin rst:rounded-full rst:transition-colors", {
+import { jsx as d } from "react/jsx-runtime";
+import { cva as o } from "../../../node_modules/class-variance-authority/dist/index.js";
+import { cn as n } from "../../../lib/utils.js";
+const i = /* @__PURE__ */ o("rst:animate-spin rst:motion-reduce:animate-none rst:rounded-full rst:transition-colors", {
   variants: {
     variant: {
       primary: "rst:border-primary-600 rst:dark:border-primary-500",
@@ -36,13 +36,14 @@ const n = /* @__PURE__ */ d("rst:animate-spin rst:rounded-full rst:transition-co
   variant: r,
   size: t,
   animation: s,
-  className: a
-}) => /* @__PURE__ */ e(
+  className: a,
+  label: e = "loading"
+}) => /* @__PURE__ */ d(
   "div",
   {
-    className: o(n({ variant: r, size: t, animation: s }), a),
+    className: n(i({ variant: r, size: t, animation: s }), a),
     role: "status",
-    "aria-label": "loading"
+    "aria-label": e
   }
 );
 export {

package/dist/components/atoms/Stat/Stat.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),x=require("react"),s=require("../../../lib/utils.cjs"),u=require("./stat-variants.cjs"),m=require("../Eyebrow/Eyebrow.cjs"),r=x.forwardRef(({value:a,label:n,source:e,size:i,colorScheme:c,className:l,...o},d)=>t.jsxs("div",{ref:d,className:s.cn("rst:flex rst:flex-col rst:gap-[3px]",l),...o,children:[t.jsx("dd",{className:s.cn("rst:m-0",u.statValueVariants({size:i,colorScheme:c})),children:a}),t.jsx("dt",{children:t.jsx(m.Eyebrow,{size:"xs",children:n})}),e&&t.jsx("span",{className:"rst:font-mono rst:text-[0.53125rem] rst:leading-none rst:tracking-[0.06em] rst:text-gray-500 rst:opacity-75 rst:dark:text-gray-400",children:e})]}));r.displayName="Stat";exports.Stat=r;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),u=require("react"),t=require("../../../lib/utils.cjs"),h=require("./stat-variants.cjs"),o=require("../Eyebrow/Eyebrow.cjs"),d="rst:block rst:font-mono rst:text-[0.53125rem] rst:font-normal rst:normal-nums rst:leading-none rst:tracking-[0.06em] rst:text-gray-500 rst:opacity-75 rst:dark:text-gray-400",x=u.forwardRef(({value:a,label:n,source:r,size:m,colorScheme:j,semantics:g="definition",className:c,...i},l)=>{const e=h.statValueVariants({size:m,colorScheme:j});return g==="standalone"?s.jsxs("div",{ref:l,className:t.cn("rst:flex rst:flex-col rst:gap-[3px]",c),...i,children:[s.jsx("span",{className:e,children:a}),s.jsx(o.Eyebrow,{size:"xs",children:n}),r&&s.jsx("span",{className:d,children:r})]}):s.jsxs("div",{ref:l,className:t.cn("rst:grid rst:content-start rst:gap-[3px]",c),...i,children:[s.jsx("dt",{className:"rst:relative rst:col-start-1 rst:row-start-2",children:s.jsx(o.Eyebrow,{size:"xs",children:n})}),r?s.jsxs("dd",{className:t.cn("rst:m-0",e,"rst:col-start-1 rst:row-span-3 rst:row-start-1 rst:grid rst:grid-rows-subgrid"),children:[s.jsx("span",{className:"rst:row-start-1",children:a}),s.jsx("span",{className:t.cn(d,"rst:row-start-3"),children:r})]}):s.jsx("dd",{className:t.cn("rst:m-0 rst:col-start-1 rst:row-start-1",e),children:a})]})});x.displayName="Stat";exports.Stat=x;

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

@@ -12,10 +12,35 @@ export interface StatProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "c
      * stated reads very differently from one that is merely asserted.
      */
     source?: React.ReactNode;
+    /**
+     * `"definition"` (default): a `dt` and `dd` pair in a `div`, for a row of
+     * Stats inside a `<dl>`. Only valid there.
+     *
+     * `"standalone"`: plain spans, for a Stat that is not in a list.
+     */
+    semantics?: "definition" | "standalone";
 }
 /**
- * Renders as a `<div>` wrapping a definition pair, so a row of Stats can sit
- * inside a `<dl>` and stay semantically honest.
+ * A figure with its label, and optionally where it came from.
+ *
+ * By default a `div` holding a `dt` (the label) then a `dd` (the value, with
+ * the source inside it), which is what a group inside a `<dl>` must be: a
+ * group is its terms and then its details. The value still shows first,
+ * because the grid places it there, not the DOM order.
+ *
+ * With a source, the `dd` spans three rows as a subgrid, so the source can
+ * sit below the label while staying inside the `dd` it describes. Both are
+ * pinned to column 1: placed by row alone, the `dd` would find the `dt` in
+ * its way at row 2 and move to a new column, beside the label. The `dt` is
+ * `relative` because the `dd`'s box covers its row, and without it the label
+ * would lose clicks and text selection to that box.
+ *
+ * A `[&>dd]` selector on the Stat reaches the value and the source. The
+ * source sets its own family, size, weight, figures, tracking, leading and
+ * color; anything else on the `dd` (`uppercase`, `italic`, `opacity`) reaches
+ * it too.
+ *
+ * A Stat outside a list takes `semantics="standalone"`, which renders spans.
  */
 declare const Stat: React.ForwardRefExoticComponent<StatProps & React.RefAttributes<HTMLDivElement>>;
 export { Stat };

package/dist/components/atoms/Stat/Stat.js

@@ -1,17 +1,42 @@
 "use client";
-import { jsxs as c, jsx as t } from "react/jsx-runtime";
-import d from "react";
-import { cn as s } from "../../../lib/utils.js";
-import { statValueVariants as f } from "./stat-variants.js";
-import { Eyebrow as p } from "../Eyebrow/Eyebrow.js";
-const x = d.forwardRef(
-  ({ value: e, label: a, source: r, size: o, colorScheme: i, className: m, ...l }, n) => /* @__PURE__ */ c("div", { ref: n, className: s("rst:flex rst:flex-col rst:gap-[3px]", m), ...l, children: [
-    /* @__PURE__ */ t("dd", { className: s("rst:m-0", f({ size: o, colorScheme: i })), children: e }),
-    /* @__PURE__ */ t("dt", { children: /* @__PURE__ */ t(p, { size: "xs", children: a }) }),
-    r && /* @__PURE__ */ t("span", { className: "rst:font-mono rst:text-[0.53125rem] rst:leading-none rst:tracking-[0.06em] rst:text-gray-500 rst:opacity-75 rst:dark:text-gray-400", children: r })
-  ] })
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import h from "react";
+import { cn as r } from "../../../lib/utils.js";
+import { statValueVariants as g } from "./stat-variants.js";
+import { Eyebrow as d } from "../Eyebrow/Eyebrow.js";
+const m = "rst:block rst:font-mono rst:text-[0.53125rem] rst:font-normal rst:normal-nums rst:leading-none rst:tracking-[0.06em] rst:text-gray-500 rst:opacity-75 rst:dark:text-gray-400", w = h.forwardRef(
+  ({ value: a, label: i, source: s, size: p, colorScheme: f, semantics: x = "definition", className: o, ...l }, c) => {
+    const e = g({ size: p, colorScheme: f });
+    return x === "standalone" ? /* @__PURE__ */ n("div", { ref: c, className: r("rst:flex rst:flex-col rst:gap-[3px]", o), ...l, children: [
+      /* @__PURE__ */ t("span", { className: e, children: a }),
+      /* @__PURE__ */ t(d, { size: "xs", children: i }),
+      s && /* @__PURE__ */ t("span", { className: m, children: s })
+    ] }) : (
+      /* `content-start`: a Stat in a row of taller siblings is stretched to
+         their height, and a grid shares that height out among its auto rows,
+         which pushed the label of a Stat without a source down to meet
+         nothing. The flex column this replaced never did. */
+      /* @__PURE__ */ n("div", { ref: c, className: r("rst:grid rst:content-start rst:gap-[3px]", o), ...l, children: [
+        /* @__PURE__ */ t("dt", { className: "rst:relative rst:col-start-1 rst:row-start-2", children: /* @__PURE__ */ t(d, { size: "xs", children: i }) }),
+        s ? /* @__PURE__ */ n(
+          "dd",
+          {
+            className: r(
+              "rst:m-0",
+              e,
+              "rst:col-start-1 rst:row-span-3 rst:row-start-1 rst:grid rst:grid-rows-subgrid"
+            ),
+            children: [
+              /* @__PURE__ */ t("span", { className: "rst:row-start-1", children: a }),
+              /* @__PURE__ */ t("span", { className: r(m, "rst:row-start-3"), children: s })
+            ]
+          }
+        ) : /* @__PURE__ */ t("dd", { className: r("rst:m-0 rst:col-start-1 rst:row-start-1", e), children: a })
+      ] })
+    );
+  }
 );
-x.displayName = "Stat";
+w.displayName = "Stat";
 export {
-  x as Stat
+  w as Stat
 };

package/dist/components/atoms/Switch/Switch.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),m=require("../../../node_modules/@headlessui/react/dist/components/description/description.cjs"),d=require("../../../node_modules/@headlessui/react/dist/components/field/field.cjs"),g=require("../../../node_modules/@headlessui/react/dist/components/label/label.cjs"),j=require("../../../node_modules/@headlessui/react/dist/components/switch/switch.cjs"),s=require("../../../lib/utils.cjs"),a=require("./switch-variants.cjs"),p=({checked:n,onChange:l,label:e,description:r,disabled:c=!1,size:i,variant:o,className:u,ariaLabel:x})=>{const h=e?void 0:x||"Toggle setting";return t.jsxs(d.Field,{as:"div",className:s.cn("rst:flex rst:items-center rst:justify-between rst:gap-4",u),children:[(e||r)&&t.jsxs("span",{className:"rst:flex rst:flex-col",children:[e&&t.jsx(g.Label,{passive:!0,className:s.cn("rst:text-sm rst:font-medium rst:text-gray-900 rst:dark:text-gray-100",c&&"rst:opacity-50"),children:e}),r&&t.jsx(m.Description,{className:s.cn("rst:text-xs rst:text-gray-500 rst:dark:text-gray-400",c&&"rst:opacity-50"),children:r})]}),t.jsx(j.Switch,{checked:n,onChange:l,disabled:c,"aria-label":h,className:s.cn(a.switchTrackVariants({variant:o,size:i})),children:t.jsx("span",{"aria-hidden":"true",className:s.cn(a.switchThumbVariants({size:i}))})})]})};exports.Switch=p;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),d=require("../../../node_modules/@headlessui/react/dist/components/description/description.cjs"),g=require("../../../node_modules/@headlessui/react/dist/components/field/field.cjs"),p=require("../../../node_modules/@headlessui/react/dist/components/label/label.cjs"),j=require("../../../node_modules/@headlessui/react/dist/components/switch/switch.cjs"),s=require("../../../lib/utils.cjs"),n=require("./switch-variants.cjs"),y=({checked:o,onChange:u,label:r,description:c,disabled:e=!1,labelClickable:i=!0,size:a,variant:l,className:x,ariaLabel:h})=>{const m=r?void 0:h||"Toggle setting";return t.jsxs(g.Field,{as:"div",className:s.cn("rst:flex rst:items-center rst:justify-between rst:gap-4",x),children:[(r||c)&&t.jsxs("span",{className:"rst:flex rst:flex-col",children:[r&&t.jsx(p.Label,{passive:!i,className:s.cn("rst:text-sm rst:font-medium rst:text-gray-900 rst:dark:text-gray-100",i&&!e&&"rst:cursor-pointer",e&&"rst:opacity-50"),children:r}),c&&t.jsx(d.Description,{className:s.cn("rst:text-xs rst:text-gray-500 rst:dark:text-gray-400",e&&"rst:opacity-50"),children:c})]}),t.jsx(j.Switch,{checked:o,onChange:u,disabled:e,"aria-label":m,className:s.cn(n.switchTrackVariants({variant:l,size:a})),children:t.jsx("span",{"aria-hidden":"true",className:s.cn(n.switchThumbVariants({size:a}))})})]})};exports.Switch=y;

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

@@ -6,8 +6,18 @@ export interface SwitchProps extends VariantProps<typeof switchTrackVariants> {
     label?: string;
     description?: string;
     disabled?: boolean;
+    /**
+     * Whether clicking the label toggles the switch, as clicking any other
+     * control's label does. On by default.
+     *
+     * Turn it off when an ancestor already has a click handler of its own that
+     * toggles. With both, one click on the label reaches that handler twice
+     * (the label's click, then the one forwarded to the switch, both bubbling)
+     * and `onChange` once.
+     */
+    labelClickable?: boolean;
     className?: string;
     ariaLabel?: string;
 }
-declare const Switch: ({ checked, onChange, label, description, disabled, size, variant, className, ariaLabel, }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
+declare const Switch: ({ checked, onChange, label, description, disabled, labelClickable, size, variant, className, ariaLabel, }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
 export { Switch };

package/dist/components/atoms/Switch/Switch.js

@@ -1,65 +1,67 @@
 "use client";
-import { jsxs as m, jsx as s } from "react/jsx-runtime";
-import { Description as x } from "../../../node_modules/@headlessui/react/dist/components/description/description.js";
-import { Field as h } from "../../../node_modules/@headlessui/react/dist/components/field/field.js";
-import { Label as d } from "../../../node_modules/@headlessui/react/dist/components/label/label.js";
-import { Switch as g } from "../../../node_modules/@headlessui/react/dist/components/switch/switch.js";
+import { jsxs as o, jsx as a } from "react/jsx-runtime";
+import { Description as l } from "../../../node_modules/@headlessui/react/dist/components/description/description.js";
+import { Field as u } from "../../../node_modules/@headlessui/react/dist/components/field/field.js";
+import { Label as g } from "../../../node_modules/@headlessui/react/dist/components/label/label.js";
+import { Switch as y } from "../../../node_modules/@headlessui/react/dist/components/switch/switch.js";
 import { cn as t } from "../../../lib/utils.js";
-import { switchThumbVariants as u, switchTrackVariants as y } from "./switch-variants.js";
-const S = ({
+import { switchThumbVariants as d, switchTrackVariants as N } from "./switch-variants.js";
+const V = ({
   checked: c,
-  onChange: o,
+  onChange: n,
   label: r,
-  description: a,
-  disabled: e = !1,
-  size: i,
-  variant: n,
-  className: l,
-  ariaLabel: p
+  description: e,
+  disabled: s = !1,
+  labelClickable: i = !0,
+  size: m,
+  variant: p,
+  className: f,
+  ariaLabel: x
 }) => {
-  const f = r ? void 0 : p || "Toggle setting";
-  return /* @__PURE__ */ m(
-    h,
+  const h = r ? void 0 : x || "Toggle setting";
+  return /* @__PURE__ */ o(
+    u,
     {
       as: "div",
-      className: t("rst:flex rst:items-center rst:justify-between rst:gap-4", l),
+      className: t("rst:flex rst:items-center rst:justify-between rst:gap-4", f),
       children: [
-        (r || a) && /* @__PURE__ */ m("span", { className: "rst:flex rst:flex-col", children: [
-          r && /* @__PURE__ */ s(
-            d,
+        (r || e) && /* @__PURE__ */ o("span", { className: "rst:flex rst:flex-col", children: [
+          r && /* @__PURE__ */ a(
+            g,
             {
-              passive: !0,
+              passive: !i,
               className: t(
                 "rst:text-sm rst:font-medium rst:text-gray-900 rst:dark:text-gray-100",
-                e && "rst:opacity-50"
+                i && !s && "rst:cursor-pointer",
+                s && "rst:opacity-50"
               ),
               children: r
             }
           ),
-          a && /* @__PURE__ */ s(
-            x,
+          e && /* @__PURE__ */ a(
+            l,
             {
               className: t(
                 "rst:text-xs rst:text-gray-500 rst:dark:text-gray-400",
-                e && "rst:opacity-50"
+                s && "rst:opacity-50"
               ),
-              children: a
+              children: e
             }
           )
         ] }),
-        /* @__PURE__ */ s(
-          g,
+        /* @__PURE__ */ a(
+          y,
           {
             checked: c,
-            onChange: o,
-            disabled: e,
-            "aria-label": f,
-            className: t(y({ variant: n, size: i })),
-            children: /* @__PURE__ */ s(
+            onChange: n,
+            disabled: s,
+            "aria-label": h,
+            className: t(N({ variant: p, size: m })),
+            children: /* @__PURE__ */ a(
               "span",
               {
                 "aria-hidden": "true",
-                className: t(u({ size: i }))
+                className: t(d({ size: m }))
               }
             )
           }
@@ -69,5 +71,5 @@ const S = ({
   );
 };
 export {
-  S as Switch
+  V as Switch
 };

package/dist/components/atoms/Switch/switch-variants.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../node_modules/class-variance-authority/dist/index.cjs"),t=r.cva("rst:font-ui rst:group rst:relative rst:inline-flex rst:shrink-0 rst:cursor-pointer rst:rounded-full rst:border-2 rst:border-transparent rst:transition-colors rst:duration-200 rst:ease-in-out rst:focus:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-offset-2 rst:ring-offset-background rst:disabled:cursor-not-allowed rst:disabled:opacity-50",{variants:{variant:{primary:"rst:bg-gray-200 rst:dark:bg-gray-700 rst:data-[checked]:bg-primary-500 rst:focus-visible:ring-ring",success:"rst:bg-gray-200 rst:dark:bg-gray-700 rst:data-[checked]:bg-green-500 rst:focus-visible:ring-ring",danger:"rst:bg-gray-200 rst:dark:bg-gray-700 rst:data-[checked]:bg-error-500 rst:focus-visible:ring-ring",neutral:"rst:bg-gray-200 rst:dark:bg-gray-700 rst:data-[checked]:bg-gray-600 rst:dark:data-[checked]:bg-gray-500 rst:focus-visible:ring-ring"},size:{xs:"rst:h-4 rst:w-7",sm:"rst:h-5 rst:w-9",md:"rst:h-6 rst:w-11",lg:"rst:h-7 rst:w-14"}},defaultVariants:{variant:"primary",size:"md"}}),s=r.cva("rst:pointer-events-none rst:inline-block rst:rounded-full rst:bg-white rst:shadow rst:ring-0 rst:transition rst:duration-200 rst:ease-in-out rst:transform",{variants:{size:{xs:"rst:h-3 rst:w-3 rst:translate-x-0 rst:group-data-[checked]:translate-x-3",sm:"rst:h-4 rst:w-4 rst:translate-x-0 rst:group-data-[checked]:translate-x-4",md:"rst:h-5 rst:w-5 rst:translate-x-0 rst:group-data-[checked]:translate-x-5",lg:"rst:h-6 rst:w-6 rst:translate-x-0 rst:group-data-[checked]:translate-x-7"}},defaultVariants:{size:"md"}});exports.switchThumbVariants=s;exports.switchTrackVariants=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../node_modules/class-variance-authority/dist/index.cjs"),t=r.cva("rst:before:absolute rst:before:top-1/2 rst:before:left-1/2 rst:before:size-11 rst:before:-translate-x-1/2 rst:before:-translate-y-1/2 rst:before:content-[''] rst:font-ui rst:group rst:relative rst:inline-flex rst:shrink-0 rst:cursor-pointer rst:rounded-full rst:border-2 rst:border-transparent rst:transition-colors rst:duration-200 rst:ease-in-out rst:focus:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-offset-2 rst:ring-offset-background rst:disabled:cursor-not-allowed rst:disabled:opacity-50",{variants:{variant:{primary:"rst:bg-gray-200 rst:dark:bg-gray-700 rst:data-[checked]:bg-primary-500 rst:focus-visible:ring-ring",success:"rst:bg-gray-200 rst:dark:bg-gray-700 rst:data-[checked]:bg-green-500 rst:focus-visible:ring-ring",danger:"rst:bg-gray-200 rst:dark:bg-gray-700 rst:data-[checked]:bg-error-500 rst:focus-visible:ring-ring",neutral:"rst:bg-gray-200 rst:dark:bg-gray-700 rst:data-[checked]:bg-gray-600 rst:dark:data-[checked]:bg-gray-500 rst:focus-visible:ring-ring"},size:{xs:"rst:h-4 rst:w-7",sm:"rst:h-5 rst:w-9",md:"rst:h-6 rst:w-11",lg:"rst:h-7 rst:w-14"}},defaultVariants:{variant:"primary",size:"md"}}),s=r.cva("rst:pointer-events-none rst:inline-block rst:rounded-full rst:bg-white rst:shadow rst:ring-0 rst:transition rst:duration-200 rst:ease-in-out rst:transform",{variants:{size:{xs:"rst:h-3 rst:w-3 rst:translate-x-0 rst:group-data-[checked]:translate-x-3",sm:"rst:h-4 rst:w-4 rst:translate-x-0 rst:group-data-[checked]:translate-x-4",md:"rst:h-5 rst:w-5 rst:translate-x-0 rst:group-data-[checked]:translate-x-5",lg:"rst:h-6 rst:w-6 rst:translate-x-0 rst:group-data-[checked]:translate-x-7"}},defaultVariants:{size:"md"}});exports.switchThumbVariants=s;exports.switchTrackVariants=t;

package/dist/components/atoms/Switch/switch-variants.js

@@ -1,6 +1,6 @@
 import { cva as r } from "../../../node_modules/class-variance-authority/dist/index.js";
 const s = /* @__PURE__ */ r(
-  "rst:font-ui rst:group rst:relative rst:inline-flex rst:shrink-0 rst:cursor-pointer rst:rounded-full rst:border-2 rst:border-transparent rst:transition-colors rst:duration-200 rst:ease-in-out rst:focus:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-offset-2 rst:ring-offset-background rst:disabled:cursor-not-allowed rst:disabled:opacity-50",
+  "rst:before:absolute rst:before:top-1/2 rst:before:left-1/2 rst:before:size-11 rst:before:-translate-x-1/2 rst:before:-translate-y-1/2 rst:before:content-[''] rst:font-ui rst:group rst:relative rst:inline-flex rst:shrink-0 rst:cursor-pointer rst:rounded-full rst:border-2 rst:border-transparent rst:transition-colors rst:duration-200 rst:ease-in-out rst:focus:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-offset-2 rst:ring-offset-background rst:disabled:cursor-not-allowed rst:disabled:opacity-50",
   {
     variants: {
       variant: {

package/dist/components/molecules/Carousel/Carousel.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),Fe=require("react"),qe=require("../../atoms/Button/Button.cjs"),T=require("../../../lib/utils.cjs"),$e=require("../../../internal/motion.cjs"),u=require("./carousel-math.cjs"),U=require("./carousel-layout.cjs");function Be(a){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const d in a)if(d!=="default"){const b=Object.getOwnPropertyDescriptor(a,d);Object.defineProperty(i,d,b.get?b:{enumerable:!0,get:()=>a[d]})}}return i.default=a,Object.freeze(i)}const n=Be(Fe),ze=a=>Math.min(3e3,500+a*.35),He='a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"]), [contenteditable]:not([contenteditable="false"])',V=a=>typeof a=="number"?`${a}px`:a;function ne(a){const i=parseFloat(a);return Number.isFinite(i)?i:0}const Ue="rst:hidden rst:[@media(any-hover:hover)]:inline-flex",Ve="rst:hidden rst:[@media(any-hover:hover)]:flex";function se({direction:a}){return l.jsx("svg",{"aria-hidden":"true",focusable:"false",viewBox:"0 0 20 20",className:"rst:h-5 rst:w-5",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:l.jsx("path",{d:a==="prev"?"M12.5 4.5 7 10l5.5 5.5":"M7.5 4.5 13 10l-5.5 5.5"})})}const oe={overflowing:null,canScrollPrev:!1,canScrollNext:!1,index:0},We=n.forwardRef(function({"aria-label":i,"aria-labelledby":d,children:b,itemWidth:I,perView:k,gap:W=12,gutter:X=16,bleed:le=!1,snap:L="start",snapStrictness:ce="mandatory",oneAtATime:ae=!1,arrows:j="hover",arrowPlacement:M="controls",renderArrows:P,prevLabel:ie,nextLabel:ue,prevIcon:de,nextIcon:fe,arrowButtonProps:ge,fade:ve=!1,scrollbar:pe=!1,showPosition:G=!1,onIndexChange:J,onScrollStateChange:K,itemClassName:me,listClassName:xe,className:be,style:he,...Se},ye){const v=n.useRef(null),Q=`${n.useId()}-list`,Y=n.Children.toArray(b),E=Y.length,[o,we]=n.useState(oe),Z=n.useRef(oe),[Ne,Te]=n.useState(""),[Ie,Pe]=n.useState(!1),O=n.useRef({onIndexChange:J,onScrollStateChange:K});n.useEffect(()=>{O.current={onIndexChange:J,onScrollStateChange:K}});const f=n.useCallback(()=>{const e=v.current;if(!e)return null;const t=e.getBoundingClientRect(),r=getComputedStyle(e),s=t.left+e.clientLeft-e.scrollLeft;return{items:Array.from(e.children).map(g=>{const x=g.getBoundingClientRect();return{start:x.left-s,end:x.right-s}}),scrollLeft:e.scrollLeft,clientWidth:e.clientWidth,scrollWidth:e.scrollWidth,paddingStart:ne(r.scrollPaddingInlineStart||r.scrollPaddingLeft),paddingEnd:ne(r.scrollPaddingInlineEnd||r.scrollPaddingRight),align:L}},[L]),h=n.useCallback(()=>{const e=f();if(!e)return;const t={overflowing:u.overflows(e),canScrollPrev:u.canScrollPrev(e),canScrollNext:u.canScrollNext(e),index:e.items.length?u.currentIndex(e):0},r=Z.current;r.overflowing===t.overflowing&&r.canScrollPrev===t.canScrollPrev&&r.canScrollNext===t.canScrollNext&&r.index===t.index||(Z.current=t,we(t),r.index!==t.index&&O.current.onIndexChange?.(t.index),(r.canScrollPrev!==t.canScrollPrev||r.canScrollNext!==t.canScrollNext)&&O.current.onScrollStateChange?.({canScrollPrev:t.canScrollPrev,canScrollNext:t.canScrollNext}))},[f]),Ee=JSON.stringify([W,X,I,k]);n.useLayoutEffect(()=>{const e=v.current;if(!e)return;h();let t=0;const r=()=>{t||(t=requestAnimationFrame(()=>{t=0,h()}))};e.addEventListener("scroll",r,{passive:!0});const s=typeof ResizeObserver>"u"?null:new ResizeObserver(()=>h()),c=()=>{s?.observe(e),Array.from(e.children).forEach(x=>s?.observe(x))};c();const g=typeof MutationObserver>"u"?null:new MutationObserver(()=>{c(),h()});return g?.observe(e,{childList:!0}),()=>{e.removeEventListener("scroll",r),s?.disconnect(),g?.disconnect(),t&&cancelAnimationFrame(t)}},[h,E,Ee]),n.useLayoutEffect(()=>{const e=v.current;if(e&&(Pe(!e.querySelector(He)),d)){const t=d.split(/\s+/).map(r=>document.getElementById(r)?.textContent?.trim()??"").filter(Boolean).join(" ");Te(t)}},[b,d]);const S=n.useRef(null),p=n.useCallback(()=>{const e=v.current,t=S.current;t&&(S.current=null,window.clearTimeout(t.timer),e?.removeEventListener("scrollend",t.done),e&&(e.style.scrollSnapType="",delete e.dataset.settling))},[]),m=n.useCallback((e,t)=>{const r=v.current;if(!r)return;if(p(),t!=="smooth"||$e.prefersReducedMotion()||Math.abs(r.scrollLeft-e)<1){r.style.scrollSnapType="none",r.scrollTo({left:e,behavior:"instant"}),r.style.scrollSnapType="";return}r.style.scrollSnapType="none",r.dataset.settling="";const c=()=>p();S.current={timer:window.setTimeout(c,ze(Math.abs(r.scrollLeft-e))),done:c,target:e},r.addEventListener("scrollend",c,{once:!0}),r.scrollTo({left:e,behavior:"smooth"})},[p]),C=n.useCallback(e=>{const t=f();if(!t)return;const r=S.current?{...t,scrollLeft:S.current.target}:t;m(u.pageTarget(r,e),"smooth")},[f,m]);n.useImperativeHandle(ye,()=>({scrollToIndex:(e,t)=>{const r=f();if(!r||!r.items.length)return;const s=Math.min(Math.max(0,Math.round(e)),r.items.length-1);m(u.snapPosition(r,s),t?.behavior??"smooth")},scrollPrev:()=>C(-1),scrollNext:()=>C(1)}),[f,C,m]),n.useEffect(()=>p,[p]);const D=n.useRef(null),_=n.useRef(null),A=n.useRef(null);n.useLayoutEffect(()=>{const e=A.current;if(!e)return;const t=e==="prev"?D.current:_.current,r=e==="prev"?_.current:D.current,s=e==="prev"?!o.canScrollPrev:!o.canScrollNext,c=document.activeElement;s&&(c!==t&&c!==document.body&&c!==null||r&&!r.disabled&&r.focus())},[o.canScrollPrev,o.canScrollNext]);const y=n.useRef(null),w=n.useRef(!1),Ce=e=>{e.pointerType!=="mouse"||e.button!==0||o.overflowing&&(p(),w.current=!1,y.current={pointerId:e.pointerId,x0:e.clientX,scroll0:e.currentTarget.scrollLeft,dragging:!1})},Re=e=>{const t=y.current;if(!t||e.pointerId!==t.pointerId)return;const r=e.currentTarget,s=e.clientX-t.x0;if(!t.dragging){if(Math.abs(s)<=u.CAROUSEL_DRAG_THRESHOLD)return;t.dragging=!0,r.dataset.dragging="",r.style.scrollSnapType="none",window.getSelection?.()?.removeAllRanges();try{r.setPointerCapture(e.pointerId)}catch{}}r.scrollLeft=t.scroll0-s},F=e=>{const t=y.current;if(!t||e.pointerId!==t.pointerId||(y.current=null,!t.dragging))return;const r=e.currentTarget;delete r.dataset.dragging,w.current=e.type==="pointerup",window.setTimeout(()=>{w.current=!1},0);const s=f();s?m(u.snapPosition(s,u.nearestIndex(s)),"smooth"):r.style.scrollSnapType=""},ke=e=>{!w.current||e.detail===0||(w.current=!1,e.preventDefault(),e.stopPropagation())},Le=e=>{o.overflowing&&e.preventDefault()},je=e=>{const t=e.currentTarget,r=e.target;if(r===t||y.current?.dragging)return;let s=!1;try{s=r.matches(":focus-visible")}catch{s=!1}if(!s)return;const c=r.closest("[data-carousel-item]");if(!c||c.parentElement!==t)return;const g=f();if(!g)return;const x=Array.prototype.indexOf.call(t.children,c);m(u.snapPosition(g,x),"instant")},[Me,Oe]=n.useState(0);n.useEffect(()=>{const e=window.setTimeout(()=>Oe(o.index),150);return()=>window.clearTimeout(e)},[o.index]);const ee=i??Ne,te=e=>ee?`${e} ${ee}`:e,q=j!=="none"&&o.overflowing!==!1,De=j==="hover"?Ue:"rst:inline-flex",re=e=>{const t=e==="prev",{className:r,...s}=ge??{};return l.jsx(qe.Button,{type:"button",variant:"outline",colorScheme:"neutral",size:"icon",...s,"aria-label":t?ie??te("Previous"):ue??te("Next"),"aria-controls":Q,disabled:t?!o.canScrollPrev:!o.canScrollNext,onClick:()=>C(t?-1:1),ref:t?D:_,onFocus:()=>{A.current=e},onBlur:c=>{c.relatedTarget&&(A.current=null)},"data-carousel-arrow":e,className:T.cn("rst:size-11 rst:shrink-0 rst:rounded-full",M==="overlay"&&!P&&"rst:bg-[var(--roster-popover-bg)] rst:elevation-raised rst:hover:bg-[var(--roster-popover-bg)] rst:disabled:invisible",De,r),children:t?de??l.jsx(se,{direction:"prev"}):fe??l.jsx(se,{direction:"next"})})},R=q?re("prev"):null,$=q?re("next"):null,N=G&&E?l.jsxs("p",{"aria-live":"polite",className:"rst:font-ui rst:m-0 rst:text-sm rst:tabular-nums rst:opacity-75","data-carousel-position":"",children:[Me+1," of ",E]}):null;let B=null;P?B=P({prev:R,next:$,position:N}):M==="controls"&&(R||N)&&(B=l.jsxs("div",{className:T.cn("rst:mb-2 rst:items-center rst:justify-end rst:gap-2",!N&&j==="hover"?Ve:"rst:flex"),"data-carousel-controls":"",children:[N&&l.jsx("div",{className:"rst:mr-auto",children:N}),R,$]}));const z=ve&&o.overflowing&&(o.canScrollPrev||o.canScrollNext)?`linear-gradient(to right, ${o.canScrollPrev?"transparent, black 48px":"black"}, ${o.canScrollNext?"black calc(100% - 48px), transparent":"black"})`:void 0,H=I===void 0&&k!==void 0,_e={"--rst-cv-gap":V(W),"--rst-cv-gutter":V(X),...H?U.perViewVars(k):{},...z?{maskImage:z,WebkitMaskImage:z}:{}},Ae=I!==void 0?{width:V(I)}:H?{width:U.FLUID_ITEM_WIDTH}:void 0;return l.jsxs("div",{className:T.cn("rst:min-w-0",be),style:he,...Se,children:[B,l.jsxs("div",{className:"rst:relative",children:[l.jsx("ul",{ref:v,id:Q,role:"list","aria-label":i,"aria-labelledby":i?void 0:d,tabIndex:Ie&&o.overflowing?0:void 0,"data-overflowing":o.overflowing?"":void 0,onPointerDown:Ce,onPointerMove:Re,onPointerUp:F,onPointerCancel:F,onLostPointerCapture:F,onClickCapture:ke,onDragStart:Le,onFocus:je,style:_e,className:T.cn("rst:m-0 rst:flex rst:list-none rst:overflow-x-auto rst:overflow-y-hidden","rst:gap-(--rst-cv-gap) rst:px-(--rst-cv-gutter) rst:py-1 rst:scroll-px-(--rst-cv-gutter)","rst:overscroll-x-contain",ce==="mandatory"?"rst:snap-x rst:snap-mandatory":"rst:snap-x rst:snap-proximity",le&&"rst:-mx-(--rst-cv-gutter)",!pe&&"rst:[scrollbar-width:none] rst:[&::-webkit-scrollbar]:hidden",H&&U.FLUID_CLASSES,"rst:data-overflowing:cursor-grab rst:data-dragging:cursor-grabbing rst:data-dragging:select-none","rst:focus-visible:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:focus-visible:ring-inset",xe),children:Y.map((e,t)=>l.jsx("li",{"data-carousel-item":"","aria-label":G?`${t+1} of ${E}`:void 0,style:Ae,className:T.cn("rst:shrink-0",L==="start"?"rst:snap-start":"rst:snap-center",ae&&"rst:snap-always",me),children:e},n.isValidElement(e)&&e.key!=null?e.key:t))}),!P&&M==="overlay"&&q&&l.jsxs(l.Fragment,{children:[l.jsx("div",{className:"rst:pointer-events-none rst:absolute rst:inset-y-0 rst:start-1 rst:flex rst:items-center",children:l.jsx("div",{className:"rst:pointer-events-auto",children:R})}),l.jsx("div",{className:"rst:pointer-events-none rst:absolute rst:inset-y-0 rst:end-1 rst:flex rst:items-center",children:l.jsx("div",{className:"rst:pointer-events-auto",children:$})})]})]})]})});exports.Carousel=We;