@stanfordspezi/spezi-web-design-system/dist/Pagination-Clet_1Hp.mjs

Stanford Biodesign Digital Health Spezi Web Design System

import { jsx as n, jsxs as t } from "react/jsx-runtime";
import { c as i } from "./index-2NvaPZWc.mjs";
import { B as r } from "./Button-CvQ4tVYH.mjs";
import { C as l } from "./chevron-left-Cq9wjD2f.mjs";
import { C as c } from "./chevron-right-DRPdnJlq.mjs";
import { E as m } from "./ellipsis-C1BZ3Trb.mjs";
const d = ({ className: a, ...s }) => /* @__PURE__ */ n(
  "nav",
  {
    role: "navigation",
    "aria-label": "pagination",
    className: i("flex justify-center", a),
    ...s
  }
), v = ({
  className: a,
  ...s
}) => /* @__PURE__ */ n("ul", { className: i("flex items-center gap-1", a), ...s }), C = ({
  className: a,
  ...s
}) => /* @__PURE__ */ n("li", { className: i("", a), ...s }), e = ({
  isActive: a,
  size: s = "sm",
  ...o
}) => /* @__PURE__ */ n(
  r,
  {
    "aria-current": a ? "page" : void 0,
    variant: a ? "outline" : "ghost",
    size: s,
    ...o
  }
), g = () => /* @__PURE__ */ n(l, { className: "size-4" }), b = ({
  children: a,
  ...s
}) => /* @__PURE__ */ n(e, { "aria-label": "Go to previous page", ...s, children: a ?? /* @__PURE__ */ n(g, {}) }), p = () => /* @__PURE__ */ n(c, { className: "size-4" }), z = ({
  children: a,
  ...s
}) => /* @__PURE__ */ n(e, { "aria-label": "Go to next page", ...s, children: a ?? /* @__PURE__ */ n(p, {}) }), I = ({
  className: a,
  ...s
}) => /* @__PURE__ */ t("span", { "aria-hidden": !0, className: i("flex-center size-9", a), ...s, children: [
  /* @__PURE__ */ n(m, { className: "size-4" }),
  /* @__PURE__ */ n("span", { className: "sr-only", children: "More pages" })
] });
export {
  d as P,
  v as a,
  C as b,
  e as c,
  g as d,
  b as e,
  p as f,
  z as g,
  I as h
};