@namba_one/ui-kit-2 1.0.162 → 1.0.163

package/dist/index.d.ts

@@ -111,7 +111,15 @@ declare const __VLS_component_27: DefineComponent<__VLS_Props_14, {}, {}, {}, {}
 
 declare const __VLS_component_28: DefineComponent<PageInfoCellProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<PageInfoCellProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_29: DefineComponent<__VLS_PublicProps_14, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const __VLS_component_29: DefineComponent<TooltipProps, {
+open: typeof open_3;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TooltipProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+triggerElementRef: HTMLDivElement;
+}, HTMLDivElement>;
+
+declare const __VLS_component_3: DefineComponent<TheTextProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TheTextProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare const __VLS_component_30: DefineComponent<__VLS_PublicProps_14, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:values": (value: FilterValue[]) => any;
 }, string, PublicProps, Readonly<__VLS_PublicProps_14> & Readonly<{
 "onUpdate:values"?: ((value: FilterValue[]) => any) | undefined;
@@ -179,9 +187,7 @@ default?(_: {}): any;
 triggerElementRef: HTMLDivElement;
 }, HTMLDivElement>;
 
-declare const __VLS_component_3: DefineComponent<TheTextProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TheTextProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-declare const __VLS_component_30: DefineComponent<__VLS_Props_18, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const __VLS_component_31: DefineComponent<__VLS_Props_18, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 drop: (value: CheckboxGroupFilterValue) => any;
 apply: (value: CheckboxGroupFilterValue) => any;
 }, string, PublicProps, Readonly<__VLS_Props_18> & Readonly<{
@@ -369,7 +375,7 @@ toggleItem: (item: CheckboxFilterItem, isSelected: boolean) => void;
 }) | null;
 }, any>;
 
-declare const __VLS_component_31: DefineComponent<__VLS_PublicProps_15, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const __VLS_component_32: DefineComponent<__VLS_PublicProps_15, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:value": (value: string) => any;
 "update:isError": (value: boolean) => any;
 }, string, PublicProps, Readonly<__VLS_PublicProps_15> & Readonly<{
@@ -377,7 +383,7 @@ declare const __VLS_component_31: DefineComponent<__VLS_PublicProps_15, {}, {},
 "onUpdate:isError"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLLabelElement>;
 
-declare const __VLS_component_32: DefineComponent<__VLS_PublicProps_16, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const __VLS_component_33: DefineComponent<__VLS_PublicProps_16, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:value": (value: string) => any;
 "update:isError": (value: boolean) => any;
 }, string, PublicProps, Readonly<__VLS_PublicProps_16> & Readonly<{
@@ -387,7 +393,7 @@ declare const __VLS_component_32: DefineComponent<__VLS_PublicProps_16, {}, {},
 inputRef: any;
 }, HTMLLabelElement>;
 
-declare const __VLS_component_33: DefineComponent<__VLS_PublicProps_21, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const __VLS_component_34: DefineComponent<__VLS_PublicProps_21, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:active": (value: string) => any;
 }, string, PublicProps, Readonly<__VLS_PublicProps_21> & Readonly<{
 "onUpdate:active"?: ((value: string) => any) | undefined;
@@ -395,7 +401,7 @@ declare const __VLS_component_33: DefineComponent<__VLS_PublicProps_21, {}, {},
 items: HTMLDivElement;
 }, HTMLDivElement>;
 
-declare const __VLS_component_34: DefineComponent<__VLS_PublicProps_22, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const __VLS_component_35: DefineComponent<__VLS_PublicProps_22, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:active": (value: string) => any;
 }, string, PublicProps, Readonly<__VLS_PublicProps_22> & Readonly<{
 "onUpdate:active"?: ((value: string) => any) | undefined;
@@ -848,6 +854,26 @@ declare function __VLS_template_28(): {
 };
 
 declare function __VLS_template_29(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        triggerElementRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+
+declare function __VLS_template_3(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+
+declare function __VLS_template_30(): {
     attrs: Partial<{}>;
     slots: {
         before?(_: {}): any;
@@ -932,16 +958,7 @@ declare function __VLS_template_29(): {
     rootEl: HTMLDivElement;
 };
 
-declare function __VLS_template_3(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-
-declare function __VLS_template_30(): {
+declare function __VLS_template_31(): {
     attrs: Partial<{}>;
     slots: {
         renderItem?(_: {
@@ -1134,7 +1151,7 @@ declare function __VLS_template_30(): {
     rootEl: any;
 };
 
-declare function __VLS_template_31(): {
+declare function __VLS_template_32(): {
     attrs: Partial<{}>;
     slots: {
         after?(_: {}): any;
@@ -1143,7 +1160,7 @@ declare function __VLS_template_31(): {
     rootEl: HTMLLabelElement;
 };
 
-declare function __VLS_template_32(): {
+declare function __VLS_template_33(): {
     attrs: Partial<{}>;
     slots: {
         after?(_: {}): any;
@@ -1154,7 +1171,7 @@ declare function __VLS_template_32(): {
     rootEl: HTMLLabelElement;
 };
 
-declare function __VLS_template_33(): {
+declare function __VLS_template_34(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
@@ -1165,7 +1182,7 @@ declare function __VLS_template_33(): {
     rootEl: HTMLDivElement;
 };
 
-declare function __VLS_template_34(): {
+declare function __VLS_template_35(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
@@ -1288,6 +1305,8 @@ declare type __VLS_TemplateResult_33 = ReturnType<typeof __VLS_template_33>;
 
 declare type __VLS_TemplateResult_34 = ReturnType<typeof __VLS_template_34>;
 
+declare type __VLS_TemplateResult_35 = ReturnType<typeof __VLS_template_35>;
+
 declare type __VLS_TemplateResult_4 = ReturnType<typeof __VLS_template_4>;
 
 declare type __VLS_TemplateResult_5 = ReturnType<typeof __VLS_template_5>;
@@ -1468,6 +1487,12 @@ declare type __VLS_WithTemplateSlots_34<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_35<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithTemplateSlots_4<T, S> = T & {
     new (): {
         $slots: S;
@@ -1552,7 +1577,7 @@ export declare type BreadcrumbsProps = {
     tag: 'a' | 'router-link';
 };
 
-export declare const BubbleTabs: __VLS_WithTemplateSlots_33<typeof __VLS_component_33, __VLS_TemplateResult_33["slots"]>;
+export declare const BubbleTabs: __VLS_WithTemplateSlots_34<typeof __VLS_component_34, __VLS_TemplateResult_34["slots"]>;
 
 export declare type BubbleTabsProps = {};
 
@@ -1692,7 +1717,7 @@ declare type CheckboxGroupFilter_2 = {
     }[];
 };
 
-export declare const CheckboxGroupFilterChip: __VLS_WithTemplateSlots_30<typeof __VLS_component_30, __VLS_TemplateResult_30["slots"]>;
+export declare const CheckboxGroupFilterChip: __VLS_WithTemplateSlots_31<typeof __VLS_component_31, __VLS_TemplateResult_31["slots"]>;
 
 export declare type CheckboxGroupFilterChipProps = {};
 
@@ -2229,7 +2254,7 @@ declare type FieldBaseProps = {
 
 export declare type Filter = CheckboxGroupFilter_2 | DatepickerFilter_2;
 
-export declare const FilterHub: __VLS_WithTemplateSlots_29<typeof __VLS_component_29, __VLS_TemplateResult_29["slots"]>;
+export declare const FilterHub: __VLS_WithTemplateSlots_30<typeof __VLS_component_30, __VLS_TemplateResult_30["slots"]>;
 
 export declare type FilterHubProps = {
     list: Filter[];
@@ -2242,7 +2267,7 @@ export declare type FilterValueBase<T = null> = {
     value: T;
 };
 
-export declare const FlatTabs: __VLS_WithTemplateSlots_34<typeof __VLS_component_34, __VLS_TemplateResult_34["slots"]>;
+export declare const FlatTabs: __VLS_WithTemplateSlots_35<typeof __VLS_component_35, __VLS_TemplateResult_35["slots"]>;
 
 export declare type FlatTabsProps = {};
 
@@ -2295,7 +2320,7 @@ export declare const ImageRowSkeleton: DefineComponent<    {}, {}, {}, {}, {}, C
 
 export declare const Input: __VLS_WithTemplateSlots_9<typeof __VLS_component_9, __VLS_TemplateResult_9["slots"]>;
 
-export declare const InputField: __VLS_WithTemplateSlots_31<typeof __VLS_component_31, __VLS_TemplateResult_31["slots"]>;
+export declare const InputField: __VLS_WithTemplateSlots_32<typeof __VLS_component_32, __VLS_TemplateResult_32["slots"]>;
 
 export declare type InputFieldProps = {
     autocomplete?: 'on' | 'off';
@@ -2314,7 +2339,7 @@ export declare type InputFieldProps = {
     maxLength?: number | string;
 };
 
-export declare const InputMaskField: __VLS_WithTemplateSlots_32<typeof __VLS_component_32, __VLS_TemplateResult_32["slots"]>;
+export declare const InputMaskField: __VLS_WithTemplateSlots_33<typeof __VLS_component_33, __VLS_TemplateResult_33["slots"]>;
 
 export declare type InputMaskFieldProps = {
     autofocus?: boolean;
@@ -2890,6 +2915,8 @@ declare function onDropFilter(value: FilterValue): void;
 
 declare function open_2(): void;
 
+declare function open_3(timeout?: number): void;
+
 export declare const PageInfoCell: __VLS_WithTemplateSlots_28<typeof __VLS_component_28, __VLS_TemplateResult_28["slots"]>;
 
 export declare type PageInfoCellProps = {
@@ -3378,6 +3405,15 @@ export declare const Toggle: DefineComponent<__VLS_PublicProps_8, {}, {}, {}, {}
 
 declare function toggle(): void;
 
+export declare const Tooltip: __VLS_WithTemplateSlots_29<typeof __VLS_component_29, __VLS_TemplateResult_29["slots"]>;
+
+export declare type TooltipProps = {
+    text: string;
+    verticalAlign?: DropdownElementProps['verticalAlign'];
+    verticalOffset?: DropdownElementProps['verticalOffset'];
+    behavior?: 'hover' | 'click' | 'manual';
+};
+
 export declare const TransitionFade: DefineComponent<ExtractPropTypes<    {
 appear: {
 type: PropType<TransitionFadeProps["appear"]>;

package/dist/index.es.js

@@ -371,7 +371,7 @@ const os = {
     return () => {
       var r;
       const t = (r = e.default) == null ? void 0 : r.call(e);
-      return t == null || t[0], Fo(
+      return Fo(
         hn,
         {
           name: "fade",
@@ -20754,57 +20754,69 @@ const AB = /* @__PURE__ */ ue({
   props: {
     text: {},
     verticalAlign: { default: "top" },
-    verticalOffset: { default: 4 }
+    verticalOffset: { default: 4 },
+    behavior: { default: "hover" }
   },
-  setup(n) {
-    const { isShowDropdown: e, setIsShowDropdown: t, triggerElementRef: r } = Jo();
-    function o() {
-      t(!0);
-    }
+  setup(n, { expose: e }) {
+    const { isShowDropdown: t, setIsShowDropdown: r, triggerElementRef: o } = Jo();
     function i() {
-      t(!1);
+      n.behavior === "hover" && r(!0);
     }
-    return (s, a) => (v(), S("div", {
+    function s() {
+      n.behavior === "hover" && r(!1);
+    }
+    function a() {
+      n.behavior === "click" && l();
+    }
+    function l(u = 1e3) {
+      r(!0), setTimeout(() => {
+        r(!1);
+      }, u);
+    }
+    return e({
+      open: l
+    }), (u, d) => (v(), S("div", {
       ref_key: "triggerElementRef",
-      ref: r,
-      class: y(s.$style.root),
-      onMouseenter: o,
-      onMouseleave: i
+      ref: o,
+      class: y(u.$style.root),
+      onMouseenter: i,
+      onMouseleave: s,
+      onClick: a
     }, [
-      se(s.$slots, "default"),
+      se(u.$slots, "default"),
       H(p(ei), {
-        isShowDropdown: p(e),
-        "onUpdate:isShowDropdown": a[0] || (a[0] = (l) => gr(e) ? e.value = l : null),
-        "vertical-offset": s.verticalOffset,
+        isShowDropdown: p(t),
+        "onUpdate:isShowDropdown": d[0] || (d[0] = (c) => gr(t) ? t.value = c : null),
+        "vertical-offset": u.verticalOffset,
         "horizontal-align": "center",
-        "vertical-align": s.verticalAlign
+        "vertical-align": u.verticalAlign
       }, {
-        default: P(({ align: l }) => [
+        default: P(({ align: c }) => [
           W("div", {
-            class: y([s.$style.wrapper, s.$style[`position_${l.vertical}`]])
+            class: y([u.$style.wrapper, u.$style[`position_${c.vertical}`]])
           }, [
             W("div", {
-              class: y(s.$style.balloon)
+              class: y(u.$style.balloon)
             }, [
               H(p(Be), {
-                class: y(s.$style.text),
+                class: y(u.$style.text),
                 name: "caption",
                 color: "foreground-element-tooltip-primary"
               }, {
                 default: P(() => [
-                  we(me(s.text), 1)
+                  we(me(u.text), 1)
                 ]),
                 _: 1
               }, 8, ["class"])
             ], 2),
             (v(), S("svg", {
-              class: y(s.$style.shape),
+              class: y(u.$style.shape),
               width: "12",
               height: "4",
               viewBox: "0 0 12 4",
               fill: "none",
               xmlns: "http://www.w3.org/2000/svg"
-            }, a[1] || (a[1] = [
+            }, d[1] || (d[1] = [
               W("path", {
                 d: "M4.58579 2.58579C5.36684 3.36684 6.63317 3.36683 7.41421 2.58579L8.82843 1.17157C9.57857 0.421426 10.596 0 11.6569 0H12H0H0.343146C1.40401 0 2.42143 0.421427 3.17157 1.17157L4.58579 2.58579Z",
                 "fill-opacity": "0.9"
@@ -36711,6 +36723,7 @@ export {
   t6 as Toaster,
   ZP as ToasterProvider,
   tp as Toggle,
+  zB as Tooltip,
   br as TransitionFade,
   Cn as TransitionFadeBlur,
   UP as TransitionHeight,