@veracity/vui 5.2.2 → 5.2.3-alpha.400759.2606230846

package/dist/message/message.js

@@ -40,5 +40,5 @@ Message.displayName = "Message";
 
 //#endregion
 export { MessageBase, Message as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=message.js.map

package/dist/message/message.js.map

@@ -1 +1 @@
-{"version":3,"file":"message.js","names":[],"sources":["../../src/message/message.tsx"],"sourcesContent":["import { Avatar } from '../avatar'\nimport { Box } from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { Icon } from '../icon'\nimport { cs } from '../utils'\nimport { avatarStyles, iconDictionary, spacingDictionary } from './consts'\nimport type { MessageProps } from './message.types'\n\nexport const MessageBase = styled.divBox`\n  transition-duration: fast;\n`\n\n/** Displays a simple message text. */\nexport const Message = vui<'span', MessageProps>((props, ref) => {\n  const { avatar, children, className, text, size = 'md', variant = 'info', ...rest } = props\n  const styles = useStyleConfig('Message', props)\n\n  return (\n    <MessageBase className={cs('vui-message', className)} ref={ref} {...styles} {...rest}>\n      <>\n        {avatar ? (\n          <Avatar mr=\"16px\" {...avatar} />\n        ) : (\n          <Icon mr={`${spacingDictionary[size]}px`} name={iconDictionary[variant]} size={styles.iconSize} />\n        )}\n        <Box size={styles.fontSize} w=\"100%\" {...(avatar ? avatarStyles : undefined)}>\n          {children ?? text}\n        </Box>\n      </>\n    </MessageBase>\n  )\n})\n\nMessage.displayName = 'Message'\n\nexport default Message\n"],"mappings":";;;;;;;;;;;AAQA,MAAa,cAAc,OAAO,MAAM;;;;AAKxC,MAAa,UAAU,KAA2B,OAAO,QAAQ;CAC/D,MAAM,EAAE,QAAQ,UAAU,WAAW,MAAM,OAAO,MAAM,UAAU,QAAQ,GAAG,SAAS;CACtF,MAAM,SAAS,eAAe,WAAW,KAAK;CAE9C,OACE,oBAAC,aAAD;EAAa,WAAW,GAAG,eAAe,SAAS;EAAQ;EAAK,GAAI;EAAQ,GAAI;YAC9E,4CACG,SACC,oBAAC,QAAD;GAAQ,IAAG;GAAO,GAAI;EAAS,KAE/B,oBAAC,MAAD;GAAM,IAAI,GAAG,kBAAkB,MAAM;GAAK,MAAM,eAAe;GAAU,MAAM,OAAO;EAAW,IAEnG,oBAAC,KAAD;GAAK,MAAM,OAAO;GAAU,GAAE;GAAO,GAAK,SAAS,eAAe;aAC/D,YAAY;EACV,EACL;CACS;AAEjB,CAAC;AAED,QAAQ,cAAc"}
+{"version":3,"file":"message.js","names":[],"sources":["../../src/message/message.tsx"],"sourcesContent":["import type { MessageProps } from './message.types'\n\nimport { Avatar } from '../avatar'\nimport { Box } from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { Icon } from '../icon'\nimport { cs } from '../utils'\nimport { avatarStyles, iconDictionary, spacingDictionary } from './consts'\n\nexport const MessageBase = styled.divBox`\n  transition-duration: fast;\n`\n\n/** Displays a simple message text. */\nexport const Message = vui<'span', MessageProps>((props, ref) => {\n  const { avatar, children, className, text, size = 'md', variant = 'info', ...rest } = props\n  const styles = useStyleConfig('Message', props)\n\n  return (\n    <MessageBase className={cs('vui-message', className)} ref={ref} {...styles} {...rest}>\n      <>\n        {avatar ? (\n          <Avatar mr=\"16px\" {...avatar} />\n        ) : (\n          <Icon mr={`${spacingDictionary[size]}px`} name={iconDictionary[variant]} size={styles.iconSize} />\n        )}\n        <Box size={styles.fontSize} w=\"100%\" {...(avatar ? avatarStyles : undefined)}>\n          {children ?? text}\n        </Box>\n      </>\n    </MessageBase>\n  )\n})\n\nMessage.displayName = 'Message'\n\nexport default Message\n"],"mappings":";;;;;;;;;;;AASA,MAAa,cAAc,OAAO,MAAM;;;;AAKxC,MAAa,UAAU,KAA2B,OAAO,QAAQ;CAC/D,MAAM,EAAE,QAAQ,UAAU,WAAW,MAAM,OAAO,MAAM,UAAU,QAAQ,GAAG,SAAS;CACtF,MAAM,SAAS,eAAe,WAAW,KAAK;CAE9C,OACE,oBAAC,aAAD;EAAa,WAAW,GAAG,eAAe,SAAS;EAAQ;EAAK,GAAI;EAAQ,GAAI;YAC9E,4CACG,SACC,oBAAC,QAAD;GAAQ,IAAG;GAAO,GAAI;EAAS,KAE/B,oBAAC,MAAD;GAAM,IAAI,GAAG,kBAAkB,MAAM;GAAK,MAAM,eAAe;GAAU,MAAM,OAAO;EAAW,IAEnG,oBAAC,KAAD;GAAK,MAAM,OAAO;GAAU,GAAE;GAAO,GAAK,SAAS,eAAe;aAC/D,YAAY;EACV,EACL;CACS;AAEjB,CAAC;AAED,QAAQ,cAAc"}

package/dist/message/theme.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/modal/context.ts"],"mappings":";;;cAGO,aAAA,kBAAa,QAAA,CAAA,YAAA,GAAE,eAAA,QAAe,YAAqD"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/modal/context.ts"],"mappings":";;;cAIO,aAAA,kBAAa,QAAA,CAAA,YAAA,GAAE,eAAA,QAAe,YAAqD"}

package/dist/modal/context.js

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

package/dist/modal/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../src/modal/context.ts"],"sourcesContent":["import { createContext } from '../utils'\nimport type { ModalContext } from './modal.types'\n\nconst [ModalProvider, useModalContext] = createContext<ModalContext>({ isOptional: true })\n\nexport { ModalProvider, useModalContext }\n"],"mappings":";;;AAGA,MAAM,CAAC,eAAe,mBAAmB,cAA4B,EAAE,YAAY,KAAK,CAAC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../src/modal/context.ts"],"sourcesContent":["import type { ModalContext } from './modal.types'\n\nimport { createContext } from '../utils'\n\nconst [ModalProvider, useModalContext] = createContext<ModalContext>({ isOptional: true })\n\nexport { ModalProvider, useModalContext }\n"],"mappings":";;;AAIA,MAAM,CAAC,eAAe,mBAAmB,cAA4B,EAAE,YAAY,KAAK,CAAC"}

package/dist/modal/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","names":[],"sources":["../../src/modal/modal.tsx"],"mappings":";;;;;;;;;AAqBA;;;cAAa,KAAA,EA+FP,YAAA,QAAoB,UAAA;EACxB,QAAA,SAAiB,aAAA;EACjB,OAAA,SAAgB,YAAA;AAAA"}
+{"version":3,"file":"modal.d.ts","names":[],"sources":["../../src/modal/modal.tsx"],"mappings":";;;;;;;;;AAsBA;;;cAAa,KAAA,EA+FP,YAAA,QAAoB,UAAA;EACxB,QAAA,SAAiB,aAAA;EACjB,OAAA,SAAgB,YAAA;AAAA"}

package/dist/modal/modal.js

@@ -87,5 +87,5 @@ Modal.displayName = "Modal";
 
 //#endregion
 export { Modal as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=modal.js.map

package/dist/modal/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.js","names":[],"sources":["../../src/modal/modal.tsx"],"sourcesContent":["import { cloneElement, useRef } from 'react'\n\nimport Box from '../box'\nimport type { VuiComponent } from '../core'\nimport { vui } from '../core'\nimport FocusLock from '../focusLock'\nimport Portal from '../portal'\nimport type { KeyboardEvent, MouseEvent } from '../utils'\nimport { callAll, cs, mergeRefs } from '../utils'\nimport { ModalProvider } from './context'\nimport type { ModalProps } from './modal.types'\nimport ModalBackdrop from './modalBackdrop'\nimport ModalContent from './modalContent'\nimport { manager, useModalManager } from './modalManager'\n\n/**\n * Displays provided content on top of a dark backdrop element with fixed position.\n * By default uses Portal for content and closes when clicking backdrop or pressing 'Escape'.\n * Uses focus and scroll lock to achieve proper accessibility.\n * More about accessibility: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/dialog_role\n */\nexport const Modal = vui<'div', ModalProps>((props, ref) => {\n  const {\n    allowPinchZoom,\n    animation = 'fadeDown',\n    children,\n    className,\n    contentProps,\n    disableAutoFocus,\n    disableBackdropClose,\n    disableEscClose,\n    disablePortal,\n    disableReturnFocus,\n    disableScrollLock,\n    disableTrapFocus,\n    finalFocusRef,\n    hideBackdrop,\n    initialFocusRef,\n    isOpen,\n    onBackdropClick: onBackdropClickProp,\n    onClose,\n    onEsc,\n    preserveScrollBar,\n    size,\n    variant,\n    ...rest\n  } = props\n  const modalRef = useRef<HTMLElement>(null)\n  const mouseDownTargetRef = useRef<EventTarget | null>(null)\n\n  useModalManager(modalRef, isOpen, disableScrollLock)\n\n  if (!isOpen) return null\n\n  const onBackdropClick = (e: MouseEvent) => {\n    e.stopPropagation()\n\n    // Avoid closing modal when click starts inside the content and is released outside\n    if (mouseDownTargetRef.current !== e.target) return\n\n    if (!manager.isTopModal(modalRef)) return\n\n    if (!disableBackdropClose) {\n      onClose?.()\n      onBackdropClickProp?.(e)\n    }\n  }\n\n  const onKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation()\n\n      !disableEscClose && onClose?.()\n\n      onEsc?.()\n    }\n  }\n\n  const onMouseDown = (e: MouseEvent) => (mouseDownTargetRef.current = e.target)\n\n  const childProps = {\n    onClick: (e: MouseEvent) => {\n      e.stopPropagation()\n      ;(children?.props as { onClick?: (e: MouseEvent) => void })?.onClick?.(e)\n    },\n    tabIndex: (children?.props as { tabIndex?: number })?.tabIndex ?? -1,\n  }\n\n  const context = { isOpen, onBackdropClick, onClose, size, variant }\n\n  return (\n    <ModalProvider value={context}>\n      <Portal disablePortal={disablePortal}>\n        <Box\n          className={cs('vui-modal', className)}\n          ref={mergeRefs(ref, modalRef)}\n          {...rest}\n          onKeyDown={callAll(props.onKeyDown, onKeyDown)}\n          onMouseDown={callAll(props.onMouseDown, onMouseDown)}\n        >\n          {!hideBackdrop && <ModalBackdrop />}\n          <FocusLock\n            autoFocus={!disableAutoFocus}\n            finalFocusRef={finalFocusRef}\n            initialFocusRef={initialFocusRef}\n            isDisabled={disableTrapFocus}\n            returnFocus={!disableReturnFocus}\n          >\n            <ModalContent animation={animation} {...contentProps}>\n              {cloneElement(children, childProps)}\n            </ModalContent>\n          </FocusLock>\n        </Box>\n      </Portal>\n    </ModalProvider>\n  )\n}) as VuiComponent<'div', ModalProps> & {\n  Backdrop: typeof ModalBackdrop\n  Content: typeof ModalContent\n}\n\nModal.Backdrop = ModalBackdrop\nModal.Content = ModalContent\nModal.displayName = 'Modal'\n\nexport default Modal\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBA,MAAa,QAAQ,KAAwB,OAAO,QAAQ;CAC1D,MAAM,EACJ,gBACA,YAAY,YACZ,UACA,WACA,cACA,kBACA,sBACA,iBACA,eACA,oBACA,mBACA,kBACA,eACA,cACA,iBACA,QACA,iBAAiB,qBACjB,SACA,OACA,mBACA,MACA,SACA,GAAG,SACD;CACJ,MAAM,WAAW,OAAoB,IAAI;CACzC,MAAM,qBAAqB,OAA2B,IAAI;CAE1D,gBAAgB,UAAU,QAAQ,iBAAiB;CAEnD,IAAI,CAAC,QAAQ,OAAO;CAEpB,MAAM,mBAAmB,MAAkB;EACzC,EAAE,gBAAgB;EAGlB,IAAI,mBAAmB,YAAY,EAAE,QAAQ;EAE7C,IAAI,CAAC,QAAQ,WAAW,QAAQ,GAAG;EAEnC,IAAI,CAAC,sBAAsB;GACzB,UAAU;GACV,sBAAsB,CAAC;EACzB;CACF;CAEA,MAAM,aAAa,MAAqC;EACtD,IAAI,EAAE,QAAQ,UAAU;GACtB,EAAE,gBAAgB;GAElB,CAAC,mBAAmB,UAAU;GAE9B,QAAQ;EACV;CACF;CAEA,MAAM,eAAe,MAAmB,mBAAmB,UAAU,EAAE;CAEvE,MAAM,aAAa;EACjB,UAAU,MAAkB;GAC1B,EAAE,gBAAgB;GACjB,CAAC,UAAU,MAAK,EAA4C,UAAU,CAAC;EAC1E;EACA,WAAW,UAAU,MAAK,EAA4B,YAAY;CACpE;CAIA,OACE,oBAAC,eAAD;EAAe,OAAO;GAHN;GAAQ;GAAiB;GAAS;GAAM;EAG5B;YAC1B,oBAAC,QAAD;GAAuB;aACrB,qBAAC,KAAD;IACE,WAAW,GAAG,aAAa,SAAS;IACpC,KAAK,UAAU,KAAK,QAAQ;IAC5B,GAAI;IACJ,WAAW,QAAQ,MAAM,WAAW,SAAS;IAC7C,aAAa,QAAQ,MAAM,aAAa,WAAW;cALrD,CAOG,CAAC,gBAAgB,oBAAC,eAAD,CAAgB,IAClC,oBAAC,WAAD;KACE,WAAW,CAAC;KACG;KACE;KACjB,YAAY;KACZ,aAAa,CAAC;eAEd,oBAAC,cAAD;MAAyB;MAAW,GAAI;gBACrC,aAAa,UAAU,UAAU;KACtB;IACL,EACR;;EACC;CACK;AAEnB,CAAC;AAKD,MAAM,WAAW;AACjB,MAAM,UAAU;AAChB,MAAM,cAAc"}
+{"version":3,"file":"modal.js","names":[],"sources":["../../src/modal/modal.tsx"],"sourcesContent":["import { cloneElement, useRef } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport type { KeyboardEvent, MouseEvent } from '../utils'\nimport type { ModalProps } from './modal.types'\n\nimport Box from '../box'\nimport { vui } from '../core'\nimport FocusLock from '../focusLock'\nimport Portal from '../portal'\nimport { callAll, cs, mergeRefs } from '../utils'\nimport { ModalProvider } from './context'\nimport ModalBackdrop from './modalBackdrop'\nimport ModalContent from './modalContent'\nimport { manager, useModalManager } from './modalManager'\n\n/**\n * Displays provided content on top of a dark backdrop element with fixed position.\n * By default uses Portal for content and closes when clicking backdrop or pressing 'Escape'.\n * Uses focus and scroll lock to achieve proper accessibility.\n * More about accessibility: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/dialog_role\n */\nexport const Modal = vui<'div', ModalProps>((props, ref) => {\n  const {\n    allowPinchZoom,\n    animation = 'fadeDown',\n    children,\n    className,\n    contentProps,\n    disableAutoFocus,\n    disableBackdropClose,\n    disableEscClose,\n    disablePortal,\n    disableReturnFocus,\n    disableScrollLock,\n    disableTrapFocus,\n    finalFocusRef,\n    hideBackdrop,\n    initialFocusRef,\n    isOpen,\n    onBackdropClick: onBackdropClickProp,\n    onClose,\n    onEsc,\n    preserveScrollBar,\n    size,\n    variant,\n    ...rest\n  } = props\n  const modalRef = useRef<HTMLElement>(null)\n  const mouseDownTargetRef = useRef<EventTarget | null>(null)\n\n  useModalManager(modalRef, isOpen, disableScrollLock)\n\n  if (!isOpen) return null\n\n  const onBackdropClick = (e: MouseEvent) => {\n    e.stopPropagation()\n\n    // Avoid closing modal when click starts inside the content and is released outside\n    if (mouseDownTargetRef.current !== e.target) return\n\n    if (!manager.isTopModal(modalRef)) return\n\n    if (!disableBackdropClose) {\n      onClose?.()\n      onBackdropClickProp?.(e)\n    }\n  }\n\n  const onKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation()\n\n      !disableEscClose && onClose?.()\n\n      onEsc?.()\n    }\n  }\n\n  const onMouseDown = (e: MouseEvent) => (mouseDownTargetRef.current = e.target)\n\n  const childProps = {\n    onClick: (e: MouseEvent) => {\n      e.stopPropagation()\n      ;(children?.props as { onClick?: (e: MouseEvent) => void })?.onClick?.(e)\n    },\n    tabIndex: (children?.props as { tabIndex?: number })?.tabIndex ?? -1,\n  }\n\n  const context = { isOpen, onBackdropClick, onClose, size, variant }\n\n  return (\n    <ModalProvider value={context}>\n      <Portal disablePortal={disablePortal}>\n        <Box\n          className={cs('vui-modal', className)}\n          ref={mergeRefs(ref, modalRef)}\n          {...rest}\n          onKeyDown={callAll(props.onKeyDown, onKeyDown)}\n          onMouseDown={callAll(props.onMouseDown, onMouseDown)}\n        >\n          {!hideBackdrop && <ModalBackdrop />}\n          <FocusLock\n            autoFocus={!disableAutoFocus}\n            finalFocusRef={finalFocusRef}\n            initialFocusRef={initialFocusRef}\n            isDisabled={disableTrapFocus}\n            returnFocus={!disableReturnFocus}\n          >\n            <ModalContent animation={animation} {...contentProps}>\n              {cloneElement(children, childProps)}\n            </ModalContent>\n          </FocusLock>\n        </Box>\n      </Portal>\n    </ModalProvider>\n  )\n}) as VuiComponent<'div', ModalProps> & {\n  Backdrop: typeof ModalBackdrop\n  Content: typeof ModalContent\n}\n\nModal.Backdrop = ModalBackdrop\nModal.Content = ModalContent\nModal.displayName = 'Modal'\n\nexport default Modal\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAsBA,MAAa,QAAQ,KAAwB,OAAO,QAAQ;CAC1D,MAAM,EACJ,gBACA,YAAY,YACZ,UACA,WACA,cACA,kBACA,sBACA,iBACA,eACA,oBACA,mBACA,kBACA,eACA,cACA,iBACA,QACA,iBAAiB,qBACjB,SACA,OACA,mBACA,MACA,SACA,GAAG,SACD;CACJ,MAAM,WAAW,OAAoB,IAAI;CACzC,MAAM,qBAAqB,OAA2B,IAAI;CAE1D,gBAAgB,UAAU,QAAQ,iBAAiB;CAEnD,IAAI,CAAC,QAAQ,OAAO;CAEpB,MAAM,mBAAmB,MAAkB;EACzC,EAAE,gBAAgB;EAGlB,IAAI,mBAAmB,YAAY,EAAE,QAAQ;EAE7C,IAAI,CAAC,QAAQ,WAAW,QAAQ,GAAG;EAEnC,IAAI,CAAC,sBAAsB;GACzB,UAAU;GACV,sBAAsB,CAAC;EACzB;CACF;CAEA,MAAM,aAAa,MAAqC;EACtD,IAAI,EAAE,QAAQ,UAAU;GACtB,EAAE,gBAAgB;GAElB,CAAC,mBAAmB,UAAU;GAE9B,QAAQ;EACV;CACF;CAEA,MAAM,eAAe,MAAmB,mBAAmB,UAAU,EAAE;CAEvE,MAAM,aAAa;EACjB,UAAU,MAAkB;GAC1B,EAAE,gBAAgB;GACjB,CAAC,UAAU,MAAK,EAA4C,UAAU,CAAC;EAC1E;EACA,WAAW,UAAU,MAAK,EAA4B,YAAY;CACpE;CAIA,OACE,oBAAC,eAAD;EAAe,OAAO;GAHN;GAAQ;GAAiB;GAAS;GAAM;EAG5B;YAC1B,oBAAC,QAAD;GAAuB;aACrB,qBAAC,KAAD;IACE,WAAW,GAAG,aAAa,SAAS;IACpC,KAAK,UAAU,KAAK,QAAQ;IAC5B,GAAI;IACJ,WAAW,QAAQ,MAAM,WAAW,SAAS;IAC7C,aAAa,QAAQ,MAAM,aAAa,WAAW;cALrD,CAOG,CAAC,gBAAgB,oBAAC,eAAD,CAAgB,IAClC,oBAAC,WAAD;KACE,WAAW,CAAC;KACG;KACE;KACjB,YAAY;KACZ,aAAa,CAAC;eAEd,oBAAC,cAAD;MAAyB;MAAW,GAAI;gBACrC,aAAa,UAAU,UAAU;KACtB;IACL,EACR;;EACC;CACK;AAEnB,CAAC;AAKD,MAAM,WAAW;AACjB,MAAM,UAAU;AAChB,MAAM,cAAc"}

package/dist/modal/modalBackdrop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modalBackdrop.d.ts","names":[],"sources":["../../src/modal/modalBackdrop.tsx"],"mappings":";;;cASa,iBAAA,8BAAiB,eAAA,oCAAA,YAAA,EAK7B,WAL6B;;cAQjB,aAAA,EAAa,YAAA,QAaxB,WAAA"}
+{"version":3,"file":"modalBackdrop.d.ts","names":[],"sources":["../../src/modal/modalBackdrop.tsx"],"mappings":";;;cAUa,iBAAA,8BAAiB,eAAA,oCAAA,YAAA,EAK7B,WAL6B;;cAQjB,aAAA,EAAa,YAAA,QAaxB,WAAA"}

package/dist/modal/modalBackdrop.js

@@ -31,5 +31,5 @@ ModalBackdrop.displayName = "ModalBackdrop";
 
 //#endregion
 export { ModalBackdropBase, ModalBackdrop as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=modalBackdrop.js.map

package/dist/modal/modalBackdrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"modalBackdrop.js","names":["colors"],"sources":["../../src/modal/modalBackdrop.tsx"],"sourcesContent":["import { styled, useStyleConfig, vui } from '../core'\nimport { colors } from '../theme'\nimport { cs, HSLToRGBA, parseHSL } from '../utils'\nimport { useModalContext } from './context'\nimport type { ModalBackdropProps } from './modal.types'\n\nconst { h, s, l } = parseHSL(colors.sandstone[5])\nconst rgba = HSLToRGBA(h, s, l, 0.6)\n\nexport const ModalBackdropBase = styled.divBox`\n  background-color: ${rgba};\n  inset: 0;\n  position: fixed;\n  z-index: modal;\n`\n\n/** Displays a dark overlay underneath modal content, but on top of page content. */\nexport const ModalBackdrop = vui<'div', ModalBackdropProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Modal', useModalContext())\n\n  return (\n    <ModalBackdropBase\n      animation=\"fadeIn\"\n      className={cs('vui-modalBackdrop', className)}\n      ref={ref}\n      {...styles.backdrop}\n      {...rest}\n    />\n  )\n})\n\nModalBackdrop.displayName = 'ModalBackdrop'\n\nexport default ModalBackdrop\n"],"mappings":";;;;;;;;;AAMA,MAAM,EAAE,GAAG,GAAG,MAAM,SAASA,eAAO,UAAU,EAAE;AAChD,MAAM,OAAO,UAAU,GAAG,GAAG,GAAG,EAAG;AAEnC,MAAa,oBAAoB,OAAO,MAAM;sBACxB,KAAK;;;;;;AAO3B,MAAa,gBAAgB,KAAgC,OAAO,QAAQ;CAC1E,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,SAAS,gBAAgB,CAAC;CAExD,OACE,oBAAC,mBAAD;EACE,WAAU;EACV,WAAW,GAAG,qBAAqB,SAAS;EACvC;EACL,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,cAAc,cAAc"}
+{"version":3,"file":"modalBackdrop.js","names":["colors"],"sources":["../../src/modal/modalBackdrop.tsx"],"sourcesContent":["import type { ModalBackdropProps } from './modal.types'\n\nimport { styled, useStyleConfig, vui } from '../core'\nimport { colors } from '../theme'\nimport { cs, HSLToRGBA, parseHSL } from '../utils'\nimport { useModalContext } from './context'\n\nconst { h, s, l } = parseHSL(colors.sandstone[5])\nconst rgba = HSLToRGBA(h, s, l, 0.6)\n\nexport const ModalBackdropBase = styled.divBox`\n  background-color: ${rgba};\n  inset: 0;\n  position: fixed;\n  z-index: modal;\n`\n\n/** Displays a dark overlay underneath modal content, but on top of page content. */\nexport const ModalBackdrop = vui<'div', ModalBackdropProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Modal', useModalContext())\n\n  return (\n    <ModalBackdropBase\n      animation=\"fadeIn\"\n      className={cs('vui-modalBackdrop', className)}\n      ref={ref}\n      {...styles.backdrop}\n      {...rest}\n    />\n  )\n})\n\nModalBackdrop.displayName = 'ModalBackdrop'\n\nexport default ModalBackdrop\n"],"mappings":";;;;;;;;;AAOA,MAAM,EAAE,GAAG,GAAG,MAAM,SAASA,eAAO,UAAU,EAAE;AAChD,MAAM,OAAO,UAAU,GAAG,GAAG,GAAG,EAAG;AAEnC,MAAa,oBAAoB,OAAO,MAAM;sBACxB,KAAK;;;;;;AAO3B,MAAa,gBAAgB,KAAgC,OAAO,QAAQ;CAC1E,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,SAAS,gBAAgB,CAAC;CAExD,OACE,oBAAC,mBAAD;EACE,WAAU;EACV,WAAW,GAAG,qBAAqB,SAAS;EACvC;EACL,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,cAAc,cAAc"}

package/dist/modal/modalContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modalContent.d.ts","names":[],"sources":["../../src/modal/modalContent.tsx"],"mappings":";;;cAKa,gBAAA,8BAAgB,eAAA,oCAAA,YAAA,EAK5B,WAL4B;;cAQhB,YAAA,EAAY,YAAA,QAevB,WAAA"}
+{"version":3,"file":"modalContent.d.ts","names":[],"sources":["../../src/modal/modalContent.tsx"],"mappings":";;;cAMa,gBAAA,8BAAgB,eAAA,oCAAA,YAAA,EAK5B,WAL4B;;cAQhB,YAAA,EAAY,YAAA,QAevB,WAAA"}

package/dist/modal/modalContent.js

@@ -31,5 +31,5 @@ ModalContent.displayName = "ModalContent";
 
 //#endregion
 export { ModalContentBase, ModalContent as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=modalContent.js.map

package/dist/modal/modalContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"modalContent.js","names":[],"sources":["../../src/modal/modalContent.tsx"],"sourcesContent":["import { styled, useStyleConfig, vui } from '../core'\nimport { callAll, cs } from '../utils'\nimport { useModalContext } from './context'\nimport type { ModalContentProps } from './modal.types'\n\nexport const ModalContentBase = styled.divBox`\n  display: flex;\n  inset: 0px;\n  position: fixed;\n  z-index: modal;\n`\n\n/** Wraps the content provided to the Modal component. */\nexport const ModalContent = vui<'div', ModalContentProps>((props, ref) => {\n  const { className, ...rest } = props\n  const { onBackdropClick } = useModalContext() ?? {}\n  const styles = useStyleConfig('Modal', useModalContext())\n\n  return (\n    <ModalContentBase\n      className={cs('vui-modalContent', className)}\n      ref={ref}\n      tabIndex={-1}\n      {...styles.content}\n      {...rest}\n      onClick={callAll(props.onClick, onBackdropClick)}\n    />\n  )\n})\n\nModalContent.displayName = 'ModalContent'\n\nexport default ModalContent\n"],"mappings":";;;;;;;;;AAKA,MAAa,mBAAmB,OAAO,MAAM;;;;;;;AAQ7C,MAAa,eAAe,KAA+B,OAAO,QAAQ;CACxE,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,EAAE,oBAAoB,gBAAgB,KAAK,CAAC;CAClD,MAAM,SAAS,eAAe,SAAS,gBAAgB,CAAC;CAExD,OACE,oBAAC,kBAAD;EACE,WAAW,GAAG,oBAAoB,SAAS;EACtC;EACL,UAAU;EACV,GAAI,OAAO;EACX,GAAI;EACJ,SAAS,QAAQ,MAAM,SAAS,eAAe;CAChD;AAEL,CAAC;AAED,aAAa,cAAc"}
+{"version":3,"file":"modalContent.js","names":[],"sources":["../../src/modal/modalContent.tsx"],"sourcesContent":["import type { ModalContentProps } from './modal.types'\n\nimport { styled, useStyleConfig, vui } from '../core'\nimport { callAll, cs } from '../utils'\nimport { useModalContext } from './context'\n\nexport const ModalContentBase = styled.divBox`\n  display: flex;\n  inset: 0px;\n  position: fixed;\n  z-index: modal;\n`\n\n/** Wraps the content provided to the Modal component. */\nexport const ModalContent = vui<'div', ModalContentProps>((props, ref) => {\n  const { className, ...rest } = props\n  const { onBackdropClick } = useModalContext() ?? {}\n  const styles = useStyleConfig('Modal', useModalContext())\n\n  return (\n    <ModalContentBase\n      className={cs('vui-modalContent', className)}\n      ref={ref}\n      tabIndex={-1}\n      {...styles.content}\n      {...rest}\n      onClick={callAll(props.onClick, onBackdropClick)}\n    />\n  )\n})\n\nModalContent.displayName = 'ModalContent'\n\nexport default ModalContent\n"],"mappings":";;;;;;;;;AAMA,MAAa,mBAAmB,OAAO,MAAM;;;;;;;AAQ7C,MAAa,eAAe,KAA+B,OAAO,QAAQ;CACxE,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,EAAE,oBAAoB,gBAAgB,KAAK,CAAC;CAClD,MAAM,SAAS,eAAe,SAAS,gBAAgB,CAAC;CAExD,OACE,oBAAC,kBAAD;EACE,WAAW,GAAG,oBAAoB,SAAS;EACtC;EACL,UAAU;EACV,GAAI,OAAO;EACX,GAAI;EACJ,SAAS,QAAQ,MAAM,SAAS,eAAe;CAChD;AAEL,CAAC;AAED,aAAa,cAAc"}

package/dist/modal/modalManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modalManager.d.ts","names":[],"sources":["../../src/modal/modalManager.ts"],"mappings":";;;;cAMM,YAAA;EACJ,MAAA;EAEA,GAAA,GAAO,KAAA;EAEP,MAAA,GAAU,KAAA;EAEV,UAAA,GAAc,KAAA;AAAA;AAAA,cAMH,OAAA,EAAO,YAAqB;;iBAGzB,eAAA,CAAgB,GAAA,EAAK,GAAG,OAAO,MAAA,YAAkB,iBAAA"}
+{"version":3,"file":"modalManager.d.ts","names":[],"sources":["../../src/modal/modalManager.ts"],"mappings":";;;;cAOM,YAAA;EACJ,MAAA;EAEA,GAAA,GAAO,KAAA;EAEP,MAAA,GAAU,KAAA;EAEV,UAAA,GAAc,KAAA;AAAA;AAAA,cAMH,OAAA,EAAO,YAAqB;;iBAGzB,eAAA,CAAgB,GAAA,EAAK,GAAG,OAAO,MAAA,YAAkB,iBAAA"}

package/dist/modal/modalManager.js

@@ -29,5 +29,5 @@ function useModalManager(ref, isOpen, disableScrollLock) {
 
 //#endregion
 export { manager, useModalManager };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=modalManager.js.map

package/dist/modal/modalManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"modalManager.js","names":[],"sources":["../../src/modal/modalManager.ts"],"sourcesContent":["import type { Ref } from 'react'\nimport { useEffect } from 'react'\n\nimport { useBodyScrollLock } from '../core'\n\n/** State management for nested modals. */\nclass ModalManager {\n  modals: any[] = []\n\n  add = (modal: any) => this.modals.push(modal)\n\n  remove = (modal: any) => (this.modals = this.modals.filter(m => m !== modal))\n\n  isTopModal = (modal: any) => {\n    const topmostModal = this.modals[this.modals.length - 1]\n    return topmostModal === modal\n  }\n}\n\nexport const manager = new ModalManager()\n\n/** Refs of new modals will be automatically added/removed from the state when rendering. */\nexport function useModalManager(ref: Ref<any>, isOpen?: boolean, disableScrollLock?: boolean) {\n  const { setIsScrollLocked } = useBodyScrollLock()\n  useEffect(() => {\n    if (isOpen) {\n      manager.add(ref)\n      if (!disableScrollLock) setIsScrollLocked(true)\n    }\n\n    return () => {\n      manager.remove(ref)\n      if (!disableScrollLock) setIsScrollLocked(false)\n    }\n  }, [isOpen, ref])\n}\n"],"mappings":";;;;;AAMA,IAAM,eAAN,MAAmB;CACjB,SAAgB,CAAC;CAEjB,OAAO,UAAe,KAAK,OAAO,KAAK,KAAK;CAE5C,UAAU,UAAgB,KAAK,SAAS,KAAK,OAAO,QAAO,MAAK,MAAM,KAAK;CAE3E,cAAc,UAAe;EAE3B,OADqB,KAAK,OAAO,KAAK,OAAO,SAAS,OAC9B;CAC1B;AACF;AAEA,MAAa,UAAU,IAAI,aAAa;;AAGxC,SAAgB,gBAAgB,KAAe,QAAkB,mBAA6B;CAC5F,MAAM,EAAE,sBAAsB,kBAAkB;CAChD,gBAAgB;EACd,IAAI,QAAQ;GACV,QAAQ,IAAI,GAAG;GACf,IAAI,CAAC,mBAAmB,kBAAkB,IAAI;EAChD;EAEA,aAAa;GACX,QAAQ,OAAO,GAAG;GAClB,IAAI,CAAC,mBAAmB,kBAAkB,KAAK;EACjD;CACF,GAAG,CAAC,QAAQ,GAAG,CAAC;AAClB"}
+{"version":3,"file":"modalManager.js","names":[],"sources":["../../src/modal/modalManager.ts"],"sourcesContent":["import type { Ref } from 'react'\n\nimport { useEffect } from 'react'\n\nimport { useBodyScrollLock } from '../core'\n\n/** State management for nested modals. */\nclass ModalManager {\n  modals: any[] = []\n\n  add = (modal: any) => this.modals.push(modal)\n\n  remove = (modal: any) => (this.modals = this.modals.filter(m => m !== modal))\n\n  isTopModal = (modal: any) => {\n    const topmostModal = this.modals[this.modals.length - 1]\n    return topmostModal === modal\n  }\n}\n\nexport const manager = new ModalManager()\n\n/** Refs of new modals will be automatically added/removed from the state when rendering. */\nexport function useModalManager(ref: Ref<any>, isOpen?: boolean, disableScrollLock?: boolean) {\n  const { setIsScrollLocked } = useBodyScrollLock()\n  useEffect(() => {\n    if (isOpen) {\n      manager.add(ref)\n      if (!disableScrollLock) setIsScrollLocked(true)\n    }\n\n    return () => {\n      manager.remove(ref)\n      if (!disableScrollLock) setIsScrollLocked(false)\n    }\n  }, [isOpen, ref])\n}\n"],"mappings":";;;;;AAOA,IAAM,eAAN,MAAmB;CACjB,SAAgB,CAAC;CAEjB,OAAO,UAAe,KAAK,OAAO,KAAK,KAAK;CAE5C,UAAU,UAAgB,KAAK,SAAS,KAAK,OAAO,QAAO,MAAK,MAAM,KAAK;CAE3E,cAAc,UAAe;EAE3B,OADqB,KAAK,OAAO,KAAK,OAAO,SAAS,OAC9B;CAC1B;AACF;AAEA,MAAa,UAAU,IAAI,aAAa;;AAGxC,SAAgB,gBAAgB,KAAe,QAAkB,mBAA6B;CAC5F,MAAM,EAAE,sBAAsB,kBAAkB;CAChD,gBAAgB;EACd,IAAI,QAAQ;GACV,QAAQ,IAAI,GAAG;GACf,IAAI,CAAC,mBAAmB,kBAAkB,IAAI;EAChD;EAEA,aAAa;GACX,QAAQ,OAAO,GAAG;GAClB,IAAI,CAAC,mBAAmB,kBAAkB,KAAK;EACjD;CACF,GAAG,CAAC,QAAQ,GAAG,CAAC;AAClB"}

package/dist/modal/theme.js

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

package/dist/notification/consts.js

@@ -71,5 +71,5 @@ const notificationStatusMapping = {
 
 //#endregion
 export { INTENT_ICON_MAP, LOADING_ICON_PROPS, notificationStatusMapping };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=consts.js.map

package/dist/notification/consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"consts.js","names":[],"sources":["../../src/notification/consts.ts"],"sourcesContent":["import type { IconProps } from '../icon'\nimport { iconDictionary } from '../message/consts'\nimport type { NotificationIntent, NotificationStatusMapping } from './notification.types'\n\n/** Maps each intent to the icon props auto-injected when no explicit icon is provided. */\nexport const INTENT_ICON_MAP: Record<NotificationIntent, IconProps> = {\n  info: { name: iconDictionary.info },\n  success: { name: iconDictionary.success },\n  danger: { name: iconDictionary.error },\n  warning: { name: iconDictionary.warning },\n}\n\n/** Icon props used when isLoading is true. */\nexport const LOADING_ICON_PROPS: IconProps = {\n  name: 'uiSpinnerThird',\n  pathFill: ['blue.40', 'blue.60'],\n  variant: 'spinning',\n}\n\nexport const notificationStatusMapping: NotificationStatusMapping = {\n  error: { iconProps: { name: iconDictionary.error }, variant: 'inline', intent: 'danger' },\n  info: { iconProps: { name: iconDictionary.info }, variant: 'inline', intent: 'info' },\n  loading: { iconProps: LOADING_ICON_PROPS, variant: 'inline', intent: 'info', isLoading: true },\n  success: { iconProps: { name: iconDictionary.success }, variant: 'inline', intent: 'success' },\n  warning: { iconProps: { name: iconDictionary.warning }, variant: 'inline', intent: 'warning' },\n  bannerError: { iconProps: { name: iconDictionary.error }, variant: 'banner', intent: 'danger' },\n  bannerInfo: { iconProps: { name: iconDictionary.info }, variant: 'banner', intent: 'info' },\n  bannerLoading: { iconProps: LOADING_ICON_PROPS, variant: 'banner', intent: 'info', isLoading: true },\n  bannerSuccess: { iconProps: { name: iconDictionary.success }, variant: 'banner', intent: 'success' },\n  bannerWarning: { iconProps: { name: iconDictionary.warning }, variant: 'banner', intent: 'warning' },\n}\n"],"mappings":";;;;AAKA,MAAa,kBAAyD;CACpE,MAAM,EAAE,MAAM,eAAe,KAAK;CAClC,SAAS,EAAE,MAAM,eAAe,QAAQ;CACxC,QAAQ,EAAE,MAAM,eAAe,MAAM;CACrC,SAAS,EAAE,MAAM,eAAe,QAAQ;AAC1C;;AAGA,MAAa,qBAAgC;CAC3C,MAAM;CACN,UAAU,CAAC,WAAW,SAAS;CAC/B,SAAS;AACX;AAEA,MAAa,4BAAuD;CAClE,OAAO;EAAE,WAAW,EAAE,MAAM,eAAe,MAAM;EAAG,SAAS;EAAU,QAAQ;CAAS;CACxF,MAAM;EAAE,WAAW,EAAE,MAAM,eAAe,KAAK;EAAG,SAAS;EAAU,QAAQ;CAAO;CACpF,SAAS;EAAE,WAAW;EAAoB,SAAS;EAAU,QAAQ;EAAQ,WAAW;CAAK;CAC7F,SAAS;EAAE,WAAW,EAAE,MAAM,eAAe,QAAQ;EAAG,SAAS;EAAU,QAAQ;CAAU;CAC7F,SAAS;EAAE,WAAW,EAAE,MAAM,eAAe,QAAQ;EAAG,SAAS;EAAU,QAAQ;CAAU;CAC7F,aAAa;EAAE,WAAW,EAAE,MAAM,eAAe,MAAM;EAAG,SAAS;EAAU,QAAQ;CAAS;CAC9F,YAAY;EAAE,WAAW,EAAE,MAAM,eAAe,KAAK;EAAG,SAAS;EAAU,QAAQ;CAAO;CAC1F,eAAe;EAAE,WAAW;EAAoB,SAAS;EAAU,QAAQ;EAAQ,WAAW;CAAK;CACnG,eAAe;EAAE,WAAW,EAAE,MAAM,eAAe,QAAQ;EAAG,SAAS;EAAU,QAAQ;CAAU;CACnG,eAAe;EAAE,WAAW,EAAE,MAAM,eAAe,QAAQ;EAAG,SAAS;EAAU,QAAQ;CAAU;AACrG"}
+{"version":3,"file":"consts.js","names":[],"sources":["../../src/notification/consts.ts"],"sourcesContent":["import type { IconProps } from '../icon'\nimport type { NotificationIntent, NotificationStatusMapping } from './notification.types'\n\nimport { iconDictionary } from '../message/consts'\n\n/** Maps each intent to the icon props auto-injected when no explicit icon is provided. */\nexport const INTENT_ICON_MAP: Record<NotificationIntent, IconProps> = {\n  info: { name: iconDictionary.info },\n  success: { name: iconDictionary.success },\n  danger: { name: iconDictionary.error },\n  warning: { name: iconDictionary.warning },\n}\n\n/** Icon props used when isLoading is true. */\nexport const LOADING_ICON_PROPS: IconProps = {\n  name: 'uiSpinnerThird',\n  pathFill: ['blue.40', 'blue.60'],\n  variant: 'spinning',\n}\n\nexport const notificationStatusMapping: NotificationStatusMapping = {\n  error: { iconProps: { name: iconDictionary.error }, variant: 'inline', intent: 'danger' },\n  info: { iconProps: { name: iconDictionary.info }, variant: 'inline', intent: 'info' },\n  loading: { iconProps: LOADING_ICON_PROPS, variant: 'inline', intent: 'info', isLoading: true },\n  success: { iconProps: { name: iconDictionary.success }, variant: 'inline', intent: 'success' },\n  warning: { iconProps: { name: iconDictionary.warning }, variant: 'inline', intent: 'warning' },\n  bannerError: { iconProps: { name: iconDictionary.error }, variant: 'banner', intent: 'danger' },\n  bannerInfo: { iconProps: { name: iconDictionary.info }, variant: 'banner', intent: 'info' },\n  bannerLoading: { iconProps: LOADING_ICON_PROPS, variant: 'banner', intent: 'info', isLoading: true },\n  bannerSuccess: { iconProps: { name: iconDictionary.success }, variant: 'banner', intent: 'success' },\n  bannerWarning: { iconProps: { name: iconDictionary.warning }, variant: 'banner', intent: 'warning' },\n}\n"],"mappings":";;;;AAMA,MAAa,kBAAyD;CACpE,MAAM,EAAE,MAAM,eAAe,KAAK;CAClC,SAAS,EAAE,MAAM,eAAe,QAAQ;CACxC,QAAQ,EAAE,MAAM,eAAe,MAAM;CACrC,SAAS,EAAE,MAAM,eAAe,QAAQ;AAC1C;;AAGA,MAAa,qBAAgC;CAC3C,MAAM;CACN,UAAU,CAAC,WAAW,SAAS;CAC/B,SAAS;AACX;AAEA,MAAa,4BAAuD;CAClE,OAAO;EAAE,WAAW,EAAE,MAAM,eAAe,MAAM;EAAG,SAAS;EAAU,QAAQ;CAAS;CACxF,MAAM;EAAE,WAAW,EAAE,MAAM,eAAe,KAAK;EAAG,SAAS;EAAU,QAAQ;CAAO;CACpF,SAAS;EAAE,WAAW;EAAoB,SAAS;EAAU,QAAQ;EAAQ,WAAW;CAAK;CAC7F,SAAS;EAAE,WAAW,EAAE,MAAM,eAAe,QAAQ;EAAG,SAAS;EAAU,QAAQ;CAAU;CAC7F,SAAS;EAAE,WAAW,EAAE,MAAM,eAAe,QAAQ;EAAG,SAAS;EAAU,QAAQ;CAAU;CAC7F,aAAa;EAAE,WAAW,EAAE,MAAM,eAAe,MAAM;EAAG,SAAS;EAAU,QAAQ;CAAS;CAC9F,YAAY;EAAE,WAAW,EAAE,MAAM,eAAe,KAAK;EAAG,SAAS;EAAU,QAAQ;CAAO;CAC1F,eAAe;EAAE,WAAW;EAAoB,SAAS;EAAU,QAAQ;EAAQ,WAAW;CAAK;CACnG,eAAe;EAAE,WAAW,EAAE,MAAM,eAAe,QAAQ;EAAG,SAAS;EAAU,QAAQ;CAAU;CACnG,eAAe;EAAE,WAAW,EAAE,MAAM,eAAe,QAAQ;EAAG,SAAS;EAAU,QAAQ;CAAU;AACrG"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/notification/context.ts"],"mappings":";;;cAGO,oBAAA,kBAAoB,QAAA,CAAA,OAAA,CAAA,iBAAA,IAAE,sBAAA,QAAsB,OAAA,CAAA,iBAAA"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/notification/context.ts"],"mappings":";;;cAIO,oBAAA,kBAAoB,QAAA,CAAA,OAAA,CAAA,iBAAA,IAAE,sBAAA,QAAsB,OAAA,CAAA,iBAAA"}

package/dist/notification/context.js

@@ -5,5 +5,5 @@ const [NotificationProvider, useNotificationContext] = createContext({ isOptiona
 
 //#endregion
 export { NotificationProvider, useNotificationContext };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=context.js.map

package/dist/notification/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../src/notification/context.ts"],"sourcesContent":["import { createContext } from '../utils'\nimport type { NotificationProps } from './notification.types'\n\nconst [NotificationProvider, useNotificationContext] = createContext<Partial<NotificationProps>>({ isOptional: true })\n\nexport { NotificationProvider, useNotificationContext }\n"],"mappings":";;;AAGA,MAAM,CAAC,sBAAsB,0BAA0B,cAA0C,EAAE,YAAY,KAAK,CAAC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../src/notification/context.ts"],"sourcesContent":["import type { NotificationProps } from './notification.types'\n\nimport { createContext } from '../utils'\n\nconst [NotificationProvider, useNotificationContext] = createContext<Partial<NotificationProps>>({ isOptional: true })\n\nexport { NotificationProvider, useNotificationContext }\n"],"mappings":";;;AAIA,MAAM,CAAC,sBAAsB,0BAA0B,cAA0C,EAAE,YAAY,KAAK,CAAC"}

package/dist/notification/notification.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification.d.ts","names":[],"sources":["../../src/notification/notification.tsx"],"mappings":";;;;;;;;;;;AAuDA;cAAa,YAAA,EAyIP,YAAA,QAAoB,iBAAA;EACxB,MAAA,SAAe,kBAAA;EACf,IAAA,SAAa,gBAAA;EACb,IAAA,SAAa,gBAAA;EACb,KAAA,SAAc,iBAAA;AAAA"}
+{"version":3,"file":"notification.d.ts","names":[],"sources":["../../src/notification/notification.tsx"],"mappings":";;;;;;;;;;;AAwDA;cAAa,YAAA,EAyIP,YAAA,QAAoB,iBAAA;EACxB,MAAA,SAAe,kBAAA;EACf,IAAA,SAAa,gBAAA;EACb,IAAA,SAAa,gBAAA;EACb,KAAA,SAAc,iBAAA;AAAA"}

package/dist/notification/notification.js

@@ -155,5 +155,5 @@ Notification.displayName = "Notification";
 
 //#endregion
 export { Notification as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=notification.js.map

package/dist/notification/notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"notification.js","names":["shadows"],"sources":["../../src/notification/notification.tsx"],"sourcesContent":["import Box from '../box'\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { DismissButton } from '../dismissButton'\nimport shadows from '../theme/foundations/shadows'\nimport { cs, filterUndefined, isReactText, isString } from '../utils'\nimport { INTENT_ICON_MAP, notificationStatusMapping, LOADING_ICON_PROPS } from './consts'\nimport { NotificationProvider } from './context'\nimport type { NotificationProps } from './notification.types'\nimport NotificationAction from './notificationAction'\nimport NotificationIcon from './notificationIcon'\nimport NotificationText from './notificationText'\nimport NotificationTitle from './notificationTitle'\nimport { DEFAULT_VARIANT, inferNotificationLayout, resolveNotificationAria, resolveNotificationVariant } from './utils'\n\nconst linkSwipeAnimation = `\n  @keyframes linkSwipe {\n    from {\n      background-size: 0 1px;\n    }\n    to {\n      background-size: 100% 1px;\n    }\n  }\n`\n\nconst NotificationContainer = styled(Box)<{ $dismissFg?: string; $isBanner?: boolean }>`\n  ${({ $dismissFg }) => $dismissFg && `--vui-dismiss-fg: ${$dismissFg};`}\n  ${linkSwipeAnimation}\n  .vui-notificationText a {\n    text-decoration: none;\n    background: linear-gradient(to right, currentColor, currentColor);\n    background-size: 100% 1px;\n    background-position: 0 100%;\n    background-repeat: no-repeat;\n    padding-bottom: 2px;\n  }\n  .vui-notificationText a:hover {\n    animation: linkSwipe 0.5s ease forwards;\n    background-size: 100% 1px;\n  }\n  ${({ $isBanner }) =>\n    $isBanner &&\n    `\n    box-shadow: ${shadows.md};\n    position: relative;\n    width: 100%;\n    border: none;\n  `}\n`\n\n/**\n * Displays informational content, like text and icon with optional action buttons.\n * Handles multiple states, like info, error or loading.\n */\nexport const Notification = vui<'div', NotificationProps>((props, ref) => {\n  const {\n    action,\n    align,\n    ariaLive,\n    children,\n    className,\n    icon,\n    intent,\n    isLoading,\n    onClose,\n    role,\n    showDismissButton,\n    size,\n    status,\n    statusMapping,\n    text,\n    title,\n    variant: variantProp = DEFAULT_VARIANT,\n    verticalAlign,\n    ...rest\n  } = props\n\n  const statuses = { ...notificationStatusMapping, ...statusMapping }\n\n  // Derive variant/intent/isLoading from deprecated status prop when not explicitly set.\n  // Explicit props always win; status is a convenience shorthand only.\n  const statusProps = status ? statuses[status] : undefined\n  const resolvedVariant = variantProp !== DEFAULT_VARIANT ? variantProp : (statusProps?.variant ?? variantProp)\n  // Q9: when isLoading is true, default intent to 'info' if not specified.\n  const intentFromProps = intent ?? statusProps?.intent\n  const resolvedIsLoading = isLoading ?? statusProps?.isLoading\n  const resolvedIntent = resolvedIsLoading && intentFromProps == null ? 'info' : intentFromProps\n\n  const { themeKey, isBanner } = resolveNotificationVariant(resolvedVariant, resolvedIntent)\n\n  // Q2: infer layout from content composition; no `layout` prop.\n  const layout = inferNotificationLayout({ action, text, title, hasStatus: !!statusProps })\n\n  // Q4: auto-map role/aria-live from intent (and isLoading). Explicit props win.\n  const aria = resolveNotificationAria({ intent: resolvedIntent, isLoading: resolvedIsLoading })\n  const resolvedRole = role ?? aria.role\n  const resolvedAriaLive = ariaLive ?? aria.ariaLive\n\n  const styles = useStyleConfig('Notification', { variant: themeKey, size })\n\n  // Auto-inject icon only when using the default render path (no custom children).\n  // When children are provided, the consumer manages icons via <Notification.Icon>.\n  // An explicit string `icon` prop always wins regardless of children.\n  // Priority: explicit icon → loading → status mapping → intent mapping\n  const autoIconProps = resolvedIsLoading\n    ? LOADING_ICON_PROPS\n    : (statuses[status ?? '']?.iconProps ?? (resolvedIntent ? INTENT_ICON_MAP[resolvedIntent] : undefined))\n\n  const showIcon = icon !== ''\n  const iconName = showIcon ? (isString(icon) ? icon : (!children && autoIconProps?.name) || undefined) : undefined\n\n  const context = filterUndefined<NotificationProps>({\n    size,\n    status,\n    statusMapping,\n    variant: themeKey,\n    intent: resolvedIntent,\n    isLoading: resolvedIsLoading,\n  })\n  // Q10: expose the inferred layout to Notification.Action via context.\n  // Use a non-prop key so the context payload doesn't pollute NotificationProps consumers.\n  ;(context as Record<string, unknown>).layout = layout\n\n  // verticalAlign is deprecated; map old values to the new align prop\n  const resolvedAlign =\n    align ?? (verticalAlign === 'center' ? 'center' : verticalAlign === 'flex-start' ? 'top' : undefined)\n  // Q11: align is the only manual override. When omitted, fall back to layout-driven default.\n  const layoutDefaultAlign = layout === 'one-line' ? 'center' : 'top'\n  const alignSelf = (resolvedAlign ?? layoutDefaultAlign) === 'center' ? 'center' : 'flex-start'\n\n  return (\n    <NotificationProvider value={context}>\n      <NotificationContainer\n        borderRadius=\"md\"\n        borderWidth={1}\n        className={cs('vui-notification', className)}\n        ref={ref}\n        role={resolvedRole}\n        aria-live={resolvedAriaLive}\n        data-intent={resolvedIntent}\n        data-variant={isBanner ? 'banner' : 'inline'}\n        data-layout={layout}\n        data-loading={resolvedIsLoading ? 'true' : undefined}\n        data-align={resolvedAlign}\n        w=\"fit-content\"\n        $dismissFg={styles.container?.['--vui-dismiss-fg']}\n        $isBanner={isBanner}\n        {...styles.container}\n        {...rest}\n      >\n        {iconName ? (\n          <Box alignSelf={alignSelf} {...styles.icon}>\n            <NotificationIcon {...autoIconProps} name={iconName} />\n          </Box>\n        ) : showIcon ? (\n          icon\n        ) : null}\n\n        {children ?? (\n          <Box column={alignSelf !== 'center'} flex={1} {...styles.content}>\n            <NotificationText>\n              {title ? (\n                isReactText(title) ? (\n                  <NotificationTitle\n                    display={alignSelf !== 'center' ? 'block' : 'inline'}\n                    mb={alignSelf !== 'center' && text ? styles.title?.mb : undefined}\n                    text={title}\n                  />\n                ) : (\n                  title\n                )\n              ) : null}\n              {title && text && alignSelf === 'center' ? ' ' : null}\n              {text}\n            </NotificationText>\n            {action ? <NotificationAction>{action}</NotificationAction> : null}\n          </Box>\n        )}\n\n        {showDismissButton && (\n          <DismissButton\n            alignSelf={alignSelf}\n            aria-label=\"Close\"\n            size=\"md\"\n            onClick={onClose || (() => {})}\n            {...styles.button}\n          />\n        )}\n      </NotificationContainer>\n    </NotificationProvider>\n  )\n}) as VuiComponent<'div', NotificationProps> & {\n  Action: typeof NotificationAction\n  Icon: typeof NotificationIcon\n  Text: typeof NotificationText\n  Title: typeof NotificationTitle\n}\n\nNotification.Action = NotificationAction\nNotification.Icon = NotificationIcon\nNotification.Text = NotificationText\nNotification.Title = NotificationTitle\nNotification.displayName = 'Notification'\n\nexport default Notification\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA0BA,MAAM,wBAAwB,OAAO,GAAG,CAAC,AAA8C;KAClF,EAAE,iBAAiB,cAAc,qBAAqB,WAAW,GAAG;IACrE;;;;;;;;;EAAmB;;;;;;;;;;;;;KAalB,EAAE,gBACH,aACA;kBACcA,gBAAQ,GAAG;;;;IAIzB;;;;;;AAOJ,MAAa,eAAe,KAA+B,OAAO,QAAQ;CACxE,MAAM,EACJ,QACA,OACA,UACA,UACA,WACA,MACA,QACA,WACA,SACA,MACA,mBACA,MACA,QACA,eACA,MACA,OACA,SAAS,cAAc,iBACvB,eACA,GAAG,SACD;CAEJ,MAAM,WAAW;EAAE,GAAG;EAA2B,GAAG;CAAc;CAIlE,MAAM,cAAc,SAAS,SAAS,UAAU;CAChD,MAAM,kBAAkB,2BAAkC,cAAe,aAAa,WAAW;CAEjG,MAAM,kBAAkB,UAAU,aAAa;CAC/C,MAAM,oBAAoB,aAAa,aAAa;CACpD,MAAM,iBAAiB,qBAAqB,mBAAmB,OAAO,SAAS;CAE/E,MAAM,EAAE,UAAU,aAAa,2BAA2B,iBAAiB,cAAc;CAGzF,MAAM,SAAS,wBAAwB;EAAE;EAAQ;EAAM;EAAO,WAAW,CAAC,CAAC;CAAY,CAAC;CAGxF,MAAM,OAAO,wBAAwB;EAAE,QAAQ;EAAgB,WAAW;CAAkB,CAAC;CAC7F,MAAM,eAAe,QAAQ,KAAK;CAClC,MAAM,mBAAmB,YAAY,KAAK;CAE1C,MAAM,SAAS,eAAe,gBAAgB;EAAE,SAAS;EAAU;CAAK,CAAC;CAMzE,MAAM,gBAAgB,oBAClB,qBACC,SAAS,UAAU,GAAG,EAAE,cAAc,iBAAiB,gBAAgB,kBAAkB;CAE9F,MAAM,WAAW,SAAS;CAC1B,MAAM,WAAW,WAAY,SAAS,IAAI,IAAI,OAAQ,CAAC,YAAY,eAAe,QAAS,SAAa;CAExG,MAAM,UAAU,gBAAmC;EACjD;EACA;EACA;EACA,SAAS;EACT,QAAQ;EACR,WAAW;CACb,CAAC;CAGA,AAAC,QAAoC,SAAS;CAG/C,MAAM,gBACJ,UAAU,kBAAkB,WAAW,WAAW,kBAAkB,eAAe,QAAQ;CAG7F,MAAM,aAAa,kBADQ,WAAW,aAAa,WAAW,YACF,WAAW,WAAW;CAElF,OACE,oBAAC,sBAAD;EAAsB,OAAO;YAC3B,qBAAC,uBAAD;GACE,cAAa;GACb,aAAa;GACb,WAAW,GAAG,oBAAoB,SAAS;GACtC;GACL,MAAM;GACN,aAAW;GACX,eAAa;GACb,gBAAc,WAAW,WAAW;GACpC,eAAa;GACb,gBAAc,oBAAoB,SAAS;GAC3C,cAAY;GACZ,GAAE;GACF,YAAY,OAAO,YAAY;GAC/B,WAAW;GACX,GAAI,OAAO;GACX,GAAI;aAhBN;IAkBG,WACC,oBAAC,KAAD;KAAgB;KAAW,GAAI,OAAO;eACpC,oBAAC,kBAAD;MAAkB,GAAI;MAAe,MAAM;KAAW;IACnD,KACH,WACF,OACE;IAEH,YACC,qBAAC,KAAD;KAAK,QAAQ,cAAc;KAAU,MAAM;KAAG,GAAI,OAAO;eAAzD,CACE,qBAAC,kBAAD;MACG,QACC,YAAY,KAAK,IACf,oBAAC,mBAAD;OACE,SAAS,cAAc,WAAW,UAAU;OAC5C,IAAI,cAAc,YAAY,OAAO,OAAO,OAAO,KAAK;OACxD,MAAM;MACP,KAED,QAEA;MACH,SAAS,QAAQ,cAAc,WAAW,MAAM;MAChD;KACe,MACjB,SAAS,oBAAC,oBAAD,YAAqB,OAA2B,KAAI,IAC3D;;IAGN,qBACC,oBAAC,eAAD;KACa;KACX,cAAW;KACX,MAAK;KACL,SAAS,kBAAkB,CAAC;KAC5B,GAAI,OAAO;IACZ;GAEkB;;CACH;AAE1B,CAAC;AAOD,aAAa,SAAS;AACtB,aAAa,OAAO;AACpB,aAAa,OAAO;AACpB,aAAa,QAAQ;AACrB,aAAa,cAAc"}
+{"version":3,"file":"notification.js","names":["shadows"],"sources":["../../src/notification/notification.tsx"],"sourcesContent":["import type { VuiComponent } from '../core'\nimport type { NotificationProps } from './notification.types'\n\nimport Box from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { DismissButton } from '../dismissButton'\nimport shadows from '../theme/foundations/shadows'\nimport { cs, filterUndefined, isReactText, isString } from '../utils'\nimport { INTENT_ICON_MAP, notificationStatusMapping, LOADING_ICON_PROPS } from './consts'\nimport { NotificationProvider } from './context'\nimport NotificationAction from './notificationAction'\nimport NotificationIcon from './notificationIcon'\nimport NotificationText from './notificationText'\nimport NotificationTitle from './notificationTitle'\nimport { DEFAULT_VARIANT, inferNotificationLayout, resolveNotificationAria, resolveNotificationVariant } from './utils'\n\nconst linkSwipeAnimation = `\n  @keyframes linkSwipe {\n    from {\n      background-size: 0 1px;\n    }\n    to {\n      background-size: 100% 1px;\n    }\n  }\n`\n\nconst NotificationContainer = styled(Box)<{ $dismissFg?: string; $isBanner?: boolean }>`\n  ${({ $dismissFg }) => $dismissFg && `--vui-dismiss-fg: ${$dismissFg};`}\n  ${linkSwipeAnimation}\n  .vui-notificationText a {\n    text-decoration: none;\n    background: linear-gradient(to right, currentColor, currentColor);\n    background-size: 100% 1px;\n    background-position: 0 100%;\n    background-repeat: no-repeat;\n    padding-bottom: 2px;\n  }\n  .vui-notificationText a:hover {\n    animation: linkSwipe 0.5s ease forwards;\n    background-size: 100% 1px;\n  }\n  ${({ $isBanner }) =>\n    $isBanner &&\n    `\n    box-shadow: ${shadows.md};\n    position: relative;\n    width: 100%;\n    border: none;\n  `}\n`\n\n/**\n * Displays informational content, like text and icon with optional action buttons.\n * Handles multiple states, like info, error or loading.\n */\nexport const Notification = vui<'div', NotificationProps>((props, ref) => {\n  const {\n    action,\n    align,\n    ariaLive,\n    children,\n    className,\n    icon,\n    intent,\n    isLoading,\n    onClose,\n    role,\n    showDismissButton,\n    size,\n    status,\n    statusMapping,\n    text,\n    title,\n    variant: variantProp = DEFAULT_VARIANT,\n    verticalAlign,\n    ...rest\n  } = props\n\n  const statuses = { ...notificationStatusMapping, ...statusMapping }\n\n  // Derive variant/intent/isLoading from deprecated status prop when not explicitly set.\n  // Explicit props always win; status is a convenience shorthand only.\n  const statusProps = status ? statuses[status] : undefined\n  const resolvedVariant = variantProp !== DEFAULT_VARIANT ? variantProp : (statusProps?.variant ?? variantProp)\n  // Q9: when isLoading is true, default intent to 'info' if not specified.\n  const intentFromProps = intent ?? statusProps?.intent\n  const resolvedIsLoading = isLoading ?? statusProps?.isLoading\n  const resolvedIntent = resolvedIsLoading && intentFromProps == null ? 'info' : intentFromProps\n\n  const { themeKey, isBanner } = resolveNotificationVariant(resolvedVariant, resolvedIntent)\n\n  // Q2: infer layout from content composition; no `layout` prop.\n  const layout = inferNotificationLayout({ action, text, title, hasStatus: !!statusProps })\n\n  // Q4: auto-map role/aria-live from intent (and isLoading). Explicit props win.\n  const aria = resolveNotificationAria({ intent: resolvedIntent, isLoading: resolvedIsLoading })\n  const resolvedRole = role ?? aria.role\n  const resolvedAriaLive = ariaLive ?? aria.ariaLive\n\n  const styles = useStyleConfig('Notification', { variant: themeKey, size })\n\n  // Auto-inject icon only when using the default render path (no custom children).\n  // When children are provided, the consumer manages icons via <Notification.Icon>.\n  // An explicit string `icon` prop always wins regardless of children.\n  // Priority: explicit icon → loading → status mapping → intent mapping\n  const autoIconProps = resolvedIsLoading\n    ? LOADING_ICON_PROPS\n    : (statuses[status ?? '']?.iconProps ?? (resolvedIntent ? INTENT_ICON_MAP[resolvedIntent] : undefined))\n\n  const showIcon = icon !== ''\n  const iconName = showIcon ? (isString(icon) ? icon : (!children && autoIconProps?.name) || undefined) : undefined\n\n  const context = filterUndefined<NotificationProps>({\n    size,\n    status,\n    statusMapping,\n    variant: themeKey,\n    intent: resolvedIntent,\n    isLoading: resolvedIsLoading,\n  })\n  // Q10: expose the inferred layout to Notification.Action via context.\n  // Use a non-prop key so the context payload doesn't pollute NotificationProps consumers.\n  ;(context as Record<string, unknown>).layout = layout\n\n  // verticalAlign is deprecated; map old values to the new align prop\n  const resolvedAlign =\n    align ?? (verticalAlign === 'center' ? 'center' : verticalAlign === 'flex-start' ? 'top' : undefined)\n  // Q11: align is the only manual override. When omitted, fall back to layout-driven default.\n  const layoutDefaultAlign = layout === 'one-line' ? 'center' : 'top'\n  const alignSelf = (resolvedAlign ?? layoutDefaultAlign) === 'center' ? 'center' : 'flex-start'\n\n  return (\n    <NotificationProvider value={context}>\n      <NotificationContainer\n        borderRadius=\"md\"\n        borderWidth={1}\n        className={cs('vui-notification', className)}\n        ref={ref}\n        role={resolvedRole}\n        aria-live={resolvedAriaLive}\n        data-intent={resolvedIntent}\n        data-variant={isBanner ? 'banner' : 'inline'}\n        data-layout={layout}\n        data-loading={resolvedIsLoading ? 'true' : undefined}\n        data-align={resolvedAlign}\n        w=\"fit-content\"\n        $dismissFg={styles.container?.['--vui-dismiss-fg']}\n        $isBanner={isBanner}\n        {...styles.container}\n        {...rest}\n      >\n        {iconName ? (\n          <Box alignSelf={alignSelf} {...styles.icon}>\n            <NotificationIcon {...autoIconProps} name={iconName} />\n          </Box>\n        ) : showIcon ? (\n          icon\n        ) : null}\n\n        {children ?? (\n          <Box column={alignSelf !== 'center'} flex={1} {...styles.content}>\n            <NotificationText>\n              {title ? (\n                isReactText(title) ? (\n                  <NotificationTitle\n                    display={alignSelf !== 'center' ? 'block' : 'inline'}\n                    mb={alignSelf !== 'center' && text ? styles.title?.mb : undefined}\n                    text={title}\n                  />\n                ) : (\n                  title\n                )\n              ) : null}\n              {title && text && alignSelf === 'center' ? ' ' : null}\n              {text}\n            </NotificationText>\n            {action ? <NotificationAction>{action}</NotificationAction> : null}\n          </Box>\n        )}\n\n        {showDismissButton && (\n          <DismissButton\n            alignSelf={alignSelf}\n            aria-label=\"Close\"\n            size=\"md\"\n            onClick={onClose || (() => {})}\n            {...styles.button}\n          />\n        )}\n      </NotificationContainer>\n    </NotificationProvider>\n  )\n}) as VuiComponent<'div', NotificationProps> & {\n  Action: typeof NotificationAction\n  Icon: typeof NotificationIcon\n  Text: typeof NotificationText\n  Title: typeof NotificationTitle\n}\n\nNotification.Action = NotificationAction\nNotification.Icon = NotificationIcon\nNotification.Text = NotificationText\nNotification.Title = NotificationTitle\nNotification.displayName = 'Notification'\n\nexport default Notification\n"],"mappings":"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"}

package/dist/notification/notificationAction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notificationAction.d.ts","names":[],"sources":["../../src/notification/notificationAction.tsx"],"mappings":";;;;cAQa,kBAAA,EAAkB,YAAA,QAAA,QAAA"}
+{"version":3,"file":"notificationAction.d.ts","names":[],"sources":["../../src/notification/notificationAction.tsx"],"mappings":";;;;cASa,kBAAA,EAAkB,YAAA,QAAA,QAAA"}

package/dist/notification/notificationAction.js

@@ -27,5 +27,5 @@ NotificationAction.displayName = "NotificationAction";
 
 //#endregion
 export { NotificationAction as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=notificationAction.js.map

package/dist/notification/notificationAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"notificationAction.js","names":[],"sources":["../../src/notification/notificationAction.tsx"],"sourcesContent":["import Box from '../box'\nimport type { BoxProps } from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useNotificationContext } from './context'\nimport type { NotificationLayout } from './notification.types'\n\n/** Displays an action button within the Notification. */\nexport const NotificationAction = vui<'div', BoxProps>((props, ref) => {\n  const { children, className, ...rest } = props\n  const ctx = useNotificationContext()\n  const styles = useStyleConfig('Notification', ctx)\n\n  // Q10: When rendered inside a button-down layout, the action region stretches\n  // full-width and exposes `data-layout` so consumers (and the SCSS reference)\n  // can scope styles to the button-down CTA without coupling to Button internals.\n  // TODO(763859 follow-up): inject intent-colored Button variant when the child\n  // is a VUI Button without an explicit `variant` prop.\n  const layout = (ctx as { layout?: NotificationLayout })?.layout\n  const isButtonDown = layout === 'button-down'\n\n  return (\n    <Box\n      className={cs('vui-notificationAction', className)}\n      ref={ref}\n      data-layout={layout}\n      w={isButtonDown ? '100%' : undefined}\n      {...styles.actionBox}\n      {...rest}\n    >\n      {children}\n    </Box>\n  )\n})\n\nNotificationAction.displayName = 'NotificationAction'\nexport default NotificationAction\n"],"mappings":";;;;;;;;;AAQA,MAAa,qBAAqB,KAAsB,OAAO,QAAQ;CACrE,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CACzC,MAAM,MAAM,uBAAuB;CACnC,MAAM,SAAS,eAAe,gBAAgB,GAAG;CAOjD,MAAM,SAAU,KAAyC;CACzD,MAAM,eAAe,WAAW;CAEhC,OACE,oBAAC,KAAD;EACE,WAAW,GAAG,0BAA0B,SAAS;EAC5C;EACL,eAAa;EACb,GAAG,eAAe,SAAS;EAC3B,GAAI,OAAO;EACX,GAAI;EAEH;CACE;AAET,CAAC;AAED,mBAAmB,cAAc"}
+{"version":3,"file":"notificationAction.js","names":[],"sources":["../../src/notification/notificationAction.tsx"],"sourcesContent":["import type { BoxProps } from '../box'\nimport type { NotificationLayout } from './notification.types'\n\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useNotificationContext } from './context'\n\n/** Displays an action button within the Notification. */\nexport const NotificationAction = vui<'div', BoxProps>((props, ref) => {\n  const { children, className, ...rest } = props\n  const ctx = useNotificationContext()\n  const styles = useStyleConfig('Notification', ctx)\n\n  // Q10: When rendered inside a button-down layout, the action region stretches\n  // full-width and exposes `data-layout` so consumers (and the SCSS reference)\n  // can scope styles to the button-down CTA without coupling to Button internals.\n  // TODO(763859 follow-up): inject intent-colored Button variant when the child\n  // is a VUI Button without an explicit `variant` prop.\n  const layout = (ctx as { layout?: NotificationLayout })?.layout\n  const isButtonDown = layout === 'button-down'\n\n  return (\n    <Box\n      className={cs('vui-notificationAction', className)}\n      ref={ref}\n      data-layout={layout}\n      w={isButtonDown ? '100%' : undefined}\n      {...styles.actionBox}\n      {...rest}\n    >\n      {children}\n    </Box>\n  )\n})\n\nNotificationAction.displayName = 'NotificationAction'\nexport default NotificationAction\n"],"mappings":";;;;;;;;;AASA,MAAa,qBAAqB,KAAsB,OAAO,QAAQ;CACrE,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CACzC,MAAM,MAAM,uBAAuB;CACnC,MAAM,SAAS,eAAe,gBAAgB,GAAG;CAOjD,MAAM,SAAU,KAAyC;CACzD,MAAM,eAAe,WAAW;CAEhC,OACE,oBAAC,KAAD;EACE,WAAW,GAAG,0BAA0B,SAAS;EAC5C;EACL,eAAa;EACb,GAAG,eAAe,SAAS;EAC3B,GAAI,OAAO;EACX,GAAI;EAEH;CACE;AAET,CAAC;AAED,mBAAmB,cAAc"}

package/dist/notification/notificationIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notificationIcon.d.ts","names":[],"sources":["../../src/notification/notificationIcon.tsx"],"mappings":";;;;cASa,gBAAA,EAAgB,YAAA,QAAA,SAAA"}
+{"version":3,"file":"notificationIcon.d.ts","names":[],"sources":["../../src/notification/notificationIcon.tsx"],"mappings":";;;;cAUa,gBAAA,EAAgB,YAAA,QAAA,SAAA"}

package/dist/notification/notificationIcon.js

@@ -31,5 +31,5 @@ NotificationIcon.displayName = "NotificationIcon";
 
 //#endregion
 export { NotificationIcon as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=notificationIcon.js.map

package/dist/notification/notificationIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"notificationIcon.js","names":[],"sources":["../../src/notification/notificationIcon.tsx"],"sourcesContent":["import { vui } from '../core'\nimport type { IconProps } from '../icon'\nimport Icon from '../icon'\nimport { cs } from '../utils'\nimport { notificationStatusMapping, INTENT_ICON_MAP, LOADING_ICON_PROPS } from './consts'\nimport { useNotificationContext } from './context'\nimport type { NotificationIntent } from './notification.types'\n\n/** Displays an icon based on the status or intent within the Notification. */\nexport const NotificationIcon = vui<'svg', IconProps>((props, ref) => {\n  const { className, alignSelf, ...rest } = props\n  const mergedProps = { ...useNotificationContext(), ...props }\n\n  const { status = '', statusMapping, intent, isLoading } = mergedProps\n\n  const resolvedIconProps = isLoading\n    ? LOADING_ICON_PROPS\n    : ({ ...notificationStatusMapping, ...statusMapping }[status]?.iconProps ??\n      (intent ? INTENT_ICON_MAP[intent as NotificationIntent] : undefined))\n\n  return (\n    <Icon\n      alignSelf={alignSelf}\n      className={cs('vui-notificationIcon', className)}\n      ref={ref}\n      size=\"md\"\n      variant={isLoading ? 'spinning' : 'static'}\n      {...resolvedIconProps}\n      {...rest}\n    />\n  )\n})\n\nNotificationIcon.displayName = 'NotificationIcon'\n\nexport default NotificationIcon\n"],"mappings":";;;;;;;;;AASA,MAAa,mBAAmB,KAAuB,OAAO,QAAQ;CACpE,MAAM,EAAE,WAAW,WAAW,GAAG,SAAS;CAG1C,MAAM,EAAE,SAAS,IAAI,eAAe,QAAQ,cAAc;EAFpC,GAAG,uBAAuB;EAAG,GAAG;CAEc;CAEpE,MAAM,oBAAoB,YACtB,qBACC;EAAE,GAAG;EAA2B,GAAG;CAAc,EAAE,OAAO,EAAE,cAC5D,SAAS,gBAAgB,UAAgC;CAE9D,OACE,oBAAC,MAAD;EACa;EACX,WAAW,GAAG,wBAAwB,SAAS;EAC1C;EACL,MAAK;EACL,SAAS,YAAY,aAAa;EAClC,GAAI;EACJ,GAAI;CACL;AAEL,CAAC;AAED,iBAAiB,cAAc"}
+{"version":3,"file":"notificationIcon.js","names":[],"sources":["../../src/notification/notificationIcon.tsx"],"sourcesContent":["import type { IconProps } from '../icon'\nimport type { NotificationIntent } from './notification.types'\n\nimport { vui } from '../core'\nimport Icon from '../icon'\nimport { cs } from '../utils'\nimport { notificationStatusMapping, INTENT_ICON_MAP, LOADING_ICON_PROPS } from './consts'\nimport { useNotificationContext } from './context'\n\n/** Displays an icon based on the status or intent within the Notification. */\nexport const NotificationIcon = vui<'svg', IconProps>((props, ref) => {\n  const { className, alignSelf, ...rest } = props\n  const mergedProps = { ...useNotificationContext(), ...props }\n\n  const { status = '', statusMapping, intent, isLoading } = mergedProps\n\n  const resolvedIconProps = isLoading\n    ? LOADING_ICON_PROPS\n    : ({ ...notificationStatusMapping, ...statusMapping }[status]?.iconProps ??\n      (intent ? INTENT_ICON_MAP[intent as NotificationIntent] : undefined))\n\n  return (\n    <Icon\n      alignSelf={alignSelf}\n      className={cs('vui-notificationIcon', className)}\n      ref={ref}\n      size=\"md\"\n      variant={isLoading ? 'spinning' : 'static'}\n      {...resolvedIconProps}\n      {...rest}\n    />\n  )\n})\n\nNotificationIcon.displayName = 'NotificationIcon'\n\nexport default NotificationIcon\n"],"mappings":";;;;;;;;;AAUA,MAAa,mBAAmB,KAAuB,OAAO,QAAQ;CACpE,MAAM,EAAE,WAAW,WAAW,GAAG,SAAS;CAG1C,MAAM,EAAE,SAAS,IAAI,eAAe,QAAQ,cAAc;EAFpC,GAAG,uBAAuB;EAAG,GAAG;CAEc;CAEpE,MAAM,oBAAoB,YACtB,qBACC;EAAE,GAAG;EAA2B,GAAG;CAAc,EAAE,OAAO,EAAE,cAC5D,SAAS,gBAAgB,UAAgC;CAE9D,OACE,oBAAC,MAAD;EACa;EACX,WAAW,GAAG,wBAAwB,SAAS;EAC1C;EACL,MAAK;EACL,SAAS,YAAY,aAAa;EAClC,GAAI;EACJ,GAAI;CACL;AAEL,CAAC;AAED,iBAAiB,cAAc"}

package/dist/notification/notificationText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notificationText.d.ts","names":[],"sources":["../../src/notification/notificationText.tsx"],"mappings":";;;;cAOa,gBAAA,EAAgB,YAAA,MAAA,MAAA"}
+{"version":3,"file":"notificationText.d.ts","names":[],"sources":["../../src/notification/notificationText.tsx"],"mappings":";;;;cAQa,gBAAA,EAAgB,YAAA,MAAA,MAAA"}

package/dist/notification/notificationText.js

@@ -21,5 +21,5 @@ NotificationText.displayName = "NotificationText";
 
 //#endregion
 export { NotificationText as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=notificationText.js.map

package/dist/notification/notificationText.js.map

@@ -1 +1 @@
-{"version":3,"file":"notificationText.js","names":[],"sources":["../../src/notification/notificationText.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { TProps } from '../t'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useNotificationContext } from './context'\n\n/** Displays text within the Notification. */\nexport const NotificationText = vui<'p', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Notification', useNotificationContext())\n\n  return <T className={cs('vui-notificationText', className)} ref={ref} {...styles.text} {...rest} />\n})\n\nNotificationText.displayName = 'NotificationText'\nexport default NotificationText\n"],"mappings":";;;;;;;;;AAOA,MAAa,mBAAmB,KAAkB,OAAO,QAAQ;CAC/D,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,gBAAgB,uBAAuB,CAAC;CAEtE,OAAO,oBAAC,GAAD;EAAG,WAAW,GAAG,wBAAwB,SAAS;EAAQ;EAAK,GAAI,OAAO;EAAM,GAAI;CAAO;AACpG,CAAC;AAED,iBAAiB,cAAc"}
+{"version":3,"file":"notificationText.js","names":[],"sources":["../../src/notification/notificationText.tsx"],"sourcesContent":["import type { TProps } from '../t'\n\nimport { useStyleConfig, vui } from '../core'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useNotificationContext } from './context'\n\n/** Displays text within the Notification. */\nexport const NotificationText = vui<'p', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Notification', useNotificationContext())\n\n  return <T className={cs('vui-notificationText', className)} ref={ref} {...styles.text} {...rest} />\n})\n\nNotificationText.displayName = 'NotificationText'\nexport default NotificationText\n"],"mappings":";;;;;;;;;AAQA,MAAa,mBAAmB,KAAkB,OAAO,QAAQ;CAC/D,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,gBAAgB,uBAAuB,CAAC;CAEtE,OAAO,oBAAC,GAAD;EAAG,WAAW,GAAG,wBAAwB,SAAS;EAAQ;EAAK,GAAI,OAAO;EAAM,GAAI;CAAO;AACpG,CAAC;AAED,iBAAiB,cAAc"}

package/dist/notification/notificationTitle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notificationTitle.d.ts","names":[],"sources":["../../src/notification/notificationTitle.tsx"],"mappings":";;;;cAOa,iBAAA,EAAiB,YAAA,SAAA,MAAA"}
+{"version":3,"file":"notificationTitle.d.ts","names":[],"sources":["../../src/notification/notificationTitle.tsx"],"mappings":";;;;cAQa,iBAAA,EAAiB,YAAA,SAAA,MAAA"}

package/dist/notification/notificationTitle.js

@@ -22,5 +22,5 @@ NotificationTitle.displayName = "NotificationTitle";
 
 //#endregion
 export { NotificationTitle as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=notificationTitle.js.map

package/dist/notification/notificationTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"notificationTitle.js","names":[],"sources":["../../src/notification/notificationTitle.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { TProps } from '../t'\nimport { T } from '../t'\nimport { cs } from '../utils'\nimport { useNotificationContext } from './context'\n\n/** Displays a title within the Notification. */\nexport const NotificationTitle = vui<'span', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Notification', useNotificationContext())\n\n  return (\n    <T className={cs('vui-notificationTitle', className)} fontWeight=\"demi\" ref={ref} {...styles.title} {...rest} />\n  )\n})\n\nNotificationTitle.displayName = 'NotificationTitle'\nexport default NotificationTitle\n"],"mappings":";;;;;;;;;AAOA,MAAa,oBAAoB,KAAqB,OAAO,QAAQ;CACnE,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,gBAAgB,uBAAuB,CAAC;CAEtE,OACE,oBAAC,GAAD;EAAG,WAAW,GAAG,yBAAyB,SAAS;EAAG,YAAW;EAAY;EAAK,GAAI,OAAO;EAAO,GAAI;CAAO;AAEnH,CAAC;AAED,kBAAkB,cAAc"}
+{"version":3,"file":"notificationTitle.js","names":[],"sources":["../../src/notification/notificationTitle.tsx"],"sourcesContent":["import type { TProps } from '../t'\n\nimport { useStyleConfig, vui } from '../core'\nimport { T } from '../t'\nimport { cs } from '../utils'\nimport { useNotificationContext } from './context'\n\n/** Displays a title within the Notification. */\nexport const NotificationTitle = vui<'span', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Notification', useNotificationContext())\n\n  return (\n    <T className={cs('vui-notificationTitle', className)} fontWeight=\"demi\" ref={ref} {...styles.title} {...rest} />\n  )\n})\n\nNotificationTitle.displayName = 'NotificationTitle'\nexport default NotificationTitle\n"],"mappings":";;;;;;;;;AAQA,MAAa,oBAAoB,KAAqB,OAAO,QAAQ;CACnE,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,gBAAgB,uBAAuB,CAAC;CAEtE,OACE,oBAAC,GAAD;EAAG,WAAW,GAAG,yBAAyB,SAAS;EAAG,YAAW;EAAY;EAAK,GAAI,OAAO;EAAO,GAAI;CAAO;AAEnH,CAAC;AAED,kBAAkB,cAAc"}

package/dist/notification/theme.js

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

package/dist/notification/utils.js

@@ -1,6 +1,6 @@
 //#region src/notification/utils.ts
 /** Canonical hierarchy keys recognised by the two-prop API. */
-const HIERARCHY_KEYS = new Set(["inline", "banner"]);
+const HIERARCHY_KEYS = /* @__PURE__ */ new Set(["inline", "banner"]);
 /** The banner hierarchy key. */
 const BANNER_HIERARCHY = "banner";
 /** Default intent applied when none is specified. */
@@ -63,5 +63,5 @@ const resolveNotificationAria = (args) => {
 
 //#endregion
 export { DEFAULT_VARIANT, inferNotificationLayout, resolveNotificationAria, resolveNotificationVariant };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=utils.js.map

package/dist/notification/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":[],"sources":["../../src/notification/utils.ts"],"sourcesContent":["/**\n * Notification utilities — pure functions shared by consts.ts and notification.tsx.\n * Kept separate to avoid circular imports.\n */\n\nimport type {\n  NotificationIntent,\n  NotificationLayout,\n  NotificationVariantHierarchy,\n  NotificationVariantLegacy,\n} from './notification.types'\n\n/** Canonical hierarchy keys recognised by the two-prop API. */\nconst HIERARCHY_KEYS = new Set<string>(['inline', 'banner'])\n\n/** The banner hierarchy key. */\nconst BANNER_HIERARCHY = 'banner'\n\n/** Default intent applied when none is specified. */\nexport const DEFAULT_INTENT: NotificationIntent = 'info'\n\n/** Default variant hierarchy applied when none is specified. */\nexport const DEFAULT_VARIANT: NotificationVariantHierarchy = 'inline'\n\n/**\n * Capitalises the first character of a string.\n * Mirrors button/utils.ts — used to compose theme keys the same way theme.ts generates them.\n */\nconst capitalize = (s: string) => s.charAt(0).toUpperCase() + s.slice(1)\n\nexport interface ResolvedNotificationVariant {\n  /** The theme key to pass to useStyleConfig (e.g. `'inlineInfo'`, `'bannerDanger'`). */\n  themeKey: string\n  /** True when the resolved variant is a banner hierarchy. */\n  isBanner: boolean\n}\n\n/**\n * Converts a two-prop variant+intent pair into the combined theme key used internally\n * (e.g. `resolveNotificationVariant('inline', 'info') => { themeKey: 'inlineInfo', isBanner: false }`).\n * When `intent` is omitted, `DEFAULT_INTENT` ('info') is used.\n *\n * If `variant` is already a fully-qualified legacy key (e.g. `'inlineBlue'`, `'bannerRed'`)\n * it is returned unchanged so the new API is backward-compatible.\n *\n * Returns `{ themeKey: 'inlineInfo', isBanner: false }` (the default) when `variant` is absent.\n */\nexport const resolveNotificationVariant = (\n  variant: NotificationVariantHierarchy | NotificationVariantLegacy | string | undefined = DEFAULT_VARIANT,\n  intent: NotificationIntent | string | undefined = DEFAULT_INTENT,\n): ResolvedNotificationVariant => {\n  const themeKey = !variant\n    ? `${DEFAULT_VARIANT}${capitalize(DEFAULT_INTENT)}`\n    : !HIERARCHY_KEYS.has(variant)\n      ? variant // Already a combined legacy key — pass through unchanged\n      : `${variant}${capitalize(intent)}` // New two-prop API\n\n  const isBanner = themeKey.startsWith(BANNER_HIERARCHY)\n\n  return { themeKey, isBanner }\n}\n\n/**\n * Q2 — Infers the layout from content composition. No `layout` prop exists; this\n * is the single source of truth for visual layout.\n *\n * - `action` present                       → `'button-down'`\n * - both `title` and `text` present        → `'multiline'`\n * - otherwise                              → `'one-line'`\n */\nexport const inferNotificationLayout = (args: {\n  action?: unknown\n  text?: unknown\n  title?: unknown\n  hasStatus?: boolean\n}): NotificationLayout => {\n  if (args.hasStatus) return 'one-line'\n  if (args.action != null && args.action !== false && args.action !== '') return 'button-down'\n  if (args.title != null && args.title !== '' && args.text != null && args.text !== '') return 'multiline'\n  return 'one-line'\n}\n\n/**\n * Q4 — Auto-maps intent to the appropriate ARIA role / aria-live politeness.\n * `isLoading` forces `role=\"status\"` / `aria-live=\"polite\"` regardless of intent.\n */\nexport const resolveNotificationAria = (args: {\n  intent?: NotificationIntent\n  isLoading?: boolean\n}): { role: 'status' | 'alert'; ariaLive: 'polite' | 'assertive' } => {\n  if (args.isLoading) return { role: 'status', ariaLive: 'polite' }\n  const isUrgent = args.intent === 'warning' || args.intent === 'danger'\n  return isUrgent ? { role: 'alert', ariaLive: 'assertive' } : { role: 'status', ariaLive: 'polite' }\n}\n"],"mappings":";;AAaA,MAAM,iBAAiB,IAAI,IAAY,CAAC,UAAU,QAAQ,CAAC;;AAG3D,MAAM,mBAAmB;;AAGzB,MAAa,iBAAqC;;AAGlD,MAAa,kBAAgD;;;;;AAM7D,MAAM,cAAc,MAAc,EAAE,OAAO,CAAC,CAAC,CAAC,YAAY,IAAI,EAAE,MAAM,CAAC;;;;;;;;;;;AAmBvE,MAAa,8BACX,UAAyF,iBACzF,SAAkD,mBAClB;CAChC,MAAM,WAAW,CAAC,UACd,GAAG,kBAAkB,WAAW,cAAc,MAC9C,CAAC,eAAe,IAAI,OAAO,IACzB,UACA,GAAG,UAAU,WAAW,MAAM;CAIpC,OAAO;EAAE;EAAU,UAFF,SAAS,WAAW,gBAEX;CAAE;AAC9B;;;;;;;;;AAUA,MAAa,2BAA2B,SAKd;CACxB,IAAI,KAAK,WAAW,OAAO;CAC3B,IAAI,KAAK,UAAU,QAAQ,KAAK,WAAW,SAAS,KAAK,WAAW,IAAI,OAAO;CAC/E,IAAI,KAAK,SAAS,QAAQ,KAAK,UAAU,MAAM,KAAK,QAAQ,QAAQ,KAAK,SAAS,IAAI,OAAO;CAC7F,OAAO;AACT;;;;;AAMA,MAAa,2BAA2B,SAG8B;CACpE,IAAI,KAAK,WAAW,OAAO;EAAE,MAAM;EAAU,UAAU;CAAS;CAEhE,OADiB,KAAK,WAAW,aAAa,KAAK,WAAW,WAC5C;EAAE,MAAM;EAAS,UAAU;CAAY,IAAI;EAAE,MAAM;EAAU,UAAU;CAAS;AACpG"}
+{"version":3,"file":"utils.js","names":[],"sources":["../../src/notification/utils.ts"],"sourcesContent":["/**\n * Notification utilities — pure functions shared by consts.ts and notification.tsx.\n * Kept separate to avoid circular imports.\n */\n\nimport type {\n  NotificationIntent,\n  NotificationLayout,\n  NotificationVariantHierarchy,\n  NotificationVariantLegacy,\n} from './notification.types'\n\n/** Canonical hierarchy keys recognised by the two-prop API. */\nconst HIERARCHY_KEYS = new Set<string>(['inline', 'banner'])\n\n/** The banner hierarchy key. */\nconst BANNER_HIERARCHY = 'banner'\n\n/** Default intent applied when none is specified. */\nexport const DEFAULT_INTENT: NotificationIntent = 'info'\n\n/** Default variant hierarchy applied when none is specified. */\nexport const DEFAULT_VARIANT: NotificationVariantHierarchy = 'inline'\n\n/**\n * Capitalises the first character of a string.\n * Mirrors button/utils.ts — used to compose theme keys the same way theme.ts generates them.\n */\nconst capitalize = (s: string) => s.charAt(0).toUpperCase() + s.slice(1)\n\nexport interface ResolvedNotificationVariant {\n  /** The theme key to pass to useStyleConfig (e.g. `'inlineInfo'`, `'bannerDanger'`). */\n  themeKey: string\n  /** True when the resolved variant is a banner hierarchy. */\n  isBanner: boolean\n}\n\n/**\n * Converts a two-prop variant+intent pair into the combined theme key used internally\n * (e.g. `resolveNotificationVariant('inline', 'info') => { themeKey: 'inlineInfo', isBanner: false }`).\n * When `intent` is omitted, `DEFAULT_INTENT` ('info') is used.\n *\n * If `variant` is already a fully-qualified legacy key (e.g. `'inlineBlue'`, `'bannerRed'`)\n * it is returned unchanged so the new API is backward-compatible.\n *\n * Returns `{ themeKey: 'inlineInfo', isBanner: false }` (the default) when `variant` is absent.\n */\nexport const resolveNotificationVariant = (\n  variant: NotificationVariantHierarchy | NotificationVariantLegacy | string | undefined = DEFAULT_VARIANT,\n  intent: NotificationIntent | string | undefined = DEFAULT_INTENT,\n): ResolvedNotificationVariant => {\n  const themeKey = !variant\n    ? `${DEFAULT_VARIANT}${capitalize(DEFAULT_INTENT)}`\n    : !HIERARCHY_KEYS.has(variant)\n      ? variant // Already a combined legacy key — pass through unchanged\n      : `${variant}${capitalize(intent)}` // New two-prop API\n\n  const isBanner = themeKey.startsWith(BANNER_HIERARCHY)\n\n  return { themeKey, isBanner }\n}\n\n/**\n * Q2 — Infers the layout from content composition. No `layout` prop exists; this\n * is the single source of truth for visual layout.\n *\n * - `action` present                       → `'button-down'`\n * - both `title` and `text` present        → `'multiline'`\n * - otherwise                              → `'one-line'`\n */\nexport const inferNotificationLayout = (args: {\n  action?: unknown\n  text?: unknown\n  title?: unknown\n  hasStatus?: boolean\n}): NotificationLayout => {\n  if (args.hasStatus) return 'one-line'\n  if (args.action != null && args.action !== false && args.action !== '') return 'button-down'\n  if (args.title != null && args.title !== '' && args.text != null && args.text !== '') return 'multiline'\n  return 'one-line'\n}\n\n/**\n * Q4 — Auto-maps intent to the appropriate ARIA role / aria-live politeness.\n * `isLoading` forces `role=\"status\"` / `aria-live=\"polite\"` regardless of intent.\n */\nexport const resolveNotificationAria = (args: {\n  intent?: NotificationIntent\n  isLoading?: boolean\n}): { role: 'status' | 'alert'; ariaLive: 'polite' | 'assertive' } => {\n  if (args.isLoading) return { role: 'status', ariaLive: 'polite' }\n  const isUrgent = args.intent === 'warning' || args.intent === 'danger'\n  return isUrgent ? { role: 'alert', ariaLive: 'assertive' } : { role: 'status', ariaLive: 'polite' }\n}\n"],"mappings":";;AAaA,MAAM,iCAAiB,IAAI,IAAY,CAAC,UAAU,QAAQ,CAAC;;AAG3D,MAAM,mBAAmB;;AAGzB,MAAa,iBAAqC;;AAGlD,MAAa,kBAAgD;;;;;AAM7D,MAAM,cAAc,MAAc,EAAE,OAAO,CAAC,CAAC,CAAC,YAAY,IAAI,EAAE,MAAM,CAAC;;;;;;;;;;;AAmBvE,MAAa,8BACX,UAAyF,iBACzF,SAAkD,mBAClB;CAChC,MAAM,WAAW,CAAC,UACd,GAAG,kBAAkB,WAAW,cAAc,MAC9C,CAAC,eAAe,IAAI,OAAO,IACzB,UACA,GAAG,UAAU,WAAW,MAAM;CAIpC,OAAO;EAAE;EAAU,UAFF,SAAS,WAAW,gBAEX;CAAE;AAC9B;;;;;;;;;AAUA,MAAa,2BAA2B,SAKd;CACxB,IAAI,KAAK,WAAW,OAAO;CAC3B,IAAI,KAAK,UAAU,QAAQ,KAAK,WAAW,SAAS,KAAK,WAAW,IAAI,OAAO;CAC/E,IAAI,KAAK,SAAS,QAAQ,KAAK,UAAU,MAAM,KAAK,QAAQ,QAAQ,KAAK,SAAS,IAAI,OAAO;CAC7F,OAAO;AACT;;;;;AAMA,MAAa,2BAA2B,SAG8B;CACpE,IAAI,KAAK,WAAW,OAAO;EAAE,MAAM;EAAU,UAAU;CAAS;CAEhE,OADiB,KAAK,WAAW,aAAa,KAAK,WAAW,WAC5C;EAAE,MAAM;EAAS,UAAU;CAAY,IAAI;EAAE,MAAM;EAAU,UAAU;CAAS;AACpG"}

package/dist/onedesign-tokens/dist/js/rem/button.js

@@ -61,5 +61,5 @@ const buttonDisabledOpacity = "0.5";
 
 //#endregion
 export { buttonDisabledCursor, buttonTypePrimaryActiveBackgroundColorDark, buttonTypePrimaryActiveBackgroundColorLight, buttonTypePrimaryActiveBorderColorDark, buttonTypePrimaryActiveBorderColorLight, buttonTypePrimaryActiveTextColorDark, buttonTypePrimaryActiveTextColorLight, buttonTypePrimaryDefaultBackgroundColorDark, buttonTypePrimaryDefaultBackgroundColorLight, buttonTypePrimaryDefaultBorderColorDark, buttonTypePrimaryDefaultBorderColorLight, buttonTypePrimaryDefaultTextColorDark, buttonTypePrimaryDefaultTextColorLight, buttonTypePrimaryFocusOutline, buttonTypePrimaryHoverBackgroundColorDark, buttonTypePrimaryHoverBackgroundColorLight, buttonTypePrimaryHoverBorderColorDark, buttonTypePrimaryHoverBorderColorLight, buttonTypePrimaryHoverTextColorDark, buttonTypePrimaryHoverTextColorLight, buttonTypeSecondaryActiveBackgroundColorDark, buttonTypeSecondaryActiveBackgroundColorLight, buttonTypeSecondaryActiveBorderColorDark, buttonTypeSecondaryActiveBorderColorLight, buttonTypeSecondaryActiveTextColorDark, buttonTypeSecondaryActiveTextColorLight, buttonTypeSecondaryDefaultBackgroundColorDark, buttonTypeSecondaryDefaultBackgroundColorLight, buttonTypeSecondaryDefaultBorderColorDark, buttonTypeSecondaryDefaultBorderColorLight, buttonTypeSecondaryDefaultTextColorDark, buttonTypeSecondaryDefaultTextColorLight, buttonTypeSecondaryFocusOutline, buttonTypeSecondaryHoverBackgroundColorDark, buttonTypeSecondaryHoverBackgroundColorLight, buttonTypeSecondaryHoverBorderColorDark, buttonTypeSecondaryHoverBorderColorLight, buttonTypeSecondaryHoverTextColorDark, buttonTypeSecondaryHoverTextColorLight, buttonTypeTertiaryActiveBackgroundColorDark, buttonTypeTertiaryActiveBackgroundColorLight, buttonTypeTertiaryActiveBorderColorDark, buttonTypeTertiaryActiveBorderColorLight, buttonTypeTertiaryActiveTextColorDark, buttonTypeTertiaryActiveTextColorLight, buttonTypeTertiaryDefaultBackgroundColorDark, buttonTypeTertiaryDefaultBackgroundColorLight, buttonTypeTertiaryDefaultBorderColorDark, buttonTypeTertiaryDefaultBorderColorLight, buttonTypeTertiaryDefaultTextColorDark, buttonTypeTertiaryDefaultTextColorLight, buttonTypeTertiaryFocusOutline, buttonTypeTertiaryHoverBackgroundColorDark, buttonTypeTertiaryHoverBackgroundColorLight, buttonTypeTertiaryHoverBorderColorDark, buttonTypeTertiaryHoverBorderColorLight, buttonTypeTertiaryHoverTextColorDark, buttonTypeTertiaryHoverTextColorLight };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=button.js.map

package/dist/p/p.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"p.d.ts","names":[],"sources":["../../src/p/p.tsx"],"mappings":";;;;cAIa,KAAA,8BAAK,eAAA,kCAAA,YAAA,EAMjB,WANiB;;cASL,CAAA,EAAC,YAAA,MAAA,MAAA"}
+{"version":3,"file":"p.d.ts","names":[],"sources":["../../src/p/p.tsx"],"mappings":";;;;cAKa,KAAA,8BAAK,eAAA,kCAAA,YAAA,EAMjB,WANiB;;cASL,CAAA,EAAC,YAAA,MAAA,MAAA"}

package/dist/p/p.js

@@ -36,5 +36,5 @@ P.displayName = "P";
 
 //#endregion
 export { PBase, P as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=p.js.map

package/dist/p/p.js.map

@@ -1 +1 @@
-{"version":3,"file":"p.js","names":[],"sources":["../../src/p/p.tsx"],"sourcesContent":["import { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport type { PProps } from './p.types'\n\nexport const PBase = styled.pBox`\n  transition-duration: fast;\n\n  .vui-link {\n    line-height: inherit;\n  }\n`\n\n/** Displays a paragraph of text. */\nexport const P = vui<'p', PProps>((props, ref) => {\n  const { align, casing, children, className, decoration, text, weight, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('P', props)\n\n  const aliasedProps = filterUndefined({\n    fontWeight: weight,\n    textAlign: align,\n    textDecoration: decoration,\n    textTransform: casing,\n  })\n\n  return (\n    <PBase className={cs('vui-p', className)} ref={ref} {...styles} {...aliasedProps} {...rest}>\n      {children ?? text}\n    </PBase>\n  )\n})\n\nP.displayName = 'P'\nexport default P\n"],"mappings":";;;;;;;;AAIA,MAAa,QAAQ,OAAO,IAAI;;;;;;;;AAShC,MAAa,IAAI,KAAkB,OAAO,QAAQ;CAChD,MAAM,EAAE,OAAO,QAAQ,UAAU,WAAW,YAAY,MAAM,QAAQ,GAAG,SAAS,iBAAiB,KAAK;CACxG,MAAM,SAAS,eAAe,KAAK,KAAK;CAExC,MAAM,eAAe,gBAAgB;EACnC,YAAY;EACZ,WAAW;EACX,gBAAgB;EAChB,eAAe;CACjB,CAAC;CAED,OACE,oBAAC,OAAD;EAAO,WAAW,GAAG,SAAS,SAAS;EAAQ;EAAK,GAAI;EAAQ,GAAI;EAAc,GAAI;YACnF,YAAY;CACR;AAEX,CAAC;AAED,EAAE,cAAc"}
+{"version":3,"file":"p.js","names":[],"sources":["../../src/p/p.tsx"],"sourcesContent":["import type { PProps } from './p.types'\n\nimport { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\n\nexport const PBase = styled.pBox`\n  transition-duration: fast;\n\n  .vui-link {\n    line-height: inherit;\n  }\n`\n\n/** Displays a paragraph of text. */\nexport const P = vui<'p', PProps>((props, ref) => {\n  const { align, casing, children, className, decoration, text, weight, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('P', props)\n\n  const aliasedProps = filterUndefined({\n    fontWeight: weight,\n    textAlign: align,\n    textDecoration: decoration,\n    textTransform: casing,\n  })\n\n  return (\n    <PBase className={cs('vui-p', className)} ref={ref} {...styles} {...aliasedProps} {...rest}>\n      {children ?? text}\n    </PBase>\n  )\n})\n\nP.displayName = 'P'\nexport default P\n"],"mappings":";;;;;;;;AAKA,MAAa,QAAQ,OAAO,IAAI;;;;;;;;AAShC,MAAa,IAAI,KAAkB,OAAO,QAAQ;CAChD,MAAM,EAAE,OAAO,QAAQ,UAAU,WAAW,YAAY,MAAM,QAAQ,GAAG,SAAS,iBAAiB,KAAK;CACxG,MAAM,SAAS,eAAe,KAAK,KAAK;CAExC,MAAM,eAAe,gBAAgB;EACnC,YAAY;EACZ,WAAW;EACX,gBAAgB;EAChB,eAAe;CACjB,CAAC;CAED,OACE,oBAAC,OAAD;EAAO,WAAW,GAAG,SAAS,SAAS;EAAQ;EAAK,GAAI;EAAQ,GAAI;EAAc,GAAI;YACnF,YAAY;CACR;AAEX,CAAC;AAED,EAAE,cAAc"}

package/dist/p/theme.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/pagination/context.ts"],"mappings":";;;cAGO,kBAAA,kBAAkB,QAAA,CAAA,iBAAA,GAAE,oBAAA,QAAoB,iBAA0D"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/pagination/context.ts"],"mappings":";;;cAIO,kBAAA,kBAAkB,QAAA,CAAA,iBAAA,GAAE,oBAAA,QAAoB,iBAA0D"}

package/dist/pagination/context.js

@@ -5,5 +5,5 @@ const [PaginationProvider, usePaginationContext] = createContext({ isOptional: t
 
 //#endregion
 export { PaginationProvider, usePaginationContext };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=context.js.map

package/dist/pagination/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../src/pagination/context.ts"],"sourcesContent":["import { createContext } from '../utils'\nimport type { PaginationContext } from './pagination.types'\n\nconst [PaginationProvider, usePaginationContext] = createContext<PaginationContext>({ isOptional: true })\n\nexport { PaginationProvider, usePaginationContext }\n"],"mappings":";;;AAGA,MAAM,CAAC,oBAAoB,wBAAwB,cAAiC,EAAE,YAAY,KAAK,CAAC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../src/pagination/context.ts"],"sourcesContent":["import type { PaginationContext } from './pagination.types'\n\nimport { createContext } from '../utils'\n\nconst [PaginationProvider, usePaginationContext] = createContext<PaginationContext>({ isOptional: true })\n\nexport { PaginationProvider, usePaginationContext }\n"],"mappings":";;;AAIA,MAAM,CAAC,oBAAoB,wBAAwB,cAAiC,EAAE,YAAY,KAAK,CAAC"}

package/dist/pagination/helpers.js

@@ -24,5 +24,5 @@ function getPaginationItems(page, pageCount) {
 
 //#endregion
 export { getPaginationItems };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=helpers.js.map

package/dist/pagination/pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","names":[],"sources":["../../src/pagination/pagination.tsx"],"mappings":";;;;;;;;;;;AAgBA;cAAa,UAAA,EAoDP,YAAA,QAAoB,eAAA;EACxB,MAAA,SAAe,gBAAA;EACf,QAAA,SAAiB,kBAAA;EACjB,QAAA,SAAiB,kBAAA;EACjB,UAAA,SAAmB,oBAAA;EACnB,QAAA,SAAiB,kBAAA;EACjB,OAAA,SAAgB,iBAAA;AAAA"}
+{"version":3,"file":"pagination.d.ts","names":[],"sources":["../../src/pagination/pagination.tsx"],"mappings":";;;;;;;;;;;AAiBA;cAAa,UAAA,EAoDP,YAAA,QAAoB,eAAA;EACxB,MAAA,SAAe,gBAAA;EACf,QAAA,SAAiB,kBAAA;EACjB,QAAA,SAAiB,kBAAA;EACjB,UAAA,SAAmB,oBAAA;EACnB,QAAA,SAAiB,kBAAA;EACjB,OAAA,SAAgB,iBAAA;AAAA"}

package/dist/pagination/pagination.js

@@ -62,5 +62,5 @@ Pagination.displayName = "Pagination";
 
 //#endregion
 export { Pagination as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=pagination.js.map

package/dist/pagination/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","names":[],"sources":["../../src/pagination/pagination.tsx"],"sourcesContent":["import Box from '../box'\nimport type { VuiComponent } from '../core'\nimport { useStyleConfig, vui } from '../core'\nimport { cs, isJsx, runIfFn } from '../utils'\nimport { PaginationProvider } from './context'\nimport type { PaginationProps } from './pagination.types'\nimport { PaginationButton, PaginationEllipsis, PaginationPrevNext } from './paginationButtons'\nimport PaginationGoToPage from './paginationGoToPage'\nimport PaginationNavigation from './paginationNavigation'\nimport PaginationResults from './paginationResults'\nimport usePagination from './usePagination'\n\n/**\n * Displays page navigation buttons together with page and item count.\n * GoToPage component is shown automatically above 10 pages.\n */\nexport const Pagination = vui<'div', PaginationProps>((props, ref) => {\n  const {\n    children,\n    className,\n    count,\n    defaultPage,\n    goToPage,\n    items: itemsProp = [],\n    navigation,\n    onPageChange,\n    page: pageProp,\n    pageSize,\n    results,\n    size,\n    variant,\n    ...rest\n  } = props\n  const styles = useStyleConfig('Pagination', props)\n  const { items = itemsProp, ...paginationProps } = usePagination({\n    count,\n    defaultPage,\n    onPageChange,\n    page: pageProp,\n    pageSize,\n  })\n\n  const context = { ...paginationProps, items, size, variant }\n\n  return (\n    <PaginationProvider value={context}>\n      <Box\n        centerV\n        className={cs('vui-pagination', className)}\n        gap={3}\n        ref={ref}\n        w={1}\n        wrap\n        {...styles.container}\n        {...rest}\n      >\n        {runIfFn(children, context) ?? (\n          <>\n            {isJsx(results) ? results : <PaginationResults />}\n\n            {isJsx(navigation) ? navigation : <PaginationNavigation ml=\"auto\" />}\n\n            {isJsx(goToPage) ? goToPage : paginationProps.pageCount > 10 && <PaginationGoToPage />}\n          </>\n        )}\n      </Box>\n    </PaginationProvider>\n  )\n}) as VuiComponent<'div', PaginationProps> & {\n  Button: typeof PaginationButton\n  Ellipsis: typeof PaginationEllipsis\n  GoToPage: typeof PaginationGoToPage\n  Navigation: typeof PaginationNavigation\n  PrevNext: typeof PaginationPrevNext\n  Results: typeof PaginationResults\n}\n\nPagination.Button = PaginationButton\nPagination.Ellipsis = PaginationEllipsis\nPagination.GoToPage = PaginationGoToPage\nPagination.Navigation = PaginationNavigation\nPagination.PrevNext = PaginationPrevNext\nPagination.Results = PaginationResults\nPagination.displayName = 'Pagination'\n\nexport default Pagination\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAgBA,MAAa,aAAa,KAA6B,OAAO,QAAQ;CACpE,MAAM,EACJ,UACA,WACA,OACA,aACA,UACA,OAAO,YAAY,CAAC,GACpB,YACA,cACA,MAAM,UACN,UACA,SACA,MACA,SACA,GAAG,SACD;CACJ,MAAM,SAAS,eAAe,cAAc,KAAK;CACjD,MAAM,EAAE,QAAQ,WAAW,GAAG,oBAAoB,cAAc;EAC9D;EACA;EACA;EACA,MAAM;EACN;CACF,CAAC;CAED,MAAM,UAAU;EAAE,GAAG;EAAiB;EAAO;EAAM;CAAQ;CAE3D,OACE,oBAAC,oBAAD;EAAoB,OAAO;YACzB,oBAAC,KAAD;GACE;GACA,WAAW,GAAG,kBAAkB,SAAS;GACzC,KAAK;GACA;GACL,GAAG;GACH;GACA,GAAI,OAAO;GACX,GAAI;aAEH,QAAQ,UAAU,OAAO,KACxB;IACG,MAAM,OAAO,IAAI,UAAU,oBAAC,mBAAD,CAAoB;IAE/C,MAAM,UAAU,IAAI,aAAa,oBAAC,sBAAD,EAAsB,IAAG,OAAQ;IAElE,MAAM,QAAQ,IAAI,WAAW,gBAAgB,YAAY,MAAM,oBAAC,oBAAD,CAAqB;GACrF;EAED;CACa;AAExB,CAAC;AASD,WAAW,SAAS;AACpB,WAAW,WAAW;AACtB,WAAW,WAAW;AACtB,WAAW,aAAa;AACxB,WAAW,WAAW;AACtB,WAAW,UAAU;AACrB,WAAW,cAAc"}
+{"version":3,"file":"pagination.js","names":[],"sources":["../../src/pagination/pagination.tsx"],"sourcesContent":["import type { VuiComponent } from '../core'\nimport type { PaginationProps } from './pagination.types'\n\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs, isJsx, runIfFn } from '../utils'\nimport { PaginationProvider } from './context'\nimport { PaginationButton, PaginationEllipsis, PaginationPrevNext } from './paginationButtons'\nimport PaginationGoToPage from './paginationGoToPage'\nimport PaginationNavigation from './paginationNavigation'\nimport PaginationResults from './paginationResults'\nimport usePagination from './usePagination'\n\n/**\n * Displays page navigation buttons together with page and item count.\n * GoToPage component is shown automatically above 10 pages.\n */\nexport const Pagination = vui<'div', PaginationProps>((props, ref) => {\n  const {\n    children,\n    className,\n    count,\n    defaultPage,\n    goToPage,\n    items: itemsProp = [],\n    navigation,\n    onPageChange,\n    page: pageProp,\n    pageSize,\n    results,\n    size,\n    variant,\n    ...rest\n  } = props\n  const styles = useStyleConfig('Pagination', props)\n  const { items = itemsProp, ...paginationProps } = usePagination({\n    count,\n    defaultPage,\n    onPageChange,\n    page: pageProp,\n    pageSize,\n  })\n\n  const context = { ...paginationProps, items, size, variant }\n\n  return (\n    <PaginationProvider value={context}>\n      <Box\n        centerV\n        className={cs('vui-pagination', className)}\n        gap={3}\n        ref={ref}\n        w={1}\n        wrap\n        {...styles.container}\n        {...rest}\n      >\n        {runIfFn(children, context) ?? (\n          <>\n            {isJsx(results) ? results : <PaginationResults />}\n\n            {isJsx(navigation) ? navigation : <PaginationNavigation ml=\"auto\" />}\n\n            {isJsx(goToPage) ? goToPage : paginationProps.pageCount > 10 && <PaginationGoToPage />}\n          </>\n        )}\n      </Box>\n    </PaginationProvider>\n  )\n}) as VuiComponent<'div', PaginationProps> & {\n  Button: typeof PaginationButton\n  Ellipsis: typeof PaginationEllipsis\n  GoToPage: typeof PaginationGoToPage\n  Navigation: typeof PaginationNavigation\n  PrevNext: typeof PaginationPrevNext\n  Results: typeof PaginationResults\n}\n\nPagination.Button = PaginationButton\nPagination.Ellipsis = PaginationEllipsis\nPagination.GoToPage = PaginationGoToPage\nPagination.Navigation = PaginationNavigation\nPagination.PrevNext = PaginationPrevNext\nPagination.Results = PaginationResults\nPagination.displayName = 'Pagination'\n\nexport default Pagination\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAiBA,MAAa,aAAa,KAA6B,OAAO,QAAQ;CACpE,MAAM,EACJ,UACA,WACA,OACA,aACA,UACA,OAAO,YAAY,CAAC,GACpB,YACA,cACA,MAAM,UACN,UACA,SACA,MACA,SACA,GAAG,SACD;CACJ,MAAM,SAAS,eAAe,cAAc,KAAK;CACjD,MAAM,EAAE,QAAQ,WAAW,GAAG,oBAAoB,cAAc;EAC9D;EACA;EACA;EACA,MAAM;EACN;CACF,CAAC;CAED,MAAM,UAAU;EAAE,GAAG;EAAiB;EAAO;EAAM;CAAQ;CAE3D,OACE,oBAAC,oBAAD;EAAoB,OAAO;YACzB,oBAAC,KAAD;GACE;GACA,WAAW,GAAG,kBAAkB,SAAS;GACzC,KAAK;GACA;GACL,GAAG;GACH;GACA,GAAI,OAAO;GACX,GAAI;aAEH,QAAQ,UAAU,OAAO,KACxB;IACG,MAAM,OAAO,IAAI,UAAU,oBAAC,mBAAD,CAAoB;IAE/C,MAAM,UAAU,IAAI,aAAa,oBAAC,sBAAD,EAAsB,IAAG,OAAQ;IAElE,MAAM,QAAQ,IAAI,WAAW,gBAAgB,YAAY,MAAM,oBAAC,oBAAD,CAAqB;GACrF;EAED;CACa;AAExB,CAAC;AASD,WAAW,SAAS;AACpB,WAAW,WAAW;AACtB,WAAW,WAAW;AACtB,WAAW,aAAa;AACxB,WAAW,WAAW;AACtB,WAAW,UAAU;AACrB,WAAW,cAAc"}

package/dist/pagination/paginationButtons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paginationButtons.d.ts","names":[],"sources":["../../src/pagination/paginationButtons.tsx"],"mappings":";;;;;cASa,gBAAA,EAAgB,YAAA,WAAA,qBAAA;;cAyBhB,kBAAA,EAAkB,YAAA,SAAA,QAAA;;cAuBlB,kBAAA,EAAkB,YAAA,WAAA,uBAAA"}
+{"version":3,"file":"paginationButtons.d.ts","names":[],"sources":["../../src/pagination/paginationButtons.tsx"],"mappings":";;;;;cAUa,gBAAA,EAAgB,YAAA,WAAA,qBAAA;;cAyBhB,kBAAA,EAAkB,YAAA,SAAA,QAAA;;cAuBlB,kBAAA,EAAkB,YAAA,WAAA,uBAAA"}

package/dist/pagination/paginationButtons.js

@@ -64,5 +64,5 @@ PaginationPrevNext.displayName = "PaginationPrevNext";
 
 //#endregion
 export { PaginationButton, PaginationEllipsis, PaginationPrevNext };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=paginationButtons.js.map