@motor-hero/ui-kit 0.32.1 → 0.33.0

package/dist/components/pagination.d.ts

@@ -1,10 +1,16 @@
-interface PaginationProps {
+export interface PaginationProps {
     page: number;
     onPageChange: (page: number) => void;
     hasNextPage: boolean;
     hasPreviousPage: boolean;
+    /** Total de páginas. Quando informado, o rótulo vira "Página {page} de {totalPages}". */
+    totalPages?: number;
+    /** Exibe o seletor de itens por página. Use com `pageSize`, `onPageSizeChange` e `pageSizeOptions`. */
+    showPageSizeSelector?: boolean;
+    pageSize?: number;
+    onPageSizeChange?: (size: number) => void;
+    pageSizeOptions?: number[];
     className?: string;
 }
-export declare function Pagination({ page, onPageChange, hasNextPage, hasPreviousPage, className }: PaginationProps): import("react").JSX.Element;
-export {};
+export declare function Pagination({ page, onPageChange, hasNextPage, hasPreviousPage, totalPages, showPageSizeSelector, pageSize, onPageSizeChange, pageSizeOptions, className, }: PaginationProps): import("react").JSX.Element;
 //# sourceMappingURL=pagination.d.ts.map

package/dist/components/pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../src/components/pagination.tsx"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,WAAW,EAAE,OAAO,CAAA;IACpB,eAAe,EAAE,OAAO,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,SAAS,EAAE,EAAE,eAAe,+BAsB1G"}
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../src/components/pagination.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,WAAW,EAAE,OAAO,CAAA;IACpB,eAAe,EAAE,OAAO,CAAA;IACxB,yFAAyF;IACzF,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,uGAAuG;IACvG,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAKD,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,eAAe,EACf,UAAU,EACV,oBAA4B,EAC5B,QAAQ,EACR,gBAAgB,EAChB,eAAe,EACf,SAAS,GACV,EAAE,eAAe,+BAgDjB"}

package/dist/index.cjs

@@ -651,33 +651,67 @@ function AuthCard({ title, description, children, footer }) {
 
 // src/components/pagination.tsx
 var import_jsx_runtime13 = require("react/jsx-runtime");
-function Pagination({ page, onPageChange, hasNextPage, hasPreviousPage, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: `flex items-center justify-end gap-4 ${className ?? ""}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-      "button",
-      {
-        type: "button",
-        onClick: () => onPageChange(page - 1),
-        disabled: !hasPreviousPage,
-        className: "inline-flex h-8 items-center justify-center rounded-md border border-input bg-background px-3 text-xs font-medium shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground cursor-pointer disabled:pointer-events-none disabled:opacity-50",
-        children: "Anterior"
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "text-sm text-muted-foreground", children: [
-      "P\xE1gina ",
-      page
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-      "button",
-      {
-        type: "button",
-        onClick: () => onPageChange(page + 1),
-        disabled: !hasNextPage,
-        className: "inline-flex h-8 items-center justify-center rounded-md border border-input bg-background px-3 text-xs font-medium shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground cursor-pointer disabled:pointer-events-none disabled:opacity-50",
-        children: "Pr\xF3ximo"
-      }
-    )
-  ] });
+var navButtonClass = "inline-flex h-8 items-center justify-center rounded-md border border-input bg-background px-3 text-xs font-medium shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground cursor-pointer disabled:pointer-events-none disabled:opacity-50";
+function Pagination({
+  page,
+  onPageChange,
+  hasNextPage,
+  hasPreviousPage,
+  totalPages,
+  showPageSizeSelector = false,
+  pageSize,
+  onPageSizeChange,
+  pageSizeOptions,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+    "div",
+    {
+      className: `flex items-center ${showPageSizeSelector ? "justify-between" : "justify-end"} gap-4 ${className ?? ""}`,
+      children: [
+        showPageSizeSelector && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("label", { htmlFor: "pagination-page-size", className: "text-sm text-muted-foreground", children: "Itens por p\xE1gina" }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            "select",
+            {
+              id: "pagination-page-size",
+              value: pageSize,
+              onChange: (e) => onPageSizeChange?.(Number(e.target.value)),
+              className: "h-8 rounded-md border border-input bg-background px-2 text-xs font-medium shadow-sm transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring cursor-pointer",
+              children: (pageSizeOptions ?? []).map((size) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: size, children: size }, size))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            "button",
+            {
+              type: "button",
+              onClick: () => onPageChange(page - 1),
+              disabled: !hasPreviousPage,
+              className: navButtonClass,
+              children: "Anterior"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "text-sm text-muted-foreground", children: [
+            "P\xE1gina ",
+            page,
+            totalPages ? ` de ${totalPages}` : ""
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            "button",
+            {
+              type: "button",
+              onClick: () => onPageChange(page + 1),
+              disabled: !hasNextPage,
+              className: navButtonClass,
+              children: "Pr\xF3ximo"
+            }
+          )
+        ] })
+      ]
+    }
+  );
 }
 
 // src/components/table-skeleton.tsx