@veracity/vui 3.0.0 → 3.1.0

package/dist/theme/foundations/shadows.js

@@ -28,5 +28,5 @@ var shadows_default = {
 
 //#endregion
 export { shadows_default as default };
-globalThis.__vuiVersion__ = "3.0.0"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=shadows.js.map

package/dist/theme/foundations/sizes.js

@@ -3,5 +3,5 @@ var sizes_default = {};
 
 //#endregion
 export { sizes_default as default };
-globalThis.__vuiVersion__ = "3.0.0"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=sizes.js.map

package/dist/theme/foundations/spaces.js

@@ -3,5 +3,5 @@ var spaces_default = {};
 
 //#endregion
 export { spaces_default as default };
-globalThis.__vuiVersion__ = "3.0.0"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=spaces.js.map

package/dist/theme/foundations/timingFunctions.js

@@ -3,5 +3,5 @@ var timingFunctions_default = {};
 
 //#endregion
 export { timingFunctions_default as default };
-globalThis.__vuiVersion__ = "3.0.0"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=timingFunctions.js.map

package/dist/theme/foundations/transformers.js

@@ -14,5 +14,5 @@ var transformers_default = {
 
 //#endregion
 export { transformers_default as default };
-globalThis.__vuiVersion__ = "3.0.0"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=transformers.js.map

package/dist/theme/foundations/transforms.js

@@ -3,5 +3,5 @@ var transforms_default = {};
 
 //#endregion
 export { transforms_default as default };
-globalThis.__vuiVersion__ = "3.0.0"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=transforms.js.map

package/dist/theme/foundations/transitions.js

@@ -3,5 +3,5 @@ var transitions_default = {};
 
 //#endregion
 export { transitions_default as default };
-globalThis.__vuiVersion__ = "3.0.0"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=transitions.js.map

package/dist/theme/foundations/zIndices.js

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

package/dist/theme/themePlaceholder.js

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

package/dist/toast/toast.d.ts

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

package/dist/toast/toast.js

@@ -44,5 +44,5 @@ var toast_default = memo(Toaster);
 
 //#endregion
 export { toast_default as default };
-globalThis.__vuiVersion__ = "3.0.0"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=toast.js.map

package/dist/toast/useToast.js

@@ -73,5 +73,5 @@ const useToast = () => {
 
 //#endregion
 export { defaultDuration, fastToastDuration, slowToastDuration, useToast };
-globalThis.__vuiVersion__ = "3.0.0"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=useToast.js.map

package/dist/tooltip/consts.js

@@ -95,5 +95,5 @@ const pointerPlacement = {
 
 //#endregion
 export { bg, borderRadius, boxShadow, pointerPlacement, pointerSize };
-globalThis.__vuiVersion__ = "3.0.0"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=consts.js.map

package/dist/tooltip/index.d.ts

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

package/dist/tooltip/tooltip.js

@@ -1,3 +1,4 @@
+import { isString } from "../utils/assertion.js";
 import { useUp } from "../core/media.js";
 import { v } from "../core/styled.js";
 import box_default from "../box/box.js";
@@ -21,31 +22,30 @@ const stripHtmlTags = (html) => {
 *
 * */
 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 { 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 isDesktop = useUp("md");
 	return /* @__PURE__ */ jsx(Tippy, {
-		content: !!text && /* @__PURE__ */ jsxs(TooltipContent, {
+		content: isString(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`
+			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,
@@ -58,10 +58,23 @@ const Tooltip = (props) => {
 		children
 	});
 };
+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`
+	});
+}
 Tooltip.displayName = "Tooltip";
 var tooltip_default = Tooltip;
 
 //#endregion
 export { Tooltip, tooltip_default as default };
-globalThis.__vuiVersion__ = "3.0.0"
+globalThis.__vuiVersion__ = "3.1.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\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"}
+{"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"}

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

@@ -2,13 +2,14 @@ import { ChildrenProp } from "../core/types.js";
 import "../core/index.js";
 import { LinkProps } from "../link/link.types.js";
 import "../link/index.js";
+import { ReactNode } from "react";
 
 //#region src/tooltip/tooltip.types.d.ts
 interface TooltipProps extends ChildrenProp {
   /** Font size. */
   fontSize?: '16px' | '14px';
-  /** Displays given text at the tooltip. */
-  text?: string;
+  /** 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';
   /** Sets correspondent disabled styling */
@@ -23,12 +24,17 @@ interface TooltipProps extends ChildrenProp {
   linkProps?: LinkProps;
   /** Keeping the tooltip always visible @default false  */
   visible?: boolean;
+  /** Offset of the tooltip from the target element */
   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';
 }
+interface TooltipArrowProps {
+  disabled?: boolean;
+  placement: Exclude<TooltipProps['placement'], undefined>;
+}
 //#endregion
-export { TooltipProps };
+export { TooltipArrowProps, 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":";;;;;;UAGiB,YAAA,CAAA,OAAA,CAAqB;;;;EAArB,IAAA,CAAA,CAAA,CAAA,MAAA;;;;;;;;;;;;cA4BH"}
+{"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"}

package/dist/tooltip/tooltipContent.js

@@ -24,5 +24,5 @@ TooltipContent.displayName = "TooltipContent";
 
 //#endregion
 export { TooltipContent };
-globalThis.__vuiVersion__ = "3.0.0"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=tooltipContent.js.map

package/dist/tree/context.d.ts

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

package/dist/tree/context.js

@@ -5,5 +5,5 @@ const [TreeProvider, useTreeContext] = createContext({ isOptional: true });
 
 //#endregion
 export { TreeProvider, useTreeContext };
-globalThis.__vuiVersion__ = "3.0.0"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=context.js.map

package/dist/tree/theme.js

@@ -76,5 +76,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "3.0.0"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=theme.js.map

package/dist/tree/tree.d.ts

@@ -6,10 +6,10 @@ import { TreeIcon } from "./treeIcon.js";
 import { TreeItem } from "./treeItem.js";
 import { TreeText } from "./treeText.js";
 import "../index.js";
-import * as styled_components443 from "styled-components";
+import * as styled_components431 from "styled-components";
 
 //#region src/tree/tree.d.ts
-declare const TreeBase: styled_components443.StyledComponent<"div", styled_components443.DefaultTheme, SystemProps, never>;
+declare const TreeBase: styled_components431.StyledComponent<"div", styled_components431.DefaultTheme, SystemProps, never>;
 /** Displays a tree of tree link items and optional heading. Exposes some props to the children via context. */
 declare const Tree: VuiComponent<"div", TreeProps> & {
   Icon: typeof TreeIcon;

package/dist/tree/tree.js

@@ -99,5 +99,5 @@ Tree.displayName = "Tree";
 
 //#endregion
 export { Tree, TreeBase };
-globalThis.__vuiVersion__ = "3.0.0"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=tree.js.map

package/dist/tree/treeIcon.js

@@ -23,5 +23,5 @@ var treeIcon_default = TreeIcon;
 
 //#endregion
 export { TreeIcon, treeIcon_default as default };
-globalThis.__vuiVersion__ = "3.0.0"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=treeIcon.js.map

package/dist/tree/treeItem.d.ts

@@ -2,10 +2,10 @@ import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { TreeItemProps } from "./tree.types.js";
 import "../index.js";
-import * as styled_components445 from "styled-components";
+import * as styled_components433 from "styled-components";
 
 //#region src/tree/treeItem.d.ts
-declare const TreeItemBase: styled_components445.StyledComponent<"li", styled_components445.DefaultTheme, SystemProps, never>;
+declare const TreeItemBase: styled_components433.StyledComponent<"li", styled_components433.DefaultTheme, SystemProps, never>;
 /**
  * Displays a tree item with text and optional icons. Can be shown as selected.
  */

package/dist/tree/treeItem.js

@@ -127,5 +127,5 @@ var treeItem_default = TreeItem;
 
 //#endregion
 export { TreeItem, TreeItemBase, treeItem_default as default };
-globalThis.__vuiVersion__ = "3.0.0"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=treeItem.js.map

package/dist/tree/treeText.js

@@ -25,5 +25,5 @@ var treeText_default = TreeText;
 
 //#endregion
 export { TreeText, treeText_default as default };
-globalThis.__vuiVersion__ = "3.0.0"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=treeText.js.map

package/dist/tree/useTreeState.js

@@ -14,5 +14,5 @@ const useTreeState = (activeItemId) => {
 
 //#endregion
 export { useTreeState };
-globalThis.__vuiVersion__ = "3.0.0"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=useTreeState.js.map

package/dist/tutorial/consts.js

@@ -7,5 +7,5 @@ const tutorialColors = {
 
 //#endregion
 export { tutorialColors };
-globalThis.__vuiVersion__ = "3.0.0"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=consts.js.map

package/dist/tutorial/tutorial.js

@@ -38,5 +38,5 @@ Tutorial.displayName = "Tutorial";
 
 //#endregion
 export { Tutorial };
-globalThis.__vuiVersion__ = "3.0.0"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=tutorial.js.map

package/dist/tutorial/tutorialCard.js

@@ -150,5 +150,5 @@ TutorialCard.displayName = "TutorialCard";
 
 //#endregion
 export { TutorialCard };
-globalThis.__vuiVersion__ = "3.0.0"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=tutorialCard.js.map

package/dist/tutorial/tutorialStep.js

@@ -20,5 +20,5 @@ TutorialStep.displayName = "TutorialStep";
 
 //#endregion
 export { TutorialStep };
-globalThis.__vuiVersion__ = "3.0.0"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=tutorialStep.js.map

package/dist/utils/array.js

@@ -18,5 +18,5 @@ function toggleItem(array, item) {
 
 //#endregion
 export { compareBy, toggleItem };
-globalThis.__vuiVersion__ = "3.0.0"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=array.js.map

package/dist/utils/assertion.js

@@ -32,5 +32,5 @@ function isString(value) {
 
 //#endregion
 export { isArray, isFunction, isJsx, isNumber, isObject, isReactText, isString };
-globalThis.__vuiVersion__ = "3.0.0"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=assertion.js.map

package/dist/utils/consts.js

@@ -6,5 +6,5 @@ const dimmedBorderColor = "grey.40";
 
 //#endregion
 export { __DEV__, activeClassName, activeItemShade, dimmedBorderColor };
-globalThis.__vuiVersion__ = "3.0.0"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=consts.js.map

package/dist/utils/dates.js

@@ -55,5 +55,5 @@ const getCurrentYear = () => {
 
 //#endregion
 export { formatIsoDate, generateDateByUTCValue, getCurrentYear, getDateUTCValue, isValidDate, parseIsoDate, sameDate, sameYear, sameYearSameMonth, utcDateToLocale, validateDateFormat };
-globalThis.__vuiVersion__ = "3.0.0"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=dates.js.map

package/dist/utils/dom.js

@@ -12,5 +12,5 @@ const removeBodyClass = (className) => document.body.classList.remove(className)
 
 //#endregion
 export { addBodyClass, addElement, removeBodyClass, removeElement };
-globalThis.__vuiVersion__ = "3.0.0"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=dom.js.map

package/dist/utils/formatDate.js

@@ -79,5 +79,5 @@ function formatDate(date, format = "DD MM YYYY", options) {
 
 //#endregion
 export { dateFormats, formatDate };
-globalThis.__vuiVersion__ = "3.0.0"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=formatDate.js.map

package/dist/utils/function.js

@@ -16,5 +16,5 @@ function runIfFn(valueOrFn, ...args) {
 
 //#endregion
 export { callAll, noop, runIfFn };
-globalThis.__vuiVersion__ = "3.0.0"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=function.js.map

package/dist/utils/images.js

@@ -20,5 +20,5 @@ function loadImageUrl(url) {
 
 //#endregion
 export { loadImageUrl };
-globalThis.__vuiVersion__ = "3.0.0"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=images.js.map

package/dist/utils/number.js

@@ -6,5 +6,5 @@ function random(start = 0, end = 1e6) {
 
 //#endregion
 export { random };
-globalThis.__vuiVersion__ = "3.0.0"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=number.js.map

package/dist/utils/object.js

@@ -32,5 +32,5 @@ function objectFilter(object, fn) {
 
 //#endregion
 export { filterUndefined, merge, objectFilter };
-globalThis.__vuiVersion__ = "3.0.0"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=object.js.map

package/dist/utils/react.js

@@ -109,5 +109,5 @@ function useIsMounted() {
 
 //#endregion
 export { assignRef, createContext$1 as createContext, mergeRefs, useCallbackRef, useClickOutside, useControlled, useIds, useIsMounted };
-globalThis.__vuiVersion__ = "3.0.0"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=react.js.map

package/dist/utils/string.js

@@ -19,5 +19,5 @@ const generateMenuItemId = (title, level = 0) => {
 
 //#endregion
 export { generateMenuItemId, normalizeToId };
-globalThis.__vuiVersion__ = "3.0.0"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=string.js.map

package/dist/utils/styles.js

@@ -75,5 +75,5 @@ const ellipsisOverflow = {
 
 //#endregion
 export { HSLToRGBA, cs, ellipsisOverflow, hexToRGBA, parseHSL, vuiColorToRGBA };
-globalThis.__vuiVersion__ = "3.0.0"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=styles.js.map

package/dist/utils/uid.js

@@ -3,5 +3,5 @@ const uid = (prefix) => `${prefix ? `${prefix}_` : ""}${Date.now().toString(36)
 
 //#endregion
 export { uid };
-globalThis.__vuiVersion__ = "3.0.0"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=uid.js.map

package/dist/utils/window.js

@@ -3,5 +3,5 @@ const isActivePath = (path) => !!path && window.location.pathname.includes(path)
 
 //#endregion
 export { isActivePath };
-globalThis.__vuiVersion__ = "3.0.0"
+globalThis.__vuiVersion__ = "3.1.0"
 //# sourceMappingURL=window.js.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@veracity/vui",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "description": "Veracity UI is a React component library crafted for use within Veracity applications and pages. Based on Styled Components and @xstyled.",
   "main": "./dist/index.js",
   "module": "./dist/index.js",