@neuralytics/alpine-ds 0.4.0 → 0.5.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @neuralytics/alpine-ds
 
+## 0.5.0
+
+### Minor Changes
+
+- afbad30: Add AlpineTooltip component: hover/focus-triggered tooltip built on the internal FloatingLayer primitive, with placement, openDelay and isDisabled props.
+
+### Patch Changes
+
+- 4dcf040: Add internal FloatingLayer positioning primitive (Teleport + floating-ui/dom, with an optional arrow slot and configurable z-index) used to build upcoming floating components — no public API change.
+- 9d5a342: Add tooltip and tooltip-position props to AlpineIcon, and disabled-tooltip and tooltip-position props to AlpineButton, built on the AlpineTooltip component.
+
 ## 0.4.0
 
 ### Minor Changes

package/dist/components/button/Button.vue.d.ts

@@ -1,4 +1,5 @@
 import { IconName } from '../icon';
+import { TooltipPlacement } from '../tooltip/Tooltip.types';
 import { ButtonDesign as ButtonDesignType, ButtonIconPosition as ButtonIconPositionType, ButtonType as ButtonTypeType } from './Button.types';
 export interface ButtonProps {
     label?: string | null;
@@ -9,14 +10,18 @@ export interface ButtonProps {
     isDanger?: boolean;
     iconPosition?: ButtonIconPositionType;
     type?: ButtonTypeType;
+    disabledTooltip?: string;
+    tooltipPosition?: TooltipPlacement;
 }
 declare const _default: import('vue').DefineComponent<ButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ButtonProps> & Readonly<{}>, {
+    type: ButtonTypeType;
+    isDisabled: boolean;
     icon: IconName | null;
     isLoading: boolean;
-    type: ButtonTypeType;
+    tooltipPosition: TooltipPlacement;
     design: ButtonDesignType;
     isDanger: boolean;
-    isDisabled: boolean;
     iconPosition: ButtonIconPositionType;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+    disabledTooltip: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/floating-layer/FloatingLayer.types.d.ts

@@ -0,0 +1,18 @@
+import { VirtualElement } from '@floating-ui/dom';
+export declare const Placement: {
+    readonly Top: "top";
+    readonly Right: "right";
+    readonly Bottom: "bottom";
+    readonly Left: "left";
+};
+export type FloatingLayerPlacement = typeof Placement[keyof typeof Placement];
+export declare const floatingLayerPlacements: ("left" | "right" | "top" | "bottom")[];
+export interface FloatingLayerProps {
+    referenceElement: HTMLElement | VirtualElement | null;
+    isOpen: boolean;
+    placement?: FloatingLayerPlacement;
+    zIndex?: number;
+}
+export interface FloatingLayerSlotProps {
+    placement: FloatingLayerPlacement;
+}

package/dist/components/floating-layer/FloatingLayer.vue.d.ts

@@ -0,0 +1,30 @@
+import { FloatingLayerPlacement, FloatingLayerProps } from './FloatingLayer.types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            placement: FloatingLayerPlacement;
+        }): any;
+        arrow?(_: {}): any;
+    };
+    refs: {
+        floatingElement: HTMLDivElement;
+        arrowElement: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<FloatingLayerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FloatingLayerProps> & Readonly<{}>, {
+    placement: FloatingLayerPlacement;
+    zIndex: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    floatingElement: HTMLDivElement;
+    arrowElement: HTMLDivElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/floating-layer/index.d.ts

@@ -0,0 +1,2 @@
+export type { FloatingLayerPlacement, FloatingLayerProps, FloatingLayerSlotProps, } from './FloatingLayer.types';
+export { default as FloatingLayer } from './FloatingLayer.vue';

package/dist/components/icon/Icon.vue.d.ts

@@ -1,12 +1,16 @@
+import { TooltipPlacement } from '../tooltip/Tooltip.types';
 import { IconName, IconSize as IconSizeType } from './Icon.types';
 export interface IconProps {
     icon: IconName;
     hoverIcon?: IconName;
     size?: IconSizeType;
     isLoading?: boolean;
+    tooltip?: string;
+    tooltipPosition?: TooltipPlacement;
 }
 declare const _default: import('vue').DefineComponent<IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IconProps> & Readonly<{}>, {
     size: IconSizeType;
     isLoading: boolean;
+    tooltipPosition: TooltipPlacement;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -0,0 +1,9 @@
+import { FloatingLayerPlacement, Placement } from '../floating-layer/FloatingLayer.types';
+export type { FloatingLayerPlacement as TooltipPlacement };
+export { Placement };
+export interface TooltipProps {
+    label?: string;
+    placement?: FloatingLayerPlacement;
+    openDelay?: number;
+    isDisabled?: boolean;
+}

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

@@ -0,0 +1,26 @@
+import { TooltipProps } from './Tooltip.types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        triggerWrapper: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<TooltipProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TooltipProps> & Readonly<{}>, {
+    placement: import('./Tooltip.types').TooltipPlacement;
+    openDelay: number;
+    isDisabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    triggerWrapper: HTMLDivElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,2 @@
+export type { TooltipProps as AlpineTooltipProps, TooltipPlacement } from './Tooltip.types';
+export { default as AlpineTooltip } from './Tooltip.vue';

package/dist/constants/iconOptions.d.ts

@@ -4,6 +4,8 @@ export declare const iconMap: {
     readonly bell: "mdi:bell";
     readonly cog: "mdi:cog";
     readonly email: "mdi:email";
+    readonly eyeClosed: "mdi:eye-off";
+    readonly eyeOpen: "mdi:eye";
     readonly file: "mdi:file";
     readonly folder: "mdi:folder";
     readonly gear: "mdi:gear";
@@ -11,5 +13,5 @@ export declare const iconMap: {
 };
 export declare const iconOptions: {
     label: string;
-    value: "mdi:home" | "mdi:account" | "mdi:bell" | "mdi:cog" | "mdi:email" | "mdi:file" | "mdi:folder" | "mdi:gear" | "mdi:heart";
+    value: "mdi:home" | "mdi:account" | "mdi:bell" | "mdi:cog" | "mdi:email" | "mdi:eye-off" | "mdi:eye" | "mdi:file" | "mdi:folder" | "mdi:gear" | "mdi:heart";
 }[];

package/dist/constants/zIndex.d.ts

@@ -0,0 +1,4 @@
+export declare const Z_INDEX: {
+    readonly default: 1000;
+    readonly tooltip: 5000;
+};

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 export * from './components/button';
 export * from './components/icon';
+export * from './components/tooltip';
 export * from './utils/colors';