@blakesteve/roster 4.12.0 → 4.13.0

package/dist/components/atoms/Link/Link.js

@@ -0,0 +1,65 @@
+import { jsxs as e, jsx as i } from "react/jsx-runtime";
+import "react";
+import { FontAwesomeIcon as m } from "../../../node_modules/@fortawesome/react-fontawesome/dist/index.js";
+import { faExternalLinkAlt as c } from "../../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
+import { cn as h } from "../../../lib/utils.js";
+import { linkVariants as u } from "./link-variants.js";
+const I = ({
+  as: l,
+  className: p,
+  variant: d,
+  underline: x,
+  size: f,
+  external: k,
+  showExternalIcon: w,
+  children: o,
+  href: t,
+  ...s
+}) => {
+  const N = l || "a", r = k || typeof t == "string" && t.startsWith("http"), n = w ?? r, a = h(
+    u({ variant: d, underline: x, size: f }),
+    p
+  );
+  return r ? /* @__PURE__ */ e(
+    "a",
+    {
+      href: t,
+      className: a,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      ...s,
+      children: [
+        o,
+        n && /* @__PURE__ */ i(
+          m,
+          {
+            icon: c,
+            className: "rst:ml-0.5 rst:h-3 rst:w-3",
+            "data-testid": "external-icon"
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ e(
+    N,
+    {
+      className: a,
+      ...t !== void 0 ? { href: t } : {},
+      ...s,
+      children: [
+        o,
+        n && /* @__PURE__ */ i(
+          m,
+          {
+            icon: c,
+            className: "rst:ml-1 rst:h-3 rst:w-3 rst:opacity-70",
+            "data-testid": "external-icon"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  I as Link
+};

package/dist/components/atoms/Link/link-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:inline-flex rst:items-center rst:gap-1.5 rst:font-semibold rst:transition-colors rst:focus:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:rounded-sm rst:cursor-pointer",{variants:{variant:{primary:"rst:text-primary-600 rst:hover:text-primary-700 rst:dark:text-primary-400 rst:dark:hover:text-primary-300",neutral:"rst:text-gray-600 rst:hover:text-gray-900 rst:dark:text-gray-400 rst:dark:hover:text-gray-100",danger:"rst:text-error-600 rst:hover:text-error-700 rst:dark:text-error-500 rst:dark:hover:text-error-400",white:"rst:text-gray-200 rst:hover:text-white rst:dark:text-gray-300 rst:dark:hover:text-white"},underline:{always:"rst:underline rst:underline-offset-4",hover:"rst:no-underline rst:hover:underline rst:underline-offset-4",none:"rst:no-underline"},size:{sm:"rst:text-xs",md:"rst:text-sm",lg:"rst:text-base"}},defaultVariants:{variant:"primary",underline:"hover",size:"md"}});exports.linkVariants=t;

package/dist/components/atoms/Link/link-variants.js

@@ -0,0 +1,32 @@
+import { cva as r } from "../../../node_modules/class-variance-authority/dist/index.js";
+const e = /* @__PURE__ */ r(
+  "rst:inline-flex rst:items-center rst:gap-1.5 rst:font-semibold rst:transition-colors rst:focus:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:rounded-sm rst:cursor-pointer",
+  {
+    variants: {
+      variant: {
+        primary: "rst:text-primary-600 rst:hover:text-primary-700 rst:dark:text-primary-400 rst:dark:hover:text-primary-300",
+        neutral: "rst:text-gray-600 rst:hover:text-gray-900 rst:dark:text-gray-400 rst:dark:hover:text-gray-100",
+        danger: "rst:text-error-600 rst:hover:text-error-700 rst:dark:text-error-500 rst:dark:hover:text-error-400",
+        white: "rst:text-gray-200 rst:hover:text-white rst:dark:text-gray-300 rst:dark:hover:text-white"
+      },
+      underline: {
+        always: "rst:underline rst:underline-offset-4",
+        hover: "rst:no-underline rst:hover:underline rst:underline-offset-4",
+        none: "rst:no-underline"
+      },
+      size: {
+        sm: "rst:text-xs",
+        md: "rst:text-sm",
+        lg: "rst:text-base"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      underline: "hover",
+      size: "md"
+    }
+  }
+);
+export {
+  e as linkVariants
+};

package/dist/components/atoms/LiquidTabs/LiquidTabs.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),r=require("react"),c=require("../../../lib/utils.cjs");function C({tabs:g,activeTab:l,onChange:x,variant:R="pill",fullWidth:b=!1,className:v}){const w=r.useRef(null),a=r.useRef(null),f=r.useRef(null),o=r.useRef(null),m=r.useRef(!1),h=R==="filled",i=r.useCallback(t=>{const e=w.current;if(!e)return null;const s=e.querySelector(`[data-tab-id="${t}"]`);if(!s)return null;const n=e.getBoundingClientRect(),d=s.getBoundingClientRect();return{left:d.left-n.left,width:d.width}},[]),u=r.useCallback((t,e,s)=>{const n=a.current;n&&(n.style.transition=e,n.style.left=`${t.left}px`,n.style.width=`${t.width}px`,n.style.transform=`scaleY(${s})`)},[]);r.useEffect(()=>{const t=i(l);t&&(f.current=t,u(t,"none",1),a.current&&(a.current.style.opacity="1"),m.current=!0)},[]),r.useEffect(()=>{if(!m.current||o.current!==null)return;const t=i(l);t&&(f.current=t,u(t,"none",1))},[l,i,u]);const q=r.useCallback(t=>{if(t===l||(x(t),!m.current))return;o.current&&clearTimeout(o.current);const e=f.current??i(l),s=i(t);if(!e||!s)return;const n=Math.min(e.left,s.left),d=Math.max(e.left+e.width,s.left+s.width)-n;u({left:n,width:d},"left 130ms ease-out, width 130ms ease-out, transform 130ms ease-out",.55),o.current=setTimeout(()=>{const y=i(t)??s;f.current=y,u(y,"left 160ms ease-in, width 160ms ease-in, transform 160ms ease-in",1),o.current=null},130)},[l,i,x,u]);return r.useEffect(()=>()=>{o.current&&clearTimeout(o.current)},[]),p.jsxs("div",{ref:w,role:"tablist","data-testid":"liquid-tabs",style:{background:"var(--roster-lt-bg)",borderColor:"var(--roster-lt-border)"},className:c.cn("rst:font-ui rst:relative rst:flex rst:border",h?"rst:w-full rst:overflow-hidden rst:rounded-lg":c.cn("rst:gap-1 rst:rounded-xl rst:p-1",b?"rst:w-full":"rst:w-fit"),v),children:[p.jsx("div",{ref:a,"aria-hidden":!0,"data-testid":"liquid-tabs-pill",className:c.cn("rst:absolute rst:rounded-lg",h?"rst:top-0 rst:bottom-0":"rst:top-1 rst:bottom-1"),style:{opacity:0,left:0,width:0,background:"var(--roster-lt-pill)"}}),g.map(t=>{const e=t.id===l;return p.jsx("button",{role:"tab","aria-selected":e,"data-tab-id":t.id,"data-testid":`liquid-tab-${t.id}`,onClick:()=>q(t.id),className:c.cn("rst:relative rst:z-10 rst:text-sm rst:font-medium rst:transition-colors rst:cursor-pointer",h?c.cn("rst:flex-1 rst:py-2",e?"rst:text-white":"rst:text-(--roster-lt-text-inactive) rst:hover:text-(--roster-lt-text-hover)"):c.cn("rst:rounded-lg rst:py-1.5",b?"rst:flex-1":"rst:px-4",e?"rst:text-white":"rst:text-(--roster-lt-text-inactive) rst:hover:text-(--roster-lt-text-hover)")),children:typeof t.label=="function"?t.label(e):t.label},t.id)})]})}exports.LiquidTabs=C;

package/dist/components/atoms/LiquidTabs/LiquidTabs.js

@@ -0,0 +1,119 @@
+import { jsxs as k, jsx as v } from "react/jsx-runtime";
+import { useRef as c, useCallback as h, useEffect as x } from "react";
+import { cn as u } from "../../../lib/utils.js";
+function B({
+  tabs: R,
+  activeTab: n,
+  onChange: w,
+  variant: q = "pill",
+  fullWidth: y = !1,
+  className: C
+}) {
+  const g = c(null), d = c(null), a = c(null), l = c(null), m = c(!1), p = q === "filled", o = h((t) => {
+    const r = g.current;
+    if (!r) return null;
+    const e = r.querySelector(`[data-tab-id="${t}"]`);
+    if (!e) return null;
+    const s = r.getBoundingClientRect(), f = e.getBoundingClientRect();
+    return { left: f.left - s.left, width: f.width };
+  }, []), i = h((t, r, e) => {
+    const s = d.current;
+    s && (s.style.transition = r, s.style.left = `${t.left}px`, s.style.width = `${t.width}px`, s.style.transform = `scaleY(${e})`);
+  }, []);
+  x(() => {
+    const t = o(n);
+    t && (a.current = t, i(t, "none", 1), d.current && (d.current.style.opacity = "1"), m.current = !0);
+  }, []), x(() => {
+    if (!m.current || l.current !== null) return;
+    const t = o(n);
+    t && (a.current = t, i(t, "none", 1));
+  }, [n, o, i]);
+  const $ = h(
+    (t) => {
+      if (t === n || (w(t), !m.current)) return;
+      l.current && clearTimeout(l.current);
+      const r = a.current ?? o(n), e = o(t);
+      if (!r || !e) return;
+      const s = Math.min(r.left, e.left), f = Math.max(r.left + r.width, e.left + e.width) - s;
+      i(
+        { left: s, width: f },
+        "left 130ms ease-out, width 130ms ease-out, transform 130ms ease-out",
+        0.55
+      ), l.current = setTimeout(() => {
+        const b = o(t) ?? e;
+        a.current = b, i(
+          b,
+          "left 160ms ease-in, width 160ms ease-in, transform 160ms ease-in",
+          1
+        ), l.current = null;
+      }, 130);
+    },
+    [n, o, w, i]
+  );
+  return x(
+    () => () => {
+      l.current && clearTimeout(l.current);
+    },
+    []
+  ), /* @__PURE__ */ k(
+    "div",
+    {
+      ref: g,
+      role: "tablist",
+      "data-testid": "liquid-tabs",
+      style: { background: "var(--roster-lt-bg)", borderColor: "var(--roster-lt-border)" },
+      className: u(
+        "rst:font-ui rst:relative rst:flex rst:border",
+        p ? "rst:w-full rst:overflow-hidden rst:rounded-lg" : u(
+          "rst:gap-1 rst:rounded-xl rst:p-1",
+          y ? "rst:w-full" : "rst:w-fit"
+        ),
+        C
+      ),
+      children: [
+        /* @__PURE__ */ v(
+          "div",
+          {
+            ref: d,
+            "aria-hidden": !0,
+            "data-testid": "liquid-tabs-pill",
+            className: u(
+              "rst:absolute rst:rounded-lg",
+              p ? "rst:top-0 rst:bottom-0" : "rst:top-1 rst:bottom-1"
+            ),
+            style: { opacity: 0, left: 0, width: 0, background: "var(--roster-lt-pill)" }
+          }
+        ),
+        R.map((t) => {
+          const r = t.id === n;
+          return /* @__PURE__ */ v(
+            "button",
+            {
+              role: "tab",
+              "aria-selected": r,
+              "data-tab-id": t.id,
+              "data-testid": `liquid-tab-${t.id}`,
+              onClick: () => $(t.id),
+              className: u(
+                "rst:relative rst:z-10 rst:text-sm rst:font-medium rst:transition-colors rst:cursor-pointer",
+                p ? u(
+                  "rst:flex-1 rst:py-2",
+                  r ? "rst:text-white" : "rst:text-(--roster-lt-text-inactive) rst:hover:text-(--roster-lt-text-hover)"
+                ) : u(
+                  "rst:rounded-lg rst:py-1.5",
+                  y ? "rst:flex-1" : "rst:px-4",
+                  r ? "rst:text-white" : "rst:text-(--roster-lt-text-inactive) rst:hover:text-(--roster-lt-text-hover)"
+                )
+              ),
+              children: typeof t.label == "function" ? t.label(r) : t.label
+            },
+            t.id
+          );
+        })
+      ]
+    }
+  );
+}
+export {
+  B as LiquidTabs
+};

package/dist/components/atoms/MultiSelect/MultiSelect.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),O=require("react"),B=require("../../../node_modules/@headlessui/react/dist/components/description/description.cjs"),H=require("../../../node_modules/@headlessui/react/dist/components/field/field.cjs"),M=require("../../../node_modules/@headlessui/react/dist/components/label/label.cjs"),x=require("../../../node_modules/@headlessui/react/dist/components/listbox/listbox.cjs"),Y=require("../../../node_modules/@headlessui/react/dist/components/transition/transition.cjs"),S=require("../../../node_modules/@fortawesome/react-fontawesome/dist/index.cjs"),T=require("../../../node_modules/@fortawesome/free-solid-svg-icons/index.cjs"),s=require("../../../lib/utils.cjs"),W=require("../Select/select-variants.cjs"),F=require("../Chip/Chip.cjs"),X=require("../../../internal/PopupOption.cjs"),c=require("../../../internal/popup.cjs"),G=({options:h,value:n,onChange:m,placeholder:b="Select options",disabled:o=!1,variant:f,size:i,error:R,className:_,triggerClassName:L,optionsClassName:D,helperText:v,errorMessage:p,label:g,display:u="chips",maxChips:N,clearable:j=!1,chipColorScheme:k="neutral",chipVariant:w="outline",clearLabel:A="Clear selection",removeLabel:E=l=>`Remove ${l}`,...U})=>{const l=!!p||R,a=n.length>0,y=new Map(h.map((r,e)=>[r.value,e])),d=n.map(r=>({value:r,label:h.find(e=>e.value===r)?.label??String(r)})).sort((r,e)=>(y.get(r.value)??Number.POSITIVE_INFINITY)-(y.get(e.value)??Number.POSITIVE_INFINITY)),P=N===void 0?d:d.slice(0,N),I=d.length-P.length,{ref:$,inDarkScope:C}=c.useDarkScope(),q=O.useRef(null);return t.jsxs(H.Field,{disabled:o,className:s.cn("rst:flex rst:flex-col rst:gap-1.5",_),...U,children:[g&&t.jsx(M.Label,{className:"rst:block rst:text-sm rst:font-medium rst:text-[var(--roster-control-text)] rst:text-left",children:g}),t.jsx(x.Listbox,{value:n,onChange:m,disabled:o,multiple:!0,children:t.jsxs("div",{ref:$,className:"rst:relative",children:[t.jsxs("div",{className:s.cn(W.selectTriggerVariants({variant:f,size:i,error:l}),"rst:h-auto rst:flex-wrap rst:items-center rst:gap-1.5 rst:py-1.5",i==="sm"?"rst:min-h-9":i==="lg"?"rst:min-h-11":"rst:min-h-10",j&&a&&"rst:pr-16","rst:focus-within:ring-2 rst:focus-within:ring-ring",o&&"rst:opacity-50 rst:cursor-not-allowed",L),children:[t.jsx(x.ListboxButton,{ref:q,"aria-invalid":l||void 0,className:"rst:absolute rst:inset-0 rst:h-full rst:w-full rst:cursor-pointer rst:rounded-md rst:focus:outline-hidden rst:disabled:cursor-not-allowed",children:t.jsx("span",{className:"rst:sr-only",children:a?u==="count"?`${n.length} selected`:d.map(r=>r.label).join(", "):b})}),!a&&t.jsx("span",{"aria-hidden":"true",className:"rst:pointer-events-none rst:relative rst:block rst:truncate rst:text-gray-500 rst:dark:text-gray-400",children:b}),a&&u==="count"&&t.jsxs("span",{"aria-hidden":"true",className:"rst:pointer-events-none rst:relative rst:block rst:truncate",children:[n.length," selected"]}),a&&u==="chips"&&P.map((r,e)=>t.jsx(F.Chip,{size:"sm",variant:w,colorScheme:k,disabled:o,onRemove:()=>m(n.filter(V=>V!==r.value)),removeLabel:E(r.label),className:s.cn("rst:relative rst:max-w-[12rem] rst:pointer-events-none","rst:[&_button]:pointer-events-auto","rst:text-inherit rst:border-current/70 rst:dark:text-inherit rst:dark:border-current/70"),children:t.jsx("span",{className:"rst:block rst:truncate",children:r.label})},`${e}-${String(r.value)}`)),I>0&&u==="chips"&&t.jsxs(F.Chip,{size:"sm",variant:w,colorScheme:k,"aria-hidden":"true",className:"rst:pointer-events-none rst:relative rst:text-inherit rst:border-current/70 rst:dark:text-inherit rst:dark:border-current/70",children:["+",I]}),t.jsx("span",{className:s.cn("rst:pointer-events-none rst:absolute rst:inset-y-0 rst:right-0 rst:flex rst:items-center",i==="sm"?"rst:pr-2.5":"rst:pr-3"),children:t.jsx(S.FontAwesomeIcon,{icon:T.faChevronDown,className:"rst:h-3.5 rst:w-3.5 rst:text-gray-400 rst:dark:text-gray-500","aria-hidden":"true"})}),j&&a&&t.jsx("button",{type:"button",disabled:o,onClick:()=>{m([]),q.current?.focus()},"aria-label":A,className:s.cn("rst:absolute rst:inset-y-0 rst:flex rst:w-6 rst:items-center rst:justify-center","rst:cursor-pointer rst:disabled:cursor-not-allowed","rst:text-current rst:opacity-70 rst:hover:opacity-100 rst:disabled:opacity-40","rst:focus:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:rounded-sm",i==="sm"?"rst:right-7":"rst:right-8"),children:t.jsx(S.FontAwesomeIcon,{icon:T.faXmark,className:"rst:h-3.5 rst:w-3.5","aria-hidden":"true"})})]}),t.jsx(Y.Transition,{as:O.Fragment,leave:"rst:transition rst:ease-in rst:duration-100",leaveFrom:"rst:opacity-100",leaveTo:"rst:opacity-0",children:t.jsx(x.ListboxOptions,{anchor:c.POPUP_ANCHOR,className:s.cn(c.popupInDarkPalette(C,f)&&"dark",c.POPUP_PANEL,c.POPUP_WIDTH_OF_BUTTON,D),children:h.map(r=>t.jsx(X.PopupOption,{as:x.ListboxOption,value:r.value,disabled:r.disabled,size:i,children:r.label},r.value))})})]})}),(v||p)&&t.jsx(B.Description,{className:s.cn("rst:text-xs rst:text-left",l?"rst:text-error-600 rst:dark:text-error-400 rst:font-medium":"rst:text-gray-500 rst:dark:text-gray-400"),children:p||v})]})};exports.MultiSelect=G;

package/dist/components/atoms/MultiSelect/MultiSelect.js

@@ -0,0 +1,230 @@
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import B, { Fragment as M } from "react";
+import { Description as H } 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 { Label as W } from "../../../node_modules/@headlessui/react/dist/components/label/label.js";
+import { Listbox as Y, ListboxButton as C, ListboxOptions as K, ListboxOption as X } from "../../../node_modules/@headlessui/react/dist/components/listbox/listbox.js";
+import { Transition as Z } from "../../../node_modules/@headlessui/react/dist/components/transition/transition.js";
+import { FontAwesomeIcon as S } from "../../../node_modules/@fortawesome/react-fontawesome/dist/index.js";
+import { faChevronDown as q, faXmark as G } from "../../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
+import { cn as s } from "../../../lib/utils.js";
+import { selectTriggerVariants as J } from "../Select/select-variants.js";
+import { Chip as _ } from "../Chip/Chip.js";
+import { PopupOption as Q } from "../../../internal/PopupOption.js";
+import { useDarkScope as z, POPUP_ANCHOR as tt, POPUP_WIDTH_OF_BUTTON as rt, POPUP_PANEL as et, popupInDarkPalette as st } from "../../../internal/popup.js";
+const bt = ({
+  options: u,
+  value: n,
+  onChange: p,
+  placeholder: f = "Select options",
+  disabled: i = !1,
+  variant: v,
+  size: o,
+  error: T,
+  className: F,
+  triggerClassName: L,
+  optionsClassName: R,
+  helperText: x,
+  errorMessage: h,
+  label: b,
+  display: m = "chips",
+  maxChips: g,
+  clearable: N = !1,
+  chipColorScheme: k = "neutral",
+  chipVariant: w = "outline",
+  clearLabel: D = "Clear selection",
+  removeLabel: j = (l) => `Remove ${l}`,
+  ...E
+}) => {
+  const l = !!h || T, a = n.length > 0, y = new Map(u.map((t, e) => [t.value, e])), d = n.map((t) => ({
+    value: t,
+    label: u.find((e) => e.value === t)?.label ?? String(t)
+  })).sort(
+    (t, e) => (y.get(t.value) ?? Number.POSITIVE_INFINITY) - (y.get(e.value) ?? Number.POSITIVE_INFINITY)
+  ), I = g === void 0 ? d : d.slice(0, g), P = d.length - I.length, { ref: U, inDarkScope: $ } = z(), O = B.useRef(null);
+  return /* @__PURE__ */ c(
+    V,
+    {
+      disabled: i,
+      className: s("rst:flex rst:flex-col rst:gap-1.5", F),
+      ...E,
+      children: [
+        b && /* @__PURE__ */ r(W, { className: "rst:block rst:text-sm rst:font-medium rst:text-[var(--roster-control-text)] rst:text-left", children: b }),
+        /* @__PURE__ */ r(Y, { value: n, onChange: p, disabled: i, multiple: !0, children: /* @__PURE__ */ c("div", { ref: U, className: "rst:relative", children: [
+          /* @__PURE__ */ c(
+            "div",
+            {
+              className: s(
+                J({ variant: v, size: o, error: l }),
+                "rst:h-auto rst:flex-wrap rst:items-center rst:gap-1.5 rst:py-1.5",
+                o === "sm" ? "rst:min-h-9" : o === "lg" ? "rst:min-h-11" : "rst:min-h-10",
+                N && a && "rst:pr-16",
+                /* The ring is on the shell and fires from `focus-within`, because
+                   the element that actually takes focus is the invisible button
+                   stretched across it — and, deliberately, from a dismiss
+                   control too: those are inside the field and should light it. */
+                "rst:focus-within:ring-2 rst:focus-within:ring-ring",
+                i && "rst:opacity-50 rst:cursor-not-allowed",
+                L
+              ),
+              children: [
+                /* @__PURE__ */ r(
+                  C,
+                  {
+                    ref: O,
+                    "aria-invalid": l || void 0,
+                    className: "rst:absolute rst:inset-0 rst:h-full rst:w-full rst:cursor-pointer rst:rounded-md rst:focus:outline-hidden rst:disabled:cursor-not-allowed",
+                    children: /* @__PURE__ */ r("span", { className: "rst:sr-only", children: a ? m === "count" ? `${n.length} selected` : d.map((t) => t.label).join(", ") : f })
+                  }
+                ),
+                !a && /* @__PURE__ */ r(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    className: "rst:pointer-events-none rst:relative rst:block rst:truncate rst:text-gray-500 rst:dark:text-gray-400",
+                    children: f
+                  }
+                ),
+                a && m === "count" && /* @__PURE__ */ c(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    className: "rst:pointer-events-none rst:relative rst:block rst:truncate",
+                    children: [
+                      n.length,
+                      " selected"
+                    ]
+                  }
+                ),
+                a && m === "chips" && I.map((t, e) => /* @__PURE__ */ r(
+                  _,
+                  {
+                    size: "sm",
+                    variant: w,
+                    colorScheme: k,
+                    disabled: i,
+                    onRemove: () => p(n.filter((A) => A !== t.value)),
+                    removeLabel: j(t.label),
+                    className: s(
+                      "rst:relative rst:max-w-[12rem] rst:pointer-events-none",
+                      "rst:[&_button]:pointer-events-auto",
+                      "rst:text-inherit rst:border-current/70 rst:dark:text-inherit rst:dark:border-current/70"
+                    ),
+                    children: /* @__PURE__ */ r("span", { className: "rst:block rst:truncate", children: t.label })
+                  },
+                  `${e}-${String(t.value)}`
+                )),
+                P > 0 && m === "chips" && /* @__PURE__ */ c(
+                  _,
+                  {
+                    size: "sm",
+                    variant: w,
+                    colorScheme: k,
+                    "aria-hidden": "true",
+                    className: "rst:pointer-events-none rst:relative rst:text-inherit rst:border-current/70 rst:dark:text-inherit rst:dark:border-current/70",
+                    children: [
+                      "+",
+                      P
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ r(
+                  "span",
+                  {
+                    className: s(
+                      "rst:pointer-events-none rst:absolute rst:inset-y-0 rst:right-0 rst:flex rst:items-center",
+                      o === "sm" ? "rst:pr-2.5" : "rst:pr-3"
+                    ),
+                    children: /* @__PURE__ */ r(
+                      S,
+                      {
+                        icon: q,
+                        className: "rst:h-3.5 rst:w-3.5 rst:text-gray-400 rst:dark:text-gray-500",
+                        "aria-hidden": "true"
+                      }
+                    )
+                  }
+                ),
+                N && a && /* @__PURE__ */ r(
+                  "button",
+                  {
+                    type: "button",
+                    disabled: i,
+                    onClick: () => {
+                      p([]), O.current?.focus();
+                    },
+                    "aria-label": D,
+                    className: s(
+                      /* `w-6` is not decoration: WCAG 2.5.8 asks 24x24 CSS px and
+                         a bare 14px icon measured 20px wide. The spacing exception
+                         does not apply, because this sits inside the trigger's own
+                         bounds. */
+                      "rst:absolute rst:inset-y-0 rst:flex rst:w-6 rst:items-center rst:justify-center",
+                      "rst:cursor-pointer rst:disabled:cursor-not-allowed",
+                      "rst:text-current rst:opacity-70 rst:hover:opacity-100 rst:disabled:opacity-40",
+                      "rst:focus:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:rounded-sm",
+                      o === "sm" ? "rst:right-7" : "rst:right-8"
+                    ),
+                    children: /* @__PURE__ */ r(
+                      S,
+                      {
+                        icon: G,
+                        className: "rst:h-3.5 rst:w-3.5",
+                        "aria-hidden": "true"
+                      }
+                    )
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ r(
+            Z,
+            {
+              as: M,
+              leave: "rst:transition rst:ease-in rst:duration-100",
+              leaveFrom: "rst:opacity-100",
+              leaveTo: "rst:opacity-0",
+              children: /* @__PURE__ */ r(
+                K,
+                {
+                  anchor: tt,
+                  className: s(
+                    st($, v) && "dark",
+                    et,
+                    rt,
+                    R
+                  ),
+                  children: u.map((t) => /* @__PURE__ */ r(
+                    Q,
+                    {
+                      as: X,
+                      value: t.value,
+                      disabled: t.disabled,
+                      size: o,
+                      children: t.label
+                    },
+                    t.value
+                  ))
+                }
+              )
+            }
+          )
+        ] }) }),
+        (x || h) && /* @__PURE__ */ r(
+          H,
+          {
+            className: s(
+              "rst:text-xs rst:text-left",
+              l ? "rst:text-error-600 rst:dark:text-error-400 rst:font-medium" : "rst:text-gray-500 rst:dark:text-gray-400"
+            ),
+            children: h || x
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  bt as MultiSelect
+};

package/dist/components/atoms/PasswordInput/PasswordInput.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),j=require("../../../node_modules/@fortawesome/react-fontawesome/dist/index.cjs"),a=require("../../../node_modules/@fortawesome/free-solid-svg-icons/index.cjs"),c=require("../../../lib/utils.cjs"),S=require("../Input/Input.cjs"),u=i.forwardRef(({revealable:d=!0,defaultRevealed:l=!1,revealed:r,onRevealChange:p,showLabel:y="Show password",hideLabel:f="Hide password",disabled:e,variant:w,error:m,errorMessage:h,className:v,...x},g)=>{const[I,q]=i.useState(l),o=r!==void 0,t=o?r:I,b=()=>{const n=!t;o||q(n),p?.(n)};return s.jsx(S.Input,{ref:g,type:t?"text":"password",disabled:e,variant:w,error:m,errorMessage:h,className:c.cn("rst:[&_input::-ms-reveal]:hidden",v),endIcon:d?s.jsx("button",{type:"button",onClick:b,disabled:e,"aria-label":t?f:y,"aria-pressed":t,className:c.cn("rst:-m-1 rst:flex rst:items-center rst:rounded rst:p-1 rst:transition-opacity","rst:opacity-70 rst:hover:opacity-100","rst:focus:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring",e&&"rst:cursor-not-allowed rst:opacity-40 rst:hover:opacity-40"),children:s.jsx(j.FontAwesomeIcon,{icon:t?a.faEyeSlash:a.faEye,className:"rst:h-4 rst:w-4","aria-hidden":"true"})}):void 0,...x})});u.displayName="PasswordInput";exports.PasswordInput=u;

package/dist/components/atoms/PasswordInput/PasswordInput.js

@@ -0,0 +1,68 @@
+import { jsx as o } from "react/jsx-runtime";
+import i from "react";
+import { FontAwesomeIcon as N } from "../../../node_modules/@fortawesome/react-fontawesome/dist/index.js";
+import { faEyeSlash as b, faEye as S } from "../../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
+import { cn as a } from "../../../lib/utils.js";
+import { Input as _ } from "../Input/Input.js";
+const C = i.forwardRef(
+  ({
+    revealable: c = !0,
+    defaultRevealed: l = !1,
+    revealed: s,
+    onRevealChange: d,
+    showLabel: p = "Show password",
+    hideLabel: m = "Hide password",
+    disabled: r,
+    variant: u,
+    error: f,
+    errorMessage: w,
+    className: y,
+    ...h
+  }, v) => {
+    const [g, x] = i.useState(l), e = s !== void 0, t = e ? s : g, I = () => {
+      const n = !t;
+      e || x(n), d?.(n);
+    };
+    return /* @__PURE__ */ o(
+      _,
+      {
+        ref: v,
+        type: t ? "text" : "password",
+        disabled: r,
+        variant: u,
+        error: f,
+        errorMessage: w,
+        className: a("rst:[&_input::-ms-reveal]:hidden", y),
+        endIcon: c ? /* @__PURE__ */ o(
+          "button",
+          {
+            type: "button",
+            onClick: I,
+            disabled: r,
+            "aria-label": t ? m : p,
+            "aria-pressed": t,
+            className: a(
+              "rst:-m-1 rst:flex rst:items-center rst:rounded rst:p-1 rst:transition-opacity",
+              "rst:opacity-70 rst:hover:opacity-100",
+              "rst:focus:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring",
+              r && "rst:cursor-not-allowed rst:opacity-40 rst:hover:opacity-40"
+            ),
+            children: /* @__PURE__ */ o(
+              N,
+              {
+                icon: t ? b : S,
+                className: "rst:h-4 rst:w-4",
+                "aria-hidden": "true"
+              }
+            )
+          }
+        ) : void 0,
+        ...h
+      }
+    );
+  }
+);
+C.displayName = "PasswordInput";
+export {
+  C as PasswordInput
+};

package/dist/components/atoms/Pill/Pill.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),f=require("react"),a=require("../../../lib/utils.cjs"),i=require("./pill-variants.cjs"),n=f.forwardRef(({className:c,colorScheme:e="neutral",variant:t="soft",size:r="sm",dot:u=!1,pulse:p=!1,leadingIcon:l,children:o,...d},m)=>s.jsxs("span",{ref:m,className:a.cn(i.pillVariants({colorScheme:e,variant:t,size:r}),c),...d,children:[u?s.jsxs("span",{className:"rst:relative rst:inline-flex rst:shrink-0","aria-hidden":"true",children:[p&&s.jsx("span",{className:a.cn(i.pillDotVariants({colorScheme:e,variant:t,size:r}),"rst:absolute rst:inset-0 rst:motion-safe:animate-ping rst:opacity-75")}),s.jsx("span",{className:a.cn(i.pillDotVariants({colorScheme:e,variant:t,size:r}),"rst:relative")})]}):l&&s.jsx("span",{className:"rst:inline-flex rst:shrink-0 rst:items-center","aria-hidden":"true",children:l}),o]}));n.displayName="Pill";exports.Pill=n;

package/dist/components/atoms/Pill/Pill.js

@@ -0,0 +1,47 @@
+import { jsxs as l, jsx as a } from "react/jsx-runtime";
+import u from "react";
+import { cn as e } from "../../../lib/utils.js";
+import { pillDotVariants as n, pillVariants as N } from "./pill-variants.js";
+const h = u.forwardRef(
+  ({
+    className: m,
+    colorScheme: s = "neutral",
+    variant: r = "soft",
+    size: t = "sm",
+    dot: p = !1,
+    pulse: f = !1,
+    leadingIcon: i,
+    children: o,
+    ...d
+  }, c) => /* @__PURE__ */ l(
+    "span",
+    {
+      ref: c,
+      className: e(N({ colorScheme: s, variant: r, size: t }), m),
+      ...d,
+      children: [
+        p ? (
+          // The pulse is a sibling ring rather than an animation on the dot
+          // itself, so the dot stays a crisp solid circle while it radiates.
+          /* @__PURE__ */ l("span", { className: "rst:relative rst:inline-flex rst:shrink-0", "aria-hidden": "true", children: [
+            f && /* @__PURE__ */ a(
+              "span",
+              {
+                className: e(
+                  n({ colorScheme: s, variant: r, size: t }),
+                  "rst:absolute rst:inset-0 rst:motion-safe:animate-ping rst:opacity-75"
+                )
+              }
+            ),
+            /* @__PURE__ */ a("span", { className: e(n({ colorScheme: s, variant: r, size: t }), "rst:relative") })
+          ] })
+        ) : i && /* @__PURE__ */ a("span", { className: "rst:inline-flex rst:shrink-0 rst:items-center", "aria-hidden": "true", children: i }),
+        o
+      ]
+    }
+  )
+);
+h.displayName = "Pill";
+export {
+  h as Pill
+};

package/dist/components/atoms/Pill/pill-variants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../node_modules/class-variance-authority/dist/index.cjs"),t=r.cva("rst:font-ui rst:inline-flex rst:items-center rst:rounded-full rst:font-medium rst:whitespace-nowrap rst:align-middle",{variants:{colorScheme:{primary:"",success:"",error:"",amber:"",info:"",neutral:""},variant:{soft:"",outline:"rst:bg-transparent rst:border",solid:""},size:{sm:"rst:text-xs rst:px-2.5 rst:py-0.5 rst:gap-1.5",md:"rst:text-sm rst:px-3 rst:py-1 rst:gap-2"}},compoundVariants:[{variant:"soft",colorScheme:"primary",className:"rst:bg-primary-50 rst:text-primary-700 rst:dark:bg-primary-500/15 rst:dark:text-primary-300"},{variant:"soft",colorScheme:"success",className:"rst:bg-success-50 rst:text-success-700 rst:dark:bg-success-500/15 rst:dark:text-success-300"},{variant:"soft",colorScheme:"error",className:"rst:bg-error-50 rst:text-error-700 rst:dark:bg-error-500/15 rst:dark:text-error-300"},{variant:"soft",colorScheme:"amber",className:"rst:bg-amber-50 rst:text-amber-800 rst:dark:bg-amber-500/15 rst:dark:text-amber-300"},{variant:"soft",colorScheme:"info",className:"rst:bg-info-50 rst:text-info-700 rst:dark:bg-info-500/15 rst:dark:text-info-300"},{variant:"soft",colorScheme:"neutral",className:"rst:bg-gray-100 rst:text-gray-700 rst:dark:bg-gray-500/15 rst:dark:text-gray-300"},{variant:"outline",colorScheme:"primary",className:"rst:border-primary-300 rst:text-primary-700 rst:dark:border-primary-700 rst:dark:text-primary-300"},{variant:"outline",colorScheme:"success",className:"rst:border-success-300 rst:text-success-700 rst:dark:border-success-700 rst:dark:text-success-300"},{variant:"outline",colorScheme:"error",className:"rst:border-error-300 rst:text-error-700 rst:dark:border-error-700 rst:dark:text-error-300"},{variant:"outline",colorScheme:"amber",className:"rst:border-amber-300 rst:text-amber-800 rst:dark:border-amber-700 rst:dark:text-amber-300"},{variant:"outline",colorScheme:"info",className:"rst:border-info-300 rst:text-info-700 rst:dark:border-info-700 rst:dark:text-info-300"},{variant:"outline",colorScheme:"neutral",className:"rst:border-gray-300 rst:text-gray-700 rst:dark:border-gray-600 rst:dark:text-gray-300"},{variant:"solid",colorScheme:"primary",className:"rst:bg-primary-500 rst:text-primary-500-ink"},{variant:"solid",colorScheme:"success",className:"rst:bg-success-500 rst:text-success-500-ink"},{variant:"solid",colorScheme:"error",className:"rst:bg-error-500 rst:text-error-500-ink"},{variant:"solid",colorScheme:"amber",className:"rst:bg-amber-500 rst:text-amber-500-ink"},{variant:"solid",colorScheme:"info",className:"rst:bg-info-500 rst:text-info-500-ink"},{variant:"solid",colorScheme:"neutral",className:"rst:bg-gray-600 rst:dark:bg-gray-500 rst:text-gray-600-ink rst:dark:text-gray-500-ink"}],defaultVariants:{colorScheme:"neutral",variant:"soft",size:"sm"}}),s=r.cva("rst:shrink-0 rst:rounded-full",{variants:{colorScheme:{primary:"rst:bg-primary-500 rst:dark:bg-primary-400",success:"rst:bg-success-500 rst:dark:bg-success-400",error:"rst:bg-error-500 rst:dark:bg-error-400",amber:"rst:bg-amber-500 rst:dark:bg-amber-400",info:"rst:bg-info-500 rst:dark:bg-info-400",neutral:"rst:bg-gray-500 rst:dark:bg-gray-400"},variant:{soft:"",outline:"",solid:"rst:bg-current rst:dark:bg-current"},size:{sm:"rst:size-1.5",md:"rst:size-2"}},defaultVariants:{colorScheme:"neutral",variant:"soft",size:"sm"}});exports.pillDotVariants=s;exports.pillVariants=t;