@underverse-ui/underverse 2.0.18 → 2.0.20

package/api-reference.json

@@ -1,8 +1,8 @@
 {
   "package": "@underverse-ui/underverse",
-  "version": "2.0.18",
+  "version": "2.0.20",
   "sourceEntry": "src/index.ts",
-  "totalExports": 259,
+  "totalExports": 260,
   "exports": [
     {
       "name": "*",
@@ -1533,6 +1533,13 @@
       "local": false,
       "aliasOf": "default"
     },
+    {
+      "name": "ToastProviderProps",
+      "kind": "type",
+      "source": "./components/Toast",
+      "reexport": true,
+      "local": false
+    },
     {
       "name": "ToggleGroup",
       "kind": "value",

package/dist/index.cjs

@@ -13213,7 +13213,12 @@ var useToast = () => {
   }
   return context;
 };
-var ToastProvider = ({ children, position = "top-right", maxToasts = 5 }) => {
+var ToastProvider = ({
+  children,
+  position = "top-right",
+  maxToasts = 5,
+  viewportClassName
+}) => {
   const [toasts, setToasts] = (0, import_react13.useState)([]);
   const idRef = (0, import_react13.useRef)(0);
   const removeToast = (0, import_react13.useCallback)((id) => {
@@ -13240,7 +13245,15 @@ var ToastProvider = ({ children, position = "top-right", maxToasts = 5 }) => {
   };
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(ToastContext.Provider, { value: { addToast, removeToast, toasts }, children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: cn("fixed z-99999 flex flex-col gap-2 pointer-events-none", positionClasses[position]), "aria-live": "polite", "aria-atomic": true, children: toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ToastComponent, { toast, onRemove: removeToast }, toast.id)) })
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      "div",
+      {
+        className: cn("fixed z-99999 flex flex-col gap-2 pointer-events-none", positionClasses[position], viewportClassName),
+        "aria-live": "polite",
+        "aria-atomic": true,
+        children: toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ToastComponent, { toast, onRemove: removeToast }, toast.id))
+      }
+    )
   ] });
 };
 var ToastComponent = ({ toast, onRemove }) => {
@@ -13312,6 +13325,7 @@ var ToastComponent = ({ toast, onRemove }) => {
         isVisible ? "opacity-100 translate-x-0" : "opacity-0 translate-x-full"
       ),
       role: "status",
+      "data-variant": toast.type,
       "aria-live": toast.type === "error" ? "assertive" : "polite",
       onMouseEnter: () => {
         if (toast.duration === 0) return;
@@ -31873,6 +31887,7 @@ function DataTableHeader({
 // src/components/DataTable/components/Pagination.tsx
 var import_react35 = __toESM(require("react"), 1);
 init_cn();
+init_radius();
 var import_jsx_runtime71 = require("react/jsx-runtime");
 function DataTablePagination({
   totalItems,
@@ -31883,7 +31898,8 @@ function DataTablePagination({
   setCurPageSize,
   size,
   align,
-  paginationRange
+  paginationRange,
+  borderMode
 }) {
   const totalPages = Math.ceil(totalItems / curPageSize);
   const pages = import_react35.default.useMemo(() => {
@@ -31899,7 +31915,8 @@ function DataTablePagination({
   const controlButtonSize = size === "lg" ? "md" : "sm";
   const navBtnClass = size === "sm" ? "h-6 w-6 p-0 rounded-full" : size === "lg" ? "h-8 w-8 p-0 rounded-full" : "h-7 w-7 p-0 rounded-full";
   const navIconClass = size === "sm" ? "h-3.5 w-3.5" : size === "lg" ? "h-5 w-5" : "h-4 w-4";
-  const pageBtnClass = size === "sm" ? "h-6 min-w-6 px-1.5 rounded-full text-[11px] font-medium transition-colors" : size === "lg" ? "h-8 min-w-8 px-2.5 rounded-full text-sm font-medium transition-colors" : "h-7 min-w-7 px-2 rounded-full text-xs font-medium transition-colors";
+  const pageBtnRadiusClass = getBorderRadiusClass(borderMode);
+  const pageBtnClass = size === "sm" ? "h-6 min-w-6 px-1.5 text-[11px] font-medium transition-colors" : size === "lg" ? "h-8 min-w-8 px-2.5 text-sm font-medium transition-colors" : "h-7 min-w-7 px-2 text-xs font-medium transition-colors";
   const containerTextClass = size === "sm" ? "text-[11px]" : size === "lg" ? "text-sm" : "text-xs";
   const pageSizeClass = size === "sm" ? "w-16" : size === "lg" ? "w-24" : "w-20";
   return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: cn("relative flex items-center gap-2 px-1 pt-3 text-muted-foreground", containerTextClass), children: [
@@ -31929,7 +31946,7 @@ function DataTablePagination({
       "div",
       {
         className: cn(
-          "flex items-center gap-0.5",
+          "flex items-center gap-3",
           align === "center" && "absolute left-1/2 -translate-x-1/2",
           align === "right" && "ml-auto"
         ),
@@ -31945,17 +31962,17 @@ function DataTablePagination({
               children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("svg", { className: navIconClass, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) })
             }
           ),
-          pages.map(
+          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "flex items-center gap-2", children: pages.map(
             (p, i) => p === "..." ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: "px-1 text-muted-foreground/60", children: "\u2026" }, `dots-${i}`) : /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
               "button",
               {
                 onClick: () => setCurPage(p),
-                className: cn(pageBtnClass, curPage === p ? "bg-primary text-primary-foreground" : "hover:bg-accent hover:text-accent-foreground"),
+                className: cn(pageBtnClass, pageBtnRadiusClass, curPage === p ? "bg-primary text-primary-foreground" : "hover:bg-accent hover:text-accent-foreground"),
                 children: p
               },
               p
             )
-          ),
+          ) }),
           /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
             Button_default,
             {
@@ -32934,7 +32951,8 @@ function DataTable({
         setCurPageSize,
         size,
         align: paginationAlign,
-        paginationRange
+        paginationRange,
+        borderMode: resolvedBorderMode
       }
     )
   ] });