@auronui/vue 1.0.10 → 1.0.12

package/dist/components/form/Form.vue_vue_type_script_setup_true_lang.js

@@ -12,31 +12,75 @@ var Form_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 		},
 		class: { default: void 0 }
 	},
-	emits: ["submit", "invalid"],
-	setup(__props, { emit: __emit }) {
+	emits: [
+		"submit",
+		"invalid",
+		"reset"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
 		const errors = ref({});
 		const isSubmitting = ref(false);
+		const isSubmitted = ref(false);
+		const submitCount = ref(0);
 		const fields = /* @__PURE__ */ new Map();
+		const fieldCount = ref(0);
 		function registerField(reg) {
 			fields.set(reg.name, reg);
+			fieldCount.value++;
 		}
 		function unregisterField(name) {
 			fields.delete(name);
+			fieldCount.value--;
 			const next = { ...errors.value };
 			delete next[name];
 			errors.value = next;
 		}
+		const isValid = computed(() => {
+			fieldCount.value;
+			return Object.keys(errors.value).length === 0;
+		});
+		const isDirty = computed(() => {
+			fieldCount.value;
+			for (const field of fields.values()) if (field.dirty.value) return true;
+			return false;
+		});
+		const isTouched = computed(() => {
+			fieldCount.value;
+			for (const field of fields.values()) if (field.touched.value) return true;
+			return false;
+		});
+		function getAllValues() {
+			const values = {};
+			for (const [name, field] of fields.entries()) values[name] = field.getValue();
+			return values;
+		}
 		async function triggerFieldValidation(name) {
 			const field = fields.get(name);
 			if (!field) return;
-			const error = await runValidation(field.getValue(), field.rules, field.validate);
+			const error = await runValidation(field.getValue(), field.rules, field.validate, { values: getAllValues() });
 			const next = { ...errors.value };
 			if (error) next[name] = error;
 			else delete next[name];
 			errors.value = next;
 		}
+		async function trigger(name) {
+			if (name) {
+				await triggerFieldValidation(name);
+				return !errors.value[name];
+			}
+			const results = await Promise.all([...fields.entries()].map(async ([fieldName, field]) => {
+				return {
+					name: fieldName,
+					error: await runValidation(field.getValue(), field.rules, field.validate, { values: getAllValues() })
+				};
+			}));
+			const next = {};
+			for (const { name: fieldName, error } of results) if (error) next[fieldName] = error;
+			errors.value = next;
+			return Object.keys(next).length === 0;
+		}
 		function setErrors(newErrors) {
 			errors.value = {
 				...errors.value,
@@ -44,12 +88,43 @@ var Form_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 			};
 			isSubmitting.value = false;
 		}
+		function setError(name, message) {
+			errors.value = {
+				...errors.value,
+				[name]: message
+			};
+		}
+		function clearErrors(name) {
+			if (name) {
+				const next = { ...errors.value };
+				delete next[name];
+				errors.value = next;
+			} else errors.value = {};
+		}
+		function getValues() {
+			return getAllValues();
+		}
+		function setValue(name, value) {
+			const field = fields.get(name);
+			if (field) field.setValue(value);
+		}
+		function reset() {
+			for (const field of fields.values()) field.reset();
+			errors.value = {};
+			isSubmitting.value = false;
+			isSubmitted.value = false;
+			submitCount.value = 0;
+			emit("reset");
+		}
 		async function handleSubmit() {
 			isSubmitting.value = true;
+			submitCount.value++;
+			const values = getAllValues();
+			const context = { values };
 			const results = await Promise.all([...fields.entries()].map(async ([name, field]) => {
 				return {
 					name,
-					error: await runValidation(field.getValue(), field.rules, field.validate)
+					error: await runValidation(field.getValue(), field.rules, field.validate, context)
 				};
 			}));
 			const nextErrors = {};
@@ -57,12 +132,13 @@ var Form_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 			if (Object.keys(nextErrors).length > 0) {
 				errors.value = nextErrors;
 				isSubmitting.value = false;
+				isSubmitted.value = true;
 				emit("invalid", nextErrors);
 				return;
 			}
 			errors.value = {};
-			const values = {};
-			for (const [name, field] of fields.entries()) values[name] = field.getValue();
+			isSubmitted.value = true;
+			isSubmitting.value = false;
 			emit("submit", {
 				values,
 				setErrors
@@ -71,12 +147,39 @@ var Form_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 		provide(formContextKey, {
 			errors,
 			isSubmitting,
+			isSubmitted,
+			submitCount,
 			isDisabled: computed(() => props.isDisabled),
+			isValid,
+			isDirty,
+			isTouched,
 			validationMode: computed(() => props.validationMode),
 			registerField,
 			unregisterField,
 			triggerFieldValidation,
-			setErrors
+			setErrors,
+			setError,
+			clearErrors,
+			getValues,
+			setValue,
+			trigger,
+			reset
+		});
+		__expose({
+			errors,
+			isSubmitting,
+			isSubmitted,
+			submitCount,
+			isValid,
+			isDirty,
+			isTouched,
+			getValues,
+			setValue,
+			setErrors,
+			setError,
+			clearErrors,
+			trigger,
+			reset
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("form", {
@@ -85,8 +188,20 @@ var Form_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 				onSubmit: withModifiers(handleSubmit, ["prevent"])
 			}, [renderSlot(_ctx.$slots, "default", {
 				isSubmitting: isSubmitting.value,
+				isSubmitted: isSubmitted.value,
+				submitCount: submitCount.value,
 				isDisabled: props.isDisabled,
-				errors: errors.value
+				isValid: isValid.value,
+				isDirty: isDirty.value,
+				isTouched: isTouched.value,
+				errors: errors.value,
+				getValues,
+				setValue,
+				setErrors,
+				setError,
+				clearErrors,
+				trigger,
+				reset
 			})], 34);
 		};
 	}

package/dist/components/form/Form.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/form/Form.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, provide } from 'vue'\nimport { formContextKey } from './form.context'\nimport { runValidation } from './validation'\nimport type { ValidationMode, FieldRegistration, FormContext } from './form.context'\n\nconst props = withDefaults(\n  defineProps<{\n    validationMode?: ValidationMode\n    isDisabled?: boolean\n    class?: string\n  }>(),\n  {\n    validationMode: 'on-submit',\n    isDisabled: false,\n    class: undefined,\n  },\n)\n\nconst emit = defineEmits<{\n  submit: [payload: { values: Record<string, unknown>; setErrors: (e: Record<string, string>) => void }]\n  invalid: [errors: Record<string, string>]\n}>()\n\nconst errors = ref<Record<string, string>>({})\nconst isSubmitting = ref(false)\nconst fields = new Map<string, FieldRegistration>()\n\nfunction registerField(reg: FieldRegistration): void {\n  fields.set(reg.name, reg)\n}\n\nfunction unregisterField(name: string): void {\n  fields.delete(name)\n  const next = { ...errors.value }\n  delete next[name]\n  errors.value = next\n}\n\nasync function triggerFieldValidation(name: string): Promise<void> {\n  const field = fields.get(name)\n  if (!field) return\n  const error = await runValidation(field.getValue(), field.rules, field.validate)\n  const next = { ...errors.value }\n  if (error) {\n    next[name] = error\n  } else {\n    delete next[name]\n  }\n  errors.value = next\n}\n\nfunction setErrors(newErrors: Record<string, string>): void {\n  errors.value = { ...errors.value, ...newErrors }\n  isSubmitting.value = false\n}\n\nasync function handleSubmit(): Promise<void> {\n  isSubmitting.value = true\n\n  const results = await Promise.all(\n    [...fields.entries()].map(async ([name, field]) => {\n      const error = await runValidation(field.getValue(), field.rules, field.validate)\n      return { name, error }\n    }),\n  )\n\n  const nextErrors: Record<string, string> = {}\n  for (const { name, error } of results) {\n    if (error) nextErrors[name] = error\n  }\n\n  if (Object.keys(nextErrors).length > 0) {\n    errors.value = nextErrors\n    isSubmitting.value = false\n    emit('invalid', nextErrors)\n    return\n  }\n\n  errors.value = {}\n\n  const values: Record<string, unknown> = {}\n  for (const [name, field] of fields.entries()) {\n    values[name] = field.getValue()\n  }\n\n  emit('submit', { values, setErrors })\n}\n\nconst ctx: FormContext = {\n  errors,\n  isSubmitting,\n  isDisabled: computed(() => props.isDisabled),\n  validationMode: computed(() => props.validationMode),\n  registerField,\n  unregisterField,\n  triggerFieldValidation,\n  setErrors,\n}\n\nprovide(formContextKey, ctx)\n</script>\n\n<template>\n  <form\n    :class=\"props.class\"\n    novalidate\n    @submit.prevent=\"handleSubmit\"\n  >\n    <slot\n      :is-submitting=\"isSubmitting\"\n      :is-disabled=\"props.isDisabled\"\n      :errors=\"errors\"\n    />\n  </form>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAad,MAAM,OAAO;EAKb,MAAM,SAAS,IAA4B,EAAE,CAAA;EAC7C,MAAM,eAAe,IAAI,MAAK;EAC9B,MAAM,yBAAS,IAAI,KAA+B;EAElD,SAAS,cAAc,KAA8B;AACnD,UAAO,IAAI,IAAI,MAAM,IAAG;;EAG1B,SAAS,gBAAgB,MAAoB;AAC3C,UAAO,OAAO,KAAI;GAClB,MAAM,OAAO,EAAE,GAAG,OAAO,OAAM;AAC/B,UAAO,KAAK;AACZ,UAAO,QAAQ;;EAGjB,eAAe,uBAAuB,MAA6B;GACjE,MAAM,QAAQ,OAAO,IAAI,KAAI;AAC7B,OAAI,CAAC,MAAO;GACZ,MAAM,QAAQ,MAAM,cAAc,MAAM,UAAU,EAAE,MAAM,OAAO,MAAM,SAAQ;GAC/E,MAAM,OAAO,EAAE,GAAG,OAAO,OAAM;AAC/B,OAAI,MACF,MAAK,QAAQ;OAEb,QAAO,KAAK;AAEd,UAAO,QAAQ;;EAGjB,SAAS,UAAU,WAAyC;AAC1D,UAAO,QAAQ;IAAE,GAAG,OAAO;IAAO,GAAG;IAAU;AAC/C,gBAAa,QAAQ;;EAGvB,eAAe,eAA8B;AAC3C,gBAAa,QAAQ;GAErB,MAAM,UAAU,MAAM,QAAQ,IAC5B,CAAC,GAAG,OAAO,SAAS,CAAC,CAAC,IAAI,OAAO,CAAC,MAAM,WAAW;AAEjD,WAAO;KAAE;KAAM,OADD,MAAM,cAAc,MAAM,UAAU,EAAE,MAAM,OAAO,MAAM,SAAQ;KAC1D;KACrB,CACJ;GAEA,MAAM,aAAqC,EAAC;AAC5C,QAAK,MAAM,EAAE,MAAM,WAAW,QAC5B,KAAI,MAAO,YAAW,QAAQ;AAGhC,OAAI,OAAO,KAAK,WAAW,CAAC,SAAS,GAAG;AACtC,WAAO,QAAQ;AACf,iBAAa,QAAQ;AACrB,SAAK,WAAW,WAAU;AAC1B;;AAGF,UAAO,QAAQ,EAAC;GAEhB,MAAM,SAAkC,EAAC;AACzC,QAAK,MAAM,CAAC,MAAM,UAAU,OAAO,SAAS,CAC1C,QAAO,QAAQ,MAAM,UAAS;AAGhC,QAAK,UAAU;IAAE;IAAQ;IAAW,CAAA;;AActC,UAAQ,gBAXiB;GACvB;GACA;GACA,YAAY,eAAe,MAAM,WAAW;GAC5C,gBAAgB,eAAe,MAAM,eAAe;GACpD;GACA;GACA;GACA;GACF,CAE2B;;uBAIzB,mBAUO,QAAA;IATJ,OAAK,eAAE,MAAM,MAAK;IACnB,YAAA;IACC,UAAM,cAAU,cAAY,CAAA,UAAA,CAAA;OAE7B,WAIE,KAAA,QAAA,WAAA;IAHC,cAAe,aAAA;IACf,YAAa,MAAM;IACnB,QAAQ,OAAA"}
+{"version":3,"file":"Form.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/form/Form.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, provide } from 'vue'\nimport { formContextKey } from './form.context'\nimport { runValidation } from './validation'\nimport type { ValidationMode, FieldRegistration, FormContext } from './form.context'\n\nconst props = withDefaults(\n  defineProps<{\n    validationMode?: ValidationMode\n    isDisabled?: boolean\n    class?: string\n  }>(),\n  {\n    validationMode: 'on-submit',\n    isDisabled: false,\n    class: undefined,\n  },\n)\n\nconst emit = defineEmits<{\n  submit: [payload: { values: Record<string, unknown>; setErrors: (e: Record<string, string>) => void }]\n  invalid: [errors: Record<string, string>]\n  reset: []\n}>()\n\nconst errors = ref<Record<string, string>>({})\nconst isSubmitting = ref(false)\nconst isSubmitted = ref(false)\nconst submitCount = ref(0)\nconst fields = new Map<string, FieldRegistration>()\n\n// Reactive field count so computed properties re-evaluate when fields register/unregister\nconst fieldCount = ref(0)\n\nfunction registerField(reg: FieldRegistration): void {\n  fields.set(reg.name, reg)\n  fieldCount.value++\n}\n\nfunction unregisterField(name: string): void {\n  fields.delete(name)\n  fieldCount.value--\n  const next = { ...errors.value }\n  delete next[name]\n  errors.value = next\n}\n\n// ── Computed state ──────────────────────────────────────────────────────────\n\nconst isValid = computed(() => {\n  void fieldCount.value // track reactivity\n  return Object.keys(errors.value).length === 0\n})\n\nconst isDirty = computed(() => {\n  void fieldCount.value\n  for (const field of fields.values()) {\n    if (field.dirty.value) return true\n  }\n  return false\n})\n\nconst isTouched = computed(() => {\n  void fieldCount.value\n  for (const field of fields.values()) {\n    if (field.touched.value) return true\n  }\n  return false\n})\n\n// ── Helpers ─────────────────────────────────────────────────────────────────\n\nfunction getAllValues(): Record<string, unknown> {\n  const values: Record<string, unknown> = {}\n  for (const [name, field] of fields.entries()) {\n    values[name] = field.getValue()\n  }\n  return values\n}\n\n// ── Validation ───────────────────────────────────────────────────────────────\n\nasync function triggerFieldValidation(name: string): Promise<void> {\n  const field = fields.get(name)\n  if (!field) return\n  const error = await runValidation(\n    field.getValue(),\n    field.rules,\n    field.validate,\n    { values: getAllValues() },\n  )\n  const next = { ...errors.value }\n  if (error) {\n    next[name] = error\n  } else {\n    delete next[name]\n  }\n  errors.value = next\n}\n\nasync function trigger(name?: string): Promise<boolean> {\n  if (name) {\n    await triggerFieldValidation(name)\n    return !errors.value[name]\n  }\n\n  const results = await Promise.all(\n    [...fields.entries()].map(async ([fieldName, field]) => {\n      const error = await runValidation(\n        field.getValue(),\n        field.rules,\n        field.validate,\n        { values: getAllValues() },\n      )\n      return { name: fieldName, error }\n    }),\n  )\n\n  const next: Record<string, string> = {}\n  for (const { name: fieldName, error } of results) {\n    if (error) next[fieldName] = error\n  }\n  errors.value = next\n  return Object.keys(next).length === 0\n}\n\n// ── Error management ─────────────────────────────────────────────────────────\n\nfunction setErrors(newErrors: Record<string, string>): void {\n  errors.value = { ...errors.value, ...newErrors }\n  isSubmitting.value = false\n}\n\nfunction setError(name: string, message: string): void {\n  errors.value = { ...errors.value, [name]: message }\n}\n\nfunction clearErrors(name?: string): void {\n  if (name) {\n    const next = { ...errors.value }\n    delete next[name]\n    errors.value = next\n  } else {\n    errors.value = {}\n  }\n}\n\n// ── Values ───────────────────────────────────────────────────────────────────\n\nfunction getValues(): Record<string, unknown> {\n  return getAllValues()\n}\n\nfunction setValue(name: string, value: unknown): void {\n  const field = fields.get(name)\n  if (field) field.setValue(value)\n}\n\n// ── Reset ────────────────────────────────────────────────────────────────────\n\nfunction reset(): void {\n  for (const field of fields.values()) {\n    field.reset()\n  }\n  errors.value = {}\n  isSubmitting.value = false\n  isSubmitted.value = false\n  submitCount.value = 0\n  emit('reset')\n}\n\n// ── Submit ───────────────────────────────────────────────────────────────────\n\nasync function handleSubmit(): Promise<void> {\n  isSubmitting.value = true\n  submitCount.value++\n\n  const values = getAllValues()\n  const context = { values }\n\n  const results = await Promise.all(\n    [...fields.entries()].map(async ([name, field]) => {\n      const error = await runValidation(field.getValue(), field.rules, field.validate, context)\n      return { name, error }\n    }),\n  )\n\n  const nextErrors: Record<string, string> = {}\n  for (const { name, error } of results) {\n    if (error) nextErrors[name] = error\n  }\n\n  if (Object.keys(nextErrors).length > 0) {\n    errors.value = nextErrors\n    isSubmitting.value = false\n    isSubmitted.value = true\n    emit('invalid', nextErrors)\n    return\n  }\n\n  errors.value = {}\n  isSubmitted.value = true\n  isSubmitting.value = false\n  emit('submit', { values, setErrors })\n}\n\n// ── Context ──────────────────────────────────────────────────────────────────\n\nconst ctx: FormContext = {\n  errors,\n  isSubmitting,\n  isSubmitted,\n  submitCount,\n  isDisabled: computed(() => props.isDisabled),\n  isValid,\n  isDirty,\n  isTouched,\n  validationMode: computed(() => props.validationMode),\n  registerField,\n  unregisterField,\n  triggerFieldValidation,\n  setErrors,\n  setError,\n  clearErrors,\n  getValues,\n  setValue,\n  trigger,\n  reset,\n}\n\nprovide(formContextKey, ctx)\n\ndefineExpose({\n  errors,\n  isSubmitting,\n  isSubmitted,\n  submitCount,\n  isValid,\n  isDirty,\n  isTouched,\n  getValues,\n  setValue,\n  setErrors,\n  setError,\n  clearErrors,\n  trigger,\n  reset,\n})\n</script>\n\n<template>\n  <form\n    :class=\"props.class\"\n    novalidate\n    @submit.prevent=\"handleSubmit\"\n  >\n    <slot\n      :is-submitting=\"isSubmitting\"\n      :is-submitted=\"isSubmitted\"\n      :submit-count=\"submitCount\"\n      :is-disabled=\"props.isDisabled\"\n      :is-valid=\"isValid\"\n      :is-dirty=\"isDirty\"\n      :is-touched=\"isTouched\"\n      :errors=\"errors\"\n      :get-values=\"getValues\"\n      :set-value=\"setValue\"\n      :set-errors=\"setErrors\"\n      :set-error=\"setError\"\n      :clear-errors=\"clearErrors\"\n      :trigger=\"trigger\"\n      :reset=\"reset\"\n    />\n  </form>\n</template>\n"],"mappings":"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"}

package/dist/components/form/FormField.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormField.js","names":[],"sources":["../../../src/components/form/FormField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, onUnmounted, ref, watch } from 'vue'\nimport { useFormInject } from './form.context'\nimport { runValidation } from './validation'\nimport type { FieldRules, CustomValidator } from './validation'\n\ndefineOptions({ inheritAttrs: false })\n\nconst props = defineProps<{\n  name: string\n  rules?: FieldRules\n  validate?: CustomValidator\n  /** Override validation mode — used in standalone mode (outside <Form>) or to override the Form's mode for a single field. */\n  validationMode?: 'on-submit' | 'on-blur' | 'on-change'\n}>()\n\nconst modelValue = defineModel<unknown>({ default: undefined })\n\nconst ctx = useFormInject()\n\n// Standalone mode: local error state when used outside <Form>\nconst localError = ref<string | undefined>(undefined)\n\nconst fieldError = computed<string | undefined>(() =>\n  ctx ? ctx.errors.value[props.name] : localError.value,\n)\n\n// Once a field has shown an error, validate on every change so errors clear as the user types.\nconst hasBeenInvalid = ref(false)\nwatch(fieldError, (error) => { if (error) hasBeenInvalid.value = true })\nconst isInvalid = computed(() => !!fieldError.value)\nconst isDisabled = computed(() => ctx?.isDisabled.value ?? false)\nconst validationMode = computed(() => props.validationMode ?? ctx?.validationMode.value ?? 'on-submit')\n\nonMounted(() => {\n  ctx?.registerField({\n    name: props.name,\n    getValue: () => modelValue.value,\n    rules: props.rules,\n    validate: props.validate,\n  })\n})\n\nonUnmounted(() => {\n  ctx?.unregisterField(props.name)\n})\n\nasync function triggerValidation(val: unknown): Promise<void> {\n  const error = await runValidation(val, props.rules, props.validate)\n  if (ctx) {\n    const next = { ...ctx.errors.value }\n    if (error) {\n      next[props.name] = error\n    } else {\n      delete next[props.name]\n    }\n    ctx.errors.value = next\n  } else {\n    localError.value = error\n  }\n}\n\nasync function handleUpdate(val: unknown): Promise<void> {\n  modelValue.value = val\n  if (validationMode.value === 'on-change' || hasBeenInvalid.value) {\n    await triggerValidation(val)\n  }\n}\n\nasync function handleBlur(): Promise<void> {\n  if (validationMode.value === 'on-blur') {\n    await triggerValidation(modelValue.value)\n  }\n}\n\nconst fieldProps = computed(() => ({\n  name: props.name,\n  modelValue: modelValue.value,\n  'onUpdate:modelValue': handleUpdate,\n  isInvalid: isInvalid.value,\n  errorMessage: fieldError.value,\n  isDisabled: isDisabled.value,\n  onBlur: handleBlur,\n}))\n</script>\n\n<template>\n  <slot :field-props=\"fieldProps\" />\n</template>\n"],"mappings":""}
+{"version":3,"file":"FormField.js","names":[],"sources":["../../../src/components/form/FormField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, onUnmounted, ref, watch } from 'vue'\nimport { useFormInject } from './form.context'\nimport { runValidation } from './validation'\nimport type { FieldRules, CustomValidator } from './validation'\n\ndefineOptions({ inheritAttrs: false })\n\nconst props = defineProps<{\n  name: string\n  defaultValue?: unknown\n  rules?: FieldRules\n  validate?: CustomValidator\n  /** Override validation mode for this field. */\n  validationMode?: 'on-submit' | 'on-blur' | 'on-change'\n}>()\n\nconst modelValue = defineModel<unknown>({ default: undefined })\n\nconst ctx = useFormInject()\n\n// ── Field state ──────────────────────────────────────────────────────────────\n\nconst localError = ref<string | undefined>(undefined)\nconst touched = ref(false)\nconst dirty = ref(props.defaultValue !== undefined && modelValue.value !== props.defaultValue)\n\nconst fieldError = computed<string | undefined>(() =>\n  ctx ? ctx.errors.value[props.name] : localError.value,\n)\n\nconst hasBeenInvalid = ref(false)\nwatch(fieldError, (error) => { if (error) hasBeenInvalid.value = true })\n\nconst isInvalid = computed(() => !!fieldError.value)\nconst isDisabled = computed(() => ctx?.isDisabled.value ?? false)\nconst validationMode = computed(() => props.validationMode ?? ctx?.validationMode.value ?? 'on-submit')\n\n// ── Dirty tracking ───────────────────────────────────────────────────────────\n\nwatch(modelValue, (val) => {\n  dirty.value = val !== props.defaultValue\n})\n\n// ── Registration ─────────────────────────────────────────────────────────────\n\nfunction resetField(): void {\n  modelValue.value = props.defaultValue\n  localError.value = undefined\n  touched.value = false\n  dirty.value = false\n  hasBeenInvalid.value = false\n}\n\nonMounted(() => {\n  ctx?.registerField({\n    name: props.name,\n    getValue: () => modelValue.value,\n    getDefaultValue: () => props.defaultValue,\n    setValue: (val: unknown) => { modelValue.value = val },\n    reset: resetField,\n    touched,\n    dirty,\n    rules: props.rules,\n    validate: props.validate,\n  })\n})\n\nonUnmounted(() => {\n  ctx?.unregisterField(props.name)\n})\n\n// ── Validation ───────────────────────────────────────────────────────────────\n\nasync function triggerValidation(val: unknown): Promise<void> {\n  const context = ctx ? { values: ctx.getValues() } : undefined\n  const error = await runValidation(val, props.rules, props.validate, context)\n\n  if (ctx) {\n    const next = { ...ctx.errors.value }\n    if (error) {\n      next[props.name] = error\n    } else {\n      delete next[props.name]\n    }\n    ctx.errors.value = next\n  } else {\n    localError.value = error\n  }\n}\n\nasync function handleUpdate(val: unknown): Promise<void> {\n  modelValue.value = val\n  if (validationMode.value === 'on-change' || hasBeenInvalid.value) {\n    await triggerValidation(val)\n  }\n}\n\nasync function handleBlur(): Promise<void> {\n  touched.value = true\n  if (validationMode.value === 'on-blur') {\n    await triggerValidation(modelValue.value)\n  }\n}\n\n// ── Slot bindings ─────────────────────────────────────────────────────────────\n\nconst fieldProps = computed(() => ({\n  name: props.name,\n  modelValue: modelValue.value,\n  'onUpdate:modelValue': handleUpdate,\n  isInvalid: isInvalid.value,\n  errorMessage: fieldError.value,\n  isDisabled: isDisabled.value,\n  onBlur: handleBlur,\n}))\n</script>\n\n<template>\n  <slot\n    :field-props=\"fieldProps\"\n    :touched=\"touched\"\n    :dirty=\"dirty\"\n    :error=\"fieldError\"\n    :is-invalid=\"isInvalid\"\n  />\n</template>\n"],"mappings":""}

package/dist/components/form/FormField.vue_vue_type_script_setup_true_lang.js

@@ -7,6 +7,7 @@ var FormField_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 	__name: "FormField",
 	props: /* @__PURE__ */ mergeModels({
 		name: {},
+		defaultValue: {},
 		rules: {},
 		validate: { type: Function },
 		validationMode: {}
@@ -20,6 +21,8 @@ var FormField_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 		const modelValue = useModel(__props, "modelValue");
 		const ctx = useFormInject();
 		const localError = ref(void 0);
+		const touched = ref(false);
+		const dirty = ref(props.defaultValue !== void 0 && modelValue.value !== props.defaultValue);
 		const fieldError = computed(() => ctx ? ctx.errors.value[props.name] : localError.value);
 		const hasBeenInvalid = ref(false);
 		watch(fieldError, (error) => {
@@ -28,10 +31,27 @@ var FormField_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 		const isInvalid = computed(() => !!fieldError.value);
 		const isDisabled = computed(() => ctx?.isDisabled.value ?? false);
 		const validationMode = computed(() => props.validationMode ?? ctx?.validationMode.value ?? "on-submit");
+		watch(modelValue, (val) => {
+			dirty.value = val !== props.defaultValue;
+		});
+		function resetField() {
+			modelValue.value = props.defaultValue;
+			localError.value = void 0;
+			touched.value = false;
+			dirty.value = false;
+			hasBeenInvalid.value = false;
+		}
 		onMounted(() => {
 			ctx?.registerField({
 				name: props.name,
 				getValue: () => modelValue.value,
+				getDefaultValue: () => props.defaultValue,
+				setValue: (val) => {
+					modelValue.value = val;
+				},
+				reset: resetField,
+				touched,
+				dirty,
 				rules: props.rules,
 				validate: props.validate
 			});
@@ -40,7 +60,8 @@ var FormField_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 			ctx?.unregisterField(props.name);
 		});
 		async function triggerValidation(val) {
-			const error = await runValidation(val, props.rules, props.validate);
+			const context = ctx ? { values: ctx.getValues() } : void 0;
+			const error = await runValidation(val, props.rules, props.validate, context);
 			if (ctx) {
 				const next = { ...ctx.errors.value };
 				if (error) next[props.name] = error;
@@ -53,6 +74,7 @@ var FormField_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 			if (validationMode.value === "on-change" || hasBeenInvalid.value) await triggerValidation(val);
 		}
 		async function handleBlur() {
+			touched.value = true;
 			if (validationMode.value === "on-blur") await triggerValidation(modelValue.value);
 		}
 		const fieldProps = computed(() => ({
@@ -65,7 +87,13 @@ var FormField_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 			onBlur: handleBlur
 		}));
 		return (_ctx, _cache) => {
-			return renderSlot(_ctx.$slots, "default", { fieldProps: fieldProps.value });
+			return renderSlot(_ctx.$slots, "default", {
+				fieldProps: fieldProps.value,
+				touched: touched.value,
+				dirty: dirty.value,
+				error: fieldError.value,
+				isInvalid: isInvalid.value
+			});
 		};
 	}
 });

package/dist/components/form/FormField.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormField.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/form/FormField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, onUnmounted, ref, watch } from 'vue'\nimport { useFormInject } from './form.context'\nimport { runValidation } from './validation'\nimport type { FieldRules, CustomValidator } from './validation'\n\ndefineOptions({ inheritAttrs: false })\n\nconst props = defineProps<{\n  name: string\n  rules?: FieldRules\n  validate?: CustomValidator\n  /** Override validation mode — used in standalone mode (outside <Form>) or to override the Form's mode for a single field. */\n  validationMode?: 'on-submit' | 'on-blur' | 'on-change'\n}>()\n\nconst modelValue = defineModel<unknown>({ default: undefined })\n\nconst ctx = useFormInject()\n\n// Standalone mode: local error state when used outside <Form>\nconst localError = ref<string | undefined>(undefined)\n\nconst fieldError = computed<string | undefined>(() =>\n  ctx ? ctx.errors.value[props.name] : localError.value,\n)\n\n// Once a field has shown an error, validate on every change so errors clear as the user types.\nconst hasBeenInvalid = ref(false)\nwatch(fieldError, (error) => { if (error) hasBeenInvalid.value = true })\nconst isInvalid = computed(() => !!fieldError.value)\nconst isDisabled = computed(() => ctx?.isDisabled.value ?? false)\nconst validationMode = computed(() => props.validationMode ?? ctx?.validationMode.value ?? 'on-submit')\n\nonMounted(() => {\n  ctx?.registerField({\n    name: props.name,\n    getValue: () => modelValue.value,\n    rules: props.rules,\n    validate: props.validate,\n  })\n})\n\nonUnmounted(() => {\n  ctx?.unregisterField(props.name)\n})\n\nasync function triggerValidation(val: unknown): Promise<void> {\n  const error = await runValidation(val, props.rules, props.validate)\n  if (ctx) {\n    const next = { ...ctx.errors.value }\n    if (error) {\n      next[props.name] = error\n    } else {\n      delete next[props.name]\n    }\n    ctx.errors.value = next\n  } else {\n    localError.value = error\n  }\n}\n\nasync function handleUpdate(val: unknown): Promise<void> {\n  modelValue.value = val\n  if (validationMode.value === 'on-change' || hasBeenInvalid.value) {\n    await triggerValidation(val)\n  }\n}\n\nasync function handleBlur(): Promise<void> {\n  if (validationMode.value === 'on-blur') {\n    await triggerValidation(modelValue.value)\n  }\n}\n\nconst fieldProps = computed(() => ({\n  name: props.name,\n  modelValue: modelValue.value,\n  'onUpdate:modelValue': handleUpdate,\n  isInvalid: isInvalid.value,\n  errorMessage: fieldError.value,\n  isDisabled: isDisabled.value,\n  onBlur: handleBlur,\n}))\n</script>\n\n<template>\n  <slot :field-props=\"fieldProps\" />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAQA,MAAM,QAAQ;EAQd,MAAM,aAAa,SAAoB,SAAA,aAAuB;EAE9D,MAAM,MAAM,eAAc;EAG1B,MAAM,aAAa,IAAwB,KAAA,EAAS;EAEpD,MAAM,aAAa,eACjB,MAAM,IAAI,OAAO,MAAM,MAAM,QAAQ,WAAW,MAClD;EAGA,MAAM,iBAAiB,IAAI,MAAK;AAChC,QAAM,aAAa,UAAU;AAAE,OAAI,MAAO,gBAAe,QAAQ;IAAM;EACvE,MAAM,YAAY,eAAe,CAAC,CAAC,WAAW,MAAK;EACnD,MAAM,aAAa,eAAe,KAAK,WAAW,SAAS,MAAK;EAChE,MAAM,iBAAiB,eAAe,MAAM,kBAAkB,KAAK,eAAe,SAAS,YAAW;AAEtG,kBAAgB;AACd,QAAK,cAAc;IACjB,MAAM,MAAM;IACZ,gBAAgB,WAAW;IAC3B,OAAO,MAAM;IACb,UAAU,MAAM;IACjB,CAAA;IACF;AAED,oBAAkB;AAChB,QAAK,gBAAgB,MAAM,KAAI;IAChC;EAED,eAAe,kBAAkB,KAA6B;GAC5D,MAAM,QAAQ,MAAM,cAAc,KAAK,MAAM,OAAO,MAAM,SAAQ;AAClE,OAAI,KAAK;IACP,MAAM,OAAO,EAAE,GAAG,IAAI,OAAO,OAAM;AACnC,QAAI,MACF,MAAK,MAAM,QAAQ;QAEnB,QAAO,KAAK,MAAM;AAEpB,QAAI,OAAO,QAAQ;SAEnB,YAAW,QAAQ;;EAIvB,eAAe,aAAa,KAA6B;AACvD,cAAW,QAAQ;AACnB,OAAI,eAAe,UAAU,eAAe,eAAe,MACzD,OAAM,kBAAkB,IAAG;;EAI/B,eAAe,aAA4B;AACzC,OAAI,eAAe,UAAU,UAC3B,OAAM,kBAAkB,WAAW,MAAK;;EAI5C,MAAM,aAAa,gBAAgB;GACjC,MAAM,MAAM;GACZ,YAAY,WAAW;GACvB,uBAAuB;GACvB,WAAW,UAAU;GACrB,cAAc,WAAW;GACzB,YAAY,WAAW;GACvB,QAAQ;GACT,EAAC;;UAIA,WAAkC,KAAA,QAAA,WAAA,EAA3B,YAAa,WAAA,OAAU,CAAA"}
+{"version":3,"file":"FormField.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/form/FormField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, onUnmounted, ref, watch } from 'vue'\nimport { useFormInject } from './form.context'\nimport { runValidation } from './validation'\nimport type { FieldRules, CustomValidator } from './validation'\n\ndefineOptions({ inheritAttrs: false })\n\nconst props = defineProps<{\n  name: string\n  defaultValue?: unknown\n  rules?: FieldRules\n  validate?: CustomValidator\n  /** Override validation mode for this field. */\n  validationMode?: 'on-submit' | 'on-blur' | 'on-change'\n}>()\n\nconst modelValue = defineModel<unknown>({ default: undefined })\n\nconst ctx = useFormInject()\n\n// ── Field state ──────────────────────────────────────────────────────────────\n\nconst localError = ref<string | undefined>(undefined)\nconst touched = ref(false)\nconst dirty = ref(props.defaultValue !== undefined && modelValue.value !== props.defaultValue)\n\nconst fieldError = computed<string | undefined>(() =>\n  ctx ? ctx.errors.value[props.name] : localError.value,\n)\n\nconst hasBeenInvalid = ref(false)\nwatch(fieldError, (error) => { if (error) hasBeenInvalid.value = true })\n\nconst isInvalid = computed(() => !!fieldError.value)\nconst isDisabled = computed(() => ctx?.isDisabled.value ?? false)\nconst validationMode = computed(() => props.validationMode ?? ctx?.validationMode.value ?? 'on-submit')\n\n// ── Dirty tracking ───────────────────────────────────────────────────────────\n\nwatch(modelValue, (val) => {\n  dirty.value = val !== props.defaultValue\n})\n\n// ── Registration ─────────────────────────────────────────────────────────────\n\nfunction resetField(): void {\n  modelValue.value = props.defaultValue\n  localError.value = undefined\n  touched.value = false\n  dirty.value = false\n  hasBeenInvalid.value = false\n}\n\nonMounted(() => {\n  ctx?.registerField({\n    name: props.name,\n    getValue: () => modelValue.value,\n    getDefaultValue: () => props.defaultValue,\n    setValue: (val: unknown) => { modelValue.value = val },\n    reset: resetField,\n    touched,\n    dirty,\n    rules: props.rules,\n    validate: props.validate,\n  })\n})\n\nonUnmounted(() => {\n  ctx?.unregisterField(props.name)\n})\n\n// ── Validation ───────────────────────────────────────────────────────────────\n\nasync function triggerValidation(val: unknown): Promise<void> {\n  const context = ctx ? { values: ctx.getValues() } : undefined\n  const error = await runValidation(val, props.rules, props.validate, context)\n\n  if (ctx) {\n    const next = { ...ctx.errors.value }\n    if (error) {\n      next[props.name] = error\n    } else {\n      delete next[props.name]\n    }\n    ctx.errors.value = next\n  } else {\n    localError.value = error\n  }\n}\n\nasync function handleUpdate(val: unknown): Promise<void> {\n  modelValue.value = val\n  if (validationMode.value === 'on-change' || hasBeenInvalid.value) {\n    await triggerValidation(val)\n  }\n}\n\nasync function handleBlur(): Promise<void> {\n  touched.value = true\n  if (validationMode.value === 'on-blur') {\n    await triggerValidation(modelValue.value)\n  }\n}\n\n// ── Slot bindings ─────────────────────────────────────────────────────────────\n\nconst fieldProps = computed(() => ({\n  name: props.name,\n  modelValue: modelValue.value,\n  'onUpdate:modelValue': handleUpdate,\n  isInvalid: isInvalid.value,\n  errorMessage: fieldError.value,\n  isDisabled: isDisabled.value,\n  onBlur: handleBlur,\n}))\n</script>\n\n<template>\n  <slot\n    :field-props=\"fieldProps\"\n    :touched=\"touched\"\n    :dirty=\"dirty\"\n    :error=\"fieldError\"\n    :is-invalid=\"isInvalid\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAQA,MAAM,QAAQ;EASd,MAAM,aAAa,SAAoB,SAAA,aAAuB;EAE9D,MAAM,MAAM,eAAc;EAI1B,MAAM,aAAa,IAAwB,KAAA,EAAS;EACpD,MAAM,UAAU,IAAI,MAAK;EACzB,MAAM,QAAQ,IAAI,MAAM,iBAAiB,KAAA,KAAa,WAAW,UAAU,MAAM,aAAY;EAE7F,MAAM,aAAa,eACjB,MAAM,IAAI,OAAO,MAAM,MAAM,QAAQ,WAAW,MAClD;EAEA,MAAM,iBAAiB,IAAI,MAAK;AAChC,QAAM,aAAa,UAAU;AAAE,OAAI,MAAO,gBAAe,QAAQ;IAAM;EAEvE,MAAM,YAAY,eAAe,CAAC,CAAC,WAAW,MAAK;EACnD,MAAM,aAAa,eAAe,KAAK,WAAW,SAAS,MAAK;EAChE,MAAM,iBAAiB,eAAe,MAAM,kBAAkB,KAAK,eAAe,SAAS,YAAW;AAItG,QAAM,aAAa,QAAQ;AACzB,SAAM,QAAQ,QAAQ,MAAM;IAC7B;EAID,SAAS,aAAmB;AAC1B,cAAW,QAAQ,MAAM;AACzB,cAAW,QAAQ,KAAA;AACnB,WAAQ,QAAQ;AAChB,SAAM,QAAQ;AACd,kBAAe,QAAQ;;AAGzB,kBAAgB;AACd,QAAK,cAAc;IACjB,MAAM,MAAM;IACZ,gBAAgB,WAAW;IAC3B,uBAAuB,MAAM;IAC7B,WAAW,QAAiB;AAAE,gBAAW,QAAQ;;IACjD,OAAO;IACP;IACA;IACA,OAAO,MAAM;IACb,UAAU,MAAM;IACjB,CAAA;IACF;AAED,oBAAkB;AAChB,QAAK,gBAAgB,MAAM,KAAI;IAChC;EAID,eAAe,kBAAkB,KAA6B;GAC5D,MAAM,UAAU,MAAM,EAAE,QAAQ,IAAI,WAAW,EAAE,GAAG,KAAA;GACpD,MAAM,QAAQ,MAAM,cAAc,KAAK,MAAM,OAAO,MAAM,UAAU,QAAO;AAE3E,OAAI,KAAK;IACP,MAAM,OAAO,EAAE,GAAG,IAAI,OAAO,OAAM;AACnC,QAAI,MACF,MAAK,MAAM,QAAQ;QAEnB,QAAO,KAAK,MAAM;AAEpB,QAAI,OAAO,QAAQ;SAEnB,YAAW,QAAQ;;EAIvB,eAAe,aAAa,KAA6B;AACvD,cAAW,QAAQ;AACnB,OAAI,eAAe,UAAU,eAAe,eAAe,MACzD,OAAM,kBAAkB,IAAG;;EAI/B,eAAe,aAA4B;AACzC,WAAQ,QAAQ;AAChB,OAAI,eAAe,UAAU,UAC3B,OAAM,kBAAkB,WAAW,MAAK;;EAM5C,MAAM,aAAa,gBAAgB;GACjC,MAAM,MAAM;GACZ,YAAY,WAAW;GACvB,uBAAuB;GACvB,WAAW,UAAU;GACrB,cAAc,WAAW;GACzB,YAAY,WAAW;GACvB,QAAQ;GACT,EAAC;;UAIA,WAME,KAAA,QAAA,WAAA;IALC,YAAa,WAAA;IACb,SAAS,QAAA;IACT,OAAO,MAAA;IACP,OAAO,WAAA;IACP,WAAY,UAAA"}

package/dist/components/form/form.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.context.js","names":[],"sources":["../../../src/components/form/form.context.ts"],"sourcesContent":["import { inject, type Ref, type ComputedRef } from 'vue'\nimport { createContext } from '../../utils/context'\nimport type { FieldRules, CustomValidator } from './validation'\n\nexport type { FieldRules, CustomValidator }\n\nexport type ValidationMode = 'on-submit' | 'on-blur' | 'on-change'\n\nexport interface FieldRegistration {\n  name: string\n  getValue: () => unknown\n  rules?: FieldRules\n  validate?: CustomValidator\n}\n\nexport interface FormContext {\n  errors: Ref<Record<string, string>>\n  isSubmitting: Ref<boolean>\n  isDisabled: ComputedRef<boolean>\n  validationMode: ComputedRef<ValidationMode>\n  registerField(reg: FieldRegistration): void\n  unregisterField(name: string): void\n  triggerFieldValidation(name: string): Promise<void>\n  setErrors(newErrors: Record<string, string>): void\n}\n\nexport const {\n  useProvide: useFormProvide,\n  useInject: _useFormInjectStrict,\n  key: formContextKey,\n} = createContext<FormContext>('Form')\n\n/**\n * Inject Form context. Returns null when called outside a <Form> — callers\n * handle standalone mode themselves.\n */\nexport function useFormInject(): FormContext | null {\n  return inject(formContextKey, null)\n}\n"],"mappings":";;;AA0BA,IAAa,EACX,YAAY,gBACZ,WAAW,sBACX,KAAK,mBACH,cAA2B,OAAO;;;;;AAMtC,SAAgB,gBAAoC;AAClD,QAAO,OAAO,gBAAgB,KAAK"}
+{"version":3,"file":"form.context.js","names":[],"sources":["../../../src/components/form/form.context.ts"],"sourcesContent":["import { inject, type Ref, type ComputedRef } from 'vue'\nimport { createContext } from '../../utils/context'\nimport type { FieldRules, CustomValidator } from './validation'\n\nexport type { FieldRules, CustomValidator }\n\nexport type ValidationMode = 'on-submit' | 'on-blur' | 'on-change'\n\nexport interface FieldRegistration {\n  name: string\n  getValue: () => unknown\n  getDefaultValue: () => unknown\n  setValue: (value: unknown) => void\n  reset: () => void\n  touched: Ref<boolean>\n  dirty: Ref<boolean>\n  rules?: FieldRules\n  validate?: CustomValidator\n}\n\nexport interface FormContext {\n  errors: Ref<Record<string, string>>\n  isSubmitting: Ref<boolean>\n  isSubmitted: Ref<boolean>\n  submitCount: Ref<number>\n  isDisabled: ComputedRef<boolean>\n  isValid: ComputedRef<boolean>\n  isDirty: ComputedRef<boolean>\n  isTouched: ComputedRef<boolean>\n  validationMode: ComputedRef<ValidationMode>\n  registerField(reg: FieldRegistration): void\n  unregisterField(name: string): void\n  triggerFieldValidation(name: string): Promise<void>\n  setErrors(newErrors: Record<string, string>): void\n  setError(name: string, message: string): void\n  clearErrors(name?: string): void\n  getValues(): Record<string, unknown>\n  setValue(name: string, value: unknown): void\n  trigger(name?: string): Promise<boolean>\n  reset(): void\n}\n\nexport const {\n  useProvide: useFormProvide,\n  useInject: _useFormInjectStrict,\n  key: formContextKey,\n} = createContext<FormContext>('Form')\n\n/**\n * Inject Form context. Returns null when called outside a <Form> — callers\n * handle standalone mode themselves.\n */\nexport function useFormInject(): FormContext | null {\n  return inject(formContextKey, null)\n}\n"],"mappings":";;;AA0CA,IAAa,EACX,YAAY,gBACZ,WAAW,sBACX,KAAK,mBACH,cAA2B,OAAO;;;;;AAMtC,SAAgB,gBAAoC;AAClD,QAAO,OAAO,gBAAgB,KAAK"}

package/dist/components/form/validation.js

@@ -1,5 +1,6 @@
 //#region src/components/form/validation.ts
 var EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+var URL_REGEX = /^(https?:\/\/)?([\w-]+\.)+[\w-]+(\/[\w\-./?%&=]*)?$/i;
 function isEmpty(value) {
 	if (value === void 0 || value === null || value === "" || value === false) return true;
 	if (Array.isArray(value) && value.length === 0) return true;
@@ -29,20 +30,35 @@ function resolvePatternRule(rule) {
 	};
 	return rule;
 }
-async function runValidation(value, rules, validate) {
+function resolveStringRule(rule) {
+	if (typeof rule === "string") return {
+		value: rule,
+		message: void 0
+	};
+	return rule;
+}
+async function runValidation(value, rules, validate, context) {
 	if (!rules && !validate) return void 0;
 	if (rules?.required !== void 0) {
 		const { enabled, message } = resolveSimpleRule(rules.required);
 		if (enabled && isEmpty(value)) return message ?? "This field is required";
 	}
 	if (isEmpty(value)) {
-		if (validate) return await validate(value);
+		if (validate) return await validate(value, context);
 		return;
 	}
 	if (rules?.email !== void 0) {
 		const { enabled, message } = resolveSimpleRule(rules.email);
 		if (enabled && !EMAIL_REGEX.test(String(value))) return message ?? "Enter a valid email address";
 	}
+	if (rules?.url !== void 0) {
+		const { enabled, message } = resolveSimpleRule(rules.url);
+		if (enabled && !URL_REGEX.test(String(value))) return message ?? "Enter a valid URL";
+	}
+	if (rules?.integer !== void 0) {
+		const { enabled, message } = resolveSimpleRule(rules.integer);
+		if (enabled && !Number.isInteger(Number(value))) return message ?? "Must be a whole number";
+	}
 	if (rules?.pattern !== void 0) {
 		const { value: regex, message } = resolvePatternRule(rules.pattern);
 		if (!regex.test(String(value))) return message ?? "Invalid format";
@@ -63,7 +79,11 @@ async function runValidation(value, rules, validate) {
 		const { value: maxVal, message } = resolveNumericRule(rules.max);
 		if (Number(value) > maxVal) return message ?? `Must be at most ${maxVal}`;
 	}
-	if (validate) return await validate(value);
+	if (rules?.matches !== void 0) {
+		const { value: fieldName, message } = resolveStringRule(rules.matches);
+		if (value !== context?.values[fieldName]) return message ?? `Must match ${fieldName}`;
+	}
+	if (validate) return await validate(value, context);
 }
 //#endregion
 export { runValidation };

package/dist/components/form/validation.js.map

@@ -1 +1 @@
-{"version":3,"file":"validation.js","names":[],"sources":["../../../src/components/form/validation.ts"],"sourcesContent":["type RuleWithMessage<T> = T | { value: T; message: string }\n\nexport interface FieldRules {\n  required?: boolean | string\n  email?: boolean | string\n  pattern?: RuleWithMessage<RegExp>\n  minLength?: RuleWithMessage<number>\n  maxLength?: RuleWithMessage<number>\n  min?: RuleWithMessage<number>\n  max?: RuleWithMessage<number>\n}\n\nexport type CustomValidator = (value: unknown) => string | undefined | Promise<string | undefined>\n\nconst EMAIL_REGEX = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/\n\nfunction isEmpty(value: unknown): boolean {\n  if (value === undefined || value === null || value === '' || value === false) return true\n  if (Array.isArray(value) && value.length === 0) return true\n  return false\n}\n\nfunction resolveSimpleRule(rule: boolean | string): { enabled: boolean; message: string | undefined } {\n  if (typeof rule === 'string') return { enabled: true, message: rule }\n  return { enabled: rule, message: undefined }\n}\n\nfunction resolveNumericRule(rule: number | { value: number; message: string }): { value: number; message: string | undefined } {\n  if (typeof rule === 'number') return { value: rule, message: undefined }\n  return rule\n}\n\nfunction resolvePatternRule(rule: RegExp | { value: RegExp; message: string }): { value: RegExp; message: string | undefined } {\n  if (rule instanceof RegExp) return { value: rule, message: undefined }\n  return rule\n}\n\nexport async function runValidation(\n  value: unknown,\n  rules?: FieldRules,\n  validate?: CustomValidator,\n): Promise<string | undefined> {\n  if (!rules && !validate) return undefined\n\n  if (rules?.required !== undefined) {\n    const { enabled, message } = resolveSimpleRule(rules.required)\n    if (enabled && isEmpty(value)) return message ?? 'This field is required'\n  }\n\n  if (isEmpty(value)) {\n    if (validate) return await validate(value)\n    return undefined\n  }\n\n  if (rules?.email !== undefined) {\n    const { enabled, message } = resolveSimpleRule(rules.email)\n    if (enabled && !EMAIL_REGEX.test(String(value))) return message ?? 'Enter a valid email address'\n  }\n\n  if (rules?.pattern !== undefined) {\n    const { value: regex, message } = resolvePatternRule(rules.pattern)\n    if (!regex.test(String(value))) return message ?? 'Invalid format'\n  }\n\n  if (rules?.minLength !== undefined) {\n    const { value: min, message } = resolveNumericRule(rules.minLength)\n    const len = Array.isArray(value) ? value.length : String(value).length\n    if (len < min) return message ?? `Must be at least ${min} characters`\n  }\n\n  if (rules?.maxLength !== undefined) {\n    const { value: max, message } = resolveNumericRule(rules.maxLength)\n    const len = Array.isArray(value) ? value.length : String(value).length\n    if (len > max) return message ?? `Must be at most ${max} characters`\n  }\n\n  if (rules?.min !== undefined) {\n    const { value: minVal, message } = resolveNumericRule(rules.min)\n    if (Number(value) < minVal) return message ?? `Must be at least ${minVal}`\n  }\n\n  if (rules?.max !== undefined) {\n    const { value: maxVal, message } = resolveNumericRule(rules.max)\n    if (Number(value) > maxVal) return message ?? `Must be at most ${maxVal}`\n  }\n\n  if (validate) return await validate(value)\n\n  return undefined\n}\n"],"mappings":";AAcA,IAAM,cAAc;AAEpB,SAAS,QAAQ,OAAyB;AACxC,KAAI,UAAU,KAAA,KAAa,UAAU,QAAQ,UAAU,MAAM,UAAU,MAAO,QAAO;AACrF,KAAI,MAAM,QAAQ,MAAM,IAAI,MAAM,WAAW,EAAG,QAAO;AACvD,QAAO;;AAGT,SAAS,kBAAkB,MAA2E;AACpG,KAAI,OAAO,SAAS,SAAU,QAAO;EAAE,SAAS;EAAM,SAAS;EAAM;AACrE,QAAO;EAAE,SAAS;EAAM,SAAS,KAAA;EAAW;;AAG9C,SAAS,mBAAmB,MAAmG;AAC7H,KAAI,OAAO,SAAS,SAAU,QAAO;EAAE,OAAO;EAAM,SAAS,KAAA;EAAW;AACxE,QAAO;;AAGT,SAAS,mBAAmB,MAAmG;AAC7H,KAAI,gBAAgB,OAAQ,QAAO;EAAE,OAAO;EAAM,SAAS,KAAA;EAAW;AACtE,QAAO;;AAGT,eAAsB,cACpB,OACA,OACA,UAC6B;AAC7B,KAAI,CAAC,SAAS,CAAC,SAAU,QAAO,KAAA;AAEhC,KAAI,OAAO,aAAa,KAAA,GAAW;EACjC,MAAM,EAAE,SAAS,YAAY,kBAAkB,MAAM,SAAS;AAC9D,MAAI,WAAW,QAAQ,MAAM,CAAE,QAAO,WAAW;;AAGnD,KAAI,QAAQ,MAAM,EAAE;AAClB,MAAI,SAAU,QAAO,MAAM,SAAS,MAAM;AAC1C;;AAGF,KAAI,OAAO,UAAU,KAAA,GAAW;EAC9B,MAAM,EAAE,SAAS,YAAY,kBAAkB,MAAM,MAAM;AAC3D,MAAI,WAAW,CAAC,YAAY,KAAK,OAAO,MAAM,CAAC,CAAE,QAAO,WAAW;;AAGrE,KAAI,OAAO,YAAY,KAAA,GAAW;EAChC,MAAM,EAAE,OAAO,OAAO,YAAY,mBAAmB,MAAM,QAAQ;AACnE,MAAI,CAAC,MAAM,KAAK,OAAO,MAAM,CAAC,CAAE,QAAO,WAAW;;AAGpD,KAAI,OAAO,cAAc,KAAA,GAAW;EAClC,MAAM,EAAE,OAAO,KAAK,YAAY,mBAAmB,MAAM,UAAU;AAEnE,OADY,MAAM,QAAQ,MAAM,GAAG,MAAM,SAAS,OAAO,MAAM,CAAC,UACtD,IAAK,QAAO,WAAW,oBAAoB,IAAI;;AAG3D,KAAI,OAAO,cAAc,KAAA,GAAW;EAClC,MAAM,EAAE,OAAO,KAAK,YAAY,mBAAmB,MAAM,UAAU;AAEnE,OADY,MAAM,QAAQ,MAAM,GAAG,MAAM,SAAS,OAAO,MAAM,CAAC,UACtD,IAAK,QAAO,WAAW,mBAAmB,IAAI;;AAG1D,KAAI,OAAO,QAAQ,KAAA,GAAW;EAC5B,MAAM,EAAE,OAAO,QAAQ,YAAY,mBAAmB,MAAM,IAAI;AAChE,MAAI,OAAO,MAAM,GAAG,OAAQ,QAAO,WAAW,oBAAoB;;AAGpE,KAAI,OAAO,QAAQ,KAAA,GAAW;EAC5B,MAAM,EAAE,OAAO,QAAQ,YAAY,mBAAmB,MAAM,IAAI;AAChE,MAAI,OAAO,MAAM,GAAG,OAAQ,QAAO,WAAW,mBAAmB;;AAGnE,KAAI,SAAU,QAAO,MAAM,SAAS,MAAM"}
+{"version":3,"file":"validation.js","names":[],"sources":["../../../src/components/form/validation.ts"],"sourcesContent":["type RuleWithMessage<T> = T | { value: T; message: string }\n\nexport interface FieldRules {\n  required?: boolean | string\n  email?: boolean | string\n  url?: boolean | string\n  integer?: boolean | string\n  pattern?: RuleWithMessage<RegExp>\n  minLength?: RuleWithMessage<number>\n  maxLength?: RuleWithMessage<number>\n  min?: RuleWithMessage<number>\n  max?: RuleWithMessage<number>\n  /** Match the value of another field by name (e.g. confirm password). */\n  matches?: RuleWithMessage<string>\n}\n\nexport interface ValidationContext {\n  /** All current form field values — available for cross-field rules and custom validators. */\n  values: Record<string, unknown>\n}\n\nexport type CustomValidator = (\n  value: unknown,\n  context?: ValidationContext,\n) => string | undefined | Promise<string | undefined>\n\nconst EMAIL_REGEX = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/\nconst URL_REGEX = /^(https?:\\/\\/)?([\\w-]+\\.)+[\\w-]+(\\/[\\w\\-./?%&=]*)?$/i\n\nfunction isEmpty(value: unknown): boolean {\n  if (value === undefined || value === null || value === '' || value === false) return true\n  if (Array.isArray(value) && value.length === 0) return true\n  return false\n}\n\nfunction resolveSimpleRule(rule: boolean | string): { enabled: boolean; message: string | undefined } {\n  if (typeof rule === 'string') return { enabled: true, message: rule }\n  return { enabled: rule, message: undefined }\n}\n\nfunction resolveNumericRule(rule: number | { value: number; message: string }): { value: number; message: string | undefined } {\n  if (typeof rule === 'number') return { value: rule, message: undefined }\n  return rule\n}\n\nfunction resolvePatternRule(rule: RegExp | { value: RegExp; message: string }): { value: RegExp; message: string | undefined } {\n  if (rule instanceof RegExp) return { value: rule, message: undefined }\n  return rule\n}\n\nfunction resolveStringRule(rule: string | { value: string; message: string }): { value: string; message: string | undefined } {\n  if (typeof rule === 'string') return { value: rule, message: undefined }\n  return rule\n}\n\nexport async function runValidation(\n  value: unknown,\n  rules?: FieldRules,\n  validate?: CustomValidator,\n  context?: ValidationContext,\n): Promise<string | undefined> {\n  if (!rules && !validate) return undefined\n\n  if (rules?.required !== undefined) {\n    const { enabled, message } = resolveSimpleRule(rules.required)\n    if (enabled && isEmpty(value)) return message ?? 'This field is required'\n  }\n\n  if (isEmpty(value)) {\n    if (validate) return await validate(value, context)\n    return undefined\n  }\n\n  if (rules?.email !== undefined) {\n    const { enabled, message } = resolveSimpleRule(rules.email)\n    if (enabled && !EMAIL_REGEX.test(String(value))) return message ?? 'Enter a valid email address'\n  }\n\n  if (rules?.url !== undefined) {\n    const { enabled, message } = resolveSimpleRule(rules.url)\n    if (enabled && !URL_REGEX.test(String(value))) return message ?? 'Enter a valid URL'\n  }\n\n  if (rules?.integer !== undefined) {\n    const { enabled, message } = resolveSimpleRule(rules.integer)\n    if (enabled && !Number.isInteger(Number(value))) return message ?? 'Must be a whole number'\n  }\n\n  if (rules?.pattern !== undefined) {\n    const { value: regex, message } = resolvePatternRule(rules.pattern)\n    if (!regex.test(String(value))) return message ?? 'Invalid format'\n  }\n\n  if (rules?.minLength !== undefined) {\n    const { value: min, message } = resolveNumericRule(rules.minLength)\n    const len = Array.isArray(value) ? value.length : String(value).length\n    if (len < min) return message ?? `Must be at least ${min} characters`\n  }\n\n  if (rules?.maxLength !== undefined) {\n    const { value: max, message } = resolveNumericRule(rules.maxLength)\n    const len = Array.isArray(value) ? value.length : String(value).length\n    if (len > max) return message ?? `Must be at most ${max} characters`\n  }\n\n  if (rules?.min !== undefined) {\n    const { value: minVal, message } = resolveNumericRule(rules.min)\n    if (Number(value) < minVal) return message ?? `Must be at least ${minVal}`\n  }\n\n  if (rules?.max !== undefined) {\n    const { value: maxVal, message } = resolveNumericRule(rules.max)\n    if (Number(value) > maxVal) return message ?? `Must be at most ${maxVal}`\n  }\n\n  if (rules?.matches !== undefined) {\n    const { value: fieldName, message } = resolveStringRule(rules.matches)\n    const otherValue = context?.values[fieldName]\n    if (value !== otherValue) return message ?? `Must match ${fieldName}`\n  }\n\n  if (validate) return await validate(value, context)\n\n  return undefined\n}\n"],"mappings":"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"}

package/dist/components/select/Select.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.context.js","names":[],"sources":["../../../src/components/select/Select.context.ts"],"sourcesContent":["import { createContext } from '../../utils/context'\nimport type { ComputedRef, Ref } from 'vue'\nimport type { selectVariants } from '@auronui/styles'\n\nexport interface SelectContext {\n  isDisabled: Ref<boolean>\n  isInvalid: Ref<boolean>\n  isReadonly: Ref<boolean>\n  isRequired: Ref<boolean>\n  fullWidth: Ref<boolean>\n  hasLabel: Ref<boolean>\n  labelPlacement: Ref<'inside' | 'outside' | 'outside-left'>\n  triggerId: Ref<string>\n  label: Ref<string | undefined>\n  ariaDescribedBy: Ref<string | undefined>\n  slots: ComputedRef<ReturnType<typeof selectVariants>>\n  /**\n   * Persistent registry of item value → display label. SelectItem registers\n   * once on first mount and never unregisters — survives SelectContent\n   * unmount so SelectValue can show the selected label while the popover\n   * is closed (Reka clears its own optionsSet on unmount).\n   */\n  registerItem: (value: string, label: string) => void\n  itemLabel: (value: string | string[] | undefined | null) => string\n}\n\nexport const {\n  useProvide: useSelectProvide,\n  useInject: useSelectInject,\n  key: selectContextKey,\n} = createContext<SelectContext>('Select')\n"],"mappings":";;AA0BA,IAAa,EACX,YAAY,kBACZ,WAAW,iBACX,KAAK,qBACH,cAA6B,SAAS"}
+{"version":3,"file":"Select.context.js","names":[],"sources":["../../../src/components/select/Select.context.ts"],"sourcesContent":["import { createContext } from '../../utils/context'\nimport type { ComputedRef, Ref } from 'vue'\nimport type { selectVariants } from '@auronui/styles'\n\nexport interface SelectContext {\n  isDisabled: Ref<boolean>\n  isInvalid: Ref<boolean>\n  isReadonly: Ref<boolean>\n  isRequired: Ref<boolean>\n  fullWidth: Ref<boolean>\n  hasLabel: Ref<boolean>\n  labelPlacement: Ref<'inside' | 'outside' | 'outside-left'>\n  triggerId: Ref<string>\n  label: Ref<string | undefined>\n  ariaDescribedBy: Ref<string | undefined>\n  slots: ComputedRef<ReturnType<typeof selectVariants>>\n  multiple: Ref<boolean>\n  /**\n   * Persistent registry of item value → display label. SelectItem registers\n   * once on first mount and never unregisters — survives SelectContent\n   * unmount so SelectValue can show the selected label while the popover\n   * is closed (Reka clears its own optionsSet on unmount).\n   */\n  registerItem: (value: string, label: string) => void\n  itemLabel: (value: string | string[] | undefined | null) => string\n  removeValue: (value: string) => void\n}\n\nexport const {\n  useProvide: useSelectProvide,\n  useInject: useSelectInject,\n  key: selectContextKey,\n} = createContext<SelectContext>('Select')\n"],"mappings":";;AA4BA,IAAa,EACX,YAAY,kBACZ,WAAW,iBACX,KAAK,qBACH,cAA6B,SAAS"}

package/dist/components/select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","names":[],"sources":["../../../src/components/select/Select.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, reactive, toRef, useAttrs, useId } from 'vue'\nimport { SelectRoot } from 'reka-ui'\nimport { selectVariants, type SelectVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useSelectProvide } from './Select.context'\n\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<Props>(), {\n  variant: 'flat',\n  size: 'md',\n  color: 'default',\n  labelPlacement: 'inside',\n  fullWidth: false,\n  isInvalid: false,\n  isDisabled: false,\n  isReadonly: false,\n  isRequired: false,\n  modelValue: undefined,\n  defaultValue: undefined,\n  open: undefined,\n  defaultOpen: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string]\n  'update:open': [value: boolean]\n}>()\n\ntype Props = {\n  /** Visual style of the field. @default 'flat' */\n  variant?: SelectVariants['variant']\n  /** Field height. @default 'md' */\n  size?: SelectVariants['size']\n  /** Accent color applied to focus ring + floating label. @default 'default' */\n  color?: SelectVariants['color']\n  /**\n   * Where the `label` is rendered relative to the field.\n   * - `inside`: floats above the trigger (shrinks when focused/filled)\n   * - `outside`: sits above the field, static\n   * - `outside-left`: sits to the left, horizontal layout\n   * @default 'inside'\n   */\n  labelPlacement?: SelectVariants['labelPlacement']\n  /** Stretches root wrapper to 100% width. @default false */\n  fullWidth?: boolean\n  /** Marks the field as invalid. Triggers danger styling and enables `errorMessage`. @default false */\n  isInvalid?: boolean\n  /** Disables the field. @default false */\n  isDisabled?: boolean\n  /** Makes the field read-only. @default false */\n  isReadonly?: boolean\n  /** Adds a required asterisk next to the label. @default false */\n  isRequired?: boolean\n  /** Placeholder shown when no value is selected. */\n  placeholder?: string\n  /** Form field name, for native form submission. */\n  name?: string\n  /** Field label. When omitted, the floating-label behavior is skipped. */\n  label?: string\n  /** Helper text displayed below the field. Suppressed when `isInvalid && errorMessage` is shown. */\n  description?: string\n  /** Error text displayed below the field. Only rendered when `isInvalid` is also true. */\n  errorMessage?: string\n  /** Extra classes merged onto the root wrapper via `composeClassName`. */\n  class?: string\n\n  /* ─── Select-specific ─────────────────────────────────────── */\n  /** Two-way bound selected value. */\n  modelValue?: string\n  /** Initial selected value (uncontrolled). */\n  defaultValue?: string\n  /** Controls open state of the dropdown. */\n  open?: boolean\n  /** Initial open state of the dropdown (uncontrolled). */\n  defaultOpen?: boolean\n}\n\nconst attrs = useAttrs()\nconst generatedId = useId()\nconst triggerId = computed(() => (attrs.id as string | undefined) ?? generatedId)\n\nconst hasLabel = computed(() => !!props.label)\n\n// Helper IDs / aria wiring\nconst descriptionId = computed(() => `${triggerId.value}-description`)\nconst errorMessageId = computed(() => `${triggerId.value}-error`)\nconst showError = computed(() => props.isInvalid && !!props.errorMessage)\nconst showDescription = computed(() => !!props.description && !showError.value)\nconst hasHelper = computed(() => showError.value || showDescription.value)\nconst ariaDescribedBy = computed(() => {\n  if (showError.value) return errorMessageId.value\n  if (showDescription.value) return descriptionId.value\n  return undefined\n})\n\nconst slotFns = computed(() =>\n  selectVariants({\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    hasLabel: hasLabel.value,\n    labelPlacement: props.labelPlacement,\n  }),\n)\n\nconst showOutsideLabel = computed(\n  () => hasLabel.value && props.labelPlacement !== 'inside',\n)\n\n// Persistent item registry. SelectItem populates on first mount; entries\n// survive SelectContent unmount so SelectValue can render the label while\n// the popover is closed.\nconst itemRegistry = reactive(new Map<string, string>())\nconst registerItem = (value: string, label: string) => {\n  itemRegistry.set(value, label)\n}\nconst itemLabel = (value: string | string[] | undefined | null): string => {\n  if (value == null) return ''\n  if (Array.isArray(value)) {\n    return value.map(v => itemRegistry.get(v) ?? v).filter(Boolean).join(', ')\n  }\n  return itemRegistry.get(value) ?? value\n}\n\nuseSelectProvide({\n  isDisabled: toRef(props, 'isDisabled'),\n  isInvalid: toRef(props, 'isInvalid'),\n  isReadonly: toRef(props, 'isReadonly'),\n  isRequired: toRef(props, 'isRequired'),\n  fullWidth: toRef(props, 'fullWidth'),\n  hasLabel,\n  labelPlacement: toRef(props, 'labelPlacement'),\n  triggerId,\n  label: toRef(props, 'label'),\n  ariaDescribedBy,\n  slots: slotFns,\n  registerItem,\n  itemLabel,\n})\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    :data-invalid=\"isInvalid || undefined\"\n    :data-disabled=\"isDisabled || undefined\"\n    :data-readonly=\"isReadonly || undefined\"\n    :data-required=\"isRequired || undefined\"\n    :data-has-label=\"hasLabel || undefined\"\n    :data-has-helper=\"hasHelper || undefined\"\n  >\n    <label\n      v-if=\"showOutsideLabel\"\n      :for=\"triggerId\"\n      :class=\"slotFns.label()\"\n    >{{ label }}<span\n      v-if=\"isRequired\"\n      aria-hidden=\"true\"\n    > *</span></label>\n\n    <div :class=\"slotFns.mainWrapper()\">\n      <SelectRoot\n        :model-value=\"props.modelValue\"\n        :default-value=\"props.defaultValue\"\n        :open=\"props.open\"\n        :default-open=\"props.defaultOpen\"\n        :disabled=\"props.isDisabled\"\n        :required=\"props.isRequired\"\n        :name=\"props.name\"\n        @update:model-value=\"emit('update:modelValue', $event as string)\"\n        @update:open=\"emit('update:open', $event)\"\n      >\n        <slot />\n      </SelectRoot>\n\n      <div\n        v-if=\"hasHelper\"\n        :class=\"slotFns.helperWrapper()\"\n      >\n        <div\n          v-if=\"showError\"\n          :id=\"errorMessageId\"\n          :class=\"slotFns.errorMessage()\"\n        >\n          {{ errorMessage }}\n        </div>\n        <div\n          v-else-if=\"showDescription\"\n          :id=\"descriptionId\"\n          :class=\"slotFns.description()\"\n        >\n          {{ description }}\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"Select.js","names":[],"sources":["../../../src/components/select/Select.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, reactive, toRef, useAttrs, useId } from 'vue'\nimport { SelectRoot } from 'reka-ui'\nimport { selectVariants, type SelectVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useSelectProvide } from './Select.context'\n\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<Props>(), {\n  variant: 'flat',\n  size: 'md',\n  color: 'default',\n  labelPlacement: 'inside',\n  fullWidth: false,\n  isInvalid: false,\n  isDisabled: false,\n  isReadonly: false,\n  isRequired: false,\n  multiple: false,\n  modelValue: undefined,\n  defaultValue: undefined,\n  open: undefined,\n  defaultOpen: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string | string[]]\n  'update:open': [value: boolean]\n}>()\n\ntype Props = {\n  /** Visual style of the field. @default 'flat' */\n  variant?: SelectVariants['variant']\n  /** Field height. @default 'md' */\n  size?: SelectVariants['size']\n  /** Accent color applied to focus ring + floating label. @default 'default' */\n  color?: SelectVariants['color']\n  /**\n   * Where the `label` is rendered relative to the field.\n   * - `inside`: floats above the trigger (shrinks when focused/filled)\n   * - `outside`: sits above the field, static\n   * - `outside-left`: sits to the left, horizontal layout\n   * @default 'inside'\n   */\n  labelPlacement?: SelectVariants['labelPlacement']\n  /** Stretches root wrapper to 100% width. @default false */\n  fullWidth?: boolean\n  /** Marks the field as invalid. Triggers danger styling and enables `errorMessage`. @default false */\n  isInvalid?: boolean\n  /** Disables the field. @default false */\n  isDisabled?: boolean\n  /** Makes the field read-only. @default false */\n  isReadonly?: boolean\n  /** Adds a required asterisk next to the label. @default false */\n  isRequired?: boolean\n  /** Placeholder shown when no value is selected. */\n  placeholder?: string\n  /** Form field name, for native form submission. */\n  name?: string\n  /** Field label. When omitted, the floating-label behavior is skipped. */\n  label?: string\n  /** Helper text displayed below the field. Suppressed when `isInvalid && errorMessage` is shown. */\n  description?: string\n  /** Error text displayed below the field. Only rendered when `isInvalid` is also true. */\n  errorMessage?: string\n  /** Extra classes merged onto the root wrapper via `composeClassName`. */\n  class?: string\n\n  /* ─── Select-specific ─────────────────────────────────────── */\n  /** Two-way bound selected value. */\n  modelValue?: string | string[]\n  /** Initial selected value (uncontrolled). */\n  defaultValue?: string | string[]\n  /** Allow selecting multiple values. modelValue becomes string[]. @default false */\n  multiple?: boolean\n  /** Controls open state of the dropdown. */\n  open?: boolean\n  /** Initial open state of the dropdown (uncontrolled). */\n  defaultOpen?: boolean\n}\n\nconst attrs = useAttrs()\nconst generatedId = useId()\nconst triggerId = computed(() => (attrs.id as string | undefined) ?? generatedId)\n\nconst hasLabel = computed(() => !!props.label)\n\n// Helper IDs / aria wiring\nconst descriptionId = computed(() => `${triggerId.value}-description`)\nconst errorMessageId = computed(() => `${triggerId.value}-error`)\nconst showError = computed(() => props.isInvalid && !!props.errorMessage)\nconst showDescription = computed(() => !!props.description && !showError.value)\nconst hasHelper = computed(() => showError.value || showDescription.value)\nconst ariaDescribedBy = computed(() => {\n  if (showError.value) return errorMessageId.value\n  if (showDescription.value) return descriptionId.value\n  return undefined\n})\n\nconst slotFns = computed(() =>\n  selectVariants({\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    hasLabel: hasLabel.value,\n    labelPlacement: props.labelPlacement,\n  }),\n)\n\nconst showOutsideLabel = computed(\n  () => hasLabel.value && props.labelPlacement !== 'inside',\n)\n\n// Persistent item registry. SelectItem populates on first mount; entries\n// survive SelectContent unmount so SelectValue can render the label while\n// the popover is closed.\nconst itemRegistry = reactive(new Map<string, string>())\nconst registerItem = (value: string, label: string) => {\n  itemRegistry.set(value, label)\n}\nconst itemLabel = (value: string | string[] | undefined | null): string => {\n  if (value == null) return ''\n  if (Array.isArray(value)) {\n    return value.map(v => itemRegistry.get(v) ?? v).filter(Boolean).join(', ')\n  }\n  return itemRegistry.get(value) ?? value\n}\n\nfunction removeValue(value: string) {\n  const current = Array.isArray(props.modelValue) ? props.modelValue : []\n  emit('update:modelValue', current.filter(v => v !== value))\n}\n\nuseSelectProvide({\n  isDisabled: toRef(props, 'isDisabled'),\n  isInvalid: toRef(props, 'isInvalid'),\n  isReadonly: toRef(props, 'isReadonly'),\n  isRequired: toRef(props, 'isRequired'),\n  fullWidth: toRef(props, 'fullWidth'),\n  hasLabel,\n  labelPlacement: toRef(props, 'labelPlacement'),\n  triggerId,\n  label: toRef(props, 'label'),\n  ariaDescribedBy,\n  slots: slotFns,\n  multiple: toRef(props, 'multiple'),\n  registerItem,\n  itemLabel,\n  removeValue,\n})\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    :data-invalid=\"isInvalid || undefined\"\n    :data-disabled=\"isDisabled || undefined\"\n    :data-readonly=\"isReadonly || undefined\"\n    :data-required=\"isRequired || undefined\"\n    :data-has-label=\"hasLabel || undefined\"\n    :data-has-helper=\"hasHelper || undefined\"\n  >\n    <label\n      v-if=\"showOutsideLabel\"\n      :for=\"triggerId\"\n      :class=\"slotFns.label()\"\n    >{{ label }}<span\n      v-if=\"isRequired\"\n      aria-hidden=\"true\"\n    > *</span></label>\n\n    <div :class=\"slotFns.mainWrapper()\">\n      <SelectRoot\n        :model-value=\"props.modelValue\"\n        :default-value=\"props.defaultValue\"\n        :multiple=\"props.multiple\"\n        :open=\"props.open\"\n        :default-open=\"props.defaultOpen\"\n        :disabled=\"props.isDisabled\"\n        :required=\"props.isRequired\"\n        :name=\"props.name\"\n        @update:model-value=\"emit('update:modelValue', $event as string | string[])\"\n        @update:open=\"emit('update:open', $event)\"\n      >\n        <slot />\n      </SelectRoot>\n\n      <div\n        v-if=\"hasHelper\"\n        :class=\"slotFns.helperWrapper()\"\n      >\n        <div\n          v-if=\"showError\"\n          :id=\"errorMessageId\"\n          :class=\"slotFns.errorMessage()\"\n        >\n          {{ errorMessage }}\n        </div>\n        <div\n          v-else-if=\"showDescription\"\n          :id=\"descriptionId\"\n          :class=\"slotFns.description()\"\n        >\n          {{ description }}\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/select/Select.vue_vue_type_script_setup_true_lang.js

@@ -55,6 +55,10 @@ var Select_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		class: {},
 		modelValue: { default: void 0 },
 		defaultValue: { default: void 0 },
+		multiple: {
+			type: Boolean,
+			default: false
+		},
 		open: {
 			type: Boolean,
 			default: void 0
@@ -102,6 +106,9 @@ var Select_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 			if (Array.isArray(value)) return value.map((v) => itemRegistry.get(v) ?? v).filter(Boolean).join(", ");
 			return itemRegistry.get(value) ?? value;
 		};
+		function removeValue(value) {
+			emit("update:modelValue", (Array.isArray(props.modelValue) ? props.modelValue : []).filter((v) => v !== value));
+		}
 		useSelectProvide({
 			isDisabled: toRef(props, "isDisabled"),
 			isInvalid: toRef(props, "isInvalid"),
@@ -114,8 +121,10 @@ var Select_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 			label: toRef(props, "label"),
 			ariaDescribedBy,
 			slots: slotFns,
+			multiple: toRef(props, "multiple"),
 			registerItem,
-			itemLabel
+			itemLabel,
+			removeValue
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
@@ -133,6 +142,7 @@ var Select_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 			}, [createTextVNode(toDisplayString(__props.label), 1), __props.isRequired ? (openBlock(), createElementBlock("span", _hoisted_3, " *")) : createCommentVNode("", true)], 10, _hoisted_2)) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(slotFns.value.mainWrapper()) }, [createVNode(unref(SelectRoot), {
 				"model-value": props.modelValue,
 				"default-value": props.defaultValue,
+				multiple: props.multiple,
 				open: props.open,
 				"default-open": props.defaultOpen,
 				disabled: props.isDisabled,
@@ -146,6 +156,7 @@ var Select_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 			}, 8, [
 				"model-value",
 				"default-value",
+				"multiple",
 				"open",
 				"default-open",
 				"disabled",

package/dist/components/select/Select.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/select/Select.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, reactive, toRef, useAttrs, useId } from 'vue'\nimport { SelectRoot } from 'reka-ui'\nimport { selectVariants, type SelectVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useSelectProvide } from './Select.context'\n\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<Props>(), {\n  variant: 'flat',\n  size: 'md',\n  color: 'default',\n  labelPlacement: 'inside',\n  fullWidth: false,\n  isInvalid: false,\n  isDisabled: false,\n  isReadonly: false,\n  isRequired: false,\n  modelValue: undefined,\n  defaultValue: undefined,\n  open: undefined,\n  defaultOpen: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string]\n  'update:open': [value: boolean]\n}>()\n\ntype Props = {\n  /** Visual style of the field. @default 'flat' */\n  variant?: SelectVariants['variant']\n  /** Field height. @default 'md' */\n  size?: SelectVariants['size']\n  /** Accent color applied to focus ring + floating label. @default 'default' */\n  color?: SelectVariants['color']\n  /**\n   * Where the `label` is rendered relative to the field.\n   * - `inside`: floats above the trigger (shrinks when focused/filled)\n   * - `outside`: sits above the field, static\n   * - `outside-left`: sits to the left, horizontal layout\n   * @default 'inside'\n   */\n  labelPlacement?: SelectVariants['labelPlacement']\n  /** Stretches root wrapper to 100% width. @default false */\n  fullWidth?: boolean\n  /** Marks the field as invalid. Triggers danger styling and enables `errorMessage`. @default false */\n  isInvalid?: boolean\n  /** Disables the field. @default false */\n  isDisabled?: boolean\n  /** Makes the field read-only. @default false */\n  isReadonly?: boolean\n  /** Adds a required asterisk next to the label. @default false */\n  isRequired?: boolean\n  /** Placeholder shown when no value is selected. */\n  placeholder?: string\n  /** Form field name, for native form submission. */\n  name?: string\n  /** Field label. When omitted, the floating-label behavior is skipped. */\n  label?: string\n  /** Helper text displayed below the field. Suppressed when `isInvalid && errorMessage` is shown. */\n  description?: string\n  /** Error text displayed below the field. Only rendered when `isInvalid` is also true. */\n  errorMessage?: string\n  /** Extra classes merged onto the root wrapper via `composeClassName`. */\n  class?: string\n\n  /* ─── Select-specific ─────────────────────────────────────── */\n  /** Two-way bound selected value. */\n  modelValue?: string\n  /** Initial selected value (uncontrolled). */\n  defaultValue?: string\n  /** Controls open state of the dropdown. */\n  open?: boolean\n  /** Initial open state of the dropdown (uncontrolled). */\n  defaultOpen?: boolean\n}\n\nconst attrs = useAttrs()\nconst generatedId = useId()\nconst triggerId = computed(() => (attrs.id as string | undefined) ?? generatedId)\n\nconst hasLabel = computed(() => !!props.label)\n\n// Helper IDs / aria wiring\nconst descriptionId = computed(() => `${triggerId.value}-description`)\nconst errorMessageId = computed(() => `${triggerId.value}-error`)\nconst showError = computed(() => props.isInvalid && !!props.errorMessage)\nconst showDescription = computed(() => !!props.description && !showError.value)\nconst hasHelper = computed(() => showError.value || showDescription.value)\nconst ariaDescribedBy = computed(() => {\n  if (showError.value) return errorMessageId.value\n  if (showDescription.value) return descriptionId.value\n  return undefined\n})\n\nconst slotFns = computed(() =>\n  selectVariants({\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    hasLabel: hasLabel.value,\n    labelPlacement: props.labelPlacement,\n  }),\n)\n\nconst showOutsideLabel = computed(\n  () => hasLabel.value && props.labelPlacement !== 'inside',\n)\n\n// Persistent item registry. SelectItem populates on first mount; entries\n// survive SelectContent unmount so SelectValue can render the label while\n// the popover is closed.\nconst itemRegistry = reactive(new Map<string, string>())\nconst registerItem = (value: string, label: string) => {\n  itemRegistry.set(value, label)\n}\nconst itemLabel = (value: string | string[] | undefined | null): string => {\n  if (value == null) return ''\n  if (Array.isArray(value)) {\n    return value.map(v => itemRegistry.get(v) ?? v).filter(Boolean).join(', ')\n  }\n  return itemRegistry.get(value) ?? value\n}\n\nuseSelectProvide({\n  isDisabled: toRef(props, 'isDisabled'),\n  isInvalid: toRef(props, 'isInvalid'),\n  isReadonly: toRef(props, 'isReadonly'),\n  isRequired: toRef(props, 'isRequired'),\n  fullWidth: toRef(props, 'fullWidth'),\n  hasLabel,\n  labelPlacement: toRef(props, 'labelPlacement'),\n  triggerId,\n  label: toRef(props, 'label'),\n  ariaDescribedBy,\n  slots: slotFns,\n  registerItem,\n  itemLabel,\n})\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    :data-invalid=\"isInvalid || undefined\"\n    :data-disabled=\"isDisabled || undefined\"\n    :data-readonly=\"isReadonly || undefined\"\n    :data-required=\"isRequired || undefined\"\n    :data-has-label=\"hasLabel || undefined\"\n    :data-has-helper=\"hasHelper || undefined\"\n  >\n    <label\n      v-if=\"showOutsideLabel\"\n      :for=\"triggerId\"\n      :class=\"slotFns.label()\"\n    >{{ label }}<span\n      v-if=\"isRequired\"\n      aria-hidden=\"true\"\n    > *</span></label>\n\n    <div :class=\"slotFns.mainWrapper()\">\n      <SelectRoot\n        :model-value=\"props.modelValue\"\n        :default-value=\"props.defaultValue\"\n        :open=\"props.open\"\n        :default-open=\"props.defaultOpen\"\n        :disabled=\"props.isDisabled\"\n        :required=\"props.isRequired\"\n        :name=\"props.name\"\n        @update:model-value=\"emit('update:modelValue', $event as string)\"\n        @update:open=\"emit('update:open', $event)\"\n      >\n        <slot />\n      </SelectRoot>\n\n      <div\n        v-if=\"hasHelper\"\n        :class=\"slotFns.helperWrapper()\"\n      >\n        <div\n          v-if=\"showError\"\n          :id=\"errorMessageId\"\n          :class=\"slotFns.errorMessage()\"\n        >\n          {{ errorMessage }}\n        </div>\n        <div\n          v-else-if=\"showDescription\"\n          :id=\"descriptionId\"\n          :class=\"slotFns.description()\"\n        >\n          {{ description }}\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"Select.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/select/Select.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, reactive, toRef, useAttrs, useId } from 'vue'\nimport { SelectRoot } from 'reka-ui'\nimport { selectVariants, type SelectVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useSelectProvide } from './Select.context'\n\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<Props>(), {\n  variant: 'flat',\n  size: 'md',\n  color: 'default',\n  labelPlacement: 'inside',\n  fullWidth: false,\n  isInvalid: false,\n  isDisabled: false,\n  isReadonly: false,\n  isRequired: false,\n  multiple: false,\n  modelValue: undefined,\n  defaultValue: undefined,\n  open: undefined,\n  defaultOpen: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string | string[]]\n  'update:open': [value: boolean]\n}>()\n\ntype Props = {\n  /** Visual style of the field. @default 'flat' */\n  variant?: SelectVariants['variant']\n  /** Field height. @default 'md' */\n  size?: SelectVariants['size']\n  /** Accent color applied to focus ring + floating label. @default 'default' */\n  color?: SelectVariants['color']\n  /**\n   * Where the `label` is rendered relative to the field.\n   * - `inside`: floats above the trigger (shrinks when focused/filled)\n   * - `outside`: sits above the field, static\n   * - `outside-left`: sits to the left, horizontal layout\n   * @default 'inside'\n   */\n  labelPlacement?: SelectVariants['labelPlacement']\n  /** Stretches root wrapper to 100% width. @default false */\n  fullWidth?: boolean\n  /** Marks the field as invalid. Triggers danger styling and enables `errorMessage`. @default false */\n  isInvalid?: boolean\n  /** Disables the field. @default false */\n  isDisabled?: boolean\n  /** Makes the field read-only. @default false */\n  isReadonly?: boolean\n  /** Adds a required asterisk next to the label. @default false */\n  isRequired?: boolean\n  /** Placeholder shown when no value is selected. */\n  placeholder?: string\n  /** Form field name, for native form submission. */\n  name?: string\n  /** Field label. When omitted, the floating-label behavior is skipped. */\n  label?: string\n  /** Helper text displayed below the field. Suppressed when `isInvalid && errorMessage` is shown. */\n  description?: string\n  /** Error text displayed below the field. Only rendered when `isInvalid` is also true. */\n  errorMessage?: string\n  /** Extra classes merged onto the root wrapper via `composeClassName`. */\n  class?: string\n\n  /* ─── Select-specific ─────────────────────────────────────── */\n  /** Two-way bound selected value. */\n  modelValue?: string | string[]\n  /** Initial selected value (uncontrolled). */\n  defaultValue?: string | string[]\n  /** Allow selecting multiple values. modelValue becomes string[]. @default false */\n  multiple?: boolean\n  /** Controls open state of the dropdown. */\n  open?: boolean\n  /** Initial open state of the dropdown (uncontrolled). */\n  defaultOpen?: boolean\n}\n\nconst attrs = useAttrs()\nconst generatedId = useId()\nconst triggerId = computed(() => (attrs.id as string | undefined) ?? generatedId)\n\nconst hasLabel = computed(() => !!props.label)\n\n// Helper IDs / aria wiring\nconst descriptionId = computed(() => `${triggerId.value}-description`)\nconst errorMessageId = computed(() => `${triggerId.value}-error`)\nconst showError = computed(() => props.isInvalid && !!props.errorMessage)\nconst showDescription = computed(() => !!props.description && !showError.value)\nconst hasHelper = computed(() => showError.value || showDescription.value)\nconst ariaDescribedBy = computed(() => {\n  if (showError.value) return errorMessageId.value\n  if (showDescription.value) return descriptionId.value\n  return undefined\n})\n\nconst slotFns = computed(() =>\n  selectVariants({\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    hasLabel: hasLabel.value,\n    labelPlacement: props.labelPlacement,\n  }),\n)\n\nconst showOutsideLabel = computed(\n  () => hasLabel.value && props.labelPlacement !== 'inside',\n)\n\n// Persistent item registry. SelectItem populates on first mount; entries\n// survive SelectContent unmount so SelectValue can render the label while\n// the popover is closed.\nconst itemRegistry = reactive(new Map<string, string>())\nconst registerItem = (value: string, label: string) => {\n  itemRegistry.set(value, label)\n}\nconst itemLabel = (value: string | string[] | undefined | null): string => {\n  if (value == null) return ''\n  if (Array.isArray(value)) {\n    return value.map(v => itemRegistry.get(v) ?? v).filter(Boolean).join(', ')\n  }\n  return itemRegistry.get(value) ?? value\n}\n\nfunction removeValue(value: string) {\n  const current = Array.isArray(props.modelValue) ? props.modelValue : []\n  emit('update:modelValue', current.filter(v => v !== value))\n}\n\nuseSelectProvide({\n  isDisabled: toRef(props, 'isDisabled'),\n  isInvalid: toRef(props, 'isInvalid'),\n  isReadonly: toRef(props, 'isReadonly'),\n  isRequired: toRef(props, 'isRequired'),\n  fullWidth: toRef(props, 'fullWidth'),\n  hasLabel,\n  labelPlacement: toRef(props, 'labelPlacement'),\n  triggerId,\n  label: toRef(props, 'label'),\n  ariaDescribedBy,\n  slots: slotFns,\n  multiple: toRef(props, 'multiple'),\n  registerItem,\n  itemLabel,\n  removeValue,\n})\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    :data-invalid=\"isInvalid || undefined\"\n    :data-disabled=\"isDisabled || undefined\"\n    :data-readonly=\"isReadonly || undefined\"\n    :data-required=\"isRequired || undefined\"\n    :data-has-label=\"hasLabel || undefined\"\n    :data-has-helper=\"hasHelper || undefined\"\n  >\n    <label\n      v-if=\"showOutsideLabel\"\n      :for=\"triggerId\"\n      :class=\"slotFns.label()\"\n    >{{ label }}<span\n      v-if=\"isRequired\"\n      aria-hidden=\"true\"\n    > *</span></label>\n\n    <div :class=\"slotFns.mainWrapper()\">\n      <SelectRoot\n        :model-value=\"props.modelValue\"\n        :default-value=\"props.defaultValue\"\n        :multiple=\"props.multiple\"\n        :open=\"props.open\"\n        :default-open=\"props.defaultOpen\"\n        :disabled=\"props.isDisabled\"\n        :required=\"props.isRequired\"\n        :name=\"props.name\"\n        @update:model-value=\"emit('update:modelValue', $event as string | string[])\"\n        @update:open=\"emit('update:open', $event)\"\n      >\n        <slot />\n      </SelectRoot>\n\n      <div\n        v-if=\"hasHelper\"\n        :class=\"slotFns.helperWrapper()\"\n      >\n        <div\n          v-if=\"showError\"\n          :id=\"errorMessageId\"\n          :class=\"slotFns.errorMessage()\"\n        >\n          {{ errorMessage }}\n        </div>\n        <div\n          v-else-if=\"showDescription\"\n          :id=\"descriptionId\"\n          :class=\"slotFns.description()\"\n        >\n          {{ description }}\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/select/SelectOverflowChips.js

@@ -0,0 +1,7 @@
+import SelectOverflowChips_vue_vue_type_script_setup_true_lang_default from "./SelectOverflowChips.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/select/SelectOverflowChips.vue
+var SelectOverflowChips_default = SelectOverflowChips_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { SelectOverflowChips_default as default };
+
+//# sourceMappingURL=SelectOverflowChips.js.map