@blakesteve/roster 4.12.1 → 4.13.0

package/dist/components/organisms/Table/Table.js

@@ -0,0 +1,117 @@
+import { jsx as o } from "react/jsx-runtime";
+import * as r from "react";
+import { cn as l } from "../../../lib/utils.js";
+import { tableVariants as m, tableWrapperVariants as c, tableCellVariants as f, tableHeaderVariants as i, tableHeadVariants as p, tableRowVariants as N } from "./table-variants.js";
+const d = r.createContext({
+  variant: "default",
+  size: "md",
+  hoverable: !1
+}), T = r.forwardRef(
+  ({
+    className: t,
+    variant: a = "default",
+    size: e = "md",
+    hoverable: s = !1,
+    ...n
+  }, b) => /* @__PURE__ */ o(d.Provider, { value: { variant: a, size: e, hoverable: s }, children: /* @__PURE__ */ o("div", { className: l(c({ variant: a })), children: /* @__PURE__ */ o(
+    "table",
+    {
+      ref: b,
+      className: l(m({ size: e }), t),
+      ...n
+    }
+  ) }) })
+);
+T.displayName = "Table";
+const u = r.forwardRef(({ className: t, ...a }, e) => {
+  const { variant: s } = r.useContext(d);
+  return /* @__PURE__ */ o(
+    "thead",
+    {
+      ref: e,
+      className: l(i({ variant: s }), t),
+      ...a
+    }
+  );
+});
+u.displayName = "TableHeader";
+const y = r.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ o(
+  "tbody",
+  {
+    ref: e,
+    className: l("rst:[&_tr:last-child]:border-0", t),
+    ...a
+  }
+));
+y.displayName = "TableBody";
+const x = r.forwardRef(({ className: t, ...a }, e) => {
+  const { variant: s } = r.useContext(d);
+  return /* @__PURE__ */ o(
+    "tfoot",
+    {
+      ref: e,
+      className: l(
+        i({ variant: s }),
+        "rst:border-t rst:font-medium rst:[&>tr]:last:border-b-0",
+        t
+      ),
+      ...a
+    }
+  );
+});
+x.displayName = "TableFooter";
+const C = r.forwardRef(({ className: t, ...a }, e) => {
+  const { variant: s, hoverable: n } = r.useContext(d);
+  return /* @__PURE__ */ o(
+    "tr",
+    {
+      ref: e,
+      className: l(N({ variant: s, hoverable: n }), t),
+      ...a
+    }
+  );
+});
+C.displayName = "TableRow";
+const R = r.forwardRef(({ className: t, ...a }, e) => {
+  const { variant: s, size: n } = r.useContext(d);
+  return /* @__PURE__ */ o(
+    "th",
+    {
+      ref: e,
+      className: l(p({ variant: s, size: n }), t),
+      ...a
+    }
+  );
+});
+R.displayName = "TableHead";
+const w = r.forwardRef(({ className: t, ...a }, e) => {
+  const { variant: s, size: n } = r.useContext(d);
+  return /* @__PURE__ */ o(
+    "td",
+    {
+      ref: e,
+      className: l(f({ variant: s, size: n }), t),
+      ...a
+    }
+  );
+});
+w.displayName = "TableCell";
+const v = r.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ o(
+  "caption",
+  {
+    ref: e,
+    className: l("rst:mt-4 rst:text-sm rst:text-gray-500 rst:dark:text-gray-400", t),
+    ...a
+  }
+));
+v.displayName = "TableCaption";
+export {
+  T as Table,
+  y as TableBody,
+  v as TableCaption,
+  w as TableCell,
+  x as TableFooter,
+  R as TableHead,
+  u as TableHeader,
+  C as TableRow
+};

package/dist/components/organisms/Table/table-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:relative rst:w-full rst:overflow-auto rst:rounded-md rst:transition-colors rst:duration-200",{variants:{variant:{default:"rst:border rst:border-gray-200 rst:dark:border-gray-800 rst:bg-white rst:dark:bg-gray-950",ghost:"rst:bg-transparent",subtle:"rst:border rst:border-gray-100 rst:dark:border-gray-800 rst:bg-gray-50 rst:dark:bg-gray-900",primary:"rst:border rst:border-primary-200 rst:dark:border-primary-900/50 rst:bg-white rst:dark:bg-gray-950 rst:elevation-raised"}},defaultVariants:{variant:"default"}}),a=r.cva("rst:w-full rst:caption-bottom",{variants:{size:{sm:"rst:text-xs",md:"rst:text-sm",lg:"rst:text-base"}},defaultVariants:{size:"md"}}),s=r.cva("rst:[&_tr]:border-b rst:transition-colors",{variants:{variant:{default:"rst:bg-gray-50 rst:dark:bg-gray-900 rst:border-gray-200 rst:dark:border-gray-800",ghost:"rst:bg-transparent rst:border-gray-200 rst:dark:border-gray-800",subtle:"rst:bg-gray-100/50 rst:dark:bg-gray-800/50 rst:border-gray-200 rst:dark:border-gray-800",primary:"rst:bg-primary-50 rst:dark:bg-primary-900/20 rst:border-primary-200 rst:dark:border-primary-900/50"}},defaultVariants:{variant:"default"}}),e=r.cva("rst:border-b rst:transition-colors rst:data-[state=selected]:bg-gray-100 rst:dark:data-[state=selected]:bg-gray-800",{variants:{variant:{default:"rst:border-gray-200 rst:dark:border-gray-800 rst:bg-white rst:dark:bg-gray-950",ghost:"rst:border-gray-100 rst:dark:border-gray-800 rst:bg-transparent",subtle:"rst:border-gray-200 rst:dark:border-gray-800 rst:bg-transparent",primary:"rst:border-primary-100 rst:dark:border-primary-900/50 rst:bg-white rst:dark:bg-gray-950"},hoverable:{true:"rst:cursor-pointer",false:""}},compoundVariants:[{variant:"default",hoverable:!0,className:"rst:hover:bg-gray-50/50 rst:dark:hover:bg-gray-800/50"},{variant:"ghost",hoverable:!0,className:"rst:hover:bg-gray-50 rst:dark:hover:bg-gray-900"},{variant:"subtle",hoverable:!0,className:"rst:hover:bg-gray-100 rst:dark:hover:bg-gray-800"},{variant:"primary",hoverable:!0,className:"rst:hover:bg-primary-50/50 rst:dark:hover:bg-primary-900/20"}],defaultVariants:{variant:"default",hoverable:!1}}),d=r.cva("rst:text-left rst:align-middle rst:font-semibold rst:tracking-wide rst:[&:has([role=checkbox])]:pr-0 rst:transition-colors",{variants:{variant:{default:"rst:text-gray-600 rst:dark:text-gray-400",ghost:"rst:text-gray-500 rst:dark:text-gray-400",subtle:"rst:text-gray-600 rst:dark:text-gray-400",primary:"rst:text-primary-800 rst:dark:text-primary-300"},size:{sm:"rst:h-10 rst:px-3",md:"rst:h-12 rst:px-4",lg:"rst:h-14 rst:px-6"}},defaultVariants:{variant:"default",size:"md"}}),i=r.cva("rst:align-middle rst:[&:has([role=checkbox])]:pr-0 rst:transition-colors",{variants:{variant:{default:"rst:text-gray-700 rst:dark:text-gray-300",ghost:"rst:text-gray-700 rst:dark:text-gray-300",subtle:"rst:text-gray-700 rst:dark:text-gray-300",primary:"rst:text-gray-800 rst:dark:text-gray-200"},size:{sm:"rst:p-3",md:"rst:p-4",lg:"rst:p-6 rst:py-5"}},defaultVariants:{variant:"default",size:"md"}});exports.tableCellVariants=i;exports.tableHeadVariants=d;exports.tableHeaderVariants=s;exports.tableRowVariants=e;exports.tableVariants=a;exports.tableWrapperVariants=t;

package/dist/components/organisms/Table/table-variants.js

@@ -0,0 +1,117 @@
+import { cva as r } from "../../../node_modules/class-variance-authority/dist/index.js";
+const a = /* @__PURE__ */ r(
+  "rst:font-ui rst:relative rst:w-full rst:overflow-auto rst:rounded-md rst:transition-colors rst:duration-200",
+  {
+    variants: {
+      variant: {
+        default: "rst:border rst:border-gray-200 rst:dark:border-gray-800 rst:bg-white rst:dark:bg-gray-950",
+        ghost: "rst:bg-transparent",
+        subtle: "rst:border rst:border-gray-100 rst:dark:border-gray-800 rst:bg-gray-50 rst:dark:bg-gray-900",
+        primary: "rst:border rst:border-primary-200 rst:dark:border-primary-900/50 rst:bg-white rst:dark:bg-gray-950 rst:elevation-raised"
+      }
+    },
+    defaultVariants: { variant: "default" }
+  }
+), s = /* @__PURE__ */ r("rst:w-full rst:caption-bottom", {
+  variants: {
+    size: {
+      sm: "rst:text-xs",
+      md: "rst:text-sm",
+      lg: "rst:text-base"
+    }
+  },
+  defaultVariants: { size: "md" }
+}), e = /* @__PURE__ */ r("rst:[&_tr]:border-b rst:transition-colors", {
+  variants: {
+    variant: {
+      default: "rst:bg-gray-50 rst:dark:bg-gray-900 rst:border-gray-200 rst:dark:border-gray-800",
+      ghost: "rst:bg-transparent rst:border-gray-200 rst:dark:border-gray-800",
+      subtle: "rst:bg-gray-100/50 rst:dark:bg-gray-800/50 rst:border-gray-200 rst:dark:border-gray-800",
+      primary: "rst:bg-primary-50 rst:dark:bg-primary-900/20 rst:border-primary-200 rst:dark:border-primary-900/50"
+    }
+  },
+  defaultVariants: { variant: "default" }
+}), d = /* @__PURE__ */ r(
+  "rst:border-b rst:transition-colors rst:data-[state=selected]:bg-gray-100 rst:dark:data-[state=selected]:bg-gray-800",
+  {
+    variants: {
+      variant: {
+        default: "rst:border-gray-200 rst:dark:border-gray-800 rst:bg-white rst:dark:bg-gray-950",
+        ghost: "rst:border-gray-100 rst:dark:border-gray-800 rst:bg-transparent",
+        subtle: "rst:border-gray-200 rst:dark:border-gray-800 rst:bg-transparent",
+        primary: "rst:border-primary-100 rst:dark:border-primary-900/50 rst:bg-white rst:dark:bg-gray-950"
+      },
+      hoverable: {
+        true: "rst:cursor-pointer",
+        false: ""
+      }
+    },
+    compoundVariants: [
+      {
+        variant: "default",
+        hoverable: !0,
+        className: "rst:hover:bg-gray-50/50 rst:dark:hover:bg-gray-800/50"
+      },
+      {
+        variant: "ghost",
+        hoverable: !0,
+        className: "rst:hover:bg-gray-50 rst:dark:hover:bg-gray-900"
+      },
+      {
+        variant: "subtle",
+        hoverable: !0,
+        className: "rst:hover:bg-gray-100 rst:dark:hover:bg-gray-800"
+      },
+      {
+        variant: "primary",
+        hoverable: !0,
+        className: "rst:hover:bg-primary-50/50 rst:dark:hover:bg-primary-900/20"
+      }
+    ],
+    defaultVariants: { variant: "default", hoverable: !1 }
+  }
+), o = /* @__PURE__ */ r(
+  "rst:text-left rst:align-middle rst:font-semibold rst:tracking-wide rst:[&:has([role=checkbox])]:pr-0 rst:transition-colors",
+  {
+    variants: {
+      variant: {
+        default: "rst:text-gray-600 rst:dark:text-gray-400",
+        ghost: "rst:text-gray-500 rst:dark:text-gray-400",
+        subtle: "rst:text-gray-600 rst:dark:text-gray-400",
+        primary: "rst:text-primary-800 rst:dark:text-primary-300"
+      },
+      size: {
+        sm: "rst:h-10 rst:px-3",
+        md: "rst:h-12 rst:px-4",
+        lg: "rst:h-14 rst:px-6"
+      }
+    },
+    defaultVariants: { variant: "default", size: "md" }
+  }
+), g = /* @__PURE__ */ r(
+  "rst:align-middle rst:[&:has([role=checkbox])]:pr-0 rst:transition-colors",
+  {
+    variants: {
+      variant: {
+        default: "rst:text-gray-700 rst:dark:text-gray-300",
+        ghost: "rst:text-gray-700 rst:dark:text-gray-300",
+        subtle: "rst:text-gray-700 rst:dark:text-gray-300",
+        primary: "rst:text-gray-800 rst:dark:text-gray-200"
+      },
+      size: {
+        sm: "rst:p-3",
+        md: "rst:p-4",
+        lg: "rst:p-6 rst:py-5"
+      }
+    },
+    defaultVariants: { variant: "default", size: "md" }
+  }
+);
+export {
+  g as tableCellVariants,
+  o as tableHeadVariants,
+  e as tableHeaderVariants,
+  d as tableRowVariants,
+  s as tableVariants,
+  a as tableWrapperVariants
+};

package/dist/data-table.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/organisms/DataTable/DataTable.cjs");exports.DataTable=e.DataTable;

package/dist/data-table.js

@@ -0,0 +1,5 @@
+"use client";
+import { DataTable as t } from "./components/organisms/DataTable/DataTable.js";
+export {
+  t as DataTable
+};

package/dist/hooks/useCountdown.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),l=require("../node_modules/date-fns/isAfter.cjs"),f=require("../node_modules/date-fns/intervalToDuration.cjs"),m=u=>{const e=u.getTime(),n=i.useCallback(()=>{const t=new Date,s=new Date(e);if(l.isAfter(t,s))return{days:0,hours:0,minutes:0,seconds:0,isFinished:!0};const r=f.intervalToDuration({start:t,end:s});return{days:r.days??0,hours:r.hours??0,minutes:r.minutes??0,seconds:r.seconds??0,isFinished:!1}},[e]),[a,o]=i.useState(n),[c,d]=i.useState(e);return Object.is(c,e)||(d(e),o(n())),i.useEffect(()=>{if(Number.isNaN(e))return;const t=setInterval(()=>{const s=n();o(s),s.isFinished&&clearInterval(t)},1e3);return()=>clearInterval(t)},[e,n]),a};exports.useCountdown=m;

package/dist/hooks/useCountdown.js

@@ -0,0 +1,32 @@
+import { useCallback as m, useState as o, useEffect as f } from "react";
+import { isAfter as l } from "../node_modules/date-fns/isAfter.js";
+import { intervalToDuration as h } from "../node_modules/date-fns/intervalToDuration.js";
+const F = (a) => {
+  const e = a.getTime(), n = m(() => {
+    const t = /* @__PURE__ */ new Date(), s = new Date(e);
+    if (l(t, s))
+      return { days: 0, hours: 0, minutes: 0, seconds: 0, isFinished: !0 };
+    const r = h({
+      start: t,
+      end: s
+    });
+    return {
+      days: r.days ?? 0,
+      hours: r.hours ?? 0,
+      minutes: r.minutes ?? 0,
+      seconds: r.seconds ?? 0,
+      isFinished: !1
+    };
+  }, [e]), [u, i] = o(n), [c, d] = o(e);
+  return Object.is(c, e) || (d(e), i(n())), f(() => {
+    if (Number.isNaN(e)) return;
+    const t = setInterval(() => {
+      const s = n();
+      i(s), s.isFinished && clearInterval(t);
+    }, 1e3);
+    return () => clearInterval(t);
+  }, [e, n]), u;
+};
+export {
+  F as useCountdown
+};

package/dist/hooks/useKeySequence.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),y={timeout:1500,ignoreCase:!0,preventDefault:!1,enabled:!0,ignoreWhenTyping:!0},T=["ArrowUp","ArrowUp","ArrowDown","ArrowDown","ArrowLeft","ArrowRight","ArrowLeft","ArrowRight","b","a","Enter"];function D(e){if(!(e instanceof HTMLElement))return!1;if(e.isContentEditable)return!0;const t=e.getAttribute("contenteditable");return t!==null&&t!=="false"?!0:["INPUT","TEXTAREA","SELECT"].includes(e.tagName)}function b(e,t,p={}){const{timeout:u,ignoreCase:s,preventDefault:c,enabled:f,ignoreWhenTyping:a}={...y,...p},r=o.useRef(0),l=o.useRef(0),w=o.useRef(t);o.useEffect(()=>{w.current=t},[t]),o.useEffect(()=>{if(!f||e.length===0)return;const d=n=>s?n.toLowerCase():n,i=e.map(d);function g(n){if(a&&D(n.target))return;const A=Date.now();u>0&&r.current>0&&A-l.current>u&&(r.current=0),l.current=A;const E=d(n.key);if(E===i[r.current]){c&&n.preventDefault(),r.current+=1,r.current===i.length&&(r.current=0,w.current());return}r.current=E===i[0]?1:0}return window.addEventListener("keydown",g),()=>window.removeEventListener("keydown",g)},[e,u,s,c,f,a])}exports.KONAMI_CODE=T;exports.useKeySequence=b;

package/dist/hooks/useKeySequence.js

@@ -0,0 +1,54 @@
+import { useRef as u, useEffect as E } from "react";
+const m = {
+  timeout: 1500,
+  ignoreCase: !0,
+  preventDefault: !1,
+  enabled: !0,
+  ignoreWhenTyping: !0
+}, L = [
+  "ArrowUp",
+  "ArrowUp",
+  "ArrowDown",
+  "ArrowDown",
+  "ArrowLeft",
+  "ArrowRight",
+  "ArrowLeft",
+  "ArrowRight",
+  "b",
+  "a",
+  "Enter"
+];
+function D(e) {
+  if (!(e instanceof HTMLElement)) return !1;
+  if (e.isContentEditable) return !0;
+  const t = e.getAttribute("contenteditable");
+  return t !== null && t !== "false" ? !0 : ["INPUT", "TEXTAREA", "SELECT"].includes(e.tagName);
+}
+function b(e, t, T = {}) {
+  const { timeout: o, ignoreCase: c, preventDefault: s, enabled: f, ignoreWhenTyping: a } = {
+    ...m,
+    ...T
+  }, r = u(0), l = u(0), w = u(t);
+  E(() => {
+    w.current = t;
+  }, [t]), E(() => {
+    if (!f || e.length === 0) return;
+    const d = (n) => c ? n.toLowerCase() : n, i = e.map(d);
+    function A(n) {
+      if (a && D(n.target)) return;
+      const g = Date.now();
+      o > 0 && r.current > 0 && g - l.current > o && (r.current = 0), l.current = g;
+      const p = d(n.key);
+      if (p === i[r.current]) {
+        s && n.preventDefault(), r.current += 1, r.current === i.length && (r.current = 0, w.current());
+        return;
+      }
+      r.current = p === i[0] ? 1 : 0;
+    }
+    return window.addEventListener("keydown", A), () => window.removeEventListener("keydown", A);
+  }, [e, o, c, s, f, a]);
+}
+export {
+  L as KONAMI_CODE,
+  b as useKeySequence
+};

package/dist/internal/PopupOption.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime");require("react");const o=require("../node_modules/@fortawesome/react-fontawesome/dist/index.cjs"),c=require("../node_modules/@fortawesome/free-solid-svg-icons/index.cjs"),s=require("../lib/utils.cjs"),l=require("../components/atoms/Select/select-variants.cjs");function u({as:r,value:n,disabled:a,size:e,children:i}){return t.jsxs(r,{value:n,disabled:a,className:s.cn(l.selectOptionVariants({size:e})),children:[t.jsx("span",{className:"rst:block rst:truncate rst:font-normal rst:group-data-selected:font-semibold",children:i}),t.jsx("span",{className:s.cn("rst:absolute rst:inset-y-0 rst:right-0 rst:hidden rst:items-center rst:text-primary-600 rst:dark:text-primary-400 rst:group-data-selected:flex",e==="sm"?"rst:pr-3":"rst:pr-4"),children:t.jsx(o.FontAwesomeIcon,{icon:c.faCheck,className:"rst:h-3.5 rst:w-3.5"})})]})}exports.PopupOption=u;

package/dist/internal/PopupOption.js

@@ -0,0 +1,38 @@
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import "react";
+import { FontAwesomeIcon as i } from "../node_modules/@fortawesome/react-fontawesome/dist/index.js";
+import { faCheck as p } from "../node_modules/@fortawesome/free-solid-svg-icons/index.js";
+import { cn as s } from "../lib/utils.js";
+import { selectOptionVariants as c } from "../components/atoms/Select/select-variants.js";
+function N({
+  as: e,
+  value: o,
+  disabled: a,
+  size: r,
+  children: m
+}) {
+  return /* @__PURE__ */ n(
+    e,
+    {
+      value: o,
+      disabled: a,
+      className: s(c({ size: r })),
+      children: [
+        /* @__PURE__ */ t("span", { className: "rst:block rst:truncate rst:font-normal rst:group-data-selected:font-semibold", children: m }),
+        /* @__PURE__ */ t(
+          "span",
+          {
+            className: s(
+              "rst:absolute rst:inset-y-0 rst:right-0 rst:hidden rst:items-center rst:text-primary-600 rst:dark:text-primary-400 rst:group-data-selected:flex",
+              r === "sm" ? "rst:pr-3" : "rst:pr-4"
+            ),
+            children: /* @__PURE__ */ t(i, { icon: p, className: "rst:h-3.5 rst:w-3.5" })
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  N as PopupOption
+};

package/dist/internal/popup.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react");function a(t){const e=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(e,r,n.get?n:{enumerable:!0,get:()=>t[r]})}}return e.default=t,Object.freeze(e)}const o=a(s);function c(){const t=o.useRef(null),[e,r]=o.useState(!1);return o.useLayoutEffect(()=>{r(!!t.current?.closest(".dark"))},[]),{ref:t,inDarkScope:e}}const u=["rst:font-ui","rst:z-50 rst:rounded-md rst:py-1 rst:elevation-anchored rst:ring-1 rst:focus:outline-hidden","rst:bg-[var(--roster-popover-bg)] rst:text-[var(--roster-popover-text)] rst:ring-[var(--roster-popover-border)]","rst:[--anchor-gap:4px]"].join(" ");function P(t,e){return t||e==="slate"}const p="rst:w-(--button-width)",i="rst:w-(--input-width)",O="bottom start";exports.POPUP_ANCHOR=O;exports.POPUP_PANEL=u;exports.POPUP_WIDTH_OF_BUTTON=p;exports.POPUP_WIDTH_OF_INPUT=i;exports.popupInDarkPalette=P;exports.useDarkScope=c;

package/dist/internal/popup.js

@@ -0,0 +1,28 @@
+import * as o from "react";
+function s() {
+  const t = o.useRef(null), [r, e] = o.useState(!1);
+  return o.useLayoutEffect(() => {
+    e(!!t.current?.closest(".dark"));
+  }, []), { ref: t, inDarkScope: r };
+}
+const n = [
+  /* `font-ui` on the panel, not on each row. Put on the rows it is missed by
+     anything else in the panel — the empty message rendered in the host's
+     prose face while the options beside it did not. */
+  "rst:font-ui",
+  "rst:z-50 rst:rounded-md rst:py-1 rst:elevation-anchored rst:ring-1 rst:focus:outline-hidden",
+  "rst:bg-[var(--roster-popover-bg)] rst:text-[var(--roster-popover-text)] rst:ring-[var(--roster-popover-border)]",
+  "rst:[--anchor-gap:4px]"
+].join(" ");
+function a(t, r) {
+  return t || r === "slate";
+}
+const c = "rst:w-(--button-width)", p = "rst:w-(--input-width)", u = "bottom start";
+export {
+  u as POPUP_ANCHOR,
+  n as POPUP_PANEL,
+  c as POPUP_WIDTH_OF_BUTTON,
+  p as POPUP_WIDTH_OF_INPUT,
+  a as popupInDarkPalette,
+  s as useDarkScope
+};

package/dist/lib/utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../node_modules/clsx/dist/clsx.cjs"),r=require("../node_modules/tailwind-merge/dist/bundle-mjs.cjs"),t=r.extendTailwindMerge({prefix:"rst",extend:{classGroups:{shadow:["elevation-raised","elevation-anchored","elevation-overlay"]}}});function o(...e){return t(n.clsx(e))}exports.cn=o;

package/dist/lib/utils.js

@@ -0,0 +1,27 @@
+import { clsx as r } from "../node_modules/clsx/dist/clsx.js";
+import { extendTailwindMerge as o } from "../node_modules/tailwind-merge/dist/bundle-mjs.js";
+const n = /* @__PURE__ */ o({
+  prefix: "rst",
+  extend: {
+    classGroups: {
+      /* The elevation levels are custom utilities, so tailwind-merge does not
+         know they set `box-shadow` and conflict with `shadow-*` and with each
+         other. Without this, `cn(cardVariants(), "rst:elevation-overlay")`
+         kept BOTH and the winner fell to stylesheet order — which emits
+         anchored, overlay, raised, so the family resolved in the inverse of
+         its own depth order and a consumer's override was a no-op. Exactly the
+         degradation the comment above describes, on the newest utility. */
+      shadow: [
+        "elevation-raised",
+        "elevation-anchored",
+        "elevation-overlay"
+      ]
+    }
+  }
+});
+function a(...e) {
+  return n(r(e));
+}
+export {
+  a as cn
+};

package/dist/meta.json

@@ -1,5 +1,5 @@
 {
-  "version": "4.12.1",
+  "version": "4.13.0",
   "tests": 1420,
   "testFiles": 111
 }

package/dist/node_modules/@floating-ui/core/dist/floating-ui.core.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../utils/dist/floating-ui.utils.cjs");function V(n,t,g){let{reference:l,floating:m}=n;const i=e.getSideAxis(t),o=e.getAlignmentAxis(t),c=e.getAxisLength(o),u=e.getSide(t),v=i==="y",f=l.x+l.width/2-m.width/2,a=l.y+l.height/2-m.height/2,d=l[c]/2-m[c]/2;let s;switch(u){case"top":s={x:f,y:l.y-m.height};break;case"bottom":s={x:f,y:l.y+l.height};break;case"right":s={x:l.x+l.width,y:a};break;case"left":s={x:l.x-m.width,y:a};break;default:s={x:l.x,y:l.y}}switch(e.getAlignment(t)){case"start":s[o]-=d*(g&&v?-1:1);break;case"end":s[o]+=d*(g&&v?-1:1);break}return s}async function W(n,t){var g;t===void 0&&(t={});const{x:l,y:m,platform:i,rects:o,elements:c,strategy:u}=n,{boundary:v="clippingAncestors",rootBoundary:f="viewport",elementContext:a="floating",altBoundary:d=!1,padding:s=0}=e.evaluate(t,n),r=e.getPaddingObject(s),x=c[d?a==="floating"?"reference":"floating":a],A=e.rectToClientRect(await i.getClippingRect({element:(g=await(i.isElement==null?void 0:i.isElement(x)))==null||g?x:x.contextElement||await(i.getDocumentElement==null?void 0:i.getDocumentElement(c.floating)),boundary:v,rootBoundary:f,strategy:u})),y=a==="floating"?{x:l,y:m,width:o.floating.width,height:o.floating.height}:o.reference,h=await(i.getOffsetParent==null?void 0:i.getOffsetParent(c.floating)),p=await(i.isElement==null?void 0:i.isElement(h))?await(i.getScale==null?void 0:i.getScale(h))||{x:1,y:1}:{x:1,y:1},b=e.rectToClientRect(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({elements:c,rect:y,offsetParent:h,strategy:u}):y);return{top:(A.top-b.top+r.top)/p.y,bottom:(b.bottom-A.bottom+r.bottom)/p.y,left:(A.left-b.left+r.left)/p.x,right:(b.right-A.right+r.right)/p.x}}const X=async(n,t,g)=>{const{placement:l="bottom",strategy:m="absolute",middleware:i=[],platform:o}=g,c=i.filter(Boolean),u=await(o.isRTL==null?void 0:o.isRTL(t));let v=await o.getElementRects({reference:n,floating:t,strategy:m}),{x:f,y:a}=V(v,l,u),d=l,s={},r=0;for(let x=0;x<c.length;x++){var w;const{name:A,fn:y}=c[x],{x:h,y:p,data:b,reset:O}=await y({x:f,y:a,initialPlacement:l,placement:d,strategy:m,middlewareData:s,rects:v,platform:{...o,detectOverflow:(w=o.detectOverflow)!=null?w:W},elements:{reference:n,floating:t}});f=h??f,a=p??a,s={...s,[A]:{...s[A],...b}},O&&r<=50&&(r++,typeof O=="object"&&(O.placement&&(d=O.placement),O.rects&&(v=O.rects===!0?await o.getElementRects({reference:n,floating:t,strategy:m}):O.rects),{x:f,y:a}=V(v,d,u)),x=-1)}return{x:f,y:a,placement:d,strategy:m,middlewareData:s}},_=n=>({name:"arrow",options:n,async fn(t){const{x:g,y:l,placement:m,rects:i,platform:o,elements:c,middlewareData:u}=t,{element:v,padding:f=0}=e.evaluate(n,t)||{};if(v==null)return{};const a=e.getPaddingObject(f),d={x:g,y:l},s=e.getAlignmentAxis(m),r=e.getAxisLength(s),w=await o.getDimensions(v),x=s==="y",A=x?"top":"left",y=x?"bottom":"right",h=x?"clientHeight":"clientWidth",p=i.reference[r]+i.reference[s]-d[s]-i.floating[r],b=d[s]-i.reference[s],O=await(o.getOffsetParent==null?void 0:o.getOffsetParent(v));let C=O?O[h]:0;(!C||!await(o.isElement==null?void 0:o.isElement(O)))&&(C=c.floating[h]||i.floating[r]);const M=p/2-b/2,D=C/2-w[r]/2-1,P=e.min(a[A],D),L=e.min(a[y],D),T=P,H=C-w[r]-L,S=C/2-w[r]/2+M,F=e.clamp(T,S,H),E=!u.arrow&&e.getAlignment(m)!=null&&S!==F&&i.reference[r]/2-(S<T?P:L)-w[r]/2<0,R=E?S<T?S-T:S-H:0;return{[s]:d[s]+R,data:{[s]:F,centerOffset:S-F-R,...E&&{alignmentOffset:R}},reset:E}}}),q=function(n){return n===void 0&&(n={}),{name:"flip",options:n,async fn(t){var g,l;const{placement:m,middlewareData:i,rects:o,initialPlacement:c,platform:u,elements:v}=t,{mainAxis:f=!0,crossAxis:a=!0,fallbackPlacements:d,fallbackStrategy:s="bestFit",fallbackAxisSideDirection:r="none",flipAlignment:w=!0,...x}=e.evaluate(n,t);if((g=i.arrow)!=null&&g.alignmentOffset)return{};const A=e.getSide(m),y=e.getSideAxis(c),h=e.getSide(c)===c,p=await(u.isRTL==null?void 0:u.isRTL(v.floating)),b=d||(h||!w?[e.getOppositePlacement(c)]:e.getExpandedPlacements(c)),O=r!=="none";!d&&O&&b.push(...e.getOppositeAxisPlacements(c,w,r,p));const C=[c,...b],M=await u.detectOverflow(t,x),D=[];let P=((l=i.flip)==null?void 0:l.overflows)||[];if(f&&D.push(M[A]),a){const S=e.getAlignmentSides(m,o,p);D.push(M[S[0]],M[S[1]])}if(P=[...P,{placement:m,overflows:D}],!D.every(S=>S<=0)){var L,T;const S=(((L=i.flip)==null?void 0:L.index)||0)+1,F=C[S];if(F&&(!(a==="alignment"?y!==e.getSideAxis(F):!1)||P.every(k=>e.getSideAxis(k.placement)===y?k.overflows[0]>0:!0)))return{data:{index:S,overflows:P},reset:{placement:F}};let E=(T=P.filter(R=>R.overflows[0]<=0).sort((R,k)=>R.overflows[1]-k.overflows[1])[0])==null?void 0:T.placement;if(!E)switch(s){case"bestFit":{var H;const R=(H=P.filter(k=>{if(O){const j=e.getSideAxis(k.placement);return j===y||j==="y"}return!0}).map(k=>[k.placement,k.overflows.filter(j=>j>0).reduce((j,$)=>j+$,0)]).sort((k,j)=>k[1]-j[1])[0])==null?void 0:H[0];R&&(E=R);break}case"initialPlacement":E=c;break}if(m!==E)return{reset:{placement:E}}}return{}}}};function B(n,t){return{top:n.top-t.height,right:n.right-t.width,bottom:n.bottom-t.height,left:n.left-t.width}}function z(n){return e.sides.some(t=>n[t]>=0)}const I=function(n){return n===void 0&&(n={}),{name:"hide",options:n,async fn(t){const{rects:g,platform:l}=t,{strategy:m="referenceHidden",...i}=e.evaluate(n,t);switch(m){case"referenceHidden":{const o=await l.detectOverflow(t,{...i,elementContext:"reference"}),c=B(o,g.reference);return{data:{referenceHiddenOffsets:c,referenceHidden:z(c)}}}case"escaped":{const o=await l.detectOverflow(t,{...i,altBoundary:!0}),c=B(o,g.floating);return{data:{escapedOffsets:c,escaped:z(c)}}}default:return{}}}}},Y=new Set(["left","top"]);async function U(n,t){const{placement:g,platform:l,elements:m}=n,i=await(l.isRTL==null?void 0:l.isRTL(m.floating)),o=e.getSide(g),c=e.getAlignment(g),u=e.getSideAxis(g)==="y",v=Y.has(o)?-1:1,f=i&&u?-1:1,a=e.evaluate(t,n);let{mainAxis:d,crossAxis:s,alignmentAxis:r}=typeof a=="number"?{mainAxis:a,crossAxis:0,alignmentAxis:null}:{mainAxis:a.mainAxis||0,crossAxis:a.crossAxis||0,alignmentAxis:a.alignmentAxis};return c&&typeof r=="number"&&(s=c==="end"?r*-1:r),u?{x:s*f,y:d*v}:{x:d*v,y:s*f}}const G=function(n){return n===void 0&&(n=0),{name:"offset",options:n,async fn(t){var g,l;const{x:m,y:i,placement:o,middlewareData:c}=t,u=await U(t,n);return o===((g=c.offset)==null?void 0:g.placement)&&(l=c.arrow)!=null&&l.alignmentOffset?{}:{x:m+u.x,y:i+u.y,data:{...u,placement:o}}}}},J=function(n){return n===void 0&&(n={}),{name:"shift",options:n,async fn(t){const{x:g,y:l,placement:m,platform:i}=t,{mainAxis:o=!0,crossAxis:c=!1,limiter:u={fn:A=>{let{x:y,y:h}=A;return{x:y,y:h}}},...v}=e.evaluate(n,t),f={x:g,y:l},a=await i.detectOverflow(t,v),d=e.getSideAxis(e.getSide(m)),s=e.getOppositeAxis(d);let r=f[s],w=f[d];if(o){const A=s==="y"?"top":"left",y=s==="y"?"bottom":"right",h=r+a[A],p=r-a[y];r=e.clamp(h,r,p)}if(c){const A=d==="y"?"top":"left",y=d==="y"?"bottom":"right",h=w+a[A],p=w-a[y];w=e.clamp(h,w,p)}const x=u.fn({...t,[s]:r,[d]:w});return{...x,data:{x:x.x-g,y:x.y-l,enabled:{[s]:o,[d]:c}}}}}},K=function(n){return n===void 0&&(n={}),{options:n,fn(t){const{x:g,y:l,placement:m,rects:i,middlewareData:o}=t,{offset:c=0,mainAxis:u=!0,crossAxis:v=!0}=e.evaluate(n,t),f={x:g,y:l},a=e.getSideAxis(m),d=e.getOppositeAxis(a);let s=f[d],r=f[a];const w=e.evaluate(c,t),x=typeof w=="number"?{mainAxis:w,crossAxis:0}:{mainAxis:0,crossAxis:0,...w};if(u){const h=d==="y"?"height":"width",p=i.reference[d]-i.floating[h]+x.mainAxis,b=i.reference[d]+i.reference[h]-x.mainAxis;s<p?s=p:s>b&&(s=b)}if(v){var A,y;const h=d==="y"?"width":"height",p=Y.has(e.getSide(m)),b=i.reference[a]-i.floating[h]+(p&&((A=o.offset)==null?void 0:A[a])||0)+(p?0:x.crossAxis),O=i.reference[a]+i.reference[h]+(p?0:((y=o.offset)==null?void 0:y[a])||0)-(p?x.crossAxis:0);r<b?r=b:r>O&&(r=O)}return{[d]:s,[a]:r}}}},N=function(n){return n===void 0&&(n={}),{name:"size",options:n,async fn(t){var g,l;const{placement:m,rects:i,platform:o,elements:c}=t,{apply:u=()=>{},...v}=e.evaluate(n,t),f=await o.detectOverflow(t,v),a=e.getSide(m),d=e.getAlignment(m),s=e.getSideAxis(m)==="y",{width:r,height:w}=i.floating;let x,A;a==="top"||a==="bottom"?(x=a,A=d===(await(o.isRTL==null?void 0:o.isRTL(c.floating))?"start":"end")?"left":"right"):(A=a,x=d==="end"?"top":"bottom");const y=w-f.top-f.bottom,h=r-f.left-f.right,p=e.min(w-f[x],y),b=e.min(r-f[A],h),O=!t.middlewareData.shift;let C=p,M=b;if((g=t.middlewareData.shift)!=null&&g.enabled.x&&(M=h),(l=t.middlewareData.shift)!=null&&l.enabled.y&&(C=y),O&&!d){const P=e.max(f.left,0),L=e.max(f.right,0),T=e.max(f.top,0),H=e.max(f.bottom,0);s?M=r-2*(P!==0||L!==0?P+L:e.max(f.left,f.right)):C=w-2*(T!==0||H!==0?T+H:e.max(f.top,f.bottom))}await u({...t,availableWidth:M,availableHeight:C});const D=await o.getDimensions(c.floating);return r!==D.width||w!==D.height?{reset:{rects:!0}}:{}}}};exports.rectToClientRect=e.rectToClientRect;exports.arrow=_;exports.computePosition=X;exports.detectOverflow=W;exports.flip=q;exports.hide=I;exports.limitShift=K;exports.offset=G;exports.shift=J;exports.size=N;