vunor 0.3.1 → 0.4.0

package/dist/DatePicker.d.mts

@@ -60,7 +60,7 @@ interface TInputEmits extends TInputBaseEmits {
 import type { DateValue } from '@internationalized/date';
 import type { DatePickerRootProps } from 'reka-ui';
 import type { TVueCssClass } from 'vunor/utils';
-type __VLS_Props = DatePickerRootProps & {
+type __VLS_Props = Omit<DatePickerRootProps, 'placeholder'> & {
     popupRounded?: boolean;
     popupClass?: TVueCssClass;
     openOnClick?: boolean;
@@ -71,11 +71,25 @@ type __VLS_ModelProps = {
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:open": (value: boolean | undefined) => any;
+    "update:open": (value: boolean) => any;
     "update:modelValue": (value: DateValue | undefined) => any;
+} & {
+    "update:placeholder": (date: DateValue) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:open"?: ((value: boolean | undefined) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: DateValue | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    "onUpdate:placeholder"?: ((date: DateValue) => any) | undefined;
+}>, {
+    required: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    defaultOpen: boolean;
+    pagedNavigation: boolean;
+    preventDeselect: boolean;
+    fixedWeeks: boolean;
+    hideTimeZone: boolean;
+    modal: boolean;
+    closeOnSelect: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/DatePicker.mjs

@@ -1,5 +1,7 @@
-import { t as useInputProps } from "./utils-6bTTIoaw.js";
+import { n as useForwardToRoot, r as useModelState } from "./forward-root-DPGTBptG.js";
+import { n as useInputProps, t as useInputBaseProps } from "./utils-BCBGEM10.js";
 import { createBlock, createVNode, defineComponent, mergeModels, mergeProps, openBlock, unref, useModel, withCtx } from "vue";
+import { DatePickerRoot } from "reka-ui";
 import VuInput from "vunor/Input";
 import VuDatePickerBase from "vunor/DatePickerBase";
 //#endregion
@@ -7,268 +9,143 @@ import VuDatePickerBase from "vunor/DatePickerBase";
 var DatePicker_default = /* @__PURE__ */ defineComponent({
 	__name: "DatePicker",
 	props: /* @__PURE__ */ mergeModels({
-		defaultValue: {
-			type: Object,
-			required: false
-		},
-		defaultPlaceholder: {
-			type: Object,
-			required: false
-		},
-		placeholder: {
-			type: [Object, String],
-			required: false
-		},
-		modelValue: {
-			type: [Object, null],
-			required: false
-		},
-		hourCycle: {
-			type: null,
-			required: false
-		},
-		step: {
-			type: Object,
-			required: false
-		},
-		granularity: {
-			type: String,
-			required: false
-		},
+		defaultValue: {},
+		defaultPlaceholder: {},
+		modelValue: {},
+		hourCycle: {},
+		step: {},
+		granularity: {},
 		hideTimeZone: {
 			type: Boolean,
-			required: false
-		},
-		maxValue: {
-			type: Object,
-			required: false
-		},
-		minValue: {
-			type: Object,
-			required: false
-		},
-		locale: {
-			type: String,
-			required: false
+			default: void 0
 		},
+		maxValue: {},
+		minValue: {},
+		locale: {},
 		disabled: {
 			type: Boolean,
-			required: false
+			default: void 0
 		},
 		readonly: {
 			type: Boolean,
-			required: false
-		},
-		isDateUnavailable: {
-			type: Function,
-			required: false
-		},
-		id: {
-			type: String,
-			required: false
-		},
-		dir: {
-			type: String,
-			required: false
-		},
-		name: {
-			type: String,
-			required: false
+			default: void 0
 		},
+		isDateUnavailable: {},
+		id: {},
+		dir: {},
+		name: {},
 		required: {
 			type: Boolean,
-			required: false
+			default: void 0
 		},
 		defaultOpen: {
 			type: Boolean,
-			required: false
-		},
-		open: {
-			type: Boolean,
-			required: false
+			default: void 0
 		},
+		open: { type: Boolean },
 		modal: {
 			type: Boolean,
-			required: false
-		},
-		isDateDisabled: {
-			type: Function,
-			required: false
+			default: void 0
 		},
+		isDateDisabled: {},
 		pagedNavigation: {
 			type: Boolean,
-			required: false
-		},
-		weekStartsOn: {
-			type: Number,
-			required: false
-		},
-		weekdayFormat: {
-			type: String,
-			required: false
+			default: void 0
 		},
+		weekStartsOn: {},
+		weekdayFormat: {},
 		fixedWeeks: {
 			type: Boolean,
-			required: false
-		},
-		numberOfMonths: {
-			type: Number,
-			required: false
+			default: void 0
 		},
+		numberOfMonths: {},
 		preventDeselect: {
 			type: Boolean,
-			required: false
+			default: void 0
 		},
 		closeOnSelect: {
 			type: Boolean,
-			required: false
-		},
-		popupRounded: {
-			type: Boolean,
-			required: false
-		},
-		popupClass: {
-			type: [
-				String,
-				Array,
-				Object
-			],
-			required: false
-		},
-		openOnClick: {
-			type: Boolean,
-			required: false
-		},
-		iconBefore: {
-			type: String,
-			required: false
-		},
-		iconAfter: {
-			type: String,
-			required: false
-		},
-		error: {
-			type: [String, Boolean],
-			required: false
-		},
-		hint: {
-			type: String,
-			required: false
-		},
-		groupTemplate: {
-			type: String,
-			required: false
-		},
-		stackLabel: {
-			type: Boolean,
-			required: false
-		},
-		onBeforeClick: {
-			type: Function,
-			required: false
-		},
-		onAfterClick: {
-			type: Function,
-			required: false
-		},
-		onClick: {
-			type: Function,
-			required: false
-		},
-		onBlur: {
-			type: Function,
-			required: false
-		},
-		onFocus: {
-			type: Function,
-			required: false
-		},
-		label: {
-			type: String,
-			required: false
-		},
-		design: {
-			type: String,
-			required: false
-		},
-		iconPrepend: {
-			type: String,
-			required: false
-		},
-		iconAppend: {
-			type: String,
-			required: false
-		},
-		groupItem: {
-			type: Boolean,
-			required: false
-		},
-		autoGrow: {
-			type: Boolean,
-			required: false
-		},
-		active: {
-			type: Boolean,
-			required: false
-		},
-		loading: {
-			type: Boolean,
-			required: false
-		},
-		noUnderline: {
+			default: void 0
+		},
+		popupRounded: { type: Boolean },
+		popupClass: {},
+		openOnClick: { type: Boolean },
+		iconBefore: {},
+		iconAfter: {},
+		error: { type: [String, Boolean] },
+		hint: {},
+		groupTemplate: {},
+		stackLabel: { type: Boolean },
+		onBeforeClick: {},
+		onAfterClick: {},
+		onClick: {},
+		onBlur: {},
+		onFocus: {},
+		label: {},
+		design: {},
+		iconPrepend: {},
+		iconAppend: {},
+		groupItem: { type: Boolean },
+		autoGrow: { type: Boolean },
+		active: { type: Boolean },
+		loading: { type: Boolean },
+		noUnderline: { type: Boolean },
+		onAppendClick: {},
+		onPrependClick: {},
+		placeholder: {},
+		type: {},
+		rows: {},
+		maxlength: {},
+		autocomplete: {}
+	}, {
+		"open": {
 			type: Boolean,
-			required: false
-		},
-		onAppendClick: {
-			type: Function,
-			required: false
-		},
-		onPrependClick: {
-			type: Function,
-			required: false
-		},
-		type: {
-			type: String,
-			required: false
+			default: void 0
 		},
-		rows: {
-			type: Number,
-			required: false
-		},
-		maxlength: {
-			type: Number,
-			required: false
-		},
-		autocomplete: {
-			type: String,
-			required: false
-		}
-	}, {
-		"open": { type: Boolean },
 		"openModifiers": {},
-		"modelValue": { type: Object },
+		"modelValue": {},
 		"modelModifiers": {}
 	}),
-	emits: ["update:open", "update:modelValue"],
-	setup(__props) {
+	emits: /* @__PURE__ */ mergeModels(["update:placeholder"], ["update:open", "update:modelValue"]),
+	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const open = useModel(__props, "open");
 		const modelValue = useModel(__props, "modelValue");
+		const emit = __emit;
 		const inputProps = useInputProps();
+		const isOpen = useModelState(open, DatePickerRoot, "defaultOpen", props);
+		const inputBaseProps = useInputBaseProps();
+		const rootProps = useForwardToRoot(DatePickerRoot, props, emit, [
+			"modelValue",
+			"open",
+			"placeholder",
+			"update:modelValue",
+			"update:open"
+		]);
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(VuInput, mergeProps(unref(inputProps), {
 				design: "filled",
 				"data-has-value": "",
-				active: open.value,
-				"icon-append": "i--calendar",
-				onAppendClick: _cache[2] || (_cache[2] = ($event) => open.value = true)
+				active: unref(isOpen)
 			}), {
-				default: withCtx(() => [createVNode(VuDatePickerBase, mergeProps(props, {
+				default: withCtx(() => [createVNode(VuDatePickerBase, mergeProps({
+					...unref(inputBaseProps),
+					...unref(rootProps)
+				}, {
+					"popup-rounded": __props.popupRounded,
+					"popup-class": __props.popupClass,
+					"open-on-click": __props.openOnClick,
 					modelValue: modelValue.value,
 					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
 					open: open.value,
 					"onUpdate:open": _cache[1] || (_cache[1] = ($event) => open.value = $event)
-				}), null, 16, ["modelValue", "open"])]),
+				}), null, 16, [
+					"popup-rounded",
+					"popup-class",
+					"open-on-click",
+					"modelValue",
+					"open"
+				])]),
 				_: 1
 			}, 16, ["active"]);
 		};

package/dist/DatePickerBase.d.mts

@@ -60,7 +60,7 @@ import { type DatePickerRootProps } from 'reka-ui';
 
 import type { DateValue } from '@internationalized/date';
 import type { TVueCssClass } from 'vunor/utils';
-type __VLS_Props = DatePickerRootProps & {
+type __VLS_Props = Omit<DatePickerRootProps, 'placeholder'> & {
     popupRounded?: boolean;
     popupClass?: TVueCssClass;
     openOnClick?: boolean;
@@ -70,23 +70,36 @@ type __VLS_ModelProps = {
     modelValue?: DateValue;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_30: {
-    iconAppend: any;
-    emitClick: any;
+declare var __VLS_31: {
+    iconAppend: string | undefined;
+    emitClick: (event: MouseEvent) => void;
 };
 type __VLS_Slots = {} & {
-    append?: (props: typeof __VLS_30) => any;
+    append?: (props: typeof __VLS_31) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:open": (value: boolean | undefined) => any;
+    "update:open": (value: boolean) => any;
     "update:modelValue": (value: DateValue | undefined) => any;
 } & {
+    "update:placeholder": (date: DateValue) => any;
     "keydown-enter": () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:open"?: ((value: boolean | undefined) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: DateValue | undefined) => any) | undefined;
+    "onUpdate:placeholder"?: ((date: DateValue) => any) | undefined;
     "onKeydown-enter"?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+    required: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    defaultOpen: boolean;
+    pagedNavigation: boolean;
+    preventDeselect: boolean;
+    fixedWeeks: boolean;
+    hideTimeZone: boolean;
+    modal: boolean;
+    closeOnSelect: boolean;
+}, {}, {}, {}, 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;