@veracity/vui 3.0.0-beta.8 → 3.0.0

package/dist/theme/themePlaceholder.js

@@ -1,2 +1,18 @@
-var e={baseStyle:{},defaultProps:{},parts:[],sizes:{},variants:{}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+//#region src/theme/themePlaceholder.ts
+const baseStyle = {};
+const defaultProps = {};
+const parts = [];
+const sizes = {};
+const variants = {};
+var themePlaceholder_default = {
+	baseStyle,
+	defaultProps,
+	parts,
+	sizes,
+	variants
+};
+
+//#endregion
+export { themePlaceholder_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=themePlaceholder.js.map

package/dist/theme/themePlaceholder.js.map

@@ -1 +1 @@
-{"version":3,"file":"themePlaceholder.js","names":["parts: string[]"],"sources":["../../src/theme/themePlaceholder.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {}\n\nconst parts: string[] = []\n\nconst sizes = {}\n\nconst variants = {}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":"AAUA,IAAA,EAAe,CACb,UAXgB,EAAE,CAYlB,aAVmB,EAAE,CAWrB,MATsB,EAAE,CAUxB,MARY,EAAE,CASd,SAPe,EAAE,CAQlB"}
+{"version":3,"file":"themePlaceholder.js","names":["parts: string[]"],"sources":["../../src/theme/themePlaceholder.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {}\n\nconst parts: string[] = []\n\nconst sizes = {}\n\nconst variants = {}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY,EAAE;AAEpB,MAAM,eAAe,EAAE;AAEvB,MAAMA,QAAkB,EAAE;AAE1B,MAAM,QAAQ,EAAE;AAEhB,MAAM,WAAW,EAAE;AAEnB,+BAAe;CACb;CACA;CACA;CACA;CACA;CACD"}

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":"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"}

package/dist/toast/index.d.ts

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

package/dist/toast/toast.d.ts

@@ -1,8 +1,8 @@
-import * as react950 from "react";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react953 from "react";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 
 //#region src/toast/toast.d.ts
-declare const _default: react950.MemoExoticComponent<() => react_jsx_runtime8.JSX.Element>;
+declare const _default: react953.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"}
+{"version":3,"file":"toast.d.ts","names":[],"sources":["../../src/toast/toast.tsx"],"sourcesContent":[],"mappings":";;;;cAO+B,UAAA,QAAA,CAAA,0BAAA,kBAAA,CAAA,GAAA,CAAA"}

package/dist/toast/toast.js

@@ -1,2 +1,48 @@
-import e from"../theme/foundations/zIndices.js";import{v as t}from"../core/styled.js";import{useVuiContext as n}from"../core/vuiProvider/context.js";import{Box as r}from"../box/box.js";import{memo as i}from"react";import{jsx as a}from"react/jsx-runtime";var o=i(()=>{let{toasts:i}=n(),o={md:`16px`,sm:`4px`,xs:`2px`},s={md:`1rem`,sm:0,xs:0},c={md:420,sm:420,xs:`100%`};return a(r,{bottom:i?.list?.length?`1rem`:`-2rem`,className:`vui-toaster`,display:`block`,maxW:c,minW:c,p:o,position:`fixed`,right:s,zIndex:e.toast,children:i?.list?.map?.(e=>a(t.div,{id:`toast_${e.id}`,children:e.component},e.id))})});export{o as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+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 { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/toast/toast.tsx
+const toasterWidth = 420;
+const Toaster = () => {
+	const { toasts } = useVuiContext();
+	const padding = {
+		md: "16px",
+		sm: "4px",
+		xs: "2px"
+	};
+	const right = {
+		md: "1rem",
+		sm: 0,
+		xs: 0
+	};
+	const width = {
+		md: toasterWidth,
+		sm: toasterWidth,
+		xs: "100%"
+	};
+	return /* @__PURE__ */ jsx(Box, {
+		bottom: toasts?.list?.length ? "1rem" : "-2rem",
+		className: "vui-toaster",
+		display: "block",
+		maxW: width,
+		minW: width,
+		p: padding,
+		position: "fixed",
+		right,
+		zIndex: zIndices_default.toast,
+		children: toasts?.list?.map?.((toast) => /* @__PURE__ */ jsx(v.div, {
+			id: `toast_${toast.id}`,
+			children: toast.component
+		}, toast.id))
+	});
+};
+var toast_default = memo(Toaster);
+
+//#endregion
+export { toast_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# 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":"8PAsCA,IAAA,EAAe,MA7BO,CACpB,GAAM,CAAE,UAAW,GAAe,CAE5B,EAAU,CAAE,GAAI,OAAQ,GAAI,MAAO,GAAI,MAAO,CAC9C,EAAQ,CAAE,GAAI,OAAQ,GAAI,EAAG,GAAI,EAAG,CACpC,EAAQ,CAAE,GAAI,IAAc,GAAI,IAAc,GAAI,OAAQ,CAGhE,OACE,EAAC,EAAA,CACC,OAJW,GAAQ,MAAM,OAAS,OAAS,QAK3C,UAAU,cACV,QAAQ,QACR,KAAM,EACN,KAAM,EACN,EAAG,EACH,SAAS,QACF,QACP,OAAQA,EAAS,eAEhB,GAAQ,MAAM,MAAO,GACpB,EAAC,EAAE,IAAA,CAAI,GAAI,SAAS,EAAM,cACvB,EAAM,WAD4B,EAAM,GAEnC,CACR,EACE,EAIkB"}
+{"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"}

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

@@ -1,4 +1,5 @@
 import { NotificationProps } from "../notification/notification.types.js";
+import "../notification/index.js";
 import { ReactNode } from "react";
 
 //#region src/toast/toast.types.d.ts

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,EAAA,CAAA,CAAA,MAAA;EAEK,SAAA,CAAA,CAAA,CAEH,SAFgB;AAK9B;AAA2B,SAAA,CAAV,UAAA,CAAU;SAChB,CAAA,CAAA,YAAA;eACM,CAAA,CAAA,aAAA,CAAA,CAAA;;AAGA,SAAA,CAAA,YAAA,CAAA,OAAA,CAAqB,iBAAR,CAAA;EAAA,EAAA,CAAA,CAAA,CAAA,MAAA;UAEjB,CAAA,CAAA,CAAA,aAAA;;EAF0C,WAAA,CAAA,CAAA,CAAA,OAAA"}
+{"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"}

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;EAAA,QAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAjCU,SAiCV,CAAA,CAAA,QAAA,CAAA,CAAA,CAjC+B,aAiC/B,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;aAhE0C,CAAA,CAAA,CAAA,IAAA,CAAA,CAoChC,SApCgC,CAAA,CAAA,QAAA,CAAA,CAAA,CAoCX,aApCW,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;aA+BhC,CAAA,CAAA,CAAA,IAAA,CAAA,CAUA,SAVA,CAAA,CAAA,QAAA,CAAA,CAAA,CAUqB,aAVrB,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;WAAqB,CAAA,CAAA,CAAA,IAAA,CAAA,CAerB,SAfqB,CAAA,CAAA,QAAA,CAAA,CAAA,CAeA,aAfA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;aAKrB,CAAA,CAAA,CAAA,IAAA,CAAA,CAeA,SAfA,CAAA,CAAA,QAAA,CAAA,CAAA,CAeqB,aAfrB,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA"}
+{"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"}

package/dist/toast/useToast.js

@@ -1,2 +1,77 @@
-import{uid as e}from"../utils/uid.js";import{useVuiContext as t}from"../core/vuiProvider/context.js";import{Notification as n}from"../notification/notification.js";import{useCallback as r}from"react";import{jsx as i}from"react/jsx-runtime";const a=`fast`,o=4e3,s=8e3,c={options:{duration:a},componentList:[]},l=e=>e===`fast`?o:s,u=()=>{let{addToast:o,removeToast:s}=t(),u=r(t=>{let r=t?.id?t.id:e(`toast`),{duration:a=c.options.duration,status:u=`info`,action:d,icon:f,text:p,title:m}=t||{};o({id:r,component:i(n,{action:d,animation:`fadeDown`,elevation:3,icon:f,mt:{md:1,sm:`4px`,xs:`4px`},onClose:()=>s(r),status:u,text:p,title:m,verticalAlign:`center`,w:1})}),a&&a!==`sticky`&&window.setTimeout(()=>s(r),l(a))},[]);return{showToast:u,hideToast:s,showInfo:r((e,t=a)=>u({text:e,status:`info`,duration:t}),[u]),showSuccess:r((e,t=a)=>u({text:e,status:`success`,duration:t}),[u]),showWarning:r((e,t=a)=>u({text:e,status:`warning`,duration:t}),[u]),showError:r((e,t=a)=>u({text:e,status:`error`,duration:t}),[u]),showLoading:r((e,t=a)=>u({text:e,status:`loading`,duration:t}),[u])}};export{a as defaultDuration,o as fastToastDuration,s as slowToastDuration,u as useToast};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { uid } from "../utils/uid.js";
+import { useVuiContext } from "../core/vuiProvider/context.js";
+import { Notification } from "../notification/notification.js";
+import { useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/toast/useToast.tsx
+const defaultDuration = "fast";
+const fastToastDuration = 4e3;
+const slowToastDuration = 8e3;
+const setup = {
+	options: { duration: defaultDuration },
+	componentList: []
+};
+const getDurationTime = (duration) => duration === "fast" ? fastToastDuration : slowToastDuration;
+const useToast = () => {
+	const { addToast, removeToast } = useVuiContext();
+	const showToast = useCallback((options) => {
+		const id = options?.id ? options.id : uid("toast");
+		const { duration = setup.options.duration, status = "info", action, icon, text, title } = options || {};
+		addToast({
+			id,
+			component: /* @__PURE__ */ jsx(Notification, {
+				action,
+				animation: "fadeDown",
+				elevation: 3,
+				icon,
+				mt: {
+					md: 1,
+					sm: "4px",
+					xs: "4px"
+				},
+				onClose: () => removeToast(id),
+				status,
+				text,
+				title,
+				verticalAlign: "center",
+				w: 1
+			})
+		});
+		if (duration && duration !== "sticky") window.setTimeout(() => removeToast(id), getDurationTime(duration));
+	}, []);
+	return {
+		showToast,
+		hideToast: removeToast,
+		showInfo: useCallback((text, duration = defaultDuration) => showToast({
+			text,
+			status: "info",
+			duration
+		}), [showToast]),
+		showSuccess: useCallback((text, duration = defaultDuration) => showToast({
+			text,
+			status: "success",
+			duration
+		}), [showToast]),
+		showWarning: useCallback((text, duration = defaultDuration) => showToast({
+			text,
+			status: "warning",
+			duration
+		}), [showToast]),
+		showError: useCallback((text, duration = defaultDuration) => showToast({
+			text,
+			status: "error",
+			duration
+		}), [showToast]),
+		showLoading: useCallback((text, duration = defaultDuration) => showToast({
+			text,
+			status: "loading",
+			duration
+		}), [showToast])
+	};
+};
+
+//#endregion
+export { defaultDuration, fastToastDuration, slowToastDuration, useToast };
+globalThis.__vuiVersion__ = "3.0.0"
 //# 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":"gPAQA,MAAa,EAAkB,OAClB,EAAoB,IACpB,EAAoB,IAE3BA,EAAoB,CACxB,QAAS,CACP,SAAU,EACX,CACD,cAAe,EAAE,CAClB,CAEK,EAAmB,GAA6B,IAAa,OAAS,EAAoB,EAEnF,MAAiB,CAC5B,GAAM,CAAE,WAAU,eAAgB,GAAe,CAE3C,EAAY,EAAa,GAAiC,CAC9D,IAAM,EAAK,GAAS,GAAK,EAAQ,GAAK,EAAI,QAAQ,CAC5C,CAAE,WAAW,EAAM,QAAQ,SAAU,SAAS,OAAQ,SAAQ,OAAM,OAAM,SAAU,GAAW,EAAE,CAqBvG,EAnBc,CACZ,KACA,UACE,EAAC,EAAA,CACS,SACR,UAAU,WACV,UAAW,EACL,OACN,GAAI,CAAE,GAAI,EAAG,GAAI,MAAO,GAAI,MAAO,CACnC,YAAe,EAAY,EAAG,CACtB,SACF,OACC,QACP,cAAc,SACd,EAAG,GACH,CAEL,CAEc,CAEX,GAAY,IAAa,UAC3B,OAAO,eAAiB,EAAY,EAAG,CAAE,EAAgB,EAAS,CAAC,EAEpE,EAAE,CAAC,CA2BN,MAAO,CACL,YACA,UAAW,EACX,SA5Be,GACd,EAAiB,EAA0B,IAAoB,EAAU,CAAE,OAAM,OAAQ,OAAQ,WAAU,CAAC,CAC7G,CAAC,EAAU,CACZ,CA0BC,YAxBkB,GACjB,EAAiB,EAA0B,IAAoB,EAAU,CAAE,OAAM,OAAQ,UAAW,WAAU,CAAC,CAChH,CAAC,EAAU,CACZ,CAsBC,YApBkB,GACjB,EAAiB,EAA0B,IAAoB,EAAU,CAAE,OAAM,OAAQ,UAAW,WAAU,CAAC,CAChH,CAAC,EAAU,CACZ,CAkBC,UAhBgB,GACf,EAAiB,EAA0B,IAAoB,EAAU,CAAE,OAAM,OAAQ,QAAS,WAAU,CAAC,CAC9G,CAAC,EAAU,CACZ,CAcC,YAZkB,GACjB,EAAiB,EAA0B,IAAoB,EAAU,CAAE,OAAM,OAAQ,UAAW,WAAU,CAAC,CAChH,CAAC,EAAU,CACZ,CAUA"}
+{"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"}

package/dist/tooltip/consts.js

@@ -1,2 +1,99 @@
-const e=12,t={regular:`darkBlue.18`,disabled:`sandstone.55`},n=1,r=2,i={top:{top:`auto`,bottom:`-${12/2}px`,left:`50%`,right:`auto`,translate:`-50%, 0`},"top-start":{top:`auto`,bottom:`-${12/2}px`,left:24,right:void 0,translate:`-50%, 0`},"top-end":{top:`auto`,bottom:`-${12/2}px`,left:void 0,right:12,translate:`-50%, 0`},right:{top:`50%`,bottom:`auto`,left:`2px`,right:`auto`,translate:`0, -50%`},"right-start":{top:`${12*1.5}px`,bottom:`auto`,left:`2px`,right:`auto`,translate:`0, -50%`},"right-end":{top:`auto`,bottom:`${12/2}px`,left:`2px`,right:`auto`,translate:`0, -50%`},bottom:{top:`-${12/2}px`,bottom:`auto`,left:`50%`,right:`auto`,translate:`-50%, 0`},"bottom-start":{top:`-${12/2}px`,bottom:`auto`,left:24,right:void 0,translate:`-50%, 0`},"bottom-end":{top:`-${12/2}px`,bottom:`auto`,left:void 0,right:12,translate:`-50%, 0`},left:{top:`50%`,bottom:`auto`,left:`auto`,right:`-4px`,translate:`-50%, -50%`},"left-start":{top:`${12*1.5}px`,bottom:`auto`,left:`auto`,right:`-4px`,translate:`-50%, -50%`},"left-end":{top:`auto`,bottom:`${12/2}px`,left:`auto`,right:`-4px`,translate:`-50%, -50%`}};export{t as bg,n as borderRadius,r as boxShadow,i as pointerPlacement,e as pointerSize};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+//#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.0.0"
 //# 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,EAAc,GAEd,EAAK,CAChB,QAAS,cACT,SAAU,eACX,CAEY,EAAe,EAEf,EAAY,EAEZ,EAAmB,CAC9B,IAAK,CACH,IAAK,OACL,OAAQ,IAAI,GAAc,EAAE,IAC5B,KAAM,MACN,MAAO,OACP,UAAW,UACZ,CACD,YAAa,CACX,IAAK,OACL,OAAQ,IAAI,GAAc,EAAE,IAC5B,KAAM,GACN,MAAO,IAAA,GACP,UAAW,UACZ,CACD,UAAW,CACT,IAAK,OACL,OAAQ,IAAI,GAAc,EAAE,IAC5B,KAAM,IAAA,GACN,MAAO,GACP,UAAW,UACZ,CACD,MAAO,CACL,IAAK,MACL,OAAQ,OACR,KAAM,MACN,MAAO,OACP,UAAW,UACZ,CACD,cAAe,CACb,IAAK,GAAG,GAAc,IAAI,IAC1B,OAAQ,OACR,KAAM,MACN,MAAO,OACP,UAAW,UACZ,CACD,YAAa,CACX,IAAK,OACL,OAAQ,GAAG,GAAc,EAAE,IAC3B,KAAM,MACN,MAAO,OACP,UAAW,UACZ,CACD,OAAQ,CACN,IAAK,IAAI,GAAc,EAAE,IACzB,OAAQ,OACR,KAAM,MACN,MAAO,OACP,UAAW,UACZ,CACD,eAAgB,CACd,IAAK,IAAI,GAAc,EAAE,IACzB,OAAQ,OACR,KAAM,GACN,MAAO,IAAA,GACP,UAAW,UACZ,CACD,aAAc,CACZ,IAAK,IAAI,GAAc,EAAE,IACzB,OAAQ,OACR,KAAM,IAAA,GACN,MAAO,GACP,UAAW,UACZ,CACD,KAAM,CACJ,IAAK,MACL,OAAQ,OACR,KAAM,OACN,MAAO,OACP,UAAW,aACZ,CACD,aAAc,CACZ,IAAK,GAAG,GAAc,IAAI,IAC1B,OAAQ,OACR,KAAM,OACN,MAAO,OACP,UAAW,aACZ,CACD,WAAY,CACV,IAAK,OACL,OAAQ,GAAG,GAAc,EAAE,IAC3B,KAAM,OACN,MAAO,OACP,UAAW,aACZ,CACF"}
+{"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"}

package/dist/tooltip/index.d.ts

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

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,7 +10,7 @@ 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

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","names":[],"sources":["../../src/tooltip/tooltip.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAgBA,CAAA,CAAA,CAAA,SAAA,CAAA,EAAA,CAAA,KAAA,CAAA,KAAA,CAAA,CAAA,GAAA,CAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,KAAA,CAAA,KAAA;;;AAA2C,OAAA,CAAA,KAAA,CAA9B,OAA8B,CAAA,CAAA;EAAA,CAAA,KAAA,CAAA,CAAZ,YAAY,CAAA,CAAA,CAAA,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"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,mBAAA,CAAA,GAAA,CAAA"}

package/dist/tooltip/tooltip.js

@@ -1,2 +1,67 @@
-import{useUp as e}from"../core/media.js";import{v as t}from"../core/styled.js";import n from"../box/box.js";import{Link as r}from"../link/link.js";import{bg as i,pointerPlacement as a,pointerSize as o}from"./consts.js";import{TooltipContent as s}from"./tooltipContent.js";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";import d from"@tippyjs/react";const f=f=>{let{children:p,fontSize:m=`16px`,linkText:h,linkProps:g,minWidth:_=`200px`,maxWidth:v=`400px`,text:y=`Tooltip`,placement:b=`top`,disabled:x=!1,visible:S=!1,offset:C=[0,2]}=f,w=e(`md`);return l(d,{content:!!y&&u(s,{disabled:x,fontSize:m,maxWidth:v,minWidth:_,children:[w&&l(n,{bg:x?i.disabled:i.regular,bottom:a[b].bottom,h:`${o}px`,left:a[b].left,position:`absolute`,right:a[b].right,top:a[b].top,transform:`translate(${a[b].translate}) rotate(45deg)`,w:`${o}px`}),u(t.div,{children:[y,!!h&&u(c,{children:[`\xA0`,l(r,{variant:`white`,...g,children:h})]})]})]}),interactive:!0,offset:C,placement:b,popperOptions:{modifiers:[{name:`flip`,enabled:!1}]},visible:S||void 0,children:p})};f.displayName=`Tooltip`;var p=f;export{f as Tooltip,p as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { useUp } from "../core/media.js";
+import { v } from "../core/styled.js";
+import box_default from "../box/box.js";
+import { Link } from "../link/link.js";
+import { bg, pointerPlacement, pointerSize } from "./consts.js";
+import { TooltipContent } from "./tooltipContent.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import Tippy from "@tippyjs/react";
+
+//#region src/tooltip/tooltip.tsx
+const stripHtmlTags = (html) => {
+	const withoutTags = html.replace(/<[^>]*>/g, "");
+	const textarea = document.createElement("textarea");
+	textarea.innerHTML = withoutTags;
+	return textarea.value;
+};
+/**
+* A simple text popup hint.
+*
+* Displayed on mouse enter, and is hidden on mouse leave.
+*
+* */
+const Tooltip = (props) => {
+	const { children, fontSize = "16px", linkText, linkProps, minWidth = "200px", maxWidth = "400px", text = "Tooltip", placement = "top", disabled = false, visible = false, offset = [0, 2], whiteSpace = "pre-wrap", wordBreak = "break-word" } = props;
+	const isDesktop = useUp("md");
+	return /* @__PURE__ */ jsx(Tippy, {
+		content: !!text && /* @__PURE__ */ jsxs(TooltipContent, {
+			disabled,
+			fontSize,
+			maxWidth,
+			minWidth,
+			whiteSpace,
+			wordBreak,
+			children: [isDesktop && /* @__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`
+			}), /* @__PURE__ */ jsxs(v.div, { children: [stripHtmlTags(text), !!linkText && /* @__PURE__ */ jsxs(Fragment, { children: ["\xA0", /* @__PURE__ */ jsx(Link, {
+				variant: "white",
+				...linkProps,
+				children: linkText
+			})] })] })]
+		}),
+		interactive: true,
+		offset,
+		placement,
+		popperOptions: { modifiers: [{
+			name: "flip",
+			enabled: false
+		}] },
+		visible: visible || void 0,
+		children
+	});
+};
+Tooltip.displayName = "Tooltip";
+var tooltip_default = Tooltip;
+
+//#endregion
+export { Tooltip, tooltip_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# 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'\nimport type { JSXElementConstructor, ReactElement } from 'react'\n\nimport Box from '../box'\nimport { useUp, v } from '../core'\nimport { Link } from '../link'\nimport { bg, pointerPlacement, pointerSize } from './consts'\nimport type { TooltipProps } from './tooltip.types'\nimport { TooltipContent } from './tooltipContent'\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 = 'Tooltip',\n    placement = 'top',\n    disabled = false,\n    visible = false,\n    offset = [0, 2],\n  } = props\n\n  const isDesktop = useUp('md')\n\n  return (\n    <Tippy\n      content={\n        !!text && (\n          <TooltipContent disabled={disabled} fontSize={fontSize} maxWidth={maxWidth} minWidth={minWidth}>\n            {isDesktop && (\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            <v.div>\n              {text}\n              {!!linkText && (\n                <>\n                  &nbsp;\n                  <Link variant=\"white\" {...linkProps}>\n                    {linkText}\n                  </Link>\n                </>\n              )}\n            </v.div>\n          </TooltipContent>\n        )\n      }\n      interactive\n      offset={offset}\n      placement={placement}\n      popperOptions={{\n        modifiers: [\n          {\n            name: 'flip',\n            enabled: false,\n          },\n        ],\n      }}\n      visible={visible || undefined}\n    >\n      {children as ReactElement<any, string | JSXElementConstructor<any>> | undefined}\n    </Tippy>\n  )\n}\n\nTooltip.displayName = 'Tooltip'\n\nexport default Tooltip\n"],"mappings":"8WAgBA,MAAa,EAAW,GAAwB,CAC9C,GAAM,CACJ,WACA,WAAW,OACX,WACA,YACA,WAAW,QACX,WAAW,QACX,OAAO,UACP,YAAY,MACZ,WAAW,GACX,UAAU,GACV,SAAS,CAAC,EAAG,EAAE,EACb,EAEE,EAAY,EAAM,KAAK,CAE7B,OACE,EAAC,EAAA,CACC,QACE,CAAC,CAAC,GACA,EAAC,EAAA,CAAyB,WAAoB,WAAoB,WAAoB,qBACnF,GACC,EAACA,EAAAA,CACC,GAAI,EAAW,EAAG,SAAW,EAAG,QAChC,OAAQ,EAAiB,GAAW,OACpC,EAAG,GAAG,EAAY,IAClB,KAAM,EAAiB,GAAW,KAClC,SAAS,WACT,MAAO,EAAiB,GAAW,MACnC,IAAK,EAAiB,GAAW,IACjC,UAAW,aAAa,EAAiB,GAAW,UAAU,iBAC9D,EAAG,GAAG,EAAY,KAClB,CAEJ,EAAC,EAAE,IAAA,CAAA,SAAA,CACA,EACA,CAAC,CAAC,GACD,EAAA,EAAA,CAAA,SAAA,CAAE,OAEA,EAAC,EAAA,CAAK,QAAQ,QAAQ,GAAI,WACvB,GACI,CAAA,CAAA,CACN,CAAA,CAAA,CAEC,CAAA,EACO,CAGrB,YAAA,GACQ,SACG,YACX,cAAe,CACb,UAAW,CACT,CACE,KAAM,OACN,QAAS,GACV,CACF,CACF,CACD,QAAS,GAAW,IAAA,GAEnB,YACK,EAIZ,EAAQ,YAAc,UAEtB,IAAA,EAAe"}
+{"version":3,"file":"tooltip.js","names":["Box"],"sources":["../../src/tooltip/tooltip.tsx"],"sourcesContent":["import Tippy from '@tippyjs/react'\nimport type { JSXElementConstructor, ReactElement } from 'react'\n\nimport Box from '../box'\nimport { useUp, v } from '../core'\nimport { Link } from '../link'\nimport { bg, pointerPlacement, pointerSize } 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 = '200px',\n    maxWidth = '400px',\n    text = 'Tooltip',\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  return (\n    <Tippy\n      content={\n        !!text && (\n          <TooltipContent\n            disabled={disabled}\n            fontSize={fontSize}\n            maxWidth={maxWidth}\n            minWidth={minWidth}\n            whiteSpace={whiteSpace}\n            wordBreak={wordBreak}\n          >\n            {isDesktop && (\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            <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      }\n      interactive\n      offset={offset}\n      placement={placement}\n      popperOptions={{\n        modifiers: [\n          {\n            name: 'flip',\n            enabled: false,\n          },\n        ],\n      }}\n      visible={visible || undefined}\n    >\n      {children as ReactElement<any, string | JSXElementConstructor<any>> | undefined}\n    </Tippy>\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,WACP,YAAY,OACZ,WAAW,OACX,UAAU,OACV,SAAS,CAAC,GAAG,EAAE,EACf,aAAa,YACb,YAAY,iBACV;CAEJ,MAAM,YAAY,MAAM,KAAK;AAE7B,QACE,oBAAC;EACC,SACE,CAAC,CAAC,QACA,qBAAC;GACW;GACA;GACA;GACA;GACE;GACD;cAEV,aACC,oBAACA;IACC,IAAI,WAAW,GAAG,WAAW,GAAG;IAChC,QAAQ,iBAAiB,WAAW;IACpC,GAAG,GAAG,YAAY;IAClB,MAAM,iBAAiB,WAAW;IAClC,UAAS;IACT,OAAO,iBAAiB,WAAW;IACnC,KAAK,iBAAiB,WAAW;IACjC,WAAW,aAAa,iBAAiB,WAAW,UAAU;IAC9D,GAAG,GAAG,YAAY;KAClB,EAEJ,qBAAC,EAAE,kBACA,cAAc,KAAK,EACnB,CAAC,CAAC,YACD,4CAAE,QAEA,oBAAC;IAAK,SAAQ;IAAQ,GAAI;cACvB;KACI,IACN,IAEC;IACO;EAGrB;EACQ;EACG;EACX,eAAe,EACb,WAAW,CACT;GACE,MAAM;GACN,SAAS;GACV,CACF,EACF;EACD,SAAS,WAAW;EAEnB;GACK;;AAIZ,QAAQ,cAAc;AAEtB,sBAAe"}

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

@@ -1,5 +1,7 @@
 import { ChildrenProp } from "../core/types.js";
+import "../core/index.js";
 import { LinkProps } from "../link/link.types.js";
+import "../link/index.js";
 
 //#region src/tooltip/tooltip.types.d.ts
 interface TooltipProps extends ChildrenProp {
@@ -22,6 +24,10 @@ interface TooltipProps extends ChildrenProp {
   /** Keeping the tooltip always visible @default false  */
   visible?: boolean;
   offset?: [number, number];
+  /** CSS white-space property @default 'pre-wrap' */
+  whiteSpace?: 'normal' | 'nowrap' | 'pre' | 'pre-wrap' | 'pre-line' | 'break-spaces';
+  /** CSS word-break property @default 'break-all' */
+  wordBreak?: 'normal' | 'break-all' | 'keep-all' | 'break-word';
 }
 //#endregion
 export { TooltipProps };

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":";;;;UAGiB,YAAA,CAAA,OAAA,CAAqB;;EAArB,QAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAa,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA;EAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,KAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,OAAA,CAAA,CAAA,CAAA;MA4BhB,CAAA,CAAA,CAAA,MAAA;;EA5BoC,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;;;;;;;;;;cA4BpC"}
+{"version":3,"file":"tooltip.types.d.ts","names":[],"sources":["../../src/tooltip/tooltip.types.ts"],"sourcesContent":[],"mappings":";;;;;;UAGiB,YAAA,CAAA,OAAA,CAAqB;;;;EAArB,IAAA,CAAA,CAAA,CAAA,MAAA;;;;;;;;;;;;cA4BH"}

package/dist/tooltip/tooltipContent.js

@@ -1,2 +1,28 @@
-import e from"../box/box.js";import{bg as t,borderRadius as n,boxShadow as r}from"./consts.js";import{jsx as i}from"react/jsx-runtime";const a=({children:a,disabled:o,fontSize:s=`16px`,maxWidth:c=`400px`,minWidth:l})=>i(e,{bg:o?t.disabled:t.regular,borderRadius:n,boxShadow:r,className:`vui-tooltip-content`,color:`white`,fontSize:s,m:1,minW:l,maxW:c,overflowY:`auto`,p:1,px:2,whiteSpace:`pre-wrap`,children:a});a.displayName=`TooltipContent`;export{a as TooltipContent};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import box_default from "../box/box.js";
+import { bg, borderRadius, boxShadow } from "./consts.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/tooltip/tooltipContent.tsx
+const TooltipContent = ({ children, disabled, fontSize = "16px", maxWidth = "400px", minWidth, whiteSpace = "pre-wrap", wordBreak = "break-word" }) => /* @__PURE__ */ jsx(box_default, {
+	bg: disabled ? bg.disabled : bg.regular,
+	borderRadius,
+	boxShadow,
+	className: "vui-tooltip-content",
+	color: "white",
+	fontSize,
+	m: 1,
+	minW: minWidth,
+	maxW: maxWidth,
+	overflowY: "auto",
+	p: 1,
+	px: 2,
+	whiteSpace,
+	wordBreak,
+	children
+});
+TooltipContent.displayName = "TooltipContent";
+
+//#endregion
+export { TooltipContent };
+globalThis.__vuiVersion__ = "3.0.0"
 //# 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}: 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=\"pre-wrap\"\n  >\n    {children}\n  </Box>\n)\n\nTooltipContent.displayName = 'TooltipContent'\n"],"mappings":"uIAIA,MAAa,GAAkB,CAC7B,WACA,WACA,WAAW,OACX,WAAW,QACX,cAEA,EAACA,EAAAA,CACC,GAAI,EAAW,EAAG,SAAW,EAAG,QAClB,eACH,YACX,UAAU,sBACV,MAAM,QACI,WACV,EAAG,EACH,KAAM,EACN,KAAM,EACN,UAAU,OACV,EAAG,EACH,GAAI,EACJ,WAAW,WAEV,YACG,CAGR,EAAe,YAAc"}
+{"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"}

package/dist/tree/context.d.ts

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

package/dist/tree/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/tree/context.ts"],"sourcesContent":[],"mappings":";;;;cAGO,cAAY,QAAA,CAAA,SAAA,OAAE,sBAAc"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/tree/context.ts"],"sourcesContent":[],"mappings":";;;;;cAGO,cAAY,QAAA,CAAA,SAAA,OAAE,sBAAc"}

package/dist/tree/context.js

@@ -1,2 +1,9 @@
-import{createContext as e}from"../utils/react.js";const[t,n]=e({isOptional:!0});export{t as TreeProvider,n as useTreeContext};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { createContext } from "../utils/react.js";
+
+//#region src/tree/context.ts
+const [TreeProvider, useTreeContext] = createContext({ isOptional: true });
+
+//#endregion
+export { TreeProvider, useTreeContext };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=context.js.map

package/dist/tree/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../src/tree/context.ts"],"sourcesContent":["import type { Dict } from '../utils'\nimport { createContext } from '../utils'\n\nconst [TreeProvider, useTreeContext] = createContext<Dict>({ isOptional: true })\n\nexport { TreeProvider, useTreeContext }\n"],"mappings":"kDAGA,KAAM,CAAC,EAAc,GAAkB,EAAoB,CAAE,WAAY,GAAM,CAAC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../src/tree/context.ts"],"sourcesContent":["import type { Dict } from '../utils'\nimport { createContext } from '../utils'\n\nconst [TreeProvider, useTreeContext] = createContext<Dict>({ isOptional: true })\n\nexport { TreeProvider, useTreeContext }\n"],"mappings":";;;AAGA,MAAM,CAAC,cAAc,kBAAkB,cAAoB,EAAE,YAAY,MAAM,CAAC"}

package/dist/tree/index.d.ts

@@ -0,0 +1,6 @@
+import { TreeProvider, useTreeContext } from "./context.js";
+import { TreeItemId, TreeItemLinkProps, TreeItemProps, TreeOnToggleEvent, TreeProps } from "./tree.types.js";
+import { TreeIcon } from "./treeIcon.js";
+import { TreeItem, TreeItemBase } from "./treeItem.js";
+import { TreeText } from "./treeText.js";
+import { Tree, TreeBase } from "./tree.js";