@profitliga/ui 2.0.2 → 2.0.4

package/dist/components/v2/Tooltip/Tooltip.types.d.ts

@@ -1,4 +1,4 @@
-import { TBreakpoints } from '../../../types/global.types';
+import { TBreakpointMobile } from '../../../types/global.types';
 export type TooltipSide = 'top' | 'right' | 'bottom' | 'left';
 export type TooltipAlign = 'start' | 'center' | 'end';
 export interface TooltipProps {
@@ -29,7 +29,7 @@ export interface TooltipProps {
     disabled?: boolean;
     zIndex?: number | 'auto';
     /** Ширина, ниже которой подсказка открывается шторкой снизу. */
-    breakpointMobile?: TBreakpoints;
+    breakpointMobile?: TBreakpointMobile;
     /** Доступное имя шторки на мобильных (`aria-label`). */
     mobileLabel?: string;
     /** Базовый `data-testid`; внутренние части получают суффикс имени части. */

package/dist/components/v2/Tooltip/Tooltip.vue.d.ts

@@ -1,6 +1,6 @@
 import { TooltipProps, TooltipSide, TooltipAlign } from './Tooltip.types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { TBreakpoints } from '../../../types/global.types';
+import { TBreakpointMobile } from '../../../types/global.types';
 type __VLS_Props = TooltipProps;
 type __VLS_PublicProps = {
     'open'?: boolean;
@@ -29,7 +29,7 @@ declare const __VLS_component: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}
     sideOffset: number;
     align: TooltipAlign;
     alignOffset: number;
-    breakpointMobile: TBreakpoints;
+    breakpointMobile: TBreakpointMobile;
     arrow: boolean;
     testId: string;
     maxWidth: number | string;

package/dist/components/v2/Tooltip/Tooltip.vue.js

@@ -2,7 +2,7 @@ import './Tooltip.css';
 import o from "./Tooltip.vue2.js";
 /* empty css             */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ac7b22ad"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-06f091c9"]]);
 export {
   m as default
 };

package/dist/components/v2/Tooltip/Tooltip.vue2.js

@@ -1,9 +1,10 @@
-import { defineComponent as g, useModel as p, useId as v, useTemplateRef as h, shallowRef as M, watchEffect as m, watch as y, onBeforeUnmount as w, openBlock as k, createElementBlock as x, Fragment as C, createElementVNode as I, mergeProps as D, unref as t, renderSlot as b, createVNode as E, withCtx as O, createTextVNode as P, toDisplayString as T, mergeModels as F } from "vue";
-import { breakpoints as L } from "../../../utils/breakpoints.util.js";
-import { useTestId as B } from "../shared/useTestId.util.js";
-import R from "./TooltipContent.vue.js";
-import { createTooltipControl as z } from "./tooltipControl.util.js";
-const H = /* @__PURE__ */ g({
+import { defineComponent as g, useModel as p, useId as v, useTemplateRef as h, shallowRef as y, watchEffect as m, watch as M, onBeforeUnmount as w, openBlock as k, createElementBlock as x, Fragment as C, createElementVNode as I, mergeProps as D, unref as t, renderSlot as b, createVNode as E, withCtx as O, createTextVNode as P, toDisplayString as B, mergeModels as F } from "vue";
+import { isHtmlElement as T } from "../shared/isHtmlElement.util.js";
+import { useIsMobile as L } from "../shared/useIsMobile.util.js";
+import { useTestId as R } from "../shared/useTestId.util.js";
+import z from "./TooltipContent.vue.js";
+import { createTooltipControl as $ } from "./tooltipControl.util.js";
+const j = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Tooltip",
   props: /* @__PURE__ */ F({
@@ -18,7 +19,7 @@ const H = /* @__PURE__ */ g({
     closeDelay: { default: 100 },
     disabled: { type: Boolean, default: !1 },
     zIndex: { default: "auto" },
-    breakpointMobile: { default: "sm" },
+    breakpointMobile: { type: [String, Boolean], default: "sm" },
     mobileLabel: { default: "Подсказка" },
     testId: { default: void 0 }
   }, {
@@ -26,35 +27,35 @@ const H = /* @__PURE__ */ g({
     openModifiers: {}
   }),
   emits: ["update:open"],
-  setup(l) {
-    const a = l, s = p(l, "open"), r = `tooltip-content-${v()}`, c = B(() => a.testId), u = h("triggerRef"), f = L.smaller(a.breakpointMobile), e = z({
+  setup(n) {
+    const a = n, s = p(n, "open"), d = `tooltip-content-${v()}`, c = R(() => a.testId), u = h("triggerRef"), f = L(a.breakpointMobile), e = $({
       isOpen: () => s.value,
-      setOpen: (n) => {
-        s.value = n;
+      setOpen: (l) => {
+        s.value = l;
       },
       openDelay: () => a.openDelay,
       closeDelay: () => a.closeDelay,
       disabled: () => a.disabled,
       isMobile: () => f.value
-    }), d = M(null);
+    }), r = y(null);
     return m(() => {
       s.value;
-      const n = u.value, o = n?.firstElementChild;
-      d.value = o instanceof HTMLElement ? o : n ?? null;
+      const l = u.value, o = l?.firstElementChild;
+      r.value = T(o) ? o : l ?? null;
     }), m(() => {
-      const n = d.value;
-      n && (s.value && !f.value ? n.setAttribute("aria-describedby", r) : n.removeAttribute("aria-describedby"));
-    }), y(
+      const l = r.value;
+      l && (s.value && !f.value ? l.setAttribute("aria-describedby", d) : l.removeAttribute("aria-describedby"));
+    }), M(
       () => a.disabled,
-      (n) => {
-        n && e.close();
+      (l) => {
+        l && e.close();
       }
-    ), w(e.destroy), (n, o) => (k(), x(C, null, [
+    ), w(e.destroy), (l, o) => (k(), x(C, null, [
       I("span", D({
         ref_key: "triggerRef",
         ref: u,
         class: "tooltip-trigger"
-      }, { ...n.$attrs, ...t(c)("trigger") }, {
+      }, { ...l.$attrs, ...t(c)("trigger") }, {
         onMouseenter: o[0] || (o[0] = //@ts-ignore
         (...i) => t(e).handleMouseEnter && t(e).handleMouseEnter(...i)),
         onMouseleave: o[1] || (o[1] = //@ts-ignore
@@ -68,29 +69,29 @@ const H = /* @__PURE__ */ g({
         onClick: o[5] || (o[5] = //@ts-ignore
         (...i) => t(e).handleClick && t(e).handleClick(...i))
       }), [
-        b(n.$slots, "trigger", {}, void 0, !0)
+        b(l.$slots, "trigger", {}, void 0, !0)
       ], 16),
-      E(R, {
-        anchor: d.value,
-        "content-id": r,
+      E(z, {
+        anchor: r.value,
+        "content-id": d,
         open: s.value,
-        side: l.side,
-        "side-offset": l.sideOffset,
-        align: l.align,
-        "align-offset": l.alignOffset,
-        arrow: l.arrow,
-        "max-width": l.maxWidth,
-        "z-index": l.zIndex,
-        "breakpoint-mobile": l.breakpointMobile,
-        "mobile-label": l.mobileLabel,
-        "test-id": l.testId,
+        side: n.side,
+        "side-offset": n.sideOffset,
+        align: n.align,
+        "align-offset": n.alignOffset,
+        arrow: n.arrow,
+        "max-width": n.maxWidth,
+        "z-index": n.zIndex,
+        "breakpoint-mobile": n.breakpointMobile,
+        "mobile-label": n.mobileLabel,
+        "test-id": n.testId,
         onClose: t(e).close,
         onPointerEnter: t(e).cancelTimers,
         onPointerLeave: t(e).scheduleClose
       }, {
         default: O(() => [
-          b(n.$slots, "default", {}, () => [
-            P(T(l.text), 1)
+          b(l.$slots, "default", {}, () => [
+            P(B(n.text), 1)
           ], !0)
         ]),
         _: 3
@@ -99,5 +100,5 @@ const H = /* @__PURE__ */ g({
   }
 });
 export {
-  H as default
+  j as default
 };

package/dist/components/v2/Tooltip/TooltipContent.css

@@ -1 +1 @@
-.tooltip-sheet[data-v-77562610]{color:var(--theme-neutral-text-body);overflow-wrap:break-word;padding:8px 16px 24px;font-size:.875rem;line-height:22px}.tooltip-content[data-v-77562610]{--tooltip-arrow-box:11.314px;--tooltip-arrow-depth:5.657px;z-index:1002;filter:drop-shadow(0 1px 1px #727272eb)drop-shadow(0 4px 8.8px #7272720d)drop-shadow(1px 5px 5px #7272726e);width:max-content;position:fixed}.tooltip-content[data-state=open][data-v-77562610]{animation:fadeIn var(--animation-duration) ease-in-out}.tooltip-content[data-state=closed][data-v-77562610]{animation:fadeOut var(--animation-duration) ease-in-out}.tooltip-content__body[data-v-77562610]{word-break:break-word;color:var(--theme-neutral-0);background-color:var(--theme-neutral-700);border-radius:4px;padding:6px 8px;font-size:.875rem;font-weight:400;line-height:22px;display:block}.tooltip-content__arrow[data-v-77562610]{display:flex;position:absolute;overflow:hidden}.tooltip-content__arrow-box[data-v-77562610]{width:var(--tooltip-arrow-box);height:var(--tooltip-arrow-box);flex:none;justify-content:center;align-items:center;display:flex}.tooltip-content__arrow-beak[data-v-77562610]{background-color:var(--theme-neutral-700);width:8px;height:8px;transform:rotate(45deg)}.tooltip-content--top .tooltip-content__arrow[data-v-77562610]{width:var(--tooltip-arrow-box);height:var(--tooltip-arrow-depth);align-items:flex-end;top:100%}.tooltip-content--top .tooltip-content__arrow-beak[data-v-77562610]{border-bottom-right-radius:2px}.tooltip-content--bottom .tooltip-content__arrow[data-v-77562610]{width:var(--tooltip-arrow-box);height:var(--tooltip-arrow-depth);align-items:flex-start;bottom:100%}.tooltip-content--bottom .tooltip-content__arrow-beak[data-v-77562610]{border-top-left-radius:2px}.tooltip-content--left .tooltip-content__arrow[data-v-77562610]{width:var(--tooltip-arrow-depth);height:var(--tooltip-arrow-box);justify-content:flex-end;left:100%}.tooltip-content--left .tooltip-content__arrow-beak[data-v-77562610]{border-top-right-radius:2px}.tooltip-content--right .tooltip-content__arrow[data-v-77562610]{width:var(--tooltip-arrow-depth);height:var(--tooltip-arrow-box);justify-content:flex-start;right:100%}.tooltip-content--right .tooltip-content__arrow-beak[data-v-77562610]{border-bottom-left-radius:2px}
+.tooltip-sheet[data-v-4699364e]{color:var(--theme-neutral-text-body);overflow-wrap:break-word;padding:8px 16px 24px;font-size:.875rem;line-height:22px}.tooltip-content[data-v-4699364e]{--tooltip-arrow-box:11.314px;--tooltip-arrow-depth:5.657px;z-index:1002;filter:drop-shadow(0 1px 1px #727272eb)drop-shadow(0 4px 8.8px #7272720d)drop-shadow(1px 5px 5px #7272726e);width:max-content;position:fixed}.tooltip-content[data-state=open][data-v-4699364e]{animation:fadeIn var(--animation-duration) ease-in-out}.tooltip-content[data-state=closed][data-v-4699364e]{animation:fadeOut var(--animation-duration) ease-in-out}.tooltip-content__body[data-v-4699364e]{word-break:break-word;color:var(--theme-neutral-0);background-color:var(--theme-neutral-700);border-radius:4px;padding:6px 8px;font-size:.875rem;font-weight:400;line-height:22px;display:block}.tooltip-content__arrow[data-v-4699364e]{display:flex;position:absolute;overflow:hidden}.tooltip-content__arrow-box[data-v-4699364e]{width:var(--tooltip-arrow-box);height:var(--tooltip-arrow-box);flex:none;justify-content:center;align-items:center;display:flex}.tooltip-content__arrow-beak[data-v-4699364e]{background-color:var(--theme-neutral-700);width:8px;height:8px;transform:rotate(45deg)}.tooltip-content--top .tooltip-content__arrow[data-v-4699364e]{width:var(--tooltip-arrow-box);height:var(--tooltip-arrow-depth);align-items:flex-end;top:100%}.tooltip-content--top .tooltip-content__arrow-beak[data-v-4699364e]{border-bottom-right-radius:2px}.tooltip-content--bottom .tooltip-content__arrow[data-v-4699364e]{width:var(--tooltip-arrow-box);height:var(--tooltip-arrow-depth);align-items:flex-start;bottom:100%}.tooltip-content--bottom .tooltip-content__arrow-beak[data-v-4699364e]{border-top-left-radius:2px}.tooltip-content--left .tooltip-content__arrow[data-v-4699364e]{width:var(--tooltip-arrow-depth);height:var(--tooltip-arrow-box);justify-content:flex-end;left:100%}.tooltip-content--left .tooltip-content__arrow-beak[data-v-4699364e]{border-top-right-radius:2px}.tooltip-content--right .tooltip-content__arrow[data-v-4699364e]{width:var(--tooltip-arrow-depth);height:var(--tooltip-arrow-box);justify-content:flex-start;right:100%}.tooltip-content--right .tooltip-content__arrow-beak[data-v-4699364e]{border-bottom-left-radius:2px}

package/dist/components/v2/Tooltip/TooltipContent.vue.d.ts

@@ -1,6 +1,6 @@
 import { TooltipContentProps, TooltipSide, TooltipAlign } from './Tooltip.types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { TBreakpoints } from '../../../types/global.types';
+import { TBreakpointMobile } from '../../../types/global.types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -28,7 +28,7 @@ declare const __VLS_component: DefineComponent<TooltipContentProps, {}, {}, {},
     sideOffset: number;
     align: TooltipAlign;
     alignOffset: number;
-    breakpointMobile: TBreakpoints;
+    breakpointMobile: TBreakpointMobile;
     arrow: boolean;
     testId: string;
     maxWidth: number | string;

package/dist/components/v2/Tooltip/TooltipContent.vue.js

@@ -2,7 +2,7 @@ import './TooltipContent.css';
 import o from "./TooltipContent.vue2.js";
 /* empty css                    */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-77562610"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4699364e"]]);
 export {
-  _ as default
+  m as default
 };

package/dist/components/v2/Tooltip/TooltipContent.vue2.js

@@ -1,10 +1,10 @@
 import { defineComponent as Z, computed as B, ref as A, reactive as S, watch as tt, onBeforeUnmount as et, unref as d, openBlock as $, createBlock as D, withCtx as _, createElementVNode as u, mergeProps as O, renderSlot as P, createTextVNode as U, toDisplayString as F, createElementBlock as ot, createCommentVNode as G, nextTick as nt } from "vue";
-import { breakpoints as it } from "../../../utils/breakpoints.util.js";
-import { onClickOutside as st } from "../../../utils/onClickOutside.util.js";
-import lt from "../BottomSheet/BottomSheet.vue.js";
-import { ANIMATION_DURATION_MS as at } from "../shared/animation.const.js";
-import rt from "../shared/Portal.vue.js";
-import { useDelayedVisibility as dt } from "../shared/useDelayedVisibility.util.js";
+import { onClickOutside as it } from "../../../utils/onClickOutside.util.js";
+import st from "../BottomSheet/BottomSheet.vue.js";
+import { ANIMATION_DURATION_MS as lt } from "../shared/animation.const.js";
+import at from "../shared/Portal.vue.js";
+import { useDelayedVisibility as rt } from "../shared/useDelayedVisibility.util.js";
+import { useIsMobile as dt } from "../shared/useIsMobile.util.js";
 import { useTestId as ft } from "../shared/useTestId.util.js";
 const ct = ["id", "data-state"], C = 11.314, T = 16, p = 8, Ot = /* @__PURE__ */ Z({
   __name: "TooltipContent",
@@ -20,13 +20,13 @@ const ct = ["id", "data-state"], C = 11.314, T = 16, p = 8, Ot = /* @__PURE__ */
     arrow: { type: Boolean, default: !0 },
     maxWidth: { default: 320 },
     zIndex: { default: "auto" },
-    breakpointMobile: { default: "sm" },
+    breakpointMobile: { type: [String, Boolean], default: "sm" },
     mobileLabel: { default: "Подсказка" },
     testId: { default: void 0 }
   },
   emits: ["close", "pointerEnter", "pointerLeave"],
   setup(a, { emit: H }) {
-    const t = a, m = H, w = ft(() => t.testId), W = it.smaller(t.breakpointMobile), X = B(() => t.open && !W.value), y = A(null);
+    const t = a, m = H, w = ft(() => t.testId), W = dt(t.breakpointMobile), X = B(() => t.open && !W.value), y = A(null);
     function j(o) {
       o || m("close");
     }
@@ -34,7 +34,7 @@ const ct = ["id", "data-state"], C = 11.314, T = 16, p = 8, Ot = /* @__PURE__ */
       top: 0,
       left: 0,
       side: t.side
-    }), v = S({ width: 0, height: 0 }), g = S({ x: 0, y: 0 }), k = A(!1);
+    }), v = S({ width: 0, height: 0 }), g = S({ x: 0, y: 0 }), E = A(!1);
     function q() {
       const o = t.anchor, i = y.value;
       if (!o || !i) return;
@@ -55,13 +55,13 @@ const ct = ["id", "data-state"], C = 11.314, T = 16, p = 8, Ot = /* @__PURE__ */
           p,
           V - s.height - p
         )
-      ), l.top = f, l.left = c, l.side = n, v.width = s.width, v.height = s.height, g.x = e.left + e.width / 2, g.y = e.top + e.height / 2, k.value = !0;
+      ), l.top = f, l.left = c, l.side = n, v.width = s.width, v.height = s.height, g.x = e.left + e.width / 2, g.y = e.top + e.height / 2, E.value = !0;
     }
     const J = B(() => ({
       top: `${l.top}px`,
       left: `${l.left}px`,
       maxWidth: typeof t.maxWidth == "number" ? `${t.maxWidth}px` : t.maxWidth,
-      visibility: k.value ? void 0 : "hidden",
+      visibility: E.value ? void 0 : "hidden",
       ...t.zIndex !== "auto" ? { zIndex: t.zIndex } : {}
     }));
     function z(o, i) {
@@ -78,29 +78,29 @@ const ct = ["id", "data-state"], C = 11.314, T = 16, p = 8, Ot = /* @__PURE__ */
     function r() {
       nt(q);
     }
-    function E(o) {
+    function k(o) {
       o.key === "Escape" && m("close");
     }
-    const { visible: Q, dataState: Y } = dt(
+    const { visible: Q, dataState: Y } = rt(
       X,
-      at,
+      lt,
       {
         onOpen: () => {
-          k.value = !1, document.addEventListener("keydown", E), window.addEventListener("resize", r), window.addEventListener("scroll", r, !0), r();
+          E.value = !1, document.addEventListener("keydown", k), window.addEventListener("resize", r), window.addEventListener("scroll", r, !0), r();
         },
         onCloseStart: () => {
-          document.removeEventListener("keydown", E), window.removeEventListener("resize", r), window.removeEventListener("scroll", r, !0);
+          document.removeEventListener("keydown", k), window.removeEventListener("resize", r), window.removeEventListener("scroll", r, !0);
         }
       }
     );
     let b, h;
     return tt(y, (o) => {
-      b?.(), h?.disconnect(), o ? (b = st(o, () => m("close"), {
+      b?.(), h?.disconnect(), o ? (b = it(o, () => m("close"), {
         ignore: () => [t.anchor]
       }), h = new ResizeObserver(r), h.observe(o)) : (b = void 0, h = void 0);
     }), et(() => {
-      b?.(), h?.disconnect(), document.removeEventListener("keydown", E), window.removeEventListener("resize", r), window.removeEventListener("scroll", r, !0);
-    }), (o, i) => d(W) ? ($(), D(d(lt), {
+      b?.(), h?.disconnect(), document.removeEventListener("keydown", k), window.removeEventListener("resize", r), window.removeEventListener("scroll", r, !0);
+    }), (o, i) => d(W) ? ($(), D(d(st), {
       key: 0,
       open: a.open,
       label: a.mobileLabel,
@@ -115,7 +115,7 @@ const ct = ["id", "data-state"], C = 11.314, T = 16, p = 8, Ot = /* @__PURE__ */
         ], 16)
       ]),
       _: 3
-    }, 8, ["open", "label", "test-id"])) : d(Q) ? ($(), D(rt, { key: 1 }, {
+    }, 8, ["open", "label", "test-id"])) : d(Q) ? ($(), D(at, { key: 1 }, {
       default: _(() => [
         u("div", O({
           id: a.contentId,

package/dist/components/v2/Tooltip/vTooltip.directive.js

@@ -4,29 +4,28 @@ import O from "./TooltipContent.vue.js";
 import { createTooltipControl as v } from "./tooltipControl.util.js";
 const L = ["top", "right", "bottom", "left"], h = ["start", "center", "end"], D = 200, M = 100, y = "sm", s = /* @__PURE__ */ new WeakMap();
 let A = 0;
-function a(e) {
-  const o = e.value, t = typeof o == "string" ? { text: o } : o ?? {}, n = L.find((i) => e.modifiers[i]), r = h.find((i) => e.modifiers[i]);
+function d(o) {
+  const e = o.value, t = typeof e == "string" ? { text: e } : e ?? {}, n = L.find((i) => o.modifiers[i]), r = h.find((i) => o.modifiers[i]);
   return {
     ...n ? { side: n } : {},
     ...r ? { align: r } : {},
     ...t
   };
 }
-function l(e) {
-  return !e.disabled && !!e.text;
+function l(o) {
+  return !o.disabled && !!o.text;
 }
-function m(e) {
-  return I.isSmaller(
-    e.breakpointMobile ?? y
-  );
+function m(o) {
+  const e = o.breakpointMobile ?? y;
+  return e === !1 ? !1 : I.isSmaller(e);
 }
-function b(e, o) {
-  const { options: t } = o;
+function b(o, e) {
+  const { options: t } = e;
   p(
     E(O, {
-      anchor: e,
-      contentId: o.contentId,
-      open: o.open,
+      anchor: o,
+      contentId: e.contentId,
+      open: e.open,
       text: t.text,
       side: t.side,
       sideOffset: t.sideOffset,
@@ -37,33 +36,33 @@ function b(e, o) {
       zIndex: t.zIndex,
       breakpointMobile: t.breakpointMobile,
       mobileLabel: t.mobileLabel,
-      onClose: () => o.control.close(),
-      onPointerEnter: () => o.control.cancelTimers(),
-      onPointerLeave: () => o.control.scheduleClose()
+      onClose: () => e.control.close(),
+      onPointerEnter: () => e.control.cancelTimers(),
+      onPointerLeave: () => e.control.scheduleClose()
     }),
-    o.container
+    e.container
   );
 }
-function x(e, o) {
-  o.open && !m(o.options) ? e.setAttribute("aria-describedby", o.contentId) : e.removeAttribute("aria-describedby");
+function x(o, e) {
+  e.open && !m(e.options) ? o.setAttribute("aria-describedby", e.contentId) : o.removeAttribute("aria-describedby");
 }
-function C(e, o, t) {
-  o.open !== t && (o.open = t, t && !o.container.isConnected && document.body.appendChild(o.container), x(e, o), b(e, o));
+function C(o, e, t) {
+  e.open !== t && (e.open = t, t && !e.container.isConnected && document.body.appendChild(e.container), x(o, e), b(o, e));
 }
-function f(e, o) {
+function f(o, e) {
   const t = [];
-  function n(c, d) {
-    e.addEventListener(c, d), t.push(() => e.removeEventListener(c, d));
+  function n(c, a) {
+    o.addEventListener(c, a), t.push(() => o.removeEventListener(c, a));
   }
   const r = v({
     isOpen: () => i.open,
-    setOpen: (c) => C(e, i, c),
+    setOpen: (c) => C(o, i, c),
     openDelay: () => i.options.openDelay ?? D,
     closeDelay: () => i.options.closeDelay ?? M,
     disabled: () => !l(i.options),
     isMobile: () => m(i.options)
   }), i = {
-    options: o,
+    options: e,
     open: !1,
     contentId: `tooltip-directive-${++A}`,
     container: document.createElement("div"),
@@ -72,31 +71,31 @@ function f(e, o) {
   };
   return n("mouseenter", r.handleMouseEnter), n("mouseleave", r.handleMouseLeave), n("focusin", r.handleFocusIn), n("focusout", r.handleFocusOut), n("pointerdown", r.handlePointerDown), n("click", r.handleClick), i;
 }
-function u(e, o) {
-  o.control.destroy();
-  for (const t of o.unlisten) t();
-  p(null, o.container), o.container.remove(), e.removeAttribute("aria-describedby"), s.delete(e);
+function u(o, e) {
+  e.control.destroy();
+  for (const t of e.unlisten) t();
+  p(null, e.container), e.container.remove(), o.removeAttribute("aria-describedby"), s.delete(o);
 }
 const F = {
-  mounted(e, o) {
-    const t = a(o);
-    l(t) && s.set(e, f(e, t));
+  mounted(o, e) {
+    const t = d(e);
+    l(t) && s.set(o, f(o, t));
   },
-  updated(e, o) {
-    const t = a(o), n = s.get(e);
+  updated(o, e) {
+    const t = d(e), n = s.get(o);
     if (!n) {
-      l(t) && s.set(e, f(e, t));
+      l(t) && s.set(o, f(o, t));
       return;
     }
     if (n.options = t, !l(t)) {
-      n.control.close(), u(e, n);
+      n.control.close(), u(o, n);
       return;
     }
-    n.open && b(e, n);
+    n.open && b(o, n);
   },
-  beforeUnmount(e) {
-    const o = s.get(e);
-    o && u(e, o);
+  beforeUnmount(o) {
+    const e = s.get(o);
+    e && u(o, e);
   }
 };
 export {

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

@@ -16,6 +16,8 @@ export * from './Drawer';
 export * from './DropdownMenu';
 export * from './File';
 export * from './FileUpload';
+export * from './FormField';
+export * from './Image';
 export * from './Indicator';
 export * from './Input';
 export * from './InputNumber';