@auronui/vue 1.2.1 → 1.3.0

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

@@ -10,7 +10,8 @@ var FormField_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 		defaultValue: {},
 		rules: {},
 		validate: { type: Function },
-		validationMode: {}
+		validationMode: {},
+		deps: {}
 	}, {
 		"modelValue": { default: void 0 },
 		"modelModifiers": {}
@@ -20,9 +21,13 @@ var FormField_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 		const props = __props;
 		const modelValue = useModel(__props, "modelValue");
 		const ctx = useFormInject();
+		const resolvedDefault = computed(() => {
+			if (props.defaultValue !== void 0) return props.defaultValue;
+			return ctx?.defaultValues[props.name];
+		});
 		const localError = ref(void 0);
 		const touched = ref(false);
-		const dirty = ref(props.defaultValue !== void 0 && modelValue.value !== props.defaultValue);
+		const dirty = ref(resolvedDefault.value !== void 0 && modelValue.value !== resolvedDefault.value);
 		const fieldError = computed(() => ctx ? ctx.errors.value[props.name] : localError.value);
 		const hasBeenInvalid = ref(false);
 		watch(fieldError, (error) => {
@@ -32,20 +37,51 @@ var FormField_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 		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;
+			dirty.value = val !== resolvedDefault.value;
 		});
+		async function triggerValidation(val) {
+			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;
+				else delete next[props.name];
+				ctx.errors.value = next;
+			} else localError.value = error;
+		}
+		async function handleUpdate(val) {
+			modelValue.value = val;
+			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 depStoppers = [];
+		function setupDepWatchers(deps) {
+			for (const stop of depStoppers) stop();
+			depStoppers.length = 0;
+			if (!ctx || !deps?.length) return;
+			for (const dep of deps) {
+				const depRef = ctx.getFieldRef(dep);
+				if (!depRef) continue;
+				depStoppers.push(watch(depRef, () => void triggerValidation(modelValue.value)));
+			}
+		}
 		function resetField() {
-			modelValue.value = props.defaultValue;
+			modelValue.value = resolvedDefault.value;
 			localError.value = void 0;
 			touched.value = false;
 			dirty.value = false;
 			hasBeenInvalid.value = false;
 		}
 		onMounted(() => {
+			if (modelValue.value === void 0 && resolvedDefault.value !== void 0) modelValue.value = resolvedDefault.value;
 			ctx?.registerField({
 				name: props.name,
+				valueRef: modelValue,
 				getValue: () => modelValue.value,
-				getDefaultValue: () => props.defaultValue,
+				getDefaultValue: () => resolvedDefault.value,
 				setValue: (val) => {
 					modelValue.value = val;
 				},
@@ -55,28 +91,13 @@ var FormField_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 				rules: props.rules,
 				validate: props.validate
 			});
+			setupDepWatchers(props.deps);
 		});
+		watch(() => props.deps?.join("\0") ?? "", () => setupDepWatchers(props.deps));
 		onUnmounted(() => {
+			for (const stop of depStoppers) stop();
 			ctx?.unregisterField(props.name);
 		});
-		async function triggerValidation(val) {
-			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;
-				else delete next[props.name];
-				ctx.errors.value = next;
-			} else localError.value = error;
-		}
-		async function handleUpdate(val) {
-			modelValue.value = val;
-			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(() => ({
 			name: props.name,
 			modelValue: modelValue.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  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"}
+{"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  /** Field names whose changes trigger re-validation of this field. */\n  deps?: string[]\n}>()\n\nconst modelValue = defineModel<unknown>({ default: undefined })\n\nconst ctx = useFormInject()\n\n// ── Default value resolution ─────────────────────────────────────────────────\n// Priority: field-level defaultValue prop > form-level defaultValues[name] > undefined\n\nconst resolvedDefault = computed(() => {\n  if (props.defaultValue !== undefined) return props.defaultValue\n  return ctx?.defaultValues[props.name]\n})\n\n// ── Field state ──────────────────────────────────────────────────────────────\n\nconst localError = ref<string | undefined>(undefined)\nconst touched = ref(false)\nconst dirty = ref(\n  resolvedDefault.value !== undefined && modelValue.value !== resolvedDefault.value,\n)\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 !== resolvedDefault.value\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// ── Deps watching ─────────────────────────────────────────────────────────────\n\nconst depStoppers: (() => void)[] = []\n\nfunction setupDepWatchers(deps: string[] | undefined): void {\n  for (const stop of depStoppers) stop()\n  depStoppers.length = 0\n  if (!ctx || !deps?.length) return\n  for (const dep of deps) {\n    const depRef = ctx.getFieldRef(dep)\n    if (!depRef) continue\n    depStoppers.push(watch(depRef, () => void triggerValidation(modelValue.value)))\n  }\n}\n\n// ── Registration ─────────────────────────────────────────────────────────────\n\nfunction resetField(): void {\n  modelValue.value = resolvedDefault.value\n  localError.value = undefined\n  touched.value = false\n  dirty.value = false\n  hasBeenInvalid.value = false\n}\n\nonMounted(() => {\n  // Initialize to resolved default when no value was passed by the parent\n  if (modelValue.value === undefined && resolvedDefault.value !== undefined) {\n    modelValue.value = resolvedDefault.value\n  }\n\n  ctx?.registerField({\n    name: props.name,\n    valueRef: modelValue,\n    getValue: () => modelValue.value,\n    getDefaultValue: () => resolvedDefault.value,\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  setupDepWatchers(props.deps)\n})\n\n// Watch a stable string key so the watcher only tears down/rebuilds when the\n// dep list contents actually change — not on every re-render where the parent\n// passes a new array literal with the same elements (Object.is differs by ref).\nwatch(\n  () => props.deps?.join('\\0') ?? '',\n  () => setupDepWatchers(props.deps),\n)\n\nonUnmounted(() => {\n  for (const stop of depStoppers) stop()\n  ctx?.unregisterField(props.name)\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":"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"}

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  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"}
+{"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  valueRef: Ref<unknown>          // reactive ref — powers values computed and deps watching\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 FormOptions {\n  defaultValues?: Record<string, unknown>\n  validationMode?: ValidationMode\n  isDisabled?: boolean\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  values: ComputedRef<Record<string, unknown>>\n  defaultValues: Record<string, unknown>\n  registerField(reg: FieldRegistration): void\n  unregisterField(name: string): void\n  triggerFieldValidation(name: string): Promise<void>\n  getFieldRef(name: string): Ref<unknown> | undefined\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  handleSubmit(\n    onValid: (\n      values: Record<string, unknown>,\n      helpers: { setErrors(errors: Record<string, string>): void },\n    ) => void | Promise<void>,\n    onInvalid?: (errors: Record<string, string>) => void,\n  ): Promise<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":";;;AA2DA,IAAa,EACX,YAAY,gBACZ,WAAW,sBACX,KAAK,mBACH,cAA2B,OAAO;;;;;AAMtC,SAAgB,gBAAoC;AAClD,QAAO,OAAO,gBAAgB,KAAK"}

package/dist/components/form/form.state.js

@@ -0,0 +1,166 @@
+import { runValidation } from "./validation.js";
+import { computed, ref } from "vue";
+//#region src/components/form/form.state.ts
+function createFormState(options = {}) {
+	const { defaultValues = {} } = options;
+	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 values = computed(() => {
+		fieldCount.value;
+		const result = {};
+		for (const [name, field] of fields.entries()) result[name] = field.valueRef.value;
+		return result;
+	});
+	function getFieldRef(name) {
+		return fields.get(name)?.valueRef;
+	}
+	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;
+	});
+	const validationMode = computed(() => options.validationMode?.value ?? "on-submit");
+	const isDisabled = computed(() => options.isDisabled?.value ?? false);
+	function getAllValues() {
+		const result = {};
+		for (const [name, field] of fields.entries()) result[name] = field.getValue();
+		return result;
+	}
+	async function triggerFieldValidation(name) {
+		const field = fields.get(name);
+		if (!field) return;
+		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,
+			...newErrors
+		};
+		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;
+	}
+	async function handleSubmit(onValid, onInvalid) {
+		isSubmitting.value = true;
+		submitCount.value++;
+		const currentValues = getAllValues();
+		const context = { values: currentValues };
+		const results = await Promise.all([...fields.entries()].map(async ([name, field]) => {
+			return {
+				name,
+				error: await runValidation(field.getValue(), field.rules, field.validate, context)
+			};
+		}));
+		const nextErrors = {};
+		for (const { name, error } of results) if (error) nextErrors[name] = error;
+		if (Object.keys(nextErrors).length > 0) {
+			errors.value = nextErrors;
+			isSubmitting.value = false;
+			isSubmitted.value = true;
+			onInvalid?.(nextErrors);
+			return;
+		}
+		errors.value = {};
+		isSubmitted.value = true;
+		isSubmitting.value = false;
+		await onValid(currentValues, { setErrors });
+	}
+	return {
+		errors,
+		isSubmitting,
+		isSubmitted,
+		submitCount,
+		isDisabled,
+		isValid,
+		isDirty,
+		isTouched,
+		validationMode,
+		values,
+		defaultValues,
+		registerField,
+		unregisterField,
+		triggerFieldValidation,
+		getFieldRef,
+		setErrors,
+		setError,
+		clearErrors,
+		getValues,
+		setValue,
+		trigger,
+		reset,
+		handleSubmit
+	};
+}
+//#endregion
+export { createFormState };
+
+//# sourceMappingURL=form.state.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form.state.js","names":[],"sources":["../../../src/components/form/form.state.ts"],"sourcesContent":["import { computed, ref, type Ref, type ComputedRef } from 'vue'\nimport { runValidation } from './validation'\nimport type { FormContext, FieldRegistration, ValidationMode } from './form.context'\n\n// Internal options — callers pass Refs so reactive props (from Form.vue's toRef) stay live\ninterface FormStateOptions {\n  defaultValues?: Record<string, unknown>\n  validationMode?: Ref<ValidationMode>\n  isDisabled?: Ref<boolean>\n}\n\nexport function createFormState(options: FormStateOptions = {}): FormContext {\n  const { defaultValues = {} } = options\n\n  const errors = ref<Record<string, string>>({})\n  const isSubmitting = ref(false)\n  const isSubmitted = ref(false)\n  const submitCount = ref(0)\n  const fields = new Map<string, FieldRegistration>()\n  const fieldCount = ref(0)\n\n  // ── Registration ─────────────────────────────────────────────────────────────\n\n  function registerField(reg: FieldRegistration): void {\n    fields.set(reg.name, reg)\n    fieldCount.value++\n  }\n\n  function 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  // ── Reactive values ─────────────────────────────────────────────────────────\n\n  const values: ComputedRef<Record<string, unknown>> = computed(() => {\n    void fieldCount.value // track register/unregister events\n    const result: Record<string, unknown> = {}\n    for (const [name, field] of fields.entries()) {\n      result[name] = field.valueRef.value\n    }\n    return result\n  })\n\n  function getFieldRef(name: string): Ref<unknown> | undefined {\n    return fields.get(name)?.valueRef\n  }\n\n  // ── Computed state ──────────────────────────────────────────────────────────\n\n  const isValid: ComputedRef<boolean> = computed(() => {\n    void fieldCount.value\n    return Object.keys(errors.value).length === 0\n  })\n\n  const isDirty: ComputedRef<boolean> = 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\n  const isTouched: ComputedRef<boolean> = 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  const validationMode: ComputedRef<ValidationMode> = computed(\n    () => options.validationMode?.value ?? 'on-submit',\n  )\n\n  const isDisabled: ComputedRef<boolean> = computed(\n    () => options.isDisabled?.value ?? false,\n  )\n\n  // ── Helpers ─────────────────────────────────────────────────────────────────\n\n  function getAllValues(): Record<string, unknown> {\n    const result: Record<string, unknown> = {}\n    for (const [name, field] of fields.entries()) {\n      result[name] = field.getValue()\n    }\n    return result\n  }\n\n  // ── Validation ───────────────────────────────────────────────────────────────\n\n  async 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\n  async function trigger(name?: string): Promise<boolean> {\n    if (name) {\n      await triggerFieldValidation(name)\n      return !errors.value[name]\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    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\n  function setErrors(newErrors: Record<string, string>): void {\n    errors.value = { ...errors.value, ...newErrors }\n    isSubmitting.value = false\n  }\n\n  function setError(name: string, message: string): void {\n    errors.value = { ...errors.value, [name]: message }\n  }\n\n  function 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\n  function getValues(): Record<string, unknown> {\n    return getAllValues()\n  }\n\n  function setValue(name: string, value: unknown): void {\n    const field = fields.get(name)\n    if (field) field.setValue(value)\n  }\n\n  // ── Reset ────────────────────────────────────────────────────────────────────\n\n  function 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  }\n\n  // ── Submit ───────────────────────────────────────────────────────────────────\n\n  async function handleSubmit(\n    onValid: (\n      values: Record<string, unknown>,\n      helpers: { setErrors(errors: Record<string, string>): void },\n    ) => void | Promise<void>,\n    onInvalid?: (errors: Record<string, string>) => void,\n  ): Promise<void> {\n    isSubmitting.value = true\n    submitCount.value++\n\n    const currentValues = getAllValues()\n    const context = { values: currentValues }\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      onInvalid?.(nextErrors)\n      return\n    }\n\n    errors.value = {}\n    isSubmitted.value = true\n    isSubmitting.value = false\n    await onValid(currentValues, { setErrors })\n  }\n\n  return {\n    errors,\n    isSubmitting,\n    isSubmitted,\n    submitCount,\n    isDisabled,\n    isValid,\n    isDirty,\n    isTouched,\n    validationMode,\n    values,\n    defaultValues,\n    registerField,\n    unregisterField,\n    triggerFieldValidation,\n    getFieldRef,\n    setErrors,\n    setError,\n    clearErrors,\n    getValues,\n    setValue,\n    trigger,\n    reset,\n    handleSubmit,\n  }\n}\n"],"mappings":"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"}

package/dist/components/form/useField.js

@@ -0,0 +1,112 @@
+import { useFormInject } from "./form.context.js";
+import { runValidation } from "./validation.js";
+import { computed, onMounted, onUnmounted, ref, watch } from "vue";
+//#region src/components/form/useField.ts
+function useField(name, options = {}) {
+	const ctx = useFormInject();
+	const modelValue = ref(options.defaultValue !== void 0 ? options.defaultValue : ctx?.defaultValues[name]);
+	const localError = ref(void 0);
+	const touched = ref(false);
+	const dirty = ref(false);
+	const hasBeenInvalid = ref(false);
+	const resolvedDefault = computed(() => {
+		if (options.defaultValue !== void 0) return options.defaultValue;
+		return ctx?.defaultValues[name];
+	});
+	const error = computed(() => ctx ? ctx.errors.value[name] : localError.value);
+	const isInvalid = computed(() => !!error.value);
+	const isDisabled = computed(() => ctx?.isDisabled.value ?? false);
+	const effectiveMode = computed(() => options.validationMode ?? ctx?.validationMode.value ?? "on-submit");
+	watch(error, (e) => {
+		if (e) hasBeenInvalid.value = true;
+	});
+	watch(modelValue, (val) => {
+		dirty.value = val !== resolvedDefault.value;
+	});
+	async function triggerValidation(val) {
+		const context = ctx ? { values: ctx.getValues() } : void 0;
+		const err = await runValidation(val, options.rules, options.validate, context);
+		if (ctx) {
+			const next = { ...ctx.errors.value };
+			if (err) next[name] = err;
+			else delete next[name];
+			ctx.errors.value = next;
+		} else localError.value = err;
+	}
+	async function handleUpdate(val) {
+		modelValue.value = val;
+		if (!ctx || effectiveMode.value === "on-change" || hasBeenInvalid.value) await triggerValidation(val);
+	}
+	async function handleBlur() {
+		touched.value = true;
+		if (effectiveMode.value === "on-blur") await triggerValidation(modelValue.value);
+	}
+	function reset() {
+		modelValue.value = resolvedDefault.value;
+		localError.value = void 0;
+		touched.value = false;
+		dirty.value = false;
+		hasBeenInvalid.value = false;
+		if (ctx) {
+			const next = { ...ctx.errors.value };
+			delete next[name];
+			ctx.errors.value = next;
+		}
+	}
+	const depStoppers = [];
+	function setupDepWatchers(deps) {
+		for (const stop of depStoppers) stop();
+		depStoppers.length = 0;
+		if (!ctx || !deps?.length) return;
+		for (const dep of deps) {
+			const depRef = ctx.getFieldRef(dep);
+			if (!depRef) continue;
+			depStoppers.push(watch(depRef, () => void triggerValidation(modelValue.value)));
+		}
+	}
+	onMounted(() => {
+		ctx?.registerField({
+			name,
+			valueRef: modelValue,
+			getValue: () => modelValue.value,
+			getDefaultValue: () => resolvedDefault.value,
+			setValue: (val) => {
+				modelValue.value = val;
+			},
+			reset,
+			touched,
+			dirty,
+			rules: options.rules,
+			validate: options.validate
+		});
+		setupDepWatchers(options.deps);
+	});
+	onUnmounted(() => {
+		for (const stop of depStoppers) stop();
+		ctx?.unregisterField(name);
+	});
+	return {
+		modelValue,
+		error,
+		isInvalid,
+		isTouched: touched,
+		isDirty: dirty,
+		isDisabled,
+		fieldProps: computed(() => ({
+			name,
+			modelValue: modelValue.value,
+			"onUpdate:modelValue": handleUpdate,
+			isInvalid: isInvalid.value,
+			errorMessage: error.value,
+			isDisabled: isDisabled.value,
+			onBlur: handleBlur
+		})),
+		handleUpdate,
+		handleBlur,
+		reset
+	};
+}
+//#endregion
+export { useField };
+
+//# sourceMappingURL=useField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useField.js","names":[],"sources":["../../../src/components/form/useField.ts"],"sourcesContent":["import { computed, onMounted, onUnmounted, ref, watch, type ComputedRef, type Ref } from 'vue'\nimport { useFormInject } from './form.context'\nimport { runValidation } from './validation'\nimport type { FieldRules, CustomValidator, ValidationMode } from './form.context'\n\nexport interface FieldOptions {\n  defaultValue?: unknown\n  rules?: FieldRules\n  validate?: CustomValidator\n  validationMode?: ValidationMode\n  deps?: string[]\n}\n\nexport interface FieldProps {\n  name: string\n  modelValue: unknown\n  'onUpdate:modelValue': (value: unknown) => Promise<void>\n  isInvalid: boolean\n  errorMessage: string | undefined\n  isDisabled: boolean\n  onBlur: () => Promise<void>\n}\n\nexport interface FieldHandle {\n  modelValue: Ref<unknown>\n  error: ComputedRef<string | undefined>\n  isInvalid: ComputedRef<boolean>\n  isTouched: Ref<boolean>\n  isDirty: Ref<boolean>\n  isDisabled: ComputedRef<boolean>\n  fieldProps: ComputedRef<FieldProps>\n  handleUpdate(value: unknown): Promise<void>\n  handleBlur(): Promise<void>\n  reset(): void\n}\n\nexport function useField(name: string, options: FieldOptions = {}): FieldHandle {\n  const ctx = useFormInject()\n\n  const modelValue = ref<unknown>(\n    options.defaultValue !== undefined\n      ? options.defaultValue\n      : ctx?.defaultValues[name],\n  )\n\n  const localError = ref<string | undefined>(undefined)\n  const touched = ref(false)\n  const dirty = ref(false)\n  const hasBeenInvalid = ref(false)\n\n  const resolvedDefault = computed(() => {\n    if (options.defaultValue !== undefined) return options.defaultValue\n    return ctx?.defaultValues[name]\n  })\n\n  const error: ComputedRef<string | undefined> = computed(() =>\n    ctx ? ctx.errors.value[name] : localError.value,\n  )\n  const isInvalid: ComputedRef<boolean> = computed(() => !!error.value)\n  const isDisabled: ComputedRef<boolean> = computed(() => ctx?.isDisabled.value ?? false)\n  const effectiveMode = computed(() => options.validationMode ?? ctx?.validationMode.value ?? 'on-submit')\n\n  watch(error, (e) => { if (e) hasBeenInvalid.value = true })\n  watch(modelValue, (val) => { dirty.value = val !== resolvedDefault.value })\n\n  // ── Validation ───────────────────────────────────────────────────────────────\n\n  async function triggerValidation(val: unknown): Promise<void> {\n    const context = ctx ? { values: ctx.getValues() } : undefined\n    const err = await runValidation(val, options.rules, options.validate, context)\n\n    if (ctx) {\n      const next = { ...ctx.errors.value }\n      if (err) {\n        next[name] = err\n      } else {\n        delete next[name]\n      }\n      ctx.errors.value = next\n    } else {\n      localError.value = err\n    }\n  }\n\n  async function handleUpdate(val: unknown): Promise<void> {\n    modelValue.value = val\n    // In standalone mode (no form) there is no submit event, so always validate on change.\n    // In form mode, respect the configured validation mode.\n    if (!ctx || effectiveMode.value === 'on-change' || hasBeenInvalid.value) {\n      await triggerValidation(val)\n    }\n  }\n\n  async function handleBlur(): Promise<void> {\n    touched.value = true\n    if (effectiveMode.value === 'on-blur') {\n      await triggerValidation(modelValue.value)\n    }\n  }\n\n  function reset(): void {\n    modelValue.value = resolvedDefault.value\n    localError.value = undefined\n    touched.value = false\n    dirty.value = false\n    hasBeenInvalid.value = false\n    if (ctx) {\n      const next = { ...ctx.errors.value }\n      delete next[name]\n      ctx.errors.value = next\n    }\n  }\n\n  // ── Deps watching ─────────────────────────────────────────────────────────────\n\n  const depStoppers: (() => void)[] = []\n\n  function setupDepWatchers(deps: string[] | undefined): void {\n    for (const stop of depStoppers) stop()\n    depStoppers.length = 0\n    if (!ctx || !deps?.length) return\n    for (const dep of deps) {\n      const depRef = ctx.getFieldRef(dep)\n      if (!depRef) continue\n      depStoppers.push(watch(depRef, () => void triggerValidation(modelValue.value)))\n    }\n  }\n\n  // ── Registration ─────────────────────────────────────────────────────────────\n\n  onMounted(() => {\n    ctx?.registerField({\n      name,\n      valueRef: modelValue,\n      getValue: () => modelValue.value,\n      getDefaultValue: () => resolvedDefault.value,\n      setValue: (val) => { modelValue.value = val },\n      reset,\n      touched,\n      dirty,\n      rules: options.rules,\n      validate: options.validate,\n    })\n    setupDepWatchers(options.deps)\n  })\n\n  onUnmounted(() => {\n    for (const stop of depStoppers) stop()\n    ctx?.unregisterField(name)\n  })\n\n  // ── fieldProps ────────────────────────────────────────────────────────────────\n\n  const fieldProps: ComputedRef<FieldProps> = computed(() => ({\n    name,\n    modelValue: modelValue.value,\n    'onUpdate:modelValue': handleUpdate,\n    isInvalid: isInvalid.value,\n    errorMessage: error.value,\n    isDisabled: isDisabled.value,\n    onBlur: handleBlur,\n  }))\n\n  return {\n    modelValue,\n    error,\n    isInvalid,\n    isTouched: touched,\n    isDirty: dirty,\n    isDisabled,\n    fieldProps,\n    handleUpdate,\n    handleBlur,\n    reset,\n  }\n}\n"],"mappings":"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"}

package/dist/components/form/useForm.js

@@ -0,0 +1,17 @@
+import { formContextKey } from "./form.context.js";
+import { createFormState } from "./form.state.js";
+import { provide, ref } from "vue";
+//#region src/components/form/useForm.ts
+function useForm(options = {}) {
+	const ctx = createFormState({
+		defaultValues: options.defaultValues,
+		validationMode: ref(options.validationMode ?? "on-submit"),
+		isDisabled: ref(options.isDisabled ?? false)
+	});
+	provide(formContextKey, ctx);
+	return ctx;
+}
+//#endregion
+export { useForm };
+
+//# sourceMappingURL=useForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useForm.js","names":[],"sources":["../../../src/components/form/useForm.ts"],"sourcesContent":["import { provide, ref } from 'vue'\nimport { formContextKey, type FormContext, type FormOptions } from './form.context'\nimport { createFormState } from './form.state'\n\nexport function useForm(options: FormOptions = {}): FormContext {\n  const ctx = createFormState({\n    defaultValues: options.defaultValues,\n    validationMode: ref(options.validationMode ?? 'on-submit'),\n    isDisabled: ref(options.isDisabled ?? false),\n  })\n  provide(formContextKey, ctx)\n  return ctx\n}\n"],"mappings":";;;;AAIA,SAAgB,QAAQ,UAAuB,EAAE,EAAe;CAC9D,MAAM,MAAM,gBAAgB;EAC1B,eAAe,QAAQ;EACvB,gBAAgB,IAAI,QAAQ,kBAAkB,YAAY;EAC1D,YAAY,IAAI,QAAQ,cAAc,MAAM;EAC7C,CAAC;AACF,SAAQ,gBAAgB,IAAI;AAC5B,QAAO"}

package/dist/components/hover-card/HoverCard.js

@@ -0,0 +1,7 @@
+import HoverCard_vue_vue_type_script_lang_default from "./HoverCard.vue_vue_type_script_lang.js";
+//#region src/components/hover-card/HoverCard.vue
+var HoverCard_default = HoverCard_vue_vue_type_script_lang_default;
+//#endregion
+export { HoverCard_default as default };
+
+//# sourceMappingURL=HoverCard.js.map

package/dist/components/hover-card/HoverCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCard.js","names":[],"sources":["../../../src/components/hover-card/HoverCard.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent, computed, h } from 'vue'\nimport { HoverCardRoot } from 'reka-ui'\n\n/**\n * HoverCard root component. Wraps Reka UI's HoverCardRoot.\n *\n * Important: we use the Options-API / render-function style here (not `<script setup>`)\n * to avoid Vue SFC's compiled template from forwarding `open: undefined` to HoverCardRoot.\n * Reka's `useVModel` checks `props.open === undefined` to choose uncontrolled vs controlled\n * mode, but a template `:open=\"props.open\"` always provides the key (even as `undefined`),\n * forcing controlled mode and breaking `defaultOpen`. The render function lets us omit the\n * key entirely when `open` is not provided by the consumer. This mirrors Popover.vue.\n */\nexport default defineComponent({\n  name: 'HoverCard',\n  props: {\n    defaultOpen: { type: Boolean, default: false },\n    open: { type: Boolean, default: undefined },\n    openDelay: { type: Number, default: 700 },\n    closeDelay: { type: Number, default: 300 },\n  },\n  emits: ['update:open'],\n  setup(props, { slots, emit }) {\n    const rootProps = computed(() => {\n      const p: Record<string, unknown> = {\n        defaultOpen: props.defaultOpen,\n        openDelay: props.openDelay,\n        closeDelay: props.closeDelay,\n        'onUpdate:open': (val: boolean) => emit('update:open', val),\n      }\n      if (props.open !== undefined) {\n        p.open = props.open\n      }\n      return p\n    })\n\n    return () => h(HoverCardRoot, rootProps.value, slots)\n  },\n})\n</script>\n"],"mappings":""}

package/dist/components/hover-card/HoverCard.vue_vue_type_script_lang.js

@@ -0,0 +1,52 @@
+import { computed, defineComponent, h } from "vue";
+import { HoverCardRoot } from "reka-ui";
+//#region src/components/hover-card/HoverCard.vue?vue&type=script&lang.ts
+/**
+* HoverCard root component. Wraps Reka UI's HoverCardRoot.
+*
+* Important: we use the Options-API / render-function style here (not `<script setup>`)
+* to avoid Vue SFC's compiled template from forwarding `open: undefined` to HoverCardRoot.
+* Reka's `useVModel` checks `props.open === undefined` to choose uncontrolled vs controlled
+* mode, but a template `:open="props.open"` always provides the key (even as `undefined`),
+* forcing controlled mode and breaking `defaultOpen`. The render function lets us omit the
+* key entirely when `open` is not provided by the consumer. This mirrors Popover.vue.
+*/
+var HoverCard_vue_vue_type_script_lang_default = defineComponent({
+	name: "HoverCard",
+	props: {
+		defaultOpen: {
+			type: Boolean,
+			default: false
+		},
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		openDelay: {
+			type: Number,
+			default: 700
+		},
+		closeDelay: {
+			type: Number,
+			default: 300
+		}
+	},
+	emits: ["update:open"],
+	setup(props, { slots, emit }) {
+		const rootProps = computed(() => {
+			const p = {
+				defaultOpen: props.defaultOpen,
+				openDelay: props.openDelay,
+				closeDelay: props.closeDelay,
+				"onUpdate:open": (val) => emit("update:open", val)
+			};
+			if (props.open !== void 0) p.open = props.open;
+			return p;
+		});
+		return () => h(HoverCardRoot, rootProps.value, slots);
+	}
+});
+//#endregion
+export { HoverCard_vue_vue_type_script_lang_default as default };
+
+//# sourceMappingURL=HoverCard.vue_vue_type_script_lang.js.map

package/dist/components/hover-card/HoverCard.vue_vue_type_script_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCard.vue_vue_type_script_lang.js","names":[],"sources":["../../../src/components/hover-card/HoverCard.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent, computed, h } from 'vue'\nimport { HoverCardRoot } from 'reka-ui'\n\n/**\n * HoverCard root component. Wraps Reka UI's HoverCardRoot.\n *\n * Important: we use the Options-API / render-function style here (not `<script setup>`)\n * to avoid Vue SFC's compiled template from forwarding `open: undefined` to HoverCardRoot.\n * Reka's `useVModel` checks `props.open === undefined` to choose uncontrolled vs controlled\n * mode, but a template `:open=\"props.open\"` always provides the key (even as `undefined`),\n * forcing controlled mode and breaking `defaultOpen`. The render function lets us omit the\n * key entirely when `open` is not provided by the consumer. This mirrors Popover.vue.\n */\nexport default defineComponent({\n  name: 'HoverCard',\n  props: {\n    defaultOpen: { type: Boolean, default: false },\n    open: { type: Boolean, default: undefined },\n    openDelay: { type: Number, default: 700 },\n    closeDelay: { type: Number, default: 300 },\n  },\n  emits: ['update:open'],\n  setup(props, { slots, emit }) {\n    const rootProps = computed(() => {\n      const p: Record<string, unknown> = {\n        defaultOpen: props.defaultOpen,\n        openDelay: props.openDelay,\n        closeDelay: props.closeDelay,\n        'onUpdate:open': (val: boolean) => emit('update:open', val),\n      }\n      if (props.open !== undefined) {\n        p.open = props.open\n      }\n      return p\n    })\n\n    return () => h(HoverCardRoot, rootProps.value, slots)\n  },\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;AAcA,IAAA,6CAAe,gBAAgB;CAC7B,MAAM;CACN,OAAO;EACL,aAAa;GAAE,MAAM;GAAS,SAAS;GAAO;EAC9C,MAAM;GAAE,MAAM;GAAS,SAAS,KAAA;GAAW;EAC3C,WAAW;GAAE,MAAM;GAAQ,SAAS;GAAK;EACzC,YAAY;GAAE,MAAM;GAAQ,SAAS;GAAK;EAC3C;CACD,OAAO,CAAC,cAAc;CACtB,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,YAAY,eAAe;GAC/B,MAAM,IAA6B;IACjC,aAAa,MAAM;IACnB,WAAW,MAAM;IACjB,YAAY,MAAM;IAClB,kBAAkB,QAAiB,KAAK,eAAe,IAAI;IAC7D;AACA,OAAI,MAAM,SAAS,KAAA,EACjB,GAAE,OAAO,MAAM;AAEjB,UAAO;IACR;AAED,eAAa,EAAE,eAAe,UAAU,OAAO,MAAK;;CAEvD,CAAA"}

package/dist/components/hover-card/HoverCardArrow.js

@@ -0,0 +1,7 @@
+import HoverCardArrow_vue_vue_type_script_setup_true_lang_default from "./HoverCardArrow.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/hover-card/HoverCardArrow.vue
+var HoverCardArrow_default = HoverCardArrow_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { HoverCardArrow_default as default };
+
+//# sourceMappingURL=HoverCardArrow.js.map

package/dist/components/hover-card/HoverCardArrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCardArrow.js","names":[],"sources":["../../../src/components/hover-card/HoverCardArrow.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { HoverCardArrow } from 'reka-ui'\n\nconst props = defineProps<{\n  as?: string | object\n  asChild?: boolean\n  width?: number\n  height?: number\n  class?: string\n}>()\n</script>\n\n<template>\n  <HoverCardArrow\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :width=\"props.width\"\n    :height=\"props.height\"\n    :class=\"props.class\"\n    v-bind=\"$attrs\"\n  />\n</template>\n"],"mappings":""}

package/dist/components/hover-card/HoverCardArrow.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,35 @@
+import { createBlock, defineComponent, mergeProps, openBlock, unref } from "vue";
+import { HoverCardArrow } from "reka-ui";
+//#region src/components/hover-card/HoverCardArrow.vue?vue&type=script&setup=true&lang.ts
+var HoverCardArrow_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "HoverCardArrow",
+	props: {
+		as: {},
+		asChild: { type: Boolean },
+		width: {},
+		height: {},
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(HoverCardArrow), mergeProps({
+				as: props.as,
+				"as-child": props.asChild,
+				width: props.width,
+				height: props.height,
+				class: props.class
+			}, _ctx.$attrs), null, 16, [
+				"as",
+				"as-child",
+				"width",
+				"height",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { HoverCardArrow_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=HoverCardArrow.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/hover-card/HoverCardArrow.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCardArrow.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../../src/components/hover-card/HoverCardArrow.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { HoverCardArrow } from 'reka-ui'\n\nconst props = defineProps<{\n  as?: string | object\n  asChild?: boolean\n  width?: number\n  height?: number\n  class?: string\n}>()\n</script>\n\n<template>\n  <HoverCardArrow\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :width=\"props.width\"\n    :height=\"props.height\"\n    :class=\"props.class\"\n    v-bind=\"$attrs\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;EAGA,MAAM,QAAQ;;uBAUZ,YAOE,MAAA,eAAA,EAPF,WAOE;IANC,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAO,MAAM;IACb,QAAQ,MAAM;IACd,OAAO,MAAM;MACNA,KAAAA,OAAM,EAAA,MAAA,IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA,CAAA"}

package/dist/components/hover-card/HoverCardContent.js

@@ -0,0 +1,7 @@
+import HoverCardContent_vue_vue_type_script_setup_true_lang_default from "./HoverCardContent.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/hover-card/HoverCardContent.vue
+var HoverCardContent_default = HoverCardContent_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { HoverCardContent_default as default };
+
+//# sourceMappingURL=HoverCardContent.js.map