@veracity/vui 3.1.2 → 4.0.0-alpha.366771.2601090922

package/dist/core/vuiProvider/notifyOffline.js

@@ -1,5 +1,6 @@
 import { useOfflineMode } from "./useOfflineMode.js";
 import { useToast } from "../../toast/useToast.js";
+import "../../toast/index.js";
 import { memo, useEffect, useState } from "react";
 
 //#region src/core/vuiProvider/notifyOffline.ts
@@ -20,5 +21,5 @@ var notifyOffline_default = memo(NotifyOffline);
 
 //#endregion
 export { notifyOffline_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# 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":";;;;;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"}
+{"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

@@ -10,5 +10,5 @@ const genericReducer = (state, action) => state = action;
 
 //#endregion
 export { genericReducer, toastsReducer };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# 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,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"}
+{"version":3,"file":"reducers.js","names":[],"sources":["../../../src/core/vuiProvider/reducers.ts"],"sourcesContent":["import type { ToastListItem } from '../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.d.ts

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

package/dist/core/vuiProvider/resetCSS.js

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

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

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

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

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

package/dist/core/vuiProvider/useBodyScrollLock.js

@@ -1,4 +1,5 @@
 import { addBodyClass, removeBodyClass } from "../../utils/dom.js";
+import "../../utils/index.js";
 import { noScrollClass } from "./consts.js";
 import { useEffect, useState } from "react";
 
@@ -20,5 +21,5 @@ const useBodyScrollLock = () => {
 
 //#endregion
 export { useBodyScrollLock };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# 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":";;;;;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"}
+{"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.d.ts

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

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

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

package/dist/core/vuiProvider/useOfflineMode.js

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

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

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

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

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

package/dist/core/vuiProvider/vuiProvider.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"vuiProvider.js","names":["VuiProvider: FC<VuiProviderProps & ChildrenProp>","defaultTheme","ResetCSS","GlobalStyle","PopoverStyle","NotifyOffline","Toaster"],"sources":["../../../src/core/vuiProvider/vuiProvider.tsx"],"sourcesContent":["import type { FC } from 'react'\nimport { useReducer } from 'react'\nimport { ThemeProvider } from 'styled-components'\n\nimport PopoverStyle from '../../popover/globalStyle'\nimport { Portal } from '../../portal'\nimport type { VuiTheme } from '../../theme'\nimport defaultTheme from '../../theme'\nimport { Toaster } from '../../toast'\nimport type { ToastListItem } from '../../toast/toast.types'\nimport type { ChildrenProp } from '../types'\nimport { VuiContextProvider } from './context'\nimport GlobalStyle from './globalStyle'\nimport NotifyOffline from './notifyOffline'\nimport { genericReducer, toastsReducer } from './reducers'\nimport ResetCSS from './resetCSS'\n\ntype VuiProviderProps = {\n  /** Adds basic styles to body @default true */\n  globalStyle?: boolean\n  /** Applies custom CSS reset @default true */\n  resetCSS?: boolean\n  /** Modified theme config using 'extendTheme' utility */\n  theme?: VuiTheme\n  /** Enables displaying offline/online toast notifications @default false */\n  notifyOffline?: boolean\n}\n\n/** Provides theme to all wrapped components and by default includes CSS reset and global styles. */\nconst VuiProvider: FC<VuiProviderProps & ChildrenProp> = ({\n  children,\n  globalStyle = true,\n  resetCSS = true,\n  theme = defaultTheme as VuiTheme,\n  notifyOffline = false,\n}) => {\n  const [toasts, toastsDispatch] = useReducer(toastsReducer, { list: [] })\n  const [portalSlot, setPortalSlot] = useReducer(genericReducer, null)\n\n  const addToast = (toast: ToastListItem) => toastsDispatch({ type: 'add', toast })\n  const removeToast = (id: string) => toastsDispatch({ type: 'remove', toast: { id } })\n\n  const context = { toasts, addToast, removeToast, setPortalSlot }\n\n  return (\n    <VuiContextProvider value={context}>\n      <ThemeProvider theme={theme}>\n        <>\n          {resetCSS && <ResetCSS />}\n          <GlobalStyle globalStyle={globalStyle} />\n          <PopoverStyle />\n          {children}\n          {notifyOffline && <NotifyOffline />}\n          <Portal>\n            {portalSlot}\n            <Toaster />\n          </Portal>\n        </>\n      </ThemeProvider>\n    </VuiContextProvider>\n  )\n}\n\nexport default VuiProvider\n"],"mappings":";;;;;;;;;;;;;;;AA6BA,MAAMA,eAAoD,EACxD,UACA,cAAc,MACd,WAAW,MACX,QAAQC,sBACR,gBAAgB,YACZ;CACJ,MAAM,CAAC,QAAQ,kBAAkB,WAAW,eAAe,EAAE,MAAM,EAAE,EAAE,CAAC;CACxE,MAAM,CAAC,YAAY,iBAAiB,WAAW,gBAAgB,KAAK;CAEpE,MAAM,YAAY,UAAyB,eAAe;EAAE,MAAM;EAAO;EAAO,CAAC;CACjF,MAAM,eAAe,OAAe,eAAe;EAAE,MAAM;EAAU,OAAO,EAAE,IAAI;EAAE,CAAC;AAIrF,QACE,oBAAC;EAAmB,OAHN;GAAE;GAAQ;GAAU;GAAa;GAAe;YAI5D,oBAAC;GAAqB;aACpB;IACG,YAAY,oBAACC,qBAAW;IACzB,oBAACC,yBAAyB,cAAe;IACzC,oBAACC,wBAAe;IACf;IACA,iBAAiB,oBAACC,0BAAgB;IACnC,qBAAC,qBACE,YACD,oBAACC,kBAAU,IACJ;OACR;IACW;GACG;;AAIzB,0BAAe"}
+{"version":3,"file":"vuiProvider.js","names":["VuiProvider: FC<VuiProviderProps & ChildrenProp>","defaultTheme","ResetCSS","GlobalStyle","NotifyOffline","Toaster"],"sources":["../../../src/core/vuiProvider/vuiProvider.tsx"],"sourcesContent":["import type { FC } from 'react'\nimport { useReducer } from 'react'\nimport { ThemeProvider } from 'styled-components'\n\nimport { Portal } from '../../portal'\nimport type { VuiTheme } from '../../theme'\nimport defaultTheme from '../../theme'\nimport { Toaster } from '../../toast'\nimport type { ToastListItem } from '../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,12 +1,15 @@
 import { parseIsoDate, validateDateFormat } from "../utils/dates.js";
 import { formatDate } from "../utils/formatDate.js";
+import "../utils/index.js";
 import { T } from "../t/t.js";
+import "../t/index.js";
 import { Input } from "../input/input.js";
+import "../input/index.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 DateInput = ({ initialDate, onChange, onValidate, setValidateStatus, ...rest }) => {
 	const formattedInitialDate = initialDate ? formatDate(initialDate, "YYYY-MM-DD", { timeZone: "UTC" }) : "";
 	const [dateInput, setDateInput] = useState(formattedInitialDate);
 	const [dateInputValidated, setDateInputValidated] = useState(true);
@@ -68,5 +71,5 @@ const DateInput = ({ initialDate, onChange, onValidate, setValidateStatus,...res
 
 //#endregion
 export { DateInput };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=dateInput.js.map

package/dist/datePicker/dateInput.js.map

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

package/dist/datePicker/datePicker.d.ts

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

package/dist/datePicker/datePicker.js

@@ -1,12 +1,18 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { omitThemingProps, useStyleConfig } from "../core/theme.js";
 import { vui } from "../core/vui.js";
 import box_default from "../box/box.js";
+import "../box/index.js";
 import button_default from "../button/button.js";
 import { LineButton } from "../button/buttons.js";
+import "../button/index.js";
+import "../core/index.js";
 import { maxDateTimestamp, minDateTimestamp } from "../calendar/consts.js";
 import calendar_default from "../calendar/calendar.js";
+import "../calendar/index.js";
 import Popover from "../popover/popover.js";
+import "../popover/index.js";
 import { DateInput } from "./dateInput.js";
 import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -14,7 +20,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/datePicker/datePicker.tsx
 /** Select or input a date. */
 const DatePicker = vui((props, ref) => {
-	const { autoOpened, boundaries, popupPosition, placement, selectedDate: selectedDateProps, showClearButton, slotBottom, slotTop, onSelected, children, className,...rest } = omitThemingProps(props);
+	const { autoOpened, boundaries, popupPosition, placement, selectedDate: selectedDateProps, showClearButton, slotBottom, slotTop, onSelected, children, className, ...rest } = omitThemingProps(props);
 	const styles = useStyleConfig("DatePicker", props);
 	const [selectedDate, setSelectedDate] = useState(selectedDateProps);
 	const [isOpen, setIsOpen] = useState(!selectedDate && autoOpened);
@@ -163,5 +169,5 @@ DatePicker.displayName = "DatePicker";
 
 //#endregion
 export { DatePicker };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=datePicker.js.map

package/dist/datePicker/datePicker.js.map

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

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

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

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

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

package/dist/datePicker/index.d.ts

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

package/dist/datePicker/index.js

@@ -0,0 +1,3 @@
+import { DatePicker } from "./datePicker.js";
+
+globalThis.__vuiVersion__ = "4.0.0-beta.1"

package/dist/datePicker/theme.js

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

package/dist/definition/definition.d.ts

@@ -13,4 +13,5 @@ declare const DefinitionHorizontalBase: styled_components0.StyledComponent<"dl",
 declare const Definition: VuiComponent<"dl", DefinitionProps>;
 //#endregion
 export { Definition, DefinitionHorizontalBase, DefinitionVerticalBase };
+
 //# sourceMappingURL=definition.d.ts.map

package/dist/definition/definition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","names":[],"sources":["../../src/definition/definition.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;cAQa,wBAAsB,kBAAA,CAAA,sBAqBlC,kBAAA,CArBkC,YAAA,CAAA,CAAA,WAAA,CAAA;cAuBtB,0BAAwB,kBAAA,CAAA,sBA+BpC,kBAAA,CA/BoC,YAAA,CAAA,CAAA,WAAA,CAAA;cAiCxB,YAAU,mBAAA"}
+{"version":3,"file":"definition.d.ts","names":[],"sources":["../../src/definition/definition.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;cAQa,wBAAsB,kBAAA,CAAA,sBAqBlC,kBAAA,CArBkC,YAAA,EAAA,WAAA;cAuBtB,0BAAwB,kBAAA,CAAA,sBA+BpC,kBAAA,CA/BoC,YAAA,EAAA,WAAA;cAiCxB,YAAU,mBAAA"}

package/dist/definition/definition.js

@@ -1,7 +1,9 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { omitThemingProps, useStyleConfig } from "../core/theme.js";
 import { styled } from "../core/styled.js";
 import { vui } from "../core/vui.js";
+import "../core/index.js";
 import { DefinitionContent } from "./definitionContent.js";
 import { jsx } from "react/jsx-runtime";
 
@@ -64,7 +66,7 @@ const DefinitionHorizontalBase = styled.dlBox`
   }
 `;
 const Definition = vui((props, ref) => {
-	const { orientation = "horizontal", className,...rest } = omitThemingProps(props);
+	const { orientation = "horizontal", className, ...rest } = omitThemingProps(props);
 	const styles = useStyleConfig("Definition", props);
 	return orientation === "horizontal" ? /* @__PURE__ */ jsx(DefinitionHorizontalBase, {
 		className: cs("vui-definition vui-definition-horizontal", className),
@@ -90,5 +92,5 @@ Definition.displayName = "Definition";
 
 //#endregion
 export { Definition, DefinitionHorizontalBase, DefinitionVerticalBase };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=definition.js.map

package/dist/definition/definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"definition.js","names":[],"sources":["../../src/definition/definition.tsx"],"sourcesContent":["import { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport type { DefinitionProps } from './definition.types'\nimport { DefinitionContent } from './definitionContent'\n\n/**\n * Properties are definition lists\n * */\nexport const DefinitionVerticalBase = styled.dlBox`\n  display: grid;\n  gap: 1em;\n  grid-template-columns: repeat(auto-fit, minmax(10em, 20em));\n\n  .vui-definitionItemWrapper {\n    display: flex;\n    flex-direction: column;\n  }\n\n  dt {\n    display: inline-flex;\n  }\n\n  dd {\n    white-space: pre-wrap;\n  }\n\n  dd > * {\n    margin-left: 0 !important;\n  }\n`\n\nexport const DefinitionHorizontalBase = styled.dlBox`\n  padding: 10px;\n  display: grid;\n  gap: 0;\n\n  .vui-definitionItemWrapper {\n    display: flex;\n    flex-direction: column;\n    @media (min-width: 1024px) {\n      flex-direction: row;\n    }\n  }\n\n  dt,\n  dd {\n    display: inline-flex;\n    padding-left: 5px;\n  }\n\n  dt {\n    width: 20%;\n    min-width: 130px;\n  }\n\n  dd {\n    white-space: pre-wrap;\n  }\n\n  dd > * {\n    margin-left: 0 !important;\n  }\n`\n\nexport const Definition = vui<'dl', DefinitionProps>((props, ref) => {\n  const { orientation = 'horizontal', className, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('Definition', props)\n  return orientation === 'horizontal' ? (\n    <DefinitionHorizontalBase\n      className={cs('vui-definition vui-definition-horizontal', className)}\n      ref={ref}\n      {...styles.container}\n      {...rest}\n    >\n      <DefinitionContent orientation=\"horizontal\" {...rest} />\n    </DefinitionHorizontalBase>\n  ) : (\n    <DefinitionVerticalBase\n      className={cs('vui-definition vui-definition-vertical', className)}\n      ref={ref}\n      {...styles.container}\n      {...rest}\n    >\n      <DefinitionContent orientation=\"vertical\" {...rest} />\n    </DefinitionVerticalBase>\n  )\n})\n\nDefinition.displayName = 'Definition'\nexport default Definition\n"],"mappings":";;;;;;;;;;;AAQA,MAAa,yBAAyB,OAAO,KAAK;;;;;;;;;;;;;;;;;;;;;;AAuBlD,MAAa,2BAA2B,OAAO,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCpD,MAAa,aAAa,KAA4B,OAAO,QAAQ;CACnE,MAAM,EAAE,cAAc,cAAc,UAAW,GAAG,SAAS,iBAAiB,MAAM;CAClF,MAAM,SAAS,eAAe,cAAc,MAAM;AAClD,QAAO,gBAAgB,eACrB,oBAAC;EACC,WAAW,GAAG,4CAA4C,UAAU;EAC/D;EACL,GAAI,OAAO;EACX,GAAI;YAEJ,oBAAC;GAAkB,aAAY;GAAa,GAAI;IAAQ;GAC/B,GAE3B,oBAAC;EACC,WAAW,GAAG,0CAA0C,UAAU;EAC7D;EACL,GAAI,OAAO;EACX,GAAI;YAEJ,oBAAC;GAAkB,aAAY;GAAW,GAAI;IAAQ;GAC/B;EAE3B;AAEF,WAAW,cAAc"}
+{"version":3,"file":"definition.js","names":[],"sources":["../../src/definition/definition.tsx"],"sourcesContent":["import { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport type { DefinitionProps } from './definition.types'\nimport { DefinitionContent } from './definitionContent'\n\n/**\n * Properties are definition lists\n * */\nexport const DefinitionVerticalBase = styled.dlBox`\n  display: grid;\n  gap: 1em;\n  grid-template-columns: repeat(auto-fit, minmax(10em, 20em));\n\n  .vui-definitionItemWrapper {\n    display: flex;\n    flex-direction: column;\n  }\n\n  dt {\n    display: inline-flex;\n  }\n\n  dd {\n    white-space: pre-wrap;\n  }\n\n  dd > * {\n    margin-left: 0 !important;\n  }\n`\n\nexport const DefinitionHorizontalBase = styled.dlBox`\n  padding: 10px;\n  display: grid;\n  gap: 0;\n\n  .vui-definitionItemWrapper {\n    display: flex;\n    flex-direction: column;\n    @media (min-width: 1024px) {\n      flex-direction: row;\n    }\n  }\n\n  dt,\n  dd {\n    display: inline-flex;\n    padding-left: 5px;\n  }\n\n  dt {\n    width: 20%;\n    min-width: 130px;\n  }\n\n  dd {\n    white-space: pre-wrap;\n  }\n\n  dd > * {\n    margin-left: 0 !important;\n  }\n`\n\nexport const Definition = vui<'dl', DefinitionProps>((props, ref) => {\n  const { orientation = 'horizontal', className, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('Definition', props)\n  return orientation === 'horizontal' ? (\n    <DefinitionHorizontalBase\n      className={cs('vui-definition vui-definition-horizontal', className)}\n      ref={ref}\n      {...styles.container}\n      {...rest}\n    >\n      <DefinitionContent orientation=\"horizontal\" {...rest} />\n    </DefinitionHorizontalBase>\n  ) : (\n    <DefinitionVerticalBase\n      className={cs('vui-definition vui-definition-vertical', className)}\n      ref={ref}\n      {...styles.container}\n      {...rest}\n    >\n      <DefinitionContent orientation=\"vertical\" {...rest} />\n    </DefinitionVerticalBase>\n  )\n})\n\nDefinition.displayName = 'Definition'\nexport default Definition\n"],"mappings":";;;;;;;;;;;;;AAQA,MAAa,yBAAyB,OAAO,KAAK;;;;;;;;;;;;;;;;;;;;;;AAuBlD,MAAa,2BAA2B,OAAO,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCpD,MAAa,aAAa,KAA4B,OAAO,QAAQ;CACnE,MAAM,EAAE,cAAc,cAAc,WAAW,GAAG,SAAS,iBAAiB,MAAM;CAClF,MAAM,SAAS,eAAe,cAAc,MAAM;AAClD,QAAO,gBAAgB,eACrB,oBAAC;EACC,WAAW,GAAG,4CAA4C,UAAU;EAC/D;EACL,GAAI,OAAO;EACX,GAAI;YAEJ,oBAAC;GAAkB,aAAY;GAAa,GAAI;IAAQ;GAC/B,GAE3B,oBAAC;EACC,WAAW,GAAG,0CAA0C,UAAU;EAC7D;EACL,GAAI,OAAO;EACX,GAAI;YAEJ,oBAAC;GAAkB,aAAY;GAAW,GAAI;IAAQ;GAC/B;EAE3B;AAEF,WAAW,cAAc"}

package/dist/definition/definition.types.d.ts

@@ -3,7 +3,7 @@ import { SystemProps } from "../system/system.js";
 import "../system/index.js";
 import { IconProp } from "../icon/icon.types.js";
 import "../icon/index.js";
-import { ReactNode } from "react";
+import { JSX, ReactNode } from "react";
 
 //#region src/definition/definition.types.d.ts
 type DefinitionItem = SystemProps & {
@@ -27,4 +27,5 @@ type DefinitionProps = SystemProps & ThemingProps<'Definition'> & {
 };
 //#endregion
 export { DefinitionProps };
+
 //# sourceMappingURL=definition.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"definition.types.d.ts","names":[],"sources":["../../src/definition/definition.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;KAMY,cAAA,CAAA,CAAA,CAAiB;;;sCAGS;EAH1B,YAAA,CAAA,CAAA,CAAA,OAAc;AAO1B,CAAA;AAA8B,IAAA,CAAlB,eAAA,CAAA,CAAA,CAAkB,WAAA,CAAA,CAAA,CAC5B,YAD4B,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,CAAA,CAAA;EAC5B,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,UAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,IAAA,CAAA,IAAA,CAAA,CAAA,CAAA;EAEa,QAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAW,GAAA,CAAI,OAAf;EAAW,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,UAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA,CAAA;EAEV,SAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAW,GAAA,CAAI,OAAf;EAAW,WAAI,CAAA,CAAA,CAAA,OAAA;EAGnB,WAAA,CAAA,CAAA,CAAA,OAAA;EAAc,KAAA,CAAA,CAAA,CAAd,cAAc,CAAA,CAAA"}
+{"version":3,"file":"definition.types.d.ts","names":[],"sources":["../../src/definition/definition.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;KAMY,cAAA,GAAiB;;;sCAGS;EAH1B,YAAA,CAAA,EAAA,OAAc;AAO1B,CAAA;AAA8B,KAAlB,eAAA,GAAkB,WAAA,GAC5B,YAD4B,CAAA,YAAA,CAAA,GAAA;EAC5B;EAEa,QAAA,CAAA,EAAA,QAAA,GAAW,GAAA,CAAI,OAAf;EAAW;EAEV,SAAA,CAAA,EAAA,QAAA,GAAW,GAAA,CAAI,OAAf;EAAW,WAAI,CAAA,EAAA,OAAA;EAGnB,WAAA,CAAA,EAAA,OAAA;EAAc,KAAA,CAAA,EAAd,cAAc,EAAA"}

package/dist/definition/definitionContent.js

@@ -1,11 +1,16 @@
 import { isArray } from "../utils/assertion.js";
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { useStyleConfig } from "../core/theme.js";
 import { styled } from "../core/styled.js";
 import { vui } from "../core/vui.js";
 import box_default from "../box/box.js";
+import "../box/index.js";
 import icon_default from "../icon/icon.js";
+import "../icon/index.js";
+import "../core/index.js";
 import p_default from "../p/p.js";
+import "../p/index.js";
 import { createElement } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 
@@ -15,7 +20,7 @@ const DefinitionItemValue = styled.ddBox``;
 const DefinitionContent = vui((props, ref) => {
 	const { iconLeft, iconRight, isLabelBold, isValueBold, items, orientation } = props;
 	const styles = useStyleConfig("Definition", props);
-	return /* @__PURE__ */ jsx(Fragment$1, { children: isArray(items) ? items.map(({ key, value,...props$1 }, index) => /* @__PURE__ */ jsxs(box_default, {
+	return /* @__PURE__ */ jsx(Fragment$1, { children: isArray(items) ? items.map(({ key, value, ...props$1 }, index) => /* @__PURE__ */ jsxs(box_default, {
 		className: "vui-definitionItemWrapper",
 		ref,
 		children: [/* @__PURE__ */ jsxs(DefinitionItemKey, {
@@ -77,5 +82,5 @@ DefinitionContent.displayName = "DefinitionContent";
 
 //#endregion
 export { DefinitionContent };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=definitionContent.js.map

package/dist/definition/definitionContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"definitionContent.js","names":["props","Box","Icon","P","value","index"],"sources":["../../src/definition/definitionContent.tsx"],"sourcesContent":["import Box from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport P from '../p'\nimport { cs, isArray } from '../utils'\nimport type { DefinitionItem, DefinitionProps } from './definition.types'\n\nexport const DefinitionItemKey = styled.dtBox``\nexport const DefinitionItemValue = styled.ddBox``\n\nexport const DefinitionContent = vui<'dl', DefinitionProps>((props, ref) => {\n  const { iconLeft, iconRight, isLabelBold, isValueBold, items, orientation } = props as DefinitionProps\n\n  const styles = useStyleConfig('Definition', props)\n\n  return (\n    <>\n      {isArray<DefinitionItem>(items)\n        ? items.map(({ key, value, ...props }, index) => (\n            <Box className=\"vui-definitionItemWrapper\" key={index} ref={ref}>\n              <DefinitionItemKey fontWeight={isLabelBold ? 'demi' : 'default'} {...styles.dt}>\n                {props.keyHasIcon && iconLeft && (\n                  <Icon className={cs('vui-definitionIcon')} name={iconLeft} {...styles.icon} />\n                )}\n                {key}\n                {props.keyHasIcon && iconRight && (\n                  <Icon className={cs('vui-definitionIcon')} name={iconRight} {...styles.icon} />\n                )}\n              </DefinitionItemKey>\n              {isArray(value) ? (\n                <DefinitionItemValue\n                  display=\"block\"\n                  fontWeight={isValueBold ? 'demi' : 'default'}\n                  {...styles.dd}\n                  key={index}\n                >\n                  {orientation === 'horizontal'\n                    ? value.join(', ')\n                    : value.map((value, index) => (\n                        <P display=\"flex\" key={index + value}>\n                          {props.valueHasIcon && iconLeft && (\n                            <Icon className={cs('vui-definitionIcon')} name={iconLeft} {...styles.icon} />\n                          )}\n                          {value}\n                          {props.valueHasIcon && iconRight && (\n                            <Icon className={cs('vui-definitionIcon')} name={iconRight} {...styles.icon} />\n                          )}\n                        </P>\n                      ))}\n                  {}\n                </DefinitionItemValue>\n              ) : (\n                <DefinitionItemValue fontWeight={isValueBold ? 'demi' : 'default'} {...styles.dd}>\n                  {props.valueHasIcon && iconLeft && (\n                    <Icon className={cs('vui-definitionIcon')} name={iconLeft} {...styles.icon} />\n                  )}\n                  {value}\n                  {props.valueHasIcon && iconRight && (\n                    <Icon className={cs('vui-definitionIcon')} name={iconRight} {...styles.icon} />\n                  )}\n                </DefinitionItemValue>\n              )}\n            </Box>\n          ))\n        : items}\n    </>\n  )\n})\n\nDefinitionContent.displayName = 'DefinitionContent'\n\nexport default DefinitionContent\n"],"mappings":";;;;;;;;;;;;AAOA,MAAa,oBAAoB,OAAO,KAAK;AAC7C,MAAa,sBAAsB,OAAO,KAAK;AAE/C,MAAa,oBAAoB,KAA4B,OAAO,QAAQ;CAC1E,MAAM,EAAE,UAAU,WAAW,aAAa,aAAa,OAAO,gBAAgB;CAE9E,MAAM,SAAS,eAAe,cAAc,MAAM;AAElD,QACE,4CACG,QAAwB,MAAM,GAC3B,MAAM,KAAK,EAAE,KAAK,MAAO,GAAGA,WAAS,UACnC,qBAACC;EAAI,WAAU;EAA6C;aAC1D,qBAAC;GAAkB,YAAY,cAAc,SAAS;GAAW,GAAI,OAAO;;IACzED,QAAM,cAAc,YACnB,oBAACE;KAAK,WAAW,GAAG,qBAAqB;KAAE,MAAM;KAAU,GAAI,OAAO;MAAQ;IAE/E;IACAF,QAAM,cAAc,aACnB,oBAACE;KAAK,WAAW,GAAG,qBAAqB;KAAE,MAAM;KAAW,GAAI,OAAO;MAAQ;;IAE/D,EACnB,QAAQ,MAAM,GACb,8BAAC;GACC,SAAQ;GACR,YAAY,cAAc,SAAS;GACnC,GAAI,OAAO;GACX,KAAK;KAEJ,gBAAgB,eACb,MAAM,KAAK,KAAK,GAChB,MAAM,KAAK,SAAO,YAChB,qBAACC;GAAE,SAAQ;;IACRH,QAAM,gBAAgB,YACrB,oBAACE;KAAK,WAAW,GAAG,qBAAqB;KAAE,MAAM;KAAU,GAAI,OAAO;MAAQ;IAE/EE;IACAJ,QAAM,gBAAgB,aACrB,oBAACE;KAAK,WAAW,GAAG,qBAAqB;KAAE,MAAM;KAAW,GAAI,OAAO;MAAQ;;KAN5DG,UAAQD,QAQ3B,CACJ,CAEc,GAEtB,qBAAC;GAAoB,YAAY,cAAc,SAAS;GAAW,GAAI,OAAO;;IAC3EJ,QAAM,gBAAgB,YACrB,oBAACE;KAAK,WAAW,GAAG,qBAAqB;KAAE,MAAM;KAAU,GAAI,OAAO;MAAQ;IAE/E;IACAF,QAAM,gBAAgB,aACrB,oBAACE;KAAK,WAAW,GAAG,qBAAqB;KAAE,MAAM;KAAW,GAAI,OAAO;MAAQ;;IAE7D;IAzCsB,MA2C1C,CACN,GACF,QACH;EAEL;AAEF,kBAAkB,cAAc"}
+{"version":3,"file":"definitionContent.js","names":["props","Box","Icon","P","value","index"],"sources":["../../src/definition/definitionContent.tsx"],"sourcesContent":["import Box from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport P from '../p'\nimport { cs, isArray } from '../utils'\nimport type { DefinitionItem, DefinitionProps } from './definition.types'\n\nexport const DefinitionItemKey = styled.dtBox``\nexport const DefinitionItemValue = styled.ddBox``\n\nexport const DefinitionContent = vui<'dl', DefinitionProps>((props, ref) => {\n  const { iconLeft, iconRight, isLabelBold, isValueBold, items, orientation } = props as DefinitionProps\n\n  const styles = useStyleConfig('Definition', props)\n\n  return (\n    <>\n      {isArray<DefinitionItem>(items)\n        ? items.map(({ key, value, ...props }, index) => (\n            <Box className=\"vui-definitionItemWrapper\" key={index} ref={ref}>\n              <DefinitionItemKey fontWeight={isLabelBold ? 'demi' : 'default'} {...styles.dt}>\n                {props.keyHasIcon && iconLeft && (\n                  <Icon className={cs('vui-definitionIcon')} name={iconLeft} {...styles.icon} />\n                )}\n                {key}\n                {props.keyHasIcon && iconRight && (\n                  <Icon className={cs('vui-definitionIcon')} name={iconRight} {...styles.icon} />\n                )}\n              </DefinitionItemKey>\n              {isArray(value) ? (\n                <DefinitionItemValue\n                  display=\"block\"\n                  fontWeight={isValueBold ? 'demi' : 'default'}\n                  {...styles.dd}\n                  key={index}\n                >\n                  {orientation === 'horizontal'\n                    ? value.join(', ')\n                    : value.map((value, index) => (\n                        <P display=\"flex\" key={index + value}>\n                          {props.valueHasIcon && iconLeft && (\n                            <Icon className={cs('vui-definitionIcon')} name={iconLeft} {...styles.icon} />\n                          )}\n                          {value}\n                          {props.valueHasIcon && iconRight && (\n                            <Icon className={cs('vui-definitionIcon')} name={iconRight} {...styles.icon} />\n                          )}\n                        </P>\n                      ))}\n                  {}\n                </DefinitionItemValue>\n              ) : (\n                <DefinitionItemValue fontWeight={isValueBold ? 'demi' : 'default'} {...styles.dd}>\n                  {props.valueHasIcon && iconLeft && (\n                    <Icon className={cs('vui-definitionIcon')} name={iconLeft} {...styles.icon} />\n                  )}\n                  {value}\n                  {props.valueHasIcon && iconRight && (\n                    <Icon className={cs('vui-definitionIcon')} name={iconRight} {...styles.icon} />\n                  )}\n                </DefinitionItemValue>\n              )}\n            </Box>\n          ))\n        : items}\n    </>\n  )\n})\n\nDefinitionContent.displayName = 'DefinitionContent'\n\nexport default DefinitionContent\n"],"mappings":";;;;;;;;;;;;;;;;;AAOA,MAAa,oBAAoB,OAAO,KAAK;AAC7C,MAAa,sBAAsB,OAAO,KAAK;AAE/C,MAAa,oBAAoB,KAA4B,OAAO,QAAQ;CAC1E,MAAM,EAAE,UAAU,WAAW,aAAa,aAAa,OAAO,gBAAgB;CAE9E,MAAM,SAAS,eAAe,cAAc,MAAM;AAElD,QACE,4CACG,QAAwB,MAAM,GAC3B,MAAM,KAAK,EAAE,KAAK,OAAO,GAAGA,WAAS,UACnC,qBAACC;EAAI,WAAU;EAA6C;aAC1D,qBAAC;GAAkB,YAAY,cAAc,SAAS;GAAW,GAAI,OAAO;;IACzED,QAAM,cAAc,YACnB,oBAACE;KAAK,WAAW,GAAG,qBAAqB;KAAE,MAAM;KAAU,GAAI,OAAO;MAAQ;IAE/E;IACAF,QAAM,cAAc,aACnB,oBAACE;KAAK,WAAW,GAAG,qBAAqB;KAAE,MAAM;KAAW,GAAI,OAAO;MAAQ;;IAE/D,EACnB,QAAQ,MAAM,GACb,8BAAC;GACC,SAAQ;GACR,YAAY,cAAc,SAAS;GACnC,GAAI,OAAO;GACX,KAAK;KAEJ,gBAAgB,eACb,MAAM,KAAK,KAAK,GAChB,MAAM,KAAK,SAAO,YAChB,qBAACC;GAAE,SAAQ;;IACRH,QAAM,gBAAgB,YACrB,oBAACE;KAAK,WAAW,GAAG,qBAAqB;KAAE,MAAM;KAAU,GAAI,OAAO;MAAQ;IAE/EE;IACAJ,QAAM,gBAAgB,aACrB,oBAACE;KAAK,WAAW,GAAG,qBAAqB;KAAE,MAAM;KAAW,GAAI,OAAO;MAAQ;;KAN5DG,UAAQD,QAQ3B,CACJ,CAEc,GAEtB,qBAAC;GAAoB,YAAY,cAAc,SAAS;GAAW,GAAI,OAAO;;IAC3EJ,QAAM,gBAAgB,YACrB,oBAACE;KAAK,WAAW,GAAG,qBAAqB;KAAE,MAAM;KAAU,GAAI,OAAO;MAAQ;IAE/E;IACAF,QAAM,gBAAgB,aACrB,oBAACE;KAAK,WAAW,GAAG,qBAAqB;KAAE,MAAM;KAAW,GAAI,OAAO;MAAQ;;IAE7D;IAzCsB,MA2C1C,CACN,GACF,QACH;EAEL;AAEF,kBAAkB,cAAc"}

package/dist/definition/index.d.ts

@@ -1 +1 @@
-import { Definition, DefinitionHorizontalBase, DefinitionVerticalBase } from "./definition.js";
+import { Definition, DefinitionHorizontalBase, DefinitionVerticalBase } from "./definition.js";

package/dist/definition/index.js

@@ -0,0 +1,3 @@
+import { Definition, DefinitionHorizontalBase, DefinitionVerticalBase } from "./definition.js";
+
+globalThis.__vuiVersion__ = "4.0.0-beta.1"

package/dist/definition/theme.js

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

package/dist/dialog/consts.d.ts

@@ -17,4 +17,5 @@ declare const containerId = "vui-dynamic-container";
 declare const modalClass = "vui-modal";
 //#endregion
 export { containerId, dialogStatusMapping, modalAnimation, modalClass, modalJustifyContent };
+
 //# sourceMappingURL=consts.d.ts.map

package/dist/dialog/consts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"consts.d.ts","names":[],"sources":["../../src/dialog/consts.ts"],"sourcesContent":[],"mappings":";;;;cAGa,qBAAqB;AAArB,OAAA,CAAA,KAAA,CA2BA,cAFZ,CAAA,CAAA;EAEY,IAAA,CAAA,CAAA,MAAA;EAMA,MAAA,CAAA,CAAA,MAAA;EAMA,KAAA,CAAA,CAAA,MAAA;AAEb,CAAA;cARa;;;;;cAMA,WAAA,CAAA,CAAA;cAEA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"consts.d.ts","names":[],"sources":["../../src/dialog/consts.ts"],"sourcesContent":[],"mappings":";;;;cAGa,qBAAqB;AAArB,cA2BA,cAFZ,EAAA;EAEY,IAAA,EAAA,MAAA;EAMA,MAAA,EAAA,MAAA;EAMA,KAAA,EAAA,MAAA;AAEb,CAAA;cARa;;;;;cAMA,WAAA;cAEA,UAAA"}

package/dist/dialog/consts.js

@@ -33,5 +33,5 @@ const modalClass = "vui-modal";
 
 //#endregion
 export { containerId, dialogStatusMapping, modalAnimation, modalClass, modalJustifyContent };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=consts.js.map

package/dist/dialog/context.d.ts

@@ -1,8 +1,9 @@
 import { DialogContext } from "./dialog.types.js";
-import * as react936 from "react";
+import * as react355 from "react";
 
 //#region src/dialog/context.d.ts
-declare const DialogProvider: react936.Provider<DialogContext>, useDialogContext: () => DialogContext;
+declare const DialogProvider: react355.Provider<DialogContext>, useDialogContext: () => DialogContext;
 //#endregion
 export { DialogProvider, useDialogContext };
+
 //# sourceMappingURL=context.d.ts.map

package/dist/dialog/context.js

@@ -1,9 +1,10 @@
 import { createContext } from "../utils/react.js";
+import "../utils/index.js";
 
 //#region src/dialog/context.ts
 const [DialogProvider, useDialogContext] = createContext({ isOptional: true });
 
 //#endregion
 export { DialogProvider, useDialogContext };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=context.js.map

package/dist/dialog/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../src/dialog/context.ts"],"sourcesContent":["import { createContext } from '../utils'\nimport type { DialogContext } from './dialog.types'\n\nconst [DialogProvider, useDialogContext] = createContext<DialogContext>({ isOptional: true })\n\nexport { DialogProvider, useDialogContext }\n"],"mappings":";;;AAGA,MAAM,CAAC,gBAAgB,oBAAoB,cAA6B,EAAE,YAAY,MAAM,CAAC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../src/dialog/context.ts"],"sourcesContent":["import { createContext } from '../utils'\nimport type { DialogContext } from './dialog.types'\n\nconst [DialogProvider, useDialogContext] = createContext<DialogContext>({ isOptional: true })\n\nexport { DialogProvider, useDialogContext }\n"],"mappings":";;;;AAGA,MAAM,CAAC,gBAAgB,oBAAoB,cAA6B,EAAE,YAAY,MAAM,CAAC"}

package/dist/dialog/dialog.d.ts

@@ -11,10 +11,10 @@ import { DialogIcon } from "./dialogIcon.js";
 import { DialogSubmitButton } from "./dialogSubmitButton.js";
 import { DialogTitle } from "./dialogTitle.js";
 import "../index.js";
-import * as styled_components369 from "styled-components";
+import * as styled_components371 from "styled-components";
 
 //#region src/dialog/dialog.d.ts
-declare const DialogBase: styled_components369.StyledComponent<"div", styled_components369.DefaultTheme, SystemProps, never>;
+declare const DialogBase: styled_components371.StyledComponent<"div", styled_components371.DefaultTheme, SystemProps, never>;
 /**
  * Displays content in a Modal window. Includes required accessibility configuration.
  *
@@ -34,4 +34,5 @@ declare const Dialog: VuiComponent<"div", DialogProps> & {
 };
 //#endregion
 export { Dialog, DialogBase };
+
 //# sourceMappingURL=dialog.d.ts.map