@mekari/pixel3-tooltip 0.0.0

package/dist/modules/tooltip.hooks.mjs

@@ -0,0 +1,9 @@
+import {
+  useSingletonTooltip,
+  useTooltip
+} from "../chunk-OBETIXOG.mjs";
+import "../chunk-QZ7VFGWC.mjs";
+export {
+  useSingletonTooltip,
+  useTooltip
+};

package/dist/modules/tooltip.props.d.mts

@@ -0,0 +1,65 @@
+import { ComponentPublicInstance, Ref, PropType, ExtractPropTypes } from 'vue';
+import { Placement } from '@floating-ui/vue';
+
+type MaybeElement = ComponentPublicInstance | null | undefined;
+type TriggerNode = Readonly<Ref<MaybeElement>>;
+declare const tooltipProps: {
+    label: {
+        type: PropType<string>;
+    };
+    placement: {
+        type: PropType<Placement>;
+        default: string;
+    };
+    id: {
+        type: PropType<string>;
+    };
+    defaultIsOpen: {
+        type: PropType<boolean>;
+    };
+    isManual: {
+        type: PropType<boolean>;
+    };
+    isOpen: {
+        type: PropType<boolean>;
+    };
+    showDelay: {
+        type: PropType<number>;
+        default: number;
+    };
+    hideDelay: {
+        type: PropType<number>;
+        default: number;
+    };
+    usePortal: {
+        type: PropType<boolean>;
+    };
+    isKeepAlive: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+};
+declare const singletonTooltipProps: {
+    triggerNode: {
+        type: PropType<Readonly<Ref<MaybeElement>>>;
+        default: null;
+    };
+    label: {
+        type: PropType<string>;
+    };
+    placement: {
+        type: PropType<Placement>;
+        default: string;
+    };
+    isOpen: {
+        type: PropType<boolean>;
+    };
+};
+type TooltipProps = ExtractPropTypes<typeof tooltipProps>;
+type SingletonTooltipProps = ExtractPropTypes<typeof singletonTooltipProps>;
+declare const tooltipEmits: readonly ["open", "close"];
+type TooltipEmits = (e: (typeof tooltipEmits)[number], value?: {
+    [key: string]: string | number | Ref | void;
+}) => void;
+
+export { MaybeElement, SingletonTooltipProps, TooltipEmits, TooltipProps, TriggerNode, singletonTooltipProps, tooltipEmits, tooltipProps };

package/dist/modules/tooltip.props.d.ts

@@ -0,0 +1,65 @@
+import { ComponentPublicInstance, Ref, PropType, ExtractPropTypes } from 'vue';
+import { Placement } from '@floating-ui/vue';
+
+type MaybeElement = ComponentPublicInstance | null | undefined;
+type TriggerNode = Readonly<Ref<MaybeElement>>;
+declare const tooltipProps: {
+    label: {
+        type: PropType<string>;
+    };
+    placement: {
+        type: PropType<Placement>;
+        default: string;
+    };
+    id: {
+        type: PropType<string>;
+    };
+    defaultIsOpen: {
+        type: PropType<boolean>;
+    };
+    isManual: {
+        type: PropType<boolean>;
+    };
+    isOpen: {
+        type: PropType<boolean>;
+    };
+    showDelay: {
+        type: PropType<number>;
+        default: number;
+    };
+    hideDelay: {
+        type: PropType<number>;
+        default: number;
+    };
+    usePortal: {
+        type: PropType<boolean>;
+    };
+    isKeepAlive: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+};
+declare const singletonTooltipProps: {
+    triggerNode: {
+        type: PropType<Readonly<Ref<MaybeElement>>>;
+        default: null;
+    };
+    label: {
+        type: PropType<string>;
+    };
+    placement: {
+        type: PropType<Placement>;
+        default: string;
+    };
+    isOpen: {
+        type: PropType<boolean>;
+    };
+};
+type TooltipProps = ExtractPropTypes<typeof tooltipProps>;
+type SingletonTooltipProps = ExtractPropTypes<typeof singletonTooltipProps>;
+declare const tooltipEmits: readonly ["open", "close"];
+type TooltipEmits = (e: (typeof tooltipEmits)[number], value?: {
+    [key: string]: string | number | Ref | void;
+}) => void;
+
+export { MaybeElement, SingletonTooltipProps, TooltipEmits, TooltipProps, TriggerNode, singletonTooltipProps, tooltipEmits, tooltipProps };

package/dist/modules/tooltip.props.js

@@ -0,0 +1,86 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/modules/tooltip.props.ts
+var tooltip_props_exports = {};
+__export(tooltip_props_exports, {
+  singletonTooltipProps: () => singletonTooltipProps,
+  tooltipEmits: () => tooltipEmits,
+  tooltipProps: () => tooltipProps
+});
+module.exports = __toCommonJS(tooltip_props_exports);
+var tooltipProps = {
+  label: {
+    type: String
+  },
+  placement: {
+    type: String,
+    default: "top"
+  },
+  id: {
+    type: String
+  },
+  defaultIsOpen: {
+    type: Boolean
+  },
+  isManual: {
+    type: Boolean
+  },
+  isOpen: {
+    type: Boolean
+  },
+  showDelay: {
+    type: Number,
+    default: 0
+  },
+  hideDelay: {
+    type: Number,
+    default: 0
+  },
+  usePortal: {
+    type: Boolean
+  },
+  isKeepAlive: {
+    type: Boolean,
+    default: true
+  }
+};
+var singletonTooltipProps = {
+  triggerNode: {
+    type: [Object],
+    default: null
+  },
+  label: {
+    type: String
+  },
+  placement: {
+    type: String,
+    default: "right"
+  },
+  isOpen: {
+    type: Boolean
+  }
+};
+var tooltipEmits = ["open", "close"];
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  singletonTooltipProps,
+  tooltipEmits,
+  tooltipProps
+});

package/dist/modules/tooltip.props.mjs

@@ -0,0 +1,11 @@
+import {
+  singletonTooltipProps,
+  tooltipEmits,
+  tooltipProps
+} from "../chunk-22GSYROL.mjs";
+import "../chunk-QZ7VFGWC.mjs";
+export {
+  singletonTooltipProps,
+  tooltipEmits,
+  tooltipProps
+};

package/dist/singleton-tooltip.d.mts

@@ -0,0 +1,41 @@
+import * as _floating_ui_dom from '@floating-ui/dom';
+import * as vue from 'vue';
+import { MaybeElement } from './modules/tooltip.props.mjs';
+import '@floating-ui/vue';
+
+declare const MpSingletonTooltip: vue.DefineComponent<{
+    triggerNode: {
+        type: vue.PropType<Readonly<vue.Ref<MaybeElement>>>;
+        default: null;
+    };
+    label: {
+        type: vue.PropType<string>;
+    };
+    placement: {
+        type: vue.PropType<_floating_ui_dom.Placement>;
+        default: string;
+    };
+    isOpen: {
+        type: vue.PropType<boolean>;
+    };
+}, () => JSX.Element | null, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    triggerNode: {
+        type: vue.PropType<Readonly<vue.Ref<MaybeElement>>>;
+        default: null;
+    };
+    label: {
+        type: vue.PropType<string>;
+    };
+    placement: {
+        type: vue.PropType<_floating_ui_dom.Placement>;
+        default: string;
+    };
+    isOpen: {
+        type: vue.PropType<boolean>;
+    };
+}>>, {
+    triggerNode: Readonly<vue.Ref<MaybeElement>>;
+    placement: _floating_ui_dom.Placement;
+}, {}>;
+
+export { MpSingletonTooltip };

package/dist/singleton-tooltip.d.ts

@@ -0,0 +1,41 @@
+import * as _floating_ui_dom from '@floating-ui/dom';
+import * as vue from 'vue';
+import { MaybeElement } from './modules/tooltip.props.js';
+import '@floating-ui/vue';
+
+declare const MpSingletonTooltip: vue.DefineComponent<{
+    triggerNode: {
+        type: vue.PropType<Readonly<vue.Ref<MaybeElement>>>;
+        default: null;
+    };
+    label: {
+        type: vue.PropType<string>;
+    };
+    placement: {
+        type: vue.PropType<_floating_ui_dom.Placement>;
+        default: string;
+    };
+    isOpen: {
+        type: vue.PropType<boolean>;
+    };
+}, () => JSX.Element | null, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    triggerNode: {
+        type: vue.PropType<Readonly<vue.Ref<MaybeElement>>>;
+        default: null;
+    };
+    label: {
+        type: vue.PropType<string>;
+    };
+    placement: {
+        type: vue.PropType<_floating_ui_dom.Placement>;
+        default: string;
+    };
+    isOpen: {
+        type: vue.PropType<boolean>;
+    };
+}>>, {
+    triggerNode: Readonly<vue.Ref<MaybeElement>>;
+    placement: _floating_ui_dom.Placement;
+}, {}>;
+
+export { MpSingletonTooltip };

package/dist/singleton-tooltip.js

@@ -0,0 +1,105 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/singleton-tooltip.tsx
+var singleton_tooltip_exports = {};
+__export(singleton_tooltip_exports, {
+  MpSingletonTooltip: () => MpSingletonTooltip
+});
+module.exports = __toCommonJS(singleton_tooltip_exports);
+var import_vue3 = require("vue");
+var import_vue4 = require("vue");
+
+// src/modules/tooltip.props.ts
+var singletonTooltipProps = {
+  triggerNode: {
+    type: [Object],
+    default: null
+  },
+  label: {
+    type: String
+  },
+  placement: {
+    type: String,
+    default: "right"
+  },
+  isOpen: {
+    type: Boolean
+  }
+};
+
+// src/modules/tooltip.hooks.ts
+var import_vue = require("@floating-ui/vue");
+var import_pixel3_utils = require("@mekari/pixel3-utils");
+var import_vue2 = require("vue");
+var import_recipes = require("@mekari/pixel3-styled-system/recipes");
+function useSingletonTooltip(props) {
+  const {
+    triggerNode,
+    isOpen,
+    placement
+  } = (0, import_vue2.toRefs)(props);
+  const contentNode = (0, import_vue2.ref)(null);
+  const middleware = (0, import_vue2.ref)([(0, import_vue.offset)(4), (0, import_vue.flip)(), (0, import_vue.shift)()]);
+  const {
+    floatingStyles
+  } = (0, import_vue.useFloating)(triggerNode, contentNode, {
+    placement,
+    middleware,
+    whileElementsMounted: import_vue.autoUpdate
+  });
+  const contentAttrs = (0, import_vue2.computed)(() => {
+    return {
+      ref: contentNode,
+      class: (0, import_recipes.tooltipRecipe)(),
+      style: {
+        display: (isOpen == null ? void 0 : isOpen.value) ? "unset" : "none",
+        ...floatingStyles.value
+      }
+    };
+  });
+  return {
+    triggerNode,
+    contentNode,
+    contentAttrs
+  };
+}
+__name(useSingletonTooltip, "useSingletonTooltip");
+
+// src/singleton-tooltip.tsx
+var MpSingletonTooltip = (0, import_vue4.defineComponent)({
+  name: "MpSingletonTooltip",
+  inheritAttrs: false,
+  props: singletonTooltipProps,
+  setup(props, {
+    slots
+  }) {
+    const {
+      contentAttrs
+    } = useSingletonTooltip(props);
+    return () => {
+      return props.label ? (0, import_vue3.createVNode)("div", contentAttrs.value, [(0, import_vue3.createTextVNode)(" "), slots.default ? slots.default() : props.label, (0, import_vue3.createTextVNode)(" ")]) : null;
+    };
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MpSingletonTooltip
+});

package/dist/singleton-tooltip.mjs

@@ -0,0 +1,9 @@
+import {
+  MpSingletonTooltip
+} from "./chunk-JHWDKDBR.mjs";
+import "./chunk-OBETIXOG.mjs";
+import "./chunk-22GSYROL.mjs";
+import "./chunk-QZ7VFGWC.mjs";
+export {
+  MpSingletonTooltip
+};

package/dist/tooltip.d.mts

@@ -0,0 +1,84 @@
+import * as _floating_ui_dom from '@floating-ui/dom';
+import * as vue from 'vue';
+
+declare const MpTooltip: vue.DefineComponent<{
+    label: {
+        type: vue.PropType<string>;
+    };
+    placement: {
+        type: vue.PropType<_floating_ui_dom.Placement>;
+        default: string;
+    };
+    id: {
+        type: vue.PropType<string>;
+    };
+    defaultIsOpen: {
+        type: vue.PropType<boolean>;
+    };
+    isManual: {
+        type: vue.PropType<boolean>;
+    };
+    isOpen: {
+        type: vue.PropType<boolean>;
+    };
+    showDelay: {
+        type: vue.PropType<number>;
+        default: number;
+    };
+    hideDelay: {
+        type: vue.PropType<number>;
+        default: number;
+    };
+    usePortal: {
+        type: vue.PropType<boolean>;
+    };
+    isKeepAlive: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("open" | "close")[], "open" | "close", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    label: {
+        type: vue.PropType<string>;
+    };
+    placement: {
+        type: vue.PropType<_floating_ui_dom.Placement>;
+        default: string;
+    };
+    id: {
+        type: vue.PropType<string>;
+    };
+    defaultIsOpen: {
+        type: vue.PropType<boolean>;
+    };
+    isManual: {
+        type: vue.PropType<boolean>;
+    };
+    isOpen: {
+        type: vue.PropType<boolean>;
+    };
+    showDelay: {
+        type: vue.PropType<number>;
+        default: number;
+    };
+    hideDelay: {
+        type: vue.PropType<number>;
+        default: number;
+    };
+    usePortal: {
+        type: vue.PropType<boolean>;
+    };
+    isKeepAlive: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+}, {
+    placement: _floating_ui_dom.Placement;
+    showDelay: number;
+    hideDelay: number;
+    isKeepAlive: boolean;
+}, {}>;
+
+export { MpTooltip };

package/dist/tooltip.d.ts

@@ -0,0 +1,84 @@
+import * as _floating_ui_dom from '@floating-ui/dom';
+import * as vue from 'vue';
+
+declare const MpTooltip: vue.DefineComponent<{
+    label: {
+        type: vue.PropType<string>;
+    };
+    placement: {
+        type: vue.PropType<_floating_ui_dom.Placement>;
+        default: string;
+    };
+    id: {
+        type: vue.PropType<string>;
+    };
+    defaultIsOpen: {
+        type: vue.PropType<boolean>;
+    };
+    isManual: {
+        type: vue.PropType<boolean>;
+    };
+    isOpen: {
+        type: vue.PropType<boolean>;
+    };
+    showDelay: {
+        type: vue.PropType<number>;
+        default: number;
+    };
+    hideDelay: {
+        type: vue.PropType<number>;
+        default: number;
+    };
+    usePortal: {
+        type: vue.PropType<boolean>;
+    };
+    isKeepAlive: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("open" | "close")[], "open" | "close", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    label: {
+        type: vue.PropType<string>;
+    };
+    placement: {
+        type: vue.PropType<_floating_ui_dom.Placement>;
+        default: string;
+    };
+    id: {
+        type: vue.PropType<string>;
+    };
+    defaultIsOpen: {
+        type: vue.PropType<boolean>;
+    };
+    isManual: {
+        type: vue.PropType<boolean>;
+    };
+    isOpen: {
+        type: vue.PropType<boolean>;
+    };
+    showDelay: {
+        type: vue.PropType<number>;
+        default: number;
+    };
+    hideDelay: {
+        type: vue.PropType<number>;
+        default: number;
+    };
+    usePortal: {
+        type: vue.PropType<boolean>;
+    };
+    isKeepAlive: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+}, {
+    placement: _floating_ui_dom.Placement;
+    showDelay: number;
+    hideDelay: number;
+    isKeepAlive: boolean;
+}, {}>;
+
+export { MpTooltip };