framepexls-ui-lib 0.1.4

package/dist/EmptyState.mjs

@@ -0,0 +1,15 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+function EmptyState({
+  title = "Sin resultados",
+  subtitle = "Intenta cambiar el t\xE9rmino de b\xFAsqueda o los filtros."
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-sm", children: [
+    /* @__PURE__ */ jsx("div", { className: "mx-auto mb-4 h-14 w-14 rounded-2xl bg-slate-100 ring-1 ring-slate-200 dark:bg-white/5" }),
+    /* @__PURE__ */ jsx("div", { className: "text-lg font-medium", children: title }),
+    /* @__PURE__ */ jsx("div", { className: "text-sm text-slate-500", children: subtitle })
+  ] });
+}
+export {
+  EmptyState as default
+};

package/dist/InfoGrid.d.mts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+
+type InfoItem = {
+    name: React__default.ReactNode;
+    description?: React__default.ReactNode;
+};
+type Props = {
+    items: InfoItem[];
+    /** placeholder cuando no hay valor */
+    placeholder?: React__default.ReactNode;
+    /** columnas en sm+ (1|2|3|4). default: 2 */
+    smCols?: 1 | 2 | 3 | 4;
+    /** columnas en md+ (opcional) */
+    mdCols?: 1 | 2 | 3 | 4;
+    className?: string;
+};
+declare function InfoGrid({ items, placeholder, smCols, mdCols, className, }: Props): react_jsx_runtime.JSX.Element;
+
+export { type InfoItem, InfoGrid as default };

package/dist/InfoGrid.d.ts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+
+type InfoItem = {
+    name: React__default.ReactNode;
+    description?: React__default.ReactNode;
+};
+type Props = {
+    items: InfoItem[];
+    /** placeholder cuando no hay valor */
+    placeholder?: React__default.ReactNode;
+    /** columnas en sm+ (1|2|3|4). default: 2 */
+    smCols?: 1 | 2 | 3 | 4;
+    /** columnas en md+ (opcional) */
+    mdCols?: 1 | 2 | 3 | 4;
+    className?: string;
+};
+declare function InfoGrid({ items, placeholder, smCols, mdCols, className, }: Props): react_jsx_runtime.JSX.Element;
+
+export { type InfoItem, InfoGrid as default };

package/dist/InfoGrid.js

@@ -0,0 +1,67 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var InfoGrid_exports = {};
+__export(InfoGrid_exports, {
+  default: () => InfoGrid
+});
+module.exports = __toCommonJS(InfoGrid_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+const colClass = (bp, n) => {
+  if (!n) return "";
+  const map = {
+    1: `${bp}:grid-cols-1`,
+    2: `${bp}:grid-cols-2`,
+    3: `${bp}:grid-cols-3`,
+    4: `${bp}:grid-cols-4`
+  };
+  return map[n];
+};
+function InfoGrid({
+  items,
+  placeholder = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-slate-400", children: "\u2014" }),
+  smCols = 2,
+  mdCols,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "dl",
+    {
+      className: [
+        "grid grid-cols-1 gap-x-8 gap-y-4",
+        colClass("sm", smCols),
+        colClass("md", mdCols),
+        className != null ? className : ""
+      ].join(" "),
+      children: items.map((it, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InfoCell, { name: it.name, description: it.description, placeholder }, i))
+    }
+  );
+}
+function InfoCell({
+  name,
+  description,
+  placeholder
+}) {
+  const isEmptyString = typeof description === "string" && description.trim().length === 0;
+  const showValue = description === null || description === void 0 || isEmptyString ? placeholder : description;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { className: "text-[13px] font-semibold text-slate-600", children: name }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { className: "mt-0.5 text-sm font-medium text-slate-900 dark:text-slate-100 break-words", children: showValue })
+  ] });
+}

package/dist/InfoGrid.mjs

@@ -0,0 +1,47 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+const colClass = (bp, n) => {
+  if (!n) return "";
+  const map = {
+    1: `${bp}:grid-cols-1`,
+    2: `${bp}:grid-cols-2`,
+    3: `${bp}:grid-cols-3`,
+    4: `${bp}:grid-cols-4`
+  };
+  return map[n];
+};
+function InfoGrid({
+  items,
+  placeholder = /* @__PURE__ */ jsx("span", { className: "text-slate-400", children: "\u2014" }),
+  smCols = 2,
+  mdCols,
+  className
+}) {
+  return /* @__PURE__ */ jsx(
+    "dl",
+    {
+      className: [
+        "grid grid-cols-1 gap-x-8 gap-y-4",
+        colClass("sm", smCols),
+        colClass("md", mdCols),
+        className != null ? className : ""
+      ].join(" "),
+      children: items.map((it, i) => /* @__PURE__ */ jsx(InfoCell, { name: it.name, description: it.description, placeholder }, i))
+    }
+  );
+}
+function InfoCell({
+  name,
+  description,
+  placeholder
+}) {
+  const isEmptyString = typeof description === "string" && description.trim().length === 0;
+  const showValue = description === null || description === void 0 || isEmptyString ? placeholder : description;
+  return /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+    /* @__PURE__ */ jsx("dt", { className: "text-[13px] font-semibold text-slate-600", children: name }),
+    /* @__PURE__ */ jsx("dd", { className: "mt-0.5 text-sm font-medium text-slate-900 dark:text-slate-100 break-words", children: showValue })
+  ] });
+}
+export {
+  InfoGrid as default
+};

package/dist/Input.d.mts

@@ -0,0 +1,20 @@
+import React__default from 'react';
+
+type InputProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size"> & {
+    error?: boolean;
+    leftSlot?: React__default.ReactNode;
+    rightSlot?: React__default.ReactNode;
+    clearable?: boolean;
+    onClear?: () => void;
+    tone?: "default" | "danger";
+};
+declare const Input: React__default.ForwardRefExoticComponent<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size"> & {
+    error?: boolean;
+    leftSlot?: React__default.ReactNode;
+    rightSlot?: React__default.ReactNode;
+    clearable?: boolean;
+    onClear?: () => void;
+    tone?: "default" | "danger";
+} & React__default.RefAttributes<HTMLInputElement>>;
+
+export { type InputProps, Input as default };

package/dist/Input.d.ts

@@ -0,0 +1,20 @@
+import React__default from 'react';
+
+type InputProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size"> & {
+    error?: boolean;
+    leftSlot?: React__default.ReactNode;
+    rightSlot?: React__default.ReactNode;
+    clearable?: boolean;
+    onClear?: () => void;
+    tone?: "default" | "danger";
+};
+declare const Input: React__default.ForwardRefExoticComponent<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size"> & {
+    error?: boolean;
+    leftSlot?: React__default.ReactNode;
+    rightSlot?: React__default.ReactNode;
+    clearable?: boolean;
+    onClear?: () => void;
+    tone?: "default" | "danger";
+} & React__default.RefAttributes<HTMLInputElement>>;
+
+export { type InputProps, Input as default };

package/dist/Input.js

@@ -0,0 +1,85 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Input_exports = {};
+__export(Input_exports, {
+  default: () => Input_default
+});
+module.exports = __toCommonJS(Input_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+function cx(...a) {
+  return a.filter(Boolean).join(" ");
+}
+const baseControl = "w-full rounded-2xl border border-slate-200 bg-white px-3.5 py-2.5 text-sm text-slate-900 placeholder:text-slate-400 shadow-sm outline-none transition focus:ring-4 focus:ring-slate-900/5 focus:border-slate-300 disabled:opacity-60 disabled:cursor-not-allowed dark:border-white/10 dark:bg-white/10 dark:text-slate-100 dark:placeholder:text-slate-400 dark:focus:ring-white/10";
+const errorControl = "border-blue-300 focus:border-blue-300 focus:ring-blue-500/15";
+const Input = import_react.default.forwardRef(
+  ({ className, error, leftSlot, rightSlot, clearable, onClear, tone = "default", value, onChange, ...props }, ref) => {
+    const showClear = clearable && !!value && !props.readOnly && !props.disabled;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative content-center", children: [
+      leftSlot && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-slate-400", children: leftSlot }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "input",
+        {
+          ref,
+          value,
+          onChange,
+          "aria-invalid": error ? true : void 0,
+          className: cx(
+            baseControl,
+            (Boolean(leftSlot) || props.type === "search") && "pl-9",
+            (Boolean(rightSlot) || showClear) && "pr-10",
+            (error || tone === "danger") && errorControl,
+            className
+          ),
+          ...props
+        }
+      ),
+      showClear ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "button",
+        {
+          type: "button",
+          title: "Limpiar",
+          className: "absolute right-2.5 top-1/2 -translate-y-1/2 inline-flex h-7 w-7 items-center justify-center rounded-lg border border-slate-200 bg-white text-slate-600 hover:bg-slate-50 active:scale-95 dark:border-white/10 dark:bg-white/5",
+          onClick: (e) => {
+            e.preventDefault();
+            onClear == null ? void 0 : onClear();
+            const tgt = e.currentTarget.previousElementSibling;
+            if (tgt && onChange) {
+              onChange({ target: { value: "" } });
+            }
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { viewBox: "0 0 24 24", className: "h-4.5 w-4.5", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M18 6L6 18M6 6l12 12" }) })
+        }
+      ) : rightSlot && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 text-slate-400", children: rightSlot })
+    ] });
+  }
+);
+Input.displayName = "Input";
+var Input_default = Input;

package/dist/Input.mjs

@@ -0,0 +1,55 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+function cx(...a) {
+  return a.filter(Boolean).join(" ");
+}
+const baseControl = "w-full rounded-2xl border border-slate-200 bg-white px-3.5 py-2.5 text-sm text-slate-900 placeholder:text-slate-400 shadow-sm outline-none transition focus:ring-4 focus:ring-slate-900/5 focus:border-slate-300 disabled:opacity-60 disabled:cursor-not-allowed dark:border-white/10 dark:bg-white/10 dark:text-slate-100 dark:placeholder:text-slate-400 dark:focus:ring-white/10";
+const errorControl = "border-blue-300 focus:border-blue-300 focus:ring-blue-500/15";
+const Input = React.forwardRef(
+  ({ className, error, leftSlot, rightSlot, clearable, onClear, tone = "default", value, onChange, ...props }, ref) => {
+    const showClear = clearable && !!value && !props.readOnly && !props.disabled;
+    return /* @__PURE__ */ jsxs("div", { className: "relative content-center", children: [
+      leftSlot && /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-slate-400", children: leftSlot }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref,
+          value,
+          onChange,
+          "aria-invalid": error ? true : void 0,
+          className: cx(
+            baseControl,
+            (Boolean(leftSlot) || props.type === "search") && "pl-9",
+            (Boolean(rightSlot) || showClear) && "pr-10",
+            (error || tone === "danger") && errorControl,
+            className
+          ),
+          ...props
+        }
+      ),
+      showClear ? /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          title: "Limpiar",
+          className: "absolute right-2.5 top-1/2 -translate-y-1/2 inline-flex h-7 w-7 items-center justify-center rounded-lg border border-slate-200 bg-white text-slate-600 hover:bg-slate-50 active:scale-95 dark:border-white/10 dark:bg-white/5",
+          onClick: (e) => {
+            e.preventDefault();
+            onClear == null ? void 0 : onClear();
+            const tgt = e.currentTarget.previousElementSibling;
+            if (tgt && onChange) {
+              onChange({ target: { value: "" } });
+            }
+          },
+          children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", className: "h-4.5 w-4.5", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx("path", { d: "M18 6L6 18M6 6l12 12" }) })
+        }
+      ) : rightSlot && /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 text-slate-400", children: rightSlot })
+    ] });
+  }
+);
+Input.displayName = "Input";
+var Input_default = Input;
+export {
+  Input_default as default
+};

package/dist/Money.d.mts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function Money({ amount, currency }: {
+    amount: number;
+    currency?: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { Money as default };

package/dist/Money.d.ts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function Money({ amount, currency }: {
+    amount: number;
+    currency?: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { Money as default };

package/dist/Money.js

@@ -0,0 +1,30 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Money_exports = {};
+__export(Money_exports, {
+  default: () => Money
+});
+module.exports = __toCommonJS(Money_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+function Money({ amount, currency = "MXN" }) {
+  const s = amount.toLocaleString("es-MX", { style: "currency", currency });
+  const cls = amount > 0 ? "font-semibold text-blue-600 dark:text-blue-400" : "text-slate-600";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: cls, children: s });
+}

package/dist/Money.mjs

@@ -0,0 +1,10 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+function Money({ amount, currency = "MXN" }) {
+  const s = amount.toLocaleString("es-MX", { style: "currency", currency });
+  const cls = amount > 0 ? "font-semibold text-blue-600 dark:text-blue-400" : "text-slate-600";
+  return /* @__PURE__ */ jsx("span", { className: cls, children: s });
+}
+export {
+  Money as default
+};

package/dist/OrderButton.d.mts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type Props = {
+    label: string;
+    active?: boolean;
+    asc?: boolean;
+    onClick?: () => void;
+};
+declare function OrderButton({ label, active, asc, onClick }: Props): react_jsx_runtime.JSX.Element;
+
+export { OrderButton as default };

package/dist/OrderButton.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type Props = {
+    label: string;
+    active?: boolean;
+    asc?: boolean;
+    onClick?: () => void;
+};
+declare function OrderButton({ label, active, asc, onClick }: Props): react_jsx_runtime.JSX.Element;
+
+export { OrderButton as default };

package/dist/OrderButton.js

@@ -0,0 +1,39 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var OrderButton_exports = {};
+__export(OrderButton_exports, {
+  default: () => OrderButton
+});
+module.exports = __toCommonJS(OrderButton_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+function OrderButton({ label, active, asc, onClick }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "button",
+    {
+      onClick,
+      className: "rounded-xl border border-slate-200 px-3 py-2 text-sm hover:bg-slate-50 dark:border-white/10 dark:hover:bg-white/5",
+      children: [
+        label,
+        " ",
+        active && (asc ? "\u2191" : "\u2193")
+      ]
+    }
+  );
+}

package/dist/OrderButton.mjs

@@ -0,0 +1,19 @@
+"use client";
+import { jsxs } from "react/jsx-runtime";
+function OrderButton({ label, active, asc, onClick }) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      onClick,
+      className: "rounded-xl border border-slate-200 px-3 py-2 text-sm hover:bg-slate-50 dark:border-white/10 dark:hover:bg-white/5",
+      children: [
+        label,
+        " ",
+        active && (asc ? "\u2191" : "\u2193")
+      ]
+    }
+  );
+}
+export {
+  OrderButton as default
+};

package/dist/Pagination.d.mts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type PaginationProps = {
+    page: number;
+    totalPages: number;
+    onPageChange: (p: number) => void;
+    maxButtons?: number;
+    className?: string;
+};
+declare function Pagination({ page, totalPages, onPageChange, maxButtons, className, }: PaginationProps): react_jsx_runtime.JSX.Element;
+
+export { type PaginationProps, Pagination as default };

package/dist/Pagination.d.ts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type PaginationProps = {
+    page: number;
+    totalPages: number;
+    onPageChange: (p: number) => void;
+    maxButtons?: number;
+    className?: string;
+};
+declare function Pagination({ page, totalPages, onPageChange, maxButtons, className, }: PaginationProps): react_jsx_runtime.JSX.Element;
+
+export { type PaginationProps, Pagination as default };

package/dist/Pagination.js

@@ -0,0 +1,71 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Pagination_exports = {};
+__export(Pagination_exports, {
+  default: () => Pagination
+});
+module.exports = __toCommonJS(Pagination_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+function Pagination({
+  page,
+  totalPages,
+  onPageChange,
+  maxButtons = 7,
+  className = ""
+}) {
+  const getRange = () => {
+    if (totalPages <= maxButtons)
+      return Array.from({ length: totalPages }, (_, i) => i + 1);
+    const siblings = 1;
+    const start = Math.max(2, page - siblings);
+    const end = Math.min(totalPages - 1, page + siblings);
+    const range2 = [1];
+    if (start > 2) range2.push("...");
+    for (let i = start; i <= end; i++) range2.push(i);
+    if (end < totalPages - 1) range2.push("...");
+    range2.push(totalPages);
+    return range2;
+  };
+  const range = getRange();
+  const Btn = ({
+    children,
+    active,
+    disabled,
+    onClick
+  }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    {
+      disabled,
+      onClick,
+      className: `h-10 min-w-10 px-3 inline-flex items-center justify-center text-[15px] font-medium transition
+      ${active ? "bg-blue-600 text-white rounded-2xl shadow-sm" : "rounded-none text-slate-900 hover:bg-white/60"}
+      ${disabled ? "opacity-40 cursor-not-allowed" : ""}`,
+      "aria-current": active ? "page" : void 0,
+      children
+    }
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", { className: className || "w-full md:w-auto", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "inline-flex overflow-hidden rounded-2xl border border-slate-200 bg-slate-100/60 shadow-sm dark:border-white/10 dark:bg-white/5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Btn, { disabled: page === 1, onClick: () => onPageChange(page - 1), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { viewBox: "0 0 24 24", className: "h-5 w-5", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M15 18l-6-6 6-6" }) }) }),
+    range.map(
+      (it, idx) => it === "..." ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "h-10 min-w-10 px-3 inline-flex items-center justify-center text-slate-500", children: "\u2026" }, `dots-${idx}`) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Btn, { active: it === page, onClick: () => onPageChange(it), children: it }, it)
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Btn, { disabled: page === totalPages, onClick: () => onPageChange(page + 1), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { viewBox: "0 0 24 24", className: "h-5 w-5", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M9 6l6 6-6 6" }) }) })
+  ] }) });
+}

package/dist/Pagination.mjs

@@ -0,0 +1,51 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Pagination({
+  page,
+  totalPages,
+  onPageChange,
+  maxButtons = 7,
+  className = ""
+}) {
+  const getRange = () => {
+    if (totalPages <= maxButtons)
+      return Array.from({ length: totalPages }, (_, i) => i + 1);
+    const siblings = 1;
+    const start = Math.max(2, page - siblings);
+    const end = Math.min(totalPages - 1, page + siblings);
+    const range2 = [1];
+    if (start > 2) range2.push("...");
+    for (let i = start; i <= end; i++) range2.push(i);
+    if (end < totalPages - 1) range2.push("...");
+    range2.push(totalPages);
+    return range2;
+  };
+  const range = getRange();
+  const Btn = ({
+    children,
+    active,
+    disabled,
+    onClick
+  }) => /* @__PURE__ */ jsx(
+    "button",
+    {
+      disabled,
+      onClick,
+      className: `h-10 min-w-10 px-3 inline-flex items-center justify-center text-[15px] font-medium transition
+      ${active ? "bg-blue-600 text-white rounded-2xl shadow-sm" : "rounded-none text-slate-900 hover:bg-white/60"}
+      ${disabled ? "opacity-40 cursor-not-allowed" : ""}`,
+      "aria-current": active ? "page" : void 0,
+      children
+    }
+  );
+  return /* @__PURE__ */ jsx("nav", { className: className || "w-full md:w-auto", children: /* @__PURE__ */ jsxs("div", { className: "inline-flex overflow-hidden rounded-2xl border border-slate-200 bg-slate-100/60 shadow-sm dark:border-white/10 dark:bg-white/5", children: [
+    /* @__PURE__ */ jsx(Btn, { disabled: page === 1, onClick: () => onPageChange(page - 1), children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", className: "h-5 w-5", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx("path", { d: "M15 18l-6-6 6-6" }) }) }),
+    range.map(
+      (it, idx) => it === "..." ? /* @__PURE__ */ jsx("span", { className: "h-10 min-w-10 px-3 inline-flex items-center justify-center text-slate-500", children: "\u2026" }, `dots-${idx}`) : /* @__PURE__ */ jsx(Btn, { active: it === page, onClick: () => onPageChange(it), children: it }, it)
+    ),
+    /* @__PURE__ */ jsx(Btn, { disabled: page === totalPages, onClick: () => onPageChange(page + 1), children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", className: "h-5 w-5", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx("path", { d: "M9 6l6 6-6 6" }) }) })
+  ] }) });
+}
+export {
+  Pagination as default
+};