@bridge-ui/vue 0.0.9 → 0.0.11

package/dist/Components/Checkbox/composables/useCheckbox.d.ts

@@ -1,14 +1,14 @@
 import { MaybeRefOrGetter } from 'vue';
-import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
 import { CheckboxOwnProps } from '../checkbox.types';
 type CheckboxLibDefaults = LibDefaultsShape<CheckboxOwnProps, "size" | "color" | "rounded">;
 type CheckboxMerged = MergeLibDefaults<CheckboxOwnProps, CheckboxLibDefaults>;
 export declare function useCheckbox(props: MaybeRefOrGetter<CheckboxOwnProps>, libDefaults: CheckboxLibDefaults, checked: MaybeRefOrGetter<boolean | undefined>): {
     merged: import('vue').ComputedRef<CheckboxMerged>;
-    iconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').InputHTMLAttributes | undefined, {}>>;
+    iconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').InputHTMLAttributes | undefined, {}>>;
     inputRef: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
-    fieldBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, {}>>;
-    inputBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {
+    fieldBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
+    inputBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {
         type: string;
         id: string;
         disabled: boolean;
@@ -237,11 +237,11 @@ export declare function useCheckbox(props: MaybeRefOrGetter<CheckboxOwnProps>, l
         }>;
         merged: import('vue').ComputedRef<Omit<import('../../FormControl').FormControlOwnProps, "error" | "size" | "hideErrorMessage"> & {
             error: NonNullable<boolean | undefined>;
-            size: NonNullable<keyof import('@bridge-ui/core').LabelSize | undefined>;
+            size: NonNullable<keyof import('@bridge-ui/core/Tokens').LabelSize | undefined>;
             hideErrorMessage: NonNullable<boolean | undefined>;
         }>;
-        rowBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<Omit<import('../../FormControl').FormControlOwnProps, "field">, "error" | "size" | "classes" | "customProps" | "disabled" | "required" | "description" | "errorMessage" | "controlId" | "hideErrorMessage" | "readonly" | "endLabel" | "startLabel">>>>;
+        rowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<Omit<import('../../FormControl').FormControlOwnProps, "field">, "error" | "size" | "classes" | "customProps" | "disabled" | "required" | "description" | "errorMessage" | "controlId" | "hideErrorMessage" | "readonly" | "endLabel" | "startLabel">>>>;
         controlId: import('vue').ComputedRef<string>;
         isDisabled: import('vue').ComputedRef<boolean>;
         isReadonly: import('vue').ComputedRef<boolean>;
@@ -258,16 +258,16 @@ export declare function useCheckbox(props: MaybeRefOrGetter<CheckboxOwnProps>, l
             endLabel: import('../../Label').LabelProps;
             startLabel: import('../../Label').LabelProps;
         }>;
-        descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
+        descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
             id: string;
         }>>;
-        errorMessageBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
+        errorMessageBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
             id: string;
         }>>;
         showErrorMessageContent: import('vue').ComputedRef<boolean>;
         reservesErrorMessageSpace: import('vue').ComputedRef<boolean>;
     };
-    controlBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').InputHTMLAttributes | undefined, {
+    controlBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').InputHTMLAttributes | undefined, {
         "aria-hidden": boolean;
     }>>;
 };

package/dist/Components/Checkbox/composables/useCheckbox.js

@@ -1,9 +1,9 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { useFormControl as r } from "../../FormControl/composables/useFormControl.js";
 import { computed as i, ref as a, toValue as o, useAttrs as s, watchEffect as c } from "vue";
-import { cn as l, mergeBridgeUILayeredClasses as u, splitComponentProps as d } from "@bridge-ui/core";
-import { get as f, omit as p } from "es-toolkit/compat";
-import { colorProps as m, invalidatedProps as h, roundedProps as g, sizeProps as _ } from "@bridge-ui/core/Tokens/Checkbox";
+import { get as l, omit as u } from "es-toolkit/compat";
+import { checkboxColorProps as d, checkboxInvalidatedProps as f, checkboxRoundedProps as p, checkboxSizeProps as m } from "@bridge-ui/core/Tokens";
+import { cn as h, mergeBridgeUILayeredClasses as g, splitComponentProps as _ } from "@bridge-ui/core/Utils";
 //#region src/Components/Checkbox/composables/useCheckbox.ts
 var v = [
 	"size",
@@ -22,7 +22,7 @@ function y(y, b, x) {
 		error: !1,
 		hideErrorMessage: !1,
 		size: b.size ?? "sm"
-	}, { componentName: "Checkbox" }), T = i(() => d({
+	}, { componentName: "Checkbox" }), T = i(() => _({
 		bridgeKeys: v,
 		props: {
 			...S,
@@ -36,14 +36,14 @@ function y(y, b, x) {
 		entry: D,
 		props: () => T.value.componentProps
 	}), A = i(() => !!o(x)), j = i(() => {
-		let e = u(m, D.value?.tokens?.color);
-		return f(e, E.value.color ?? "primary");
-	}), M = i(() => u(h, D.value?.tokens?.invalidated)), N = i(() => w.invalidated.value ? M.value : j.value), P = i(() => {
-		let e = u(_, D.value?.tokens?.size);
-		return f(e, E.value.size ?? "sm");
+		let e = g(d, D.value?.tokens?.color);
+		return l(e, E.value.color ?? "primary");
+	}), M = i(() => g(f, D.value?.tokens?.invalidated)), N = i(() => w.invalidated.value ? M.value : j.value), P = i(() => {
+		let e = g(m, D.value?.tokens?.size);
+		return l(e, E.value.size ?? "sm");
 	}), F = i(() => {
-		let e = u(g, D.value?.tokens?.rounded);
-		return f(e, E.value.rounded ?? "sm");
+		let e = g(p, D.value?.tokens?.rounded);
+		return l(e, E.value.rounded ?? "sm");
 	});
 	c(() => {
 		C.value && (C.value.indeterminate = !!E.value.indeterminate);
@@ -52,10 +52,10 @@ function y(y, b, x) {
 		...O.value?.input,
 		...w.controlBind.value,
 		type: "checkbox"
-	}, p(T.value.inheritedAttrs, ["class"]), l({
+	}, u(T.value.inheritedAttrs, ["class"]), h({
 		"sr-only": !0,
 		[k.value.input ?? ""]: !0
-	}))), L = i(() => e(O.value?.control, { "aria-hidden": !0 }, l({
+	}))), L = i(() => e(O.value?.control, { "aria-hidden": !0 }, h({
 		"inline-flex shrink-0 items-center justify-center border shadow-sm transition ease-in-out duration-100": !0,
 		"pointer-events-none": !0,
 		[P.value ?? ""]: !0,
@@ -66,12 +66,12 @@ function y(y, b, x) {
 	})));
 	return {
 		merged: E,
-		iconBind: i(() => e(O.value?.icon, {}, l({
+		iconBind: i(() => e(O.value?.icon, {}, h({
 			"text-white": !0,
 			[k.value.icon ?? ""]: !0
 		}))),
 		inputRef: C,
-		fieldBind: i(() => e({}, {}, l({
+		fieldBind: i(() => e({}, {}, h({
 			"relative inline-flex shrink-0 cursor-pointer items-center": !0,
 			"has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-offset-2": !0,
 			[N.value?.focus ?? ""]: !0

package/dist/Components/Chip/Chip.vue.d.ts

@@ -5,7 +5,7 @@ declare const __VLS_base: import('vue').DefineComponent<ChipOwnProps, {}, {}, {}
 }, string, import('vue').PublicProps, Readonly<ChipOwnProps> & Readonly<{
     onDismiss?: ((event: MouseEvent | KeyboardEvent) => any) | undefined;
 }>, {
-    size: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').ChipSize, import('./chip.types').ChipSizeOverrides>;
+    size: import('@bridge-ui/core/Utils').MergeProps<import('@bridge-ui/core/Tokens').ChipSize, import('./chip.types').ChipSizeOverrides>;
     clearLabel: string;
     disabled: boolean;
     dismissible: boolean;

package/dist/Components/Chip/Chip.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,9 @@
-import { hasNamedSlot as e, resolveNamedSlot as t } from "../../Utils/slotOrProp.js";
+import { hasNamedSlot as e, isPropPresent as t } from "../../Utils/slotOrProp.js";
 import n from "../Icon/Icon.js";
 import { useChip as r } from "./composables/useChip.js";
-import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createTextVNode as l, createVNode as u, defineComponent as d, guardReactiveProps as f, mergeProps as p, normalizeProps as m, openBlock as h, resolveDynamicComponent as g, toDisplayString as _, unref as v, useSlots as y } from "vue";
+import { Fragment as i, computed as a, createCommentVNode as o, createElementBlock as s, createTextVNode as c, createVNode as l, defineComponent as u, guardReactiveProps as d, mergeProps as f, normalizeProps as p, openBlock as m, renderSlot as h, toDisplayString as g, unref as _, useSlots as v } from "vue";
 //#region src/Components/Chip/Chip.vue?vue&type=script&setup=true&lang.ts
-var b = /*@__PURE__*/ d({
+var y = /*@__PURE__*/ u({
 	inheritAttrs: !1,
 	__name: "Chip",
 	props: {
@@ -22,13 +22,13 @@ var b = /*@__PURE__*/ d({
 		size: { default: "md" }
 	},
 	emits: ["dismiss"],
-	setup(d, { emit: b }) {
-		let x = y(), { merged: S, rootBind: C, labelBind: w, clearBind: T, clearIconSize: E, handleDismiss: D, handleClearKeyDown: O } = r(d, { size: "md" }, b), k = a(() => S.value.customProps?.clearIcon), A = a(() => E.value), j = a(() => e(x, "default") || !!S.value.label);
-		return (r, a) => (h(), c("span", m(f(v(C))), [j.value ? (h(), c("span", m(p({ key: 0 }, v(w))), [v(e)(v(x), "default") ? (h(), o(g(v(t)(v(x), "default")), { key: 0 })) : (h(), c(i, { key: 1 }, [l(_(d.label), 1)], 64))], 16)) : s("", !0), d.dismissible ? (h(), c("span", p({ key: 1 }, v(T), {
-			onClick: a[0] ||= (...e) => v(D) && v(D)(...e),
-			onKeydown: a[1] ||= (...e) => v(O) && v(O)(...e)
-		}), [u(v(n), p({ icon: "clear" }, k.value, { size: A.value }), null, 16, ["size"])], 16)) : s("", !0)], 16));
+	setup(u, { emit: y }) {
+		let b = v(), { merged: x, rootBind: S, labelBind: C, clearBind: w, clearIconSize: T, handleDismiss: E, handleClearKeyDown: D } = r(u, { size: "md" }, y), O = a(() => x.value.customProps?.clearIcon), k = a(() => T.value), A = a(() => e(b, "default") || !!x.value.label);
+		return (r, a) => (m(), s("span", p(d(_(S))), [A.value ? (m(), s("span", p(f({ key: 0 }, _(C))), [_(e)(_(b), "default") ? h(r.$slots, "default", {}, void 0, void 0, 0) : _(t)(_(x).label) ? (m(), s(i, { key: 1 }, [c(g(_(x).label), 1)], 64)) : o("", !0)], 16)) : o("", !0), u.dismissible ? (m(), s("span", f({ key: 1 }, _(w), {
+			onClick: a[0] ||= (...e) => _(E) && _(E)(...e),
+			onKeydown: a[1] ||= (...e) => _(D) && _(D)(...e)
+		}), [l(_(n), f({ icon: "clear" }, O.value, { size: k.value }), null, 16, ["size"])], 16)) : o("", !0)], 16));
 	}
 });
 //#endregion
-export { b as default };
+export { y as default };

package/dist/Components/Chip/chip.types.d.ts

@@ -1,5 +1,6 @@
 import { HTMLAttributes, Slot } from 'vue';
-import { ChipSize, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
+import { ChipSize } from '@bridge-ui/core/Tokens';
+import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
 import { IconProps } from '../Icon';
 export interface ChipSizeOverrides {}
 export interface ChipClasses {

package/dist/Components/Chip/composables/useChip.d.ts

@@ -1,14 +1,14 @@
 import { SetupContext } from 'vue';
-import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
 import { ChipClasses, ChipEmits, ChipOwnProps, ChipProps } from '../chip.types';
 export declare const chipBridgeKeys: readonly ["size", "label", "classes", "disabled", "clearLabel", "customProps", "dismissible"];
 type ChipLibDefaults = LibDefaultsShape<ChipOwnProps, "size">;
 type ChipMerged = MergeLibDefaults<ChipOwnProps, ChipLibDefaults>;
 export declare function useChip(props: ChipOwnProps, libDefaults: ChipLibDefaults, emit: SetupContext<ChipEmits>["emit"]): {
     merged: import('vue').ComputedRef<ChipMerged>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<ChipProps, "size" | "classes" | "customProps" | "label" | "clearLabel" | "disabled" | "dismissible">>>;
-    labelBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-    clearBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<ChipProps, "size" | "classes" | "customProps" | "label" | "clearLabel" | "disabled" | "dismissible">>>;
+    labelBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    clearBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
         role: string;
         tabindex: number;
         "aria-label": string;

package/dist/Components/Chip/composables/useChip.js

@@ -1,8 +1,8 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { computed as r, useAttrs as i } from "vue";
-import { cn as a, mergeBridgeUILayeredClasses as o, splitComponentProps as s } from "@bridge-ui/core";
-import { get as c } from "es-toolkit/compat";
-import { sizeProps as l } from "@bridge-ui/core/Tokens/Chip";
+import { get as a } from "es-toolkit/compat";
+import { chipSizeProps as o } from "@bridge-ui/core/Tokens";
+import { cn as s, mergeBridgeUILayeredClasses as c, splitComponentProps as l } from "@bridge-ui/core/Utils";
 //#region src/Components/Chip/composables/useChip.ts
 var u = [
 	"size",
@@ -14,7 +14,7 @@ var u = [
 	"dismissible"
 ];
 function d(d, f, p) {
-	let m = i(), h = r(() => s({
+	let m = i(), h = r(() => l({
 		bridgeKeys: u,
 		props: {
 			...m,
@@ -28,14 +28,14 @@ function d(d, f, p) {
 		entry: _,
 		props: () => h.value.componentProps
 	}), y = r(() => g.value.customProps), b = r(() => {
-		let e = o(l, _.value?.tokens?.size);
-		return c(e, g.value.size ?? "md");
-	}), x = r(() => b.value?.clear ?? "md"), S = r(() => e(y.value?.root, h.value.inheritedAttrs, a({
+		let e = c(o, _.value?.tokens?.size);
+		return a(e, g.value.size ?? "md");
+	}), x = r(() => b.value?.clear ?? "md"), S = r(() => e(y.value?.root, h.value.inheritedAttrs, s({
 		"inline-flex max-w-full items-center bg-dark-100 text-dark-800 dark:bg-dark-700 dark:text-dark-100": !0,
 		"opacity-50 pointer-events-none": g.value.disabled === !0,
 		[b.value?.root ?? ""]: !0,
 		[v.value.root ?? ""]: !0
-	}))), C = r(() => e(y.value?.label, {}, a({
+	}))), C = r(() => e(y.value?.label, {}, s({
 		truncate: !0,
 		[b.value?.label ?? ""]: !0,
 		[v.value.label ?? ""]: !0
@@ -44,7 +44,7 @@ function d(d, f, p) {
 		tabindex: g.value.disabled ? -1 : 0,
 		"aria-label": g.value.clearLabel ?? "Remove",
 		"aria-disabled": g.value.disabled ? !0 : void 0
-	}, a({
+	}, s({
 		"inline-flex shrink-0 cursor-pointer items-center justify-center rounded-sm text-dark-400 transition-colors duration-150 hover:text-dark-700 dark:text-dark-500 dark:hover:text-dark-200": !0,
 		[v.value.clear ?? ""]: !0
 	})));

package/dist/Components/DateField/DateField.vue.d.ts

@@ -1,4 +1,4 @@
-import { DatePickerModel } from '@bridge-ui/core';
+import { DatePickerModel } from '@bridge-ui/core/Domain';
 import { DateFieldOwnProps, DateFieldSlots } from './dateField.types';
 type __VLS_Slots = DateFieldSlots;
 type __VLS_Props = DateFieldOwnProps;
@@ -8,17 +8,22 @@ type __VLS_ModelProps = {
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     clear: () => any;
+    apply: () => any;
+    cancel: () => any;
     change: (value: DatePickerModel) => any;
     close: () => any;
     open: () => any;
     "update:modelValue": (value: DatePickerModel | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onClear?: (() => any) | undefined;
+    onApply?: (() => any) | undefined;
+    onCancel?: (() => any) | undefined;
     onChange?: ((value: DatePickerModel) => any) | undefined;
     onClose?: (() => any) | undefined;
     onOpen?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: DatePickerModel | undefined) => any) | undefined;
 }>, {
+    showFooter: boolean;
     showErrorIcon: boolean;
     clearable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/Components/DateField/DateField.vue_vue_type_script_setup_true_lang.js

@@ -1,16 +1,18 @@
 import { useResolveMessage as e } from "../../Adapters/I18n/useI18nAdapter.js";
-import t from "../Icon/Icon.js";
-import n from "../FormField/FormField.js";
-import r from "../FieldOverlay/FieldOverlay.js";
-import { useDateField as i } from "./composables/useDateField.js";
-import a from "../DatePicker/DatePicker.js";
-import { Fragment as o, computed as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, guardReactiveProps as m, isRef as h, mergeModels as g, mergeProps as _, normalizeClass as v, normalizeProps as y, openBlock as b, ref as x, renderSlot as S, toDisplayString as C, unref as w, useModel as T, withCtx as E, withKeys as D, withModifiers as O } from "vue";
-import { isUndefined as k } from "es-toolkit/compat";
+import { presentSlotNames as t } from "../../Utils/slotOrProp.js";
+import n from "../Icon/Icon.js";
+import { FORM_FIELD_CHROME_SLOT_NAMES as r } from "../FormField/formField.types.js";
+import i from "../FormField/FormField.js";
+import a from "../FieldOverlay/FieldOverlay.js";
+import { useDateField as o } from "./composables/useDateField.js";
+import s from "../DatePicker/DatePicker.js";
+import { Fragment as c, computed as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createSlots as p, createTextVNode as m, createVNode as h, defineComponent as g, guardReactiveProps as _, mergeModels as v, mergeProps as y, normalizeClass as b, normalizeProps as x, openBlock as S, ref as C, renderList as w, renderSlot as T, toDisplayString as E, unref as D, useModel as O, withCtx as k, withKeys as A, withModifiers as j } from "vue";
+import { isUndefined as M } from "es-toolkit/compat";
 //#region src/Components/DateField/DateField.vue?vue&type=script&setup=true&lang.ts
-var A = { class: "flex min-w-0 flex-1 items-center gap-1" }, j = ["aria-label"], M = /*@__PURE__*/ p({
+var N = { class: "flex min-w-0 flex-1 items-center gap-1" }, P = ["aria-label"], F = /*@__PURE__*/ g({
 	inheritAttrs: !1,
 	__name: "DateField",
-	props: /*@__PURE__*/ g({
+	props: /*@__PURE__*/ v({
 		classes: {},
 		clearable: {
 			type: Boolean,
@@ -31,7 +33,10 @@ var A = { class: "flex min-w-0 flex-1 items-center gap-1" }, j = ["aria-label"],
 		multiple: { type: Boolean },
 		overlay: {},
 		range: { type: Boolean },
-		showFooter: { type: Boolean },
+		showFooter: {
+			type: Boolean,
+			default: void 0
+		},
 		startOfWeek: {},
 		timeZone: {},
 		color: {},
@@ -62,64 +67,73 @@ var A = { class: "flex min-w-0 flex-1 items-center gap-1" }, j = ["aria-label"],
 		modelValue: {},
 		modelModifiers: {}
 	}),
-	emits: /*@__PURE__*/ g([
+	emits: /*@__PURE__*/ v([
+		"apply",
+		"cancel",
 		"change",
 		"clear",
 		"close",
 		"open"
 	], ["update:modelValue"]),
-	setup(p, { emit: g }) {
-		let M = T(p, "modelValue"), N = p, P = g, F = e(), I = x(N.defaultValue ?? null), L = s({
+	setup(g, { emit: v }) {
+		let F = O(g, "modelValue"), I = g, L = v, R = e(), z = C(I.defaultValue ?? null), B = l({
 			set: (e) => {
-				M.value = e, I.value = e;
+				F.value = e, z.value = e;
 			},
-			get: () => k(M.value) ? I.value : M.value
-		}), { open: R, overlay: z, dateOnly: B, formField: V, inputBind: H, clearBind: U, clearValue: W, modelValue: G, showFooter: K, pickerClass: q, clearIconSize: J, showClearIcon: Y, handleOpenChange: X, handlePickerChange: Z, handlePickerCancel: Q, overlayCustomProps: $, datePickerCustomProps: ee } = i(N, L, P);
-		return (e, i) => (b(), l(o, null, [f(w(n), { field: w(V) }, {
-			default: E(() => [u("div", A, [u("input", y(m(w(H))), null, 16), w(Y) ? (b(), l("span", _({ key: 0 }, w(U), {
-				onClick: i[0] ||= (...e) => w(W) && w(W)(...e),
-				"aria-label": w(F)("Clear"),
-				onKeydown: [i[1] ||= D(O((...e) => w(W) && w(W)(...e), ["prevent"]), ["enter"]), i[2] ||= D(O((...e) => w(W) && w(W)(...e), ["prevent"]), ["space"])]
-			}), [f(w(t), _({
+			get: () => M(F.value) ? z.value : F.value
+		}), { open: V, overlay: H, dateOnly: U, formField: W, inputBind: G, clearBind: K, clearValue: q, modelValue: J, showFooter: Y, pickerClass: X, clearIconSize: Z, showClearIcon: Q, handleOpenChange: $, handlePickerChange: ee, handlePickerCancel: te, overlayCustomProps: ne, datePickerCustomProps: re } = o(I, B, L);
+		return (e, o) => (S(), d(c, null, [h(D(i), { field: D(W) }, p({
+			default: k(() => [f("div", N, [f("input", x(_(D(G))), null, 16), D(Q) ? (S(), d("span", y({ key: 0 }, D(K), {
+				onClick: o[0] ||= (...e) => D(q) && D(q)(...e),
+				"aria-label": D(R)("Clear"),
+				onKeydown: [o[1] ||= A(j((...e) => D(q) && D(q)(...e), ["prevent"]), ["enter"]), o[2] ||= A(j((...e) => D(q) && D(q)(...e), ["prevent"]), ["space"])]
+			}), [h(D(n), y({
 				icon: "clear",
-				size: w(J)
-			}, N.customProps?.clearIcon), null, 16, ["size"])], 16, j)) : c("", !0)])]),
-			_: 1
-		}, 8, ["field"]), f(w(r), {
-			modelValue: w(R),
-			"onUpdate:modelValue": [i[3] ||= (e) => h(R) ? R.value = e : null, w(X)],
-			overlay: w(z),
-			"custom-props": w($)
+				size: D(Z)
+			}, I.customProps?.clearIcon), null, 16, ["size"])], 16, P)) : u("", !0)])]),
+			_: 2
+		}, [w(D(t)(D(r), e.$slots), (t) => ({
+			name: t,
+			fn: k((n) => [T(e.$slots, t, x(_(n || {})))])
+		}))]), 1032, ["field"]), h(D(a), {
+			overlay: D(H),
+			"model-value": D(V),
+			"custom-props": D(ne),
+			"onUpdate:modelValue": D($)
 		}, {
-			default: E(() => [f(w(a), {
-				value: w(G),
-				class: v(w(q)),
-				range: w(B).range,
-				"show-footer": w(K),
-				"read-only": N.readonly,
-				"max-date": w(B).maxDate,
-				"min-date": w(B).minDate,
-				multiple: w(B).multiple,
-				"time-zone": w(B).timeZone,
-				"hide-years": w(B).hideYears,
-				onChange: w(Z),
-				onCancel: w(Q),
-				"hide-months": w(B).hideMonths,
-				"default-view": w(B).defaultView,
-				color: w(V).merged.value.color,
-				"start-of-week": w(B).startOfWeek,
-				"custom-props": w(ee),
-				disabled: w(V).isDisabled.value,
-				"disable-dates": w(B).disableDates,
-				"hide-weekdays": w(B).hideWeekdays,
-				"disable-years": w(B).disableYears,
-				"disable-months": w(B).disableMonths,
-				rounded: w(V).merged.value.rounded,
-				"hide-outside-days": w(B).hideOutsideDays
-			}, {
-				day: E((t) => [S(e.$slots, "day", y(m(t)), () => [d(C(t.label), 1)])]),
-				_: 3
-			}, 8, [
+			default: k(() => [h(D(s), {
+				value: D(J),
+				class: b(D(X)),
+				range: D(U).range,
+				"show-footer": D(Y),
+				"read-only": I.readonly,
+				"max-date": D(U).maxDate,
+				"min-date": D(U).minDate,
+				multiple: D(U).multiple,
+				"time-zone": D(U).timeZone,
+				"hide-years": D(U).hideYears,
+				onChange: D(ee),
+				onCancel: D(te),
+				"hide-months": D(U).hideMonths,
+				"default-view": D(U).defaultView,
+				color: D(W).merged.value.color,
+				"start-of-week": D(U).startOfWeek,
+				"custom-props": D(re),
+				disabled: D(W).isDisabled.value,
+				"disable-dates": D(U).disableDates,
+				"hide-weekdays": D(U).hideWeekdays,
+				"disable-years": D(U).disableYears,
+				"disable-months": D(U).disableMonths,
+				rounded: D(W).merged.value.rounded,
+				"hide-outside-days": D(U).hideOutsideDays
+			}, p({
+				day: k((t) => [T(e.$slots, "day", x(_(t)), () => [m(E(t.label), 1)])]),
+				_: 2
+			}, [e.$slots.footer ? {
+				name: "footer",
+				fn: k((t) => [T(e.$slots, "footer", x(_(t)))]),
+				key: "0"
+			} : void 0]), 1032, [
 				"value",
 				"class",
 				"range",
@@ -147,12 +161,12 @@ var A = { class: "flex min-w-0 flex-1 items-center gap-1" }, j = ["aria-label"],
 			])]),
 			_: 3
 		}, 8, [
-			"modelValue",
 			"overlay",
+			"model-value",
 			"custom-props",
 			"onUpdate:modelValue"
 		])], 64));
 	}
 });
 //#endregion
-export { M as default };
+export { F as default };