dgz-ui/dist/pagination-2uLcIxK-.js

Custom ui library using React.js, Shadcn/ui, TailwindCSS, Typescript

import { j as i } from "./jsx-runtime-C5mzlN2N.js";
import * as o from "react";
import { b as l } from "./button-CdLiKstp.js";
import { c as e } from "./utils-D0f6bOsw.js";
import { E as c } from "./ellipsis-DZr9Fhhp.js";
import { C as m } from "./chevron-right-HWBijj-I.js";
import { c as p } from "./createLucideIcon-B950nf2d.js";
/**
 * @license lucide-react v0.511.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
const g = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], f = p("chevron-left", g), x = ({ className: s, ...a }) => /* @__PURE__ */ i.jsx(
  "nav",
  {
    role: "navigation",
    "aria-label": "pagination",
    className: e("flex w-full justify-center", s),
    ...a
  }
);
x.displayName = "Pagination";
const d = o.forwardRef(({ className: s, ...a }, n) => /* @__PURE__ */ i.jsx(
  "ul",
  {
    ref: n,
    className: e("flex flex-row items-center gap-1", s),
    ...a
  }
));
d.displayName = "PaginationContent";
const N = o.forwardRef(({ className: s, ...a }, n) => /* @__PURE__ */ i.jsx("li", { ref: n, className: e("", s), ...a }));
N.displayName = "PaginationItem";
const t = ({
  className: s,
  isActive: a,
  size: n = "icon",
  ...r
}) => /* @__PURE__ */ i.jsx(
  "a",
  {
    "aria-current": a ? "page" : void 0,
    className: e(
      l({
        variant: a ? "tertiary" : "ghost",
        size: n
      }),
      "cursor-pointer",
      s
    ),
    ...r
  }
);
t.displayName = "PaginationLink";
const P = ({
  className: s,
  ...a
}) => /* @__PURE__ */ i.jsx(
  t,
  {
    "aria-label": "Go to previous page",
    size: "default",
    className: e("gap-1 px-2.5", s),
    ...a,
    children: /* @__PURE__ */ i.jsx(f, { className: "h-4 w-4" })
  }
);
P.displayName = "PaginationPrevious";
const h = ({
  className: s,
  ...a
}) => /* @__PURE__ */ i.jsx(
  t,
  {
    "aria-label": "Go to next page",
    size: "default",
    className: e("gap-1 px-2.5", s),
    ...a,
    children: /* @__PURE__ */ i.jsx(m, { className: "h-4 w-4" })
  }
);
h.displayName = "PaginationNext";
const j = ({
  className: s,
  ...a
}) => /* @__PURE__ */ i.jsxs(
  "span",
  {
    "aria-hidden": !0,
    className: e("flex h-9 w-9 items-center justify-center", s),
    ...a,
    children: [
      /* @__PURE__ */ i.jsx(c, { className: "h-4 w-4" }),
      /* @__PURE__ */ i.jsx("span", { className: "sr-only", children: "More pages" })
    ]
  }
);
j.displayName = "PaginationEllipsis";
export {
  x as P,
  d as a,
  j as b,
  N as c,
  t as d,
  h as e,
  P as f
};