@blakesteve/roster 4.2.1 → 4.3.0

package/dist/components/atoms/AvatarStrip/AvatarStrip.d.ts

@@ -38,7 +38,13 @@ export interface AvatarStripProps {
     /**
      * Tailwind class that sets the ring color around each avatar and the overflow chip.
      * Should match the background the strip is rendered on to produce the cutout stack effect.
-     * Default: `"ring-white dark:ring-gray-900"`.
+     *
+     * Pass your own classes unprefixed, exactly as you write them in your app —
+     * they land in your `utilities` layer and win, which is the point of the prop.
+     * Only Roster's default carries the `rst:` prefix, so a host that happens to
+     * use `ring-white` itself cannot silently repaint the strip.
+     *
+     * Default: `"rst:ring-white rst:dark:ring-gray-900"`.
      */
     ringClass?: string;
     /** Extra classes applied to the outermost `<div>`. */

package/dist/components/organisms/ActionBar/action-bar-variants.d.ts

@@ -1,4 +1,4 @@
 export declare const actionBarVariants: (props?: ({
     variant?: "primary" | "default" | "soft" | "transparent" | null | undefined;
-    position?: "static" | "top" | "bottom" | null | undefined;
+    position?: "bottom" | "top" | "static" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/organisms/Navbar/Navbar.d.ts

@@ -27,7 +27,7 @@ export interface NavbarProps extends React.HTMLAttributes<HTMLElement>, VariantP
     logoSize?: string | number;
     /**
      * Classes applied to the logo image. Replaces the default rounding, so a
-     * circular mark can pass `"rounded-full"` and a square one `""`.
+     * circular mark can pass `"rst:rounded-full"` and a square one `""`.
      */
     logoClassName?: string;
     brandName: string;

package/dist/data-table.cjs.js

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

package/dist/data-table.es.js

@@ -1,8 +1,8 @@
 "use client";
-import { j as e, T as C, a as S, b as o, c as P, F as s, f as w, d as y, e as v, g as c, B as l, h as N, i as R, k as T, l as k } from "./Table-BaJ8qfrV.js";
+import { j as e, T as C, a as S, b as l, c as P, F as a, f as w, d as y, e as v, g as c, B as n, h as N, i as R, k as T, l as k } from "./Table-CJZFk__H.js";
 import { useState as F } from "react";
 import { tableFeatures as I, sortFns as A, rowPaginationFeature as M, rowSortingFeature as z, createPaginatedRowModel as D, createSortedRowModel as G, useTable as H, flexRender as g } from "@tanstack/react-table";
-import { c as i } from "./utils-DtaLkIY8.js";
+import { c as o } from "./utils-hNxf9HpA.js";
 const B = I({
   rowSortingFeature: z,
   rowPaginationFeature: M,
@@ -13,7 +13,7 @@ const B = I({
   sortFns: A
 });
 function J({
-  columns: r,
+  columns: i,
   data: d,
   className: x,
   tableClassName: m,
@@ -22,10 +22,10 @@ function J({
   size: f = "md",
   hoverable: j = !1
 }) {
-  const [h, b] = F([]), a = H({
+  const [h, b] = F([]), t = H({
     features: B,
     data: d,
-    columns: r,
+    columns: i,
     onSortingChange: b,
     state: {
       sorting: h
@@ -37,7 +37,7 @@ function J({
       }
     }
   });
-  return /* @__PURE__ */ e.jsxs("div", { className: i("flex flex-col gap-4", x), children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: o("rst:flex rst:flex-col rst:gap-4", x), children: [
     /* @__PURE__ */ e.jsxs(
       C,
       {
@@ -46,33 +46,33 @@ function J({
         hoverable: j,
         className: m,
         children: [
-          /* @__PURE__ */ e.jsx(S, { children: a.getHeaderGroups().map((n) => /* @__PURE__ */ e.jsx(o, { children: n.headers.map((t) => /* @__PURE__ */ e.jsx(P, { children: t.isPlaceholder ? null : /* @__PURE__ */ e.jsxs(
+          /* @__PURE__ */ e.jsx(S, { children: t.getHeaderGroups().map((r) => /* @__PURE__ */ e.jsx(l, { children: r.headers.map((s) => /* @__PURE__ */ e.jsx(P, { children: s.isPlaceholder ? null : /* @__PURE__ */ e.jsxs(
             "div",
             {
-              className: i(
-                "flex items-center gap-2 transition-opacity",
-                t.column.getCanSort() && "cursor-pointer select-none opacity-80 hover:opacity-100"
+              className: o(
+                "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: t.column.getToggleSortingHandler(),
+              onClick: s.column.getToggleSortingHandler(),
               children: [
                 g(
-                  t.column.columnDef.header,
-                  t.getContext()
+                  s.column.columnDef.header,
+                  s.getContext()
                 ),
-                t.column.getCanSort() && /* @__PURE__ */ e.jsx("span", { className: "w-4 flex justify-center text-primary-500", children: t.column.getIsSorted() === "asc" ? /* @__PURE__ */ e.jsx(s, { icon: w }) : t.column.getIsSorted() === "desc" ? /* @__PURE__ */ e.jsx(s, { icon: y }) : null })
+                s.column.getCanSort() && /* @__PURE__ */ e.jsx("span", { className: "rst:w-4 rst:flex rst:justify-center rst:text-primary-500", children: s.column.getIsSorted() === "asc" ? /* @__PURE__ */ e.jsx(a, { icon: w }) : s.column.getIsSorted() === "desc" ? /* @__PURE__ */ e.jsx(a, { icon: y }) : null })
               ]
             }
-          ) }, t.id)) }, n.id)) }),
-          /* @__PURE__ */ e.jsx(v, { children: a.getRowModel().rows?.length ? (
+          ) }, s.id)) }, r.id)) }),
+          /* @__PURE__ */ e.jsx(v, { 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.
-            a.getRowModel().rows.map((n) => /* @__PURE__ */ e.jsx(o, { children: n.getAllCells().map((t) => /* @__PURE__ */ e.jsx(c, { children: g(t.column.columnDef.cell, t.getContext()) }, t.id)) }, n.id))
-          ) : /* @__PURE__ */ e.jsx(o, { children: /* @__PURE__ */ e.jsx(
+            t.getRowModel().rows.map((r) => /* @__PURE__ */ e.jsx(l, { children: r.getAllCells().map((s) => /* @__PURE__ */ e.jsx(c, { children: g(s.column.columnDef.cell, s.getContext()) }, s.id)) }, r.id))
+          ) : /* @__PURE__ */ e.jsx(l, { children: /* @__PURE__ */ e.jsx(
             c,
             {
-              colSpan: r.length,
-              className: "h-24 text-center text-gray-500 dark:text-gray-400 italic",
+              colSpan: i.length,
+              className: "rst:h-24 rst:text-center rst:text-gray-500 rst:dark:text-gray-400 rst:italic",
               children: "No results found."
             }
           ) }) })
@@ -82,67 +82,67 @@ function J({
     /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: i(
-          "flex flex-col sm:flex-row items-center justify-between gap-4 px-2",
+        className: o(
+          "rst:flex rst:flex-col rst:sm:flex-row rst:items-center rst:justify-between rst:gap-4 rst:px-2",
           u
         ),
         children: [
-          /* @__PURE__ */ e.jsxs("div", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: [
+          /* @__PURE__ */ e.jsxs("div", { className: "rst:text-sm rst:font-medium rst:text-gray-500 rst:dark:text-gray-400", children: [
             "Page",
             " ",
-            /* @__PURE__ */ e.jsx("strong", { className: "text-gray-900 dark:text-gray-100", children: a.state.pagination.pageIndex + 1 }),
+            /* @__PURE__ */ e.jsx("strong", { className: "rst:text-gray-900 rst:dark:text-gray-100", children: t.state.pagination.pageIndex + 1 }),
             " ",
             "of",
             " ",
-            /* @__PURE__ */ e.jsx("strong", { className: "text-gray-900 dark:text-gray-100", children: a.getPageCount() })
+            /* @__PURE__ */ e.jsx("strong", { className: "rst:text-gray-900 rst:dark:text-gray-100", children: t.getPageCount() })
           ] }),
-          /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
+          /* @__PURE__ */ e.jsxs("div", { className: "rst:flex rst:items-center rst:space-x-2", children: [
             /* @__PURE__ */ e.jsx(
-              l,
+              n,
               {
                 variant: "outline",
                 colorScheme: "neutral",
                 size: "sm",
-                onClick: () => a.setPageIndex(0),
-                disabled: !a.getCanPreviousPage(),
+                onClick: () => t.setPageIndex(0),
+                disabled: !t.getCanPreviousPage(),
                 "aria-label": "Go to first page",
-                children: /* @__PURE__ */ e.jsx(s, { icon: N })
+                children: /* @__PURE__ */ e.jsx(a, { icon: N })
               }
             ),
             /* @__PURE__ */ e.jsx(
-              l,
+              n,
               {
                 variant: "outline",
                 colorScheme: "neutral",
                 size: "sm",
-                onClick: () => a.previousPage(),
-                disabled: !a.getCanPreviousPage(),
+                onClick: () => t.previousPage(),
+                disabled: !t.getCanPreviousPage(),
                 "aria-label": "Go to previous page",
-                children: /* @__PURE__ */ e.jsx(s, { icon: R })
+                children: /* @__PURE__ */ e.jsx(a, { icon: R })
               }
             ),
             /* @__PURE__ */ e.jsx(
-              l,
+              n,
               {
                 variant: "outline",
                 colorScheme: "neutral",
                 size: "sm",
-                onClick: () => a.nextPage(),
-                disabled: !a.getCanNextPage(),
+                onClick: () => t.nextPage(),
+                disabled: !t.getCanNextPage(),
                 "aria-label": "Go to next page",
-                children: /* @__PURE__ */ e.jsx(s, { icon: T })
+                children: /* @__PURE__ */ e.jsx(a, { icon: T })
               }
             ),
             /* @__PURE__ */ e.jsx(
-              l,
+              n,
               {
                 variant: "outline",
                 colorScheme: "neutral",
                 size: "sm",
-                onClick: () => a.setPageIndex(a.getPageCount() - 1),
-                disabled: !a.getCanNextPage(),
+                onClick: () => t.setPageIndex(t.getPageCount() - 1),
+                disabled: !t.getCanNextPage(),
                 "aria-label": "Go to last page",
-                children: /* @__PURE__ */ e.jsx(s, { icon: k })
+                children: /* @__PURE__ */ e.jsx(a, { icon: k })
               }
             )
           ] })