@auronui/vue 1.2.2 → 1.3.0

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCardContent.js","names":[],"sources":["../../../src/components/hover-card/HoverCardContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { HoverCardPortal, HoverCardContent } from 'reka-ui'\nimport { hoverCardVariants } from '@auronui/styles/components/hover-card'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  side?: 'top' | 'right' | 'bottom' | 'left'\n  sideOffset?: number\n  sideFlip?: boolean\n  align?: 'start' | 'center' | 'end'\n  alignOffset?: number\n  alignFlip?: boolean\n  avoidCollisions?: boolean\n  collisionBoundary?: Element | null | Array<Element | null>\n  collisionPadding?: number | Partial<Record<'top' | 'right' | 'bottom' | 'left', number>>\n  arrowPadding?: number\n  hideShiftedArrow?: boolean\n  sticky?: 'partial' | 'always'\n  hideWhenDetached?: boolean\n  positionStrategy?: 'fixed' | 'absolute'\n  updatePositionStrategy?: 'always' | 'optimized'\n  disableUpdateOnLayoutShift?: boolean\n  prioritizePosition?: boolean\n  forceMount?: boolean\n  class?: string\n}>(), {\n  side: 'bottom',\n  sideOffset: 8,\n  align: 'center',\n  alignOffset: 0,\n  avoidCollisions: true,\n  collisionPadding: 8,\n  prioritizePosition: true,\n})\n\nconst emit = defineEmits<{\n  'escape-key-down': [event: KeyboardEvent]\n  'pointer-down-outside': [event: Event]\n  'focus-outside': [event: Event]\n  'interact-outside': [event: Event]\n}>()\n\nconst styles = hoverCardVariants()\n</script>\n\n<template>\n  <HoverCardPortal>\n    <HoverCardContent\n      :side=\"props.side\"\n      :side-offset=\"props.sideOffset\"\n      :align=\"props.align\"\n      :align-offset=\"props.alignOffset\"\n      :side-flip=\"props.sideFlip\"\n      :align-flip=\"props.alignFlip\"\n      :avoid-collisions=\"props.avoidCollisions\"\n      :collision-boundary=\"props.collisionBoundary\"\n      :collision-padding=\"props.collisionPadding\"\n      :arrow-padding=\"props.arrowPadding\"\n      :hide-shifted-arrow=\"props.hideShiftedArrow\"\n      :sticky=\"props.sticky\"\n      :hide-when-detached=\"props.hideWhenDetached\"\n      :position-strategy=\"props.positionStrategy\"\n      :update-position-strategy=\"props.updatePositionStrategy\"\n      :disable-update-on-layout-shift=\"props.disableUpdateOnLayoutShift\"\n      :prioritize-position=\"props.prioritizePosition\"\n      :force-mount=\"props.forceMount\"\n      :class=\"composeClassName(styles.base(), props.class)\"\n      v-bind=\"$attrs\"\n      @escape-key-down=\"emit('escape-key-down', $event)\"\n      @pointer-down-outside=\"emit('pointer-down-outside', $event)\"\n      @focus-outside=\"emit('focus-outside', $event)\"\n      @interact-outside=\"emit('interact-outside', $event)\"\n    >\n      <slot />\n    </HoverCardContent>\n  </HoverCardPortal>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,104 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { hoverCardVariants } from "../../packages/styles/dist/components/hover-card/hover-card.styles.js";
+import { createBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { HoverCardContent, HoverCardPortal } from "reka-ui";
+//#region src/components/hover-card/HoverCardContent.vue?vue&type=script&setup=true&lang.ts
+var HoverCardContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "HoverCardContent",
+	props: {
+		side: { default: "bottom" },
+		sideOffset: { default: 8 },
+		sideFlip: { type: Boolean },
+		align: { default: "center" },
+		alignOffset: { default: 0 },
+		alignFlip: { type: Boolean },
+		avoidCollisions: {
+			type: Boolean,
+			default: true
+		},
+		collisionBoundary: {},
+		collisionPadding: { default: 8 },
+		arrowPadding: {},
+		hideShiftedArrow: { type: Boolean },
+		sticky: {},
+		hideWhenDetached: { type: Boolean },
+		positionStrategy: {},
+		updatePositionStrategy: {},
+		disableUpdateOnLayoutShift: { type: Boolean },
+		prioritizePosition: {
+			type: Boolean,
+			default: true
+		},
+		forceMount: { type: Boolean },
+		class: {}
+	},
+	emits: [
+		"escape-key-down",
+		"pointer-down-outside",
+		"focus-outside",
+		"interact-outside"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const styles = hoverCardVariants();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(HoverCardPortal), null, {
+				default: withCtx(() => [createVNode(unref(HoverCardContent), mergeProps({
+					side: props.side,
+					"side-offset": props.sideOffset,
+					align: props.align,
+					"align-offset": props.alignOffset,
+					"side-flip": props.sideFlip,
+					"align-flip": props.alignFlip,
+					"avoid-collisions": props.avoidCollisions,
+					"collision-boundary": props.collisionBoundary,
+					"collision-padding": props.collisionPadding,
+					"arrow-padding": props.arrowPadding,
+					"hide-shifted-arrow": props.hideShiftedArrow,
+					sticky: props.sticky,
+					"hide-when-detached": props.hideWhenDetached,
+					"position-strategy": props.positionStrategy,
+					"update-position-strategy": props.updatePositionStrategy,
+					"disable-update-on-layout-shift": props.disableUpdateOnLayoutShift,
+					"prioritize-position": props.prioritizePosition,
+					"force-mount": props.forceMount,
+					class: unref(composeClassName)(unref(styles).base(), props.class)
+				}, _ctx.$attrs, {
+					onEscapeKeyDown: _cache[0] || (_cache[0] = ($event) => emit("escape-key-down", $event)),
+					onPointerDownOutside: _cache[1] || (_cache[1] = ($event) => emit("pointer-down-outside", $event)),
+					onFocusOutside: _cache[2] || (_cache[2] = ($event) => emit("focus-outside", $event)),
+					onInteractOutside: _cache[3] || (_cache[3] = ($event) => emit("interact-outside", $event))
+				}), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 16, [
+					"side",
+					"side-offset",
+					"align",
+					"align-offset",
+					"side-flip",
+					"align-flip",
+					"avoid-collisions",
+					"collision-boundary",
+					"collision-padding",
+					"arrow-padding",
+					"hide-shifted-arrow",
+					"sticky",
+					"hide-when-detached",
+					"position-strategy",
+					"update-position-strategy",
+					"disable-update-on-layout-shift",
+					"prioritize-position",
+					"force-mount",
+					"class"
+				])]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+export { HoverCardContent_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=HoverCardContent.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCardContent.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../../src/components/hover-card/HoverCardContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { HoverCardPortal, HoverCardContent } from 'reka-ui'\nimport { hoverCardVariants } from '@auronui/styles/components/hover-card'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  side?: 'top' | 'right' | 'bottom' | 'left'\n  sideOffset?: number\n  sideFlip?: boolean\n  align?: 'start' | 'center' | 'end'\n  alignOffset?: number\n  alignFlip?: boolean\n  avoidCollisions?: boolean\n  collisionBoundary?: Element | null | Array<Element | null>\n  collisionPadding?: number | Partial<Record<'top' | 'right' | 'bottom' | 'left', number>>\n  arrowPadding?: number\n  hideShiftedArrow?: boolean\n  sticky?: 'partial' | 'always'\n  hideWhenDetached?: boolean\n  positionStrategy?: 'fixed' | 'absolute'\n  updatePositionStrategy?: 'always' | 'optimized'\n  disableUpdateOnLayoutShift?: boolean\n  prioritizePosition?: boolean\n  forceMount?: boolean\n  class?: string\n}>(), {\n  side: 'bottom',\n  sideOffset: 8,\n  align: 'center',\n  alignOffset: 0,\n  avoidCollisions: true,\n  collisionPadding: 8,\n  prioritizePosition: true,\n})\n\nconst emit = defineEmits<{\n  'escape-key-down': [event: KeyboardEvent]\n  'pointer-down-outside': [event: Event]\n  'focus-outside': [event: Event]\n  'interact-outside': [event: Event]\n}>()\n\nconst styles = hoverCardVariants()\n</script>\n\n<template>\n  <HoverCardPortal>\n    <HoverCardContent\n      :side=\"props.side\"\n      :side-offset=\"props.sideOffset\"\n      :align=\"props.align\"\n      :align-offset=\"props.alignOffset\"\n      :side-flip=\"props.sideFlip\"\n      :align-flip=\"props.alignFlip\"\n      :avoid-collisions=\"props.avoidCollisions\"\n      :collision-boundary=\"props.collisionBoundary\"\n      :collision-padding=\"props.collisionPadding\"\n      :arrow-padding=\"props.arrowPadding\"\n      :hide-shifted-arrow=\"props.hideShiftedArrow\"\n      :sticky=\"props.sticky\"\n      :hide-when-detached=\"props.hideWhenDetached\"\n      :position-strategy=\"props.positionStrategy\"\n      :update-position-strategy=\"props.updatePositionStrategy\"\n      :disable-update-on-layout-shift=\"props.disableUpdateOnLayoutShift\"\n      :prioritize-position=\"props.prioritizePosition\"\n      :force-mount=\"props.forceMount\"\n      :class=\"composeClassName(styles.base(), props.class)\"\n      v-bind=\"$attrs\"\n      @escape-key-down=\"emit('escape-key-down', $event)\"\n      @pointer-down-outside=\"emit('pointer-down-outside', $event)\"\n      @focus-outside=\"emit('focus-outside', $event)\"\n      @interact-outside=\"emit('interact-outside', $event)\"\n    >\n      <slot />\n    </HoverCardContent>\n  </HoverCardPortal>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EA8Bd,MAAM,OAAO;EAOb,MAAM,SAAS,mBAAkB;;uBAI/B,YA6BkB,MAAA,gBAAA,EAAA,MAAA;2BADG,CA3BnB,YA2BmB,MAAA,iBAAA,EA3BnB,WA2BmB;KA1BhB,MAAM,MAAM;KACZ,eAAa,MAAM;KACnB,OAAO,MAAM;KACb,gBAAc,MAAM;KACpB,aAAW,MAAM;KACjB,cAAY,MAAM;KAClB,oBAAkB,MAAM;KACxB,sBAAoB,MAAM;KAC1B,qBAAmB,MAAM;KACzB,iBAAe,MAAM;KACrB,sBAAoB,MAAM;KAC1B,QAAQ,MAAM;KACd,sBAAoB,MAAM;KAC1B,qBAAmB,MAAM;KACzB,4BAA0B,MAAM;KAChC,kCAAgC,MAAM;KACtC,uBAAqB,MAAM;KAC3B,eAAa,MAAM;KACnB,OAAO,MAAA,iBAAgB,CAAC,MAAA,OAAM,CAAC,MAAI,EAAI,MAAM,MAAK;OAC3CA,KAAAA,QAAM;KACb,iBAAe,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,mBAAoB,OAAM;KAC/C,sBAAoB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,wBAAyB,OAAM;KACzD,gBAAa,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,iBAAkB,OAAM;KAC3C,mBAAgB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,oBAAqB,OAAM;;4BAE1C,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCardTrigger.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../../src/components/hover-card/HoverCardTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { HoverCardTrigger } from 'reka-ui'\n\nconst props = defineProps<{\n  asChild?: boolean\n  as?: string | object\n}>()\n</script>\n\n<template>\n  <HoverCardTrigger\n    :as-child=\"props.asChild\"\n    :as=\"props.as\"\n    v-bind=\"$attrs\"\n  >\n    <slot />\n  </HoverCardTrigger>\n</template>\n"],"mappings":";;;;;;;;;;EAGA,MAAM,QAAQ;;uBAOZ,YAMmB,MAAA,iBAAA,EANnB,WAMmB;IALhB,YAAU,MAAM;IAChB,IAAI,MAAM;MACHA,KAAAA,OAAM,EAAA;2BAEN,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}