@veracity/vui 5.2.2 → 5.2.3-alpha.400759.2606230846

package/dist/textarea/textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.js","names":[],"sources":["../../src/textarea/textarea.tsx"],"sourcesContent":["import { useEffect, useId, useState } from 'react'\n\nimport { Box, Label } from '..'\nimport { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport { helpTextMargin, helpTextSize, inputColors } from '../input/consts'\nimport HelpText from '../input/helpText'\nimport T from '../t'\nimport type { ChangeEvent } from '../utils'\nimport { cs, filterUndefined, isString } from '../utils'\nimport { getInitialCount } from './helpers'\nimport type { TextareaProps } from './textarea.types'\n\nconst TextareaTextarea = styled.textareaBox`\n  border-radius: none;\n  border-width: 1px;\n  outline: none;\n  padding: 1;\n  resize: none;\n  min-height: 80px;\n  transition-duration: fast;\n  width: 100%;\n\n  &[aria-disabled='true'] {\n    opacity: 0.5;\n    cursor: not-allowed;\n    background-color: sandstone.79;\n    border-color: sandstone.79;\n  }\n`\n\nexport const TextareaBase = styled.divBox`\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n`\n\n/**\n * Displays a textarea element wrapped in a div to allow extra content, like counter.\n * Forwards many relevant props to the inner textarea. Exposes some props to the children via context.\n */\nexport const Textarea = vui<'div', TextareaProps>((props, ref) => {\n  const {\n    autoFocus,\n    ariaLabel,\n    className,\n    colorScheme: colorSchemeProp,\n    cols,\n    defaultValue,\n    disabled,\n    errorText,\n    id: idProp,\n    helpText,\n    label,\n    labelMarkOptional,\n    labelTooltipText,\n    maxLength,\n    name,\n    onBlur,\n    onChange: onChangeProp,\n    onFocus,\n    placeholder,\n    readOnly,\n    required,\n    resize = 'none',\n    rows,\n    showCount,\n    textareaProps = {},\n    textareaRef,\n    value,\n    ...rest\n  } = omitThemingProps(props)\n\n  const generatedId = useId()\n  const [count, setCount] = useState(() => getInitialCount(props))\n  const [valueInternal, setValueInternal] = useState(defaultValue)\n\n  const id = idProp || generatedId\n\n  const styles = useStyleConfig('Textarea', props)\n\n  function onChange(e: ChangeEvent<HTMLTextAreaElement>) {\n    setValueInternal(e.target.value)\n    setCount(e.target.value.length)\n    onChangeProp?.(e)\n  }\n\n  const aliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n  })\n\n  const textareaAliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n    'aria-label': ariaLabel,\n    bg: readOnly ? 'sandstone.97' : undefined,\n    borderColor: readOnly ? 'sandstone.55' : undefined,\n    focusWithinBorderColor: !readOnly ? 'transparent' : undefined,\n    focusWithinRingColor: readOnly ? 'transparent' : undefined,\n  })\n\n  useEffect(() => {\n    setValueInternal(value)\n    setCount(value?.toString()?.length ? `${value}`.length : 0)\n  }, [value])\n\n  return (\n    <Box className=\"vui-textareaContainer\" column ref={ref} {...rest}>\n      {isString(label) ? (\n        <Label\n          aria-disabled={disabled}\n          className=\"vui-textareaLabel\"\n          htmlFor={id}\n          markAsOptional={labelMarkOptional}\n          mb={0.5}\n          text={label}\n          tooltipText={labelTooltipText}\n          {...styles.label}\n        />\n      ) : (\n        label\n      )}\n      <TextareaBase className={cs('vui-textarea', className)} {...styles.container} {...aliasedProps}>\n        <TextareaTextarea\n          className=\"vui-textareaTextarea\"\n          ref={textareaRef}\n          {...{\n            autoFocus,\n            cols,\n            defaultValue,\n            disabled,\n            id,\n            maxLength,\n            name,\n            onBlur,\n            onChange,\n            onFocus,\n            placeholder,\n            readOnly,\n            required,\n            resize,\n            rows,\n          }}\n          value={valueInternal}\n          {...styles.textarea}\n          {...textareaAliasedProps}\n          {...textareaProps}\n        />\n\n        {showCount && (\n          <T\n            className=\"vui-textareaCount\"\n            color={maxLength && count > maxLength ? inputColors.error : inputColors.helpText}\n            position=\"absolute\"\n            right={0}\n            size=\"sm\"\n            top=\"calc(100% + 1px)\"\n          >\n            {count} {maxLength ? `/ ${maxLength}` : null}\n          </T>\n        )}\n      </TextareaBase>\n      {!!helpText && <HelpText size={helpTextSize['lg']}>{helpText}</HelpText>}\n      {!!errorText && (\n        <HelpText isError mr={showCount ? helpTextMargin : undefined} size={helpTextSize['lg']}>\n          {errorText}\n        </HelpText>\n      )}\n    </Box>\n  )\n})\n\nTextarea.displayName = 'Textarea'\n\nexport default Textarea\n"],"mappings":";;;;;;;;;;;;;;;;AAYA,MAAM,mBAAmB,OAAO,WAAW;;;;;;;;;;;;;;;;;AAkB3C,MAAa,eAAe,OAAO,MAAM;;;;;;;;;;AAWzC,MAAa,WAAW,KAA2B,OAAO,QAAQ;CAChE,MAAM,EACJ,WACA,WACA,WACA,aAAa,iBACb,MACA,cACA,UACA,WACA,IAAI,QACJ,UACA,OACA,mBACA,kBACA,WACA,MACA,QACA,UAAU,cACV,SACA,aACA,UACA,UACA,SAAS,QACT,MACA,WACA,gBAAgB,CAAC,GACjB,aACA,OACA,GAAG,SACD,iBAAiB,KAAK;CAE1B,MAAM,cAAc,MAAM;CAC1B,MAAM,CAAC,OAAO,YAAY,eAAe,gBAAgB,KAAK,CAAC;CAC/D,MAAM,CAAC,eAAe,oBAAoB,SAAS,YAAY;CAE/D,MAAM,KAAK,UAAU;CAErB,MAAM,SAAS,eAAe,YAAY,KAAK;CAE/C,SAAS,SAAS,GAAqC;EACrD,iBAAiB,EAAE,OAAO,KAAK;EAC/B,SAAS,EAAE,OAAO,MAAM,MAAM;EAC9B,eAAe,CAAC;CAClB;CAEA,MAAM,eAAe,gBAAgB,EACnC,iBAAiB,SACnB,CAAC;CAED,MAAM,uBAAuB,gBAAgB;EAC3C,iBAAiB;EACjB,cAAc;EACd,IAAI,WAAW,iBAAiB;EAChC,aAAa,WAAW,iBAAiB;EACzC,wBAAwB,CAAC,WAAW,gBAAgB;EACpD,sBAAsB,WAAW,gBAAgB;CACnD,CAAC;CAED,gBAAgB;EACd,iBAAiB,KAAK;EACtB,SAAS,OAAO,SAAS,CAAC,EAAE,SAAS,GAAG,QAAQ,SAAS,CAAC;CAC5D,GAAG,CAAC,KAAK,CAAC;CAEV,OACE,qBAAC,KAAD;EAAK,WAAU;EAAwB;EAAY;EAAK,GAAI;YAA5D;GACG,SAAS,KAAK,IACb,oBAAC,OAAD;IACE,iBAAe;IACf,WAAU;IACV,SAAS;IACT,gBAAgB;IAChB,IAAI;IACJ,MAAM;IACN,aAAa;IACb,GAAI,OAAO;GACZ,KAED;GAEF,qBAAC,cAAD;IAAc,WAAW,GAAG,gBAAgB,SAAS;IAAG,GAAI,OAAO;IAAW,GAAI;cAAlF,CACE,oBAAC,kBAAD;KACE,WAAU;KACV,KAAK;KAEH;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KAEF,OAAO;KACP,GAAI,OAAO;KACX,GAAI;KACJ,GAAI;IACL,IAEA,aACC,qBAAC,GAAD;KACE,WAAU;KACV,OAAO,aAAa,QAAQ,YAAY,YAAY,QAAQ,YAAY;KACxE,UAAS;KACT,OAAO;KACP,MAAK;KACL,KAAI;eANN;MAQG;MAAM;MAAE,YAAY,KAAK,cAAc;KACvC;MAEO;;GACb,CAAC,CAAC,YAAY,oBAAC,UAAD;IAAU,MAAM,aAAa;cAAQ;GAAmB;GACtE,CAAC,CAAC,aACD,oBAAC,UAAD;IAAU;IAAQ,IAAI,qBAA6B;IAAW,MAAM,aAAa;cAC9E;GACO;EAET;;AAET,CAAC;AAED,SAAS,cAAc"}
+{"version":3,"file":"textarea.js","names":[],"sources":["../../src/textarea/textarea.tsx"],"sourcesContent":["import { useEffect, useId, useState } from 'react'\n\nimport type { ChangeEvent } from '../utils'\nimport type { TextareaProps } from './textarea.types'\n\nimport { Box, Label } from '..'\nimport { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport { helpTextMargin, helpTextSize, inputColors } from '../input/consts'\nimport HelpText from '../input/helpText'\nimport T from '../t'\nimport { cs, filterUndefined, isString } from '../utils'\nimport { getInitialCount } from './helpers'\n\nconst TextareaTextarea = styled.textareaBox`\n  border-radius: none;\n  border-width: 1px;\n  outline: none;\n  padding: 1;\n  resize: none;\n  min-height: 80px;\n  transition-duration: fast;\n  width: 100%;\n\n  &[aria-disabled='true'] {\n    opacity: 0.5;\n    cursor: not-allowed;\n    background-color: sandstone.79;\n    border-color: sandstone.79;\n  }\n`\n\nexport const TextareaBase = styled.divBox`\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n`\n\n/**\n * Displays a textarea element wrapped in a div to allow extra content, like counter.\n * Forwards many relevant props to the inner textarea. Exposes some props to the children via context.\n */\nexport const Textarea = vui<'div', TextareaProps>((props, ref) => {\n  const {\n    autoFocus,\n    ariaLabel,\n    className,\n    colorScheme: colorSchemeProp,\n    cols,\n    defaultValue,\n    disabled,\n    errorText,\n    id: idProp,\n    helpText,\n    label,\n    labelMarkOptional,\n    labelTooltipText,\n    maxLength,\n    name,\n    onBlur,\n    onChange: onChangeProp,\n    onFocus,\n    placeholder,\n    readOnly,\n    required,\n    resize = 'none',\n    rows,\n    showCount,\n    textareaProps = {},\n    textareaRef,\n    value,\n    ...rest\n  } = omitThemingProps(props)\n\n  const generatedId = useId()\n  const [count, setCount] = useState(() => getInitialCount(props))\n  const [valueInternal, setValueInternal] = useState(defaultValue)\n\n  const id = idProp || generatedId\n\n  const styles = useStyleConfig('Textarea', props)\n\n  function onChange(e: ChangeEvent<HTMLTextAreaElement>) {\n    setValueInternal(e.target.value)\n    setCount(e.target.value.length)\n    onChangeProp?.(e)\n  }\n\n  const aliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n  })\n\n  const textareaAliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n    'aria-label': ariaLabel,\n    bg: readOnly ? 'sandstone.97' : undefined,\n    borderColor: readOnly ? 'sandstone.55' : undefined,\n    focusWithinBorderColor: !readOnly ? 'transparent' : undefined,\n    focusWithinRingColor: readOnly ? 'transparent' : undefined,\n  })\n\n  useEffect(() => {\n    setValueInternal(value)\n    setCount(value?.toString()?.length ? `${value}`.length : 0)\n  }, [value])\n\n  return (\n    <Box className=\"vui-textareaContainer\" column ref={ref} {...rest}>\n      {isString(label) ? (\n        <Label\n          aria-disabled={disabled}\n          className=\"vui-textareaLabel\"\n          htmlFor={id}\n          markAsOptional={labelMarkOptional}\n          mb={0.5}\n          text={label}\n          tooltipText={labelTooltipText}\n          {...styles.label}\n        />\n      ) : (\n        label\n      )}\n      <TextareaBase className={cs('vui-textarea', className)} {...styles.container} {...aliasedProps}>\n        <TextareaTextarea\n          className=\"vui-textareaTextarea\"\n          ref={textareaRef}\n          {...{\n            autoFocus,\n            cols,\n            defaultValue,\n            disabled,\n            id,\n            maxLength,\n            name,\n            onBlur,\n            onChange,\n            onFocus,\n            placeholder,\n            readOnly,\n            required,\n            resize,\n            rows,\n          }}\n          value={valueInternal}\n          {...styles.textarea}\n          {...textareaAliasedProps}\n          {...textareaProps}\n        />\n\n        {showCount && (\n          <T\n            className=\"vui-textareaCount\"\n            color={maxLength && count > maxLength ? inputColors.error : inputColors.helpText}\n            position=\"absolute\"\n            right={0}\n            size=\"sm\"\n            top=\"calc(100% + 1px)\"\n          >\n            {count} {maxLength ? `/ ${maxLength}` : null}\n          </T>\n        )}\n      </TextareaBase>\n      {!!helpText && <HelpText size={helpTextSize['lg']}>{helpText}</HelpText>}\n      {!!errorText && (\n        <HelpText isError mr={showCount ? helpTextMargin : undefined} size={helpTextSize['lg']}>\n          {errorText}\n        </HelpText>\n      )}\n    </Box>\n  )\n})\n\nTextarea.displayName = 'Textarea'\n\nexport default Textarea\n"],"mappings":";;;;;;;;;;;;;;;;AAaA,MAAM,mBAAmB,OAAO,WAAW;;;;;;;;;;;;;;;;;AAkB3C,MAAa,eAAe,OAAO,MAAM;;;;;;;;;;AAWzC,MAAa,WAAW,KAA2B,OAAO,QAAQ;CAChE,MAAM,EACJ,WACA,WACA,WACA,aAAa,iBACb,MACA,cACA,UACA,WACA,IAAI,QACJ,UACA,OACA,mBACA,kBACA,WACA,MACA,QACA,UAAU,cACV,SACA,aACA,UACA,UACA,SAAS,QACT,MACA,WACA,gBAAgB,CAAC,GACjB,aACA,OACA,GAAG,SACD,iBAAiB,KAAK;CAE1B,MAAM,cAAc,MAAM;CAC1B,MAAM,CAAC,OAAO,YAAY,eAAe,gBAAgB,KAAK,CAAC;CAC/D,MAAM,CAAC,eAAe,oBAAoB,SAAS,YAAY;CAE/D,MAAM,KAAK,UAAU;CAErB,MAAM,SAAS,eAAe,YAAY,KAAK;CAE/C,SAAS,SAAS,GAAqC;EACrD,iBAAiB,EAAE,OAAO,KAAK;EAC/B,SAAS,EAAE,OAAO,MAAM,MAAM;EAC9B,eAAe,CAAC;CAClB;CAEA,MAAM,eAAe,gBAAgB,EACnC,iBAAiB,SACnB,CAAC;CAED,MAAM,uBAAuB,gBAAgB;EAC3C,iBAAiB;EACjB,cAAc;EACd,IAAI,WAAW,iBAAiB;EAChC,aAAa,WAAW,iBAAiB;EACzC,wBAAwB,CAAC,WAAW,gBAAgB;EACpD,sBAAsB,WAAW,gBAAgB;CACnD,CAAC;CAED,gBAAgB;EACd,iBAAiB,KAAK;EACtB,SAAS,OAAO,SAAS,CAAC,EAAE,SAAS,GAAG,QAAQ,SAAS,CAAC;CAC5D,GAAG,CAAC,KAAK,CAAC;CAEV,OACE,qBAAC,KAAD;EAAK,WAAU;EAAwB;EAAY;EAAK,GAAI;YAA5D;GACG,SAAS,KAAK,IACb,oBAAC,OAAD;IACE,iBAAe;IACf,WAAU;IACV,SAAS;IACT,gBAAgB;IAChB,IAAI;IACJ,MAAM;IACN,aAAa;IACb,GAAI,OAAO;GACZ,KAED;GAEF,qBAAC,cAAD;IAAc,WAAW,GAAG,gBAAgB,SAAS;IAAG,GAAI,OAAO;IAAW,GAAI;cAAlF,CACE,oBAAC,kBAAD;KACE,WAAU;KACV,KAAK;KAEH;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KAEF,OAAO;KACP,GAAI,OAAO;KACX,GAAI;KACJ,GAAI;IACL,IAEA,aACC,qBAAC,GAAD;KACE,WAAU;KACV,OAAO,aAAa,QAAQ,YAAY,YAAY,QAAQ,YAAY;KACxE,UAAS;KACT,OAAO;KACP,MAAK;KACL,KAAI;eANN;MAQG;MAAM;MAAE,YAAY,KAAK,cAAc;KACvC;MAEO;;GACb,CAAC,CAAC,YAAY,oBAAC,UAAD;IAAU,MAAM,aAAa;cAAQ;GAAmB;GACtE,CAAC,CAAC,aACD,oBAAC,UAAD;IAAU;IAAQ,IAAI,qBAA6B;IAAW,MAAM,aAAa;cAC9E;GACO;EAET;;AAET,CAAC;AAED,SAAS,cAAc"}

package/dist/textarea/theme.js

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

package/dist/theme/components.js

@@ -124,5 +124,5 @@ var components_default = {
 
 //#endregion
 export { components_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=components.js.map

package/dist/theme/defaultTheme.js

@@ -9,5 +9,5 @@ const defaultTheme = {
 
 //#endregion
 export { defaultTheme as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=defaultTheme.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"extendTheme.d.ts","names":[],"sources":["../../src/theme/extendTheme.ts"],"mappings":";;;;iBAKgB,WAAA,CAAY,UAAA,EAAY,kBAAA,GAAqB,QAAQ"}
+{"version":3,"file":"extendTheme.d.ts","names":[],"sources":["../../src/theme/extendTheme.ts"],"mappings":";;;;iBAMgB,WAAA,CAAY,UAAA,EAAY,kBAAA,GAAqB,QAAQ"}

package/dist/theme/extendTheme.js

@@ -9,5 +9,5 @@ function extendTheme(extensions) {
 
 //#endregion
 export { extendTheme };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=extendTheme.js.map

package/dist/theme/extendTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"extendTheme.js","names":[],"sources":["../../src/theme/extendTheme.ts"],"sourcesContent":["import { merge } from '../utils'\nimport defaultTheme from './defaultTheme'\nimport type { VuiTheme, VuiThemeExtensions } from './types'\n\n/** Merges provided theme extensions and overrides with default VUI theme. */\nexport function extendTheme(extensions: VuiThemeExtensions): VuiTheme {\n  return merge(defaultTheme, extensions)\n}\n"],"mappings":";;;;;AAKA,SAAgB,YAAY,YAA0C;CACpE,OAAO,MAAM,cAAc,UAAU;AACvC"}
+{"version":3,"file":"extendTheme.js","names":[],"sources":["../../src/theme/extendTheme.ts"],"sourcesContent":["import type { VuiTheme, VuiThemeExtensions } from './types'\n\nimport { merge } from '../utils'\nimport defaultTheme from './defaultTheme'\n\n/** Merges provided theme extensions and overrides with default VUI theme. */\nexport function extendTheme(extensions: VuiThemeExtensions): VuiTheme {\n  return merge(defaultTheme, extensions)\n}\n"],"mappings":";;;;;AAMA,SAAgB,YAAY,YAA0C;CACpE,OAAO,MAAM,cAAc,UAAU;AACvC"}

package/dist/theme/foundations/animations.js

@@ -16,5 +16,5 @@ var animations_default = {
 
 //#endregion
 export { animations_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=animations.js.map

package/dist/theme/foundations/borders.js

@@ -3,5 +3,5 @@ var borders_default = {};
 
 //#endregion
 export { borders_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=borders.js.map

package/dist/theme/foundations/colors.js

@@ -480,5 +480,5 @@ var colors_default = {
 
 //#endregion
 export { darkBlue, colors_default as default, energyRed, grey, landGreen };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=colors.js.map

package/dist/theme/foundations/durations.js

@@ -8,5 +8,5 @@ var durations_default = {
 
 //#endregion
 export { durations_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=durations.js.map

package/dist/theme/foundations/fontSizes.js

@@ -8,5 +8,5 @@ var fontSizes_default = {
 
 //#endregion
 export { fontSizes_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=fontSizes.js.map

package/dist/theme/foundations/fontWeights.js

@@ -7,5 +7,5 @@ var fontWeights_default = {
 
 //#endregion
 export { fontWeights_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=fontWeights.js.map

package/dist/theme/foundations/fonts.js

@@ -7,5 +7,5 @@ var fonts_default = {
 
 //#endregion
 export { fonts_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=fonts.js.map

package/dist/theme/foundations/gridTemplateColumns.js

@@ -16,5 +16,5 @@ var gridTemplateColumns_default = {
 
 //#endregion
 export { gridTemplateColumns_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=gridTemplateColumns.js.map

package/dist/theme/foundations/gridTemplateRows.js

@@ -10,5 +10,5 @@ var gridTemplateRows_default = {
 
 //#endregion
 export { gridTemplateRows_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=gridTemplateRows.js.map

package/dist/theme/foundations/index.js

@@ -45,5 +45,5 @@ var foundations_default = {
 
 //#endregion
 export { foundations_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=index.js.map

package/dist/theme/foundations/radii.js

@@ -14,5 +14,5 @@ var radii_default = {
 
 //#endregion
 export { radii_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=radii.js.map

package/dist/theme/foundations/ringWidths.js

@@ -3,5 +3,5 @@ var ringWidths_default = {};
 
 //#endregion
 export { ringWidths_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=ringWidths.js.map

package/dist/theme/foundations/screens.js

@@ -11,5 +11,5 @@ var screens_default = {
 
 //#endregion
 export { screens_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=screens.js.map

package/dist/theme/foundations/shadows.js

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

package/dist/theme/foundations/sizes.js

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

package/dist/theme/foundations/spaces.js

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

package/dist/theme/foundations/timingFunctions.js

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

package/dist/theme/foundations/transformers.js

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

package/dist/theme/foundations/transforms.js

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

package/dist/theme/foundations/transitions.js

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

package/dist/theme/foundations/zIndices.js

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

package/dist/theme/themePlaceholder.js

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

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

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

package/dist/toast/toast.js

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

package/dist/toast/toast.js.map

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

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

@@ -1 +1 @@
-{"version":3,"file":"useToast.d.ts","names":[],"sources":["../../src/toast/useToast.tsx"],"mappings":";;;;cAQa,eAAA;AAAA,cACA,iBAAA;AAAA,cACA,iBAAA;AAAA,cAWA,QAAA;wBAG8B,YAAA;;mBAqChC,SAAA,EAAS,QAAA,GAAY,aAAA;sBAKrB,SAAA,EAAS,QAAA,GAAY,aAAA;sBAKrB,SAAA,EAAS,QAAA,GAAY,aAAA;oBAKrB,SAAA,EAAS,QAAA,GAAY,aAAA;sBAKrB,SAAA,EAAS,QAAA,GAAY,aAAA;AAAA"}
+{"version":3,"file":"useToast.d.ts","names":[],"sources":["../../src/toast/useToast.tsx"],"mappings":";;;;cAUa,eAAA;AAAA,cACA,iBAAA;AAAA,cACA,iBAAA;AAAA,cAWA,QAAA;wBAG8B,YAAA;;mBAqChC,SAAA,EAAS,QAAA,GAAY,aAAA;sBAKrB,SAAA,EAAS,QAAA,GAAY,aAAA;sBAKrB,SAAA,EAAS,QAAA,GAAY,aAAA;oBAKrB,SAAA,EAAS,QAAA,GAAY,aAAA;sBAKrB,SAAA,EAAS,QAAA,GAAY,aAAA;AAAA"}

package/dist/toast/useToast.js

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

package/dist/toast/useToast.js.map

@@ -1 +1 @@
-{"version":3,"file":"useToast.js","names":[],"sources":["../../src/toast/useToast.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useCallback } from 'react'\n\nimport { useVuiContext } from '../core/vuiProvider/context'\nimport { Notification } from '../notification'\nimport { uid } from '../utils'\nimport type { ToastDuration, ToastOptions, ToastSetup } from './toast.types'\n\nexport const defaultDuration = 'fast'\nexport const fastToastDuration = 4000\nexport const slowToastDuration = 8000\n\nconst setup: ToastSetup = {\n  options: {\n    duration: defaultDuration,\n  },\n  componentList: [],\n}\n\nconst getDurationTime = (duration: ToastDuration) => (duration === 'fast' ? fastToastDuration : slowToastDuration)\n\nexport const useToast = () => {\n  const { addToast, removeToast } = useVuiContext()\n\n  const showToast = useCallback((options?: ToastOptions): void => {\n    const id = options?.id ? options.id : uid('toast')\n    const { duration = setup.options.duration, status = 'info', action, icon, text, title } = options || {}\n\n    const toast = {\n      id,\n      component: (\n        <Notification\n          action={action}\n          animation=\"fadeDown\"\n          elevation={3}\n          icon={icon}\n          mt={{ md: 1, sm: '4px', xs: '4px' }}\n          onClose={() => removeToast(id)}\n          status={status}\n          text={text}\n          title={title}\n          align=\"center\"\n          // Q7: Toasts pin role=status / aria-live=polite regardless of intent to preserve\n          // current SR behavior (the auto-mapping in Notification would otherwise upgrade\n          // warning/danger intents to role=alert / assertive). Full toast migration is a\n          // follow-up; this override keeps the existing user-perceived behavior intact.\n          role=\"status\"\n          ariaLive=\"polite\"\n          w={1}\n        />\n      ),\n    }\n\n    addToast(toast)\n\n    if (duration && duration !== 'sticky') {\n      window.setTimeout(() => removeToast(id), getDurationTime(duration))\n    }\n  }, [])\n\n  const showInfo = useCallback(\n    (text: ReactNode, duration: ToastDuration = defaultDuration) => showToast({ text, status: 'info', duration }),\n    [showToast],\n  )\n\n  const showSuccess = useCallback(\n    (text: ReactNode, duration: ToastDuration = defaultDuration) => showToast({ text, status: 'success', duration }),\n    [showToast],\n  )\n\n  const showWarning = useCallback(\n    (text: ReactNode, duration: ToastDuration = defaultDuration) => showToast({ text, status: 'warning', duration }),\n    [showToast],\n  )\n\n  const showError = useCallback(\n    (text: ReactNode, duration: ToastDuration = defaultDuration) => showToast({ text, status: 'error', duration }),\n    [showToast],\n  )\n\n  const showLoading = useCallback(\n    (text: ReactNode, duration: ToastDuration = defaultDuration) => showToast({ text, status: 'loading', duration }),\n    [showToast],\n  )\n\n  return {\n    showToast,\n    hideToast: removeToast,\n    showInfo,\n    showSuccess,\n    showWarning,\n    showError,\n    showLoading,\n  }\n}\n"],"mappings":";;;;;;;AAQA,MAAa,kBAAkB;AAC/B,MAAa,oBAAoB;AACjC,MAAa,oBAAoB;AAEjC,MAAM,QAAoB;CACxB,SAAS,EACP,UAAU,gBACZ;CACA,eAAe,CAAC;AAClB;AAEA,MAAM,mBAAmB,aAA6B,aAAa,SAAS,oBAAoB;AAEhG,MAAa,iBAAiB;CAC5B,MAAM,EAAE,UAAU,gBAAgB,cAAc;CAEhD,MAAM,YAAY,aAAa,YAAiC;EAC9D,MAAM,KAAK,SAAS,KAAK,QAAQ,KAAK,IAAI,OAAO;EACjD,MAAM,EAAE,WAAW,MAAM,QAAQ,UAAU,SAAS,QAAQ,QAAQ,MAAM,MAAM,UAAU,WAAW,CAAC;EA2BtG,SAAS;GAxBP;GACA,WACE,oBAAC,cAAD;IACU;IACR,WAAU;IACV,WAAW;IACL;IACN,IAAI;KAAE,IAAI;KAAG,IAAI;KAAO,IAAI;IAAM;IAClC,eAAe,YAAY,EAAE;IACrB;IACF;IACC;IACP,OAAM;IAKN,MAAK;IACL,UAAS;IACT,GAAG;GACJ;EAIQ,CAAC;EAEd,IAAI,YAAY,aAAa,UAC3B,OAAO,iBAAiB,YAAY,EAAE,GAAG,gBAAgB,QAAQ,CAAC;CAEtE,GAAG,CAAC,CAAC;CA2BL,OAAO;EACL;EACA,WAAW;EACX,UA5Be,aACd,MAAiB,WAA0B,oBAAoB,UAAU;GAAE;GAAM,QAAQ;GAAQ;EAAS,CAAC,GAC5G,CAAC,SAAS,CA0BH;EACP,aAxBkB,aACjB,MAAiB,WAA0B,oBAAoB,UAAU;GAAE;GAAM,QAAQ;GAAW;EAAS,CAAC,GAC/G,CAAC,SAAS,CAsBA;EACV,aApBkB,aACjB,MAAiB,WAA0B,oBAAoB,UAAU;GAAE;GAAM,QAAQ;GAAW;EAAS,CAAC,GAC/G,CAAC,SAAS,CAkBA;EACV,WAhBgB,aACf,MAAiB,WAA0B,oBAAoB,UAAU;GAAE;GAAM,QAAQ;GAAS;EAAS,CAAC,GAC7G,CAAC,SAAS,CAcF;EACR,aAZkB,aACjB,MAAiB,WAA0B,oBAAoB,UAAU;GAAE;GAAM,QAAQ;GAAW;EAAS,CAAC,GAC/G,CAAC,SAAS,CAUA;CACZ;AACF"}
+{"version":3,"file":"useToast.js","names":[],"sources":["../../src/toast/useToast.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\n\nimport { useCallback } from 'react'\n\nimport type { ToastDuration, ToastOptions, ToastSetup } from './toast.types'\n\nimport { useVuiContext } from '../core/vuiProvider/context'\nimport { Notification } from '../notification'\nimport { uid } from '../utils'\n\nexport const defaultDuration = 'fast'\nexport const fastToastDuration = 4000\nexport const slowToastDuration = 8000\n\nconst setup: ToastSetup = {\n  options: {\n    duration: defaultDuration,\n  },\n  componentList: [],\n}\n\nconst getDurationTime = (duration: ToastDuration) => (duration === 'fast' ? fastToastDuration : slowToastDuration)\n\nexport const useToast = () => {\n  const { addToast, removeToast } = useVuiContext()\n\n  const showToast = useCallback((options?: ToastOptions): void => {\n    const id = options?.id ? options.id : uid('toast')\n    const { duration = setup.options.duration, status = 'info', action, icon, text, title } = options || {}\n\n    const toast = {\n      id,\n      component: (\n        <Notification\n          action={action}\n          animation=\"fadeDown\"\n          elevation={3}\n          icon={icon}\n          mt={{ md: 1, sm: '4px', xs: '4px' }}\n          onClose={() => removeToast(id)}\n          status={status}\n          text={text}\n          title={title}\n          align=\"center\"\n          // Q7: Toasts pin role=status / aria-live=polite regardless of intent to preserve\n          // current SR behavior (the auto-mapping in Notification would otherwise upgrade\n          // warning/danger intents to role=alert / assertive). Full toast migration is a\n          // follow-up; this override keeps the existing user-perceived behavior intact.\n          role=\"status\"\n          ariaLive=\"polite\"\n          w={1}\n        />\n      ),\n    }\n\n    addToast(toast)\n\n    if (duration && duration !== 'sticky') {\n      window.setTimeout(() => removeToast(id), getDurationTime(duration))\n    }\n  }, [])\n\n  const showInfo = useCallback(\n    (text: ReactNode, duration: ToastDuration = defaultDuration) => showToast({ text, status: 'info', duration }),\n    [showToast],\n  )\n\n  const showSuccess = useCallback(\n    (text: ReactNode, duration: ToastDuration = defaultDuration) => showToast({ text, status: 'success', duration }),\n    [showToast],\n  )\n\n  const showWarning = useCallback(\n    (text: ReactNode, duration: ToastDuration = defaultDuration) => showToast({ text, status: 'warning', duration }),\n    [showToast],\n  )\n\n  const showError = useCallback(\n    (text: ReactNode, duration: ToastDuration = defaultDuration) => showToast({ text, status: 'error', duration }),\n    [showToast],\n  )\n\n  const showLoading = useCallback(\n    (text: ReactNode, duration: ToastDuration = defaultDuration) => showToast({ text, status: 'loading', duration }),\n    [showToast],\n  )\n\n  return {\n    showToast,\n    hideToast: removeToast,\n    showInfo,\n    showSuccess,\n    showWarning,\n    showError,\n    showLoading,\n  }\n}\n"],"mappings":";;;;;;;AAUA,MAAa,kBAAkB;AAC/B,MAAa,oBAAoB;AACjC,MAAa,oBAAoB;AAEjC,MAAM,QAAoB;CACxB,SAAS,EACP,UAAU,gBACZ;CACA,eAAe,CAAC;AAClB;AAEA,MAAM,mBAAmB,aAA6B,aAAa,SAAS,oBAAoB;AAEhG,MAAa,iBAAiB;CAC5B,MAAM,EAAE,UAAU,gBAAgB,cAAc;CAEhD,MAAM,YAAY,aAAa,YAAiC;EAC9D,MAAM,KAAK,SAAS,KAAK,QAAQ,KAAK,IAAI,OAAO;EACjD,MAAM,EAAE,WAAW,MAAM,QAAQ,UAAU,SAAS,QAAQ,QAAQ,MAAM,MAAM,UAAU,WAAW,CAAC;EA2BtG,SAAS;GAxBP;GACA,WACE,oBAAC,cAAD;IACU;IACR,WAAU;IACV,WAAW;IACL;IACN,IAAI;KAAE,IAAI;KAAG,IAAI;KAAO,IAAI;IAAM;IAClC,eAAe,YAAY,EAAE;IACrB;IACF;IACC;IACP,OAAM;IAKN,MAAK;IACL,UAAS;IACT,GAAG;GACJ;EAIQ,CAAC;EAEd,IAAI,YAAY,aAAa,UAC3B,OAAO,iBAAiB,YAAY,EAAE,GAAG,gBAAgB,QAAQ,CAAC;CAEtE,GAAG,CAAC,CAAC;CA2BL,OAAO;EACL;EACA,WAAW;EACX,UA5Be,aACd,MAAiB,WAA0B,oBAAoB,UAAU;GAAE;GAAM,QAAQ;GAAQ;EAAS,CAAC,GAC5G,CAAC,SAAS,CA0BH;EACP,aAxBkB,aACjB,MAAiB,WAA0B,oBAAoB,UAAU;GAAE;GAAM,QAAQ;GAAW;EAAS,CAAC,GAC/G,CAAC,SAAS,CAsBA;EACV,aApBkB,aACjB,MAAiB,WAA0B,oBAAoB,UAAU;GAAE;GAAM,QAAQ;GAAW;EAAS,CAAC,GAC/G,CAAC,SAAS,CAkBA;EACV,WAhBgB,aACf,MAAiB,WAA0B,oBAAoB,UAAU;GAAE;GAAM,QAAQ;GAAS;EAAS,CAAC,GAC7G,CAAC,SAAS,CAcF;EACR,aAZkB,aACjB,MAAiB,WAA0B,oBAAoB,UAAU;GAAE;GAAM,QAAQ;GAAW;EAAS,CAAC,GAC/G,CAAC,SAAS,CAUA;CACZ;AACF"}

package/dist/tooltip/consts.js

@@ -6,5 +6,5 @@ const bg = {
 
 //#endregion
 export { bg };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=consts.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","names":[],"sources":["../../src/tooltip/tooltip.tsx"],"mappings":";;;;;AAsCA;;;;cAAa,OAAA;EAAA,QAAkB,YAAY,mBAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"tooltip.d.ts","names":[],"sources":["../../src/tooltip/tooltip.tsx"],"mappings":";;;;;AAuCA;;;;cAAa,OAAA;EAAA,QAAkB,YAAY,mBAAA,GAAA,CAAA,OAAA"}

package/dist/tooltip/tooltip.js

@@ -105,5 +105,5 @@ Tooltip.displayName = "Tooltip";
 
 //#endregion
 export { Tooltip as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=tooltip.js.map

package/dist/tooltip/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","names":["zIndices"],"sources":["../../src/tooltip/tooltip.tsx"],"sourcesContent":["import {\n  arrow,\n  autoUpdate,\n  flip,\n  FloatingArrow,\n  FloatingPortal,\n  offset,\n  shift,\n  useFloating,\n  useHover,\n  useInteractions,\n  useRole,\n  useTransitionStyles,\n} from '@floating-ui/react'\nimport { cloneElement, isValidElement, useMemo, useRef, useState } from 'react'\n\nimport { useTh, useUp, v } from '../core'\nimport { Link } from '../link'\nimport { zIndices } from '../theme'\nimport { isString } from '../utils'\nimport { bg } from './consts'\nimport type { TooltipProps } from './tooltip.types'\nimport { TooltipContent } from './tooltipContent'\n\nconst stripHtmlTags = (html: string): string => {\n  const withoutTags = html.replace(/<[^>]*>/g, '')\n  // Decode HTML entities\n  const textarea = document.createElement('textarea')\n  textarea.innerHTML = withoutTags\n  return textarea.value\n}\n\n/**\n * A simple text popup hint.\n *\n * Displayed on mouse enter, and is hidden on mouse leave.\n *\n * */\nexport const Tooltip = (props: TooltipProps) => {\n  const {\n    children,\n    fontSize = '16px',\n    linkText,\n    linkProps,\n    minWidth,\n    maxWidth = '400px',\n    text = '',\n    placement = 'top',\n    disabled = false,\n    visible = false,\n    offset: offsetProp = [0, 0],\n    whiteSpace = 'pre-wrap',\n    wordBreak = 'break-word',\n  } = props\n\n  const isDesktop = useUp('md')\n  const [isOpen, setIsOpen] = useState(visible)\n  const arrowRef = useRef(null)\n\n  const middleware = useMemo(\n    () => [\n      offset({ mainAxis: offsetProp[1] + 6, crossAxis: offsetProp[0] }), // +6 for arrow\n      flip(),\n      shift(),\n      // eslint-disable-next-line react-hooks/refs\n      arrow({ element: arrowRef }),\n    ],\n\n    [offsetProp[0], offsetProp[1]],\n  )\n\n  const { refs, floatingStyles, context } = useFloating({\n    open: visible || isOpen,\n    onOpenChange: setIsOpen,\n    placement,\n    middleware,\n    whileElementsMounted: autoUpdate,\n  })\n  // Opacity-only transition - no position movement\n  const { isMounted, styles: transitionStyles } = useTransitionStyles(context, {\n    duration: 150,\n    initial: { opacity: 0 },\n    open: { opacity: 1 },\n    close: { opacity: 0 },\n  })\n  const hover = useHover(context, { move: false })\n  const role = useRole(context, { role: 'tooltip' })\n  const { getReferenceProps, getFloatingProps } = useInteractions([hover, role])\n\n  const darkBlue18 = useTh(`colors.${bg.regular}`)\n  const sandstone55 = useTh(`colors.${bg.disabled}`)\n  const arrowColor = disabled ? sandstone55 : darkBlue18\n\n  const strippedText = useMemo(() => (isString(text) ? stripHtmlTags(text) : ''), [text])\n  const zIndex = zIndices.tooltip\n\n  const content = isString(text) ? (\n    <TooltipContent\n      disabled={disabled}\n      fontSize={fontSize}\n      maxWidth={maxWidth}\n      minWidth={minWidth}\n      whiteSpace={whiteSpace}\n      wordBreak={wordBreak}\n    >\n      <v.div>\n        {strippedText}\n        {!!linkText && (\n          <>\n            &nbsp;\n            <Link variant=\"white\" {...linkProps}>\n              {linkText}\n            </Link>\n          </>\n        )}\n      </v.div>\n    </TooltipContent>\n  ) : (\n    <TooltipContent disabled={disabled} fontSize={fontSize} maxWidth={maxWidth} minWidth={minWidth}>\n      {text}\n    </TooltipContent>\n  )\n\n  // Clone the child element to add ref and props.\n  // Compose refs so any existing ref on the child is preserved alongside the floating reference ref.\n  const childRef = isValidElement(children) ? ((children as any).ref ?? (children as any).props?.ref) : null\n  const composedRef =\n    childRef != null\n      ? (el: Element | null) => {\n          refs.setReference(el)\n          if (typeof childRef === 'function') childRef(el)\n          else if (childRef && typeof childRef === 'object') (childRef as React.MutableRefObject<unknown>).current = el\n        }\n      : refs.setReference\n  const childElement = isValidElement(children)\n    ? cloneElement(children as React.ReactElement<any>, {\n        ref: composedRef,\n        ...getReferenceProps(),\n      })\n    : children\n\n  return (\n    <>\n      {childElement}\n      {isMounted && (\n        <FloatingPortal>\n          <div\n            ref={refs.setFloating}\n            style={{ ...floatingStyles, ...transitionStyles, zIndex }}\n            {...getFloatingProps()}\n          >\n            {content}\n            {isDesktop && <FloatingArrow ref={arrowRef} context={context} fill={arrowColor} width={12} height={6} />}\n          </div>\n        </FloatingPortal>\n      )}\n    </>\n  )\n}\n\nTooltip.displayName = 'Tooltip'\n\nexport default Tooltip\n"],"mappings":";;;;;;;;;;;;;AAwBA,MAAM,iBAAiB,SAAyB;CAC9C,MAAM,cAAc,KAAK,QAAQ,YAAY,EAAE;CAE/C,MAAM,WAAW,SAAS,cAAc,UAAU;CAClD,SAAS,YAAY;CACrB,OAAO,SAAS;AAClB;;;;;;;AAQA,MAAa,WAAW,UAAwB;CAC9C,MAAM,EACJ,UACA,WAAW,QACX,UACA,WACA,UACA,WAAW,SACX,OAAO,IACP,YAAY,OACZ,WAAW,OACX,UAAU,OACV,QAAQ,aAAa,CAAC,GAAG,CAAC,GAC1B,aAAa,YACb,YAAY,iBACV;CAEJ,MAAM,YAAY,MAAM,IAAI;CAC5B,MAAM,CAAC,QAAQ,aAAa,SAAS,OAAO;CAC5C,MAAM,WAAW,OAAO,IAAI;CAE5B,MAAM,aAAa,cACX;EACJ,OAAO;GAAE,UAAU,WAAW,KAAK;GAAG,WAAW,WAAW;EAAG,CAAC;EAChE,KAAK;EACL,MAAM;EAEN,MAAM,EAAE,SAAS,SAAS,CAAC;CAC7B,GAEA,CAAC,WAAW,IAAI,WAAW,EAAE,CAC/B;CAEA,MAAM,EAAE,MAAM,gBAAgB,YAAY,YAAY;EACpD,MAAM,WAAW;EACjB,cAAc;EACd;EACA;EACA,sBAAsB;CACxB,CAAC;CAED,MAAM,EAAE,WAAW,QAAQ,qBAAqB,oBAAoB,SAAS;EAC3E,UAAU;EACV,SAAS,EAAE,SAAS,EAAE;EACtB,MAAM,EAAE,SAAS,EAAE;EACnB,OAAO,EAAE,SAAS,EAAE;CACtB,CAAC;CAGD,MAAM,EAAE,mBAAmB,qBAAqB,gBAAgB,CAFlD,SAAS,SAAS,EAAE,MAAM,MAAM,CAEuB,GADxD,QAAQ,SAAS,EAAE,MAAM,UAAU,CAC2B,CAAC,CAAC;CAE7E,MAAM,aAAa,MAAM,UAAU,GAAG,SAAS;CAC/C,MAAM,cAAc,MAAM,UAAU,GAAG,UAAU;CACjD,MAAM,aAAa,WAAW,cAAc;CAE5C,MAAM,eAAe,cAAe,SAAS,IAAI,IAAI,cAAc,IAAI,IAAI,IAAK,CAAC,IAAI,CAAC;CACtF,MAAM,SAASA,iBAAS;CAExB,MAAM,UAAU,SAAS,IAAI,IAC3B,oBAAC,gBAAD;EACY;EACA;EACA;EACA;EACE;EACD;YAEX,qBAAC,EAAE,KAAH,aACG,cACA,CAAC,CAAC,YACD,8CAAE,QAEA,oBAAC,MAAD;GAAM,SAAQ;GAAQ,GAAI;aACvB;EACG,EACN,IAEC;CACO,KAEhB,oBAAC,gBAAD;EAA0B;EAAoB;EAAoB;EAAoB;YACnF;CACa;CAKlB,MAAM,WAAW,eAAe,QAAQ,IAAM,SAAiB,OAAQ,SAAiB,OAAO,MAAO;CACtG,MAAM,cACJ,YAAY,QACP,OAAuB;EACtB,KAAK,aAAa,EAAE;EACpB,IAAI,OAAO,aAAa,YAAY,SAAS,EAAE;OAC1C,IAAI,YAAY,OAAO,aAAa,UAAU,AAAC,SAA6C,UAAU;CAC7G,IACA,KAAK;CAQX,OACE,8CARmB,eAAe,QAAQ,IACxC,aAAa,UAAqC;EAChD,KAAK;EACL,GAAG,kBAAkB;CACvB,CAAC,IACD,UAKC,aACC,oBAAC,gBAAD,YACE,qBAAC,OAAD;EACE,KAAK,KAAK;EACV,OAAO;GAAE,GAAG;GAAgB,GAAG;GAAkB;EAAO;EACxD,GAAI,iBAAiB;YAHvB,CAKG,SACA,aAAa,oBAAC,eAAD;GAAe,KAAK;GAAmB;GAAS,MAAM;GAAY,OAAO;GAAI,QAAQ;EAAI,EACpG;IACS,EAElB;AAEN;AAEA,QAAQ,cAAc"}
+{"version":3,"file":"tooltip.js","names":["zIndices"],"sources":["../../src/tooltip/tooltip.tsx"],"sourcesContent":["import {\n  arrow,\n  autoUpdate,\n  flip,\n  FloatingArrow,\n  FloatingPortal,\n  offset,\n  shift,\n  useFloating,\n  useHover,\n  useInteractions,\n  useRole,\n  useTransitionStyles,\n} from '@floating-ui/react'\nimport { cloneElement, isValidElement, useMemo, useRef, useState } from 'react'\n\nimport type { TooltipProps } from './tooltip.types'\n\nimport { useTh, useUp, v } from '../core'\nimport { Link } from '../link'\nimport { zIndices } from '../theme'\nimport { isString } from '../utils'\nimport { bg } from './consts'\nimport { TooltipContent } from './tooltipContent'\n\nconst stripHtmlTags = (html: string): string => {\n  const withoutTags = html.replace(/<[^>]*>/g, '')\n  // Decode HTML entities\n  const textarea = document.createElement('textarea')\n  textarea.innerHTML = withoutTags\n  return textarea.value\n}\n\n/**\n * A simple text popup hint.\n *\n * Displayed on mouse enter, and is hidden on mouse leave.\n *\n * */\nexport const Tooltip = (props: TooltipProps) => {\n  const {\n    children,\n    fontSize = '16px',\n    linkText,\n    linkProps,\n    minWidth,\n    maxWidth = '400px',\n    text = '',\n    placement = 'top',\n    disabled = false,\n    visible = false,\n    offset: offsetProp = [0, 0],\n    whiteSpace = 'pre-wrap',\n    wordBreak = 'break-word',\n  } = props\n\n  const isDesktop = useUp('md')\n  const [isOpen, setIsOpen] = useState(visible)\n  const arrowRef = useRef(null)\n\n  const middleware = useMemo(\n    () => [\n      offset({ mainAxis: offsetProp[1] + 6, crossAxis: offsetProp[0] }), // +6 for arrow\n      flip(),\n      shift(),\n      arrow({ element: arrowRef }),\n    ],\n\n    [offsetProp[0], offsetProp[1]],\n  )\n\n  const { refs, floatingStyles, context } = useFloating({\n    open: visible || isOpen,\n    onOpenChange: setIsOpen,\n    placement,\n    middleware,\n    whileElementsMounted: autoUpdate,\n  })\n  // Opacity-only transition - no position movement\n  const { isMounted, styles: transitionStyles } = useTransitionStyles(context, {\n    duration: 150,\n    initial: { opacity: 0 },\n    open: { opacity: 1 },\n    close: { opacity: 0 },\n  })\n  const hover = useHover(context, { move: false })\n  const role = useRole(context, { role: 'tooltip' })\n  const { getReferenceProps, getFloatingProps } = useInteractions([hover, role])\n\n  const darkBlue18 = useTh(`colors.${bg.regular}`)\n  const sandstone55 = useTh(`colors.${bg.disabled}`)\n  const arrowColor = disabled ? sandstone55 : darkBlue18\n\n  const strippedText = useMemo(() => (isString(text) ? stripHtmlTags(text) : ''), [text])\n  const zIndex = zIndices.tooltip\n\n  const content = isString(text) ? (\n    <TooltipContent\n      disabled={disabled}\n      fontSize={fontSize}\n      maxWidth={maxWidth}\n      minWidth={minWidth}\n      whiteSpace={whiteSpace}\n      wordBreak={wordBreak}\n    >\n      <v.div>\n        {strippedText}\n        {!!linkText && (\n          <>\n            &nbsp;\n            <Link variant=\"white\" {...linkProps}>\n              {linkText}\n            </Link>\n          </>\n        )}\n      </v.div>\n    </TooltipContent>\n  ) : (\n    <TooltipContent disabled={disabled} fontSize={fontSize} maxWidth={maxWidth} minWidth={minWidth}>\n      {text}\n    </TooltipContent>\n  )\n\n  // Clone the child element to add ref and props.\n  // Compose refs so any existing ref on the child is preserved alongside the floating reference ref.\n  const childRef = isValidElement(children) ? ((children as any).ref ?? (children as any).props?.ref) : null\n  const composedRef =\n    childRef != null\n      ? (el: Element | null) => {\n          refs.setReference(el)\n          if (typeof childRef === 'function') childRef(el)\n          else if (childRef && typeof childRef === 'object') (childRef as React.MutableRefObject<unknown>).current = el\n        }\n      : refs.setReference\n  const childElement = isValidElement(children)\n    ? cloneElement(children as React.ReactElement<any>, {\n        ref: composedRef,\n        ...getReferenceProps(),\n      })\n    : children\n\n  return (\n    <>\n      {childElement}\n      {isMounted && (\n        <FloatingPortal>\n          <div\n            ref={refs.setFloating}\n            style={{ ...floatingStyles, ...transitionStyles, zIndex }}\n            {...getFloatingProps()}\n          >\n            {content}\n            {isDesktop && <FloatingArrow ref={arrowRef} context={context} fill={arrowColor} width={12} height={6} />}\n          </div>\n        </FloatingPortal>\n      )}\n    </>\n  )\n}\n\nTooltip.displayName = 'Tooltip'\n\nexport default Tooltip\n"],"mappings":";;;;;;;;;;;;;AAyBA,MAAM,iBAAiB,SAAyB;CAC9C,MAAM,cAAc,KAAK,QAAQ,YAAY,EAAE;CAE/C,MAAM,WAAW,SAAS,cAAc,UAAU;CAClD,SAAS,YAAY;CACrB,OAAO,SAAS;AAClB;;;;;;;AAQA,MAAa,WAAW,UAAwB;CAC9C,MAAM,EACJ,UACA,WAAW,QACX,UACA,WACA,UACA,WAAW,SACX,OAAO,IACP,YAAY,OACZ,WAAW,OACX,UAAU,OACV,QAAQ,aAAa,CAAC,GAAG,CAAC,GAC1B,aAAa,YACb,YAAY,iBACV;CAEJ,MAAM,YAAY,MAAM,IAAI;CAC5B,MAAM,CAAC,QAAQ,aAAa,SAAS,OAAO;CAC5C,MAAM,WAAW,OAAO,IAAI;CAE5B,MAAM,aAAa,cACX;EACJ,OAAO;GAAE,UAAU,WAAW,KAAK;GAAG,WAAW,WAAW;EAAG,CAAC;EAChE,KAAK;EACL,MAAM;EACN,MAAM,EAAE,SAAS,SAAS,CAAC;CAC7B,GAEA,CAAC,WAAW,IAAI,WAAW,EAAE,CAC/B;CAEA,MAAM,EAAE,MAAM,gBAAgB,YAAY,YAAY;EACpD,MAAM,WAAW;EACjB,cAAc;EACd;EACA;EACA,sBAAsB;CACxB,CAAC;CAED,MAAM,EAAE,WAAW,QAAQ,qBAAqB,oBAAoB,SAAS;EAC3E,UAAU;EACV,SAAS,EAAE,SAAS,EAAE;EACtB,MAAM,EAAE,SAAS,EAAE;EACnB,OAAO,EAAE,SAAS,EAAE;CACtB,CAAC;CAGD,MAAM,EAAE,mBAAmB,qBAAqB,gBAAgB,CAFlD,SAAS,SAAS,EAAE,MAAM,MAAM,CAEuB,GADxD,QAAQ,SAAS,EAAE,MAAM,UAAU,CAC2B,CAAC,CAAC;CAE7E,MAAM,aAAa,MAAM,UAAU,GAAG,SAAS;CAC/C,MAAM,cAAc,MAAM,UAAU,GAAG,UAAU;CACjD,MAAM,aAAa,WAAW,cAAc;CAE5C,MAAM,eAAe,cAAe,SAAS,IAAI,IAAI,cAAc,IAAI,IAAI,IAAK,CAAC,IAAI,CAAC;CACtF,MAAM,SAASA,iBAAS;CAExB,MAAM,UAAU,SAAS,IAAI,IAC3B,oBAAC,gBAAD;EACY;EACA;EACA;EACA;EACE;EACD;YAEX,qBAAC,EAAE,KAAH,aACG,cACA,CAAC,CAAC,YACD,8CAAE,QAEA,oBAAC,MAAD;GAAM,SAAQ;GAAQ,GAAI;aACvB;EACG,EACN,IAEC;CACO,KAEhB,oBAAC,gBAAD;EAA0B;EAAoB;EAAoB;EAAoB;YACnF;CACa;CAKlB,MAAM,WAAW,eAAe,QAAQ,IAAM,SAAiB,OAAQ,SAAiB,OAAO,MAAO;CACtG,MAAM,cACJ,YAAY,QACP,OAAuB;EACtB,KAAK,aAAa,EAAE;EACpB,IAAI,OAAO,aAAa,YAAY,SAAS,EAAE;OAC1C,IAAI,YAAY,OAAO,aAAa,UAAU,AAAC,SAA6C,UAAU;CAC7G,IACA,KAAK;CAQX,OACE,8CARmB,eAAe,QAAQ,IACxC,aAAa,UAAqC;EAChD,KAAK;EACL,GAAG,kBAAkB;CACvB,CAAC,IACD,UAKC,aACC,oBAAC,gBAAD,YACE,qBAAC,OAAD;EACE,KAAK,KAAK;EACV,OAAO;GAAE,GAAG;GAAgB,GAAG;GAAkB;EAAO;EACxD,GAAI,iBAAiB;YAHvB,CAKG,SACA,aAAa,oBAAC,eAAD;GAAe,KAAK;GAAmB;GAAS,MAAM;GAAY,OAAO;GAAI,QAAQ;EAAI,EACpG;IACS,EAElB;AAEN;AAEA,QAAQ,cAAc"}

package/dist/tooltip/tooltipContent.js

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

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.2.3"
 //# 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.2.3"
 //# 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.2.3"
 //# 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.2.3"
 //# 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.2.3"
 //# 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":";;;;;;;;;;;;;;;AAYA,MAAa,eAAe,OAAO,KAAK;;;;;;;;;AAUxC,MAAa,WAAW,KAA0B,OAAO,QAAQ;CAG/D,MAAM,EACJ,cACA,iBACA,UACA,QACA,SACA,UAAU,MACV,WACA,eAAe,YACf,aACA,UACA,aAAa,WACb,IACA,OACA,UACA,cACA,aACA,KACA,iBACA,UACA,cACA,SAAS,IACT,MACA,GAAG,SACD;EA1BkB,GAAG,eAAe;EAAG,GAAG;CA0BhC;CACd,MAAM,SAAS,eAAe,QAAQ,eAAe,CAAC;CACtD,MAAM,EAAE,UAAU,IAAI,OAAO,GAAG,SAAS,YAAY,GAAG,IAAI,IAAI,YAAY,GAAG,eAAe,OAAO;CAErG,MAAM,CAAC,qBAAqB,0BAA0B,SAAkB,KAAK;CAE7E,MAAM,aAAa,gBAAgB;CACnC,MAAM,cAAc,cAAc,UAAU;CAE5C,gBAAgB;EACd,uBAAuB,CAAC,CAAC,WAAW;CACtC,GAAG,CAAC,WAAW,CAAC;CAEhB,MAAM,UAAU,MAAa;EAC3B,IAAI,CAAC,UAAU;GACb,WAAW;IAAE;IAAI,WAAW,CAAC;GAAoB,CAAC;GAClD,uBAAuB,CAAC,mBAAmB;EAC7C;EAGA,MAAM,SADS,EAAE,QACM,QAAQ,WAAW,CAAC,EAAE,uBAAuB,qBAAqB,CAAC,CAAC;EAE3F,WAAU,OAAO,MAAM,kBAAkB;EAEzC,kBAAkB,EAAE;EAGpB,EAAE,gBAAgB;CACpB;CAEA,MAAM,iBAAiB,GAAU,SAAiB;EAChD,MAAM,SAAS,EAAE;EAEjB,IAAI,YAAwC;EAE5C,IAAI,OAAO,UAAU,SAAS,wBAAwB,GACpD,YAAY;OAGZ,YADiB,OAAO,QAAQ,eACb,CAAC,EAAE,uBAAuB,wBAAwB,CAAC,CAAC;EAGzE,MAAM,cAAc,WAAW,UAAU,SAAS,qBAAqB,IAAI,OAAO;EAGlF,IAAI,WAAW,UAAU,SAAS,wBAAwB,GAExD,IAAI,WAAW,UAAU,SAAS,yBAAyB,GAAG;GAC5D,IAAI,SAAS,QACX,UAAU,MAAM,kBAAkB,eAAe,QAAQ,gBAAgB,WAAW,aAAa;GAGnG,IAAI,SAAS,OACX,UAAU,MAAM,kBAAkB,cAC9B,eAAe,QAAQ,gBAAgB,YAAY,aAAa,IAChE,eAAe,QAAQ,gBAAgB,MAAM,aAAa;EAElE,OAAO;GAEL,IAAI,SAAS,QACX,UAAU,MAAM,kBAAkB,eAAe,QAAQ,MAAM,WAAW,aAAa;GAEzF,IAAI,SAAS,OACX,UAAU,MAAM,kBAAkB,cAC9B,eAAe,QAAQ,MAAM,YAAY,aAAa,IACtD,eAAe,QAAQ,MAAM,MAAM,aAAa;EAExD;OAEA,EAAE,eAAe;EAGnB,EAAE,gBAAgB;CACpB;CAEA,MAAM,gBAAiB,QAAQ,QAAQ,KAAK,SAAS,SAAS,KAAO,QAAQ,KAAK,KAAK,MAAM,SAAS;CACtG,MAAM,mBAAoB,CAAC,mBAAmB,YAAa,oBAAoB;CAE/E,IAAI,SAAS,SAAS,OAAO,SAAS,IAAI,IAAI;CAC9C,IAAI,CAAC,eACH,UAAU;CAGZ,MAAM,eAAe,gBAAgB;EACnC,iBAAiB,gBAAgB,CAAC,sBAAsB;EACxD,MAAM;CACR,CAAC;CAGD,OACE,oBAAC,cAAD;EACE,WAAW,GAAG,gBAAgB,eAAe,4BAA4B,IAAI,SAAS;EACtF,OAAO,eAAe,QAAQ,gBAAgB,QAAQ;EACtD,GAAG,sBAAsB,IAAI,gBAAgB,SAAS;EACtD,IAAI,GAAG,SAAS;EAChB,GAAG;EACH,SAAS,CAAC,YAAY,MAAa,OAAO,CAAC,IAAI;EAC/C,YAAY,CAAC,YAAY,MAAa,cAAc,GAAG,KAAK,IAAI;EAChE,aAAa,CAAC,YAAY,MAAa,cAAc,GAAG,MAAM,IAAI;EAClE,GAAG;EACW;EACT;EACL,GAAG;EACH,GAAI;EACJ,IACE,eACI,mBACE,QAAQ,gBAAgB,WACxB,QAAQ,gBAAgB,KAC1B,mBACE,QAAQ,MAAM,WACd;EAER,SAAS;EACT,GAAI;EACJ,GAAI;YAEJ,8CACE,qBAAC,KAAD;GACE;GACA,WAAW,GACT,0BACA,mBAAmB,wBAAwB,IAC3C,eAAe,4BAA4B,EAC7C;GACA,YAAY,mBAAmB,QAAQ;GACvC,IAAI,GAAG,WAAW;aARpB,CAUG,SAAS,OAAO,SAAS,KACxB,4CACG,sBACC,oBAAC,UAAD;IAAU,IAAI;IAAK,MAAM;GAAa,KAEtC,oBAAC,UAAD;IAAU,IAAI;IAAK,MAAM;GAAe,GAE1C,IAEH,YAAY,IAAI,IAAI,oBAAC,UAAD;IAAU,IAAI;IAAc;IAAa;GAAS,KAAI,IACxE;MAEJ,iBAAiB,CAAC,uBACjB,oBAAC,MAAD;GAAM,MAAK;GAAO,GAAG;aAClB,aACE,QAAuB,KAAK,IACzB,MAAM,KAAK,EAAE,KAAK,cAAc,GAAG,SAAS,UAAU;IACpD,OACE,oBAAC,UAAD;KACmB;KACH;KACF;KAEK;KACjB,cAAc;KACd,GAAI;IACL,GAJM,OAAO,KAIb;GAEL,CAAC,IACD;EACF,EAER;CACU;AAElB,CAAC;AAED,SAAS,cAAc"}

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.2.3"
 //# 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"}