@veracity/vui 3.2.0 → 4.0.0-floatinguitake3.2154362

package/dist/core/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","names":[],"sources":["../../src/core/styled.ts"],"sourcesContent":[],"mappings":"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"}
+{"version":3,"file":"styled.d.ts","names":[],"sources":["../../src/core/styled.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;KAmBY,WAAA,GAAc,kBAAkB;KAEhC,iBAAA,UAA2B;;AAF3B,KAKA,OAAA,GAAU,qBALsB,CAKA,YALlB,CAAA,GAAA,UAEd,MAII,WAJa,GAIC,oBAJS,CAIY,WAJO,CAIK,GAJL,CAAA,EAIW,YAJX,EAIyB,WAJzB,CAAA,EAG1D;AAA4C,cA4E/B,mBA5E+B,EAAA,OA4Ed,iBA5Ec;AAAtB,cA8ET,KA9ES,EA8EN,WA9EM;AACN,cA+EH,CA/EG,EAAA;EAAmC,MAAA,CAAA,qBAAA,MAAA,CAAA,CAAA,GAAA,UAAA,gBAAA,EAAA,CAAA,EAAA,GAAA,GAAA;IAAY,MAAA,qCAAA,CAAA,CAAA,KAAA,MAAA,iBAAA,iBAAA,CAAA,EAAA,OAAA,CAAA,EAAA,uBAAA,CAAA,GAAA,EAAA,QAAA,CAAA,cAAA,cAAA,EAAA,OAAA,CAAA;IAAM,MAAA,qCAAA,CAAA,CAAA,KAAA,MAAA,0BAAA,6BAAA,kBAAA,CAAA,mBAAA,CAAA,EAAA,OAAA,CAAA,EAAA,uBAAA,CAAA,GAAA,EAAA,QAAA,CAAA,cAAA,cAAA,EAAA,OAAA,CAAA;IAAc,CAAA,qCAAA,CAAA,CAAA,KAAA,MAAA,0BAAA,6BAAA,kBAAA,CAAA,mBAAA,CAAA,EAAA,OAAA,CAAA,EAAA,uBAAA,CAAA,GAAA,EAAA,GAAA,CAAA,cAAA,cAAA,EAAA,OAAA,CAAA;IAArD,IAAA,qCAAA,CAAA,CAAA,KAAA,MAAA,0BAAA,uBAAA,YAAA,CAAA,aAAA,CAAA,EAAA,OAAA,CAAA,EAAA,uBAAA,CAAA,GAAA,EAAA,MAAA,CAAA,cAAA,cAAA,EAAA,OAAA,CAAA;IAAoB,OAAA,qCAAA,CAAA,CAAA,KAAA,MAAA,0BAAA,uBAAA,YAAA,CAAA,aAAA,CAAA,EAAA,OAAA,CAAA,EAAA,uBAAA,CAAA,GAAA,EAAA,SAAA,CAAA,cAAA,cAAA,EAAA,OAAA,CAAA;IA2ErC,IAAA,qCAA6C,CAAA,CAAA,KAAA,MAAA,0BAAA,2BAAA,gBAAA,CAAA,iBAAA,CAAA,EAAA,OAAA,CAAA,EAAA,uBAAA,CAAA,GAAA,EAAA,MAAA,CAAA,cAAA,cAAA,EAAA,OAAA,CAAA;IAE7C,OAAyB,qCAAA,CAAA,CAAA,KAAA,MAAA,0BAAA,uBAAA,YAAA,CAAA,aAAA,CAAA,EAAA,OAAA,CAAA,EAAA,uBAAA,CAAA,GAAA,EAAA,SAAA,CAAA,cAAA,cAAA,EAAA,OAAA,CAAA;IAEO,KAAA,qCAAA,CAAA,CAAA,KAAA,MAAA,0BAAA,uBAAA,YAAA,CAAA,aAAA,CAAA,EAAA,OAAA,CAAA,EAAA,uBAAA,CAAA,GAAA,EAAA,OAAA,CAAA,cAAA,cAAA,EAAA,OAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAEhC,QAAM"}

package/dist/core/styled.js

@@ -58,5 +58,5 @@ const styled = createStyled(system);
 
 //#endregion
 export { createGlobalStyle$1 as createGlobalStyle, css$1 as css, styled, v };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=styled.js.map

package/dist/core/theme.d.ts

@@ -43,4 +43,5 @@ declare function useTh(path: keyof VuiTheme | AnyString, defaultValue?: any): an
 declare function useTheme(): VuiTheme;
 //#endregion
 export { ThemeGet, extendTheme, omitThemingProps, th$1 as th, useStyleConfig, useTh, useTheme };
+
 //# sourceMappingURL=theme.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","names":[],"sources":["../../src/core/theme.ts"],"sourcesContent":[],"mappings":";;;;;;KAUK,sCAAsC,YAAY,kBAAkB,SAAS,YAAY,YAAY;;KAG9F,QAAA,CAAA,CAAA;EAHP,CAAA,IAAA,CAAA,CAAA,MAAA,CAAA,CAAA,YAAc,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAI2B,MAJ3B,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA;EAAwB,SAAA,CAAA,CAK9B,cAL8B,CAAA,CAAA,UAAA,CAAA,CAAA;EAA8B,OAAA,CAAA,CAM9D,cAN8D,CAAA,CAAA,OAAA,CAAA,CAAA;EAAS,KAAA,CAAA,CAOzE,cAPyE,CAAA,CAAA,MAAA,CAAA,CAAA;EAAY,QAAA,CAAA,CAQlF,cARkF,CAAA,CAAA,SAAA,CAAA,CAAA;EAAY,IAAA,CAAA,CASlG,cATkG,CAAA,CAAA,KAAA,CAAA,CAAA;EAAnD,QAAA,CAAA,CAU3C,cAV2C,CAAA,CAAA,SAAA,CAAA,CAAA;EAAW,UAAA,CAAA,CAWpD,cAXoD,CAAA,CAAA,WAAA,CAAA,CAAA;EAGtD,MAAA,CAAA,CASF,cATU,CAAA,CAAA,KAAA,CAAA,CAAA;EAC0B,SAAA,CAAA,CASjC,cATiC,CAAA,CAAA,UAAA,CAAA,CAAA;EACjC,MAAA,CAAA,CASH,cATG,CAAA,CAAA,OAAA,CAAA,CAAA;EACF,MAAA,CAAA,CASD,cATC,CAAA,CAAA,OAAA,CAAA,CAAA;EACF,IAAA,CAAA,CASD,cATC,CAAA,CAAA,KAAA,CAAA,CAAA;EACG,KAAA,CAAA,CASH,cATG,CAAA,CAAA,MAAA,CAAA,CAAA;EACJ,SAAA,CAAA,CASK,cATL,CAAA,CAAA,UAAA,CAAA,CAAA;EACI,UAAA,CAAA,CASE,cATF,CAAA,CAAA,WAAA,CAAA,CAAA;EACE,MAAA,CAAA,CASJ,cATI,CAAA,CAAA,QAAA,CAAA,CAAA;CACJ;;AAEA,OAAA,CAAA,QAAA,CAUM,WAAA,CAVN,UAAA,CAAA,CAU8B,kBAV9B,CAAA,CAAA,CAUmD,QAVnD;;AAEF,OAAA,CAAA,QAAA,CAaQ,gBAbR,CAAA,CAAA,CAAA,OAAA,CAamC,YAbnC,CAAA,CAAA,KAAA,CAAA,CAawD,CAbxD,CAAA,CAAA,CAayD,IAbzD,CAayD,CAbzD,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA;;cAoBF,EAAA,CAAA,CAlBO,CAAA,CAkBgB,QAlBhB;;;AAMb,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,SAAA,CAAA,CAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,SAAA,CAAA,UAAA,CAAA,EAAA,CAAA,GAAA,CAAA;AAKA,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,KAAA,CAAA,CAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA;;AAAgE,OAAA,CAAA,QAAA,CAoBhD,cAAA,CApBgD,SAAA,CAAA,CAAA,KAAA,CAoBhB,QApBgB,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAoBuB,IApBvB;;AAAC,OAAA,CAAA,QAAA,CAiDjD,KAAA,CAjDiD,IAAA,CAAA,CAAA,KAAA,CAiD/B,QAjD+B,CAAA,CAAA,CAiDpB,SAjDoB,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA;;AAO3D,OAAA,CAAA,QAAA,CAgDU,QAAA,CAAA,CAhDqB,CAAA,CAgDT,QAhDS"}
+{"version":3,"file":"theme.d.ts","names":[],"sources":["../../src/core/theme.ts"],"sourcesContent":[],"mappings":";;;;;;KAUK,sCAAsC,YAAY,kBAAkB,SAAS,YAAY,YAAY;;KAG9F,QAAA;EAHP,CAAA,IAAA,EAAA,MAAA,EAAA,YAAc,CAAA,EAAA,GAAA,CAAA,EAAA,CAAA,KAAA,EAI2B,MAJ3B,EAAA,GAAA,GAAA;EAAwB,SAAA,EAK9B,cAL8B,CAAA,YAAA,CAAA;EAA8B,OAAA,EAM9D,cAN8D,CAAA,SAAA,CAAA;EAAS,KAAA,EAOzE,cAPyE,CAAA,QAAA,CAAA;EAAY,QAAA,EAQlF,cARkF,CAAA,WAAA,CAAA;EAAY,IAAA,EASlG,cATkG,CAAA,OAAA,CAAA;EAAnD,QAAA,EAU3C,cAV2C,CAAA,WAAA,CAAA;EAAW,UAAA,EAWpD,cAXoD,CAAA,aAAA,CAAA;EAGtD,MAAA,EASF,cATU,CAAA,OAAA,CAAA;EAC0B,SAAA,EASjC,cATiC,CAAA,YAAA,CAAA;EACjC,MAAA,EASH,cATG,CAAA,SAAA,CAAA;EACF,MAAA,EASD,cATC,CAAA,SAAA,CAAA;EACF,IAAA,EASD,cATC,CAAA,OAAA,CAAA;EACG,KAAA,EASH,cATG,CAAA,QAAA,CAAA;EACJ,SAAA,EASK,cATL,CAAA,YAAA,CAAA;EACI,UAAA,EASE,cATF,CAAA,aAAA,CAAA;EACE,MAAA,EASJ,cATI,CAAA,UAAA,CAAA;CACJ;;AAEA,iBAUM,WAAA,CAVN,UAAA,EAU8B,kBAV9B,CAAA,EAUmD,QAVnD;;AAEF,iBAaQ,gBAbR,CAAA,UAamC,YAbnC,CAAA,CAAA,KAAA,EAawD,CAbxD,CAAA,EAayD,IAbzD,CAayD,CAbzD,EAAA,SAAA,GAAA,MAAA,CAAA;;cAoBF,IAlBO,EAkBgB,QAlBhB;;;AAMb;AAKA;;AAAgE,iBAoBhD,cAAA,CApBgD,SAAA,EAAA,MAoBhB,QApBgB,CAAA,YAAA,CAAA,EAAA,KAAA,CAAA,EAAA,GAAA,CAAA,EAoBuB,IApBvB;;AAAC,iBAiDjD,KAAA,CAjDiD,IAAA,EAAA,MAiD/B,QAjD+B,GAiDpB,SAjDoB,EAAA,YAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA;;AAO3D,iBAgDU,QAAA,CAAA,CAhDqB,EAgDT,QAhDS"}

package/dist/core/theme.js

@@ -12,7 +12,7 @@ function extendTheme(extensions) {
 }
 /** Removes specific theming keys from the given props. */
 function omitThemingProps(props) {
-	const { size, variant,...rest } = props;
+	const { size, variant, ...rest } = props;
 	return rest;
 }
 /** Re-export of xstyled 'th' with custom typing and screen getter. */
@@ -64,5 +64,5 @@ function useTheme$1() {
 
 //#endregion
 export { extendTheme, omitThemingProps, th$1 as th, useStyleConfig, useTh, useTheme$1 as useTheme };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=theme.js.map

package/dist/core/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":["defaultTheme","th","xth","useTheme","styles: Dict","useStyledTheme"],"sources":["../../src/core/theme.ts"],"sourcesContent":["import type { IProps, ThemeGetter } from '@xstyled/styled-components'\nimport { getPx, th as xth, themeGetter } from '@xstyled/styled-components'\nimport { useMemo } from 'react'\nimport { useTheme as useStyledTheme } from 'styled-components'\n\nimport type { ThemingProps, VuiTheme, VuiThemeExtensions } from '../theme'\nimport defaultTheme from '../theme'\nimport type { AnyNumber, AnyString, Dict } from '../utils'\nimport { merge, runIfFn } from '../utils'\n\ntype VuiThemeGetter<ThemeKey extends keyof VuiTheme> = ThemeGetter<keyof VuiTheme[ThemeKey] | AnyString | AnyNumber>\n\n/** Type of the 'th' theme getter function. */\nexport type ThemeGet = {\n  (path: string, defaultValue?: any): (props: IProps) => any\n  animation: VuiThemeGetter<'animations'>\n  borders: VuiThemeGetter<'borders'>\n  color: VuiThemeGetter<'colors'>\n  duration: VuiThemeGetter<'durations'>\n  font: VuiThemeGetter<'fonts'>\n  fontSize: VuiThemeGetter<'fontSizes'>\n  fontWeight: VuiThemeGetter<'fontWeights'>\n  radius: VuiThemeGetter<'radii'>\n  ringWidth: VuiThemeGetter<'ringWidths'>\n  screen: VuiThemeGetter<'screens'>\n  shadow: VuiThemeGetter<'shadows'>\n  size: VuiThemeGetter<'sizes'>\n  space: VuiThemeGetter<'spaces'>\n  transform: VuiThemeGetter<'transforms'>\n  transition: VuiThemeGetter<'transitions'>\n  zIndex: VuiThemeGetter<'zIndices'>\n}\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\n/** Removes specific theming keys from the given props. */\nexport function omitThemingProps<T extends ThemingProps>(props: T) {\n  const { size, variant, ...rest } = props\n\n  return rest\n}\n\n/** Re-export of xstyled 'th' with custom typing and screen getter. */\nconst th = xth as unknown as ThemeGet\nth.screen = themeGetter({\n  name: 'screen',\n  key: 'screens',\n  compose: getPx,\n})\nexport { th }\n\n/**\n * Combines baseStyle, size and variant styling from a component's theme configuration.\n * @param component - name of any component configured in the theme\n * @param props - props object of the given component\n */\nexport function useStyleConfig(component: keyof VuiTheme['components'], props: any = {}) {\n  const theme = useTheme()\n  const { baseStyle, defaultProps, parts = [], sizes, variants } = (theme?.components[component] as Dict) ?? {}\n  const mergedProps = {\n    ...props,\n    colorScheme: props?.colorScheme ?? defaultProps?.colorScheme,\n    size: props?.size ?? defaultProps?.size,\n    variant: props?.variant ?? defaultProps?.variant,\n  }\n  const { colorScheme, size, variant } = mergedProps\n\n  return useMemo(() => {\n    const baseStyles = runIfFn(baseStyle, mergedProps) ?? {}\n    const sizeStyles = runIfFn(sizes?.[size], mergedProps) ?? {}\n    const variantStyles = runIfFn(variants?.[variant], mergedProps) ?? {}\n\n    let styles: Dict = {}\n\n    if (parts.length > 0)\n      parts.forEach((part: string) => {\n        styles[part] = merge(baseStyles[part] ?? {}, sizeStyles[part] ?? {}, variantStyles[part] ?? {})\n      })\n    else styles = merge(baseStyles, sizeStyles, variantStyles)\n\n    return styles\n  }, [colorScheme, size, variant])\n}\n\n/** Returns theme value at the given path. */\nexport function useTh(path: keyof VuiTheme | AnyString, defaultValue?: any) {\n  const theme = useTheme()\n  return th(path, defaultValue)({ theme })\n}\n\n/** Returns the theme object with extensions. */\nexport function useTheme(): VuiTheme {\n  // @ts-expect-error no idea why it's complaining\n  return useStyledTheme()\n}\n"],"mappings":";;;;;;;;;AAkCA,SAAgB,YAAY,YAA0C;AACpE,QAAO,MAAMA,sBAAc,WAAW;;;AAIxC,SAAgB,iBAAyC,OAAU;CACjE,MAAM,EAAE,MAAM,QAAS,GAAG,SAAS;AAEnC,QAAO;;;AAIT,MAAMC,OAAKC;AACX,KAAG,SAAS,YAAY;CACtB,MAAM;CACN,KAAK;CACL,SAAS;CACV,CAAC;;;;;;AAQF,SAAgB,eAAe,WAAyC,QAAa,EAAE,EAAE;CAEvF,MAAM,EAAE,WAAW,cAAc,QAAQ,EAAE,EAAE,OAAO,aADtCC,YAAU,EACiD,WAAW,cAAuB,EAAE;CAC7G,MAAM,cAAc;EAClB,GAAG;EACH,aAAa,OAAO,eAAe,cAAc;EACjD,MAAM,OAAO,QAAQ,cAAc;EACnC,SAAS,OAAO,WAAW,cAAc;EAC1C;CACD,MAAM,EAAE,aAAa,MAAM,YAAY;AAEvC,QAAO,cAAc;EACnB,MAAM,aAAa,QAAQ,WAAW,YAAY,IAAI,EAAE;EACxD,MAAM,aAAa,QAAQ,QAAQ,OAAO,YAAY,IAAI,EAAE;EAC5D,MAAM,gBAAgB,QAAQ,WAAW,UAAU,YAAY,IAAI,EAAE;EAErE,IAAIC,SAAe,EAAE;AAErB,MAAI,MAAM,SAAS,EACjB,OAAM,SAAS,SAAiB;AAC9B,UAAO,QAAQ,MAAM,WAAW,SAAS,EAAE,EAAE,WAAW,SAAS,EAAE,EAAE,cAAc,SAAS,EAAE,CAAC;IAC/F;MACC,UAAS,MAAM,YAAY,YAAY,cAAc;AAE1D,SAAO;IACN;EAAC;EAAa;EAAM;EAAQ,CAAC;;;AAIlC,SAAgB,MAAM,MAAkC,cAAoB;CAC1E,MAAM,QAAQD,YAAU;AACxB,QAAOF,KAAG,MAAM,aAAa,CAAC,EAAE,OAAO,CAAC;;;AAI1C,SAAgBE,aAAqB;AAEnC,QAAOE,UAAgB"}
+{"version":3,"file":"theme.js","names":["defaultTheme","th","xth","useTheme","styles: Dict","useStyledTheme"],"sources":["../../src/core/theme.ts"],"sourcesContent":["import type { IProps, ThemeGetter } from '@xstyled/styled-components'\nimport { getPx, th as xth, themeGetter } from '@xstyled/styled-components'\nimport { useMemo } from 'react'\nimport { useTheme as useStyledTheme } from 'styled-components'\n\nimport type { ThemingProps, VuiTheme, VuiThemeExtensions } from '../theme'\nimport defaultTheme from '../theme'\nimport type { AnyNumber, AnyString, Dict } from '../utils'\nimport { merge, runIfFn } from '../utils'\n\ntype VuiThemeGetter<ThemeKey extends keyof VuiTheme> = ThemeGetter<keyof VuiTheme[ThemeKey] | AnyString | AnyNumber>\n\n/** Type of the 'th' theme getter function. */\nexport type ThemeGet = {\n  (path: string, defaultValue?: any): (props: IProps) => any\n  animation: VuiThemeGetter<'animations'>\n  borders: VuiThemeGetter<'borders'>\n  color: VuiThemeGetter<'colors'>\n  duration: VuiThemeGetter<'durations'>\n  font: VuiThemeGetter<'fonts'>\n  fontSize: VuiThemeGetter<'fontSizes'>\n  fontWeight: VuiThemeGetter<'fontWeights'>\n  radius: VuiThemeGetter<'radii'>\n  ringWidth: VuiThemeGetter<'ringWidths'>\n  screen: VuiThemeGetter<'screens'>\n  shadow: VuiThemeGetter<'shadows'>\n  size: VuiThemeGetter<'sizes'>\n  space: VuiThemeGetter<'spaces'>\n  transform: VuiThemeGetter<'transforms'>\n  transition: VuiThemeGetter<'transitions'>\n  zIndex: VuiThemeGetter<'zIndices'>\n}\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\n/** Removes specific theming keys from the given props. */\nexport function omitThemingProps<T extends ThemingProps>(props: T) {\n  const { size, variant, ...rest } = props\n\n  return rest\n}\n\n/** Re-export of xstyled 'th' with custom typing and screen getter. */\nconst th = xth as unknown as ThemeGet\nth.screen = themeGetter({\n  name: 'screen',\n  key: 'screens',\n  compose: getPx,\n})\nexport { th }\n\n/**\n * Combines baseStyle, size and variant styling from a component's theme configuration.\n * @param component - name of any component configured in the theme\n * @param props - props object of the given component\n */\nexport function useStyleConfig(component: keyof VuiTheme['components'], props: any = {}) {\n  const theme = useTheme()\n  const { baseStyle, defaultProps, parts = [], sizes, variants } = (theme?.components[component] as Dict) ?? {}\n  const mergedProps = {\n    ...props,\n    colorScheme: props?.colorScheme ?? defaultProps?.colorScheme,\n    size: props?.size ?? defaultProps?.size,\n    variant: props?.variant ?? defaultProps?.variant,\n  }\n  const { colorScheme, size, variant } = mergedProps\n\n  return useMemo(() => {\n    const baseStyles = runIfFn(baseStyle, mergedProps) ?? {}\n    const sizeStyles = runIfFn(sizes?.[size], mergedProps) ?? {}\n    const variantStyles = runIfFn(variants?.[variant], mergedProps) ?? {}\n\n    let styles: Dict = {}\n\n    if (parts.length > 0)\n      parts.forEach((part: string) => {\n        styles[part] = merge(baseStyles[part] ?? {}, sizeStyles[part] ?? {}, variantStyles[part] ?? {})\n      })\n    else styles = merge(baseStyles, sizeStyles, variantStyles)\n\n    return styles\n  }, [colorScheme, size, variant])\n}\n\n/** Returns theme value at the given path. */\nexport function useTh(path: keyof VuiTheme | AnyString, defaultValue?: any) {\n  const theme = useTheme()\n  return th(path, defaultValue)({ theme })\n}\n\n/** Returns the theme object with extensions. */\nexport function useTheme(): VuiTheme {\n  // @ts-expect-error no idea why it's complaining\n  return useStyledTheme()\n}\n"],"mappings":";;;;;;;;;AAkCA,SAAgB,YAAY,YAA0C;AACpE,QAAO,MAAMA,sBAAc,WAAW;;;AAIxC,SAAgB,iBAAyC,OAAU;CACjE,MAAM,EAAE,MAAM,SAAS,GAAG,SAAS;AAEnC,QAAO;;;AAIT,MAAMC,OAAKC;AACX,KAAG,SAAS,YAAY;CACtB,MAAM;CACN,KAAK;CACL,SAAS;CACV,CAAC;;;;;;AAQF,SAAgB,eAAe,WAAyC,QAAa,EAAE,EAAE;CAEvF,MAAM,EAAE,WAAW,cAAc,QAAQ,EAAE,EAAE,OAAO,aADtCC,YAAU,EACiD,WAAW,cAAuB,EAAE;CAC7G,MAAM,cAAc;EAClB,GAAG;EACH,aAAa,OAAO,eAAe,cAAc;EACjD,MAAM,OAAO,QAAQ,cAAc;EACnC,SAAS,OAAO,WAAW,cAAc;EAC1C;CACD,MAAM,EAAE,aAAa,MAAM,YAAY;AAEvC,QAAO,cAAc;EACnB,MAAM,aAAa,QAAQ,WAAW,YAAY,IAAI,EAAE;EACxD,MAAM,aAAa,QAAQ,QAAQ,OAAO,YAAY,IAAI,EAAE;EAC5D,MAAM,gBAAgB,QAAQ,WAAW,UAAU,YAAY,IAAI,EAAE;EAErE,IAAIC,SAAe,EAAE;AAErB,MAAI,MAAM,SAAS,EACjB,OAAM,SAAS,SAAiB;AAC9B,UAAO,QAAQ,MAAM,WAAW,SAAS,EAAE,EAAE,WAAW,SAAS,EAAE,EAAE,cAAc,SAAS,EAAE,CAAC;IAC/F;MACC,UAAS,MAAM,YAAY,YAAY,cAAc;AAE1D,SAAO;IACN;EAAC;EAAa;EAAM;EAAQ,CAAC;;;AAIlC,SAAgB,MAAM,MAAkC,cAAoB;CAC1E,MAAM,QAAQD,YAAU;AACxB,QAAOF,KAAG,MAAM,aAAa,CAAC,EAAE,OAAO,CAAC;;;AAI1C,SAAgBE,aAAqB;AAEnC,QAAOE,UAAgB"}

package/dist/core/types.d.ts

@@ -16,4 +16,5 @@ interface VuiContext {
 type KeyboardKeys = 'Enter' | 'Escape' | 'ArrowUp' | 'ArrowDown' | 'ArrowLeft' | 'ArrowRight' | 'Backspace' | 'Tab' | 'Shift' | 'Control' | 'Alt' | 'Meta' | 'Space' | 'Delete' | 'Home' | 'End' | 'PageUp' | 'PageDown';
 //#endregion
 export { ChildrenProp, KeyboardKeys, VuiContext };
+
 //# sourceMappingURL=types.d.ts.map

package/dist/core/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/core/types.ts"],"sourcesContent":[],"mappings":";;;;UAIiB,YAAA;aACJ;AADb;AAIiB,SAAA,CAAA,UAAA,CAAU;EACT,MAAA,CAAA,CAAA;IACE,IAAA,CAAA,CADF,aACE,CAAA,CAAA;EAEM,CAAA;EAAT,QAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAFG,aAEH,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAAQ,WAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAGb,aAAA,CAAA,CAHK,QAGO,CAHE,SAGF,CAAA;;KAAZ,YAAA,CAAA,CAAA"}
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/core/types.ts"],"sourcesContent":[],"mappings":";;;;UAIiB,YAAA;aACJ;AADb;AAIiB,UAAA,UAAA,CAAU;EACT,MAAA,EAAA;IACE,IAAA,EADF,aACE,EAAA;EAEM,CAAA;EAAT,QAAA,EAAA,CAAA,KAAA,EAFG,aAEH,EAAA,GAAA,IAAA;EAAQ,WAAA,EAAA,CAAA,EAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EAGb,aAAA,EAHK,QAGO,CAHE,SAGF,CAAA;;KAAZ,YAAA"}

package/dist/core/vui.d.ts

@@ -35,4 +35,5 @@ type VC<C extends ElementType, Props = object> = {
 };
 //#endregion
 export { VC, VuiComponent, VuiComponentConfig, vui };
+
 //# sourceMappingURL=vui.d.ts.map

package/dist/core/vui.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vui.d.ts","names":[],"sources":["../../src/core/vui.ts"],"sourcesContent":[],"mappings":";;;;;;;;;AASA,CAAA,CAAA;AAAoC,OAAA,CAAA,QAAA,CAApB,GAAoB,CAAA,CAAA,CAAA,OAAA,CAAN,KAAA,CAAM,WAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,SAAA,CAAA,CACvB,KAAA,CAAM,wBADiB,CAAA,GAAA,CAAA,CACa,OADb,CACqB,CADrB,CAAA,CACwB,KADxB,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAEzB,kBAFyB,CAEN,CAFM,CAAA,CAEH,KAFG,CAAA,CAAA,CAAA,CAEG,YAFH,CAEG,CAFH,CAAA,CAEG,KAFH,CAAA;;AACwB,IAAA,CAgBhD,YAhBgD,CAAA,CAAA,CAAA,OAAA,CAgBzB,WAhByB,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA;EAAX,CAAA,GAAA,CAAA,OAAA,CAkBlC,WAlBkC,CAAA,CAAA,KAAA,CAAA,CAmBtC,iBAnBsC,CAmBpB,UAnBoB,CAmBT,GAnBS,CAAA,CAmBJ,KAnBI,CAAA,CAAA,CAAA,CAAA,CAAA;IAA9B,EAAA,CAAA,CAoBT,GApBS;EACW,CAAA,CAAA,CAAA,CAqBzB,YArByB,CAAA,GAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAAG,CAAA,KAAA,CAAA,CAuBvB,UAvBuB,CAuBZ,CAvBY,CAAA,CAuBT,KAvBS,CAAA,CAAA,CAAA,CAuBA,YAvBA,CAAA,GAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAAtB,YAAA,CAAA,CAAA,CAyBM,OAzBN,CAyBc,OAzBd,CAyBsB,CAzBtB,CAAA,CAyByB,KAzBzB,CAAA,CAAA;EAA4B,WAAA,CAAA,CAAA,CAAA,MAAA;EAAA,KAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA;CAAA;;AAe3B,IAAA,CAgBA,kBAhBY,CAAA,CAAA,CAAA,OAAA,CAgBiB,WAhBjB,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA;EAAW,MAAA,CAAA,CAAA,CAAA,OAAA;EAEpB,WAAA,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAiBA,QAjBA,CAiBS,iBAjBT,CAiB2B,eAjB3B,CAiB2C,OAjB3C,CAiBmD,CAjBnD,CAAA,CAiBsD,KAjBtD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAkBA,QAlBA,CAkBS,iBAlBT,CAkB2B,eAlB3B,CAkB2C,OAlB3C,CAkBmD,CAlBnD,CAAA,CAkBsD,KAlBtD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA;CACyB;;;;;AAGnC,IAAA,CAsBO,EAtBP,CAAA,CAAA,CAAA,OAAA,CAsBoB,WAtBpB,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA;EAEgB,CAAA,KAAA,CAAA,CAqBX,OArBW,CAqBH,CArBG,CAAA,CAqBA,KArBA,CAAA,CAAA,CAAA,CAqBS,YArBT,CAAA,GAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAAG,YAAA,CAAA,CAAA,CAuBP,OAvBO,CAuBC,OAvBD,CAuBS,CAvBT,CAAA,CAuBY,KAvBZ,CAAA,CAAA;EAAd,WAAA,CAAA,CAAA,CAAA,MAAA;CAAuB"}
+{"version":3,"file":"vui.d.ts","names":[],"sources":["../../src/core/vui.ts"],"sourcesContent":[],"mappings":";;;;;;;;;AASA;AAAoC,iBAApB,GAAoB,CAAA,UAAN,KAAA,CAAM,WAAA,EAAA,QAAA,MAAA,CAAA,CAAA,SAAA,EACvB,KAAA,CAAM,wBADiB,CAAA,GAAA,EACa,OADb,CACqB,CADrB,EACwB,KADxB,CAAA,CAAA,EAAA,MAAA,CAAA,EAEzB,kBAFyB,CAEN,CAFM,EAEH,KAFG,CAAA,CAAA,EAEG,YAFH,CAEG,CAFH,EAEG,KAFH,CAAA;;AACwB,KAgBhD,YAhBgD,CAAA,UAgBzB,WAhByB,EAAA,QAAA,MAAA,CAAA,GAAA;EAAX,CAAA,YAkBlC,WAlBkC,CAAA,CAAA,KAAA,EAmBtC,iBAnBsC,CAmBpB,UAnBoB,CAmBT,GAnBS,EAmBJ,KAnBI,CAAA,CAAA,GAAA;IAA9B,EAAA,EAoBT,GApBS;EACW,CAAA,CAAA,EAqBzB,YArByB,CAAA,GAAA,EAAA,GAAA,CAAA,GAAA,IAAA;EAAG,CAAA,KAAA,EAuBvB,UAvBuB,CAuBZ,CAvBY,EAuBT,KAvBS,CAAA,CAAA,EAuBA,YAvBA,CAAA,GAAA,EAAA,GAAA,CAAA,GAAA,IAAA;EAAtB,YAAA,CAAA,EAyBM,OAzBN,CAyBc,OAzBd,CAyBsB,CAzBtB,EAyByB,KAzBzB,CAAA,CAAA;EAA4B,WAAA,CAAA,EAAA,MAAA;EAAA,KAAA,CAAA,EAAA,MAAA,EAAA;CAAA;;AAe3B,KAgBA,kBAhBY,CAAA,UAgBiB,WAhBjB,EAAA,QAAA,MAAA,CAAA,GAAA;EAAW,MAAA,CAAA,EAAA,OAAA;EAEpB,WAAA,CAAA,EAAA,CAAA,SAAA,EAiBA,QAjBA,CAiBS,iBAjBT,CAiB2B,eAjB3B,CAiB2C,OAjB3C,CAiBmD,CAjBnD,EAiBsD,KAjBtD,CAAA,CAAA,CAAA,CAAA,EAAA,SAAA,EAkBA,QAlBA,CAkBS,iBAlBT,CAkB2B,eAlB3B,CAkB2C,OAlB3C,CAkBmD,CAlBnD,EAkBsD,KAlBtD,CAAA,CAAA,CAAA,CAAA,EAAA,GAAA,OAAA;CACyB;;;;;AAGnC,KAsBO,EAtBP,CAAA,UAsBoB,WAtBpB,EAAA,QAAA,MAAA,CAAA,GAAA;EAEgB,CAAA,KAAA,EAqBX,OArBW,CAqBH,CArBG,EAqBA,KArBA,CAAA,CAAA,EAqBS,YArBT,CAAA,GAAA,EAAA,GAAA,CAAA,GAAA,IAAA;EAAG,YAAA,CAAA,EAuBP,OAvBO,CAuBC,OAvBD,CAuBS,CAvBT,EAuBY,KAvBZ,CAAA,CAAA;EAAd,WAAA,CAAA,EAAA,MAAA;CAAuB"}

package/dist/core/vui.js

@@ -13,5 +13,5 @@ function vui(component, config) {
 
 //#endregion
 export { vui };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=vui.js.map

package/dist/core/vuiProvider/animations.d.ts

@@ -10,4 +10,5 @@ declare const pulse = "\n\t0%, 100% {\n\t\topacity: 1;\n\t}\n\t50% {\n\t\topacit
 declare const spin = "\n\tfrom {\n\t\ttransform: rotate(0deg);\n\t}\n\tto {\n\t\ttransform: rotate(360deg);\n\t}\n";
 //#endregion
 export { bounce, fadeDown, fadeIn, fadeLeft, fadeOut, fadeRight, fadeUp, pulse, spin };
+
 //# sourceMappingURL=animations.d.ts.map

package/dist/core/vuiProvider/animations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"animations.d.ts","names":[],"sources":["../../../src/core/vuiProvider/animations.ts"],"sourcesContent":[],"mappings":";cAAa,MAAA,CAAA,CAAA;AAAA,OAAA,CAAA,KAAA,CAWA,QAXM,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAAA;AAWN,OAAA,CAAA,KAAA,CAWA,MAAA,CAAA,CAAA,CAFZ,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAEY,OAAA,CAAA,KAAA,CASA,QATM,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAAA;AASN,OAAA,CAAA,KAAA,CAWA,OAAA,CAAA,CAAA,CAFZ,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAEY,OAAA,CAAA,KAAA,CASA,SATO,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAAA;AASP,OAAA,CAAA,KAAA,CAWA,MAFZ,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAAA;AAEY,OAAA,CAAA,KAAA,CAWA,KAAA,CAAA,CAAA,CAFZ,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAEY,OAAA,CAAA,KAAA,CASA,IAAA,CAAA,CAAA,CATK,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,MAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,MAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"animations.d.ts","names":[],"sources":["../../../src/core/vuiProvider/animations.ts"],"sourcesContent":[],"mappings":";cAAa,MAAA;AAAA,cAWA,QAXM,EAAA,CAAA,QAAA,EAAA,MAAA,EAAA,GAAA,MAAA;AAWN,cAWA,MAAA,GAFZ,kEAAA;AAEY,cASA,QATM,EAAA,CAAA,QAAA,EAAA,MAAA,EAAA,GAAA,MAAA;AASN,cAWA,OAAA,GAFZ,kEAAA;AAEY,cASA,SATO,EAAA,CAAA,QAAA,EAAA,MAAA,EAAA,GAAA,MAAA;AASP,cAWA,MAFZ,EAAA,CAAA,QAAA,EAAA,MAAA,EAAA,GAAA,MAAA;AAEY,cAWA,KAAA,GAFZ,wEAAA;AAEY,cASA,IAAA,GATK,8FAAA"}

package/dist/core/vuiProvider/animations.js

@@ -84,5 +84,5 @@ const spin = `
 
 //#endregion
 export { bounce, fadeDown, fadeIn, fadeLeft, fadeOut, fadeRight, fadeUp, pulse, spin };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=animations.js.map

package/dist/core/vuiProvider/consts.d.ts

@@ -2,4 +2,5 @@
 declare const noScrollClass = "vui-no-scroll";
 //#endregion
 export { noScrollClass };
+
 //# sourceMappingURL=consts.d.ts.map

package/dist/core/vuiProvider/consts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"consts.d.ts","names":[],"sources":["../../../src/core/vuiProvider/consts.ts"],"sourcesContent":[],"mappings":";cAAa,aAAA,CAAA,CAAA"}
+{"version":3,"file":"consts.d.ts","names":[],"sources":["../../../src/core/vuiProvider/consts.ts"],"sourcesContent":[],"mappings":";cAAa,aAAA"}

package/dist/core/vuiProvider/consts.js

@@ -3,5 +3,5 @@ const noScrollClass = "vui-no-scroll";
 
 //#endregion
 export { noScrollClass };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=consts.js.map

package/dist/core/vuiProvider/context.d.ts

@@ -5,4 +5,5 @@ import * as react957 from "react";
 declare const VuiContextProvider: react957.Provider<VuiContext>, useVuiContext: () => VuiContext;
 //#endregion
 export { VuiContextProvider, useVuiContext };
+
 //# sourceMappingURL=context.d.ts.map

package/dist/core/vuiProvider/context.js

@@ -5,5 +5,5 @@ const [VuiContextProvider, useVuiContext] = createContext({ isOptional: true });
 
 //#endregion
 export { VuiContextProvider, useVuiContext };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=context.js.map

package/dist/core/vuiProvider/fontFaces.d.ts

@@ -2,4 +2,5 @@
 declare const _default: "\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"https://cdn.veracity.com/common/fonts/gantari/Gantari-Thin.woff2\") format(\"woff2\");\n  font-weight: 100;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"https://cdn.veracity.com/common/fonts/gantari/Gantari-ThinItalic.woff2\") format(\"woff2\");\n  font-weight: 100;\n  font-style: italic;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"https://cdn.veracity.com/common/fonts/gantari/Gantari-ExtraLight.woff2\") format(\"woff2\");\n  font-weight: 200;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"https://cdn.veracity.com/common/fonts/gantari/Gantari-ExtraLightItalic.woff2\") format(\"woff2\");\n  font-weight: 200;\n  font-style: italic;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"https://cdn.veracity.com/common/fonts/gantari/Gantari-Light.woff2\") format(\"woff2\");\n  font-weight: 300;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"https://cdn.veracity.com/common/fonts/gantari/Gantari-LightItalic.woff2\") format(\"woff2\");\n  font-weight: 300;\n  font-style: italic;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"https://cdn.veracity.com/common/fonts/gantari/Gantari-Regular.woff2\") format(\"woff2\");\n  font-weight: 400;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"https://cdn.veracity.com/common/fonts/gantari/Gantari-Italic.woff2\") format(\"woff2\");\n  font-weight: 400;\n  font-style: italic;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"https://cdn.veracity.com/common/fonts/gantari/Gantari-Medium.woff2\") format(\"woff2\");\n  font-weight: 500;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"https://cdn.veracity.com/common/fonts/gantari/Gantari-MediumItalic.woff2\") format(\"woff2\");\n  font-weight: 500;\n  font-style: italic;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"https://cdn.veracity.com/common/fonts/gantari/Gantari-SemiBold.woff2\") format(\"woff2\");\n  font-weight: 600;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"https://cdn.veracity.com/common/fonts/gantari/Gantari-SemiBoldItalic.woff2\") format(\"woff2\");\n  font-weight: 600;\n  font-style: italic;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"https://cdn.veracity.com/common/fonts/gantari/Gantari-Bold.woff2\") format(\"woff2\");\n  font-weight: 700;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"https://cdn.veracity.com/common/fonts/gantari/Gantari-BoldItalic.woff2\") format(\"woff2\");\n  font-weight: 700;\n  font-style: italic;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"https://cdn.veracity.com/common/fonts/gantari/Gantari-ExtraBold.woff2\") format(\"woff2\");\n  font-weight: 800;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"https://cdn.veracity.com/common/fonts/gantari/Gantari-ExtraBoldItalic.woff2\") format(\"woff2\");\n  font-weight: 800;\n  font-style: italic;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"https://cdn.veracity.com/common/fonts/gantari/Gantari-Black.woff2\") format(\"woff2\");\n  font-weight: 900;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"https://cdn.veracity.com/common/fonts/gantari/Gantari-BlackItalic.woff2\") format(\"woff2\");\n  font-weight: 900;\n  font-style: italic;\n}\n\n@font-face {\n  font-family: \"DNV Display\";\n  src: url(\"https://cdn.veracity.com/common/fonts/dnvdisplay/dnv-display-light.woff2\");\n  font-weight: 200;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"DNV Display\";\n  src: url(\"https://cdn.veracity.com/common/fonts/dnvdisplay/dnv-display-regular.woff2\");\n  font-weight: 400;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"DNV Display\";\n  src: url(\"https://cdn.veracity.com/common/fonts/dnvdisplay/dnv-display-medium.woff2\");\n  font-weight: 500;\n  font-style: normal;\n}\n";
 //#endregion
 export { _default };
+
 //# sourceMappingURL=fontFaces.d.ts.map

package/dist/core/vuiProvider/fontFaces.js

@@ -162,5 +162,5 @@ var fontFaces_default = `
 
 //#endregion
 export { fontFaces_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=fontFaces.js.map

package/dist/core/vuiProvider/globalStyle.d.ts

@@ -1,4 +1,4 @@
-import * as styled_components449 from "styled-components";
+import * as styled_components450 from "styled-components";
 
 //#region src/core/vuiProvider/globalStyle.d.ts
 type GlobalStyleProps = {
@@ -11,7 +11,8 @@ type GlobalStyleProps = {
  * - animation keyframes
  * - CSS variables for each theme value
  */
-declare const _default: styled_components449.GlobalStyleComponent<GlobalStyleProps, styled_components449.DefaultTheme>;
+declare const _default: styled_components450.GlobalStyleComponent<GlobalStyleProps, styled_components450.DefaultTheme>;
 //#endregion
 export { _default };
+
 //# sourceMappingURL=globalStyle.d.ts.map

package/dist/core/vuiProvider/globalStyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"globalStyle.d.ts","names":[],"sources":["../../../src/core/vuiProvider/globalStyle.tsx"],"sourcesContent":[],"mappings":";;;KAOK,gBAAA,CAAA,CAAA;;;;AAAgB,CAAA,CAAA,CAAA,QAAA,CAAA,MAAA,CAAA,MAAA,CAAA,CAAA,IAAA,CAAA,EAAA;;;;;;cAAA"}
+{"version":3,"file":"globalStyle.d.ts","names":[],"sources":["../../../src/core/vuiProvider/globalStyle.tsx"],"sourcesContent":[],"mappings":";;;KAOK,gBAAA;;;;AAAgB;;;;;;cAAA"}

package/dist/core/vuiProvider/globalStyle.js

@@ -122,11 +122,11 @@ function generateCSSVariables() {
 			return str += computeStyle(`${name}-${key}`, value$1);
 		}, "");
 	}
-	const { animations, transformers,...styles } = foundations_default;
+	const { animations, transformers, ...styles } = foundations_default;
 	return computeStyle("--vui", styles);
 }
 
 //#endregion
 export { globalStyle_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=globalStyle.js.map

package/dist/core/vuiProvider/globalStyle.js.map

@@ -1 +1 @@
-{"version":3,"file":"globalStyle.js","names":["fontFaces","value","foundations"],"sources":["../../../src/core/vuiProvider/globalStyle.tsx"],"sourcesContent":["import foundations from '../../theme/foundations'\nimport { isObject } from '../../utils'\nimport { createGlobalStyle, css } from '../styled'\nimport { bounce, fadeDown, fadeIn, fadeLeft, fadeOut, fadeRight, fadeUp, pulse, spin } from './animations'\nimport { noScrollClass } from './consts'\nimport fontFaces from './fontFaces'\n\ntype GlobalStyleProps = {\n  globalStyle?: boolean\n}\n\n/**\n * Provides global styles, such as:\n * - font face definitions\n * - font base styles (color, size, family)\n * - animation keyframes\n * - CSS variables for each theme value\n */\nexport default createGlobalStyle<GlobalStyleProps>`\n${fontFaces}\n:root {\n  font-synthesis: none;\n  text-rendering: optimizeLegibility;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  ${generateCSSVariables}\n}\n\n* {\n  --x-ring-color: var(--vui-colors-focusColor);\n  // Fixes a box-shadow issue between some parent and child components\n  --x-shadow: 0 0 0 0 transparent;\n}\n\nbutton,\n.vui-avatar,\n.vui-tag,\n.vui-sidemenu-item,\n.vui-switchTrack {\n  --x-ring-color: transparent;\n}\n\nbutton:focus-visible,\nli:focus-visible,\n.vui-avatar:focus-visible,\n.vui-tag:focus-visible,\n.vui-sidemenu-item:focus-visible,\n.vui-switchTrack:focus-visible {\n  --x-ring-color: var(--vui-colors-focusColor);\n  outline: var(--vui-colors-focusColor) solid 3px;\n  z-index: 1;\n}\n\nbody.${noScrollClass} {\n  overflow: hidden !important;\n  overscroll-behavior: contain;\n}\n\n${p =>\n  p.globalStyle &&\n  css`\n    body {\n      color: sandstone.10;\n      font-family: Gantari;\n      font-size: md;\n    }\n\n    h1,\n    h2,\n    h3,\n    h4,\n    h5 {\n      color: darkBlue.18;\n    }\n  `}\n\n@keyframes vui-bounce {\n${bounce}\n}\n\n@keyframes vui-fadeDown {\n${fadeDown(20)}\n}\n\n@keyframes vui-fadeIn {\n${fadeIn}\n}\n\n@keyframes vui-fadeLeft {\n${fadeLeft(20)}\n}\n\n@keyframes vui-fadeLeftLong {\n${fadeLeft(600)}\n}\n\n@keyframes vui-fadeOut {\n${fadeOut}\n}\n\n\n@keyframes vui-fadeRight {\n${fadeRight(20)}\n}\n\n@keyframes vui-fadeRightLong {\n${fadeRight(600)}\n}\n\n@keyframes vui-fadeUp {\n${fadeUp(20)}\n}\n\n@keyframes vui-pulse {\n${pulse}\n}\n\n@keyframes vui-spin {\n${spin}\n}\n`\n\n/** Recursively maps through all theme styles and generates a set of CSS properties. */\nfunction generateCSSVariables() {\n  function computeStyle(name: string, value: any): string {\n    if (!isObject(value)) return `${name}: ${typeof value === 'string' ? value : `${value}px`};\\n`\n\n    return Object.entries(value).reduce((str, [key, value]) => {\n      return (str += computeStyle(`${name}-${key}`, value))\n    }, '')\n  }\n\n  const { animations, transformers, ...styles } = foundations\n\n  return computeStyle('--vui', styles)\n}\n"],"mappings":";;;;;;;;;;;;;;;AAkBA,0BAAe,iBAAmC;EAChDA,kBAAU;;;;;;IAMR,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA4BlB,cAAc;;;;;GAKnB,MACA,EAAE,eACF,GAAG;;;;;;;;;;;;;;IAcD;;;EAGF,OAAO;;;;EAIP,SAAS,GAAG,CAAC;;;;EAIb,OAAO;;;;EAIP,SAAS,GAAG,CAAC;;;;EAIb,SAAS,IAAI,CAAC;;;;EAId,QAAQ;;;;;EAKR,UAAU,GAAG,CAAC;;;;EAId,UAAU,IAAI,CAAC;;;;EAIf,OAAO,GAAG,CAAC;;;;EAIX,MAAM;;;;EAIN,KAAK;;;;AAKP,SAAS,uBAAuB;CAC9B,SAAS,aAAa,MAAc,OAAoB;AACtD,MAAI,CAAC,SAAS,MAAM,CAAE,QAAO,GAAG,KAAK,IAAI,OAAO,UAAU,WAAW,QAAQ,GAAG,MAAM,IAAI;AAE1F,SAAO,OAAO,QAAQ,MAAM,CAAC,QAAQ,KAAK,CAAC,KAAKC,aAAW;AACzD,UAAQ,OAAO,aAAa,GAAG,KAAK,GAAG,OAAOA,QAAM;KACnD,GAAG;;CAGR,MAAM,EAAE,YAAY,aAAc,GAAG,WAAWC;AAEhD,QAAO,aAAa,SAAS,OAAO"}
+{"version":3,"file":"globalStyle.js","names":["fontFaces","value","foundations"],"sources":["../../../src/core/vuiProvider/globalStyle.tsx"],"sourcesContent":["import foundations from '../../theme/foundations'\nimport { isObject } from '../../utils'\nimport { createGlobalStyle, css } from '../styled'\nimport { bounce, fadeDown, fadeIn, fadeLeft, fadeOut, fadeRight, fadeUp, pulse, spin } from './animations'\nimport { noScrollClass } from './consts'\nimport fontFaces from './fontFaces'\n\ntype GlobalStyleProps = {\n  globalStyle?: boolean\n}\n\n/**\n * Provides global styles, such as:\n * - font face definitions\n * - font base styles (color, size, family)\n * - animation keyframes\n * - CSS variables for each theme value\n */\nexport default createGlobalStyle<GlobalStyleProps>`\n${fontFaces}\n:root {\n  font-synthesis: none;\n  text-rendering: optimizeLegibility;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  ${generateCSSVariables}\n}\n\n* {\n  --x-ring-color: var(--vui-colors-focusColor);\n  // Fixes a box-shadow issue between some parent and child components\n  --x-shadow: 0 0 0 0 transparent;\n}\n\nbutton,\n.vui-avatar,\n.vui-tag,\n.vui-sidemenu-item,\n.vui-switchTrack {\n  --x-ring-color: transparent;\n}\n\nbutton:focus-visible,\nli:focus-visible,\n.vui-avatar:focus-visible,\n.vui-tag:focus-visible,\n.vui-sidemenu-item:focus-visible,\n.vui-switchTrack:focus-visible {\n  --x-ring-color: var(--vui-colors-focusColor);\n  outline: var(--vui-colors-focusColor) solid 3px;\n  z-index: 1;\n}\n\nbody.${noScrollClass} {\n  overflow: hidden !important;\n  overscroll-behavior: contain;\n}\n\n${p =>\n  p.globalStyle &&\n  css`\n    body {\n      color: sandstone.10;\n      font-family: Gantari;\n      font-size: md;\n    }\n\n    h1,\n    h2,\n    h3,\n    h4,\n    h5 {\n      color: darkBlue.18;\n    }\n  `}\n\n@keyframes vui-bounce {\n${bounce}\n}\n\n@keyframes vui-fadeDown {\n${fadeDown(20)}\n}\n\n@keyframes vui-fadeIn {\n${fadeIn}\n}\n\n@keyframes vui-fadeLeft {\n${fadeLeft(20)}\n}\n\n@keyframes vui-fadeLeftLong {\n${fadeLeft(600)}\n}\n\n@keyframes vui-fadeOut {\n${fadeOut}\n}\n\n\n@keyframes vui-fadeRight {\n${fadeRight(20)}\n}\n\n@keyframes vui-fadeRightLong {\n${fadeRight(600)}\n}\n\n@keyframes vui-fadeUp {\n${fadeUp(20)}\n}\n\n@keyframes vui-pulse {\n${pulse}\n}\n\n@keyframes vui-spin {\n${spin}\n}\n`\n\n/** Recursively maps through all theme styles and generates a set of CSS properties. */\nfunction generateCSSVariables() {\n  function computeStyle(name: string, value: any): string {\n    if (!isObject(value)) return `${name}: ${typeof value === 'string' ? value : `${value}px`};\\n`\n\n    return Object.entries(value).reduce((str, [key, value]) => {\n      return (str += computeStyle(`${name}-${key}`, value))\n    }, '')\n  }\n\n  const { animations, transformers, ...styles } = foundations\n\n  return computeStyle('--vui', styles)\n}\n"],"mappings":";;;;;;;;;;;;;;;AAkBA,0BAAe,iBAAmC;EAChDA,kBAAU;;;;;;IAMR,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA4BlB,cAAc;;;;;GAKnB,MACA,EAAE,eACF,GAAG;;;;;;;;;;;;;;IAcD;;;EAGF,OAAO;;;;EAIP,SAAS,GAAG,CAAC;;;;EAIb,OAAO;;;;EAIP,SAAS,GAAG,CAAC;;;;EAIb,SAAS,IAAI,CAAC;;;;EAId,QAAQ;;;;;EAKR,UAAU,GAAG,CAAC;;;;EAId,UAAU,IAAI,CAAC;;;;EAIf,OAAO,GAAG,CAAC;;;;EAIX,MAAM;;;;EAIN,KAAK;;;;AAKP,SAAS,uBAAuB;CAC9B,SAAS,aAAa,MAAc,OAAoB;AACtD,MAAI,CAAC,SAAS,MAAM,CAAE,QAAO,GAAG,KAAK,IAAI,OAAO,UAAU,WAAW,QAAQ,GAAG,MAAM,IAAI;AAE1F,SAAO,OAAO,QAAQ,MAAM,CAAC,QAAQ,KAAK,CAAC,KAAKC,aAAW;AACzD,UAAQ,OAAO,aAAa,GAAG,KAAK,GAAG,OAAOA,QAAM;KACnD,GAAG;;CAGR,MAAM,EAAE,YAAY,cAAc,GAAG,WAAWC;AAEhD,QAAO,aAAa,SAAS,OAAO"}

package/dist/core/vuiProvider/index.d.ts

@@ -6,4 +6,4 @@ import { noScrollClass } from "./consts.js";
 import { _default } from "./fontFaces.js";
 import { _default as _default$1 } from "./globalStyle.js";
 import { _default as _default$2 } from "./resetCSS.js";
-import { VuiProvider } from "./vuiProvider.js";
+import { VuiProvider } from "./vuiProvider.js";

package/dist/core/vuiProvider/notifyOffline.js

@@ -20,5 +20,5 @@ var notifyOffline_default = memo(NotifyOffline);
 
 //#endregion
 export { notifyOffline_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=notifyOffline.js.map

package/dist/core/vuiProvider/reducers.js

@@ -10,5 +10,5 @@ const genericReducer = (state, action) => state = action;
 
 //#endregion
 export { genericReducer, toastsReducer };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=reducers.js.map

package/dist/core/vuiProvider/resetCSS.d.ts

@@ -1,8 +1,9 @@
-import * as styled_components451 from "styled-components";
+import * as styled_components452 from "styled-components";
 
 //#region src/core/vuiProvider/resetCSS.d.ts
 /** Set of CSS resets to unify styles across browsers and provide good style defaults. */
-declare const _default: styled_components451.GlobalStyleComponent<{}, styled_components451.DefaultTheme>;
+declare const _default: styled_components452.GlobalStyleComponent<{}, styled_components452.DefaultTheme>;
 //#endregion
 export { _default };
+
 //# sourceMappingURL=resetCSS.d.ts.map

package/dist/core/vuiProvider/resetCSS.js

@@ -177,5 +177,5 @@ var resetCSS_default = createGlobalStyle`
 
 //#endregion
 export { resetCSS_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=resetCSS.js.map

package/dist/core/vuiProvider/useBodyScrollLock.d.ts

@@ -8,4 +8,5 @@ declare const useBodyScrollLock: () => {
 };
 //#endregion
 export { useBodyScrollLock };
+
 //# sourceMappingURL=useBodyScrollLock.d.ts.map

package/dist/core/vuiProvider/useBodyScrollLock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useBodyScrollLock.d.ts","names":[],"sources":["../../../src/core/vuiProvider/useBodyScrollLock.tsx"],"sourcesContent":[],"mappings":";;;cAKa;;qBAaZ,QAAA,CAAA,SAAA,QAAA,CAAA;EAbY,oBAaZ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA"}
+{"version":3,"file":"useBodyScrollLock.d.ts","names":[],"sources":["../../../src/core/vuiProvider/useBodyScrollLock.tsx"],"sourcesContent":[],"mappings":";;;cAKa;;qBAaZ,QAAA,CAAA,SAAA,QAAA,CAAA;EAbY,oBAaZ,EAAA,GAAA,GAAA,IAAA"}

package/dist/core/vuiProvider/useBodyScrollLock.js

@@ -20,5 +20,5 @@ const useBodyScrollLock = () => {
 
 //#endregion
 export { useBodyScrollLock };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=useBodyScrollLock.js.map

package/dist/core/vuiProvider/useOfflineMode.d.ts

@@ -4,4 +4,5 @@ declare const useOfflineMode: () => {
 };
 //#endregion
 export { useOfflineMode };
+
 //# sourceMappingURL=useOfflineMode.d.ts.map

package/dist/core/vuiProvider/useOfflineMode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useOfflineMode.d.ts","names":[],"sources":["../../../src/core/vuiProvider/useOfflineMode.ts"],"sourcesContent":[],"mappings":";cAEa;EAAA,SAAA,CAAA,CAAA,OAeZ"}
+{"version":3,"file":"useOfflineMode.d.ts","names":[],"sources":["../../../src/core/vuiProvider/useOfflineMode.ts"],"sourcesContent":[],"mappings":";cAEa;EAAA,SAAA,EAAA,OAeZ"}

package/dist/core/vuiProvider/useOfflineMode.js

@@ -18,5 +18,5 @@ const useOfflineMode = () => {
 
 //#endregion
 export { useOfflineMode };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=useOfflineMode.js.map

package/dist/core/vuiProvider/vuiProvider.d.ts

@@ -17,4 +17,5 @@ type VuiProviderProps = {
 declare const VuiProvider: FC<VuiProviderProps & ChildrenProp>;
 //#endregion
 export { VuiProvider };
+
 //# sourceMappingURL=vuiProvider.d.ts.map

package/dist/core/vuiProvider/vuiProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vuiProvider.d.ts","names":[],"sources":["../../../src/core/vuiProvider/vuiProvider.tsx"],"sourcesContent":[],"mappings":";;;;;KAiBK,gBAAA,CAAA,CAAA;;EAAA,WAAA,CAAA,CAAA,CAAA,OAAgB;EAYf,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,MAAA,CAAA,GAAA,CAAA,KAAA,CAAA,CAAA,OAAA,CAAA,IAAA,CAAA,CAAA;EAAgB,QAAA,CAAA,CAAA,CAAA,OAAA;EAAmB,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,KAAA,CAAA,MAAA,CAAA,KAAA,CAAA,CAAA,WAAA,CAAA,CAAA,OAAA,CAAA,CAAA;EAAtB,KAAA,CAAA,CAAA,CANT,QAMS;EAAE,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,UAAA,CAAA,OAAA,CAAA,MAAA,CAAA,KAAA,CAAA,aAAA,CAAA,CAAA,OAAA,CAAA,KAAA,CAAA,CAAA;;;;cAAf,aAAa,GAAG,mBAAmB"}
+{"version":3,"file":"vuiProvider.d.ts","names":[],"sources":["../../../src/core/vuiProvider/vuiProvider.tsx"],"sourcesContent":[],"mappings":";;;;;KAgBK,gBAAA;;EAAA,WAAA,CAAA,EAAA,OAAgB;EAYf;EAAgB,QAAA,CAAA,EAAA,OAAA;EAAmB;EAAtB,KAAA,CAAA,EANT,QAMS;EAAE;;;;cAAf,aAAa,GAAG,mBAAmB"}

package/dist/core/vuiProvider/vuiProvider.js

@@ -1,8 +1,7 @@
 import defaultTheme_default from "../../theme/defaultTheme.js";
 import { VuiContextProvider } from "./context.js";
-import globalStyle_default$1 from "./globalStyle.js";
+import globalStyle_default from "./globalStyle.js";
 import resetCSS_default from "./resetCSS.js";
-import globalStyle_default from "../../popover/globalStyle.js";
 import { Portal } from "../../portal/portal.js";
 import toast_default from "../../toast/toast.js";
 import notifyOffline_default from "./notifyOffline.js";
@@ -35,8 +34,7 @@ const VuiProvider = ({ children, globalStyle = true, resetCSS = true, theme = de
 			theme,
 			children: /* @__PURE__ */ jsxs(Fragment$1, { children: [
 				resetCSS && /* @__PURE__ */ jsx(resetCSS_default, {}),
-				/* @__PURE__ */ jsx(globalStyle_default$1, { globalStyle }),
-				/* @__PURE__ */ jsx(globalStyle_default, {}),
+				/* @__PURE__ */ jsx(globalStyle_default, { globalStyle }),
 				children,
 				notifyOffline && /* @__PURE__ */ jsx(notifyOffline_default, {}),
 				/* @__PURE__ */ jsxs(Portal, { children: [portalSlot, /* @__PURE__ */ jsx(toast_default, {})] })
@@ -48,5 +46,5 @@ var vuiProvider_default = VuiProvider;
 
 //#endregion
 export { vuiProvider_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=vuiProvider.js.map

package/dist/core/vuiProvider/vuiProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"vuiProvider.js","names":["VuiProvider: FC<VuiProviderProps & ChildrenProp>","defaultTheme","ResetCSS","GlobalStyle","PopoverStyle","NotifyOffline","Toaster"],"sources":["../../../src/core/vuiProvider/vuiProvider.tsx"],"sourcesContent":["import type { FC } from 'react'\nimport { useReducer } from 'react'\nimport { ThemeProvider } from 'styled-components'\n\nimport PopoverStyle from '../../popover/globalStyle'\nimport { Portal } from '../../portal'\nimport type { VuiTheme } from '../../theme'\nimport defaultTheme from '../../theme'\nimport { Toaster } from '../../toast'\nimport type { ToastListItem } from '../../toast/toast.types'\nimport type { ChildrenProp } from '../types'\nimport { VuiContextProvider } from './context'\nimport GlobalStyle from './globalStyle'\nimport NotifyOffline from './notifyOffline'\nimport { genericReducer, toastsReducer } from './reducers'\nimport ResetCSS from './resetCSS'\n\ntype VuiProviderProps = {\n  /** Adds basic styles to body @default true */\n  globalStyle?: boolean\n  /** Applies custom CSS reset @default true */\n  resetCSS?: boolean\n  /** Modified theme config using 'extendTheme' utility */\n  theme?: VuiTheme\n  /** Enables displaying offline/online toast notifications @default false */\n  notifyOffline?: boolean\n}\n\n/** Provides theme to all wrapped components and by default includes CSS reset and global styles. */\nconst VuiProvider: FC<VuiProviderProps & ChildrenProp> = ({\n  children,\n  globalStyle = true,\n  resetCSS = true,\n  theme = defaultTheme as VuiTheme,\n  notifyOffline = false,\n}) => {\n  const [toasts, toastsDispatch] = useReducer(toastsReducer, { list: [] })\n  const [portalSlot, setPortalSlot] = useReducer(genericReducer, null)\n\n  const addToast = (toast: ToastListItem) => toastsDispatch({ type: 'add', toast })\n  const removeToast = (id: string) => toastsDispatch({ type: 'remove', toast: { id } })\n\n  const context = { toasts, addToast, removeToast, setPortalSlot }\n\n  return (\n    <VuiContextProvider value={context}>\n      <ThemeProvider theme={theme}>\n        <>\n          {resetCSS && <ResetCSS />}\n          <GlobalStyle globalStyle={globalStyle} />\n          <PopoverStyle />\n          {children}\n          {notifyOffline && <NotifyOffline />}\n          <Portal>\n            {portalSlot}\n            <Toaster />\n          </Portal>\n        </>\n      </ThemeProvider>\n    </VuiContextProvider>\n  )\n}\n\nexport default VuiProvider\n"],"mappings":";;;;;;;;;;;;;;;AA6BA,MAAMA,eAAoD,EACxD,UACA,cAAc,MACd,WAAW,MACX,QAAQC,sBACR,gBAAgB,YACZ;CACJ,MAAM,CAAC,QAAQ,kBAAkB,WAAW,eAAe,EAAE,MAAM,EAAE,EAAE,CAAC;CACxE,MAAM,CAAC,YAAY,iBAAiB,WAAW,gBAAgB,KAAK;CAEpE,MAAM,YAAY,UAAyB,eAAe;EAAE,MAAM;EAAO;EAAO,CAAC;CACjF,MAAM,eAAe,OAAe,eAAe;EAAE,MAAM;EAAU,OAAO,EAAE,IAAI;EAAE,CAAC;AAIrF,QACE,oBAAC;EAAmB,OAHN;GAAE;GAAQ;GAAU;GAAa;GAAe;YAI5D,oBAAC;GAAqB;aACpB;IACG,YAAY,oBAACC,qBAAW;IACzB,oBAACC,yBAAyB,cAAe;IACzC,oBAACC,wBAAe;IACf;IACA,iBAAiB,oBAACC,0BAAgB;IACnC,qBAAC,qBACE,YACD,oBAACC,kBAAU,IACJ;OACR;IACW;GACG;;AAIzB,0BAAe"}
+{"version":3,"file":"vuiProvider.js","names":["VuiProvider: FC<VuiProviderProps & ChildrenProp>","defaultTheme","ResetCSS","GlobalStyle","NotifyOffline","Toaster"],"sources":["../../../src/core/vuiProvider/vuiProvider.tsx"],"sourcesContent":["import type { FC } from 'react'\nimport { useReducer } from 'react'\nimport { ThemeProvider } from 'styled-components'\n\nimport { Portal } from '../../portal'\nimport type { VuiTheme } from '../../theme'\nimport defaultTheme from '../../theme'\nimport { Toaster } from '../../toast'\nimport type { ToastListItem } from '../../toast/toast.types'\nimport type { ChildrenProp } from '../types'\nimport { VuiContextProvider } from './context'\nimport GlobalStyle from './globalStyle'\nimport NotifyOffline from './notifyOffline'\nimport { genericReducer, toastsReducer } from './reducers'\nimport ResetCSS from './resetCSS'\n\ntype VuiProviderProps = {\n  /** Adds basic styles to body @default true */\n  globalStyle?: boolean\n  /** Applies custom CSS reset @default true */\n  resetCSS?: boolean\n  /** Modified theme config using 'extendTheme' utility */\n  theme?: VuiTheme\n  /** Enables displaying offline/online toast notifications @default false */\n  notifyOffline?: boolean\n}\n\n/** Provides theme to all wrapped components and by default includes CSS reset and global styles. */\nconst VuiProvider: FC<VuiProviderProps & ChildrenProp> = ({\n  children,\n  globalStyle = true,\n  resetCSS = true,\n  theme = defaultTheme as VuiTheme,\n  notifyOffline = false,\n}) => {\n  const [toasts, toastsDispatch] = useReducer(toastsReducer, { list: [] })\n  const [portalSlot, setPortalSlot] = useReducer(genericReducer, null)\n\n  const addToast = (toast: ToastListItem) => toastsDispatch({ type: 'add', toast })\n  const removeToast = (id: string) => toastsDispatch({ type: 'remove', toast: { id } })\n\n  const context = { toasts, addToast, removeToast, setPortalSlot }\n\n  return (\n    <VuiContextProvider value={context}>\n      <ThemeProvider theme={theme}>\n        <>\n          {resetCSS && <ResetCSS />}\n          <GlobalStyle globalStyle={globalStyle} />\n          {children}\n          {notifyOffline && <NotifyOffline />}\n          <Portal>\n            {portalSlot}\n            <Toaster />\n          </Portal>\n        </>\n      </ThemeProvider>\n    </VuiContextProvider>\n  )\n}\n\nexport default VuiProvider\n"],"mappings":";;;;;;;;;;;;;;AA4BA,MAAMA,eAAoD,EACxD,UACA,cAAc,MACd,WAAW,MACX,QAAQC,sBACR,gBAAgB,YACZ;CACJ,MAAM,CAAC,QAAQ,kBAAkB,WAAW,eAAe,EAAE,MAAM,EAAE,EAAE,CAAC;CACxE,MAAM,CAAC,YAAY,iBAAiB,WAAW,gBAAgB,KAAK;CAEpE,MAAM,YAAY,UAAyB,eAAe;EAAE,MAAM;EAAO;EAAO,CAAC;CACjF,MAAM,eAAe,OAAe,eAAe;EAAE,MAAM;EAAU,OAAO,EAAE,IAAI;EAAE,CAAC;AAIrF,QACE,oBAAC;EAAmB,OAHN;GAAE;GAAQ;GAAU;GAAa;GAAe;YAI5D,oBAAC;GAAqB;aACpB;IACG,YAAY,oBAACC,qBAAW;IACzB,oBAACC,uBAAyB,cAAe;IACxC;IACA,iBAAiB,oBAACC,0BAAgB;IACnC,qBAAC,qBACE,YACD,oBAACC,kBAAU,IACJ;OACR;IACW;GACG;;AAIzB,0BAAe"}

package/dist/datePicker/dateInput.js

@@ -6,7 +6,7 @@ import { useEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/datePicker/dateInput.tsx
-const DateInput = ({ initialDate, onChange, onValidate, setValidateStatus,...rest }) => {
+const DateInput = ({ initialDate, onChange, onValidate, setValidateStatus, ...rest }) => {
 	const formattedInitialDate = initialDate ? formatDate(initialDate, "YYYY-MM-DD", { timeZone: "UTC" }) : "";
 	const [dateInput, setDateInput] = useState(formattedInitialDate);
 	const [dateInputValidated, setDateInputValidated] = useState(true);
@@ -68,5 +68,5 @@ const DateInput = ({ initialDate, onChange, onValidate, setValidateStatus,...res
 
 //#endregion
 export { DateInput };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=dateInput.js.map

package/dist/datePicker/dateInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"dateInput.js","names":[],"sources":["../../src/datePicker/dateInput.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport type { InputProps } from '../input'\nimport { Input } from '../input'\nimport { T } from '../t'\nimport { formatDate, parseIsoDate, validateDateFormat } from '../utils'\n\ntype Props = InputProps & {\n  initialDate?: Date\n  onChange: (date?: Date) => void\n  onValidate: (date?: Date) => string\n  setValidateStatus: (inValid: boolean) => void\n}\n\nexport const DateInput = ({ initialDate, onChange, onValidate, setValidateStatus, ...rest }: Props) => {\n  const formattedInitialDate = initialDate ? formatDate(initialDate, 'YYYY-MM-DD', { timeZone: 'UTC' }) : ''\n  const [dateInput, setDateInput] = useState<string>(formattedInitialDate)\n  const [dateInputValidated, setDateInputValidated] = useState<boolean>(true)\n  const [errorMessage, setErrorMessage] = useState<string>('')\n\n  const isValidDate = (dateString: string) => {\n    if (!validateDateFormat(dateString)) return false\n    if (!parseIsoDate(dateString)) return false\n    return true\n  }\n\n  const handleOnBlur = () => {\n    setDateInputValidated(!dateInput)\n    const parsedDate = parseIsoDate(dateInput)\n    if (parsedDate) {\n      setDateInput(formatDate(parsedDate, 'YYYY-MM-DD', { timeZone: 'UTC' }))\n      const validateMessage = onValidate(parsedDate)\n      !validateMessage && onChange(parsedDate)\n      setDateInputValidated(!validateMessage)\n      setErrorMessage(validateMessage)\n    }\n  }\n\n  useEffect(() => {\n    setDateInput(formattedInitialDate)\n    const validation = onValidate(initialDate)\n    setDateInputValidated(!validation)\n    setValidateStatus(!validation)\n    setErrorMessage(validation)\n  }, [initialDate])\n\n  useEffect(() => {\n    if (dateInput) {\n      const isValidDateString = isValidDate(dateInput)\n      setValidateStatus(isValidDateString)\n      if (!validateDateFormat(dateInput)) setErrorMessage('Supported format is YYYY-MM-DD')\n      else if (!parseIsoDate(dateInput)) setErrorMessage('Invalid date')\n      else {\n        const parsedDate = parseIsoDate(dateInput)\n        const validateMessage = onValidate(parsedDate)\n        !validateMessage && onChange(parsedDate)\n        setDateInputValidated(!validateMessage)\n        setErrorMessage(validateMessage)\n      }\n    }\n  }, [dateInput])\n\n  return (\n    <Input\n      borderColor={dateInputValidated ? 'sandstone.main' : 'energyRed.main'}\n      className=\"dateInput\"\n      data-testid=\"test-date-input\"\n      errorText={!dateInputValidated && <T size=\"md\">{errorMessage}</T>}\n      onBlur={handleOnBlur}\n      onChange={e => setDateInput(e.target.value)}\n      placeholder=\"YYYY-MM-DD\"\n      size=\"md\"\n      state={!dateInputValidated && !errorMessage ? 'error' : 'default'}\n      value={dateInput}\n      {...rest}\n    />\n  )\n}\n"],"mappings":";;;;;;;;AAcA,MAAa,aAAa,EAAE,aAAa,UAAU,YAAY,kBAAmB,GAAG,WAAkB;CACrG,MAAM,uBAAuB,cAAc,WAAW,aAAa,cAAc,EAAE,UAAU,OAAO,CAAC,GAAG;CACxG,MAAM,CAAC,WAAW,gBAAgB,SAAiB,qBAAqB;CACxE,MAAM,CAAC,oBAAoB,yBAAyB,SAAkB,KAAK;CAC3E,MAAM,CAAC,cAAc,mBAAmB,SAAiB,GAAG;CAE5D,MAAM,eAAe,eAAuB;AAC1C,MAAI,CAAC,mBAAmB,WAAW,CAAE,QAAO;AAC5C,MAAI,CAAC,aAAa,WAAW,CAAE,QAAO;AACtC,SAAO;;CAGT,MAAM,qBAAqB;AACzB,wBAAsB,CAAC,UAAU;EACjC,MAAM,aAAa,aAAa,UAAU;AAC1C,MAAI,YAAY;AACd,gBAAa,WAAW,YAAY,cAAc,EAAE,UAAU,OAAO,CAAC,CAAC;GACvE,MAAM,kBAAkB,WAAW,WAAW;AAC9C,IAAC,mBAAmB,SAAS,WAAW;AACxC,yBAAsB,CAAC,gBAAgB;AACvC,mBAAgB,gBAAgB;;;AAIpC,iBAAgB;AACd,eAAa,qBAAqB;EAClC,MAAM,aAAa,WAAW,YAAY;AAC1C,wBAAsB,CAAC,WAAW;AAClC,oBAAkB,CAAC,WAAW;AAC9B,kBAAgB,WAAW;IAC1B,CAAC,YAAY,CAAC;AAEjB,iBAAgB;AACd,MAAI,WAAW;AAEb,qBAD0B,YAAY,UAAU,CACZ;AACpC,OAAI,CAAC,mBAAmB,UAAU,CAAE,iBAAgB,iCAAiC;YAC5E,CAAC,aAAa,UAAU,CAAE,iBAAgB,eAAe;QAC7D;IACH,MAAM,aAAa,aAAa,UAAU;IAC1C,MAAM,kBAAkB,WAAW,WAAW;AAC9C,KAAC,mBAAmB,SAAS,WAAW;AACxC,0BAAsB,CAAC,gBAAgB;AACvC,oBAAgB,gBAAgB;;;IAGnC,CAAC,UAAU,CAAC;AAEf,QACE,oBAAC;EACC,aAAa,qBAAqB,mBAAmB;EACrD,WAAU;EACV,eAAY;EACZ,WAAW,CAAC,sBAAsB,oBAAC;GAAE,MAAK;aAAM;IAAiB;EACjE,QAAQ;EACR,WAAU,MAAK,aAAa,EAAE,OAAO,MAAM;EAC3C,aAAY;EACZ,MAAK;EACL,OAAO,CAAC,sBAAsB,CAAC,eAAe,UAAU;EACxD,OAAO;EACP,GAAI;GACJ"}
+{"version":3,"file":"dateInput.js","names":[],"sources":["../../src/datePicker/dateInput.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport type { InputProps } from '../input'\nimport { Input } from '../input'\nimport { T } from '../t'\nimport { formatDate, parseIsoDate, validateDateFormat } from '../utils'\n\ntype Props = InputProps & {\n  initialDate?: Date\n  onChange: (date?: Date) => void\n  onValidate: (date?: Date) => string\n  setValidateStatus: (inValid: boolean) => void\n}\n\nexport const DateInput = ({ initialDate, onChange, onValidate, setValidateStatus, ...rest }: Props) => {\n  const formattedInitialDate = initialDate ? formatDate(initialDate, 'YYYY-MM-DD', { timeZone: 'UTC' }) : ''\n  const [dateInput, setDateInput] = useState<string>(formattedInitialDate)\n  const [dateInputValidated, setDateInputValidated] = useState<boolean>(true)\n  const [errorMessage, setErrorMessage] = useState<string>('')\n\n  const isValidDate = (dateString: string) => {\n    if (!validateDateFormat(dateString)) return false\n    if (!parseIsoDate(dateString)) return false\n    return true\n  }\n\n  const handleOnBlur = () => {\n    setDateInputValidated(!dateInput)\n    const parsedDate = parseIsoDate(dateInput)\n    if (parsedDate) {\n      setDateInput(formatDate(parsedDate, 'YYYY-MM-DD', { timeZone: 'UTC' }))\n      const validateMessage = onValidate(parsedDate)\n      !validateMessage && onChange(parsedDate)\n      setDateInputValidated(!validateMessage)\n      setErrorMessage(validateMessage)\n    }\n  }\n\n  useEffect(() => {\n    setDateInput(formattedInitialDate)\n    const validation = onValidate(initialDate)\n    setDateInputValidated(!validation)\n    setValidateStatus(!validation)\n    setErrorMessage(validation)\n  }, [initialDate])\n\n  useEffect(() => {\n    if (dateInput) {\n      const isValidDateString = isValidDate(dateInput)\n      setValidateStatus(isValidDateString)\n      if (!validateDateFormat(dateInput)) setErrorMessage('Supported format is YYYY-MM-DD')\n      else if (!parseIsoDate(dateInput)) setErrorMessage('Invalid date')\n      else {\n        const parsedDate = parseIsoDate(dateInput)\n        const validateMessage = onValidate(parsedDate)\n        !validateMessage && onChange(parsedDate)\n        setDateInputValidated(!validateMessage)\n        setErrorMessage(validateMessage)\n      }\n    }\n  }, [dateInput])\n\n  return (\n    <Input\n      borderColor={dateInputValidated ? 'sandstone.main' : 'energyRed.main'}\n      className=\"dateInput\"\n      data-testid=\"test-date-input\"\n      errorText={!dateInputValidated && <T size=\"md\">{errorMessage}</T>}\n      onBlur={handleOnBlur}\n      onChange={e => setDateInput(e.target.value)}\n      placeholder=\"YYYY-MM-DD\"\n      size=\"md\"\n      state={!dateInputValidated && !errorMessage ? 'error' : 'default'}\n      value={dateInput}\n      {...rest}\n    />\n  )\n}\n"],"mappings":";;;;;;;;AAcA,MAAa,aAAa,EAAE,aAAa,UAAU,YAAY,mBAAmB,GAAG,WAAkB;CACrG,MAAM,uBAAuB,cAAc,WAAW,aAAa,cAAc,EAAE,UAAU,OAAO,CAAC,GAAG;CACxG,MAAM,CAAC,WAAW,gBAAgB,SAAiB,qBAAqB;CACxE,MAAM,CAAC,oBAAoB,yBAAyB,SAAkB,KAAK;CAC3E,MAAM,CAAC,cAAc,mBAAmB,SAAiB,GAAG;CAE5D,MAAM,eAAe,eAAuB;AAC1C,MAAI,CAAC,mBAAmB,WAAW,CAAE,QAAO;AAC5C,MAAI,CAAC,aAAa,WAAW,CAAE,QAAO;AACtC,SAAO;;CAGT,MAAM,qBAAqB;AACzB,wBAAsB,CAAC,UAAU;EACjC,MAAM,aAAa,aAAa,UAAU;AAC1C,MAAI,YAAY;AACd,gBAAa,WAAW,YAAY,cAAc,EAAE,UAAU,OAAO,CAAC,CAAC;GACvE,MAAM,kBAAkB,WAAW,WAAW;AAC9C,IAAC,mBAAmB,SAAS,WAAW;AACxC,yBAAsB,CAAC,gBAAgB;AACvC,mBAAgB,gBAAgB;;;AAIpC,iBAAgB;AACd,eAAa,qBAAqB;EAClC,MAAM,aAAa,WAAW,YAAY;AAC1C,wBAAsB,CAAC,WAAW;AAClC,oBAAkB,CAAC,WAAW;AAC9B,kBAAgB,WAAW;IAC1B,CAAC,YAAY,CAAC;AAEjB,iBAAgB;AACd,MAAI,WAAW;AAEb,qBAD0B,YAAY,UAAU,CACZ;AACpC,OAAI,CAAC,mBAAmB,UAAU,CAAE,iBAAgB,iCAAiC;YAC5E,CAAC,aAAa,UAAU,CAAE,iBAAgB,eAAe;QAC7D;IACH,MAAM,aAAa,aAAa,UAAU;IAC1C,MAAM,kBAAkB,WAAW,WAAW;AAC9C,KAAC,mBAAmB,SAAS,WAAW;AACxC,0BAAsB,CAAC,gBAAgB;AACvC,oBAAgB,gBAAgB;;;IAGnC,CAAC,UAAU,CAAC;AAEf,QACE,oBAAC;EACC,aAAa,qBAAqB,mBAAmB;EACrD,WAAU;EACV,eAAY;EACZ,WAAW,CAAC,sBAAsB,oBAAC;GAAE,MAAK;aAAM;IAAiB;EACjE,QAAQ;EACR,WAAU,MAAK,aAAa,EAAE,OAAO,MAAM;EAC3C,aAAY;EACZ,MAAK;EACL,OAAO,CAAC,sBAAsB,CAAC,eAAe,UAAU;EACxD,OAAO;EACP,GAAI;GACJ"}

package/dist/datePicker/datePicker.d.ts

@@ -7,4 +7,5 @@ import "../index.js";
 declare const DatePicker: VuiComponent<"span", DatePickerProps>;
 //#endregion
 export { DatePicker };
+
 //# sourceMappingURL=datePicker.d.ts.map

package/dist/datePicker/datePicker.js

@@ -14,7 +14,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/datePicker/datePicker.tsx
 /** Select or input a date. */
 const DatePicker = vui((props, ref) => {
-	const { autoOpened, boundaries, popupPosition, placement, selectedDate: selectedDateProps, showClearButton, slotBottom, slotTop, onSelected, children, className,...rest } = omitThemingProps(props);
+	const { autoOpened, boundaries, popupPosition, placement, selectedDate: selectedDateProps, showClearButton, slotBottom, slotTop, onSelected, children, className, ...rest } = omitThemingProps(props);
 	const styles = useStyleConfig("DatePicker", props);
 	const [selectedDate, setSelectedDate] = useState(selectedDateProps);
 	const [isOpen, setIsOpen] = useState(!selectedDate && autoOpened);
@@ -163,5 +163,5 @@ DatePicker.displayName = "DatePicker";
 
 //#endregion
 export { DatePicker };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=datePicker.js.map

package/dist/datePicker/datePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"datePicker.js","names":["Box","Calendar","Button"],"sources":["../../src/datePicker/datePicker.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nimport Box from '../box'\nimport Button, { LineButton } from '../button'\nimport type { DateRange } from '../calendar'\nimport Calendar, { maxDateTimestamp, minDateTimestamp } from '../calendar'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport Popover from '../popover'\nimport { cs } from '../utils'\nimport { DateInput } from './dateInput'\nimport type { DatePickerProps } from './datePicker.types'\n\n/** Select or input a date. */\nexport const DatePicker = vui<'span', DatePickerProps>((props, ref) => {\n  const {\n    autoOpened,\n    boundaries,\n    popupPosition,\n    placement,\n    selectedDate: selectedDateProps,\n    showClearButton,\n    slotBottom,\n    slotTop,\n    onSelected,\n    children,\n    className,\n    ...rest\n  } = omitThemingProps(props)\n  const styles = useStyleConfig('DatePicker', props)\n\n  const [selectedDate, setSelectedDate] = useState<any>(selectedDateProps)\n  const [isOpen, setIsOpen] = useState(!selectedDate && autoOpened)\n  const [isInvalidInputDate, setIsInvalidInputDate] = useState(true)\n  const [isInvalidSelectedDate, setIsInvalidSelectedDate] = useState(!selectedDate)\n  const initialDateRef = useRef<Date | undefined>(selectedDateProps)\n  const isClearButtonVisible = showClearButton && initialDateRef.current\n\n  const isStartDateInRange = (date: Date) =>\n    !!boundaries?.startDate && !!date ? date.getTime() - boundaries.startDate.getTime() >= 0 : true\n\n  const isEndDateInRange = (date: Date) =>\n    !!boundaries?.endDate && !!date ? date.getTime() - boundaries.endDate.getTime() <= 0 : true\n\n  const isValidDateRange = (date: Date) => {\n    const minDateTime = new Date(minDateTimestamp)\n    const maxDateTime = new Date(maxDateTimestamp)\n    return date >= minDateTime || date <= maxDateTime\n  }\n\n  useEffect(() => {\n    if (!isOpen) {\n      setSelectedDate(selectedDateProps)\n      initialDateRef.current = selectedDateProps\n    }\n  }, [isOpen, selectedDateProps])\n\n  useEffect(() => {\n    setIsInvalidSelectedDate(\n      (selectedDate && !isStartDateInRange(selectedDate)) ||\n        (selectedDate && !isEndDateInRange(selectedDate)) ||\n        (selectedDate && !isValidDateRange(selectedDate)) ||\n        !selectedDate,\n    )\n  }, [selectedDate])\n\n  const onApplyDates = (date?: Date) => {\n    onSelected?.(date)\n    initialDateRef.current = date\n    setIsOpen(false)\n  }\n\n  const onClear = () => {\n    onClose()\n    onSelected?.(undefined)\n  }\n\n  const onClose = () => {\n    setSelectedDate(undefined)\n    setIsOpen(false)\n  }\n\n  const onToggle = () => {\n    if (isOpen) onClose()\n    setIsOpen(!isOpen)\n  }\n\n  const selectDate = (range: DateRange) => setSelectedDate(range?.startDate)\n\n  const onDateInputValidate = (date?: Date) => {\n    const minDateTime = new Date(minDateTimestamp)\n    const maxDateTime = new Date(maxDateTimestamp)\n\n    if (date) {\n      const conditions: [boolean, string][] = [\n        [isNaN(date.getTime()), 'Supported format is YYYY-MM-DD'],\n        [date < minDateTime, 'Invalid date, the minimum date time is 1753-01-02'],\n        [date > maxDateTime, 'Invalid date, the maximum date time is 9000-12-31'],\n        [!!boundaries?.startDate && !isStartDateInRange(date), 'Invalid date'],\n        [!!boundaries?.endDate && !isEndDateInRange(date), 'Invalid date'],\n      ]\n      const [validateErrorPair] = conditions.filter(([result]) => result)\n\n      if (validateErrorPair) {\n        const [_, message] = validateErrorPair\n        setIsInvalidInputDate(true)\n        return message\n      }\n    }\n    return ''\n  }\n\n  return (\n    <Box className={cs('vui-datePicker', className)} position=\"relative\" ref={ref} {...styles} {...rest}>\n      <Popover\n        isOpen={isOpen}\n        onClose={() => setIsOpen(false)}\n        placement={placement ? placement : popupPosition === 'right' ? 'bottom-end' : undefined}\n      >\n        <Popover.Trigger as={Box} onClick={onToggle}>\n          {children}\n        </Popover.Trigger>\n        <Popover.Content column>\n          {!!slotTop && <Box px={2}>{slotTop}</Box>}\n          <Box display=\"block\" mb={0} mt={2} mx={2}>\n            <DateInput\n              autoFocus\n              initialDate={selectedDate}\n              onChange={newDate => setSelectedDate(newDate)}\n              onValidate={onDateInputValidate}\n              setValidateStatus={inValid => setIsInvalidInputDate(!inValid)}\n            />\n          </Box>\n          <Box mx={2} my={1}>\n            <Calendar\n              boundaries={boundaries ?? { startDate: undefined, endDate: undefined }}\n              fixedNumberOfWeeks\n              fontWeight={500}\n              minH={200}\n              mode=\"exact\"\n              onSelectDates={range => selectDate(range)}\n              selectedDates={{ startDate: selectedDate, endDate: undefined }}\n              w=\"100%\"\n            />\n          </Box>\n          <Box overflow=\"unset\">\n            <Box alignItems=\"center\" flex={1} ml=\"auto\" pb={2} px={2}>\n              {isClearButtonVisible && (\n                <LineButton flex={1} onClick={onClear} size=\"md\">\n                  Clear\n                </LineButton>\n              )}\n              <Button\n                disabled={isInvalidSelectedDate || isInvalidInputDate}\n                flex={1}\n                ml={isClearButtonVisible ? 1 : 0}\n                onClick={() => onApplyDates(selectedDate)}\n                size=\"md\"\n              >\n                Apply\n              </Button>\n            </Box>\n          </Box>\n          {!!slotBottom && <Box px={2}>{slotBottom}</Box>}\n        </Popover.Content>\n      </Popover>\n    </Box>\n  )\n})\n\nDatePicker.displayName = 'DatePicker'\n\nexport default DatePicker\n"],"mappings":"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"}
+{"version":3,"file":"datePicker.js","names":["Box","Calendar","Button"],"sources":["../../src/datePicker/datePicker.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nimport Box from '../box'\nimport Button, { LineButton } from '../button'\nimport type { DateRange } from '../calendar'\nimport Calendar, { maxDateTimestamp, minDateTimestamp } from '../calendar'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport Popover from '../popover'\nimport { cs } from '../utils'\nimport { DateInput } from './dateInput'\nimport type { DatePickerProps } from './datePicker.types'\n\n/** Select or input a date. */\nexport const DatePicker = vui<'span', DatePickerProps>((props, ref) => {\n  const {\n    autoOpened,\n    boundaries,\n    popupPosition,\n    placement,\n    selectedDate: selectedDateProps,\n    showClearButton,\n    slotBottom,\n    slotTop,\n    onSelected,\n    children,\n    className,\n    ...rest\n  } = omitThemingProps(props)\n  const styles = useStyleConfig('DatePicker', props)\n\n  const [selectedDate, setSelectedDate] = useState<any>(selectedDateProps)\n  const [isOpen, setIsOpen] = useState(!selectedDate && autoOpened)\n  const [isInvalidInputDate, setIsInvalidInputDate] = useState(true)\n  const [isInvalidSelectedDate, setIsInvalidSelectedDate] = useState(!selectedDate)\n  const initialDateRef = useRef<Date | undefined>(selectedDateProps)\n  const isClearButtonVisible = showClearButton && initialDateRef.current\n\n  const isStartDateInRange = (date: Date) =>\n    !!boundaries?.startDate && !!date ? date.getTime() - boundaries.startDate.getTime() >= 0 : true\n\n  const isEndDateInRange = (date: Date) =>\n    !!boundaries?.endDate && !!date ? date.getTime() - boundaries.endDate.getTime() <= 0 : true\n\n  const isValidDateRange = (date: Date) => {\n    const minDateTime = new Date(minDateTimestamp)\n    const maxDateTime = new Date(maxDateTimestamp)\n    return date >= minDateTime || date <= maxDateTime\n  }\n\n  useEffect(() => {\n    if (!isOpen) {\n      setSelectedDate(selectedDateProps)\n      initialDateRef.current = selectedDateProps\n    }\n  }, [isOpen, selectedDateProps])\n\n  useEffect(() => {\n    setIsInvalidSelectedDate(\n      (selectedDate && !isStartDateInRange(selectedDate)) ||\n        (selectedDate && !isEndDateInRange(selectedDate)) ||\n        (selectedDate && !isValidDateRange(selectedDate)) ||\n        !selectedDate,\n    )\n  }, [selectedDate])\n\n  const onApplyDates = (date?: Date) => {\n    onSelected?.(date)\n    initialDateRef.current = date\n    setIsOpen(false)\n  }\n\n  const onClear = () => {\n    onClose()\n    onSelected?.(undefined)\n  }\n\n  const onClose = () => {\n    setSelectedDate(undefined)\n    setIsOpen(false)\n  }\n\n  const onToggle = () => {\n    if (isOpen) onClose()\n    setIsOpen(!isOpen)\n  }\n\n  const selectDate = (range: DateRange) => setSelectedDate(range?.startDate)\n\n  const onDateInputValidate = (date?: Date) => {\n    const minDateTime = new Date(minDateTimestamp)\n    const maxDateTime = new Date(maxDateTimestamp)\n\n    if (date) {\n      const conditions: [boolean, string][] = [\n        [isNaN(date.getTime()), 'Supported format is YYYY-MM-DD'],\n        [date < minDateTime, 'Invalid date, the minimum date time is 1753-01-02'],\n        [date > maxDateTime, 'Invalid date, the maximum date time is 9000-12-31'],\n        [!!boundaries?.startDate && !isStartDateInRange(date), 'Invalid date'],\n        [!!boundaries?.endDate && !isEndDateInRange(date), 'Invalid date'],\n      ]\n      const [validateErrorPair] = conditions.filter(([result]) => result)\n\n      if (validateErrorPair) {\n        const [_, message] = validateErrorPair\n        setIsInvalidInputDate(true)\n        return message\n      }\n    }\n    return ''\n  }\n\n  return (\n    <Box className={cs('vui-datePicker', className)} position=\"relative\" ref={ref} {...styles} {...rest}>\n      <Popover\n        isOpen={isOpen}\n        onClose={() => setIsOpen(false)}\n        placement={placement ? placement : popupPosition === 'right' ? 'bottom-end' : undefined}\n      >\n        <Popover.Trigger as={Box} onClick={onToggle}>\n          {children}\n        </Popover.Trigger>\n        <Popover.Content column>\n          {!!slotTop && <Box px={2}>{slotTop}</Box>}\n          <Box display=\"block\" mb={0} mt={2} mx={2}>\n            <DateInput\n              autoFocus\n              initialDate={selectedDate}\n              onChange={newDate => setSelectedDate(newDate)}\n              onValidate={onDateInputValidate}\n              setValidateStatus={inValid => setIsInvalidInputDate(!inValid)}\n            />\n          </Box>\n          <Box mx={2} my={1}>\n            <Calendar\n              boundaries={boundaries ?? { startDate: undefined, endDate: undefined }}\n              fixedNumberOfWeeks\n              fontWeight={500}\n              minH={200}\n              mode=\"exact\"\n              onSelectDates={range => selectDate(range)}\n              selectedDates={{ startDate: selectedDate, endDate: undefined }}\n              w=\"100%\"\n            />\n          </Box>\n          <Box overflow=\"unset\">\n            <Box alignItems=\"center\" flex={1} ml=\"auto\" pb={2} px={2}>\n              {isClearButtonVisible && (\n                <LineButton flex={1} onClick={onClear} size=\"md\">\n                  Clear\n                </LineButton>\n              )}\n              <Button\n                disabled={isInvalidSelectedDate || isInvalidInputDate}\n                flex={1}\n                ml={isClearButtonVisible ? 1 : 0}\n                onClick={() => onApplyDates(selectedDate)}\n                size=\"md\"\n              >\n                Apply\n              </Button>\n            </Box>\n          </Box>\n          {!!slotBottom && <Box px={2}>{slotBottom}</Box>}\n        </Popover.Content>\n      </Popover>\n    </Box>\n  )\n})\n\nDatePicker.displayName = 'DatePicker'\n\nexport default DatePicker\n"],"mappings":"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"}

package/dist/datePicker/datePicker.types.d.ts

@@ -4,7 +4,7 @@ import "../box/index.js";
 import { DateRange } from "../calendar/calendar.types.js";
 import "../calendar/index.js";
 import { ReactNode } from "react";
-import { Placement } from "tippy.js";
+import { Placement } from "@floating-ui/react";
 
 //#region src/datePicker/datePicker.types.d.ts
 type DatePickerPopupPosition = 'left' | 'right';
@@ -30,4 +30,5 @@ type DatePickerProps = Omit<BoxProps, 'size' | 'variant'> & ThemingProps<'DatePi
 };
 //#endregion
 export { DatePickerPopupPosition, DatePickerProps };
+
 //# sourceMappingURL=datePicker.types.d.ts.map

package/dist/datePicker/datePicker.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"datePicker.types.d.ts","names":[],"sources":["../../src/datePicker/datePicker.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;KAOY,uBAAA,CAAA,CAAA;KAEA,eAAA,CAAA,CAAA,CAAkB,KAAK,gCACjC;;;EAHU,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,IAAA,CAAA,KAAA,CAAA,GAAA,CAAA,GAAA,CAAA,QAAA,CAAA,CAAA;EAEA,UAAA,CAAA,CAAA,CAKK,SALU;EAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA,MAAA,CAAA,GAAA,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;EAAL,aAAA,CAAA,CAAA,CAOV,uBAPU;EAC5B,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,SAAA,CAAA,EAAA,CAAA,GAAA,CAAA,OAAA,CAAA,CAAA,KAAA,CAAA,EAAA,CAAA,OAAA,CAAA,EAAA,CAAA,KAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA,CAAA;EAIe,SAAA,CAAA,CAAA,CAID,SAJC;EAEG,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,IAAA,CAAA,CAAA;EAEJ,YAAA,CAAA,CAAA,CAEG,IAFH;EAEG,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA;EAIF,eAAA,CAAA,CAAA,CAAA,OAAA;EAEH,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,OAAA,CAAA,SAAA,CAAA,EAAA,CAAA,GAAA,CAAA,MAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,CAAA;EAEW,UAAA,CAAA,CAAA,CAJR,SAIQ;EAAI,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,OAAA,CAAA,SAAA,CAAA,EAAA,CAAA,GAAA,CAAA,GAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,CAAA;YAFf;;uBAEW"}
+{"version":3,"file":"datePicker.types.d.ts","names":[],"sources":["../../src/datePicker/datePicker.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;KAOY,uBAAA;KAEA,eAAA,GAAkB,KAAK,gCACjC;;;EAHU;EAEA,UAAA,CAAA,EAKK,SALU;EAAQ;EAAL,aAAA,CAAA,EAOV,uBAPU;EAC5B;EAIe,SAAA,CAAA,EAID,SAJC;EAEG;EAEJ,YAAA,CAAA,EAEG,IAFH;EAEG;EAIF,eAAA,CAAA,EAAA,OAAA;EAEH;EAEW,UAAA,CAAA,EAJR,SAIQ;EAAI;YAFf;;uBAEW"}

package/dist/datePicker/index.d.ts

@@ -1,2 +1,2 @@
 import { DatePickerPopupPosition, DatePickerProps } from "./datePicker.types.js";
-import { DatePicker } from "./datePicker.js";
+import { DatePicker } from "./datePicker.js";

package/dist/datePicker/theme.js

@@ -12,5 +12,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=theme.js.map