@veracity/vui 3.2.0 → 4.0.0-alpha.366771.2601090922

package/dist/theme/foundations/zIndices.js

@@ -8,5 +8,5 @@ var zIndices_default = {
 
 //#endregion
 export { zIndices_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=zIndices.js.map

package/dist/theme/index.js

@@ -0,0 +1,22 @@
+import colors_default from "./foundations/colors.js";
+import fonts_default from "./foundations/fonts.js";
+import components_default from "./components.js";
+import animations_default from "./foundations/animations.js";
+import borders_default from "./foundations/borders.js";
+import durations_default from "./foundations/durations.js";
+import fontSizes_default from "./foundations/fontSizes.js";
+import fontWeights_default from "./foundations/fontWeights.js";
+import radii_default from "./foundations/radii.js";
+import ringWidths_default from "./foundations/ringWidths.js";
+import screens_default from "./foundations/screens.js";
+import shadows_default from "./foundations/shadows.js";
+import sizes_default from "./foundations/sizes.js";
+import spaces_default from "./foundations/spaces.js";
+import transforms_default from "./foundations/transforms.js";
+import transitions_default from "./foundations/transitions.js";
+import zIndices_default from "./foundations/zIndices.js";
+import foundations_default from "./foundations/index.js";
+import defaultTheme_default from "./defaultTheme.js";
+import { extendTheme } from "./extendTheme.js";
+
+globalThis.__vuiVersion__ = "4.0.0-beta.1"

package/dist/theme/themePlaceholder.js

@@ -14,5 +14,5 @@ var themePlaceholder_default = {
 
 //#endregion
 export { themePlaceholder_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=themePlaceholder.js.map

package/dist/theme/types.d.ts

@@ -32,4 +32,5 @@ type ThemingProps<ThemeComponent extends string = string> = {
 type VuiTheme = VuiThemeDefaults & VuiThemeExtensions;
 //#endregion
 export { Animation, Border, Color, Component, Elevation, Font, FontSize, FontWeight, GridTemplateColumn, GridTemplateRow, Radius, RingWidth, Screen, Shadow, Size, Space, ThemingProps, Transform, TransitionDuration, VuiTheme, VuiThemeDefaults, VuiThemeExtensions, ZIndex };
+
 //# sourceMappingURL=types.d.ts.map

package/dist/theme/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/theme/types.ts"],"sourcesContent":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/theme/types.ts"],"sourcesContent":[],"mappings":";;;KAEY,SAAA,SAAkB;KAClB,MAAA,SAAe;AADf,KAEA,KAAA,GAFS,MAEK,QAFI,CAAA,QAAQ,CAAA;AAC1B,KAEA,SAAA,GAFM,MAEY,QAFK,CAAA,YAAA,CAAA;AACvB,KAEA,SAAA,GAFK,MAEa,QAFI,CAAA,SAAA,CAAA;AACtB,KAEA,IAAA,GAFS,MAEI,QAFK,CAAA,OAAQ,CAAA;AAC1B,KAEA,QAAA,GAFS,MAEQ,QAFC,CAAQ,WAAA,CAAA;AAC1B,KAEA,UAAA,GAFa,MAEM,QAFE,CAAA,aAAA,CAAA;AACrB,KAEA,kBAAA,GAFiB,MAEU,QAFF,CAAA,qBAAA,CAAA;AACzB,KAEA,eAAA,GAFmB,MAEK,QAFG,CAAA,kBAAA,CAAA;AAC3B,KAEA,MAAA,GAFA,MAEe,QAFG,CAAA,OAAS,CAAA;AAC3B,KAEA,SAAA,GAFe,MAEG,QAFM,CAAA,YAAQ,CAAA;AAChC,KAEA,MAAA,GAFM,MAES,QAFQ,CAAA,SAAA,CAAA;AACvB,KAEA,MAAA,GAFS,MAEM,QAFG,CAAA,SAAQ,CAAA;AAC1B,KAEA,IAAA,GAFM,MAEO,QAFE,CAAA,OAAQ,CAAA;AACvB,KAEA,KAAA,GAFM,MAEQ,QAFC,CAAQ,QAAA,CAAA;AACvB,KAEA,SAAA,GAFa,MAEK,QAFG,CAAA,YAAA,CAAA;AACrB,KAEA,kBAAA,GAFc,MAEa,QAFL,CAAA,WAAA,CAAA;AACtB,KAEA,MAAA,GAFS,MAEM,QAFG,CAAA,UAAQ,CAAA;AAC1B,KAGA,gBAAA,GAHkB,OAGQ,YAHS;AAC/C;AAEY,KAGA,kBAAA,GAHgB,MAAU;AAGtC;AAGY,KAAA,YAAY,CAAA,uBAAA,MAAA,GAAA,MAAA,CAAA,GAAA;EACZ,OAAA,CAAA,EAAA,cAAA,SAAuB,SAAvB,GAAA,MAAyC,QAAzC,CAAA,YAAA,CAAA,CAAgE,cAAhE,CAAA,CAAA,UAAA,CAAA,GAAA,MAAA;EAAuB,IAAA,CAAA,EAC1B,cAD0B,SAAA,MACG,QADH,CAAA,YAAA,CAAA,GAAA,MAEvB,QAFuB,CAAA,YAAA,CAAA,CAEA,cAFA,CAAA,CAAA,OAAA,CAAA,GAAA,MAAA;CAAkB;;AAC5C,KAOG,QAAA,GAAW,gBAPd,GAOiC,kBAPjC"}

package/dist/toast/index.d.ts

@@ -1,3 +1,4 @@
-import { ToastDuration, ToastListItem, ToastOptions, ToastSetup } from "./toast.types.js";
+import { ToastListItem } from "../core/types.js";
 import { _default } from "./toast.js";
-import { defaultDuration, fastToastDuration, slowToastDuration, useToast } from "./useToast.js";
+import { ToastDuration, ToastOptions, ToastSetup } from "./toast.types.js";
+import { defaultDuration, fastToastDuration, slowToastDuration, useToast } from "./useToast.js";

package/dist/toast/index.js

@@ -0,0 +1,4 @@
+import toast_default from "./toast.js";
+import { defaultDuration, fastToastDuration, slowToastDuration, useToast } from "./useToast.js";
+
+globalThis.__vuiVersion__ = "4.0.0-beta.1"

package/dist/toast/toast.d.ts

@@ -1,8 +1,9 @@
-import * as react953 from "react";
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react370 from "react";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 
 //#region src/toast/toast.d.ts
-declare const _default: react953.MemoExoticComponent<() => react_jsx_runtime10.JSX.Element>;
+declare const _default: react370.MemoExoticComponent<() => react_jsx_runtime9.JSX.Element>;
 //#endregion
 export { _default };
+
 //# sourceMappingURL=toast.d.ts.map

package/dist/toast/toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast.d.ts","names":[],"sources":["../../src/toast/toast.tsx"],"sourcesContent":[],"mappings":";;;;cAO+B,UAAA,QAAA,CAAA,0BAAA,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"toast.d.ts","names":[],"sources":["../../src/toast/toast.tsx"],"sourcesContent":[],"mappings":";;;;cAQ+B,UAAA,QAAA,CAAA,0BAAA,kBAAA,CAAA,GAAA,CAAA"}

package/dist/toast/toast.js

@@ -2,6 +2,7 @@ import zIndices_default from "../theme/foundations/zIndices.js";
 import { v } from "../core/styled.js";
 import { useVuiContext } from "../core/vuiProvider/context.js";
 import { Box } from "../box/box.js";
+import "../box/index.js";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 
@@ -44,5 +45,5 @@ var toast_default = memo(Toaster);
 
 //#endregion
 export { toast_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=toast.js.map

package/dist/toast/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","names":["zIndices"],"sources":["../../src/toast/toast.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { Box } from '../box'\nimport { useVuiContext, v } from '../core'\nimport { zIndices } from '../theme'\nimport type { ToastListItem } from './toast.types'\n\nexport const toasterWidth = 420\n\nconst Toaster = () => {\n  const { toasts } = useVuiContext()\n\n  const padding = { md: '16px', sm: '4px', xs: '2px' }\n  const right = { md: '1rem', sm: 0, xs: 0 }\n  const width = { md: toasterWidth, sm: toasterWidth, xs: '100%' }\n  const bottom = toasts?.list?.length ? '1rem' : '-2rem'\n\n  return (\n    <Box\n      bottom={bottom}\n      className=\"vui-toaster\"\n      display=\"block\"\n      maxW={width}\n      minW={width}\n      p={padding}\n      position=\"fixed\"\n      right={right}\n      zIndex={zIndices.toast}\n    >\n      {toasts?.list?.map?.((toast: ToastListItem) => (\n        <v.div id={`toast_${toast.id}`} key={toast.id}>\n          {toast.component}\n        </v.div>\n      ))}\n    </Box>\n  )\n}\n\nexport default memo(Toaster)\n"],"mappings":";;;;;;;;AAOA,MAAa,eAAe;AAE5B,MAAM,gBAAgB;CACpB,MAAM,EAAE,WAAW,eAAe;CAElC,MAAM,UAAU;EAAE,IAAI;EAAQ,IAAI;EAAO,IAAI;EAAO;CACpD,MAAM,QAAQ;EAAE,IAAI;EAAQ,IAAI;EAAG,IAAI;EAAG;CAC1C,MAAM,QAAQ;EAAE,IAAI;EAAc,IAAI;EAAc,IAAI;EAAQ;AAGhE,QACE,oBAAC;EACC,QAJW,QAAQ,MAAM,SAAS,SAAS;EAK3C,WAAU;EACV,SAAQ;EACR,MAAM;EACN,MAAM;EACN,GAAG;EACH,UAAS;EACF;EACP,QAAQA,iBAAS;YAEhB,QAAQ,MAAM,OAAO,UACpB,oBAAC,EAAE;GAAI,IAAI,SAAS,MAAM;aACvB,MAAM;KAD4B,MAAM,GAEnC,CACR;GACE;;AAIV,oBAAe,KAAK,QAAQ"}
+{"version":3,"file":"toast.js","names":["zIndices"],"sources":["../../src/toast/toast.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { Box } from '../box'\nimport { v } from '../core/styled'\nimport { useVuiContext } from '../core/vuiProvider/context'\nimport zIndices from '../theme/foundations/zIndices'\nimport type { ToastListItem } from './toast.types'\n\nexport const toasterWidth = 420\n\nconst Toaster = () => {\n  const { toasts } = useVuiContext()\n\n  const padding = { md: '16px', sm: '4px', xs: '2px' }\n  const right = { md: '1rem', sm: 0, xs: 0 }\n  const width = { md: toasterWidth, sm: toasterWidth, xs: '100%' }\n  const bottom = toasts?.list?.length ? '1rem' : '-2rem'\n\n  return (\n    <Box\n      bottom={bottom}\n      className=\"vui-toaster\"\n      display=\"block\"\n      maxW={width}\n      minW={width}\n      p={padding}\n      position=\"fixed\"\n      right={right}\n      zIndex={zIndices.toast}\n    >\n      {toasts?.list?.map?.((toast: ToastListItem) => (\n        <v.div id={`toast_${toast.id}`} key={toast.id}>\n          {toast.component}\n        </v.div>\n      ))}\n    </Box>\n  )\n}\n\nexport default memo(Toaster)\n"],"mappings":";;;;;;;;;AAQA,MAAa,eAAe;AAE5B,MAAM,gBAAgB;CACpB,MAAM,EAAE,WAAW,eAAe;CAElC,MAAM,UAAU;EAAE,IAAI;EAAQ,IAAI;EAAO,IAAI;EAAO;CACpD,MAAM,QAAQ;EAAE,IAAI;EAAQ,IAAI;EAAG,IAAI;EAAG;CAC1C,MAAM,QAAQ;EAAE,IAAI;EAAc,IAAI;EAAc,IAAI;EAAQ;AAGhE,QACE,oBAAC;EACC,QAJW,QAAQ,MAAM,SAAS,SAAS;EAK3C,WAAU;EACV,SAAQ;EACR,MAAM;EACN,MAAM;EACN,GAAG;EACH,UAAS;EACF;EACP,QAAQA,iBAAS;YAEhB,QAAQ,MAAM,OAAO,UACpB,oBAAC,EAAE;GAAI,IAAI,SAAS,MAAM;aACvB,MAAM;KAD4B,MAAM,GAEnC,CACR;GACE;;AAIV,oBAAe,KAAK,QAAQ"}

package/dist/toast/toast.types.d.ts

@@ -1,13 +1,8 @@
+import { ToastListItem } from "../core/types.js";
 import { NotificationProps } from "../notification/notification.types.js";
-import "../notification/index.js";
-import { ReactNode } from "react";
 
 //#region src/toast/toast.types.d.ts
 type ToastDuration = 'fast' | 'slow' | 'sticky';
-interface ToastListItem {
-  id: string;
-  component?: ReactNode;
-}
 interface ToastSetup {
   options: ToastOptions;
   componentList: ToastListItem[];
@@ -19,5 +14,6 @@ interface ToastOptions extends NotificationProps {
   dismissible?: boolean;
 }
 //#endregion
-export { ToastDuration, ToastListItem, ToastOptions, ToastSetup };
+export { ToastDuration, ToastOptions, ToastSetup };
+
 //# sourceMappingURL=toast.types.d.ts.map

package/dist/toast/toast.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast.types.d.ts","names":[],"sources":["../../src/toast/toast.types.ts"],"sourcesContent":[],"mappings":";;;;;KAIY,aAAA,CAAA,CAAA;UAEK,aAAA;;EAFL,SAAA,CAAA,CAAA,CAIE,SAJW;AAEzB;AAKiB,SAAA,CAAA,UAAA,CAAU;EAKV,OAAA,CAAA,CAJN,YAImB;iBAHb;;UAGA,YAAA,CAAA,OAAA,CAAqB;;aAEzB"}
+{"version":3,"file":"toast.types.d.ts","names":[],"sources":["../../src/toast/toast.types.ts"],"sourcesContent":[],"mappings":";;;;KAMY,aAAA;AAAA,UAEK,UAAA,CAFQ;EAER,OAAA,EACN,YADgB;EAKV,aAAA,EAHA,aAKJ,EAAA;;UAFI,YAAA,SAAqB;;aAEzB"}

package/dist/toast/useToast.d.ts

@@ -16,4 +16,5 @@ declare const useToast: () => {
 };
 //#endregion
 export { defaultDuration, fastToastDuration, slowToastDuration, useToast };
+
 //# sourceMappingURL=useToast.d.ts.map

package/dist/toast/useToast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useToast.d.ts","names":[],"sources":["../../src/toast/useToast.tsx"],"sourcesContent":[],"mappings":";;;;cAQa,eAAA,CAAA,CAAA;cACA,iBAAA,CAAA,CAAA;AADA,OAAA,CAAA,KAAA,CAEA,iBAAA,CAAA,CAAA,CAFe,IAAA;AACf,OAAA,CAAA,KAAA,CAYA,QAZiB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;EACjB,SAAA,CAAA,CAAA,CAAA,OAAiB,CAAA,CAAA,CAca,YAdb,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAWjB,SAAA,CAAA,CAmEZ,CAAA,EAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAhE0C,QAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CA+BhC,SA/BgC,CAAA,CAAA,QAAA,CAAA,CAAA,CA+BX,aA/BW,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EA+BhC,WAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAKA,SALA,CAAA,CAAA,QAAA,CAAA,CAAA,CAKqB,aALrB,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAAqB,WAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAUrB,SAVqB,CAAA,CAAA,QAAA,CAAA,CAAA,CAUA,aAVA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAKrB,SAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAUA,SAVA,CAAA,CAAA,QAAA,CAAA,CAAA,CAUqB,aAVrB,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAAqB,WAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAerB,SAfqB,CAAA,CAAA,QAAA,CAAA,CAAA,CAeA,aAfA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;CAKrB"}
+{"version":3,"file":"useToast.d.ts","names":[],"sources":["../../src/toast/useToast.tsx"],"sourcesContent":[],"mappings":";;;;cAQa,eAAA;cACA,iBAAA;AADA,cAEA,iBAAA,GAFe,IAAA;AACf,cAYA,QAZiB,EAAA,GAAA,GAAA;EACjB,SAAA,EAAA,CAAA,OAAiB,CAAA,EAca,YAdb,EAAA,GAAA,IAAA;EAWjB,SAAA,EAmEZ,CAAA,EAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EAhE0C,QAAA,EAAA,CAAA,IAAA,EA+BhC,SA/BgC,EAAA,QAAA,CAAA,EA+BX,aA/BW,EAAA,GAAA,IAAA;EA+BhC,WAAA,EAAA,CAAA,IAAA,EAKA,SALA,EAAA,QAAA,CAAA,EAKqB,aALrB,EAAA,GAAA,IAAA;EAAqB,WAAA,EAAA,CAAA,IAAA,EAUrB,SAVqB,EAAA,QAAA,CAAA,EAUA,aAVA,EAAA,GAAA,IAAA;EAKrB,SAAA,EAAA,CAAA,IAAA,EAUA,SAVA,EAAA,QAAA,CAAA,EAUqB,aAVrB,EAAA,GAAA,IAAA;EAAqB,WAAA,EAAA,CAAA,IAAA,EAerB,SAfqB,EAAA,QAAA,CAAA,EAeA,aAfA,EAAA,GAAA,IAAA;CAKrB"}

package/dist/toast/useToast.js

@@ -1,6 +1,8 @@
 import { uid } from "../utils/uid.js";
+import "../utils/index.js";
 import { useVuiContext } from "../core/vuiProvider/context.js";
 import { Notification } from "../notification/notification.js";
+import "../notification/index.js";
 import { useCallback } from "react";
 import { jsx } from "react/jsx-runtime";
 
@@ -73,5 +75,5 @@ const useToast = () => {
 
 //#endregion
 export { defaultDuration, fastToastDuration, slowToastDuration, useToast };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=useToast.js.map

package/dist/toast/useToast.js.map

@@ -1 +1 @@
-{"version":3,"file":"useToast.js","names":["setup: ToastSetup"],"sources":["../../src/toast/useToast.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useCallback } from 'react'\n\nimport { useVuiContext } from '../core'\nimport { Notification } from '../notification'\nimport { uid } from '../utils'\nimport type { ToastDuration, ToastOptions, ToastSetup } from './toast.types'\n\nexport const defaultDuration = 'fast'\nexport const fastToastDuration = 4000\nexport const slowToastDuration = 8000\n\nconst setup: ToastSetup = {\n  options: {\n    duration: defaultDuration,\n  },\n  componentList: [],\n}\n\nconst getDurationTime = (duration: ToastDuration) => (duration === 'fast' ? fastToastDuration : slowToastDuration)\n\nexport const useToast = () => {\n  const { addToast, removeToast } = useVuiContext()\n\n  const showToast = useCallback((options?: ToastOptions): void => {\n    const id = options?.id ? options.id : uid('toast')\n    const { duration = setup.options.duration, status = 'info', action, icon, text, title } = options || {}\n\n    const toast = {\n      id,\n      component: (\n        <Notification\n          action={action}\n          animation=\"fadeDown\"\n          elevation={3}\n          icon={icon}\n          mt={{ md: 1, sm: '4px', xs: '4px' }}\n          onClose={() => removeToast(id)}\n          status={status}\n          text={text}\n          title={title}\n          verticalAlign=\"center\"\n          w={1}\n        />\n      ),\n    }\n\n    addToast(toast)\n\n    if (duration && duration !== 'sticky') {\n      window.setTimeout(() => removeToast(id), getDurationTime(duration))\n    }\n  }, [])\n\n  const showInfo = useCallback(\n    (text: ReactNode, duration: ToastDuration = defaultDuration) => showToast({ text, status: 'info', duration }),\n    [showToast],\n  )\n\n  const showSuccess = useCallback(\n    (text: ReactNode, duration: ToastDuration = defaultDuration) => showToast({ text, status: 'success', duration }),\n    [showToast],\n  )\n\n  const showWarning = useCallback(\n    (text: ReactNode, duration: ToastDuration = defaultDuration) => showToast({ text, status: 'warning', duration }),\n    [showToast],\n  )\n\n  const showError = useCallback(\n    (text: ReactNode, duration: ToastDuration = defaultDuration) => showToast({ text, status: 'error', duration }),\n    [showToast],\n  )\n\n  const showLoading = useCallback(\n    (text: ReactNode, duration: ToastDuration = defaultDuration) => showToast({ text, status: 'loading', duration }),\n    [showToast],\n  )\n\n  return {\n    showToast,\n    hideToast: removeToast,\n    showInfo,\n    showSuccess,\n    showWarning,\n    showError,\n    showLoading,\n  }\n}\n"],"mappings":";;;;;;;AAQA,MAAa,kBAAkB;AAC/B,MAAa,oBAAoB;AACjC,MAAa,oBAAoB;AAEjC,MAAMA,QAAoB;CACxB,SAAS,EACP,UAAU,iBACX;CACD,eAAe,EAAE;CAClB;AAED,MAAM,mBAAmB,aAA6B,aAAa,SAAS,oBAAoB;AAEhG,MAAa,iBAAiB;CAC5B,MAAM,EAAE,UAAU,gBAAgB,eAAe;CAEjD,MAAM,YAAY,aAAa,YAAiC;EAC9D,MAAM,KAAK,SAAS,KAAK,QAAQ,KAAK,IAAI,QAAQ;EAClD,MAAM,EAAE,WAAW,MAAM,QAAQ,UAAU,SAAS,QAAQ,QAAQ,MAAM,MAAM,UAAU,WAAW,EAAE;AAqBvG,WAnBc;GACZ;GACA,WACE,oBAAC;IACS;IACR,WAAU;IACV,WAAW;IACL;IACN,IAAI;KAAE,IAAI;KAAG,IAAI;KAAO,IAAI;KAAO;IACnC,eAAe,YAAY,GAAG;IACtB;IACF;IACC;IACP,eAAc;IACd,GAAG;KACH;GAEL,CAEc;AAEf,MAAI,YAAY,aAAa,SAC3B,QAAO,iBAAiB,YAAY,GAAG,EAAE,gBAAgB,SAAS,CAAC;IAEpE,EAAE,CAAC;AA2BN,QAAO;EACL;EACA,WAAW;EACX,UA5Be,aACd,MAAiB,WAA0B,oBAAoB,UAAU;GAAE;GAAM,QAAQ;GAAQ;GAAU,CAAC,EAC7G,CAAC,UAAU,CACZ;EA0BC,aAxBkB,aACjB,MAAiB,WAA0B,oBAAoB,UAAU;GAAE;GAAM,QAAQ;GAAW;GAAU,CAAC,EAChH,CAAC,UAAU,CACZ;EAsBC,aApBkB,aACjB,MAAiB,WAA0B,oBAAoB,UAAU;GAAE;GAAM,QAAQ;GAAW;GAAU,CAAC,EAChH,CAAC,UAAU,CACZ;EAkBC,WAhBgB,aACf,MAAiB,WAA0B,oBAAoB,UAAU;GAAE;GAAM,QAAQ;GAAS;GAAU,CAAC,EAC9G,CAAC,UAAU,CACZ;EAcC,aAZkB,aACjB,MAAiB,WAA0B,oBAAoB,UAAU;GAAE;GAAM,QAAQ;GAAW;GAAU,CAAC,EAChH,CAAC,UAAU,CACZ;EAUA"}
+{"version":3,"file":"useToast.js","names":["setup: ToastSetup"],"sources":["../../src/toast/useToast.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useCallback } from 'react'\n\nimport { useVuiContext } from '../core/vuiProvider/context'\nimport { Notification } from '../notification'\nimport { uid } from '../utils'\nimport type { ToastDuration, ToastOptions, ToastSetup } from './toast.types'\n\nexport const defaultDuration = 'fast'\nexport const fastToastDuration = 4000\nexport const slowToastDuration = 8000\n\nconst setup: ToastSetup = {\n  options: {\n    duration: defaultDuration,\n  },\n  componentList: [],\n}\n\nconst getDurationTime = (duration: ToastDuration) => (duration === 'fast' ? fastToastDuration : slowToastDuration)\n\nexport const useToast = () => {\n  const { addToast, removeToast } = useVuiContext()\n\n  const showToast = useCallback((options?: ToastOptions): void => {\n    const id = options?.id ? options.id : uid('toast')\n    const { duration = setup.options.duration, status = 'info', action, icon, text, title } = options || {}\n\n    const toast = {\n      id,\n      component: (\n        <Notification\n          action={action}\n          animation=\"fadeDown\"\n          elevation={3}\n          icon={icon}\n          mt={{ md: 1, sm: '4px', xs: '4px' }}\n          onClose={() => removeToast(id)}\n          status={status}\n          text={text}\n          title={title}\n          verticalAlign=\"center\"\n          w={1}\n        />\n      ),\n    }\n\n    addToast(toast)\n\n    if (duration && duration !== 'sticky') {\n      window.setTimeout(() => removeToast(id), getDurationTime(duration))\n    }\n  }, [])\n\n  const showInfo = useCallback(\n    (text: ReactNode, duration: ToastDuration = defaultDuration) => showToast({ text, status: 'info', duration }),\n    [showToast],\n  )\n\n  const showSuccess = useCallback(\n    (text: ReactNode, duration: ToastDuration = defaultDuration) => showToast({ text, status: 'success', duration }),\n    [showToast],\n  )\n\n  const showWarning = useCallback(\n    (text: ReactNode, duration: ToastDuration = defaultDuration) => showToast({ text, status: 'warning', duration }),\n    [showToast],\n  )\n\n  const showError = useCallback(\n    (text: ReactNode, duration: ToastDuration = defaultDuration) => showToast({ text, status: 'error', duration }),\n    [showToast],\n  )\n\n  const showLoading = useCallback(\n    (text: ReactNode, duration: ToastDuration = defaultDuration) => showToast({ text, status: 'loading', duration }),\n    [showToast],\n  )\n\n  return {\n    showToast,\n    hideToast: removeToast,\n    showInfo,\n    showSuccess,\n    showWarning,\n    showError,\n    showLoading,\n  }\n}\n"],"mappings":";;;;;;;;;AAQA,MAAa,kBAAkB;AAC/B,MAAa,oBAAoB;AACjC,MAAa,oBAAoB;AAEjC,MAAMA,QAAoB;CACxB,SAAS,EACP,UAAU,iBACX;CACD,eAAe,EAAE;CAClB;AAED,MAAM,mBAAmB,aAA6B,aAAa,SAAS,oBAAoB;AAEhG,MAAa,iBAAiB;CAC5B,MAAM,EAAE,UAAU,gBAAgB,eAAe;CAEjD,MAAM,YAAY,aAAa,YAAiC;EAC9D,MAAM,KAAK,SAAS,KAAK,QAAQ,KAAK,IAAI,QAAQ;EAClD,MAAM,EAAE,WAAW,MAAM,QAAQ,UAAU,SAAS,QAAQ,QAAQ,MAAM,MAAM,UAAU,WAAW,EAAE;AAqBvG,WAnBc;GACZ;GACA,WACE,oBAAC;IACS;IACR,WAAU;IACV,WAAW;IACL;IACN,IAAI;KAAE,IAAI;KAAG,IAAI;KAAO,IAAI;KAAO;IACnC,eAAe,YAAY,GAAG;IACtB;IACF;IACC;IACP,eAAc;IACd,GAAG;KACH;GAEL,CAEc;AAEf,MAAI,YAAY,aAAa,SAC3B,QAAO,iBAAiB,YAAY,GAAG,EAAE,gBAAgB,SAAS,CAAC;IAEpE,EAAE,CAAC;AA2BN,QAAO;EACL;EACA,WAAW;EACX,UA5Be,aACd,MAAiB,WAA0B,oBAAoB,UAAU;GAAE;GAAM,QAAQ;GAAQ;GAAU,CAAC,EAC7G,CAAC,UAAU,CACZ;EA0BC,aAxBkB,aACjB,MAAiB,WAA0B,oBAAoB,UAAU;GAAE;GAAM,QAAQ;GAAW;GAAU,CAAC,EAChH,CAAC,UAAU,CACZ;EAsBC,aApBkB,aACjB,MAAiB,WAA0B,oBAAoB,UAAU;GAAE;GAAM,QAAQ;GAAW;GAAU,CAAC,EAChH,CAAC,UAAU,CACZ;EAkBC,WAhBgB,aACf,MAAiB,WAA0B,oBAAoB,UAAU;GAAE;GAAM,QAAQ;GAAS;GAAU,CAAC,EAC9G,CAAC,UAAU,CACZ;EAcC,aAZkB,aACjB,MAAiB,WAA0B,oBAAoB,UAAU;GAAE;GAAM,QAAQ;GAAW;GAAU,CAAC,EAChH,CAAC,UAAU,CACZ;EAUA"}

package/dist/tooltip/consts.js

@@ -1,99 +1,12 @@
 //#region src/tooltip/consts.ts
-const pointerSize = 12;
 const bg = {
 	regular: "darkBlue.18",
 	disabled: "sandstone.55"
 };
 const borderRadius = 1;
 const boxShadow = 2;
-const pointerPlacement = {
-	top: {
-		top: "auto",
-		bottom: `-${pointerSize / 2}px`,
-		left: "50%",
-		right: "auto",
-		translate: "-50%, 0"
-	},
-	"top-start": {
-		top: "auto",
-		bottom: `-${pointerSize / 2}px`,
-		left: pointerSize * 2,
-		right: void 0,
-		translate: "-50%, 0"
-	},
-	"top-end": {
-		top: "auto",
-		bottom: `-${pointerSize / 2}px`,
-		left: void 0,
-		right: pointerSize,
-		translate: "-50%, 0"
-	},
-	right: {
-		top: "50%",
-		bottom: "auto",
-		left: "2px",
-		right: "auto",
-		translate: "0, -50%"
-	},
-	"right-start": {
-		top: `${pointerSize * 1.5}px`,
-		bottom: "auto",
-		left: "2px",
-		right: "auto",
-		translate: "0, -50%"
-	},
-	"right-end": {
-		top: "auto",
-		bottom: `${pointerSize / 2}px`,
-		left: "2px",
-		right: "auto",
-		translate: "0, -50%"
-	},
-	bottom: {
-		top: `-${pointerSize / 2}px`,
-		bottom: "auto",
-		left: "50%",
-		right: "auto",
-		translate: "-50%, 0"
-	},
-	"bottom-start": {
-		top: `-${pointerSize / 2}px`,
-		bottom: "auto",
-		left: pointerSize * 2,
-		right: void 0,
-		translate: "-50%, 0"
-	},
-	"bottom-end": {
-		top: `-${pointerSize / 2}px`,
-		bottom: "auto",
-		left: void 0,
-		right: pointerSize,
-		translate: "-50%, 0"
-	},
-	left: {
-		top: "50%",
-		bottom: "auto",
-		left: "auto",
-		right: "-4px",
-		translate: "-50%, -50%"
-	},
-	"left-start": {
-		top: `${pointerSize * 1.5}px`,
-		bottom: "auto",
-		left: "auto",
-		right: "-4px",
-		translate: "-50%, -50%"
-	},
-	"left-end": {
-		top: "auto",
-		bottom: `${pointerSize / 2}px`,
-		left: "auto",
-		right: "-4px",
-		translate: "-50%, -50%"
-	}
-};
 
 //#endregion
-export { bg, borderRadius, boxShadow, pointerPlacement, pointerSize };
-globalThis.__vuiVersion__ = "3.2.0"
+export { bg, borderRadius, boxShadow };
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=consts.js.map

package/dist/tooltip/consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"consts.js","names":[],"sources":["../../src/tooltip/consts.ts"],"sourcesContent":["export const pointerSize = 12\n\nexport const bg = {\n  regular: 'darkBlue.18',\n  disabled: 'sandstone.55',\n}\n\nexport const borderRadius = 1\n\nexport const boxShadow = 2\n\nexport const pointerPlacement = {\n  top: {\n    top: 'auto',\n    bottom: `-${pointerSize / 2}px`,\n    left: '50%',\n    right: 'auto',\n    translate: '-50%, 0',\n  },\n  'top-start': {\n    top: 'auto',\n    bottom: `-${pointerSize / 2}px`,\n    left: pointerSize * 2,\n    right: undefined,\n    translate: '-50%, 0',\n  },\n  'top-end': {\n    top: 'auto',\n    bottom: `-${pointerSize / 2}px`,\n    left: undefined,\n    right: pointerSize,\n    translate: '-50%, 0',\n  },\n  right: {\n    top: '50%',\n    bottom: 'auto',\n    left: '2px',\n    right: 'auto',\n    translate: '0, -50%',\n  },\n  'right-start': {\n    top: `${pointerSize * 1.5}px`,\n    bottom: 'auto',\n    left: '2px',\n    right: 'auto',\n    translate: '0, -50%',\n  },\n  'right-end': {\n    top: 'auto',\n    bottom: `${pointerSize / 2}px`,\n    left: '2px',\n    right: 'auto',\n    translate: '0, -50%',\n  },\n  bottom: {\n    top: `-${pointerSize / 2}px`,\n    bottom: 'auto',\n    left: '50%',\n    right: 'auto',\n    translate: '-50%, 0',\n  },\n  'bottom-start': {\n    top: `-${pointerSize / 2}px`,\n    bottom: 'auto',\n    left: pointerSize * 2,\n    right: undefined,\n    translate: '-50%, 0',\n  },\n  'bottom-end': {\n    top: `-${pointerSize / 2}px`,\n    bottom: 'auto',\n    left: undefined,\n    right: pointerSize,\n    translate: '-50%, 0',\n  },\n  left: {\n    top: '50%',\n    bottom: 'auto',\n    left: 'auto',\n    right: '-4px',\n    translate: '-50%, -50%',\n  },\n  'left-start': {\n    top: `${pointerSize * 1.5}px`,\n    bottom: 'auto',\n    left: 'auto',\n    right: '-4px',\n    translate: '-50%, -50%',\n  },\n  'left-end': {\n    top: 'auto',\n    bottom: `${pointerSize / 2}px`,\n    left: 'auto',\n    right: '-4px',\n    translate: '-50%, -50%',\n  },\n}\n"],"mappings":";AAAA,MAAa,cAAc;AAE3B,MAAa,KAAK;CAChB,SAAS;CACT,UAAU;CACX;AAED,MAAa,eAAe;AAE5B,MAAa,YAAY;AAEzB,MAAa,mBAAmB;CAC9B,KAAK;EACH,KAAK;EACL,QAAQ,IAAI,cAAc,EAAE;EAC5B,MAAM;EACN,OAAO;EACP,WAAW;EACZ;CACD,aAAa;EACX,KAAK;EACL,QAAQ,IAAI,cAAc,EAAE;EAC5B,MAAM,cAAc;EACpB,OAAO;EACP,WAAW;EACZ;CACD,WAAW;EACT,KAAK;EACL,QAAQ,IAAI,cAAc,EAAE;EAC5B,MAAM;EACN,OAAO;EACP,WAAW;EACZ;CACD,OAAO;EACL,KAAK;EACL,QAAQ;EACR,MAAM;EACN,OAAO;EACP,WAAW;EACZ;CACD,eAAe;EACb,KAAK,GAAG,cAAc,IAAI;EAC1B,QAAQ;EACR,MAAM;EACN,OAAO;EACP,WAAW;EACZ;CACD,aAAa;EACX,KAAK;EACL,QAAQ,GAAG,cAAc,EAAE;EAC3B,MAAM;EACN,OAAO;EACP,WAAW;EACZ;CACD,QAAQ;EACN,KAAK,IAAI,cAAc,EAAE;EACzB,QAAQ;EACR,MAAM;EACN,OAAO;EACP,WAAW;EACZ;CACD,gBAAgB;EACd,KAAK,IAAI,cAAc,EAAE;EACzB,QAAQ;EACR,MAAM,cAAc;EACpB,OAAO;EACP,WAAW;EACZ;CACD,cAAc;EACZ,KAAK,IAAI,cAAc,EAAE;EACzB,QAAQ;EACR,MAAM;EACN,OAAO;EACP,WAAW;EACZ;CACD,MAAM;EACJ,KAAK;EACL,QAAQ;EACR,MAAM;EACN,OAAO;EACP,WAAW;EACZ;CACD,cAAc;EACZ,KAAK,GAAG,cAAc,IAAI;EAC1B,QAAQ;EACR,MAAM;EACN,OAAO;EACP,WAAW;EACZ;CACD,YAAY;EACV,KAAK;EACL,QAAQ,GAAG,cAAc,EAAE;EAC3B,MAAM;EACN,OAAO;EACP,WAAW;EACZ;CACF"}
+{"version":3,"file":"consts.js","names":[],"sources":["../../src/tooltip/consts.ts"],"sourcesContent":["export const bg = {\n  regular: 'darkBlue.18',\n  disabled: 'sandstone.55',\n} as const\n\nexport const borderRadius = 1\n\nexport const boxShadow = 2\n"],"mappings":";AAAA,MAAa,KAAK;CAChB,SAAS;CACT,UAAU;CACX;AAED,MAAa,eAAe;AAE5B,MAAa,YAAY"}

package/dist/tooltip/index.d.ts

@@ -1,2 +1,2 @@
-import { TooltipArrowProps, TooltipProps } from "./tooltip.types.js";
-import { Tooltip } from "./tooltip.js";
+import { TooltipProps } from "./tooltip.types.js";
+import { Tooltip } from "./tooltip.js";

package/dist/tooltip/index.js

@@ -0,0 +1,3 @@
+import tooltip_default, { Tooltip } from "./tooltip.js";
+
+globalThis.__vuiVersion__ = "4.0.0-beta.1"

package/dist/tooltip/tooltip.d.ts

@@ -1,5 +1,5 @@
 import { TooltipProps } from "./tooltip.types.js";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 
 //#region src/tooltip/tooltip.d.ts
 
@@ -10,9 +10,10 @@ import * as react_jsx_runtime9 from "react/jsx-runtime";
  *
  * */
 declare const Tooltip: {
-  (props: TooltipProps): react_jsx_runtime9.JSX.Element;
+  (props: TooltipProps): react_jsx_runtime10.JSX.Element;
   displayName: string;
 };
 //#endregion
 export { Tooltip };
+
 //# sourceMappingURL=tooltip.d.ts.map

package/dist/tooltip/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","names":[],"sources":["../../src/tooltip/tooltip.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAwBA,CAAA,CAAA,CAAA,SAAA,CAAA,EAAA,CAAA,KAAA,CAAA,KAAA,CAAA,CAAA,GAAA,CAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,KAAA,CAAA,KAAA;;;cAAa;UAAkB,eAAY,kBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"tooltip.d.ts","names":[],"sources":["../../src/tooltip/tooltip.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAqCA;;;cAAa;UAAkB,eAAY,mBAAA,CAAA,GAAA,CAAA"}

package/dist/tooltip/tooltip.js

@@ -1,12 +1,16 @@
 import { isString } from "../utils/assertion.js";
+import "../utils/index.js";
+import { useTh } from "../core/theme.js";
 import { useUp } from "../core/media.js";
 import { v } from "../core/styled.js";
-import box_default from "../box/box.js";
+import "../core/index.js";
 import { Link } from "../link/link.js";
-import { bg, pointerPlacement, pointerSize } from "./consts.js";
+import "../link/index.js";
+import { bg } from "./consts.js";
 import { TooltipContent } from "./tooltipContent.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import Tippy from "@tippyjs/react";
+import { cloneElement, isValidElement, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { FloatingArrow, FloatingPortal, arrow, autoUpdate, flip, offset, shift, useFloating, useHover, useInteractions, useRole, useTransitionStyles } from "@floating-ui/react";
 
 //#region src/tooltip/tooltip.tsx
 const stripHtmlTags = (html) => {
@@ -22,59 +26,77 @@ const stripHtmlTags = (html) => {
 *
 * */
 const Tooltip = (props) => {
-	const { children, fontSize = "16px", linkText, linkProps, minWidth = "200px", maxWidth = "400px", text = "", placement = "top", disabled = false, visible = false, offset = [0, 2], whiteSpace = "pre-wrap", wordBreak = "break-word" } = props;
+	const { children, fontSize = "16px", linkText, linkProps, minWidth, maxWidth = "400px", text = "", placement = "top", disabled = false, visible = false, offset: offsetProp = [0, 0], whiteSpace = "pre-wrap", wordBreak = "break-word" } = props;
 	const isDesktop = useUp("md");
-	return /* @__PURE__ */ jsx(Tippy, {
-		content: isString(text) ? /* @__PURE__ */ jsxs(TooltipContent, {
-			disabled,
-			fontSize,
-			maxWidth,
-			minWidth,
-			whiteSpace,
-			wordBreak,
-			children: [isDesktop && /* @__PURE__ */ jsx(TooltipArrow, {
-				disabled,
-				placement
-			}), /* @__PURE__ */ jsxs(v.div, { children: [stripHtmlTags(text), !!linkText && /* @__PURE__ */ jsxs(Fragment, { children: ["\xA0", /* @__PURE__ */ jsx(Link, {
-				variant: "white",
-				...linkProps,
-				children: linkText
-			})] })] })]
-		}) : /* @__PURE__ */ jsx(TooltipContent, {
-			disabled,
-			fontSize,
-			maxWidth,
-			minWidth,
-			children: text
-		}),
-		interactive: true,
-		offset,
+	const [isOpen, setIsOpen] = useState(visible);
+	const arrowRef = useRef(null);
+	const { refs, floatingStyles, context } = useFloating({
+		open: visible || isOpen,
+		onOpenChange: setIsOpen,
 		placement,
-		popperOptions: { modifiers: [{
-			name: "flip",
-			enabled: false
-		}] },
-		visible: visible || void 0,
-		children
+		middleware: [
+			offset({
+				mainAxis: offsetProp[1] + 6,
+				crossAxis: offsetProp[0]
+			}),
+			flip(),
+			shift(),
+			arrow({ element: arrowRef })
+		],
+		whileElementsMounted: autoUpdate
 	});
-};
-function TooltipArrow({ disabled, placement }) {
-	return /* @__PURE__ */ jsx(box_default, {
-		bg: disabled ? bg.disabled : bg.regular,
-		bottom: pointerPlacement[placement].bottom,
-		h: `${pointerSize}px`,
-		left: pointerPlacement[placement].left,
-		position: "absolute",
-		right: pointerPlacement[placement].right,
-		top: pointerPlacement[placement].top,
-		transform: `translate(${pointerPlacement[placement].translate}) rotate(45deg)`,
-		w: `${pointerSize}px`
+	const { isMounted, styles: transitionStyles } = useTransitionStyles(context, {
+		duration: 150,
+		initial: { opacity: 0 },
+		open: { opacity: 1 },
+		close: { opacity: 0 }
+	});
+	const { getReferenceProps, getFloatingProps } = useInteractions([useHover(context, { move: false }), useRole(context, { role: "tooltip" })]);
+	const darkBlue18 = useTh(`colors.${bg.regular}`);
+	const sandstone55 = useTh(`colors.${bg.disabled}`);
+	const arrowColor = disabled ? sandstone55 : darkBlue18;
+	const content = isString(text) ? /* @__PURE__ */ jsx(TooltipContent, {
+		disabled,
+		fontSize,
+		maxWidth,
+		minWidth,
+		whiteSpace,
+		wordBreak,
+		children: /* @__PURE__ */ jsxs(v.div, { children: [stripHtmlTags(text), !!linkText && /* @__PURE__ */ jsxs(Fragment$1, { children: ["\xA0", /* @__PURE__ */ jsx(Link, {
+			variant: "white",
+			...linkProps,
+			children: linkText
+		})] })] })
+	}) : /* @__PURE__ */ jsx(TooltipContent, {
+		disabled,
+		fontSize,
+		maxWidth,
+		minWidth,
+		children: text
 	});
-}
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [isValidElement(children) ? cloneElement(children, {
+		ref: refs.setReference,
+		...getReferenceProps()
+	}) : children, isMounted && /* @__PURE__ */ jsx(FloatingPortal, { children: /* @__PURE__ */ jsxs("div", {
+		ref: refs.setFloating,
+		style: {
+			...floatingStyles,
+			...transitionStyles
+		},
+		...getFloatingProps(),
+		children: [content, isDesktop && /* @__PURE__ */ jsx(FloatingArrow, {
+			ref: arrowRef,
+			context,
+			fill: arrowColor,
+			width: 12,
+			height: 6
+		})]
+	}) })] });
+};
 Tooltip.displayName = "Tooltip";
 var tooltip_default = Tooltip;
 
 //#endregion
 export { Tooltip, tooltip_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=tooltip.js.map

package/dist/tooltip/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","names":["Box"],"sources":["../../src/tooltip/tooltip.tsx"],"sourcesContent":["import Tippy from '@tippyjs/react'\n\nimport Box from '../box'\nimport { useUp, v } from '../core'\nimport { Link } from '../link'\nimport { isString } from '../utils'\nimport { bg, pointerPlacement, pointerSize } from './consts'\nimport type { TooltipArrowProps, TooltipProps } from './tooltip.types'\nimport { TooltipContent } from './tooltipContent'\n\nconst stripHtmlTags = (html: string): string => {\n  const withoutTags = html.replace(/<[^>]*>/g, '')\n  // Decode HTML entities\n  const textarea = document.createElement('textarea')\n  textarea.innerHTML = withoutTags\n  return textarea.value\n}\n\n/**\n * A simple text popup hint.\n *\n * Displayed on mouse enter, and is hidden on mouse leave.\n *\n * */\nexport const Tooltip = (props: TooltipProps) => {\n  const {\n    children,\n    fontSize = '16px',\n    linkText,\n    linkProps,\n    minWidth = '200px',\n    maxWidth = '400px',\n    text = '',\n    placement = 'top',\n    disabled = false,\n    visible = false,\n    offset = [0, 2],\n    whiteSpace = 'pre-wrap',\n    wordBreak = 'break-word',\n  } = props\n\n  const isDesktop = useUp('md')\n\n  const content = isString(text) ? (\n    <TooltipContent\n      disabled={disabled}\n      fontSize={fontSize}\n      maxWidth={maxWidth}\n      minWidth={minWidth}\n      whiteSpace={whiteSpace}\n      wordBreak={wordBreak}\n    >\n      {isDesktop && <TooltipArrow disabled={disabled} placement={placement} />}\n      <v.div>\n        {stripHtmlTags(text)}\n        {!!linkText && (\n          <>\n            &nbsp;\n            <Link variant=\"white\" {...linkProps}>\n              {linkText}\n            </Link>\n          </>\n        )}\n      </v.div>\n    </TooltipContent>\n  ) : (\n    <TooltipContent disabled={disabled} fontSize={fontSize} maxWidth={maxWidth} minWidth={minWidth}>\n      {text}\n    </TooltipContent>\n  )\n\n  return (\n    <Tippy\n      content={content}\n      interactive\n      offset={offset}\n      placement={placement}\n      popperOptions={{ modifiers: [{ name: 'flip', enabled: false }] }}\n      visible={visible || undefined}\n    >\n      {children as React.ReactElement<any>}\n    </Tippy>\n  )\n}\n\nfunction TooltipArrow({ disabled, placement }: TooltipArrowProps) {\n  return (\n    <Box\n      bg={disabled ? bg.disabled : bg.regular}\n      bottom={pointerPlacement[placement].bottom}\n      h={`${pointerSize}px`}\n      left={pointerPlacement[placement].left}\n      position=\"absolute\"\n      right={pointerPlacement[placement].right}\n      top={pointerPlacement[placement].top}\n      transform={`translate(${pointerPlacement[placement].translate}) rotate(45deg)`}\n      w={`${pointerSize}px`}\n    />\n  )\n}\n\nTooltip.displayName = 'Tooltip'\n\nexport default Tooltip\n"],"mappings":";;;;;;;;;;;AAUA,MAAM,iBAAiB,SAAyB;CAC9C,MAAM,cAAc,KAAK,QAAQ,YAAY,GAAG;CAEhD,MAAM,WAAW,SAAS,cAAc,WAAW;AACnD,UAAS,YAAY;AACrB,QAAO,SAAS;;;;;;;;AASlB,MAAa,WAAW,UAAwB;CAC9C,MAAM,EACJ,UACA,WAAW,QACX,UACA,WACA,WAAW,SACX,WAAW,SACX,OAAO,IACP,YAAY,OACZ,WAAW,OACX,UAAU,OACV,SAAS,CAAC,GAAG,EAAE,EACf,aAAa,YACb,YAAY,iBACV;CAEJ,MAAM,YAAY,MAAM,KAAK;AA8B7B,QACE,oBAAC;EACC,SA9BY,SAAS,KAAK,GAC5B,qBAAC;GACW;GACA;GACA;GACA;GACE;GACD;cAEV,aAAa,oBAAC;IAAuB;IAAqB;KAAa,EACxE,qBAAC,EAAE,kBACA,cAAc,KAAK,EACnB,CAAC,CAAC,YACD,4CAAE,QAEA,oBAAC;IAAK,SAAQ;IAAQ,GAAI;cACvB;KACI,IACN,IAEC;IACO,GAEjB,oBAAC;GAAyB;GAAoB;GAAoB;GAAoB;aACnF;IACc;EAMf;EACQ;EACG;EACX,eAAe,EAAE,WAAW,CAAC;GAAE,MAAM;GAAQ,SAAS;GAAO,CAAC,EAAE;EAChE,SAAS,WAAW;EAEnB;GACK;;AAIZ,SAAS,aAAa,EAAE,UAAU,aAAgC;AAChE,QACE,oBAACA;EACC,IAAI,WAAW,GAAG,WAAW,GAAG;EAChC,QAAQ,iBAAiB,WAAW;EACpC,GAAG,GAAG,YAAY;EAClB,MAAM,iBAAiB,WAAW;EAClC,UAAS;EACT,OAAO,iBAAiB,WAAW;EACnC,KAAK,iBAAiB,WAAW;EACjC,WAAW,aAAa,iBAAiB,WAAW,UAAU;EAC9D,GAAG,GAAG,YAAY;GAClB;;AAIN,QAAQ,cAAc;AAEtB,sBAAe"}
+{"version":3,"file":"tooltip.js","names":[],"sources":["../../src/tooltip/tooltip.tsx"],"sourcesContent":["import {\n  arrow,\n  autoUpdate,\n  flip,\n  FloatingArrow,\n  FloatingPortal,\n  offset,\n  shift,\n  useFloating,\n  useHover,\n  useInteractions,\n  useRole,\n  useTransitionStyles,\n} from '@floating-ui/react'\nimport { cloneElement, isValidElement, useRef, useState } from 'react'\n\nimport { useTh, useUp, v } from '../core'\nimport { Link } from '../link'\nimport { isString } from '../utils'\nimport { bg } from './consts'\nimport type { TooltipProps } from './tooltip.types'\nimport { TooltipContent } from './tooltipContent'\n\nconst stripHtmlTags = (html: string): string => {\n  const withoutTags = html.replace(/<[^>]*>/g, '')\n  // Decode HTML entities\n  const textarea = document.createElement('textarea')\n  textarea.innerHTML = withoutTags\n  return textarea.value\n}\n\n/**\n * A simple text popup hint.\n *\n * Displayed on mouse enter, and is hidden on mouse leave.\n *\n * */\nexport const Tooltip = (props: TooltipProps) => {\n  const {\n    children,\n    fontSize = '16px',\n    linkText,\n    linkProps,\n    minWidth,\n    maxWidth = '400px',\n    text = '',\n    placement = 'top',\n    disabled = false,\n    visible = false,\n    offset: offsetProp = [0, 0],\n    whiteSpace = 'pre-wrap',\n    wordBreak = 'break-word',\n  } = props\n\n  const isDesktop = useUp('md')\n  const [isOpen, setIsOpen] = useState(visible)\n  const arrowRef = useRef(null)\n  const { refs, floatingStyles, context } = useFloating({\n    open: visible || isOpen,\n    onOpenChange: setIsOpen,\n    placement,\n    middleware: [\n      offset({ mainAxis: offsetProp[1] + 6, crossAxis: offsetProp[0] }), // +6 for arrow\n      // flip({ fallbackAxisSideDirection: 'start' }),\n      flip(),\n      // shift({ padding: 5 }),\n      shift(),\n      // eslint-disable-next-line react-hooks/refs\n      arrow({ element: arrowRef }),\n    ],\n    whileElementsMounted: autoUpdate,\n  })\n  // Opacity-only transition - no position movement\n  const { isMounted, styles: transitionStyles } = useTransitionStyles(context, {\n    duration: 150,\n    initial: { opacity: 0 },\n    open: { opacity: 1 },\n    close: { opacity: 0 },\n  })\n  const hover = useHover(context, { move: false })\n  const role = useRole(context, { role: 'tooltip' })\n  const { getReferenceProps, getFloatingProps } = useInteractions([hover, role])\n\n  const darkBlue18 = useTh(`colors.${bg.regular}`)\n  const sandstone55 = useTh(`colors.${bg.disabled}`)\n  const arrowColor = disabled ? sandstone55 : darkBlue18\n\n  const content = isString(text) ? (\n    <TooltipContent\n      disabled={disabled}\n      fontSize={fontSize}\n      maxWidth={maxWidth}\n      minWidth={minWidth}\n      whiteSpace={whiteSpace}\n      wordBreak={wordBreak}\n    >\n      <v.div>\n        {stripHtmlTags(text)}\n        {!!linkText && (\n          <>\n            &nbsp;\n            <Link variant=\"white\" {...linkProps}>\n              {linkText}\n            </Link>\n          </>\n        )}\n      </v.div>\n    </TooltipContent>\n  ) : (\n    <TooltipContent disabled={disabled} fontSize={fontSize} maxWidth={maxWidth} minWidth={minWidth}>\n      {text}\n    </TooltipContent>\n  )\n\n  // Clone the child element to add ref and props\n  const childElement = isValidElement(children)\n    ? cloneElement(children as React.ReactElement<any>, {\n        ref: refs.setReference,\n        ...getReferenceProps(),\n      })\n    : children\n\n  return (\n    <>\n      {childElement}\n      {isMounted && (\n        <FloatingPortal>\n          <div ref={refs.setFloating} style={{ ...floatingStyles, ...transitionStyles }} {...getFloatingProps()}>\n            {content}\n            {isDesktop && <FloatingArrow ref={arrowRef} context={context} fill={arrowColor} width={12} height={6} />}\n          </div>\n        </FloatingPortal>\n      )}\n    </>\n  )\n}\n\nTooltip.displayName = 'Tooltip'\n\nexport default Tooltip\n"],"mappings":";;;;;;;;;;;;;;;AAuBA,MAAM,iBAAiB,SAAyB;CAC9C,MAAM,cAAc,KAAK,QAAQ,YAAY,GAAG;CAEhD,MAAM,WAAW,SAAS,cAAc,WAAW;AACnD,UAAS,YAAY;AACrB,QAAO,SAAS;;;;;;;;AASlB,MAAa,WAAW,UAAwB;CAC9C,MAAM,EACJ,UACA,WAAW,QACX,UACA,WACA,UACA,WAAW,SACX,OAAO,IACP,YAAY,OACZ,WAAW,OACX,UAAU,OACV,QAAQ,aAAa,CAAC,GAAG,EAAE,EAC3B,aAAa,YACb,YAAY,iBACV;CAEJ,MAAM,YAAY,MAAM,KAAK;CAC7B,MAAM,CAAC,QAAQ,aAAa,SAAS,QAAQ;CAC7C,MAAM,WAAW,OAAO,KAAK;CAC7B,MAAM,EAAE,MAAM,gBAAgB,YAAY,YAAY;EACpD,MAAM,WAAW;EACjB,cAAc;EACd;EACA,YAAY;GACV,OAAO;IAAE,UAAU,WAAW,KAAK;IAAG,WAAW,WAAW;IAAI,CAAC;GAEjE,MAAM;GAEN,OAAO;GAEP,MAAM,EAAE,SAAS,UAAU,CAAC;GAC7B;EACD,sBAAsB;EACvB,CAAC;CAEF,MAAM,EAAE,WAAW,QAAQ,qBAAqB,oBAAoB,SAAS;EAC3E,UAAU;EACV,SAAS,EAAE,SAAS,GAAG;EACvB,MAAM,EAAE,SAAS,GAAG;EACpB,OAAO,EAAE,SAAS,GAAG;EACtB,CAAC;CAGF,MAAM,EAAE,mBAAmB,qBAAqB,gBAAgB,CAFlD,SAAS,SAAS,EAAE,MAAM,OAAO,CAAC,EACnC,QAAQ,SAAS,EAAE,MAAM,WAAW,CAAC,CAC2B,CAAC;CAE9E,MAAM,aAAa,MAAM,UAAU,GAAG,UAAU;CAChD,MAAM,cAAc,MAAM,UAAU,GAAG,WAAW;CAClD,MAAM,aAAa,WAAW,cAAc;CAE5C,MAAM,UAAU,SAAS,KAAK,GAC5B,oBAAC;EACW;EACA;EACA;EACA;EACE;EACD;YAEX,qBAAC,EAAE,kBACA,cAAc,KAAK,EACnB,CAAC,CAAC,YACD,8CAAE,QAEA,oBAAC;GAAK,SAAQ;GAAQ,GAAI;aACvB;IACI,IACN,IAEC;GACO,GAEjB,oBAAC;EAAyB;EAAoB;EAAoB;EAAoB;YACnF;GACc;AAWnB,QACE,8CARmB,eAAe,SAAS,GACzC,aAAa,UAAqC;EAChD,KAAK,KAAK;EACV,GAAG,mBAAmB;EACvB,CAAC,GACF,UAKC,aACC,oBAAC,4BACC,qBAAC;EAAI,KAAK,KAAK;EAAa,OAAO;GAAE,GAAG;GAAgB,GAAG;GAAkB;EAAE,GAAI,kBAAkB;aAClG,SACA,aAAa,oBAAC;GAAc,KAAK;GAAmB;GAAS,MAAM;GAAY,OAAO;GAAI,QAAQ;IAAK;GACpG,GACS,IAElB;;AAIP,QAAQ,cAAc;AAEtB,sBAAe"}

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

@@ -3,6 +3,7 @@ import "../core/index.js";
 import { LinkProps } from "../link/link.types.js";
 import "../link/index.js";
 import { ReactNode } from "react";
+import { Placement } from "@floating-ui/react";
 
 //#region src/tooltip/tooltip.types.d.ts
 interface TooltipProps extends ChildrenProp {
@@ -11,7 +12,7 @@ interface TooltipProps extends ChildrenProp {
   /** Displays given text or component as the tooltip. */
   text?: ReactNode;
   /** Tooltip position. */
-  placement?: 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
+  placement?: Placement;
   /** Sets correspondent disabled styling */
   disabled?: boolean;
   /** Sets maximum width to the tooltip body. */
@@ -31,10 +32,7 @@ interface TooltipProps extends ChildrenProp {
   /** CSS word-break property @default 'break-all' */
   wordBreak?: 'normal' | 'break-all' | 'keep-all' | 'break-word';
 }
-interface TooltipArrowProps {
-  disabled?: boolean;
-  placement: Exclude<TooltipProps['placement'], undefined>;
-}
 //#endregion
-export { TooltipArrowProps, TooltipProps };
+export { TooltipProps };
+
 //# sourceMappingURL=tooltip.types.d.ts.map

package/dist/tooltip/tooltip.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.types.d.ts","names":[],"sources":["../../src/tooltip/tooltip.types.ts"],"sourcesContent":[],"mappings":";;;;;;;UAKiB,YAAA,CAAA,OAAA,CAAqB;;;;EAArB,IAAA,CAAA,CAAA,CAIR,SAJqB;EAIrB,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,QAAA,CAAA,CAAA,CAAA;EAwBK,SAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,GAAA,CAAA;EA5BwB,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,aAAA,CAAA,QAAA,CAAA,OAAA,CAAA,CAAA;EAAY,QAAA,CAAA,CAAA,CAAA,OAAA;EAsCjC,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,OAAA,CAAA,KAAA,CAAA,EAAA,CAAA,GAAA,CAAA,OAAA,CAAA,IAAA,CAAA,CAAA,CAAA;;;;;;;cAVH;;;;;;;;;;UAUG,iBAAA;;aAEJ,QAAQ"}
+{"version":3,"file":"tooltip.types.d.ts","names":[],"sources":["../../src/tooltip/tooltip.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;UAMiB,YAAA,SAAqB;;;;EAArB,IAAA,CAAA,EAIR,SAJqB;EAIrB;EAEK,SAAA,CAAA,EAAA,SAAA;EAUA;EAhBwB,QAAA,CAAA,EAAA,OAAA;EAAY;;;;;;;cAgBpC"}

package/dist/tooltip/tooltipContent.js

@@ -1,4 +1,5 @@
 import box_default from "../box/box.js";
+import "../box/index.js";
 import { bg, borderRadius, boxShadow } from "./consts.js";
 import { jsx } from "react/jsx-runtime";
 
@@ -10,7 +11,6 @@ const TooltipContent = ({ children, disabled, fontSize = "16px", maxWidth = "400
 	className: "vui-tooltip-content",
 	color: "white",
 	fontSize,
-	m: 1,
 	minW: minWidth,
 	maxW: maxWidth,
 	overflowY: "auto",
@@ -24,5 +24,5 @@ TooltipContent.displayName = "TooltipContent";
 
 //#endregion
 export { TooltipContent };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=tooltipContent.js.map

package/dist/tooltip/tooltipContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltipContent.js","names":["Box"],"sources":["../../src/tooltip/tooltipContent.tsx"],"sourcesContent":["import Box from '../box'\nimport { bg, borderRadius, boxShadow } from './consts'\nimport type { TooltipProps } from './tooltip.types'\n\nexport const TooltipContent = ({\n  children,\n  disabled,\n  fontSize = '16px',\n  maxWidth = '400px',\n  minWidth,\n  whiteSpace = 'pre-wrap',\n  wordBreak = 'break-word',\n}: TooltipProps) => (\n  <Box\n    bg={disabled ? bg.disabled : bg.regular}\n    borderRadius={borderRadius}\n    boxShadow={boxShadow}\n    className=\"vui-tooltip-content\"\n    color=\"white\"\n    fontSize={fontSize}\n    m={1}\n    minW={minWidth}\n    maxW={maxWidth}\n    overflowY=\"auto\"\n    p={1}\n    px={2}\n    whiteSpace={whiteSpace}\n    wordBreak={wordBreak}\n  >\n    {children}\n  </Box>\n)\n\nTooltipContent.displayName = 'TooltipContent'\n"],"mappings":";;;;;AAIA,MAAa,kBAAkB,EAC7B,UACA,UACA,WAAW,QACX,WAAW,SACX,UACA,aAAa,YACb,YAAY,mBAEZ,oBAACA;CACC,IAAI,WAAW,GAAG,WAAW,GAAG;CAClB;CACH;CACX,WAAU;CACV,OAAM;CACI;CACV,GAAG;CACH,MAAM;CACN,MAAM;CACN,WAAU;CACV,GAAG;CACH,IAAI;CACQ;CACD;CAEV;EACG;AAGR,eAAe,cAAc"}
+{"version":3,"file":"tooltipContent.js","names":["Box"],"sources":["../../src/tooltip/tooltipContent.tsx"],"sourcesContent":["import Box from '../box'\nimport { bg, borderRadius, boxShadow } from './consts'\nimport type { TooltipProps } from './tooltip.types'\n\nexport const TooltipContent = ({\n  children,\n  disabled,\n  fontSize = '16px',\n  maxWidth = '400px',\n  minWidth,\n  whiteSpace = 'pre-wrap',\n  wordBreak = 'break-word',\n}: TooltipProps) => (\n  <Box\n    bg={disabled ? bg.disabled : bg.regular}\n    borderRadius={borderRadius}\n    boxShadow={boxShadow}\n    className=\"vui-tooltip-content\"\n    color=\"white\"\n    fontSize={fontSize}\n    minW={minWidth}\n    maxW={maxWidth}\n    overflowY=\"auto\"\n    p={1}\n    px={2}\n    whiteSpace={whiteSpace}\n    wordBreak={wordBreak}\n  >\n    {children}\n  </Box>\n)\n\nTooltipContent.displayName = 'TooltipContent'\n"],"mappings":";;;;;;AAIA,MAAa,kBAAkB,EAC7B,UACA,UACA,WAAW,QACX,WAAW,SACX,UACA,aAAa,YACb,YAAY,mBAEZ,oBAACA;CACC,IAAI,WAAW,GAAG,WAAW,GAAG;CAClB;CACH;CACX,WAAU;CACV,OAAM;CACI;CACV,MAAM;CACN,MAAM;CACN,WAAU;CACV,GAAG;CACH,IAAI;CACQ;CACD;CAEV;EACG;AAGR,eAAe,cAAc"}

package/dist/tree/context.d.ts

@@ -1,9 +1,10 @@
 import { Dict } from "../utils/types.js";
 import "../utils/index.js";
-import * as react956 from "react";
+import * as react373 from "react";
 
 //#region src/tree/context.d.ts
-declare const TreeProvider: react956.Provider<Dict>, useTreeContext: () => Dict;
+declare const TreeProvider: react373.Provider<Dict>, useTreeContext: () => Dict;
 //#endregion
 export { TreeProvider, useTreeContext };
+
 //# sourceMappingURL=context.d.ts.map