@veracity/vui 3.0.0-beta.8 → 3.0.0

package/dist/core/vuiProvider/fontFaces.js

@@ -1,15 +1,19 @@
-import{cdnFontsPath as e,cdnUrl as t}from"../consts.js";const n=t+e;var r=`
+import { cdnFontsPath, cdnUrl } from "../consts.js";
+
+//#region src/core/vuiProvider/fontFaces.ts
+const baseUrl = cdnUrl + cdnFontsPath;
+var fontFaces_default = `
 @font-face {
   font-family: "Gantari";
   font-display: swap;
-  src: url("${n}/gantari/Gantari-Thin.woff2") format("woff2");
+  src: url("${baseUrl}/gantari/Gantari-Thin.woff2") format("woff2");
   font-weight: 100;
 }
 
 @font-face {
   font-family: "Gantari";
   font-display: swap;
-  src: url("${n}/gantari/Gantari-ThinItalic.woff2") format("woff2");
+  src: url("${baseUrl}/gantari/Gantari-ThinItalic.woff2") format("woff2");
   font-weight: 100;
   font-style: italic;
 }
@@ -17,14 +21,14 @@ import{cdnFontsPath as e,cdnUrl as t}from"../consts.js";const n=t+e;var r=`
 @font-face {
   font-family: "Gantari";
   font-display: swap;
-  src: url("${n}/gantari/Gantari-ExtraLight.woff2") format("woff2");
+  src: url("${baseUrl}/gantari/Gantari-ExtraLight.woff2") format("woff2");
   font-weight: 200;
 }
 
 @font-face {
   font-family: "Gantari";
   font-display: swap;
-  src: url("${n}/gantari/Gantari-ExtraLightItalic.woff2") format("woff2");
+  src: url("${baseUrl}/gantari/Gantari-ExtraLightItalic.woff2") format("woff2");
   font-weight: 200;
   font-style: italic;
 }
@@ -32,14 +36,14 @@ import{cdnFontsPath as e,cdnUrl as t}from"../consts.js";const n=t+e;var r=`
 @font-face {
   font-family: "Gantari";
   font-display: swap;
-  src: url("${n}/gantari/Gantari-Light.woff2") format("woff2");
+  src: url("${baseUrl}/gantari/Gantari-Light.woff2") format("woff2");
   font-weight: 300;
 }
 
 @font-face {
   font-family: "Gantari";
   font-display: swap;
-  src: url("${n}/gantari/Gantari-LightItalic.woff2") format("woff2");
+  src: url("${baseUrl}/gantari/Gantari-LightItalic.woff2") format("woff2");
   font-weight: 300;
   font-style: italic;
 }
@@ -47,14 +51,14 @@ import{cdnFontsPath as e,cdnUrl as t}from"../consts.js";const n=t+e;var r=`
 @font-face {
   font-family: "Gantari";
   font-display: swap;
-  src: url("${n}/gantari/Gantari-Regular.woff2") format("woff2");
+  src: url("${baseUrl}/gantari/Gantari-Regular.woff2") format("woff2");
   font-weight: 400;
 }
 
 @font-face {
   font-family: "Gantari";
   font-display: swap;
-  src: url("${n}/gantari/Gantari-Italic.woff2") format("woff2");
+  src: url("${baseUrl}/gantari/Gantari-Italic.woff2") format("woff2");
   font-weight: 400;
   font-style: italic;
 }
@@ -62,14 +66,14 @@ import{cdnFontsPath as e,cdnUrl as t}from"../consts.js";const n=t+e;var r=`
 @font-face {
   font-family: "Gantari";
   font-display: swap;
-  src: url("${n}/gantari/Gantari-Medium.woff2") format("woff2");
+  src: url("${baseUrl}/gantari/Gantari-Medium.woff2") format("woff2");
   font-weight: 500;
 }
 
 @font-face {
   font-family: "Gantari";
   font-display: swap;
-  src: url("${n}/gantari/Gantari-MediumItalic.woff2") format("woff2");
+  src: url("${baseUrl}/gantari/Gantari-MediumItalic.woff2") format("woff2");
   font-weight: 500;
   font-style: italic;
 }
@@ -77,14 +81,14 @@ import{cdnFontsPath as e,cdnUrl as t}from"../consts.js";const n=t+e;var r=`
 @font-face {
   font-family: "Gantari";
   font-display: swap;
-  src: url("${n}/gantari/Gantari-SemiBold.woff2") format("woff2");
+  src: url("${baseUrl}/gantari/Gantari-SemiBold.woff2") format("woff2");
   font-weight: 600;
 }
 
 @font-face {
   font-family: "Gantari";
   font-display: swap;
-  src: url("${n}/gantari/Gantari-SemiBoldItalic.woff2") format("woff2");
+  src: url("${baseUrl}/gantari/Gantari-SemiBoldItalic.woff2") format("woff2");
   font-weight: 600;
   font-style: italic;
 }
@@ -92,14 +96,14 @@ import{cdnFontsPath as e,cdnUrl as t}from"../consts.js";const n=t+e;var r=`
 @font-face {
   font-family: "Gantari";
   font-display: swap;
-  src: url("${n}/gantari/Gantari-Bold.woff2") format("woff2");
+  src: url("${baseUrl}/gantari/Gantari-Bold.woff2") format("woff2");
   font-weight: 700;
 }
 
 @font-face {
   font-family: "Gantari";
   font-display: swap;
-  src: url("${n}/gantari/Gantari-BoldItalic.woff2") format("woff2");
+  src: url("${baseUrl}/gantari/Gantari-BoldItalic.woff2") format("woff2");
   font-weight: 700;
   font-style: italic;
 }
@@ -107,14 +111,14 @@ import{cdnFontsPath as e,cdnUrl as t}from"../consts.js";const n=t+e;var r=`
 @font-face {
   font-family: "Gantari";
   font-display: swap;
-  src: url("${n}/gantari/Gantari-ExtraBold.woff2") format("woff2");
+  src: url("${baseUrl}/gantari/Gantari-ExtraBold.woff2") format("woff2");
   font-weight: 800;
 }
 
 @font-face {
   font-family: "Gantari";
   font-display: swap;
-  src: url("${n}/gantari/Gantari-ExtraBoldItalic.woff2") format("woff2");
+  src: url("${baseUrl}/gantari/Gantari-ExtraBoldItalic.woff2") format("woff2");
   font-weight: 800;
   font-style: italic;
 }
@@ -122,37 +126,41 @@ import{cdnFontsPath as e,cdnUrl as t}from"../consts.js";const n=t+e;var r=`
 @font-face {
   font-family: "Gantari";
   font-display: swap;
-  src: url("${n}/gantari/Gantari-Black.woff2") format("woff2");
+  src: url("${baseUrl}/gantari/Gantari-Black.woff2") format("woff2");
   font-weight: 900;
 }
 
 @font-face {
   font-family: "Gantari";
   font-display: swap;
-  src: url("${n}/gantari/Gantari-BlackItalic.woff2") format("woff2");
+  src: url("${baseUrl}/gantari/Gantari-BlackItalic.woff2") format("woff2");
   font-weight: 900;
   font-style: italic;
 }
 
 @font-face {
   font-family: "DNV Display";
-  src: url("${n}/dnvdisplay/dnv-display-light.woff2");
+  src: url("${baseUrl}/dnvdisplay/dnv-display-light.woff2");
   font-weight: 200;
   font-style: normal;
 }
 
 @font-face {
   font-family: "DNV Display";
-  src: url("${n}/dnvdisplay/dnv-display-regular.woff2");
+  src: url("${baseUrl}/dnvdisplay/dnv-display-regular.woff2");
   font-weight: 400;
   font-style: normal;
 }
 
 @font-face {
   font-family: "DNV Display";
-  src: url("${n}/dnvdisplay/dnv-display-medium.woff2");
+  src: url("${baseUrl}/dnvdisplay/dnv-display-medium.woff2");
   font-weight: 500;
   font-style: normal;
 }
-`;export{r as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+`;
+
+//#endregion
+export { fontFaces_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=fontFaces.js.map

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

@@ -1 +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  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"${baseUrl}/gantari/Gantari-Thin.woff2\") format(\"woff2\");\n  font-weight: 100;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"${baseUrl}/gantari/Gantari-ThinItalic.woff2\") format(\"woff2\");\n  font-weight: 100;\n  font-style: italic;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"${baseUrl}/gantari/Gantari-ExtraLight.woff2\") format(\"woff2\");\n  font-weight: 200;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"${baseUrl}/gantari/Gantari-ExtraLightItalic.woff2\") format(\"woff2\");\n  font-weight: 200;\n  font-style: italic;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"${baseUrl}/gantari/Gantari-Light.woff2\") format(\"woff2\");\n  font-weight: 300;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"${baseUrl}/gantari/Gantari-LightItalic.woff2\") format(\"woff2\");\n  font-weight: 300;\n  font-style: italic;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"${baseUrl}/gantari/Gantari-Regular.woff2\") format(\"woff2\");\n  font-weight: 400;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"${baseUrl}/gantari/Gantari-Italic.woff2\") format(\"woff2\");\n  font-weight: 400;\n  font-style: italic;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"${baseUrl}/gantari/Gantari-Medium.woff2\") format(\"woff2\");\n  font-weight: 500;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"${baseUrl}/gantari/Gantari-MediumItalic.woff2\") format(\"woff2\");\n  font-weight: 500;\n  font-style: italic;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"${baseUrl}/gantari/Gantari-SemiBold.woff2\") format(\"woff2\");\n  font-weight: 600;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"${baseUrl}/gantari/Gantari-SemiBoldItalic.woff2\") format(\"woff2\");\n  font-weight: 600;\n  font-style: italic;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"${baseUrl}/gantari/Gantari-Bold.woff2\") format(\"woff2\");\n  font-weight: 700;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"${baseUrl}/gantari/Gantari-BoldItalic.woff2\") format(\"woff2\");\n  font-weight: 700;\n  font-style: italic;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"${baseUrl}/gantari/Gantari-ExtraBold.woff2\") format(\"woff2\");\n  font-weight: 800;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"${baseUrl}/gantari/Gantari-ExtraBoldItalic.woff2\") format(\"woff2\");\n  font-weight: 800;\n  font-style: italic;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"${baseUrl}/gantari/Gantari-Black.woff2\") format(\"woff2\");\n  font-weight: 900;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"${baseUrl}/gantari/Gantari-BlackItalic.woff2\") format(\"woff2\");\n  font-weight: 900;\n  font-style: italic;\n}\n\n@font-face {\n  font-family: \"DNV Display\";\n  src: url(\"${baseUrl}/dnvdisplay/dnv-display-light.woff2\");\n  font-weight: 200;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"DNV Display\";\n  src: url(\"${baseUrl}/dnvdisplay/dnv-display-regular.woff2\");\n  font-weight: 400;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"DNV Display\";\n  src: url(\"${baseUrl}/dnvdisplay/dnv-display-medium.woff2\");\n  font-weight: 500;\n  font-style: normal;\n}\n`\n"],"mappings":"wDAEA,MAAM,EAAU,EAAS,EAEzB,IAAA,EAAe;;;;cAID,EAAQ;;;;;;;cAOR,EAAQ;;;;;;;;cAQR,EAAQ;;;;;;;cAOR,EAAQ;;;;;;;;cAQR,EAAQ;;;;;;;cAOR,EAAQ;;;;;;;;cAQR,EAAQ;;;;;;;cAOR,EAAQ;;;;;;;;cAQR,EAAQ;;;;;;;cAOR,EAAQ;;;;;;;;cAQR,EAAQ;;;;;;;cAOR,EAAQ;;;;;;;;cAQR,EAAQ;;;;;;;cAOR,EAAQ;;;;;;;;cAQR,EAAQ;;;;;;;cAOR,EAAQ;;;;;;;;cAQR,EAAQ;;;;;;;cAOR,EAAQ;;;;;;;cAOR,EAAQ;;;;;;;cAOR,EAAQ;;;;;;;cAOR,EAAQ"}
+{"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  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"${baseUrl}/gantari/Gantari-Thin.woff2\") format(\"woff2\");\n  font-weight: 100;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"${baseUrl}/gantari/Gantari-ThinItalic.woff2\") format(\"woff2\");\n  font-weight: 100;\n  font-style: italic;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"${baseUrl}/gantari/Gantari-ExtraLight.woff2\") format(\"woff2\");\n  font-weight: 200;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"${baseUrl}/gantari/Gantari-ExtraLightItalic.woff2\") format(\"woff2\");\n  font-weight: 200;\n  font-style: italic;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"${baseUrl}/gantari/Gantari-Light.woff2\") format(\"woff2\");\n  font-weight: 300;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"${baseUrl}/gantari/Gantari-LightItalic.woff2\") format(\"woff2\");\n  font-weight: 300;\n  font-style: italic;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"${baseUrl}/gantari/Gantari-Regular.woff2\") format(\"woff2\");\n  font-weight: 400;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"${baseUrl}/gantari/Gantari-Italic.woff2\") format(\"woff2\");\n  font-weight: 400;\n  font-style: italic;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"${baseUrl}/gantari/Gantari-Medium.woff2\") format(\"woff2\");\n  font-weight: 500;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"${baseUrl}/gantari/Gantari-MediumItalic.woff2\") format(\"woff2\");\n  font-weight: 500;\n  font-style: italic;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"${baseUrl}/gantari/Gantari-SemiBold.woff2\") format(\"woff2\");\n  font-weight: 600;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"${baseUrl}/gantari/Gantari-SemiBoldItalic.woff2\") format(\"woff2\");\n  font-weight: 600;\n  font-style: italic;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"${baseUrl}/gantari/Gantari-Bold.woff2\") format(\"woff2\");\n  font-weight: 700;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"${baseUrl}/gantari/Gantari-BoldItalic.woff2\") format(\"woff2\");\n  font-weight: 700;\n  font-style: italic;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"${baseUrl}/gantari/Gantari-ExtraBold.woff2\") format(\"woff2\");\n  font-weight: 800;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"${baseUrl}/gantari/Gantari-ExtraBoldItalic.woff2\") format(\"woff2\");\n  font-weight: 800;\n  font-style: italic;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"${baseUrl}/gantari/Gantari-Black.woff2\") format(\"woff2\");\n  font-weight: 900;\n}\n\n@font-face {\n  font-family: \"Gantari\";\n  font-display: swap;\n  src: url(\"${baseUrl}/gantari/Gantari-BlackItalic.woff2\") format(\"woff2\");\n  font-weight: 900;\n  font-style: italic;\n}\n\n@font-face {\n  font-family: \"DNV Display\";\n  src: url(\"${baseUrl}/dnvdisplay/dnv-display-light.woff2\");\n  font-weight: 200;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"DNV Display\";\n  src: url(\"${baseUrl}/dnvdisplay/dnv-display-regular.woff2\");\n  font-weight: 400;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"DNV Display\";\n  src: url(\"${baseUrl}/dnvdisplay/dnv-display-medium.woff2\");\n  font-weight: 500;\n  font-style: normal;\n}\n`\n"],"mappings":";;;AAEA,MAAM,UAAU,SAAS;AAEzB,wBAAe;;;;cAID,QAAQ;;;;;;;cAOR,QAAQ;;;;;;;;cAQR,QAAQ;;;;;;;cAOR,QAAQ;;;;;;;;cAQR,QAAQ;;;;;;;cAOR,QAAQ;;;;;;;;cAQR,QAAQ;;;;;;;cAOR,QAAQ;;;;;;;;cAQR,QAAQ;;;;;;;cAOR,QAAQ;;;;;;;;cAQR,QAAQ;;;;;;;cAOR,QAAQ;;;;;;;;cAQR,QAAQ;;;;;;;cAOR,QAAQ;;;;;;;;cAQR,QAAQ;;;;;;;cAOR,QAAQ;;;;;;;;cAQR,QAAQ;;;;;;;cAOR,QAAQ;;;;;;;cAOR,QAAQ;;;;;;;cAOR,QAAQ;;;;;;;cAOR,QAAQ"}

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"
 //# 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/index.d.ts

@@ -0,0 +1,9 @@
+import { bounce, fadeDown, fadeIn, fadeLeft, fadeOut, fadeRight, fadeUp, pulse, spin } from "./animations.js";
+import { VuiContextProvider, useVuiContext } from "./context.js";
+import { useOfflineMode } from "./useOfflineMode.js";
+import { useBodyScrollLock } from "./useBodyScrollLock.js";
+import { noScrollClass } from "./consts.js";
+import { _default } from "./fontFaces.js";
+import { _default as _default$1 } from "./globalStyle.js";
+import { _default as _default$2 } from "./resetCSS.js";
+import { VuiProvider } from "./vuiProvider.js";

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

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

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"
 //# 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"
 //# 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":";;;;;KAiBK,gBAAA,CAAA,CAAA;;EAAA,WAAA,CAAA,CAAA,CAAA,OAAgB;EAYf,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,MAAA,CAAA,GAAA,CAAA,KAAA,CAAA,CAAA,OAAA,CAAA,IAAA,CAAA,CAAA;EAAgB,QAAA,CAAA,CAAA,CAAA,OAAA;EAAmB,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,KAAA,CAAA,MAAA,CAAA,KAAA,CAAA,CAAA,WAAA,CAAA,CAAA,OAAA,CAAA,CAAA;EAAtB,KAAA,CAAA,CAAA,CANT,QAMS;EAAE,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,UAAA,CAAA,OAAA,CAAA,MAAA,CAAA,KAAA,CAAA,aAAA,CAAA,CAAA,OAAA,CAAA,KAAA,CAAA,CAAA;;;;cAAf,aAAa,GAAG,mBAAmB"}

package/dist/core/vuiProvider/vuiProvider.js

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