@wisemen/vue-core-components 1.16.0 → 2.0.0-beta.0

package/dist/{AlertCircleIcon-DelrXF7c.js → AlertCircleIcon-D7CicIEs.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as o, openBlock as t, createElementVNode as r } from "vue";
-import { _ as n } from "./index-DOv-oW06.js";
+import { _ as n } from "./index-B8ijWIxM.js";
 const s = {}, l = {
   width: "100%",
   height: "100%",

package/dist/{AlertTriangleIcon-CFrELJcW.js → AlertTriangleIcon-DzlLdT1q.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as o, openBlock as t, createElementVNode as r } from "vue";
-import { _ as n } from "./index-DOv-oW06.js";
+import { _ as n } from "./index-B8ijWIxM.js";
 const s = {}, l = {
   width: "100%",
   height: "100%",

package/dist/{ArrowDownIcon-YUzB99vf.js → ArrowDownIcon-DZr01Sf6.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as t, createElementVNode as r } from "vue";
-import { _ as n } from "./index-DOv-oW06.js";
+import { _ as n } from "./index-B8ijWIxM.js";
 const s = {}, c = {
   width: "100%",
   height: "100%",

package/dist/{ArrowLeftIcon-DQOLkI3G.js → ArrowLeftIcon-CVU7B5Rv.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as o, openBlock as t, createElementVNode as r } from "vue";
-import { _ as n } from "./index-DOv-oW06.js";
+import { _ as n } from "./index-B8ijWIxM.js";
 const s = {}, c = {
   width: "100%",
   height: "100%",

package/dist/{ArrowRightIcon-DPGsCuTm.js → ArrowRightIcon-A8_LzUxJ.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as t, createElementVNode as r } from "vue";
-import { _ as n } from "./index-DOv-oW06.js";
+import { _ as n } from "./index-B8ijWIxM.js";
 const s = {}, i = {
   width: "100%",
   height: "100%",

package/dist/{ArrowUpIcon-BYiLoeeM.js → ArrowUpIcon-c-BbbYHh.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as t, createElementVNode as r } from "vue";
-import { _ as n } from "./index-DOv-oW06.js";
+import { _ as n } from "./index-B8ijWIxM.js";
 const s = {}, c = {
   width: "100%",
   height: "100%",

package/dist/{CalendarIcon-CaXOeBIG.js → CalendarIcon-D2NvYthk.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as o, openBlock as t, createElementVNode as r } from "vue";
-import { _ as n } from "./index-DOv-oW06.js";
+import { _ as n } from "./index-B8ijWIxM.js";
 const s = {}, l = {
   width: "100%",
   height: "100%",

package/dist/{CheckCircleIcon-4nD6B6qw.js → CheckCircleIcon-DKnYfS0a.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as o, openBlock as t, createElementVNode as r } from "vue";
-import { _ as n } from "./index-DOv-oW06.js";
+import { _ as n } from "./index-B8ijWIxM.js";
 const s = {}, c = {
   width: "100%",
   height: "100%",

package/dist/{CheckIcon-GzostKdM.js → CheckIcon-BdFM_PWS.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as o, openBlock as t, createElementVNode as r } from "vue";
-import { _ as n } from "./index-DOv-oW06.js";
+import { _ as n } from "./index-B8ijWIxM.js";
 const s = {}, c = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "100%",

package/dist/{ChevronLeftDoubleIcon-BJ0D12Dc.js → ChevronLeftDoubleIcon-BjIKgpkh.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as o, openBlock as t, createElementVNode as r } from "vue";
-import { _ as n } from "./index-DOv-oW06.js";
+import { _ as n } from "./index-B8ijWIxM.js";
 const s = {}, l = {
   width: "100%",
   height: "100%",

package/dist/{ChevronLeftIcon-3rZM_Sqp.js → ChevronLeftIcon-DhUy0U_9.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as o, openBlock as t, createElementVNode as r } from "vue";
-import { _ as n } from "./index-DOv-oW06.js";
+import { _ as n } from "./index-B8ijWIxM.js";
 const s = {}, c = {
   width: "100%",
   height: "100%",

package/dist/{ChevronRightDoubleIcon-DCEN8uqA.js → ChevronRightDoubleIcon-BF0prMpM.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as o, openBlock as t, createElementVNode as r } from "vue";
-import { _ as n } from "./index-DOv-oW06.js";
+import { _ as n } from "./index-B8ijWIxM.js";
 const s = {}, i = {
   width: "100%",
   height: "100%",

package/dist/{ChevronRightIcon-neBbVEWj.js → ChevronRightIcon-5hSTA6TF.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as o, openBlock as t, createElementVNode as r } from "vue";
-import { _ as n } from "./index-DOv-oW06.js";
+import { _ as n } from "./index-B8ijWIxM.js";
 const s = {}, i = {
   width: "100%",
   height: "100%",

package/dist/{CloseIcon-B_VHoSvl.js → CloseIcon-C0sSLkrm.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as o, openBlock as t, createElementVNode as r } from "vue";
-import { _ as n } from "./index-DOv-oW06.js";
+import { _ as n } from "./index-B8ijWIxM.js";
 const s = {}, l = {
   width: "100%",
   height: "100%",

package/dist/{EyeIcon-YhMct6aT.js → EyeIcon-LaL5PkGR.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as r, createElementVNode as e } from "vue";
-import { _ as n } from "./index-DOv-oW06.js";
+import { _ as n } from "./index-B8ijWIxM.js";
 const s = {}, l = {
   width: "100%",
   height: "100%",

package/dist/{EyeOffIcon-z84NVCfW.js → EyeOffIcon-CG1ArkOt.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as o, openBlock as t, createElementVNode as r } from "vue";
-import { _ as n } from "./index-DOv-oW06.js";
+import { _ as n } from "./index-B8ijWIxM.js";
 const s = {}, C = {
   width: "100%",
   height: "100%",

package/dist/{InfoCircleIcon-Do8jlre3.js → InfoCircleIcon-itEN2uGV.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as r, createElementVNode as o } from "vue";
-import { _ as n } from "./index-DOv-oW06.js";
+import { _ as n } from "./index-B8ijWIxM.js";
 const c = {}, i = {
   width: "100%",
   height: "100%",

package/dist/{MinusIcon-Cg7Y1Zzn.js → MinusIcon-Dm3It5EC.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as o, openBlock as t, createElementVNode as n } from "vue";
-import { _ as r } from "./index-DOv-oW06.js";
+import { _ as r } from "./index-B8ijWIxM.js";
 const s = {}, i = {
   width: "100%",
   height: "100%",

package/dist/{PlusIcon-CGSS6aDj.js → PlusIcon-C71GCIJ1.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as o, openBlock as t, createElementVNode as r } from "vue";
-import { _ as n } from "./index-DOv-oW06.js";
+import { _ as n } from "./index-B8ijWIxM.js";
 const s = {}, l = {
   width: "100%",
   height: "100%",

package/dist/{SearchIcon-DAeP3qTk.js → SearchIcon-DMDvaCjI.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as o, openBlock as t, createElementVNode as r } from "vue";
-import { _ as n } from "./index-DOv-oW06.js";
+import { _ as n } from "./index-B8ijWIxM.js";
 const s = {}, c = {
   width: "100%",
   height: "100%",

package/dist/{SelectIconRight-DtGBKWnU.js → SelectIconRight-CpQjNlqt.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as o, createElementVNode as r } from "vue";
-import { _ as n } from "./index-DOv-oW06.js";
+import { _ as n } from "./index-B8ijWIxM.js";
 const s = {}, c = {
   width: "100%",
   height: "100%",

package/dist/{StarsIcon-CWbJpnyG.js → StarsIcon-CtRxOZ6l.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as o, openBlock as t, createElementVNode as r } from "vue";
-import { _ as n } from "./index-DOv-oW06.js";
+import { _ as n } from "./index-B8ijWIxM.js";
 const s = {}, c = {
   width: "100%",
   height: "100%",

package/dist/{SwitchVerticalIcon-DuMoRd-N.js → SwitchVerticalIcon-BbFWYPhT.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as o, createElementVNode as r } from "vue";
-import { _ as n } from "./index-DOv-oW06.js";
+import { _ as n } from "./index-B8ijWIxM.js";
 const s = {}, c = {
   width: "100%",
   height: "100%",

package/dist/{TranslateIcon-CLNdq2P3.js → TranslateIcon-BWa8fOJh.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as o, openBlock as t, createElementVNode as r } from "vue";
-import { _ as n } from "./index-DOv-oW06.js";
+import { _ as n } from "./index-B8ijWIxM.js";
 const s = {}, l = {
   width: "100%",
   height: "100%",

package/dist/class-variant/classVariant.type.d.ts

@@ -21,7 +21,6 @@ import { createRadioGroupItemStyle } from '../components/radio-group-item/radioG
 import { createSelectStyle } from '../components/select/style/select.style';
 import { createSwitchStyle } from '../components/switch/switch.style';
 import { createTableStyle } from '../components/table/table.style';
-import { createTableNextStyle } from '../components/table-next/table.style';
 import { createTabsStyle } from '../components/tabs/shared/tabs.style';
 import { createTextFieldStyle } from '../components/text-field/textField.style';
 import { createTextareaStyle } from '../components/textarea/textarea.style';
@@ -140,12 +139,6 @@ export interface ComponentMap {
             headerCellButton: 'button';
         };
     };
-    tableNext: {
-        style: typeof createTableNextStyle;
-        children: {
-            headerCellButton: 'button';
-        };
-    };
     tabs: {
         style: typeof createTabsStyle;
         children: {

package/dist/components/button/default-button/Button.d.ts

@@ -49,12 +49,8 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<ButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    focus: (e: FocusEvent) => any;
-    blur: (e: FocusEvent) => any;
     click: (e: MouseEvent) => any;
 }, string, import('vue').PublicProps, Readonly<ButtonProps> & Readonly<{
-    onFocus?: ((e: FocusEvent) => any) | undefined;
-    onBlur?: ((e: FocusEvent) => any) | undefined;
     onClick?: ((e: MouseEvent) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/button/default-button/parts/ButtonRoot.d.ts

@@ -9,12 +9,8 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<ButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    focus: (e: FocusEvent) => any;
-    blur: (e: FocusEvent) => any;
     click: (e: MouseEvent) => any;
 }, string, import('vue').PublicProps, Readonly<ButtonProps> & Readonly<{
-    onFocus?: ((e: FocusEvent) => any) | undefined;
-    onBlur?: ((e: FocusEvent) => any) | undefined;
     onClick?: ((e: MouseEvent) => any) | undefined;
 }>, {
     size: "sm" | "md" | "lg" | "xl" | "2xl";

package/dist/components/button/icon-button/IconButton.d.ts

@@ -25,12 +25,8 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<IconButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    focus: (e: FocusEvent) => any;
-    blur: (e: FocusEvent) => any;
     click: (e: MouseEvent) => any;
 }, string, import('vue').PublicProps, Readonly<IconButtonProps> & Readonly<{
-    onFocus?: ((e: FocusEvent) => any) | undefined;
-    onBlur?: ((e: FocusEvent) => any) | undefined;
     onClick?: ((e: MouseEvent) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/button/icon-button/parts/IconButtonRoot.d.ts

@@ -9,12 +9,8 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<IconButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    focus: (e: FocusEvent) => any;
-    blur: (e: FocusEvent) => any;
     click: (e: MouseEvent) => any;
 }, string, import('vue').PublicProps, Readonly<IconButtonProps> & Readonly<{
-    onFocus?: ((e: FocusEvent) => any) | undefined;
-    onBlur?: ((e: FocusEvent) => any) | undefined;
     onClick?: ((e: MouseEvent) => any) | undefined;
 }>, {
     size: "sm" | "md" | "lg" | "xl" | "2xl";

package/dist/components/button/shared/sharedButton.props.d.ts

@@ -13,6 +13,4 @@ export interface SharedButtonProps extends TestId, InteractableElement {
 }
 export interface ButtonEmits {
     (event: 'click', e: MouseEvent): void;
-    (event: 'focus', e: FocusEvent): void;
-    (event: 'blur', e: FocusEvent): void;
 }

package/dist/components/config-provider/ConfigProvider.d.ts

@@ -1,4 +1,5 @@
 import { AutoCloseToastConfig, ToastPosition } from '../toast/toast.composable';
+import { HourCycle } from '../../types/hourCycle.type';
 type __VLS_Props = {
     /**
      * Whether the keyboard shortcut hints should be hidden.
@@ -17,6 +18,12 @@ type __VLS_Props = {
      * @default null
      */
     googleMapsApiKey?: string;
+    /**
+     * The hour cycle to use for time-related components.
+     * Can be either 'h12' or 'h24'. If not provided, the system locale's default will be used.
+     * @default null
+     */
+    hourCycle?: HourCycle;
     /**
      * The locale to use for localization.
      */

package/dist/components/config-provider/config.context.d.ts

@@ -1,9 +1,11 @@
 import { ComputedRef } from 'vue';
 import { AutoCloseToastConfig, ToastPosition } from '../toast/toast.composable';
+import { HourCycle } from '../../types/hourCycle.type';
 interface ConfigContext {
     areKeyboardShortcutHintsHidden: ComputedRef<boolean>;
     autoCloseToast: ComputedRef<AutoCloseToastConfig | null>;
     googleMapsApiKey: string | null;
+    hourCycle: ComputedRef<HourCycle | null>;
     locale: ComputedRef<string>;
     pagination?: {
         limit?: number;

package/dist/components/config-provider/index.d.ts

@@ -1 +1,2 @@
+export { useInjectConfigContext } from './config.context';
 export { default as VcConfigProvider } from './ConfigProvider';

package/dist/components/date-field/DateField.d.ts

@@ -1,24 +1,34 @@
-import { DateFieldEmits } from './dateField.emits';
+import { Temporal } from 'temporal-polyfill';
 import { DateFieldProps } from './dateField.props';
 import { DateFieldSlots } from './dateField.slots';
-declare const _default: <TValue extends Date>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
-        readonly onFocus?: ((e: FocusEvent) => any) | undefined;
-        readonly onBlur?: ((e: FocusEvent) => any) | undefined;
-        readonly "onUpdate:modelValue"?: ((value: TValue | null) => any) | undefined;
-        readonly "onUpdate:placeholderValue"?: ((value: TValue | null) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onFocus" | "onBlur" | "onUpdate:modelValue" | "onUpdate:placeholderValue"> & ({
-        modelValue: TValue | null;
-        placeholderValue?: TValue | null;
-    } & DateFieldProps) & Partial<{}>> & import('vue').PublicProps;
-    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
-    attrs: any;
+type __VLS_Props = DateFieldProps;
+type __VLS_PublicProps = {
+    modelValue: Temporal.PlainDate | null;
+    'placeholderValue'?: Temporal.PlainDate | null;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: Readonly<DateFieldSlots> & DateFieldSlots;
-    emit: DateFieldEmits & (((evt: "update:modelValue", value: TValue | null) => void) & ((evt: "update:placeholderValue", value: TValue | null) => void));
-}>) => import('vue').VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
+    refs: {};
+    rootEl: HTMLDivElement;
 };
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: Temporal.PlainDate | null) => any;
+    "update:placeholderValue": (value: Temporal.PlainDate | null) => any;
+} & {
+    focus: (e: FocusEvent) => any;
+    blur: (e: FocusEvent) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onFocus?: ((e: FocusEvent) => any) | undefined;
+    onBlur?: ((e: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: Temporal.PlainDate | null) => any) | undefined;
+    "onUpdate:placeholderValue"?: ((value: Temporal.PlainDate | null) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_PrettifyLocal<T> = {
-    [K in keyof T]: T[K];
-} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/date-field/dateField.context.d.ts

@@ -1,3 +1,4 @@
+import { Temporal } from 'temporal-polyfill';
 import { ComputedRef, Ref } from 'vue';
 import { ResolvedClassConfig } from '../../class-variant/classVariant.type';
 import { DateFieldProps } from './dateField.props';
@@ -5,8 +6,8 @@ import { CreateDateFieldStyle } from './dateField.style';
 import { PropsToComputed } from '../../utils/props.util';
 interface DateFieldContext extends PropsToComputed<DateFieldProps> {
     customClassConfig: ComputedRef<ResolvedClassConfig<'dateField'>>;
-    modelValue: Ref<Date | null>;
-    placeholderValue: Ref<Date>;
+    modelValue: Ref<Temporal.PlainDate | null>;
+    placeholderValue: Ref<Temporal.PlainDate>;
     style: ComputedRef<CreateDateFieldStyle>;
     onBlur: (event: FocusEvent) => void;
     onFocus: (event: FocusEvent) => void;

package/dist/components/date-field/index.d.ts

@@ -4,5 +4,5 @@ export { default as VcDateField } from './DateField';
 export { default as VcDateFieldIconLeft } from './parts/DateFieldIconLeft';
 export { default as VcDateFieldInput } from './parts/DateFieldInput';
 export { default as VcDateFieldLoader } from './parts/DateFieldLoader';
-export { default as VcDatefieldPopover } from './parts/DatefieldPopover';
+export { default as VcDateFieldPopover } from './parts/DateFieldPopover';
 export { default as VcDateFieldRoot } from './parts/DateFieldRoot';

package/dist/components/date-field/parts/DateFieldRoot.d.ts

@@ -1,17 +1,13 @@
-import { DateFieldEmits } from '../dateField.emits';
+import { Temporal } from 'temporal-polyfill';
+import { ResolvedClassConfig } from '../../../class-variant/classVariant.type';
 import { DateFieldProps } from '../dateField.props';
-declare const _default: <TValue extends Date>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
-        readonly onFocus?: ((e: FocusEvent) => any) | undefined;
-        readonly onBlur?: ((e: FocusEvent) => any) | undefined;
-        readonly "onUpdate:modelValue"?: ((value: TValue | null) => any) | undefined;
-        readonly "onUpdate:placeholderValue"?: ((value: TValue | null) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onFocus" | "onBlur" | "onUpdate:modelValue" | "onUpdate:placeholderValue"> & ({
-        modelValue: TValue | null;
-        placeholderValue?: TValue | null;
-    } & DateFieldProps) & Partial<{}>> & import('vue').PublicProps;
-    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
-    attrs: any;
+type __VLS_Props = DateFieldProps;
+type __VLS_PublicProps = {
+    modelValue: Temporal.PlainDate | null;
+    'placeholderValue'?: Temporal.PlainDate | null;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {
             segments: {
@@ -20,11 +16,47 @@ declare const _default: <TValue extends Date>(__VLS_props: NonNullable<Awaited<t
             }[];
         }): any;
     };
-    emit: DateFieldEmits & (((evt: "update:modelValue", value: TValue | null) => void) & ((evt: "update:placeholderValue", value: TValue | null) => void));
-}>) => import('vue').VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
+    refs: {};
+    rootEl: any;
 };
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: Temporal.PlainDate | null) => any;
+    "update:placeholderValue": (value: Temporal.PlainDate | null) => any;
+} & {
+    focus: (e: FocusEvent) => any;
+    blur: (e: FocusEvent) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onFocus?: ((e: FocusEvent) => any) | undefined;
+    onBlur?: ((e: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: Temporal.PlainDate | null) => any) | undefined;
+    "onUpdate:placeholderValue"?: ((value: Temporal.PlainDate | null) => any) | undefined;
+}>, {
+    variant: null;
+    iconLeft: import('../../..').Icon | null;
+    label: string | null;
+    hint: string | null;
+    isLoading: boolean;
+    testId: string | null;
+    isDisabled: boolean;
+    id: string | null;
+    isRequired: boolean;
+    isTouched: boolean;
+    errorMessage: string | null;
+    classConfig: ResolvedClassConfig<"dateField"> | null;
+    autocomplete: "off" | "on";
+    hideDatePicker: boolean;
+    maxDate: Date | null;
+    minDate: Date | null;
+    isDateDisabled: (date: Date) => boolean;
+    isDateUnavailable: (date: Date) => boolean;
+    allowDeselect: boolean;
+    showTwoMonths: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_PrettifyLocal<T> = {
-    [K in keyof T]: T[K];
-} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/date-picker/range/DateRangePicker.d.ts

@@ -1,9 +1,10 @@
+import { Temporal } from 'temporal-polyfill';
 import { DateRangePickerProps } from './dateRangePicker.props';
 import { DateRange } from '../../../types/dateRange.type';
 type __VLS_Props = DateRangePickerProps;
 type __VLS_PublicProps = {
-    modelValue: DateRange;
-    'placeholderValue'?: Date;
+    modelValue: DateRange<Temporal.PlainDate>;
+    'placeholderValue'?: Temporal.PlainDate;
 } & __VLS_Props;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -17,11 +18,11 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: DateRange<Date>) => any;
-    "update:placeholderValue": (value: Date) => any;
+    "update:modelValue": (value: DateRange<Temporal.PlainDate>) => any;
+    "update:placeholderValue": (value: Temporal.PlainDate) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: DateRange<Date>) => any) | undefined;
-    "onUpdate:placeholderValue"?: ((value: Date) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: DateRange<Temporal.PlainDate>) => any) | undefined;
+    "onUpdate:placeholderValue"?: ((value: Temporal.PlainDate) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/date-picker/range/dateRangePicker.context.d.ts

@@ -1,3 +1,4 @@
+import { Temporal } from 'temporal-polyfill';
 import { ComputedRef, Ref } from 'vue';
 import { ResolvedClassConfig } from '../../../class-variant/classVariant.type';
 import { DateRangePickerProps } from './dateRangePicker.props';
@@ -6,8 +7,8 @@ import { DateRange } from '../../../types/dateRange.type';
 import { PropsToComputed } from '../../../utils/props.util';
 interface DateRangePickerContext extends PropsToComputed<DateRangePickerProps> {
     customClassConfig: ComputedRef<ResolvedClassConfig<'dateRangePicker'>>;
-    modelValue: Ref<DateRange>;
-    placeholderValue: Ref<Date>;
+    modelValue: Ref<DateRange<Temporal.PlainDate>>;
+    placeholderValue: Ref<Temporal.PlainDate>;
     style: ComputedRef<CreateDateRangePickerStyle>;
 }
 export declare const useProvideDateRangePickerContext: (context: DateRangePickerContext) => DateRangePickerContext, useInjectDateRangePickerContext: <TFallback extends DateRangePickerContext | null = DateRangePickerContext>(fallback?: TFallback | undefined) => TFallback extends null ? DateRangePickerContext | null : DateRangePickerContext;

package/dist/components/date-picker/range/parts/DateRangePickerRoot.d.ts

@@ -1,11 +1,12 @@
 import { DateValue } from 'reka-ui';
+import { Temporal } from 'temporal-polyfill';
 import { DateRangePickerProps } from '../dateRangePicker.props';
 import { Grid } from '../../shared/datePicker.type';
 import { DateRange } from '../../../../types/dateRange.type';
 type __VLS_Props = DateRangePickerProps;
 type __VLS_PublicProps = {
-    modelValue: DateRange;
-    'placeholderValue'?: Date;
+    modelValue: DateRange<Temporal.PlainDate>;
+    'placeholderValue'?: Temporal.PlainDate;
 } & __VLS_Props;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -20,11 +21,11 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: DateRange<Date>) => any;
-    "update:placeholderValue": (value: Date) => any;
+    "update:modelValue": (value: DateRange<Temporal.PlainDate>) => any;
+    "update:placeholderValue": (value: Temporal.PlainDate) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: DateRange<Date>) => any) | undefined;
-    "onUpdate:placeholderValue"?: ((value: Date) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: DateRange<Temporal.PlainDate>) => any) | undefined;
+    "onUpdate:placeholderValue"?: ((value: Temporal.PlainDate) => any) | undefined;
 }>, {
     variant: null;
     testId: string | null;

package/dist/components/date-picker/shared/datePicker.util.d.ts

@@ -1,5 +1,8 @@
 import { DateValue } from 'reka-ui';
+import { Temporal } from 'temporal-polyfill';
 export declare function dateToDateValue(date: Date): DateValue;
+export declare function dateValueToPlainDate(value: DateValue): Temporal.PlainDate;
+export declare function plainDateToDateValue(plainDate: Temporal.PlainDate): DateValue;
 export declare function dateValueToDate(value: DateValue): Date;
 export declare function getMonthName(month: number, locale: string, format: 'long' | 'short'): string;
 export declare function getDaysInMonth(month: number, year: number): number;

package/dist/components/date-picker/single/DatePicker.d.ts

@@ -1,8 +1,9 @@
+import { Temporal } from 'temporal-polyfill';
 import { DatePickerProps } from './datePicker.props';
 type __VLS_Props = DatePickerProps;
 type __VLS_PublicProps = {
-    modelValue: Date | null;
-    'placeholderValue'?: Date;
+    modelValue: Temporal.PlainDate | null;
+    'placeholderValue'?: Temporal.PlainDate;
 } & __VLS_Props;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -16,11 +17,11 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: Date | null) => any;
-    "update:placeholderValue": (value: Date) => any;
+    "update:modelValue": (value: Temporal.PlainDate | null) => any;
+    "update:placeholderValue": (value: Temporal.PlainDate) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: Date | null) => any) | undefined;
-    "onUpdate:placeholderValue"?: ((value: Date) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: Temporal.PlainDate | null) => any) | undefined;
+    "onUpdate:placeholderValue"?: ((value: Temporal.PlainDate) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/date-picker/single/datePicker.context.d.ts

@@ -1,3 +1,4 @@
+import { Temporal } from 'temporal-polyfill';
 import { ComputedRef, Ref } from 'vue';
 import { ResolvedClassConfig } from '../../../class-variant/classVariant.type';
 import { DatePickerProps } from './datePicker.props';
@@ -5,8 +6,8 @@ import { CreateDatePickerStyle } from './datePicker.style';
 import { PropsToComputed } from '../../../utils/props.util';
 interface DatePickerContext extends PropsToComputed<DatePickerProps> {
     customClassConfig: ComputedRef<ResolvedClassConfig<'datePicker'>>;
-    modelValue: Ref<Date | null>;
-    placeholderValue: Ref<Date>;
+    modelValue: Ref<Temporal.PlainDate | null>;
+    placeholderValue: Ref<Temporal.PlainDate>;
     style: ComputedRef<CreateDatePickerStyle>;
 }
 export declare const useProvideDatePickerContext: (context: DatePickerContext) => DatePickerContext, useInjectDatePickerContext: <TFallback extends DatePickerContext | null = DatePickerContext>(fallback?: TFallback | undefined) => TFallback extends null ? DatePickerContext | null : DatePickerContext;