@auronui/vue 1.0.21 → 1.0.22

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":""}

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

@@ -34,6 +34,19 @@ var ProgressCircle_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			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
+		},
 		class: { type: [
 			String,
 			Boolean,
@@ -69,6 +82,10 @@ var ProgressCircle_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			return openBlock(), createBlock(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.base(), props.class, props.classNames?.base)),
 				"aria-label": __props.label || "Progress",
 				"data-disabled": __props.isDisabled ? "" : void 0
@@ -105,6 +122,10 @@ var ProgressCircle_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			}, 8, [
 				"model-value",
 				"max",
+				"as",
+				"as-child",
+				"get-value-label",
+				"get-value-text",
 				"class",
 				"aria-label",
 				"data-disabled"

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressCircle.vue_vue_type_script_setup_true_lang.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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EA+Bd,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;EAGD,MAAM,SAAS,eAAe,KAAK,MAAM,YAAW;EACpD,MAAM,gBAAgB,eAAe,IAAI,KAAK,KAAK,OAAO,MAAK;EAC/D,MAAM,SAAS,eACb,MAAM,QAAQ,cAAc,QAAQ,MAAO,cAAc,SAAS,IAAI,WAAW,QAAQ,KAC3F;EAEA,MAAM,UAAU,eACd,uBAAuB;GACrB,MAAM,MAAM;GACZ,OAAO,MAAM;GACb,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,MAAM,MAAgB,CAAA;IAChD;;uBAIC,YA2Ce,MAAA,aAAA,EAAA;IA1CZ,eAAa,MAAA,QAAK,OAAW,QAAA;IAC7B,KAAK,QAAA;IACL,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;IAC3E,cAAY,QAAA,SAAK;IACjB,iBAAe,QAAA,aAAU,KAAQ,KAAA;;2BA+B5B,EAAA,WAAA,EA7BN,mBA6BM,OAAA;KA5BH,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,KAAG,EAAI,MAAM,YAAY,IAAG,CAAA;KAC7D,SAAQ;KACR,MAAK;KACL,eAAY;QAGZ,mBAOE,UAAA;KANC,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,OAAK,EAAI,MAAM,YAAY,MAAK,CAAA;KACjE,IAAG;KACH,IAAG;KACF,GAAG,OAAA;KACH,gBAAc,QAAA;KACf,MAAK;8BAGP,mBAYE,UAAA;KAXC,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,WAAS,EAAI,MAAM,YAAY,UAAS,CAAA;KACzE,IAAG;KACH,IAAG;KACF,GAAG,OAAA;KACH,gBAAc,QAAA;KACf,MAAK;KACL,kBAAe;KACd,oBAAkB,cAAA;KAClB,qBAAmB,OAAA;KACpB,WAAU;KACV,OAAA,EAAA,cAAA,oCAAoD;oCAIhD,QAAA,kBAAkB,QAAA,SAAA,WAAA,EAD1B,mBAKO,QAAA;;KAHJ,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,OAAK,EAAI,MAAM,YAAY,MAAK,CAAA;QAEjE,WAAiC,KAAA,QAAA,WAAA,EAAA,QAAA,CAAA,gBAAA,gBAAxB,eAAA,MAAc,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA"}
+{"version":3,"file":"ProgressCircle.vue_vue_type_script_setup_true_lang.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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EA2Cd,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;EAGD,MAAM,SAAS,eAAe,KAAK,MAAM,YAAW;EACpD,MAAM,gBAAgB,eAAe,IAAI,KAAK,KAAK,OAAO,MAAK;EAC/D,MAAM,SAAS,eACb,MAAM,QAAQ,cAAc,QAAQ,MAAO,cAAc,SAAS,IAAI,WAAW,QAAQ,KAC3F;EAEA,MAAM,UAAU,eACd,uBAAuB;GACrB,MAAM,MAAM;GACZ,OAAO,MAAM;GACb,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,MAAM,MAAgB,CAAA;IAChD;;uBAIC,YA+Ce,MAAA,aAAA,EAAA;IA9CZ,eAAa,MAAA,QAAK,OAAW,QAAA;IAC7B,KAAK,QAAA;IACL,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,mBAAiB,MAAM;IACvB,kBAAgB,MAAM;IACtB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;IAC3E,cAAY,QAAA,SAAK;IACjB,iBAAe,QAAA,aAAU,KAAQ,KAAA;;2BA+B5B,EAAA,WAAA,EA7BN,mBA6BM,OAAA;KA5BH,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,KAAG,EAAI,MAAM,YAAY,IAAG,CAAA;KAC7D,SAAQ;KACR,MAAK;KACL,eAAY;QAGZ,mBAOE,UAAA;KANC,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,OAAK,EAAI,MAAM,YAAY,MAAK,CAAA;KACjE,IAAG;KACH,IAAG;KACF,GAAG,OAAA;KACH,gBAAc,QAAA;KACf,MAAK;8BAGP,mBAYE,UAAA;KAXC,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,WAAS,EAAI,MAAM,YAAY,UAAS,CAAA;KACzE,IAAG;KACH,IAAG;KACF,GAAG,OAAA;KACH,gBAAc,QAAA;KACf,MAAK;KACL,kBAAe;KACd,oBAAkB,cAAA;KAClB,qBAAmB,OAAA;KACpB,WAAU;KACV,OAAA,EAAA,cAAA,oCAAoD;oCAIhD,QAAA,kBAAkB,QAAA,SAAA,WAAA,EAD1B,mBAKO,QAAA;;KAHJ,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,OAAK,EAAI,MAAM,YAAY,MAAK,CAAA;QAEjE,WAAiC,KAAA,QAAA,WAAA,EAAA,QAAA,CAAA,gBAAA,gBAAxB,eAAA,MAAc,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA"}

package/dist/components/radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","names":[],"sources":["../../../src/components/radio/Radio.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, useAttrs } from 'vue'\nimport { RadioGroupItem, RadioGroupIndicator } from 'reka-ui'\nimport { radioVariants, type RadioGroupVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useRadioGroupInject } from './radio-group.context'\n\n// Disable Vue attribute fallthrough — we manually forward $attrs to RadioGroupItem\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<{\n  value: string\n  variant?: RadioGroupVariants['variant']\n  disabled?: boolean\n  class?: ClassValue\n  /** Override classNames for individual slots */\n  classNames?: Partial<{\n    base: ClassValue\n    control: ClassValue\n    indicator: ClassValue\n    content: ClassValue\n  }>\n}>(), {\n  variant: undefined,\n  disabled: false,\n  class: undefined,\n  classNames: undefined,\n})\n\nconst attrs = useAttrs()\n\n// Inject RadioGroup context with fallback defaults (standalone mode)\nconst groupCtx = useRadioGroupInject({\n  variant: ref(undefined),\n  disabled: ref(false),\n})\n\n// Prop precedence: group disabled wins (D-02)\nconst isDisabled = computed(() => groupCtx.disabled.value || props.disabled)\n\n// Child variant wins over group variant (used for data-variant attribute propagation)\nconst finalVariant = computed(() => props.variant ?? groupCtx.variant.value)\n\nconst slotFns = computed(() => radioVariants())\n</script>\n\n<template>\n  <RadioGroupItem\n    v-bind=\"attrs\"\n    :value=\"props.value\"\n    :disabled=\"isDisabled\"\n    :data-variant=\"finalVariant\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n  >\n    <span :class=\"composeClassName(slotFns.control(), props.classNames?.control)\">\n      <RadioGroupIndicator :class=\"composeClassName(slotFns.indicator(), props.classNames?.indicator)\" />\n    </span>\n    <span :class=\"composeClassName(slotFns.content(), props.classNames?.content)\">\n      <slot />\n    </span>\n  </RadioGroupItem>\n</template>\n"],"mappings":""}
+{"version":3,"file":"Radio.js","names":[],"sources":["../../../src/components/radio/Radio.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, useAttrs } from 'vue'\nimport { RadioGroupItem, RadioGroupIndicator } from 'reka-ui'\nimport { radioVariants, type RadioGroupVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useRadioGroupInject } from './radio-group.context'\n\n// Disable Vue attribute fallthrough — we manually forward $attrs to RadioGroupItem\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<{\n  value: string\n  variant?: RadioGroupVariants['variant']\n  disabled?: boolean\n  /** HTML id attribute forwarded to RadioGroupItem. */\n  id?: string\n  /** Whether RadioGroupItem renders as a child element. */\n  asChild?: boolean\n  /** Element or component to render RadioGroupItem as. */\n  as?: string\n  /** HTML name attribute forwarded to RadioGroupItem. */\n  name?: string\n  /** Whether the radio item is required. */\n  required?: boolean\n  /** Whether RadioGroupIndicator should force-mount even when unselected. */\n  indicatorForceMount?: boolean\n  /** Whether RadioGroupIndicator renders as a child element. */\n  indicatorAsChild?: boolean\n  /** Element or component to render RadioGroupIndicator as. */\n  indicatorAs?: string\n  class?: ClassValue\n  /** Override classNames for individual slots */\n  classNames?: Partial<{\n    base: ClassValue\n    control: ClassValue\n    indicator: ClassValue\n    content: ClassValue\n  }>\n}>(), {\n  variant: undefined,\n  disabled: false,\n  id: undefined,\n  asChild: false,\n  as: undefined,\n  name: undefined,\n  required: false,\n  indicatorForceMount: undefined,\n  indicatorAsChild: false,\n  indicatorAs: undefined,\n  class: undefined,\n  classNames: undefined,\n})\n\nconst emit = defineEmits<{\n  'select': [event: Event]\n}>()\n\nconst attrs = useAttrs()\n\n// Inject RadioGroup context with fallback defaults (standalone mode)\nconst groupCtx = useRadioGroupInject({\n  variant: ref(undefined),\n  disabled: ref(false),\n})\n\n// Prop precedence: group disabled wins (D-02)\nconst isDisabled = computed(() => groupCtx.disabled.value || props.disabled)\n\n// Child variant wins over group variant (used for data-variant attribute propagation)\nconst finalVariant = computed(() => props.variant ?? groupCtx.variant.value)\n\nconst slotFns = computed(() => radioVariants())\n</script>\n\n<template>\n  <RadioGroupItem\n    v-bind=\"attrs\"\n    :value=\"props.value\"\n    :disabled=\"isDisabled\"\n    :id=\"props.id\"\n    :as-child=\"props.asChild\"\n    :as=\"props.as\"\n    :name=\"props.name\"\n    :required=\"props.required\"\n    :data-variant=\"finalVariant\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    @select=\"emit('select', $event)\"\n  >\n    <span :class=\"composeClassName(slotFns.control(), props.classNames?.control)\">\n      <RadioGroupIndicator\n        :force-mount=\"props.indicatorForceMount\"\n        :as-child=\"props.indicatorAsChild\"\n        :as=\"props.indicatorAs\"\n        :class=\"composeClassName(slotFns.indicator(), props.classNames?.indicator)\"\n      />\n    </span>\n    <span :class=\"composeClassName(slotFns.content(), props.classNames?.content)\">\n      <slot />\n    </span>\n  </RadioGroupItem>\n</template>\n"],"mappings":""}

package/dist/components/radio/Radio.vue_vue_type_script_setup_true_lang.js

@@ -14,6 +14,26 @@ var Radio_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			type: Boolean,
 			default: false
 		},
+		id: { default: void 0 },
+		asChild: {
+			type: Boolean,
+			default: false
+		},
+		as: { default: void 0 },
+		name: { default: void 0 },
+		required: {
+			type: Boolean,
+			default: false
+		},
+		indicatorForceMount: {
+			type: Boolean,
+			default: void 0
+		},
+		indicatorAsChild: {
+			type: Boolean,
+			default: false
+		},
+		indicatorAs: { default: void 0 },
 		class: {
 			type: [
 				String,
@@ -26,8 +46,10 @@ var Radio_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		},
 		classNames: { default: void 0 }
 	},
-	setup(__props) {
+	emits: ["select"],
+	setup(__props, { emit: __emit }) {
 		const props = __props;
+		const emit = __emit;
 		const attrs = useAttrs();
 		const groupCtx = useRadioGroupInject({
 			variant: ref(void 0),
@@ -40,14 +62,35 @@ var Radio_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			return openBlock(), createBlock(unref(RadioGroupItem), mergeProps(unref(attrs), {
 				value: props.value,
 				disabled: isDisabled.value,
+				id: props.id,
+				"as-child": props.asChild,
+				as: props.as,
+				name: props.name,
+				required: props.required,
 				"data-variant": finalVariant.value,
-				class: unref(composeClassName)(slotFns.value.base(), props.class, props.classNames?.base)
+				class: unref(composeClassName)(slotFns.value.base(), props.class, props.classNames?.base),
+				onSelect: _cache[0] || (_cache[0] = ($event) => emit("select", $event))
 			}), {
-				default: withCtx(() => [createElementVNode("span", { class: normalizeClass(unref(composeClassName)(slotFns.value.control(), props.classNames?.control)) }, [createVNode(unref(RadioGroupIndicator), { class: normalizeClass(unref(composeClassName)(slotFns.value.indicator(), props.classNames?.indicator)) }, null, 8, ["class"])], 2), createElementVNode("span", { class: normalizeClass(unref(composeClassName)(slotFns.value.content(), props.classNames?.content)) }, [renderSlot(_ctx.$slots, "default")], 2)]),
+				default: withCtx(() => [createElementVNode("span", { class: normalizeClass(unref(composeClassName)(slotFns.value.control(), props.classNames?.control)) }, [createVNode(unref(RadioGroupIndicator), {
+					"force-mount": props.indicatorForceMount,
+					"as-child": props.indicatorAsChild,
+					as: props.indicatorAs,
+					class: normalizeClass(unref(composeClassName)(slotFns.value.indicator(), props.classNames?.indicator))
+				}, null, 8, [
+					"force-mount",
+					"as-child",
+					"as",
+					"class"
+				])], 2), createElementVNode("span", { class: normalizeClass(unref(composeClassName)(slotFns.value.content(), props.classNames?.content)) }, [renderSlot(_ctx.$slots, "default")], 2)]),
 				_: 3
 			}, 16, [
 				"value",
 				"disabled",
+				"id",
+				"as-child",
+				"as",
+				"name",
+				"required",
 				"data-variant",
 				"class"
 			]);

package/dist/components/radio/Radio.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/radio/Radio.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, useAttrs } from 'vue'\nimport { RadioGroupItem, RadioGroupIndicator } from 'reka-ui'\nimport { radioVariants, type RadioGroupVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useRadioGroupInject } from './radio-group.context'\n\n// Disable Vue attribute fallthrough — we manually forward $attrs to RadioGroupItem\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<{\n  value: string\n  variant?: RadioGroupVariants['variant']\n  disabled?: boolean\n  class?: ClassValue\n  /** Override classNames for individual slots */\n  classNames?: Partial<{\n    base: ClassValue\n    control: ClassValue\n    indicator: ClassValue\n    content: ClassValue\n  }>\n}>(), {\n  variant: undefined,\n  disabled: false,\n  class: undefined,\n  classNames: undefined,\n})\n\nconst attrs = useAttrs()\n\n// Inject RadioGroup context with fallback defaults (standalone mode)\nconst groupCtx = useRadioGroupInject({\n  variant: ref(undefined),\n  disabled: ref(false),\n})\n\n// Prop precedence: group disabled wins (D-02)\nconst isDisabled = computed(() => groupCtx.disabled.value || props.disabled)\n\n// Child variant wins over group variant (used for data-variant attribute propagation)\nconst finalVariant = computed(() => props.variant ?? groupCtx.variant.value)\n\nconst slotFns = computed(() => radioVariants())\n</script>\n\n<template>\n  <RadioGroupItem\n    v-bind=\"attrs\"\n    :value=\"props.value\"\n    :disabled=\"isDisabled\"\n    :data-variant=\"finalVariant\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n  >\n    <span :class=\"composeClassName(slotFns.control(), props.classNames?.control)\">\n      <RadioGroupIndicator :class=\"composeClassName(slotFns.indicator(), props.classNames?.indicator)\" />\n    </span>\n    <span :class=\"composeClassName(slotFns.content(), props.classNames?.content)\">\n      <slot />\n    </span>\n  </RadioGroupItem>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUA,MAAM,QAAQ;EAmBd,MAAM,QAAQ,UAAS;EAGvB,MAAM,WAAW,oBAAoB;GACnC,SAAS,IAAI,KAAA,EAAU;GACvB,UAAU,IAAI,MAAM;GACrB,CAAA;EAGD,MAAM,aAAa,eAAe,SAAS,SAAS,SAAS,MAAM,SAAQ;EAG3E,MAAM,eAAe,eAAe,MAAM,WAAW,SAAS,QAAQ,MAAK;EAE3E,MAAM,UAAU,eAAe,eAAe,CAAA;;uBAI5C,YAaiB,MAAA,eAAA,EAbjB,WACU,MAYO,MAZF,EAAA;IACZ,OAAO,MAAM;IACb,UAAU,WAAA;IACV,gBAAc,aAAA;IACd,OAAO,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI;;2BAIrE,CAFP,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,SAAO,EAAI,MAAM,YAAY,QAAO,CAAA,EAAA,EAAA,CACzE,YAAmG,MAAA,oBAAA,EAAA,EAA7E,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,WAAS,EAAI,MAAM,YAAY,UAAS,CAAA,EAAA,EAAA,MAAA,GAAA,CAAA,QAAA,CAAA,CAAA,EAAA,EAAA,EAEhG,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,SAAO,EAAI,MAAM,YAAY,QAAO,CAAA,EAAA,EAAA,CACzE,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,CAAA,CAAA"}
+{"version":3,"file":"Radio.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/radio/Radio.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, useAttrs } from 'vue'\nimport { RadioGroupItem, RadioGroupIndicator } from 'reka-ui'\nimport { radioVariants, type RadioGroupVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useRadioGroupInject } from './radio-group.context'\n\n// Disable Vue attribute fallthrough — we manually forward $attrs to RadioGroupItem\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<{\n  value: string\n  variant?: RadioGroupVariants['variant']\n  disabled?: boolean\n  /** HTML id attribute forwarded to RadioGroupItem. */\n  id?: string\n  /** Whether RadioGroupItem renders as a child element. */\n  asChild?: boolean\n  /** Element or component to render RadioGroupItem as. */\n  as?: string\n  /** HTML name attribute forwarded to RadioGroupItem. */\n  name?: string\n  /** Whether the radio item is required. */\n  required?: boolean\n  /** Whether RadioGroupIndicator should force-mount even when unselected. */\n  indicatorForceMount?: boolean\n  /** Whether RadioGroupIndicator renders as a child element. */\n  indicatorAsChild?: boolean\n  /** Element or component to render RadioGroupIndicator as. */\n  indicatorAs?: string\n  class?: ClassValue\n  /** Override classNames for individual slots */\n  classNames?: Partial<{\n    base: ClassValue\n    control: ClassValue\n    indicator: ClassValue\n    content: ClassValue\n  }>\n}>(), {\n  variant: undefined,\n  disabled: false,\n  id: undefined,\n  asChild: false,\n  as: undefined,\n  name: undefined,\n  required: false,\n  indicatorForceMount: undefined,\n  indicatorAsChild: false,\n  indicatorAs: undefined,\n  class: undefined,\n  classNames: undefined,\n})\n\nconst emit = defineEmits<{\n  'select': [event: Event]\n}>()\n\nconst attrs = useAttrs()\n\n// Inject RadioGroup context with fallback defaults (standalone mode)\nconst groupCtx = useRadioGroupInject({\n  variant: ref(undefined),\n  disabled: ref(false),\n})\n\n// Prop precedence: group disabled wins (D-02)\nconst isDisabled = computed(() => groupCtx.disabled.value || props.disabled)\n\n// Child variant wins over group variant (used for data-variant attribute propagation)\nconst finalVariant = computed(() => props.variant ?? groupCtx.variant.value)\n\nconst slotFns = computed(() => radioVariants())\n</script>\n\n<template>\n  <RadioGroupItem\n    v-bind=\"attrs\"\n    :value=\"props.value\"\n    :disabled=\"isDisabled\"\n    :id=\"props.id\"\n    :as-child=\"props.asChild\"\n    :as=\"props.as\"\n    :name=\"props.name\"\n    :required=\"props.required\"\n    :data-variant=\"finalVariant\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    @select=\"emit('select', $event)\"\n  >\n    <span :class=\"composeClassName(slotFns.control(), props.classNames?.control)\">\n      <RadioGroupIndicator\n        :force-mount=\"props.indicatorForceMount\"\n        :as-child=\"props.indicatorAsChild\"\n        :as=\"props.indicatorAs\"\n        :class=\"composeClassName(slotFns.indicator(), props.classNames?.indicator)\"\n      />\n    </span>\n    <span :class=\"composeClassName(slotFns.content(), props.classNames?.content)\">\n      <slot />\n    </span>\n  </RadioGroupItem>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUA,MAAM,QAAQ;EA2Cd,MAAM,OAAO;EAIb,MAAM,QAAQ,UAAS;EAGvB,MAAM,WAAW,oBAAoB;GACnC,SAAS,IAAI,KAAA,EAAU;GACvB,UAAU,IAAI,MAAM;GACrB,CAAA;EAGD,MAAM,aAAa,eAAe,SAAS,SAAS,SAAS,MAAM,SAAQ;EAG3E,MAAM,eAAe,eAAe,MAAM,WAAW,SAAS,QAAQ,MAAK;EAE3E,MAAM,UAAU,eAAe,eAAe,CAAA;;uBAI5C,YAwBiB,MAAA,eAAA,EAxBjB,WACU,MAuBO,MAvBF,EAAA;IACZ,OAAO,MAAM;IACb,UAAU,WAAA;IACV,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,IAAI,MAAM;IACV,MAAM,MAAM;IACZ,UAAU,MAAM;IAChB,gBAAc,aAAA;IACd,OAAO,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI;IAC3E,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,UAAW,OAAM;;2BASvB,CAPP,mBAOO,QAAA,EAPA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,SAAO,EAAI,MAAM,YAAY,QAAO,CAAA,EAAA,EAAA,CACzE,YAKE,MAAA,oBAAA,EAAA;KAJC,eAAa,MAAM;KACnB,YAAU,MAAM;KAChB,IAAI,MAAM;KACV,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,WAAS,EAAI,MAAM,YAAY,UAAS,CAAA;;;;;;aAG7E,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,SAAO,EAAI,MAAM,YAAY,QAAO,CAAA,EAAA,EAAA,CACzE,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,CAAA,CAAA"}