@veracity/vui 5.2.2 → 5.3.0-alpha.399291.2606221048

package/dist/tooltip/tooltipContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltipContent.js","names":[],"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    display=\"block\"\n    fontSize={fontSize}\n    minW={minWidth}\n    maxW={maxWidth}\n    overflowY=\"auto\"\n    py={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,oBAAC,KAAD;CACE,IAAI,WAAW,GAAG,WAAW,GAAG;CAChC;CACA;CACA,WAAU;CACV,OAAM;CACN,SAAQ;CACE;CACV,MAAM;CACN,MAAM;CACN,WAAU;CACV,IAAI;CACJ,IAAI;CACQ;CACD;CAEV;AACE;AAGP,eAAe,cAAc"}
+{"version":3,"file":"tooltipContent.js","names":[],"sources":["../../src/tooltip/tooltipContent.tsx"],"sourcesContent":["import type { TooltipProps } from './tooltip.types'\n\nimport Box from '../box'\nimport { bg, borderRadius, boxShadow } from './consts'\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    display=\"block\"\n    fontSize={fontSize}\n    minW={minWidth}\n    maxW={maxWidth}\n    overflowY=\"auto\"\n    py={1}\n    px={2}\n    whiteSpace={whiteSpace}\n    wordBreak={wordBreak}\n  >\n    {children}\n  </Box>\n)\n\nTooltipContent.displayName = 'TooltipContent'\n"],"mappings":";;;;;AAKA,MAAa,kBAAkB,EAC7B,UACA,UACA,WAAW,QACX,WAAW,SACX,UACA,aAAa,YACb,YAAY,mBAEZ,oBAAC,KAAD;CACE,IAAI,WAAW,GAAG,WAAW,GAAG;CAChC;CACA;CACA,WAAU;CACV,OAAM;CACN,SAAQ;CACE;CACV,MAAM;CACN,MAAM;CACN,WAAU;CACV,IAAI;CACJ,IAAI;CACQ;CACD;CAEV;AACE;AAGP,eAAe,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/tree/context.ts"],"mappings":";;cAGO,YAAA,kBAAY,QAAA,CAAA,IAAA,GAAE,cAAA,QAAc,IAA6C"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/tree/context.ts"],"mappings":";;cAIO,YAAA,kBAAY,QAAA,CAAA,IAAA,GAAE,cAAA,QAAc,IAA6C"}

package/dist/tree/context.js

@@ -5,5 +5,5 @@ const [TreeProvider, useTreeContext] = createContext({ isOptional: true });
 
 //#endregion
 export { TreeProvider, useTreeContext };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.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":";;;AAGA,MAAM,CAAC,cAAc,kBAAkB,cAAoB,EAAE,YAAY,KAAK,CAAC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../src/tree/context.ts"],"sourcesContent":["import type { Dict } from '../utils'\n\nimport { createContext } from '../utils'\n\nconst [TreeProvider, useTreeContext] = createContext<Dict>({ isOptional: true })\n\nexport { TreeProvider, useTreeContext }\n"],"mappings":";;;AAIA,MAAM,CAAC,cAAc,kBAAkB,cAAoB,EAAE,YAAY,KAAK,CAAC"}

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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree.d.ts","names":[],"sources":["../../src/tree/tree.tsx"],"mappings":";;;;;;;cAca,QAAA,8BAAQ,eAAA,oCAAA,YAAA,EAKpB,WALoB;;cAQR,IAAA,EAwFP,YAAA,QAAoB,SAAA;EACxB,IAAA,SAAa,QAAA;EACb,IAAA,SAAa,QAAA;EACb,IAAA,SAAa,QAAA;AAAA"}
+{"version":3,"file":"tree.d.ts","names":[],"sources":["../../src/tree/tree.tsx"],"mappings":";;;;;;;cAgBa,QAAA,8BAAQ,eAAA,oCAAA,YAAA,EAKpB,WALoB;;cAQR,IAAA,EAwFP,YAAA,QAAoB,SAAA;EACxB,IAAA,SAAa,QAAA;EACb,IAAA,SAAa,QAAA;EACb,IAAA,SAAa,QAAA;AAAA"}

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/tree.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree.js","names":[],"sources":["../../src/tree/tree.tsx"],"sourcesContent":["import type { ReactElement } from 'react'\nimport { Children, useEffect, useMemo } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { List } from '../list'\nimport { cs, filterUndefined } from '../utils'\nimport { TreeProvider } from './context'\nimport type { TreeItemId, TreeItemProps, TreeProps } from './tree.types'\nimport TreeIcon from './treeIcon'\nimport TreeItem from './treeItem'\nimport TreeText from './treeText'\nimport { useTreeState } from './useTreeState'\n\nexport const TreeBase = styled.divBox`\n  display: flex;\n  height: auto;\n  align-content: flex-start;\n  flex-direction: column;\n`\n\n/** Displays a tree of tree link items and optional heading. Exposes some props to the children via context. */\nexport const Tree = vui<'div', TreeProps>((props, ref) => {\n  const { activeItemId, children, className, iconCollapse, iconExpand, items, onClickItem, size, variant, ...rest } =\n    props\n  const styles = useStyleConfig('Tree', props)\n\n  const { itemsInternal, setItemsInternal, activeItemIndex, setActiveItemIndex } = useTreeState(activeItemId)\n\n  const context = useMemo(() => filterUndefined({ size, variant }), [size, variant])\n\n  const iconCollapseInternal = iconCollapse ? iconCollapse : variant === 'default' ? 'falAngleRight' : 'falMinus'\n  const iconExpandInternal = iconExpand ? iconExpand : variant === 'default' ? 'falAngleDown' : 'falPlus'\n\n  const transformChildrenToItems = (children: any) => {\n    const t: TreeItemProps[] = []\n\n    if (children) {\n      // @ts-expect-error no idea why failing now\n      ;(Children.toArray(children) as ReactElement[]).forEach((child: ReactElement<TreeItemProps>) => {\n        if (child?.props?.text) {\n          let items: TreeItemProps[] = []\n\n          if (child.props.children) {\n            items = transformChildrenToItems(child.props.children) as unknown as TreeItemProps[]\n          }\n\n          t.push({\n            id: child.props.id,\n            text: child.props.text,\n            isActive: child.props.isActive,\n            items: child.props.items || items,\n            isCollapsed: child.props.isCollapsed,\n            disabled: child.props.disabled,\n            onClickTreeItem: onClickTreeItem,\n          } as unknown as TreeItemProps)\n        }\n      })\n    }\n\n    return t\n  }\n\n  useEffect(() => {\n    if (items) {\n      setItemsInternal(items as TreeItemProps[])\n      return\n    }\n\n    const t: TreeItemProps[] = []\n    if (children) {\n      const transformed = transformChildrenToItems(children) as unknown as TreeItemProps[]\n      t.push(...transformed)\n    }\n    setItemsInternal(t)\n    if (activeItemId !== undefined && t?.find((i: TreeItemProps) => i.id === activeItemId)) {\n      setActiveItemIndex(activeItemId)\n    }\n  }, [children, activeItemId])\n\n  const onClickTreeItem = (id: TreeItemId) => {\n    setActiveItemIndex(id)\n    if (onClickItem) {\n      onClickItem(id)\n    }\n  }\n\n  return (\n    <TreeProvider value={context}>\n      <TreeBase className={cs('vui-tree', className)} ref={ref} {...styles.container} {...rest}>\n        <List role=\"tree\" w={1}>\n          {itemsInternal?.map(({ id, isActive, ...props }, index: number) => {\n            return (\n              <TreeItem\n                activeItemIndex={activeItemIndex}\n                iconCollapse={iconCollapseInternal}\n                iconExpand={iconExpandInternal}\n                id={id}\n                isActive={isActive ? isActive : activeItemIndex ? activeItemIndex === id : false}\n                isFirstLevel={true}\n                key={id ?? index}\n                onClickTreeItem={onClickTreeItem}\n                {...props}\n              />\n            )\n          })}\n        </List>\n      </TreeBase>\n    </TreeProvider>\n  )\n}) as VuiComponent<'div', TreeProps> & {\n  Icon: typeof TreeIcon\n  Item: typeof TreeItem\n  Text: typeof TreeText\n}\n\nTree.Icon = TreeIcon\nTree.Item = TreeItem\nTree.Text = TreeText\nTree.displayName = 'Tree'\n\nexport default Tree\n"],"mappings":";;;;;;;;;;;;;;;AAcA,MAAa,WAAW,OAAO,MAAM;;;;;;;AAQrC,MAAa,OAAO,KAAuB,OAAO,QAAQ;CACxD,MAAM,EAAE,cAAc,UAAU,WAAW,cAAc,YAAY,OAAO,aAAa,MAAM,SAAS,GAAG,SACzG;CACF,MAAM,SAAS,eAAe,QAAQ,KAAK;CAE3C,MAAM,EAAE,eAAe,kBAAkB,iBAAiB,uBAAuB,aAAa,YAAY;CAE1G,MAAM,UAAU,cAAc,gBAAgB;EAAE;EAAM;CAAQ,CAAC,GAAG,CAAC,MAAM,OAAO,CAAC;CAEjF,MAAM,uBAAuB,eAAe,eAAe,YAAY,YAAY,kBAAkB;CACrG,MAAM,qBAAqB,aAAa,aAAa,YAAY,YAAY,iBAAiB;CAE9F,MAAM,4BAA4B,aAAkB;EAClD,MAAM,IAAqB,CAAC;EAE5B,IAAI,UAED,AAAC,SAAS,QAAQ,QAAQ,CAAC,CAAoB,SAAS,UAAuC;GAC9F,IAAI,OAAO,OAAO,MAAM;IACtB,IAAI,QAAyB,CAAC;IAE9B,IAAI,MAAM,MAAM,UACd,QAAQ,yBAAyB,MAAM,MAAM,QAAQ;IAGvD,EAAE,KAAK;KACL,IAAI,MAAM,MAAM;KAChB,MAAM,MAAM,MAAM;KAClB,UAAU,MAAM,MAAM;KACtB,OAAO,MAAM,MAAM,SAAS;KAC5B,aAAa,MAAM,MAAM;KACzB,UAAU,MAAM,MAAM;KACL;IACnB,CAA6B;GAC/B;EACF,CAAC;EAGH,OAAO;CACT;CAEA,gBAAgB;EACd,IAAI,OAAO;GACT,iBAAiB,KAAwB;GACzC;EACF;EAEA,MAAM,IAAqB,CAAC;EAC5B,IAAI,UAAU;GACZ,MAAM,cAAc,yBAAyB,QAAQ;GACrD,EAAE,KAAK,GAAG,WAAW;EACvB;EACA,iBAAiB,CAAC;EAClB,IAAI,iBAAiB,UAAa,GAAG,MAAM,MAAqB,EAAE,OAAO,YAAY,GACnF,mBAAmB,YAAY;CAEnC,GAAG,CAAC,UAAU,YAAY,CAAC;CAE3B,MAAM,mBAAmB,OAAmB;EAC1C,mBAAmB,EAAE;EACrB,IAAI,aACF,YAAY,EAAE;CAElB;CAEA,OACE,oBAAC,cAAD;EAAc,OAAO;YACnB,oBAAC,UAAD;GAAU,WAAW,GAAG,YAAY,SAAS;GAAQ;GAAK,GAAI,OAAO;GAAW,GAAI;aAClF,oBAAC,MAAD;IAAM,MAAK;IAAO,GAAG;cAClB,eAAe,KAAK,EAAE,IAAI,UAAU,GAAG,SAAS,UAAkB;KACjE,OACE,oBAAC,UAAD;MACmB;MACjB,cAAc;MACd,YAAY;MACR;MACJ,UAAU,WAAW,WAAW,kBAAkB,oBAAoB,KAAK;MAC3E,cAAc;MAEG;MACjB,GAAI;KACL,GAHM,MAAM,KAGZ;IAEL,CAAC;GACG;EACE;CACE;AAElB,CAAC;AAMD,KAAK,OAAO;AACZ,KAAK,OAAO;AACZ,KAAK,OAAO;AACZ,KAAK,cAAc"}
+{"version":3,"file":"tree.js","names":[],"sources":["../../src/tree/tree.tsx"],"sourcesContent":["import type { ReactElement } from 'react'\n\nimport { Children, useEffect, useMemo } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport type { TreeItemId, TreeItemProps, TreeProps } from './tree.types'\n\nimport { styled, useStyleConfig, vui } from '../core'\nimport { List } from '../list'\nimport { cs, filterUndefined } from '../utils'\nimport { TreeProvider } from './context'\nimport TreeIcon from './treeIcon'\nimport TreeItem from './treeItem'\nimport TreeText from './treeText'\nimport { useTreeState } from './useTreeState'\n\nexport const TreeBase = styled.divBox`\n  display: flex;\n  height: auto;\n  align-content: flex-start;\n  flex-direction: column;\n`\n\n/** Displays a tree of tree link items and optional heading. Exposes some props to the children via context. */\nexport const Tree = vui<'div', TreeProps>((props, ref) => {\n  const { activeItemId, children, className, iconCollapse, iconExpand, items, onClickItem, size, variant, ...rest } =\n    props\n  const styles = useStyleConfig('Tree', props)\n\n  const { itemsInternal, setItemsInternal, activeItemIndex, setActiveItemIndex } = useTreeState(activeItemId)\n\n  const context = useMemo(() => filterUndefined({ size, variant }), [size, variant])\n\n  const iconCollapseInternal = iconCollapse ? iconCollapse : variant === 'default' ? 'falAngleRight' : 'falMinus'\n  const iconExpandInternal = iconExpand ? iconExpand : variant === 'default' ? 'falAngleDown' : 'falPlus'\n\n  const transformChildrenToItems = (children: any) => {\n    const t: TreeItemProps[] = []\n\n    if (children) {\n      // @ts-expect-error no idea why failing now\n      ;(Children.toArray(children) as ReactElement[]).forEach((child: ReactElement<TreeItemProps>) => {\n        if (child?.props?.text) {\n          let items: TreeItemProps[] = []\n\n          if (child.props.children) {\n            items = transformChildrenToItems(child.props.children) as unknown as TreeItemProps[]\n          }\n\n          t.push({\n            id: child.props.id,\n            text: child.props.text,\n            isActive: child.props.isActive,\n            items: child.props.items || items,\n            isCollapsed: child.props.isCollapsed,\n            disabled: child.props.disabled,\n            onClickTreeItem: onClickTreeItem,\n          } as unknown as TreeItemProps)\n        }\n      })\n    }\n\n    return t\n  }\n\n  useEffect(() => {\n    if (items) {\n      setItemsInternal(items as TreeItemProps[])\n      return\n    }\n\n    const t: TreeItemProps[] = []\n    if (children) {\n      const transformed = transformChildrenToItems(children) as unknown as TreeItemProps[]\n      t.push(...transformed)\n    }\n    setItemsInternal(t)\n    if (activeItemId !== undefined && t?.find((i: TreeItemProps) => i.id === activeItemId)) {\n      setActiveItemIndex(activeItemId)\n    }\n  }, [children, activeItemId])\n\n  const onClickTreeItem = (id: TreeItemId) => {\n    setActiveItemIndex(id)\n    if (onClickItem) {\n      onClickItem(id)\n    }\n  }\n\n  return (\n    <TreeProvider value={context}>\n      <TreeBase className={cs('vui-tree', className)} ref={ref} {...styles.container} {...rest}>\n        <List role=\"tree\" w={1}>\n          {itemsInternal?.map(({ id, isActive, ...props }, index: number) => {\n            return (\n              <TreeItem\n                activeItemIndex={activeItemIndex}\n                iconCollapse={iconCollapseInternal}\n                iconExpand={iconExpandInternal}\n                id={id}\n                isActive={isActive ? isActive : activeItemIndex ? activeItemIndex === id : false}\n                isFirstLevel={true}\n                key={id ?? index}\n                onClickTreeItem={onClickTreeItem}\n                {...props}\n              />\n            )\n          })}\n        </List>\n      </TreeBase>\n    </TreeProvider>\n  )\n}) as VuiComponent<'div', TreeProps> & {\n  Icon: typeof TreeIcon\n  Item: typeof TreeItem\n  Text: typeof TreeText\n}\n\nTree.Icon = TreeIcon\nTree.Item = TreeItem\nTree.Text = TreeText\nTree.displayName = 'Tree'\n\nexport default Tree\n"],"mappings":";;;;;;;;;;;;;;;AAgBA,MAAa,WAAW,OAAO,MAAM;;;;;;;AAQrC,MAAa,OAAO,KAAuB,OAAO,QAAQ;CACxD,MAAM,EAAE,cAAc,UAAU,WAAW,cAAc,YAAY,OAAO,aAAa,MAAM,SAAS,GAAG,SACzG;CACF,MAAM,SAAS,eAAe,QAAQ,KAAK;CAE3C,MAAM,EAAE,eAAe,kBAAkB,iBAAiB,uBAAuB,aAAa,YAAY;CAE1G,MAAM,UAAU,cAAc,gBAAgB;EAAE;EAAM;CAAQ,CAAC,GAAG,CAAC,MAAM,OAAO,CAAC;CAEjF,MAAM,uBAAuB,eAAe,eAAe,YAAY,YAAY,kBAAkB;CACrG,MAAM,qBAAqB,aAAa,aAAa,YAAY,YAAY,iBAAiB;CAE9F,MAAM,4BAA4B,aAAkB;EAClD,MAAM,IAAqB,CAAC;EAE5B,IAAI,UAED,AAAC,SAAS,QAAQ,QAAQ,CAAC,CAAoB,SAAS,UAAuC;GAC9F,IAAI,OAAO,OAAO,MAAM;IACtB,IAAI,QAAyB,CAAC;IAE9B,IAAI,MAAM,MAAM,UACd,QAAQ,yBAAyB,MAAM,MAAM,QAAQ;IAGvD,EAAE,KAAK;KACL,IAAI,MAAM,MAAM;KAChB,MAAM,MAAM,MAAM;KAClB,UAAU,MAAM,MAAM;KACtB,OAAO,MAAM,MAAM,SAAS;KAC5B,aAAa,MAAM,MAAM;KACzB,UAAU,MAAM,MAAM;KACL;IACnB,CAA6B;GAC/B;EACF,CAAC;EAGH,OAAO;CACT;CAEA,gBAAgB;EACd,IAAI,OAAO;GACT,iBAAiB,KAAwB;GACzC;EACF;EAEA,MAAM,IAAqB,CAAC;EAC5B,IAAI,UAAU;GACZ,MAAM,cAAc,yBAAyB,QAAQ;GACrD,EAAE,KAAK,GAAG,WAAW;EACvB;EACA,iBAAiB,CAAC;EAClB,IAAI,iBAAiB,UAAa,GAAG,MAAM,MAAqB,EAAE,OAAO,YAAY,GACnF,mBAAmB,YAAY;CAEnC,GAAG,CAAC,UAAU,YAAY,CAAC;CAE3B,MAAM,mBAAmB,OAAmB;EAC1C,mBAAmB,EAAE;EACrB,IAAI,aACF,YAAY,EAAE;CAElB;CAEA,OACE,oBAAC,cAAD;EAAc,OAAO;YACnB,oBAAC,UAAD;GAAU,WAAW,GAAG,YAAY,SAAS;GAAQ;GAAK,GAAI,OAAO;GAAW,GAAI;aAClF,oBAAC,MAAD;IAAM,MAAK;IAAO,GAAG;cAClB,eAAe,KAAK,EAAE,IAAI,UAAU,GAAG,SAAS,UAAkB;KACjE,OACE,oBAAC,UAAD;MACmB;MACjB,cAAc;MACd,YAAY;MACR;MACJ,UAAU,WAAW,WAAW,kBAAkB,oBAAoB,KAAK;MAC3E,cAAc;MAEG;MACjB,GAAI;KACL,GAHM,MAAM,KAGZ;IAEL,CAAC;GACG;EACE;CACE;AAElB,CAAC;AAMD,KAAK,OAAO;AACZ,KAAK,OAAO;AACZ,KAAK,OAAO;AACZ,KAAK,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"treeIcon.d.ts","names":[],"sources":["../../src/tree/treeIcon.tsx"],"mappings":";;;;cAOa,QAAA,EAAQ,YAAA,QAAA,SAAA"}
+{"version":3,"file":"treeIcon.d.ts","names":[],"sources":["../../src/tree/treeIcon.tsx"],"mappings":";;;;cAQa,QAAA,EAAQ,YAAA,QAAA,SAAA"}

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/treeIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"treeIcon.js","names":[],"sources":["../../src/tree/treeIcon.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { IconProps } from '../icon'\nimport Icon from '../icon'\nimport { cs } from '../utils'\nimport { useTreeContext } from './context'\n\n/** Displays an icon on the side of the TreeItem. */\nexport const TreeIcon = vui<'svg', IconProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Tree', useTreeContext())\n\n  return <Icon className={cs('vui-treeIcon', className)} ref={ref} size=\"xs\" {...styles.icon} {...rest} />\n})\n\nTreeIcon.displayName = 'TreeIcon'\n\nexport default TreeIcon\n"],"mappings":";;;;;;;;;AAOA,MAAa,WAAW,KAAuB,OAAO,QAAQ;CAC5D,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,QAAQ,eAAe,CAAC;CAEtD,OAAO,oBAAC,MAAD;EAAM,WAAW,GAAG,gBAAgB,SAAS;EAAQ;EAAK,MAAK;EAAK,GAAI,OAAO;EAAM,GAAI;CAAO;AACzG,CAAC;AAED,SAAS,cAAc"}
+{"version":3,"file":"treeIcon.js","names":[],"sources":["../../src/tree/treeIcon.tsx"],"sourcesContent":["import type { IconProps } from '../icon'\n\nimport { useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport { cs } from '../utils'\nimport { useTreeContext } from './context'\n\n/** Displays an icon on the side of the TreeItem. */\nexport const TreeIcon = vui<'svg', IconProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Tree', useTreeContext())\n\n  return <Icon className={cs('vui-treeIcon', className)} ref={ref} size=\"xs\" {...styles.icon} {...rest} />\n})\n\nTreeIcon.displayName = 'TreeIcon'\n\nexport default TreeIcon\n"],"mappings":";;;;;;;;;AAQA,MAAa,WAAW,KAAuB,OAAO,QAAQ;CAC5D,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,QAAQ,eAAe,CAAC;CAEtD,OAAO,oBAAC,MAAD;EAAM,WAAW,GAAG,gBAAgB,SAAS;EAAQ;EAAK,MAAK;EAAK,GAAI,OAAO;EAAM,GAAI;CAAO;AACzG,CAAC;AAED,SAAS,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"treeItem.d.ts","names":[],"sources":["../../src/tree/treeItem.tsx"],"mappings":";;;;cAWa,YAAA,8BAAY,eAAA,mCAAA,YAAA,EAKxB,WALwB;;;;cAUZ,QAAA,EAAQ,YAAA,OAAA,aAAA"}
+{"version":3,"file":"treeItem.d.ts","names":[],"sources":["../../src/tree/treeItem.tsx"],"mappings":";;;;cAYa,YAAA,8BAAY,eAAA,mCAAA,YAAA,EAKxB,WALwB;;;;cAUZ,QAAA,EAAQ,YAAA,OAAA,aAAA"}

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 type { TreeItemProps } from './tree.types'\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 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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"treeText.d.ts","names":[],"sources":["../../src/tree/treeText.tsx"],"mappings":";;;;cAOa,QAAA,EAAQ,YAAA,SAAA,MAAA"}
+{"version":3,"file":"treeText.d.ts","names":[],"sources":["../../src/tree/treeText.tsx"],"mappings":";;;;cAQa,QAAA,EAAQ,YAAA,SAAA,MAAA"}

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/treeText.js.map

@@ -1 +1 @@
-{"version":3,"file":"treeText.js","names":[],"sources":["../../src/tree/treeText.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { TProps } from '../t'\nimport T from '../t'\nimport { cs, ellipsisOverflow } from '../utils'\nimport { useTreeContext } from './context'\n\n/** Displays text within the TreeItem. */\nexport const TreeText = vui<'span', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Tree', useTreeContext())\n\n  return (\n    <T\n      className={cs('vui-treeText', className)}\n      fontSize=\"inherit\"\n      py={styles.item.py}\n      ref={ref}\n      {...ellipsisOverflow}\n      {...styles.text}\n      {...rest}\n    />\n  )\n})\n\nTreeText.displayName = 'TreeText'\nexport default TreeText\n"],"mappings":";;;;;;;;;AAOA,MAAa,WAAW,KAAqB,OAAO,QAAQ;CAC1D,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,QAAQ,eAAe,CAAC;CAEtD,OACE,oBAAC,GAAD;EACE,WAAW,GAAG,gBAAgB,SAAS;EACvC,UAAS;EACT,IAAI,OAAO,KAAK;EACX;EACL,GAAI;EACJ,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,SAAS,cAAc"}
+{"version":3,"file":"treeText.js","names":[],"sources":["../../src/tree/treeText.tsx"],"sourcesContent":["import type { TProps } from '../t'\n\nimport { useStyleConfig, vui } from '../core'\nimport T from '../t'\nimport { cs, ellipsisOverflow } from '../utils'\nimport { useTreeContext } from './context'\n\n/** Displays text within the TreeItem. */\nexport const TreeText = vui<'span', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Tree', useTreeContext())\n\n  return (\n    <T\n      className={cs('vui-treeText', className)}\n      fontSize=\"inherit\"\n      py={styles.item.py}\n      ref={ref}\n      {...ellipsisOverflow}\n      {...styles.text}\n      {...rest}\n    />\n  )\n})\n\nTreeText.displayName = 'TreeText'\nexport default TreeText\n"],"mappings":";;;;;;;;;AAQA,MAAa,WAAW,KAAqB,OAAO,QAAQ;CAC1D,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,QAAQ,eAAe,CAAC;CAEtD,OACE,oBAAC,GAAD;EACE,WAAW,GAAG,gBAAgB,SAAS;EACvC,UAAS;EACT,IAAI,OAAO,KAAK;EACX;EACL,GAAI;EACJ,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,SAAS,cAAc"}

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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tutorialCard.d.ts","names":[],"sources":["../../src/tutorial/tutorialCard.tsx"],"mappings":";;;iBAqBgB,YAAA;EACd,WAAA;EACA,SAAA;EACA,KAAA;EACA,YAAA;EACA,KAAA,EAAO,UAAA;EACP,cAAA;EACA,QAAA;EACA,SAAA;EACA,QAAA;EACA,gBAAA;EACA;AAAA,GACC,iBAAA,mBAAiB,GAAA,CAAA,OAAA;AAAA,kBAZJ,YAAA;EAAA,IAAY,WAAA;AAAA"}
+{"version":3,"file":"tutorialCard.d.ts","names":[],"sources":["../../src/tutorial/tutorialCard.tsx"],"mappings":";;;iBAsBgB,YAAA;EACd,WAAA;EACA,SAAA;EACA,KAAA;EACA,YAAA;EACA,KAAA,EAAO,UAAA;EACP,cAAA;EACA,QAAA;EACA,SAAA;EACA,QAAA;EACA,gBAAA;EACA;AAAA,GACC,iBAAA,mBAAiB,GAAA,CAAA,OAAA;AAAA,kBAZJ,YAAA;EAAA,IAAY,WAAA;AAAA"}

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/tutorialCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"tutorialCard.js","names":[],"sources":["../../src/tutorial/tutorialCard.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport { styled } from '../core'\nimport { Box, Button, Card, DismissButton, H4, Icon, IconButton } from '../index'\nimport { tutorialColors } from './consts'\n\nconst TutorialHeader = styled(Box)`\n  display: flex;\n  flex-direction: row;\n  flex: 0;\n  flex-grow: 0;\n  -webkit-flex-grow: 0;\n  align-content: center;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 48px;\n  --vui-dismiss-fg: var(--vui-action-contrast-solid);\n`\nimport type { TutorialCardProps, TutorialDataStep, TutorialStepWrapper } from './tutorial.types'\nimport { TutorialStep } from './tutorialStep'\n\nexport function TutorialCard({\n  actionLabel = 'Action',\n  className,\n  title,\n  readMoreLink,\n  steps: propsSteps = [],\n  showSkipButton,\n  onAction,\n  onDismiss,\n  onFinish,\n  includeFinalPage,\n  useContentTitle,\n}: TutorialCardProps) {\n  const [steps, setSteps] = useState<TutorialStepWrapper[]>([])\n  const [activeStep, setActiveStep] = useState<number>(0)\n\n  useEffect(() => {\n    if (title && propsSteps.length) {\n      const s = propsSteps.map((step, key) => ({ active: false, step, key }))\n\n      const finalStep: TutorialDataStep = {\n        title: `Completed!`,\n        content: `${readMoreLink ? 'To learn more, please visit:' : 'Thank you!'}`,\n      }\n\n      if (readMoreLink) finalStep.readMoreLink = readMoreLink\n\n      includeFinalPage ? setSteps([...s, { step: finalStep, key: propsSteps.length }]) : setSteps([...s])\n    }\n  }, [title, propsSteps])\n\n  const isStartStep = activeStep === 0\n  const isFinalStep = includeFinalPage ? activeStep === propsSteps.length : activeStep === propsSteps.length - 1\n\n  return (\n    <Card\n      bg={tutorialColors.bg}\n      className={className}\n      color={tutorialColors.color}\n      column\n      justifyContent=\"space-between\"\n      minH={400}\n      px={3}\n      py={2}\n      w={580}\n    >\n      <TutorialHeader className={className + '__header'}>\n        <H4 color={tutorialColors.color}>{useContentTitle ? steps[activeStep]?.step?.title : title}</H4>\n        {!isFinalStep && <DismissButton aria-label=\"close\" icon=\"uiTimes\" onClick={onDismiss} scale={2} />}\n      </TutorialHeader>\n      <Box flex={5} row>\n        {steps?.map?.(s => (\n          <TutorialStep\n            active={s.key === activeStep}\n            content={s.step.content}\n            key={s.step.title}\n            readMoreLink={s.step.readMoreLink}\n            title={s.step.title}\n            useContentTitle={useContentTitle}\n          />\n        ))}\n      </Box>\n      <Box alignItems=\"center\" justifyContent=\"space-between\" mt={0}>\n        <Box alignItems=\"center\" justifyContent=\"space-between\" w=\"-webkit-fill-available\">\n          <IconButton\n            aria-label=\"previous\"\n            color={tutorialColors.buttonColor}\n            disabled={isStartStep}\n            icon=\"uiArrowLeft\"\n            onClick={() => setActiveStep(activeStep - 1)}\n            scale={2}\n            transition=\"none\"\n            variant=\"tertiary\"\n          />\n          <Box className=\"vuiTutorialStepDots\">\n            {steps?.map?.(s => (\n              <Icon\n                color={s.key === activeStep ? tutorialColors.color : 'darkBlue.30'}\n                cursor=\"pointer\"\n                hoverColor={tutorialColors.buttonColor}\n                key={s.key}\n                name=\"uiDotFull\"\n                onClick={() => setActiveStep(s.key)}\n              />\n            ))}\n          </Box>\n          <IconButton\n            aria-label=\"next\"\n            color={tutorialColors.buttonColor}\n            disabled={isFinalStep}\n            icon=\"uiArrowRight\"\n            onClick={() => setActiveStep(activeStep + 1)}\n            scale={2}\n            transition=\"none\"\n            variant=\"tertiary\"\n          />\n        </Box>\n        {(showSkipButton || isFinalStep || !!onAction) && (\n          <Box alignItems=\"center\" justifyContent=\"space-between\">\n            {showSkipButton && !isFinalStep && (\n              <Button mx={1} onClick={onDismiss} variant=\"secondary\" intent=\"contrast\">\n                Skip\n              </Button>\n            )}\n            {isFinalStep && (\n              <Button mx={1} onClick={onFinish} variant=\"primary\" intent=\"contrast\" minW=\"82px\">\n                I got it\n              </Button>\n            )}\n            {!!onAction && (\n              <Button\n                ml={1}\n                mr={showSkipButton || isFinalStep ? 12 : 2}\n                onClick={onAction}\n                variant=\"primary\"\n                intent=\"contrast\"\n              >\n                {actionLabel}\n              </Button>\n            )}\n          </Box>\n        )}\n      </Box>\n    </Card>\n  )\n}\n\nTutorialCard.displayName = 'TutorialCard'\n"],"mappings":";;;;;;;;;;;;;;AAMA,MAAM,iBAAiB,OAAO,GAAG,CAAC;;;;;;;;;;;;AAelC,SAAgB,aAAa,EAC3B,cAAc,UACd,WACA,OACA,cACA,OAAO,aAAa,CAAC,GACrB,gBACA,UACA,WACA,UACA,kBACA,mBACoB;CACpB,MAAM,CAAC,OAAO,YAAY,SAAgC,CAAC,CAAC;CAC5D,MAAM,CAAC,YAAY,iBAAiB,SAAiB,CAAC;CAEtD,gBAAgB;EACd,IAAI,SAAS,WAAW,QAAQ;GAC9B,MAAM,IAAI,WAAW,KAAK,MAAM,SAAS;IAAE,QAAQ;IAAO;IAAM;GAAI,EAAE;GAEtE,MAAM,YAA8B;IAClC,OAAO;IACP,SAAS,GAAG,eAAe,iCAAiC;GAC9D;GAEA,IAAI,cAAc,UAAU,eAAe;GAE3C,mBAAmB,SAAS,CAAC,GAAG,GAAG;IAAE,MAAM;IAAW,KAAK,WAAW;GAAO,CAAC,CAAC,IAAI,SAAS,CAAC,GAAG,CAAC,CAAC;EACpG;CACF,GAAG,CAAC,OAAO,UAAU,CAAC;CAEtB,MAAM,cAAc,eAAe;CACnC,MAAM,cAAc,mBAAmB,eAAe,WAAW,SAAS,eAAe,WAAW,SAAS;CAE7G,OACE,qBAAC,MAAD;EACE,IAAI,eAAe;EACR;EACX,OAAO,eAAe;EACtB;EACA,gBAAe;EACf,MAAM;EACN,IAAI;EACJ,IAAI;EACJ,GAAG;YATL;GAWE,qBAAC,gBAAD;IAAgB,WAAW,YAAY;cAAvC,CACE,oBAAC,IAAD;KAAI,OAAO,eAAe;eAAQ,kBAAkB,MAAM,WAAW,EAAE,MAAM,QAAQ;IAAU,IAC9F,CAAC,eAAe,oBAAC,eAAD;KAAe,cAAW;KAAQ,MAAK;KAAU,SAAS;KAAW,OAAO;IAAI,EACnF;;GAChB,oBAAC,KAAD;IAAK,MAAM;IAAG;cACX,OAAO,OAAM,MACZ,oBAAC,cAAD;KACE,QAAQ,EAAE,QAAQ;KAClB,SAAS,EAAE,KAAK;KAEhB,cAAc,EAAE,KAAK;KACrB,OAAO,EAAE,KAAK;KACG;IAClB,GAJM,EAAE,KAAK,KAIb,CACF;GACE;GACL,qBAAC,KAAD;IAAK,YAAW;IAAS,gBAAe;IAAgB,IAAI;cAA5D,CACE,qBAAC,KAAD;KAAK,YAAW;KAAS,gBAAe;KAAgB,GAAE;eAA1D;MACE,oBAAC,YAAD;OACE,cAAW;OACX,OAAO,eAAe;OACtB,UAAU;OACV,MAAK;OACL,eAAe,cAAc,aAAa,CAAC;OAC3C,OAAO;OACP,YAAW;OACX,SAAQ;MACT;MACD,oBAAC,KAAD;OAAK,WAAU;iBACZ,OAAO,OAAM,MACZ,oBAAC,MAAD;QACE,OAAO,EAAE,QAAQ,aAAa,eAAe,QAAQ;QACrD,QAAO;QACP,YAAY,eAAe;QAE3B,MAAK;QACL,eAAe,cAAc,EAAE,GAAG;OACnC,GAHM,EAAE,GAGR,CACF;MACE;MACL,oBAAC,YAAD;OACE,cAAW;OACX,OAAO,eAAe;OACtB,UAAU;OACV,MAAK;OACL,eAAe,cAAc,aAAa,CAAC;OAC3C,OAAO;OACP,YAAW;OACX,SAAQ;MACT;KACE;SACH,kBAAkB,eAAe,CAAC,CAAC,aACnC,qBAAC,KAAD;KAAK,YAAW;KAAS,gBAAe;eAAxC;MACG,kBAAkB,CAAC,eAClB,oBAAC,QAAD;OAAQ,IAAI;OAAG,SAAS;OAAW,SAAQ;OAAY,QAAO;iBAAW;MAEjE;MAET,eACC,oBAAC,QAAD;OAAQ,IAAI;OAAG,SAAS;OAAU,SAAQ;OAAU,QAAO;OAAW,MAAK;iBAAO;MAE1E;MAET,CAAC,CAAC,YACD,oBAAC,QAAD;OACE,IAAI;OACJ,IAAI,kBAAkB,cAAc,KAAK;OACzC,SAAS;OACT,SAAQ;OACR,QAAO;iBAEN;MACK;KAEP;MAEJ;;EACD;;AAEV;AAEA,aAAa,cAAc"}
+{"version":3,"file":"tutorialCard.js","names":[],"sources":["../../src/tutorial/tutorialCard.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport { styled } from '../core'\nimport { Box, Button, Card, DismissButton, H4, Icon, IconButton } from '../index'\nimport { tutorialColors } from './consts'\n\nconst TutorialHeader = styled(Box)`\n  display: flex;\n  flex-direction: row;\n  flex: 0;\n  flex-grow: 0;\n  -webkit-flex-grow: 0;\n  align-content: center;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 48px;\n  --vui-dismiss-fg: var(--vui-action-contrast-solid);\n`\nimport type { TutorialCardProps, TutorialDataStep, TutorialStepWrapper } from './tutorial.types'\n\nimport { TutorialStep } from './tutorialStep'\n\nexport function TutorialCard({\n  actionLabel = 'Action',\n  className,\n  title,\n  readMoreLink,\n  steps: propsSteps = [],\n  showSkipButton,\n  onAction,\n  onDismiss,\n  onFinish,\n  includeFinalPage,\n  useContentTitle,\n}: TutorialCardProps) {\n  const [steps, setSteps] = useState<TutorialStepWrapper[]>([])\n  const [activeStep, setActiveStep] = useState<number>(0)\n\n  useEffect(() => {\n    if (title && propsSteps.length) {\n      const s = propsSteps.map((step, key) => ({ active: false, step, key }))\n\n      const finalStep: TutorialDataStep = {\n        title: `Completed!`,\n        content: `${readMoreLink ? 'To learn more, please visit:' : 'Thank you!'}`,\n      }\n\n      if (readMoreLink) finalStep.readMoreLink = readMoreLink\n\n      includeFinalPage ? setSteps([...s, { step: finalStep, key: propsSteps.length }]) : setSteps([...s])\n    }\n  }, [title, propsSteps])\n\n  const isStartStep = activeStep === 0\n  const isFinalStep = includeFinalPage ? activeStep === propsSteps.length : activeStep === propsSteps.length - 1\n\n  return (\n    <Card\n      bg={tutorialColors.bg}\n      className={className}\n      color={tutorialColors.color}\n      column\n      justifyContent=\"space-between\"\n      minH={400}\n      px={3}\n      py={2}\n      w={580}\n    >\n      <TutorialHeader className={className + '__header'}>\n        <H4 color={tutorialColors.color}>{useContentTitle ? steps[activeStep]?.step?.title : title}</H4>\n        {!isFinalStep && <DismissButton aria-label=\"close\" icon=\"uiTimes\" onClick={onDismiss} scale={2} />}\n      </TutorialHeader>\n      <Box flex={5} row>\n        {steps?.map?.(s => (\n          <TutorialStep\n            active={s.key === activeStep}\n            content={s.step.content}\n            key={s.step.title}\n            readMoreLink={s.step.readMoreLink}\n            title={s.step.title}\n            useContentTitle={useContentTitle}\n          />\n        ))}\n      </Box>\n      <Box alignItems=\"center\" justifyContent=\"space-between\" mt={0}>\n        <Box alignItems=\"center\" justifyContent=\"space-between\" w=\"-webkit-fill-available\">\n          <IconButton\n            aria-label=\"previous\"\n            color={tutorialColors.buttonColor}\n            disabled={isStartStep}\n            icon=\"uiArrowLeft\"\n            onClick={() => setActiveStep(activeStep - 1)}\n            scale={2}\n            transition=\"none\"\n            variant=\"tertiary\"\n          />\n          <Box className=\"vuiTutorialStepDots\">\n            {steps?.map?.(s => (\n              <Icon\n                color={s.key === activeStep ? tutorialColors.color : 'darkBlue.30'}\n                cursor=\"pointer\"\n                hoverColor={tutorialColors.buttonColor}\n                key={s.key}\n                name=\"uiDotFull\"\n                onClick={() => setActiveStep(s.key)}\n              />\n            ))}\n          </Box>\n          <IconButton\n            aria-label=\"next\"\n            color={tutorialColors.buttonColor}\n            disabled={isFinalStep}\n            icon=\"uiArrowRight\"\n            onClick={() => setActiveStep(activeStep + 1)}\n            scale={2}\n            transition=\"none\"\n            variant=\"tertiary\"\n          />\n        </Box>\n        {(showSkipButton || isFinalStep || !!onAction) && (\n          <Box alignItems=\"center\" justifyContent=\"space-between\">\n            {showSkipButton && !isFinalStep && (\n              <Button mx={1} onClick={onDismiss} variant=\"secondary\" intent=\"contrast\">\n                Skip\n              </Button>\n            )}\n            {isFinalStep && (\n              <Button mx={1} onClick={onFinish} variant=\"primary\" intent=\"contrast\" minW=\"82px\">\n                I got it\n              </Button>\n            )}\n            {!!onAction && (\n              <Button\n                ml={1}\n                mr={showSkipButton || isFinalStep ? 12 : 2}\n                onClick={onAction}\n                variant=\"primary\"\n                intent=\"contrast\"\n              >\n                {actionLabel}\n              </Button>\n            )}\n          </Box>\n        )}\n      </Box>\n    </Card>\n  )\n}\n\nTutorialCard.displayName = 'TutorialCard'\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"tutorialStep.d.ts","names":[],"sources":["../../src/tutorial/tutorialStep.tsx"],"mappings":";;;cAIa,YAAA;EAAA;;;;;KAA6D,iBAAA,mBAAiB,GAAA,CAAA,OAAA"}
+{"version":3,"file":"tutorialStep.d.ts","names":[],"sources":["../../src/tutorial/tutorialStep.tsx"],"mappings":";;;cAKa,YAAA;EAAA;;;;;KAA6D,iBAAA,mBAAiB,GAAA,CAAA,OAAA"}

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/tutorial/tutorialStep.js.map

@@ -1 +1 @@
-{"version":3,"file":"tutorialStep.js","names":[],"sources":["../../src/tutorial/tutorialStep.tsx"],"sourcesContent":["import { Box, H5, v } from '../index'\nimport { tutorialColors } from './consts'\nimport type { TutorialStepProps } from './tutorial.types'\n\nexport const TutorialStep = ({ active, content, title, useContentTitle }: TutorialStepProps) => (\n  <v.div className=\"vui-tutorialStep\" hidden={!active} pb={2}>\n    {!useContentTitle && (\n      <H5 color={tutorialColors.color} fontWeight=\"medium\" mb={1}>\n        {title}\n      </H5>\n    )}\n    <Box>{content}</Box>\n  </v.div>\n)\n\nTutorialStep.displayName = 'TutorialStep'\n"],"mappings":";;;;;;;AAIA,MAAa,gBAAgB,EAAE,QAAQ,SAAS,OAAO,sBACrD,qBAAC,EAAE,KAAH;CAAO,WAAU;CAAmB,QAAQ,CAAC;CAAQ,IAAI;WAAzD,CACG,CAAC,mBACA,oBAAC,IAAD;EAAI,OAAO,eAAe;EAAO,YAAW;EAAS,IAAI;YACtD;CACC,IAEN,oBAAC,KAAD,YAAM,QAAa,EACd;;AAGT,aAAa,cAAc"}
+{"version":3,"file":"tutorialStep.js","names":[],"sources":["../../src/tutorial/tutorialStep.tsx"],"sourcesContent":["import type { TutorialStepProps } from './tutorial.types'\n\nimport { Box, H5, v } from '../index'\nimport { tutorialColors } from './consts'\n\nexport const TutorialStep = ({ active, content, title, useContentTitle }: TutorialStepProps) => (\n  <v.div className=\"vui-tutorialStep\" hidden={!active} pb={2}>\n    {!useContentTitle && (\n      <H5 color={tutorialColors.color} fontWeight=\"medium\" mb={1}>\n        {title}\n      </H5>\n    )}\n    <Box>{content}</Box>\n  </v.div>\n)\n\nTutorialStep.displayName = 'TutorialStep'\n"],"mappings":";;;;;;;AAKA,MAAa,gBAAgB,EAAE,QAAQ,SAAS,OAAO,sBACrD,qBAAC,EAAE,KAAH;CAAO,WAAU;CAAmB,QAAQ,CAAC;CAAQ,IAAI;WAAzD,CACG,CAAC,mBACA,oBAAC,IAAD;EAAI,OAAO,eAAe;EAAO,YAAW;EAAS,IAAI;YACtD;CACC,IAEN,oBAAC,KAAD,YAAM,QAAa,EACd;;AAGT,aAAa,cAAc"}

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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"function.d.ts","names":[],"sources":["../../src/utils/function.ts"],"mappings":";;;;iBAIgB,OAAA,IAAW,GAAA,GAAM,WAAW,sBAC/B,IAAA;AAAA,iBAIG,IAAA;;;;;iBAMA,OAAA,OAAc,SAAA,EAAW,CAAA,QAAS,MAAA,EAAQ,CAAA,OAAQ,CAAA,MAAO,IAAA,EAAM,CAAA,KAAM,CAAA"}
+{"version":3,"file":"function.d.ts","names":[],"sources":["../../src/utils/function.ts"],"mappings":";;;;iBAKgB,OAAA,IAAW,GAAA,GAAM,WAAW,sBAC/B,IAAA;AAAA,iBAIG,IAAA;;;;;iBAMA,OAAA,OAAc,SAAA,EAAW,CAAA,QAAS,MAAA,EAAQ,CAAA,OAAQ,CAAA,MAAO,IAAA,EAAM,CAAA,KAAM,CAAA"}

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/function.js.map

@@ -1 +1 @@
-{"version":3,"file":"function.js","names":[],"sources":["../../src/utils/function.ts"],"sourcesContent":["import { isFunction } from './assertion'\nimport type { AnyFunction } from './types'\n\n/** Calls each provided function with the same set of arguments. Useful for merging multiple callbacks. */\nexport function callAll(...fns: (AnyFunction | undefined)[]) {\n  return (...args: any[]) => fns.forEach(fn => typeof fn === 'function' && fn(...args))\n}\n\n// Used as a safe default to be called when no function is provided.\nexport function noop() {}\n\n/**\n * If given value is a function, it's called with any additional arguments provided.\n * Otherwise, the provided value is returned directly.\n */\nexport function runIfFn<T, U>(valueOrFn: T | ((...fnArgs: U[]) => T), ...args: U[]): T {\n  return isFunction(valueOrFn) ? valueOrFn(...args) : valueOrFn\n}\n"],"mappings":";;;;AAIA,SAAgB,QAAQ,GAAG,KAAkC;CAC3D,QAAQ,GAAG,SAAgB,IAAI,SAAQ,OAAM,OAAO,OAAO,cAAc,GAAG,GAAG,IAAI,CAAC;AACtF;AAGA,SAAgB,OAAO,CAAC;;;;;AAMxB,SAAgB,QAAc,WAAwC,GAAG,MAAc;CACrF,OAAO,WAAW,SAAS,IAAI,UAAU,GAAG,IAAI,IAAI;AACtD"}
+{"version":3,"file":"function.js","names":[],"sources":["../../src/utils/function.ts"],"sourcesContent":["import type { AnyFunction } from './types'\n\nimport { isFunction } from './assertion'\n\n/** Calls each provided function with the same set of arguments. Useful for merging multiple callbacks. */\nexport function callAll(...fns: (AnyFunction | undefined)[]) {\n  return (...args: any[]) => fns.forEach(fn => typeof fn === 'function' && fn(...args))\n}\n\n// Used as a safe default to be called when no function is provided.\nexport function noop() {}\n\n/**\n * If given value is a function, it's called with any additional arguments provided.\n * Otherwise, the provided value is returned directly.\n */\nexport function runIfFn<T, U>(valueOrFn: T | ((...fnArgs: U[]) => T), ...args: U[]): T {\n  return isFunction(valueOrFn) ? valueOrFn(...args) : valueOrFn\n}\n"],"mappings":";;;;AAKA,SAAgB,QAAQ,GAAG,KAAkC;CAC3D,QAAQ,GAAG,SAAgB,IAAI,SAAQ,OAAM,OAAO,OAAO,cAAc,GAAG,GAAG,IAAI,CAAC;AACtF;AAGA,SAAgB,OAAO,CAAC;;;;;AAMxB,SAAgB,QAAc,WAAwC,GAAG,MAAc;CACrF,OAAO,WAAW,SAAS,IAAI,UAAU,GAAG,IAAI,IAAI;AACtD"}

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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"object.d.ts","names":[],"sources":["../../src/utils/object.ts"],"mappings":";;;;iBAIgB,eAAA,KAAoB,IAAA,EAAM,MAAA,EAAQ,CAAA,GAAC,OAAA,CAAA,IAAA,CAAA,CAAA;AAAnD;;;;;;AAAA,iBAUgB,KAAA,YAAiB,IAAA,EAAM,EAAA,EAAI,EAAA,GAAK,EAAA;AAAA,iBAChC,KAAA,YAAiB,IAAA,aAAiB,IAAA,EAAM,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,EAAA,GAAK,EAAA,GAAK,EAAA;AAAA,iBAC9D,KAAA,YAAiB,IAAA,aAAiB,IAAA,aAAiB,IAAA,EAAM,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,EAAA,GAAK,EAAA,GAAK,EAAA,GAAK,EAAA;AAAA,iBAC5F,KAAA,YAAiB,IAAA,aAAiB,IAAA,aAAiB,IAAA,aAAiB,IAAA,EAClF,EAAA,EAAI,EAAA,EACJ,EAAA,EAAI,EAAA,EACJ,EAAA,EAAI,EAAA,EACJ,EAAA,EAAI,EAAA,GACH,EAAA,GAAK,EAAA,GAAK,EAAA,GAAK,EAAA;;;;iBA6BF,YAAA,WAAuB,IAAA,kBAAsB,CAAA,EAC3D,MAAA,EAAQ,CAAA,EACR,EAAA,GAAK,KAAA,OAAY,GAAA,UAAa,MAAA,EAAQ,CAAA,eAAa,OAAA,CAAA,CAAA"}
+{"version":3,"file":"object.d.ts","names":[],"sources":["../../src/utils/object.ts"],"mappings":";;;;iBAKgB,eAAA,KAAoB,IAAA,EAAM,MAAA,EAAQ,CAAA,GAAC,OAAA,CAAA,IAAA,CAAA,CAAA;AAAnD;;;;;;AAAA,iBAUgB,KAAA,YAAiB,IAAA,EAAM,EAAA,EAAI,EAAA,GAAK,EAAA;AAAA,iBAChC,KAAA,YAAiB,IAAA,aAAiB,IAAA,EAAM,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,EAAA,GAAK,EAAA,GAAK,EAAA;AAAA,iBAC9D,KAAA,YAAiB,IAAA,aAAiB,IAAA,aAAiB,IAAA,EAAM,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,EAAA,GAAK,EAAA,GAAK,EAAA,GAAK,EAAA;AAAA,iBAC5F,KAAA,YAAiB,IAAA,aAAiB,IAAA,aAAiB,IAAA,aAAiB,IAAA,EAClF,EAAA,EAAI,EAAA,EACJ,EAAA,EAAI,EAAA,EACJ,EAAA,EAAI,EAAA,EACJ,EAAA,EAAI,EAAA,GACH,EAAA,GAAK,EAAA,GAAK,EAAA,GAAK,EAAA;;;;iBA6BF,YAAA,WAAuB,IAAA,kBAAsB,CAAA,EAC3D,MAAA,EAAQ,CAAA,EACR,EAAA,GAAK,KAAA,OAAY,GAAA,UAAa,MAAA,EAAQ,CAAA,eAAa,OAAA,CAAA,CAAA"}

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/object.js.map

@@ -1 +1 @@
-{"version":3,"file":"object.js","names":[],"sources":["../../src/utils/object.ts"],"sourcesContent":["import { isArray, isObject } from './assertion'\nimport type { Dict } from './types'\n\n/** Removes keys from an object if their value is undefined. */\nexport function filterUndefined<T = Dict>(object: T) {\n  return objectFilter(object as Dict<T>, val => val !== null && val !== undefined)\n}\n\n/**\n * Recursively deep merges two objects in an immutable fashion, following these rules:\n * - Key exists in target and both keys are objects => merge\n * - Key exists in target and both keys are arrays => concat (not unique)\n * - Key isn't an object, an array or doesn't exist in target => override\n */\nexport function merge<S1 extends Dict>(s1: S1): S1\nexport function merge<S1 extends Dict, S2 extends Dict>(s1: S1, s2: S2): S1 & S2\nexport function merge<S1 extends Dict, S2 extends Dict, S3 extends Dict>(s1: S1, s2: S2, s3: S3): S1 & S2 & S3\nexport function merge<S1 extends Dict, S2 extends Dict, S3 extends Dict, S4 extends Dict>(\n  s1: S1,\n  s2: S2,\n  s3: S3,\n  s4: S4,\n): S1 & S2 & S3 & S4\nexport function merge(...sources: any[]): any {\n  const target = {} as Dict\n\n  sources.forEach(source => {\n    if (!isObject(source)) return\n\n    Object.keys(source).forEach(key => {\n      if (key === '__proto__') return\n\n      if (isObject(target[key]) && isObject(source[key])) {\n        // Merge objects\n        target[key] = merge(target[key], source[key])\n      } else if (isArray(target[key]) && isArray(source[key])) {\n        // Concat arrays\n        target[key] = target[key].concat(source[key])\n      } else if (source[key] !== undefined) {\n        // Pick source if it exists\n        target[key] = source[key]\n      }\n    })\n  })\n\n  return target\n}\n\n/**\n * Returns the items of an object that meet the condition specified in a callback function.\n */\nexport function objectFilter<T extends Dict, K extends keyof T>(\n  object: T,\n  fn: (value: any, key: string, object: T) => boolean,\n) {\n  const result: Partial<T> = {}\n\n  Object.keys(object).forEach(key => {\n    const value = object[key]\n    const shouldPass = fn(value, key, object)\n    if (shouldPass) {\n      result[key as K] = value\n    }\n  })\n\n  return result\n}\n"],"mappings":";;;;AAIA,SAAgB,gBAA0B,QAAW;CACnD,OAAO,aAAa,SAAmB,QAAO,QAAQ,QAAQ,QAAQ,MAAS;AACjF;AAiBA,SAAgB,MAAM,GAAG,SAAqB;CAC5C,MAAM,SAAS,CAAC;CAEhB,QAAQ,SAAQ,WAAU;EACxB,IAAI,CAAC,SAAS,MAAM,GAAG;EAEvB,OAAO,KAAK,MAAM,CAAC,CAAC,SAAQ,QAAO;GACjC,IAAI,QAAQ,aAAa;GAEzB,IAAI,SAAS,OAAO,IAAI,KAAK,SAAS,OAAO,IAAI,GAE/C,OAAO,OAAO,MAAM,OAAO,MAAM,OAAO,IAAI;QACvC,IAAI,QAAQ,OAAO,IAAI,KAAK,QAAQ,OAAO,IAAI,GAEpD,OAAO,OAAO,OAAO,IAAI,CAAC,OAAO,OAAO,IAAI;QACvC,IAAI,OAAO,SAAS,QAEzB,OAAO,OAAO,OAAO;EAEzB,CAAC;CACH,CAAC;CAED,OAAO;AACT;;;;AAKA,SAAgB,aACd,QACA,IACA;CACA,MAAM,SAAqB,CAAC;CAE5B,OAAO,KAAK,MAAM,CAAC,CAAC,SAAQ,QAAO;EACjC,MAAM,QAAQ,OAAO;EAErB,IADmB,GAAG,OAAO,KAAK,MACrB,GACX,OAAO,OAAY;CAEvB,CAAC;CAED,OAAO;AACT"}
+{"version":3,"file":"object.js","names":[],"sources":["../../src/utils/object.ts"],"sourcesContent":["import type { Dict } from './types'\n\nimport { isArray, isObject } from './assertion'\n\n/** Removes keys from an object if their value is undefined. */\nexport function filterUndefined<T = Dict>(object: T) {\n  return objectFilter(object as Dict<T>, val => val !== null && val !== undefined)\n}\n\n/**\n * Recursively deep merges two objects in an immutable fashion, following these rules:\n * - Key exists in target and both keys are objects => merge\n * - Key exists in target and both keys are arrays => concat (not unique)\n * - Key isn't an object, an array or doesn't exist in target => override\n */\nexport function merge<S1 extends Dict>(s1: S1): S1\nexport function merge<S1 extends Dict, S2 extends Dict>(s1: S1, s2: S2): S1 & S2\nexport function merge<S1 extends Dict, S2 extends Dict, S3 extends Dict>(s1: S1, s2: S2, s3: S3): S1 & S2 & S3\nexport function merge<S1 extends Dict, S2 extends Dict, S3 extends Dict, S4 extends Dict>(\n  s1: S1,\n  s2: S2,\n  s3: S3,\n  s4: S4,\n): S1 & S2 & S3 & S4\nexport function merge(...sources: any[]): any {\n  const target = {} as Dict\n\n  sources.forEach(source => {\n    if (!isObject(source)) return\n\n    Object.keys(source).forEach(key => {\n      if (key === '__proto__') return\n\n      if (isObject(target[key]) && isObject(source[key])) {\n        // Merge objects\n        target[key] = merge(target[key], source[key])\n      } else if (isArray(target[key]) && isArray(source[key])) {\n        // Concat arrays\n        target[key] = target[key].concat(source[key])\n      } else if (source[key] !== undefined) {\n        // Pick source if it exists\n        target[key] = source[key]\n      }\n    })\n  })\n\n  return target\n}\n\n/**\n * Returns the items of an object that meet the condition specified in a callback function.\n */\nexport function objectFilter<T extends Dict, K extends keyof T>(\n  object: T,\n  fn: (value: any, key: string, object: T) => boolean,\n) {\n  const result: Partial<T> = {}\n\n  Object.keys(object).forEach(key => {\n    const value = object[key]\n    const shouldPass = fn(value, key, object)\n    if (shouldPass) {\n      result[key as K] = value\n    }\n  })\n\n  return result\n}\n"],"mappings":";;;;AAKA,SAAgB,gBAA0B,QAAW;CACnD,OAAO,aAAa,SAAmB,QAAO,QAAQ,QAAQ,QAAQ,MAAS;AACjF;AAiBA,SAAgB,MAAM,GAAG,SAAqB;CAC5C,MAAM,SAAS,CAAC;CAEhB,QAAQ,SAAQ,WAAU;EACxB,IAAI,CAAC,SAAS,MAAM,GAAG;EAEvB,OAAO,KAAK,MAAM,CAAC,CAAC,SAAQ,QAAO;GACjC,IAAI,QAAQ,aAAa;GAEzB,IAAI,SAAS,OAAO,IAAI,KAAK,SAAS,OAAO,IAAI,GAE/C,OAAO,OAAO,MAAM,OAAO,MAAM,OAAO,IAAI;QACvC,IAAI,QAAQ,OAAO,IAAI,KAAK,QAAQ,OAAO,IAAI,GAEpD,OAAO,OAAO,OAAO,IAAI,CAAC,OAAO,OAAO,IAAI;QACvC,IAAI,OAAO,SAAS,QAEzB,OAAO,OAAO,OAAO;EAEzB,CAAC;CACH,CAAC;CAED,OAAO;AACT;;;;AAKA,SAAgB,aACd,QACA,IACA;CACA,MAAM,SAAqB,CAAC;CAE5B,OAAO,KAAK,MAAM,CAAC,CAAC,SAAQ,QAAO;EACjC,MAAM,QAAQ,OAAO;EAErB,IADmB,GAAG,OAAO,KAAK,MACrB,GACX,OAAO,OAAY;CAEvB,CAAC;CAED,OAAO;AACT"}

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":";;;;KASK,QAAA,MAAc,KAAA,CAAM,GAAA,CAAI,CAAA,IAAK,KAAA,CAAM,SAAA,CAAU,CAAA,IAAK,KAAA,CAAM,gBAAA,CAAiB,CAAA;AALO;;;;AAAA,iBAWrE,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'\n\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\n\nimport type { AnyFunction, CreateContextOptions, CreateContextReturn } from './types'\n\nimport { isArray, isFunction } from './assertion'\nimport { runIfFn } from './function'\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":";;;;;;;;;AAeA,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