@auronui/vue 1.0.0

package/dist/components/number-field/NumberField.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,148 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeModels, normalizeClass, openBlock, toDisplayString, unref, useId, useModel, withCtx } from "vue";
+import { numberFieldVariants } from "@auronui/styles";
+import { NumberFieldDecrement, NumberFieldIncrement, NumberFieldInput, NumberFieldRoot } from "reka-ui";
+//#region src/components/number-field/NumberField.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["for"];
+var NumberField_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "NumberField",
+	props: /* @__PURE__ */ mergeModels({
+		variant: { default: "flat" },
+		size: { default: "md" },
+		color: { default: "default" },
+		fullWidth: {
+			type: Boolean,
+			default: false
+		},
+		isInvalid: {
+			type: Boolean,
+			default: false
+		},
+		isDisabled: {
+			type: Boolean,
+			default: false
+		},
+		isReadonly: {
+			type: Boolean,
+			default: false
+		},
+		min: { default: void 0 },
+		max: { default: void 0 },
+		step: { default: 1 },
+		formatOptions: { default: void 0 },
+		locale: { default: void 0 },
+		name: {},
+		id: {},
+		placeholder: {},
+		label: { default: void 0 },
+		ariaLabel: { default: void 0 },
+		class: {}
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const props = __props;
+		const modelValue = useModel(__props, "modelValue");
+		const slotFns = computed(() => numberFieldVariants({
+			variant: props.variant,
+			size: props.size,
+			color: props.color,
+			fullWidth: props.fullWidth,
+			isInvalid: props.isInvalid,
+			isDisabled: props.isDisabled,
+			isReadonly: props.isReadonly
+		}));
+		const generatedInputId = useId();
+		const resolvedInputId = computed(() => props.id ?? generatedInputId);
+		const hasLabel = computed(() => !!(props.label || props.ariaLabel));
+		const isLabelVisible = computed(() => !!props.label);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(NumberFieldRoot), {
+				id: resolvedInputId.value,
+				modelValue: modelValue.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+				min: props.min,
+				max: props.max,
+				step: props.step,
+				disabled: props.isDisabled || void 0,
+				readonly: props.isReadonly || void 0,
+				"format-options": props.formatOptions,
+				locale: props.locale,
+				name: props.name,
+				class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class)),
+				"data-invalid": props.isInvalid || void 0,
+				"data-disabled": props.isDisabled || void 0,
+				"data-readonly": props.isReadonly || void 0
+			}, {
+				default: withCtx(() => [hasLabel.value ? (openBlock(), createElementBlock("label", {
+					key: 0,
+					for: resolvedInputId.value,
+					class: normalizeClass(isLabelVisible.value ? void 0 : "sr-only"),
+					"data-slot": "label"
+				}, toDisplayString(props.label || props.ariaLabel), 11, _hoisted_1)) : createCommentVNode("", true), createElementVNode("div", {
+					class: normalizeClass(slotFns.value.group()),
+					"data-slot": "group"
+				}, [
+					createVNode(unref(NumberFieldDecrement), { class: normalizeClass(slotFns.value.decrementButton()) }, {
+						default: withCtx(() => [..._cache[1] || (_cache[1] = [createElementVNode("svg", {
+							"aria-hidden": "true",
+							xmlns: "http://www.w3.org/2000/svg",
+							width: "16",
+							height: "16",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							"stroke-width": "2",
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round",
+							"data-slot": "number-field-decrement-button-icon"
+						}, [createElementVNode("path", { d: "M5 12h14" })], -1)])]),
+						_: 1
+					}, 8, ["class"]),
+					createVNode(unref(NumberFieldInput), {
+						class: normalizeClass(slotFns.value.input()),
+						placeholder: props.placeholder
+					}, null, 8, ["class", "placeholder"]),
+					createVNode(unref(NumberFieldIncrement), { class: normalizeClass(slotFns.value.incrementButton()) }, {
+						default: withCtx(() => [..._cache[2] || (_cache[2] = [createElementVNode("svg", {
+							"aria-hidden": "true",
+							xmlns: "http://www.w3.org/2000/svg",
+							width: "16",
+							height: "16",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							"stroke-width": "2",
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round",
+							"data-slot": "number-field-increment-button-icon"
+						}, [createElementVNode("path", { d: "M5 12h14" }), createElementVNode("path", { d: "M12 5v14" })], -1)])]),
+						_: 1
+					}, 8, ["class"])
+				], 2)]),
+				_: 1
+			}, 8, [
+				"id",
+				"modelValue",
+				"min",
+				"max",
+				"step",
+				"disabled",
+				"readonly",
+				"format-options",
+				"locale",
+				"name",
+				"class",
+				"data-invalid",
+				"data-disabled",
+				"data-readonly"
+			]);
+		};
+	}
+});
+//#endregion
+export { NumberField_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=NumberField.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/number-field/NumberField.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberField.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/number-field/NumberField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { useId } from 'vue'\nimport {\n  NumberFieldRoot,\n  NumberFieldInput,\n  NumberFieldIncrement,\n  NumberFieldDecrement,\n} from 'reka-ui'\nimport { numberFieldVariants, type NumberFieldVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  variant?: NumberFieldVariants['variant']\n  size?: NumberFieldVariants['size']\n  color?: NumberFieldVariants['color']\n  fullWidth?: boolean\n  isInvalid?: boolean\n  isDisabled?: boolean\n  isReadonly?: boolean\n  min?: number\n  max?: number\n  step?: number\n  formatOptions?: Intl.NumberFormatOptions\n  locale?: string\n  name?: string\n  id?: string\n  placeholder?: string\n  label?: string\n  // camelCase prop; in templates users write aria-label=\"…\" (Vue auto-converts)\n  ariaLabel?: string\n  class?: string\n}>(), {\n  variant: 'flat',\n  size: 'md',\n  color: 'default',\n  fullWidth: false,\n  isInvalid: false,\n  isDisabled: false,\n  isReadonly: false,\n  step: 1,\n  min: undefined,\n  max: undefined,\n  formatOptions: undefined,\n  locale: undefined,\n  label: undefined,\n  ariaLabel: undefined,\n})\n\nconst modelValue = defineModel<number | undefined>()\n\nconst slotFns = computed(() =>\n  numberFieldVariants({\n    variant: props.variant,\n    size: props.size,\n    color: props.color,\n    fullWidth: props.fullWidth,\n    isInvalid: props.isInvalid,\n    isDisabled: props.isDisabled,\n    isReadonly: props.isReadonly,\n  })\n)\n\n// Generate a stable id for the input element.\n// NumberFieldRoot forwards this id to the underlying <input> via context.\n// We use this to wire a <label for=\"inputId\"> which is axe-safe regardless\n// of how Reka UI handles attr forwarding through its Primitive component.\nconst generatedInputId = useId()\n// Use caller-provided id if given, otherwise our generated id.\nconst resolvedInputId = computed(() => props.id ?? generatedInputId)\n\n// Whether to show a label element (visible or sr-only).\nconst hasLabel = computed(() => !!(props.label || props.ariaLabel))\n// When only ariaLabel is given (no visible label), the label is sr-only.\nconst isLabelVisible = computed(() => !!props.label)\n</script>\n\n<template>\n  <NumberFieldRoot\n    :id=\"resolvedInputId\"\n    v-model=\"modelValue\"\n    :min=\"props.min\"\n    :max=\"props.max\"\n    :step=\"props.step\"\n    :disabled=\"props.isDisabled || undefined\"\n    :readonly=\"props.isReadonly || undefined\"\n    :format-options=\"props.formatOptions\"\n    :locale=\"props.locale\"\n    :name=\"props.name\"\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    :data-invalid=\"props.isInvalid || undefined\"\n    :data-disabled=\"props.isDisabled || undefined\"\n    :data-readonly=\"props.isReadonly || undefined\"\n  >\n    <!--\n      Label element — always rendered when `label` or `aria-label` is provided.\n      When only `aria-label` is given (no visible label) the element is sr-only.\n      Uses label[for=resolvedInputId] to wire to the Reka UI input element —\n      this is axe-safe because NumberFieldRoot forwards its `id` prop directly\n      to the underlying <input> via context, making label[for] reliable even\n      though custom attrs passed to NumberFieldInput don't reach the DOM input.\n    -->\n    <label\n      v-if=\"hasLabel\"\n      :for=\"resolvedInputId\"\n      :class=\"isLabelVisible ? undefined : 'sr-only'\"\n      data-slot=\"label\"\n    >{{ props.label || props.ariaLabel }}</label>\n\n    <!-- Number field control group -->\n    <div\n      :class=\"slotFns.group()\"\n      data-slot=\"group\"\n    >\n      <NumberFieldDecrement :class=\"slotFns.decrementButton()\">\n        <svg\n          aria-hidden=\"true\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"16\"\n          height=\"16\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          data-slot=\"number-field-decrement-button-icon\"\n        >\n          <path d=\"M5 12h14\" />\n        </svg>\n      </NumberFieldDecrement>\n\n      <NumberFieldInput\n        :class=\"slotFns.input()\"\n        :placeholder=\"props.placeholder\"\n      />\n\n      <NumberFieldIncrement :class=\"slotFns.incrementButton()\">\n        <svg\n          aria-hidden=\"true\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"16\"\n          height=\"16\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          data-slot=\"number-field-increment-button-icon\"\n        >\n          <path d=\"M5 12h14\" />\n          <path d=\"M12 5v14\" />\n        </svg>\n      </NumberFieldIncrement>\n    </div>\n  </NumberFieldRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYA,MAAM,QAAQ;EAqCd,MAAM,aAAa,SAA+B,SAAA,aAAC;EAEnD,MAAM,UAAU,eACd,oBAAoB;GAClB,SAAS,MAAM;GACf,MAAM,MAAM;GACZ,OAAO,MAAM;GACb,WAAW,MAAM;GACjB,WAAW,MAAM;GACjB,YAAY,MAAM;GAClB,YAAY,MAAM;GACnB,CAAA,CACH;EAMA,MAAM,mBAAmB,OAAM;EAE/B,MAAM,kBAAkB,eAAe,MAAM,MAAM,iBAAgB;EAGnE,MAAM,WAAW,eAAe,CAAC,EAAE,MAAM,SAAS,MAAM,WAAU;EAElE,MAAM,iBAAiB,eAAe,CAAC,CAAC,MAAM,MAAK;;uBAIjD,YA8EkB,MAAA,gBAAA,EAAA;IA7Ef,IAAI,gBAAA;gBACI,WAAA;4EAAU,QAAA;IAClB,KAAK,MAAM;IACX,KAAK,MAAM;IACX,MAAM,MAAM;IACZ,UAAU,MAAM,cAAc,KAAA;IAC9B,UAAU,MAAM,cAAc,KAAA;IAC9B,kBAAgB,MAAM;IACtB,QAAQ,MAAM;IACd,MAAM,MAAM;IACZ,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,MAAK,CAAA;IACnD,gBAAc,MAAM,aAAa,KAAA;IACjC,iBAAe,MAAM,cAAc,KAAA;IACnC,iBAAe,MAAM,cAAc,KAAA;;2BAeS,CAJrC,SAAA,SAAA,WAAA,EADR,mBAK6C,SAAA;;KAH1C,KAAK,gBAAA;KACL,OAAK,eAAE,eAAA,QAAiB,KAAA,IAAS,UAAA;KAClC,aAAU;uBACR,MAAM,SAAS,MAAM,UAAS,EAAA,IAAA,WAAA,IAAA,mBAAA,IAAA,KAAA,EAGlC,mBA6CM,OAAA;KA5CH,OAAK,eAAE,QAAA,MAAQ,OAAK,CAAA;KACrB,aAAU;;KAEV,YAgBuB,MAAA,qBAAA,EAAA,EAhBA,OAAK,eAAE,QAAA,MAAQ,iBAAe,CAAA,EAAA,EAAA;6BAe7C,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAdN,mBAcM,OAAA;OAbJ,eAAY;OACZ,OAAM;OACN,OAAM;OACN,QAAO;OACP,SAAQ;OACR,MAAK;OACL,QAAO;OACP,gBAAa;OACb,kBAAe;OACf,mBAAgB;OAChB,aAAU;UAEV,mBAAqB,QAAA,EAAf,GAAE,YAAU,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,CAAA;;;KAItB,YAGE,MAAA,iBAAA,EAAA;MAFC,OAAK,eAAE,QAAA,MAAQ,OAAK,CAAA;MACpB,aAAa,MAAM;;KAGtB,YAiBuB,MAAA,qBAAA,EAAA,EAjBA,OAAK,eAAE,QAAA,MAAQ,iBAAe,CAAA,EAAA,EAAA;6BAgB7C,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAfN,mBAeM,OAAA;OAdJ,eAAY;OACZ,OAAM;OACN,OAAM;OACN,QAAO;OACP,SAAQ;OACR,MAAK;OACL,QAAO;OACP,gBAAa;OACb,kBAAe;OACf,mBAAgB;OAChB,aAAU;UAEV,mBAAqB,QAAA,EAAf,GAAE,YAAU,CAAA,EAClB,mBAAqB,QAAA,EAAf,GAAE,YAAU,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,CAAA"}

package/dist/components/pagination/Pagination.js

@@ -0,0 +1,7 @@
+import Pagination_vue_vue_type_script_setup_true_lang_default from "./Pagination.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/pagination/Pagination.vue
+var Pagination_default = Pagination_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Pagination_default as default };
+
+//# sourceMappingURL=Pagination.js.map

package/dist/components/pagination/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","names":[],"sources":["../../../src/components/pagination/Pagination.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRef, type Ref } from 'vue'\nimport { PaginationRoot } from 'reka-ui'\nimport { paginationVariants, type PaginationVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { createPaginationContext } from './pagination.context'\n\nconst props = withDefaults(defineProps<{\n  /** Current page number (v-model:page) */\n  page?: number\n  /** Default page for uncontrolled usage */\n  defaultPage?: number\n  /** Number of items per page */\n  itemsPerPage?: number\n  /** Total number of items */\n  totalItems?: number\n  /** Number of sibling pages shown on each side of current page */\n  siblingCount?: number\n  /** Whether to show first/last page edge buttons */\n  showEdges?: boolean\n  /** Size variant */\n  size?: PaginationVariants['size']\n  /** Pagination type: 'numeric' for page numbers, 'cursor' for relay-style */\n  type?: 'numeric' | 'cursor'\n  /** Whether the entire pagination is disabled */\n  disabled?: boolean\n  /** Cursor mode: before cursor value */\n  beforeCursor?: string | null\n  /** Cursor mode: after cursor value */\n  afterCursor?: string | null\n  /** Additional CSS class */\n  class?: string\n}>(), {\n  page: 1,\n  defaultPage: 1,\n  itemsPerPage: 10,\n  totalItems: 0,\n  siblingCount: 2,\n  showEdges: false,\n  size: 'md',\n  type: 'numeric',\n  disabled: false,\n  beforeCursor: null,\n  afterCursor: null,\n})\n\nconst emit = defineEmits<{\n  'update:page': [page: number]\n  'update:cursor': [before: string | null, after: string | null]\n}>()\n\n// Compute total pages — cap at 1 minimum to prevent division edge cases (T-08-03)\nconst totalPages = computed(() =>\n  Math.max(1, Math.ceil(props.totalItems / props.itemsPerPage))\n)\n\n// Validate page ∈ [1, totalPages] before propagating (T-08-01)\nfunction handlePageChange(newPage: number) {\n  const safePage = Math.max(1, Math.min(newPage, totalPages.value))\n  emit('update:page', safePage)\n}\n\nfunction handleCursorChange(before: string | null, after: string | null) {\n  emit('update:cursor', before, after)\n}\n\n// Provide context for all child parts\ncreatePaginationContext({\n  page: toRef(props, 'page'),\n  totalItems: toRef(props, 'totalItems'),\n  pageSize: toRef(props, 'itemsPerPage'),\n  totalPages,\n  size: toRef(props, 'size') as Ref<NonNullable<PaginationVariants['size']>>,\n  type: toRef(props, 'type'),\n  disabled: toRef(props, 'disabled'),\n  beforeCursor: toRef(props, 'beforeCursor'),\n  afterCursor: toRef(props, 'afterCursor'),\n  onPageChange: handlePageChange,\n  onCursorChange: handleCursorChange,\n})\n\nconst styles = computed(() => paginationVariants({ size: props.size }))\n</script>\n\n<template>\n  <!--\n    Numeric mode: use Reka UI PaginationRoot for full numeric pagination with ellipsis.\n    Cursor mode: render a plain nav (Reka UI does not support cursor-based pagination).\n  -->\n  <PaginationRoot\n    v-if=\"props.type === 'numeric'\"\n    :page=\"props.page\"\n    :default-page=\"props.defaultPage\"\n    :items-per-page=\"props.itemsPerPage\"\n    :total=\"props.totalItems\"\n    :sibling-count=\"props.siblingCount\"\n    :show-edges=\"props.showEdges\"\n    :disabled=\"props.disabled\"\n    :class=\"composeClassName(styles.base(), props.class)\"\n    @update:page=\"handlePageChange\"\n  >\n    <slot />\n  </PaginationRoot>\n\n  <nav\n    v-else\n    :class=\"composeClassName(styles.base(), props.class)\"\n    aria-label=\"Pagination\"\n  >\n    <slot />\n  </nav>\n</template>\n"],"mappings":""}

package/dist/components/pagination/Pagination.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,89 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { createPaginationContext } from "./pagination.context.js";
+import { computed, createBlock, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, toRef, unref, withCtx } from "vue";
+import { paginationVariants } from "@auronui/styles";
+import { PaginationRoot } from "reka-ui";
+//#region src/components/pagination/Pagination.vue?vue&type=script&setup=true&lang.ts
+var Pagination_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Pagination",
+	props: {
+		page: { default: 1 },
+		defaultPage: { default: 1 },
+		itemsPerPage: { default: 10 },
+		totalItems: { default: 0 },
+		siblingCount: { default: 2 },
+		showEdges: {
+			type: Boolean,
+			default: false
+		},
+		size: { default: "md" },
+		type: { default: "numeric" },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		beforeCursor: { default: null },
+		afterCursor: { default: null },
+		class: {}
+	},
+	emits: ["update:page", "update:cursor"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const totalPages = computed(() => Math.max(1, Math.ceil(props.totalItems / props.itemsPerPage)));
+		function handlePageChange(newPage) {
+			emit("update:page", Math.max(1, Math.min(newPage, totalPages.value)));
+		}
+		function handleCursorChange(before, after) {
+			emit("update:cursor", before, after);
+		}
+		createPaginationContext({
+			page: toRef(props, "page"),
+			totalItems: toRef(props, "totalItems"),
+			pageSize: toRef(props, "itemsPerPage"),
+			totalPages,
+			size: toRef(props, "size"),
+			type: toRef(props, "type"),
+			disabled: toRef(props, "disabled"),
+			beforeCursor: toRef(props, "beforeCursor"),
+			afterCursor: toRef(props, "afterCursor"),
+			onPageChange: handlePageChange,
+			onCursorChange: handleCursorChange
+		});
+		const styles = computed(() => paginationVariants({ size: props.size }));
+		return (_ctx, _cache) => {
+			return props.type === "numeric" ? (openBlock(), createBlock(unref(PaginationRoot), {
+				key: 0,
+				page: props.page,
+				"default-page": props.defaultPage,
+				"items-per-page": props.itemsPerPage,
+				total: props.totalItems,
+				"sibling-count": props.siblingCount,
+				"show-edges": props.showEdges,
+				disabled: props.disabled,
+				class: normalizeClass(unref(composeClassName)(styles.value.base(), props.class)),
+				"onUpdate:page": handlePageChange
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"page",
+				"default-page",
+				"items-per-page",
+				"total",
+				"sibling-count",
+				"show-edges",
+				"disabled",
+				"class"
+			])) : (openBlock(), createElementBlock("nav", {
+				key: 1,
+				class: normalizeClass(unref(composeClassName)(styles.value.base(), props.class)),
+				"aria-label": "Pagination"
+			}, [renderSlot(_ctx.$slots, "default")], 2));
+		};
+	}
+});
+//#endregion
+export { Pagination_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Pagination.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/pagination/Pagination.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/pagination/Pagination.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRef, type Ref } from 'vue'\nimport { PaginationRoot } from 'reka-ui'\nimport { paginationVariants, type PaginationVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { createPaginationContext } from './pagination.context'\n\nconst props = withDefaults(defineProps<{\n  /** Current page number (v-model:page) */\n  page?: number\n  /** Default page for uncontrolled usage */\n  defaultPage?: number\n  /** Number of items per page */\n  itemsPerPage?: number\n  /** Total number of items */\n  totalItems?: number\n  /** Number of sibling pages shown on each side of current page */\n  siblingCount?: number\n  /** Whether to show first/last page edge buttons */\n  showEdges?: boolean\n  /** Size variant */\n  size?: PaginationVariants['size']\n  /** Pagination type: 'numeric' for page numbers, 'cursor' for relay-style */\n  type?: 'numeric' | 'cursor'\n  /** Whether the entire pagination is disabled */\n  disabled?: boolean\n  /** Cursor mode: before cursor value */\n  beforeCursor?: string | null\n  /** Cursor mode: after cursor value */\n  afterCursor?: string | null\n  /** Additional CSS class */\n  class?: string\n}>(), {\n  page: 1,\n  defaultPage: 1,\n  itemsPerPage: 10,\n  totalItems: 0,\n  siblingCount: 2,\n  showEdges: false,\n  size: 'md',\n  type: 'numeric',\n  disabled: false,\n  beforeCursor: null,\n  afterCursor: null,\n})\n\nconst emit = defineEmits<{\n  'update:page': [page: number]\n  'update:cursor': [before: string | null, after: string | null]\n}>()\n\n// Compute total pages — cap at 1 minimum to prevent division edge cases (T-08-03)\nconst totalPages = computed(() =>\n  Math.max(1, Math.ceil(props.totalItems / props.itemsPerPage))\n)\n\n// Validate page ∈ [1, totalPages] before propagating (T-08-01)\nfunction handlePageChange(newPage: number) {\n  const safePage = Math.max(1, Math.min(newPage, totalPages.value))\n  emit('update:page', safePage)\n}\n\nfunction handleCursorChange(before: string | null, after: string | null) {\n  emit('update:cursor', before, after)\n}\n\n// Provide context for all child parts\ncreatePaginationContext({\n  page: toRef(props, 'page'),\n  totalItems: toRef(props, 'totalItems'),\n  pageSize: toRef(props, 'itemsPerPage'),\n  totalPages,\n  size: toRef(props, 'size') as Ref<NonNullable<PaginationVariants['size']>>,\n  type: toRef(props, 'type'),\n  disabled: toRef(props, 'disabled'),\n  beforeCursor: toRef(props, 'beforeCursor'),\n  afterCursor: toRef(props, 'afterCursor'),\n  onPageChange: handlePageChange,\n  onCursorChange: handleCursorChange,\n})\n\nconst styles = computed(() => paginationVariants({ size: props.size }))\n</script>\n\n<template>\n  <!--\n    Numeric mode: use Reka UI PaginationRoot for full numeric pagination with ellipsis.\n    Cursor mode: render a plain nav (Reka UI does not support cursor-based pagination).\n  -->\n  <PaginationRoot\n    v-if=\"props.type === 'numeric'\"\n    :page=\"props.page\"\n    :default-page=\"props.defaultPage\"\n    :items-per-page=\"props.itemsPerPage\"\n    :total=\"props.totalItems\"\n    :sibling-count=\"props.siblingCount\"\n    :show-edges=\"props.showEdges\"\n    :disabled=\"props.disabled\"\n    :class=\"composeClassName(styles.base(), props.class)\"\n    @update:page=\"handlePageChange\"\n  >\n    <slot />\n  </PaginationRoot>\n\n  <nav\n    v-else\n    :class=\"composeClassName(styles.base(), props.class)\"\n    aria-label=\"Pagination\"\n  >\n    <slot />\n  </nav>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAuCd,MAAM,OAAO;EAMb,MAAM,aAAa,eACjB,KAAK,IAAI,GAAG,KAAK,KAAK,MAAM,aAAa,MAAM,aAAa,CAAA,CAC9D;EAGA,SAAS,iBAAiB,SAAiB;AAEzC,QAAK,eADY,KAAK,IAAI,GAAG,KAAK,IAAI,SAAS,WAAW,MAAM,CAAA,CACpC;;EAG9B,SAAS,mBAAmB,QAAuB,OAAsB;AACvE,QAAK,iBAAiB,QAAQ,MAAK;;AAIrC,0BAAwB;GACtB,MAAM,MAAM,OAAO,OAAO;GAC1B,YAAY,MAAM,OAAO,aAAa;GACtC,UAAU,MAAM,OAAO,eAAe;GACtC;GACA,MAAM,MAAM,OAAO,OAAO;GAC1B,MAAM,MAAM,OAAO,OAAO;GAC1B,UAAU,MAAM,OAAO,WAAW;GAClC,cAAc,MAAM,OAAO,eAAe;GAC1C,aAAa,MAAM,OAAO,cAAc;GACxC,cAAc;GACd,gBAAgB;GACjB,CAAA;EAED,MAAM,SAAS,eAAe,mBAAmB,EAAE,MAAM,MAAM,MAAM,CAAC,CAAA;;UAS5D,MAAM,SAAI,aAAA,WAAA,EADlB,YAaiB,MAAA,eAAA,EAAA;;IAXd,MAAM,MAAM;IACZ,gBAAc,MAAM;IACpB,kBAAgB,MAAM;IACtB,OAAO,MAAM;IACb,iBAAe,MAAM;IACrB,cAAY,MAAM;IAClB,UAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,OAAA,MAAO,MAAI,EAAI,MAAM,MAAK,CAAA;IAClD,iBAAa;;2BAEN,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA;;;;;;;;;;;uBAGV,mBAMM,OAAA;;IAJH,OAAK,eAAE,MAAA,iBAAgB,CAAC,OAAA,MAAO,MAAI,EAAI,MAAM,MAAK,CAAA;IACnD,cAAW;OAEX,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

package/dist/components/pagination/PaginationContent.js

@@ -0,0 +1,7 @@
+import PaginationContent_vue_vue_type_script_setup_true_lang_default from "./PaginationContent.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/pagination/PaginationContent.vue
+var PaginationContent_default = PaginationContent_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { PaginationContent_default as default };
+
+//# sourceMappingURL=PaginationContent.js.map

package/dist/components/pagination/PaginationContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationContent.js","names":[],"sources":["../../../src/components/pagination/PaginationContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { PaginationList } from 'reka-ui'\nimport { paginationVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { usePaginationInject, paginationContextDefaults } from './pagination.context'\n\nconst props = defineProps<{\n  class?: string\n}>()\n\nconst ctx = usePaginationInject(paginationContextDefaults)\n\nconst styles = computed(() => paginationVariants({ size: ctx.size.value }))\n\nconst hasPreviousPage = computed(() => ctx.beforeCursor.value !== null)\nconst hasNextPage = computed(() => ctx.afterCursor.value !== null)\n</script>\n\n<template>\n  <!-- Numeric mode: delegate to Reka UI PaginationList which computes the range -->\n  <PaginationList\n    v-if=\"ctx.type.value === 'numeric'\"\n    v-slot=\"{ items }\"\n    :class=\"composeClassName(styles.content(), props.class)\"\n  >\n    <slot :items=\"items\" />\n  </PaginationList>\n\n  <!-- Cursor mode: render Before / page info / After layout -->\n  <div\n    v-else\n    :class=\"composeClassName(styles.content(), props.class)\"\n    role=\"group\"\n    aria-label=\"Cursor pagination\"\n  >\n    <button\n      type=\"button\"\n      :class=\"composeClassName(styles.link(), 'pagination__link--nav')\"\n      :disabled=\"!hasPreviousPage || ctx.disabled.value\"\n      :data-disabled=\"(!hasPreviousPage || ctx.disabled.value) || undefined\"\n      aria-label=\"Before page\"\n      @click=\"ctx.onCursorChange(ctx.beforeCursor.value, null)\"\n    >\n      <slot name=\"before\">\n        Before\n      </slot>\n    </button>\n\n    <span :class=\"styles.summary?.()\">\n      <slot name=\"page-info\">Page {{ ctx.page.value }}</slot>\n    </span>\n\n    <button\n      type=\"button\"\n      :class=\"composeClassName(styles.link(), 'pagination__link--nav')\"\n      :disabled=\"!hasNextPage || ctx.disabled.value\"\n      :data-disabled=\"(!hasNextPage || ctx.disabled.value) || undefined\"\n      aria-label=\"After page\"\n      @click=\"ctx.onCursorChange(null, ctx.afterCursor.value)\"\n    >\n      <slot name=\"after\">\n        After\n      </slot>\n    </button>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/pagination/PaginationContent.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,55 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { paginationContextDefaults, usePaginationInject } from "./pagination.context.js";
+import { computed, createBlock, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { paginationVariants } from "@auronui/styles";
+import { PaginationList } from "reka-ui";
+//#region src/components/pagination/PaginationContent.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["disabled", "data-disabled"];
+var _hoisted_2 = ["disabled", "data-disabled"];
+var PaginationContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "PaginationContent",
+	props: { class: {} },
+	setup(__props) {
+		const props = __props;
+		const ctx = usePaginationInject(paginationContextDefaults);
+		const styles = computed(() => paginationVariants({ size: ctx.size.value }));
+		const hasPreviousPage = computed(() => ctx.beforeCursor.value !== null);
+		const hasNextPage = computed(() => ctx.afterCursor.value !== null);
+		return (_ctx, _cache) => {
+			return unref(ctx).type.value === "numeric" ? (openBlock(), createBlock(unref(PaginationList), {
+				key: 0,
+				class: normalizeClass(unref(composeClassName)(styles.value.content(), props.class))
+			}, {
+				default: withCtx(({ items }) => [renderSlot(_ctx.$slots, "default", { items })]),
+				_: 3
+			}, 8, ["class"])) : (openBlock(), createElementBlock("div", {
+				key: 1,
+				class: normalizeClass(unref(composeClassName)(styles.value.content(), props.class)),
+				role: "group",
+				"aria-label": "Cursor pagination"
+			}, [
+				createElementVNode("button", {
+					type: "button",
+					class: normalizeClass(unref(composeClassName)(styles.value.link(), "pagination__link--nav")),
+					disabled: !hasPreviousPage.value || unref(ctx).disabled.value,
+					"data-disabled": !hasPreviousPage.value || unref(ctx).disabled.value || void 0,
+					"aria-label": "Before page",
+					onClick: _cache[0] || (_cache[0] = ($event) => unref(ctx).onCursorChange(unref(ctx).beforeCursor.value, null))
+				}, [renderSlot(_ctx.$slots, "before", {}, () => [_cache[2] || (_cache[2] = createTextVNode(" Before ", -1))])], 10, _hoisted_1),
+				createElementVNode("span", { class: normalizeClass(styles.value.summary?.()) }, [renderSlot(_ctx.$slots, "page-info", {}, () => [createTextVNode("Page " + toDisplayString(unref(ctx).page.value), 1)])], 2),
+				createElementVNode("button", {
+					type: "button",
+					class: normalizeClass(unref(composeClassName)(styles.value.link(), "pagination__link--nav")),
+					disabled: !hasNextPage.value || unref(ctx).disabled.value,
+					"data-disabled": !hasNextPage.value || unref(ctx).disabled.value || void 0,
+					"aria-label": "After page",
+					onClick: _cache[1] || (_cache[1] = ($event) => unref(ctx).onCursorChange(null, unref(ctx).afterCursor.value))
+				}, [renderSlot(_ctx.$slots, "after", {}, () => [_cache[3] || (_cache[3] = createTextVNode(" After ", -1))])], 10, _hoisted_2)
+			], 2));
+		};
+	}
+});
+//#endregion
+export { PaginationContent_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=PaginationContent.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/pagination/PaginationContent.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationContent.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/pagination/PaginationContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { PaginationList } from 'reka-ui'\nimport { paginationVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { usePaginationInject, paginationContextDefaults } from './pagination.context'\n\nconst props = defineProps<{\n  class?: string\n}>()\n\nconst ctx = usePaginationInject(paginationContextDefaults)\n\nconst styles = computed(() => paginationVariants({ size: ctx.size.value }))\n\nconst hasPreviousPage = computed(() => ctx.beforeCursor.value !== null)\nconst hasNextPage = computed(() => ctx.afterCursor.value !== null)\n</script>\n\n<template>\n  <!-- Numeric mode: delegate to Reka UI PaginationList which computes the range -->\n  <PaginationList\n    v-if=\"ctx.type.value === 'numeric'\"\n    v-slot=\"{ items }\"\n    :class=\"composeClassName(styles.content(), props.class)\"\n  >\n    <slot :items=\"items\" />\n  </PaginationList>\n\n  <!-- Cursor mode: render Before / page info / After layout -->\n  <div\n    v-else\n    :class=\"composeClassName(styles.content(), props.class)\"\n    role=\"group\"\n    aria-label=\"Cursor pagination\"\n  >\n    <button\n      type=\"button\"\n      :class=\"composeClassName(styles.link(), 'pagination__link--nav')\"\n      :disabled=\"!hasPreviousPage || ctx.disabled.value\"\n      :data-disabled=\"(!hasPreviousPage || ctx.disabled.value) || undefined\"\n      aria-label=\"Before page\"\n      @click=\"ctx.onCursorChange(ctx.beforeCursor.value, null)\"\n    >\n      <slot name=\"before\">\n        Before\n      </slot>\n    </button>\n\n    <span :class=\"styles.summary?.()\">\n      <slot name=\"page-info\">Page {{ ctx.page.value }}</slot>\n    </span>\n\n    <button\n      type=\"button\"\n      :class=\"composeClassName(styles.link(), 'pagination__link--nav')\"\n      :disabled=\"!hasNextPage || ctx.disabled.value\"\n      :data-disabled=\"(!hasNextPage || ctx.disabled.value) || undefined\"\n      aria-label=\"After page\"\n      @click=\"ctx.onCursorChange(null, ctx.afterCursor.value)\"\n    >\n      <slot name=\"after\">\n        After\n      </slot>\n    </button>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;EAOA,MAAM,QAAQ;EAId,MAAM,MAAM,oBAAoB,0BAAyB;EAEzD,MAAM,SAAS,eAAe,mBAAmB,EAAE,MAAM,IAAI,KAAK,OAAO,CAAC,CAAA;EAE1E,MAAM,kBAAkB,eAAe,IAAI,aAAa,UAAU,KAAI;EACtE,MAAM,cAAc,eAAe,IAAI,YAAY,UAAU,KAAI;;UAMvD,MAAA,IAAG,CAAC,KAAK,UAAK,aAAA,WAAA,EADtB,YAMiB,MAAA,eAAA,EAAA;;IAHd,OAAK,eAAE,MAAA,iBAAgB,CAAC,OAAA,MAAO,SAAO,EAAI,MAAM,MAAK,CAAA;;sBAE/B,EAHb,YAAK,CAGf,WAAuB,KAAA,QAAA,WAAA,EAAT,OAAK,CAAA,CAAA,CAAA;;qCAIrB,mBAmCM,OAAA;;IAjCH,OAAK,eAAE,MAAA,iBAAgB,CAAC,OAAA,MAAO,SAAO,EAAI,MAAM,MAAK,CAAA;IACtD,MAAK;IACL,cAAW;;IAEX,mBAWS,UAAA;KAVP,MAAK;KACJ,OAAK,eAAE,MAAA,iBAAgB,CAAC,OAAA,MAAO,MAAI,EAAA,wBAAA,CAAA;KACnC,UAAQ,CAAG,gBAAA,SAAmB,MAAA,IAAG,CAAC,SAAS;KAC3C,iBAAa,CAAI,gBAAA,SAAmB,MAAA,IAAG,CAAC,SAAS,SAAU,KAAA;KAC5D,cAAW;KACV,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,IAAG,CAAC,eAAe,MAAA,IAAG,CAAC,aAAa,OAAK,KAAA;QAEjD,WAEO,KAAA,QAAA,UAAA,EAAA,QAAA,CAAA,OAAA,OAAA,OAAA,KAAA,gBAFa,YAEpB,GAAA,EAAA,CAAA,CAAA,EAAA,IAAA,WAAA;IAGF,mBAEO,QAAA,EAFA,OAAK,eAAE,OAAA,MAAO,WAAO,CAAA,EAAA,EAAA,CAC1B,WAAuD,KAAA,QAAA,aAAA,EAAA,QAAA,CAAA,gBAAhC,UAAK,gBAAG,MAAA,IAAG,CAAC,KAAK,MAAK,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,EAAA;IAG/C,mBAWS,UAAA;KAVP,MAAK;KACJ,OAAK,eAAE,MAAA,iBAAgB,CAAC,OAAA,MAAO,MAAI,EAAA,wBAAA,CAAA;KACnC,UAAQ,CAAG,YAAA,SAAe,MAAA,IAAG,CAAC,SAAS;KACvC,iBAAa,CAAI,YAAA,SAAe,MAAA,IAAG,CAAC,SAAS,SAAU,KAAA;KACxD,cAAW;KACV,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,IAAG,CAAC,eAAc,MAAO,MAAA,IAAG,CAAC,YAAY,MAAK;QAEtD,WAEO,KAAA,QAAA,SAAA,EAAA,QAAA,CAAA,OAAA,OAAA,OAAA,KAAA,gBAFY,WAEnB,GAAA,EAAA,CAAA,CAAA,EAAA,IAAA,WAAA"}

package/dist/components/pagination/PaginationEllipsis.js

@@ -0,0 +1,7 @@
+import PaginationEllipsis_vue_vue_type_script_setup_true_lang_default from "./PaginationEllipsis.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/pagination/PaginationEllipsis.vue
+var PaginationEllipsis_default = PaginationEllipsis_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { PaginationEllipsis_default as default };
+
+//# sourceMappingURL=PaginationEllipsis.js.map

package/dist/components/pagination/PaginationEllipsis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationEllipsis.js","names":[],"sources":["../../../src/components/pagination/PaginationEllipsis.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { PaginationEllipsis } from 'reka-ui'\nimport { paginationVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { usePaginationInject, paginationContextDefaults } from './pagination.context'\n\nconst props = defineProps<{\n  class?: string\n}>()\n\nconst ctx = usePaginationInject(paginationContextDefaults)\n\nconst styles = computed(() => paginationVariants({ size: ctx.size.value }))\n</script>\n\n<template>\n  <PaginationEllipsis\n    :class=\"composeClassName(styles.ellipsis(), props.class)\"\n    aria-hidden=\"true\"\n    role=\"presentation\"\n  >\n    <slot>&#8230;</slot>\n  </PaginationEllipsis>\n</template>\n"],"mappings":""}

package/dist/components/pagination/PaginationEllipsis.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,29 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { paginationContextDefaults, usePaginationInject } from "./pagination.context.js";
+import { computed, createBlock, createTextVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { paginationVariants } from "@auronui/styles";
+import { PaginationEllipsis } from "reka-ui";
+//#region src/components/pagination/PaginationEllipsis.vue?vue&type=script&setup=true&lang.ts
+var PaginationEllipsis_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "PaginationEllipsis",
+	props: { class: {} },
+	setup(__props) {
+		const props = __props;
+		const ctx = usePaginationInject(paginationContextDefaults);
+		const styles = computed(() => paginationVariants({ size: ctx.size.value }));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(PaginationEllipsis), {
+				class: normalizeClass(unref(composeClassName)(styles.value.ellipsis(), props.class)),
+				"aria-hidden": "true",
+				role: "presentation"
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = createTextVNode("…", -1))])]),
+				_: 3
+			}, 8, ["class"]);
+		};
+	}
+});
+//#endregion
+export { PaginationEllipsis_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=PaginationEllipsis.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/pagination/PaginationEllipsis.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationEllipsis.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/pagination/PaginationEllipsis.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { PaginationEllipsis } from 'reka-ui'\nimport { paginationVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { usePaginationInject, paginationContextDefaults } from './pagination.context'\n\nconst props = defineProps<{\n  class?: string\n}>()\n\nconst ctx = usePaginationInject(paginationContextDefaults)\n\nconst styles = computed(() => paginationVariants({ size: ctx.size.value }))\n</script>\n\n<template>\n  <PaginationEllipsis\n    :class=\"composeClassName(styles.ellipsis(), props.class)\"\n    aria-hidden=\"true\"\n    role=\"presentation\"\n  >\n    <slot>&#8230;</slot>\n  </PaginationEllipsis>\n</template>\n"],"mappings":";;;;;;;;;;EAOA,MAAM,QAAQ;EAId,MAAM,MAAM,oBAAoB,0BAAyB;EAEzD,MAAM,SAAS,eAAe,mBAAmB,EAAE,MAAM,IAAI,KAAK,OAAO,CAAC,CAAA;;uBAIxE,YAMqB,MAAA,mBAAA,EAAA;IALlB,OAAK,eAAE,MAAA,iBAAgB,CAAC,OAAA,MAAO,UAAQ,EAAI,MAAM,MAAK,CAAA;IACvD,eAAY;IACZ,MAAK;;2BAEe,CAApB,WAAoB,KAAA,QAAA,WAAA,EAAA,QAAA,CAAA,OAAA,OAAA,OAAA,KAAA,gBAAd,KAAO,GAAA,EAAA,CAAA,CAAA,CAAA"}

package/dist/components/pagination/PaginationFirst.js

@@ -0,0 +1,7 @@
+import PaginationFirst_vue_vue_type_script_setup_true_lang_default from "./PaginationFirst.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/pagination/PaginationFirst.vue
+var PaginationFirst_default = PaginationFirst_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { PaginationFirst_default as default };
+
+//# sourceMappingURL=PaginationFirst.js.map

package/dist/components/pagination/PaginationFirst.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationFirst.js","names":[],"sources":["../../../src/components/pagination/PaginationFirst.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { PaginationFirst } from 'reka-ui'\nimport { paginationVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { usePaginationInject, paginationContextDefaults } from './pagination.context'\n\nconst props = defineProps<{\n  class?: string\n}>()\n\nconst ctx = usePaginationInject(paginationContextDefaults)\n\nconst styles = computed(() => paginationVariants({ size: ctx.size.value }))\n\n// Disabled when on first page or globally disabled (T-08-04)\nconst isDisabled = computed(() => ctx.page.value <= 1 || ctx.disabled.value)\n</script>\n\n<template>\n  <PaginationFirst\n    :class=\"composeClassName(styles.link(), 'pagination__link--nav', props.class)\"\n    aria-label=\"Go to first page\"\n    :disabled=\"isDisabled\"\n    :data-disabled=\"isDisabled || undefined\"\n  >\n    <slot>\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"16\"\n        height=\"16\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"m11 17-5-5 5-5\" />\n        <path d=\"m18 17-5-5 5-5\" />\n      </svg>\n      <span class=\"sr-only\">First</span>\n    </slot>\n  </PaginationFirst>\n</template>\n"],"mappings":""}

package/dist/components/pagination/PaginationFirst.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,46 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { paginationContextDefaults, usePaginationInject } from "./pagination.context.js";
+import { computed, createBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { paginationVariants } from "@auronui/styles";
+import { PaginationFirst } from "reka-ui";
+//#region src/components/pagination/PaginationFirst.vue?vue&type=script&setup=true&lang.ts
+var PaginationFirst_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "PaginationFirst",
+	props: { class: {} },
+	setup(__props) {
+		const props = __props;
+		const ctx = usePaginationInject(paginationContextDefaults);
+		const styles = computed(() => paginationVariants({ size: ctx.size.value }));
+		const isDisabled = computed(() => ctx.page.value <= 1 || ctx.disabled.value);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(PaginationFirst), {
+				class: normalizeClass(unref(composeClassName)(styles.value.link(), "pagination__link--nav", props.class)),
+				"aria-label": "Go to first page",
+				disabled: isDisabled.value,
+				"data-disabled": isDisabled.value || void 0
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = createElementVNode("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					width: "16",
+					height: "16",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"aria-hidden": "true"
+				}, [createElementVNode("path", { d: "m11 17-5-5 5-5" }), createElementVNode("path", { d: "m18 17-5-5 5-5" })], -1)), _cache[1] || (_cache[1] = createElementVNode("span", { class: "sr-only" }, "First", -1))])]),
+				_: 3
+			}, 8, [
+				"class",
+				"disabled",
+				"data-disabled"
+			]);
+		};
+	}
+});
+//#endregion
+export { PaginationFirst_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=PaginationFirst.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/pagination/PaginationFirst.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationFirst.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/pagination/PaginationFirst.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { PaginationFirst } from 'reka-ui'\nimport { paginationVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { usePaginationInject, paginationContextDefaults } from './pagination.context'\n\nconst props = defineProps<{\n  class?: string\n}>()\n\nconst ctx = usePaginationInject(paginationContextDefaults)\n\nconst styles = computed(() => paginationVariants({ size: ctx.size.value }))\n\n// Disabled when on first page or globally disabled (T-08-04)\nconst isDisabled = computed(() => ctx.page.value <= 1 || ctx.disabled.value)\n</script>\n\n<template>\n  <PaginationFirst\n    :class=\"composeClassName(styles.link(), 'pagination__link--nav', props.class)\"\n    aria-label=\"Go to first page\"\n    :disabled=\"isDisabled\"\n    :data-disabled=\"isDisabled || undefined\"\n  >\n    <slot>\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"16\"\n        height=\"16\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"m11 17-5-5 5-5\" />\n        <path d=\"m18 17-5-5 5-5\" />\n      </svg>\n      <span class=\"sr-only\">First</span>\n    </slot>\n  </PaginationFirst>\n</template>\n"],"mappings":";;;;;;;;;;EAOA,MAAM,QAAQ;EAId,MAAM,MAAM,oBAAoB,0BAAyB;EAEzD,MAAM,SAAS,eAAe,mBAAmB,EAAE,MAAM,IAAI,KAAK,OAAO,CAAC,CAAA;EAG1E,MAAM,aAAa,eAAe,IAAI,KAAK,SAAS,KAAK,IAAI,SAAS,MAAK;;uBAIzE,YAwBkB,MAAA,gBAAA,EAAA;IAvBf,OAAK,eAAE,MAAA,iBAAgB,CAAC,OAAA,MAAO,MAAI,EAAA,yBAA6B,MAAM,MAAK,CAAA;IAC5E,cAAW;IACV,UAAU,WAAA;IACV,iBAAe,WAAA,SAAc,KAAA;;2BAmBvB,CAjBP,WAiBO,KAAA,QAAA,WAAA,EAAA,QAAA,CAAA,OAAA,OAAA,OAAA,KAhBL,mBAcM,OAAA;KAbJ,OAAM;KACN,OAAM;KACN,QAAO;KACP,SAAQ;KACR,MAAK;KACL,QAAO;KACP,gBAAa;KACb,kBAAe;KACf,mBAAgB;KAChB,eAAY;QAEZ,mBAA2B,QAAA,EAArB,GAAE,kBAAgB,CAAA,EACxB,mBAA2B,QAAA,EAArB,GAAE,kBAAgB,CAAA,CAAA,EAAA,GAAA,GAAA,OAAA,OAAA,OAAA,KAE1B,mBAAkC,QAAA,EAA5B,OAAM,WAAS,EAAC,SAAK,GAAA,EAAA,CAAA,CAAA,CAAA"}

package/dist/components/pagination/PaginationItem.js

@@ -0,0 +1,7 @@
+import PaginationItem_vue_vue_type_script_setup_true_lang_default from "./PaginationItem.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/pagination/PaginationItem.vue
+var PaginationItem_default = PaginationItem_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { PaginationItem_default as default };
+
+//# sourceMappingURL=PaginationItem.js.map

package/dist/components/pagination/PaginationItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationItem.js","names":[],"sources":["../../../src/components/pagination/PaginationItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { PaginationListItem } from 'reka-ui'\nimport { paginationVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { usePaginationInject, paginationContextDefaults } from './pagination.context'\n\nconst props = defineProps<{\n  /** Page number this item represents */\n  value: number\n  class?: string\n}>()\n\nconst ctx = usePaginationInject(paginationContextDefaults)\n\nconst styles = computed(() => paginationVariants({ size: ctx.size.value }))\n</script>\n\n<template>\n  <span :class=\"composeClassName(styles.item(), props.class)\">\n    <PaginationListItem\n      :value=\"props.value\"\n      :class=\"styles.link()\"\n    >\n      <slot>{{ props.value }}</slot>\n    </PaginationListItem>\n  </span>\n</template>\n"],"mappings":""}

package/dist/components/pagination/PaginationItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,31 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { paginationContextDefaults, usePaginationInject } from "./pagination.context.js";
+import { computed, createElementBlock, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { paginationVariants } from "@auronui/styles";
+import { PaginationListItem } from "reka-ui";
+//#region src/components/pagination/PaginationItem.vue?vue&type=script&setup=true&lang.ts
+var PaginationItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "PaginationItem",
+	props: {
+		value: {},
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const ctx = usePaginationInject(paginationContextDefaults);
+		const styles = computed(() => paginationVariants({ size: ctx.size.value }));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", { class: normalizeClass(unref(composeClassName)(styles.value.item(), props.class)) }, [createVNode(unref(PaginationListItem), {
+				value: props.value,
+				class: normalizeClass(styles.value.link())
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(props.value), 1)])]),
+				_: 3
+			}, 8, ["value", "class"])], 2);
+		};
+	}
+});
+//#endregion
+export { PaginationItem_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=PaginationItem.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/pagination/PaginationItem.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationItem.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/pagination/PaginationItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { PaginationListItem } from 'reka-ui'\nimport { paginationVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { usePaginationInject, paginationContextDefaults } from './pagination.context'\n\nconst props = defineProps<{\n  /** Page number this item represents */\n  value: number\n  class?: string\n}>()\n\nconst ctx = usePaginationInject(paginationContextDefaults)\n\nconst styles = computed(() => paginationVariants({ size: ctx.size.value }))\n</script>\n\n<template>\n  <span :class=\"composeClassName(styles.item(), props.class)\">\n    <PaginationListItem\n      :value=\"props.value\"\n      :class=\"styles.link()\"\n    >\n      <slot>{{ props.value }}</slot>\n    </PaginationListItem>\n  </span>\n</template>\n"],"mappings":";;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAMd,MAAM,MAAM,oBAAoB,0BAAyB;EAEzD,MAAM,SAAS,eAAe,mBAAmB,EAAE,MAAM,IAAI,KAAK,OAAO,CAAC,CAAA;;uBAIxE,mBAOO,QAAA,EAPA,OAAK,eAAE,MAAA,iBAAgB,CAAC,OAAA,MAAO,MAAI,EAAI,MAAM,MAAK,CAAA,EAAA,EAAA,CACvD,YAKqB,MAAA,mBAAA,EAAA;IAJlB,OAAO,MAAM;IACb,OAAK,eAAE,OAAA,MAAO,MAAI,CAAA;;2BAEW,CAA9B,WAA8B,KAAA,QAAA,WAAA,EAAA,QAAA,CAAA,gBAAA,gBAArB,MAAM,MAAK,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/components/pagination/PaginationLast.js

@@ -0,0 +1,7 @@
+import PaginationLast_vue_vue_type_script_setup_true_lang_default from "./PaginationLast.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/pagination/PaginationLast.vue
+var PaginationLast_default = PaginationLast_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { PaginationLast_default as default };
+
+//# sourceMappingURL=PaginationLast.js.map

package/dist/components/pagination/PaginationLast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationLast.js","names":[],"sources":["../../../src/components/pagination/PaginationLast.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { PaginationLast } from 'reka-ui'\nimport { paginationVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { usePaginationInject, paginationContextDefaults } from './pagination.context'\n\nconst props = defineProps<{\n  class?: string\n}>()\n\nconst ctx = usePaginationInject(paginationContextDefaults)\n\nconst styles = computed(() => paginationVariants({ size: ctx.size.value }))\n\n// Disabled when on last page or globally disabled (T-08-04)\nconst isDisabled = computed(() => ctx.page.value >= ctx.totalPages.value || ctx.disabled.value)\n</script>\n\n<template>\n  <PaginationLast\n    :class=\"composeClassName(styles.link(), 'pagination__link--nav', props.class)\"\n    aria-label=\"Go to last page\"\n    :disabled=\"isDisabled\"\n    :data-disabled=\"isDisabled || undefined\"\n  >\n    <slot>\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"16\"\n        height=\"16\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"m6 17 5-5-5-5\" />\n        <path d=\"m13 17 5-5-5-5\" />\n      </svg>\n      <span class=\"sr-only\">Last</span>\n    </slot>\n  </PaginationLast>\n</template>\n"],"mappings":""}

package/dist/components/pagination/PaginationLast.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,46 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { paginationContextDefaults, usePaginationInject } from "./pagination.context.js";
+import { computed, createBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { paginationVariants } from "@auronui/styles";
+import { PaginationLast } from "reka-ui";
+//#region src/components/pagination/PaginationLast.vue?vue&type=script&setup=true&lang.ts
+var PaginationLast_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "PaginationLast",
+	props: { class: {} },
+	setup(__props) {
+		const props = __props;
+		const ctx = usePaginationInject(paginationContextDefaults);
+		const styles = computed(() => paginationVariants({ size: ctx.size.value }));
+		const isDisabled = computed(() => ctx.page.value >= ctx.totalPages.value || ctx.disabled.value);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(PaginationLast), {
+				class: normalizeClass(unref(composeClassName)(styles.value.link(), "pagination__link--nav", props.class)),
+				"aria-label": "Go to last page",
+				disabled: isDisabled.value,
+				"data-disabled": isDisabled.value || void 0
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = createElementVNode("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					width: "16",
+					height: "16",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"aria-hidden": "true"
+				}, [createElementVNode("path", { d: "m6 17 5-5-5-5" }), createElementVNode("path", { d: "m13 17 5-5-5-5" })], -1)), _cache[1] || (_cache[1] = createElementVNode("span", { class: "sr-only" }, "Last", -1))])]),
+				_: 3
+			}, 8, [
+				"class",
+				"disabled",
+				"data-disabled"
+			]);
+		};
+	}
+});
+//#endregion
+export { PaginationLast_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=PaginationLast.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/pagination/PaginationLast.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationLast.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/pagination/PaginationLast.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { PaginationLast } from 'reka-ui'\nimport { paginationVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { usePaginationInject, paginationContextDefaults } from './pagination.context'\n\nconst props = defineProps<{\n  class?: string\n}>()\n\nconst ctx = usePaginationInject(paginationContextDefaults)\n\nconst styles = computed(() => paginationVariants({ size: ctx.size.value }))\n\n// Disabled when on last page or globally disabled (T-08-04)\nconst isDisabled = computed(() => ctx.page.value >= ctx.totalPages.value || ctx.disabled.value)\n</script>\n\n<template>\n  <PaginationLast\n    :class=\"composeClassName(styles.link(), 'pagination__link--nav', props.class)\"\n    aria-label=\"Go to last page\"\n    :disabled=\"isDisabled\"\n    :data-disabled=\"isDisabled || undefined\"\n  >\n    <slot>\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"16\"\n        height=\"16\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"m6 17 5-5-5-5\" />\n        <path d=\"m13 17 5-5-5-5\" />\n      </svg>\n      <span class=\"sr-only\">Last</span>\n    </slot>\n  </PaginationLast>\n</template>\n"],"mappings":";;;;;;;;;;EAOA,MAAM,QAAQ;EAId,MAAM,MAAM,oBAAoB,0BAAyB;EAEzD,MAAM,SAAS,eAAe,mBAAmB,EAAE,MAAM,IAAI,KAAK,OAAO,CAAC,CAAA;EAG1E,MAAM,aAAa,eAAe,IAAI,KAAK,SAAS,IAAI,WAAW,SAAS,IAAI,SAAS,MAAK;;uBAI5F,YAwBiB,MAAA,eAAA,EAAA;IAvBd,OAAK,eAAE,MAAA,iBAAgB,CAAC,OAAA,MAAO,MAAI,EAAA,yBAA6B,MAAM,MAAK,CAAA;IAC5E,cAAW;IACV,UAAU,WAAA;IACV,iBAAe,WAAA,SAAc,KAAA;;2BAmBvB,CAjBP,WAiBO,KAAA,QAAA,WAAA,EAAA,QAAA,CAAA,OAAA,OAAA,OAAA,KAhBL,mBAcM,OAAA;KAbJ,OAAM;KACN,OAAM;KACN,QAAO;KACP,SAAQ;KACR,MAAK;KACL,QAAO;KACP,gBAAa;KACb,kBAAe;KACf,mBAAgB;KAChB,eAAY;QAEZ,mBAA0B,QAAA,EAApB,GAAE,iBAAe,CAAA,EACvB,mBAA2B,QAAA,EAArB,GAAE,kBAAgB,CAAA,CAAA,EAAA,GAAA,GAAA,OAAA,OAAA,OAAA,KAE1B,mBAAiC,QAAA,EAA3B,OAAM,WAAS,EAAC,QAAI,GAAA,EAAA,CAAA,CAAA,CAAA"}