@veracity/vui 3.0.0-beta.5 → 3.0.0-beta.7

package/dist/core/theme.d.ts

@@ -0,0 +1,45 @@
+import { AnyNumber, AnyString, Dict } from "../utils/types.js";
+import { ThemingProps, VuiTheme, VuiThemeExtensions } from "../theme/types.js";
+import { IProps, ThemeGetter } from "@xstyled/styled-components";
+
+//#region src/core/theme.d.ts
+type VuiThemeGetter<ThemeKey extends keyof VuiTheme> = ThemeGetter<keyof VuiTheme[ThemeKey] | AnyString | AnyNumber>;
+/** Type of the 'th' theme getter function. */
+type ThemeGet = {
+  (path: string, defaultValue?: any): (props: IProps) => any;
+  animation: VuiThemeGetter<'animations'>;
+  borders: VuiThemeGetter<'borders'>;
+  color: VuiThemeGetter<'colors'>;
+  duration: VuiThemeGetter<'durations'>;
+  font: VuiThemeGetter<'fonts'>;
+  fontSize: VuiThemeGetter<'fontSizes'>;
+  fontWeight: VuiThemeGetter<'fontWeights'>;
+  radius: VuiThemeGetter<'radii'>;
+  ringWidth: VuiThemeGetter<'ringWidths'>;
+  screen: VuiThemeGetter<'screens'>;
+  shadow: VuiThemeGetter<'shadows'>;
+  size: VuiThemeGetter<'sizes'>;
+  space: VuiThemeGetter<'spaces'>;
+  transform: VuiThemeGetter<'transforms'>;
+  transition: VuiThemeGetter<'transitions'>;
+  zIndex: VuiThemeGetter<'zIndices'>;
+};
+/** Merges provided theme extensions and overrides with default VUI theme. */
+declare function extendTheme(extensions: VuiThemeExtensions): VuiTheme;
+/** Removes specific theming keys from the given props. */
+declare function omitThemingProps<T extends ThemingProps>(props: T): Omit<T, "variant" | "size">;
+/** Re-export of xstyled 'th' with custom typing and screen getter. */
+declare const th$1: ThemeGet;
+/**
+ * Combines baseStyle, size and variant styling from a component's theme configuration.
+ * @param component - name of any component configured in the theme
+ * @param props - props object of the given component
+ */
+declare function useStyleConfig(component: keyof VuiTheme['components'], props?: any): Dict;
+/** Returns theme value at the given path. */
+declare function useTh(path: keyof VuiTheme | AnyString, defaultValue?: any): any;
+/** Returns the theme object with extensions. */
+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

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","names":[],"sources":["../../src/core/theme.ts"],"sourcesContent":[],"mappings":";;;;;KAUK,sCAAsC,YAAY,kBAAkB,SAAS,YAAY,YAAY;;AAArG,KAGO,QAAA,GAHO;EAAA,CAAA,IAAA,EAAA,MAAA,EAAA,YAAA,CAAA,EAAA,GAAA,CAAA,EAAA,CAAA,KAAA,EAI2B,MAJ3B,EAAA,GAAA,GAAA;WAAwB,EAK9B,cAL8B,CAAA,YAAA,CAAA;SAA8B,EAM9D,cAN8D,CAAA,SAAA,CAAA;OAAS,EAOzE,cAPyE,CAAA,QAAA,CAAA;UAAY,EAQlF,cARkF,CAAA,WAAA,CAAA;MAAY,EASlG,cATkG,CAAA,OAAA,CAAA;UAAnD,EAU3C,cAV2C,CAAA,WAAA,CAAA;EAAW,UAAA,EAWpD,cAXoD,CAAA,aAAA,CAAA;EAGtD,MAAA,EASF,cATU,CAAA,OAAA,CAAA;EAAA,SAAA,EAUP,cAVO,CAAA,YAAA,CAAA;QAC0B,EAUpC,cAVoC,CAAA,SAAA,CAAA;QACjC,EAUH,cAVG,CAAA,SAAA,CAAA;MACF,EAUH,cAVG,CAAA,OAAA,CAAA;OACF,EAUA,cAVA,CAAA,QAAA,CAAA;WACG,EAUC,cAVD,CAAA,YAAA,CAAA;YACJ,EAUM,cAVN,CAAA,aAAA,CAAA;QACI,EAUF,cAVE,CAAA,UAAA,CAAA;;;AAGC,iBAWG,WAAA,CAXH,UAAA,EAW2B,kBAX3B,CAAA,EAWgD,QAXhD;;AAEH,iBAcM,gBAdN,CAAA,UAciC,YAdjC,CAAA,CAAA,KAAA,EAcsD,CAdtD,CAAA,EAcuD,IAdvD,CAcuD,CAdvD,EAAA,SAAA,GAAA,MAAA,CAAA;;cAqBJ,IAnBG,EAmBoB,QAnBpB;;;;AAOT;;AAAwC,iBAyBxB,cAAA,CAzBwB,SAAA,EAAA,MAyBQ,QAzBR,CAAA,YAAA,CAAA,EAAA,KAAA,CAAA,EAAA,GAAA,CAAA,EAyB+C,IAzB/C;;AAA6B,iBAsDrD,KAAA,CAtDqD,IAAA,EAAA,MAsDnC,QAtDmC,GAsDxB,SAtDwB,EAAA,YAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA;AAKrE;AAAgC,iBAuDhB,QAAA,CAAA,CAvDgB,EAuDJ,QAvDI"}

package/dist/core/theme.js

@@ -0,0 +1,2 @@
+import{runIfFn as e}from"../utils/function.js";import{merge as t}from"../utils/object.js";import n from"../theme/defaultTheme.js";import{useMemo as r}from"react";import{getPx as i,th as a,themeGetter as o}from"@xstyled/styled-components";import{useTheme as s}from"styled-components";function c(e){return t(n,e)}function l(e){let{size:t,variant:n,...r}=e;return r}const u=a;u.screen=o({name:`screen`,key:`screens`,compose:i});function d(n,i={}){let{baseStyle:a,defaultProps:o,parts:s=[],sizes:c,variants:l}=p()?.components[n]??{},u={...i,colorScheme:i?.colorScheme??o?.colorScheme,size:i?.size??o?.size,variant:i?.variant??o?.variant},{colorScheme:d,size:f,variant:m}=u;return r(()=>{let n=e(a,u)??{},r=e(c?.[f],u)??{},i=e(l?.[m],u)??{},o={};return s.length>0?s.forEach(e=>{o[e]=t(n[e]??{},r[e]??{},i[e]??{})}):o=t(n,r,i),o},[d,f,m])}function f(e,t){let n=p();return u(e,t)({theme:n})}function p(){return s()}export{c as extendTheme,l as omitThemingProps,u as th,d as useStyleConfig,f as useTh,p as useTheme};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=theme.js.map

package/dist/core/theme.js.map

@@ -0,0 +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":"2RAkCA,SAAgB,EAAY,EAA0C,CACpE,OAAO,EAAMA,EAAc,EAAW,CAIxC,SAAgB,EAAyC,EAAU,CACjE,GAAM,CAAE,OAAM,UAAS,GAAG,GAAS,EAEnC,OAAO,EAIT,MAAMC,EAAKC,EACX,EAAG,OAAS,EAAY,CACtB,KAAM,SACN,IAAK,UACL,QAAS,EACV,CAAC,CAQF,SAAgB,EAAe,EAAyC,EAAa,EAAE,CAAE,CAEvF,GAAM,CAAE,YAAW,eAAc,QAAQ,EAAE,CAAE,QAAO,YADtCC,GAAU,EACiD,WAAW,IAAuB,EAAE,CACvG,EAAc,CAClB,GAAG,EACH,YAAa,GAAO,aAAe,GAAc,YACjD,KAAM,GAAO,MAAQ,GAAc,KACnC,QAAS,GAAO,SAAW,GAAc,QAC1C,CACK,CAAE,cAAa,OAAM,WAAY,EAEvC,OAAO,MAAc,CACnB,IAAM,EAAa,EAAQ,EAAW,EAAY,EAAI,EAAE,CAClD,EAAa,EAAQ,IAAQ,GAAO,EAAY,EAAI,EAAE,CACtD,EAAgB,EAAQ,IAAW,GAAU,EAAY,EAAI,EAAE,CAEjEC,EAAe,EAAE,CAQrB,OANI,EAAM,OAAS,EACjB,EAAM,QAAS,GAAiB,CAC9B,EAAO,GAAQ,EAAM,EAAW,IAAS,EAAE,CAAE,EAAW,IAAS,EAAE,CAAE,EAAc,IAAS,EAAE,CAAC,EAC/F,CACC,EAAS,EAAM,EAAY,EAAY,EAAc,CAEnD,GACN,CAAC,EAAa,EAAM,EAAQ,CAAC,CAIlC,SAAgB,EAAM,EAAkC,EAAoB,CAC1E,IAAM,EAAQD,GAAU,CACxB,OAAOF,EAAG,EAAM,EAAa,CAAC,CAAE,QAAO,CAAC,CAI1C,SAAgBE,GAAqB,CAEnC,OAAOE,GAAgB"}

package/dist/core/types.d.ts

@@ -0,0 +1,19 @@
+import { ToastListItem } from "../toast/toast.types.js";
+import { Dispatch, ReactNode } from "react";
+
+//#region src/core/types.d.ts
+interface ChildrenProp {
+  children?: ReactNode;
+}
+interface VuiContext {
+  toasts: {
+    list: ToastListItem[];
+  };
+  addToast: (toast: ToastListItem) => void;
+  removeToast: (id: string) => void;
+  setPortalSlot: Dispatch<ReactNode>;
+}
+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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/core/types.ts"],"sourcesContent":[],"mappings":";;;;UAIiB,YAAA;aACJ;AADb;AAIiB,UAAA,UAAA,CAAU;EAAA,MAAA,EAAA;IACT,IAAA,EAAA,aAAA,EAAA;;UAGQ,EAAA,CAAA,KAAA,EAFN,aAEM,EAAA,GAAA,IAAA;aAAT,EAAA,CAAA,EAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EAAQ,aAAA,EAAR,QAAQ,CAAC,SAAD,CAAA;AAGzB;KAAY,YAAA"}

package/dist/core/vui.d.ts

@@ -0,0 +1,36 @@
+import { PropsOf, RefPropsOf } from "../utils/types.js";
+import { ElementType, PropsWithChildren, PropsWithoutRef, ReactElement } from "react";
+
+//#region src/core/vui.d.ts
+
+/**
+ * Component creation utility, which combines forwardRef, memo and ensures correct typing with all props included.
+ * Config object allows toggling memoization and providing custom 'areEqual' function.
+ */
+declare function vui<C extends React.ElementType, Props = object>(component: React.ForwardRefRenderFunction<any, PropsOf<C, Props>>, config?: VuiComponentConfig<C, Props>): VuiComponent<C, Props>;
+/** VUI component type, which allows element props inference and extension, 'as' and 'ref'. */
+type VuiComponent<C extends ElementType, Props = object> = {
+  <AsC extends ElementType>(props: PropsWithChildren<RefPropsOf<AsC, Props>> & {
+    as: AsC;
+  }): ReactElement<any, any> | null;
+  (props: RefPropsOf<C, Props>): ReactElement<any, any> | null;
+  defaultProps?: Partial<PropsOf<C, Props>>;
+  displayName?: string;
+};
+/** Config for VUI component creator helper, which allows toggling memoization and 'areEqual' function. */
+type VuiComponentConfig<C extends ElementType, Props = object> = {
+  isMemo?: boolean;
+  memoCompare?: (prevProps: Readonly<PropsWithChildren<PropsWithoutRef<PropsOf<C, Props>>>>, nextProps: Readonly<PropsWithChildren<PropsWithoutRef<PropsOf<C, Props>>>>) => boolean;
+};
+/**
+ * @deprecated Use FC or plain functions instead. If you need typing for HTML attributes of a given element,
+ * use PropsOf type, like: type MyBoxProps = PropsOf<'div', MyProps>
+ */
+type VC<C extends ElementType, Props = object> = {
+  (props: PropsOf<C, Props>): ReactElement<any, any> | null;
+  defaultProps?: Partial<PropsOf<C, Props>>;
+  displayName?: string;
+};
+//#endregion
+export { VC, VuiComponent, VuiComponentConfig, vui };
+//# sourceMappingURL=vui.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"vui.d.ts","names":[],"sources":["../../src/core/vui.ts"],"sourcesContent":[],"mappings":";;;;;;;AASA;;AAA8B,iBAAd,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;eAkB7C,WAlBkC,CAAA,CAAA,KAAA,EAmBtC,iBAnBsC,CAmBpB,UAnBoB,CAmBT,GAnBS,EAmBJ,KAnBI,CAAA,CAAA,GAAA;IAApC,EAAA,EAoBH,GApBS;MAsBd,YArByB,CAAA,GAAA,EAAA,GAAA,CAAA,GAAA,IAAA;QAAG,EAuBvB,UAvBuB,CAuBZ,CAvBY,EAuBT,KAvBS,CAAA,CAAA,EAuBA,YAvBA,CAAA,GAAA,EAAA,GAAA,CAAA,GAAA,IAAA;cAAtB,CAAA,EAyBM,OAzBN,CAyBc,OAzBd,CAyBsB,CAzBtB,EAyByB,KAzBzB,CAAA,CAAA;aAA4B,CAAA,EAAA,MAAA;;;AAAA,KA8B3B,kBA9B2B,CAAA,UA8BE,WA9BF,EAAA,QAAA,MAAA,CAAA,GAAA;EAe3B,MAAA,CAAA,EAAA,OAAY;EAAA,WAAA,CAAA,EAAA,CAAA,SAAA,EAkBT,QAlBS,CAkBA,iBAlBA,CAkBkB,eAlBlB,CAkBkC,OAlBlC,CAkB0C,CAlB1C,EAkB6C,KAlB7C,CAAA,CAAA,CAAA,CAAA,EAAA,SAAA,EAmBT,QAnBS,CAmBA,iBAnBA,CAmBkB,eAnBlB,CAmBkC,OAnBlC,CAmB0C,CAnB1C,EAmB6C,KAnB7C,CAAA,CAAA,CAAA,CAAA,EAAA,GAAA,OAAA;;;;;;AAGb,KAwBC,EAxBD,CAAA,UAwBc,WAxBd,EAAA,QAAA,MAAA,CAAA,GAAA;QACD,EAwBA,OAxBA,CAwBQ,CAxBR,EAwBW,KAxBX,CAAA,CAAA,EAwBoB,YAxBpB,CAAA,GAAA,EAAA,GAAA,CAAA,GAAA,IAAA;cAEL,CAAA,EAwBY,OAxBZ,CAwBoB,OAxBpB,CAwB4B,CAxB5B,EAwB+B,KAxB/B,CAAA,CAAA;aAEgB,CAAA,EAAA,MAAA"}

package/dist/core/vui.js

@@ -0,0 +1,2 @@
+import{forwardRef as e,memo as t}from"react";function n(n,r){let{memoCompare:i,isMemo:a=!0}=r??{};return a?t(e(n),i):e(n)}export{n as vui};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=vui.js.map

package/dist/core/vui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vui.js","names":[],"sources":["../../src/core/vui.ts"],"sourcesContent":["import type { ElementType, PropsWithChildren, PropsWithoutRef, ReactElement } from 'react'\nimport { forwardRef, memo } from 'react'\n\nimport type { PropsOf, RefPropsOf } from '../utils'\n\n/**\n * Component creation utility, which combines forwardRef, memo and ensures correct typing with all props included.\n * Config object allows toggling memoization and providing custom 'areEqual' function.\n */\nexport function vui<C extends React.ElementType, Props = object>(\n  component: React.ForwardRefRenderFunction<any, PropsOf<C, Props>>,\n  config?: VuiComponentConfig<C, Props>,\n) {\n  const { memoCompare, isMemo = true } = config ?? {}\n\n  if (isMemo) {\n    return memo(forwardRef(component as unknown as any), memoCompare as unknown as any) as unknown as VuiComponent<\n      C,\n      Props\n    >\n  }\n\n  return forwardRef(component as unknown as any) as unknown as VuiComponent<C, Props>\n}\n\n/** VUI component type, which allows element props inference and extension, 'as' and 'ref'. */\nexport type VuiComponent<C extends ElementType, Props = object> = {\n  // 'as' component call signature\n  <AsC extends ElementType>(\n    props: PropsWithChildren<RefPropsOf<AsC, Props>> & {\n      as: AsC\n    },\n  ): ReactElement<any, any> | null\n  // Regular call signature should be last, so that 'styled' can infer props correctly\n  (props: RefPropsOf<C, Props>): ReactElement<any, any> | null\n\n  defaultProps?: Partial<PropsOf<C, Props>>\n  displayName?: string\n}\n\n/** Config for VUI component creator helper, which allows toggling memoization and 'areEqual' function. */\nexport type VuiComponentConfig<C extends ElementType, Props = object> = {\n  isMemo?: boolean\n  memoCompare?: (\n    prevProps: Readonly<PropsWithChildren<PropsWithoutRef<PropsOf<C, Props>>>>,\n    nextProps: Readonly<PropsWithChildren<PropsWithoutRef<PropsOf<C, Props>>>>,\n  ) => boolean\n}\n\n/**\n * @deprecated Use FC or plain functions instead. If you need typing for HTML attributes of a given element,\n * use PropsOf type, like: type MyBoxProps = PropsOf<'div', MyProps>\n */\nexport type VC<C extends ElementType, Props = object> = {\n  (props: PropsOf<C, Props>): ReactElement<any, any> | null\n\n  defaultProps?: Partial<PropsOf<C, Props>>\n  displayName?: string\n}\n\nexport default vui\n"],"mappings":"6CASA,SAAgB,EACd,EACA,EACA,CACA,GAAM,CAAE,cAAa,SAAS,IAAS,GAAU,EAAE,CASnD,OAPI,EACK,EAAK,EAAW,EAA4B,CAAE,EAA8B,CAM9E,EAAW,EAA4B"}

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

@@ -0,0 +1,13 @@
+//#region src/core/vuiProvider/animations.d.ts
+declare const bounce = "\n\t0%, 100% {\n\t\tanimationTimingFunction: cubic-bezier(0.8, 0, 1, 1);\n\t\ttransform: translateY(-25%);\n\t}\n\t50% {\n\t\tanimationTimingFunction: cubic-bezier(0, 0, 0.2, 1);\n\t\ttransform: translateY(0);\n\t}\n";
+declare const fadeDown: (distance: number) => string;
+declare const fadeIn = "\n\tfrom {\n\t\topacity: 0;\n\t}\n\tto {\n\t\topacity: 1;\n\t}\n";
+declare const fadeLeft: (distance: number) => string;
+declare const fadeOut = "\n\tfrom {\n\t\topacity: 1;\n\t}\n\tto {\n\t\topacity: 0;\n\t}\n";
+declare const fadeRight: (distance: number) => string;
+declare const fadeUp: (distance: number) => string;
+declare const pulse = "\n\t0%, 100% {\n\t\topacity: 1;\n\t}\n\t50% {\n\t\topacity: .5;\n\t}\n";
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,75 @@
+const e=`
+	0%, 100% {
+		animationTimingFunction: cubic-bezier(0.8, 0, 1, 1);
+		transform: translateY(-25%);
+	}
+	50% {
+		animationTimingFunction: cubic-bezier(0, 0, 0.2, 1);
+		transform: translateY(0);
+	}
+`,t=e=>`
+	from {
+		opacity: 0;
+		transform: translateY(-${e}px)
+	}
+	to {
+		opacity: 1;
+		transform: translateY(0)
+	}
+`,n=`
+	from {
+		opacity: 0;
+	}
+	to {
+		opacity: 1;
+	}
+`,r=e=>`
+	from {
+		opacity: 0;
+		transform: translateX(${e}px)
+	}
+	to {
+		opacity: 1;
+		transform: translateX(0)
+	}
+`,i=`
+	from {
+		opacity: 1;
+	}
+	to {
+		opacity: 0;
+	}
+`,a=e=>`
+	from {
+		opacity: 0;
+		transform: translateX(-${e}px)
+	}
+	to {
+		opacity: 1;
+		transform: translateX(0)
+	}
+`,o=e=>`
+	from {
+		opacity: 0;
+		transform: translateY(${e}px)
+	}
+	to {
+		opacity: 1;
+		transform: translateY(0)
+	}
+`,s=`
+	0%, 100% {
+		opacity: 1;
+	}
+	50% {
+		opacity: .5;
+	}
+`,c=`
+	from {
+		transform: rotate(0deg);
+	}
+	to {
+		transform: rotate(360deg);
+	}
+`;export{e as bounce,t as fadeDown,n as fadeIn,r as fadeLeft,i as fadeOut,a as fadeRight,o as fadeUp,s as pulse,c as spin};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=animations.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"animations.js","names":[],"sources":["../../../src/core/vuiProvider/animations.ts"],"sourcesContent":["export const bounce = `\n\t0%, 100% {\n\t\tanimationTimingFunction: cubic-bezier(0.8, 0, 1, 1);\n\t\ttransform: translateY(-25%);\n\t}\n\t50% {\n\t\tanimationTimingFunction: cubic-bezier(0, 0, 0.2, 1);\n\t\ttransform: translateY(0);\n\t}\n`\n\nexport const fadeDown = (distance: number) => `\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateY(-${distance}px)\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateY(0)\n\t}\n`\n\nexport const fadeIn = `\n\tfrom {\n\t\topacity: 0;\n\t}\n\tto {\n\t\topacity: 1;\n\t}\n`\n\nexport const fadeLeft = (distance: number) => `\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateX(${distance}px)\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateX(0)\n\t}\n`\n\nexport const fadeOut = `\n\tfrom {\n\t\topacity: 1;\n\t}\n\tto {\n\t\topacity: 0;\n\t}\n`\n\nexport const fadeRight = (distance: number) => `\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateX(-${distance}px)\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateX(0)\n\t}\n`\n\nexport const fadeUp = (distance: number) => `\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateY(${distance}px)\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateY(0)\n\t}\n`\n\nexport const pulse = `\n\t0%, 100% {\n\t\topacity: 1;\n\t}\n\t50% {\n\t\topacity: .5;\n\t}\n`\n\nexport const spin = `\n\tfrom {\n\t\ttransform: rotate(0deg);\n\t}\n\tto {\n\t\ttransform: rotate(360deg);\n\t}\n`\n"],"mappings":"AAAA,MAAa,EAAS;;;;;;;;;EAWT,EAAY,GAAqB;;;2BAGnB,EAAS;;;;;;EAQvB,EAAS;;;;;;;EAST,EAAY,GAAqB;;;0BAGpB,EAAS;;;;;;EAQtB,EAAU;;;;;;;EASV,EAAa,GAAqB;;;2BAGpB,EAAS;;;;;;EAQvB,EAAU,GAAqB;;;0BAGlB,EAAS;;;;;;EAQtB,EAAQ;;;;;;;EASR,EAAO"}

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

@@ -0,0 +1,5 @@
+//#region src/core/vuiProvider/consts.d.ts
+declare const noScrollClass = "vui-no-scroll";
+//#endregion
+export { noScrollClass };
+//# sourceMappingURL=consts.d.ts.map

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

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

package/dist/core/vuiProvider/consts.js

@@ -0,0 +1,2 @@
+const e=`vui-no-scroll`;export{e as noScrollClass};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=consts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"consts.js","names":[],"sources":["../../../src/core/vuiProvider/consts.ts"],"sourcesContent":["export const noScrollClass = 'vui-no-scroll'\n"],"mappings":"AAAA,MAAa,EAAgB"}

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

@@ -0,0 +1,8 @@
+import { VuiContext } from "../types.js";
+import * as react957 from "react";
+
+//#region src/core/vuiProvider/context.d.ts
+declare const VuiContextProvider: react957.Provider<VuiContext>, useVuiContext: () => VuiContext;
+//#endregion
+export { VuiContextProvider, useVuiContext };
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/core/vuiProvider/context.ts"],"sourcesContent":[],"mappings":";;;;cAGO,oBAAkB,QAAA,CAAA,SAAA,aAAE,qBAAa"}

package/dist/core/vuiProvider/context.js

@@ -0,0 +1,2 @@
+import{createContext as e}from"../../utils/react.js";const[t,n]=e({isOptional:!0});export{t as VuiContextProvider,n as useVuiContext};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/core/vuiProvider/context.ts"],"sourcesContent":["import { createContext } from '../../utils'\nimport type { VuiContext } from '../types'\n\nconst [VuiContextProvider, useVuiContext] = createContext<VuiContext>({\n  isOptional: true,\n})\n\nexport { VuiContextProvider, useVuiContext }\n"],"mappings":"qDAGA,KAAM,CAAC,EAAoB,GAAiB,EAA0B,CACpE,WAAY,GACb,CAAC"}

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

@@ -0,0 +1,5 @@
+//#region src/core/vuiProvider/fontFaces.d.ts
+declare const _default: "\n@font-face {\n\tfont-family: Gantari;\n\tfont-style: italic;\n\tfont-weight: 100 900;\n\tfont-display: swap;\n\tsrc: url('https://cdn.veracity.com/common/fonts/gantari/gantari-v1-latin_italic-ext.woff2') format(\"woff2\");\n\tunicode-range:\n\t\tU+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,\n\t\tU+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n\n@font-face {\n\tfont-family: Gantari;\n\tfont-style: italic;\n\tfont-weight: 100 900;\n\tfont-display: swap;\n\tsrc: url('https://cdn.veracity.com/common/fonts/gantari/gantari-v1-latin_italic.woff2') format(\"woff2\");\n\tunicode-range:\n\t\tU+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC,\n\t\tU+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n\n@font-face {\n\tfont-family: Gantari;\n\tfont-style: normal;\n\tfont-weight: 100 900;\n\tfont-display: swap;\n\tsrc: url('https://cdn.veracity.com/common/fonts/gantari/gantari-v1-latin_regular-ext.woff2') format(\"woff2\");\n\tunicode-range:\n\t\tU+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,\n\t\tU+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n\n@font-face {\n\tfont-family: Gantari;\n\tfont-style: normal;\n\tfont-weight: 100 900;\n\tfont-display: swap;\n\tsrc: url('https://cdn.veracity.com/common/fonts/gantari/gantari-v1-latin_regular.woff2') format(\"woff2\");\n\tunicode-range:\n\t\tU+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC,\n\t\tU+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n\n@font-face {\n\tfont-family: 'DNV Display Light';\n\tsrc: url('https://cdn.veracity.com/common/fonts/dnv-display-light.woff');\n\tfont-weight: 700;\n}\n\n@font-face {\n\tfont-family: 'DNV Display';\n\tsrc: url('https://cdn.veracity.com/common/fonts/dnv-display-light.woff');\n\tfont-weight: 200;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: 'DNV Display';\n\tsrc: url('https://cdn.veracity.com/common/fonts/dnv-display-regular.woff');\n\tfont-weight: bold;\n}\n\n@font-face {\n\tfont-family: 'DNV Display';\n\tsrc: url('https://cdn.veracity.com/common/fonts/dnv-display-regular.woff');\n\tfont-weight: 400;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: 'DNV Display Medium';\n\tsrc: url('https://cdn.veracity.com/common/fonts/dnv-display-medium.woff');\n\tfont-weight: bold;\n}\n\n@font-face {\n\tfont-family: 'DNV Display';\n\tsrc: url('https://cdn.veracity.com/common/fonts/dnv-display-medium.woff');\n\tfont-weight: 500;\n\tfont-style: normal;\n}\n";
+//#endregion
+export { _default };
+//# sourceMappingURL=fontFaces.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fontFaces.d.ts","names":[],"sources":["../../../src/core/vuiProvider/fontFaces.ts"],"sourcesContent":[],"mappings":""}

package/dist/core/vuiProvider/fontFaces.js

@@ -0,0 +1,85 @@
+import{cdnFontsPath as e,cdnUrl as t}from"../consts.js";const n=t+e;var r=`
+@font-face {
+	font-family: Gantari;
+	font-style: italic;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url('${n}/gantari/gantari-v1-latin_italic-ext.woff2') format("woff2");
+	unicode-range:
+		U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
+		U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+@font-face {
+	font-family: Gantari;
+	font-style: italic;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url('${n}/gantari/gantari-v1-latin_italic.woff2') format("woff2");
+	unicode-range:
+		U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC,
+		U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+	font-family: Gantari;
+	font-style: normal;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url('${n}/gantari/gantari-v1-latin_regular-ext.woff2') format("woff2");
+	unicode-range:
+		U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
+		U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+@font-face {
+	font-family: Gantari;
+	font-style: normal;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url('${n}/gantari/gantari-v1-latin_regular.woff2') format("woff2");
+	unicode-range:
+		U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC,
+		U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+	font-family: 'DNV Display Light';
+	src: url('${n}/dnv-display-light.woff');
+	font-weight: 700;
+}
+
+@font-face {
+	font-family: 'DNV Display';
+	src: url('${n}/dnv-display-light.woff');
+	font-weight: 200;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: 'DNV Display';
+	src: url('${n}/dnv-display-regular.woff');
+	font-weight: bold;
+}
+
+@font-face {
+	font-family: 'DNV Display';
+	src: url('${n}/dnv-display-regular.woff');
+	font-weight: 400;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: 'DNV Display Medium';
+	src: url('${n}/dnv-display-medium.woff');
+	font-weight: bold;
+}
+
+@font-face {
+	font-family: 'DNV Display';
+	src: url('${n}/dnv-display-medium.woff');
+	font-weight: 500;
+	font-style: normal;
+}
+`;export{r as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=fontFaces.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fontFaces.js","names":[],"sources":["../../../src/core/vuiProvider/fontFaces.ts"],"sourcesContent":["import { cdnFontsPath, cdnUrl } from '../'\n\nconst baseUrl = cdnUrl + cdnFontsPath\n\nexport default `\n@font-face {\n\tfont-family: Gantari;\n\tfont-style: italic;\n\tfont-weight: 100 900;\n\tfont-display: swap;\n\tsrc: url('${baseUrl}/gantari/gantari-v1-latin_italic-ext.woff2') format(\"woff2\");\n\tunicode-range:\n\t\tU+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,\n\t\tU+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n\n@font-face {\n\tfont-family: Gantari;\n\tfont-style: italic;\n\tfont-weight: 100 900;\n\tfont-display: swap;\n\tsrc: url('${baseUrl}/gantari/gantari-v1-latin_italic.woff2') format(\"woff2\");\n\tunicode-range:\n\t\tU+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC,\n\t\tU+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n\n@font-face {\n\tfont-family: Gantari;\n\tfont-style: normal;\n\tfont-weight: 100 900;\n\tfont-display: swap;\n\tsrc: url('${baseUrl}/gantari/gantari-v1-latin_regular-ext.woff2') format(\"woff2\");\n\tunicode-range:\n\t\tU+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,\n\t\tU+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n\n@font-face {\n\tfont-family: Gantari;\n\tfont-style: normal;\n\tfont-weight: 100 900;\n\tfont-display: swap;\n\tsrc: url('${baseUrl}/gantari/gantari-v1-latin_regular.woff2') format(\"woff2\");\n\tunicode-range:\n\t\tU+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC,\n\t\tU+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n\n@font-face {\n\tfont-family: 'DNV Display Light';\n\tsrc: url('${baseUrl}/dnv-display-light.woff');\n\tfont-weight: 700;\n}\n\n@font-face {\n\tfont-family: 'DNV Display';\n\tsrc: url('${baseUrl}/dnv-display-light.woff');\n\tfont-weight: 200;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: 'DNV Display';\n\tsrc: url('${baseUrl}/dnv-display-regular.woff');\n\tfont-weight: bold;\n}\n\n@font-face {\n\tfont-family: 'DNV Display';\n\tsrc: url('${baseUrl}/dnv-display-regular.woff');\n\tfont-weight: 400;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: 'DNV Display Medium';\n\tsrc: url('${baseUrl}/dnv-display-medium.woff');\n\tfont-weight: bold;\n}\n\n@font-face {\n\tfont-family: 'DNV Display';\n\tsrc: url('${baseUrl}/dnv-display-medium.woff');\n\tfont-weight: 500;\n\tfont-style: normal;\n}\n`\n"],"mappings":"wDAEA,MAAM,EAAU,EAAS,EAEzB,IAAA,EAAe;;;;;;aAMF,EAAQ;;;;;;;;;;;aAWR,EAAQ;;;;;;;;;;;aAWR,EAAQ;;;;;;;;;;;aAWR,EAAQ;;;;;;;;aAQR,EAAQ;;;;;;aAMR,EAAQ;;;;;;;aAOR,EAAQ;;;;;;aAMR,EAAQ;;;;;;;aAOR,EAAQ;;;;;;aAMR,EAAQ"}

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

@@ -0,0 +1,17 @@
+import * as styled_components447 from "styled-components";
+
+//#region src/core/vuiProvider/globalStyle.d.ts
+type GlobalStyleProps = {
+  globalStyle?: boolean;
+};
+/**
+ * Provides global styles, such as:
+ * - font face definitions
+ * - font base styles (color, size, family)
+ * - animation keyframes
+ * - CSS variables for each theme value
+ */
+declare const _default: styled_components447.GlobalStyleComponent<GlobalStyleProps, styled_components447.DefaultTheme>;
+//#endregion
+export { _default };
+//# sourceMappingURL=globalStyle.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,102 @@
+import{isObject as e}from"../../utils/assertion.js";import t from"../../theme/foundations/index.js";import{createGlobalStyle as n,css as r}from"../styled.js";import{bounce as i,fadeDown as a,fadeIn as o,fadeLeft as s,fadeOut as c,fadeRight as l,fadeUp as u,pulse as d,spin as f}from"./animations.js";import{noScrollClass as p}from"./consts.js";import m from"./fontFaces.js";var h=n`
+${m}
+:root {
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  ${g}
+}
+
+* {
+  --x-ring-color: var(--vui-colors-focusColor);
+  // Fixes a box-shadow issue between some parent and child components
+  --x-shadow: 0 0 0 0 transparent;
+}
+
+button,
+.vui-avatar,
+.vui-tag,
+.vui-sidemenu-item,
+.vui-switchTrack {
+  --x-ring-color: transparent;
+}
+
+button:focus-visible,
+li:focus-visible,
+.vui-avatar:focus-visible,
+.vui-tag:focus-visible,
+.vui-sidemenu-item:focus-visible,
+.vui-switchTrack:focus-visible {
+  --x-ring-color: var(--vui-colors-focusColor);
+  outline: var(--vui-colors-focusColor) solid 3px;
+  z-index: 1;
+}
+
+body.${p} {
+  overflow: hidden !important;
+  overscroll-behavior: contain;
+}
+
+${e=>e.globalStyle&&r`
+    body {
+      color: sandstone.10;
+      font-family: Gantari;
+      font-size: md;
+    }
+
+    h1,
+    h2,
+    h3,
+    h4,
+    h5 {
+      color: darkBlue.18;
+    }
+  `}
+
+@keyframes vui-bounce {
+${i}
+}
+
+@keyframes vui-fadeDown {
+${a(20)}
+}
+
+@keyframes vui-fadeIn {
+${o}
+}
+
+@keyframes vui-fadeLeft {
+${s(20)}
+}
+
+@keyframes vui-fadeLeftLong {
+${s(600)}
+}
+
+@keyframes vui-fadeOut {
+${c}
+}
+
+
+@keyframes vui-fadeRight {
+${l(20)}
+}
+
+@keyframes vui-fadeRightLong {
+${l(600)}
+}
+
+@keyframes vui-fadeUp {
+${u(20)}
+}
+
+@keyframes vui-pulse {
+${d}
+}
+
+@keyframes vui-spin {
+${f}
+}
+`;function g(){function n(t,r){return e(r)?Object.entries(r).reduce((e,[r,i])=>e+=n(`${t}-${r}`,i),``):`${t}: ${typeof r==`string`?r:`${r}px`};\n`}let{animations:r,transformers:i,...a}=t;return n(`--vui`,a)}export{h as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=globalStyle.js.map

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

@@ -0,0 +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":"sXAkBA,IAAA,EAAe,CAAmC;EAChDA,EAAU;;;;;;IAMR,EAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA4BlB,EAAc;;;;;EAKnB,GACA,EAAE,aACF,CAAG;;;;;;;;;;;;;;IAcD;;;EAGF,EAAO;;;;EAIP,EAAS,GAAG,CAAC;;;;EAIb,EAAO;;;;EAIP,EAAS,GAAG,CAAC;;;;EAIb,EAAS,IAAI,CAAC;;;;EAId,EAAQ;;;;;EAKR,EAAU,GAAG,CAAC;;;;EAId,EAAU,IAAI,CAAC;;;;EAIf,EAAO,GAAG,CAAC;;;;EAIX,EAAM;;;;EAIN,EAAK;;EAKP,SAAS,GAAuB,CAC9B,SAAS,EAAa,EAAc,EAAoB,CAGtD,OAFK,EAAS,EAAM,CAEb,OAAO,QAAQ,EAAM,CAAC,QAAQ,EAAK,CAAC,EAAKC,KACtC,GAAO,EAAa,GAAG,EAAK,GAAG,IAAOA,EAAM,CACnD,GAAG,CAJuB,GAAG,EAAK,IAAI,OAAO,GAAU,SAAW,EAAQ,GAAG,EAAM,IAAI,KAO5F,GAAM,CAAE,aAAY,eAAc,GAAG,GAAWC,EAEhD,OAAO,EAAa,QAAS,EAAO"}

package/dist/core/vuiProvider/notifyOffline.js

@@ -0,0 +1,2 @@
+import{useOfflineMode as e}from"./useOfflineMode.js";import{useToast as t}from"../../toast/useToast.js";import{memo as n,useEffect as r,useState as i}from"react";var a=n(()=>{let{showError:n,showInfo:a}=t(),[o,s]=i(!1),{isOffline:c}=e();return r(()=>{!c&&o&&a(`The application is online`),c&&(n(`The application is offline`),s(!0))},[c]),null});export{a as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=notifyOffline.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"notifyOffline.js","names":[],"sources":["../../../src/core/vuiProvider/notifyOffline.ts"],"sourcesContent":["import { memo, useEffect, useState } from 'react'\n\nimport { useToast } from '../../toast'\nimport { useOfflineMode } from './useOfflineMode'\n\nconst NotifyOffline = () => {\n  const { showError, showInfo } = useToast()\n  const [isOfflineNotified, setIsOfflineNotified] = useState(false)\n  const { isOffline } = useOfflineMode()\n\n  useEffect(() => {\n    if (!isOffline && isOfflineNotified) showInfo('The application is online')\n    if (isOffline) {\n      showError('The application is offline')\n      setIsOfflineNotified(true)\n    }\n  }, [isOffline])\n\n  return null\n}\n\nexport default memo(NotifyOffline)\n"],"mappings":"kKAqBA,IAAA,EAAe,MAhBa,CAC1B,GAAM,CAAE,YAAW,YAAa,GAAU,CACpC,CAAC,EAAmB,GAAwB,EAAS,GAAM,CAC3D,CAAE,aAAc,GAAgB,CAUtC,OARA,MAAgB,CACV,CAAC,GAAa,GAAmB,EAAS,4BAA4B,CACtE,IACF,EAAU,6BAA6B,CACvC,EAAqB,GAAK,GAE3B,CAAC,EAAU,CAAC,CAER,MAGyB"}

package/dist/core/vuiProvider/reducers.js

@@ -0,0 +1,2 @@
+const e=(e,t)=>{switch(t.type){case`add`:return{list:[t.toast,...e.list]};case`remove`:return{list:e.list.filter(e=>e.id!==t.toast.id)};default:throw Error(`Unhandled action type: ${t.type}`)}},t=(e,t)=>e=t;export{t as genericReducer,e as toastsReducer};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=reducers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"reducers.js","names":[],"sources":["../../../src/core/vuiProvider/reducers.ts"],"sourcesContent":["import type { ToastListItem } from '../../toast/toast.types'\n\nexport const toastsReducer = (\n  state: { list: ToastListItem[] },\n  action: { type: 'add' | 'remove'; toast: ToastListItem },\n) => {\n  switch (action.type) {\n    case 'add': {\n      return { list: [action.toast, ...state.list] }\n    }\n    case 'remove': {\n      return { list: state.list.filter(t => t.id !== action.toast.id) }\n    }\n    default: {\n      throw new Error(`Unhandled action type: ${action.type}`)\n    }\n  }\n}\n\nexport const genericReducer = (state: any, action: any) => (state = action)\n"],"mappings":"AAEA,MAAa,GACX,EACA,IACG,CACH,OAAQ,EAAO,KAAf,CACE,IAAK,MACH,MAAO,CAAE,KAAM,CAAC,EAAO,MAAO,GAAG,EAAM,KAAK,CAAE,CAEhD,IAAK,SACH,MAAO,CAAE,KAAM,EAAM,KAAK,OAAO,GAAK,EAAE,KAAO,EAAO,MAAM,GAAG,CAAE,CAEnE,QACE,MAAU,MAAM,0BAA0B,EAAO,OAAO,GAKjD,GAAkB,EAAY,IAAiB,EAAQ"}

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

@@ -0,0 +1,8 @@
+import * as styled_components449 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_components449.GlobalStyleComponent<{}, styled_components449.DefaultTheme>;
+//#endregion
+export { _default };
+//# sourceMappingURL=resetCSS.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resetCSS.d.ts","names":[],"sources":["../../../src/core/vuiProvider/resetCSS.tsx"],"sourcesContent":[],"mappings":""}