@namba_one/ui-kit-2 1.0.22 → 1.0.25

package/dist/index.d.ts

@@ -31,9 +31,17 @@ import { WatchStopHandle } from 'vue';
 
 declare const __VLS_component: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
 
-declare const __VLS_component_10: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLElement>;
+declare const __VLS_component_10: DefineComponent<LinkProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+click: () => any;
+}, string, PublicProps, Readonly<LinkProps> & Readonly<{
+onClick?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare const __VLS_component_11: DefineComponent<ResponseBaseProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ResponseBaseProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+declare const __VLS_component_12: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLElement>;
 
-declare const __VLS_component_11: DefineComponent<SelectBaseProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_component_13: DefineComponent<SelectBaseProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 close: () => any;
 clickField: () => any;
 clickOutside: () => any;
@@ -49,7 +57,7 @@ wrapperRef: HTMLDivElement;
 dropdownRef: HTMLDivElement;
 }, HTMLDivElement>;
 
-declare const __VLS_component_12: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const __VLS_component_14: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
 
 declare const __VLS_component_2: DefineComponent<TheTextProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TheTextProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
@@ -85,39 +93,118 @@ close: () => any;
 onClose?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-declare const __VLS_component_8: DefineComponent<LinkProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
-click: () => any;
-}, string, PublicProps, Readonly<LinkProps> & Readonly<{
-onClick?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component_8: DefineComponent<__VLS_PublicProps_4, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:values": (value: FilterValue[]) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps_4> & Readonly<{
+"onUpdate:values"?: ((value: FilterValue[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+parentElementRef: ({
+$: ComponentInternalInstance;
+$data: {};
+$props: {
+readonly tag?: tags_2[number] | undefined;
+readonly href?: string | undefined;
+readonly isLoading?: boolean | undefined;
+readonly isDisabled?: boolean | undefined;
+readonly view?: views_2[number] | undefined;
+readonly size?: sizes_2[number] | undefined;
+readonly isWide?: boolean | undefined;
+readonly iconLeft?: IconName | undefined;
+readonly iconRight?: IconName | undefined;
+readonly onClick?: ((e: Event) => any) | undefined;
+} & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+$attrs: {
+[x: string]: unknown;
+};
+$refs: {
+[x: string]: unknown;
+};
+$slots: Readonly<{
+[name: string]: Slot<any> | undefined;
+}>;
+$root: ComponentPublicInstance | null;
+$parent: ComponentPublicInstance | null;
+$host: Element | null;
+$emit: (event: "click", e: Event) => void;
+$el: any;
+$options: ComponentOptionsBase<Readonly<ButtonProps> & Readonly<{
+onClick?: ((e: Event) => any) | undefined;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+click: (e: Event) => any;
+}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
+beforeCreate?: (() => void) | (() => void)[];
+created?: (() => void) | (() => void)[];
+beforeMount?: (() => void) | (() => void)[];
+mounted?: (() => void) | (() => void)[];
+beforeUpdate?: (() => void) | (() => void)[];
+updated?: (() => void) | (() => void)[];
+activated?: (() => void) | (() => void)[];
+deactivated?: (() => void) | (() => void)[];
+beforeDestroy?: (() => void) | (() => void)[];
+beforeUnmount?: (() => void) | (() => void)[];
+destroyed?: (() => void) | (() => void)[];
+unmounted?: (() => void) | (() => void)[];
+renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+};
+$forceUpdate: () => void;
+$nextTick: nextTick;
+$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+} & Readonly<{}> & Omit<Readonly<ButtonProps> & Readonly<{
+onClick?: ((e: Event) => any) | undefined;
+}>, never> & ShallowUnwrapRef<    {}> & {} & ComponentCustomProperties & {} & {
+$slots: {
+default?(_: {}): any;
+};
+}) | null;
+triggerElementRef: HTMLDivElement;
+}, HTMLDivElement>;
 
-declare const __VLS_component_9: DefineComponent<ResponseBaseProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ResponseBaseProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_component_9: DefineComponent<__VLS_PublicProps_5, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:value": (value: string | null | undefined) => any;
+} & {
+"update:error": (value: boolean) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps_5> & Readonly<{
+"onUpdate:value"?: ((value: string | null | undefined) => any) | undefined;
+"onUpdate:error"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+inputRef: any;
+}, HTMLDivElement>;
 
 declare type __VLS_Props = CardContentProps;
 
+declare type __VLS_Props_10 = StatusSelectProps;
+
 declare type __VLS_Props_2 = CardContentListProps;
 
 declare type __VLS_Props_3 = DropzoneProps;
 
-declare type __VLS_Props_4 = InputProps;
+declare type __VLS_Props_4 = {
+    list: Filter[];
+};
 
-declare type __VLS_Props_5 = ListHeaderProps;
+declare type __VLS_Props_5 = InputProps;
 
-declare type __VLS_Props_6 = SelectProps;
+declare type __VLS_Props_6 = ListHeaderProps;
 
-declare type __VLS_Props_7 = ColorPickerProps;
+declare type __VLS_Props_7 = SelectProps;
 
-declare type __VLS_Props_8 = TabsProps;
+declare type __VLS_Props_8 = ColorPickerProps;
 
-declare type __VLS_Props_9 = StatusSelectProps;
+declare type __VLS_Props_9 = TabsProps;
 
 declare type __VLS_PublicProps = {
     'value': boolean;
 } & __VLS_Props;
 
 declare type __VLS_PublicProps_10 = {
+    'value': boolean;
+};
+
+declare type __VLS_PublicProps_11 = {
     'value': StatusSelectProps['value'];
-} & __VLS_Props_9;
+} & __VLS_Props_10;
 
 declare type __VLS_PublicProps_2 = {
     'list': CardContentListProps['list'];
@@ -129,28 +216,28 @@ declare type __VLS_PublicProps_3 = {
 } & __VLS_Props_3;
 
 declare type __VLS_PublicProps_4 = {
-    'value'?: string | undefined | null;
+    'values': FilterValue[];
 } & __VLS_Props_4;
 
 declare type __VLS_PublicProps_5 = {
-    'isSortable': ListHeaderProps['isSortable'];
+    'value'?: string | undefined | null;
 } & __VLS_Props_5;
 
 declare type __VLS_PublicProps_6 = {
-    'value'?: Maybe<string | number>;
+    'isSortable': ListHeaderProps['isSortable'];
 } & __VLS_Props_6;
 
 declare type __VLS_PublicProps_7 = {
-    'value': Value;
+    'value'?: Maybe<string | number>;
 } & __VLS_Props_7;
 
 declare type __VLS_PublicProps_8 = {
-    'value': TabsProps['value'];
+    'value': Value;
 } & __VLS_Props_8;
 
 declare type __VLS_PublicProps_9 = {
-    'value': boolean;
-};
+    'value': TabsProps['value'];
+} & __VLS_Props_9;
 
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -167,10 +254,28 @@ declare function __VLS_template_10(): {
         default?(_: {}): any;
     };
     refs: {};
-    rootEl: HTMLElement;
+    rootEl: any;
 };
 
 declare function __VLS_template_11(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+
+declare function __VLS_template_12(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+
+declare function __VLS_template_13(): {
     attrs: Partial<{}>;
     slots: {
         field?(_: {}): any;
@@ -184,7 +289,7 @@ declare function __VLS_template_11(): {
     rootEl: HTMLDivElement;
 };
 
-declare function __VLS_template_12(): {
+declare function __VLS_template_14(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
@@ -250,10 +355,98 @@ declare function __VLS_template_7(): {
 declare function __VLS_template_8(): {
     attrs: Partial<{}>;
     slots: {
-        default?(_: {}): any;
+        before?(_: {}): any;
+        renderItem?(_: {
+            activeFilter: {
+                key: string;
+                label: string;
+                kind: "checkbox-group";
+                options: {
+                    key: string;
+                    label: string;
+                }[];
+            } | {
+                key: string;
+                label: string;
+                kind: "datepicker";
+            };
+            onApply: typeof onApply;
+            getFilterValue: typeof getFilterValue;
+        }): any;
+        renderChip?(_: {
+            item: {
+                kind: "checkbox-group" | "datepicker";
+                filter: Filter;
+                value: FilterValue;
+            };
+            apply: typeof onApply;
+            drop: typeof onDropFilter;
+        }): any;
     };
-    refs: {};
-    rootEl: any;
+    refs: {
+        parentElementRef: ({
+            $: ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly tag?: tags_2[number] | undefined;
+                readonly href?: string | undefined;
+                readonly isLoading?: boolean | undefined;
+                readonly isDisabled?: boolean | undefined;
+                readonly view?: views_2[number] | undefined;
+                readonly size?: sizes_2[number] | undefined;
+                readonly isWide?: boolean | undefined;
+                readonly iconLeft?: IconName | undefined;
+                readonly iconRight?: IconName | undefined;
+                readonly onClick?: ((e: Event) => any) | undefined;
+            } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: Slot<any> | undefined;
+            }>;
+            $root: ComponentPublicInstance | null;
+            $parent: ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: "click", e: Event) => void;
+            $el: any;
+            $options: ComponentOptionsBase<Readonly<ButtonProps> & Readonly<{
+            onClick?: ((e: Event) => any) | undefined;
+            }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+            click: (e: Event) => any;
+            }, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+        } & Readonly<{}> & Omit<Readonly<ButtonProps> & Readonly<{
+            onClick?: ((e: Event) => any) | undefined;
+        }>, never> & ShallowUnwrapRef<    {}> & {} & ComponentCustomProperties & {} & {
+            $slots: {
+                default?(_: {}): any;
+            };
+        }) | null;
+        triggerElementRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
 };
 
 declare function __VLS_template_9(): {
@@ -261,7 +454,9 @@ declare function __VLS_template_9(): {
     slots: {
         default?(_: {}): any;
     };
-    refs: {};
+    refs: {
+        inputRef: any;
+    };
     rootEl: HTMLDivElement;
 };
 
@@ -273,6 +468,10 @@ declare type __VLS_TemplateResult_11 = ReturnType<typeof __VLS_template_11>;
 
 declare type __VLS_TemplateResult_12 = ReturnType<typeof __VLS_template_12>;
 
+declare type __VLS_TemplateResult_13 = ReturnType<typeof __VLS_template_13>;
+
+declare type __VLS_TemplateResult_14 = ReturnType<typeof __VLS_template_14>;
+
 declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
 
 declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
@@ -313,6 +512,18 @@ declare type __VLS_WithTemplateSlots_12<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_13<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_14<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithTemplateSlots_2<T, S> = T & {
     new (): {
         $slots: S;
@@ -469,6 +680,18 @@ export declare type CardContentSkeletonProps = {
     isShowImage?: boolean;
 };
 
+export declare type CheckboxGroupFilter = {
+    key: string;
+    label: string;
+    kind: 'checkbox-group';
+    options: {
+        key: string;
+        label: string;
+    }[];
+};
+
+export declare type CheckboxGroupFilterValue = FilterValueBase<string[]>;
+
 export declare const Chip: __VLS_WithTemplateSlots_5<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
 
 export declare type ChipEmits = {
@@ -486,9 +709,9 @@ export declare type Color = typeof colors[number];
 
 declare type ColorInput = string | null;
 
-export declare const ColorPicker: DefineComponent<__VLS_PublicProps_7, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const ColorPicker: DefineComponent<__VLS_PublicProps_8, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:value": (value: Value) => any;
-}, string, PublicProps, Readonly<__VLS_PublicProps_7> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_PublicProps_8> & Readonly<{
 "onUpdate:value"?: ((value: Value) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
 inputRef: any;
@@ -504,6 +727,14 @@ export declare const Currency: {
 
 export declare type Currency = (typeof Currency)[keyof typeof Currency];
 
+export declare type DatepickerFilter = {
+    key: string;
+    label: string;
+    kind: 'datepicker';
+};
+
+export declare type DatepickerFilterValue = FilterValueBase<Date[]>;
+
 export declare const Divider: DefineComponent<DividerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<DividerProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
 export declare type DividerProps = {
@@ -565,6 +796,21 @@ declare type EmptyResponseProps = ResponseBaseProps & {
     route?: string;
 };
 
+export declare type Filter = CheckboxGroupFilter | DatepickerFilter;
+
+export declare const FilterHub: __VLS_WithTemplateSlots_8<typeof __VLS_component_8, __VLS_TemplateResult_8["slots"]>;
+
+export declare type FilterHubProps = {};
+
+export declare type FilterValue = CheckboxGroupFilterValue | DatepickerFilterValue;
+
+declare type FilterValueBase<T = null> = {
+    key: string;
+    value: T;
+};
+
+declare function getFilterValue<T extends FilterValue>(filter: Filter, defaultValue: T['value']): T['value'];
+
 declare type GlobalConfig = {
     interactionType: InteractionType;
 };
@@ -582,6 +828,7 @@ export declare type IconBaseProps = {
     name: IconName;
     color: Color;
     size?: number | string;
+    height?: string | number;
 };
 
 export declare type IconName = (typeof iconNames)[number];
@@ -592,7 +839,9 @@ export declare const IconView: DefineComponent<IconViewProps, {}, {}, {}, {}, Co
 
 export declare type IconViewProps = {
     icon: IconName;
+    view?: (typeof views_4)[number];
     size: (typeof sizes_4)[number];
+    isRounded?: boolean;
 };
 
 export declare const ImageRow: DefineComponent<ImageRowProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ImageRowProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
@@ -603,16 +852,7 @@ export declare type ImageRowProps = {
 
 export declare const ImageRowSkeleton: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
 
-export declare const Input: DefineComponent<__VLS_PublicProps_4, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"update:value": (value: string | null | undefined) => any;
-} & {
-"update:error": (value: boolean) => any;
-}, string, PublicProps, Readonly<__VLS_PublicProps_4> & Readonly<{
-"onUpdate:value"?: ((value: string | null | undefined) => any) | undefined;
-"onUpdate:error"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
-inputRef: any;
-}, HTMLDivElement>;
+export declare const Input: __VLS_WithTemplateSlots_9<typeof __VLS_component_9, __VLS_TemplateResult_9["slots"]>;
 
 declare type InputProps = {
     type?: 'text' | 'password';
@@ -631,7 +871,23 @@ declare type InputProps = {
     iconRight?: IconName;
 };
 
-export declare const Link: __VLS_WithTemplateSlots_8<typeof __VLS_component_8, __VLS_TemplateResult_8["slots"]>;
+export declare const isCheckboxGroupFilterValue: (data: {
+    filter: Filter;
+    value: FilterValue;
+}) => data is {
+    filter: CheckboxGroupFilter;
+    value: CheckboxGroupFilterValue;
+};
+
+export declare const isDatepickerFilterValue: (data: {
+    filter: Filter;
+    value: FilterValue;
+}) => data is {
+    filter: DatepickerFilter;
+    value: DatepickerFilterValue;
+};
+
+export declare const Link: __VLS_WithTemplateSlots_10<typeof __VLS_component_10, __VLS_TemplateResult_10["slots"]>;
 
 export declare type LinkEmits = {
     (e: 'click'): void;
@@ -640,16 +896,16 @@ export declare type LinkEmits = {
 export declare type LinkProps = {
     tag?: (typeof tags_3)[number];
     href?: string;
-    view?: (typeof views_4)[number];
+    view?: (typeof views_5)[number];
     size?: (typeof sizes_5)[number];
     weight?: (typeof weights_2)[number];
     iconLeft?: IconName;
     iconRight?: IconName;
 };
 
-export declare const ListHeader: DefineComponent<__VLS_PublicProps_5, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const ListHeader: DefineComponent<__VLS_PublicProps_6, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:isSortable": (value: boolean) => any;
-}, string, PublicProps, Readonly<__VLS_PublicProps_5> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_PublicProps_6> & Readonly<{
 "onUpdate:isSortable"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
@@ -804,7 +1060,7 @@ export declare type ModalConfirmationEmits = {
 };
 
 export declare type ModalConfirmationProps = {
-    view: (typeof views_5)[number];
+    view: (typeof views_6)[number];
     title: string;
     description: string;
     buttonText: string;
@@ -816,6 +1072,13 @@ export default NambaOneUIKit;
 
 declare const objectFits: readonly ["cover", "contain"];
 
+declare function onApply(newValue: {
+    key: string;
+    value: FilterValue['value'] | null;
+}): void;
+
+declare function onDropFilter(value: FilterValue): void;
+
 declare function open_2(): void;
 
 export declare const Price: DefineComponent<PriceProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<PriceProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
@@ -826,7 +1089,7 @@ export declare type PriceProps = {
     weight: TheTextProps['weight'];
 };
 
-export declare const ResponseBase: __VLS_WithTemplateSlots_9<typeof __VLS_component_9, __VLS_TemplateResult_9["slots"]>;
+export declare const ResponseBase: __VLS_WithTemplateSlots_11<typeof __VLS_component_11, __VLS_TemplateResult_11["slots"]>;
 
 declare type ResponseBaseProps = {
     img?: string;
@@ -834,15 +1097,15 @@ declare type ResponseBaseProps = {
     description?: string;
 };
 
-export declare const Section: __VLS_WithTemplateSlots_10<typeof __VLS_component_10, __VLS_TemplateResult_10["slots"]>;
+export declare const Section: __VLS_WithTemplateSlots_12<typeof __VLS_component_12, __VLS_TemplateResult_12["slots"]>;
 
-export declare const Select: DefineComponent<__VLS_PublicProps_6, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const Select: DefineComponent<__VLS_PublicProps_7, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:value": (value: Maybe<string | number>) => any;
-}, string, PublicProps, Readonly<__VLS_PublicProps_6> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_PublicProps_7> & Readonly<{
 "onUpdate:value"?: ((value: Maybe<string | number>) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-export declare const SelectBase: __VLS_WithTemplateSlots_11<typeof __VLS_component_11, __VLS_TemplateResult_11["slots"]>;
+export declare const SelectBase: __VLS_WithTemplateSlots_13<typeof __VLS_component_13, __VLS_TemplateResult_13["slots"]>;
 
 export declare type SelectBaseEmits = {
     (event: 'clickField'): void;
@@ -877,7 +1140,7 @@ declare const sizes_2: readonly ["58", "50", "44", "40", "34", "28"];
 
 declare const sizes_3: readonly ["58", "50", "44", "44_s", "34", "28"];
 
-declare const sizes_4: readonly [58, 50, 44, 34, 28];
+declare const sizes_4: readonly [58, 50, 44, 40, 34, 28];
 
 declare const sizes_5: readonly ["subhead", "caption"];
 
@@ -899,9 +1162,9 @@ declare class SpriteServiceImp implements SpriteService {
     install(): Promise<void>;
 }
 
-export declare const StatusSelect: DefineComponent<__VLS_PublicProps_10, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const StatusSelect: DefineComponent<__VLS_PublicProps_11, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:value": (value: string | number) => any;
-}, string, PublicProps, Readonly<__VLS_PublicProps_10> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_PublicProps_11> & Readonly<{
 "onUpdate:value"?: ((value: string | number) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
 triggerElementRef: HTMLButtonElement;
@@ -917,16 +1180,24 @@ export declare type StatusSelectProps = {
     isLoading?: boolean;
 };
 
-export declare const Tabs: DefineComponent<__VLS_PublicProps_8, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const StatusSelectSkeleton: DefineComponent<StatusSelectSkeletonProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<StatusSelectSkeletonProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+skeleton: HTMLButtonElement;
+}, HTMLButtonElement>;
+
+export declare type StatusSelectSkeletonProps = {
+    widthRange: [number, number];
+};
+
+export declare const Tabs: DefineComponent<__VLS_PublicProps_9, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:value": (value: Maybe<string | number> | undefined) => any;
-}, string, PublicProps, Readonly<__VLS_PublicProps_8> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_PublicProps_9> & Readonly<{
 "onUpdate:value"?: ((value: Maybe<string | number> | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
 export declare type TabsProps = {
     value?: Maybe<number | string>;
     label?: string;
-    view: (typeof views_6)[number];
+    view: (typeof views_7)[number];
     size: (typeof sizes_6)[number];
     isDisabled?: boolean;
     data: {
@@ -974,8 +1245,8 @@ skeleton: HTMLDivElement;
 
 export declare type TheTextSkeletonProps = {
     size?: (typeof sizes_7)[number];
-    view?: (typeof views_7)[number];
     widthRange?: [number, number];
+    color: Color;
 };
 
 export declare type Toast = {
@@ -1025,9 +1296,9 @@ declare class ToastServiceImpl implements ToastService {
 
 export declare const ToastServiceKey: InjectionKey<ToastService>;
 
-export declare const Toggle: DefineComponent<__VLS_PublicProps_9, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const Toggle: DefineComponent<__VLS_PublicProps_10, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:value": (value: boolean) => any;
-}, string, PublicProps, Readonly<__VLS_PublicProps_9> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_PublicProps_10> & Readonly<{
 "onUpdate:value"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
 
@@ -1113,7 +1384,7 @@ declare type TransitionFadeProps_2 = {
     duration?: number;
 };
 
-export declare const TransitionHeight: __VLS_WithTemplateSlots_12<typeof __VLS_component_12, __VLS_TemplateResult_12["slots"]>;
+export declare const TransitionHeight: __VLS_WithTemplateSlots_14<typeof __VLS_component_14, __VLS_TemplateResult_14["slots"]>;
 
 export declare const useDropdownAnimation: () => {
     beforeEnter: (el: HTMLElement) => void;
@@ -1130,6 +1401,8 @@ export declare function useDynamicVisibleArea(name: string): {
     toggle: () => void;
 };
 
+export declare const useDynamicVisibleAreaInject: () => DynamicVisibleAreaProvider;
+
 export declare const useGlobalConfig: () => GlobalConfig;
 
 export declare const useGlobalConfigProvide: (config: Partial<GlobalConfig>) => void;
@@ -1160,13 +1433,13 @@ declare const views_2: readonly ["critical_primary", "critical", "base_primary",
 
 declare const views_3: readonly ["secondary", "critical", "primary", "surface", "base", "product_surface", "primary_flat", "base_shadow", "surface_shadow"];
 
-declare const views_4: readonly ["base", "secondary", "brand"];
+declare const views_4: readonly ["base", "critical"];
 
-declare const views_5: readonly ["base", "critical"];
+declare const views_5: readonly ["base", "secondary", "brand"];
 
-declare const views_6: readonly ["default", "flat", "flat-secondary"];
+declare const views_6: readonly ["base", "critical"];
 
-declare const views_7: readonly ["secondary", "base"];
+declare const views_7: readonly ["default", "flat", "flat-secondary"];
 
 declare const weights: readonly ["regular", "medium", "semibold", "bold"];