@likable-hair/svelte 3.3.18 → 3.3.20

package/dist/components/composed/buttons/ActivableButton.svelte

@@ -1,5 +1,9 @@
-<script>import Button from "../../simple/buttons/Button.svelte";
-export let active = false, buttonProps = {};
+<script lang="ts">
+  import Button from "../../simple/buttons/Button.svelte";
+  import type { ComponentProps } from "svelte";
+
+  export let active: boolean = false,
+    buttonProps: ComponentProps<Button> = {}
 </script>
 
 <Button

package/dist/components/composed/buttons/ActivableButton.svelte.d.ts

@@ -1,34 +1,38 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        active?: boolean | undefined;
-        buttonProps?: {
-            [x: string]: any;
-            class?: string | undefined;
-            buttonType?: "default" | "text" | "icon" | undefined;
-            type?: "submit" | "button" | undefined;
-            loading?: boolean | undefined;
-            icon?: string | undefined;
-            tabindex?: number | null | undefined;
-            disabled?: boolean | undefined;
-            buttonElement?: HTMLElement | undefined;
-        } | undefined;
+import Button from "../../simple/buttons/Button.svelte";
+import type { ComponentProps } from "svelte";
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        click: CustomEvent<{
-            nativeEvent: MouseEvent;
-        }>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-        append: {};
-    };
-};
-export type ActivableButtonProps = typeof __propDef.props;
-export type ActivableButtonEvents = typeof __propDef.events;
-export type ActivableButtonSlots = typeof __propDef.slots;
-export default class ActivableButton extends SvelteComponent<ActivableButtonProps, ActivableButtonEvents, ActivableButtonSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const ActivableButton: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    active?: boolean;
+    buttonProps?: ComponentProps<Button>;
+}, {
+    default: {};
+    append: {};
+}>, {
+    click: CustomEvent<{
+        nativeEvent: MouseEvent;
+    }>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+    append: {};
+}, {}, string>;
+type ActivableButton = InstanceType<typeof ActivableButton>;
+export default ActivableButton;

package/dist/components/composed/common/MenuOrDrawer.svelte

@@ -1,8 +1,24 @@
-<script>import "../../../css/main.css";
-import Drawer from "../../simple/navigation/Drawer.svelte";
-import Menu from "../../simple/common/Menu.svelte";
-import MediaQuery from "../../simple/common/MediaQuery.svelte";
-export let open = false, activator, drawerPosition = "bottom", menuAnchor = "bottom-center", stayInViewport = true, flipOnOverflow = false, _boxShadow = "rgb(var(--global-color-grey-900), .5) 0px 2px 4px", _height = "fit-content", _width = void 0, _maxHeight = void 0, _minWidth = "100px", _borderRadius = "5px", openingId = void 0, _drawerOverflow = void 0;
+<script lang="ts">
+  import '../../../css/main.css'
+  import Drawer from '../../simple/navigation/Drawer.svelte';
+  import Menu from '../../simple/common/Menu.svelte';
+  import MediaQuery from '../../simple/common/MediaQuery.svelte';
+  import type { ComponentProps } from 'svelte';
+
+  export let open: boolean = false,
+    activator: HTMLElement,
+    drawerPosition: ComponentProps<Drawer>['position'] = 'bottom',
+    menuAnchor: ComponentProps<Menu>['anchor'] = 'bottom-center',
+    stayInViewport: ComponentProps<Menu>['stayInViewport'] = true,
+    flipOnOverflow: ComponentProps<Menu>['flipOnOverflow'] = false,
+    _boxShadow: string = "rgb(var(--global-color-grey-900), .5) 0px 2px 4px",
+    _height: string = "fit-content",
+    _width: string | undefined = undefined,
+    _maxHeight: string | undefined = undefined,
+    _minWidth: string = "100px",
+    _borderRadius: string = "5px",
+    openingId: ComponentProps<Menu>['openingId'] = undefined,
+    _drawerOverflow: string | undefined = undefined;
 </script>
 
 <MediaQuery let:mAndDown>

package/dist/components/composed/common/MenuOrDrawer.svelte.d.ts

@@ -1,43 +1,57 @@
-import { SvelteComponent } from "svelte";
 import '../../../css/main.css';
 import Drawer from '../../simple/navigation/Drawer.svelte';
 import Menu from '../../simple/common/Menu.svelte';
 import type { ComponentProps } from 'svelte';
-declare const __propDef: {
-    props: {
-        open?: boolean | undefined;
-        activator: HTMLElement;
-        drawerPosition?: ComponentProps<Drawer>['position'];
-        menuAnchor?: ComponentProps<Menu>['anchor'];
-        stayInViewport?: ComponentProps<Menu>['stayInViewport'];
-        flipOnOverflow?: ComponentProps<Menu>['flipOnOverflow'];
-        _boxShadow?: string | undefined;
-        _height?: string | undefined;
-        _width?: string | undefined;
-        _maxHeight?: string | undefined;
-        _minWidth?: string | undefined;
-        _borderRadius?: string | undefined;
-        openingId?: ComponentProps<Menu>['openingId'];
-        _drawerOverflow?: string | undefined;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        close: CustomEvent<{}>;
-        'item-click': CustomEvent<{
-            item: import("../../simple/navigation/Navigator.svelte").Item;
-        }>;
-    } & {
-        [evt: string]: CustomEvent<any>;
+    z_$$bindings?: Bindings;
+}
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const MenuOrDrawer: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    open?: boolean;
+    activator: HTMLElement;
+    drawerPosition?: ComponentProps<Drawer>["position"];
+    menuAnchor?: ComponentProps<Menu>["anchor"];
+    stayInViewport?: ComponentProps<Menu>["stayInViewport"];
+    flipOnOverflow?: ComponentProps<Menu>["flipOnOverflow"];
+    _boxShadow?: string;
+    _height?: string;
+    _width?: string | undefined;
+    _maxHeight?: string | undefined;
+    _minWidth?: string;
+    _borderRadius?: string;
+    openingId?: ComponentProps<Menu>["openingId"];
+    _drawerOverflow?: string | undefined;
+}, {
+    default: {
+        isDrawer: boolean;
+        isMenu: boolean;
     };
-    slots: {
-        default: {
-            isDrawer: boolean;
-            isMenu: boolean;
-        };
+}>, {
+    close: CustomEvent<{}>;
+    'item-click': CustomEvent<{
+        item: import("../../simple/navigation/Navigator.svelte").Item;
+    }>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {
+        isDrawer: boolean;
+        isMenu: boolean;
     };
-};
-export type MenuOrDrawerProps = typeof __propDef.props;
-export type MenuOrDrawerEvents = typeof __propDef.events;
-export type MenuOrDrawerSlots = typeof __propDef.slots;
-export default class MenuOrDrawer extends SvelteComponent<MenuOrDrawerProps, MenuOrDrawerEvents, MenuOrDrawerSlots> {
-}
-export {};
+}, {}, string>;
+type MenuOrDrawer = InstanceType<typeof MenuOrDrawer>;
+export default MenuOrDrawer;

package/dist/components/composed/common/MenuOrDrawerOptions.svelte

@@ -1,17 +1,33 @@
-<script context="module"></script>
+<script lang="ts" context="module">
+  export type ArrayElement<ArrayType extends readonly unknown[]> = ArrayType extends readonly (infer ElementType)[] ? ElementType : never;
+</script>
+
+<script lang="ts">
+  import '../../../css/main.css'
+  import type { ComponentProps } from 'svelte';
+  import MenuOrDrawer from "./MenuOrDrawer.svelte";
+  import type Drawer from '../../simple/navigation/Drawer.svelte';
+  import type Menu from '../../simple/common/Menu.svelte';
+  import SelectableVerticalList from '../../simple/lists/SelectableVerticalList.svelte';
+
+  export let open: boolean = false,
+    activator: HTMLElement,
+    drawerPosition: ComponentProps<Drawer>['position'] = 'bottom',
+    menuAnchor: ComponentProps<Menu>['anchor'] = 'bottom-center',
+    elements: ComponentProps<SelectableVerticalList>['elements'] = [],
+    stayInViewport: ComponentProps<MenuOrDrawer>['stayInViewport'] = true,
+    flipOnOverflow: ComponentProps<MenuOrDrawer>['flipOnOverflow'] = false,
+    _boxShadow: string = "rgb(var(--global-color-grey-900), .5) 0px 2px 4px",
+    _height: string = "fit-content",
+    _maxHeight: string | undefined = undefined,
+    _minWidth: string = "100px",
+    _borderRadius: string = "5px",
+    openingId: ComponentProps<MenuOrDrawer>['openingId'] = undefined;
 
-<script>import "../../../css/main.css";
-import MenuOrDrawer from "./MenuOrDrawer.svelte";
-import SelectableVerticalList from "../../simple/lists/SelectableVerticalList.svelte";
-export let open = false, activator, drawerPosition = "bottom", menuAnchor = "bottom-center", elements = [], stayInViewport = true, flipOnOverflow = false, _boxShadow = "rgb(var(--global-color-grey-900), .5) 0px 2px 4px", _height = "fit-content", _maxHeight = void 0, _minWidth = "100px", _borderRadius = "5px", openingId = void 0;
-let selected;
-let focused;
-$:
-  if (!!selected)
-    selected = void 0;
-$:
-  if (!!focused && !open)
-    focused = void 0;
+  let selected: ArrayElement<NonNullable<ComponentProps<SelectableVerticalList>['elements']>>['name'] | undefined
+  let focused: ArrayElement<NonNullable<ComponentProps<SelectableVerticalList>['elements']>>['name'] | undefined
+  $: if(!!selected) selected = undefined
+  $: if(!!focused && !open) focused = undefined
 </script>
 
 <MenuOrDrawer

package/dist/components/composed/common/MenuOrDrawerOptions.svelte.d.ts

@@ -1,4 +1,3 @@
-import { SvelteComponent } from "svelte";
 export type ArrayElement<ArrayType extends readonly unknown[]> = ArrayType extends readonly (infer ElementType)[] ? ElementType : never;
 import '../../../css/main.css';
 import type { ComponentProps } from 'svelte';
@@ -6,34 +5,39 @@ import MenuOrDrawer from "./MenuOrDrawer.svelte";
 import type Drawer from '../../simple/navigation/Drawer.svelte';
 import type Menu from '../../simple/common/Menu.svelte';
 import SelectableVerticalList from '../../simple/lists/SelectableVerticalList.svelte';
-declare const __propDef: {
-    props: {
-        open?: boolean | undefined;
-        activator: HTMLElement;
-        drawerPosition?: ComponentProps<Drawer>['position'];
-        menuAnchor?: ComponentProps<Menu>['anchor'];
-        elements?: ComponentProps<SelectableVerticalList>['elements'];
-        stayInViewport?: ComponentProps<MenuOrDrawer>['stayInViewport'];
-        flipOnOverflow?: ComponentProps<MenuOrDrawer>['flipOnOverflow'];
-        _boxShadow?: string | undefined;
-        _height?: string | undefined;
-        _maxHeight?: string | undefined;
-        _minWidth?: string | undefined;
-        _borderRadius?: string | undefined;
-        openingId?: ComponentProps<MenuOrDrawer>['openingId'];
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        select: CustomEvent<{
-            element: import("../../simple/lists/SelectableVerticalList.svelte").Element;
-        }>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type MenuOrDrawerOptionsProps = typeof __propDef.props;
-export type MenuOrDrawerOptionsEvents = typeof __propDef.events;
-export type MenuOrDrawerOptionsSlots = typeof __propDef.slots;
-export default class MenuOrDrawerOptions extends SvelteComponent<MenuOrDrawerOptionsProps, MenuOrDrawerOptionsEvents, MenuOrDrawerOptionsSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const MenuOrDrawerOptions: $$__sveltets_2_IsomorphicComponent<{
+    open?: boolean;
+    activator: HTMLElement;
+    drawerPosition?: ComponentProps<Drawer>["position"];
+    menuAnchor?: ComponentProps<Menu>["anchor"];
+    elements?: ComponentProps<SelectableVerticalList>["elements"];
+    stayInViewport?: ComponentProps<MenuOrDrawer>["stayInViewport"];
+    flipOnOverflow?: ComponentProps<MenuOrDrawer>["flipOnOverflow"];
+    _boxShadow?: string;
+    _height?: string;
+    _maxHeight?: string | undefined;
+    _minWidth?: string;
+    _borderRadius?: string;
+    openingId?: ComponentProps<MenuOrDrawer>["openingId"];
+}, {
+    select: CustomEvent<{
+        element: import("../../simple/lists/SelectableVerticalList.svelte").Element;
+    }>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type MenuOrDrawerOptions = InstanceType<typeof MenuOrDrawerOptions>;
+export default MenuOrDrawerOptions;

package/dist/components/composed/common/QuickActions.svelte

@@ -1,26 +1,58 @@
-<script context="module"></script>
+<script context="module" lang="ts">
+  export type Action = {
+    label: string;
+    icon?: string;
+    disabled?: boolean;
+    loading?: boolean;
+    info?: string;
+    disabledInfo?: string
+    onClick: (e: CustomEvent<{ nativeEvent: MouseEvent }>) => void;
+  };
+</script>
+
+<script lang="ts">
+  import { Button, Icon, mediaQuery, ToolTip } from "../../..";
+  import { fly } from "svelte/transition";
+  import { cubicIn } from "svelte/easing";
+  import MenuOrDrawer from "./MenuOrDrawer.svelte";
+  import './QuickActions.css'
+  import { createEventDispatcher } from "svelte";
+
+  export let selectedItems: number,
+    disabled: boolean,
+    actionsForSelectedItems: Action[],
+    position: 'top' | 'bottom' = 'top',
+    lang: 'it' | 'en' = 'en'
+    
+  let actions: Action[] = [],
+    extraActions: Action[] = [],
+    slotSelectActionsContainer: HTMLElement | undefined,
+    moreActionsActivator: HTMLElement | undefined,
+    openMoreActions: boolean = false,
+    infoActivators: { [actionLabel: string]: HTMLElement } = {},
+    disabledInfoActivators: { [actionLabel: string]: HTMLElement } = {};
+
+  const dispatch = createEventDispatcher<{
+    close: {}
+  }>()
+
+  $: {
+    if (!!slotSelectActionsContainer) {
+      let numberOfSplit = $mediaQuery.xl ? 5 :
+        $mediaQuery.l ? 4 :
+        $mediaQuery.m ? 2 :
+        $mediaQuery.s ? 0 :
+        $mediaQuery.xs ? 0 : 3
 
-<script>import { Button, Icon, mediaQuery, ToolTip } from "../../..";
-import { fly } from "svelte/transition";
-import { cubicIn } from "svelte/easing";
-import MenuOrDrawer from "./MenuOrDrawer.svelte";
-import "./QuickActions.css";
-import { createEventDispatcher } from "svelte";
-export let selectedItems, disabled, actionsForSelectedItems, position = "top", lang = "en";
-let actions = [], extraActions = [], slotSelectActionsContainer, moreActionsActivator, openMoreActions = false, infoActivators = {}, disabledInfoActivators = {};
-const dispatch = createEventDispatcher();
-$: {
-  if (!!slotSelectActionsContainer) {
-    let numberOfSplit = $mediaQuery.xl ? 5 : $mediaQuery.l ? 4 : $mediaQuery.m ? 2 : $mediaQuery.s ? 0 : $mediaQuery.xs ? 0 : 3;
-    if (actionsForSelectedItems.length > numberOfSplit) {
-      extraActions = actionsForSelectedItems.slice(numberOfSplit);
-      actions = actionsForSelectedItems.slice(0, numberOfSplit);
-    } else {
-      actions = actionsForSelectedItems;
-      extraActions = [];
+      if (actionsForSelectedItems.length > numberOfSplit) {
+        extraActions = actionsForSelectedItems.slice(numberOfSplit);
+        actions = actionsForSelectedItems.slice(0, numberOfSplit);
+      } else {
+        actions = actionsForSelectedItems;
+        extraActions = [];
+      }
     }
   }
-}
 </script>
 
 {#if selectedItems > 0}

package/dist/components/composed/common/QuickActions.svelte.d.ts

@@ -1,4 +1,3 @@
-import { SvelteComponent } from "svelte";
 export type Action = {
     label: string;
     icon?: string;
@@ -11,24 +10,29 @@ export type Action = {
     }>) => void;
 };
 import './QuickActions.css';
-declare const __propDef: {
-    props: {
-        selectedItems: number;
-        disabled: boolean;
-        actionsForSelectedItems: Action[];
-        position?: "bottom" | "top" | undefined;
-        lang?: "it" | "en" | undefined;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        close: CustomEvent<{}>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type QuickActionsProps = typeof __propDef.props;
-export type QuickActionsEvents = typeof __propDef.events;
-export type QuickActionsSlots = typeof __propDef.slots;
-export default class QuickActions extends SvelteComponent<QuickActionsProps, QuickActionsEvents, QuickActionsSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const QuickActions: $$__sveltets_2_IsomorphicComponent<{
+    selectedItems: number;
+    disabled: boolean;
+    actionsForSelectedItems: Action[];
+    position?: "top" | "bottom";
+    lang?: "it" | "en";
+}, {
+    close: CustomEvent<{}>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type QuickActions = InstanceType<typeof QuickActions>;
+export default QuickActions;

package/dist/components/composed/common/ToolTip.svelte

@@ -1,32 +1,41 @@
-<script>import "../../../css/main.css";
-import Menu from "../../simple/common/Menu.svelte";
-export let activator, menuOpen = false, menuProps = {}, appearTimeout = void 0;
-let mouseEnterHandler = void 0, mouseLeaveHandler = void 0, appearTimeoutId = void 0;
-$:
-  if (!!activator) {
-    if (!!mouseEnterHandler)
-      activator.removeEventListener("mouseenter", mouseEnterHandler);
-    if (!!mouseLeaveHandler)
-      activator.removeEventListener("mouseleave", mouseLeaveHandler);
+<script lang="ts">
+  import '../../../css/main.css'
+  import Menu from "../../simple/common/Menu.svelte";
+  import type { ComponentProps } from 'svelte';
+
+  export let activator: HTMLElement,
+    menuOpen: boolean = false,
+    menuProps: ComponentProps<Menu> = {},
+    appearTimeout: number | undefined = undefined
+
+  let mouseEnterHandler: (() => void) | undefined = undefined,
+    mouseLeaveHandler: (() => void) | undefined = undefined,
+    appearTimeoutId: NodeJS.Timeout | undefined = undefined
+
+  $: if(!!activator) {
+    if(!!mouseEnterHandler) activator.removeEventListener('mouseenter', mouseEnterHandler)
+    if(!!mouseLeaveHandler) activator.removeEventListener('mouseleave', mouseLeaveHandler)
+
     mouseEnterHandler = () => {
-      if (appearTimeout !== void 0) {
-        if (appearTimeoutId !== void 0)
-          clearTimeout(appearTimeoutId);
+      if(appearTimeout !== undefined) {
+        if(appearTimeoutId !== undefined) clearTimeout(appearTimeoutId)
+
         appearTimeoutId = setTimeout(() => {
-          menuOpen = true;
+          menuOpen = true
         }, appearTimeout);
       } else {
-        menuOpen = true;
+        menuOpen = true
       }
-    };
-    activator.addEventListener("mouseenter", mouseEnterHandler);
+    }
+    activator.addEventListener('mouseenter', mouseEnterHandler)
+
     mouseLeaveHandler = () => {
-      if (appearTimeoutId !== void 0)
-        clearTimeout(appearTimeoutId);
-      menuOpen = false;
-    };
-    activator.addEventListener("mouseleave", mouseLeaveHandler);
+      if(appearTimeoutId !== undefined) clearTimeout(appearTimeoutId)
+      menuOpen = false
+    }
+    activator.addEventListener('mouseleave', mouseLeaveHandler)
   }
+
 </script>
 
 <Menu

package/dist/components/composed/common/ToolTip.svelte.d.ts

@@ -1,46 +1,35 @@
-import { SvelteComponent } from "svelte";
 import '../../../css/main.css';
-declare const __propDef: {
-    props: {
-        activator: HTMLElement;
-        menuOpen?: boolean | undefined;
-        menuProps?: {
-            _top?: number | undefined;
-            _left?: number | undefined;
-            _width?: string | undefined;
-            _height?: string | undefined;
-            _maxHeight?: string | undefined;
-            _minWidth?: string | undefined;
-            _overflow?: string | undefined;
-            _boxShadow?: string | undefined;
-            _borderRadius?: string | undefined;
-            _activatorGap?: number | undefined;
-            open?: boolean | undefined;
-            refreshPosition?: boolean | undefined;
-            activator?: HTMLElement | undefined;
-            anchor?: "bottom" | "bottom-center" | "right-center" | undefined;
-            closeOnClickOutside?: boolean | undefined;
-            inAnimation?: ((node: Element, params?: import("svelte/transition").SlideParams | import("svelte/transition").FlyParams | import("svelte/transition").FadeParams | undefined) => import("svelte/transition").TransitionConfig) | undefined;
-            inAnimationConfig?: import("svelte/transition").SlideParams | import("svelte/transition").FlyParams | import("svelte/transition").FadeParams | undefined;
-            outAnimation?: ((node: Element, params?: import("svelte/transition").SlideParams | import("svelte/transition").FlyParams | import("svelte/transition").FadeParams | undefined) => import("svelte/transition").TransitionConfig) | undefined;
-            outAnimationConfig?: import("svelte/transition").SlideParams | import("svelte/transition").FlyParams | import("svelte/transition").FadeParams | undefined;
-            menuElement?: HTMLElement | undefined;
-            flipOnOverflow?: boolean | undefined;
-            stayInViewport?: boolean | undefined;
-            openingId?: string | undefined;
-        } | undefined;
-        appearTimeout?: number | undefined;
+import Menu from "../../simple/common/Menu.svelte";
+import type { ComponentProps } from 'svelte';
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type ToolTipProps = typeof __propDef.props;
-export type ToolTipEvents = typeof __propDef.events;
-export type ToolTipSlots = typeof __propDef.slots;
-export default class ToolTip extends SvelteComponent<ToolTipProps, ToolTipEvents, ToolTipSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const ToolTip: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    activator: HTMLElement;
+    menuOpen?: boolean;
+    menuProps?: ComponentProps<Menu>;
+    appearTimeout?: number | undefined;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type ToolTip = InstanceType<typeof ToolTip>;
+export default ToolTip;