@vifui/core 0.4.0-alpha.6 → 0.6.0-alpha.8

package/dist/components/tabs/tabs-trigger.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './tabs-trigger.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/tabs/tabs.styles.d.ts

@@ -0,0 +1,56 @@
+import type { VariantProps } from "tailwind-variants";
+/**
+ * Tabs component variant mapper
+ *
+ * Maps variant props to @vifui/styles CSS classes
+ */
+export declare const tabsVariants: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            root?: import("tailwind-variants").ClassValue;
+            trigger?: import("tailwind-variants").ClassValue;
+            content?: import("tailwind-variants").ClassValue;
+            list?: import("tailwind-variants").ClassValue;
+            indicator?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            root?: import("tailwind-variants").ClassValue;
+            trigger?: import("tailwind-variants").ClassValue;
+            content?: import("tailwind-variants").ClassValue;
+            list?: import("tailwind-variants").ClassValue;
+            indicator?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    list: string;
+    indicator: string;
+    trigger: string;
+    content: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            root?: import("tailwind-variants").ClassValue;
+            trigger?: import("tailwind-variants").ClassValue;
+            content?: import("tailwind-variants").ClassValue;
+            list?: import("tailwind-variants").ClassValue;
+            indicator?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    list: string;
+    indicator: string;
+    trigger: string;
+    content: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    root: string;
+    list: string;
+    indicator: string;
+    trigger: string;
+    content: string;
+}, undefined, unknown, unknown, undefined>>;
+export type TabsVariantProps = VariantProps<typeof tabsVariants>;

package/dist/components/tabs/tabs.styles.js

@@ -0,0 +1,13 @@
+import { tv } from 'tailwind-variants';
+
+const tabsVariants = tv({
+  slots: {
+    root: "vif-tabs__root",
+    list: "vif-tabs__list",
+    indicator: "vif-tabs__indicator",
+    trigger: "vif-tabs__trigger",
+    content: "vif-tabs__content"
+  }
+});
+
+export { tabsVariants };

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

@@ -0,0 +1,13 @@
+export { default as TooltipProvider } from "./tooltip-provider.vue";
+export { default as TooltipRoot } from "./tooltip-root.vue";
+export { default as TooltipTrigger } from "./tooltip-trigger.vue";
+export { default as TooltipPortal } from "./tooltip-portal.vue";
+export { default as TooltipContent } from "./tooltip-content.vue";
+export { default as TooltipArrow } from "./tooltip-arrow.vue";
+export { tooltipVariants, type TooltipVariantProps } from "./tooltip.styles";
+export type { TooltipProviderProps } from "./tooltip-provider.vue";
+export type { TooltipRootProps, TooltipRootEmits, TooltipRootSlots, } from "./tooltip-root.vue";
+export type { TooltipTriggerProps, TooltipTriggerSlots, } from "./tooltip-trigger.vue";
+export type { TooltipPortalProps, TooltipPortalSlots, } from "./tooltip-portal.vue";
+export type { TooltipContentProps, TooltipContentSlots, TooltipContentEmits, } from "./tooltip-content.vue";
+export type { TooltipArrowProps, TooltipArrowSlots } from "./tooltip-arrow.vue";

package/dist/components/tooltip/index.js

@@ -0,0 +1,7 @@
+export { default as TooltipProvider } from './tooltip-provider.vue.js';
+export { default as TooltipRoot } from './tooltip-root.vue.js';
+export { default as TooltipTrigger } from './tooltip-trigger.vue.js';
+export { default as TooltipPortal } from './tooltip-portal.vue.js';
+export { default as TooltipContent } from './tooltip-content.vue.js';
+export { default as TooltipArrow } from './tooltip-arrow.vue.js';
+export { tooltipVariants } from './tooltip.styles.js';

package/dist/components/tooltip/tooltip-arrow.vue.d.ts

@@ -0,0 +1,24 @@
+import { type TooltipArrowProps as RekaTooltipArrowProps } from "reka-ui";
+import { type HTMLAttributes, type Slot } from "vue";
+/** Props for the VifUI TooltipArrow component */
+export interface TooltipArrowProps extends RekaTooltipArrowProps {
+    /**Custom class names for extending or overriding styles. */
+    class?: HTMLAttributes["class"];
+}
+/** TooltipArrow Slots */
+export interface TooltipArrowSlots {
+    default: Slot;
+}
+type __VLS_Slots = TooltipArrowSlots;
+declare const __VLS_component: import("vue").DefineComponent<TooltipArrowProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TooltipArrowProps> & Readonly<{}>, {
+    as: import("reka-ui").AsTag | import("vue").Component;
+    width: number;
+    height: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/tooltip/tooltip-arrow.vue.js

@@ -0,0 +1,37 @@
+import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { useForwardProps, TooltipArrow } from 'reka-ui';
+import { tooltipVariants } from './tooltip.styles.js';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "tooltip-arrow",
+  props: {
+    class: { type: null, required: false },
+    width: { type: Number, required: false, default: 10 },
+    height: { type: Number, required: false, default: 5 },
+    asChild: { type: Boolean, required: false },
+    as: { type: null, required: false, default: "svg" }
+  },
+  setup(__props) {
+    const props = __props;
+    const arrowProps = useForwardProps(() => {
+      const { class: className, ...rest } = props;
+      return rest;
+    });
+    const theme = computed(
+      () => tooltipVariants().arrow({
+        class: props.class
+      })
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(TooltipArrow), mergeProps(unref(arrowProps), { class: theme.value }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 16, ["class"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/tooltip/tooltip-arrow.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './tooltip-arrow.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/tooltip/tooltip-content.vue.d.ts

@@ -0,0 +1,34 @@
+import { type TooltipContentProps as RekaTooltipContentProps, type TooltipContentEmits as RekaTooltipContentEmits } from "reka-ui";
+import { type HTMLAttributes, type Slot } from "vue";
+/** Props for the VifUI TooltipContent component */
+export interface TooltipContentProps extends RekaTooltipContentProps {
+    /**
+     * Custom class names for extending or overriding styles.
+     */
+    class?: HTMLAttributes["class"];
+}
+/** TooltipContent Emits */
+export interface TooltipContentEmits extends RekaTooltipContentEmits {
+}
+/** TooltipContent Slots */
+export interface TooltipContentSlots {
+    default: Slot;
+}
+type __VLS_Slots = TooltipContentSlots;
+declare const __VLS_component: import("vue").DefineComponent<TooltipContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    escapeKeyDown: (event: KeyboardEvent) => any;
+    pointerDownOutside: (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<TooltipContentProps> & Readonly<{
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: Event) => any) | undefined;
+}>, {
+    as: import("reka-ui").AsTag | import("vue").Component;
+    side: "left" | "right" | "top" | "bottom";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/tooltip/tooltip-content.vue.js

@@ -0,0 +1,51 @@
+import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { useForwardPropsEmits, TooltipContent } from 'reka-ui';
+import { tooltipVariants } from './tooltip.styles.js';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "tooltip-content",
+  props: {
+    class: { type: null, required: false },
+    forceMount: { type: Boolean, required: false },
+    ariaLabel: { type: String, required: false },
+    asChild: { type: Boolean, required: false },
+    as: { type: null, required: false, default: "div" },
+    side: { type: null, required: false, default: "top" },
+    sideOffset: { type: Number, required: false },
+    align: { type: null, required: false },
+    alignOffset: { type: Number, required: false },
+    avoidCollisions: { type: Boolean, required: false },
+    collisionBoundary: { type: null, required: false },
+    collisionPadding: { type: [Number, Object], required: false },
+    arrowPadding: { type: Number, required: false },
+    sticky: { type: String, required: false },
+    hideWhenDetached: { type: Boolean, required: false },
+    positionStrategy: { type: String, required: false },
+    updatePositionStrategy: { type: String, required: false }
+  },
+  emits: ["escapeKeyDown", "pointerDownOutside"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const contentPropsEmits = useForwardPropsEmits(() => {
+      const { class: className, ...rest } = props;
+      return rest;
+    }, emits);
+    const theme = computed(
+      () => tooltipVariants().content({
+        class: props.class
+      })
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(TooltipContent), mergeProps(unref(contentPropsEmits), { class: theme.value }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 16, ["class"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/tooltip/tooltip-content.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './tooltip-content.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/tooltip/tooltip-portal.vue.d.ts

@@ -0,0 +1,18 @@
+import { type TooltipPortalProps as RekaTooltipPortalProps } from "reka-ui";
+import type { Slot } from "vue";
+/** Props for the VifUI TooltipPortal component  */
+export interface TooltipPortalProps extends RekaTooltipPortalProps {
+}
+/** TooltipPortal Slots */
+export interface TooltipPortalSlots {
+    default: Slot;
+}
+type __VLS_Slots = TooltipPortalSlots;
+declare const __VLS_component: import("vue").DefineComponent<TooltipPortalProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TooltipPortalProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/tooltip/tooltip-portal.vue.js

@@ -0,0 +1,33 @@
+import { defineComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot } from 'vue';
+import { useForwardProps, TooltipPortal } from 'reka-ui';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "tooltip-portal",
+  props: {
+    to: { type: null, required: false },
+    disabled: { type: Boolean, required: false },
+    defer: { type: Boolean, required: false },
+    forceMount: { type: Boolean, required: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const portalProps = useForwardProps(props);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(
+        unref(TooltipPortal),
+        normalizeProps(guardReactiveProps(unref(portalProps))),
+        {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+          /* FORWARDED */
+        },
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/tooltip/tooltip-portal.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './tooltip-portal.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/tooltip/tooltip-provider.vue.d.ts

@@ -0,0 +1,23 @@
+import { type TooltipProviderProps as RekaTooltipProviderProps } from "reka-ui";
+import type { Slot } from "vue";
+/** Props for the VifUI tooltip provider component. */
+export interface TooltipProviderProps extends RekaTooltipProviderProps {
+}
+/** TooltipProvider Slots */
+export interface TooltipProviderSlots {
+    default: Slot;
+}
+type __VLS_Slots = TooltipProviderSlots;
+declare const __VLS_component: import("vue").DefineComponent<TooltipProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TooltipProviderProps> & Readonly<{}>, {
+    delayDuration: number;
+    skipDelayDuration: number;
+    disableHoverableContent: boolean;
+    ignoreNonKeyboardFocus: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/tooltip/tooltip-provider.vue.js

@@ -0,0 +1,35 @@
+import { defineComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot } from 'vue';
+import { useForwardProps, TooltipProvider } from 'reka-ui';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "tooltip-provider",
+  props: {
+    delayDuration: { type: Number, required: false, default: 700 },
+    skipDelayDuration: { type: Number, required: false, default: 300 },
+    disableHoverableContent: { type: Boolean, required: false, default: false },
+    disableClosingTrigger: { type: Boolean, required: false },
+    disabled: { type: Boolean, required: false },
+    ignoreNonKeyboardFocus: { type: Boolean, required: false, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const providerProps = useForwardProps(props);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(
+        unref(TooltipProvider),
+        normalizeProps(guardReactiveProps(unref(providerProps))),
+        {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+          /* FORWARDED */
+        },
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/tooltip/tooltip-provider.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './tooltip-provider.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/tooltip/tooltip-root.vue.d.ts

@@ -0,0 +1,30 @@
+import { type TooltipRootProps as RekaTooltipRootProps, type TooltipRootEmits as RekaTooltipRootEmits } from "reka-ui";
+import type { Slot } from "vue";
+/** Props for the VifUI TooltipRoot component. */
+export interface TooltipRootProps extends RekaTooltipRootProps {
+}
+/** TooltipRoot Emits */
+export interface TooltipRootEmits extends RekaTooltipRootEmits {
+}
+/** TooltipRoot Slots */
+export interface TooltipRootSlots {
+    default: (props: {
+        /** Current open state */
+        open: boolean;
+    }) => Slot;
+}
+type __VLS_Slots = TooltipRootSlots;
+declare const __VLS_component: import("vue").DefineComponent<TooltipRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<TooltipRootProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    defaultOpen: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/tooltip/tooltip-root.vue.js

@@ -0,0 +1,38 @@
+import { defineComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot } from 'vue';
+import { useForwardPropsEmits, TooltipRoot } from 'reka-ui';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "tooltip-root",
+  props: {
+    defaultOpen: { type: Boolean, required: false, default: false },
+    open: { type: Boolean, required: false },
+    delayDuration: { type: Number, required: false },
+    disableHoverableContent: { type: Boolean, required: false },
+    disableClosingTrigger: { type: Boolean, required: false },
+    disabled: { type: Boolean, required: false },
+    ignoreNonKeyboardFocus: { type: Boolean, required: false }
+  },
+  emits: ["update:open"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const rootPropsEmits = useForwardPropsEmits(props, emits);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(
+        unref(TooltipRoot),
+        normalizeProps(guardReactiveProps(unref(rootPropsEmits))),
+        {
+          default: withCtx(({ open }) => [
+            renderSlot(_ctx.$slots, "default", { open })
+          ]),
+          _: 3
+          /* FORWARDED */
+        },
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/tooltip/tooltip-root.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './tooltip-root.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/tooltip/tooltip-trigger.vue.d.ts

@@ -0,0 +1,24 @@
+import { type TooltipTriggerProps as RekaTooltipTriggerProps } from "reka-ui";
+import { type HTMLAttributes, type Slot } from "vue";
+/** Props for the VifUI TooltipTrigger component */
+export interface TooltipTriggerProps extends RekaTooltipTriggerProps {
+    /**
+     * Custom class names for extending or overriding styles.
+     */
+    class?: HTMLAttributes["class"];
+}
+/** TooltipTrigger Slots */
+export interface TooltipTriggerSlots {
+    default: Slot;
+}
+type __VLS_Slots = TooltipTriggerSlots;
+declare const __VLS_component: import("vue").DefineComponent<TooltipTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TooltipTriggerProps> & Readonly<{}>, {
+    as: import("reka-ui").AsTag | import("vue").Component;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/tooltip/tooltip-trigger.vue.js

@@ -0,0 +1,32 @@
+import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { useForwardProps, TooltipTrigger } from 'reka-ui';
+import { tooltipVariants } from './tooltip.styles.js';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "tooltip-trigger",
+  props: {
+    class: { type: null, required: false },
+    reference: { type: null, required: false },
+    asChild: { type: Boolean, required: false },
+    as: { type: null, required: false, default: "button" }
+  },
+  setup(__props) {
+    const props = __props;
+    const triggerProps = useForwardProps(() => {
+      const { class: className, ...rest } = props;
+      return rest;
+    });
+    const theme = computed(() => tooltipVariants().trigger({ class: props.class }));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(TooltipTrigger), mergeProps(unref(triggerProps), { class: theme.value }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 16, ["class"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/tooltip/tooltip-trigger.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './tooltip-trigger.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/tooltip/tooltip.styles.d.ts

@@ -0,0 +1,62 @@
+import type { VariantProps } from "tailwind-variants";
+/**
+ * tooltip component variant mapper
+ *
+ * Maps variant props to @vifui/styles CSS classes
+ */
+export declare const tooltipVariants: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            root?: import("tailwind-variants").ClassValue;
+            trigger?: import("tailwind-variants").ClassValue;
+            content?: import("tailwind-variants").ClassValue;
+            provider?: import("tailwind-variants").ClassValue;
+            portal?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            root?: import("tailwind-variants").ClassValue;
+            trigger?: import("tailwind-variants").ClassValue;
+            content?: import("tailwind-variants").ClassValue;
+            provider?: import("tailwind-variants").ClassValue;
+            portal?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, {
+    provider: string;
+    root: string;
+    portal: string;
+    trigger: string;
+    content: string;
+    arrow: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            root?: import("tailwind-variants").ClassValue;
+            trigger?: import("tailwind-variants").ClassValue;
+            content?: import("tailwind-variants").ClassValue;
+            provider?: import("tailwind-variants").ClassValue;
+            portal?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, {
+    provider: string;
+    root: string;
+    portal: string;
+    trigger: string;
+    content: string;
+    arrow: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    provider: string;
+    root: string;
+    portal: string;
+    trigger: string;
+    content: string;
+    arrow: string;
+}, undefined, unknown, unknown, undefined>>;
+export type TooltipVariantProps = VariantProps<typeof tooltipVariants>;

package/dist/components/tooltip/tooltip.styles.js

@@ -0,0 +1,14 @@
+import { tv } from 'tailwind-variants';
+
+const tooltipVariants = tv({
+  slots: {
+    provider: "",
+    root: "",
+    portal: "",
+    trigger: "vif-tooltip__trigger",
+    content: "vif-tooltip__content",
+    arrow: "vif-tooltip__arrow"
+  }
+});
+
+export { tooltipVariants };