@useinsider/ab-components 0.0.27 → 0.0.28

package/dist/index.d.ts

@@ -1,180 +1,46 @@
-import { AllowedComponentProps } from 'vue';
-import { ComponentCustomProps } from 'vue';
-import { ComponentOptionsBase } from 'vue';
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
-import { CreateComponentPublicInstanceWithMixins } from 'vue';
 import { DefineComponent } from 'vue';
-import { GlobalComponents } from 'vue';
-import { GlobalDirectives } from 'vue';
+import { Placement } from '@floating-ui/vue';
 import { PublicProps } from 'vue';
-import { StyleValue } from 'vue';
-import { VNodeProps } from 'vue';
 
-declare const __VLS_component: DefineComponent<TooltipProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TooltipProps> & Readonly<{}>, {
-offsetX: number;
-offsetY: number;
-maxHeight: number;
-staticPosition: ("top center" | "top left" | "top right" | "bottom center" | "bottom left" | "bottom right" | "right center" | "right top" | "right bottom" | "left center" | "left top" | "left bottom");
-absolutePositionStatus: boolean;
-status: boolean;
-iconName: IconNames;
-absoluteTriangleAlignment: TriangleAlignment;
-absoluteTrianglePosition: "top" | "bottom";
-}, {}, {}, {}, string, ComponentProvideOptions, false, {
-tooltipRootRef: HTMLDivElement;
-tooltipIconRef: CreateComponentPublicInstanceWithMixins<Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
-size: 16 | 24;
-}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, SVGSVGElement, ComponentProvideOptions, {
-P: {};
-B: {};
-D: {};
-C: {};
-M: {};
-Defaults: {};
-}, Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, {
-size: 16 | 24;
-}> | null;
-tooltipPopupRef: HTMLDivElement;
-}, HTMLDivElement>;
-
-declare const __VLS_component_2: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-type: keyof typeof boxes;
-borderTriangle: boolean;
-boxSpacing: string;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+tooltipRef: HTMLDivElement;
+floatingArrowRef: HTMLDivElement;
+triggerRef: HTMLDivElement;
+}, any>;
 
 declare type __VLS_Props = {
-    type?: keyof typeof boxes;
-    borderTriangle?: boolean;
-    borderTriangleAlign?: 'start' | 'center' | 'end' | 'top';
-    borderTrianglePosition?: 'top' | 'right' | 'left' | 'bottom';
-    boxSpacing?: string;
+    id: string;
+    text: string;
+    placement?: Placement;
+    status?: boolean;
+    preventXss?: boolean;
+    iconName?: IconNames;
 };
 
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        triggerElement?(_: {}): any;
         contentSlot?(_: {}): any;
+        default?(_: {}): any;
     };
     refs: {
-        tooltipRootRef: HTMLDivElement;
-        tooltipIconRef: CreateComponentPublicInstanceWithMixins<Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
-        size: 16 | 24;
-        }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, SVGSVGElement, ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-        }, Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, {
-        size: 16 | 24;
-        }> | null;
-        tooltipPopupRef: HTMLDivElement;
-    };
-    rootEl: HTMLDivElement;
-};
-
-declare function __VLS_template_2(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-        front?(_: {}): any;
-        reverse?(_: {}): any;
+        tooltipRef: HTMLDivElement;
+        floatingArrowRef: HTMLDivElement;
+        triggerRef: HTMLDivElement;
     };
-    refs: {};
-    rootEl: HTMLDivElement;
+    rootEl: any;
 };
 
 declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 
-declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
-
 declare type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
 
-declare type __VLS_WithTemplateSlots_2<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-
-export declare const Box: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
-
-declare const boxes: {
-    readonly default: {
-        new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly<Props_3> & Readonly<{
-        onClick?: (() => any) | undefined;
-        }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-        click: () => any;
-        }, PublicProps, {
-        borderRadius: string;
-        borderTriangle: boolean;
-        borderTriangleAlign: "start" | "center" | "end";
-        borderTrianglePosition: "top" | "right" | "left" | "bottom";
-        }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-        }, Readonly<Props_3> & Readonly<{
-        onClick?: (() => any) | undefined;
-        }>, {}, {}, {}, {}, {
-        borderRadius: string;
-        borderTriangle: boolean;
-        borderTriangleAlign: "start" | "center" | "end";
-        borderTrianglePosition: "top" | "right" | "left" | "bottom";
-        }>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & ComponentOptionsBase<Readonly<Props_3> & Readonly<{
-    onClick?: (() => any) | undefined;
-    }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    click: () => any;
-    }, string, {
-    borderRadius: string;
-    borderTriangle: boolean;
-    borderTriangleAlign: "start" | "center" | "end";
-    borderTrianglePosition: "top" | "right" | "left" | "bottom";
-    }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
-        $slots: {
-            default?(_: {}): any;
-        };
-    });
-    readonly flip: {
-        new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly<Props_4> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
-        boxSpacing: string;
-        }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-        }, Readonly<Props_4> & Readonly<{}>, {}, {}, {}, {}, {
-        boxSpacing: string;
-        }>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & ComponentOptionsBase<Readonly<Props_4> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-    boxSpacing: string;
-    }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
-        $slots: {
-            front?(_: {}): any;
-            reverse?(_: {}): any;
-        };
-    });
-};
-
 export declare const Button: DefineComponent<ButtonProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 click: (event: MouseEvent) => any;
 }, string, PublicProps, Readonly<ButtonProps> & Readonly<{
@@ -318,18 +184,6 @@ declare interface Props_2 {
     size?: 'default' | 'small';
 }
 
-declare interface Props_3 {
-    border?: string;
-    borderRadius?: string;
-    borderTriangle?: boolean;
-    borderTriangleAlign?: 'start' | 'center' | 'end';
-    borderTrianglePosition?: 'top' | 'right' | 'left' | 'bottom';
-}
-
-declare interface Props_4 {
-    boxSpacing?: string;
-}
-
 export declare const SegmentButton: DefineComponent<SegmentButtonProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 click: (value: string) => any;
 "update:modelValue": (value: string) => any;
@@ -404,23 +258,4 @@ declare interface ToggleProps {
 
 export declare const Tooltip: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 
-declare interface TooltipProps {
-    id: string;
-    text: string;
-    staticPosition?: ('top center' | 'top left' | 'top right' | 'bottom center' | 'bottom left' | 'bottom right' | 'right center' | 'right top' | 'right bottom' | 'left center' | 'left top' | 'left bottom');
-    dynamicPosition?: boolean;
-    absolutePositionStatus?: boolean;
-    offsetX?: number;
-    offsetY?: number;
-    maxHeight?: number;
-    status?: boolean;
-    preventXss?: boolean;
-    iconName?: IconNames;
-    absoluteTriangleAlignment?: TriangleAlignment;
-    absoluteTrianglePosition?: 'top' | 'bottom';
-    absolutePosition?: StyleValue;
-}
-
-declare type TriangleAlignment = 'start' | 'center' | 'end' | 'top';
-
 export { }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/ab-components",
-  "version": "0.0.27",
+  "version": "0.0.28",
   "type": "module",
   "files": [
     "dist"
@@ -49,18 +49,18 @@
     "vue": "^3.5.13"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^3.2.3",
+    "@chromatic-com/storybook": "3.2.4",
     "@cspell/eslint-plugin": "8.16.0",
     "@eslint/eslintrc": "3.2.0",
     "@eslint/js": "8.57.1",
-    "@storybook/addon-docs": "^8.4.7",
-    "@storybook/addon-essentials": "^8.4.7",
-    "@storybook/addon-interactions": "^8.4.7",
-    "@storybook/addon-onboarding": "^8.4.7",
-    "@storybook/blocks": "^8.4.7",
-    "@storybook/test": "^8.4.7",
-    "@storybook/vue3": "^8.4.7",
-    "@storybook/vue3-vite": "^8.4.7",
+    "@storybook/addon-docs": "8.5.6",
+    "@storybook/addon-essentials": "8.5.6",
+    "@storybook/addon-interactions": "8.5.6",
+    "@storybook/addon-onboarding": "8.5.6",
+    "@storybook/blocks": "8.5.6",
+    "@storybook/test": "8.5.6",
+    "@storybook/vue3": "8.5.6",
+    "@storybook/vue3-vite": "8.5.6",
     "@stylistic/eslint-plugin": "2.10.1",
     "@stylistic/eslint-plugin-migrate": "2.10.1",
     "@tsconfig/node22": "^22.0.0",
@@ -93,16 +93,19 @@
     "sass": "^1.83.1",
     "sass-embedded": "^1.83.1",
     "sass-loader": "^16.0.4",
-    "storybook": "^8.4.7",
+    "storybook": "8.5.6",
     "ts-deepmerge": "7.0.1",
     "ts-node": "^10.9.2",
     "typescript": "5.6.2",
     "typescript-eslint": "8.14.0",
-    "vite": "^6.0.5",
-    "vite-plugin-dts": "^4.4.0",
-    "vite-plugin-vue-devtools": "^7.6.8",
-    "vitest": "^2.1.8",
+    "vite": "6.1.0",
+    "vite-plugin-dts": "4.5.0",
+    "vite-plugin-vue-devtools": "7.7.2",
+    "vitest": "3.0.5",
     "vue-eslint-parser": "9.4.3",
-    "vue-tsc": "^2.1.10"
+    "vue-tsc": "2.2.2"
+  },
+  "dependencies": {
+    "@floating-ui/vue": "^1.1.6"
   }
 }