@auronui/vue 1.3.0 → 1.4.1

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

@@ -1 +1 @@
-{"version":3,"file":"NumberField.js","names":[],"sources":["../../../src/components/number-field/NumberField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { useId } from 'vue'\nimport {\n  NumberFieldRoot,\n  NumberFieldInput,\n  NumberFieldIncrement,\n  NumberFieldDecrement,\n} from 'reka-ui'\nimport { numberFieldVariants, type NumberFieldVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  variant?: NumberFieldVariants['variant']\n  size?: NumberFieldVariants['size']\n  color?: NumberFieldVariants['color']\n  fullWidth?: boolean\n  isInvalid?: boolean\n  isDisabled?: boolean\n  isReadonly?: boolean\n  min?: number\n  max?: number\n  step?: number\n  formatOptions?: Intl.NumberFormatOptions\n  locale?: string\n  name?: string\n  id?: string\n  placeholder?: string\n  label?: string\n  // camelCase prop; in templates users write aria-label=\"…\" (Vue auto-converts)\n  ariaLabel?: string\n  /** Default value when uncontrolled. */\n  defaultValue?: number\n  /** Whether to snap the value to the nearest step. */\n  stepSnapping?: boolean\n  /** Whether to focus the input on increment/decrement. */\n  focusOnChange?: boolean\n  /** Disable changing value with mouse wheel. */\n  disableWheelChange?: boolean\n  /** Invert the direction of mouse wheel change. */\n  invertWheelChange?: boolean\n  /** Whether NumberFieldRoot renders as a child element. */\n  asChild?: boolean\n  /** Element or component to render NumberFieldRoot as. */\n  as?: string\n  /** Whether the field is required. */\n  required?: boolean\n  /** Whether NumberFieldInput renders as a child element. */\n  inputAsChild?: boolean\n  /** Element or component to render NumberFieldInput as. */\n  inputAs?: string\n  /** Whether NumberFieldIncrement renders as a child element. */\n  incrementAsChild?: boolean\n  /** Element or component to render NumberFieldIncrement as. */\n  incrementAs?: string\n  /** Whether NumberFieldDecrement renders as a child element. */\n  decrementAsChild?: boolean\n  /** Element or component to render NumberFieldDecrement as. */\n  decrementAs?: string\n  class?: ClassValue\n  /** Per-slot classNames override object for custom styling */\n  classNames?: Partial<{\n    base: ClassValue\n    group: ClassValue\n    decrementButton: ClassValue\n    input: ClassValue\n    incrementButton: ClassValue\n  }>\n}>(), {\n  variant: 'flat',\n  size: 'md',\n  color: 'default',\n  fullWidth: false,\n  isInvalid: false,\n  isDisabled: false,\n  isReadonly: false,\n  step: 1,\n  min: undefined,\n  max: undefined,\n  formatOptions: undefined,\n  locale: undefined,\n  label: undefined,\n  ariaLabel: undefined,\n})\n\nconst modelValue = defineModel<number | undefined>()\n\nconst slotFns = computed(() =>\n  numberFieldVariants({\n    variant: props.variant,\n    size: props.size,\n    color: props.color,\n    fullWidth: props.fullWidth,\n    isInvalid: props.isInvalid,\n    isDisabled: props.isDisabled,\n    isReadonly: props.isReadonly,\n  })\n)\n\n// Generate a stable id for the input element.\n// NumberFieldRoot forwards this id to the underlying <input> via context.\n// We use this to wire a <label for=\"inputId\"> which is axe-safe regardless\n// of how Reka UI handles attr forwarding through its Primitive component.\nconst generatedInputId = useId()\n// Use caller-provided id if given, otherwise our generated id.\nconst resolvedInputId = computed(() => props.id ?? generatedInputId)\n\n// Whether to show a label element (visible or sr-only).\nconst hasLabel = computed(() => !!(props.label || props.ariaLabel))\n// When only ariaLabel is given (no visible label), the label is sr-only.\nconst isLabelVisible = computed(() => !!props.label)\n</script>\n\n<template>\n  <NumberFieldRoot\n    :id=\"resolvedInputId\"\n    v-model=\"modelValue\"\n    :min=\"props.min\"\n    :max=\"props.max\"\n    :step=\"props.step\"\n    :disabled=\"props.isDisabled || undefined\"\n    :readonly=\"props.isReadonly || undefined\"\n    :format-options=\"props.formatOptions\"\n    :locale=\"props.locale\"\n    :name=\"props.name\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    :data-invalid=\"props.isInvalid || undefined\"\n    :data-disabled=\"props.isDisabled || undefined\"\n    :data-readonly=\"props.isReadonly || undefined\"\n  >\n    <!--\n      Label element — always rendered when `label` or `aria-label` is provided.\n      When only `aria-label` is given (no visible label) the element is sr-only.\n      Uses label[for=resolvedInputId] to wire to the Reka UI input element —\n      this is axe-safe because NumberFieldRoot forwards its `id` prop directly\n      to the underlying <input> via context, making label[for] reliable even\n      though custom attrs passed to NumberFieldInput don't reach the DOM input.\n    -->\n    <label\n      v-if=\"hasLabel\"\n      :for=\"resolvedInputId\"\n      :class=\"isLabelVisible ? undefined : 'sr-only'\"\n      data-slot=\"label\"\n    >{{ props.label || props.ariaLabel }}</label>\n\n    <!-- Number field control group -->\n    <div\n      :class=\"composeClassName(slotFns.group(), props.classNames?.group)\"\n      data-slot=\"group\"\n    >\n      <NumberFieldDecrement :disabled=\"props.isDisabled || undefined\" :class=\"composeClassName(slotFns.decrementButton(), props.classNames?.decrementButton)\">\n        <svg\n          aria-hidden=\"true\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"16\"\n          height=\"16\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          data-slot=\"number-field-decrement-button-icon\"\n        >\n          <path d=\"M5 12h14\" />\n        </svg>\n      </NumberFieldDecrement>\n\n      <NumberFieldInput\n        :class=\"composeClassName(slotFns.input(), props.classNames?.input)\"\n        :placeholder=\"props.placeholder\"\n      />\n\n      <NumberFieldIncrement :disabled=\"props.isDisabled || undefined\" :class=\"composeClassName(slotFns.incrementButton(), props.classNames?.incrementButton)\">\n        <svg\n          aria-hidden=\"true\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"16\"\n          height=\"16\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          data-slot=\"number-field-increment-button-icon\"\n        >\n          <path d=\"M5 12h14\" />\n          <path d=\"M12 5v14\" />\n        </svg>\n      </NumberFieldIncrement>\n    </div>\n  </NumberFieldRoot>\n</template>\n"],"mappings":""}
+{"version":3,"file":"NumberField.js","names":[],"sources":["../../../src/components/number-field/NumberField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { useId } from 'vue'\nimport {\n  NumberFieldRoot,\n  NumberFieldInput,\n  NumberFieldIncrement,\n  NumberFieldDecrement,\n} from 'reka-ui'\nimport { numberFieldVariants, type NumberFieldVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\nconst props = withDefaults(defineProps<{\n  variant?: NumberFieldVariants['variant']\n  size?: NumberFieldVariants['size']\n  color?: NumberFieldVariants['color']\n  fullWidth?: boolean\n  isInvalid?: boolean\n  isDisabled?: boolean\n  isReadOnly?: boolean\n  /** @deprecated Use isReadOnly instead. */\n  isReadonly?: boolean\n  min?: number\n  max?: number\n  step?: number\n  formatOptions?: Intl.NumberFormatOptions\n  locale?: string\n  name?: string\n  id?: string\n  placeholder?: string\n  label?: string\n  // camelCase prop; in templates users write aria-label=\"…\" (Vue auto-converts)\n  ariaLabel?: string\n  /** Default value when uncontrolled. */\n  defaultValue?: number\n  /** Whether to snap the value to the nearest step. */\n  stepSnapping?: boolean\n  /** Whether to focus the input on increment/decrement. */\n  focusOnChange?: boolean\n  /** Disable changing value with mouse wheel. */\n  disableWheelChange?: boolean\n  /** Invert the direction of mouse wheel change. */\n  invertWheelChange?: boolean\n  /** Whether NumberFieldRoot renders as a child element. */\n  asChild?: boolean\n  /** Element or component to render NumberFieldRoot as. */\n  as?: string\n  isRequired?: boolean\n  /**\n   * Whether the field is required.\n   * @deprecated Use isRequired instead.\n   */\n  required?: boolean\n  /** Whether NumberFieldInput renders as a child element. */\n  inputAsChild?: boolean\n  /** Element or component to render NumberFieldInput as. */\n  inputAs?: string\n  /** Whether NumberFieldIncrement renders as a child element. */\n  incrementAsChild?: boolean\n  /** Element or component to render NumberFieldIncrement as. */\n  incrementAs?: string\n  /** Whether NumberFieldDecrement renders as a child element. */\n  decrementAsChild?: boolean\n  /** Element or component to render NumberFieldDecrement as. */\n  decrementAs?: string\n  class?: ClassValue\n  /** Per-slot classNames override object for custom styling */\n  classNames?: Partial<{\n    base: ClassValue\n    group: ClassValue\n    decrementButton: ClassValue\n    input: ClassValue\n    incrementButton: ClassValue\n  }>\n}>(), {\n  variant: 'flat',\n  size: 'md',\n  color: 'default',\n  fullWidth: false,\n  isInvalid: false,\n  isDisabled: false,\n  isReadOnly: undefined,\n  isReadonly: undefined,\n  step: 1,\n  min: undefined,\n  max: undefined,\n  formatOptions: undefined,\n  locale: undefined,\n  label: undefined,\n  ariaLabel: undefined,\n  isRequired: undefined,\n  required: undefined,\n})\n\nconst modelValue = defineModel<number | undefined>()\n\n// `required`/`isRequired` currently have no template site to forward to (see\n// plan note for this file) — the resolver is declared for parity with every\n// other file in this migration group, but intentionally left unread here so\n// it stays inert (referencing the ComputedRef itself, not `.value`, avoids\n// triggering its lazy evaluation — and the deprecation warning inside it —\n// as a side effect of satisfying the compiler's unused-variable check).\nconst isRequired = useDeprecatedBooleanProp(\n  'NumberField', 'isRequired', () => props.isRequired, 'required', () => props.required,\n)\nvoid isRequired\n\nconst isReadOnly = useDeprecatedBooleanProp(\n  'NumberField', 'isReadOnly', () => props.isReadOnly, 'isReadonly', () => props.isReadonly,\n)\n\nconst slotFns = computed(() =>\n  numberFieldVariants({\n    variant: props.variant,\n    size: props.size,\n    color: props.color,\n    fullWidth: props.fullWidth,\n    isInvalid: props.isInvalid,\n    isDisabled: props.isDisabled,\n    isReadonly: isReadOnly.value,\n  })\n)\n\n// Generate a stable id for the input element.\n// NumberFieldRoot forwards this id to the underlying <input> via context.\n// We use this to wire a <label for=\"inputId\"> which is axe-safe regardless\n// of how Reka UI handles attr forwarding through its Primitive component.\nconst generatedInputId = useId()\n// Use caller-provided id if given, otherwise our generated id.\nconst resolvedInputId = computed(() => props.id ?? generatedInputId)\n\n// Whether to show a label element (visible or sr-only).\nconst hasLabel = computed(() => !!(props.label || props.ariaLabel))\n// When only ariaLabel is given (no visible label), the label is sr-only.\nconst isLabelVisible = computed(() => !!props.label)\n</script>\n\n<template>\n  <NumberFieldRoot\n    :id=\"resolvedInputId\"\n    v-model=\"modelValue\"\n    :min=\"props.min\"\n    :max=\"props.max\"\n    :step=\"props.step\"\n    :disabled=\"props.isDisabled || undefined\"\n    :readonly=\"isReadOnly || undefined\"\n    :format-options=\"props.formatOptions\"\n    :locale=\"props.locale\"\n    :name=\"props.name\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    :data-invalid=\"props.isInvalid || undefined\"\n    :data-disabled=\"props.isDisabled || undefined\"\n    :data-readonly=\"isReadOnly || undefined\"\n  >\n    <!--\n      Label element — always rendered when `label` or `aria-label` is provided.\n      When only `aria-label` is given (no visible label) the element is sr-only.\n      Uses label[for=resolvedInputId] to wire to the Reka UI input element —\n      this is axe-safe because NumberFieldRoot forwards its `id` prop directly\n      to the underlying <input> via context, making label[for] reliable even\n      though custom attrs passed to NumberFieldInput don't reach the DOM input.\n    -->\n    <label\n      v-if=\"hasLabel\"\n      :for=\"resolvedInputId\"\n      :class=\"isLabelVisible ? undefined : 'sr-only'\"\n      data-slot=\"label\"\n    >{{ props.label || props.ariaLabel }}</label>\n\n    <!-- Number field control group -->\n    <div\n      :class=\"composeClassName(slotFns.group(), props.classNames?.group)\"\n      data-slot=\"group\"\n    >\n      <NumberFieldDecrement :disabled=\"props.isDisabled || undefined\" :class=\"composeClassName(slotFns.decrementButton(), props.classNames?.decrementButton)\">\n        <svg\n          aria-hidden=\"true\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"16\"\n          height=\"16\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          data-slot=\"number-field-decrement-button-icon\"\n        >\n          <path d=\"M5 12h14\" />\n        </svg>\n      </NumberFieldDecrement>\n\n      <NumberFieldInput\n        :class=\"composeClassName(slotFns.input(), props.classNames?.input)\"\n        :placeholder=\"props.placeholder\"\n      />\n\n      <NumberFieldIncrement :disabled=\"props.isDisabled || undefined\" :class=\"composeClassName(slotFns.incrementButton(), props.classNames?.incrementButton)\">\n        <svg\n          aria-hidden=\"true\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"16\"\n          height=\"16\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          data-slot=\"number-field-increment-button-icon\"\n        >\n          <path d=\"M5 12h14\" />\n          <path d=\"M12 5v14\" />\n        </svg>\n      </NumberFieldIncrement>\n    </div>\n  </NumberFieldRoot>\n</template>\n"],"mappings":""}

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

@@ -1,4 +1,5 @@
 import { composeClassName } from "../../utils/composeClassName.js";
+import { useDeprecatedBooleanProp } from "../../composables/useDeprecatedBooleanProp.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeModels, normalizeClass, openBlock, toDisplayString, unref, useId, useModel, withCtx } from "vue";
 import { numberFieldVariants } from "@auronui/styles";
 import { NumberFieldDecrement, NumberFieldIncrement, NumberFieldInput, NumberFieldRoot } from "reka-ui";
@@ -22,9 +23,13 @@ var NumberField_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 			type: Boolean,
 			default: false
 		},
+		isReadOnly: {
+			type: Boolean,
+			default: void 0
+		},
 		isReadonly: {
 			type: Boolean,
-			default: false
+			default: void 0
 		},
 		min: { default: void 0 },
 		max: { default: void 0 },
@@ -43,7 +48,14 @@ var NumberField_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 		invertWheelChange: { type: Boolean },
 		asChild: { type: Boolean },
 		as: {},
-		required: { type: Boolean },
+		isRequired: {
+			type: Boolean,
+			default: void 0
+		},
+		required: {
+			type: Boolean,
+			default: void 0
+		},
 		inputAsChild: { type: Boolean },
 		inputAs: {},
 		incrementAsChild: { type: Boolean },
@@ -66,6 +78,8 @@ var NumberField_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 	setup(__props) {
 		const props = __props;
 		const modelValue = useModel(__props, "modelValue");
+		useDeprecatedBooleanProp("NumberField", "isRequired", () => props.isRequired, "required", () => props.required);
+		const isReadOnly = useDeprecatedBooleanProp("NumberField", "isReadOnly", () => props.isReadOnly, "isReadonly", () => props.isReadonly);
 		const slotFns = computed(() => numberFieldVariants({
 			variant: props.variant,
 			size: props.size,
@@ -73,7 +87,7 @@ var NumberField_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 			fullWidth: props.fullWidth,
 			isInvalid: props.isInvalid,
 			isDisabled: props.isDisabled,
-			isReadonly: props.isReadonly
+			isReadonly: isReadOnly.value
 		}));
 		const generatedInputId = useId();
 		const resolvedInputId = computed(() => props.id ?? generatedInputId);
@@ -88,14 +102,14 @@ var NumberField_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 				max: props.max,
 				step: props.step,
 				disabled: props.isDisabled || void 0,
-				readonly: props.isReadonly || void 0,
+				readonly: unref(isReadOnly) || void 0,
 				"format-options": props.formatOptions,
 				locale: props.locale,
 				name: props.name,
 				class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class, props.classNames?.base)),
 				"data-invalid": props.isInvalid || void 0,
 				"data-disabled": props.isDisabled || void 0,
-				"data-readonly": props.isReadonly || void 0
+				"data-readonly": unref(isReadOnly) || void 0
 			}, {
 				default: withCtx(() => [hasLabel.value ? (openBlock(), createElementBlock("label", {
 					key: 0,

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

@@ -1 +1 @@
-{"version":3,"file":"NumberField.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/number-field/NumberField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { useId } from 'vue'\nimport {\n  NumberFieldRoot,\n  NumberFieldInput,\n  NumberFieldIncrement,\n  NumberFieldDecrement,\n} from 'reka-ui'\nimport { numberFieldVariants, type NumberFieldVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  variant?: NumberFieldVariants['variant']\n  size?: NumberFieldVariants['size']\n  color?: NumberFieldVariants['color']\n  fullWidth?: boolean\n  isInvalid?: boolean\n  isDisabled?: boolean\n  isReadonly?: boolean\n  min?: number\n  max?: number\n  step?: number\n  formatOptions?: Intl.NumberFormatOptions\n  locale?: string\n  name?: string\n  id?: string\n  placeholder?: string\n  label?: string\n  // camelCase prop; in templates users write aria-label=\"…\" (Vue auto-converts)\n  ariaLabel?: string\n  /** Default value when uncontrolled. */\n  defaultValue?: number\n  /** Whether to snap the value to the nearest step. */\n  stepSnapping?: boolean\n  /** Whether to focus the input on increment/decrement. */\n  focusOnChange?: boolean\n  /** Disable changing value with mouse wheel. */\n  disableWheelChange?: boolean\n  /** Invert the direction of mouse wheel change. */\n  invertWheelChange?: boolean\n  /** Whether NumberFieldRoot renders as a child element. */\n  asChild?: boolean\n  /** Element or component to render NumberFieldRoot as. */\n  as?: string\n  /** Whether the field is required. */\n  required?: boolean\n  /** Whether NumberFieldInput renders as a child element. */\n  inputAsChild?: boolean\n  /** Element or component to render NumberFieldInput as. */\n  inputAs?: string\n  /** Whether NumberFieldIncrement renders as a child element. */\n  incrementAsChild?: boolean\n  /** Element or component to render NumberFieldIncrement as. */\n  incrementAs?: string\n  /** Whether NumberFieldDecrement renders as a child element. */\n  decrementAsChild?: boolean\n  /** Element or component to render NumberFieldDecrement as. */\n  decrementAs?: string\n  class?: ClassValue\n  /** Per-slot classNames override object for custom styling */\n  classNames?: Partial<{\n    base: ClassValue\n    group: ClassValue\n    decrementButton: ClassValue\n    input: ClassValue\n    incrementButton: ClassValue\n  }>\n}>(), {\n  variant: 'flat',\n  size: 'md',\n  color: 'default',\n  fullWidth: false,\n  isInvalid: false,\n  isDisabled: false,\n  isReadonly: false,\n  step: 1,\n  min: undefined,\n  max: undefined,\n  formatOptions: undefined,\n  locale: undefined,\n  label: undefined,\n  ariaLabel: undefined,\n})\n\nconst modelValue = defineModel<number | undefined>()\n\nconst slotFns = computed(() =>\n  numberFieldVariants({\n    variant: props.variant,\n    size: props.size,\n    color: props.color,\n    fullWidth: props.fullWidth,\n    isInvalid: props.isInvalid,\n    isDisabled: props.isDisabled,\n    isReadonly: props.isReadonly,\n  })\n)\n\n// Generate a stable id for the input element.\n// NumberFieldRoot forwards this id to the underlying <input> via context.\n// We use this to wire a <label for=\"inputId\"> which is axe-safe regardless\n// of how Reka UI handles attr forwarding through its Primitive component.\nconst generatedInputId = useId()\n// Use caller-provided id if given, otherwise our generated id.\nconst resolvedInputId = computed(() => props.id ?? generatedInputId)\n\n// Whether to show a label element (visible or sr-only).\nconst hasLabel = computed(() => !!(props.label || props.ariaLabel))\n// When only ariaLabel is given (no visible label), the label is sr-only.\nconst isLabelVisible = computed(() => !!props.label)\n</script>\n\n<template>\n  <NumberFieldRoot\n    :id=\"resolvedInputId\"\n    v-model=\"modelValue\"\n    :min=\"props.min\"\n    :max=\"props.max\"\n    :step=\"props.step\"\n    :disabled=\"props.isDisabled || undefined\"\n    :readonly=\"props.isReadonly || undefined\"\n    :format-options=\"props.formatOptions\"\n    :locale=\"props.locale\"\n    :name=\"props.name\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    :data-invalid=\"props.isInvalid || undefined\"\n    :data-disabled=\"props.isDisabled || undefined\"\n    :data-readonly=\"props.isReadonly || undefined\"\n  >\n    <!--\n      Label element — always rendered when `label` or `aria-label` is provided.\n      When only `aria-label` is given (no visible label) the element is sr-only.\n      Uses label[for=resolvedInputId] to wire to the Reka UI input element —\n      this is axe-safe because NumberFieldRoot forwards its `id` prop directly\n      to the underlying <input> via context, making label[for] reliable even\n      though custom attrs passed to NumberFieldInput don't reach the DOM input.\n    -->\n    <label\n      v-if=\"hasLabel\"\n      :for=\"resolvedInputId\"\n      :class=\"isLabelVisible ? undefined : 'sr-only'\"\n      data-slot=\"label\"\n    >{{ props.label || props.ariaLabel }}</label>\n\n    <!-- Number field control group -->\n    <div\n      :class=\"composeClassName(slotFns.group(), props.classNames?.group)\"\n      data-slot=\"group\"\n    >\n      <NumberFieldDecrement :disabled=\"props.isDisabled || undefined\" :class=\"composeClassName(slotFns.decrementButton(), props.classNames?.decrementButton)\">\n        <svg\n          aria-hidden=\"true\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"16\"\n          height=\"16\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          data-slot=\"number-field-decrement-button-icon\"\n        >\n          <path d=\"M5 12h14\" />\n        </svg>\n      </NumberFieldDecrement>\n\n      <NumberFieldInput\n        :class=\"composeClassName(slotFns.input(), props.classNames?.input)\"\n        :placeholder=\"props.placeholder\"\n      />\n\n      <NumberFieldIncrement :disabled=\"props.isDisabled || undefined\" :class=\"composeClassName(slotFns.incrementButton(), props.classNames?.incrementButton)\">\n        <svg\n          aria-hidden=\"true\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"16\"\n          height=\"16\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          data-slot=\"number-field-increment-button-icon\"\n        >\n          <path d=\"M5 12h14\" />\n          <path d=\"M12 5v14\" />\n        </svg>\n      </NumberFieldIncrement>\n    </div>\n  </NumberFieldRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYA,MAAM,QAAQ;EAyEd,MAAM,aAAa,SAA+B,SAAA,aAAC;EAEnD,MAAM,UAAU,eACd,oBAAoB;GAClB,SAAS,MAAM;GACf,MAAM,MAAM;GACZ,OAAO,MAAM;GACb,WAAW,MAAM;GACjB,WAAW,MAAM;GACjB,YAAY,MAAM;GAClB,YAAY,MAAM;GACnB,CAAA,CACH;EAMA,MAAM,mBAAmB,OAAM;EAE/B,MAAM,kBAAkB,eAAe,MAAM,MAAM,iBAAgB;EAGnE,MAAM,WAAW,eAAe,CAAC,EAAE,MAAM,SAAS,MAAM,WAAU;EAElE,MAAM,iBAAiB,eAAe,CAAC,CAAC,MAAM,MAAK;;uBAIjD,YA8EkB,MAAA,gBAAA,EAAA;IA7Ef,IAAI,gBAAA;gBACI,WAAA;4EAAU,QAAA;IAClB,KAAK,MAAM;IACX,KAAK,MAAM;IACX,MAAM,MAAM;IACZ,UAAU,MAAM,cAAc,KAAA;IAC9B,UAAU,MAAM,cAAc,KAAA;IAC9B,kBAAgB,MAAM;IACtB,QAAQ,MAAM;IACd,MAAM,MAAM;IACZ,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;IAC3E,gBAAc,MAAM,aAAa,KAAA;IACjC,iBAAe,MAAM,cAAc,KAAA;IACnC,iBAAe,MAAM,cAAc,KAAA;;2BAeS,CAJrC,SAAA,SAAA,WAAA,EADR,mBAK6C,SAAA;;KAH1C,KAAK,gBAAA;KACL,OAAK,eAAE,eAAA,QAAiB,KAAA,IAAS,UAAA;KAClC,aAAU;uBACR,MAAM,SAAS,MAAM,UAAS,EAAA,IAAA,WAAA,IAAA,mBAAA,IAAA,KAAA,EAGlC,mBA6CM,OAAA;KA5CH,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,OAAK,EAAI,MAAM,YAAY,MAAK,CAAA;KACjE,aAAU;;KAEV,YAgBuB,MAAA,qBAAA,EAAA;MAhBA,UAAU,MAAM,cAAc,KAAA;MAAY,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,iBAAe,EAAI,MAAM,YAAY,gBAAe,CAAA;;6BAe7I,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAdN,mBAcM,OAAA;OAbJ,eAAY;OACZ,OAAM;OACN,OAAM;OACN,QAAO;OACP,SAAQ;OACR,MAAK;OACL,QAAO;OACP,gBAAa;OACb,kBAAe;OACf,mBAAgB;OAChB,aAAU;UAEV,mBAAqB,QAAA,EAAf,GAAE,YAAU,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,CAAA;;;KAItB,YAGE,MAAA,iBAAA,EAAA;MAFC,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,OAAK,EAAI,MAAM,YAAY,MAAK,CAAA;MAChE,aAAa,MAAM;;KAGtB,YAiBuB,MAAA,qBAAA,EAAA;MAjBA,UAAU,MAAM,cAAc,KAAA;MAAY,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,iBAAe,EAAI,MAAM,YAAY,gBAAe,CAAA;;6BAgB7I,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAfN,mBAeM,OAAA;OAdJ,eAAY;OACZ,OAAM;OACN,OAAM;OACN,QAAO;OACP,SAAQ;OACR,MAAK;OACL,QAAO;OACP,gBAAa;OACb,kBAAe;OACf,mBAAgB;OAChB,aAAU;UAEV,mBAAqB,QAAA,EAAf,GAAE,YAAU,CAAA,EAClB,mBAAqB,QAAA,EAAf,GAAE,YAAU,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,CAAA"}
+{"version":3,"file":"NumberField.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/number-field/NumberField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { useId } from 'vue'\nimport {\n  NumberFieldRoot,\n  NumberFieldInput,\n  NumberFieldIncrement,\n  NumberFieldDecrement,\n} from 'reka-ui'\nimport { numberFieldVariants, type NumberFieldVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\nconst props = withDefaults(defineProps<{\n  variant?: NumberFieldVariants['variant']\n  size?: NumberFieldVariants['size']\n  color?: NumberFieldVariants['color']\n  fullWidth?: boolean\n  isInvalid?: boolean\n  isDisabled?: boolean\n  isReadOnly?: boolean\n  /** @deprecated Use isReadOnly instead. */\n  isReadonly?: boolean\n  min?: number\n  max?: number\n  step?: number\n  formatOptions?: Intl.NumberFormatOptions\n  locale?: string\n  name?: string\n  id?: string\n  placeholder?: string\n  label?: string\n  // camelCase prop; in templates users write aria-label=\"…\" (Vue auto-converts)\n  ariaLabel?: string\n  /** Default value when uncontrolled. */\n  defaultValue?: number\n  /** Whether to snap the value to the nearest step. */\n  stepSnapping?: boolean\n  /** Whether to focus the input on increment/decrement. */\n  focusOnChange?: boolean\n  /** Disable changing value with mouse wheel. */\n  disableWheelChange?: boolean\n  /** Invert the direction of mouse wheel change. */\n  invertWheelChange?: boolean\n  /** Whether NumberFieldRoot renders as a child element. */\n  asChild?: boolean\n  /** Element or component to render NumberFieldRoot as. */\n  as?: string\n  isRequired?: boolean\n  /**\n   * Whether the field is required.\n   * @deprecated Use isRequired instead.\n   */\n  required?: boolean\n  /** Whether NumberFieldInput renders as a child element. */\n  inputAsChild?: boolean\n  /** Element or component to render NumberFieldInput as. */\n  inputAs?: string\n  /** Whether NumberFieldIncrement renders as a child element. */\n  incrementAsChild?: boolean\n  /** Element or component to render NumberFieldIncrement as. */\n  incrementAs?: string\n  /** Whether NumberFieldDecrement renders as a child element. */\n  decrementAsChild?: boolean\n  /** Element or component to render NumberFieldDecrement as. */\n  decrementAs?: string\n  class?: ClassValue\n  /** Per-slot classNames override object for custom styling */\n  classNames?: Partial<{\n    base: ClassValue\n    group: ClassValue\n    decrementButton: ClassValue\n    input: ClassValue\n    incrementButton: ClassValue\n  }>\n}>(), {\n  variant: 'flat',\n  size: 'md',\n  color: 'default',\n  fullWidth: false,\n  isInvalid: false,\n  isDisabled: false,\n  isReadOnly: undefined,\n  isReadonly: undefined,\n  step: 1,\n  min: undefined,\n  max: undefined,\n  formatOptions: undefined,\n  locale: undefined,\n  label: undefined,\n  ariaLabel: undefined,\n  isRequired: undefined,\n  required: undefined,\n})\n\nconst modelValue = defineModel<number | undefined>()\n\n// `required`/`isRequired` currently have no template site to forward to (see\n// plan note for this file) — the resolver is declared for parity with every\n// other file in this migration group, but intentionally left unread here so\n// it stays inert (referencing the ComputedRef itself, not `.value`, avoids\n// triggering its lazy evaluation — and the deprecation warning inside it —\n// as a side effect of satisfying the compiler's unused-variable check).\nconst isRequired = useDeprecatedBooleanProp(\n  'NumberField', 'isRequired', () => props.isRequired, 'required', () => props.required,\n)\nvoid isRequired\n\nconst isReadOnly = useDeprecatedBooleanProp(\n  'NumberField', 'isReadOnly', () => props.isReadOnly, 'isReadonly', () => props.isReadonly,\n)\n\nconst slotFns = computed(() =>\n  numberFieldVariants({\n    variant: props.variant,\n    size: props.size,\n    color: props.color,\n    fullWidth: props.fullWidth,\n    isInvalid: props.isInvalid,\n    isDisabled: props.isDisabled,\n    isReadonly: isReadOnly.value,\n  })\n)\n\n// Generate a stable id for the input element.\n// NumberFieldRoot forwards this id to the underlying <input> via context.\n// We use this to wire a <label for=\"inputId\"> which is axe-safe regardless\n// of how Reka UI handles attr forwarding through its Primitive component.\nconst generatedInputId = useId()\n// Use caller-provided id if given, otherwise our generated id.\nconst resolvedInputId = computed(() => props.id ?? generatedInputId)\n\n// Whether to show a label element (visible or sr-only).\nconst hasLabel = computed(() => !!(props.label || props.ariaLabel))\n// When only ariaLabel is given (no visible label), the label is sr-only.\nconst isLabelVisible = computed(() => !!props.label)\n</script>\n\n<template>\n  <NumberFieldRoot\n    :id=\"resolvedInputId\"\n    v-model=\"modelValue\"\n    :min=\"props.min\"\n    :max=\"props.max\"\n    :step=\"props.step\"\n    :disabled=\"props.isDisabled || undefined\"\n    :readonly=\"isReadOnly || undefined\"\n    :format-options=\"props.formatOptions\"\n    :locale=\"props.locale\"\n    :name=\"props.name\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    :data-invalid=\"props.isInvalid || undefined\"\n    :data-disabled=\"props.isDisabled || undefined\"\n    :data-readonly=\"isReadOnly || undefined\"\n  >\n    <!--\n      Label element — always rendered when `label` or `aria-label` is provided.\n      When only `aria-label` is given (no visible label) the element is sr-only.\n      Uses label[for=resolvedInputId] to wire to the Reka UI input element —\n      this is axe-safe because NumberFieldRoot forwards its `id` prop directly\n      to the underlying <input> via context, making label[for] reliable even\n      though custom attrs passed to NumberFieldInput don't reach the DOM input.\n    -->\n    <label\n      v-if=\"hasLabel\"\n      :for=\"resolvedInputId\"\n      :class=\"isLabelVisible ? undefined : 'sr-only'\"\n      data-slot=\"label\"\n    >{{ props.label || props.ariaLabel }}</label>\n\n    <!-- Number field control group -->\n    <div\n      :class=\"composeClassName(slotFns.group(), props.classNames?.group)\"\n      data-slot=\"group\"\n    >\n      <NumberFieldDecrement :disabled=\"props.isDisabled || undefined\" :class=\"composeClassName(slotFns.decrementButton(), props.classNames?.decrementButton)\">\n        <svg\n          aria-hidden=\"true\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"16\"\n          height=\"16\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          data-slot=\"number-field-decrement-button-icon\"\n        >\n          <path d=\"M5 12h14\" />\n        </svg>\n      </NumberFieldDecrement>\n\n      <NumberFieldInput\n        :class=\"composeClassName(slotFns.input(), props.classNames?.input)\"\n        :placeholder=\"props.placeholder\"\n      />\n\n      <NumberFieldIncrement :disabled=\"props.isDisabled || undefined\" :class=\"composeClassName(slotFns.incrementButton(), props.classNames?.incrementButton)\">\n        <svg\n          aria-hidden=\"true\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"16\"\n          height=\"16\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          data-slot=\"number-field-increment-button-icon\"\n        >\n          <path d=\"M5 12h14\" />\n          <path d=\"M12 5v14\" />\n        </svg>\n      </NumberFieldIncrement>\n    </div>\n  </NumberFieldRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAaA,MAAM,QAAQ;EAkFd,MAAM,aAAa,SAA+B,SAAA,aAAC;AAQhC,2BACjB,eAAe,oBAAoB,MAAM,YAAY,kBAAkB,MAAM,SAC/E;EAGA,MAAM,aAAa,yBACjB,eAAe,oBAAoB,MAAM,YAAY,oBAAoB,MAAM,WACjF;EAEA,MAAM,UAAU,eACd,oBAAoB;GAClB,SAAS,MAAM;GACf,MAAM,MAAM;GACZ,OAAO,MAAM;GACb,WAAW,MAAM;GACjB,WAAW,MAAM;GACjB,YAAY,MAAM;GAClB,YAAY,WAAW;GACxB,CAAA,CACH;EAMA,MAAM,mBAAmB,OAAM;EAE/B,MAAM,kBAAkB,eAAe,MAAM,MAAM,iBAAgB;EAGnE,MAAM,WAAW,eAAe,CAAC,EAAE,MAAM,SAAS,MAAM,WAAU;EAElE,MAAM,iBAAiB,eAAe,CAAC,CAAC,MAAM,MAAK;;uBAIjD,YA8EkB,MAAA,gBAAA,EAAA;IA7Ef,IAAI,gBAAA;gBACI,WAAA;4EAAU,QAAA;IAClB,KAAK,MAAM;IACX,KAAK,MAAM;IACX,MAAM,MAAM;IACZ,UAAU,MAAM,cAAc,KAAA;IAC9B,UAAU,MAAA,WAAU,IAAI,KAAA;IACxB,kBAAgB,MAAM;IACtB,QAAQ,MAAM;IACd,MAAM,MAAM;IACZ,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;IAC3E,gBAAc,MAAM,aAAa,KAAA;IACjC,iBAAe,MAAM,cAAc,KAAA;IACnC,iBAAe,MAAA,WAAU,IAAI,KAAA;;2BAee,CAJrC,SAAA,SAAA,WAAA,EADR,mBAK6C,SAAA;;KAH1C,KAAK,gBAAA;KACL,OAAK,eAAE,eAAA,QAAiB,KAAA,IAAS,UAAA;KAClC,aAAU;uBACR,MAAM,SAAS,MAAM,UAAS,EAAA,IAAA,WAAA,IAAA,mBAAA,IAAA,KAAA,EAGlC,mBA6CM,OAAA;KA5CH,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,OAAK,EAAI,MAAM,YAAY,MAAK,CAAA;KACjE,aAAU;;KAEV,YAgBuB,MAAA,qBAAA,EAAA;MAhBA,UAAU,MAAM,cAAc,KAAA;MAAY,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,iBAAe,EAAI,MAAM,YAAY,gBAAe,CAAA;;6BAe7I,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAdN,mBAcM,OAAA;OAbJ,eAAY;OACZ,OAAM;OACN,OAAM;OACN,QAAO;OACP,SAAQ;OACR,MAAK;OACL,QAAO;OACP,gBAAa;OACb,kBAAe;OACf,mBAAgB;OAChB,aAAU;UAEV,mBAAqB,QAAA,EAAf,GAAE,YAAU,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,CAAA;;;KAItB,YAGE,MAAA,iBAAA,EAAA;MAFC,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,OAAK,EAAI,MAAM,YAAY,MAAK,CAAA;MAChE,aAAa,MAAM;;KAGtB,YAiBuB,MAAA,qBAAA,EAAA;MAjBA,UAAU,MAAM,cAAc,KAAA;MAAY,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,iBAAe,EAAI,MAAM,YAAY,gBAAe,CAAA;;6BAgB7I,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAfN,mBAeM,OAAA;OAdJ,eAAY;OACZ,OAAM;OACN,OAAM;OACN,QAAO;OACP,SAAQ;OACR,MAAK;OACL,QAAO;OACP,gBAAa;OACb,kBAAe;OACf,mBAAgB;OAChB,aAAU;UAEV,mBAAqB,QAAA,EAAf,GAAE,YAAU,CAAA,EAClB,mBAAqB,QAAA,EAAf,GAAE,YAAU,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,CAAA"}

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

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

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

@@ -1,4 +1,5 @@
 import { composeClassName } from "../../utils/composeClassName.js";
+import { useDeprecatedBooleanProp } from "../../composables/useDeprecatedBooleanProp.js";
 import { createPaginationContext } from "./pagination.context.js";
 import { computed, createBlock, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, toRef, unref, withCtx } from "vue";
 import { paginationVariants } from "@auronui/styles";
@@ -18,9 +19,13 @@ var Pagination_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 		},
 		size: { default: "md" },
 		type: { default: "numeric" },
+		isDisabled: {
+			type: Boolean,
+			default: void 0
+		},
 		disabled: {
 			type: Boolean,
-			default: false
+			default: void 0
 		},
 		beforeCursor: { default: null },
 		afterCursor: { default: null },
@@ -39,6 +44,7 @@ var Pagination_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 		function handleCursorChange(before, after) {
 			emit("update:cursor", before, after);
 		}
+		const isDisabled = useDeprecatedBooleanProp("Pagination", "isDisabled", () => props.isDisabled, "disabled", () => props.disabled);
 		createPaginationContext({
 			page: toRef(props, "page"),
 			totalItems: toRef(props, "totalItems"),
@@ -46,7 +52,7 @@ var Pagination_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 			totalPages,
 			size: toRef(props, "size"),
 			type: toRef(props, "type"),
-			disabled: toRef(props, "disabled"),
+			disabled: isDisabled,
 			beforeCursor: toRef(props, "beforeCursor"),
 			afterCursor: toRef(props, "afterCursor"),
 			onPageChange: handlePageChange,
@@ -62,7 +68,7 @@ var Pagination_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 				total: props.totalItems,
 				"sibling-count": props.siblingCount,
 				"show-edges": props.showEdges,
-				disabled: props.disabled,
+				disabled: unref(isDisabled),
 				as: props.as,
 				"as-child": props.asChild,
 				class: normalizeClass(unref(composeClassName)(styles.value.base(), props.class)),

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"PopoverClose.js","names":[],"sources":["../../../src/components/popover/PopoverClose.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PopoverClose } from 'reka-ui'\n\nconst props = defineProps<{\n  as?: string | object\n  asChild?: boolean\n  disabled?: boolean\n  class?: string\n}>()\n</script>\n\n<template>\n  <PopoverClose\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :disabled=\"props.disabled\"\n    :class=\"props.class\"\n    v-bind=\"$attrs\"\n  >\n    <slot />\n  </PopoverClose>\n</template>\n"],"mappings":""}
+{"version":3,"file":"PopoverClose.js","names":[],"sources":["../../../src/components/popover/PopoverClose.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PopoverClose } from 'reka-ui'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\nconst props = withDefaults(defineProps<{\n  as?: string | object\n  asChild?: boolean\n  isDisabled?: boolean\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  class?: string\n}>(), {\n  isDisabled: undefined,\n  disabled: undefined,\n})\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'PopoverClose', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n</script>\n\n<template>\n  <PopoverClose\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :disabled=\"isDisabled\"\n    :class=\"props.class\"\n    v-bind=\"$attrs\"\n  >\n    <slot />\n  </PopoverClose>\n</template>\n"],"mappings":""}

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

@@ -1,3 +1,4 @@
+import { useDeprecatedBooleanProp } from "../../composables/useDeprecatedBooleanProp.js";
 import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 import { PopoverClose } from "reka-ui";
 //#region src/components/popover/PopoverClose.vue?vue&type=script&setup=true&lang.ts
@@ -6,16 +7,24 @@ var PopoverClose_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 	props: {
 		as: {},
 		asChild: { type: Boolean },
-		disabled: { type: Boolean },
+		isDisabled: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
 		class: {}
 	},
 	setup(__props) {
 		const props = __props;
+		const isDisabled = useDeprecatedBooleanProp("PopoverClose", "isDisabled", () => props.isDisabled, "disabled", () => props.disabled);
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(PopoverClose), mergeProps({
 				as: props.as,
 				"as-child": props.asChild,
-				disabled: props.disabled,
+				disabled: unref(isDisabled),
 				class: props.class
 			}, _ctx.$attrs), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),

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

@@ -1 +1 @@
-{"version":3,"file":"PopoverClose.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../../src/components/popover/PopoverClose.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PopoverClose } from 'reka-ui'\n\nconst props = defineProps<{\n  as?: string | object\n  asChild?: boolean\n  disabled?: boolean\n  class?: string\n}>()\n</script>\n\n<template>\n  <PopoverClose\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :disabled=\"props.disabled\"\n    :class=\"props.class\"\n    v-bind=\"$attrs\"\n  >\n    <slot />\n  </PopoverClose>\n</template>\n"],"mappings":";;;;;;;;;;;;EAGA,MAAM,QAAQ;;uBASZ,YAQe,MAAA,aAAA,EARf,WAQe;IAPZ,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,UAAU,MAAM;IAChB,OAAO,MAAM;MACNA,KAAAA,OAAM,EAAA;2BAEN,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"PopoverClose.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../../src/components/popover/PopoverClose.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PopoverClose } from 'reka-ui'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\nconst props = withDefaults(defineProps<{\n  as?: string | object\n  asChild?: boolean\n  isDisabled?: boolean\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  class?: string\n}>(), {\n  isDisabled: undefined,\n  disabled: undefined,\n})\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'PopoverClose', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n</script>\n\n<template>\n  <PopoverClose\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :disabled=\"isDisabled\"\n    :class=\"props.class\"\n    v-bind=\"$attrs\"\n  >\n    <slot />\n  </PopoverClose>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAIA,MAAM,QAAQ;EAYd,MAAM,aAAa,yBACjB,gBAAgB,oBAAoB,MAAM,YAAY,kBAAkB,MAAM,SAChF;;uBAIE,YAQe,MAAA,aAAA,EARf,WAQe;IAPZ,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,UAAU,MAAA,WAAU;IACpB,OAAO,MAAM;MACNA,KAAAA,OAAM,EAAA;2BAEN,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  /** 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":""}
+{"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, type 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?: ProgressBarVariants['size']\n  color?: ProgressBarVariants['color']\n  radius?: ProgressBarVariants['radius']\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.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  /** 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"}
+{"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, type 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?: ProgressBarVariants['size']\n  color?: ProgressBarVariants['color']\n  radius?: ProgressBarVariants['radius']\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  /** 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":""}
+{"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, type 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?: ProgressCircleVariants['size']\n  color?: ProgressCircleVariants['color']\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.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  /** 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"}
+{"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, type 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?: ProgressCircleVariants['size']\n  color?: ProgressCircleVariants['color']\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  isInvalid?: 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  isInvalid: 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  isInvalid: ref(false),\n})\n\n// Prop precedence: group disabled wins (D-02)\nconst isDisabled = computed(() => groupCtx.disabled.value || props.disabled)\n// Group invalid overrides item; item prop allows standalone invalid\nconst effectiveInvalid = computed(() => groupCtx.isInvalid.value || props.isInvalid)\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    :aria-invalid=\"effectiveInvalid || undefined\"\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":""}
+{"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'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\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  isDisabled?: boolean\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  isInvalid?: 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  isRequired?: boolean\n  /**\n   * Whether the radio item is required.\n   * @deprecated Use isRequired instead.\n   */\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  isDisabled: undefined,\n  disabled: undefined,\n  isInvalid: false,\n  id: undefined,\n  asChild: false,\n  as: undefined,\n  name: undefined,\n  isRequired: undefined,\n  required: undefined,\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  isInvalid: ref(false),\n})\n\n// Resolve this radio's own isDisabled/disabled prop pair before combining with group state.\nconst resolvedDisabled = useDeprecatedBooleanProp(\n  'Radio', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n\nconst isRequired = useDeprecatedBooleanProp(\n  'Radio', 'isRequired', () => props.isRequired, 'required', () => props.required,\n)\n\n// Prop precedence: group disabled wins (D-02)\nconst effectiveDisabled = computed(() => groupCtx.disabled.value || resolvedDisabled.value)\n// Group invalid overrides item; item prop allows standalone invalid\nconst effectiveInvalid = computed(() => groupCtx.isInvalid.value || props.isInvalid)\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=\"effectiveDisabled\"\n    :aria-invalid=\"effectiveInvalid || undefined\"\n    :id=\"props.id\"\n    :as-child=\"props.asChild\"\n    :as=\"props.as\"\n    :name=\"props.name\"\n    :required=\"isRequired\"\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

@@ -1,4 +1,5 @@
 import { composeClassName } from "../../utils/composeClassName.js";
+import { useDeprecatedBooleanProp } from "../../composables/useDeprecatedBooleanProp.js";
 import { useRadioGroupInject } from "./radio-group.context.js";
 import { computed, createBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, renderSlot, unref, useAttrs, withCtx } from "vue";
 import { radioVariants } from "@auronui/styles";
@@ -10,9 +11,13 @@ var Radio_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 	props: {
 		value: {},
 		variant: { default: void 0 },
+		isDisabled: {
+			type: Boolean,
+			default: void 0
+		},
 		disabled: {
 			type: Boolean,
-			default: false
+			default: void 0
 		},
 		isInvalid: {
 			type: Boolean,
@@ -25,9 +30,13 @@ var Radio_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		},
 		as: { default: void 0 },
 		name: { default: void 0 },
+		isRequired: {
+			type: Boolean,
+			default: void 0
+		},
 		required: {
 			type: Boolean,
-			default: false
+			default: void 0
 		},
 		indicatorForceMount: {
 			type: Boolean,
@@ -60,20 +69,22 @@ var Radio_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			disabled: ref(false),
 			isInvalid: ref(false)
 		});
-		const isDisabled = computed(() => groupCtx.disabled.value || props.disabled);
+		const resolvedDisabled = useDeprecatedBooleanProp("Radio", "isDisabled", () => props.isDisabled, "disabled", () => props.disabled);
+		const isRequired = useDeprecatedBooleanProp("Radio", "isRequired", () => props.isRequired, "required", () => props.required);
+		const effectiveDisabled = computed(() => groupCtx.disabled.value || resolvedDisabled.value);
 		const effectiveInvalid = computed(() => groupCtx.isInvalid.value || props.isInvalid);
 		const finalVariant = computed(() => props.variant ?? groupCtx.variant.value);
 		const slotFns = computed(() => radioVariants());
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(RadioGroupItem), mergeProps(unref(attrs), {
 				value: props.value,
-				disabled: isDisabled.value,
+				disabled: effectiveDisabled.value,
 				"aria-invalid": effectiveInvalid.value || void 0,
 				id: props.id,
 				"as-child": props.asChild,
 				as: props.as,
 				name: props.name,
-				required: props.required,
+				required: unref(isRequired),
 				"data-variant": finalVariant.value,
 				class: unref(composeClassName)(slotFns.value.base(), props.class, props.classNames?.base),
 				onSelect: _cache[0] || (_cache[0] = ($event) => emit("select", $event))

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  isInvalid?: 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  isInvalid: 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  isInvalid: ref(false),\n})\n\n// Prop precedence: group disabled wins (D-02)\nconst isDisabled = computed(() => groupCtx.disabled.value || props.disabled)\n// Group invalid overrides item; item prop allows standalone invalid\nconst effectiveInvalid = computed(() => groupCtx.isInvalid.value || props.isInvalid)\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    :aria-invalid=\"effectiveInvalid || undefined\"\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;EA6Cd,MAAM,OAAO;EAIb,MAAM,QAAQ,UAAS;EAGvB,MAAM,WAAW,oBAAoB;GACnC,SAAS,IAAI,KAAA,EAAU;GACvB,UAAU,IAAI,MAAM;GACpB,WAAW,IAAI,MAAM;GACtB,CAAA;EAGD,MAAM,aAAa,eAAe,SAAS,SAAS,SAAS,MAAM,SAAQ;EAE3E,MAAM,mBAAmB,eAAe,SAAS,UAAU,SAAS,MAAM,UAAS;EAGnF,MAAM,eAAe,eAAe,MAAM,WAAW,SAAS,QAAQ,MAAK;EAE3E,MAAM,UAAU,eAAe,eAAe,CAAA;;uBAI5C,YAyBiB,MAAA,eAAA,EAzBjB,WACU,MAwBO,MAxBF,EAAA;IACZ,OAAO,MAAM;IACb,UAAU,WAAA;IACV,gBAAc,iBAAA,SAAoB,KAAA;IAClC,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"}
+{"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'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\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  isDisabled?: boolean\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  isInvalid?: 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  isRequired?: boolean\n  /**\n   * Whether the radio item is required.\n   * @deprecated Use isRequired instead.\n   */\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  isDisabled: undefined,\n  disabled: undefined,\n  isInvalid: false,\n  id: undefined,\n  asChild: false,\n  as: undefined,\n  name: undefined,\n  isRequired: undefined,\n  required: undefined,\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  isInvalid: ref(false),\n})\n\n// Resolve this radio's own isDisabled/disabled prop pair before combining with group state.\nconst resolvedDisabled = useDeprecatedBooleanProp(\n  'Radio', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n\nconst isRequired = useDeprecatedBooleanProp(\n  'Radio', 'isRequired', () => props.isRequired, 'required', () => props.required,\n)\n\n// Prop precedence: group disabled wins (D-02)\nconst effectiveDisabled = computed(() => groupCtx.disabled.value || resolvedDisabled.value)\n// Group invalid overrides item; item prop allows standalone invalid\nconst effectiveInvalid = computed(() => groupCtx.isInvalid.value || props.isInvalid)\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=\"effectiveDisabled\"\n    :aria-invalid=\"effectiveInvalid || undefined\"\n    :id=\"props.id\"\n    :as-child=\"props.asChild\"\n    :as=\"props.as\"\n    :name=\"props.name\"\n    :required=\"isRequired\"\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAWA,MAAM,QAAQ;EAqDd,MAAM,OAAO;EAIb,MAAM,QAAQ,UAAS;EAGvB,MAAM,WAAW,oBAAoB;GACnC,SAAS,IAAI,KAAA,EAAU;GACvB,UAAU,IAAI,MAAM;GACpB,WAAW,IAAI,MAAM;GACtB,CAAA;EAGD,MAAM,mBAAmB,yBACvB,SAAS,oBAAoB,MAAM,YAAY,kBAAkB,MAAM,SACzE;EAEA,MAAM,aAAa,yBACjB,SAAS,oBAAoB,MAAM,YAAY,kBAAkB,MAAM,SACzE;EAGA,MAAM,oBAAoB,eAAe,SAAS,SAAS,SAAS,iBAAiB,MAAK;EAE1F,MAAM,mBAAmB,eAAe,SAAS,UAAU,SAAS,MAAM,UAAS;EAGnF,MAAM,eAAe,eAAe,MAAM,WAAW,SAAS,QAAQ,MAAK;EAE3E,MAAM,UAAU,eAAe,eAAe,CAAA;;uBAI5C,YAyBiB,MAAA,eAAA,EAzBjB,WACU,MAwBO,MAxBF,EAAA;IACZ,OAAO,MAAM;IACb,UAAU,kBAAA;IACV,gBAAc,iBAAA,SAAoB,KAAA;IAClC,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,IAAI,MAAM;IACV,MAAM,MAAM;IACZ,UAAU,MAAA,WAAU;IACpB,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"}

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","names":[],"sources":["../../../src/components/radio/RadioGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRef } from 'vue'\nimport { RadioGroupRoot } from 'reka-ui'\nimport { radioGroupVariants, type RadioGroupVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useRadioGroupProvide } from './radio-group.context'\nimport Radio from './Radio.vue'\n\ntype RadioShorthandItem = { value: string; label?: string; disabled?: boolean }\n\nconst props = withDefaults(defineProps<{\n  variant?: RadioGroupVariants['variant']\n  disabled?: boolean\n  isInvalid?: boolean\n  modelValue?: string\n  defaultValue?: string\n  name?: string\n  orientation?: 'horizontal' | 'vertical'\n  label?: string\n  description?: string\n  errorMessage?: string\n  /** Text direction forwarded to RadioGroupRoot. */\n  dir?: 'ltr' | 'rtl'\n  /** Whether keyboard navigation loops from last to first item. */\n  loop?: boolean\n  /** Whether RadioGroupRoot renders as a child element. */\n  asChild?: boolean\n  /** Element or component to render RadioGroupRoot as. */\n  as?: string\n  /** Whether the radio group is required. */\n  required?: boolean\n  class?: string\n  /** Shorthand API: render radio options from an array instead of the compound slot API */\n  items?: RadioShorthandItem[]\n}>(), {\n  variant: 'primary',\n  disabled: false,\n  isInvalid: false,\n  modelValue: undefined,\n  defaultValue: undefined,\n  name: undefined,\n  orientation: 'vertical',\n  label: undefined,\n  description: undefined,\n  errorMessage: undefined,\n  dir: undefined,\n  loop: true,\n  asChild: false,\n  as: undefined,\n  required: false,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string]\n}>()\n\n// Provide context to child Radio components\nuseRadioGroupProvide({\n  variant: toRef(props, 'variant'),\n  disabled: toRef(props, 'disabled'),\n  isInvalid: toRef(props, 'isInvalid'),\n})\n\nconst labelId = `radio-group-label-${Math.random().toString(36).slice(2, 8)}`\n\nconst groupClasses = computed(() =>\n  radioGroupVariants({ variant: props.variant })\n)\n</script>\n\n<template>\n  <RadioGroupRoot\n    :model-value=\"props.modelValue\"\n    :default-value=\"props.defaultValue\"\n    :disabled=\"props.disabled\"\n    :aria-invalid=\"props.isInvalid || undefined\"\n    :name=\"props.name\"\n    :orientation=\"props.orientation\"\n    :dir=\"props.dir\"\n    :loop=\"props.loop\"\n    :as-child=\"props.asChild\"\n    :as=\"props.as\"\n    :required=\"props.required\"\n    :aria-labelledby=\"props.label ? labelId : undefined\"\n    :class=\"composeClassName(groupClasses, props.class)\"\n    @update:model-value=\"$event != null && emit('update:modelValue', String($event))\"\n  >\n    <span\n      v-if=\"props.label\"\n      :id=\"labelId\"\n      class=\"radio-group__label\"\n    >{{ props.label }}</span>\n    <div class=\"radio-group__wrapper\">\n      <template v-if=\"props.items\">\n        <Radio\n          v-for=\"item in props.items\"\n          :key=\"item.value\"\n          :value=\"item.value\"\n          :disabled=\"item.disabled\"\n        >{{ item.label ?? item.value }}</Radio>\n      </template>\n      <slot v-else />\n    </div>\n    <span\n      v-if=\"props.isInvalid && props.errorMessage\"\n      class=\"radio-group__error-message\"\n    >{{ props.errorMessage }}</span>\n    <span\n      v-else-if=\"props.description\"\n      class=\"radio-group__description\"\n    >{{ props.description }}</span>\n  </RadioGroupRoot>\n</template>\n"],"mappings":""}
+{"version":3,"file":"RadioGroup.js","names":[],"sources":["../../../src/components/radio/RadioGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRef } from 'vue'\nimport { RadioGroupRoot } from 'reka-ui'\nimport { radioGroupVariants, type RadioGroupVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useRadioGroupProvide } from './radio-group.context'\nimport Radio from './Radio.vue'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\ntype RadioShorthandItem = { value: string; label?: string; disabled?: boolean }\n\nconst props = withDefaults(defineProps<{\n  variant?: RadioGroupVariants['variant']\n  isDisabled?: boolean\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  isInvalid?: boolean\n  modelValue?: string\n  defaultValue?: string\n  name?: string\n  orientation?: 'horizontal' | 'vertical'\n  label?: string\n  description?: string\n  errorMessage?: string\n  /** Text direction forwarded to RadioGroupRoot. */\n  dir?: 'ltr' | 'rtl'\n  /** Whether keyboard navigation loops from last to first item. */\n  loop?: boolean\n  /** Whether RadioGroupRoot renders as a child element. */\n  asChild?: boolean\n  /** Element or component to render RadioGroupRoot as. */\n  as?: string\n  isRequired?: boolean\n  /**\n   * Whether the radio group is required.\n   * @deprecated Use isRequired instead.\n   */\n  required?: boolean\n  class?: string\n  /** Shorthand API: render radio options from an array instead of the compound slot API */\n  items?: RadioShorthandItem[]\n}>(), {\n  variant: 'primary',\n  isDisabled: undefined,\n  disabled: undefined,\n  isInvalid: false,\n  modelValue: undefined,\n  defaultValue: undefined,\n  name: undefined,\n  orientation: 'vertical',\n  label: undefined,\n  description: undefined,\n  errorMessage: undefined,\n  dir: undefined,\n  loop: true,\n  asChild: false,\n  as: undefined,\n  isRequired: undefined,\n  required: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string]\n}>()\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'RadioGroup', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n\nconst isRequired = useDeprecatedBooleanProp(\n  'RadioGroup', 'isRequired', () => props.isRequired, 'required', () => props.required,\n)\n\n// Provide context to child Radio components\nuseRadioGroupProvide({\n  variant: toRef(props, 'variant'),\n  disabled: isDisabled,\n  isInvalid: toRef(props, 'isInvalid'),\n})\n\nconst labelId = `radio-group-label-${Math.random().toString(36).slice(2, 8)}`\n\nconst groupClasses = computed(() =>\n  radioGroupVariants({ variant: props.variant })\n)\n</script>\n\n<template>\n  <RadioGroupRoot\n    :model-value=\"props.modelValue\"\n    :default-value=\"props.defaultValue\"\n    :disabled=\"isDisabled\"\n    :aria-invalid=\"props.isInvalid || undefined\"\n    :name=\"props.name\"\n    :orientation=\"props.orientation\"\n    :dir=\"props.dir\"\n    :loop=\"props.loop\"\n    :as-child=\"props.asChild\"\n    :as=\"props.as\"\n    :required=\"isRequired\"\n    :aria-labelledby=\"props.label ? labelId : undefined\"\n    :class=\"composeClassName(groupClasses, props.class)\"\n    @update:model-value=\"$event != null && emit('update:modelValue', String($event))\"\n  >\n    <span\n      v-if=\"props.label\"\n      :id=\"labelId\"\n      class=\"radio-group__label\"\n    >{{ props.label }}</span>\n    <div class=\"radio-group__wrapper\">\n      <template v-if=\"props.items\">\n        <Radio\n          v-for=\"item in props.items\"\n          :key=\"item.value\"\n          :value=\"item.value\"\n          :is-disabled=\"item.disabled\"\n        >{{ item.label ?? item.value }}</Radio>\n      </template>\n      <slot v-else />\n    </div>\n    <span\n      v-if=\"props.isInvalid && props.errorMessage\"\n      class=\"radio-group__error-message\"\n    >{{ props.errorMessage }}</span>\n    <span\n      v-else-if=\"props.description\"\n      class=\"radio-group__description\"\n    >{{ props.description }}</span>\n  </RadioGroupRoot>\n</template>\n"],"mappings":""}