@youcan/celeste 0.6.57 → 0.6.59

package/dist/cjs/chunks/index.js

@@ -6781,8 +6781,244 @@ const Kc = ["value", "name", "disabled", "required"], [Eo, Hc] = Q("NumberFieldR
       _: 3
     }, 16, ["type", "style", "disabled", "data-disabled", "data-pressed"]));
   }
+}), [ta, Wc] = Q("PaginationRoot"), by = /* @__PURE__ */ Mo.defineComponent({
+  __name: "PaginationRoot",
+  props: {
+    page: {},
+    defaultPage: { default: 1 },
+    itemsPerPage: { default: 10 },
+    total: { default: 0 },
+    siblingCount: { default: 2 },
+    disabled: { type: Boolean },
+    showEdges: { type: Boolean, default: false },
+    asChild: { type: Boolean },
+    as: { default: "nav" }
+  },
+  emits: ["update:page"],
+  setup(a2, { emit: t }) {
+    const e = a2, n = t, { siblingCount: l, disabled: s, showEdges: r } = Mo.toRefs(e);
+    R();
+    const i = ne(e, "page", n, {
+      defaultValue: e.defaultPage,
+      passive: e.page === void 0
+    }), u = Mo.computed(() => Math.max(1, Math.ceil(e.total / e.itemsPerPage)));
+    return Wc({
+      page: i,
+      onPageChange(d) {
+        i.value = d;
+      },
+      pageCount: u,
+      siblingCount: l,
+      disabled: s,
+      showEdges: r
+    }), (d, c) => (Mo.openBlock(), Mo.createBlock(Mo.unref(O), {
+      as: d.as,
+      "as-child": d.asChild
+    }, {
+      default: Mo.withCtx(() => [
+        Mo.renderSlot(d.$slots, "default", {
+          page: Mo.unref(i),
+          pageCount: u.value
+        })
+      ]),
+      _: 3
+    }, 8, ["as", "as-child"]));
+  }
+}), Cy = /* @__PURE__ */ Mo.defineComponent({
+  __name: "PaginationEllipsis",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(a2) {
+    const t = a2;
+    return R(), (e, n) => (Mo.openBlock(), Mo.createBlock(Mo.unref(O), Mo.mergeProps(t, { "data-type": "ellipsis" }), {
+      default: Mo.withCtx(() => [
+        Mo.renderSlot(e.$slots, "default", {}, () => [
+          Mo.createTextVNode("…")
+        ])
+      ]),
+      _: 3
+    }, 16));
+  }
+}), wy = /* @__PURE__ */ Mo.defineComponent({
+  __name: "PaginationFirst",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "button" }
+  },
+  setup(a2) {
+    const t = a2, e = ta();
+    R();
+    const n = Mo.computed(() => e.page.value === 1 || e.disabled.value);
+    return (l, s) => (Mo.openBlock(), Mo.createBlock(Mo.unref(O), Mo.mergeProps(t, {
+      "aria-label": "First Page",
+      type: l.as === "button" ? "button" : void 0,
+      disabled: n.value,
+      onClick: s[0] || (s[0] = (r) => !n.value && Mo.unref(e).onPageChange(1))
+    }), {
+      default: Mo.withCtx(() => [
+        Mo.renderSlot(l.$slots, "default", {}, () => [
+          Mo.createTextVNode("First page")
+        ])
+      ]),
+      _: 3
+    }, 16, ["type", "disabled"]));
+  }
+}), _y = /* @__PURE__ */ Mo.defineComponent({
+  __name: "PaginationLast",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "button" }
+  },
+  setup(a2) {
+    const t = a2, e = ta();
+    R();
+    const n = Mo.computed(() => e.page.value === e.pageCount.value || e.disabled.value);
+    return (l, s) => (Mo.openBlock(), Mo.createBlock(Mo.unref(O), Mo.mergeProps(t, {
+      "aria-label": "Last Page",
+      type: l.as === "button" ? "button" : void 0,
+      disabled: n.value,
+      onClick: s[0] || (s[0] = (r) => !n.value && Mo.unref(e).onPageChange(Mo.unref(e).pageCount.value))
+    }), {
+      default: Mo.withCtx(() => [
+        Mo.renderSlot(l.$slots, "default", {}, () => [
+          Mo.createTextVNode("Last page")
+        ])
+      ]),
+      _: 3
+    }, 16, ["type", "disabled"]));
+  }
 });
-const Gc = ["id", "value", "name", "disabled", "required"], [qc, Yc] = Q("PinInputRoot"), Dy = /* @__PURE__ */ Mo.defineComponent({
+function it(a2, t) {
+  const e = t - a2 + 1;
+  return Array.from({ length: e }, (n, l) => l + a2);
+}
+function jc(a2) {
+  return a2.map((t) => typeof t == "number" ? { type: "page", value: t } : { type: "ellipsis" });
+}
+const Ba = "ellipsis";
+function Uc(a2, t, e, n) {
+  const s = t, r = Math.max(a2 - e, 1), i = Math.min(a2 + e, s);
+  if (n) {
+    const d = Math.min(2 * e + 5, t) - 2, c = r > 3 && Math.abs(s - d - 1 + 1) > 2 && Math.abs(r - 1) > 2, f = i < s - 2 && Math.abs(s - d) > 2 && Math.abs(s - i) > 2;
+    if (!c && f)
+      return [...it(1, d), Ba, s];
+    if (c && !f) {
+      const p = it(s - d + 1, s);
+      return [1, Ba, ...p];
+    }
+    if (c && f) {
+      const p = it(r, i);
+      return [1, Ba, ...p, Ba, s];
+    }
+    return it(1, s);
+  } else {
+    const u = e * 2 + 1;
+    return t < u ? it(1, s) : a2 <= e + 1 ? it(1, u) : t - a2 <= e ? it(t - u + 1, s) : it(r, i);
+  }
+}
+const xy = /* @__PURE__ */ Mo.defineComponent({
+  __name: "PaginationList",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(a2) {
+    const t = a2;
+    R();
+    const e = ta(), n = Mo.computed(() => jc(
+      Uc(
+        e.page.value,
+        e.pageCount.value,
+        e.siblingCount.value,
+        e.showEdges.value
+      )
+    ));
+    return (l, s) => (Mo.openBlock(), Mo.createBlock(Mo.unref(O), Mo.normalizeProps(Mo.guardReactiveProps(t)), {
+      default: Mo.withCtx(() => [
+        Mo.renderSlot(l.$slots, "default", { items: n.value })
+      ]),
+      _: 3
+    }, 16));
+  }
+}), Sy = /* @__PURE__ */ Mo.defineComponent({
+  __name: "PaginationListItem",
+  props: {
+    value: {},
+    asChild: { type: Boolean },
+    as: { default: "button" }
+  },
+  setup(a2) {
+    const t = a2;
+    R();
+    const e = ta(), n = Mo.computed(() => e.page.value === t.value), l = Mo.computed(() => e.disabled.value);
+    return (s, r) => (Mo.openBlock(), Mo.createBlock(Mo.unref(O), Mo.mergeProps(t, {
+      "data-type": "page",
+      "aria-label": `Page ${s.value}`,
+      "aria-current": n.value ? "page" : void 0,
+      "data-selected": n.value ? "true" : void 0,
+      disabled: l.value,
+      type: s.as === "button" ? "button" : void 0,
+      onClick: r[0] || (r[0] = (i) => !l.value && Mo.unref(e).onPageChange(s.value))
+    }), {
+      default: Mo.withCtx(() => [
+        Mo.renderSlot(s.$slots, "default", {}, () => [
+          Mo.createTextVNode(Mo.toDisplayString(s.value), 1)
+        ])
+      ]),
+      _: 3
+    }, 16, ["aria-label", "aria-current", "data-selected", "disabled", "type"]));
+  }
+}), Ey = /* @__PURE__ */ Mo.defineComponent({
+  __name: "PaginationNext",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "button" }
+  },
+  setup(a2) {
+    const t = a2;
+    R();
+    const e = ta(), n = Mo.computed(() => e.page.value === e.pageCount.value || e.disabled.value);
+    return (l, s) => (Mo.openBlock(), Mo.createBlock(Mo.unref(O), Mo.mergeProps(t, {
+      "aria-label": "Next Page",
+      type: l.as === "button" ? "button" : void 0,
+      disabled: n.value,
+      onClick: s[0] || (s[0] = (r) => !n.value && Mo.unref(e).onPageChange(Mo.unref(e).page.value + 1))
+    }), {
+      default: Mo.withCtx(() => [
+        Mo.renderSlot(l.$slots, "default", {}, () => [
+          Mo.createTextVNode("Next page")
+        ])
+      ]),
+      _: 3
+    }, 16, ["type", "disabled"]));
+  }
+}), Py = /* @__PURE__ */ Mo.defineComponent({
+  __name: "PaginationPrev",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "button" }
+  },
+  setup(a2) {
+    const t = a2;
+    R();
+    const e = ta(), n = Mo.computed(() => e.page.value === 1 || e.disabled.value);
+    return (l, s) => (Mo.openBlock(), Mo.createBlock(Mo.unref(O), Mo.mergeProps(t, {
+      "aria-label": "Previous Page",
+      type: l.as === "button" ? "button" : void 0,
+      disabled: n.value,
+      onClick: s[0] || (s[0] = (r) => !n.value && Mo.unref(e).onPageChange(Mo.unref(e).page.value - 1))
+    }), {
+      default: Mo.withCtx(() => [
+        Mo.renderSlot(l.$slots, "default", {}, () => [
+          Mo.createTextVNode("Prev page")
+        ])
+      ]),
+      _: 3
+    }, 16, ["type", "disabled"]));
+  }
+}), Gc = ["id", "value", "name", "disabled", "required"], [qc, Yc] = Q("PinInputRoot"), Dy = /* @__PURE__ */ Mo.defineComponent({
   inheritAttrs: false,
   __name: "PinInputRoot",
   props: {
@@ -10396,10 +10632,12 @@ exports.Ay = Ay;
 exports.By = By;
 exports.Cg = Cg;
 exports.Ch = Ch;
+exports.Cy = Cy;
 exports.Du = Du;
 exports.Dv = Dv;
 exports.Dy = Dy;
 exports.Eu = Eu;
+exports.Ey = Ey;
 exports.Fy = Fy;
 exports.Gl = Gl;
 exports.Gy = Gy;
@@ -10418,10 +10656,12 @@ exports.O = O;
 exports.Oh = Oh;
 exports.Oy = Oy;
 exports.Pu = Pu;
+exports.Py = Py;
 exports.Qf = Qf;
 exports.Qv = Qv;
 exports.Qy = Qy;
 exports.Ry = Ry;
+exports.Sy = Sy;
 exports.Ty = Ty;
 exports.Uv = Uv;
 exports.Uy = Uy;
@@ -10435,12 +10675,14 @@ exports.Yv = Yv;
 exports.Yy = Yy;
 exports.Zv = Zv;
 exports._s = _s;
+exports._y = _y;
 exports.ag = ag;
 exports.arrow = arrow$1;
 exports.autoPlacement = autoPlacement;
 exports.bg = bg;
 exports.bh = bh;
 exports.bs = bs;
+exports.by = by;
 exports.ch = ch;
 exports.computePosition = computePosition;
 exports.eg = eg;
@@ -10481,9 +10723,11 @@ exports.tu = tu;
 exports.uh = uh;
 exports.wh = wh;
 exports.ws = ws;
+exports.wy = wy;
 exports.xe = xe;
 exports.xs = xs;
 exports.xu = xu;
+exports.xy = xy;
 exports.yg = yg;
 exports.ys = ys;
 exports.yy = yy;

package/dist/cjs/chunks/pagination-first.js

@@ -0,0 +1,32 @@
+"use strict";
+const Mo = require("vue");
+const clsx = require("./clsx.js");
+const index$1 = require("./index.js");
+const index = require("./index2.js");
+const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
+  __name: "pagination-first",
+  props: {
+    class: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegated = index.reactiveOmit(props, "class");
+    const forwarded = index$1.At(delegated);
+    return (_ctx, _cache) => {
+      return Mo.openBlock(), Mo.createBlock(Mo.unref(index$1.wy), Mo.mergeProps({
+        class: Mo.unref(clsx.clsx)("celeste-pagination-element", "celeste-pagination-first", props.class),
+        "data-slot": "pagination-first"
+      }, Mo.unref(forwarded)), {
+        default: Mo.withCtx(() => [
+          Mo.renderSlot(_ctx.$slots, "default", {}, () => [
+            _cache[0] || (_cache[0] = Mo.createElementVNode("i", { class: "i-celeste-arrow-left-double-line" }, null, -1))
+          ])
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;

package/dist/cjs/chunks/pagination-item.js

@@ -0,0 +1,32 @@
+"use strict";
+const Mo = require("vue");
+const clsx = require("./clsx.js");
+const index$1 = require("./index.js");
+const index = require("./index2.js");
+const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
+  __name: "pagination-item",
+  props: {
+    class: {},
+    isActive: { type: Boolean },
+    disabled: { type: Boolean },
+    value: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegated = index.reactiveOmit(props, "class", "isActive", "disabled");
+    return (_ctx, _cache) => {
+      return Mo.openBlock(), Mo.createBlock(Mo.unref(index$1.Sy), Mo.mergeProps(Mo.unref(delegated), {
+        "data-slot": "pagination-item",
+        class: Mo.unref(clsx.clsx)("celeste-pagination-element", "celeste-pagination-item", props.class, { "celeste-pagination-item-active": props.isActive }, props.disabled && "celeste-pagination-item-disabled")
+      }), {
+        default: Mo.withCtx(() => [
+          Mo.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;

package/dist/cjs/chunks/pagination-last.js

@@ -0,0 +1,32 @@
+"use strict";
+const Mo = require("vue");
+const clsx = require("./clsx.js");
+const index$1 = require("./index.js");
+const index = require("./index2.js");
+const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
+  __name: "pagination-last",
+  props: {
+    class: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegated = index.reactiveOmit(props, "class");
+    const forwarded = index$1.At(delegated);
+    return (_ctx, _cache) => {
+      return Mo.openBlock(), Mo.createBlock(Mo.unref(index$1._y), Mo.mergeProps({
+        class: Mo.unref(clsx.clsx)("celeste-pagination-element", "celeste-pagination-last", props.class),
+        "data-slot": "pagination-last"
+      }, Mo.unref(forwarded)), {
+        default: Mo.withCtx(() => [
+          Mo.renderSlot(_ctx.$slots, "default", {}, () => [
+            _cache[0] || (_cache[0] = Mo.createElementVNode("i", { class: "i-celeste-arrow-right-double-line" }, null, -1))
+          ])
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;

package/dist/cjs/chunks/pagination-next.js

@@ -0,0 +1,32 @@
+"use strict";
+const Mo = require("vue");
+const clsx = require("./clsx.js");
+const index$1 = require("./index.js");
+const index = require("./index2.js");
+const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
+  __name: "pagination-next",
+  props: {
+    class: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegated = index.reactiveOmit(props, "class");
+    const forwarded = index$1.At(delegated);
+    return (_ctx, _cache) => {
+      return Mo.openBlock(), Mo.createBlock(Mo.unref(index$1.Ey), Mo.mergeProps({
+        class: Mo.unref(clsx.clsx)("celeste-pagination-element", "celeste-pagination-next", props.class),
+        "data-slot": "pagination-next"
+      }, Mo.unref(forwarded)), {
+        default: Mo.withCtx(() => [
+          Mo.renderSlot(_ctx.$slots, "default", {}, () => [
+            _cache[0] || (_cache[0] = Mo.createElementVNode("i", { class: "i-celeste-arrow-right-s-line" }, null, -1))
+          ])
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;

package/dist/cjs/chunks/pagination-previous.js

@@ -0,0 +1,32 @@
+"use strict";
+const Mo = require("vue");
+const clsx = require("./clsx.js");
+const index$1 = require("./index.js");
+const index = require("./index2.js");
+const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
+  __name: "pagination-previous",
+  props: {
+    class: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegated = index.reactiveOmit(props, "class");
+    const forwarded = index$1.At(delegated);
+    return (_ctx, _cache) => {
+      return Mo.openBlock(), Mo.createBlock(Mo.unref(index$1.Py), Mo.mergeProps({
+        class: Mo.unref(clsx.clsx)("celeste-pagination-element", "celeste-pagination-previous", props.class),
+        "data-slot": "pagination-previous"
+      }, Mo.unref(forwarded)), {
+        default: Mo.withCtx(() => [
+          Mo.renderSlot(_ctx.$slots, "default", {}, () => [
+            _cache[0] || (_cache[0] = Mo.createElementVNode("i", { class: "i-celeste-arrow-left-s-line" }, null, -1))
+          ])
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;

package/dist/cjs/index.js

@@ -51,6 +51,14 @@ const modalFooter = require("./modal-footer.js");
 const modalHeader = require("./modal-header.js");
 const modalTrigger_vue_vue_type_script_setup_true_lang = require("./chunks/modal-trigger.js");
 const modal_vue_vue_type_script_setup_true_lang = require("./chunks/modal.js");
+const paginationContent = require("./pagination-content.js");
+const paginationEllipsis = require("./pagination-ellipsis.js");
+const paginationFirst_vue_vue_type_script_setup_true_lang = require("./chunks/pagination-first.js");
+const paginationItem_vue_vue_type_script_setup_true_lang = require("./chunks/pagination-item.js");
+const paginationLast_vue_vue_type_script_setup_true_lang = require("./chunks/pagination-last.js");
+const paginationNext_vue_vue_type_script_setup_true_lang = require("./chunks/pagination-next.js");
+const paginationPrevious_vue_vue_type_script_setup_true_lang = require("./chunks/pagination-previous.js");
+const pagination = require("./pagination.js");
 const popoverContent = require("./popover-content.js");
 const popoverTrigger = require("./popover-trigger.js");
 const popover_vue_vue_type_script_setup_true_lang = require("./chunks/popover.js");
@@ -141,6 +149,14 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   ModalFooter: modalFooter,
   ModalHeader: modalHeader,
   ModalTrigger: modalTrigger_vue_vue_type_script_setup_true_lang._sfc_main,
+  Pagination: pagination,
+  PaginationContent: paginationContent,
+  PaginationEllipsis: paginationEllipsis,
+  PaginationFirst: paginationFirst_vue_vue_type_script_setup_true_lang._sfc_main,
+  PaginationItem: paginationItem_vue_vue_type_script_setup_true_lang._sfc_main,
+  PaginationLast: paginationLast_vue_vue_type_script_setup_true_lang._sfc_main,
+  PaginationNext: paginationNext_vue_vue_type_script_setup_true_lang._sfc_main,
+  PaginationPrevious: paginationPrevious_vue_vue_type_script_setup_true_lang._sfc_main,
   Popover: popover_vue_vue_type_script_setup_true_lang._sfc_main,
   PopoverContent: popoverContent,
   PopoverTrigger: popoverTrigger,
@@ -287,6 +303,14 @@ exports.ModalFooter = modalFooter;
 exports.ModalHeader = modalHeader;
 exports.ModalTrigger = modalTrigger_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.Modal = modal_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.PaginationContent = paginationContent;
+exports.PaginationEllipsis = paginationEllipsis;
+exports.PaginationFirst = paginationFirst_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.PaginationItem = paginationItem_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.PaginationLast = paginationLast_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.PaginationNext = paginationNext_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.PaginationPrevious = paginationPrevious_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.Pagination = pagination;
 exports.PopoverContent = popoverContent;
 exports.PopoverTrigger = popoverTrigger;
 exports.Popover = popover_vue_vue_type_script_setup_true_lang._sfc_main;

package/dist/cjs/pagination-content.js

@@ -0,0 +1,30 @@
+"use strict";
+const Mo = require("vue");
+const clsx = require("./chunks/clsx.js");
+const index$1 = require("./chunks/index.js");
+const index = require("./chunks/index2.js");
+const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
+const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
+  __name: "pagination-content",
+  props: {
+    class: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegated = index.reactiveOmit(props, "class");
+    return (_ctx, _cache) => {
+      return Mo.openBlock(), Mo.createBlock(Mo.unref(index$1.xy), Mo.mergeProps({ "data-slot": "pagination-content" }, Mo.unref(delegated), {
+        class: Mo.unref(clsx.clsx)("celeste-pagination-content", props.class)
+      }), {
+        default: Mo.withCtx((sprops) => [
+          Mo.renderSlot(_ctx.$slots, "default", Mo.normalizeProps(Mo.guardReactiveProps(sprops)), void 0, true)
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+const paginationContent = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-9a600a5d"]]);
+module.exports = paginationContent;

package/dist/cjs/pagination-ellipsis.js

@@ -0,0 +1,34 @@
+"use strict";
+const Mo = require("vue");
+const clsx = require("./chunks/clsx.js");
+const index$1 = require("./chunks/index.js");
+const index = require("./chunks/index2.js");
+const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
+const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
+  __name: "pagination-ellipsis",
+  props: {
+    class: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegated = index.reactiveOmit(props, "class");
+    return (_ctx, _cache) => {
+      return Mo.openBlock(), Mo.createBlock(Mo.unref(index$1.Cy), Mo.mergeProps(Mo.unref(delegated), {
+        class: Mo.unref(clsx.clsx)("celeste-pagination-element", "celeste-pagination-ellipsis", props.class),
+        "data-slot": "pagination-ellipsis"
+      }), {
+        default: Mo.withCtx(() => [
+          Mo.renderSlot(_ctx.$slots, "default", {}, () => [
+            _cache[0] || (_cache[0] = Mo.createElementVNode("span", { class: "celeste-pagination-ellipsis-dots" }, "...", -1)),
+            _cache[1] || (_cache[1] = Mo.createElementVNode("span", { class: "celeste-pagination-ellipsis-sr" }, "More pages", -1))
+          ], true)
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+const paginationEllipsis = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-b7b0cb53"]]);
+module.exports = paginationEllipsis;

package/dist/cjs/pagination-first.js

@@ -0,0 +1,3 @@
+"use strict";
+const paginationFirst_vue_vue_type_script_setup_true_lang = require("./chunks/pagination-first.js");
+module.exports = paginationFirst_vue_vue_type_script_setup_true_lang._sfc_main;

package/dist/cjs/pagination-item.js

@@ -0,0 +1,3 @@
+"use strict";
+const paginationItem_vue_vue_type_script_setup_true_lang = require("./chunks/pagination-item.js");
+module.exports = paginationItem_vue_vue_type_script_setup_true_lang._sfc_main;

package/dist/cjs/pagination-last.js

@@ -0,0 +1,3 @@
+"use strict";
+const paginationLast_vue_vue_type_script_setup_true_lang = require("./chunks/pagination-last.js");
+module.exports = paginationLast_vue_vue_type_script_setup_true_lang._sfc_main;

package/dist/cjs/pagination-next.js

@@ -0,0 +1,3 @@
+"use strict";
+const paginationNext_vue_vue_type_script_setup_true_lang = require("./chunks/pagination-next.js");
+module.exports = paginationNext_vue_vue_type_script_setup_true_lang._sfc_main;

package/dist/cjs/pagination-previous.js

@@ -0,0 +1,3 @@
+"use strict";
+const paginationPrevious_vue_vue_type_script_setup_true_lang = require("./chunks/pagination-previous.js");
+module.exports = paginationPrevious_vue_vue_type_script_setup_true_lang._sfc_main;

package/dist/cjs/pagination.js

@@ -0,0 +1,59 @@
+"use strict";
+const Mo = require("vue");
+const clsx = require("./chunks/clsx.js");
+const index$1 = require("./chunks/index.js");
+const index = require("./chunks/index2.js");
+const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
+const _hoisted_1 = {
+  key: 0,
+  class: "celeste-pagination-leading"
+};
+const _hoisted_2 = { class: "celeste-pagination-center" };
+const _hoisted_3 = {
+  key: 1,
+  class: "celeste-pagination-trailing"
+};
+const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
+  __name: "pagination",
+  props: {
+    class: {},
+    variant: { default: "basic" },
+    page: {},
+    defaultPage: {},
+    itemsPerPage: {},
+    total: {},
+    siblingCount: {},
+    disabled: { type: Boolean },
+    showEdges: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  emits: ["update:page"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const delegated = index.reactiveOmit(props, "class");
+    const forwarded = index$1.xe(delegated, emits);
+    return (_ctx, _cache) => {
+      return Mo.openBlock(), Mo.createBlock(Mo.unref(index$1.by), Mo.mergeProps(Mo.unref(forwarded), {
+        "data-slot": "pagination",
+        class: Mo.unref(clsx.clsx)("celeste-pagination", `celeste-pagination-variant-${props.variant}`, props.class)
+      }), {
+        default: Mo.withCtx((sprops) => [
+          _ctx.$slots.leading ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_1, [
+            Mo.renderSlot(_ctx.$slots, "leading", Mo.normalizeProps(Mo.guardReactiveProps(sprops)), void 0, true)
+          ])) : Mo.createCommentVNode("", true),
+          Mo.createElementVNode("div", _hoisted_2, [
+            Mo.renderSlot(_ctx.$slots, "default", Mo.normalizeProps(Mo.guardReactiveProps(sprops)), void 0, true)
+          ]),
+          _ctx.$slots.trailing ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_3, [
+            Mo.renderSlot(_ctx.$slots, "trailing", Mo.normalizeProps(Mo.guardReactiveProps(sprops)), void 0, true)
+          ])) : Mo.createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+const pagination = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-0511c5ac"]]);
+module.exports = pagination;

package/dist/components/index.d.ts

@@ -12,6 +12,7 @@ export * from './file-upload';
 export * from './hint-text';
 export * from './label';
 export * from './modal';
+export * from './pagination';
 export * from './popover';
 export * from './progress';
 export * from './radio-group';