@veracity/vui 5.2.2 → 5.3.0-alpha.399291.2606220840

package/dist/tree/theme.js

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

package/dist/tree/tree.js

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

package/dist/tree/treeIcon.js

@@ -22,5 +22,5 @@ TreeIcon.displayName = "TreeIcon";
 
 //#endregion
 export { TreeIcon as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=treeIcon.js.map

package/dist/tree/treeItem.js

@@ -126,5 +126,5 @@ TreeItem.displayName = "TreeItem";
 
 //#endregion
 export { TreeItemBase, TreeItem as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=treeItem.js.map

package/dist/tree/treeItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"treeItem.js","names":[],"sources":["../../src/tree/treeItem.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport { Box } from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { List } from '../list'\nimport { cs, filterUndefined, isArray, isReactText, vuiColorToRGBA } from '../utils'\nimport { useTreeContext } from './context'\nimport type { TreeItemProps } from './tree.types'\nimport TreeIcon from './treeIcon'\nimport TreeText from './treeText'\n\nexport const TreeItemBase = styled.liBox`\n  display: flex;\n  flex-direction: column;\n  transition-duration: fast;\n  width: 100%;\n`\n\n/**\n * Displays a tree item with text and optional icons. Can be shown as selected.\n */\nexport const TreeItem = vui<'li', TreeItemProps>((props, ref) => {\n  const mergedProps = { ...useTreeContext(), ...props }\n\n  const {\n    activeItemId,\n    activeItemIndex,\n    children,\n    center,\n    centerH,\n    centerV = true,\n    className,\n    iconCollapse = 'falMinus',\n    isCollapsed,\n    disabled,\n    iconExpand = 'falPlus',\n    id,\n    items,\n    isActive,\n    isFirstLevel,\n    isTruncated,\n    key,\n    onClickTreeItem,\n    onToggle,\n    propagatedPL,\n    plUnit = 26,\n    text,\n    ...rest\n  } = mergedProps\n  const styles = useStyleConfig('Tree', useTreeContext())\n  const { activeBg, bg, color, h, hoverBg, hoverColor, p, px, py, selectedBg, ...itemStyles } = styles.item\n\n  const [isCollapsedInternal, setIsCollapsedInternal] = useState<boolean>(false)\n\n  const innerBoxPl = propagatedPL || 0\n  const innerListPl = innerBoxPl + (plUnit || 0)\n\n  useEffect(() => {\n    setIsCollapsedInternal(!!isCollapsed)\n  }, [isCollapsed])\n\n  const toggle = (e: Event) => {\n    if (!disabled) {\n      onToggle?.({ id, collapsed: !isCollapsedInternal })\n      setIsCollapsedInternal(!isCollapsedInternal)\n    }\n\n    const target = e.target as HTMLDivElement\n    const active = target?.closest('.vui-tree')?.getElementsByClassName('vui-treeItem-active')[0] as HTMLDivElement\n\n    active ? (active.style.backgroundColor = 'transparent') : null\n\n    onClickTreeItem?.(id)\n\n    // Avoids triggering parent's onClick\n    e.stopPropagation()\n  }\n\n  const hoverTreeItem = (e: Event, type: string) => {\n    const target = e.target as HTMLDivElement\n\n    // eslint-disable-next-line no-useless-assignment\n    let parentDiv: HTMLDivElement | undefined = undefined\n\n    if (target.classList.contains('vui-treeItem-permanent')) {\n      parentDiv = target\n    } else {\n      const parentLi = target.closest('.vui-treeItem')\n      parentDiv = parentLi?.getElementsByClassName('vui-treeItem-permanent')[0] as HTMLDivElement\n    }\n\n    const isDivActive = parentDiv?.classList.contains('vui-treeItem-active') ? true : false\n\n    // translate the list-item style over to the div\n    if (parentDiv?.classList.contains('vui-treeItem-permanent')) {\n      // is it a fist level item?\n      if (parentDiv?.classList.contains('vui-treeItem-firstLevel')) {\n        if (type === 'over') {\n          parentDiv.style.backgroundColor = vuiColorToRGBA(styles?.firstLevelItem?.hoverBg || 'transparent')\n        }\n\n        if (type === 'out') {\n          parentDiv.style.backgroundColor = isDivActive\n            ? vuiColorToRGBA(styles?.firstLevelItem?.activeBg || 'transparent')\n            : vuiColorToRGBA(styles?.firstLevelItem?.bg || 'transparent')\n        }\n      } else {\n        // it is NOT first level\n        if (type === 'over') {\n          parentDiv.style.backgroundColor = vuiColorToRGBA(styles?.item?.hoverBg || 'transparent')\n        }\n        if (type === 'out') {\n          parentDiv.style.backgroundColor = isDivActive\n            ? vuiColorToRGBA(styles?.item?.activeBg || 'transparent')\n            : vuiColorToRGBA(styles?.item?.bg || 'transparent')\n        }\n      }\n    } else {\n      e.preventDefault()\n    }\n\n    e.stopPropagation()\n  }\n\n  const isCollapsable = (isArray(children) && children.length > 0) || (isArray(items) && items.length > 0)\n  const isActiveInternal = (!activeItemIndex && isActive) || activeItemIndex === id\n\n  let textMl = items && items?.length > 0 ? 0 : 1.5\n  if (!isCollapsable) {\n    textMl += 3.8\n  }\n\n  const aliasedProps = filterUndefined({\n    'aria-expanded': isCollapsable ? !isCollapsedInternal : undefined,\n    role: 'treeitem',\n  })\n\n  // hoverBg cannot be styled directly from theme, it has to be JS manipulated because of event propagation\n  return (\n    <TreeItemBase\n      className={cs('vui-treeItem', isFirstLevel ? 'vui-treeItem-firstLevel' : '', className)}\n      color={isFirstLevel ? styles?.firstLevelItem?.color : color}\n      h={isCollapsedInternal ? h : isCollapsable ? 'auto' : h}\n      id={id.toString()}\n      m={0}\n      onClick={!disabled ? (e: Event) => toggle(e) : undefined}\n      onMouseOut={!disabled ? (e: Event) => hoverTreeItem(e, 'out') : undefined}\n      onMouseOver={!disabled ? (e: Event) => hoverTreeItem(e, 'over') : undefined}\n      p={0}\n      propagatedPL={propagatedPL}\n      ref={ref}\n      w={1}\n      {...itemStyles}\n      bg={\n        isFirstLevel\n          ? isActiveInternal\n            ? styles?.firstLevelItem?.activeBg\n            : styles?.firstLevelItem?.bg\n          : isActiveInternal\n            ? styles?.item?.activeBg\n            : bg\n      }\n      hoverBg={undefined}\n      {...aliasedProps}\n      {...rest}\n    >\n      <>\n        <Box\n          centerV\n          className={cs(\n            'vui-treeItem-permanent',\n            isActiveInternal ? 'vui-treeItem-active' : '',\n            isFirstLevel ? 'vui-treeItem-firstLevel' : '',\n          )}\n          fontWeight={isActiveInternal ? '600' : '500'}\n          pl={`${innerBoxPl}px`}\n        >\n          {items && items?.length > 0 && (\n            <>\n              {isCollapsedInternal ? (\n                <TreeIcon mx={1.5} name={iconExpand} />\n              ) : (\n                <TreeIcon mx={1.5} name={iconCollapse} />\n              )}\n            </>\n          )}\n          {isReactText(text) ? <TreeText ml={textMl} {...{ isTruncated, text }} /> : text}\n        </Box>\n\n        {isCollapsable && !isCollapsedInternal && (\n          <List role=\"tree\" w={1}>\n            {children ??\n              (isArray<TreeItemProps>(items)\n                ? items.map(({ key, propagatedPL, ...props }, index) => {\n                    return (\n                      <TreeItem\n                        activeItemIndex={activeItemIndex}\n                        iconCollapse={iconCollapse}\n                        iconExpand={iconExpand}\n                        key={key ?? index}\n                        onClickTreeItem={onClickTreeItem}\n                        propagatedPL={innerListPl}\n                        {...props}\n                      />\n                    )\n                  })\n                : items)}\n          </List>\n        )}\n      </>\n    </TreeItemBase>\n  )\n})\n\nTreeItem.displayName = 'TreeItem'\n\nexport default TreeItem\n"],"mappings":"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"}
+{"version":3,"file":"treeItem.js","names":[],"sources":["../../src/tree/treeItem.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport { Box } from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { List } from '../list'\nimport { cs, filterUndefined, isArray, isReactText, vuiColorToRGBA } from '../utils'\nimport { useTreeContext } from './context'\nimport type { TreeItemProps } from './tree.types'\nimport TreeIcon from './treeIcon'\nimport TreeText from './treeText'\n\nexport const TreeItemBase = styled.liBox`\n  display: flex;\n  flex-direction: column;\n  transition-duration: fast;\n  width: 100%;\n`\n\n/**\n * Displays a tree item with text and optional icons. Can be shown as selected.\n */\nexport const TreeItem = vui<'li', TreeItemProps>((props, ref) => {\n  const mergedProps = { ...useTreeContext(), ...props }\n\n  const {\n    activeItemId,\n    activeItemIndex,\n    children,\n    center,\n    centerH,\n    centerV = true,\n    className,\n    iconCollapse = 'falMinus',\n    isCollapsed,\n    disabled,\n    iconExpand = 'falPlus',\n    id,\n    items,\n    isActive,\n    isFirstLevel,\n    isTruncated,\n    key,\n    onClickTreeItem,\n    onToggle,\n    propagatedPL,\n    plUnit = 26,\n    text,\n    ...rest\n  } = mergedProps\n  const styles = useStyleConfig('Tree', useTreeContext())\n  const { activeBg, bg, color, h, hoverBg, hoverColor, p, px, py, selectedBg, ...itemStyles } = styles.item\n\n  const [isCollapsedInternal, setIsCollapsedInternal] = useState<boolean>(false)\n\n  const innerBoxPl = propagatedPL || 0\n  const innerListPl = innerBoxPl + (plUnit || 0)\n\n  useEffect(() => {\n    setIsCollapsedInternal(!!isCollapsed)\n  }, [isCollapsed])\n\n  const toggle = (e: Event) => {\n    if (!disabled) {\n      onToggle?.({ id, collapsed: !isCollapsedInternal })\n      setIsCollapsedInternal(!isCollapsedInternal)\n    }\n\n    const target = e.target as HTMLDivElement\n    const active = target?.closest('.vui-tree')?.getElementsByClassName('vui-treeItem-active')[0] as HTMLDivElement\n\n    active ? (active.style.backgroundColor = 'transparent') : null\n\n    onClickTreeItem?.(id)\n\n    // Avoids triggering parent's onClick\n    e.stopPropagation()\n  }\n\n  const hoverTreeItem = (e: Event, type: string) => {\n    const target = e.target as HTMLDivElement\n\n    let parentDiv: HTMLDivElement | undefined = undefined\n\n    if (target.classList.contains('vui-treeItem-permanent')) {\n      parentDiv = target\n    } else {\n      const parentLi = target.closest('.vui-treeItem')\n      parentDiv = parentLi?.getElementsByClassName('vui-treeItem-permanent')[0] as HTMLDivElement\n    }\n\n    const isDivActive = parentDiv?.classList.contains('vui-treeItem-active') ? true : false\n\n    // translate the list-item style over to the div\n    if (parentDiv?.classList.contains('vui-treeItem-permanent')) {\n      // is it a fist level item?\n      if (parentDiv?.classList.contains('vui-treeItem-firstLevel')) {\n        if (type === 'over') {\n          parentDiv.style.backgroundColor = vuiColorToRGBA(styles?.firstLevelItem?.hoverBg || 'transparent')\n        }\n\n        if (type === 'out') {\n          parentDiv.style.backgroundColor = isDivActive\n            ? vuiColorToRGBA(styles?.firstLevelItem?.activeBg || 'transparent')\n            : vuiColorToRGBA(styles?.firstLevelItem?.bg || 'transparent')\n        }\n      } else {\n        // it is NOT first level\n        if (type === 'over') {\n          parentDiv.style.backgroundColor = vuiColorToRGBA(styles?.item?.hoverBg || 'transparent')\n        }\n        if (type === 'out') {\n          parentDiv.style.backgroundColor = isDivActive\n            ? vuiColorToRGBA(styles?.item?.activeBg || 'transparent')\n            : vuiColorToRGBA(styles?.item?.bg || 'transparent')\n        }\n      }\n    } else {\n      e.preventDefault()\n    }\n\n    e.stopPropagation()\n  }\n\n  const isCollapsable = (isArray(children) && children.length > 0) || (isArray(items) && items.length > 0)\n  const isActiveInternal = (!activeItemIndex && isActive) || activeItemIndex === id\n\n  let textMl = items && items?.length > 0 ? 0 : 1.5\n  if (!isCollapsable) {\n    textMl += 3.8\n  }\n\n  const aliasedProps = filterUndefined({\n    'aria-expanded': isCollapsable ? !isCollapsedInternal : undefined,\n    role: 'treeitem',\n  })\n\n  // hoverBg cannot be styled directly from theme, it has to be JS manipulated because of event propagation\n  return (\n    <TreeItemBase\n      className={cs('vui-treeItem', isFirstLevel ? 'vui-treeItem-firstLevel' : '', className)}\n      color={isFirstLevel ? styles?.firstLevelItem?.color : color}\n      h={isCollapsedInternal ? h : isCollapsable ? 'auto' : h}\n      id={id.toString()}\n      m={0}\n      onClick={!disabled ? (e: Event) => toggle(e) : undefined}\n      onMouseOut={!disabled ? (e: Event) => hoverTreeItem(e, 'out') : undefined}\n      onMouseOver={!disabled ? (e: Event) => hoverTreeItem(e, 'over') : undefined}\n      p={0}\n      propagatedPL={propagatedPL}\n      ref={ref}\n      w={1}\n      {...itemStyles}\n      bg={\n        isFirstLevel\n          ? isActiveInternal\n            ? styles?.firstLevelItem?.activeBg\n            : styles?.firstLevelItem?.bg\n          : isActiveInternal\n            ? styles?.item?.activeBg\n            : bg\n      }\n      hoverBg={undefined}\n      {...aliasedProps}\n      {...rest}\n    >\n      <>\n        <Box\n          centerV\n          className={cs(\n            'vui-treeItem-permanent',\n            isActiveInternal ? 'vui-treeItem-active' : '',\n            isFirstLevel ? 'vui-treeItem-firstLevel' : '',\n          )}\n          fontWeight={isActiveInternal ? '600' : '500'}\n          pl={`${innerBoxPl}px`}\n        >\n          {items && items?.length > 0 && (\n            <>\n              {isCollapsedInternal ? (\n                <TreeIcon mx={1.5} name={iconExpand} />\n              ) : (\n                <TreeIcon mx={1.5} name={iconCollapse} />\n              )}\n            </>\n          )}\n          {isReactText(text) ? <TreeText ml={textMl} {...{ isTruncated, text }} /> : text}\n        </Box>\n\n        {isCollapsable && !isCollapsedInternal && (\n          <List role=\"tree\" w={1}>\n            {children ??\n              (isArray<TreeItemProps>(items)\n                ? items.map(({ key, propagatedPL, ...props }, index) => {\n                    return (\n                      <TreeItem\n                        activeItemIndex={activeItemIndex}\n                        iconCollapse={iconCollapse}\n                        iconExpand={iconExpand}\n                        key={key ?? index}\n                        onClickTreeItem={onClickTreeItem}\n                        propagatedPL={innerListPl}\n                        {...props}\n                      />\n                    )\n                  })\n                : items)}\n          </List>\n        )}\n      </>\n    </TreeItemBase>\n  )\n})\n\nTreeItem.displayName = 'TreeItem'\n\nexport default TreeItem\n"],"mappings":"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"}

package/dist/tree/treeText.js

@@ -24,5 +24,5 @@ TreeText.displayName = "TreeText";
 
 //#endregion
 export { TreeText as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=treeText.js.map

package/dist/tree/useTreeState.js

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

package/dist/tutorial/consts.js

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

package/dist/tutorial/tutorial.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tutorial.d.ts","names":[],"sources":["../../src/tutorial/tutorial.tsx"],"mappings":";;;;iBAQgB,QAAA;EACd,WAAA;EACA,QAAA;EACA,SAAA;EACA,QAAA;EACA,SAAA;EACA,QAAA;EACA,KAAA;EACA,KAAA;EACA,SAAA;EACA,cAAA;EACA,SAAA;EACA,gBAAA;EACA;AAAA,GACC,aAAA,mBAAa,GAAA,CAAA,OAAA;AAAA,kBAdA,QAAA;EAAA,IAAQ,WAAA;AAAA"}
+{"version":3,"file":"tutorial.d.ts","names":[],"sources":["../../src/tutorial/tutorial.tsx"],"mappings":";;;;iBASgB,QAAA;EACd,WAAA;EACA,QAAA;EACA,SAAA;EACA,QAAA;EACA,SAAA;EACA,QAAA;EACA,KAAA;EACA,KAAA;EACA,SAAA;EACA,cAAA;EACA,SAAA;EACA,gBAAA;EACA;AAAA,GACC,aAAA,mBAAa,GAAA,CAAA,OAAA;AAAA,kBAdA,QAAA;EAAA,IAAQ,WAAA;AAAA"}

package/dist/tutorial/tutorial.js

@@ -41,5 +41,5 @@ Tutorial.displayName = "Tutorial";
 
 //#endregion
 export { Tutorial };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=tutorial.js.map

package/dist/tutorial/tutorial.js.map

@@ -1 +1 @@
-{"version":3,"file":"tutorial.js","names":[],"sources":["../../src/tutorial/tutorial.tsx"],"sourcesContent":["import { autoUpdate, FloatingPortal, offset, shift, useFloating } from '@floating-ui/react'\nimport { cloneElement, isValidElement } from 'react'\n\nimport { cs } from '../utils'\nimport type { CloseEvent, TutorialProps } from './tutorial.types'\nimport { TutorialCard } from './tutorialCard'\n\n/** Popover Tutorial is used to display information about a new, or existing feature. */\nexport function Tutorial({\n  actionLabel,\n  children,\n  className,\n  onAction,\n  onDismiss,\n  onFinish,\n  steps,\n  title,\n  placement = 'right',\n  showSkipButton,\n  isVisible = false,\n  includeFinalPage = true,\n  useContentTitle = false,\n}: TutorialProps) {\n  const onClose = (e: CloseEvent) => {\n    if (e === 'dismissed') onDismiss?.()\n    if (e === 'finished') onFinish?.()\n  }\n\n  const { refs, floatingStyles } = useFloating({\n    open: isVisible,\n    placement,\n    middleware: [\n      offset({ mainAxis: 2, crossAxis: 0 }),\n      shift({ padding: 5 }),\n      // No flip - disabled in original\n    ],\n    whileElementsMounted: isVisible ? autoUpdate : undefined,\n  })\n\n  // Clone the child element to add ref\n  const childElement = isValidElement(children)\n    ? // eslint-disable-next-line react-hooks/refs\n      cloneElement(children as React.ReactElement<any>, {\n        // eslint-disable-next-line react-hooks/refs\n        ref: refs.setReference,\n      })\n    : children\n\n  return (\n    <>\n      {childElement}\n      {isVisible && (\n        <FloatingPortal>\n          {/* eslint-disable-next-line react-hooks/refs */}\n          <div ref={refs.setFloating} style={floatingStyles}>\n            <TutorialCard\n              actionLabel={actionLabel}\n              className={cs('vui-tutorial', className)}\n              onAction={onAction}\n              onDismiss={() => onClose('dismissed')}\n              onFinish={() => onClose('finished')}\n              showSkipButton={showSkipButton}\n              steps={steps}\n              title={title}\n              includeFinalPage={includeFinalPage}\n              useContentTitle={useContentTitle}\n            />\n          </div>\n        </FloatingPortal>\n      )}\n    </>\n  )\n}\n\nTutorial.displayName = 'Tutorial'\n"],"mappings":";;;;;;;;AAQA,SAAgB,SAAS,EACvB,aACA,UACA,WACA,UACA,WACA,UACA,OACA,OACA,YAAY,SACZ,gBACA,YAAY,OACZ,mBAAmB,MACnB,kBAAkB,SACF;CAChB,MAAM,WAAW,MAAkB;EACjC,IAAI,MAAM,aAAa,YAAY;EACnC,IAAI,MAAM,YAAY,WAAW;CACnC;CAEA,MAAM,EAAE,MAAM,mBAAmB,YAAY;EAC3C,MAAM;EACN;EACA,YAAY,CACV,OAAO;GAAE,UAAU;GAAG,WAAW;EAAE,CAAC,GACpC,MAAM,EAAE,SAAS,EAAE,CAAC,CAEtB;EACA,sBAAsB,YAAY,aAAa;CACjD,CAAC;CAWD,OACE,8CATmB,eAAe,QAAQ,IAExC,aAAa,UAAqC,EAEhD,KAAK,KAAK,aACZ,CAAC,IACD,UAKC,aACC,oBAAC,gBAAD,YAEE,oBAAC,OAAD;EAAK,KAAK,KAAK;EAAa,OAAO;YACjC,oBAAC,cAAD;GACe;GACb,WAAW,GAAG,gBAAgB,SAAS;GAC7B;GACV,iBAAiB,QAAQ,WAAW;GACpC,gBAAgB,QAAQ,UAAU;GAClB;GACT;GACA;GACW;GACD;EAClB;CACE,GACS,EAElB;AAEN;AAEA,SAAS,cAAc"}
+{"version":3,"file":"tutorial.js","names":[],"sources":["../../src/tutorial/tutorial.tsx"],"sourcesContent":["import { autoUpdate, FloatingPortal, offset, shift, useFloating } from '@floating-ui/react'\nimport { cloneElement, isValidElement } from 'react'\n\nimport type { CloseEvent, TutorialProps } from './tutorial.types'\n\nimport { cs } from '../utils'\nimport { TutorialCard } from './tutorialCard'\n\n/** Popover Tutorial is used to display information about a new, or existing feature. */\nexport function Tutorial({\n  actionLabel,\n  children,\n  className,\n  onAction,\n  onDismiss,\n  onFinish,\n  steps,\n  title,\n  placement = 'right',\n  showSkipButton,\n  isVisible = false,\n  includeFinalPage = true,\n  useContentTitle = false,\n}: TutorialProps) {\n  const onClose = (e: CloseEvent) => {\n    if (e === 'dismissed') onDismiss?.()\n    if (e === 'finished') onFinish?.()\n  }\n\n  const { refs, floatingStyles } = useFloating({\n    open: isVisible,\n    placement,\n    middleware: [\n      offset({ mainAxis: 2, crossAxis: 0 }),\n      shift({ padding: 5 }),\n      // No flip - disabled in original\n    ],\n    whileElementsMounted: isVisible ? autoUpdate : undefined,\n  })\n\n  // Clone the child element to add ref\n  const childElement = isValidElement(children)\n    ? cloneElement(children as React.ReactElement<any>, {\n        ref: refs.setReference,\n      })\n    : children\n\n  return (\n    <>\n      {childElement}\n      {isVisible && (\n        <FloatingPortal>\n          <div ref={refs.setFloating} style={floatingStyles}>\n            <TutorialCard\n              actionLabel={actionLabel}\n              className={cs('vui-tutorial', className)}\n              onAction={onAction}\n              onDismiss={() => onClose('dismissed')}\n              onFinish={() => onClose('finished')}\n              showSkipButton={showSkipButton}\n              steps={steps}\n              title={title}\n              includeFinalPage={includeFinalPage}\n              useContentTitle={useContentTitle}\n            />\n          </div>\n        </FloatingPortal>\n      )}\n    </>\n  )\n}\n\nTutorial.displayName = 'Tutorial'\n"],"mappings":";;;;;;;;AASA,SAAgB,SAAS,EACvB,aACA,UACA,WACA,UACA,WACA,UACA,OACA,OACA,YAAY,SACZ,gBACA,YAAY,OACZ,mBAAmB,MACnB,kBAAkB,SACF;CAChB,MAAM,WAAW,MAAkB;EACjC,IAAI,MAAM,aAAa,YAAY;EACnC,IAAI,MAAM,YAAY,WAAW;CACnC;CAEA,MAAM,EAAE,MAAM,mBAAmB,YAAY;EAC3C,MAAM;EACN;EACA,YAAY,CACV,OAAO;GAAE,UAAU;GAAG,WAAW;EAAE,CAAC,GACpC,MAAM,EAAE,SAAS,EAAE,CAAC,CAEtB;EACA,sBAAsB,YAAY,aAAa;CACjD,CAAC;CASD,OACE,8CAPmB,eAAe,QAAQ,IACxC,aAAa,UAAqC,EAChD,KAAK,KAAK,aACZ,CAAC,IACD,UAKC,aACC,oBAAC,gBAAD,YACE,oBAAC,OAAD;EAAK,KAAK,KAAK;EAAa,OAAO;YACjC,oBAAC,cAAD;GACe;GACb,WAAW,GAAG,gBAAgB,SAAS;GAC7B;GACV,iBAAiB,QAAQ,WAAW;GACpC,gBAAgB,QAAQ,UAAU;GAClB;GACT;GACA;GACW;GACD;EAClB;CACE,GACS,EAElB;AAEN;AAEA,SAAS,cAAc"}

package/dist/tutorial/tutorialCard.js

@@ -158,5 +158,5 @@ TutorialCard.displayName = "TutorialCard";
 
 //#endregion
 export { TutorialCard };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=tutorialCard.js.map

package/dist/tutorial/tutorialStep.js

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

package/dist/utils/array.js

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

package/dist/utils/assertion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"assertion.d.ts","names":[],"sources":["../../src/utils/assertion.ts"],"mappings":";;;;;iBAKgB,OAAA,IAAW,KAAA,QAAa,KAAA,IAAS,CAAC;AAAlD;AAAA,iBAMgB,UAAA,WAAqB,QAAA,GAAW,QAAA,EAAU,KAAA,QAAa,KAAA,IAAS,CAAA;;iBAKhE,KAAA,KAAU,GAAA,CAAI,OAAA,EAAS,KAAA,QAAa,KAAA,IAAS,CAAC;;iBAK9C,QAAA,CAAS,KAAA,QAAa,KAAK;;iBAK3B,QAAA,KAAa,IAAA,EAAM,KAAA,QAAa,KAAA,IAAS,CAAC;;iBAK1C,WAAA,CAAY,KAAA,QAAa,KAAK;AApB9C;AAAA,iBAyBgB,QAAA,CAAS,KAAA,QAAa,KAAK"}
+{"version":3,"file":"assertion.d.ts","names":[],"sources":["../../src/utils/assertion.ts"],"mappings":";;;;;iBAKgB,OAAA,IAAW,KAAA,QAAa,KAAA,IAAS,CAAC;AAAlD;AAAA,iBAKgB,UAAA,WAAqB,QAAA,GAAW,QAAA,EAAU,KAAA,QAAa,KAAA,IAAS,CAAA;;iBAKhE,KAAA,KAAU,GAAA,CAAI,OAAA,EAAS,KAAA,QAAa,KAAA,IAAS,CAAC;;iBAK9C,QAAA,CAAS,KAAA,QAAa,KAAK;;iBAK3B,QAAA,KAAa,IAAA,EAAM,KAAA,QAAa,KAAA,IAAS,CAAC;;iBAK1C,WAAA,CAAY,KAAA,QAAa,KAAK;AApB9C;AAAA,iBAyBgB,QAAA,CAAS,KAAA,QAAa,KAAK"}

package/dist/utils/assertion.js

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

package/dist/utils/assertion.js.map

@@ -1 +1 @@
-{"version":3,"file":"assertion.js","names":[],"sources":["../../src/utils/assertion.ts"],"sourcesContent":["import { isValidElement, type JSX } from 'react'\n\nimport type { Dict } from './types'\n\n/** Is value an array. */\nexport function isArray<T>(value: any): value is T[] {\n  return Array.isArray(value)\n}\n\n/** Is value a function. */\n// eslint-disable-next-line @typescript-eslint/no-unsafe-function-type\nexport function isFunction<T extends Function = Function>(value: any): value is T {\n  return typeof value === 'function'\n}\n\n/** Is value JSX / React Element */\nexport function isJsx<T = JSX.Element>(value: any): value is T {\n  return isValidElement(value)\n}\n\n/** Is value a number. */\nexport function isNumber(value: any): value is number {\n  return typeof value === 'number'\n}\n\n/** Is value a regular object (functions, arrays and React elements excluded). */\nexport function isObject<T = Dict>(value: any): value is T {\n  return !!value && typeof value === 'object' && !isFunction(value) && !isArray(value) && !isValidElement(value)\n}\n\n/** Is value a valid ReactText - string or number. */\nexport function isReactText(value: any): value is string | number {\n  return isNumber(value) || isString(value)\n}\n\n/** Is value a string. */\nexport function isString(value: any): value is string {\n  return Object.prototype.toString.call(value) === '[object String]'\n}\n"],"mappings":";;;;AAKA,SAAgB,QAAW,OAA0B;CACnD,OAAO,MAAM,QAAQ,KAAK;AAC5B;;AAIA,SAAgB,WAA0C,OAAwB;CAChF,OAAO,OAAO,UAAU;AAC1B;;AAGA,SAAgB,MAAuB,OAAwB;CAC7D,OAAO,eAAe,KAAK;AAC7B;;AAGA,SAAgB,SAAS,OAA6B;CACpD,OAAO,OAAO,UAAU;AAC1B;;AAGA,SAAgB,SAAmB,OAAwB;CACzD,OAAO,CAAC,CAAC,SAAS,OAAO,UAAU,YAAY,CAAC,WAAW,KAAK,KAAK,CAAC,QAAQ,KAAK,KAAK,CAAC,eAAe,KAAK;AAC/G;;AAGA,SAAgB,YAAY,OAAsC;CAChE,OAAO,SAAS,KAAK,KAAK,SAAS,KAAK;AAC1C;;AAGA,SAAgB,SAAS,OAA6B;CACpD,OAAO,OAAO,UAAU,SAAS,KAAK,KAAK,MAAM;AACnD"}
+{"version":3,"file":"assertion.js","names":[],"sources":["../../src/utils/assertion.ts"],"sourcesContent":["import { isValidElement, type JSX } from 'react'\n\nimport type { Dict } from './types'\n\n/** Is value an array. */\nexport function isArray<T>(value: any): value is T[] {\n  return Array.isArray(value)\n}\n\n/** Is value a function. */\nexport function isFunction<T extends Function = Function>(value: any): value is T {\n  return typeof value === 'function'\n}\n\n/** Is value JSX / React Element */\nexport function isJsx<T = JSX.Element>(value: any): value is T {\n  return isValidElement(value)\n}\n\n/** Is value a number. */\nexport function isNumber(value: any): value is number {\n  return typeof value === 'number'\n}\n\n/** Is value a regular object (functions, arrays and React elements excluded). */\nexport function isObject<T = Dict>(value: any): value is T {\n  return !!value && typeof value === 'object' && !isFunction(value) && !isArray(value) && !isValidElement(value)\n}\n\n/** Is value a valid ReactText - string or number. */\nexport function isReactText(value: any): value is string | number {\n  return isNumber(value) || isString(value)\n}\n\n/** Is value a string. */\nexport function isString(value: any): value is string {\n  return Object.prototype.toString.call(value) === '[object String]'\n}\n"],"mappings":";;;;AAKA,SAAgB,QAAW,OAA0B;CACnD,OAAO,MAAM,QAAQ,KAAK;AAC5B;;AAGA,SAAgB,WAA0C,OAAwB;CAChF,OAAO,OAAO,UAAU;AAC1B;;AAGA,SAAgB,MAAuB,OAAwB;CAC7D,OAAO,eAAe,KAAK;AAC7B;;AAGA,SAAgB,SAAS,OAA6B;CACpD,OAAO,OAAO,UAAU;AAC1B;;AAGA,SAAgB,SAAmB,OAAwB;CACzD,OAAO,CAAC,CAAC,SAAS,OAAO,UAAU,YAAY,CAAC,WAAW,KAAK,KAAK,CAAC,QAAQ,KAAK,KAAK,CAAC,eAAe,KAAK;AAC/G;;AAGA,SAAgB,YAAY,OAAsC;CAChE,OAAO,SAAS,KAAK,KAAK,SAAS,KAAK;AAC1C;;AAGA,SAAgB,SAAS,OAA6B;CACpD,OAAO,OAAO,UAAU,SAAS,KAAK,KAAK,MAAM;AACnD"}

package/dist/utils/consts.js

@@ -6,5 +6,5 @@ const dimmedBorderColor = "grey.40";
 
 //#endregion
 export { __DEV__, activeClassName, activeItemShade, dimmedBorderColor };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.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__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.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__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.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__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.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__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=function.js.map

package/dist/utils/images.js

@@ -20,5 +20,5 @@ function loadImageUrl(url) {
 
 //#endregion
 export { loadImageUrl };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.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__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.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__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=object.js.map

package/dist/utils/react.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react.d.ts","names":[],"sources":["../../src/utils/react.ts"],"mappings":";;;;KAOK,QAAA,MAAc,KAAA,CAAM,GAAA,CAAI,CAAA,IAAK,KAAA,CAAM,SAAA,CAAU,CAAA,IAAK,KAAA,CAAM,gBAAA,CAAiB,CAAA;AAFO;;;;AAAA,iBAQrE,SAAA,UAAmB,GAAA,EAAK,QAAA,CAAS,CAAA,eAAgB,KAAA,EAAO,CAAA;;iBAgBxD,eAAA,cAA2B,OAAA,GAAS,oBAAA,GAoBT,mBAAA,CAAoB,WAAA;;iBAI/C,SAAA,OAAgB,IAAA,GAAO,QAAA,CAAS,CAAA,oBACtC,IAAA,EAAM,CAAA;;iBAOA,cAAA,WAAyB,WAAA,EAAa,QAAA,GAAW,CAAA,EAAG,IAAA,GAAM,cAAA,GAAmB,CAAA;;;;;;;;iBAmB7E,eAAA,CACd,GAAA,EAAK,SAAA,CAAU,WAAA,WAAsB,SAAA,CAAU,WAAA,YAC/C,QAAA,IAAY,KAAA,EAAO,KAAA,WACnB,MAAA;AAAA,KAmBU,kBAAA;EACV,YAAA,GAAe,CAAA;EACf,QAAA,IAAY,KAAA,EAAO,CAAA;EACnB,KAAA,GAAQ,CAAA;AAAA;;iBAKM,aAAA,IAAiB,KAAA,EAAO,kBAAA,CAAmB,CAAA,KAsBvD,CAAA,EACA,QAAA,CAAS,cAAA,CAAe,CAAA;EACtB,YAAA;EAAuB,KAAA;AAAA;;iBAKb,MAAA,CAAO,EAAA,UAAY,QAAkB;;;;iBAQrC,YAAA"}
+{"version":3,"file":"react.d.ts","names":[],"sources":["../../src/utils/react.ts"],"mappings":";;;;KAOK,QAAA,MAAc,KAAA,CAAM,GAAA,CAAI,CAAA,IAAK,KAAA,CAAM,SAAA,CAAU,CAAA,IAAK,KAAA,CAAM,gBAAA,CAAiB,CAAA;AAFO;;;;AAAA,iBAQrE,SAAA,UAAmB,GAAA,EAAK,QAAA,CAAS,CAAA,eAAgB,KAAA,EAAO,CAAA;;iBAgBxD,eAAA,cAA2B,OAAA,GAAS,oBAAA,GAmBT,mBAAA,CAAoB,WAAA;;iBAI/C,SAAA,OAAgB,IAAA,GAAO,QAAA,CAAS,CAAA,oBACtC,IAAA,EAAM,CAAA;;iBAOA,cAAA,WAAyB,WAAA,EAAa,QAAA,GAAW,CAAA,EAAG,IAAA,GAAM,cAAA,GAAmB,CAAA;;;;;;;;iBAkB7E,eAAA,CACd,GAAA,EAAK,SAAA,CAAU,WAAA,WAAsB,SAAA,CAAU,WAAA,YAC/C,QAAA,IAAY,KAAA,EAAO,KAAA,WACnB,MAAA;AAAA,KAmBU,kBAAA;EACV,YAAA,GAAe,CAAA;EACf,QAAA,IAAY,KAAA,EAAO,CAAA;EACnB,KAAA,GAAQ,CAAA;AAAA;;iBAKM,aAAA,IAAiB,KAAA,EAAO,kBAAA,CAAmB,CAAA,KAsBvD,CAAA,EACA,QAAA,CAAS,cAAA,CAAe,CAAA;EACtB,YAAA;EAAuB,KAAA;AAAA;;iBAKb,MAAA,CAAO,EAAA,UAAY,QAAkB;;;;iBAQrC,YAAA"}

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__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=react.js.map

package/dist/utils/react.js.map

@@ -1 +1 @@
-{"version":3,"file":"react.js","names":["createContext"],"sources":["../../src/utils/react.ts"],"sourcesContent":["import type { DependencyList, Dispatch, RefObject, SetStateAction } from 'react'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\n\nimport { isArray, isFunction } from './assertion'\nimport { runIfFn } from './function'\nimport type { AnyFunction, CreateContextOptions, CreateContextReturn } from './types'\n\ntype ReactRef<T> = React.Ref<T> | React.RefObject<T> | React.MutableRefObject<T>\n\n/**\n * Assigns given value to the provided ref.\n * Supports ref as function (e.g. useState) and classic ref (e.g. useRef).\n */\nexport function assignRef<T = any>(ref: ReactRef<T> | undefined, value: T) {\n  if (ref === null || ref === undefined) return\n\n  if (isFunction(ref)) {\n    ref(value)\n    return\n  }\n\n  try {\n    ref.current = value\n  } catch (error) {\n    throw new Error(`Cannot assign value '${value}' to ref '${ref}'`, { cause: error })\n  }\n}\n\n/** Generic function to create new Context and context access hook. */\nexport function createContext<ContextType>(options: CreateContextOptions = {}) {\n  const {\n    errorMessage = 'Context can only be accessed by components wrapped with the Provider.',\n    isOptional,\n    name,\n  } = options\n\n  const Context = React.createContext<ContextType | undefined>(undefined)\n\n  Context.displayName = name\n\n  function useContext() {\n    // eslint-disable-next-line @eslint-react/no-use-context\n    const context = React.useContext(Context)\n\n    if (!isOptional && context === undefined) throw new Error(errorMessage)\n\n    return context\n  }\n\n  return [Context.Provider, useContext] as CreateContextReturn<ContextType>\n}\n\n/** Assigns a node to all provided refs. */\nexport function mergeRefs<T>(...refs: (ReactRef<T> | undefined)[]) {\n  return (node: T | null) => {\n    refs.forEach(ref => assignRef(ref, node))\n  }\n}\n\n// TODO: Bring it from UI-Utils\n/** Returns given callback with a stable reference, but keeps it updated internally. */\nexport function useCallbackRef<T extends AnyFunction>(callback?: T, deps: DependencyList = []) {\n  const innerRef = useRef(callback)\n\n  // eslint-disable-next-line react-hooks/refs\n  innerRef.current = callback\n\n  return useCallback(((...args) => innerRef.current?.(...args)) as T, deps)\n}\n\nconst defaultEvents = ['mousedown', 'touchstart']\n\n// TODO: Bring it from UI-Utils\n/**\n * Triggers given callback when an event happens outside of a given element.\n * Event listeners are attached to the window object.\n * @param ref - element to check click position for\n * @param callback - function triggered on outside click\n * @param events - array of events listened for (default: ['mousedown', 'touchstart'])\n */\nexport function useClickOutside(\n  ref: RefObject<HTMLElement | null> | RefObject<HTMLElement | null>[],\n  callback?: (event: Event) => void,\n  events: string[] = defaultEvents,\n) {\n  const eventsString = JSON.stringify(events)\n  const listener = useCallbackRef((ev: Event) => {\n    const refs = isArray(ref) ? ref : [ref]\n    const target = ev.target as HTMLElement\n    const isClickOutside = refs.every(ref => ref.current && !ref.current.contains(target))\n    isClickOutside && callback?.(ev)\n  })\n\n  useEffect(() => {\n    const events: string[] = JSON.parse(eventsString)\n    events.forEach(event => window.addEventListener(event, listener))\n    return () => {\n      events.forEach(event => window.removeEventListener(event, listener))\n    }\n  }, [eventsString, ref])\n}\n\nexport type UseControlledProps<T> = {\n  defaultValue?: T\n  onChange?: (value: T) => void\n  value?: T\n}\n\n// TODO: Move to ui-utils\n/** Supports state management in components that can be controlled or uncontrolled. */\nexport function useControlled<T>(props: UseControlledProps<T>) {\n  const { defaultValue, onChange: onChangeProp, value: valueProp } = props\n  const [valueState, setValueState] = useState(defaultValue)\n\n  const isControlled = valueProp !== undefined\n  const value = isControlled ? valueProp : valueState\n\n  /** Triggers the external callback with the new value. In uncontrolled mode, updates state. */\n  const onChange = useCallbackRef((next: SetStateAction<T>) => {\n    const newValue = runIfFn(next)\n\n    if (!isControlled) setValueState(newValue)\n\n    onChangeProp?.(newValue)\n  })\n\n  /** In uncontrolled mode, sets the state to the default value. */\n  const reset = useCallbackRef(() => {\n    !isControlled && defaultValue && onChange(defaultValue)\n  })\n\n  return [value, onChange, { isControlled, reset }] as [\n    T,\n    Dispatch<SetStateAction<T>>,\n    { isControlled: boolean; reset: () => void },\n  ]\n}\n\n/** Returns an array with each prefix added to the id. Useful for aria attributes in compound components. */\nexport function useIds(id: string, prefixes: string[]) {\n  return prefixes.map(prefix => `${prefix}-${id}`)\n}\n\n// TODO: Bring it from ui-utils\n/**\n * Provides a function, which can be called to check if component using the hook is mounted or unmounted.\n */\nexport function useIsMounted() {\n  const isMountedRef = useRef(false)\n\n  useEffect(() => {\n    isMountedRef.current = true\n\n    return () => {\n      isMountedRef.current = false\n    }\n  }, [])\n\n  return useCallback(() => isMountedRef.current, [])\n}\n"],"mappings":";;;;;;;;;AAaA,SAAgB,UAAmB,KAA8B,OAAU;CACzE,IAAI,QAAQ,QAAQ,QAAQ,QAAW;CAEvC,IAAI,WAAW,GAAG,GAAG;EACnB,IAAI,KAAK;EACT;CACF;CAEA,IAAI;EACF,IAAI,UAAU;CAChB,SAAS,OAAO;EACd,MAAM,IAAI,MAAM,wBAAwB,MAAM,YAAY,IAAI,IAAI,EAAE,OAAO,MAAM,CAAC;CACpF;AACF;;AAGA,SAAgBA,gBAA2B,UAAgC,CAAC,GAAG;CAC7E,MAAM,EACJ,eAAe,yEACf,YACA,SACE;CAEJ,MAAM,UAAU,MAAM,cAAuC,MAAS;CAEtE,QAAQ,cAAc;CAEtB,SAAS,aAAa;EAEpB,MAAM,UAAU,MAAM,WAAW,OAAO;EAExC,IAAI,CAAC,cAAc,YAAY,QAAW,MAAM,IAAI,MAAM,YAAY;EAEtE,OAAO;CACT;CAEA,OAAO,CAAC,QAAQ,UAAU,UAAU;AACtC;;AAGA,SAAgB,UAAa,GAAG,MAAmC;CACjE,QAAQ,SAAmB;EACzB,KAAK,SAAQ,QAAO,UAAU,KAAK,IAAI,CAAC;CAC1C;AACF;;AAIA,SAAgB,eAAsC,UAAc,OAAuB,CAAC,GAAG;CAC7F,MAAM,WAAW,OAAO,QAAQ;CAGhC,SAAS,UAAU;CAEnB,OAAO,cAAc,GAAG,SAAS,SAAS,UAAU,GAAG,IAAI,IAAS,IAAI;AAC1E;AAEA,MAAM,gBAAgB,CAAC,aAAa,YAAY;;;;;;;;AAUhD,SAAgB,gBACd,KACA,UACA,SAAmB,eACnB;CACA,MAAM,eAAe,KAAK,UAAU,MAAM;CAC1C,MAAM,WAAW,gBAAgB,OAAc;EAC7C,MAAM,OAAO,QAAQ,GAAG,IAAI,MAAM,CAAC,GAAG;EACtC,MAAM,SAAS,GAAG;EAElB,AADuB,KAAK,OAAM,QAAO,IAAI,WAAW,CAAC,IAAI,QAAQ,SAAS,MAAM,CACvE,KAAK,WAAW,EAAE;CACjC,CAAC;CAED,gBAAgB;EACd,MAAM,SAAmB,KAAK,MAAM,YAAY;EAChD,OAAO,SAAQ,UAAS,OAAO,iBAAiB,OAAO,QAAQ,CAAC;EAChE,aAAa;GACX,OAAO,SAAQ,UAAS,OAAO,oBAAoB,OAAO,QAAQ,CAAC;EACrE;CACF,GAAG,CAAC,cAAc,GAAG,CAAC;AACxB;;AAUA,SAAgB,cAAiB,OAA8B;CAC7D,MAAM,EAAE,cAAc,UAAU,cAAc,OAAO,cAAc;CACnE,MAAM,CAAC,YAAY,iBAAiB,SAAS,YAAY;CAEzD,MAAM,eAAe,cAAc;CACnC,MAAM,QAAQ,eAAe,YAAY;;CAGzC,MAAM,WAAW,gBAAgB,SAA4B;EAC3D,MAAM,WAAW,QAAQ,IAAI;EAE7B,IAAI,CAAC,cAAc,cAAc,QAAQ;EAEzC,eAAe,QAAQ;CACzB,CAAC;CAOD,OAAO;EAAC;EAAO;EAAU;GAAE;GAAc,OAJ3B,qBAAqB;IACjC,CAAC,gBAAgB,gBAAgB,SAAS,YAAY;GACxD,CAE6C;EAAE;CAAC;AAKlD;;AAGA,SAAgB,OAAO,IAAY,UAAoB;CACrD,OAAO,SAAS,KAAI,WAAU,GAAG,OAAO,GAAG,IAAI;AACjD;;;;AAMA,SAAgB,eAAe;CAC7B,MAAM,eAAe,OAAO,KAAK;CAEjC,gBAAgB;EACd,aAAa,UAAU;EAEvB,aAAa;GACX,aAAa,UAAU;EACzB;CACF,GAAG,CAAC,CAAC;CAEL,OAAO,kBAAkB,aAAa,SAAS,CAAC,CAAC;AACnD"}
+{"version":3,"file":"react.js","names":["createContext"],"sources":["../../src/utils/react.ts"],"sourcesContent":["import type { DependencyList, Dispatch, RefObject, SetStateAction } from 'react'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\n\nimport { isArray, isFunction } from './assertion'\nimport { runIfFn } from './function'\nimport type { AnyFunction, CreateContextOptions, CreateContextReturn } from './types'\n\ntype ReactRef<T> = React.Ref<T> | React.RefObject<T> | React.MutableRefObject<T>\n\n/**\n * Assigns given value to the provided ref.\n * Supports ref as function (e.g. useState) and classic ref (e.g. useRef).\n */\nexport function assignRef<T = any>(ref: ReactRef<T> | undefined, value: T) {\n  if (ref === null || ref === undefined) return\n\n  if (isFunction(ref)) {\n    ref(value)\n    return\n  }\n\n  try {\n    ref.current = value\n  } catch (error) {\n    throw new Error(`Cannot assign value '${value}' to ref '${ref}'`, { cause: error })\n  }\n}\n\n/** Generic function to create new Context and context access hook. */\nexport function createContext<ContextType>(options: CreateContextOptions = {}) {\n  const {\n    errorMessage = 'Context can only be accessed by components wrapped with the Provider.',\n    isOptional,\n    name,\n  } = options\n\n  const Context = React.createContext<ContextType | undefined>(undefined)\n\n  Context.displayName = name\n\n  function useContext() {\n    const context = React.useContext(Context)\n\n    if (!isOptional && context === undefined) throw new Error(errorMessage)\n\n    return context\n  }\n\n  return [Context.Provider, useContext] as CreateContextReturn<ContextType>\n}\n\n/** Assigns a node to all provided refs. */\nexport function mergeRefs<T>(...refs: (ReactRef<T> | undefined)[]) {\n  return (node: T | null) => {\n    refs.forEach(ref => assignRef(ref, node))\n  }\n}\n\n// TODO: Bring it from UI-Utils\n/** Returns given callback with a stable reference, but keeps it updated internally. */\nexport function useCallbackRef<T extends AnyFunction>(callback?: T, deps: DependencyList = []) {\n  const innerRef = useRef(callback)\n\n  innerRef.current = callback\n\n  return useCallback(((...args) => innerRef.current?.(...args)) as T, deps)\n}\n\nconst defaultEvents = ['mousedown', 'touchstart']\n\n// TODO: Bring it from UI-Utils\n/**\n * Triggers given callback when an event happens outside of a given element.\n * Event listeners are attached to the window object.\n * @param ref - element to check click position for\n * @param callback - function triggered on outside click\n * @param events - array of events listened for (default: ['mousedown', 'touchstart'])\n */\nexport function useClickOutside(\n  ref: RefObject<HTMLElement | null> | RefObject<HTMLElement | null>[],\n  callback?: (event: Event) => void,\n  events: string[] = defaultEvents,\n) {\n  const eventsString = JSON.stringify(events)\n  const listener = useCallbackRef((ev: Event) => {\n    const refs = isArray(ref) ? ref : [ref]\n    const target = ev.target as HTMLElement\n    const isClickOutside = refs.every(ref => ref.current && !ref.current.contains(target))\n    isClickOutside && callback?.(ev)\n  })\n\n  useEffect(() => {\n    const events: string[] = JSON.parse(eventsString)\n    events.forEach(event => window.addEventListener(event, listener))\n    return () => {\n      events.forEach(event => window.removeEventListener(event, listener))\n    }\n  }, [eventsString, ref])\n}\n\nexport type UseControlledProps<T> = {\n  defaultValue?: T\n  onChange?: (value: T) => void\n  value?: T\n}\n\n// TODO: Move to ui-utils\n/** Supports state management in components that can be controlled or uncontrolled. */\nexport function useControlled<T>(props: UseControlledProps<T>) {\n  const { defaultValue, onChange: onChangeProp, value: valueProp } = props\n  const [valueState, setValueState] = useState(defaultValue)\n\n  const isControlled = valueProp !== undefined\n  const value = isControlled ? valueProp : valueState\n\n  /** Triggers the external callback with the new value. In uncontrolled mode, updates state. */\n  const onChange = useCallbackRef((next: SetStateAction<T>) => {\n    const newValue = runIfFn(next)\n\n    if (!isControlled) setValueState(newValue)\n\n    onChangeProp?.(newValue)\n  })\n\n  /** In uncontrolled mode, sets the state to the default value. */\n  const reset = useCallbackRef(() => {\n    !isControlled && defaultValue && onChange(defaultValue)\n  })\n\n  return [value, onChange, { isControlled, reset }] as [\n    T,\n    Dispatch<SetStateAction<T>>,\n    { isControlled: boolean; reset: () => void },\n  ]\n}\n\n/** Returns an array with each prefix added to the id. Useful for aria attributes in compound components. */\nexport function useIds(id: string, prefixes: string[]) {\n  return prefixes.map(prefix => `${prefix}-${id}`)\n}\n\n// TODO: Bring it from ui-utils\n/**\n * Provides a function, which can be called to check if component using the hook is mounted or unmounted.\n */\nexport function useIsMounted() {\n  const isMountedRef = useRef(false)\n\n  useEffect(() => {\n    isMountedRef.current = true\n\n    return () => {\n      isMountedRef.current = false\n    }\n  }, [])\n\n  return useCallback(() => isMountedRef.current, [])\n}\n"],"mappings":";;;;;;;;;AAaA,SAAgB,UAAmB,KAA8B,OAAU;CACzE,IAAI,QAAQ,QAAQ,QAAQ,QAAW;CAEvC,IAAI,WAAW,GAAG,GAAG;EACnB,IAAI,KAAK;EACT;CACF;CAEA,IAAI;EACF,IAAI,UAAU;CAChB,SAAS,OAAO;EACd,MAAM,IAAI,MAAM,wBAAwB,MAAM,YAAY,IAAI,IAAI,EAAE,OAAO,MAAM,CAAC;CACpF;AACF;;AAGA,SAAgBA,gBAA2B,UAAgC,CAAC,GAAG;CAC7E,MAAM,EACJ,eAAe,yEACf,YACA,SACE;CAEJ,MAAM,UAAU,MAAM,cAAuC,MAAS;CAEtE,QAAQ,cAAc;CAEtB,SAAS,aAAa;EACpB,MAAM,UAAU,MAAM,WAAW,OAAO;EAExC,IAAI,CAAC,cAAc,YAAY,QAAW,MAAM,IAAI,MAAM,YAAY;EAEtE,OAAO;CACT;CAEA,OAAO,CAAC,QAAQ,UAAU,UAAU;AACtC;;AAGA,SAAgB,UAAa,GAAG,MAAmC;CACjE,QAAQ,SAAmB;EACzB,KAAK,SAAQ,QAAO,UAAU,KAAK,IAAI,CAAC;CAC1C;AACF;;AAIA,SAAgB,eAAsC,UAAc,OAAuB,CAAC,GAAG;CAC7F,MAAM,WAAW,OAAO,QAAQ;CAEhC,SAAS,UAAU;CAEnB,OAAO,cAAc,GAAG,SAAS,SAAS,UAAU,GAAG,IAAI,IAAS,IAAI;AAC1E;AAEA,MAAM,gBAAgB,CAAC,aAAa,YAAY;;;;;;;;AAUhD,SAAgB,gBACd,KACA,UACA,SAAmB,eACnB;CACA,MAAM,eAAe,KAAK,UAAU,MAAM;CAC1C,MAAM,WAAW,gBAAgB,OAAc;EAC7C,MAAM,OAAO,QAAQ,GAAG,IAAI,MAAM,CAAC,GAAG;EACtC,MAAM,SAAS,GAAG;EAElB,AADuB,KAAK,OAAM,QAAO,IAAI,WAAW,CAAC,IAAI,QAAQ,SAAS,MAAM,CACvE,KAAK,WAAW,EAAE;CACjC,CAAC;CAED,gBAAgB;EACd,MAAM,SAAmB,KAAK,MAAM,YAAY;EAChD,OAAO,SAAQ,UAAS,OAAO,iBAAiB,OAAO,QAAQ,CAAC;EAChE,aAAa;GACX,OAAO,SAAQ,UAAS,OAAO,oBAAoB,OAAO,QAAQ,CAAC;EACrE;CACF,GAAG,CAAC,cAAc,GAAG,CAAC;AACxB;;AAUA,SAAgB,cAAiB,OAA8B;CAC7D,MAAM,EAAE,cAAc,UAAU,cAAc,OAAO,cAAc;CACnE,MAAM,CAAC,YAAY,iBAAiB,SAAS,YAAY;CAEzD,MAAM,eAAe,cAAc;CACnC,MAAM,QAAQ,eAAe,YAAY;;CAGzC,MAAM,WAAW,gBAAgB,SAA4B;EAC3D,MAAM,WAAW,QAAQ,IAAI;EAE7B,IAAI,CAAC,cAAc,cAAc,QAAQ;EAEzC,eAAe,QAAQ;CACzB,CAAC;CAOD,OAAO;EAAC;EAAO;EAAU;GAAE;GAAc,OAJ3B,qBAAqB;IACjC,CAAC,gBAAgB,gBAAgB,SAAS,YAAY;GACxD,CAE6C;EAAE;CAAC;AAKlD;;AAGA,SAAgB,OAAO,IAAY,UAAoB;CACrD,OAAO,SAAS,KAAI,WAAU,GAAG,OAAO,GAAG,IAAI;AACjD;;;;AAMA,SAAgB,eAAe;CAC7B,MAAM,eAAe,OAAO,KAAK;CAEjC,gBAAgB;EACd,aAAa,UAAU;EAEvB,aAAa;GACX,aAAa,UAAU;EACzB;CACF,GAAG,CAAC,CAAC;CAEL,OAAO,kBAAkB,aAAa,SAAS,CAAC,CAAC;AACnD"}

package/dist/utils/string.js

@@ -19,5 +19,5 @@ const generateMenuItemId = (title, level = 0) => {
 
 //#endregion
 export { generateMenuItemId, normalizeToId };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.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__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.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__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.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__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=window.js.map

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@veracity/vui",
-  "version": "5.2.2",
+  "version": "5.3.0-alpha.399291.2606220840",
   "description": "Veracity UI is a React component library crafted for use within Veracity applications and pages. Based on Styled Components and @xstyled.",
-  "license": "SEE LICENSE IN LICENSE.md",
-  "author": "Veracity",
   "keywords": [
     "tanstack-intent"
   ],
+  "license": "SEE LICENSE IN LICENSE.md",
+  "author": "Veracity",
   "files": [
     "dist",
     "skills"
@@ -22,22 +22,19 @@
     "build": "tsdown",
     "clean": "premove .turbo dist node_modules",
     "dev": "tsdown --watch",
-    "eslint:fix": "eslint . --fix",
-    "eslint": "eslint .",
-    "figma:publish": "npx figma connect publish",
     "figma:publish:dry-run": "npx figma connect publish --dry-run --verbose",
-    "fix": "npm run eslint:fix && npm run format",
+    "figma:publish": "npx figma connect publish",
     "format": "oxfmt",
     "lint:attw": "attw --pack . --profile esm-only",
-    "lint": "npm run eslint",
+    "lint:fix": "oxlint --fix",
+    "lint": "oxlint",
     "postpack": "node scripts/postpack.ts",
     "prepack": "node scripts/prepack.ts",
-    "skills:validate": "intent validate",
-    "typecheck": "tsc --noEmit"
+    "skills:validate": "intent validate"
   },
   "dependencies": {
     "@floating-ui/react": "^0.27.19",
-    "@radix-ui/react-slider": "^1.4.0",
+    "@radix-ui/react-slider": "^1.4.1",
     "@types/styled-components": "5.1.36",
     "@xstyled/core": "2.5.0",
     "@xstyled/styled-components": "2.5.0",
@@ -49,18 +46,19 @@
   "devDependencies": {
     "@arethetypeswrong/cli": "^0.18.3",
     "@figma/code-connect": "^1.4.8",
-    "@tanstack/intent": "^0.1.0",
+    "@tanstack/intent": "^0.1.1",
     "@types/node": "^25",
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
-    "@veracity/eslint-config": "*",
+    "@veracity/oxfmt-config": "*",
+    "@veracity/oxlint-config": "*",
     "@veracity/tsconfig": "*",
-    "eslint": "^10.5.0",
-    "eslint-plugin-perfectionist": "^5.9.0",
-    "oxfmt": "^0.54.0",
+    "oxfmt": "^0.55.0",
+    "oxlint": "^1.70.0",
+    "oxlint-tsgolint": "^0.23.0",
     "premove": "^4.0.0",
     "publint": "^0.3.21",
-    "tsdown": "^0.22.2"
+    "tsdown": "^0.22.3"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",

package/dist/toast/toast.d.ts

@@ -1,6 +0,0 @@
-//#region src/toast/toast.d.ts
-declare const _default: import("react").MemoExoticComponent<() => import("react").JSX.Element>;
-//#endregion
-export { _default };
-
-//# sourceMappingURL=toast.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"toast.d.ts","names":[],"sources":["../../src/toast/toast.tsx"],"mappings":";cAQ+B,QAAA"}

package/dist/toast/toast.js.map

@@ -1 +0,0 @@
-{"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,cAAc;CAEjC,MAAM,UAAU;EAAE,IAAI;EAAQ,IAAI;EAAO,IAAI;CAAM;CACnD,MAAM,QAAQ;EAAE,IAAI;EAAQ,IAAI;EAAG,IAAI;CAAE;CACzC,MAAM,QAAQ;EAAE;EAAkB;EAAkB,IAAI;CAAO;CAG/D,OACE,oBAAC,KAAD;EACE,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,KAAH;GAAO,IAAI,SAAS,MAAM;aACvB,MAAM;EACF,GAF8B,MAAM,EAEpC,CACR;CACE;AAET;AAEA,oBAAe,KAAK,OAAO"}