@wisemen/vue-core-components 1.3.0 → 1.4.0

package/dist/{AlertCircleIcon-B3d-CXUl.js → AlertCircleIcon-Duy-YAaz.js}

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

package/dist/{ArrowDownIcon-BEFV2gBy.js → ArrowDownIcon-CBqD-ATH.js}

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

package/dist/{ArrowLeftIcon-BUfGaRGE.js → ArrowLeftIcon-LilWH7zD.js}

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

package/dist/{ArrowRightIcon-DCZJpxrp.js → ArrowRightIcon-BW7jNwDM.js}

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

package/dist/{ArrowUpIcon-BO_2dPlE.js → ArrowUpIcon-C9QAU1eL.js}

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

package/dist/{CalendarIcon-D-ESDpv5.js → CalendarIcon-BnaryxEe.js}

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

package/dist/{CheckCircleIcon-CsEUfOQY.js → CheckCircleIcon-i6qfMCwV.js}

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

package/dist/{CheckIcon-B9vyutJQ.js → CheckIcon-KVWVu-mw.js}

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

package/dist/{ChevronLeftDoubleIcon-BfI5koax.js → ChevronLeftDoubleIcon-DsnaKLT1.js}

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

package/dist/{ChevronLeftIcon-CHlLCOSs.js → ChevronLeftIcon-Box6BbFT.js}

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

package/dist/{ChevronRightDoubleIcon-CeWN33JQ.js → ChevronRightDoubleIcon-C-4NzWtx.js}

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

package/dist/{ChevronRightIcon-BwpcvIev.js → ChevronRightIcon-Dm0kif48.js}

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

package/dist/{CloseIcon-DZsSXl1P.js → CloseIcon-2gXLYTLG.js}

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

package/dist/{EyeIcon-cR6b22LR.js → EyeIcon-BOSosMdL.js}

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

package/dist/{EyeOffIcon-DTYD7SQ_.js → EyeOffIcon-Cy-jd2S4.js}

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

package/dist/{InfoCircleIcon-COWXV4q0.js → InfoCircleIcon-D_lBWIvH.js}

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

package/dist/{MinusIcon-FShUNBG1.js → MinusIcon-DibrVeA0.js}

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

package/dist/{PlusIcon-DIGSFATw.js → PlusIcon-CPaS6BcY.js}

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

package/dist/{SearchIcon-CpBI2Qr3.js → SearchIcon-BbaxZhZ3.js}

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

package/dist/{SelectIconRight-BOybCSHX.js → SelectIconRight-CpHMAMSc.js}

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

package/dist/{StarsIcon-ks2XfKLG.js → StarsIcon-FCc9vQkR.js}

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

package/dist/{SwitchVerticalIcon-Djmf8zA3.js → SwitchVerticalIcon-bPVIUTkW.js}

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

package/dist/{TranslateIcon-yQgLQSq0.js → TranslateIcon-CMfmDqWP.js}

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

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

@@ -1,11 +1,14 @@
 import { VariantProps } from 'tailwind-variants';
 import { createAvatarStyle } from '../components/avatar/avatar.style';
+import { createBadgeStyle } from '../components/badge/badge.style';
 import { createButtonStyle } from '../components/button/default-button/button.style';
 import { createIconButtonStyle } from '../components/button/icon-button/iconButton.style';
 import { createRouterLinkButtonStyle } from '../components/button/router-link-button/routerLinkButton.style';
 import { createCheckboxStyle } from '../components/checkbox/checkbox.style';
 import { createDateFieldStyle } from '../components/date-field/dateField.style';
+import { createDateRangePickerStyle } from '../components/date-picker/range/dateRangePicker.style';
 import { createDatePickerStyle } from '../components/date-picker/single/datePicker.style';
+import { createDateRangeFieldStyle } from '../components/date-range-field/dateRangeField.style';
 import { createDialogStyle } from '../components/dialog/dialog.style';
 import { createDropdownMenuStyle } from '../components/dropdown-menu/dropdownMenu.style';
 import { createFormFieldStyle } from '../components/form-field/formField.style';
@@ -28,6 +31,12 @@ export interface ComponentMap {
         style: typeof createAvatarStyle;
         children: {};
     };
+    badge: {
+        style: typeof createBadgeStyle;
+        children: {
+            removeButton: 'iconButton';
+        };
+    };
     button: {
         style: typeof createButtonStyle;
         children: {};
@@ -46,6 +55,16 @@ export interface ComponentMap {
         style: typeof createDatePickerStyle;
         children: {};
     };
+    dateRangeField: {
+        style: typeof createDateRangeFieldStyle;
+        children: {
+            datePicker: 'dateRangePicker';
+        };
+    };
+    dateRangePicker: {
+        style: typeof createDateRangePickerStyle;
+        children: {};
+    };
     dialog: {
         style: typeof createDialogStyle;
         children: {
@@ -62,9 +81,7 @@ export interface ComponentMap {
     };
     iconButton: {
         style: typeof createIconButtonStyle;
-        children: {
-            avatar: 'avatar';
-        };
+        children: {};
     };
     keyboardKey: {
         style: typeof createKeyboardKeyStyle;

package/dist/components/badge/Badge.d.ts

@@ -0,0 +1,24 @@
+import { BadgeProps } from './badge.props';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        left?(_: {}): any;
+        default?(_: {}): any;
+        right?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<BadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    remove: () => any;
+}, string, import('vue').PublicProps, Readonly<BadgeProps> & Readonly<{
+    onRemove?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/badge/badge.context.d.ts

@@ -0,0 +1,12 @@
+import { ComputedRef } from 'vue';
+import { ResolvedClassConfig } from '../../class-variant/classVariant.type';
+import { BadgeProps } from './badge.props';
+import { CreateBadgeStyle } from './badge.style';
+import { PropsToComputed } from '../../utils/props.util';
+interface BadgeContext extends PropsToComputed<BadgeProps> {
+    customClassConfig: ComputedRef<ResolvedClassConfig<'badge'>>;
+    style: ComputedRef<CreateBadgeStyle>;
+    onRemove: () => void;
+}
+export declare const useProvideBadgeContext: (context: BadgeContext) => BadgeContext, useInjectBadgeContext: <TFallback extends BadgeContext | null = BadgeContext>(fallback?: TFallback | undefined) => TFallback extends null ? BadgeContext | null : BadgeContext;
+export {};

package/dist/components/badge/badge.emits.d.ts

@@ -0,0 +1,3 @@
+export interface BadgeEmits {
+    (event: 'remove'): void;
+}

package/dist/components/badge/badge.props.d.ts

@@ -0,0 +1,28 @@
+import { CustomizableElement, GetComponentProp } from '../../class-variant/classVariant.type';
+import { Icon } from '../../icons/icons';
+import { TestId } from '../../utils/props.util';
+export interface BadgeProps extends TestId, CustomizableElement<'badge'> {
+    /**
+     * If true, a button will be visible to remove the badge.
+     * @default false
+     */
+    isRemovable?: boolean;
+    /**
+     * The color of the badge.
+     */
+    color: GetComponentProp<'badge', 'color'>;
+    /**
+     * An icon to be displayed in the left side of badge.
+     * @default null
+     */
+    icon?: Icon | null;
+    /**
+     * The size of the badge.
+     * @default 'md'
+     */
+    size?: GetComponentProp<'badge', 'size'>;
+    /**
+     * The visual style of the badge.
+     */
+    variant: GetComponentProp<'badge', 'variant'>;
+}

package/dist/components/badge/badge.style.d.ts

@@ -0,0 +1,115 @@
+import { VariantProps } from 'tailwind-variants';
+export declare const createBadgeStyle: import('tailwind-variants').TVReturnType<{
+    variant: {
+        outline: {};
+        solid: {};
+        translucent: {};
+    };
+    color: {
+        brand: {
+            root: string;
+        };
+        error: {
+            root: string;
+        };
+        gray: {
+            root: string;
+        };
+        success: {
+            root: string;
+        };
+        warning: {
+            root: string;
+        };
+    };
+    size: {
+        lg: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        sm: {
+            root: string;
+        };
+    };
+}, {
+    icon: string;
+    root: string;
+}, undefined, {
+    variant: {
+        outline: {};
+        solid: {};
+        translucent: {};
+    };
+    color: {
+        brand: {
+            root: string;
+        };
+        error: {
+            root: string;
+        };
+        gray: {
+            root: string;
+        };
+        success: {
+            root: string;
+        };
+        warning: {
+            root: string;
+        };
+    };
+    size: {
+        lg: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        sm: {
+            root: string;
+        };
+    };
+}, {
+    icon: string;
+    root: string;
+}, import('tailwind-variants').TVReturnType<{
+    variant: {
+        outline: {};
+        solid: {};
+        translucent: {};
+    };
+    color: {
+        brand: {
+            root: string;
+        };
+        error: {
+            root: string;
+        };
+        gray: {
+            root: string;
+        };
+        success: {
+            root: string;
+        };
+        warning: {
+            root: string;
+        };
+    };
+    size: {
+        lg: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        sm: {
+            root: string;
+        };
+    };
+}, {
+    icon: string;
+    root: string;
+}, undefined, unknown, unknown, undefined>>;
+export type BadgeStyle = VariantProps<typeof createBadgeStyle>;
+export type CreateBadgeStyle = ReturnType<typeof createBadgeStyle>;

package/dist/components/badge/index.d.ts

@@ -0,0 +1,5 @@
+export type { BadgeProps as VcBadgeProps } from './badge.props';
+export { default as VcBadge } from './Badge';
+export { default as VcBadgeIcon } from './parts/BadgeIcon';
+export { default as VcBadgeRemoveButton } from './parts/BadgeRemoveButton';
+export { default as VcBadgeRoot } from './parts/BadgeRoot';

package/dist/components/badge/parts/BadgeIcon.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/badge/parts/BadgeRemoveButton.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/badge/parts/BadgeRoot.d.ts

@@ -0,0 +1,29 @@
+import { ResolvedClassConfig } from '../../../class-variant/classVariant.type';
+import { BadgeProps } from '../badge.props';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<BadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    remove: () => any;
+}, string, import('vue').PublicProps, Readonly<BadgeProps> & Readonly<{
+    onRemove?: (() => any) | undefined;
+}>, {
+    icon: import('../../..').Icon | null;
+    size: "lg" | "md" | "sm";
+    testId: string | null;
+    classConfig: ResolvedClassConfig<"badge"> | null;
+    isRemovable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -18,7 +18,7 @@ declare const __VLS_component: import('vue').DefineComponent<ButtonProps, {}, {}
     onClick?: ((e: MouseEvent) => any) | undefined;
 }>, {
     variant: "destructive-primary" | "destructive-secondary" | "destructive-tertiary" | "primary" | "secondary" | "tertiary";
-    size: "2xl" | "lg" | "md" | "sm" | "xl";
+    size: "lg" | "md" | "sm" | "2xl" | "xl";
     iconLeft: import('../../../..').Icon | null;
     iconRight: import('../../../..').Icon | null;
     isLoading: boolean;

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

@@ -1,4 +1,3 @@
-import { ResolvedClassConfig } from '../../../../class-variant/classVariant.type';
 import { IconButtonProps } from '../iconButton.props';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -19,11 +18,16 @@ declare const __VLS_component: import('vue').DefineComponent<IconButtonProps, {}
     onClick?: ((e: MouseEvent) => any) | undefined;
 }>, {
     variant: "destructive-primary" | "destructive-secondary" | "destructive-tertiary" | "primary" | "secondary" | "tertiary";
-    size: "2xl" | "lg" | "md" | "sm" | "xl";
+    size: "lg" | "md" | "sm" | "2xl" | "xl";
     isLoading: boolean;
     testId: string | null;
     isDisabled: boolean;
-    classConfig: ResolvedClassConfig<"iconButton"> | null;
+    classConfig: {
+        root?: string | undefined;
+        contentContainer?: string | undefined;
+        icon?: string | undefined;
+        loader?: string | undefined;
+    } | null;
     type: "button" | "reset" | "submit";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/button/router-link-button/parts/RouterLinkButtonRoot.d.ts

@@ -10,7 +10,7 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<RouterLinkButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<RouterLinkButtonProps> & Readonly<{}>, {
     variant: "destructive-primary" | "destructive-secondary" | "destructive-tertiary" | "primary" | "secondary" | "tertiary";
-    size: "2xl" | "lg" | "md" | "sm" | "xl";
+    size: "lg" | "md" | "sm" | "2xl" | "xl";
     iconLeft: import('../../../..').Icon | null;
     iconRight: import('../../../..').Icon | null;
     testId: string | null;

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

@@ -4,3 +4,9 @@ export { default as VcDatePickerDate } from './single/parts/DatePickerDate';
 export { default as VcDatePickerGrid } from './single/parts/DatePickerGrid';
 export { default as VcDatePickerHeader } from './single/parts/DatePickerHeader';
 export { default as VcDatePickerRoot } from './single/parts/DatePickerRoot';
+export type { DateRangePickerProps as VcDateRangePickerProps } from './range/dateRangePicker.props';
+export { default as VcDateRangePicker } from './range/DateRangePicker';
+export { default as VcDateRangePickerDate } from './range/parts/DateRangePickerDate';
+export { default as VcDateRangePickerGrid } from './range/parts/DateRangePickerGrid';
+export { default as VcDateRangePickerHeader } from './range/parts/DateRangePickerHeader';
+export { default as VcDateRangePickerRoot } from './range/parts/DateRangePickerRoot';

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

@@ -0,0 +1,32 @@
+import { DateRangePickerProps } from './dateRangePicker.props';
+import { DateRange } from '../../../types/dateRange.type';
+type __VLS_Props = DateRangePickerProps;
+type __VLS_PublicProps = {
+    modelValue: DateRange;
+    'placeholderValue'?: Date;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        date?(_: {
+            date: Date;
+        }): any;
+    };
+    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: DateRange) => any;
+    "update:placeholderValue": (value: Date) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: DateRange) => any) | undefined;
+    "onUpdate:placeholderValue"?: ((value: Date) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,14 @@
+import { ComputedRef, Ref } from 'vue';
+import { ResolvedClassConfig } from '../../../class-variant/classVariant.type';
+import { DateRangePickerProps } from './dateRangePicker.props';
+import { CreateDateRangePickerStyle } from './dateRangePicker.style';
+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>;
+    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;
+export {};

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

@@ -1,9 +1,14 @@
+import { CustomizableElement, GetComponentProp } from '../../../class-variant/classVariant.type';
 import { SharedDatePickerProps } from '../shared/sharedDatePicker.props';
-export interface DateRangePickerProps extends SharedDatePickerProps {
+export interface DateRangePickerProps extends SharedDatePickerProps, CustomizableElement<'dateRangePicker'> {
     /**
      * When combined with isDateUnavailable, determines whether non-contiguous ranges,
      * i.e. ranges containing unavailable dates, may be selected.
      * @default false
      */
     allowNonContinuousSelection?: boolean;
+    /**
+     * The visual style of the date range picker.
+     */
+    variant?: GetComponentProp<'dateRangePicker', 'variant'> | null;
 }