@auronui/vue 1.0.21 → 1.0.23

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

@@ -1 +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":""}
+{"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  /** Render as a different element */\n  as?: string\n  /** Merge props onto child element */\n  asChild?: boolean\n}>()\n\nconst ctx = usePaginationInject(paginationContextDefaults)\n\nconst styles = computed(() => paginationVariants({ size: ctx.size.value }))\n</script>\n\n<template>\n  <PaginationEllipsis\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\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

@@ -6,20 +6,30 @@ 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: {} },
+	props: {
+		class: {},
+		as: {},
+		asChild: { type: Boolean }
+	},
 	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), {
+				as: props.as,
+				"as-child": props.asChild,
 				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"]);
+			}, 8, [
+				"as",
+				"as-child",
+				"class"
+			]);
 		};
 	}
 });

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

@@ -1 +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"}
+{"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  /** Render as a different element */\n  as?: string\n  /** Merge props onto child element */\n  asChild?: boolean\n}>()\n\nconst ctx = usePaginationInject(paginationContextDefaults)\n\nconst styles = computed(() => paginationVariants({ size: ctx.size.value }))\n</script>\n\n<template>\n  <PaginationEllipsis\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\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;EAQd,MAAM,MAAM,oBAAoB,0BAAyB;EAEzD,MAAM,SAAS,eAAe,mBAAmB,EAAE,MAAM,IAAI,KAAK,OAAO,CAAC,CAAA;;uBAIxE,YAQqB,MAAA,mBAAA,EAAA;IAPlB,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,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.map

@@ -1 +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":""}
+{"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  /** Render as a different element */\n  as?: string\n  /** Merge props onto child element */\n  asChild?: boolean\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    :as=\"props.as\"\n    :as-child=\"props.asChild\"\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

@@ -6,7 +6,11 @@ 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: {} },
+	props: {
+		class: {},
+		as: {},
+		asChild: { type: Boolean }
+	},
 	setup(__props) {
 		const props = __props;
 		const ctx = usePaginationInject(paginationContextDefaults);
@@ -14,6 +18,8 @@ var PaginationFirst_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 		const isDisabled = computed(() => ctx.page.value <= 1 || ctx.disabled.value);
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(PaginationFirst), {
+				as: props.as,
+				"as-child": props.asChild,
 				class: normalizeClass(unref(composeClassName)(styles.value.link(), "pagination__link--nav", props.class)),
 				"aria-label": "Go to first page",
 				disabled: isDisabled.value,
@@ -33,6 +39,8 @@ var PaginationFirst_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 				}, [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, [
+				"as",
+				"as-child",
 				"class",
 				"disabled",
 				"data-disabled"

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

@@ -1 +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"}
+{"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  /** Render as a different element */\n  as?: string\n  /** Merge props onto child element */\n  asChild?: boolean\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    :as=\"props.as\"\n    :as-child=\"props.asChild\"\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;EAQd,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,YA0BkB,MAAA,gBAAA,EAAA;IAzBf,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,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.map

@@ -1 +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":""}
+{"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  /** Render as a different element */\n  as?: string\n  /** Merge props onto child element */\n  asChild?: boolean\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      :as=\"props.as\"\n      :as-child=\"props.asChild\"\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

@@ -8,7 +8,9 @@ var PaginationItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 	__name: "PaginationItem",
 	props: {
 		value: {},
-		class: {}
+		class: {},
+		as: {},
+		asChild: { type: Boolean }
 	},
 	setup(__props) {
 		const props = __props;
@@ -17,11 +19,18 @@ var PaginationItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("span", { class: normalizeClass(unref(composeClassName)(styles.value.item(), props.class)) }, [createVNode(unref(PaginationListItem), {
 				value: props.value,
+				as: props.as,
+				"as-child": props.asChild,
 				class: normalizeClass(styles.value.link())
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(props.value), 1)])]),
 				_: 3
-			}, 8, ["value", "class"])], 2);
+			}, 8, [
+				"value",
+				"as",
+				"as-child",
+				"class"
+			])], 2);
 		};
 	}
 });

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

@@ -1 +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"}
+{"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  /** Render as a different element */\n  as?: string\n  /** Merge props onto child element */\n  asChild?: boolean\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      :as=\"props.as\"\n      :as-child=\"props.asChild\"\n      :class=\"styles.link()\"\n    >\n      <slot>{{ props.value }}</slot>\n    </PaginationListItem>\n  </span>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAUd,MAAM,MAAM,oBAAoB,0BAAyB;EAEzD,MAAM,SAAS,eAAe,mBAAmB,EAAE,MAAM,IAAI,KAAK,OAAO,CAAC,CAAA;;uBAIxE,mBASO,QAAA,EATA,OAAK,eAAE,MAAA,iBAAgB,CAAC,OAAA,MAAO,MAAI,EAAI,MAAM,MAAK,CAAA,EAAA,EAAA,CACvD,YAOqB,MAAA,mBAAA,EAAA;IANlB,OAAO,MAAM;IACb,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,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.map

@@ -1 +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":""}
+{"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  /** Render as a different element */\n  as?: string\n  /** Merge props onto child element */\n  asChild?: boolean\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    :as=\"props.as\"\n    :as-child=\"props.asChild\"\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

@@ -6,7 +6,11 @@ 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: {} },
+	props: {
+		class: {},
+		as: {},
+		asChild: { type: Boolean }
+	},
 	setup(__props) {
 		const props = __props;
 		const ctx = usePaginationInject(paginationContextDefaults);
@@ -14,6 +18,8 @@ var PaginationLast_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		const isDisabled = computed(() => ctx.page.value >= ctx.totalPages.value || ctx.disabled.value);
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(PaginationLast), {
+				as: props.as,
+				"as-child": props.asChild,
 				class: normalizeClass(unref(composeClassName)(styles.value.link(), "pagination__link--nav", props.class)),
 				"aria-label": "Go to last page",
 				disabled: isDisabled.value,
@@ -33,6 +39,8 @@ var PaginationLast_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 				}, [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, [
+				"as",
+				"as-child",
 				"class",
 				"disabled",
 				"data-disabled"

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

@@ -1 +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"}
+{"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  /** Render as a different element */\n  as?: string\n  /** Merge props onto child element */\n  asChild?: boolean\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    :as=\"props.as\"\n    :as-child=\"props.asChild\"\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;EAQd,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,YA0BiB,MAAA,eAAA,EAAA;IAzBd,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,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"}

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationNext.js","names":[],"sources":["../../../src/components/pagination/PaginationNext.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { PaginationNext } 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  <PaginationNext\n    :class=\"composeClassName(styles.link(), 'pagination__link--nav', props.class)\"\n    aria-label=\"Next 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=\"m9 18 6-6-6-6\" />\n      </svg>\n      <span class=\"sr-only\">Next</span>\n    </slot>\n  </PaginationNext>\n</template>\n"],"mappings":""}
+{"version":3,"file":"PaginationNext.js","names":[],"sources":["../../../src/components/pagination/PaginationNext.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { PaginationNext } 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  /** Render as a different element */\n  as?: string\n  /** Merge props onto child element */\n  asChild?: boolean\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  <PaginationNext\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(styles.link(), 'pagination__link--nav', props.class)\"\n    aria-label=\"Next 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=\"m9 18 6-6-6-6\" />\n      </svg>\n      <span class=\"sr-only\">Next</span>\n    </slot>\n  </PaginationNext>\n</template>\n"],"mappings":""}

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

@@ -6,7 +6,11 @@ import { PaginationNext } from "reka-ui";
 //#region src/components/pagination/PaginationNext.vue?vue&type=script&setup=true&lang.ts
 var PaginationNext_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "PaginationNext",
-	props: { class: {} },
+	props: {
+		class: {},
+		as: {},
+		asChild: { type: Boolean }
+	},
 	setup(__props) {
 		const props = __props;
 		const ctx = usePaginationInject(paginationContextDefaults);
@@ -14,6 +18,8 @@ var PaginationNext_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		const isDisabled = computed(() => ctx.page.value >= ctx.totalPages.value || ctx.disabled.value);
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(PaginationNext), {
+				as: props.as,
+				"as-child": props.asChild,
 				class: normalizeClass(unref(composeClassName)(styles.value.link(), "pagination__link--nav", props.class)),
 				"aria-label": "Next page",
 				disabled: isDisabled.value,
@@ -33,6 +39,8 @@ var PaginationNext_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 				}, [createElementVNode("path", { d: "m9 18 6-6-6-6" })], -1)), _cache[1] || (_cache[1] = createElementVNode("span", { class: "sr-only" }, "Next", -1))])]),
 				_: 3
 			}, 8, [
+				"as",
+				"as-child",
 				"class",
 				"disabled",
 				"data-disabled"

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationNext.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/pagination/PaginationNext.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { PaginationNext } 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  <PaginationNext\n    :class=\"composeClassName(styles.link(), 'pagination__link--nav', props.class)\"\n    aria-label=\"Next 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=\"m9 18 6-6-6-6\" />\n      </svg>\n      <span class=\"sr-only\">Next</span>\n    </slot>\n  </PaginationNext>\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,YAuBiB,MAAA,eAAA,EAAA;IAtBd,OAAK,eAAE,MAAA,iBAAgB,CAAC,OAAA,MAAO,MAAI,EAAA,yBAA6B,MAAM,MAAK,CAAA;IAC5E,cAAW;IACV,UAAU,WAAA;IACV,iBAAe,WAAA,SAAc,KAAA;;2BAkBvB,CAhBP,WAgBO,KAAA,QAAA,WAAA,EAAA,QAAA,CAAA,OAAA,OAAA,OAAA,KAfL,mBAaM,OAAA;KAZJ,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,CAAA,EAAA,GAAA,GAAA,OAAA,OAAA,OAAA,KAEzB,mBAAiC,QAAA,EAA3B,OAAM,WAAS,EAAC,QAAI,GAAA,EAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"PaginationNext.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/pagination/PaginationNext.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { PaginationNext } 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  /** Render as a different element */\n  as?: string\n  /** Merge props onto child element */\n  asChild?: boolean\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  <PaginationNext\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(styles.link(), 'pagination__link--nav', props.class)\"\n    aria-label=\"Next 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=\"m9 18 6-6-6-6\" />\n      </svg>\n      <span class=\"sr-only\">Next</span>\n    </slot>\n  </PaginationNext>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAQd,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,YAyBiB,MAAA,eAAA,EAAA;IAxBd,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,OAAA,MAAO,MAAI,EAAA,yBAA6B,MAAM,MAAK,CAAA;IAC5E,cAAW;IACV,UAAU,WAAA;IACV,iBAAe,WAAA,SAAc,KAAA;;2BAkBvB,CAhBP,WAgBO,KAAA,QAAA,WAAA,EAAA,QAAA,CAAA,OAAA,OAAA,OAAA,KAfL,mBAaM,OAAA;KAZJ,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,CAAA,EAAA,GAAA,GAAA,OAAA,OAAA,OAAA,KAEzB,mBAAiC,QAAA,EAA3B,OAAM,WAAS,EAAC,QAAI,GAAA,EAAA,CAAA,CAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationPrev.js","names":[],"sources":["../../../src/components/pagination/PaginationPrev.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { PaginationPrev } 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  <PaginationPrev\n    :class=\"composeClassName(styles.link(), 'pagination__link--nav', props.class)\"\n    aria-label=\"Previous 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=\"m15 18-6-6 6-6\" />\n      </svg>\n      <span class=\"sr-only\">Previous</span>\n    </slot>\n  </PaginationPrev>\n</template>\n"],"mappings":""}
+{"version":3,"file":"PaginationPrev.js","names":[],"sources":["../../../src/components/pagination/PaginationPrev.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { PaginationPrev } 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  /** Render as a different element */\n  as?: string\n  /** Merge props onto child element */\n  asChild?: boolean\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  <PaginationPrev\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(styles.link(), 'pagination__link--nav', props.class)\"\n    aria-label=\"Previous 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=\"m15 18-6-6 6-6\" />\n      </svg>\n      <span class=\"sr-only\">Previous</span>\n    </slot>\n  </PaginationPrev>\n</template>\n"],"mappings":""}

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

@@ -6,7 +6,11 @@ import { PaginationPrev } from "reka-ui";
 //#region src/components/pagination/PaginationPrev.vue?vue&type=script&setup=true&lang.ts
 var PaginationPrev_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "PaginationPrev",
-	props: { class: {} },
+	props: {
+		class: {},
+		as: {},
+		asChild: { type: Boolean }
+	},
 	setup(__props) {
 		const props = __props;
 		const ctx = usePaginationInject(paginationContextDefaults);
@@ -14,6 +18,8 @@ var PaginationPrev_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		const isDisabled = computed(() => ctx.page.value <= 1 || ctx.disabled.value);
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(PaginationPrev), {
+				as: props.as,
+				"as-child": props.asChild,
 				class: normalizeClass(unref(composeClassName)(styles.value.link(), "pagination__link--nav", props.class)),
 				"aria-label": "Previous page",
 				disabled: isDisabled.value,
@@ -33,6 +39,8 @@ var PaginationPrev_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 				}, [createElementVNode("path", { d: "m15 18-6-6 6-6" })], -1)), _cache[1] || (_cache[1] = createElementVNode("span", { class: "sr-only" }, "Previous", -1))])]),
 				_: 3
 			}, 8, [
+				"as",
+				"as-child",
 				"class",
 				"disabled",
 				"data-disabled"

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationPrev.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/pagination/PaginationPrev.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { PaginationPrev } 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  <PaginationPrev\n    :class=\"composeClassName(styles.link(), 'pagination__link--nav', props.class)\"\n    aria-label=\"Previous 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=\"m15 18-6-6 6-6\" />\n      </svg>\n      <span class=\"sr-only\">Previous</span>\n    </slot>\n  </PaginationPrev>\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,YAuBiB,MAAA,eAAA,EAAA;IAtBd,OAAK,eAAE,MAAA,iBAAgB,CAAC,OAAA,MAAO,MAAI,EAAA,yBAA6B,MAAM,MAAK,CAAA;IAC5E,cAAW;IACV,UAAU,WAAA;IACV,iBAAe,WAAA,SAAc,KAAA;;2BAkBvB,CAhBP,WAgBO,KAAA,QAAA,WAAA,EAAA,QAAA,CAAA,OAAA,OAAA,OAAA,KAfL,mBAaM,OAAA;KAZJ,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,CAAA,EAAA,GAAA,GAAA,OAAA,OAAA,OAAA,KAE1B,mBAAqC,QAAA,EAA/B,OAAM,WAAS,EAAC,YAAQ,GAAA,EAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"PaginationPrev.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/pagination/PaginationPrev.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { PaginationPrev } 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  /** Render as a different element */\n  as?: string\n  /** Merge props onto child element */\n  asChild?: boolean\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  <PaginationPrev\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(styles.link(), 'pagination__link--nav', props.class)\"\n    aria-label=\"Previous 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=\"m15 18-6-6 6-6\" />\n      </svg>\n      <span class=\"sr-only\">Previous</span>\n    </slot>\n  </PaginationPrev>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAQd,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,YAyBiB,MAAA,eAAA,EAAA;IAxBd,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,OAAA,MAAO,MAAI,EAAA,yBAA6B,MAAM,MAAK,CAAA;IAC5E,cAAW;IACV,UAAU,WAAA;IACV,iBAAe,WAAA,SAAc,KAAA;;2BAkBvB,CAhBP,WAgBO,KAAA,QAAA,WAAA,EAAA,QAAA,CAAA,OAAA,OAAA,OAAA,KAfL,mBAaM,OAAA;KAZJ,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,CAAA,EAAA,GAAA,GAAA,OAAA,OAAA,OAAA,KAE1B,mBAAqC,QAAA,EAA/B,OAAM,WAAS,EAAC,YAAQ,GAAA,EAAA,CAAA,CAAA,CAAA"}

package/dist/components/popover/PopoverContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverContent.js","names":[],"sources":["../../../src/components/popover/PopoverContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PopoverPortal, PopoverContent, injectPopoverRootContext } from 'reka-ui'\nimport { motion, AnimatePresence } from 'motion-v'\nimport { popoverVariants } from '@auronui/styles/components/popover'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  side?: 'top' | 'right' | 'bottom' | 'left'\n  sideOffset?: number\n  align?: 'start' | 'center' | 'end'\n  alignOffset?: number\n  avoidCollisions?: boolean\n  class?: string\n}>(), {\n  side: 'bottom',\n  sideOffset: 8,\n  align: 'center',\n  alignOffset: 0,\n  avoidCollisions: true,\n})\n\nconst emit = defineEmits<{\n  'escape-key-down': [event: KeyboardEvent]\n  'pointer-down-outside': [event: Event]\n  'focus-outside': [event: Event]\n  'interact-outside': [event: Event]\n}>()\n\n// Inject the Popover root context to read open state\n// This allows AnimatePresence to control mount/unmount based on open state\nconst rootContext = injectPopoverRootContext()\n\nconst styles = popoverVariants()\n</script>\n\n<template>\n  <PopoverPortal>\n    <PopoverContent\n      :force-mount=\"true\"\n      :side=\"props.side\"\n      :side-offset=\"props.sideOffset\"\n      :align=\"props.align\"\n      :align-offset=\"props.alignOffset\"\n      :avoid-collisions=\"props.avoidCollisions\"\n      v-bind=\"$attrs\"\n      @escape-key-down=\"emit('escape-key-down', $event)\"\n      @pointer-down-outside=\"emit('pointer-down-outside', $event)\"\n      @focus-outside=\"emit('focus-outside', $event)\"\n      @interact-outside=\"emit('interact-outside', $event)\"\n    >\n      <AnimatePresence>\n        <motion.div\n          v-if=\"rootContext.open.value\"\n          :key=\"'popover-content'\"\n          :class=\"composeClassName(styles.base(), props.class)\"\n          :initial=\"{ opacity: 0, scale: 0.95 }\"\n          :animate=\"{ opacity: 1, scale: 1 }\"\n          :exit=\"{ opacity: 0, scale: 0.95 }\"\n          :transition=\"{ duration: 0.15, ease: 'easeOut' }\"\n        >\n          <slot />\n        </motion.div>\n      </AnimatePresence>\n    </PopoverContent>\n  </PopoverPortal>\n</template>\n"],"mappings":""}
+{"version":3,"file":"PopoverContent.js","names":[],"sources":["../../../src/components/popover/PopoverContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PopoverPortal, PopoverContent, injectPopoverRootContext } from 'reka-ui'\nimport { motion, AnimatePresence } from 'motion-v'\nimport { popoverVariants } from '@auronui/styles/components/popover'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  side?: 'top' | 'right' | 'bottom' | 'left'\n  sideOffset?: number\n  align?: 'start' | 'center' | 'end'\n  alignOffset?: number\n  avoidCollisions?: boolean\n  class?: string\n}>(), {\n  side: 'bottom',\n  sideOffset: 8,\n  align: 'center',\n  alignOffset: 0,\n  avoidCollisions: true,\n})\n\nconst emit = defineEmits<{\n  'escape-key-down': [event: KeyboardEvent]\n  'pointer-down-outside': [event: Event]\n  'focus-outside': [event: Event]\n  'interact-outside': [event: Event]\n  'open-auto-focus': [event: Event]\n  'close-auto-focus': [event: Event]\n}>()\n\n// Inject the Popover root context to read open state\n// This allows AnimatePresence to control mount/unmount based on open state\nconst rootContext = injectPopoverRootContext()\n\nconst styles = popoverVariants()\n</script>\n\n<template>\n  <PopoverPortal>\n    <PopoverContent\n      :force-mount=\"true\"\n      :side=\"props.side\"\n      :side-offset=\"props.sideOffset\"\n      :align=\"props.align\"\n      :align-offset=\"props.alignOffset\"\n      :avoid-collisions=\"props.avoidCollisions\"\n      v-bind=\"$attrs\"\n      @escape-key-down=\"emit('escape-key-down', $event)\"\n      @pointer-down-outside=\"emit('pointer-down-outside', $event)\"\n      @focus-outside=\"emit('focus-outside', $event)\"\n      @interact-outside=\"emit('interact-outside', $event)\"\n      @open-auto-focus=\"emit('open-auto-focus', $event)\"\n      @close-auto-focus=\"emit('close-auto-focus', $event)\"\n    >\n      <AnimatePresence>\n        <motion.div\n          v-if=\"rootContext.open.value\"\n          :key=\"'popover-content'\"\n          :class=\"composeClassName(styles.base(), props.class)\"\n          :initial=\"{ opacity: 0, scale: 0.95 }\"\n          :animate=\"{ opacity: 1, scale: 1 }\"\n          :exit=\"{ opacity: 0, scale: 0.95 }\"\n          :transition=\"{ duration: 0.15, ease: 'easeOut' }\"\n        >\n          <slot />\n        </motion.div>\n      </AnimatePresence>\n    </PopoverContent>\n  </PopoverPortal>\n</template>\n"],"mappings":""}

package/dist/components/popover/PopoverContent.vue_vue_type_script_setup_true_lang.js

@@ -22,7 +22,9 @@ var PopoverContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		"escape-key-down",
 		"pointer-down-outside",
 		"focus-outside",
-		"interact-outside"
+		"interact-outside",
+		"open-auto-focus",
+		"close-auto-focus"
 	],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
@@ -42,7 +44,9 @@ var PopoverContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 					onEscapeKeyDown: _cache[0] || (_cache[0] = ($event) => emit("escape-key-down", $event)),
 					onPointerDownOutside: _cache[1] || (_cache[1] = ($event) => emit("pointer-down-outside", $event)),
 					onFocusOutside: _cache[2] || (_cache[2] = ($event) => emit("focus-outside", $event)),
-					onInteractOutside: _cache[3] || (_cache[3] = ($event) => emit("interact-outside", $event))
+					onInteractOutside: _cache[3] || (_cache[3] = ($event) => emit("interact-outside", $event)),
+					onOpenAutoFocus: _cache[4] || (_cache[4] = ($event) => emit("open-auto-focus", $event)),
+					onCloseAutoFocus: _cache[5] || (_cache[5] = ($event) => emit("close-auto-focus", $event))
 				}), {
 					default: withCtx(() => [createVNode(unref(AnimatePresence_default), null, {
 						default: withCtx(() => [unref(rootContext).open.value ? (openBlock(), createBlock(unref(motion).div, {

package/dist/components/popover/PopoverContent.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverContent.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../../src/components/popover/PopoverContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PopoverPortal, PopoverContent, injectPopoverRootContext } from 'reka-ui'\nimport { motion, AnimatePresence } from 'motion-v'\nimport { popoverVariants } from '@auronui/styles/components/popover'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  side?: 'top' | 'right' | 'bottom' | 'left'\n  sideOffset?: number\n  align?: 'start' | 'center' | 'end'\n  alignOffset?: number\n  avoidCollisions?: boolean\n  class?: string\n}>(), {\n  side: 'bottom',\n  sideOffset: 8,\n  align: 'center',\n  alignOffset: 0,\n  avoidCollisions: true,\n})\n\nconst emit = defineEmits<{\n  'escape-key-down': [event: KeyboardEvent]\n  'pointer-down-outside': [event: Event]\n  'focus-outside': [event: Event]\n  'interact-outside': [event: Event]\n}>()\n\n// Inject the Popover root context to read open state\n// This allows AnimatePresence to control mount/unmount based on open state\nconst rootContext = injectPopoverRootContext()\n\nconst styles = popoverVariants()\n</script>\n\n<template>\n  <PopoverPortal>\n    <PopoverContent\n      :force-mount=\"true\"\n      :side=\"props.side\"\n      :side-offset=\"props.sideOffset\"\n      :align=\"props.align\"\n      :align-offset=\"props.alignOffset\"\n      :avoid-collisions=\"props.avoidCollisions\"\n      v-bind=\"$attrs\"\n      @escape-key-down=\"emit('escape-key-down', $event)\"\n      @pointer-down-outside=\"emit('pointer-down-outside', $event)\"\n      @focus-outside=\"emit('focus-outside', $event)\"\n      @interact-outside=\"emit('interact-outside', $event)\"\n    >\n      <AnimatePresence>\n        <motion.div\n          v-if=\"rootContext.open.value\"\n          :key=\"'popover-content'\"\n          :class=\"composeClassName(styles.base(), props.class)\"\n          :initial=\"{ opacity: 0, scale: 0.95 }\"\n          :animate=\"{ opacity: 1, scale: 1 }\"\n          :exit=\"{ opacity: 0, scale: 0.95 }\"\n          :transition=\"{ duration: 0.15, ease: 'easeOut' }\"\n        >\n          <slot />\n        </motion.div>\n      </AnimatePresence>\n    </PopoverContent>\n  </PopoverPortal>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAed,MAAM,OAAO;EASb,MAAM,cAAc,0BAAyB;EAE7C,MAAM,SAAS,iBAAgB;;uBAI7B,YA4BgB,MAAA,cAAA,EAAA,MAAA;2BADG,CA1BjB,YA0BiB,MAAA,eAAA,EA1BjB,WA0BiB;KAzBd,eAAa;KACb,MAAM,MAAM;KACZ,eAAa,MAAM;KACnB,OAAO,MAAM;KACb,gBAAc,MAAM;KACpB,oBAAkB,MAAM;OACjBA,KAAAA,QAAM;KACb,iBAAe,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,mBAAoB,OAAM;KAC/C,sBAAoB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,wBAAyB,OAAM;KACzD,gBAAa,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,iBAAkB,OAAM;KAC3C,mBAAgB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,oBAAqB,OAAM;;4BAchC,CAZlB,YAYkB,MAAA,wBAAA,EAAA,MAAA;6BADH,CATL,MAAA,YAAW,CAAC,KAAK,SAAA,WAAA,EADzB,YAUa,MAAA,OAAA,CAAA,KAAA;OARV,KAAK;OACL,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,OAAM,CAAC,MAAI,EAAI,MAAM,MAAK,CAAA;OAClD,SAAS;QAAA,SAAA;QAAA,OAAA;QAA2B;OACpC,SAAS;QAAA,SAAA;QAAA,OAAA;QAAwB;OACjC,MAAM;QAAA,SAAA;QAAA,OAAA;QAA2B;OACjC,YAAY;QAAA,UAAA;QAAA,MAAA;QAAmC;;8BAExC,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"PopoverContent.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../../src/components/popover/PopoverContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PopoverPortal, PopoverContent, injectPopoverRootContext } from 'reka-ui'\nimport { motion, AnimatePresence } from 'motion-v'\nimport { popoverVariants } from '@auronui/styles/components/popover'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  side?: 'top' | 'right' | 'bottom' | 'left'\n  sideOffset?: number\n  align?: 'start' | 'center' | 'end'\n  alignOffset?: number\n  avoidCollisions?: boolean\n  class?: string\n}>(), {\n  side: 'bottom',\n  sideOffset: 8,\n  align: 'center',\n  alignOffset: 0,\n  avoidCollisions: true,\n})\n\nconst emit = defineEmits<{\n  'escape-key-down': [event: KeyboardEvent]\n  'pointer-down-outside': [event: Event]\n  'focus-outside': [event: Event]\n  'interact-outside': [event: Event]\n  'open-auto-focus': [event: Event]\n  'close-auto-focus': [event: Event]\n}>()\n\n// Inject the Popover root context to read open state\n// This allows AnimatePresence to control mount/unmount based on open state\nconst rootContext = injectPopoverRootContext()\n\nconst styles = popoverVariants()\n</script>\n\n<template>\n  <PopoverPortal>\n    <PopoverContent\n      :force-mount=\"true\"\n      :side=\"props.side\"\n      :side-offset=\"props.sideOffset\"\n      :align=\"props.align\"\n      :align-offset=\"props.alignOffset\"\n      :avoid-collisions=\"props.avoidCollisions\"\n      v-bind=\"$attrs\"\n      @escape-key-down=\"emit('escape-key-down', $event)\"\n      @pointer-down-outside=\"emit('pointer-down-outside', $event)\"\n      @focus-outside=\"emit('focus-outside', $event)\"\n      @interact-outside=\"emit('interact-outside', $event)\"\n      @open-auto-focus=\"emit('open-auto-focus', $event)\"\n      @close-auto-focus=\"emit('close-auto-focus', $event)\"\n    >\n      <AnimatePresence>\n        <motion.div\n          v-if=\"rootContext.open.value\"\n          :key=\"'popover-content'\"\n          :class=\"composeClassName(styles.base(), props.class)\"\n          :initial=\"{ opacity: 0, scale: 0.95 }\"\n          :animate=\"{ opacity: 1, scale: 1 }\"\n          :exit=\"{ opacity: 0, scale: 0.95 }\"\n          :transition=\"{ duration: 0.15, ease: 'easeOut' }\"\n        >\n          <slot />\n        </motion.div>\n      </AnimatePresence>\n    </PopoverContent>\n  </PopoverPortal>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAed,MAAM,OAAO;EAWb,MAAM,cAAc,0BAAyB;EAE7C,MAAM,SAAS,iBAAgB;;uBAI7B,YA8BgB,MAAA,cAAA,EAAA,MAAA;2BADG,CA5BjB,YA4BiB,MAAA,eAAA,EA5BjB,WA4BiB;KA3Bd,eAAa;KACb,MAAM,MAAM;KACZ,eAAa,MAAM;KACnB,OAAO,MAAM;KACb,gBAAc,MAAM;KACpB,oBAAkB,MAAM;OACjBA,KAAAA,QAAM;KACb,iBAAe,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,mBAAoB,OAAM;KAC/C,sBAAoB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,wBAAyB,OAAM;KACzD,gBAAa,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,iBAAkB,OAAM;KAC3C,mBAAgB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,oBAAqB,OAAM;KACjD,iBAAe,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,mBAAoB,OAAM;KAC/C,kBAAgB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,oBAAqB,OAAM;;4BAchC,CAZlB,YAYkB,MAAA,wBAAA,EAAA,MAAA;6BADH,CATL,MAAA,YAAW,CAAC,KAAK,SAAA,WAAA,EADzB,YAUa,MAAA,OAAA,CAAA,KAAA;OARV,KAAK;OACL,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,OAAM,CAAC,MAAI,EAAI,MAAM,MAAK,CAAA;OAClD,SAAS;QAAA,SAAA;QAAA,OAAA;QAA2B;OACpC,SAAS;QAAA,SAAA;QAAA,OAAA;QAAwB;OACjC,MAAM;QAAA,SAAA;QAAA,OAAA;QAA2B;OACjC,YAAY;QAAA,UAAA;QAAA,MAAA;QAAmC;;8BAExC,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/progress-bar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","names":[],"sources":["../../../src/components/progress-bar/ProgressBar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { ProgressRoot, ProgressIndicator } from 'reka-ui'\nimport { progressBarVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  value?: number | null\n  minValue?: number\n  maxValue?: number\n  label?: string\n  valueLabel?: string\n  showValueLabel?: boolean\n  formatOptions?: Intl.NumberFormatOptions\n  size?: 'sm' | 'md' | 'lg'\n  color?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger'\n  radius?: 'none' | 'sm' | 'md' | 'lg' | 'full'\n  isStriped?: boolean\n  isIndeterminate?: boolean\n  isDisabled?: boolean\n  class?: ClassValue\n  /** Per-slot class overrides */\n  classNames?: Partial<{\n    base: ClassValue\n    labelWrapper: ClassValue\n    label: ClassValue\n    value: ClassValue\n    track: ClassValue\n    indicator: ClassValue\n  }>\n}>(), {\n  minValue: 0,\n  maxValue: 100,\n  showValueLabel: false,\n  isStriped: false,\n  isIndeterminate: false,\n  isDisabled: false,\n})\n\nconst isInd = computed(\n  () => props.isIndeterminate || props.value === null || props.value === undefined\n)\n\nconst percentage = computed(() => {\n  if (isInd.value) return 0\n  const val = props.value as number\n  return ((val - props.minValue) / (props.maxValue - props.minValue)) * 100\n})\n\nconst slotFns = computed(() =>\n  progressBarVariants({\n    size: props.size,\n    color: props.color,\n    radius: props.radius,\n    isStriped: props.isStriped,\n    isIndeterminate: isInd.value,\n    isDisabled: props.isDisabled,\n  })\n)\n\nconst formattedValue = computed(() => {\n  if (props.valueLabel) return props.valueLabel\n  if (props.value === null || props.value === undefined) return ''\n  if (props.formatOptions) {\n    return new Intl.NumberFormat(undefined, props.formatOptions).format(props.value)\n  }\n  return String(Math.round(percentage.value)) + '%'\n})\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    :data-disabled=\"isDisabled ? '' : undefined\"\n  >\n    <div\n      v-if=\"label || showValueLabel\"\n      :class=\"composeClassName(slotFns.labelWrapper(), props.classNames?.labelWrapper)\"\n    >\n      <span\n        v-if=\"label\"\n        :class=\"composeClassName(slotFns.label(), props.classNames?.label)\"\n      >{{ label }}</span>\n      <span\n        v-if=\"showValueLabel\"\n        :class=\"composeClassName(slotFns.value(), props.classNames?.value)\"\n      >{{ formattedValue }}</span>\n    </div>\n    <ProgressRoot\n      :model-value=\"isInd ? null : (props.value as number)\"\n      :max=\"maxValue\"\n      :class=\"composeClassName(slotFns.track(), props.classNames?.track)\"\n      :aria-label=\"label || 'Progress'\"\n    >\n      <ProgressIndicator\n        :class=\"composeClassName(slotFns.indicator(), props.classNames?.indicator)\"\n        :style=\"isInd ? {} : { transform: `translateX(-${100 - percentage}%)` }\"\n      />\n    </ProgressRoot>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ProgressBar.js","names":[],"sources":["../../../src/components/progress-bar/ProgressBar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { ProgressRoot, ProgressIndicator } from 'reka-ui'\nimport { progressBarVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  value?: number | null\n  minValue?: number\n  maxValue?: number\n  label?: string\n  valueLabel?: string\n  showValueLabel?: boolean\n  formatOptions?: Intl.NumberFormatOptions\n  size?: 'sm' | 'md' | 'lg'\n  color?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger'\n  radius?: 'none' | 'sm' | 'md' | 'lg' | 'full'\n  isStriped?: boolean\n  isIndeterminate?: boolean\n  isDisabled?: boolean\n  /** Element or component to render ProgressRoot as. */\n  as?: string\n  /** Whether ProgressRoot renders as a child element. */\n  asChild?: boolean\n  /** Function to get the accessible label for the current value. */\n  getValueLabel?: (value: number | null | undefined, max: number) => string | undefined\n  /** Function to get the accessible text for the current value. */\n  getValueText?: (value: number | null | undefined, max: number) => string | undefined\n  /** Element or component to render ProgressIndicator as. */\n  indicatorAs?: string\n  /** Whether ProgressIndicator renders as a child element. */\n  indicatorAsChild?: boolean\n  class?: ClassValue\n  /** Per-slot class overrides */\n  classNames?: Partial<{\n    base: ClassValue\n    labelWrapper: ClassValue\n    label: ClassValue\n    value: ClassValue\n    track: ClassValue\n    indicator: ClassValue\n  }>\n}>(), {\n  minValue: 0,\n  maxValue: 100,\n  showValueLabel: false,\n  isStriped: false,\n  isIndeterminate: false,\n  isDisabled: false,\n  as: undefined,\n  asChild: false,\n  getValueLabel: undefined,\n  getValueText: undefined,\n  indicatorAs: undefined,\n  indicatorAsChild: false,\n})\n\nconst isInd = computed(\n  () => props.isIndeterminate || props.value === null || props.value === undefined\n)\n\nconst percentage = computed(() => {\n  if (isInd.value) return 0\n  const val = props.value as number\n  return ((val - props.minValue) / (props.maxValue - props.minValue)) * 100\n})\n\nconst slotFns = computed(() =>\n  progressBarVariants({\n    size: props.size,\n    color: props.color,\n    radius: props.radius,\n    isStriped: props.isStriped,\n    isIndeterminate: isInd.value,\n    isDisabled: props.isDisabled,\n  })\n)\n\nconst formattedValue = computed(() => {\n  if (props.valueLabel) return props.valueLabel\n  if (props.value === null || props.value === undefined) return ''\n  if (props.formatOptions) {\n    return new Intl.NumberFormat(undefined, props.formatOptions).format(props.value)\n  }\n  return String(Math.round(percentage.value)) + '%'\n})\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    :data-disabled=\"isDisabled ? '' : undefined\"\n    :style=\"isInd ? undefined : { '--progress-bar-value': `${percentage}%` }\"\n  >\n    <div\n      v-if=\"label || showValueLabel\"\n      :class=\"composeClassName(slotFns.labelWrapper(), props.classNames?.labelWrapper)\"\n    >\n      <span\n        v-if=\"label\"\n        :class=\"composeClassName(slotFns.label(), props.classNames?.label)\"\n      >{{ label }}</span>\n      <span\n        v-if=\"showValueLabel\"\n        :class=\"composeClassName(slotFns.value(), props.classNames?.value)\"\n      >{{ formattedValue }}</span>\n    </div>\n    <ProgressRoot\n      :model-value=\"isInd ? null : (props.value as number)\"\n      :max=\"maxValue\"\n      :as=\"props.as\"\n      :as-child=\"props.asChild\"\n      :get-value-label=\"props.getValueLabel\"\n      :get-value-text=\"props.getValueText\"\n      :class=\"composeClassName(slotFns.track(), props.classNames?.track)\"\n      :aria-label=\"label || 'Progress'\"\n    >\n      <ProgressIndicator\n        :as=\"props.indicatorAs\"\n        :as-child=\"props.indicatorAsChild\"\n        :class=\"composeClassName(slotFns.indicator(), props.classNames?.indicator)\"\n      />\n    </ProgressRoot>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/progress-bar/ProgressBar.vue_vue_type_script_setup_true_lang.js

@@ -32,6 +32,24 @@ var ProgressBar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 			type: Boolean,
 			default: false
 		},
+		as: { default: void 0 },
+		asChild: {
+			type: Boolean,
+			default: false
+		},
+		getValueLabel: {
+			type: Function,
+			default: void 0
+		},
+		getValueText: {
+			type: Function,
+			default: void 0
+		},
+		indicatorAs: { default: void 0 },
+		indicatorAsChild: {
+			type: Boolean,
+			default: false
+		},
 		class: { type: [
 			String,
 			Boolean,
@@ -65,7 +83,8 @@ var ProgressBar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class, props.classNames?.base)),
-				"data-disabled": __props.isDisabled ? "" : void 0
+				"data-disabled": __props.isDisabled ? "" : void 0,
+				style: normalizeStyle(isInd.value ? void 0 : { "--progress-bar-value": `${percentage.value}%` })
 			}, [__props.label || __props.showValueLabel ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: normalizeClass(unref(composeClassName)(slotFns.value.labelWrapper(), props.classNames?.labelWrapper))
@@ -78,20 +97,33 @@ var ProgressBar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 			}, toDisplayString(formattedValue.value), 3)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true), createVNode(unref(ProgressRoot), {
 				"model-value": isInd.value ? null : props.value,
 				max: __props.maxValue,
+				as: props.as,
+				"as-child": props.asChild,
+				"get-value-label": props.getValueLabel,
+				"get-value-text": props.getValueText,
 				class: normalizeClass(unref(composeClassName)(slotFns.value.track(), props.classNames?.track)),
 				"aria-label": __props.label || "Progress"
 			}, {
 				default: withCtx(() => [createVNode(unref(ProgressIndicator), {
-					class: normalizeClass(unref(composeClassName)(slotFns.value.indicator(), props.classNames?.indicator)),
-					style: normalizeStyle(isInd.value ? {} : { transform: `translateX(-${100 - percentage.value}%)` })
-				}, null, 8, ["class", "style"])]),
+					as: props.indicatorAs,
+					"as-child": props.indicatorAsChild,
+					class: normalizeClass(unref(composeClassName)(slotFns.value.indicator(), props.classNames?.indicator))
+				}, null, 8, [
+					"as",
+					"as-child",
+					"class"
+				])]),
 				_: 1
 			}, 8, [
 				"model-value",
 				"max",
+				"as",
+				"as-child",
+				"get-value-label",
+				"get-value-text",
 				"class",
 				"aria-label"
-			])], 10, _hoisted_1);
+			])], 14, _hoisted_1);
 		};
 	}
 });

package/dist/components/progress-bar/ProgressBar.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/progress-bar/ProgressBar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { ProgressRoot, ProgressIndicator } from 'reka-ui'\nimport { progressBarVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  value?: number | null\n  minValue?: number\n  maxValue?: number\n  label?: string\n  valueLabel?: string\n  showValueLabel?: boolean\n  formatOptions?: Intl.NumberFormatOptions\n  size?: 'sm' | 'md' | 'lg'\n  color?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger'\n  radius?: 'none' | 'sm' | 'md' | 'lg' | 'full'\n  isStriped?: boolean\n  isIndeterminate?: boolean\n  isDisabled?: boolean\n  class?: ClassValue\n  /** Per-slot class overrides */\n  classNames?: Partial<{\n    base: ClassValue\n    labelWrapper: ClassValue\n    label: ClassValue\n    value: ClassValue\n    track: ClassValue\n    indicator: ClassValue\n  }>\n}>(), {\n  minValue: 0,\n  maxValue: 100,\n  showValueLabel: false,\n  isStriped: false,\n  isIndeterminate: false,\n  isDisabled: false,\n})\n\nconst isInd = computed(\n  () => props.isIndeterminate || props.value === null || props.value === undefined\n)\n\nconst percentage = computed(() => {\n  if (isInd.value) return 0\n  const val = props.value as number\n  return ((val - props.minValue) / (props.maxValue - props.minValue)) * 100\n})\n\nconst slotFns = computed(() =>\n  progressBarVariants({\n    size: props.size,\n    color: props.color,\n    radius: props.radius,\n    isStriped: props.isStriped,\n    isIndeterminate: isInd.value,\n    isDisabled: props.isDisabled,\n  })\n)\n\nconst formattedValue = computed(() => {\n  if (props.valueLabel) return props.valueLabel\n  if (props.value === null || props.value === undefined) return ''\n  if (props.formatOptions) {\n    return new Intl.NumberFormat(undefined, props.formatOptions).format(props.value)\n  }\n  return String(Math.round(percentage.value)) + '%'\n})\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    :data-disabled=\"isDisabled ? '' : undefined\"\n  >\n    <div\n      v-if=\"label || showValueLabel\"\n      :class=\"composeClassName(slotFns.labelWrapper(), props.classNames?.labelWrapper)\"\n    >\n      <span\n        v-if=\"label\"\n        :class=\"composeClassName(slotFns.label(), props.classNames?.label)\"\n      >{{ label }}</span>\n      <span\n        v-if=\"showValueLabel\"\n        :class=\"composeClassName(slotFns.value(), props.classNames?.value)\"\n      >{{ formattedValue }}</span>\n    </div>\n    <ProgressRoot\n      :model-value=\"isInd ? null : (props.value as number)\"\n      :max=\"maxValue\"\n      :class=\"composeClassName(slotFns.track(), props.classNames?.track)\"\n      :aria-label=\"label || 'Progress'\"\n    >\n      <ProgressIndicator\n        :class=\"composeClassName(slotFns.indicator(), props.classNames?.indicator)\"\n        :style=\"isInd ? {} : { transform: `translateX(-${100 - percentage}%)` }\"\n      />\n    </ProgressRoot>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAiCd,MAAM,QAAQ,eACN,MAAM,mBAAmB,MAAM,UAAU,QAAQ,MAAM,UAAU,KAAA,EACzE;EAEA,MAAM,aAAa,eAAe;AAChC,OAAI,MAAM,MAAO,QAAO;AAExB,WADY,MAAM,QACH,MAAM,aAAa,MAAM,WAAW,MAAM,YAAa;IACvE;EAED,MAAM,UAAU,eACd,oBAAoB;GAClB,MAAM,MAAM;GACZ,OAAO,MAAM;GACb,QAAQ,MAAM;GACd,WAAW,MAAM;GACjB,iBAAiB,MAAM;GACvB,YAAY,MAAM;GACnB,CAAA,CACH;EAEA,MAAM,iBAAiB,eAAe;AACpC,OAAI,MAAM,WAAY,QAAO,MAAM;AACnC,OAAI,MAAM,UAAU,QAAQ,MAAM,UAAU,KAAA,EAAW,QAAO;AAC9D,OAAI,MAAM,cACR,QAAO,IAAI,KAAK,aAAa,KAAA,GAAW,MAAM,cAAc,CAAC,OAAO,MAAM,MAAK;AAEjF,UAAO,OAAO,KAAK,MAAM,WAAW,MAAM,CAAC,GAAG;IAC/C;;uBAIC,mBA4BM,OAAA;IA3BH,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;IAC3E,iBAAe,QAAA,aAAU,KAAQ,KAAA;OAG1B,QAAA,SAAS,QAAA,kBAAA,WAAA,EADjB,mBAYM,OAAA;;IAVH,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,cAAY,EAAI,MAAM,YAAY,aAAY,CAAA;OAGvE,QAAA,SAAA,WAAA,EADR,mBAGmB,QAAA;;IADhB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,OAAK,EAAI,MAAM,YAAY,MAAK,CAAA;sBAC/D,QAAA,MAAK,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,EAED,QAAA,kBAAA,WAAA,EADR,mBAG4B,QAAA;;IADzB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,OAAK,EAAI,MAAM,YAAY,MAAK,CAAA;sBAC/D,eAAA,MAAc,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,EAEpB,YAUe,MAAA,aAAA,EAAA;IATZ,eAAa,MAAA,QAAK,OAAW,MAAM;IACnC,KAAK,QAAA;IACL,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,OAAK,EAAI,MAAM,YAAY,MAAK,CAAA;IAChE,cAAY,QAAA,SAAK;;2BAKhB,CAHF,YAGE,MAAA,kBAAA,EAAA;KAFC,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,WAAS,EAAI,MAAM,YAAY,UAAS,CAAA;KACxE,OAAK,eAAE,MAAA,QAAK,EAAA,GAAA,EAAA,WAAA,eAAA,MAA0C,WAAA,MAAU,KAAA,CAAA"}
+{"version":3,"file":"ProgressBar.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/progress-bar/ProgressBar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { ProgressRoot, ProgressIndicator } from 'reka-ui'\nimport { progressBarVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  value?: number | null\n  minValue?: number\n  maxValue?: number\n  label?: string\n  valueLabel?: string\n  showValueLabel?: boolean\n  formatOptions?: Intl.NumberFormatOptions\n  size?: 'sm' | 'md' | 'lg'\n  color?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger'\n  radius?: 'none' | 'sm' | 'md' | 'lg' | 'full'\n  isStriped?: boolean\n  isIndeterminate?: boolean\n  isDisabled?: boolean\n  /** Element or component to render ProgressRoot as. */\n  as?: string\n  /** Whether ProgressRoot renders as a child element. */\n  asChild?: boolean\n  /** Function to get the accessible label for the current value. */\n  getValueLabel?: (value: number | null | undefined, max: number) => string | undefined\n  /** Function to get the accessible text for the current value. */\n  getValueText?: (value: number | null | undefined, max: number) => string | undefined\n  /** Element or component to render ProgressIndicator as. */\n  indicatorAs?: string\n  /** Whether ProgressIndicator renders as a child element. */\n  indicatorAsChild?: boolean\n  class?: ClassValue\n  /** Per-slot class overrides */\n  classNames?: Partial<{\n    base: ClassValue\n    labelWrapper: ClassValue\n    label: ClassValue\n    value: ClassValue\n    track: ClassValue\n    indicator: ClassValue\n  }>\n}>(), {\n  minValue: 0,\n  maxValue: 100,\n  showValueLabel: false,\n  isStriped: false,\n  isIndeterminate: false,\n  isDisabled: false,\n  as: undefined,\n  asChild: false,\n  getValueLabel: undefined,\n  getValueText: undefined,\n  indicatorAs: undefined,\n  indicatorAsChild: false,\n})\n\nconst isInd = computed(\n  () => props.isIndeterminate || props.value === null || props.value === undefined\n)\n\nconst percentage = computed(() => {\n  if (isInd.value) return 0\n  const val = props.value as number\n  return ((val - props.minValue) / (props.maxValue - props.minValue)) * 100\n})\n\nconst slotFns = computed(() =>\n  progressBarVariants({\n    size: props.size,\n    color: props.color,\n    radius: props.radius,\n    isStriped: props.isStriped,\n    isIndeterminate: isInd.value,\n    isDisabled: props.isDisabled,\n  })\n)\n\nconst formattedValue = computed(() => {\n  if (props.valueLabel) return props.valueLabel\n  if (props.value === null || props.value === undefined) return ''\n  if (props.formatOptions) {\n    return new Intl.NumberFormat(undefined, props.formatOptions).format(props.value)\n  }\n  return String(Math.round(percentage.value)) + '%'\n})\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    :data-disabled=\"isDisabled ? '' : undefined\"\n    :style=\"isInd ? undefined : { '--progress-bar-value': `${percentage}%` }\"\n  >\n    <div\n      v-if=\"label || showValueLabel\"\n      :class=\"composeClassName(slotFns.labelWrapper(), props.classNames?.labelWrapper)\"\n    >\n      <span\n        v-if=\"label\"\n        :class=\"composeClassName(slotFns.label(), props.classNames?.label)\"\n      >{{ label }}</span>\n      <span\n        v-if=\"showValueLabel\"\n        :class=\"composeClassName(slotFns.value(), props.classNames?.value)\"\n      >{{ formattedValue }}</span>\n    </div>\n    <ProgressRoot\n      :model-value=\"isInd ? null : (props.value as number)\"\n      :max=\"maxValue\"\n      :as=\"props.as\"\n      :as-child=\"props.asChild\"\n      :get-value-label=\"props.getValueLabel\"\n      :get-value-text=\"props.getValueText\"\n      :class=\"composeClassName(slotFns.track(), props.classNames?.track)\"\n      :aria-label=\"label || 'Progress'\"\n    >\n      <ProgressIndicator\n        :as=\"props.indicatorAs\"\n        :as-child=\"props.indicatorAsChild\"\n        :class=\"composeClassName(slotFns.indicator(), props.classNames?.indicator)\"\n      />\n    </ProgressRoot>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAmDd,MAAM,QAAQ,eACN,MAAM,mBAAmB,MAAM,UAAU,QAAQ,MAAM,UAAU,KAAA,EACzE;EAEA,MAAM,aAAa,eAAe;AAChC,OAAI,MAAM,MAAO,QAAO;AAExB,WADY,MAAM,QACH,MAAM,aAAa,MAAM,WAAW,MAAM,YAAa;IACvE;EAED,MAAM,UAAU,eACd,oBAAoB;GAClB,MAAM,MAAM;GACZ,OAAO,MAAM;GACb,QAAQ,MAAM;GACd,WAAW,MAAM;GACjB,iBAAiB,MAAM;GACvB,YAAY,MAAM;GACnB,CAAA,CACH;EAEA,MAAM,iBAAiB,eAAe;AACpC,OAAI,MAAM,WAAY,QAAO,MAAM;AACnC,OAAI,MAAM,UAAU,QAAQ,MAAM,UAAU,KAAA,EAAW,QAAO;AAC9D,OAAI,MAAM,cACR,QAAO,IAAI,KAAK,aAAa,KAAA,GAAW,MAAM,cAAc,CAAC,OAAO,MAAM,MAAK;AAEjF,UAAO,OAAO,KAAK,MAAM,WAAW,MAAM,CAAC,GAAG;IAC/C;;uBAIC,mBAkCM,OAAA;IAjCH,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;IAC3E,iBAAe,QAAA,aAAU,KAAQ,KAAA;IACjC,OAAK,eAAE,MAAA,QAAQ,KAAA,IAAS,EAAA,wBAAA,GAAgC,WAAA,MAAU,IAAA,CAAA;OAG3D,QAAA,SAAS,QAAA,kBAAA,WAAA,EADjB,mBAYM,OAAA;;IAVH,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,cAAY,EAAI,MAAM,YAAY,aAAY,CAAA;OAGvE,QAAA,SAAA,WAAA,EADR,mBAGmB,QAAA;;IADhB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,OAAK,EAAI,MAAM,YAAY,MAAK,CAAA;sBAC/D,QAAA,MAAK,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,EAED,QAAA,kBAAA,WAAA,EADR,mBAG4B,QAAA;;IADzB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,OAAK,EAAI,MAAM,YAAY,MAAK,CAAA;sBAC/D,eAAA,MAAc,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,EAEpB,YAee,MAAA,aAAA,EAAA;IAdZ,eAAa,MAAA,QAAK,OAAW,MAAM;IACnC,KAAK,QAAA;IACL,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,mBAAiB,MAAM;IACvB,kBAAgB,MAAM;IACtB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,OAAK,EAAI,MAAM,YAAY,MAAK,CAAA;IAChE,cAAY,QAAA,SAAK;;2BAMhB,CAJF,YAIE,MAAA,kBAAA,EAAA;KAHC,IAAI,MAAM;KACV,YAAU,MAAM;KAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,WAAS,EAAI,MAAM,YAAY,UAAS,CAAA"}

package/dist/components/progress-circle/ProgressCircle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressCircle.js","names":[],"sources":["../../../src/components/progress-circle/ProgressCircle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { ProgressRoot } from 'reka-ui'\nimport { progressCircleVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  value?: number | null\n  minValue?: number\n  maxValue?: number\n  label?: string\n  valueLabel?: string\n  showValueLabel?: boolean\n  formatOptions?: Intl.NumberFormatOptions\n  size?: 'sm' | 'md' | 'lg'\n  color?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger'\n  strokeWidth?: number\n  isIndeterminate?: boolean\n  isDisabled?: boolean\n  class?: ClassValue\n  /** Override classNames for individual slots */\n  classNames?: Partial<{\n    base: ClassValue\n    svg: ClassValue\n    track: ClassValue\n    indicator: ClassValue\n    value: ClassValue\n  }>\n}>(), {\n  minValue: 0,\n  maxValue: 100,\n  showValueLabel: false,\n  strokeWidth: 3,\n  isIndeterminate: false,\n  isDisabled: false,\n})\n\nconst isInd = computed(\n  () => props.isIndeterminate || props.value === null || props.value === undefined\n)\n\nconst percentage = computed(() => {\n  if (isInd.value) return 0\n  const val = props.value as number\n  return ((val - props.minValue) / (props.maxValue - props.minValue)) * 100\n})\n\n// SVG geometry\nconst radius = computed(() => 16 - props.strokeWidth)\nconst circumference = computed(() => 2 * Math.PI * radius.value)\nconst offset = computed(() =>\n  isInd.value ? circumference.value * 0.25 : circumference.value * (1 - percentage.value / 100)\n)\n\nconst slotFns = computed(() =>\n  progressCircleVariants({\n    size: props.size,\n    color: props.color,\n    isIndeterminate: isInd.value,\n    isDisabled: props.isDisabled,\n  })\n)\n\nconst formattedValue = computed(() => {\n  if (props.valueLabel) return props.valueLabel\n  if (props.value === null || props.value === undefined) return ''\n  if (props.formatOptions) {\n    return new Intl.NumberFormat(undefined, props.formatOptions).format(props.value)\n  }\n  return String(Math.round(props.value as number))\n})\n</script>\n\n<template>\n  <ProgressRoot\n    :model-value=\"isInd ? null : (value as number)\"\n    :max=\"maxValue\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    :aria-label=\"label || 'Progress'\"\n    :data-disabled=\"isDisabled ? '' : undefined\"\n  >\n    <svg\n      :class=\"composeClassName(slotFns.svg(), props.classNames?.svg)\"\n      viewBox=\"0 0 32 32\"\n      fill=\"none\"\n      aria-hidden=\"true\"\n    >\n      <!-- Track circle -->\n      <circle\n        :class=\"composeClassName(slotFns.track(), props.classNames?.track)\"\n        cx=\"16\"\n        cy=\"16\"\n        :r=\"radius\"\n        :stroke-width=\"strokeWidth\"\n        fill=\"none\"\n      />\n      <!-- Indicator (progress) circle -->\n      <circle\n        :class=\"composeClassName(slotFns.indicator(), props.classNames?.indicator)\"\n        cx=\"16\"\n        cy=\"16\"\n        :r=\"radius\"\n        :stroke-width=\"strokeWidth\"\n        fill=\"none\"\n        stroke-linecap=\"round\"\n        :stroke-dasharray=\"circumference\"\n        :stroke-dashoffset=\"offset\"\n        transform=\"rotate(-90 16 16)\"\n        style=\"transition: stroke-dashoffset 300ms ease-out\"\n      />\n    </svg>\n    <span\n      v-if=\"showValueLabel || label\"\n      :class=\"composeClassName(slotFns.value(), props.classNames?.value)\"\n    >\n      <slot>{{ formattedValue }}</slot>\n    </span>\n  </ProgressRoot>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ProgressCircle.js","names":[],"sources":["../../../src/components/progress-circle/ProgressCircle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { ProgressRoot } from 'reka-ui'\nimport { progressCircleVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  value?: number | null\n  minValue?: number\n  maxValue?: number\n  label?: string\n  valueLabel?: string\n  showValueLabel?: boolean\n  formatOptions?: Intl.NumberFormatOptions\n  size?: 'sm' | 'md' | 'lg'\n  color?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger'\n  strokeWidth?: number\n  isIndeterminate?: boolean\n  isDisabled?: boolean\n  /** Element or component to render ProgressRoot as. */\n  as?: string\n  /** Whether ProgressRoot renders as a child element. */\n  asChild?: boolean\n  /** Function to get the accessible label for the current value. */\n  getValueLabel?: (value: number | null | undefined, max: number) => string | undefined\n  /** Function to get the accessible text for the current value. */\n  getValueText?: (value: number | null | undefined, max: number) => string | undefined\n  class?: ClassValue\n  /** Override classNames for individual slots */\n  classNames?: Partial<{\n    base: ClassValue\n    svg: ClassValue\n    track: ClassValue\n    indicator: ClassValue\n    value: ClassValue\n  }>\n}>(), {\n  minValue: 0,\n  maxValue: 100,\n  showValueLabel: false,\n  strokeWidth: 3,\n  isIndeterminate: false,\n  isDisabled: false,\n  as: undefined,\n  asChild: false,\n  getValueLabel: undefined,\n  getValueText: undefined,\n})\n\nconst isInd = computed(\n  () => props.isIndeterminate || props.value === null || props.value === undefined\n)\n\nconst percentage = computed(() => {\n  if (isInd.value) return 0\n  const val = props.value as number\n  return ((val - props.minValue) / (props.maxValue - props.minValue)) * 100\n})\n\n// SVG geometry\nconst radius = computed(() => 16 - props.strokeWidth)\nconst circumference = computed(() => 2 * Math.PI * radius.value)\nconst offset = computed(() =>\n  isInd.value ? circumference.value * 0.25 : circumference.value * (1 - percentage.value / 100)\n)\n\nconst slotFns = computed(() =>\n  progressCircleVariants({\n    size: props.size,\n    color: props.color,\n    isIndeterminate: isInd.value,\n    isDisabled: props.isDisabled,\n  })\n)\n\nconst formattedValue = computed(() => {\n  if (props.valueLabel) return props.valueLabel\n  if (props.value === null || props.value === undefined) return ''\n  if (props.formatOptions) {\n    return new Intl.NumberFormat(undefined, props.formatOptions).format(props.value)\n  }\n  return String(Math.round(props.value as number))\n})\n</script>\n\n<template>\n  <ProgressRoot\n    :model-value=\"isInd ? null : (value as number)\"\n    :max=\"maxValue\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :get-value-label=\"props.getValueLabel\"\n    :get-value-text=\"props.getValueText\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    :aria-label=\"label || 'Progress'\"\n    :data-disabled=\"isDisabled ? '' : undefined\"\n  >\n    <svg\n      :class=\"composeClassName(slotFns.svg(), props.classNames?.svg)\"\n      viewBox=\"0 0 32 32\"\n      fill=\"none\"\n      aria-hidden=\"true\"\n    >\n      <!-- Track circle -->\n      <circle\n        :class=\"composeClassName(slotFns.track(), props.classNames?.track)\"\n        cx=\"16\"\n        cy=\"16\"\n        :r=\"radius\"\n        :stroke-width=\"strokeWidth\"\n        fill=\"none\"\n      />\n      <!-- Indicator (progress) circle -->\n      <circle\n        :class=\"composeClassName(slotFns.indicator(), props.classNames?.indicator)\"\n        cx=\"16\"\n        cy=\"16\"\n        :r=\"radius\"\n        :stroke-width=\"strokeWidth\"\n        fill=\"none\"\n        stroke-linecap=\"round\"\n        :stroke-dasharray=\"circumference\"\n        :stroke-dashoffset=\"offset\"\n        transform=\"rotate(-90 16 16)\"\n        style=\"transition: stroke-dashoffset 300ms ease-out\"\n      />\n    </svg>\n    <span\n      v-if=\"showValueLabel || label\"\n      :class=\"composeClassName(slotFns.value(), props.classNames?.value)\"\n    >\n      <slot>{{ formattedValue }}</slot>\n    </span>\n  </ProgressRoot>\n</template>\n"],"mappings":""}