@veracity/vui 3.0.0-beta.8 → 3.0.0-beta.9

package/dist/core/vuiProvider/globalStyle.js

@@ -1,11 +1,26 @@
-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}
+import { isObject } from "../../utils/assertion.js";
+import foundations_default from "../../theme/foundations/index.js";
+import { createGlobalStyle, css } from "../styled.js";
+import { bounce, fadeDown, fadeIn, fadeLeft, fadeOut, fadeRight, fadeUp, pulse, spin } from "./animations.js";
+import { noScrollClass } from "./consts.js";
+import fontFaces_default from "./fontFaces.js";
+
+//#region src/core/vuiProvider/globalStyle.tsx
+/**
+* Provides global styles, such as:
+* - font face definitions
+* - font base styles (color, size, family)
+* - animation keyframes
+* - CSS variables for each theme value
+*/
+var globalStyle_default = createGlobalStyle`
+${fontFaces_default}
 :root {
   font-synthesis: none;
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  ${g}
+  ${generateCSSVariables}
 }
 
 * {
@@ -33,12 +48,12 @@ li:focus-visible,
   z-index: 1;
 }
 
-body.${p} {
+body.${noScrollClass} {
   overflow: hidden !important;
   overscroll-behavior: contain;
 }
 
-${e=>e.globalStyle&&r`
+${(p) => p.globalStyle && css`
     body {
       color: sandstone.10;
       font-family: Gantari;
@@ -55,48 +70,63 @@ ${e=>e.globalStyle&&r`
   `}
 
 @keyframes vui-bounce {
-${i}
+${bounce}
 }
 
 @keyframes vui-fadeDown {
-${a(20)}
+${fadeDown(20)}
 }
 
 @keyframes vui-fadeIn {
-${o}
+${fadeIn}
 }
 
 @keyframes vui-fadeLeft {
-${s(20)}
+${fadeLeft(20)}
 }
 
 @keyframes vui-fadeLeftLong {
-${s(600)}
+${fadeLeft(600)}
 }
 
 @keyframes vui-fadeOut {
-${c}
+${fadeOut}
 }
 
 
 @keyframes vui-fadeRight {
-${l(20)}
+${fadeRight(20)}
 }
 
 @keyframes vui-fadeRightLong {
-${l(600)}
+${fadeRight(600)}
 }
 
 @keyframes vui-fadeUp {
-${u(20)}
+${fadeUp(20)}
 }
 
 @keyframes vui-pulse {
-${d}
+${pulse}
 }
 
 @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.8`;
+${spin}
+}
+`;
+/** Recursively maps through all theme styles and generates a set of CSS properties. */
+function generateCSSVariables() {
+	function computeStyle(name, value) {
+		if (!isObject(value)) return `${name}: ${typeof value === "string" ? value : `${value}px`};\n`;
+		return Object.entries(value).reduce((str, [key, value$1]) => {
+			return str += computeStyle(`${name}-${key}`, value$1);
+		}, "");
+	}
+	const { animations, transformers,...styles } = foundations_default;
+	return computeStyle("--vui", styles);
+}
+
+//#endregion
+export { globalStyle_default as default };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# 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":"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"}
+{"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"}

package/dist/core/vuiProvider/notifyOffline.js

@@ -1,2 +1,24 @@
-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.8`;
+import { useOfflineMode } from "./useOfflineMode.js";
+import { useToast } from "../../toast/useToast.js";
+import { memo, useEffect, useState } from "react";
+
+//#region src/core/vuiProvider/notifyOffline.ts
+const NotifyOffline = () => {
+	const { showError, showInfo } = useToast();
+	const [isOfflineNotified, setIsOfflineNotified] = useState(false);
+	const { isOffline } = useOfflineMode();
+	useEffect(() => {
+		if (!isOffline && isOfflineNotified) showInfo("The application is online");
+		if (isOffline) {
+			showError("The application is offline");
+			setIsOfflineNotified(true);
+		}
+	}, [isOffline]);
+	return null;
+};
+var notifyOffline_default = memo(NotifyOffline);
+
+//#endregion
+export { notifyOffline_default as default };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=notifyOffline.js.map

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

@@ -1 +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"}
+{"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":";;;;;AAKA,MAAM,sBAAsB;CAC1B,MAAM,EAAE,WAAW,aAAa,UAAU;CAC1C,MAAM,CAAC,mBAAmB,wBAAwB,SAAS,MAAM;CACjE,MAAM,EAAE,cAAc,gBAAgB;AAEtC,iBAAgB;AACd,MAAI,CAAC,aAAa,kBAAmB,UAAS,4BAA4B;AAC1E,MAAI,WAAW;AACb,aAAU,6BAA6B;AACvC,wBAAqB,KAAK;;IAE3B,CAAC,UAAU,CAAC;AAEf,QAAO;;AAGT,4BAAe,KAAK,cAAc"}

package/dist/core/vuiProvider/reducers.js

@@ -1,2 +1,14 @@
-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.8`;
+//#region src/core/vuiProvider/reducers.ts
+const toastsReducer = (state, action) => {
+	switch (action.type) {
+		case "add": return { list: [action.toast, ...state.list] };
+		case "remove": return { list: state.list.filter((t) => t.id !== action.toast.id) };
+		default: throw new Error(`Unhandled action type: ${action.type}`);
+	}
+};
+const genericReducer = (state, action) => state = action;
+
+//#endregion
+export { genericReducer, toastsReducer };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=reducers.js.map

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

@@ -1 +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"}
+{"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,iBACX,OACA,WACG;AACH,SAAQ,OAAO,MAAf;EACE,KAAK,MACH,QAAO,EAAE,MAAM,CAAC,OAAO,OAAO,GAAG,MAAM,KAAK,EAAE;EAEhD,KAAK,SACH,QAAO,EAAE,MAAM,MAAM,KAAK,QAAO,MAAK,EAAE,OAAO,OAAO,MAAM,GAAG,EAAE;EAEnE,QACE,OAAM,IAAI,MAAM,0BAA0B,OAAO,OAAO;;;AAK9D,MAAa,kBAAkB,OAAY,WAAiB,QAAQ"}

package/dist/core/vuiProvider/resetCSS.js

@@ -1,4 +1,8 @@
-import{createGlobalStyle as e}from"../styled.js";var t=e`
+import { createGlobalStyle } from "../styled.js";
+
+//#region src/core/vuiProvider/resetCSS.tsx
+/** Set of CSS resets to unify styles across browsers and provide good style defaults. */
+var resetCSS_default = createGlobalStyle`
 	html {
 		box-sizing: border-box;
 		line-height: 1.4;
@@ -169,5 +173,9 @@ import{createGlobalStyle as e}from"../styled.js";var t=e`
 	[hidden] {
 		display: none;
 	}
-`;export{t as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+`;
+
+//#endregion
+export { resetCSS_default as default };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=resetCSS.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"resetCSS.js","names":[],"sources":["../../../src/core/vuiProvider/resetCSS.tsx"],"sourcesContent":["import { createGlobalStyle } from '../styled'\n\n/** Set of CSS resets to unify styles across browsers and provide good style defaults. */\nexport default createGlobalStyle`\n\thtml {\n\t\tbox-sizing: border-box;\n\t\tline-height: 1.4;\n\t\t-webkit-text-size-adjust: 100%;\n\t}\n\n\t*, *::before, *::after {\n\t\tborder-style: solid;\n\t\tborder-width: 0;\n\t\tbox-sizing: inherit;\n\t}\n\n\tbody {\n\t\tmargin: 0;\n\t}\n\n\ta {\n\t\tbackground-color: transparent;\n\t\tcolor: inherit;\n\t\ttext-decoration: none;\n\t}\n\n\tabbr[title] {\n\t\tborder-bottom: none;\n\t\ttext-decoration: underline dotted;\n\t}\n\n\tb, strong {\n\t\tfont-weight: bolder;\n\t}\n\n\tbutton {\n\t\tcursor: pointer;\n\t\t-webkit-appearance: button;\n\t}\n\n\tbutton, input, optgroup, select, textarea {\n\t\tfont-family: inherit;\n\t\tfont-size: 100%;\n\t\tmargin: 0;\n\t}\n\n\tbutton, select {\n\t\ttext-transform: none;\n\t}\n\n\tcode, kbd, pre, samp {\n\t\tfont-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;\n\t\tfont-size: 1em;\n\t}\n\n\tdetails {\n\t\tdisplay: block;\n\t}\n\n\tfieldset {\n\t\tpadding: 0.35em 0.75em 0.625em;\n\t}\n\n\th1, h2, h3, h4, h5, h6, p, hr, dl, dd, blockquote, figure, pre {\n\t\tmargin: 0;\n\t}\n\n\th1, h2, h3, h4, h5, h6 {\n\t\tfont-size: inherit;\n\t\tfont-weight: inherit;\n\t}\n\n\thr {\n\t\tcolor: inherit;\n\t\theight: 0;\n\t}\n\n\timg {\n\t\tborder-style: none;\n\t}\n\n\timg, svg, video, canvas, audio, iframe, embed, object {\n\t\tdisplay: block;\n\t}\n\n\tlegend {\n\t\tcolor: inherit;\n\t\tdisplay: table;\n\t\tmax-width: 100%;\n\t\tpadding: 0;\n\t\twhite-space: normal;\n\t}\n\n\tmain {\n\t\tdisplay: block;\n\t}\n\n\tol, ul  {\n\t\tlist-style: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\n\tprogress {\n\t\tvertical-align: baseline;\n\t}\n\n\tsummary {\n\t\tdisplay: list-item;\n\t}\n\n\tsmall {\n\t\tfont-size: 80%;\n\t}\n\n\tsub, sup {\n\t\tfont-size: 75%;\n\t\tline-height: 0;\n\t\tposition: relative;\n\t\tvertical-align: baseline;\n\t}\n\n\tsub {\n\t\tbottom: -0.25em;\n\t}\n\n\tsup {\n\t\ttop: -0.5em;\n\t}\n\n\ttable {\n\t\ttext-indent: 0;\n\t\tborder-color: inherit;\n\t}\n\n\ttemplate {\n\t\tdisplay: none;\n\t}\n\n\ttextarea {\n\t\toverflow: auto;\n\t}\n\n\t::-moz-focus-inner {\n\t\tborder-style: none;\n\t\tpadding: 0;\n\t}\n\n\t::-webkit-file-upload-button {\n\t\tfont: inherit;\n\t\t-webkit-appearance: button;\n\t}\n\n\t[type=checkbox], [type=radio] {\n\t\tpadding: 0;\n\t}\n\n\t[type=number]::-webkit-inner-spin-button,\n\t[type=number]::-webkit-outer-spin-button {\n\t\theight: auto;\n\t}\n\n\t[type=search] {\n\t\toutline-offset: -2px;\n\t\t-webkit-appearance: textfield;\n\t}\n\n\t[type=search]::-webkit-search-decoration {\n\t\t-webkit-appearance: none;\n\t}\n\n\t[hidden] {\n\t\tdisplay: none;\n\t}\n`\n"],"mappings":"iDAGA,IAAA,EAAe,CAAiB"}
+{"version":3,"file":"resetCSS.js","names":[],"sources":["../../../src/core/vuiProvider/resetCSS.tsx"],"sourcesContent":["import { createGlobalStyle } from '../styled'\n\n/** Set of CSS resets to unify styles across browsers and provide good style defaults. */\nexport default createGlobalStyle`\n\thtml {\n\t\tbox-sizing: border-box;\n\t\tline-height: 1.4;\n\t\t-webkit-text-size-adjust: 100%;\n\t}\n\n\t*, *::before, *::after {\n\t\tborder-style: solid;\n\t\tborder-width: 0;\n\t\tbox-sizing: inherit;\n\t}\n\n\tbody {\n\t\tmargin: 0;\n\t}\n\n\ta {\n\t\tbackground-color: transparent;\n\t\tcolor: inherit;\n\t\ttext-decoration: none;\n\t}\n\n\tabbr[title] {\n\t\tborder-bottom: none;\n\t\ttext-decoration: underline dotted;\n\t}\n\n\tb, strong {\n\t\tfont-weight: bolder;\n\t}\n\n\tbutton {\n\t\tcursor: pointer;\n\t\t-webkit-appearance: button;\n\t}\n\n\tbutton, input, optgroup, select, textarea {\n\t\tfont-family: inherit;\n\t\tfont-size: 100%;\n\t\tmargin: 0;\n\t}\n\n\tbutton, select {\n\t\ttext-transform: none;\n\t}\n\n\tcode, kbd, pre, samp {\n\t\tfont-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;\n\t\tfont-size: 1em;\n\t}\n\n\tdetails {\n\t\tdisplay: block;\n\t}\n\n\tfieldset {\n\t\tpadding: 0.35em 0.75em 0.625em;\n\t}\n\n\th1, h2, h3, h4, h5, h6, p, hr, dl, dd, blockquote, figure, pre {\n\t\tmargin: 0;\n\t}\n\n\th1, h2, h3, h4, h5, h6 {\n\t\tfont-size: inherit;\n\t\tfont-weight: inherit;\n\t}\n\n\thr {\n\t\tcolor: inherit;\n\t\theight: 0;\n\t}\n\n\timg {\n\t\tborder-style: none;\n\t}\n\n\timg, svg, video, canvas, audio, iframe, embed, object {\n\t\tdisplay: block;\n\t}\n\n\tlegend {\n\t\tcolor: inherit;\n\t\tdisplay: table;\n\t\tmax-width: 100%;\n\t\tpadding: 0;\n\t\twhite-space: normal;\n\t}\n\n\tmain {\n\t\tdisplay: block;\n\t}\n\n\tol, ul  {\n\t\tlist-style: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\n\tprogress {\n\t\tvertical-align: baseline;\n\t}\n\n\tsummary {\n\t\tdisplay: list-item;\n\t}\n\n\tsmall {\n\t\tfont-size: 80%;\n\t}\n\n\tsub, sup {\n\t\tfont-size: 75%;\n\t\tline-height: 0;\n\t\tposition: relative;\n\t\tvertical-align: baseline;\n\t}\n\n\tsub {\n\t\tbottom: -0.25em;\n\t}\n\n\tsup {\n\t\ttop: -0.5em;\n\t}\n\n\ttable {\n\t\ttext-indent: 0;\n\t\tborder-color: inherit;\n\t}\n\n\ttemplate {\n\t\tdisplay: none;\n\t}\n\n\ttextarea {\n\t\toverflow: auto;\n\t}\n\n\t::-moz-focus-inner {\n\t\tborder-style: none;\n\t\tpadding: 0;\n\t}\n\n\t::-webkit-file-upload-button {\n\t\tfont: inherit;\n\t\t-webkit-appearance: button;\n\t}\n\n\t[type=checkbox], [type=radio] {\n\t\tpadding: 0;\n\t}\n\n\t[type=number]::-webkit-inner-spin-button,\n\t[type=number]::-webkit-outer-spin-button {\n\t\theight: auto;\n\t}\n\n\t[type=search] {\n\t\toutline-offset: -2px;\n\t\t-webkit-appearance: textfield;\n\t}\n\n\t[type=search]::-webkit-search-decoration {\n\t\t-webkit-appearance: none;\n\t}\n\n\t[hidden] {\n\t\tdisplay: none;\n\t}\n`\n"],"mappings":";;;;AAGA,uBAAe,iBAAiB"}

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

@@ -1,9 +1,9 @@
-import * as react958 from "react";
+import * as react960 from "react";
 
 //#region src/core/vuiProvider/useBodyScrollLock.d.ts
 declare const useBodyScrollLock: () => {
   isScrollLocked: boolean;
-  setIsScrollLocked: react958.Dispatch<react958.SetStateAction<boolean>>;
+  setIsScrollLocked: react960.Dispatch<react960.SetStateAction<boolean>>;
   toggleIsScrollLocked: () => void;
 };
 //#endregion

package/dist/core/vuiProvider/useBodyScrollLock.js

@@ -1,2 +1,24 @@
-import{addBodyClass as e,removeBodyClass as t}from"../../utils/dom.js";import{noScrollClass as n}from"./consts.js";import{useEffect as r,useState as i}from"react";const a=()=>{let[a,o]=i(!1);return r(()=>(a?e(n):t(n),()=>t(n)),[a]),{isScrollLocked:a,setIsScrollLocked:o,toggleIsScrollLocked:()=>o(!a)}};export{a as useBodyScrollLock};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { addBodyClass, removeBodyClass } from "../../utils/dom.js";
+import { noScrollClass } from "./consts.js";
+import { useEffect, useState } from "react";
+
+//#region src/core/vuiProvider/useBodyScrollLock.tsx
+const useBodyScrollLock = () => {
+	const [isScrollLocked, setIsScrollLocked] = useState(false);
+	const toggleIsScrollLocked = () => setIsScrollLocked(!isScrollLocked);
+	useEffect(() => {
+		if (isScrollLocked) addBodyClass(noScrollClass);
+		else removeBodyClass(noScrollClass);
+		return () => removeBodyClass(noScrollClass);
+	}, [isScrollLocked]);
+	return {
+		isScrollLocked,
+		setIsScrollLocked,
+		toggleIsScrollLocked
+	};
+};
+
+//#endregion
+export { useBodyScrollLock };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=useBodyScrollLock.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useBodyScrollLock.js","names":[],"sources":["../../../src/core/vuiProvider/useBodyScrollLock.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport { addBodyClass, removeBodyClass } from '../../utils'\nimport { noScrollClass } from './consts'\n\nexport const useBodyScrollLock = () => {\n  const [isScrollLocked, setIsScrollLocked] = useState(false)\n\n  const toggleIsScrollLocked = () => setIsScrollLocked(!isScrollLocked)\n\n  useEffect(() => {\n    if (isScrollLocked) addBodyClass(noScrollClass)\n    else removeBodyClass(noScrollClass)\n\n    return () => removeBodyClass(noScrollClass)\n  }, [isScrollLocked])\n\n  return { isScrollLocked, setIsScrollLocked, toggleIsScrollLocked }\n}\n"],"mappings":"mKAKA,MAAa,MAA0B,CACrC,GAAM,CAAC,EAAgB,GAAqB,EAAS,GAAM,CAW3D,OAPA,OACM,EAAgB,EAAa,EAAc,CAC1C,EAAgB,EAAc,KAEtB,EAAgB,EAAc,EAC1C,CAAC,EAAe,CAAC,CAEb,CAAE,iBAAgB,oBAAmB,yBATT,EAAkB,CAAC,EAAe,CASH"}
+{"version":3,"file":"useBodyScrollLock.js","names":[],"sources":["../../../src/core/vuiProvider/useBodyScrollLock.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport { addBodyClass, removeBodyClass } from '../../utils'\nimport { noScrollClass } from './consts'\n\nexport const useBodyScrollLock = () => {\n  const [isScrollLocked, setIsScrollLocked] = useState(false)\n\n  const toggleIsScrollLocked = () => setIsScrollLocked(!isScrollLocked)\n\n  useEffect(() => {\n    if (isScrollLocked) addBodyClass(noScrollClass)\n    else removeBodyClass(noScrollClass)\n\n    return () => removeBodyClass(noScrollClass)\n  }, [isScrollLocked])\n\n  return { isScrollLocked, setIsScrollLocked, toggleIsScrollLocked }\n}\n"],"mappings":";;;;;AAKA,MAAa,0BAA0B;CACrC,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,MAAM;CAE3D,MAAM,6BAA6B,kBAAkB,CAAC,eAAe;AAErE,iBAAgB;AACd,MAAI,eAAgB,cAAa,cAAc;MAC1C,iBAAgB,cAAc;AAEnC,eAAa,gBAAgB,cAAc;IAC1C,CAAC,eAAe,CAAC;AAEpB,QAAO;EAAE;EAAgB;EAAmB;EAAsB"}

package/dist/core/vuiProvider/useOfflineMode.js

@@ -1,2 +1,22 @@
-import{useEffect as e,useState as t}from"react";const n=()=>{let[n,r]=t(!1),i=()=>r(!1),a=()=>r(!0);return e(()=>(window.addEventListener(`online`,i),window.addEventListener(`offline`,a),()=>{window.removeEventListener(`online`,i),window.removeEventListener(`offline`,a)}),[]),{isOffline:n}};export{n as useOfflineMode};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { useEffect, useState } from "react";
+
+//#region src/core/vuiProvider/useOfflineMode.ts
+const useOfflineMode = () => {
+	const [isOffline, setIsOffline] = useState(false);
+	const setOnline = () => setIsOffline(false);
+	const setOffline = () => setIsOffline(true);
+	useEffect(() => {
+		window.addEventListener("online", setOnline);
+		window.addEventListener("offline", setOffline);
+		return () => {
+			window.removeEventListener("online", setOnline);
+			window.removeEventListener("offline", setOffline);
+		};
+	}, []);
+	return { isOffline };
+};
+
+//#endregion
+export { useOfflineMode };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=useOfflineMode.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useOfflineMode.js","names":[],"sources":["../../../src/core/vuiProvider/useOfflineMode.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nexport const useOfflineMode = () => {\n  const [isOffline, setIsOffline] = useState(false)\n\n  const setOnline = () => setIsOffline(false)\n  const setOffline = () => setIsOffline(true)\n\n  useEffect(() => {\n    window.addEventListener('online', setOnline)\n    window.addEventListener('offline', setOffline)\n    return () => {\n      window.removeEventListener('online', setOnline)\n      window.removeEventListener('offline', setOffline)\n    }\n  }, [])\n  return { isOffline }\n}\n"],"mappings":"gDAEA,MAAa,MAAuB,CAClC,GAAM,CAAC,EAAW,GAAgB,EAAS,GAAM,CAE3C,MAAkB,EAAa,GAAM,CACrC,MAAmB,EAAa,GAAK,CAU3C,OARA,OACE,OAAO,iBAAiB,SAAU,EAAU,CAC5C,OAAO,iBAAiB,UAAW,EAAW,KACjC,CACX,OAAO,oBAAoB,SAAU,EAAU,CAC/C,OAAO,oBAAoB,UAAW,EAAW,GAElD,EAAE,CAAC,CACC,CAAE,YAAW"}
+{"version":3,"file":"useOfflineMode.js","names":[],"sources":["../../../src/core/vuiProvider/useOfflineMode.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nexport const useOfflineMode = () => {\n  const [isOffline, setIsOffline] = useState(false)\n\n  const setOnline = () => setIsOffline(false)\n  const setOffline = () => setIsOffline(true)\n\n  useEffect(() => {\n    window.addEventListener('online', setOnline)\n    window.addEventListener('offline', setOffline)\n    return () => {\n      window.removeEventListener('online', setOnline)\n      window.removeEventListener('offline', setOffline)\n    }\n  }, [])\n  return { isOffline }\n}\n"],"mappings":";;;AAEA,MAAa,uBAAuB;CAClC,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;CAEjD,MAAM,kBAAkB,aAAa,MAAM;CAC3C,MAAM,mBAAmB,aAAa,KAAK;AAE3C,iBAAgB;AACd,SAAO,iBAAiB,UAAU,UAAU;AAC5C,SAAO,iBAAiB,WAAW,WAAW;AAC9C,eAAa;AACX,UAAO,oBAAoB,UAAU,UAAU;AAC/C,UAAO,oBAAoB,WAAW,WAAW;;IAElD,EAAE,CAAC;AACN,QAAO,EAAE,WAAW"}

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;EAgCL,QAAA,CAAA,CAAA,CAAA,OAAA;;OAhCwC,CAAA,CAAA,CAN/B,QAM+B;;EAApB,aAAA,CAAA,CAAA,CAAA,OAAA;;;cAAf,aAAa,GAAG,mBAAmB"}
+{"version":3,"file":"vuiProvider.d.ts","names":[],"sources":["../../../src/core/vuiProvider/vuiProvider.tsx"],"sourcesContent":[],"mappings":";;;;;KAgBK,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;EA+BL,QAAA,CAAA,CAAA,CAAA,OAAA;;OA/BwC,CAAA,CAAA,CAN/B,QAM+B;;EAApB,aAAA,CAAA,CAAA,CAAA,OAAA;;;cAAf,aAAa,GAAG,mBAAmB"}

package/dist/core/vuiProvider/vuiProvider.js

@@ -1,2 +1,50 @@
-import e from"../../theme/defaultTheme.js";import{VuiContextProvider as t}from"./context.js";import n from"./globalStyle.js";import r from"./resetCSS.js";import i from"../../popover/globalStyle.js";import{Portal as a}from"../../portal/portal.js";import o from"../../toast/toast.js";import s from"./notifyOffline.js";import{genericReducer as c,toastsReducer as l}from"./reducers.js";import{useReducer as u}from"react";import{Fragment as d,jsx as f,jsxs as p}from"react/jsx-runtime";import{ThemeProvider as m}from"styled-components";var h=({children:h,globalStyle:g=!0,resetCSS:_=!0,theme:v=e,notifyOffline:y=!1})=>{let[b,x]=u(l,{list:[]}),[S,C]=u(c,null);return f(t,{value:{toasts:b,addToast:e=>x({type:`add`,toast:e}),removeToast:e=>x({type:`remove`,toast:{id:e}}),setPortalSlot:C},children:f(m,{theme:v,children:p(d,{children:[_&&f(r,{}),f(n,{globalStyle:g}),f(i,{}),h,y&&f(s,{}),p(a,{children:[S,f(o,{})]})]})})})};export{h as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import defaultTheme_default from "../../theme/defaultTheme.js";
+import { VuiContextProvider } from "./context.js";
+import globalStyle_default from "./globalStyle.js";
+import resetCSS_default from "./resetCSS.js";
+import { Portal } from "../../portal/portal.js";
+import toast_default from "../../toast/toast.js";
+import notifyOffline_default from "./notifyOffline.js";
+import { genericReducer, toastsReducer } from "./reducers.js";
+import { useReducer } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { ThemeProvider } from "styled-components";
+
+//#region src/core/vuiProvider/vuiProvider.tsx
+/** Provides theme to all wrapped components and by default includes CSS reset and global styles. */
+const VuiProvider = ({ children, globalStyle = true, resetCSS = true, theme = defaultTheme_default, notifyOffline = false }) => {
+	const [toasts, toastsDispatch] = useReducer(toastsReducer, { list: [] });
+	const [portalSlot, setPortalSlot] = useReducer(genericReducer, null);
+	const addToast = (toast) => toastsDispatch({
+		type: "add",
+		toast
+	});
+	const removeToast = (id) => toastsDispatch({
+		type: "remove",
+		toast: { id }
+	});
+	return /* @__PURE__ */ jsx(VuiContextProvider, {
+		value: {
+			toasts,
+			addToast,
+			removeToast,
+			setPortalSlot
+		},
+		children: /* @__PURE__ */ jsx(ThemeProvider, {
+			theme,
+			children: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+				resetCSS && /* @__PURE__ */ jsx(resetCSS_default, {}),
+				/* @__PURE__ */ jsx(globalStyle_default, { globalStyle }),
+				children,
+				notifyOffline && /* @__PURE__ */ jsx(notifyOffline_default, {}),
+				/* @__PURE__ */ jsxs(Portal, { children: [portalSlot, /* @__PURE__ */ jsx(toast_default, {})] })
+			] })
+		})
+	});
+};
+var vuiProvider_default = VuiProvider;
+
+//#endregion
+export { vuiProvider_default as default };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# 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":"mhBA+DA,IAAA,GAlC0D,CACxD,WACA,cAAc,GACd,WAAW,GACX,QAAQC,EACR,gBAAgB,MACZ,CACJ,GAAM,CAAC,EAAQ,GAAkB,EAAW,EAAe,CAAE,KAAM,EAAE,CAAE,CAAC,CAClE,CAAC,EAAY,GAAiB,EAAW,EAAgB,KAAK,CAOpE,OACE,EAAC,EAAA,CAAmB,MAHN,CAAE,SAAQ,SAHR,GAAyB,EAAe,CAAE,KAAM,MAAO,QAAO,CAAC,CAG7C,YAFf,GAAe,EAAe,CAAE,KAAM,SAAU,MAAO,CAAE,KAAI,CAAE,CAAC,CAEpC,gBAAe,UAI5D,EAAC,EAAA,CAAqB,iBACpB,EAAA,EAAA,CAAA,SAAA,CACG,GAAY,EAACC,EAAAA,EAAAA,CAAW,CACzB,EAACC,EAAAA,CAAyB,cAAA,CAAe,CACzC,EAACC,EAAAA,EAAAA,CAAe,CACf,EACA,GAAiB,EAACC,EAAAA,EAAAA,CAAgB,CACnC,EAAC,EAAA,CAAA,SAAA,CACE,EACD,EAACC,EAAAA,EAAAA,CAAU,CAAA,CAAA,CACJ,GACR,EACW,EACG"}
+{"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

@@ -1,2 +1,72 @@
-import{parseIsoDate as e,validateDateFormat as t}from"../utils/dates.js";import{formatDate as n}from"../utils/formatDate.js";import{T as r}from"../t/t.js";import{Input as i}from"../input/input.js";import{useEffect as a,useState as o}from"react";import{jsx as s}from"react/jsx-runtime";const c=({initialDate:c,onChange:l,onValidate:u,setValidateStatus:d,...f})=>{let p=c?n(c,`YYYY-MM-DD`,{timeZone:`UTC`}):``,[m,h]=o(p),[g,_]=o(!0),[v,y]=o(``),b=n=>!(!t(n)||!e(n)),x=()=>{_(!m);let t=e(m);if(t){h(n(t,`YYYY-MM-DD`,{timeZone:`UTC`}));let e=u(t);!e&&l(t),_(!e),y(e)}};return a(()=>{h(p);let e=u(c);_(!e),d(!e),y(e)},[c]),a(()=>{if(m)if(d(b(m)),!t(m))y(`Supported format is YYYY-MM-DD`);else if(!e(m))y(`Invalid date`);else{let t=e(m),n=u(t);!n&&l(t),_(!n),y(n)}},[m]),s(i,{borderColor:g?`sandstone.main`:`energyRed.main`,className:`dateInput`,"data-testid":`test-date-input`,errorText:!g&&s(r,{size:`md`,children:v}),onBlur:x,onChange:e=>h(e.target.value),placeholder:`YYYY-MM-DD`,size:`md`,state:!g&&!v?`error`:`default`,value:m,...f})};export{c as DateInput};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { parseIsoDate, validateDateFormat } from "../utils/dates.js";
+import { formatDate } from "../utils/formatDate.js";
+import { T } from "../t/t.js";
+import { Input } from "../input/input.js";
+import { useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/datePicker/dateInput.tsx
+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);
+	const [errorMessage, setErrorMessage] = useState("");
+	const isValidDate = (dateString) => {
+		if (!validateDateFormat(dateString)) return false;
+		if (!parseIsoDate(dateString)) return false;
+		return true;
+	};
+	const handleOnBlur = () => {
+		setDateInputValidated(!dateInput);
+		const parsedDate = parseIsoDate(dateInput);
+		if (parsedDate) {
+			setDateInput(formatDate(parsedDate, "YYYY-MM-DD", { timeZone: "UTC" }));
+			const validateMessage = onValidate(parsedDate);
+			!validateMessage && onChange(parsedDate);
+			setDateInputValidated(!validateMessage);
+			setErrorMessage(validateMessage);
+		}
+	};
+	useEffect(() => {
+		setDateInput(formattedInitialDate);
+		const validation = onValidate(initialDate);
+		setDateInputValidated(!validation);
+		setValidateStatus(!validation);
+		setErrorMessage(validation);
+	}, [initialDate]);
+	useEffect(() => {
+		if (dateInput) {
+			setValidateStatus(isValidDate(dateInput));
+			if (!validateDateFormat(dateInput)) setErrorMessage("Supported format is YYYY-MM-DD");
+			else if (!parseIsoDate(dateInput)) setErrorMessage("Invalid date");
+			else {
+				const parsedDate = parseIsoDate(dateInput);
+				const validateMessage = onValidate(parsedDate);
+				!validateMessage && onChange(parsedDate);
+				setDateInputValidated(!validateMessage);
+				setErrorMessage(validateMessage);
+			}
+		}
+	}, [dateInput]);
+	return /* @__PURE__ */ jsx(Input, {
+		borderColor: dateInputValidated ? "sandstone.main" : "energyRed.main",
+		className: "dateInput",
+		"data-testid": "test-date-input",
+		errorText: !dateInputValidated && /* @__PURE__ */ jsx(T, {
+			size: "md",
+			children: errorMessage
+		}),
+		onBlur: handleOnBlur,
+		onChange: (e) => setDateInput(e.target.value),
+		placeholder: "YYYY-MM-DD",
+		size: "md",
+		state: !dateInputValidated && !errorMessage ? "error" : "default",
+		value: dateInput,
+		...rest
+	});
+};
+
+//#endregion
+export { DateInput };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# 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":"6RAcA,MAAa,GAAa,CAAE,cAAa,WAAU,aAAY,oBAAmB,GAAG,KAAkB,CACrG,IAAM,EAAuB,EAAc,EAAW,EAAa,aAAc,CAAE,SAAU,MAAO,CAAC,CAAG,GAClG,CAAC,EAAW,GAAgB,EAAiB,EAAqB,CAClE,CAAC,EAAoB,GAAyB,EAAkB,GAAK,CACrE,CAAC,EAAc,GAAmB,EAAiB,GAAG,CAEtD,EAAe,GAEnB,EADI,CAAC,EAAmB,EAAW,EAC/B,CAAC,EAAa,EAAW,EAIzB,MAAqB,CACzB,EAAsB,CAAC,EAAU,CACjC,IAAM,EAAa,EAAa,EAAU,CAC1C,GAAI,EAAY,CACd,EAAa,EAAW,EAAY,aAAc,CAAE,SAAU,MAAO,CAAC,CAAC,CACvE,IAAM,EAAkB,EAAW,EAAW,CAC9C,CAAC,GAAmB,EAAS,EAAW,CACxC,EAAsB,CAAC,EAAgB,CACvC,EAAgB,EAAgB,GA4BpC,OAxBA,MAAgB,CACd,EAAa,EAAqB,CAClC,IAAM,EAAa,EAAW,EAAY,CAC1C,EAAsB,CAAC,EAAW,CAClC,EAAkB,CAAC,EAAW,CAC9B,EAAgB,EAAW,EAC1B,CAAC,EAAY,CAAC,CAEjB,MAAgB,CACd,GAAI,EAGF,GADA,EAD0B,EAAY,EAAU,CACZ,CAChC,CAAC,EAAmB,EAAU,CAAE,EAAgB,iCAAiC,SAC5E,CAAC,EAAa,EAAU,CAAE,EAAgB,eAAe,KAC7D,CACH,IAAM,EAAa,EAAa,EAAU,CACpC,EAAkB,EAAW,EAAW,CAC9C,CAAC,GAAmB,EAAS,EAAW,CACxC,EAAsB,CAAC,EAAgB,CACvC,EAAgB,EAAgB,GAGnC,CAAC,EAAU,CAAC,CAGb,EAAC,EAAA,CACC,YAAa,EAAqB,iBAAmB,iBACrD,UAAU,YACV,cAAY,kBACZ,UAAW,CAAC,GAAsB,EAAC,EAAA,CAAE,KAAK,cAAM,GAAiB,CACjE,OAAQ,EACR,SAAU,GAAK,EAAa,EAAE,OAAO,MAAM,CAC3C,YAAY,aACZ,KAAK,KACL,MAAO,CAAC,GAAsB,CAAC,EAAe,QAAU,UACxD,MAAO,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,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"}