@veracity/vui 5.2.2 → 5.3.0-alpha.399291.2606221048

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":"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"}
+{"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.3.0"
 //# 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

@@ -1,7 +1,7 @@
 import { cs } from "../utils/styles.js";
 import vui from "../core/vui.js";
-import { useNotificationContext } from "./context.js";
 import Icon from "../icon/icon.js";
+import { useNotificationContext } from "./context.js";
 import { INTENT_ICON_MAP, LOADING_ICON_PROPS, notificationStatusMapping } from "./consts.js";
 import { jsx } from "react/jsx-runtime";
 
@@ -31,5 +31,5 @@ NotificationIcon.displayName = "NotificationIcon";
 
 //#endregion
 export { NotificationIcon as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# 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

@@ -1,8 +1,8 @@
 import { cs } from "../utils/styles.js";
 import { useStyleConfig } from "../core/theme.js";
 import vui from "../core/vui.js";
-import { useNotificationContext } from "./context.js";
 import T from "../t/t.js";
+import { useNotificationContext } from "./context.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/notification/notificationText.tsx
@@ -21,5 +21,5 @@ NotificationText.displayName = "NotificationText";
 
 //#endregion
 export { NotificationText as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# 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

@@ -1,8 +1,8 @@
 import { cs } from "../utils/styles.js";
 import { useStyleConfig } from "../core/theme.js";
 import vui from "../core/vui.js";
-import { useNotificationContext } from "./context.js";
 import T from "../t/t.js";
+import { useNotificationContext } from "./context.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/notification/notificationTitle.tsx
@@ -22,5 +22,5 @@ NotificationTitle.displayName = "NotificationTitle";
 
 //#endregion
 export { NotificationTitle as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# 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.3.0"
 //# 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.3.0"
 //# 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.3.0"
 //# 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.3.0"
 //# 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.3.0"
 //# 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.3.0"
 //# 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.3.0"
 //# 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.3.0"
 //# 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.3.0"
 //# sourceMappingURL=paginationButtons.js.map

package/dist/pagination/paginationButtons.js.map

@@ -1 +1 @@
-{"version":3,"file":"paginationButtons.js","names":[],"sources":["../../src/pagination/paginationButtons.tsx"],"sourcesContent":["import type { BoxProps } from '../box'\nimport Box from '../box'\nimport Button from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { usePaginationContext } from './context'\nimport type { PaginationButtonProps, PaginationPrevNextProps } from './pagination.types'\n\n/** Displays a page navigation button within the Pagination. */\nexport const PaginationButton = vui<'button', PaginationButtonProps>((props, ref) => {\n  const { className, page: pageProp, ...rest } = props\n  const { onPageChange, page: currentPage } = usePaginationContext()\n  const styles = useStyleConfig('Pagination', usePaginationContext())\n\n  const isActive = pageProp === currentPage\n\n  return (\n    <Button\n      className={cs('vui-paginationButton', className)}\n      onClick={() => onPageChange(pageProp)}\n      ref={ref}\n      text={pageProp}\n      isActive={isActive}\n      {...styles.button}\n      {...rest}\n    />\n  )\n})\n\nPaginationButton.displayName = 'PaginationButton'\n\n// ---------------------------------------------------------------------------\n\n/** Displays '...' ellipsis for hidden pages. */\nexport const PaginationEllipsis = vui<'span', BoxProps>((props, ref) => {\n  const { children, className, ...rest } = props\n  const styles = useStyleConfig('Pagination', usePaginationContext())\n\n  return (\n    <Box\n      alignItems=\"center\"\n      className={cs('vui-paginationEllipsis', className)}\n      px=\"10px\"\n      ref={ref}\n      {...styles.ellipsis}\n      {...rest}\n    >\n      {children ?? '…'}\n    </Box>\n  )\n})\n\nPaginationEllipsis.displayName = 'PaginationEllipsis'\n\n// ---------------------------------------------------------------------------\n\n/** Displays a page navigation button, which navigates forward or backward. */\nexport const PaginationPrevNext = vui<'button', PaginationPrevNextProps>((props, ref) => {\n  const { className, direction, ...rest } = props\n  const { onPageChange, page, pageCount } = usePaginationContext()\n  const styles = useStyleConfig('Pagination', usePaginationContext())\n\n  const isPrev = direction === 'previous'\n  const pageChange = isPrev ? -1 : 1\n  const directionProps = {\n    disabled: isPrev ? page === 1 : page === pageCount,\n    icon: `uiAngle${isPrev ? 'Left' : 'Right'}`,\n    onClick: () => onPageChange(page + pageChange),\n  }\n  return (\n    <Button\n      className={cs('vui-paginationPrevNext', className)}\n      minW={0}\n      ref={ref}\n      {...styles.prevNext}\n      {...directionProps}\n      {...rest}\n    />\n  )\n})\n\nPaginationPrevNext.displayName = 'PaginationPrevNext'\n"],"mappings":";;;;;;;;;;AASA,MAAa,mBAAmB,KAAsC,OAAO,QAAQ;CACnF,MAAM,EAAE,WAAW,MAAM,UAAU,GAAG,SAAS;CAC/C,MAAM,EAAE,cAAc,MAAM,gBAAgB,qBAAqB;CACjE,MAAM,SAAS,eAAe,cAAc,qBAAqB,CAAC;CAElE,MAAM,WAAW,aAAa;CAE9B,OACE,oBAAC,QAAD;EACE,WAAW,GAAG,wBAAwB,SAAS;EAC/C,eAAe,aAAa,QAAQ;EAC/B;EACL,MAAM;EACI;EACV,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,iBAAiB,cAAc;;AAK/B,MAAa,qBAAqB,KAAuB,OAAO,QAAQ;CACtE,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CACzC,MAAM,SAAS,eAAe,cAAc,qBAAqB,CAAC;CAElE,OACE,oBAAC,KAAD;EACE,YAAW;EACX,WAAW,GAAG,0BAA0B,SAAS;EACjD,IAAG;EACE;EACL,GAAI,OAAO;EACX,GAAI;YAEH,YAAY;CACV;AAET,CAAC;AAED,mBAAmB,cAAc;;AAKjC,MAAa,qBAAqB,KAAwC,OAAO,QAAQ;CACvF,MAAM,EAAE,WAAW,WAAW,GAAG,SAAS;CAC1C,MAAM,EAAE,cAAc,MAAM,cAAc,qBAAqB;CAC/D,MAAM,SAAS,eAAe,cAAc,qBAAqB,CAAC;CAElE,MAAM,SAAS,cAAc;CAC7B,MAAM,aAAa,SAAS,KAAK;CACjC,MAAM,iBAAiB;EACrB,UAAU,SAAS,SAAS,IAAI,SAAS;EACzC,MAAM,UAAU,SAAS,SAAS;EAClC,eAAe,aAAa,OAAO,UAAU;CAC/C;CACA,OACE,oBAAC,QAAD;EACE,WAAW,GAAG,0BAA0B,SAAS;EACjD,MAAM;EACD;EACL,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;CACL;AAEL,CAAC;AAED,mBAAmB,cAAc"}
+{"version":3,"file":"paginationButtons.js","names":[],"sources":["../../src/pagination/paginationButtons.tsx"],"sourcesContent":["import type { BoxProps } from '../box'\nimport type { PaginationButtonProps, PaginationPrevNextProps } from './pagination.types'\n\nimport Box from '../box'\nimport Button from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { usePaginationContext } from './context'\n\n/** Displays a page navigation button within the Pagination. */\nexport const PaginationButton = vui<'button', PaginationButtonProps>((props, ref) => {\n  const { className, page: pageProp, ...rest } = props\n  const { onPageChange, page: currentPage } = usePaginationContext()\n  const styles = useStyleConfig('Pagination', usePaginationContext())\n\n  const isActive = pageProp === currentPage\n\n  return (\n    <Button\n      className={cs('vui-paginationButton', className)}\n      onClick={() => onPageChange(pageProp)}\n      ref={ref}\n      text={pageProp}\n      isActive={isActive}\n      {...styles.button}\n      {...rest}\n    />\n  )\n})\n\nPaginationButton.displayName = 'PaginationButton'\n\n// ---------------------------------------------------------------------------\n\n/** Displays '...' ellipsis for hidden pages. */\nexport const PaginationEllipsis = vui<'span', BoxProps>((props, ref) => {\n  const { children, className, ...rest } = props\n  const styles = useStyleConfig('Pagination', usePaginationContext())\n\n  return (\n    <Box\n      alignItems=\"center\"\n      className={cs('vui-paginationEllipsis', className)}\n      px=\"10px\"\n      ref={ref}\n      {...styles.ellipsis}\n      {...rest}\n    >\n      {children ?? '…'}\n    </Box>\n  )\n})\n\nPaginationEllipsis.displayName = 'PaginationEllipsis'\n\n// ---------------------------------------------------------------------------\n\n/** Displays a page navigation button, which navigates forward or backward. */\nexport const PaginationPrevNext = vui<'button', PaginationPrevNextProps>((props, ref) => {\n  const { className, direction, ...rest } = props\n  const { onPageChange, page, pageCount } = usePaginationContext()\n  const styles = useStyleConfig('Pagination', usePaginationContext())\n\n  const isPrev = direction === 'previous'\n  const pageChange = isPrev ? -1 : 1\n  const directionProps = {\n    disabled: isPrev ? page === 1 : page === pageCount,\n    icon: `uiAngle${isPrev ? 'Left' : 'Right'}`,\n    onClick: () => onPageChange(page + pageChange),\n  }\n  return (\n    <Button\n      className={cs('vui-paginationPrevNext', className)}\n      minW={0}\n      ref={ref}\n      {...styles.prevNext}\n      {...directionProps}\n      {...rest}\n    />\n  )\n})\n\nPaginationPrevNext.displayName = 'PaginationPrevNext'\n"],"mappings":";;;;;;;;;;AAUA,MAAa,mBAAmB,KAAsC,OAAO,QAAQ;CACnF,MAAM,EAAE,WAAW,MAAM,UAAU,GAAG,SAAS;CAC/C,MAAM,EAAE,cAAc,MAAM,gBAAgB,qBAAqB;CACjE,MAAM,SAAS,eAAe,cAAc,qBAAqB,CAAC;CAElE,MAAM,WAAW,aAAa;CAE9B,OACE,oBAAC,QAAD;EACE,WAAW,GAAG,wBAAwB,SAAS;EAC/C,eAAe,aAAa,QAAQ;EAC/B;EACL,MAAM;EACI;EACV,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,iBAAiB,cAAc;;AAK/B,MAAa,qBAAqB,KAAuB,OAAO,QAAQ;CACtE,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CACzC,MAAM,SAAS,eAAe,cAAc,qBAAqB,CAAC;CAElE,OACE,oBAAC,KAAD;EACE,YAAW;EACX,WAAW,GAAG,0BAA0B,SAAS;EACjD,IAAG;EACE;EACL,GAAI,OAAO;EACX,GAAI;YAEH,YAAY;CACV;AAET,CAAC;AAED,mBAAmB,cAAc;;AAKjC,MAAa,qBAAqB,KAAwC,OAAO,QAAQ;CACvF,MAAM,EAAE,WAAW,WAAW,GAAG,SAAS;CAC1C,MAAM,EAAE,cAAc,MAAM,cAAc,qBAAqB;CAC/D,MAAM,SAAS,eAAe,cAAc,qBAAqB,CAAC;CAElE,MAAM,SAAS,cAAc;CAC7B,MAAM,aAAa,SAAS,KAAK;CACjC,MAAM,iBAAiB;EACrB,UAAU,SAAS,SAAS,IAAI,SAAS;EACzC,MAAM,UAAU,SAAS,SAAS;EAClC,eAAe,aAAa,OAAO,UAAU;CAC/C;CACA,OACE,oBAAC,QAAD;EACE,WAAW,GAAG,0BAA0B,SAAS;EACjD,MAAM;EACD;EACL,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;CACL;AAEL,CAAC;AAED,mBAAmB,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"paginationGoToPage.d.ts","names":[],"sources":["../../src/pagination/paginationGoToPage.tsx"],"mappings":";;;;cAUa,kBAAA,EAAkB,YAAA,QAAA,QAAA"}
+{"version":3,"file":"paginationGoToPage.d.ts","names":[],"sources":["../../src/pagination/paginationGoToPage.tsx"],"mappings":";;;;cAWa,kBAAA,EAAkB,YAAA,QAAA,QAAA"}

package/dist/pagination/paginationGoToPage.js

@@ -16,6 +16,8 @@ const PaginationGoToPage = vui((props, ref) => {
 	const onChange = (e) => {
 		const value = +e.target.value;
 		if (value >= 1 && value <= pageCount) onPageChange(Math.floor(value));
+		else if (value > pageCount) onPageChange(pageCount);
+		else onPageChange(1);
 	};
 	return /* @__PURE__ */ jsxs(Box, {
 		centerV: true,
@@ -53,5 +55,5 @@ PaginationGoToPage.displayName = "PaginationGoToPage";
 
 //#endregion
 export { PaginationGoToPage as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=paginationGoToPage.js.map

package/dist/pagination/paginationGoToPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"paginationGoToPage.js","names":[],"sources":["../../src/pagination/paginationGoToPage.tsx"],"sourcesContent":["import type { BoxProps } from '../box'\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport Input from '../input'\nimport T from '../t'\nimport type { ChangeEvent } from '../utils'\nimport { cs } from '../utils'\nimport { usePaginationContext } from './context'\n\n/** Displays a number input, which allows quickly jumping between pages. */\nexport const PaginationGoToPage = vui<'div', BoxProps>((props, ref) => {\n  const { className, ...rest } = props\n  const { onPageChange, pageCount } = usePaginationContext()\n  const styles = useStyleConfig('Pagination', usePaginationContext())\n\n  const onChange = (e: ChangeEvent) => {\n    const value = +e.target.value\n    if (value >= 1 && value <= pageCount) {\n      onPageChange(Math.floor(value))\n    }\n  }\n\n  return (\n    <Box\n      centerV\n      className={cs('vui-paginationGoToPage', className)}\n      lineHeight=\"normal\"\n      ref={ref}\n      {...styles.goToPage}\n      {...rest}\n    >\n      <T size=\"sm\" variant=\"navigation\" fontWeight=\"medium\">\n        Go&nbsp;to\n      </T>\n      <Input max={pageCount} min={1} mx={1} onChange={onChange} size=\"sm\" type=\"number\" w={56} />\n      <T size=\"sm\" variant=\"navigation\" fontWeight=\"medium\">\n        Page\n      </T>\n    </Box>\n  )\n})\n\nPaginationGoToPage.displayName = 'PaginationGoToPage'\n\nexport default PaginationGoToPage\n"],"mappings":";;;;;;;;;;;AAUA,MAAa,qBAAqB,KAAsB,OAAO,QAAQ;CACrE,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,EAAE,cAAc,cAAc,qBAAqB;CACzD,MAAM,SAAS,eAAe,cAAc,qBAAqB,CAAC;CAElE,MAAM,YAAY,MAAmB;EACnC,MAAM,QAAQ,CAAC,EAAE,OAAO;EACxB,IAAI,SAAS,KAAK,SAAS,WACzB,aAAa,KAAK,MAAM,KAAK,CAAC;CAElC;CAEA,OACE,qBAAC,KAAD;EACE;EACA,WAAW,GAAG,0BAA0B,SAAS;EACjD,YAAW;EACN;EACL,GAAI,OAAO;EACX,GAAI;YANN;GAQE,oBAAC,GAAD;IAAG,MAAK;IAAK,SAAQ;IAAa,YAAW;cAAS;GAEnD;GACH,oBAAC,OAAD;IAAO,KAAK;IAAW,KAAK;IAAG,IAAI;IAAa;IAAU,MAAK;IAAK,MAAK;IAAS,GAAG;GAAK;GAC1F,oBAAC,GAAD;IAAG,MAAK;IAAK,SAAQ;IAAa,YAAW;cAAS;GAEnD;EACA;;AAET,CAAC;AAED,mBAAmB,cAAc"}
+{"version":3,"file":"paginationGoToPage.js","names":[],"sources":["../../src/pagination/paginationGoToPage.tsx"],"sourcesContent":["import type { BoxProps } from '../box'\nimport type { ChangeEvent } from '../utils'\n\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport Input from '../input'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { usePaginationContext } from './context'\n\n/** Displays a number input, which allows quickly jumping between pages. */\nexport const PaginationGoToPage = vui<'div', BoxProps>((props, ref) => {\n  const { className, ...rest } = props\n  const { onPageChange, pageCount } = usePaginationContext()\n  const styles = useStyleConfig('Pagination', usePaginationContext())\n\n  const onChange = (e: ChangeEvent) => {\n    const value = +e.target.value\n    if (value >= 1 && value <= pageCount) {\n      onPageChange(Math.floor(value))\n    } else if (value > pageCount) {\n      onPageChange(pageCount)\n    } else {\n      onPageChange(1)\n    }\n  }\n\n  return (\n    <Box\n      centerV\n      className={cs('vui-paginationGoToPage', className)}\n      lineHeight=\"normal\"\n      ref={ref}\n      {...styles.goToPage}\n      {...rest}\n    >\n      <T size=\"sm\" variant=\"navigation\" fontWeight=\"medium\">\n        Go&nbsp;to\n      </T>\n      <Input max={pageCount} min={1} mx={1} onChange={onChange} size=\"sm\" type=\"number\" w={56} />\n      <T size=\"sm\" variant=\"navigation\" fontWeight=\"medium\">\n        Page\n      </T>\n    </Box>\n  )\n})\n\nPaginationGoToPage.displayName = 'PaginationGoToPage'\n\nexport default PaginationGoToPage\n"],"mappings":";;;;;;;;;;;AAWA,MAAa,qBAAqB,KAAsB,OAAO,QAAQ;CACrE,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,EAAE,cAAc,cAAc,qBAAqB;CACzD,MAAM,SAAS,eAAe,cAAc,qBAAqB,CAAC;CAElE,MAAM,YAAY,MAAmB;EACnC,MAAM,QAAQ,CAAC,EAAE,OAAO;EACxB,IAAI,SAAS,KAAK,SAAS,WACzB,aAAa,KAAK,MAAM,KAAK,CAAC;OACzB,IAAI,QAAQ,WACjB,aAAa,SAAS;OAEtB,aAAa,CAAC;CAElB;CAEA,OACE,qBAAC,KAAD;EACE;EACA,WAAW,GAAG,0BAA0B,SAAS;EACjD,YAAW;EACN;EACL,GAAI,OAAO;EACX,GAAI;YANN;GAQE,oBAAC,GAAD;IAAG,MAAK;IAAK,SAAQ;IAAa,YAAW;cAAS;GAEnD;GACH,oBAAC,OAAD;IAAO,KAAK;IAAW,KAAK;IAAG,IAAI;IAAa;IAAU,MAAK;IAAK,MAAK;IAAS,GAAG;GAAK;GAC1F,oBAAC,GAAD;IAAG,MAAK;IAAK,SAAQ;IAAa,YAAW;cAAS;GAEnD;EACA;;AAET,CAAC;AAED,mBAAmB,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"paginationNavigation.d.ts","names":[],"sources":["../../src/pagination/paginationNavigation.tsx"],"mappings":";;;;cAUa,oBAAA,EAAoB,YAAA,QAAA,QAAA"}
+{"version":3,"file":"paginationNavigation.d.ts","names":[],"sources":["../../src/pagination/paginationNavigation.tsx"],"mappings":";;;;cAWa,oBAAA,EAAoB,YAAA,QAAA,QAAA"}

package/dist/pagination/paginationNavigation.js

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

package/dist/pagination/paginationNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"paginationNavigation.js","names":[],"sources":["../../src/pagination/paginationNavigation.tsx"],"sourcesContent":["import { Fragment } from 'react'\n\nimport type { BoxProps } from '../box'\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs, isNumber, isString } from '../utils'\nimport { usePaginationContext } from './context'\nimport { PaginationButton, PaginationEllipsis, PaginationPrevNext } from './paginationButtons'\n\n/** Displays a set of page navigation buttons. */\nexport const PaginationNavigation = vui<'div', BoxProps>((props, ref) => {\n  const { children, className, ...rest } = props\n  const { items } = usePaginationContext()\n  const styles = useStyleConfig('Pagination', usePaginationContext())\n\n  return (\n    <Box className={cs('vui-paginationNavigation', className)} gap={1} ref={ref} wrap {...styles.navigation} {...rest}>\n      {children ??\n        items.map(item => (\n          <Fragment key={item}>\n            {item === 'previous' && <PaginationPrevNext aria-label=\"previous\" direction=\"previous\" />}\n\n            {isNumber(item) && <PaginationButton page={item} />}\n\n            {isString(item) && item.includes('ellipsis') && <PaginationEllipsis />}\n\n            {item === 'next' && <PaginationPrevNext aria-label=\"next\" direction=\"next\" />}\n          </Fragment>\n        ))}\n    </Box>\n  )\n})\n\nPaginationNavigation.displayName = 'PaginationNavigation'\n\nexport default PaginationNavigation\n"],"mappings":";;;;;;;;;;;;AAUA,MAAa,uBAAuB,KAAsB,OAAO,QAAQ;CACvE,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CACzC,MAAM,EAAE,UAAU,qBAAqB;CACvC,MAAM,SAAS,eAAe,cAAc,qBAAqB,CAAC;CAElE,OACE,oBAAC,KAAD;EAAK,WAAW,GAAG,4BAA4B,SAAS;EAAG,KAAK;EAAQ;EAAK;EAAK,GAAI,OAAO;EAAY,GAAI;YAC1G,YACC,MAAM,KAAI,SACR,qBAAC,UAAD;GACG,SAAS,cAAc,oBAAC,oBAAD;IAAoB,cAAW;IAAW,WAAU;GAAY;GAEvF,SAAS,IAAI,KAAK,oBAAC,kBAAD,EAAkB,MAAM,KAAO;GAEjD,SAAS,IAAI,KAAK,KAAK,SAAS,UAAU,KAAK,oBAAC,oBAAD,CAAqB;GAEpE,SAAS,UAAU,oBAAC,oBAAD;IAAoB,cAAW;IAAO,WAAU;GAAQ;EACpE,KARK,IAQL,CACX;CACA;AAET,CAAC;AAED,qBAAqB,cAAc"}
+{"version":3,"file":"paginationNavigation.js","names":[],"sources":["../../src/pagination/paginationNavigation.tsx"],"sourcesContent":["import { Fragment } from 'react'\n\nimport type { BoxProps } from '../box'\n\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs, isNumber, isString } from '../utils'\nimport { usePaginationContext } from './context'\nimport { PaginationButton, PaginationEllipsis, PaginationPrevNext } from './paginationButtons'\n\n/** Displays a set of page navigation buttons. */\nexport const PaginationNavigation = vui<'div', BoxProps>((props, ref) => {\n  const { children, className, ...rest } = props\n  const { items } = usePaginationContext()\n  const styles = useStyleConfig('Pagination', usePaginationContext())\n\n  return (\n    <Box className={cs('vui-paginationNavigation', className)} gap={1} ref={ref} wrap {...styles.navigation} {...rest}>\n      {children ??\n        items.map(item => (\n          <Fragment key={item}>\n            {item === 'previous' && <PaginationPrevNext aria-label=\"previous\" direction=\"previous\" />}\n\n            {isNumber(item) && <PaginationButton page={item} />}\n\n            {isString(item) && item.includes('ellipsis') && <PaginationEllipsis />}\n\n            {item === 'next' && <PaginationPrevNext aria-label=\"next\" direction=\"next\" />}\n          </Fragment>\n        ))}\n    </Box>\n  )\n})\n\nPaginationNavigation.displayName = 'PaginationNavigation'\n\nexport default PaginationNavigation\n"],"mappings":";;;;;;;;;;;;AAWA,MAAa,uBAAuB,KAAsB,OAAO,QAAQ;CACvE,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CACzC,MAAM,EAAE,UAAU,qBAAqB;CACvC,MAAM,SAAS,eAAe,cAAc,qBAAqB,CAAC;CAElE,OACE,oBAAC,KAAD;EAAK,WAAW,GAAG,4BAA4B,SAAS;EAAG,KAAK;EAAQ;EAAK;EAAK,GAAI,OAAO;EAAY,GAAI;YAC1G,YACC,MAAM,KAAI,SACR,qBAAC,UAAD;GACG,SAAS,cAAc,oBAAC,oBAAD;IAAoB,cAAW;IAAW,WAAU;GAAY;GAEvF,SAAS,IAAI,KAAK,oBAAC,kBAAD,EAAkB,MAAM,KAAO;GAEjD,SAAS,IAAI,KAAK,KAAK,SAAS,UAAU,KAAK,oBAAC,oBAAD,CAAqB;GAEpE,SAAS,UAAU,oBAAC,oBAAD;IAAoB,cAAW;IAAO,WAAU;GAAQ;EACpE,KARK,IAQL,CACX;CACA;AAET,CAAC;AAED,qBAAqB,cAAc"}

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

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

package/dist/pagination/paginationResults.js

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

package/dist/pagination/paginationResults.js.map

@@ -1 +1 @@
-{"version":3,"file":"paginationResults.js","names":[],"sources":["../../src/pagination/paginationResults.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { TProps } from '../t'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { usePaginationContext } from './context'\n\n/** Displays an action button within the Pagination. */\nexport const PaginationResults = vui<'span', TProps>((props, ref) => {\n  const { children, className, ...rest } = props\n  const { count, rangeEnd, rangeStart } = usePaginationContext()\n  const styles = useStyleConfig('Pagination', usePaginationContext())\n\n  return (\n    <T\n      className={cs('vui-paginationResults', className)}\n      ref={ref}\n      size=\"sm\"\n      {...styles.results}\n      {...rest}\n      variant=\"navigation\"\n    >\n      {children ?? `Showing ${rangeStart} to ${rangeEnd} of ${count} results.`}\n    </T>\n  )\n})\n\nPaginationResults.displayName = 'PaginationResults'\n\nexport default PaginationResults\n"],"mappings":";;;;;;;;;AAOA,MAAa,oBAAoB,KAAqB,OAAO,QAAQ;CACnE,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CACzC,MAAM,EAAE,OAAO,UAAU,eAAe,qBAAqB;CAC7D,MAAM,SAAS,eAAe,cAAc,qBAAqB,CAAC;CAElE,OACE,oBAAC,GAAD;EACE,WAAW,GAAG,yBAAyB,SAAS;EAC3C;EACL,MAAK;EACL,GAAI,OAAO;EACX,GAAI;EACJ,SAAQ;YAEP,YAAY,WAAW,WAAW,MAAM,SAAS,MAAM,MAAM;CAC7D;AAEP,CAAC;AAED,kBAAkB,cAAc"}
+{"version":3,"file":"paginationResults.js","names":[],"sources":["../../src/pagination/paginationResults.tsx"],"sourcesContent":["import type { TProps } from '../t'\n\nimport { useStyleConfig, vui } from '../core'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { usePaginationContext } from './context'\n\n/** Displays an action button within the Pagination. */\nexport const PaginationResults = vui<'span', TProps>((props, ref) => {\n  const { children, className, ...rest } = props\n  const { count, rangeEnd, rangeStart } = usePaginationContext()\n  const styles = useStyleConfig('Pagination', usePaginationContext())\n\n  return (\n    <T\n      className={cs('vui-paginationResults', className)}\n      ref={ref}\n      size=\"sm\"\n      {...styles.results}\n      {...rest}\n      variant=\"navigation\"\n    >\n      {children ?? `Showing ${rangeStart} to ${rangeEnd} of ${count} results.`}\n    </T>\n  )\n})\n\nPaginationResults.displayName = 'PaginationResults'\n\nexport default PaginationResults\n"],"mappings":";;;;;;;;;AAQA,MAAa,oBAAoB,KAAqB,OAAO,QAAQ;CACnE,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CACzC,MAAM,EAAE,OAAO,UAAU,eAAe,qBAAqB;CAC7D,MAAM,SAAS,eAAe,cAAc,qBAAqB,CAAC;CAElE,OACE,oBAAC,GAAD;EACE,WAAW,GAAG,yBAAyB,SAAS;EAC3C;EACL,MAAK;EACL,GAAI,OAAO;EACX,GAAI;EACJ,SAAQ;YAEP,YAAY,WAAW,WAAW,MAAM,SAAS,MAAM,MAAM;CAC7D;AAEP,CAAC;AAED,kBAAkB,cAAc"}

package/dist/pagination/theme.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"usePagination.d.ts","names":[],"sources":["../../src/pagination/usePagination.ts"],"mappings":";;;;;iBAOwB,aAAA,CAAc,KAAA,EAAO,kBAAA;;SAAkB,cAAA;;;;;;;;KAyCnD,uBAAA,GAA0B,UAAU,QAAQ,aAAA"}
+{"version":3,"file":"usePagination.d.ts","names":[],"sources":["../../src/pagination/usePagination.ts"],"mappings":";;;;;iBAQwB,aAAA,CAAc,KAAA,EAAO,kBAAA;;SAAkB,cAAA;;;;;;;;KAyCnD,uBAAA,GAA0B,UAAU,QAAQ,aAAA"}

package/dist/pagination/usePagination.js

@@ -39,5 +39,5 @@ function usePagination(props) {
 
 //#endregion
 export { usePagination as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=usePagination.js.map

package/dist/pagination/usePagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePagination.js","names":[],"sources":["../../src/pagination/usePagination.ts"],"sourcesContent":["import { useEffect } from 'react'\n\nimport { useControlled, useIsMounted } from '../utils'\nimport { getPaginationItems } from './helpers'\nimport type { UsePaginationProps } from './usePagination.types'\n\n/** Hook to manage pagination data and state in controlled or uncontrolled way. */\nexport default function usePagination(props: UsePaginationProps) {\n  const { count, defaultPage = 1, onPageChange: onPageChangeProp, page: pageProp, pageSize } = props\n  const [page, onPageChange, { isControlled, reset }] = useControlled({\n    defaultValue: defaultPage,\n    onChange: onPageChangeProp,\n    value: pageProp,\n  })\n\n  // In uncontrolled mode, trigger external callback on the first render for consumer to initialize data.\n  useEffect(() => {\n    !isControlled && onPageChangeProp?.(defaultPage)\n  }, [])\n\n  /** In uncontrolled mode, reset pagination whenever pageSize changes (apart from initialization). */\n  useEffect(() => {\n    isMounted() && reset()\n  }, [pageSize])\n\n  const isMounted = useIsMounted()\n\n  /** How many pages are there in total. */\n  const pageCount = count > 0 && pageSize > 0 ? Math.ceil(count / pageSize) : 0\n  /** Array of navigation items, like buttons or arrows. */\n  const items = getPaginationItems(page, pageCount)\n  /** First item displayed on the current page. */\n  const rangeStart = (page - 1) * pageSize + 1\n  /** Last item displayed on the current page. */\n  const rangeEnd = page === pageCount ? count : page * pageSize\n\n  return {\n    count,\n    items,\n    onPageChange,\n    page,\n    pageCount,\n    pageSize,\n    rangeEnd,\n    rangeStart,\n  }\n}\n\nexport type UsePaginationReturnType = ReturnType<typeof usePagination>\n"],"mappings":";;;;;;AAOA,SAAwB,cAAc,OAA2B;CAC/D,MAAM,EAAE,OAAO,cAAc,GAAG,cAAc,kBAAkB,MAAM,UAAU,aAAa;CAC7F,MAAM,CAAC,MAAM,cAAc,EAAE,cAAc,WAAW,cAAc;EAClE,cAAc;EACd,UAAU;EACV,OAAO;CACT,CAAC;CAGD,gBAAgB;EACd,CAAC,gBAAgB,mBAAmB,WAAW;CACjD,GAAG,CAAC,CAAC;;CAGL,gBAAgB;EACd,UAAU,KAAK,MAAM;CACvB,GAAG,CAAC,QAAQ,CAAC;CAEb,MAAM,YAAY,aAAa;;CAG/B,MAAM,YAAY,QAAQ,KAAK,WAAW,IAAI,KAAK,KAAK,QAAQ,QAAQ,IAAI;;CAE5E,MAAM,QAAQ,mBAAmB,MAAM,SAAS;;CAEhD,MAAM,cAAc,OAAO,KAAK,WAAW;CAI3C,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA,UATe,SAAS,YAAY,QAAQ,OAAO;EAUnD;CACF;AACF"}
+{"version":3,"file":"usePagination.js","names":[],"sources":["../../src/pagination/usePagination.ts"],"sourcesContent":["import { useEffect } from 'react'\n\nimport type { UsePaginationProps } from './usePagination.types'\n\nimport { useControlled, useIsMounted } from '../utils'\nimport { getPaginationItems } from './helpers'\n\n/** Hook to manage pagination data and state in controlled or uncontrolled way. */\nexport default function usePagination(props: UsePaginationProps) {\n  const { count, defaultPage = 1, onPageChange: onPageChangeProp, page: pageProp, pageSize } = props\n  const [page, onPageChange, { isControlled, reset }] = useControlled({\n    defaultValue: defaultPage,\n    onChange: onPageChangeProp,\n    value: pageProp,\n  })\n\n  // In uncontrolled mode, trigger external callback on the first render for consumer to initialize data.\n  useEffect(() => {\n    !isControlled && onPageChangeProp?.(defaultPage)\n  }, [])\n\n  /** In uncontrolled mode, reset pagination whenever pageSize changes (apart from initialization). */\n  useEffect(() => {\n    isMounted() && reset()\n  }, [pageSize])\n\n  const isMounted = useIsMounted()\n\n  /** How many pages are there in total. */\n  const pageCount = count > 0 && pageSize > 0 ? Math.ceil(count / pageSize) : 0\n  /** Array of navigation items, like buttons or arrows. */\n  const items = getPaginationItems(page, pageCount)\n  /** First item displayed on the current page. */\n  const rangeStart = (page - 1) * pageSize + 1\n  /** Last item displayed on the current page. */\n  const rangeEnd = page === pageCount ? count : page * pageSize\n\n  return {\n    count,\n    items,\n    onPageChange,\n    page,\n    pageCount,\n    pageSize,\n    rangeEnd,\n    rangeStart,\n  }\n}\n\nexport type UsePaginationReturnType = ReturnType<typeof usePagination>\n"],"mappings":";;;;;;AAQA,SAAwB,cAAc,OAA2B;CAC/D,MAAM,EAAE,OAAO,cAAc,GAAG,cAAc,kBAAkB,MAAM,UAAU,aAAa;CAC7F,MAAM,CAAC,MAAM,cAAc,EAAE,cAAc,WAAW,cAAc;EAClE,cAAc;EACd,UAAU;EACV,OAAO;CACT,CAAC;CAGD,gBAAgB;EACd,CAAC,gBAAgB,mBAAmB,WAAW;CACjD,GAAG,CAAC,CAAC;;CAGL,gBAAgB;EACd,UAAU,KAAK,MAAM;CACvB,GAAG,CAAC,QAAQ,CAAC;CAEb,MAAM,YAAY,aAAa;;CAG/B,MAAM,YAAY,QAAQ,KAAK,WAAW,IAAI,KAAK,KAAK,QAAQ,QAAQ,IAAI;;CAE5E,MAAM,QAAQ,mBAAmB,MAAM,SAAS;;CAEhD,MAAM,cAAc,OAAO,KAAK,WAAW;CAI3C,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA,UATe,SAAS,YAAY,QAAQ,OAAO;EAUnD;CACF;AACF"}

package/dist/panel/panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel.d.ts","names":[],"sources":["../../src/panel/panel.tsx"],"mappings":";;;;;;;cASa,KAAA,EAAK,YAAA,QAAA,UAAA"}
+{"version":3,"file":"panel.d.ts","names":[],"sources":["../../src/panel/panel.tsx"],"mappings":";;;;;;;cAUa,KAAA,EAAK,YAAA,QAAA,UAAA"}

package/dist/panel/panel.js

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

package/dist/panel/panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"panel.js","names":[],"sources":["../../src/panel/panel.tsx"],"sourcesContent":["import Box from '../box'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport type { PanelProps } from './panel.types'\n\n/**\n * Displays static or partially interactive content, such as text, images or buttons.\n * Supports use cases of showing multiple segments of a page, each focusing on different data type or context.\n */\nexport const Panel = vui<'div', PanelProps>((props, ref) => {\n  const { className, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('Panel', props)\n\n  return <Box bg=\"white\" className={cs('vui-panel', className)} p={2} ref={ref} {...styles} {...rest} />\n})\n\nPanel.displayName = 'Panel'\n\nexport default Panel\n"],"mappings":";;;;;;;;;;;AASA,MAAa,QAAQ,KAAwB,OAAO,QAAQ;CAC1D,MAAM,EAAE,WAAW,GAAG,SAAS,iBAAiB,KAAK;CACrD,MAAM,SAAS,eAAe,SAAS,KAAK;CAE5C,OAAO,oBAAC,KAAD;EAAK,IAAG;EAAQ,WAAW,GAAG,aAAa,SAAS;EAAG,GAAG;EAAQ;EAAK,GAAI;EAAQ,GAAI;CAAO;AACvG,CAAC;AAED,MAAM,cAAc"}
+{"version":3,"file":"panel.js","names":[],"sources":["../../src/panel/panel.tsx"],"sourcesContent":["import type { PanelProps } from './panel.types'\n\nimport Box from '../box'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\n\n/**\n * Displays static or partially interactive content, such as text, images or buttons.\n * Supports use cases of showing multiple segments of a page, each focusing on different data type or context.\n */\nexport const Panel = vui<'div', PanelProps>((props, ref) => {\n  const { className, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('Panel', props)\n\n  return <Box bg=\"white\" className={cs('vui-panel', className)} p={2} ref={ref} {...styles} {...rest} />\n})\n\nPanel.displayName = 'Panel'\n\nexport default Panel\n"],"mappings":";;;;;;;;;;;AAUA,MAAa,QAAQ,KAAwB,OAAO,QAAQ;CAC1D,MAAM,EAAE,WAAW,GAAG,SAAS,iBAAiB,KAAK;CACrD,MAAM,SAAS,eAAe,SAAS,KAAK;CAE5C,OAAO,oBAAC,KAAD;EAAK,IAAG;EAAQ,WAAW,GAAG,aAAa,SAAS;EAAG,GAAG;EAAQ;EAAK,GAAI;EAAQ,GAAI;CAAO;AACvG,CAAC;AAED,MAAM,cAAc"}

package/dist/panel/theme.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/popover/context.ts"],"mappings":";;cAGO,eAAA,kBAAe,QAAA,CAAA,IAAA,GAAE,iBAAA,QAAiB,IAA6C"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/popover/context.ts"],"mappings":";;cAIO,eAAA,kBAAe,QAAA,CAAA,IAAA,GAAE,iBAAA,QAAiB,IAA6C"}

package/dist/popover/context.js

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

package/dist/popover/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../src/popover/context.ts"],"sourcesContent":["import type { Dict } from '../utils'\nimport { createContext } from '../utils'\n\nconst [PopoverProvider, usePopoverContext] = createContext<Dict>({ isOptional: true })\n\nexport { PopoverProvider, usePopoverContext }\n"],"mappings":";;;AAGA,MAAM,CAAC,iBAAiB,qBAAqB,cAAoB,EAAE,YAAY,KAAK,CAAC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../src/popover/context.ts"],"sourcesContent":["import type { Dict } from '../utils'\n\nimport { createContext } from '../utils'\n\nconst [PopoverProvider, usePopoverContext] = createContext<Dict>({ isOptional: true })\n\nexport { PopoverProvider, usePopoverContext }\n"],"mappings":";;;AAIA,MAAM,CAAC,iBAAiB,qBAAqB,cAAoB,EAAE,YAAY,KAAK,CAAC"}

package/dist/popover/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","names":[],"sources":["../../src/popover/popover.tsx"],"mappings":";;;;;iBA2BwB,OAAA,CAAQ,KAAA,EAAO,YAAY,mBAAA,GAAA,CAAA,OAAA;AAAA,kBAA3B,OAAA;EAAA,iCAAO,QAAA;EAAA"}
+{"version":3,"file":"popover.d.ts","names":[],"sources":["../../src/popover/popover.tsx"],"mappings":";;;;;iBA4BwB,OAAA,CAAQ,KAAA,EAAO,YAAY,mBAAA,GAAA,CAAA,OAAA;AAAA,kBAA3B,OAAA;EAAA,iCAAO,QAAA;EAAA"}

package/dist/popover/popover.js

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

package/dist/popover/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","names":[],"sources":["../../src/popover/popover.tsx"],"sourcesContent":["import { FloatingNode, FloatingTree, useFloatingNodeId, useFloatingParentNodeId } from '@floating-ui/react'\n\nimport { filterUndefined, runIfFn } from '../utils'\nimport { PopoverProvider } from './context'\nimport type { PopoverProps } from './popover.types'\nimport PopoverContent from './popoverContent'\nimport PopoverTrigger from './popoverTrigger'\nimport usePopover from './usePopover'\n\n/**\n * Uses 'usePopover' hook to expose relevant data to its children parts.\n * By default, renders provided content only when popover is opened (lazy).\n */\nfunction PopoverInner(props: PopoverProps) {\n  const nodeId = useFloatingNodeId()\n  const { children, isLazy = true, ...rest } = props\n  const popoverProps = usePopover({ ...rest, nodeId })\n  const { close, isOpen, open } = popoverProps\n  const context = filterUndefined({ isLazy, ...popoverProps })\n\n  return (\n    <FloatingNode id={nodeId}>\n      <PopoverProvider value={context}>{runIfFn(children, { close, isOpen, open })}</PopoverProvider>\n    </FloatingNode>\n  )\n}\n\nexport default function Popover(props: PopoverProps) {\n  const parentId = useFloatingParentNodeId()\n\n  if (parentId === null) {\n    return (\n      <FloatingTree>\n        <PopoverInner {...props} />\n      </FloatingTree>\n    )\n  }\n\n  return <PopoverInner {...props} />\n}\n\nPopover.Content = PopoverContent\nPopover.Trigger = PopoverTrigger\nPopover.displayName = 'Popover'\n"],"mappings":";;;;;;;;;;;;;;AAaA,SAAS,aAAa,OAAqB;CACzC,MAAM,SAAS,kBAAkB;CACjC,MAAM,EAAE,UAAU,SAAS,MAAM,GAAG,SAAS;CAC7C,MAAM,eAAe,WAAW;EAAE,GAAG;EAAM;CAAO,CAAC;CACnD,MAAM,EAAE,OAAO,QAAQ,SAAS;CAGhC,OACE,oBAAC,cAAD;EAAc,IAAI;YAChB,oBAAC,iBAAD;GAAiB,OAJL,gBAAgB;IAAE;IAAQ,GAAG;GAAa,CAIxB;aAAI,QAAQ,UAAU;IAAE;IAAO;IAAQ;GAAK,CAAC;EAAmB;CAClF;AAElB;AAEA,SAAwB,QAAQ,OAAqB;CAGnD,IAFiB,wBAEN,MAAM,MACf,OACE,oBAAC,cAAD,YACE,oBAAC,cAAD,EAAc,GAAI,MAAQ,GACd;CAIlB,OAAO,oBAAC,cAAD,EAAc,GAAI,MAAQ;AACnC;AAEA,QAAQ,UAAU;AAClB,QAAQ,UAAU;AAClB,QAAQ,cAAc"}
+{"version":3,"file":"popover.js","names":[],"sources":["../../src/popover/popover.tsx"],"sourcesContent":["import { FloatingNode, FloatingTree, useFloatingNodeId, useFloatingParentNodeId } from '@floating-ui/react'\n\nimport type { PopoverProps } from './popover.types'\n\nimport { filterUndefined, runIfFn } from '../utils'\nimport { PopoverProvider } from './context'\nimport PopoverContent from './popoverContent'\nimport PopoverTrigger from './popoverTrigger'\nimport usePopover from './usePopover'\n\n/**\n * Uses 'usePopover' hook to expose relevant data to its children parts.\n * By default, renders provided content only when popover is opened (lazy).\n */\nfunction PopoverInner(props: PopoverProps) {\n  const nodeId = useFloatingNodeId()\n  const { children, isLazy = true, ...rest } = props\n  const popoverProps = usePopover({ ...rest, nodeId })\n  const { close, isOpen, open } = popoverProps\n  const context = filterUndefined({ isLazy, ...popoverProps })\n\n  return (\n    <FloatingNode id={nodeId}>\n      <PopoverProvider value={context}>{runIfFn(children, { close, isOpen, open })}</PopoverProvider>\n    </FloatingNode>\n  )\n}\n\nexport default function Popover(props: PopoverProps) {\n  const parentId = useFloatingParentNodeId()\n\n  if (parentId === null) {\n    return (\n      <FloatingTree>\n        <PopoverInner {...props} />\n      </FloatingTree>\n    )\n  }\n\n  return <PopoverInner {...props} />\n}\n\nPopover.Content = PopoverContent\nPopover.Trigger = PopoverTrigger\nPopover.displayName = 'Popover'\n"],"mappings":";;;;;;;;;;;;;;AAcA,SAAS,aAAa,OAAqB;CACzC,MAAM,SAAS,kBAAkB;CACjC,MAAM,EAAE,UAAU,SAAS,MAAM,GAAG,SAAS;CAC7C,MAAM,eAAe,WAAW;EAAE,GAAG;EAAM;CAAO,CAAC;CACnD,MAAM,EAAE,OAAO,QAAQ,SAAS;CAGhC,OACE,oBAAC,cAAD;EAAc,IAAI;YAChB,oBAAC,iBAAD;GAAiB,OAJL,gBAAgB;IAAE;IAAQ,GAAG;GAAa,CAIxB;aAAI,QAAQ,UAAU;IAAE;IAAO;IAAQ;GAAK,CAAC;EAAmB;CAClF;AAElB;AAEA,SAAwB,QAAQ,OAAqB;CAGnD,IAFiB,wBAEN,MAAM,MACf,OACE,oBAAC,cAAD,YACE,oBAAC,cAAD,EAAc,GAAI,MAAQ,GACd;CAIlB,OAAO,oBAAC,cAAD,EAAc,GAAI,MAAQ;AACnC;AAEA,QAAQ,UAAU;AAClB,QAAQ,UAAU;AAClB,QAAQ,cAAc"}