vunor 0.3.2 → 0.4.0

package/dist/Calendar.d.mts

@@ -1,14 +1,26 @@
 import type { DateValue } from '@internationalized/date';
 import type { CalendarRootProps } from 'reka-ui';
-type __VLS_Props = CalendarRootProps;
+type __VLS_Props = Omit<CalendarRootProps, 'as' | 'asChild'>;
 type __VLS_ModelProps = {
     modelValue?: DateValue | DateValue[];
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: DateValue | DateValue[] | undefined) => any;
+} & {
+    "update:placeholder": (date: DateValue) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: DateValue | DateValue[] | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    "onUpdate:placeholder"?: ((date: DateValue) => any) | undefined;
+}>, {
+    disabled: boolean;
+    readonly: boolean;
+    multiple: boolean;
+    pagedNavigation: boolean;
+    preventDeselect: boolean;
+    fixedWeeks: boolean;
+    initialFocus: boolean;
+    disableDaysOutsideCurrentView: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/Calendar.mjs

@@ -1,3 +1,4 @@
+import { n as useForwardToRoot } from "./forward-root-DPGTBptG.js";
 import { Fragment, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, openBlock, renderList, toDisplayString, unref, useModel, withCtx } from "vue";
 import { CalendarCell, CalendarCellTrigger, CalendarGrid, CalendarGridBody, CalendarGridHead, CalendarGridRow, CalendarHeadCell, CalendarHeader, CalendarHeading, CalendarNext, CalendarPrev, CalendarRoot } from "reka-ui";
 import VuButton from "vunor/Button";
@@ -7,122 +8,73 @@ const _hoisted_1 = { class: "calendar-month-grid" };
 //#endregion
 //#region src/components/Calendar/Calendar.vue
 var Calendar_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
 	__name: "Calendar",
 	props: /* @__PURE__ */ mergeModels({
-		defaultValue: {
-			type: Object,
-			required: false
-		},
-		defaultPlaceholder: {
-			type: Object,
-			required: false
-		},
-		placeholder: {
-			type: Object,
-			required: false
-		},
+		defaultValue: {},
+		defaultPlaceholder: {},
+		placeholder: {},
 		pagedNavigation: {
 			type: Boolean,
-			required: false
+			default: void 0
 		},
 		preventDeselect: {
 			type: Boolean,
-			required: false
-		},
-		weekStartsOn: {
-			type: Number,
-			required: false
-		},
-		weekdayFormat: {
-			type: String,
-			required: false
-		},
-		calendarLabel: {
-			type: String,
-			required: false
+			default: void 0
 		},
+		weekStartsOn: {},
+		weekdayFormat: {},
+		calendarLabel: {},
 		fixedWeeks: {
 			type: Boolean,
-			required: false
-		},
-		maxValue: {
-			type: Object,
-			required: false
-		},
-		minValue: {
-			type: Object,
-			required: false
-		},
-		locale: {
-			type: String,
-			required: false
-		},
-		numberOfMonths: {
-			type: Number,
-			required: false
+			default: void 0
 		},
+		maxValue: {},
+		minValue: {},
+		locale: {},
+		numberOfMonths: {},
 		disabled: {
 			type: Boolean,
-			required: false
+			default: void 0
 		},
 		readonly: {
 			type: Boolean,
-			required: false
+			default: void 0
 		},
 		initialFocus: {
 			type: Boolean,
-			required: false
-		},
-		isDateDisabled: {
-			type: Function,
-			required: false
-		},
-		isDateUnavailable: {
-			type: Function,
-			required: false
-		},
-		dir: {
-			type: String,
-			required: false
-		},
-		nextPage: {
-			type: Function,
-			required: false
-		},
-		prevPage: {
-			type: Function,
-			required: false
-		},
-		modelValue: {
-			type: null,
-			required: false
-		},
+			default: void 0
+		},
+		isDateDisabled: {},
+		isDateUnavailable: {},
+		dir: {},
+		nextPage: {},
+		prevPage: {},
+		modelValue: {},
 		multiple: {
 			type: Boolean,
-			required: false
+			default: void 0
 		},
 		disableDaysOutsideCurrentView: {
 			type: Boolean,
-			required: false
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false
+			default: void 0
 		}
 	}, {
-		"modelValue": { type: [Object, Array] },
+		"modelValue": {},
 		"modelModifiers": {}
 	}),
-	emits: ["update:modelValue"],
-	setup(__props) {
+	emits: /* @__PURE__ */ mergeModels(["update:placeholder"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const modelValue = useModel(__props, "modelValue");
+		const rootProps = useForwardToRoot(CalendarRoot, props, __emit, [
+			"modelValue",
+			"as",
+			"asChild",
+			"update:modelValue"
+		]);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(CalendarRoot), mergeProps(props, {
+			return openBlock(), createBlock(unref(CalendarRoot), mergeProps(unref(rootProps), {
 				"as-child": "",
 				modelValue: modelValue.value,
 				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event)

package/dist/Card.mjs

@@ -6,31 +6,12 @@ import { useCardPI } from "vunor";
 var Card_default = /* @__PURE__ */ defineComponent({
 	__name: "Card",
 	props: {
-		as: {
-			type: String,
-			required: false,
-			default: "div"
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		noPadding: {
-			type: Boolean,
-			required: false
-		},
-		level: {
-			type: String,
-			required: false
-		},
-		dense: {
-			type: Boolean,
-			required: false
-		},
-		rounded: {
-			type: Boolean,
-			required: false
-		}
+		as: { default: "div" },
+		asChild: { type: Boolean },
+		noPadding: { type: Boolean },
+		level: {},
+		dense: { type: Boolean },
+		rounded: { type: Boolean }
 	},
 	setup(__props) {
 		const props = __props;

package/dist/CardHeader.mjs

@@ -6,18 +6,9 @@ import { useCardPI } from "vunor";
 var CardHeader_default = /* @__PURE__ */ defineComponent({
 	__name: "CardHeader",
 	props: {
-		as: {
-			type: String,
-			required: false
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		level: {
-			type: String,
-			required: false
-		}
+		as: {},
+		asChild: { type: Boolean },
+		level: {}
 	},
 	setup(__props) {
 		const props = __props;

package/dist/Checkbox.d.mts

@@ -1,4 +1,7 @@
-type __VLS_Props = {
+import type { CheckboxRootProps } from 'reka-ui';
+type __VLS_Props = Pick<CheckboxRootProps, 'defaultValue' | 'value' | 'trueValue' | 'falseValue' | 'name'> & {
+    /** Id of the checkbox control (the focusable element), for `<label for>` */
+    id?: string;
     label?: string;
     disabled?: boolean;
     error?: string | boolean;
@@ -21,7 +24,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     "update:modelValue": (value: boolean | "indeterminate" | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean | "indeterminate" | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+    defaultValue: boolean | "indeterminate";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/Checkbox.mjs

@@ -1,4 +1,5 @@
-import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString, unref, useModel, withCtx } from "vue";
+import { n as useForwardToRoot } from "./forward-root-DPGTBptG.js";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString, unref, useModel, withCtx } from "vue";
 import { CheckboxIndicator, CheckboxRoot } from "reka-ui";
 import VuIcon from "vunor/Icon";
 //#region src/components/Checkbox/Checkbox.vue?vue&type=script&setup=true&lang.ts
@@ -16,46 +17,38 @@ const _hoisted_2 = {
 var Checkbox_default = /* @__PURE__ */ defineComponent({
 	__name: "Checkbox",
 	props: /* @__PURE__ */ mergeModels({
-		label: {
-			type: String,
-			required: false
-		},
-		disabled: {
-			type: Boolean,
-			required: false
-		},
-		error: {
-			type: [String, Boolean],
-			required: false
-		},
-		required: {
-			type: Boolean,
-			required: false
-		},
-		verticalMiddle: {
-			type: Boolean,
-			required: false
-		},
-		reverse: {
-			type: Boolean,
-			required: false
-		},
-		readonly: {
-			type: Boolean,
-			required: false
-		}
+		defaultValue: { default: void 0 },
+		value: {},
+		trueValue: {},
+		falseValue: {},
+		name: {},
+		id: {},
+		label: {},
+		disabled: { type: Boolean },
+		error: { type: [String, Boolean] },
+		required: { type: Boolean },
+		verticalMiddle: { type: Boolean },
+		reverse: { type: Boolean },
+		readonly: { type: Boolean }
 	}, {
 		"modelValue": {
 			type: [Boolean, String],
-			skipCheck: true
+			default: void 0
 		},
 		"modelModifiers": {}
 	}),
 	emits: ["update:modelValue"],
 	setup(__props) {
 		const modelValue = useModel(__props, "modelValue");
+		const rootProps = useForwardToRoot(CheckboxRoot, __props, void 0, [
+			"modelValue",
+			"disabled",
+			"required",
+			"asChild",
+			"as"
+		]);
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" [&>.checkbox]:hover:bg-neutral-100 "), createElementVNode("div", null, [createElementVNode("label", {
+			return openBlock(), createElementBlock("div", null, [createElementVNode("label", {
 				style: normalizeStyle({ "pointer-events": __props.readonly ? "none" : void 0 }),
 				"aria-disabled": __props.disabled,
 				class: normalizeClass(["checkbox-root group/cb", {
@@ -65,39 +58,38 @@ var Checkbox_default = /* @__PURE__ */ defineComponent({
 				}]),
 				"aria-readonly": __props.readonly || void 0,
 				"data-error": !!__props.error
-			}, [createVNode(unref(CheckboxRoot), {
+			}, [createVNode(unref(CheckboxRoot), mergeProps(unref(rootProps), {
 				disabled: __props.disabled,
-				required: true,
-				"aria-required": __props.required,
+				required: __props.required,
 				modelValue: modelValue.value,
 				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
 				tabindex: __props.readonly ? "-1" : void 0,
 				class: "checkbox",
 				"aria-readonly": __props.readonly || void 0
-			}, {
-				default: withCtx(() => [createVNode(unref(CheckboxIndicator), { class: "checkbox-indicator" }, {
-					default: withCtx(() => [modelValue.value === "indeterminate" ? (openBlock(), createBlock(VuIcon, {
+			}), {
+				default: withCtx(({ state }) => [createVNode(unref(CheckboxIndicator), { class: "checkbox-indicator" }, {
+					default: withCtx(() => [state === "indeterminate" ? (openBlock(), createBlock(VuIcon, {
 						key: 0,
 						name: "i--dash",
 						class: "checkbox-icon"
-					})) : createCommentVNode("v-if", true), modelValue.value === true ? (openBlock(), createBlock(VuIcon, {
+					})) : createCommentVNode("", true), state === true ? (openBlock(), createBlock(VuIcon, {
 						key: 1,
 						name: "i--checkmark",
 						class: "checkbox-icon"
-					})) : createCommentVNode("v-if", true)]),
-					_: 1
-				})]),
+					})) : createCommentVNode("", true)]),
+					_: 2
+				}, 1024)]),
 				_: 1
-			}, 8, [
+			}, 16, [
 				"disabled",
-				"aria-required",
+				"required",
 				"modelValue",
 				"tabindex",
 				"aria-readonly"
-			]), __props.label || _ctx.$slots.label ? (openBlock(), createElementBlock("span", _hoisted_2, [renderSlot(_ctx.$slots, "default", { label: __props.label }, () => [createTextVNode(toDisplayString(__props.label), 1)])])) : createCommentVNode("v-if", true)], 14, _hoisted_1), !!__props.error && typeof __props.error === "string" ? (openBlock(), createElementBlock("div", {
+			]), __props.label || _ctx.$slots.label ? (openBlock(), createElementBlock("span", _hoisted_2, [renderSlot(_ctx.$slots, "default", { label: __props.label }, () => [createTextVNode(toDisplayString(__props.label), 1)])])) : createCommentVNode("", true)], 14, _hoisted_1), !!__props.error && typeof __props.error === "string" ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: normalizeClass(["text-caption text-error-500 text-mt-$s", { "text-right": __props.reverse }])
-			}, toDisplayString(__props.error), 3)) : createCommentVNode("v-if", true)])], 2112);
+			}, toDisplayString(__props.error), 3)) : createCommentVNode("", true)]);
 		};
 	}
 });

package/dist/Combobox.d.mts

@@ -84,13 +84,25 @@ interface TComboboxProps<T extends TComboboxItem> {
     multiple?: boolean;
     checkboxItems?: boolean;
     dropdownIcon?: string;
+    /** Initial open state when `v-model:open` is not used. */
+    defaultOpen?: boolean;
+    resetSearchTermOnBlur?: boolean;
+    resetSearchTermOnSelect?: boolean;
+    openOnFocus?: boolean;
+    openOnClick?: boolean;
+    ignoreFilter?: boolean;
+    resetModelValueOnClear?: boolean;
+    highlightOnHover?: boolean;
+    by?: string | ((a: unknown, b: unknown) => boolean);
+    dir?: 'ltr' | 'rtl';
+    /** Form field name: the value is submitted with the enclosing `<form>`. */
+    name?: string;
 }
 
 
 declare const __VLS_export: <T extends TComboboxItem = TComboboxItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import("vue").PublicProps & __VLS_PrettifyLocal<(Omit<TInputProps & TInputBaseProps, "active"> & TComboboxProps<T> & {
         align?: "start" | "center" | "end";
-        resetSearchTermOnBlur?: boolean;
     } & {
         open?: boolean;
         modelValue?: string | string[];
@@ -103,16 +115,21 @@ declare const __VLS_export: <T extends TComboboxItem = TComboboxItem>(__VLS_prop
         onBeforeClick?: ((event: MouseEvent) => any) | undefined;
         onAfterClick?: ((event: MouseEvent) => any) | undefined;
         onClick?: ((event: MouseEvent) => any) | undefined;
-        onEnter?: ((event: KeyboardEvent) => any) | undefined;
-        "onUpdate:open"?: ((value: boolean | undefined) => any) | undefined;
+        "onUpdate:open"?: ((value: boolean) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;
+        onHighlight?: ((payload: unknown) => any) | undefined;
         "onUpdate:searchTerm"?: ((value: string | undefined) => any) | undefined;
+        onEnter?: ((event: KeyboardEvent) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: {
+        prepend?: (props: {}) => any;
+    } & {
+        append?: (props: {}) => any;
+    } & {
         empty?: (props: {}) => any;
     } & {
         'group-label'?: (props: {
@@ -127,10 +144,6 @@ declare const __VLS_export: <T extends TComboboxItem = TComboboxItem>(__VLS_prop
         prepend?: (props: {}) => any;
     } & {
         append?: (props: {}) => any;
-    } & {
-        prepend?: (props: {}) => any;
-    } & {
-        append?: (props: {}) => any;
     } & {
         before?: (props: {}) => any;
     } & {
@@ -155,7 +168,10 @@ declare const __VLS_export: <T extends TComboboxItem = TComboboxItem>(__VLS_prop
     } & {
         after?: (props: {}) => any;
     };
-    emit: (TInputEmits & ((e: "enter", event: KeyboardEvent) => void)) & (((event: "update:open", value: boolean | undefined) => void) & ((event: "update:modelValue", value: string | string[] | undefined) => void) & ((event: "update:searchTerm", value: string | undefined) => void));
+    emit: (TInputEmits & {
+        (e: "enter", event: KeyboardEvent): void;
+        (e: "highlight", payload: unknown): void;
+    }) & (((event: "update:open", value: boolean) => void) & ((event: "update:modelValue", value: string | string[] | undefined) => void) & ((event: "update:searchTerm", value: string | undefined) => void));
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };