@veracity/vui 5.2.2 → 5.3.0-alpha.399291.2606221048

package/dist/core/vui.js

@@ -13,5 +13,5 @@ function vui(component, config) {
 
 //#endregion
 export { vui as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=vui.js.map

package/dist/core/vui.js.map

@@ -1 +1 @@
-{"version":3,"file":"vui.js","names":[],"sources":["../../src/core/vui.ts"],"sourcesContent":["/* eslint-disable @eslint-react/no-forward-ref */\nimport type { ElementType, PropsWithChildren, PropsWithoutRef, ReactElement } from 'react'\nimport { forwardRef, memo } from 'react'\n\nimport type { PropsOf, RefPropsOf } from '../utils'\n\n/**\n * Component creation utility, which combines forwardRef, memo and ensures correct typing with all props included.\n * Config object allows toggling memoization and providing custom 'areEqual' function.\n */\nexport function vui<C extends React.ElementType, Props = object>(\n  component: React.ForwardRefRenderFunction<any, PropsOf<C, Props>>,\n  config?: VuiComponentConfig<C, Props>,\n) {\n  const { memoCompare, isMemo = true } = config ?? {}\n\n  if (isMemo) {\n    return memo(forwardRef(component as unknown as any), memoCompare as unknown as any) as unknown as VuiComponent<\n      C,\n      Props\n    >\n  }\n\n  return forwardRef(component as unknown as any) as unknown as VuiComponent<C, Props>\n}\n\n/** VUI component type, which allows element props inference and extension, 'as' and 'ref'. */\nexport type VuiComponent<C extends ElementType, Props = object> = {\n  // 'as' component call signature\n  <AsC extends ElementType>(\n    props: PropsWithChildren<RefPropsOf<AsC, Props>> & {\n      as: AsC\n    },\n  ): ReactElement<any, any> | null\n  // Regular call signature should be last, so that 'styled' can infer props correctly\n  (props: RefPropsOf<C, Props>): ReactElement<any, any> | null\n\n  defaultProps?: Partial<PropsOf<C, Props>>\n  displayName?: string\n  sizes?: string[]\n}\n\n/** Config for VUI component creator helper, which allows toggling memoization and 'areEqual' function. */\nexport type VuiComponentConfig<C extends ElementType, Props = object> = {\n  isMemo?: boolean\n  memoCompare?: (\n    prevProps: Readonly<PropsWithChildren<PropsWithoutRef<PropsOf<C, Props>>>>,\n    nextProps: Readonly<PropsWithChildren<PropsWithoutRef<PropsOf<C, Props>>>>,\n  ) => boolean\n}\n\n/**\n * @deprecated Use FC or plain functions instead. If you need typing for HTML attributes of a given element,\n * use PropsOf type, like: type MyBoxProps = PropsOf<'div', MyProps>\n */\nexport type VC<C extends ElementType, Props = object> = {\n  (props: PropsOf<C, Props>): ReactElement<any, any> | null\n\n  defaultProps?: Partial<PropsOf<C, Props>>\n  displayName?: string\n}\n\nexport default vui\n"],"mappings":";;;;;;;AAUA,SAAgB,IACd,WACA,QACA;CACA,MAAM,EAAE,aAAa,SAAS,SAAS,UAAU,CAAC;CAElD,IAAI,QACF,OAAO,KAAK,WAAW,SAA2B,GAAG,WAA6B;CAMpF,OAAO,WAAW,SAA2B;AAC/C"}
+{"version":3,"file":"vui.js","names":[],"sources":["../../src/core/vui.ts"],"sourcesContent":["import type { ElementType, PropsWithChildren, PropsWithoutRef, ReactElement } from 'react'\n\nimport { forwardRef, memo } from 'react'\n\nimport type { PropsOf, RefPropsOf } from '../utils'\n\n/**\n * Component creation utility, which combines forwardRef, memo and ensures correct typing with all props included.\n * Config object allows toggling memoization and providing custom 'areEqual' function.\n */\nexport function vui<C extends React.ElementType, Props = object>(\n  component: React.ForwardRefRenderFunction<any, PropsOf<C, Props>>,\n  config?: VuiComponentConfig<C, Props>,\n) {\n  const { memoCompare, isMemo = true } = config ?? {}\n\n  if (isMemo) {\n    return memo(forwardRef(component as unknown as any), memoCompare as unknown as any) as unknown as VuiComponent<\n      C,\n      Props\n    >\n  }\n\n  return forwardRef(component as unknown as any) as unknown as VuiComponent<C, Props>\n}\n\n/** VUI component type, which allows element props inference and extension, 'as' and 'ref'. */\nexport type VuiComponent<C extends ElementType, Props = object> = {\n  // 'as' component call signature\n  <AsC extends ElementType>(\n    props: PropsWithChildren<RefPropsOf<AsC, Props>> & {\n      as: AsC\n    },\n  ): ReactElement<any, any> | null\n  // Regular call signature should be last, so that 'styled' can infer props correctly\n  (props: RefPropsOf<C, Props>): ReactElement<any, any> | null\n\n  defaultProps?: Partial<PropsOf<C, Props>>\n  displayName?: string\n  sizes?: string[]\n}\n\n/** Config for VUI component creator helper, which allows toggling memoization and 'areEqual' function. */\nexport type VuiComponentConfig<C extends ElementType, Props = object> = {\n  isMemo?: boolean\n  memoCompare?: (\n    prevProps: Readonly<PropsWithChildren<PropsWithoutRef<PropsOf<C, Props>>>>,\n    nextProps: Readonly<PropsWithChildren<PropsWithoutRef<PropsOf<C, Props>>>>,\n  ) => boolean\n}\n\n/**\n * @deprecated Use FC or plain functions instead. If you need typing for HTML attributes of a given element,\n * use PropsOf type, like: type MyBoxProps = PropsOf<'div', MyProps>\n */\nexport type VC<C extends ElementType, Props = object> = {\n  (props: PropsOf<C, Props>): ReactElement<any, any> | null\n\n  defaultProps?: Partial<PropsOf<C, Props>>\n  displayName?: string\n}\n\nexport default vui\n"],"mappings":";;;;;;;AAUA,SAAgB,IACd,WACA,QACA;CACA,MAAM,EAAE,aAAa,SAAS,SAAS,UAAU,CAAC;CAElD,IAAI,QACF,OAAO,KAAK,WAAW,SAA2B,GAAG,WAA6B;CAMpF,OAAO,WAAW,SAA2B;AAC/C"}

package/dist/core/vuiProvider/animations.js

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

package/dist/core/vuiProvider/consts.js

@@ -653,5 +653,5 @@ ${vuiGradientTokens}
 
 //#endregion
 export { noScrollClass, vuiActionAI, vuiActionBlue, vuiActionBrand, vuiActionContrast, vuiActionDanger, vuiActionEucalyptus, vuiActionGeneric, vuiActionGrey, vuiActionLavender, vuiActionSuccess, vuiActionTerracotta, vuiActionTokens, vuiActionYellow, vuiColorBase, vuiColorCyan, vuiColorDarkBlue, vuiColorDigiGreen, vuiColorEarth, vuiColorEnergyRed, vuiColorEucalyptus, vuiColorLandGreen, vuiColorLavender, vuiColorOpacityDark, vuiColorOpacityLight, vuiColorPine, vuiColorPrimitives, vuiColorSandstone, vuiColorSeaBlue, vuiColorSemantics, vuiColorSkyBlue, vuiColorSunflower, vuiColorTerracotta, vuiColorWarmGrey, vuiControlTokens, vuiDataTokens, vuiFeedbackTokens, vuiGradientTokens, vuiNavigationBackground, vuiNavigationBorder, vuiNavigationForeground, vuiNavigationTokens, vuiNextAllTokens, vuiSemanticBackground, vuiSemanticForeground, vuiUtilityBorder, vuiUtilityLoading, vuiUtilityMisc, vuiUtilityTokens };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=consts.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/core/vuiProvider/context.ts"],"mappings":";;;cAGO,kBAAA,kBAAkB,QAAA,CAAA,UAAA,GAAE,aAAA,QAAa,UAEtC"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/core/vuiProvider/context.ts"],"mappings":";;;cAIO,kBAAA,kBAAkB,QAAA,CAAA,UAAA,GAAE,aAAA,QAAa,UAEtC"}

package/dist/core/vuiProvider/context.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/core/vuiProvider/context.ts"],"sourcesContent":["import { createContext } from '../../utils'\nimport type { VuiContext } from '../types'\n\nconst [VuiContextProvider, useVuiContext] = createContext<VuiContext>({\n  isOptional: true,\n})\n\nexport { VuiContextProvider, useVuiContext }\n"],"mappings":";;;AAGA,MAAM,CAAC,oBAAoB,iBAAiB,cAA0B,EACpE,YAAY,KACd,CAAC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/core/vuiProvider/context.ts"],"sourcesContent":["import type { VuiContext } from '../types'\n\nimport { createContext } from '../../utils'\n\nconst [VuiContextProvider, useVuiContext] = createContext<VuiContext>({\n  isOptional: true,\n})\n\nexport { VuiContextProvider, useVuiContext }\n"],"mappings":";;;AAIA,MAAM,CAAC,oBAAoB,iBAAiB,cAA0B,EACpE,YAAY,KACd,CAAC"}

package/dist/core/vuiProvider/fontFaces.js

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

package/dist/core/vuiProvider/globalStyle.js

@@ -21,12 +21,12 @@ ${fontFaces_default}
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   ${generateCSSVariables}
-  --vui-colors-focusColor: #00a1db;
   ${vuiNextAllTokens}
+  --vui-colors-focusColor: var(--vui-utility-focus);
 }
 
 * {
-  --x-ring-color: var(--vui-colors-focusColor);
+  --x-ring-color: var(--vui-colors-focus);
   // Fixes a box-shadow issue between some parent and child components
   --x-shadow: 0 0 0 0 transparent;
 }
@@ -46,8 +46,8 @@ li:focus-visible,
 .vui-sidemenu-item:focus-visible,
 .vui-switchTrack:focus-visible,
 .vui-force-focus {
-  --x-ring-color: var(--vui-colors-focusColor);
-  outline: var(--vui-colors-focusColor) solid 3px;
+  --x-ring-color: var(--vui-colors-focus);
+  outline: var(--vui-colors-focus) solid 3px;
   z-index: 1;
 }
 
@@ -131,5 +131,5 @@ function generateCSSVariables() {
 
 //#endregion
 export { globalStyle_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=globalStyle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"globalStyle.js","names":["fontFaces","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, vuiNextAllTokens } 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  --vui-colors-focusColor: #00a1db;\n  ${vuiNextAllTokens}\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.vui-force-focus {\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, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;\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      // eslint-disable-next-line no-useless-assignment\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;;IAErB,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA6Bd,cAAc;;;;;GAKnB,MACA,EAAE,eACF,GAAG;;;;;;;;;;;;;;IAcD;;;EAGF,OAAO;;;;EAIP,SAAS,EAAE,EAAE;;;;EAIb,OAAO;;;;EAIP,SAAS,EAAE,EAAE;;;;EAIb,SAAS,GAAG,EAAE;;;;EAId,QAAQ;;;;;EAKR,UAAU,EAAE,EAAE;;;;EAId,UAAU,GAAG,EAAE;;;;EAIf,OAAO,EAAE,EAAE;;;;EAIX,MAAM;;;;EAIN,KAAK;;;;AAKP,SAAS,uBAAuB;CAC9B,SAAS,aAAa,MAAc,OAAoB;EACtD,IAAI,CAAC,SAAS,KAAK,GAAG,OAAO,GAAG,KAAK,IAAI,OAAO,UAAU,WAAW,QAAQ,GAAG,MAAM,IAAI;EAE1F,OAAO,OAAO,QAAQ,KAAK,CAAC,CAAC,QAAQ,KAAK,CAAC,KAAK,WAAW;GAEzD,OAAQ,OAAO,aAAa,GAAG,KAAK,GAAG,OAAO,KAAK;EACrD,GAAG,EAAE;CACP;CAEA,MAAM,EAAE,YAAY,cAAc,GAAG,WAAWC;CAEhD,OAAO,aAAa,SAAS,MAAM;AACrC"}
+{"version":3,"file":"globalStyle.js","names":["fontFaces","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, vuiNextAllTokens } 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  ${vuiNextAllTokens}\n  --vui-colors-focusColor: var(--vui-utility-focus);\n}\n\n* {\n  --x-ring-color: var(--vui-colors-focus);\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.vui-force-focus {\n  --x-ring-color: var(--vui-colors-focus);\n  outline: var(--vui-colors-focus) 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, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;\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;IACrB,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA8Bd,cAAc;;;;;GAKnB,MACA,EAAE,eACF,GAAG;;;;;;;;;;;;;;IAcD;;;EAGF,OAAO;;;;EAIP,SAAS,EAAE,EAAE;;;;EAIb,OAAO;;;;EAIP,SAAS,EAAE,EAAE;;;;EAIb,SAAS,GAAG,EAAE;;;;EAId,QAAQ;;;;;EAKR,UAAU,EAAE,EAAE;;;;EAId,UAAU,GAAG,EAAE;;;;EAIf,OAAO,EAAE,EAAE;;;;EAIX,MAAM;;;;EAIN,KAAK;;;;AAKP,SAAS,uBAAuB;CAC9B,SAAS,aAAa,MAAc,OAAoB;EACtD,IAAI,CAAC,SAAS,KAAK,GAAG,OAAO,GAAG,KAAK,IAAI,OAAO,UAAU,WAAW,QAAQ,GAAG,MAAM,IAAI;EAE1F,OAAO,OAAO,QAAQ,KAAK,CAAC,CAAC,QAAQ,KAAK,CAAC,KAAK,WAAW;GACzD,OAAQ,OAAO,aAAa,GAAG,KAAK,GAAG,OAAO,KAAK;EACrD,GAAG,EAAE;CACP;CAEA,MAAM,EAAE,YAAY,cAAc,GAAG,WAAWC;CAEhD,OAAO,aAAa,SAAS,MAAM;AACrC"}

package/dist/core/vuiProvider/notifyOffline.js

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

package/dist/core/vuiProvider/reducers.js

@@ -1,7 +1,9 @@
 //#region src/core/vuiProvider/reducers.ts
 const toastsReducer = (state, action) => {
 	switch (action.type) {
-		case "add": return { list: [action.toast, ...state.list] };
+		case "add":
+			if (state.list.some((t) => t.id === action.toast.id)) return { list: state.list.map((t) => t.id === action.toast.id ? action.toast : t) };
+			return { list: [action.toast, ...state.list].slice(0, 3) };
 		case "remove": return { list: state.list.filter((t) => t.id !== action.toast.id) };
 		default: throw new Error(`Unhandled action type: ${action.type}`);
 	}
@@ -10,5 +12,5 @@ const genericReducer = (state, action) => state = action;
 
 //#endregion
 export { genericReducer, toastsReducer };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.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 '../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;CACH,QAAQ,OAAO,MAAf;EACE,KAAK,OACH,OAAO,EAAE,MAAM,CAAC,OAAO,OAAO,GAAG,MAAM,IAAI,EAAE;EAE/C,KAAK,UACH,OAAO,EAAE,MAAM,MAAM,KAAK,QAAO,MAAK,EAAE,OAAO,OAAO,MAAM,EAAE,EAAE;EAElE,SACE,MAAM,IAAI,MAAM,0BAA0B,OAAO,MAAM;CAE3D;AACF;AAEA,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      const exists = state.list.some(t => t.id === action.toast.id)\n      if (exists) {\n        return { list: state.list.map(t => (t.id === action.toast.id ? action.toast : t)) }\n      }\n      return { list: [action.toast, ...state.list].slice(0, 3) }\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;CACH,QAAQ,OAAO,MAAf;EACE,KAAK;GAEH,IADe,MAAM,KAAK,MAAK,MAAK,EAAE,OAAO,OAAO,MAAM,EACjD,GACP,OAAO,EAAE,MAAM,MAAM,KAAK,KAAI,MAAM,EAAE,OAAO,OAAO,MAAM,KAAK,OAAO,QAAQ,CAAE,EAAE;GAEpF,OAAO,EAAE,MAAM,CAAC,OAAO,OAAO,GAAG,MAAM,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;EAE3D,KAAK,UACH,OAAO,EAAE,MAAM,MAAM,KAAK,QAAO,MAAK,EAAE,OAAO,OAAO,MAAM,EAAE,EAAE;EAElE,SACE,MAAM,IAAI,MAAM,0BAA0B,OAAO,MAAM;CAE3D;AACF;AAEA,MAAa,kBAAkB,OAAY,WAAiB,QAAQ"}

package/dist/core/vuiProvider/resetCSS.js

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

package/dist/core/vuiProvider/useBodyScrollLock.js

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

package/dist/core/vuiProvider/useOfflineMode.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"vuiProvider.d.ts","names":[],"sources":["../../../src/core/vuiProvider/vuiProvider.tsx"],"mappings":";;;;;KAgBK,gBAAA;gDAEH,WAAA,YAFG;EAIH,QAAA;EAEA,KAAA,GAAQ,QAAQ,EAJhB;EAMA,aAAA;AAAA;;cAII,WAAA,EAAa,EAAA,CAAG,gBAAA,GAAmB,YAAA"}
+{"version":3,"file":"vuiProvider.d.ts","names":[],"sources":["../../../src/core/vuiProvider/vuiProvider.tsx"],"mappings":";;;;;KAkBK,gBAAA;gDAEH,WAAA,YAFG;EAIH,QAAA;EAEA,KAAA,GAAQ,QAAQ,EAJhB;EAMA,aAAA;AAAA;;cAII,WAAA,EAAa,EAAA,CAAG,gBAAA,GAAmB,YAAA"}

package/dist/core/vuiProvider/vuiProvider.js

@@ -3,7 +3,7 @@ import { VuiContextProvider } from "./context.js";
 import globalStyle_default from "./globalStyle.js";
 import resetCSS_default from "./resetCSS.js";
 import Portal from "../../portal/portal.js";
-import toast_default from "../../toast/toast.js";
+import Toaster_default from "../../toast/Toaster.js";
 import notifyOffline_default from "./notifyOffline.js";
 import { genericReducer, toastsReducer } from "./reducers.js";
 import { useReducer } from "react";
@@ -37,7 +37,7 @@ const VuiProvider = ({ children, globalStyle = true, resetCSS = true, theme = de
 				/* @__PURE__ */ jsx(globalStyle_default, { globalStyle }),
 				children,
 				notifyOffline && /* @__PURE__ */ jsx(notifyOffline_default, {}),
-				/* @__PURE__ */ jsxs(Portal, { children: [portalSlot, /* @__PURE__ */ jsx(toast_default, {})] })
+				/* @__PURE__ */ jsxs(Portal, { children: [portalSlot, /* @__PURE__ */ jsx(Toaster_default, {})] })
 			] })
 		})
 	});
@@ -45,5 +45,5 @@ const VuiProvider = ({ children, globalStyle = true, resetCSS = true, theme = de
 
 //#endregion
 export { VuiProvider as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=vuiProvider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"vuiProvider.js","names":["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,MAAM,eAAoD,EACxD,UACA,cAAc,MACd,WAAW,MACX,QAAQ,cACR,gBAAgB,YACZ;CACJ,MAAM,CAAC,QAAQ,kBAAkB,WAAW,eAAe,EAAE,MAAM,CAAC,EAAE,CAAC;CACvE,MAAM,CAAC,YAAY,iBAAiB,WAAW,gBAAgB,IAAI;CAEnE,MAAM,YAAY,UAAyB,eAAe;EAAE,MAAM;EAAO;CAAM,CAAC;CAChF,MAAM,eAAe,OAAe,eAAe;EAAE,MAAM;EAAU,OAAO,EAAE,GAAG;CAAE,CAAC;CAIpF,OACE,oBAAC,oBAAD;EAAoB,OAAO;GAHX;GAAQ;GAAU;GAAa;EAGd;YAC/B,oBAAC,eAAD;GAAsB;aACpB;IACG,YAAY,oBAACA,kBAAD,CAAW;IACxB,oBAACC,qBAAD,EAA0B,YAAc;IACvC;IACA,iBAAiB,oBAACC,uBAAD,CAAgB;IAClC,qBAAC,QAAD,aACG,YACD,oBAACC,eAAD,CAAU,EACJ;GACR;EACW;CACG;AAExB"}
+{"version":3,"file":"vuiProvider.js","names":["ResetCSS","GlobalStyle","NotifyOffline","Toaster"],"sources":["../../../src/core/vuiProvider/vuiProvider.tsx"],"sourcesContent":["import type { FC } from 'react'\n\nimport { useReducer } from 'react'\nimport { ThemeProvider } from 'styled-components'\n\nimport type { VuiTheme } from '../../theme'\nimport type { ToastListItem } from '../types'\nimport type { ChildrenProp } from '../types'\n\nimport { Portal } from '../../portal'\nimport defaultTheme from '../../theme'\nimport { Toaster } from '../../toast'\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":";;;;;;;;;;;;;;AA8BA,MAAM,eAAoD,EACxD,UACA,cAAc,MACd,WAAW,MACX,QAAQ,cACR,gBAAgB,YACZ;CACJ,MAAM,CAAC,QAAQ,kBAAkB,WAAW,eAAe,EAAE,MAAM,CAAC,EAAE,CAAC;CACvE,MAAM,CAAC,YAAY,iBAAiB,WAAW,gBAAgB,IAAI;CAEnE,MAAM,YAAY,UAAyB,eAAe;EAAE,MAAM;EAAO;CAAM,CAAC;CAChF,MAAM,eAAe,OAAe,eAAe;EAAE,MAAM;EAAU,OAAO,EAAE,GAAG;CAAE,CAAC;CAIpF,OACE,oBAAC,oBAAD;EAAoB,OAAO;GAHX;GAAQ;GAAU;GAAa;EAGd;YAC/B,oBAAC,eAAD;GAAsB;aACpB;IACG,YAAY,oBAACA,kBAAD,CAAW;IACxB,oBAACC,qBAAD,EAA0B,YAAc;IACvC;IACA,iBAAiB,oBAACC,uBAAD,CAAgB;IAClC,qBAAC,QAAD,aACG,YACD,oBAACC,iBAAD,CAAU,EACJ;GACR;EACW;CACG;AAExB"}

package/dist/datePicker/dateInput.js

@@ -68,5 +68,5 @@ const DateInput = ({ initialDate, onChange, onValidate, setValidateStatus, ...re
 
 //#endregion
 export { DateInput };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# 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,mBAAmB,GAAG,WAAkB;CACrG,MAAM,uBAAuB,cAAc,WAAW,aAAa,cAAc,EAAE,UAAU,MAAM,CAAC,IAAI;CACxG,MAAM,CAAC,WAAW,gBAAgB,SAAiB,oBAAoB;CACvE,MAAM,CAAC,oBAAoB,yBAAyB,SAAkB,IAAI;CAC1E,MAAM,CAAC,cAAc,mBAAmB,SAAiB,EAAE;CAE3D,MAAM,eAAe,eAAuB;EAC1C,IAAI,CAAC,mBAAmB,UAAU,GAAG,OAAO;EAC5C,IAAI,CAAC,aAAa,UAAU,GAAG,OAAO;EACtC,OAAO;CACT;CAEA,MAAM,qBAAqB;EACzB,sBAAsB,CAAC,SAAS;EAChC,MAAM,aAAa,aAAa,SAAS;EACzC,IAAI,YAAY;GACd,aAAa,WAAW,YAAY,cAAc,EAAE,UAAU,MAAM,CAAC,CAAC;GACtE,MAAM,kBAAkB,WAAW,UAAU;GAC7C,CAAC,mBAAmB,SAAS,UAAU;GACvC,sBAAsB,CAAC,eAAe;GACtC,gBAAgB,eAAe;EACjC;CACF;CAEA,gBAAgB;EACd,aAAa,oBAAoB;EACjC,MAAM,aAAa,WAAW,WAAW;EACzC,sBAAsB,CAAC,UAAU;EACjC,kBAAkB,CAAC,UAAU;EAC7B,gBAAgB,UAAU;CAC5B,GAAG,CAAC,WAAW,CAAC;CAEhB,gBAAgB;EACd,IAAI,WAAW;GAEb,kBAD0B,YAAY,SACJ,CAAC;GACnC,IAAI,CAAC,mBAAmB,SAAS,GAAG,gBAAgB,gCAAgC;QAC/E,IAAI,CAAC,aAAa,SAAS,GAAG,gBAAgB,cAAc;QAC5D;IACH,MAAM,aAAa,aAAa,SAAS;IACzC,MAAM,kBAAkB,WAAW,UAAU;IAC7C,CAAC,mBAAmB,SAAS,UAAU;IACvC,sBAAsB,CAAC,eAAe;IACtC,gBAAgB,eAAe;GACjC;EACF;CACF,GAAG,CAAC,SAAS,CAAC;CAEd,OACE,oBAAC,OAAD;EACE,aAAa,qBAAqB,mBAAmB;EACrD,WAAU;EACV,eAAY;EACZ,WAAW,CAAC,sBAAsB,oBAAC,GAAD;GAAG,MAAK;aAAM;EAAgB;EAChE,QAAQ;EACR,WAAU,MAAK,aAAa,EAAE,OAAO,KAAK;EAC1C,aAAY;EACZ,MAAK;EACL,OAAO,CAAC,sBAAsB,CAAC,eAAe,UAAU;EACxD,OAAO;EACP,GAAI;CACL;AAEL"}
+{"version":3,"file":"dateInput.js","names":[],"sources":["../../src/datePicker/dateInput.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport type { InputProps } from '../input'\n\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":";;;;;;;;AAeA,MAAa,aAAa,EAAE,aAAa,UAAU,YAAY,mBAAmB,GAAG,WAAkB;CACrG,MAAM,uBAAuB,cAAc,WAAW,aAAa,cAAc,EAAE,UAAU,MAAM,CAAC,IAAI;CACxG,MAAM,CAAC,WAAW,gBAAgB,SAAiB,oBAAoB;CACvE,MAAM,CAAC,oBAAoB,yBAAyB,SAAkB,IAAI;CAC1E,MAAM,CAAC,cAAc,mBAAmB,SAAiB,EAAE;CAE3D,MAAM,eAAe,eAAuB;EAC1C,IAAI,CAAC,mBAAmB,UAAU,GAAG,OAAO;EAC5C,IAAI,CAAC,aAAa,UAAU,GAAG,OAAO;EACtC,OAAO;CACT;CAEA,MAAM,qBAAqB;EACzB,sBAAsB,CAAC,SAAS;EAChC,MAAM,aAAa,aAAa,SAAS;EACzC,IAAI,YAAY;GACd,aAAa,WAAW,YAAY,cAAc,EAAE,UAAU,MAAM,CAAC,CAAC;GACtE,MAAM,kBAAkB,WAAW,UAAU;GAC7C,CAAC,mBAAmB,SAAS,UAAU;GACvC,sBAAsB,CAAC,eAAe;GACtC,gBAAgB,eAAe;EACjC;CACF;CAEA,gBAAgB;EACd,aAAa,oBAAoB;EACjC,MAAM,aAAa,WAAW,WAAW;EACzC,sBAAsB,CAAC,UAAU;EACjC,kBAAkB,CAAC,UAAU;EAC7B,gBAAgB,UAAU;CAC5B,GAAG,CAAC,WAAW,CAAC;CAEhB,gBAAgB;EACd,IAAI,WAAW;GAEb,kBAD0B,YAAY,SACJ,CAAC;GACnC,IAAI,CAAC,mBAAmB,SAAS,GAAG,gBAAgB,gCAAgC;QAC/E,IAAI,CAAC,aAAa,SAAS,GAAG,gBAAgB,cAAc;QAC5D;IACH,MAAM,aAAa,aAAa,SAAS;IACzC,MAAM,kBAAkB,WAAW,UAAU;IAC7C,CAAC,mBAAmB,SAAS,UAAU;IACvC,sBAAsB,CAAC,eAAe;IACtC,gBAAgB,eAAe;GACjC;EACF;CACF,GAAG,CAAC,SAAS,CAAC;CAEd,OACE,oBAAC,OAAD;EACE,aAAa,qBAAqB,mBAAmB;EACrD,WAAU;EACV,eAAY;EACZ,WAAW,CAAC,sBAAsB,oBAAC,GAAD;GAAG,MAAK;aAAM;EAAgB;EAChE,QAAQ;EACR,WAAU,MAAK,aAAa,EAAE,OAAO,KAAK;EAC1C,aAAY;EACZ,MAAK;EACL,OAAO,CAAC,sBAAsB,CAAC,eAAe,UAAU;EACxD,OAAO;EACP,GAAI;CACL;AAEL"}

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

@@ -1 +1 @@
-{"version":3,"file":"datePicker.d.ts","names":[],"sources":["../../src/datePicker/datePicker.tsx"],"mappings":";;;;cAaa,UAAA,EAAU,YAAA,SAAA,eAAA"}
+{"version":3,"file":"datePicker.d.ts","names":[],"sources":["../../src/datePicker/datePicker.tsx"],"mappings":";;;;cAca,UAAA,EAAU,YAAA,SAAA,eAAA"}

package/dist/datePicker/datePicker.js

@@ -165,5 +165,5 @@ DatePicker.displayName = "DatePicker";
 
 //#endregion
 export { DatePicker as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=datePicker.js.map

package/dist/datePicker/datePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"datePicker.js","names":[],"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":[],"sources":["../../src/datePicker/datePicker.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nimport type { DateRange } from '../calendar'\nimport type { DatePickerProps } from './datePicker.types'\n\nimport Box from '../box'\nimport Button, { LineButton } from '../button'\nimport Calendar, { maxDateTimestamp, minDateTimestamp } from '../calendar'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport Popover from '../popover'\nimport { cs } from '../utils'\nimport { DateInput } from './dateInput'\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/theme.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","names":[],"sources":["../../src/definition/definition.tsx"],"mappings":";;;;;;;cAQa,sBAAA,8BAAsB,eAAA,mCAAA,YAAA,EAqBlC,WArBkC;AAAA,cAuBtB,wBAAA,8BAAwB,eAAA,mCAAA,YAAA,EA+BpC,WA/BoC;AAAA,cAiCxB,UAAA,EAAU,YAAA,OAAA,eAAA"}
+{"version":3,"file":"definition.d.ts","names":[],"sources":["../../src/definition/definition.tsx"],"mappings":";;;;;;;cASa,sBAAA,8BAAsB,eAAA,mCAAA,YAAA,EAqBlC,WArBkC;AAAA,cAuBtB,wBAAA,8BAAwB,eAAA,mCAAA,YAAA,EA+BpC,WA/BoC;AAAA,cAiCxB,UAAA,EAAU,YAAA,OAAA,eAAA"}

package/dist/definition/definition.js

@@ -90,5 +90,5 @@ Definition.displayName = "Definition";
 
 //#endregion
 export { DefinitionHorizontalBase, DefinitionVerticalBase, Definition as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# 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,WAAW,GAAG,SAAS,iBAAiB,KAAK;CACjF,MAAM,SAAS,eAAe,cAAc,KAAK;CACjD,OAAO,gBAAgB,eACrB,oBAAC,0BAAD;EACE,WAAW,GAAG,4CAA4C,SAAS;EAC9D;EACL,GAAI,OAAO;EACX,GAAI;YAEJ,oBAAC,mBAAD;GAAmB,aAAY;GAAa,GAAI;EAAO;CAC/B,KAE1B,oBAAC,wBAAD;EACE,WAAW,GAAG,0CAA0C,SAAS;EAC5D;EACL,GAAI,OAAO;EACX,GAAI;YAEJ,oBAAC,mBAAD;GAAmB,aAAY;GAAW,GAAI;EAAO;CAC/B;AAE5B,CAAC;AAED,WAAW,cAAc"}
+{"version":3,"file":"definition.js","names":[],"sources":["../../src/definition/definition.tsx"],"sourcesContent":["import type { DefinitionProps } from './definition.types'\n\nimport { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\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":";;;;;;;;;;;AASA,MAAa,yBAAyB,OAAO,KAAK;;;;;;;;;;;;;;;;;;;;;;AAuBlD,MAAa,2BAA2B,OAAO,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCpD,MAAa,aAAa,KAA4B,OAAO,QAAQ;CACnE,MAAM,EAAE,cAAc,cAAc,WAAW,GAAG,SAAS,iBAAiB,KAAK;CACjF,MAAM,SAAS,eAAe,cAAc,KAAK;CACjD,OAAO,gBAAgB,eACrB,oBAAC,0BAAD;EACE,WAAW,GAAG,4CAA4C,SAAS;EAC9D;EACL,GAAI,OAAO;EACX,GAAI;YAEJ,oBAAC,mBAAD;GAAmB,aAAY;GAAa,GAAI;EAAO;CAC/B,KAE1B,oBAAC,wBAAD;EACE,WAAW,GAAG,0CAA0C,SAAS;EAC5D;EACL,GAAI,OAAO;EACX,GAAI;YAEJ,oBAAC,mBAAD;GAAmB,aAAY;GAAW,GAAI;EAAO;CAC/B;AAE5B,CAAC;AAED,WAAW,cAAc"}

package/dist/definition/definitionContent.js

@@ -83,5 +83,5 @@ DefinitionContent.displayName = "DefinitionContent";
 
 //#endregion
 export { DefinitionContent as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=definitionContent.js.map

package/dist/definition/definitionContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"definitionContent.js","names":[],"sources":["../../src/definition/definitionContent.tsx"],"sourcesContent":["import { useEffect } from 'react'\n\nimport 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 { startIcon, endIcon, iconLeft, iconRight, isLabelBold, isValueBold, items, orientation } =\n    props as DefinitionProps\n\n  const resolvedStartIcon = startIcon ?? iconLeft\n  const resolvedEndIcon = endIcon ?? iconRight\n\n  const styles = useStyleConfig('Definition', props)\n\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production') {\n      if (iconLeft !== undefined) {\n        console.warn('[Definition] `iconLeft` is deprecated. Use `startIcon` instead.')\n      }\n      if (iconRight !== undefined) {\n        console.warn('[Definition] `iconRight` is deprecated. Use `endIcon` instead.')\n      }\n    }\n  }, [iconLeft, iconRight])\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 && resolvedStartIcon && (\n                  <Icon className={cs('vui-definitionIcon')} name={resolvedStartIcon} {...styles.icon} />\n                )}\n                {key}\n                {props.keyHasIcon && resolvedEndIcon && (\n                  <Icon className={cs('vui-definitionIcon')} name={resolvedEndIcon} {...styles.icon} />\n                )}\n              </DefinitionItemKey>\n              {isArray(value) ? (\n                <DefinitionItemValue\n                  key={index}\n                  display=\"block\"\n                  fontWeight={isValueBold ? 'demi' : 'default'}\n                  {...styles.dd}\n                >\n                  {orientation === 'horizontal'\n                    ? value.join(', ')\n                    : value.map((value, index) => (\n                        <P display=\"flex\" key={index + value}>\n                          {props.valueHasIcon && resolvedStartIcon && (\n                            <Icon className={cs('vui-definitionIcon')} name={resolvedStartIcon} {...styles.icon} />\n                          )}\n                          {value}\n                          {props.valueHasIcon && resolvedEndIcon && (\n                            <Icon className={cs('vui-definitionIcon')} name={resolvedEndIcon} {...styles.icon} />\n                          )}\n                        </P>\n                      ))}\n                  {}\n                </DefinitionItemValue>\n              ) : (\n                <DefinitionItemValue fontWeight={isValueBold ? 'demi' : 'default'} {...styles.dd}>\n                  {props.valueHasIcon && resolvedStartIcon && (\n                    <Icon className={cs('vui-definitionIcon')} name={resolvedStartIcon} {...styles.icon} />\n                  )}\n                  {value}\n                  {props.valueHasIcon && resolvedEndIcon && (\n                    <Icon className={cs('vui-definitionIcon')} name={resolvedEndIcon} {...styles.icon} />\n                  )}\n                </DefinitionItemValue>\n              )}\n            </Box>\n          ))\n        : items}\n    </>\n  )\n})\n\nDefinitionContent.displayName = 'DefinitionContent'\n\nexport default DefinitionContent\n"],"mappings":";;;;;;;;;;;;AASA,MAAa,oBAAoB,OAAO,KAAK;AAC7C,MAAa,sBAAsB,OAAO,KAAK;AAE/C,MAAa,oBAAoB,KAA4B,OAAO,QAAQ;CAC1E,MAAM,EAAE,WAAW,SAAS,UAAU,WAAW,aAAa,aAAa,OAAO,gBAChF;CAEF,MAAM,oBAAoB,aAAa;CACvC,MAAM,kBAAkB,WAAW;CAEnC,MAAM,SAAS,eAAe,cAAc,KAAK;CAEjD,gBAAgB;EAEZ,IAAI,aAAa,QACf,QAAQ,KAAK,iEAAiE;EAEhF,IAAI,cAAc,QAChB,QAAQ,KAAK,gEAAgE;CAGnF,GAAG,CAAC,UAAU,SAAS,CAAC;CAExB,OACE,4CACG,QAAwB,KAAK,IAC1B,MAAM,KAAK,EAAE,KAAK,OAAO,GAAG,SAAS,UACnC,qBAAC,KAAD;EAAK,WAAU;EAA6C;YAA5D,CACE,qBAAC,mBAAD;GAAmB,YAAY,cAAc,SAAS;GAAW,GAAI,OAAO;aAA5E;IACG,MAAM,cAAc,qBACnB,oBAAC,MAAD;KAAM,WAAW,GAAG,oBAAoB;KAAG,MAAM;KAAmB,GAAI,OAAO;IAAO;IAEvF;IACA,MAAM,cAAc,mBACnB,oBAAC,MAAD;KAAM,WAAW,GAAG,oBAAoB;KAAG,MAAM;KAAiB,GAAI,OAAO;IAAO;GAErE;MAClB,QAAQ,KAAK,IACZ,oBAAC,qBAAD;GAEE,SAAQ;GACR,YAAY,cAAc,SAAS;GACnC,GAAI,OAAO;aAEV,gBAAgB,eACb,MAAM,KAAK,IAAI,IACf,MAAM,KAAK,OAAO,UAChB,qBAAC,GAAD;IAAG,SAAQ;cAAX;KACG,MAAM,gBAAgB,qBACrB,oBAAC,MAAD;MAAM,WAAW,GAAG,oBAAoB;MAAG,MAAM;MAAmB,GAAI,OAAO;KAAO;KAEvF;KACA,MAAM,gBAAgB,mBACrB,oBAAC,MAAD;MAAM,WAAW,GAAG,oBAAoB;MAAG,MAAM;MAAiB,GAAI,OAAO;KAAO;IAErF;MARoB,QAAQ,KAQ5B,CACJ;EAEc,GAnBd,KAmBc,IAErB,qBAAC,qBAAD;GAAqB,YAAY,cAAc,SAAS;GAAW,GAAI,OAAO;aAA9E;IACG,MAAM,gBAAgB,qBACrB,oBAAC,MAAD;KAAM,WAAW,GAAG,oBAAoB;KAAG,MAAM;KAAmB,GAAI,OAAO;IAAO;IAEvF;IACA,MAAM,gBAAgB,mBACrB,oBAAC,MAAD;KAAM,WAAW,GAAG,oBAAoB;KAAG,MAAM;KAAiB,GAAI,OAAO;IAAO;GAEnE;IAEpB;IA3C2C,KA2C3C,CACN,IACD,MACJ;AAEN,CAAC;AAED,kBAAkB,cAAc"}
+{"version":3,"file":"definitionContent.js","names":[],"sources":["../../src/definition/definitionContent.tsx"],"sourcesContent":["import { useEffect } from 'react'\n\nimport type { DefinitionItem, DefinitionProps } from './definition.types'\n\nimport Box from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport P from '../p'\nimport { cs, isArray } from '../utils'\n\nexport const DefinitionItemKey = styled.dtBox``\nexport const DefinitionItemValue = styled.ddBox``\n\nexport const DefinitionContent = vui<'dl', DefinitionProps>((props, ref) => {\n  const { startIcon, endIcon, iconLeft, iconRight, isLabelBold, isValueBold, items, orientation } =\n    props as DefinitionProps\n\n  const resolvedStartIcon = startIcon ?? iconLeft\n  const resolvedEndIcon = endIcon ?? iconRight\n\n  const styles = useStyleConfig('Definition', props)\n\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production') {\n      if (iconLeft !== undefined) {\n        console.warn('[Definition] `iconLeft` is deprecated. Use `startIcon` instead.')\n      }\n      if (iconRight !== undefined) {\n        console.warn('[Definition] `iconRight` is deprecated. Use `endIcon` instead.')\n      }\n    }\n  }, [iconLeft, iconRight])\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 && resolvedStartIcon && (\n                  <Icon className={cs('vui-definitionIcon')} name={resolvedStartIcon} {...styles.icon} />\n                )}\n                {key}\n                {props.keyHasIcon && resolvedEndIcon && (\n                  <Icon className={cs('vui-definitionIcon')} name={resolvedEndIcon} {...styles.icon} />\n                )}\n              </DefinitionItemKey>\n              {isArray(value) ? (\n                <DefinitionItemValue\n                  key={index}\n                  display=\"block\"\n                  fontWeight={isValueBold ? 'demi' : 'default'}\n                  {...styles.dd}\n                >\n                  {orientation === 'horizontal'\n                    ? value.join(', ')\n                    : value.map((value, index) => (\n                        <P display=\"flex\" key={index + value}>\n                          {props.valueHasIcon && resolvedStartIcon && (\n                            <Icon className={cs('vui-definitionIcon')} name={resolvedStartIcon} {...styles.icon} />\n                          )}\n                          {value}\n                          {props.valueHasIcon && resolvedEndIcon && (\n                            <Icon className={cs('vui-definitionIcon')} name={resolvedEndIcon} {...styles.icon} />\n                          )}\n                        </P>\n                      ))}\n                  {}\n                </DefinitionItemValue>\n              ) : (\n                <DefinitionItemValue fontWeight={isValueBold ? 'demi' : 'default'} {...styles.dd}>\n                  {props.valueHasIcon && resolvedStartIcon && (\n                    <Icon className={cs('vui-definitionIcon')} name={resolvedStartIcon} {...styles.icon} />\n                  )}\n                  {value}\n                  {props.valueHasIcon && resolvedEndIcon && (\n                    <Icon className={cs('vui-definitionIcon')} name={resolvedEndIcon} {...styles.icon} />\n                  )}\n                </DefinitionItemValue>\n              )}\n            </Box>\n          ))\n        : items}\n    </>\n  )\n})\n\nDefinitionContent.displayName = 'DefinitionContent'\n\nexport default DefinitionContent\n"],"mappings":";;;;;;;;;;;;AAUA,MAAa,oBAAoB,OAAO,KAAK;AAC7C,MAAa,sBAAsB,OAAO,KAAK;AAE/C,MAAa,oBAAoB,KAA4B,OAAO,QAAQ;CAC1E,MAAM,EAAE,WAAW,SAAS,UAAU,WAAW,aAAa,aAAa,OAAO,gBAChF;CAEF,MAAM,oBAAoB,aAAa;CACvC,MAAM,kBAAkB,WAAW;CAEnC,MAAM,SAAS,eAAe,cAAc,KAAK;CAEjD,gBAAgB;EAEZ,IAAI,aAAa,QACf,QAAQ,KAAK,iEAAiE;EAEhF,IAAI,cAAc,QAChB,QAAQ,KAAK,gEAAgE;CAGnF,GAAG,CAAC,UAAU,SAAS,CAAC;CAExB,OACE,4CACG,QAAwB,KAAK,IAC1B,MAAM,KAAK,EAAE,KAAK,OAAO,GAAG,SAAS,UACnC,qBAAC,KAAD;EAAK,WAAU;EAA6C;YAA5D,CACE,qBAAC,mBAAD;GAAmB,YAAY,cAAc,SAAS;GAAW,GAAI,OAAO;aAA5E;IACG,MAAM,cAAc,qBACnB,oBAAC,MAAD;KAAM,WAAW,GAAG,oBAAoB;KAAG,MAAM;KAAmB,GAAI,OAAO;IAAO;IAEvF;IACA,MAAM,cAAc,mBACnB,oBAAC,MAAD;KAAM,WAAW,GAAG,oBAAoB;KAAG,MAAM;KAAiB,GAAI,OAAO;IAAO;GAErE;MAClB,QAAQ,KAAK,IACZ,oBAAC,qBAAD;GAEE,SAAQ;GACR,YAAY,cAAc,SAAS;GACnC,GAAI,OAAO;aAEV,gBAAgB,eACb,MAAM,KAAK,IAAI,IACf,MAAM,KAAK,OAAO,UAChB,qBAAC,GAAD;IAAG,SAAQ;cAAX;KACG,MAAM,gBAAgB,qBACrB,oBAAC,MAAD;MAAM,WAAW,GAAG,oBAAoB;MAAG,MAAM;MAAmB,GAAI,OAAO;KAAO;KAEvF;KACA,MAAM,gBAAgB,mBACrB,oBAAC,MAAD;MAAM,WAAW,GAAG,oBAAoB;MAAG,MAAM;MAAiB,GAAI,OAAO;KAAO;IAErF;MARoB,QAAQ,KAQ5B,CACJ;EAEc,GAnBd,KAmBc,IAErB,qBAAC,qBAAD;GAAqB,YAAY,cAAc,SAAS;GAAW,GAAI,OAAO;aAA9E;IACG,MAAM,gBAAgB,qBACrB,oBAAC,MAAD;KAAM,WAAW,GAAG,oBAAoB;KAAG,MAAM;KAAmB,GAAI,OAAO;IAAO;IAEvF;IACA,MAAM,gBAAgB,mBACrB,oBAAC,MAAD;KAAM,WAAW,GAAG,oBAAoB;KAAG,MAAM;KAAiB,GAAI,OAAO;IAAO;GAEnE;IAEpB;IA3C2C,KA2C3C,CACN,IACD,MACJ;AAEN,CAAC;AAED,kBAAkB,cAAc"}

package/dist/definition/theme.js

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

package/dist/dialog/consts.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/dialog/context.ts"],"mappings":";;;cAGO,cAAA,kBAAc,QAAA,CAAA,aAAA,GAAE,gBAAA,QAAgB,aAAsD"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/dialog/context.ts"],"mappings":";;;cAIO,cAAA,kBAAc,QAAA,CAAA,aAAA,GAAE,gBAAA,QAAgB,aAAsD"}

package/dist/dialog/context.js

@@ -5,5 +5,5 @@ const [DialogProvider, useDialogContext] = createContext({ isOptional: true });
 
 //#endregion
 export { DialogProvider, useDialogContext };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# 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,KAAK,CAAC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../src/dialog/context.ts"],"sourcesContent":["import type { DialogContext } from './dialog.types'\n\nimport { createContext } from '../utils'\n\nconst [DialogProvider, useDialogContext] = createContext<DialogContext>({ isOptional: true })\n\nexport { DialogProvider, useDialogContext }\n"],"mappings":";;;AAIA,MAAM,CAAC,gBAAgB,oBAAoB,cAA6B,EAAE,YAAY,KAAK,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","names":[],"sources":["../../src/dialog/dialog.tsx"],"mappings":";;;;;;;;;;;;cAgCa,UAAA,8BAAU,eAAA,oCAAA,YAAA,EAOtB,WAPsB;;;;;AAAvB;;;cAgBa,MAAA,EA2EP,YAAA,QAAoB,WAAA;EACxB,IAAA,SAAa,UAAA;EACb,YAAA,SAAqB,kBAAA,EA7FA;EA+FrB,WAAA,SAAoB,iBAAA;EACpB,aAAA,SAAsB,iBAAA;EACtB,MAAA,SAAe,YAAA;EACf,MAAA,SAAe,YAAA;EACf,IAAA,SAAa,UAAA;EACb,YAAA,SAAqB,kBAAA;EACrB,KAAA,SAAc,WAAA;AAAA"}
+{"version":3,"file":"dialog.d.ts","names":[],"sources":["../../src/dialog/dialog.tsx"],"mappings":";;;;;;;;;;;;cAiCa,UAAA,8BAAU,eAAA,oCAAA,YAAA,EAOtB,WAPsB;;;;;AAAvB;;;cAgBa,MAAA,EA2EP,YAAA,QAAoB,WAAA;EACxB,IAAA,SAAa,UAAA;EACb,YAAA,SAAqB,kBAAA,EA7FA;EA+FrB,WAAA,SAAoB,iBAAA;EACpB,aAAA,SAAsB,iBAAA;EACtB,MAAA,SAAe,YAAA;EACf,MAAA,SAAe,YAAA;EACf,IAAA,SAAa,UAAA;EACb,YAAA,SAAqB,kBAAA;EACrB,KAAA,SAAc,WAAA;AAAA"}

package/dist/dialog/dialog.js

@@ -127,5 +127,5 @@ Dialog.displayName = "Dialog";
 
 //#endregion
 export { DialogBase, Dialog as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=dialog.js.map

package/dist/dialog/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","names":[],"sources":["../../src/dialog/dialog.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { Modal } from '../modal'\nimport { cs, isJsx, isReactText, random, useIds } from '../utils'\nimport { modalAnimation, modalJustifyContent } from './consts'\nimport { DialogProvider } from './context'\nimport type { DialogCloseButtonProps, DialogProps } from './dialog.types'\nimport DialogBody from './dialogBody'\nimport DialogCancelButton from './dialogCancelButton'\nimport DialogCloseButton from './dialogCloseButton'\n\n/** @deprecated Use `Dialog.DismissButton` instead. Will be removed in VUI 6. */\nconst DeprecatedDialogCloseButton = vui<'button', DialogCloseButtonProps>((props, ref) => {\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production') {\n      console.warn(\n        '[VUI] `Dialog.CloseButton` is deprecated. Use `Dialog.DismissButton` instead. Will be removed in VUI 6.',\n      )\n    }\n  }, [])\n  return <DialogCloseButton ref={ref} {...props} />\n})\nDeprecatedDialogCloseButton.displayName = 'DialogCloseButton'\n\nimport DialogFooter from './dialogFooter'\nimport DialogHeader from './dialogHeader'\nimport DialogIcon from './dialogIcon'\nimport DialogSubmitButton from './dialogSubmitButton'\nimport DialogTitle from './dialogTitle'\n\nexport const DialogBase = styled.divBox`\n  background-color: white;\n  border-radius: 1px;\n  box-shadow: modal;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n`\n\n/**\n * Displays content in a Modal window. Includes required accessibility configuration.\n *\n * Dialog is built upon `Modal`.\n *\n * The content can include important information, like warnings or errors, simple forms or prompts for user's decision. It blocks interaction with the rest of the page, but often can be disabled by pressing Escape, clicking on the backdrop or close button.\n */\nexport const Dialog = vui<'div', DialogProps>((props, ref) => {\n  const {\n    body: bodyProp,\n    cancelButton,\n    children,\n    className,\n    closeButton,\n    disableBackdropClose,\n    footer,\n    header,\n    icon,\n    id,\n    isOpen,\n    modalProps: modalPropsProp,\n    placement = 'center',\n    onClose,\n    size,\n    status,\n    submitButton,\n    title,\n    variant,\n    ...rest\n  } = props\n  const styles = useStyleConfig('Dialog', props)\n\n  const idRef = useRef(id ?? random().toString())\n  const [dialogId, bodyId, titleId] = useIds(idRef.current, ['dialog', 'dialog-body', 'dialog-title'])\n\n  const body = isReactText(bodyProp) ? { children: bodyProp } : bodyProp\n  const showHeader = Boolean(header || closeButton || icon || title)\n  const showFooter = Boolean(footer || cancelButton || submitButton)\n\n  const ariaProps = {\n    'aria-describedby': bodyId,\n    'aria-labelledby': titleId,\n  }\n\n  const modalProps = {\n    animation: modalAnimation[placement as keyof typeof modalAnimation],\n    contentProps: {\n      alignItems: placement === 'center' ? 'center' : 'auto',\n      justifyContent: modalJustifyContent[placement as keyof typeof modalJustifyContent],\n      ...modalPropsProp?.contentProps,\n    },\n    ...modalPropsProp,\n  }\n\n  const context = { bodyId, icon, isOpen, onClose, size, status, titleId, variant }\n\n  return (\n    <DialogProvider value={context}>\n      <Modal {...{ isOpen, onClose }} {...{ ...modalProps, disableBackdropClose }}>\n        <DialogBase\n          className={cs('vui-dialog', className)}\n          id={dialogId}\n          maxH={placement === 'center' ? 'calc(100vh - 32px)' : '100%'}\n          ref={ref}\n          role=\"dialog\"\n          {...ariaProps}\n          {...styles.container}\n          {...rest}\n        >\n          {children ?? (\n            <>\n              {isJsx(header) ? header : showHeader && <DialogHeader {...{ closeButton, icon, title }} {...header} />}\n\n              {isJsx(body) ? body : body && <DialogBody {...body} />}\n\n              {isJsx(footer) ? footer : showFooter && <DialogFooter {...{ cancelButton, submitButton }} {...footer} />}\n            </>\n          )}\n        </DialogBase>\n      </Modal>\n    </DialogProvider>\n  )\n}) as VuiComponent<'div', DialogProps> & {\n  Body: typeof DialogBody\n  CancelButton: typeof DialogCancelButton\n  /** @deprecated Renamed to `Dialog.DismissButton`. Will be removed in VUI 6. */\n  CloseButton: typeof DialogCloseButton\n  DismissButton: typeof DialogCloseButton\n  Footer: typeof DialogFooter\n  Header: typeof DialogHeader\n  Icon: typeof DialogIcon\n  SubmitButton: typeof DialogSubmitButton\n  Title: typeof DialogTitle\n}\n\nDialog.Body = DialogBody\nDialog.CancelButton = DialogCancelButton\n/** @deprecated Renamed to `Dialog.DismissButton`. Will be removed in VUI 6. */\nDialog.CloseButton = DeprecatedDialogCloseButton\nDialog.DismissButton = DialogCloseButton\nDialog.Footer = DialogFooter\nDialog.Header = DialogHeader\nDialog.Icon = DialogIcon\nDialog.SubmitButton = DialogSubmitButton\nDialog.Title = DialogTitle\nDialog.displayName = 'Dialog'\n\nexport default Dialog\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,8BAA8B,KAAuC,OAAO,QAAQ;CACxF,gBAAgB;EAEZ,QAAQ,KACN,yGACF;CAEJ,GAAG,CAAC,CAAC;CACL,OAAO,oBAAC,mBAAD;EAAwB;EAAK,GAAI;CAAQ;AAClD,CAAC;AACD,4BAA4B,cAAc;AAQ1C,MAAa,aAAa,OAAO,MAAM;;;;;;;;;;;;;;;AAgBvC,MAAa,SAAS,KAAyB,OAAO,QAAQ;CAC5D,MAAM,EACJ,MAAM,UACN,cACA,UACA,WACA,aACA,sBACA,QACA,QACA,MACA,IACA,QACA,YAAY,gBACZ,YAAY,UACZ,SACA,MACA,QACA,cACA,OACA,SACA,GAAG,SACD;CACJ,MAAM,SAAS,eAAe,UAAU,KAAK;CAG7C,MAAM,CAAC,UAAU,QAAQ,WAAW,OADtB,OAAO,MAAM,OAAO,CAAC,CAAC,SAAS,CACE,CAAC,CAAC,SAAS;EAAC;EAAU;EAAe;CAAc,CAAC;CAEnG,MAAM,OAAO,YAAY,QAAQ,IAAI,EAAE,UAAU,SAAS,IAAI;CAC9D,MAAM,aAAa,QAAQ,UAAU,eAAe,QAAQ,KAAK;CACjE,MAAM,aAAa,QAAQ,UAAU,gBAAgB,YAAY;CAEjE,MAAM,YAAY;EAChB,oBAAoB;EACpB,mBAAmB;CACrB;CAEA,MAAM,aAAa;EACjB,WAAW,eAAe;EAC1B,cAAc;GACZ,YAAY,cAAc,WAAW,WAAW;GAChD,gBAAgB,oBAAoB;GACpC,GAAG,gBAAgB;EACrB;EACA,GAAG;CACL;CAIA,OACE,oBAAC,gBAAD;EAAgB,OAAO;GAHP;GAAQ;GAAM;GAAQ;GAAS;GAAM;GAAQ;GAAS;EAGzC;YAC3B,oBAAC,OAAD;GAAa;GAAQ;GAAiB,GAAG;GAAY;aACnD,oBAAC,YAAD;IACE,WAAW,GAAG,cAAc,SAAS;IACrC,IAAI;IACJ,MAAM,cAAc,WAAW,uBAAuB;IACjD;IACL,MAAK;IACL,GAAI;IACJ,GAAI,OAAO;IACX,GAAI;cAEH,YACC;KACG,MAAM,MAAM,IAAI,SAAS,cAAc,oBAAC,cAAD;MAAoB;MAAa;MAAM;MAAS,GAAI;KAAS;KAEpG,MAAM,IAAI,IAAI,OAAO,QAAQ,oBAAC,YAAD,EAAY,GAAI,KAAO;KAEpD,MAAM,MAAM,IAAI,SAAS,cAAc,oBAAC,cAAD;MAAoB;MAAc;MAAgB,GAAI;KAAS;IACvG;GAEM;EACP;CACO;AAEpB,CAAC;AAaD,OAAO,OAAO;AACd,OAAO,eAAe;;AAEtB,OAAO,cAAc;AACrB,OAAO,gBAAgB;AACvB,OAAO,SAAS;AAChB,OAAO,SAAS;AAChB,OAAO,OAAO;AACd,OAAO,eAAe;AACtB,OAAO,QAAQ;AACf,OAAO,cAAc"}
+{"version":3,"file":"dialog.js","names":[],"sources":["../../src/dialog/dialog.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport type { DialogCloseButtonProps, DialogProps } from './dialog.types'\n\nimport { styled, useStyleConfig, vui } from '../core'\nimport { Modal } from '../modal'\nimport { cs, isJsx, isReactText, random, useIds } from '../utils'\nimport { modalAnimation, modalJustifyContent } from './consts'\nimport { DialogProvider } from './context'\nimport DialogBody from './dialogBody'\nimport DialogCancelButton from './dialogCancelButton'\nimport DialogCloseButton from './dialogCloseButton'\n\n/** @deprecated Use `Dialog.DismissButton` instead. Will be removed in VUI 6. */\nconst DeprecatedDialogCloseButton = vui<'button', DialogCloseButtonProps>((props, ref) => {\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production') {\n      console.warn(\n        '[VUI] `Dialog.CloseButton` is deprecated. Use `Dialog.DismissButton` instead. Will be removed in VUI 6.',\n      )\n    }\n  }, [])\n  return <DialogCloseButton ref={ref} {...props} />\n})\nDeprecatedDialogCloseButton.displayName = 'DialogCloseButton'\n\nimport DialogFooter from './dialogFooter'\nimport DialogHeader from './dialogHeader'\nimport DialogIcon from './dialogIcon'\nimport DialogSubmitButton from './dialogSubmitButton'\nimport DialogTitle from './dialogTitle'\n\nexport const DialogBase = styled.divBox`\n  background-color: white;\n  border-radius: 1px;\n  box-shadow: modal;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n`\n\n/**\n * Displays content in a Modal window. Includes required accessibility configuration.\n *\n * Dialog is built upon `Modal`.\n *\n * The content can include important information, like warnings or errors, simple forms or prompts for user's decision. It blocks interaction with the rest of the page, but often can be disabled by pressing Escape, clicking on the backdrop or close button.\n */\nexport const Dialog = vui<'div', DialogProps>((props, ref) => {\n  const {\n    body: bodyProp,\n    cancelButton,\n    children,\n    className,\n    closeButton,\n    disableBackdropClose,\n    footer,\n    header,\n    icon,\n    id,\n    isOpen,\n    modalProps: modalPropsProp,\n    placement = 'center',\n    onClose,\n    size,\n    status,\n    submitButton,\n    title,\n    variant,\n    ...rest\n  } = props\n  const styles = useStyleConfig('Dialog', props)\n\n  const idRef = useRef(id ?? random().toString())\n  const [dialogId, bodyId, titleId] = useIds(idRef.current, ['dialog', 'dialog-body', 'dialog-title'])\n\n  const body = isReactText(bodyProp) ? { children: bodyProp } : bodyProp\n  const showHeader = Boolean(header || closeButton || icon || title)\n  const showFooter = Boolean(footer || cancelButton || submitButton)\n\n  const ariaProps = {\n    'aria-describedby': bodyId,\n    'aria-labelledby': titleId,\n  }\n\n  const modalProps = {\n    animation: modalAnimation[placement as keyof typeof modalAnimation],\n    contentProps: {\n      alignItems: placement === 'center' ? 'center' : 'auto',\n      justifyContent: modalJustifyContent[placement as keyof typeof modalJustifyContent],\n      ...modalPropsProp?.contentProps,\n    },\n    ...modalPropsProp,\n  }\n\n  const context = { bodyId, icon, isOpen, onClose, size, status, titleId, variant }\n\n  return (\n    <DialogProvider value={context}>\n      <Modal {...{ isOpen, onClose }} {...{ ...modalProps, disableBackdropClose }}>\n        <DialogBase\n          className={cs('vui-dialog', className)}\n          id={dialogId}\n          maxH={placement === 'center' ? 'calc(100vh - 32px)' : '100%'}\n          ref={ref}\n          role=\"dialog\"\n          {...ariaProps}\n          {...styles.container}\n          {...rest}\n        >\n          {children ?? (\n            <>\n              {isJsx(header) ? header : showHeader && <DialogHeader {...{ closeButton, icon, title }} {...header} />}\n\n              {isJsx(body) ? body : body && <DialogBody {...body} />}\n\n              {isJsx(footer) ? footer : showFooter && <DialogFooter {...{ cancelButton, submitButton }} {...footer} />}\n            </>\n          )}\n        </DialogBase>\n      </Modal>\n    </DialogProvider>\n  )\n}) as VuiComponent<'div', DialogProps> & {\n  Body: typeof DialogBody\n  CancelButton: typeof DialogCancelButton\n  /** @deprecated Renamed to `Dialog.DismissButton`. Will be removed in VUI 6. */\n  CloseButton: typeof DialogCloseButton\n  DismissButton: typeof DialogCloseButton\n  Footer: typeof DialogFooter\n  Header: typeof DialogHeader\n  Icon: typeof DialogIcon\n  SubmitButton: typeof DialogSubmitButton\n  Title: typeof DialogTitle\n}\n\nDialog.Body = DialogBody\nDialog.CancelButton = DialogCancelButton\n/** @deprecated Renamed to `Dialog.DismissButton`. Will be removed in VUI 6. */\nDialog.CloseButton = DeprecatedDialogCloseButton\nDialog.DismissButton = DialogCloseButton\nDialog.Footer = DialogFooter\nDialog.Header = DialogHeader\nDialog.Icon = DialogIcon\nDialog.SubmitButton = DialogSubmitButton\nDialog.Title = DialogTitle\nDialog.displayName = 'Dialog'\n\nexport default Dialog\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAM,8BAA8B,KAAuC,OAAO,QAAQ;CACxF,gBAAgB;EAEZ,QAAQ,KACN,yGACF;CAEJ,GAAG,CAAC,CAAC;CACL,OAAO,oBAAC,mBAAD;EAAwB;EAAK,GAAI;CAAQ;AAClD,CAAC;AACD,4BAA4B,cAAc;AAQ1C,MAAa,aAAa,OAAO,MAAM;;;;;;;;;;;;;;;AAgBvC,MAAa,SAAS,KAAyB,OAAO,QAAQ;CAC5D,MAAM,EACJ,MAAM,UACN,cACA,UACA,WACA,aACA,sBACA,QACA,QACA,MACA,IACA,QACA,YAAY,gBACZ,YAAY,UACZ,SACA,MACA,QACA,cACA,OACA,SACA,GAAG,SACD;CACJ,MAAM,SAAS,eAAe,UAAU,KAAK;CAG7C,MAAM,CAAC,UAAU,QAAQ,WAAW,OADtB,OAAO,MAAM,OAAO,CAAC,CAAC,SAAS,CACE,CAAC,CAAC,SAAS;EAAC;EAAU;EAAe;CAAc,CAAC;CAEnG,MAAM,OAAO,YAAY,QAAQ,IAAI,EAAE,UAAU,SAAS,IAAI;CAC9D,MAAM,aAAa,QAAQ,UAAU,eAAe,QAAQ,KAAK;CACjE,MAAM,aAAa,QAAQ,UAAU,gBAAgB,YAAY;CAEjE,MAAM,YAAY;EAChB,oBAAoB;EACpB,mBAAmB;CACrB;CAEA,MAAM,aAAa;EACjB,WAAW,eAAe;EAC1B,cAAc;GACZ,YAAY,cAAc,WAAW,WAAW;GAChD,gBAAgB,oBAAoB;GACpC,GAAG,gBAAgB;EACrB;EACA,GAAG;CACL;CAIA,OACE,oBAAC,gBAAD;EAAgB,OAAO;GAHP;GAAQ;GAAM;GAAQ;GAAS;GAAM;GAAQ;GAAS;EAGzC;YAC3B,oBAAC,OAAD;GAAa;GAAQ;GAAiB,GAAG;GAAY;aACnD,oBAAC,YAAD;IACE,WAAW,GAAG,cAAc,SAAS;IACrC,IAAI;IACJ,MAAM,cAAc,WAAW,uBAAuB;IACjD;IACL,MAAK;IACL,GAAI;IACJ,GAAI,OAAO;IACX,GAAI;cAEH,YACC;KACG,MAAM,MAAM,IAAI,SAAS,cAAc,oBAAC,cAAD;MAAoB;MAAa;MAAM;MAAS,GAAI;KAAS;KAEpG,MAAM,IAAI,IAAI,OAAO,QAAQ,oBAAC,YAAD,EAAY,GAAI,KAAO;KAEpD,MAAM,MAAM,IAAI,SAAS,cAAc,oBAAC,cAAD;MAAoB;MAAc;MAAgB,GAAI;KAAS;IACvG;GAEM;EACP;CACO;AAEpB,CAAC;AAaD,OAAO,OAAO;AACd,OAAO,eAAe;;AAEtB,OAAO,cAAc;AACrB,OAAO,gBAAgB;AACvB,OAAO,SAAS;AAChB,OAAO,SAAS;AAChB,OAAO,OAAO;AACd,OAAO,eAAe;AACtB,OAAO,QAAQ;AACf,OAAO,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"dialogBody.d.ts","names":[],"sources":["../../src/dialog/dialogBody.tsx"],"mappings":";;;;;;;AAcA;;cAAa,UAAA,EAAU,YAAA,QAAA,eAAA"}
+{"version":3,"file":"dialogBody.d.ts","names":[],"sources":["../../src/dialog/dialogBody.tsx"],"mappings":";;;;;;;AAeA;;cAAa,UAAA,EAAU,YAAA,QAAA,eAAA"}

package/dist/dialog/dialogBody.js

@@ -51,5 +51,5 @@ DialogBody.displayName = "DialogBody";
 
 //#endregion
 export { DialogBody as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=dialogBody.js.map

package/dist/dialog/dialogBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialogBody.js","names":[],"sources":["../../src/dialog/dialogBody.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nimport { Box } from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs, mergeRefs } from '../utils'\nimport { useDialogContext } from './context'\nimport type { DialogBodyProps } from './dialog.types'\n\n/**\n * Shows the main content between the Dialog Header and Footer.\n * It becomes scrollable when content does not fit vertically. Borders are shown automatically.\n * Receives more horizontal padding when Dialog has icon, so align text with title.\n * Receives id linked to aria-describedby on the Dialog for accessibility.\n */\nexport const DialogBody = vui<'div', DialogBodyProps>((props, ref) => {\n  const { className, ...rest } = props\n  const { bodyId, icon, status } = useDialogContext() ?? {}\n  const styles = useStyleConfig('Dialog', useDialogContext())\n\n  const [isScrolled, setIsScrolled] = useState(false)\n  const bodyRef = useRef<HTMLDivElement>(null)\n\n  // Observe size changes of the body to detect if it becomes vertically scrollable\n  const observerRef = useRef(\n    new ResizeObserver(() => {\n      if (bodyRef.current) {\n        const { clientHeight, scrollHeight } = bodyRef.current\n        setIsScrolled(scrollHeight > clientHeight)\n      }\n    }),\n  )\n\n  useEffect(() => {\n    bodyRef.current && observerRef.current?.observe(bodyRef.current)\n  }, [])\n\n  // If body can be scrolled vertically, add dividing lines on top and bottom\n  const borderProps = isScrolled ? { borderColor: 'grey.30' } : {}\n\n  // Add more body padding when custom or status icon is displayed\n  const paddingProps = (icon ?? status) !== undefined ? { px: 8 } : { px: 3 }\n\n  return (\n    <Box\n      borderBottom=\"1px solid transparent\"\n      borderTop=\"1px solid transparent\"\n      className={cs('vui-dialogBody', className)}\n      column\n      id={bodyId}\n      overflowY=\"auto\"\n      pb={2}\n      pt={1.5}\n      ref={mergeRefs(ref, bodyRef)}\n      {...borderProps}\n      {...paddingProps}\n      {...styles.body}\n      {...rest}\n    />\n  )\n})\n\nDialogBody.displayName = 'DialogBody'\n\nexport default DialogBody\n"],"mappings":";;;;;;;;;;;;;;;;AAcA,MAAa,aAAa,KAA6B,OAAO,QAAQ;CACpE,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,EAAE,QAAQ,MAAM,WAAW,iBAAiB,KAAK,CAAC;CACxD,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,MAAM,CAAC,YAAY,iBAAiB,SAAS,KAAK;CAClD,MAAM,UAAU,OAAuB,IAAI;CAG3C,MAAM,cAAc,OAClB,IAAI,qBAAqB;EACvB,IAAI,QAAQ,SAAS;GACnB,MAAM,EAAE,cAAc,iBAAiB,QAAQ;GAC/C,cAAc,eAAe,YAAY;EAC3C;CACF,CAAC,CACH;CAEA,gBAAgB;EACd,QAAQ,WAAW,YAAY,SAAS,QAAQ,QAAQ,OAAO;CACjE,GAAG,CAAC,CAAC;CAGL,MAAM,cAAc,aAAa,EAAE,aAAa,UAAU,IAAI,CAAC;CAG/D,MAAM,gBAAgB,QAAQ,YAAY,SAAY,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE;CAE1E,OACE,oBAAC,KAAD;EACE,cAAa;EACb,WAAU;EACV,WAAW,GAAG,kBAAkB,SAAS;EACzC;EACA,IAAI;EACJ,WAAU;EACV,IAAI;EACJ,IAAI;EACJ,KAAK,UAAU,KAAK,OAAO;EAC3B,GAAI;EACJ,GAAI;EACJ,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,WAAW,cAAc"}
+{"version":3,"file":"dialogBody.js","names":[],"sources":["../../src/dialog/dialogBody.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nimport type { DialogBodyProps } from './dialog.types'\n\nimport { Box } from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs, mergeRefs } from '../utils'\nimport { useDialogContext } from './context'\n\n/**\n * Shows the main content between the Dialog Header and Footer.\n * It becomes scrollable when content does not fit vertically. Borders are shown automatically.\n * Receives more horizontal padding when Dialog has icon, so align text with title.\n * Receives id linked to aria-describedby on the Dialog for accessibility.\n */\nexport const DialogBody = vui<'div', DialogBodyProps>((props, ref) => {\n  const { className, ...rest } = props\n  const { bodyId, icon, status } = useDialogContext() ?? {}\n  const styles = useStyleConfig('Dialog', useDialogContext())\n\n  const [isScrolled, setIsScrolled] = useState(false)\n  const bodyRef = useRef<HTMLDivElement>(null)\n\n  // Observe size changes of the body to detect if it becomes vertically scrollable\n  const observerRef = useRef(\n    new ResizeObserver(() => {\n      if (bodyRef.current) {\n        const { clientHeight, scrollHeight } = bodyRef.current\n        setIsScrolled(scrollHeight > clientHeight)\n      }\n    }),\n  )\n\n  useEffect(() => {\n    bodyRef.current && observerRef.current?.observe(bodyRef.current)\n  }, [])\n\n  // If body can be scrolled vertically, add dividing lines on top and bottom\n  const borderProps = isScrolled ? { borderColor: 'grey.30' } : {}\n\n  // Add more body padding when custom or status icon is displayed\n  const paddingProps = (icon ?? status) !== undefined ? { px: 8 } : { px: 3 }\n\n  return (\n    <Box\n      borderBottom=\"1px solid transparent\"\n      borderTop=\"1px solid transparent\"\n      className={cs('vui-dialogBody', className)}\n      column\n      id={bodyId}\n      overflowY=\"auto\"\n      pb={2}\n      pt={1.5}\n      ref={mergeRefs(ref, bodyRef)}\n      {...borderProps}\n      {...paddingProps}\n      {...styles.body}\n      {...rest}\n    />\n  )\n})\n\nDialogBody.displayName = 'DialogBody'\n\nexport default DialogBody\n"],"mappings":";;;;;;;;;;;;;;;;AAeA,MAAa,aAAa,KAA6B,OAAO,QAAQ;CACpE,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,EAAE,QAAQ,MAAM,WAAW,iBAAiB,KAAK,CAAC;CACxD,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,MAAM,CAAC,YAAY,iBAAiB,SAAS,KAAK;CAClD,MAAM,UAAU,OAAuB,IAAI;CAG3C,MAAM,cAAc,OAClB,IAAI,qBAAqB;EACvB,IAAI,QAAQ,SAAS;GACnB,MAAM,EAAE,cAAc,iBAAiB,QAAQ;GAC/C,cAAc,eAAe,YAAY;EAC3C;CACF,CAAC,CACH;CAEA,gBAAgB;EACd,QAAQ,WAAW,YAAY,SAAS,QAAQ,QAAQ,OAAO;CACjE,GAAG,CAAC,CAAC;CAGL,MAAM,cAAc,aAAa,EAAE,aAAa,UAAU,IAAI,CAAC;CAG/D,MAAM,gBAAgB,QAAQ,YAAY,SAAY,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE;CAE1E,OACE,oBAAC,KAAD;EACE,cAAa;EACb,WAAU;EACV,WAAW,GAAG,kBAAkB,SAAS;EACzC;EACA,IAAI;EACJ,WAAU;EACV,IAAI;EACJ,IAAI;EACJ,KAAK,UAAU,KAAK,OAAO;EAC3B,GAAI;EACJ,GAAI;EACJ,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,WAAW,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"dialogCancelButton.d.ts","names":[],"sources":["../../src/dialog/dialogCancelButton.tsx"],"mappings":";;;;cAOa,kBAAA,EAAkB,YAAA,WAAA,uBAAA"}
+{"version":3,"file":"dialogCancelButton.d.ts","names":[],"sources":["../../src/dialog/dialogCancelButton.tsx"],"mappings":";;;;cAQa,kBAAA,EAAkB,YAAA,WAAA,uBAAA"}

package/dist/dialog/dialogCancelButton.js

@@ -23,5 +23,5 @@ DialogCancelButton.displayName = "DialogCancelButton";
 
 //#endregion
 export { DialogCancelButton as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=dialogCancelButton.js.map

package/dist/dialog/dialogCancelButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialogCancelButton.js","names":[],"sources":["../../src/dialog/dialogCancelButton.tsx"],"sourcesContent":["import { LineButton } from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useDialogContext } from './context'\nimport type { DialogCancelButtonProps } from './dialog.types'\n\n/** Shows an outlined Button in the Dialog Footer, which by default closes the Dialog. */\nexport const DialogCancelButton = vui<'button', DialogCancelButtonProps>((props, ref) => {\n  const { className, ...rest } = props\n  const { onClose } = useDialogContext() ?? {}\n  const styles = useStyleConfig('Dialog', useDialogContext())\n\n  return (\n    <LineButton\n      className={cs('vui-dialogCancelButton', className)}\n      onClick={onClose}\n      ref={ref}\n      {...styles.cancelButton}\n      {...rest}\n    />\n  )\n})\n\nDialogCancelButton.displayName = 'DialogCancelButton'\nexport default DialogCancelButton\n"],"mappings":";;;;;;;;;AAOA,MAAa,qBAAqB,KAAwC,OAAO,QAAQ;CACvF,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,EAAE,YAAY,iBAAiB,KAAK,CAAC;CAC3C,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,OACE,oBAAC,YAAD;EACE,WAAW,GAAG,0BAA0B,SAAS;EACjD,SAAS;EACJ;EACL,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,mBAAmB,cAAc"}
+{"version":3,"file":"dialogCancelButton.js","names":[],"sources":["../../src/dialog/dialogCancelButton.tsx"],"sourcesContent":["import type { DialogCancelButtonProps } from './dialog.types'\n\nimport { LineButton } from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useDialogContext } from './context'\n\n/** Shows an outlined Button in the Dialog Footer, which by default closes the Dialog. */\nexport const DialogCancelButton = vui<'button', DialogCancelButtonProps>((props, ref) => {\n  const { className, ...rest } = props\n  const { onClose } = useDialogContext() ?? {}\n  const styles = useStyleConfig('Dialog', useDialogContext())\n\n  return (\n    <LineButton\n      className={cs('vui-dialogCancelButton', className)}\n      onClick={onClose}\n      ref={ref}\n      {...styles.cancelButton}\n      {...rest}\n    />\n  )\n})\n\nDialogCancelButton.displayName = 'DialogCancelButton'\nexport default DialogCancelButton\n"],"mappings":";;;;;;;;;AAQA,MAAa,qBAAqB,KAAwC,OAAO,QAAQ;CACvF,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,EAAE,YAAY,iBAAiB,KAAK,CAAC;CAC3C,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,OACE,oBAAC,YAAD;EACE,WAAW,GAAG,0BAA0B,SAAS;EACjD,SAAS;EACJ;EACL,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,mBAAmB,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"dialogCloseButton.d.ts","names":[],"sources":["../../src/dialog/dialogCloseButton.tsx"],"mappings":";;;;cAWa,iBAAA,EAAiB,YAAA,WAAA,sBAAA"}
+{"version":3,"file":"dialogCloseButton.d.ts","names":[],"sources":["../../src/dialog/dialogCloseButton.tsx"],"mappings":";;;;cAYa,iBAAA,EAAiB,YAAA,WAAA,sBAAA"}

package/dist/dialog/dialogCloseButton.js

@@ -32,5 +32,5 @@ DialogCloseButton.displayName = "DialogCloseButton";
 
 //#endregion
 export { DialogCloseButton as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=dialogCloseButton.js.map

package/dist/dialog/dialogCloseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialogCloseButton.js","names":[],"sources":["../../src/dialog/dialogCloseButton.tsx"],"sourcesContent":["import { styled, useStyleConfig, vui } from '../core'\nimport { DismissButton } from '../dismissButton'\nimport { cs } from '../utils'\nimport { useDialogContext } from './context'\nimport type { DialogCloseButtonProps } from './dialog.types'\n\nconst StyledDismissButton = styled(DismissButton)<{ $dismissFg?: string }>`\n  ${({ $dismissFg }) => $dismissFg && `--vui-dismiss-fg: ${$dismissFg};`}\n`\n\n/** Shows a CloseButton in the Dialog Header, which by default closes the Dialog. */\nexport const DialogCloseButton = vui<'button', DialogCloseButtonProps>((props, ref) => {\n  const { className, size = 'md', ...rest } = props\n  const { onClose } = useDialogContext() ?? {}\n  const styles = useStyleConfig('Dialog', useDialogContext())\n\n  return (\n    <StyledDismissButton\n      className={cs('vui-dialogCloseButton', className)}\n      onClick={onClose}\n      position=\"absolute\"\n      ref={ref}\n      right={16}\n      size={size}\n      top={16}\n      $dismissFg={styles.closeButton?.['--vui-dismiss-fg']}\n      {...styles.closeButton}\n      {...rest}\n    />\n  )\n})\n\nDialogCloseButton.displayName = 'DialogCloseButton'\n\nexport default DialogCloseButton\n"],"mappings":";;;;;;;;;AAMA,MAAM,sBAAsB,OAAO,aAAa,CAAC,AAAyB;KACrE,EAAE,iBAAiB,cAAc,qBAAqB,WAAW,GAAG;;;AAIzE,MAAa,oBAAoB,KAAuC,OAAO,QAAQ;CACrF,MAAM,EAAE,WAAW,OAAO,MAAM,GAAG,SAAS;CAC5C,MAAM,EAAE,YAAY,iBAAiB,KAAK,CAAC;CAC3C,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,OACE,oBAAC,qBAAD;EACE,WAAW,GAAG,yBAAyB,SAAS;EAChD,SAAS;EACT,UAAS;EACJ;EACL,OAAO;EACD;EACN,KAAK;EACL,YAAY,OAAO,cAAc;EACjC,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,kBAAkB,cAAc"}
+{"version":3,"file":"dialogCloseButton.js","names":[],"sources":["../../src/dialog/dialogCloseButton.tsx"],"sourcesContent":["import type { DialogCloseButtonProps } from './dialog.types'\n\nimport { styled, useStyleConfig, vui } from '../core'\nimport { DismissButton } from '../dismissButton'\nimport { cs } from '../utils'\nimport { useDialogContext } from './context'\n\nconst StyledDismissButton = styled(DismissButton)<{ $dismissFg?: string }>`\n  ${({ $dismissFg }) => $dismissFg && `--vui-dismiss-fg: ${$dismissFg};`}\n`\n\n/** Shows a CloseButton in the Dialog Header, which by default closes the Dialog. */\nexport const DialogCloseButton = vui<'button', DialogCloseButtonProps>((props, ref) => {\n  const { className, size = 'md', ...rest } = props\n  const { onClose } = useDialogContext() ?? {}\n  const styles = useStyleConfig('Dialog', useDialogContext())\n\n  return (\n    <StyledDismissButton\n      className={cs('vui-dialogCloseButton', className)}\n      onClick={onClose}\n      position=\"absolute\"\n      ref={ref}\n      right={16}\n      size={size}\n      top={16}\n      $dismissFg={styles.closeButton?.['--vui-dismiss-fg']}\n      {...styles.closeButton}\n      {...rest}\n    />\n  )\n})\n\nDialogCloseButton.displayName = 'DialogCloseButton'\n\nexport default DialogCloseButton\n"],"mappings":";;;;;;;;;AAOA,MAAM,sBAAsB,OAAO,aAAa,CAAC,AAAyB;KACrE,EAAE,iBAAiB,cAAc,qBAAqB,WAAW,GAAG;;;AAIzE,MAAa,oBAAoB,KAAuC,OAAO,QAAQ;CACrF,MAAM,EAAE,WAAW,OAAO,MAAM,GAAG,SAAS;CAC5C,MAAM,EAAE,YAAY,iBAAiB,KAAK,CAAC;CAC3C,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,OACE,oBAAC,qBAAD;EACE,WAAW,GAAG,yBAAyB,SAAS;EAChD,SAAS;EACT,UAAS;EACJ;EACL,OAAO;EACD;EACN,KAAK;EACL,YAAY,OAAO,cAAc;EACjC,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,kBAAkB,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"dialogFooter.d.ts","names":[],"sources":["../../src/dialog/dialogFooter.tsx"],"mappings":";;;;cASa,YAAA,EAAY,YAAA,QAAA,iBAAA"}
+{"version":3,"file":"dialogFooter.d.ts","names":[],"sources":["../../src/dialog/dialogFooter.tsx"],"mappings":";;;;cAUa,YAAA,EAAY,YAAA,QAAA,iBAAA"}