@blakesteve/roster 4.12.1 → 4.13.0

package/dist/components/molecules/Toast/toast-variants.js

@@ -0,0 +1,83 @@
+import { cva as r } from "../../../node_modules/class-variance-authority/dist/index.js";
+const t = /* @__PURE__ */ r(
+  "rst:font-ui rst:pointer-events-auto rst:flex rst:items-start rst:gap-2.5 rst:rounded-lg rst:border rst:elevation-overlay rst:px-4 rst:py-3 rst:text-sm",
+  {
+    variants: {
+      colorScheme: {
+        success: "",
+        error: "",
+        amber: "",
+        info: "",
+        primary: "",
+        neutral: ""
+      },
+      variant: {
+        soft: "",
+        solid: "",
+        /* The surface is neutral and the tone lives on the border and icon;
+           see the compound variants for why a colored fill could not work.
+           60%, which is as far as the neutral ink allows: the worst case is
+           4.69:1 in dark over a white backdrop, and 55% takes that to 4.00.
+           The blur is what makes even this safe, by muddying the backdrop
+           before it shows through. */
+        glass: "rst:bg-white/60 rst:text-gray-900 rst:backdrop-blur-xl rst:dark:bg-slate-900/60 rst:dark:text-white"
+      }
+    },
+    compoundVariants: [
+      /* Soft: the tinted fill, the same language `Alert` speaks. Quiet enough
+         that a stack of them does not shout, which is the common case. */
+      { variant: "soft", colorScheme: "success", className: "rst:border-success-300 rst:bg-success-50 rst:text-success-800 rst:dark:border-success-500/40 rst:dark:bg-success-900 rst:dark:text-success-200" },
+      { variant: "soft", colorScheme: "error", className: "rst:border-error-300 rst:bg-error-50 rst:text-error-800 rst:dark:border-error-500/40 rst:dark:bg-error-900 rst:dark:text-error-200" },
+      { variant: "soft", colorScheme: "amber", className: "rst:border-amber-300 rst:bg-amber-50 rst:text-amber-900 rst:dark:border-amber-500/40 rst:dark:bg-amber-900 rst:dark:text-amber-200" },
+      { variant: "soft", colorScheme: "info", className: "rst:border-info-300 rst:bg-info-50 rst:text-info-800 rst:dark:border-info-500/40 rst:dark:bg-info-900 rst:dark:text-info-200" },
+      { variant: "soft", colorScheme: "primary", className: "rst:border-primary-300 rst:bg-primary-50 rst:text-primary-800 rst:dark:border-primary-500/40 rst:dark:bg-primary-900 rst:dark:text-primary-200" },
+      /* Neutral soft takes the floating-surface tokens rather than a gray
+         step, because a toast with no semantic color IS the popover surface,
+         and a consumer who has themed their menus expects this to follow. */
+      { variant: "soft", colorScheme: "neutral", className: "rst:border-[var(--roster-popover-border)] rst:bg-[var(--roster-popover-bg)] rst:text-[var(--roster-popover-text)]" },
+      /* Solid: the `-500` fills and per-fill ink tokens, step for step with
+               Pill and Chip, so the three do not disagree about what a solid
+               success looks like. The border matches the fill so the shape stays
+               one object rather than a fill inside a ring.
+      
+               Worth having because a tint is a gamble over arbitrary page content:
+               `bg-success-50` on a white page is a whisper, and over a photograph
+               it is illegible. Solid is the choice for a toast that has to land. */
+      { variant: "solid", colorScheme: "success", className: "rst:border-success-500 rst:bg-success-500 rst:text-success-500-ink" },
+      { variant: "solid", colorScheme: "error", className: "rst:border-error-500 rst:bg-error-500 rst:text-error-500-ink" },
+      { variant: "solid", colorScheme: "amber", className: "rst:border-amber-500 rst:bg-amber-500 rst:text-amber-500-ink" },
+      { variant: "solid", colorScheme: "info", className: "rst:border-info-500 rst:bg-info-500 rst:text-info-500-ink" },
+      { variant: "solid", colorScheme: "primary", className: "rst:border-primary-500 rst:bg-primary-500 rst:text-primary-500-ink" },
+      { variant: "solid", colorScheme: "neutral", className: "rst:border-gray-600 rst:bg-gray-600 rst:text-gray-600-ink rst:dark:border-gray-500 rst:dark:bg-gray-500 rst:dark:text-gray-500-ink" },
+      /* Glass: a neutral translucent surface, with the tone on the border and
+               NOTHING else.
+      
+               The text stays neutral for every scheme, which is the correction that
+               matters. A colored fill was the first attempt and measured 2.60:1;
+               replacing it with colored TEXT on a neutral fill reproduced the same
+               failure one layer over — `text-info-700` on `bg-white/70` above a dark
+               backdrop is 2.81:1, worse than the number that condemned the original.
+               Under glass, anything whose contrast depends on the backdrop is a
+               guess, and only the neutral ink is safe in both directions: 17.49 over
+               white, 8.29 over black, 10.96 over a brand color, and 6.64 / 18.98 /
+               13.87 in dark.
+      
+               So the border is the whole tone signal. That is less than `soft` and
+               `solid` carry, and it is the honest cost of a surface that does not
+               know what is behind it. */
+      { variant: "glass", colorScheme: "success", className: "rst:border-success-400/60" },
+      { variant: "glass", colorScheme: "error", className: "rst:border-error-400/60" },
+      { variant: "glass", colorScheme: "amber", className: "rst:border-amber-400/60" },
+      { variant: "glass", colorScheme: "info", className: "rst:border-info-400/60" },
+      { variant: "glass", colorScheme: "primary", className: "rst:border-primary-400/60" },
+      { variant: "glass", colorScheme: "neutral", className: "rst:border-white/30 rst:dark:border-slate-700/50" }
+    ],
+    defaultVariants: {
+      colorScheme: "neutral",
+      variant: "soft"
+    }
+  }
+);
+export {
+  t as toastVariants
+};

package/dist/components/organisms/ActionBar/ActionBar.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),x=require("react"),f=require("../../../lib/utils.cjs"),j=require("./action-bar-variants.cjs"),c=x.forwardRef(({title:r,subtitle:t,badge:e,actions:a,children:i,position:n,variant:l,className:m,...o},d)=>s.jsx("div",{ref:d,className:f.cn(j.actionBarVariants({variant:l,position:n}),m),...o,children:s.jsxs("div",{className:"rst:container rst:mx-auto rst:p-4",children:[s.jsxs("div",{className:"rst:flex rst:justify-between rst:items-center",children:[s.jsxs("div",{className:"rst:flex rst:flex-col rst:sm:flex-row rst:sm:items-center rst:gap-x-4 rst:gap-y-2",children:[r&&s.jsx("span",{className:"rst:font-semibold rst:text-lg",children:r}),e&&s.jsx("div",{className:"rst:max-w-44 rst:sm:max-w-max rst:mr-2",children:e})]}),a&&s.jsx("div",{className:"rst:flex rst:gap-2",children:a})]}),t&&s.jsx("div",{className:"rst:text-sm rst:opacity-80 rst:mt-1 rst:font-medium",children:t}),i&&s.jsx("div",{className:"rst:flex rst:flex-wrap rst:items-center rst:mt-4 rst:pt-4 rst:border-t rst:border-black/10 rst:dark:border-white/10 rst:gap-y-2",children:i})]})}));c.displayName="ActionBar";exports.ActionBar=c;

package/dist/components/organisms/ActionBar/ActionBar.js

@@ -0,0 +1,39 @@
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
+import { forwardRef as x } from "react";
+import { cn as f } from "../../../lib/utils.js";
+import { actionBarVariants as p } from "./action-bar-variants.js";
+const N = x(
+  ({
+    title: t,
+    subtitle: e,
+    badge: a,
+    actions: m,
+    children: i,
+    position: c,
+    variant: l,
+    className: o,
+    ...d
+  }, n) => /* @__PURE__ */ r(
+    "div",
+    {
+      ref: n,
+      className: f(p({ variant: l, position: c }), o),
+      ...d,
+      children: /* @__PURE__ */ s("div", { className: "rst:container rst:mx-auto rst:p-4", children: [
+        /* @__PURE__ */ s("div", { className: "rst:flex rst:justify-between rst:items-center", children: [
+          /* @__PURE__ */ s("div", { className: "rst:flex rst:flex-col rst:sm:flex-row rst:sm:items-center rst:gap-x-4 rst:gap-y-2", children: [
+            t && /* @__PURE__ */ r("span", { className: "rst:font-semibold rst:text-lg", children: t }),
+            a && /* @__PURE__ */ r("div", { className: "rst:max-w-44 rst:sm:max-w-max rst:mr-2", children: a })
+          ] }),
+          m && /* @__PURE__ */ r("div", { className: "rst:flex rst:gap-2", children: m })
+        ] }),
+        e && /* @__PURE__ */ r("div", { className: "rst:text-sm rst:opacity-80 rst:mt-1 rst:font-medium", children: e }),
+        i && /* @__PURE__ */ r("div", { className: "rst:flex rst:flex-wrap rst:items-center rst:mt-4 rst:pt-4 rst:border-t rst:border-black/10 rst:dark:border-white/10 rst:gap-y-2", children: i })
+      ] })
+    }
+  )
+);
+N.displayName = "ActionBar";
+export {
+  N as ActionBar
+};

package/dist/components/organisms/ActionBar/action-bar-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:w-full rst:z-40 rst:elevation-anchored rst:backdrop-blur-md rst:transition-all",{variants:{variant:{default:"rst:bg-white/50 rst:border-gray-200 rst:text-gray-900 rst:dark:bg-gray-950/50 rst:dark:border-gray-800 rst:dark:text-gray-100",soft:"rst:bg-gray-50/50 rst:border-gray-200 rst:text-gray-900 rst:dark:bg-gray-900/50 rst:dark:border-gray-800 rst:dark:text-gray-100",primary:"rst:bg-primary-700/50 rst:border-primary-800 rst:text-white rst:dark:bg-primary-950/50 rst:dark:border-primary-900 rst:dark:text-primary-50",transparent:"rst:bg-transparent rst:border-transparent rst:text-gray-900 rst:dark:text-gray-100 rst:shadow-none"},position:{top:"rst:sticky rst:top-0 rst:border-b",bottom:"rst:sticky rst:bottom-0 rst:border-t",static:"rst:relative rst:border-y"}},defaultVariants:{variant:"default",position:"top"}});exports.actionBarVariants=t;

package/dist/components/organisms/ActionBar/action-bar-variants.js

@@ -0,0 +1,26 @@
+import { cva as r } from "../../../node_modules/class-variance-authority/dist/index.js";
+const a = /* @__PURE__ */ r(
+  "rst:font-ui rst:w-full rst:z-40 rst:elevation-anchored rst:backdrop-blur-md rst:transition-all",
+  {
+    variants: {
+      variant: {
+        default: "rst:bg-white/50 rst:border-gray-200 rst:text-gray-900 rst:dark:bg-gray-950/50 rst:dark:border-gray-800 rst:dark:text-gray-100",
+        soft: "rst:bg-gray-50/50 rst:border-gray-200 rst:text-gray-900 rst:dark:bg-gray-900/50 rst:dark:border-gray-800 rst:dark:text-gray-100",
+        primary: "rst:bg-primary-700/50 rst:border-primary-800 rst:text-white rst:dark:bg-primary-950/50 rst:dark:border-primary-900 rst:dark:text-primary-50",
+        transparent: "rst:bg-transparent rst:border-transparent rst:text-gray-900 rst:dark:text-gray-100 rst:shadow-none"
+      },
+      position: {
+        top: "rst:sticky rst:top-0 rst:border-b",
+        bottom: "rst:sticky rst:bottom-0 rst:border-t",
+        static: "rst:relative rst:border-y"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      position: "top"
+    }
+  }
+);
+export {
+  a as actionBarVariants
+};

package/dist/components/organisms/Countdown/Countdown.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),b=require("react"),r=require("../../../lib/utils.cjs"),g=require("../../../hooks/useCountdown.cjs"),l=require("./countdown-variants.cjs"),a=({value:c,label:n,size:s,variant:e})=>t.jsxs("div",{className:"rst:flex rst:flex-col rst:items-center",children:[t.jsx("span",{className:r.cn(l.countdownNumberVariants({size:s,variant:e})),children:String(c).padStart(2,"0")}),t.jsx("span",{className:r.cn(l.countdownLabelVariants({size:s}),"rst:@max-[22rem]:text-[9px]"),children:n})]}),x=b.forwardRef(({targetDate:c,title:n,size:s,variant:e="gradient",className:o,completionText:u,...d},i)=>{const{days:m,hours:j,minutes:w,seconds:f,isFinished:h}=g.useCountdown(c);return h?u?t.jsx("div",{ref:i,className:r.cn("rst:font-bold rst:w-full rst:text-center rst:text-gray-900 rst:dark:text-gray-100",o),...d,children:t.jsx("h3",{className:r.cn(l.countdownTitleVariants({size:s}),"rst:mb-0"),children:u})}):null:t.jsx("div",{ref:i,className:r.cn("rst:font-bold rst:w-full rst:text-center rst:text-gray-900 rst:dark:text-gray-100",o),...d,children:t.jsxs("div",{className:"rst:@container rst:w-full",children:[n&&t.jsx("h3",{className:r.cn(l.countdownTitleVariants({size:s})),children:n}),t.jsxs("div",{className:"rst:flex rst:justify-center rst:gap-3 rst:@[22rem]:gap-6 rst:@[35rem]:gap-8",children:[t.jsx(a,{value:m,label:"Days",size:s,variant:e}),t.jsx(a,{value:j,label:"Hours",size:s,variant:e}),t.jsx(a,{value:w,label:"Minutes",size:s,variant:e}),t.jsx(a,{value:f,label:"Seconds",size:s,variant:e})]})]})})});x.displayName="Countdown";exports.Countdown=x;

package/dist/components/organisms/Countdown/Countdown.js

@@ -0,0 +1,97 @@
+import { jsx as t, jsxs as o } from "react/jsx-runtime";
+import N from "react";
+import { cn as s } from "../../../lib/utils.js";
+import { useCountdown as b } from "../../../hooks/useCountdown.js";
+import { countdownTitleVariants as i, countdownNumberVariants as g, countdownLabelVariants as y } from "./countdown-variants.js";
+const n = ({ value: l, label: a, size: r, variant: e }) => /* @__PURE__ */ o("div", { className: "rst:flex rst:flex-col rst:items-center", children: [
+  /* @__PURE__ */ t("span", { className: s(g({ size: r, variant: e })), children: String(l).padStart(2, "0") }),
+  /* @__PURE__ */ t(
+    "span",
+    {
+      className: s(
+        y({ size: r }),
+        "rst:@max-[22rem]:text-[9px]"
+      ),
+      children: a
+    }
+  )
+] }), v = N.forwardRef(
+  ({
+    targetDate: l,
+    title: a,
+    size: r,
+    variant: e = "gradient",
+    className: d,
+    completionText: c,
+    ...m
+  }, u) => {
+    const { days: f, hours: x, minutes: h, seconds: p, isFinished: w } = b(l);
+    return w ? c ? /* @__PURE__ */ t(
+      "div",
+      {
+        ref: u,
+        className: s(
+          "rst:font-bold rst:w-full rst:text-center rst:text-gray-900 rst:dark:text-gray-100",
+          d
+        ),
+        ...m,
+        children: /* @__PURE__ */ t("h3", { className: s(i({ size: r }), "rst:mb-0"), children: c })
+      }
+    ) : null : /* @__PURE__ */ t(
+      "div",
+      {
+        ref: u,
+        className: s(
+          "rst:font-bold rst:w-full rst:text-center rst:text-gray-900 rst:dark:text-gray-100",
+          d
+        ),
+        ...m,
+        children: /* @__PURE__ */ o("div", { className: "rst:@container rst:w-full", children: [
+          a && /* @__PURE__ */ t("h3", { className: s(i({ size: r })), children: a }),
+          /* @__PURE__ */ o("div", { className: "rst:flex rst:justify-center rst:gap-3 rst:@[22rem]:gap-6 rst:@[35rem]:gap-8", children: [
+            /* @__PURE__ */ t(
+              n,
+              {
+                value: f,
+                label: "Days",
+                size: r,
+                variant: e
+              }
+            ),
+            /* @__PURE__ */ t(
+              n,
+              {
+                value: x,
+                label: "Hours",
+                size: r,
+                variant: e
+              }
+            ),
+            /* @__PURE__ */ t(
+              n,
+              {
+                value: h,
+                label: "Minutes",
+                size: r,
+                variant: e
+              }
+            ),
+            /* @__PURE__ */ t(
+              n,
+              {
+                value: p,
+                label: "Seconds",
+                size: r,
+                variant: e
+              }
+            )
+          ] })
+        ] })
+      }
+    );
+  }
+);
+v.displayName = "Countdown";
+export {
+  v as Countdown
+};

package/dist/components/organisms/Countdown/countdown-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-semibold rst:uppercase rst:tracking-wider rst:mb-4 rst:transition-colors",{variants:{size:{xs:"rst:text-sm",sm:"rst:text-base",md:"rst:text-lg",lg:"rst:text-xl",xl:"rst:text-2xl"}},defaultVariants:{size:"md"}}),s=t.cva("rst:font-mono rst:bg-clip-text rst:transition-all",{variants:{variant:{gradient:"rst:text-transparent rst:animate-shimmer rst:drop-shadow-sm rst:dark:drop-shadow-md",primary:"rst:text-primary-600 rst:dark:text-primary-400",neutral:"rst:text-gray-900 rst:dark:text-gray-100"},size:{xs:"rst:text-2xl",sm:"rst:text-3xl",md:"rst:text-4xl",lg:"rst:text-5xl",xl:"rst:text-6xl"}},defaultVariants:{variant:"gradient",size:"md"}}),a=t.cva("rst:uppercase rst:tracking-wide rst:@[22rem]:tracking-widest rst:mt-1 rst:transition-colors rst:text-gray-500 rst:dark:text-gray-400",{variants:{size:{xs:"rst:text-[10px]",sm:"rst:text-xs",md:"rst:text-xs",lg:"rst:text-sm",xl:"rst:text-sm"}},defaultVariants:{size:"md"}});exports.countdownLabelVariants=a;exports.countdownNumberVariants=s;exports.countdownTitleVariants=r;

package/dist/components/organisms/Countdown/countdown-variants.js

@@ -0,0 +1,65 @@
+import { cva as t } from "../../../node_modules/class-variance-authority/dist/index.js";
+const s = /* @__PURE__ */ t(
+  "rst:font-semibold rst:uppercase rst:tracking-wider rst:mb-4 rst:transition-colors",
+  {
+    variants: {
+      size: {
+        xs: "rst:text-sm",
+        sm: "rst:text-base",
+        md: "rst:text-lg",
+        lg: "rst:text-xl",
+        xl: "rst:text-2xl"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+), a = /* @__PURE__ */ t(
+  "rst:font-mono rst:bg-clip-text rst:transition-all",
+  {
+    variants: {
+      variant: {
+        gradient: "rst:text-transparent rst:animate-shimmer rst:drop-shadow-sm rst:dark:drop-shadow-md",
+        primary: "rst:text-primary-600 rst:dark:text-primary-400",
+        neutral: "rst:text-gray-900 rst:dark:text-gray-100"
+      },
+      size: {
+        xs: "rst:text-2xl",
+        sm: "rst:text-3xl",
+        md: "rst:text-4xl",
+        lg: "rst:text-5xl",
+        xl: "rst:text-6xl"
+      }
+    },
+    defaultVariants: {
+      variant: "gradient",
+      size: "md"
+    }
+  }
+), e = /* @__PURE__ */ t(
+  /* Tracking steps down in a narrow container. The labels are what set each column's
+     width — "SECONDS" is wider than any digit pair — and dropping 0.1em to
+     0.025em across those 23 characters recovers about 17px, measured. The
+     tracked-out look is kept everywhere it fits. */
+  "rst:uppercase rst:tracking-wide rst:@[22rem]:tracking-widest rst:mt-1 rst:transition-colors rst:text-gray-500 rst:dark:text-gray-400",
+  {
+    variants: {
+      size: {
+        xs: "rst:text-[10px]",
+        sm: "rst:text-xs",
+        md: "rst:text-xs",
+        lg: "rst:text-sm",
+        xl: "rst:text-sm"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+export {
+  e as countdownLabelVariants,
+  a as countdownNumberVariants,
+  s as countdownTitleVariants
+};

package/dist/components/organisms/DataTable/DataTable.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),w=require("react"),r=require("@tanstack/react-table"),n=require("../../../node_modules/@fortawesome/react-fontawesome/dist/index.cjs"),o=require("../../../node_modules/@fortawesome/free-solid-svg-icons/index.cjs"),c=require("../../../lib/utils.cjs"),i=require("../../atoms/Button/Button.cjs"),a=require("../Table/Table.cjs"),C=r.tableFeatures({rowSortingFeature:r.rowSortingFeature,rowPaginationFeature:r.rowPaginationFeature,sortedRowModel:r.createSortedRowModel(),paginatedRowModel:r.createPaginatedRowModel(),sortFns:r.sortFns});function S({columns:g,data:d,className:x,tableClassName:u,paginationClassName:m,variant:f="default",size:j="md",hoverable:p=!1}){const[b,h]=w.useState([]),t=r.useTable({features:C,data:d,columns:g,onSortingChange:h,state:{sorting:b},initialState:{pagination:{pageIndex:0,pageSize:10}}});return e.jsxs("div",{className:c.cn("rst:font-ui rst:flex rst:flex-col rst:gap-4",x),children:[e.jsxs(a.Table,{variant:f,size:j,hoverable:p,className:u,children:[e.jsx(a.TableHeader,{children:t.getHeaderGroups().map(l=>e.jsx(a.TableRow,{children:l.headers.map(s=>e.jsx(a.TableHead,{children:s.isPlaceholder?null:e.jsxs("div",{className:c.cn("rst:flex rst:items-center rst:gap-2 rst:transition-opacity",s.column.getCanSort()&&"rst:cursor-pointer rst:select-none rst:opacity-80 rst:hover:opacity-100"),onClick:s.column.getToggleSortingHandler(),children:[r.flexRender(s.column.columnDef.header,s.getContext()),s.column.getCanSort()&&e.jsx("span",{className:"rst:w-4 rst:flex rst:justify-center rst:text-primary-500",children:s.column.getIsSorted()==="asc"?e.jsx(n.FontAwesomeIcon,{icon:o.faCaretUp}):s.column.getIsSorted()==="desc"?e.jsx(n.FontAwesomeIcon,{icon:o.faCaretDown}):null})]})},s.id))},l.id))}),e.jsx(a.TableBody,{children:t.getRowModel().rows?.length?t.getRowModel().rows.map(l=>e.jsx(a.TableRow,{children:l.getAllCells().map(s=>e.jsx(a.TableCell,{children:r.flexRender(s.column.columnDef.cell,s.getContext())},s.id))},l.id)):e.jsx(a.TableRow,{children:e.jsx(a.TableCell,{colSpan:g.length,className:"rst:h-24 rst:text-center rst:text-gray-500 rst:dark:text-gray-400 rst:italic",children:"No results found."})})})]}),e.jsxs("div",{className:c.cn("rst:flex rst:flex-col rst:sm:flex-row rst:items-center rst:justify-between rst:gap-4 rst:px-2",m),children:[e.jsxs("div",{className:"rst:text-sm rst:font-medium rst:text-gray-500 rst:dark:text-gray-400",children:["Page"," ",e.jsx("strong",{className:"rst:text-gray-900 rst:dark:text-gray-100",children:t.state.pagination.pageIndex+1})," ","of"," ",e.jsx("strong",{className:"rst:text-gray-900 rst:dark:text-gray-100",children:t.getPageCount()})]}),e.jsxs("div",{className:"rst:flex rst:items-center rst:space-x-2",children:[e.jsx(i.Button,{variant:"outline",colorScheme:"neutral",size:"sm",onClick:()=>t.setPageIndex(0),disabled:!t.getCanPreviousPage(),"aria-label":"Go to first page",children:e.jsx(n.FontAwesomeIcon,{icon:o.faAnglesLeft})}),e.jsx(i.Button,{variant:"outline",colorScheme:"neutral",size:"sm",onClick:()=>t.previousPage(),disabled:!t.getCanPreviousPage(),"aria-label":"Go to previous page",children:e.jsx(n.FontAwesomeIcon,{icon:o.faAngleLeft})}),e.jsx(i.Button,{variant:"outline",colorScheme:"neutral",size:"sm",onClick:()=>t.nextPage(),disabled:!t.getCanNextPage(),"aria-label":"Go to next page",children:e.jsx(n.FontAwesomeIcon,{icon:o.faAngleRight})}),e.jsx(i.Button,{variant:"outline",colorScheme:"neutral",size:"sm",onClick:()=>t.setPageIndex(t.getPageCount()-1),disabled:!t.getCanNextPage(),"aria-label":"Go to last page",children:e.jsx(n.FontAwesomeIcon,{icon:o.faAnglesRight})})]})]})]})}exports.DataTable=S;

package/dist/components/organisms/DataTable/DataTable.js

@@ -0,0 +1,159 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { useState as P } from "react";
+import { useTable as w, flexRender as g, tableFeatures as y, sortFns as v, rowPaginationFeature as N, rowSortingFeature as R, createPaginatedRowModel as T, createSortedRowModel as k } from "@tanstack/react-table";
+import { FontAwesomeIcon as o } from "../../../node_modules/@fortawesome/react-fontawesome/dist/index.js";
+import { faCaretUp as I, faCaretDown as A, faAnglesLeft as F, faAngleLeft as M, faAngleRight as z, faAnglesRight as j } from "../../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
+import { cn as l } from "../../../lib/utils.js";
+import { Button as n } from "../../atoms/Button/Button.js";
+import { Table as D, TableHeader as G, TableRow as i, TableHead as H, TableBody as B, TableCell as d } from "../Table/Table.js";
+const L = /* @__PURE__ */ y({
+  rowSortingFeature: R,
+  rowPaginationFeature: N,
+  sortedRowModel: k(),
+  paginatedRowModel: T(),
+  // The whole built-in registry, not a subset: DataTable is generic over
+  // consumer data, so auto sort detection has to be able to reach any of them.
+  sortFns: v
+});
+function W({
+  columns: c,
+  data: m,
+  className: u,
+  tableClassName: f,
+  paginationClassName: p,
+  variant: x = "default",
+  size: h = "md",
+  hoverable: b = !1
+}) {
+  const [C, S] = P([]), t = w({
+    features: L,
+    data: m,
+    columns: c,
+    onSortingChange: S,
+    state: {
+      sorting: C
+    },
+    initialState: {
+      pagination: {
+        pageIndex: 0,
+        pageSize: 10
+      }
+    }
+  });
+  return /* @__PURE__ */ a("div", { className: l("rst:font-ui rst:flex rst:flex-col rst:gap-4", u), children: [
+    /* @__PURE__ */ a(
+      D,
+      {
+        variant: x,
+        size: h,
+        hoverable: b,
+        className: f,
+        children: [
+          /* @__PURE__ */ e(G, { children: t.getHeaderGroups().map((s) => /* @__PURE__ */ e(i, { children: s.headers.map((r) => /* @__PURE__ */ e(H, { children: r.isPlaceholder ? null : /* @__PURE__ */ a(
+            "div",
+            {
+              className: l(
+                "rst:flex rst:items-center rst:gap-2 rst:transition-opacity",
+                r.column.getCanSort() && "rst:cursor-pointer rst:select-none rst:opacity-80 rst:hover:opacity-100"
+              ),
+              onClick: r.column.getToggleSortingHandler(),
+              children: [
+                g(
+                  r.column.columnDef.header,
+                  r.getContext()
+                ),
+                r.column.getCanSort() && /* @__PURE__ */ e("span", { className: "rst:w-4 rst:flex rst:justify-center rst:text-primary-500", children: r.column.getIsSorted() === "asc" ? /* @__PURE__ */ e(o, { icon: I }) : r.column.getIsSorted() === "desc" ? /* @__PURE__ */ e(o, { icon: A }) : null })
+              ]
+            }
+          ) }, r.id)) }, s.id)) }),
+          /* @__PURE__ */ e(B, { children: t.getRowModel().rows?.length ? (
+            // No data-state on the row: row selection is not one of the
+            // registered features, and v8's getIsSelected() was always false
+            // here, so React omitted the attribute anyway.
+            t.getRowModel().rows.map((s) => /* @__PURE__ */ e(i, { children: s.getAllCells().map((r) => /* @__PURE__ */ e(d, { children: g(r.column.columnDef.cell, r.getContext()) }, r.id)) }, s.id))
+          ) : /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(
+            d,
+            {
+              colSpan: c.length,
+              className: "rst:h-24 rst:text-center rst:text-gray-500 rst:dark:text-gray-400 rst:italic",
+              children: "No results found."
+            }
+          ) }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ a(
+      "div",
+      {
+        className: l(
+          "rst:flex rst:flex-col rst:sm:flex-row rst:items-center rst:justify-between rst:gap-4 rst:px-2",
+          p
+        ),
+        children: [
+          /* @__PURE__ */ a("div", { className: "rst:text-sm rst:font-medium rst:text-gray-500 rst:dark:text-gray-400", children: [
+            "Page",
+            " ",
+            /* @__PURE__ */ e("strong", { className: "rst:text-gray-900 rst:dark:text-gray-100", children: t.state.pagination.pageIndex + 1 }),
+            " ",
+            "of",
+            " ",
+            /* @__PURE__ */ e("strong", { className: "rst:text-gray-900 rst:dark:text-gray-100", children: t.getPageCount() })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "rst:flex rst:items-center rst:space-x-2", children: [
+            /* @__PURE__ */ e(
+              n,
+              {
+                variant: "outline",
+                colorScheme: "neutral",
+                size: "sm",
+                onClick: () => t.setPageIndex(0),
+                disabled: !t.getCanPreviousPage(),
+                "aria-label": "Go to first page",
+                children: /* @__PURE__ */ e(o, { icon: F })
+              }
+            ),
+            /* @__PURE__ */ e(
+              n,
+              {
+                variant: "outline",
+                colorScheme: "neutral",
+                size: "sm",
+                onClick: () => t.previousPage(),
+                disabled: !t.getCanPreviousPage(),
+                "aria-label": "Go to previous page",
+                children: /* @__PURE__ */ e(o, { icon: M })
+              }
+            ),
+            /* @__PURE__ */ e(
+              n,
+              {
+                variant: "outline",
+                colorScheme: "neutral",
+                size: "sm",
+                onClick: () => t.nextPage(),
+                disabled: !t.getCanNextPage(),
+                "aria-label": "Go to next page",
+                children: /* @__PURE__ */ e(o, { icon: z })
+              }
+            ),
+            /* @__PURE__ */ e(
+              n,
+              {
+                variant: "outline",
+                colorScheme: "neutral",
+                size: "sm",
+                onClick: () => t.setPageIndex(t.getPageCount() - 1),
+                disabled: !t.getCanNextPage(),
+                "aria-label": "Go to last page",
+                children: /* @__PURE__ */ e(o, { icon: j })
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  W as DataTable
+};

package/dist/components/organisms/Dialog/Dialog.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("react"),v=require("../../../node_modules/@fortawesome/react-fontawesome/dist/index.cjs"),b=require("../../../node_modules/@fortawesome/free-solid-svg-icons/index.cjs"),e=require("../../../node_modules/class-variance-authority/dist/index.cjs"),t=require("../../../lib/utils.cjs"),s=require("../../../node_modules/@headlessui/react/dist/components/dialog/dialog.cjs"),o=require("../../../node_modules/@headlessui/react/dist/components/transition/transition.cjs"),f=e.cva("rst:relative rst:w-full rst:transform rst:overflow-hidden rst:rounded-2xl rst:p-6 rst:text-left rst:align-middle rst:elevation-overlay rst:transition-all rst:border",{variants:{size:{xs:"rst:max-w-xs",sm:"rst:max-w-sm",md:"rst:max-w-md",lg:"rst:max-w-lg",xl:"rst:max-w-xl","2xl":"rst:max-w-2xl","3xl":"rst:max-w-3xl",full:"rst:max-w-[95vw] rst:m-4"},variant:{white:"rst:bg-[var(--roster-popover-bg)] rst:border-[var(--roster-popover-border)] rst:text-[var(--roster-popover-text)]",slate:"rst:bg-gray-700 rst:border-gray-600 rst:text-gray-100 rst:dark:bg-gray-900 rst:dark:border-gray-800 rst:[--roster-ring:var(--roster-primary-400,#5ea3de)] rst:[--roster-ring-offset:var(--roster-gray-700,#44403c)] rst:dark:[--roster-ring-offset:var(--roster-gray-900,#1c1917)] rst:[--roster-control-text:var(--roster-gray-100,#f5f5f4)] rst:[--roster-control-border:var(--roster-gray-400,#a8a29e)] rst:[--roster-control-border-focus:var(--roster-primary-400,#5ea3de)]",primary:"rst:bg-primary-700 rst:border-primary-600 rst:text-white rst:dark:bg-primary-950 rst:dark:border-primary-900 rst:[--roster-ring:var(--roster-primary-400,#5ea3de)] rst:[--roster-ring-offset:var(--roster-primary-700,#084063)] rst:dark:[--roster-ring-offset:var(--roster-primary-950,#021724)] rst:[--roster-control-text:var(--roster-gray-100,#f5f5f4)] rst:[--roster-control-border:var(--roster-gray-400,#a8a29e)] rst:[--roster-control-border-focus:var(--roster-primary-400,#5ea3de)]",glass:"rst:bg-white/80 rst:border-white/20 rst:backdrop-blur-xl rst:text-gray-900 rst:dark:bg-slate-900/80 rst:dark:border-slate-700/50 rst:dark:text-white"},status:{default:"",destructive:"rst:border-t-4 rst:border-t-error-500",success:"rst:border-t-4 rst:border-t-success-500"}},defaultVariants:{size:"md",variant:"white",status:"default"}}),y=e.cva("rst:text-xl rst:font-bold rst:leading-6 rst:text-inherit"),p=e.cva("rst:mt-1 rst:text-sm rst:text-inherit rst:opacity-75"),h=e.cva("rst:inline-flex rst:size-11 rst:shrink-0 rst:items-center rst:justify-center rst:-m-3 rst:cursor-pointer rst:rounded-md rst:bg-transparent rst:text-inherit rst:opacity-50 rst:hover:opacity-100 rst:focus:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:focus-visible:ring-offset-2 rst:ring-offset-background rst:transition-opacity"),w=({isOpen:c,onClose:i,title:d,description:n,size:m,variant:l,status:x,children:g,className:u})=>r.jsx(o.Transition,{appear:!0,show:c,as:a.Fragment,children:r.jsxs(s.Dialog,{as:"div",className:"rst:font-ui rst:relative rst:z-50",onClose:i,children:[r.jsx(o.TransitionChild,{as:a.Fragment,enter:"rst:ease-out rst:duration-300",enterFrom:"rst:opacity-0",enterTo:"rst:opacity-100",leave:"rst:ease-in rst:duration-200",leaveFrom:"rst:opacity-100",leaveTo:"rst:opacity-0",children:r.jsx(s.DialogBackdrop,{className:t.cn("rst:fixed rst:inset-0 rst:transition-opacity",l==="glass"?"rst:bg-slate-900/40 rst:dark:bg-black/60":"rst:bg-slate-900/60 rst:dark:bg-black/80 rst:backdrop-blur-sm")})}),r.jsx("div",{className:"rst:fixed rst:inset-0 rst:overflow-y-auto",children:r.jsx("div",{className:"rst:flex rst:min-h-full rst:items-center rst:justify-center rst:p-4 rst:text-center",children:r.jsx(o.TransitionChild,{as:a.Fragment,enter:"rst:ease-out rst:duration-300",enterFrom:"rst:opacity-0 rst:scale-95",enterTo:"rst:opacity-100 rst:scale-100",leave:"rst:ease-in rst:duration-200",leaveFrom:"rst:opacity-100 rst:scale-100",leaveTo:"rst:opacity-0 rst:scale-95",children:r.jsxs(s.DialogPanel,{className:t.cn(f({size:m,variant:l,status:x}),u),children:[r.jsxs("div",{className:"rst:flex rst:items-start rst:justify-between",children:[r.jsxs("div",{children:[r.jsx(s.DialogTitle,{as:"h2",className:t.cn(y()),children:d}),n&&r.jsx("p",{className:t.cn(p()),children:n})]}),r.jsx("div",{className:"rst:ml-4 rst:flex rst:shrink-0",children:r.jsx("button",{type:"button",onClick:i,className:t.cn(h()),"aria-label":"Close dialog",children:r.jsx(v.FontAwesomeIcon,{icon:b.faXmark,className:"rst:h-5 rst:w-5"})})})]}),r.jsx("div",{className:"rst:mt-6",children:g})]})})})})]})});exports.Dialog=w;