@blakesteve/roster 4.12.0 → 4.13.0

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

@@ -0,0 +1,43 @@
+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",
+  {
+    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"
+    }
+  }
+), a = /* @__PURE__ */ r(
+  "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"
+    }
+  }
+);
+export {
+  a as switchThumbVariants,
+  s as switchTrackVariants
+};

package/dist/components/atoms/Textarea/Textarea.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),b=require("react"),q=require("../../../node_modules/@headlessui/react/dist/components/description/description.cjs"),j=require("../../../node_modules/@headlessui/react/dist/components/field/field.cjs"),p=require("../../../node_modules/@headlessui/react/dist/components/label/label.cjs"),y=require("../../../node_modules/@headlessui/react/dist/components/textarea/textarea.cjs"),r=require("../../../lib/utils.cjs"),N=require("./textarea-variants.cjs"),n=b.forwardRef(({className:o,label:s,helperText:a,errorMessage:e,variant:c,error:l,resize:x,disabled:d,textareaClassName:u,...m},f)=>{const i=!!e||l;return t.jsxs(j.Field,{className:r.cn("rst:w-full",o),children:[s&&t.jsx(p.Label,{className:"rst:block rst:text-sm rst:font-medium rst:leading-none rst:text-[var(--roster-control-text)] rst:peer-disabled:cursor-not-allowed rst:peer-disabled:opacity-70 rst:text-left rst:mb-1.5",children:s}),t.jsx(y.Textarea,{ref:f,disabled:d,className:r.cn(N.textareaVariants({variant:c,resize:x,error:i}),u),...m}),(a||e)&&t.jsx(q.Description,{className:r.cn("rst:text-xs rst:text-left rst:mt-1.5",i?"rst:text-error-600 rst:dark:text-error-400 rst:font-medium":"rst:text-gray-500 rst:dark:text-gray-400"),children:e||a})]})});n.displayName="Textarea";exports.Textarea=n;

package/dist/components/atoms/Textarea/Textarea.js

@@ -0,0 +1,65 @@
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
+import u from "react";
+import { Description as N } from "../../../node_modules/@headlessui/react/dist/components/description/description.js";
+import { Field as b } from "../../../node_modules/@headlessui/react/dist/components/field/field.js";
+import { Label as y } from "../../../node_modules/@headlessui/react/dist/components/label/label.js";
+import { Textarea as h } from "../../../node_modules/@headlessui/react/dist/components/textarea/textarea.js";
+import { cn as e } from "../../../lib/utils.js";
+import { textareaVariants as k } from "./textarea-variants.js";
+const w = u.forwardRef(
+  ({
+    className: m,
+    label: s,
+    helperText: a,
+    errorMessage: t,
+    variant: i,
+    error: l,
+    resize: d,
+    disabled: x,
+    textareaClassName: c,
+    ...f
+  }, n) => {
+    const o = !!t || l;
+    return (
+      /* No `space-y-*` here, for the reason documented on Input: Headless UI's
+          Field always renders a trailing hidden element, and Tailwind v4
+          applies space-y as `margin-block-end` on `:not(:last-child)`, so the
+          control stopped being the last child and picked up a stray 6px bottom
+          margin against a sibling nobody can see. Spacing is set explicitly on
+          the label and description instead. Select is immune to the same trap
+          only because it spaces with `gap`, and the hidden element is
+          `display: none` so it is not a flex item. */
+      /* @__PURE__ */ p(b, { className: e("rst:w-full", m), children: [
+        s && /* `--roster-control-text`, matching Input's label — see the comment
+        there for why not `text-inherit`. */
+        /* @__PURE__ */ r(y, { className: "rst:block rst:text-sm rst:font-medium rst:leading-none rst:text-[var(--roster-control-text)] rst:peer-disabled:cursor-not-allowed rst:peer-disabled:opacity-70 rst:text-left rst:mb-1.5", children: s }),
+        /* @__PURE__ */ r(
+          h,
+          {
+            ref: n,
+            disabled: x,
+            className: e(
+              k({ variant: i, resize: d, error: o }),
+              c
+            ),
+            ...f
+          }
+        ),
+        (a || t) && /* @__PURE__ */ r(
+          N,
+          {
+            className: e(
+              "rst:text-xs rst:text-left rst:mt-1.5",
+              o ? "rst:text-error-600 rst:dark:text-error-400 rst:font-medium" : "rst:text-gray-500 rst:dark:text-gray-400"
+            ),
+            children: t || a
+          }
+        )
+      ] })
+    );
+  }
+);
+w.displayName = "Textarea";
+export {
+  w as Textarea
+};

package/dist/components/atoms/Textarea/textarea-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:min-h-[80px] rst:rounded-md rst:border rst:py-2.5 rst:px-4 rst:text-sm rst:ring-offset-background rst:focus-visible:ring-offset-2 rst:placeholder:text-gray-400 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-colors rst:custom-scrollbar",{variants:{variant:{outline:"rst:border-[var(--roster-control-border)] rst:bg-[var(--roster-control-bg)] rst:text-[var(--roster-control-text)] rst:focus-visible:border-[var(--roster-control-border-focus)]",soft:"rst:border-[var(--roster-control-border)] rst:bg-gray-100 rst:text-gray-900 rst:focus-visible:bg-white rst:focus-visible:border-primary-500 rst:dark:bg-gray-800/50 rst:dark:text-gray-100 rst:dark:focus-visible:bg-gray-900 rst:dark:focus-visible:border-primary-400",ghost:"rst:border-transparent rst:bg-transparent rst:text-gray-900 rst:hover:bg-gray-100 rst:focus-visible:bg-gray-100 rst:dark:text-gray-100 rst:dark:hover:bg-gray-800 rst:dark:focus-visible:bg-gray-800",white:"rst:border-gray-200 rst:bg-white rst:text-gray-900 rst:focus-visible:border-primary-500 rst:dark:border-gray-800 rst:dark:bg-gray-900 rst:dark:text-gray-100 rst:dark:focus-visible:border-primary-400"},error:{true:"rst:border-error-500 rst:focus-visible:ring-error-500 rst:text-error-900 rst:placeholder:text-error-300 rst:dark:border-error-500 rst:dark:focus-visible:ring-error-500 rst:dark:text-error-100 rst:dark:placeholder:text-error-400/50",false:""},resize:{none:"rst:resize-none",vertical:"rst:resize-y",horizontal:"rst:resize-x",both:"rst:resize"}},defaultVariants:{variant:"outline",error:!1,resize:"vertical"}});exports.textareaVariants=t;

package/dist/components/atoms/Textarea/textarea-variants.js

@@ -0,0 +1,60 @@
+import { cva as r } from "../../../node_modules/class-variance-authority/dist/index.js";
+const s = /* @__PURE__ */ r(
+  "rst:font-ui rst:flex rst:w-full rst:min-h-[80px] rst:rounded-md rst:border rst:py-2.5 rst:px-4 rst:text-sm rst:ring-offset-background rst:focus-visible:ring-offset-2 rst:placeholder:text-gray-400 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-colors rst:custom-scrollbar",
+  {
+    variants: {
+      variant: {
+        /* Reads `--roster-control-*`, the same four `Input` and `Select` read.
+                   4.8.0 migrated those two and not this one, so an `Input` above a
+                   `Textarea` in the same form disagreed twice: light, the Input took
+                   the consumer's border token while this stayed gray-300; dark, the
+                   Input was transparent and followed its surface while this was
+                   gray-950, a near-black box on a gray-800 dialog. Both were reported
+                   by eye before anyone read the variants.
+        
+                   No `dark:placeholder:text-gray-500` here even though Input's
+                   `outline` carries one: Input has no placeholder rule in its base, so
+                   its variant supplies both scopes. This base already sets gray-400,
+                   and copying Input's line across darkened it to gray-500 — 3.30:1 on
+                   the page, under the 4.5:1 placeholder text needs.
+        
+                   The border and text defaults are the values this variant already
+                   used. The fill does change,
+                   from `bg-white` / `dark:bg-gray-950` to the token's `transparent` —
+                   which is invisible on the default page surfaces those two named, and
+                   is the entire point everywhere else: a field drawn inside a Dialog
+                   now takes the Dialog's surface instead of punching a white or
+                   near-black hole in it. */
+        outline: "rst:border-[var(--roster-control-border)] rst:bg-[var(--roster-control-bg)] rst:text-[var(--roster-control-text)] rst:focus-visible:border-[var(--roster-control-border-focus)]",
+        /* 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:focus-visible:bg-white rst:focus-visible:border-primary-500 rst:dark:bg-gray-800/50 rst:dark:text-gray-100 rst:dark:focus-visible:bg-gray-900 rst:dark:focus-visible:border-primary-400",
+        ghost: "rst:border-transparent rst:bg-transparent rst:text-gray-900 rst:hover:bg-gray-100 rst:focus-visible:bg-gray-100 rst:dark:text-gray-100 rst:dark:hover:bg-gray-800 rst:dark:focus-visible:bg-gray-800",
+        white: "rst:border-gray-200 rst:bg-white rst:text-gray-900 rst:focus-visible:border-primary-500 rst:dark:border-gray-800 rst:dark:bg-gray-900 rst:dark:text-gray-100 rst:dark:focus-visible:border-primary-400"
+      },
+      error: {
+        true: "rst:border-error-500 rst:focus-visible:ring-error-500 rst:text-error-900 rst:placeholder:text-error-300 rst:dark:border-error-500 rst:dark:focus-visible:ring-error-500 rst:dark:text-error-100 rst:dark:placeholder:text-error-400/50",
+        false: ""
+      },
+      resize: {
+        none: "rst:resize-none",
+        vertical: "rst:resize-y",
+        horizontal: "rst:resize-x",
+        both: "rst:resize"
+      }
+    },
+    defaultVariants: {
+      variant: "outline",
+      error: !1,
+      resize: "vertical"
+    }
+  }
+);
+export {
+  s as textareaVariants
+};

package/dist/components/atoms/ThemeToggle/ThemeToggle.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),s=require("react"),q=require("../../../node_modules/@fortawesome/react-fontawesome/dist/index.cjs"),a=require("../../../node_modules/@fortawesome/free-solid-svg-icons/index.cjs"),v=require("../Button/Button.cjs"),L="roster-theme",o=new Set;function j(e){o.add(e);const t=new MutationObserver(e);return t.observe(document.documentElement,{attributes:!0,attributeFilter:["class"]}),()=>{o.delete(e),t.disconnect()}}function y(){return document.documentElement.classList.contains("dark")}function D(){return!1}const i=s.forwardRef(({storageKey:e=L,onThemeChange:t,showLabel:l=!1,lightLabel:u="Light",darkLabel:d="Dark",lightIcon:m,darkIcon:g,toDarkLabel:h="Switch to dark mode",toLightLabel:b="Switch to light mode",variant:f="ghost",colorScheme:k="neutral",size:E="sm",...S},T)=>{const r=s.useSyncExternalStore(j,y,D),w=s.useCallback(()=>{const n=!document.documentElement.classList.contains("dark");document.documentElement.classList.toggle("dark",n);try{localStorage.setItem(e,n?"dark":"light")}catch{}o.forEach(x=>x()),t?.(n?"dark":"light")},[e,t]);return c.jsx(v.Button,{ref:T,variant:f,colorScheme:k,size:E,onClick:w,"aria-pressed":r,"aria-label":r?b:h,startIcon:(r?g:m)??c.jsx(q.FontAwesomeIcon,{icon:r?a.faSun:a.faMoon,className:"rst:h-3.5 rst:w-3.5","aria-hidden":"true"}),...S,children:l?r?d:u:null})});i.displayName="ThemeToggle";exports.ThemeToggle=i;

package/dist/components/atoms/ThemeToggle/ThemeToggle.js

@@ -0,0 +1,75 @@
+import { jsx as s } from "react/jsx-runtime";
+import w, { useSyncExternalStore as S, useCallback as L } from "react";
+import { FontAwesomeIcon as T } from "../../../node_modules/@fortawesome/react-fontawesome/dist/index.js";
+import { faSun as v, faMoon as x } from "../../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
+import { Button as D } from "../Button/Button.js";
+const I = "roster-theme", n = /* @__PURE__ */ new Set();
+function _(t) {
+  n.add(t);
+  const e = new MutationObserver(t);
+  return e.observe(document.documentElement, {
+    attributes: !0,
+    attributeFilter: ["class"]
+  }), () => {
+    n.delete(t), e.disconnect();
+  };
+}
+function A() {
+  return document.documentElement.classList.contains("dark");
+}
+function F() {
+  return !1;
+}
+const R = w.forwardRef(
+  ({
+    storageKey: t = I,
+    onThemeChange: e,
+    showLabel: a = !1,
+    lightLabel: c = "Light",
+    darkLabel: i = "Dark",
+    lightIcon: l,
+    darkIcon: m,
+    toDarkLabel: d = "Switch to dark mode",
+    toLightLabel: u = "Switch to light mode",
+    variant: f = "ghost",
+    colorScheme: h = "neutral",
+    size: k = "sm",
+    ...g
+  }, b) => {
+    const r = S(_, A, F), E = L(() => {
+      const o = !document.documentElement.classList.contains("dark");
+      document.documentElement.classList.toggle("dark", o);
+      try {
+        localStorage.setItem(t, o ? "dark" : "light");
+      } catch {
+      }
+      n.forEach((p) => p()), e?.(o ? "dark" : "light");
+    }, [t, e]);
+    return /* @__PURE__ */ s(
+      D,
+      {
+        ref: b,
+        variant: f,
+        colorScheme: h,
+        size: k,
+        onClick: E,
+        "aria-pressed": r,
+        "aria-label": r ? u : d,
+        startIcon: (r ? m : l) ?? /* @__PURE__ */ s(
+          T,
+          {
+            icon: r ? v : x,
+            className: "rst:h-3.5 rst:w-3.5",
+            "aria-hidden": "true"
+          }
+        ),
+        ...g,
+        children: a ? r ? i : c : null
+      }
+    );
+  }
+);
+R.displayName = "ThemeToggle";
+export {
+  R as ThemeToggle
+};

package/dist/components/atoms/Tooltip/Tooltip.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("react"),r=require("../../../node_modules/@radix-ui/react-tooltip/dist/index.cjs"),u=require("../../../lib/utils.cjs");function x({content:o,children:n,placement:d="top",variant:e="dark",delayDuration:l=300,defaultOpen:a=!1,className:c}){const[g,s]=i.useState(a),p=i.useCallback(()=>s(h=>!h),[]);return t.jsx(r.Provider,{delayDuration:l,children:t.jsxs(r.Root,{open:g,onOpenChange:s,children:[t.jsx(r.Trigger,{asChild:!0,onClick:p,children:t.jsx("span",{className:"rst:inline-flex rst:items-center rst:cursor-default",tabIndex:0,"data-testid":"tooltip-trigger",children:n})}),t.jsx(r.Portal,{children:t.jsxs(r.Content,{side:d,sideOffset:8,collisionPadding:8,"data-testid":"tooltip-content",className:u.cn("rst:font-ui rst:z-50 rst:max-w-60 rst:rounded-lg rst:px-3 rst:py-2 rst:text-xs rst:leading-snug rst:elevation-anchored","rst:animate-in rst:fade-in-0 rst:zoom-in-95","rst:data-[side=bottom]:slide-in-from-top-2","rst:data-[side=top]:slide-in-from-bottom-2","rst:data-[side=left]:slide-in-from-right-2","rst:data-[side=right]:slide-in-from-left-2",e==="themed"?"rst:bg-[var(--roster-popover-bg)] rst:text-[var(--roster-popover-text)] rst:ring-1 rst:ring-[var(--roster-popover-border)]":e==="dark"?"rst:bg-zinc-900 rst:text-zinc-100 rst:ring-1 rst:ring-white/10":"rst:bg-white rst:text-zinc-900 rst:ring-1 rst:ring-zinc-200",c),children:[o,t.jsx(r.Arrow,{className:e==="themed"?"rst:fill-[var(--roster-popover-bg)]":e==="dark"?"rst:fill-zinc-900":"rst:fill-white",width:12,height:6})]})})]})})}exports.Tooltip=x;

package/dist/components/atoms/Tooltip/Tooltip.js

@@ -0,0 +1,59 @@
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import { useState as m, useCallback as f } from "react";
+import { Provider as h, Root as x, Trigger as b, Portal as u, Content as v, Arrow as w } from "../../../node_modules/@radix-ui/react-tooltip/dist/index.js";
+import { cn as z } from "../../../lib/utils.js";
+function P({
+  content: i,
+  children: o,
+  placement: n = "top",
+  variant: r = "dark",
+  delayDuration: d = 300,
+  defaultOpen: a = !1,
+  className: l
+}) {
+  const [c, e] = m(a), p = f(() => e((g) => !g), []);
+  return /* @__PURE__ */ t(h, { delayDuration: d, children: /* @__PURE__ */ s(x, { open: c, onOpenChange: e, children: [
+    /* @__PURE__ */ t(b, { asChild: !0, onClick: p, children: /* @__PURE__ */ t(
+      "span",
+      {
+        className: "rst:inline-flex rst:items-center rst:cursor-default",
+        tabIndex: 0,
+        "data-testid": "tooltip-trigger",
+        children: o
+      }
+    ) }),
+    /* @__PURE__ */ t(u, { children: /* @__PURE__ */ s(
+      v,
+      {
+        side: n,
+        sideOffset: 8,
+        collisionPadding: 8,
+        "data-testid": "tooltip-content",
+        className: z(
+          "rst:font-ui rst:z-50 rst:max-w-60 rst:rounded-lg rst:px-3 rst:py-2 rst:text-xs rst:leading-snug rst:elevation-anchored",
+          "rst:animate-in rst:fade-in-0 rst:zoom-in-95",
+          "rst:data-[side=bottom]:slide-in-from-top-2",
+          "rst:data-[side=top]:slide-in-from-bottom-2",
+          "rst:data-[side=left]:slide-in-from-right-2",
+          "rst:data-[side=right]:slide-in-from-left-2",
+          r === "themed" ? "rst:bg-[var(--roster-popover-bg)] rst:text-[var(--roster-popover-text)] rst:ring-1 rst:ring-[var(--roster-popover-border)]" : r === "dark" ? "rst:bg-zinc-900 rst:text-zinc-100 rst:ring-1 rst:ring-white/10" : "rst:bg-white rst:text-zinc-900 rst:ring-1 rst:ring-zinc-200",
+          l
+        ),
+        children: [
+          i,
+          /* @__PURE__ */ t(
+            w,
+            {
+              className: r === "themed" ? "rst:fill-[var(--roster-popover-bg)]" : r === "dark" ? "rst:fill-zinc-900" : "rst:fill-white",
+              width: 12,
+              height: 6
+            }
+          )
+        ]
+      }
+    ) })
+  ] }) });
+}
+export {
+  P as Tooltip
+};

package/dist/components/molecules/Accordion/Accordion.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),p=require("react"),x=require("../../../lib/utils.cjs"),h=require("../../atoms/Disclosure/Disclosure.cjs"),j=({items:c,allowMultiple:o=!1,variant:l="soft",className:i,showDividers:a=!1,defaultOpenIds:d=[]})=>{const[u,g]=p.useState(new Set(d)),f=e=>{g(r=>{const s=new Set(r),n=s.has(e);return o?n?s.delete(e):s.add(e):(s.clear(),n||s.add(e)),s})};return t.jsx("div",{className:x.cn("rst:font-ui rst:w-full rst:space-y-1",i),children:c.map((e,r)=>t.jsxs("div",{className:"rst:relative",children:[a&&r>0&&t.jsx("div",{className:"rst:mx-4 rst:h-px rst:bg-gray-200/50 rst:dark:bg-gray-700/50 rst:transition-colors rst:mb-1"}),t.jsx(h.Disclosure,{title:e.title,variant:l,isOpen:u.has(e.id),onToggle:()=>f(e.id),children:e.content})]},e.id))})};exports.Accordion=j;

package/dist/components/molecules/Accordion/Accordion.js

@@ -0,0 +1,37 @@
+import { jsx as r, jsxs as g } from "react/jsx-runtime";
+import { useState as h } from "react";
+import { cn as u } from "../../../lib/utils.js";
+import { Disclosure as x } from "../../atoms/Disclosure/Disclosure.js";
+const N = ({
+  items: o,
+  allowMultiple: l = !1,
+  variant: a = "soft",
+  className: c,
+  showDividers: i = !1,
+  defaultOpenIds: d = []
+}) => {
+  const [f, m] = h(
+    new Set(d)
+  ), p = (s) => {
+    m((t) => {
+      const e = new Set(t), n = e.has(s);
+      return l ? n ? e.delete(s) : e.add(s) : (e.clear(), n || e.add(s)), e;
+    });
+  };
+  return /* @__PURE__ */ r("div", { className: u("rst:font-ui rst:w-full rst:space-y-1", c), children: o.map((s, t) => /* @__PURE__ */ g("div", { className: "rst:relative", children: [
+    i && t > 0 && /* @__PURE__ */ r("div", { className: "rst:mx-4 rst:h-px rst:bg-gray-200/50 rst:dark:bg-gray-700/50 rst:transition-colors rst:mb-1" }),
+    /* @__PURE__ */ r(
+      x,
+      {
+        title: s.title,
+        variant: a,
+        isOpen: f.has(s.id),
+        onToggle: () => p(s.id),
+        children: s.content
+      }
+    )
+  ] }, s.id)) });
+};
+export {
+  N as Accordion
+};

package/dist/components/molecules/Alert/Alert.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),p=require("react"),o=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"),v=require("./alert-variants.cjs"),b={error:r.faCircleExclamation,success:r.faCircleCheck,amber:r.faTriangleExclamation,info:r.faCircleInfo,primary:r.faCircleInfo,neutral:r.faCircleInfo,current:r.faCircleInfo},l=p.forwardRef(({colorScheme:e="error",surface:u,title:t,children:d,icon:i,onDismiss:a,dismissLabel:f="Dismiss",className:m,...x},h)=>{const n=e==="error";return s.jsxs("div",{ref:h,role:n?"alert":"status","aria-live":n?"assertive":"polite",className:c.cn(v.alertVariants({colorScheme:e,surface:u}),m),...x,children:[i===void 0?s.jsx(o.FontAwesomeIcon,{icon:b[e??"error"],className:"rst:mt-0.5 rst:h-4 rst:w-4 rst:shrink-0","aria-hidden":"true"}):i,s.jsxs("div",{className:"rst:min-w-0 rst:flex-1",children:[t&&s.jsx("p",{className:"rst:font-semibold",children:t}),s.jsx("div",{className:c.cn("rst:min-w-0",t&&"rst:mt-0.5 rst:opacity-90"),children:d})]}),a&&s.jsx("button",{type:"button",onClick:a,"aria-label":f,className:"rst:-m-1 rst:shrink-0 rst:rounded rst:p-1 rst:opacity-60 rst:transition-opacity rst:hover:opacity-100 rst:focus:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring",children:s.jsx(o.FontAwesomeIcon,{icon:r.faXmark,className:"rst:h-3.5 rst:w-3.5","aria-hidden":"true"})})]})});l.displayName="Alert";exports.Alert=l;

package/dist/components/molecules/Alert/Alert.js

@@ -0,0 +1,67 @@
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import v from "react";
+import { FontAwesomeIcon as c } from "../../../node_modules/@fortawesome/react-fontawesome/dist/index.js";
+import { faCircleInfo as s, faTriangleExclamation as N, faCircleCheck as b, faCircleExclamation as y, faXmark as w } from "../../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
+import { cn as l } from "../../../lib/utils.js";
+import { alertVariants as x } from "./alert-variants.js";
+const C = {
+  error: y,
+  success: b,
+  amber: N,
+  info: s,
+  primary: s,
+  neutral: s,
+  current: s
+}, k = v.forwardRef(
+  ({
+    colorScheme: t = "error",
+    surface: m,
+    title: i,
+    children: f,
+    icon: a,
+    onDismiss: e,
+    dismissLabel: d = "Dismiss",
+    className: p,
+    ...u
+  }, h) => {
+    const o = t === "error";
+    return /* @__PURE__ */ n(
+      "div",
+      {
+        ref: h,
+        role: o ? "alert" : "status",
+        "aria-live": o ? "assertive" : "polite",
+        className: l(x({ colorScheme: t, surface: m }), p),
+        ...u,
+        children: [
+          a === void 0 ? /* @__PURE__ */ r(
+            c,
+            {
+              icon: C[t ?? "error"],
+              className: "rst:mt-0.5 rst:h-4 rst:w-4 rst:shrink-0",
+              "aria-hidden": "true"
+            }
+          ) : a,
+          /* @__PURE__ */ n("div", { className: "rst:min-w-0 rst:flex-1", children: [
+            i && /* @__PURE__ */ r("p", { className: "rst:font-semibold", children: i }),
+            /* @__PURE__ */ r("div", { className: l("rst:min-w-0", i && "rst:mt-0.5 rst:opacity-90"), children: f })
+          ] }),
+          e && /* @__PURE__ */ r(
+            "button",
+            {
+              type: "button",
+              onClick: e,
+              "aria-label": d,
+              className: "rst:-m-1 rst:shrink-0 rst:rounded rst:p-1 rst:opacity-60 rst:transition-opacity rst:hover:opacity-100 rst:focus:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring",
+              children: /* @__PURE__ */ r(c, { icon: w, className: "rst:h-3.5 rst:w-3.5", "aria-hidden": "true" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+k.displayName = "Alert";
+export {
+  k as Alert
+};

package/dist/components/molecules/Alert/alert-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:items-start rst:gap-2.5 rst:rounded-lg rst:border-l-4 rst:px-4 rst:py-3 rst:text-sm",{variants:{colorScheme:{error:"rst:border-error-500 rst:bg-error-50 rst:text-error-800 rst:dark:border-error-400 rst:dark:bg-error-500/10 rst:dark:text-error-200",success:"rst:border-success-500 rst:bg-success-50 rst:text-success-800 rst:dark:border-success-400 rst:dark:bg-success-500/10 rst:dark:text-success-200",amber:"rst:border-amber-500 rst:bg-amber-50 rst:text-amber-900 rst:dark:border-amber-400 rst:dark:bg-amber-500/10 rst:dark:text-amber-200",info:"rst:border-info-500 rst:bg-info-50 rst:text-info-800 rst:dark:border-info-400 rst:dark:bg-info-500/10 rst:dark:text-info-200",primary:"rst:border-primary-500 rst:bg-primary-50 rst:text-primary-800 rst:dark:border-primary-400 rst:dark:bg-primary-500/10 rst:dark:text-primary-200",neutral:"rst:border-gray-400 rst:bg-gray-50 rst:text-gray-800 rst:dark:border-gray-500 rst:dark:bg-gray-500/10 rst:dark:text-gray-200",current:"rst:border-current rst:text-current rst:bg-current/10"},surface:{tint:"",gradient:""}},compoundVariants:[{surface:"gradient",colorScheme:"error",class:"rst:bg-transparent rst:dark:bg-transparent rst:bg-gradient-to-r rst:from-error-500/10 rst:to-transparent rst:dark:from-error-500/15"},{surface:"gradient",colorScheme:"success",class:"rst:bg-transparent rst:dark:bg-transparent rst:bg-gradient-to-r rst:from-success-500/10 rst:to-transparent rst:dark:from-success-500/15"},{surface:"gradient",colorScheme:"amber",class:"rst:bg-transparent rst:dark:bg-transparent rst:bg-gradient-to-r rst:from-amber-500/10 rst:to-transparent rst:dark:from-amber-500/15"},{surface:"gradient",colorScheme:"info",class:"rst:bg-transparent rst:dark:bg-transparent rst:bg-gradient-to-r rst:from-info-500/10 rst:to-transparent rst:dark:from-info-500/15"},{surface:"gradient",colorScheme:"primary",class:"rst:bg-transparent rst:dark:bg-transparent rst:bg-gradient-to-r rst:from-primary-500/10 rst:to-transparent rst:dark:from-primary-500/15"},{surface:"gradient",colorScheme:"neutral",class:"rst:bg-transparent rst:dark:bg-transparent rst:bg-gradient-to-r rst:from-gray-500/10 rst:to-transparent rst:dark:from-gray-500/15"},{surface:"gradient",colorScheme:"current",class:"rst:bg-transparent rst:dark:bg-transparent rst:bg-gradient-to-r rst:from-current/15 rst:to-transparent"}],defaultVariants:{colorScheme:"error",surface:"tint"}});exports.alertVariants=t;

package/dist/components/molecules/Alert/alert-variants.js

@@ -0,0 +1,80 @@
+import { cva as r } from "../../../node_modules/class-variance-authority/dist/index.js";
+const s = /* @__PURE__ */ r(
+  "rst:font-ui rst:flex rst:items-start rst:gap-2.5 rst:rounded-lg rst:border-l-4 rst:px-4 rst:py-3 rst:text-sm",
+  {
+    variants: {
+      colorScheme: {
+        error: "rst:border-error-500 rst:bg-error-50 rst:text-error-800 rst:dark:border-error-400 rst:dark:bg-error-500/10 rst:dark:text-error-200",
+        success: "rst:border-success-500 rst:bg-success-50 rst:text-success-800 rst:dark:border-success-400 rst:dark:bg-success-500/10 rst:dark:text-success-200",
+        amber: "rst:border-amber-500 rst:bg-amber-50 rst:text-amber-900 rst:dark:border-amber-400 rst:dark:bg-amber-500/10 rst:dark:text-amber-200",
+        info: "rst:border-info-500 rst:bg-info-50 rst:text-info-800 rst:dark:border-info-400 rst:dark:bg-info-500/10 rst:dark:text-info-200",
+        primary: "rst:border-primary-500 rst:bg-primary-50 rst:text-primary-800 rst:dark:border-primary-400 rst:dark:bg-primary-500/10 rst:dark:text-primary-200",
+        neutral: "rst:border-gray-400 rst:bg-gray-50 rst:text-gray-800 rst:dark:border-gray-500 rst:dark:bg-gray-500/10 rst:dark:text-gray-200",
+        /*
+         * The fill is a wash of `currentColor` rather than a step off a ramp,
+         * because there is no ramp to reach for: the color arrives from the
+         * consuming page. One value serves both themes — 10% of whatever the
+         * text color is reads correctly on paper and on a dark ground, where a
+         * fixed tint would have to be declared twice and guessed at both times.
+         */
+        current: "rst:border-current rst:text-current rst:bg-current/10"
+      },
+      surface: {
+        /* The existing flat tint, and still the default. */
+        tint: "",
+        /*
+         * Set per scheme below: a gradient needs the color, not just a switch.
+         * Each one clears the flat fill with `bg-transparent` in both themes —
+         * a background-COLOR, since that is what the tint is. Clearing
+         * `background-image` instead cancels the gradient itself, which is the
+         * bug this shipped with for one build.
+         */
+        gradient: ""
+      }
+    },
+    compoundVariants: [
+      {
+        surface: "gradient",
+        colorScheme: "error",
+        class: "rst:bg-transparent rst:dark:bg-transparent rst:bg-gradient-to-r rst:from-error-500/10 rst:to-transparent rst:dark:from-error-500/15"
+      },
+      {
+        surface: "gradient",
+        colorScheme: "success",
+        class: "rst:bg-transparent rst:dark:bg-transparent rst:bg-gradient-to-r rst:from-success-500/10 rst:to-transparent rst:dark:from-success-500/15"
+      },
+      {
+        surface: "gradient",
+        colorScheme: "amber",
+        class: "rst:bg-transparent rst:dark:bg-transparent rst:bg-gradient-to-r rst:from-amber-500/10 rst:to-transparent rst:dark:from-amber-500/15"
+      },
+      {
+        surface: "gradient",
+        colorScheme: "info",
+        class: "rst:bg-transparent rst:dark:bg-transparent rst:bg-gradient-to-r rst:from-info-500/10 rst:to-transparent rst:dark:from-info-500/15"
+      },
+      {
+        surface: "gradient",
+        colorScheme: "primary",
+        class: "rst:bg-transparent rst:dark:bg-transparent rst:bg-gradient-to-r rst:from-primary-500/10 rst:to-transparent rst:dark:from-primary-500/15"
+      },
+      {
+        surface: "gradient",
+        colorScheme: "neutral",
+        class: "rst:bg-transparent rst:dark:bg-transparent rst:bg-gradient-to-r rst:from-gray-500/10 rst:to-transparent rst:dark:from-gray-500/15"
+      },
+      {
+        surface: "gradient",
+        colorScheme: "current",
+        class: "rst:bg-transparent rst:dark:bg-transparent rst:bg-gradient-to-r rst:from-current/15 rst:to-transparent"
+      }
+    ],
+    defaultVariants: {
+      colorScheme: "error",
+      surface: "tint"
+    }
+  }
+);
+export {
+  s as alertVariants
+};

package/dist/components/molecules/Breadcrumbs/Breadcrumbs.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");require("react");const j=require("../../../node_modules/@fortawesome/react-fontawesome/dist/index.cjs"),N=require("../../../node_modules/@fortawesome/free-solid-svg-icons/index.cjs"),s=require("../../../lib/utils.cjs"),o=require("./breadcrumb-variants.cjs"),p=require("../../atoms/Link/Link.cjs"),g=({items:c,separator:d,showHomeIcon:m,homeHref:u="/",linkComponent:x,currentClassName:h,variant:t,className:b,...f})=>{const l=x??p.Link,i=d??r.jsx("span",{className:"rst:text-gray-300 rst:dark:text-gray-600 rst:text-sm rst:transition-colors",children:"/"});return r.jsx("nav",{"aria-label":"Breadcrumb",className:s.cn("rst:flex",b),...f,children:r.jsxs("ol",{className:"rst:flex rst:items-center rst:space-x-2",children:[m&&r.jsxs("li",{className:"rst:flex rst:items-center",children:[r.jsx(l,{href:u,className:s.cn(o.breadcrumbVariants({variant:t}),"rst:hover:no-underline"),"aria-label":"Home",children:r.jsx(j.FontAwesomeIcon,{icon:N.faHome,className:"rst:h-4 rst:w-4"})}),r.jsx("span",{className:"rst:ml-2 rst:flex rst:select-none rst:items-center","aria-hidden":"true",children:i})]}),c.map((e,a)=>{const n=a===c.length-1;return r.jsxs("li",{className:"rst:flex rst:items-center",children:[a>0&&r.jsx("span",{className:"rst:mr-2 rst:flex rst:select-none rst:items-center","aria-hidden":"true",children:i}),n||!e.href?r.jsx("span",{className:s.cn("rst:font-semibold rst:text-sm rst:cursor-default rst:transition-colors",t==="inverse"?"rst:text-white":"rst:text-gray-900 rst:dark:text-gray-100",n&&h,e.className),"aria-current":n?"page":void 0,children:e.label}):r.jsx(l,{href:e.href,className:s.cn(o.breadcrumbVariants({variant:t}),"rst:hover:underline",e.className),children:e.label})]},a)})]})})};exports.Breadcrumbs=g;

package/dist/components/molecules/Breadcrumbs/Breadcrumbs.js

@@ -0,0 +1,88 @@
+import { jsx as r, jsxs as n } from "react/jsx-runtime";
+import "react";
+import { FontAwesomeIcon as b } from "../../../node_modules/@fortawesome/react-fontawesome/dist/index.js";
+import { faHome as g } from "../../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
+import { cn as e } from "../../../lib/utils.js";
+import { breadcrumbVariants as i } from "./breadcrumb-variants.js";
+import { Link as y } from "../../atoms/Link/Link.js";
+const I = ({
+  items: c,
+  separator: d,
+  showHomeIcon: h,
+  homeHref: f = "/",
+  linkComponent: p,
+  currentClassName: x,
+  variant: t,
+  className: N,
+  ...u
+}) => {
+  const o = p ?? y, m = d ?? /* @__PURE__ */ r("span", { className: "rst:text-gray-300 rst:dark:text-gray-600 rst:text-sm rst:transition-colors", children: "/" });
+  return /* @__PURE__ */ r("nav", { "aria-label": "Breadcrumb", className: e("rst:flex", N), ...u, children: /* @__PURE__ */ n("ol", { className: "rst:flex rst:items-center rst:space-x-2", children: [
+    h && /* @__PURE__ */ n("li", { className: "rst:flex rst:items-center", children: [
+      /* @__PURE__ */ r(
+        o,
+        {
+          href: f,
+          className: e(
+            i({ variant: t }),
+            "rst:hover:no-underline"
+          ),
+          "aria-label": "Home",
+          children: /* @__PURE__ */ r(b, { icon: g, className: "rst:h-4 rst:w-4" })
+        }
+      ),
+      /* @__PURE__ */ r(
+        "span",
+        {
+          className: "rst:ml-2 rst:flex rst:select-none rst:items-center",
+          "aria-hidden": "true",
+          children: m
+        }
+      )
+    ] }),
+    c.map((s, a) => {
+      const l = a === c.length - 1;
+      return (
+        /* Keyed by index: `href` is optional now, and a trail can legally
+           repeat one. */
+        /* @__PURE__ */ n("li", { className: "rst:flex rst:items-center", children: [
+          a > 0 && /* @__PURE__ */ r(
+            "span",
+            {
+              className: "rst:mr-2 rst:flex rst:select-none rst:items-center",
+              "aria-hidden": "true",
+              children: m
+            }
+          ),
+          l || !s.href ? /* @__PURE__ */ r(
+            "span",
+            {
+              className: e(
+                "rst:font-semibold rst:text-sm rst:cursor-default rst:transition-colors",
+                t === "inverse" ? "rst:text-white" : "rst:text-gray-900 rst:dark:text-gray-100",
+                l && x,
+                s.className
+              ),
+              "aria-current": l ? "page" : void 0,
+              children: s.label
+            }
+          ) : /* @__PURE__ */ r(
+            o,
+            {
+              href: s.href,
+              className: e(
+                i({ variant: t }),
+                "rst:hover:underline",
+                s.className
+              ),
+              children: s.label
+            }
+          )
+        ] }, a)
+      );
+    })
+  ] }) });
+};
+export {
+  I as Breadcrumbs
+};

package/dist/components/molecules/Breadcrumbs/breadcrumb-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-ui rst:flex rst:items-center rst:text-sm rst:font-medium rst:transition-colors",{variants:{variant:{default:"rst:text-gray-500 rst:hover:text-gray-900 rst:dark:text-gray-400 rst:dark:hover:text-gray-100",primary:"rst:text-primary-600 rst:hover:text-primary-800 rst:dark:text-primary-400 rst:dark:hover:text-primary-300",inverse:"rst:text-gray-300 rst:hover:text-white rst:dark:text-gray-400 rst:dark:hover:text-white"}},defaultVariants:{variant:"default"}});exports.breadcrumbVariants=r;