@blakesteve/roster 4.12.1 → 5.0.0

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

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

@@ -0,0 +1,150 @@
+"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";
+import { Description as j } from "../../../node_modules/@headlessui/react/dist/components/description/description.js";
+import { Field as A } from "../../../node_modules/@headlessui/react/dist/components/field/field.js";
+import { Label as R } from "../../../node_modules/@headlessui/react/dist/components/label/label.js";
+import { Transition as T } from "../../../node_modules/@headlessui/react/dist/components/transition/transition.js";
+import { FontAwesomeIcon as q } from "../../../node_modules/@fortawesome/react-fontawesome/dist/index.js";
+import { faChevronDown as B } from "../../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
+import { cn as e } from "../../../lib/utils.js";
+import { inputVariants as E } from "../Input/input-variants.js";
+import { PopupOption as V } from "../../../internal/PopupOption.js";
+import { useDarkScope as W, POPUP_ANCHOR as K, POPUP_WIDTH_OF_INPUT as Q, POPUP_PANEL as Z, popupInDarkPalette as G } from "../../../internal/popup.js";
+const J = (s, o) => {
+  const a = o.trim().toLowerCase();
+  return a ? s.filter((i) => i.label.toLowerCase().includes(a)) : s;
+}, mt = ({
+  options: s,
+  value: o,
+  onChange: a,
+  placeholder: i = "Search...",
+  disabled: c = !1,
+  variant: p,
+  size: l,
+  error: v,
+  label: d,
+  helperText: f,
+  errorMessage: m,
+  className: y,
+  inputClassName: N,
+  optionsClassName: P,
+  emptyMessage: C = "No matches",
+  filter: k = J,
+  ...g
+}) => {
+  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,
+    {
+      disabled: c,
+      className: e("rst:flex rst:flex-col rst:gap-1.5", y),
+      ...g,
+      children: [
+        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__ */ t(
+                _,
+                {
+                  "aria-invalid": n || void 0,
+                  className: e(
+                    E({ variant: p, size: l, error: n }),
+                    N,
+                    "rst:pr-9"
+                  ),
+                  placeholder: i,
+                  displayValue: () => F?.label ?? "",
+                  onChange: (r) => u(r.target.value)
+                }
+              ),
+              /* @__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__ */ t(
+                    q,
+                    {
+                      icon: B,
+                      className: "rst:h-3.5 rst:w-3.5 rst:text-gray-400 rst:dark:text-gray-500",
+                      "aria-hidden": "true"
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ t(
+                T,
+                {
+                  as: L,
+                  leave: "rst:transition rst:ease-in rst:duration-100",
+                  leaveFrom: "rst:opacity-100",
+                  leaveTo: "rst:opacity-0",
+                  afterLeave: () => u(""),
+                  children: /* @__PURE__ */ t(
+                    S,
+                    {
+                      anchor: K,
+                      className: e(
+                        G(D, p) && "dark",
+                        Z,
+                        /* `--input-width`, not `--button-width`: the button here is
+                           the chevron, so matching it renders a 20px sliver. */
+                        Q,
+                        P
+                      ),
+                      children: x.length === 0 ? /* @__PURE__ */ t(
+                        h,
+                        {
+                          value: "",
+                          disabled: !0,
+                          className: e(
+                            "rst:px-4 rst:py-2.5 rst:text-sm rst:opacity-70",
+                            l === "sm" && "rst:px-3 rst:py-2"
+                          ),
+                          children: C
+                        }
+                      ) : x.map((r) => /* @__PURE__ */ t(
+                        V,
+                        {
+                          as: h,
+                          value: r.value,
+                          disabled: r.disabled,
+                          size: l,
+                          children: r.label
+                        },
+                        r.value
+                      ))
+                    }
+                  )
+                }
+              )
+            ] })
+          }
+        ),
+        (f || m) && /* @__PURE__ */ t(
+          j,
+          {
+            className: e(
+              "rst:text-xs rst:text-left",
+              n ? "rst:text-error-600 rst:dark:text-error-400 rst:font-medium" : "rst:text-gray-500 rst:dark:text-gray-400"
+            ),
+            children: m || f
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  mt as Combobox
+};

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

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

package/dist/components/atoms/Disclosure/Disclosure.js

@@ -0,0 +1,82 @@
+"use client";
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { useState as b } from "react";
+import { FontAwesomeIcon as v } from "../../../node_modules/@fortawesome/react-fontawesome/dist/index.js";
+import { faChevronDown as y } from "../../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
+import { cn as s } from "../../../lib/utils.js";
+import { disclosureTriggerVariants as N, disclosureContentVariants as w } from "./disclosure-variants.js";
+import { Transition as C } from "../../../node_modules/@headlessui/react/dist/components/transition/transition.js";
+const O = ({
+  title: i,
+  children: c,
+  variant: e,
+  className: l,
+  defaultOpen: m = !1,
+  isOpen: n,
+  onToggle: d,
+  icon: f,
+  ...p
+}) => {
+  const [u, x] = b(m), t = n !== void 0 ? n : u, h = () => {
+    const o = !t;
+    n === void 0 && x(o), d?.(o);
+  };
+  return /* @__PURE__ */ a("div", { className: s("rst:w-full rst:flex rst:flex-col", l), ...p, children: [
+    /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        onClick: h,
+        "aria-expanded": t,
+        className: s(
+          N({ variant: e }),
+          // Dynamic rounding and border fix
+          t ? "rst:rounded-t-md rst:rounded-b-none" : "rst:rounded-md",
+          // If it's the outline variant and it's open, remove the bottom border so it merges seamlessly with the content box
+          t && e === "outline" && "rst:border-b-transparent rst:dark:border-b-transparent"
+        ),
+        children: [
+          /* @__PURE__ */ r("span", { className: "rst:flex-1 rst:text-left rst:text-inherit", children: i }),
+          /* @__PURE__ */ r(
+            "span",
+            {
+              className: s(
+                "rst:ml-2 rst:flex rst:items-center rst:transition-transform rst:duration-200 rst:text-inherit",
+                t ? "rst:rotate-180" : ""
+              ),
+              children: f || /* @__PURE__ */ r(
+                v,
+                {
+                  icon: y,
+                  className: "rst:h-3.5 rst:w-3.5 rst:opacity-60"
+                }
+              )
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ r(
+      C,
+      {
+        show: t,
+        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: /* @__PURE__ */ r(
+          "div",
+          {
+            className: s(w({ variant: e }), "rst:rounded-b-md"),
+            children: c
+          }
+        )
+      }
+    )
+  ] });
+};
+export {
+  O as Disclosure
+};

package/dist/components/atoms/Disclosure/disclosure-variants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../node_modules/class-variance-authority/dist/index.cjs"),t=r.cva("rst:font-ui rst:group rst:flex rst:w-full rst:items-center rst:justify-between rst:px-4 rst:py-3 rst:text-left rst:text-sm rst:font-medium rst:transition-all rst:focus:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:cursor-pointer rst:z-10 rst:relative",{variants:{variant:{white:"rst:bg-white rst:text-gray-900 rst:hover:bg-gray-50 rst:dark:bg-gray-800 rst:dark:text-gray-100 rst:dark:hover:bg-gray-700",soft:"rst:bg-gray-100 rst:text-gray-900 rst:hover:bg-gray-200 rst:dark:bg-gray-800 rst:dark:text-gray-100 rst:dark:hover:bg-gray-700",slate:"rst:bg-gray-700 rst:text-gray-100 rst:hover:bg-gray-600 rst:dark:bg-gray-900 rst:dark:text-gray-100 rst:dark:hover:bg-gray-800",outline:"rst:bg-transparent rst:border rst:border-gray-200 rst:text-gray-900 rst:hover:bg-gray-50 rst:dark:border-gray-700 rst:dark:text-gray-100 rst:dark:hover:bg-gray-800/50",ghost:"rst:bg-transparent rst:text-gray-700 rst:hover:bg-gray-100 rst:hover:text-gray-900 rst:dark:text-gray-300 rst:dark:hover:bg-gray-800 rst:dark:hover:text-gray-100"}},defaultVariants:{variant:"soft"}}),s=r.cva("rst:px-4 rst:pb-4 rst:pt-2 rst:text-sm rst:transition-colors",{variants:{variant:{white:"rst:bg-white rst:text-gray-700 rst:dark:bg-gray-800 rst:dark:text-gray-300",soft:"rst:bg-gray-100 rst:text-gray-700 rst:dark:bg-gray-800/50 rst:dark:text-gray-300",slate:"rst:bg-gray-700 rst:text-gray-200 rst:dark:bg-gray-900 rst:dark:text-gray-300",outline:"rst:bg-transparent rst:border-x rst:border-b rst:border-gray-200 rst:text-gray-600 rst:dark:border-gray-700 rst:dark:text-gray-400",ghost:"rst:bg-transparent rst:text-gray-600 rst:dark:text-gray-400"}},defaultVariants:{variant:"soft"}});exports.disclosureContentVariants=s;exports.disclosureTriggerVariants=t;

package/dist/components/atoms/Disclosure/disclosure-variants.js

@@ -0,0 +1,38 @@
+import { cva as r } from "../../../node_modules/class-variance-authority/dist/index.js";
+const s = /* @__PURE__ */ r(
+  "rst:font-ui rst:group rst:flex rst:w-full rst:items-center rst:justify-between rst:px-4 rst:py-3 rst:text-left rst:text-sm rst:font-medium rst:transition-all rst:focus:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:cursor-pointer rst:z-10 rst:relative",
+  {
+    variants: {
+      variant: {
+        white: "rst:bg-white rst:text-gray-900 rst:hover:bg-gray-50 rst:dark:bg-gray-800 rst:dark:text-gray-100 rst:dark:hover:bg-gray-700",
+        soft: "rst:bg-gray-100 rst:text-gray-900 rst:hover:bg-gray-200 rst:dark:bg-gray-800 rst:dark:text-gray-100 rst:dark:hover:bg-gray-700",
+        slate: "rst:bg-gray-700 rst:text-gray-100 rst:hover:bg-gray-600 rst:dark:bg-gray-900 rst:dark:text-gray-100 rst:dark:hover:bg-gray-800",
+        outline: "rst:bg-transparent rst:border rst:border-gray-200 rst:text-gray-900 rst:hover:bg-gray-50 rst:dark:border-gray-700 rst:dark:text-gray-100 rst:dark:hover:bg-gray-800/50",
+        ghost: "rst:bg-transparent rst:text-gray-700 rst:hover:bg-gray-100 rst:hover:text-gray-900 rst:dark:text-gray-300 rst:dark:hover:bg-gray-800 rst:dark:hover:text-gray-100"
+      }
+    },
+    defaultVariants: {
+      variant: "soft"
+    }
+  }
+), a = /* @__PURE__ */ r(
+  "rst:px-4 rst:pb-4 rst:pt-2 rst:text-sm rst:transition-colors",
+  {
+    variants: {
+      variant: {
+        white: "rst:bg-white rst:text-gray-700 rst:dark:bg-gray-800 rst:dark:text-gray-300",
+        soft: "rst:bg-gray-100 rst:text-gray-700 rst:dark:bg-gray-800/50 rst:dark:text-gray-300",
+        slate: "rst:bg-gray-700 rst:text-gray-200 rst:dark:bg-gray-900 rst:dark:text-gray-300",
+        outline: "rst:bg-transparent rst:border-x rst:border-b rst:border-gray-200 rst:text-gray-600 rst:dark:border-gray-700 rst:dark:text-gray-400",
+        ghost: "rst:bg-transparent rst:text-gray-600 rst:dark:text-gray-400"
+      }
+    },
+    defaultVariants: {
+      variant: "soft"
+    }
+  }
+);
+export {
+  a as disclosureContentVariants,
+  s as disclosureTriggerVariants
+};

package/dist/components/atoms/Eyebrow/Eyebrow.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime");require("react");const y=require("../../../lib/utils.cjs"),b=require("./eyebrow-variants.cjs");function e({as:r,className:t,size:n,tone:o,weight:s,children:i,...u}){const a=r??"span";return c.jsx(a,{className:y.cn(b.eyebrowVariants({size:n,tone:o,weight:s}),t),...u,children:i})}e.displayName="Eyebrow";exports.Eyebrow=e;

package/dist/components/atoms/Eyebrow/Eyebrow.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as i } from "react/jsx-runtime";
+import "react";
+import { cn as s } from "../../../lib/utils.js";
+import { eyebrowVariants as a } from "./eyebrow-variants.js";
+function c({
+  as: o,
+  className: r,
+  size: e,
+  tone: n,
+  weight: t,
+  children: m,
+  ...p
+}) {
+  return /* @__PURE__ */ i(
+    o ?? "span",
+    {
+      className: s(a({ size: e, tone: n, weight: t }), r),
+      ...p,
+      children: m
+    }
+  );
+}
+c.displayName = "Eyebrow";
+export {
+  c as Eyebrow
+};

package/dist/components/atoms/Eyebrow/eyebrow-variants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../node_modules/class-variance-authority/dist/index.cjs"),r=t.cva("rst:font-mono rst:uppercase rst:leading-none",{variants:{size:{xs:"rst:text-[0.625rem] rst:tracking-[0.16em]",sm:"rst:text-[0.6875rem] rst:tracking-[0.14em]",md:"rst:text-xs rst:tracking-[0.12em]"},tone:{faint:"rst:text-gray-500 rst:dark:text-gray-400",default:"rst:text-gray-700 rst:dark:text-gray-300",strong:"rst:text-gray-900 rst:dark:text-gray-100",primary:"rst:text-primary-600 rst:dark:text-primary-400"},weight:{normal:"rst:font-normal",medium:"rst:font-medium",semibold:"rst:font-semibold"}},defaultVariants:{size:"xs",tone:"faint",weight:"normal"}});exports.eyebrowVariants=r;

package/dist/components/atoms/Eyebrow/eyebrow-variants.js

@@ -0,0 +1,28 @@
+import { cva as t } from "../../../node_modules/class-variance-authority/dist/index.js";
+const e = /* @__PURE__ */ t(
+  "rst:font-mono rst:uppercase rst:leading-none",
+  {
+    variants: {
+      size: {
+        xs: "rst:text-[0.625rem] rst:tracking-[0.16em]",
+        sm: "rst:text-[0.6875rem] rst:tracking-[0.14em]",
+        md: "rst:text-xs rst:tracking-[0.12em]"
+      },
+      tone: {
+        faint: "rst:text-gray-500 rst:dark:text-gray-400",
+        default: "rst:text-gray-700 rst:dark:text-gray-300",
+        strong: "rst:text-gray-900 rst:dark:text-gray-100",
+        primary: "rst:text-primary-600 rst:dark:text-primary-400"
+      },
+      weight: {
+        normal: "rst:font-normal",
+        medium: "rst:font-medium",
+        semibold: "rst:font-semibold"
+      }
+    },
+    defaultVariants: { size: "xs", tone: "faint", weight: "normal" }
+  }
+);
+export {
+  e as eyebrowVariants
+};

package/dist/components/atoms/InlineCode/InlineCode.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),c=require("react"),l=require("../../../lib/utils.cjs"),d=require("./inline-code-variants.cjs"),e=c.forwardRef(({className:n,colorScheme:i,surface:t,children:o,...r},s)=>a.jsx("code",{ref:s,className:l.cn(d.inlineCodeVariants({colorScheme:i,surface:t}),n),...r,children:o}));e.displayName="InlineCode";exports.InlineCode=e;

package/dist/components/atoms/InlineCode/InlineCode.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+import a from "react";
+import { cn as d } from "../../../lib/utils.js";
+import { inlineCodeVariants as f } from "./inline-code-variants.js";
+const l = a.forwardRef(
+  ({ className: e, colorScheme: o, surface: r, children: i, ...m }, n) => /* @__PURE__ */ t(
+    "code",
+    {
+      ref: n,
+      className: d(f({ colorScheme: o, surface: r }), e),
+      ...m,
+      children: i
+    }
+  )
+);
+l.displayName = "InlineCode";
+export {
+  l as InlineCode
+};

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

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

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

@@ -0,0 +1,18 @@
+import { cva as r } from "../../../node_modules/class-variance-authority/dist/index.js";
+const e = /* @__PURE__ */ r("rst:font-mono rst:text-[0.8125rem]", {
+  variants: {
+    colorScheme: {
+      primary: "rst:text-primary-600 rst:dark:text-primary-400",
+      neutral: "rst:text-gray-800 rst:dark:text-gray-200",
+      current: "rst:text-current"
+    },
+    surface: {
+      none: "",
+      soft: "rst:rounded rst:bg-gray-100 rst:px-1 rst:py-0.5 rst:dark:bg-gray-800"
+    }
+  },
+  defaultVariants: { colorScheme: "primary", surface: "none" }
+});
+export {
+  e as inlineCodeVariants
+};

package/dist/components/atoms/Input/Input.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),b=require("react"),h=require("../../../node_modules/@headlessui/react/dist/components/description/description.cjs"),y=require("../../../node_modules/@headlessui/react/dist/components/field/field.cjs"),g=require("../../../node_modules/@headlessui/react/dist/components/input/input.cjs"),v=require("../../../node_modules/@headlessui/react/dist/components/label/label.cjs"),t=require("../../../lib/utils.cjs"),a=require("./input-variants.cjs"),m=b.forwardRef(({className:x,type:p,label:o,helperText:u,errorMessage:e,variant:i,size:n,error:f,startIcon:c,endIcon:l,disabled:d,inputClassName:j,...q},N)=>{const s=!!e||f;return r.jsxs(y.Field,{disabled:d,className:t.cn("rst:w-full",x),children:[o&&r.jsx(v.Label,{className:t.cn("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:o}),r.jsxs("div",{className:"rst:relative",children:[c&&r.jsx("div",{className:t.cn(a.iconVariants({variant:i,error:s}),"rst:left-3"),children:c}),r.jsx(g.Input,{ref:N,type:p,disabled:d,className:t.cn(a.inputVariants({variant:i,size:n,error:s}),c&&(n==="sm"?"rst:pl-9":"rst:pl-10"),l&&(n==="sm"?"rst:pr-9":"rst:pr-10"),j),...q}),l&&r.jsx("div",{className:t.cn(a.iconVariants({variant:i,error:s}),"rst:right-3"),children:l})]}),(u||e)&&r.jsx(h.Description,{className:t.cn("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||u})]})});m.displayName="Input";exports.Input=m;

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

@@ -0,0 +1,109 @@
+"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 { cn as r } from "../../../lib/utils.js";
+import { iconVariants as d, inputVariants as j } from "./input-variants.js";
+const R = b.forwardRef(
+  ({
+    className: f,
+    type: x,
+    label: l,
+    helperText: c,
+    errorMessage: e,
+    variant: o,
+    size: m,
+    error: u,
+    startIcon: a,
+    endIcon: i,
+    disabled: p,
+    inputClassName: N,
+    ...h
+  }, y) => {
+    const s = !!e || u;
+    return (
+      /* No `space-y-*` here, deliberately. Headless UI's Field appends a
+          hidden zero-height <span> after the control, and Tailwind v4 applies
+          space-y as `margin-block-end` on `:not(:last-child)` — so the input's
+          wrapper stopped being the last child and picked up a stray 6px bottom
+          margin. The Field's box then ended 6px below the control, and any
+          `items-end` row aligned a neighbouring Button to that phantom edge
+          rather than to the field. Measured in Storybook: 6px off at every
+          size, while both were the correct height. Spacing is set explicitly on
+          the label and the description instead. */
+      /* Same one line as Select's: `disabled` has to reach the Field or its
+         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,
+          {
+            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
+          }
+        ),
+        /* @__PURE__ */ n("div", { className: "rst:relative", children: [
+          a && /* @__PURE__ */ t(
+            "div",
+            {
+              className: r(
+                d({ variant: o, error: s }),
+                "rst:left-3"
+              ),
+              children: a
+            }
+          ),
+          /* @__PURE__ */ t(
+            w,
+            {
+              ref: y,
+              type: x,
+              disabled: p,
+              className: r(
+                j({ variant: o, size: m, 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"),
+                N
+              ),
+              ...h
+            }
+          ),
+          i && /* @__PURE__ */ t(
+            "div",
+            {
+              className: r(
+                d({ variant: o, error: s }),
+                "rst:right-3"
+              ),
+              children: i
+            }
+          )
+        ] }),
+        (c || e) && /* @__PURE__ */ t(
+          k,
+          {
+            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
+          }
+        )
+      ] })
+    );
+  }
+);
+R.displayName = "Input";
+export {
+  R as Input
+};

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

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

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

@@ -0,0 +1,89 @@
+import { cva as r } from "../../../node_modules/class-variance-authority/dist/index.js";
+const s = /* @__PURE__ */ r(
+  /* `h-10 px-4` are floors, not defaults. `VariantProps` admits `null`, so
+     `size={fieldSize ?? null}` typechecks and `defaultVariants` cannot catch it
+     — and because padding moved out of this base into the size scale, a null
+     size produced a field with no height AND no horizontal padding, text flush
+     against the border. `cn()` is tailwind-merge, so a real size still wins. */
+  "rst:font-ui rst:flex rst:w-full rst:rounded-md rst:border rst:h-10 rst:px-4 rst:text-sm rst:ring-offset-background rst:focus-visible:ring-offset-2 rst:file:border-0 rst:file:bg-transparent rst:file:text-sm rst:file:font-medium rst:focus-visible:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:disabled:cursor-not-allowed rst:disabled:opacity-50 rst:transition-all",
+  {
+    variants: {
+      variant: {
+        white: "rst:border-gray-300 rst:bg-white rst:text-gray-900 rst:placeholder:text-gray-400 rst:focus-visible:border-primary-500 rst:dark:border-gray-700 rst:dark:bg-gray-800 rst:dark:text-gray-100 rst:dark:placeholder:text-gray-500",
+        /* A boundary that does not depend on what is behind it. `soft` used
+           `border-transparent` and leaned on its fill alone, which fails the
+           moment the fill matches the surface — exactly 1.00:1 inside a
+           `white` Dialog in dark mode, where both are gray-800, so the field
+           vanished until focus. Reported twice in one app before anyone read
+           the variant. The border is the same token `outline` reads, so a
+           consumer repaints both at once. */
+        soft: "rst:border-[var(--roster-control-border)] rst:bg-gray-100 rst:text-gray-900 rst:placeholder:text-gray-400 rst:focus-visible:bg-white rst:focus-visible:border-primary-500 rst:dark:focus-visible:border-primary-400 rst:dark:bg-gray-800 rst:dark:text-gray-100 rst:dark:placeholder:text-gray-500 rst:dark:focus-visible:bg-gray-900",
+        slate: "rst:border-transparent rst:bg-gray-700 rst:text-gray-100 rst:placeholder:text-gray-400 rst:focus-visible:bg-gray-600 rst:dark:bg-gray-900 rst:dark:placeholder:text-gray-500 rst:dark:focus-visible:bg-gray-800",
+        /* The default variant, and the only one that reads tokens.
+                   `Button`'s colors resolve through `--roster-*`, so remapping a palette
+                   carries; these were hardcoded, so a consumer wanting a field border in
+                   their own accent had no variant for it and no token to point at.
+                   Three of the four still default to what this variant used before.
+                   `--roster-control-border` does not: the 1.4.11 pass raised it two
+                   ramp steps, because gray-300 was a 1.49:1 hairline rather than a
+                   boundary — so field borders DO get heavier on a bump, deliberately.
+        
+                   `soft` reads that one token too. It is the only thing it borrows: a
+                   filled field cannot supply its own boundary on a surface it does not
+                   know, and `soft` leaning on fill alone made it invisible at 1.00:1
+                   inside a `white` Dialog in dark mode. `white`, `slate` and `ghost`
+                   stay fully opinionated — each names a specific surface, and a token
+                   that meant something different in each would not be a token. */
+        outline: "rst:border-[var(--roster-control-border)] rst:bg-[var(--roster-control-bg)] rst:text-[var(--roster-control-text)] rst:placeholder:text-gray-400 rst:focus-visible:border-[var(--roster-control-border-focus)] rst:dark:placeholder:text-gray-500",
+        ghost: "rst:border-transparent rst:bg-transparent rst:text-gray-900 rst:placeholder:text-gray-400 rst:hover:bg-gray-100 rst:focus-visible:bg-gray-100 rst:dark:text-gray-100 rst:dark:placeholder:text-gray-500 rst:dark:hover:bg-gray-800 rst:dark:focus-visible:bg-gray-800"
+      },
+      /* Deliberately the same three heights as Button: h-9 / h-10 / h-11.
+         Input was a fixed 42px, which agreed with Button at no size at all, so
+         a field beside a submit button never lined up. retrospect gave up and
+         kept a raw <input> pinned to h-11. */
+      size: {
+        sm: "rst:h-9 rst:px-3",
+        default: "rst:h-10 rst:px-4",
+        /* Heights mirror Button exactly. Padding does not at `lg`: Button is
+           `px-8`, which centres a short label, while a field's text should
+           start near its edge at every size. The alignment contract is the
+           height, and that is what the parity test asserts. */
+        lg: "rst:h-11 rst:px-4"
+      },
+      error: {
+        true: "rst:border-error-500 rst:focus-visible:ring-error-500 rst:text-error-600 rst:placeholder:text-error-300 rst:dark:border-error-500 rst:dark:text-error-400 rst:dark:placeholder:text-error-800 rst:dark:focus-visible:ring-error-400",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      variant: "outline",
+      size: "default",
+      error: !1
+    }
+  }
+), e = /* @__PURE__ */ r(
+  "rst:absolute rst:top-1/2 rst:-translate-y-1/2 rst:transition-colors",
+  {
+    variants: {
+      variant: {
+        white: "rst:text-gray-400 rst:dark:text-gray-500",
+        soft: "rst:text-gray-500 rst:dark:text-gray-400",
+        slate: "rst:text-gray-300 rst:dark:text-gray-500",
+        outline: "rst:text-gray-400 rst:dark:text-gray-500",
+        ghost: "rst:text-gray-500 rst:dark:text-gray-400"
+      },
+      error: {
+        true: "rst:text-error-500 rst:dark:text-error-400",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      variant: "outline",
+      error: !1
+    }
+  }
+);
+export {
+  e as iconVariants,
+  s as inputVariants
+};

package/dist/components/atoms/LabeledDivider/LabeledDivider.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),d=require("../../../lib/utils.cjs"),t=require("../Eyebrow/Eyebrow.cjs"),a=c.forwardRef(({label:i,trailing:r,align:s="start",className:n,...l},o)=>e.jsxs("div",{ref:o,className:d.cn("rst:font-ui rst:flex rst:items-center rst:gap-3",n),...l,children:[s==="end"&&e.jsx("span",{role:"presentation",className:"rst:h-px rst:flex-1 rst:bg-gray-200 rst:dark:bg-gray-800"}),e.jsx(t.Eyebrow,{children:i}),s==="start"&&e.jsx("span",{role:"presentation",className:"rst:h-px rst:flex-1 rst:bg-gray-200 rst:dark:bg-gray-800"}),r&&e.jsx(t.Eyebrow,{children:r})]}));a.displayName="LabeledDivider";exports.LabeledDivider=a;

package/dist/components/atoms/LabeledDivider/LabeledDivider.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import m from "react";
+import { cn as n } from "../../../lib/utils.js";
+import { Eyebrow as t } from "../Eyebrow/Eyebrow.js";
+const p = m.forwardRef(
+  ({ label: a, trailing: e, align: s = "start", className: o, ...i }, d) => /* @__PURE__ */ l("div", { ref: d, className: n("rst:font-ui rst:flex rst:items-center rst:gap-3", o), ...i, children: [
+    s === "end" && /* @__PURE__ */ r("span", { role: "presentation", className: "rst:h-px rst:flex-1 rst:bg-gray-200 rst:dark:bg-gray-800" }),
+    /* @__PURE__ */ r(t, { children: a }),
+    s === "start" && /* @__PURE__ */ r("span", { role: "presentation", className: "rst:h-px rst:flex-1 rst:bg-gray-200 rst:dark:bg-gray-800" }),
+    e && /* @__PURE__ */ r(t, { children: e })
+  ] })
+);
+p.displayName = "LabeledDivider";
+export {
+  p as LabeledDivider
+};