@vespiario-thailand/design-system 1.3.16 → 1.3.18

package/dist/components/generals/DatePicker/DatePickerCaption.d.ts

@@ -1,11 +1,8 @@
-/// <reference types="react" />
+/** libs */
 import { CaptionProps } from 'react-day-picker';
 /** types */
 export type DatePickerCaptionProps = {
     minYear?: number;
     maxYear?: number;
 } & CaptionProps;
-export declare const DatePickerCaption: import("react").ForwardRefExoticComponent<{
-    minYear?: number | undefined;
-    maxYear?: number | undefined;
-} & CaptionProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DatePickerCaption: (props: DatePickerCaptionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/generals/DatePicker/DatePickerInputButton.d.ts

@@ -7,6 +7,7 @@ export type DatePickerInputButtonProps = {
     hideClearIcon?: boolean;
     active?: boolean;
     onClear?: () => void;
+    formatDate?: string;
 } & HTMLAttributes<HTMLButtonElement>;
 export declare const DatePickerInputButton: import("react").ForwardRefExoticComponent<{
     placeholder?: string | undefined;
@@ -14,4 +15,5 @@ export declare const DatePickerInputButton: import("react").ForwardRefExoticComp
     hideClearIcon?: boolean | undefined;
     active?: boolean | undefined;
     onClear?: (() => void) | undefined;
+    formatDate?: string | undefined;
 } & HTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/generals/DatePicker/DatePickerRange.d.ts

@@ -8,6 +8,9 @@ export type DatePickerRangeProps = {
     maxYear?: number;
     selectedDateRange?: DateRange;
     onSelectDateRange?: (selectedDateRange?: DateRange) => void;
+    placeholderFrom?: string;
+    placeholderTo?: string;
+    formatDate?: string;
 } & HTMLAttributes<HTMLDivElement>;
 export declare const DatePickerRange: import("react").ForwardRefExoticComponent<{
     verifyPortal?: boolean | undefined;
@@ -15,4 +18,7 @@ export declare const DatePickerRange: import("react").ForwardRefExoticComponent<
     maxYear?: number | undefined;
     selectedDateRange?: DateRange | undefined;
     onSelectDateRange?: ((selectedDateRange?: DateRange) => void) | undefined;
+    placeholderFrom?: string | undefined;
+    placeholderTo?: string | undefined;
+    formatDate?: string | undefined;
 } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/generals/DatePicker/DatePickerSingle.d.ts

@@ -7,6 +7,7 @@ export type DatePickerSingleProps = {
     maxYear?: number;
     selectedDate?: Date;
     onSelectDate?: (selectedDate?: Date) => void;
+    formatDate?: string;
 } & HTMLAttributes<HTMLDivElement>;
 export declare const DatePickerSingle: import("react").ForwardRefExoticComponent<{
     verifyPortal?: boolean | undefined;
@@ -14,4 +15,5 @@ export declare const DatePickerSingle: import("react").ForwardRefExoticComponent
     maxYear?: number | undefined;
     selectedDate?: Date | undefined;
     onSelectDate?: ((selectedDate?: Date) => void) | undefined;
+    formatDate?: string | undefined;
 } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/generals/DatePicker/index.d.ts

@@ -11,6 +11,7 @@ export type DatePickerProps = {
     onSelectSingleDate?: (selectedSingleDate?: Date) => void;
     selectedDateRange?: DateRange;
     onSelectDateRange?: (selectedDateRange?: DateRange) => void;
+    formatDate?: string;
 } & HTMLAttributes<HTMLDivElement>;
 export declare const DatePicker: import("react").ForwardRefExoticComponent<{
     mode?: "range" | "single" | undefined;
@@ -21,4 +22,5 @@ export declare const DatePicker: import("react").ForwardRefExoticComponent<{
     onSelectSingleDate?: ((selectedSingleDate?: Date) => void) | undefined;
     selectedDateRange?: DateRange | undefined;
     onSelectDateRange?: ((selectedDateRange?: DateRange) => void) | undefined;
+    formatDate?: string | undefined;
 } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/generals/ImagePlaceholder/index.d.ts

@@ -2,7 +2,7 @@
 import { HTMLAttributes } from 'react';
 /** types */
 import { ColorNameType, ColorShadeType } from '../../../types';
-type AspectRatioType = '1/1' | '3/4' | '4/3' | '16/9' | '16/10';
+type AspectRatioType = '1/1' | '3/4' | '4/3' | '16/9' | '16/10' | '21/9';
 export type ImagePlaceholderProps = HTMLAttributes<HTMLDivElement> & {
     bgColor?: ColorNameType;
     bgShade?: ColorShadeType;

package/dist/components/generals/PhoneTextField/PhoneTextFieldInput.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
 export declare const PhoneTextFieldInput: import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & {
-    /** contexts */
     isError?: boolean | undefined;
 } & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/generals/PhoneTextField/index.d.ts

@@ -22,8 +22,9 @@ export declare const PhoneTextField: import("react").ForwardRefExoticComponent<H
     disabled?: boolean | undefined;
 } & import("react").RefAttributes<HTMLDivElement>> & {
     CountrySelect: import("react").ForwardRefExoticComponent<import("@radix-ui/react-select").SelectProps & {
-        id?: string | undefined; /** contexts */
+        id?: string | undefined;
         isError?: boolean | undefined;
+        /** contexts */
         children?: import("react").ReactNode;
     } & import("react").RefAttributes<HTMLButtonElement>>;
     CountryItem: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {

package/dist/components/generals/Select/index.d.ts

@@ -1,10 +1,7 @@
-/** libs */
-import { Dispatch, SetStateAction } from 'react';
+/// <reference types="react" />
 import * as PrimitiveSelect from '@radix-ui/react-select';
 export type SelectCtxType = {
     isError?: boolean;
-    contentWidth?: number | null;
-    setContentWidth?: Dispatch<SetStateAction<number | null>>;
 };
 export declare const SelectCtx: import("react").Context<SelectCtxType>;
 export type SelectProps = PrimitiveSelect.SelectProps & {