@veracity/vui 3.2.0 → 4.0.0-floatinguitake3.2154362

package/dist/modal/modalManager.d.ts

@@ -13,4 +13,5 @@ declare const manager: ModalManager;
 declare function useModalManager(ref: Ref<any>, isOpen?: boolean, disableScrollLock?: boolean): void;
 //#endregion
 export { manager, useModalManager };
+
 //# sourceMappingURL=modalManager.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"modalManager.d.ts","names":[],"sources":["../../src/modal/modalManager.ts"],"sourcesContent":[],"mappings":";;;;cAMM,YAAA;EAAA,MAAA,CAAA,CAAA,GAAA,CAAA,CAAA;EAaO,GAAA,CAAA,CAAA,CAAA,KAA4B,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAArB;EAGJ,MAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,GAAe,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA;;;cAHlB,SAAO;;iBAGJ,eAAA,MAAqB"}
+{"version":3,"file":"modalManager.d.ts","names":[],"sources":["../../src/modal/modalManager.ts"],"sourcesContent":[],"mappings":";;;;cAMM,YAAA;EAAA,MAAA,EAAA,GAAA,EAAA;EAaO,GAAA,EAAA,CAAA,KAA4B,EAAA,GAAA,EAAA,GAAA,MAArB;EAGJ,MAAA,EAAA,CAAA,KAAA,EAAA,GAAe,EAAA,GAAA,GAAA,EAAA;;;cAHlB,SAAO;;iBAGJ,eAAA,MAAqB"}

package/dist/modal/modalManager.js

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

package/dist/modal/theme.js

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

package/dist/notification/consts.js

@@ -65,5 +65,5 @@ const closeButtonVariantMapping = {
 
 //#endregion
 export { bannerNotificationElevation, closeButtonVariantMapping, notificationStatusMapping };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=consts.js.map

package/dist/notification/context.d.ts

@@ -1,8 +1,9 @@
 import { NotificationProps } from "./notification.types.js";
-import * as react946 from "react";
+import * as react1 from "react";
 
 //#region src/notification/context.d.ts
-declare const NotificationProvider: react946.Provider<Partial<NotificationProps>>, useNotificationContext: () => Partial<NotificationProps>;
+declare const NotificationProvider: react1.Provider<Partial<NotificationProps>>, useNotificationContext: () => Partial<NotificationProps>;
 //#endregion
 export { NotificationProvider, useNotificationContext };
+
 //# sourceMappingURL=context.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/notification/context.ts"],"sourcesContent":[],"mappings":";;;;cAGO,sBAAoB,QAAA,CAAA,SAAA,QAAA,qBAAE,8BAAsB,QAAA"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/notification/context.ts"],"sourcesContent":[],"mappings":";;;;cAGO,sBAAoB,MAAA,CAAA,SAAA,QAAA,qBAAE,8BAAsB,QAAA"}

package/dist/notification/context.js

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

package/dist/notification/index.d.ts

@@ -4,4 +4,4 @@ import { NotificationButton } from "./notificationButton.js";
 import { NotificationIcon } from "./notificationIcon.js";
 import { NotificationText } from "./notificationText.js";
 import { NotificationTitle } from "./notificationTitle.js";
-import { Notification } from "./notification.js";
+import { Notification } from "./notification.js";

package/dist/notification/notification.d.ts

@@ -20,4 +20,5 @@ declare const Notification: VuiComponent<"div", NotificationProps> & {
 };
 //#endregion
 export { Notification };
+
 //# sourceMappingURL=notification.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"notification.d.ts","names":[],"sources":["../../src/notification/notification.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;AAgBA,CAAA,CAAA;AAgE0B,OAAA,CAAA,KAAA,CAhEb,YAgEa,CAAA,CAApB,YAAoB,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,CAAA;EAApB,MAAA,CAAA,CAAA,MAAA,CACW,kBADX;EACW,IAAA,CAAA,CAAA,MAAA,CACF,gBADE;EACF,IAAA,CAAA,CAAA,MAAA,CACA,gBADA;EACA,KAAA,CAAA,CAAA,MAAA,CACC,iBADD;CACC"}
+{"version":3,"file":"notification.d.ts","names":[],"sources":["../../src/notification/notification.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;AAgBA;AAgE0B,cAhEb,YAgEa,EAApB,YAAoB,CAAA,KAAA,EAAA,iBAAA,CAAA,GAAA;EAApB,MAAA,EAAA,OACW,kBADX;EACW,IAAA,EAAA,OACF,gBADE;EACF,IAAA,EAAA,OACA,gBADA;EACA,KAAA,EAAA,OACC,iBADD;CACC"}

package/dist/notification/notification.js

@@ -18,7 +18,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * Handles multiple states, like info, error or loading.
 */
 const Notification = vui((props, ref) => {
-	const { action, children, className, icon, onClose, size, status, statusMapping, text, title, variant: variantProp = "subtleBlue", verticalAlign,...rest } = props;
+	const { action, children, className, icon, onClose, size, status, statusMapping, text, title, variant: variantProp = "subtleBlue", verticalAlign, ...rest } = props;
 	const statuses = {
 		...notificationStatusMapping,
 		...statusMapping
@@ -84,5 +84,5 @@ Notification.displayName = "Notification";
 
 //#endregion
 export { Notification };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=notification.js.map

package/dist/notification/notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"notification.js","names":["Box","NotificationIcon","NotificationText","NotificationTitle","NotificationButton"],"sources":["../../src/notification/notification.tsx"],"sourcesContent":["import Box from '../box'\nimport type { VuiComponent } from '../core'\nimport { useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined, isReactText, isString } from '../utils'\nimport { bannerNotificationElevation, closeButtonVariantMapping, notificationStatusMapping } from './consts'\nimport { NotificationProvider } from './context'\nimport type { NotificationProps } from './notification.types'\nimport NotificationButton from './notificationButton'\nimport NotificationIcon from './notificationIcon'\nimport NotificationText from './notificationText'\nimport NotificationTitle from './notificationTitle'\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    children,\n    className,\n    icon,\n    onClose,\n    size,\n    status,\n    statusMapping,\n    text,\n    title,\n    variant: variantProp = 'subtleBlue',\n    verticalAlign,\n    ...rest\n  } = props\n  const statuses = { ...notificationStatusMapping, ...statusMapping }\n  const { variant = variantProp } = statuses[status ?? ''] ?? {}\n  const styles = useStyleConfig('Notification', { variant, ...props })\n\n  const iconName = isString(icon) ? icon : statuses[status ?? '']?.iconProps?.name\n\n  const context = filterUndefined<NotificationProps>({ size, status })\n\n  const titleDisplay = action ? 'block' : 'inline'\n\n  const alignSelf = verticalAlign === 'center' ? 'center' : 'flex-start'\n\n  return (\n    <NotificationProvider value={context}>\n      <Box\n        borderRadius=\"md\"\n        borderWidth={1}\n        className={cs('vui-notification', className)}\n        elevation={variant.includes('banner') ? bannerNotificationElevation : undefined}\n        ref={ref}\n        role=\"mark\"\n        w=\"fit-content\"\n        {...styles.container}\n        {...rest}\n      >\n        {iconName ? <NotificationIcon alignSelf={alignSelf} name={iconName} /> : icon}\n\n        {children ?? (\n          <NotificationText alignSelf={alignSelf}>\n            {isReactText(title) ? <NotificationTitle display={titleDisplay} text={title} /> : title} {text}\n          </NotificationText>\n        )}\n\n        {action}\n\n        {onClose && (\n          <NotificationButton\n            alignSelf={alignSelf}\n            aria-label=\"close\"\n            icon=\"uiTimes\"\n            onClick={onClose}\n            variant={closeButtonVariantMapping?.[variant] ?? variant}\n            w=\"32px\"\n          />\n        )}\n      </Box>\n    </NotificationProvider>\n  )\n}) as VuiComponent<'div', NotificationProps> & {\n  Button: typeof NotificationButton\n  Icon: typeof NotificationIcon\n  Text: typeof NotificationText\n  Title: typeof NotificationTitle\n}\n\nNotification.Button = NotificationButton\nNotification.Icon = NotificationIcon\nNotification.Text = NotificationText\nNotification.Title = NotificationTitle\nNotification.displayName = 'Notification'\n\nexport default Notification\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAgBA,MAAa,eAAe,KAA+B,OAAO,QAAQ;CACxE,MAAM,EACJ,QACA,UACA,WACA,MACA,SACA,MACA,QACA,eACA,MACA,OACA,SAAS,cAAc,cACvB,cACA,GAAG,SACD;CACJ,MAAM,WAAW;EAAE,GAAG;EAA2B,GAAG;EAAe;CACnE,MAAM,EAAE,UAAU,gBAAgB,SAAS,UAAU,OAAO,EAAE;CAC9D,MAAM,SAAS,eAAe,gBAAgB;EAAE;EAAS,GAAG;EAAO,CAAC;CAEpE,MAAM,WAAW,SAAS,KAAK,GAAG,OAAO,SAAS,UAAU,KAAK,WAAW;CAE5E,MAAM,UAAU,gBAAmC;EAAE;EAAM;EAAQ,CAAC;CAEpE,MAAM,eAAe,SAAS,UAAU;CAExC,MAAM,YAAY,kBAAkB,WAAW,WAAW;AAE1D,QACE,oBAAC;EAAqB,OAAO;YAC3B,qBAACA;GACC,cAAa;GACb,aAAa;GACb,WAAW,GAAG,oBAAoB,UAAU;GAC5C,WAAW,QAAQ,SAAS,SAAS,GAAG,8BAA8B;GACjE;GACL,MAAK;GACL,GAAE;GACF,GAAI,OAAO;GACX,GAAI;;IAEH,WAAW,oBAACC;KAA4B;KAAW,MAAM;MAAY,GAAG;IAExE,YACC,qBAACC;KAA4B;;MAC1B,YAAY,MAAM,GAAG,oBAACC;OAAkB,SAAS;OAAc,MAAM;QAAS,GAAG;MAAM;MAAE;;MACzE;IAGpB;IAEA,WACC,oBAACC;KACY;KACX,cAAW;KACX,MAAK;KACL,SAAS;KACT,SAAS,4BAA4B,YAAY;KACjD,GAAE;MACF;;IAEA;GACe;EAEzB;AAOF,aAAa,SAASA;AACtB,aAAa,OAAOH;AACpB,aAAa,OAAOC;AACpB,aAAa,QAAQC;AACrB,aAAa,cAAc"}
+{"version":3,"file":"notification.js","names":["Box","NotificationIcon","NotificationText","NotificationTitle","NotificationButton"],"sources":["../../src/notification/notification.tsx"],"sourcesContent":["import Box from '../box'\nimport type { VuiComponent } from '../core'\nimport { useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined, isReactText, isString } from '../utils'\nimport { bannerNotificationElevation, closeButtonVariantMapping, notificationStatusMapping } from './consts'\nimport { NotificationProvider } from './context'\nimport type { NotificationProps } from './notification.types'\nimport NotificationButton from './notificationButton'\nimport NotificationIcon from './notificationIcon'\nimport NotificationText from './notificationText'\nimport NotificationTitle from './notificationTitle'\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    children,\n    className,\n    icon,\n    onClose,\n    size,\n    status,\n    statusMapping,\n    text,\n    title,\n    variant: variantProp = 'subtleBlue',\n    verticalAlign,\n    ...rest\n  } = props\n  const statuses = { ...notificationStatusMapping, ...statusMapping }\n  const { variant = variantProp } = statuses[status ?? ''] ?? {}\n  const styles = useStyleConfig('Notification', { variant, ...props })\n\n  const iconName = isString(icon) ? icon : statuses[status ?? '']?.iconProps?.name\n\n  const context = filterUndefined<NotificationProps>({ size, status })\n\n  const titleDisplay = action ? 'block' : 'inline'\n\n  const alignSelf = verticalAlign === 'center' ? 'center' : 'flex-start'\n\n  return (\n    <NotificationProvider value={context}>\n      <Box\n        borderRadius=\"md\"\n        borderWidth={1}\n        className={cs('vui-notification', className)}\n        elevation={variant.includes('banner') ? bannerNotificationElevation : undefined}\n        ref={ref}\n        role=\"mark\"\n        w=\"fit-content\"\n        {...styles.container}\n        {...rest}\n      >\n        {iconName ? <NotificationIcon alignSelf={alignSelf} name={iconName} /> : icon}\n\n        {children ?? (\n          <NotificationText alignSelf={alignSelf}>\n            {isReactText(title) ? <NotificationTitle display={titleDisplay} text={title} /> : title} {text}\n          </NotificationText>\n        )}\n\n        {action}\n\n        {onClose && (\n          <NotificationButton\n            alignSelf={alignSelf}\n            aria-label=\"close\"\n            icon=\"uiTimes\"\n            onClick={onClose}\n            variant={closeButtonVariantMapping?.[variant] ?? variant}\n            w=\"32px\"\n          />\n        )}\n      </Box>\n    </NotificationProvider>\n  )\n}) as VuiComponent<'div', NotificationProps> & {\n  Button: typeof NotificationButton\n  Icon: typeof NotificationIcon\n  Text: typeof NotificationText\n  Title: typeof NotificationTitle\n}\n\nNotification.Button = NotificationButton\nNotification.Icon = NotificationIcon\nNotification.Text = NotificationText\nNotification.Title = NotificationTitle\nNotification.displayName = 'Notification'\n\nexport default Notification\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAgBA,MAAa,eAAe,KAA+B,OAAO,QAAQ;CACxE,MAAM,EACJ,QACA,UACA,WACA,MACA,SACA,MACA,QACA,eACA,MACA,OACA,SAAS,cAAc,cACvB,eACA,GAAG,SACD;CACJ,MAAM,WAAW;EAAE,GAAG;EAA2B,GAAG;EAAe;CACnE,MAAM,EAAE,UAAU,gBAAgB,SAAS,UAAU,OAAO,EAAE;CAC9D,MAAM,SAAS,eAAe,gBAAgB;EAAE;EAAS,GAAG;EAAO,CAAC;CAEpE,MAAM,WAAW,SAAS,KAAK,GAAG,OAAO,SAAS,UAAU,KAAK,WAAW;CAE5E,MAAM,UAAU,gBAAmC;EAAE;EAAM;EAAQ,CAAC;CAEpE,MAAM,eAAe,SAAS,UAAU;CAExC,MAAM,YAAY,kBAAkB,WAAW,WAAW;AAE1D,QACE,oBAAC;EAAqB,OAAO;YAC3B,qBAACA;GACC,cAAa;GACb,aAAa;GACb,WAAW,GAAG,oBAAoB,UAAU;GAC5C,WAAW,QAAQ,SAAS,SAAS,GAAG,8BAA8B;GACjE;GACL,MAAK;GACL,GAAE;GACF,GAAI,OAAO;GACX,GAAI;;IAEH,WAAW,oBAACC;KAA4B;KAAW,MAAM;MAAY,GAAG;IAExE,YACC,qBAACC;KAA4B;;MAC1B,YAAY,MAAM,GAAG,oBAACC;OAAkB,SAAS;OAAc,MAAM;QAAS,GAAG;MAAM;MAAE;;MACzE;IAGpB;IAEA,WACC,oBAACC;KACY;KACX,cAAW;KACX,MAAK;KACL,SAAS;KACT,SAAS,4BAA4B,YAAY;KACjD,GAAE;MACF;;IAEA;GACe;EAEzB;AAOF,aAAa,SAASA;AACtB,aAAa,OAAOH;AACpB,aAAa,OAAOC;AACpB,aAAa,QAAQC;AACrB,aAAa,cAAc"}

package/dist/notification/notification.types.d.ts

@@ -32,4 +32,5 @@ type NotificationStatusMapping = Record<string, {
 }>;
 //#endregion
 export { NotificationProps, NotificationStatus, NotificationStatusMapping, NotificationVariant };
+
 //# sourceMappingURL=notification.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"notification.types.d.ts","names":[],"sources":["../../src/notification/notification.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;KAMY,iBAAA,CAAA,CAAA,CAAoB,KAAK,gCACnC;;WAEW;;EAHD,WAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAiB,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA;EAAQ,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,UAAA,CAAA,EAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,IAAA,CAAA,CAAA,CAAA;EAAL,IAAA,CAAA,CAAA,CAOrB,QAPqB,CAAA,CAAA,CAOV,GAAA,CAAI,OAPM;EAC9B,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,QAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,KAAA,CAAA,MAAA,CAAA,IAAA,CAAA,IAAA,CAAA,QAAA,CAAA,EAAA,CAAA,GAAA,CAAA,QAAA,CAAA,CAAA,CAAA;EAEW,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAIF,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,YAAA,CAAA,KAAA,CAAA,GAAA,CAAA,OAAA,CAAA,KAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,CAAA,CAAA,CAAA;EAAW,MAAI,CAAA,CAAA,CAIb,kBAJa;EAIb,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,UAAA,CAAA,EAAA,CAAA,MAAA,CAAA,GAAA,CAAA,OAAA,CAAA,GAAA,CAAA,IAAA,CAAA,MAAA,CAAA,CAAA,CAAA;EAEO,aAAA,CAAA,CAAA,CAAA,yBAAA;EAET,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,UAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,MAAA,CAAA,CAAA,CAAA;EAEC,IAAA,CAAA,CAAA,CAFD,SAEC;EAAS,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,UAAA,CAAA,KAAA,CAAA,EAAA,CAAA,GAAA,CAAA,MAAA,CAAA,CAAA,CAAA;EAGT,KAAA,CAAA,CAAA,CAHA,SAGA;AAYZ,CAAA;AAUY,IAAA,CAtBA,kBAAA,CAAA,CAAA,CAsByB,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,CAAA,CAAA,aAAA,CAAA;AAGtB,IAAA,CAbH,mBAAA,CAAA,CAAA,CAaG,CAAA,UAAA,CAAA,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAAA,CAAA;AACD,IAAA,CAJF,yBAAA,CAAA,CAAA,CAA4B,MAI1B,CAAA,MAAA,CAAA,CAAA;EAJ0B,SAAA,CAAA,CAGzB,SAHyB;EAAM,OAAA,CAAA,CAAA,CAIhC,iBAJgC,CAAA,CAAA,OAAA,CAAA,CAAA"}
+{"version":3,"file":"notification.types.d.ts","names":[],"sources":["../../src/notification/notification.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;KAMY,iBAAA,GAAoB,KAAK,gCACnC;;WAEW;;EAHD,WAAA,CAAA,EAAA,MAAiB,GAAA,OAAA,GAAA,KAAA,GAAA,QAAA;EAAQ;EAAL,IAAA,CAAA,EAOrB,QAPqB,GAOV,GAAA,CAAI,OAPM;EAC9B;EAEW,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAIF;EAAW,MAAI,CAAA,EAIb,kBAJa;EAIb;EAEO,aAAA,CAAA,EAAA,yBAAA;EAET;EAEC,IAAA,CAAA,EAFD,SAEC;EAAS;EAGT,KAAA,CAAA,EAHA,SAGA;AAYZ,CAAA;AAUY,KAtBA,kBAAA,GAsByB,OAAA,GAAA,MAAA,GAAA,SAAA,GAAA,SAAA,GAAA,SAAA,GAAA,aAAA,GAAA,YAAA,GAAA,eAAA,GAAA,eAAA,GAAA,eAAA;AAGtB,KAbH,mBAAA,GAaG,YAAA,GAAA,WAAA,GAAA,cAAA,GAAA,aAAA,GAAA,YAAA,GAAA,WAAA,GAAA,cAAA,GAAA,aAAA;AACD,KAJF,yBAAA,GAA4B,MAI1B,CAAA,MAAA,EAAA;EAJ0B,SAAA,EAGzB,SAHyB;EAAM,OAAA,CAAA,EAIhC,iBAJgC,CAAA,SAAA,CAAA"}

package/dist/notification/notificationButton.d.ts

@@ -8,4 +8,5 @@ import "../index.js";
 declare const NotificationButton: VuiComponent<"button", ButtonProps>;
 //#endregion
 export { NotificationButton };
+
 //# sourceMappingURL=notificationButton.d.ts.map

package/dist/notification/notificationButton.js

@@ -9,7 +9,7 @@ import { jsx } from "react/jsx-runtime";
 //#region src/notification/notificationButton.tsx
 /** Displays an action button within the Notification. */
 const NotificationButton = vui((props, ref) => {
-	const { className,...rest } = props;
+	const { className, ...rest } = props;
 	const mergedProps = {
 		...useNotificationContext(),
 		...props
@@ -36,5 +36,5 @@ var notificationButton_default = NotificationButton;
 
 //#endregion
 export { NotificationButton, notificationButton_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=notificationButton.js.map

package/dist/notification/notificationButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"notificationButton.js","names":["Button"],"sources":["../../src/notification/notificationButton.tsx"],"sourcesContent":["import type { ButtonProps } from '../button'\nimport Button from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { notificationStatusMapping } from './consts'\nimport { useNotificationContext } from './context'\n\n/** Displays an action button within the Notification. */\nexport const NotificationButton = vui<'button', ButtonProps>((props, ref) => {\n  const { className, ...rest } = props\n  const mergedProps = { ...useNotificationContext(), ...props }\n  const styles = useStyleConfig('Notification', useNotificationContext())\n\n  const { status = '' } = mergedProps\n  const { variant } = notificationStatusMapping[status] ?? {}\n\n  return (\n    <Button\n      className={cs('vui-notificationButton', className)}\n      ml=\"0px\"\n      mr=\"16px\"\n      my=\"16px\"\n      px=\"12px\"\n      py=\"6px\"\n      ref={ref}\n      size=\"md\"\n      {...styles.button}\n      variant={variant}\n      {...rest}\n    />\n  )\n})\n\nNotificationButton.displayName = 'NotificationButton'\nexport default NotificationButton\n"],"mappings":";;;;;;;;;;AAQA,MAAa,qBAAqB,KAA4B,OAAO,QAAQ;CAC3E,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,cAAc;EAAE,GAAG,wBAAwB;EAAE,GAAG;EAAO;CAC7D,MAAM,SAAS,eAAe,gBAAgB,wBAAwB,CAAC;CAEvE,MAAM,EAAE,SAAS,OAAO;CACxB,MAAM,EAAE,YAAY,0BAA0B,WAAW,EAAE;AAE3D,QACE,oBAACA;EACC,WAAW,GAAG,0BAA0B,UAAU;EAClD,IAAG;EACH,IAAG;EACH,IAAG;EACH,IAAG;EACH,IAAG;EACE;EACL,MAAK;EACL,GAAI,OAAO;EACF;EACT,GAAI;GACJ;EAEJ;AAEF,mBAAmB,cAAc;AACjC,iCAAe"}
+{"version":3,"file":"notificationButton.js","names":["Button"],"sources":["../../src/notification/notificationButton.tsx"],"sourcesContent":["import type { ButtonProps } from '../button'\nimport Button from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { notificationStatusMapping } from './consts'\nimport { useNotificationContext } from './context'\n\n/** Displays an action button within the Notification. */\nexport const NotificationButton = vui<'button', ButtonProps>((props, ref) => {\n  const { className, ...rest } = props\n  const mergedProps = { ...useNotificationContext(), ...props }\n  const styles = useStyleConfig('Notification', useNotificationContext())\n\n  const { status = '' } = mergedProps\n  const { variant } = notificationStatusMapping[status] ?? {}\n\n  return (\n    <Button\n      className={cs('vui-notificationButton', className)}\n      ml=\"0px\"\n      mr=\"16px\"\n      my=\"16px\"\n      px=\"12px\"\n      py=\"6px\"\n      ref={ref}\n      size=\"md\"\n      {...styles.button}\n      variant={variant}\n      {...rest}\n    />\n  )\n})\n\nNotificationButton.displayName = 'NotificationButton'\nexport default NotificationButton\n"],"mappings":";;;;;;;;;;AAQA,MAAa,qBAAqB,KAA4B,OAAO,QAAQ;CAC3E,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,cAAc;EAAE,GAAG,wBAAwB;EAAE,GAAG;EAAO;CAC7D,MAAM,SAAS,eAAe,gBAAgB,wBAAwB,CAAC;CAEvE,MAAM,EAAE,SAAS,OAAO;CACxB,MAAM,EAAE,YAAY,0BAA0B,WAAW,EAAE;AAE3D,QACE,oBAACA;EACC,WAAW,GAAG,0BAA0B,UAAU;EAClD,IAAG;EACH,IAAG;EACH,IAAG;EACH,IAAG;EACH,IAAG;EACE;EACL,MAAK;EACL,GAAI,OAAO;EACF;EACT,GAAI;GACJ;EAEJ;AAEF,mBAAmB,cAAc;AACjC,iCAAe"}

package/dist/notification/notificationIcon.d.ts

@@ -8,4 +8,5 @@ import "../index.js";
 declare const NotificationIcon: VuiComponent<"svg", IconProps>;
 //#endregion
 export { NotificationIcon };
+
 //# sourceMappingURL=notificationIcon.d.ts.map

package/dist/notification/notificationIcon.js

@@ -9,7 +9,7 @@ import { jsx } from "react/jsx-runtime";
 //#region src/notification/notificationIcon.tsx
 /** Displays an icon based on the status within the Notification. */
 const NotificationIcon = vui((props, ref) => {
-	const { className, alignSelf,...rest } = props;
+	const { className, alignSelf, ...rest } = props;
 	const mergedProps = {
 		...useNotificationContext(),
 		...props
@@ -36,5 +36,5 @@ var notificationIcon_default = NotificationIcon;
 
 //#endregion
 export { NotificationIcon, notificationIcon_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=notificationIcon.js.map

package/dist/notification/notificationIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"notificationIcon.js","names":["Icon"],"sources":["../../src/notification/notificationIcon.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { IconProps } from '../icon'\nimport Icon from '../icon'\nimport { cs } from '../utils'\nimport { notificationStatusMapping } from './consts'\nimport { useNotificationContext } from './context'\n\n/** Displays an icon based on the status within the Notification. */\nexport const NotificationIcon = vui<'svg', IconProps>((props, ref) => {\n  const { className, alignSelf, ...rest } = props\n  const mergedProps = { ...useNotificationContext(), ...props }\n  const styles = useStyleConfig('Notification', useNotificationContext())\n\n  const { status = '' } = mergedProps\n  const { iconProps } = notificationStatusMapping[status] ?? {}\n\n  const marginTop = alignSelf === 'center' ? '0' : '16px'\n\n  return (\n    <Icon\n      alignSelf={alignSelf}\n      className={cs('vui-notificationIcon', className)}\n      ml=\"16px\"\n      mt={marginTop}\n      ref={ref}\n      size=\"md\"\n      variant=\"loading\"\n      {...styles.icon}\n      {...iconProps}\n      {...rest}\n    />\n  )\n})\n\nNotificationIcon.displayName = 'NotificationIcon'\n\nexport default NotificationIcon\n"],"mappings":";;;;;;;;;;AAQA,MAAa,mBAAmB,KAAuB,OAAO,QAAQ;CACpE,MAAM,EAAE,WAAW,UAAW,GAAG,SAAS;CAC1C,MAAM,cAAc;EAAE,GAAG,wBAAwB;EAAE,GAAG;EAAO;CAC7D,MAAM,SAAS,eAAe,gBAAgB,wBAAwB,CAAC;CAEvE,MAAM,EAAE,SAAS,OAAO;CACxB,MAAM,EAAE,cAAc,0BAA0B,WAAW,EAAE;CAE7D,MAAM,YAAY,cAAc,WAAW,MAAM;AAEjD,QACE,oBAACA;EACY;EACX,WAAW,GAAG,wBAAwB,UAAU;EAChD,IAAG;EACH,IAAI;EACC;EACL,MAAK;EACL,SAAQ;EACR,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;GACJ;EAEJ;AAEF,iBAAiB,cAAc;AAE/B,+BAAe"}
+{"version":3,"file":"notificationIcon.js","names":["Icon"],"sources":["../../src/notification/notificationIcon.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { IconProps } from '../icon'\nimport Icon from '../icon'\nimport { cs } from '../utils'\nimport { notificationStatusMapping } from './consts'\nimport { useNotificationContext } from './context'\n\n/** Displays an icon based on the status within the Notification. */\nexport const NotificationIcon = vui<'svg', IconProps>((props, ref) => {\n  const { className, alignSelf, ...rest } = props\n  const mergedProps = { ...useNotificationContext(), ...props }\n  const styles = useStyleConfig('Notification', useNotificationContext())\n\n  const { status = '' } = mergedProps\n  const { iconProps } = notificationStatusMapping[status] ?? {}\n\n  const marginTop = alignSelf === 'center' ? '0' : '16px'\n\n  return (\n    <Icon\n      alignSelf={alignSelf}\n      className={cs('vui-notificationIcon', className)}\n      ml=\"16px\"\n      mt={marginTop}\n      ref={ref}\n      size=\"md\"\n      variant=\"loading\"\n      {...styles.icon}\n      {...iconProps}\n      {...rest}\n    />\n  )\n})\n\nNotificationIcon.displayName = 'NotificationIcon'\n\nexport default NotificationIcon\n"],"mappings":";;;;;;;;;;AAQA,MAAa,mBAAmB,KAAuB,OAAO,QAAQ;CACpE,MAAM,EAAE,WAAW,WAAW,GAAG,SAAS;CAC1C,MAAM,cAAc;EAAE,GAAG,wBAAwB;EAAE,GAAG;EAAO;CAC7D,MAAM,SAAS,eAAe,gBAAgB,wBAAwB,CAAC;CAEvE,MAAM,EAAE,SAAS,OAAO;CACxB,MAAM,EAAE,cAAc,0BAA0B,WAAW,EAAE;CAE7D,MAAM,YAAY,cAAc,WAAW,MAAM;AAEjD,QACE,oBAACA;EACY;EACX,WAAW,GAAG,wBAAwB,UAAU;EAChD,IAAG;EACH,IAAI;EACC;EACL,MAAK;EACL,SAAQ;EACR,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;GACJ;EAEJ;AAEF,iBAAiB,cAAc;AAE/B,+BAAe"}

package/dist/notification/notificationText.d.ts

@@ -8,4 +8,5 @@ import "../index.js";
 declare const NotificationText: VuiComponent<"p", TProps>;
 //#endregion
 export { NotificationText };
+
 //# sourceMappingURL=notificationText.d.ts.map

package/dist/notification/notificationText.js

@@ -8,7 +8,7 @@ import { jsx } from "react/jsx-runtime";
 //#region src/notification/notificationText.tsx
 /** Displays text within the Notification. */
 const NotificationText = vui((props, ref) => {
-	const { className,...rest } = props;
+	const { className, ...rest } = props;
 	const styles = useStyleConfig("Notification", useNotificationContext());
 	return /* @__PURE__ */ jsx(t_default, {
 		className: cs("vui-notificationText", className),
@@ -27,5 +27,5 @@ var notificationText_default = NotificationText;
 
 //#endregion
 export { NotificationText, notificationText_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=notificationText.js.map

package/dist/notification/notificationText.js.map

@@ -1 +1 @@
-{"version":3,"file":"notificationText.js","names":["T"],"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 (\n    <T\n      className={cs('vui-notificationText', className)}\n      flex=\"1\"\n      lineHeight=\"24px\"\n      minW={0}\n      mx=\"16px\"\n      my=\"16px\"\n      ref={ref}\n      {...styles.text}\n      {...rest}\n    />\n  )\n})\n\nNotificationText.displayName = 'NotificationText'\nexport default NotificationText\n"],"mappings":";;;;;;;;;AAOA,MAAa,mBAAmB,KAAkB,OAAO,QAAQ;CAC/D,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,gBAAgB,wBAAwB,CAAC;AAEvE,QACE,oBAACA;EACC,WAAW,GAAG,wBAAwB,UAAU;EAChD,MAAK;EACL,YAAW;EACX,MAAM;EACN,IAAG;EACH,IAAG;EACE;EACL,GAAI,OAAO;EACX,GAAI;GACJ;EAEJ;AAEF,iBAAiB,cAAc;AAC/B,+BAAe"}
+{"version":3,"file":"notificationText.js","names":["T"],"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 (\n    <T\n      className={cs('vui-notificationText', className)}\n      flex=\"1\"\n      lineHeight=\"24px\"\n      minW={0}\n      mx=\"16px\"\n      my=\"16px\"\n      ref={ref}\n      {...styles.text}\n      {...rest}\n    />\n  )\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,wBAAwB,CAAC;AAEvE,QACE,oBAACA;EACC,WAAW,GAAG,wBAAwB,UAAU;EAChD,MAAK;EACL,YAAW;EACX,MAAM;EACN,IAAG;EACH,IAAG;EACE;EACL,GAAI,OAAO;EACX,GAAI;GACJ;EAEJ;AAEF,iBAAiB,cAAc;AAC/B,+BAAe"}

package/dist/notification/notificationTitle.d.ts

@@ -8,4 +8,5 @@ import "../index.js";
 declare const NotificationTitle: VuiComponent<"span", TProps>;
 //#endregion
 export { NotificationTitle };
+
 //# sourceMappingURL=notificationTitle.d.ts.map

package/dist/notification/notificationTitle.js

@@ -8,7 +8,7 @@ import { jsx } from "react/jsx-runtime";
 //#region src/notification/notificationTitle.tsx
 /** Displays a title within the Notification. */
 const NotificationTitle = vui((props, ref) => {
-	const { className,...rest } = props;
+	const { className, ...rest } = props;
 	const styles = useStyleConfig("Notification", useNotificationContext());
 	return /* @__PURE__ */ jsx(T, {
 		className: cs("vui-notificationTitle", className),
@@ -23,5 +23,5 @@ var notificationTitle_default = NotificationTitle;
 
 //#endregion
 export { NotificationTitle, notificationTitle_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# 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,UAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,gBAAgB,wBAAwB,CAAC;AAEvE,QACE,oBAAC;EAAE,WAAW,GAAG,yBAAyB,UAAU;EAAE,YAAW;EAAY;EAAK,GAAI,OAAO;EAAO,GAAI;GAAQ;EAElH;AAEF,kBAAkB,cAAc;AAChC,gCAAe"}
+{"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,wBAAwB,CAAC;AAEvE,QACE,oBAAC;EAAE,WAAW,GAAG,yBAAyB,UAAU;EAAE,YAAW;EAAY;EAAK,GAAI,OAAO;EAAO,GAAI;GAAQ;EAElH;AAEF,kBAAkB,cAAc;AAChC,gCAAe"}

package/dist/notification/theme.js

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

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

@@ -61,5 +61,5 @@ const buttonDisabledOpacity = "0.5";
 
 //#endregion
 export { buttonDisabledCursor, buttonDisabledOpacity, 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__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=button.js.map

package/dist/p/index.d.ts

@@ -1,2 +1,2 @@
 import { PProps } from "./p.types.js";
-import { P, PBase } from "./p.js";
+import { P, PBase } from "./p.js";

package/dist/p/p.d.ts

@@ -2,12 +2,13 @@ import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { PProps } from "./p.types.js";
 import "../index.js";
-import * as styled_components398 from "styled-components";
+import * as styled_components9 from "styled-components";
 
 //#region src/p/p.d.ts
-declare const PBase: styled_components398.StyledComponent<"p", styled_components398.DefaultTheme, SystemProps, never>;
+declare const PBase: styled_components9.StyledComponent<"p", styled_components9.DefaultTheme, SystemProps, never>;
 /** Displays a paragraph of text. */
 declare const P: VuiComponent<"p", PProps>;
 //#endregion
 export { P, PBase };
+
 //# sourceMappingURL=p.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"p.d.ts","names":[],"sources":["../../src/p/p.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAIa,OAAK,oBAAA,CAAA,qBAMjB,oBAAA,CANiB,YAAA,CAAA,CAAA,WAAA,CAAA;;cASL,GAAC,kBAAA"}
+{"version":3,"file":"p.d.ts","names":[],"sources":["../../src/p/p.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAIa,OAAK,kBAAA,CAAA,qBAMjB,kBAAA,CANiB,YAAA,EAAA,WAAA;;cASL,GAAC,kBAAA"}

package/dist/p/p.js

@@ -15,7 +15,7 @@ const PBase = styled.pBox`
 `;
 /** Displays a paragraph of text. */
 const P = vui((props, ref) => {
-	const { align, casing, children, className, decoration, text, weight,...rest } = omitThemingProps(props);
+	const { align, casing, children, className, decoration, text, weight, ...rest } = omitThemingProps(props);
 	const styles = useStyleConfig("P", props);
 	const aliasedProps = filterUndefined({
 		fontWeight: weight,
@@ -37,5 +37,5 @@ var p_default = P;
 
 //#endregion
 export { P, PBase, p_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# 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,OAAQ,GAAG,SAAS,iBAAiB,MAAM;CACzG,MAAM,SAAS,eAAe,KAAK,MAAM;CAEzC,MAAM,eAAe,gBAAgB;EACnC,YAAY;EACZ,WAAW;EACX,gBAAgB;EAChB,eAAe;EAChB,CAAC;AAEF,QACE,oBAAC;EAAM,WAAW,GAAG,SAAS,UAAU;EAAO;EAAK,GAAI;EAAQ,GAAI;EAAc,GAAI;YACnF,YAAY;GACP;EAEV;AAEF,EAAE,cAAc;AAChB,gBAAe"}
+{"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,MAAM;CACzG,MAAM,SAAS,eAAe,KAAK,MAAM;CAEzC,MAAM,eAAe,gBAAgB;EACnC,YAAY;EACZ,WAAW;EACX,gBAAgB;EAChB,eAAe;EAChB,CAAC;AAEF,QACE,oBAAC;EAAM,WAAW,GAAG,SAAS,UAAU;EAAO;EAAK,GAAI;EAAQ,GAAI;EAAc,GAAI;YACnF,YAAY;GACP;EAEV;AAEF,EAAE,cAAc;AAChB,gBAAe"}

package/dist/p/p.types.d.ts

@@ -18,4 +18,5 @@ type PProps = SystemProps & ThemingProps<'P'> & {
 };
 //#endregion
 export { PProps };
+
 //# sourceMappingURL=p.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"p.types.d.ts","names":[],"sources":["../../src/p/p.types.ts"],"sourcesContent":[],"mappings":";;;;;;KAGY,MAAA,CAAA,CAAA,CAAS,cACnB;;UAEU;;EAHA,MAAA,CAAA,CAAA,CAKC,eALK,CAAA,CAAA,aAAA,CAAA,CAAA;EAAG,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,GAAA,CAAA,cAAA,CAAA,IAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA;EACnB,UAAA,CAAA,CAAA,CAMe,eANf,CAAA,CAAA,cAAA,CAAA,CAAA;EAEU,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,KAAA,CAAA,IAAA,CAAA,EAAA,CAAA,EAAA,CAAA,QAAA,CAAA,GAAA,CAAA,QAAA,CAAA,CAAA,CAAA;EAEC,IAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,MAAA;EAEI,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,GAAA,CAAA,UAAA,CAAA,IAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA;EAIJ,MAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,UAAA,CAAA,CAAA;CAAe"}
+{"version":3,"file":"p.types.d.ts","names":[],"sources":["../../src/p/p.types.ts"],"sourcesContent":[],"mappings":";;;;;;KAGY,MAAA,GAAS,cACnB;;UAEU;;EAHA,MAAA,CAAA,EAKC,eALK,CAAA,eAAA,CAAA;EAAG;EACnB,UAAA,CAAA,EAMe,eANf,CAAA,gBAAA,CAAA;EAEU;EAEC,IAAA,CAAA,EAAA,MAAA,GAAA,MAAA;EAEI;EAIJ,MAAA,CAAA,EAAA,eAAA,CAAA,YAAA,CAAA;CAAe"}

package/dist/p/theme.js

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

package/dist/pagination/context.d.ts

@@ -1,8 +1,9 @@
 import { PaginationContext } from "./pagination.types.js";
-import * as react947 from "react";
+import * as react2 from "react";
 
 //#region src/pagination/context.d.ts
-declare const PaginationProvider: react947.Provider<PaginationContext>, usePaginationContext: () => PaginationContext;
+declare const PaginationProvider: react2.Provider<PaginationContext>, usePaginationContext: () => PaginationContext;
 //#endregion
 export { PaginationProvider, usePaginationContext };
+
 //# sourceMappingURL=context.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/pagination/context.ts"],"sourcesContent":[],"mappings":";;;;cAGO,oBAAkB,QAAA,CAAA,SAAA,oBAAE,4BAAoB"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/pagination/context.ts"],"sourcesContent":[],"mappings":";;;;cAGO,oBAAkB,MAAA,CAAA,SAAA,oBAAE,4BAAoB"}

package/dist/pagination/context.js

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

package/dist/pagination/helpers.d.ts

@@ -5,4 +5,5 @@ import { PaginationItem } from "./pagination.types.js";
 declare function getPaginationItems(page: number, pageCount: number): PaginationItem[];
 //#endregion
 export { getPaginationItems };
+
 //# sourceMappingURL=helpers.d.ts.map

package/dist/pagination/helpers.js

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

package/dist/pagination/index.d.ts

@@ -9,4 +9,4 @@ import { PaginationGoToPage } from "./paginationGoToPage.js";
 import { PaginationNavigation } from "./paginationNavigation.js";
 import { PaginationPrevNext } from "./paginationPrevNext.js";
 import { PaginationResults } from "./paginationResults.js";
-import { Pagination } from "./pagination.js";
+import { Pagination } from "./pagination.js";

package/dist/pagination/pagination.d.ts

@@ -24,4 +24,5 @@ declare const Pagination: VuiComponent<"div", PaginationProps> & {
 };
 //#endregion
 export { Pagination };
+
 //# sourceMappingURL=pagination.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","names":[],"sources":["../../src/pagination/pagination.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;AAkBA,CAAA,CAAA;AAoD0B,OAAA,CAAA,KAAA,CApDb,UAoDa,CAAA,CAApB,YAAoB,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,CAAA;EAApB,MAAA,CAAA,CAAA,MAAA,CACW,gBADX;EACW,QAAA,CAAA,CAAA,MAAA,CACE,kBADF;EACE,QAAA,CAAA,CAAA,MAAA,CACA,kBADA;EACA,UAAA,CAAA,CAAA,MAAA,CACE,oBADF;EACE,QAAA,CAAA,CAAA,MAAA,CACF,kBADE;EACF,OAAA,CAAA,CAAA,MAAA,CACD,iBADC;CACD"}
+{"version":3,"file":"pagination.d.ts","names":[],"sources":["../../src/pagination/pagination.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;AAkBA;AAoD0B,cApDb,UAoDa,EAApB,YAAoB,CAAA,KAAA,EAAA,eAAA,CAAA,GAAA;EAApB,MAAA,EAAA,OACW,gBADX;EACW,QAAA,EAAA,OACE,kBADF;EACE,QAAA,EAAA,OACA,kBADA;EACA,UAAA,EAAA,OACE,oBADF;EACE,QAAA,EAAA,OACF,kBADE;EACF,OAAA,EAAA,OACD,iBADC;CACD"}

package/dist/pagination/pagination.js

@@ -20,9 +20,9 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 * GoToPage component is shown automatically above 10 pages.
 */
 const Pagination = vui((props, ref) => {
-	const { children, className, count, defaultPage, goToPage, items: itemsProp = [], navigation, onPageChange, page: pageProp, pageSize, results, size, variant,...rest } = props;
+	const { children, className, count, defaultPage, goToPage, items: itemsProp = [], navigation, onPageChange, page: pageProp, pageSize, results, size, variant, ...rest } = props;
 	const styles = useStyleConfig("Pagination", props);
-	const { items = itemsProp,...paginationProps } = usePagination({
+	const { items = itemsProp, ...paginationProps } = usePagination({
 		count,
 		defaultPage,
 		onPageChange,
@@ -64,5 +64,5 @@ Pagination.displayName = "Pagination";
 
 //#endregion
 export { Pagination };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=pagination.js.map

package/dist/pagination/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","names":["Box","PaginationResults","PaginationNavigation","PaginationGoToPage","PaginationButton","PaginationEllipsis","PaginationPrevNext"],"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 from './paginationButton'\nimport PaginationEllipsis from './paginationEllipsis'\nimport PaginationGoToPage from './paginationGoToPage'\nimport PaginationNavigation from './paginationNavigation'\nimport PaginationPrevNext from './paginationPrevNext'\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":";;;;;;;;;;;;;;;;;;;;;AAkBA,MAAa,aAAa,KAA6B,OAAO,QAAQ;CACpE,MAAM,EACJ,UACA,WACA,OACA,aACA,UACA,OAAO,YAAY,EAAE,EACrB,YACA,cACA,MAAM,UACN,UACA,SACA,MACA,QACA,GAAG,SACD;CACJ,MAAM,SAAS,eAAe,cAAc,MAAM;CAClD,MAAM,EAAE,QAAQ,UAAW,GAAG,oBAAoB,cAAc;EAC9D;EACA;EACA;EACA,MAAM;EACN;EACD,CAAC;CAEF,MAAM,UAAU;EAAE,GAAG;EAAiB;EAAO;EAAM;EAAS;AAE5D,QACE,oBAAC;EAAmB,OAAO;YACzB,oBAACA;GACC;GACA,WAAW,GAAG,kBAAkB,UAAU;GAC1C,KAAK;GACA;GACL,GAAG;GACH;GACA,GAAI,OAAO;GACX,GAAI;aAEH,QAAQ,UAAU,QAAQ,IACzB;IACG,MAAM,QAAQ,GAAG,UAAU,oBAACC,8BAAoB;IAEhD,MAAM,WAAW,GAAG,aAAa,oBAACC,gCAAqB,IAAG,SAAS;IAEnE,MAAM,SAAS,GAAG,WAAW,gBAAgB,YAAY,MAAM,oBAACC,+BAAqB;OACrF;IAED;GACa;EAEvB;AASF,WAAW,SAASC;AACpB,WAAW,WAAWC;AACtB,WAAW,WAAWF;AACtB,WAAW,aAAaD;AACxB,WAAW,WAAWI;AACtB,WAAW,UAAUL;AACrB,WAAW,cAAc"}
+{"version":3,"file":"pagination.js","names":["Box","PaginationResults","PaginationNavigation","PaginationGoToPage","PaginationButton","PaginationEllipsis","PaginationPrevNext"],"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 from './paginationButton'\nimport PaginationEllipsis from './paginationEllipsis'\nimport PaginationGoToPage from './paginationGoToPage'\nimport PaginationNavigation from './paginationNavigation'\nimport PaginationPrevNext from './paginationPrevNext'\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":";;;;;;;;;;;;;;;;;;;;;AAkBA,MAAa,aAAa,KAA6B,OAAO,QAAQ;CACpE,MAAM,EACJ,UACA,WACA,OACA,aACA,UACA,OAAO,YAAY,EAAE,EACrB,YACA,cACA,MAAM,UACN,UACA,SACA,MACA,SACA,GAAG,SACD;CACJ,MAAM,SAAS,eAAe,cAAc,MAAM;CAClD,MAAM,EAAE,QAAQ,WAAW,GAAG,oBAAoB,cAAc;EAC9D;EACA;EACA;EACA,MAAM;EACN;EACD,CAAC;CAEF,MAAM,UAAU;EAAE,GAAG;EAAiB;EAAO;EAAM;EAAS;AAE5D,QACE,oBAAC;EAAmB,OAAO;YACzB,oBAACA;GACC;GACA,WAAW,GAAG,kBAAkB,UAAU;GAC1C,KAAK;GACA;GACL,GAAG;GACH;GACA,GAAI,OAAO;GACX,GAAI;aAEH,QAAQ,UAAU,QAAQ,IACzB;IACG,MAAM,QAAQ,GAAG,UAAU,oBAACC,8BAAoB;IAEhD,MAAM,WAAW,GAAG,aAAa,oBAACC,gCAAqB,IAAG,SAAS;IAEnE,MAAM,SAAS,GAAG,WAAW,gBAAgB,YAAY,MAAM,oBAACC,+BAAqB;OACrF;IAED;GACa;EAEvB;AASF,WAAW,SAASC;AACpB,WAAW,WAAWC;AACtB,WAAW,WAAWF;AACtB,WAAW,aAAaD;AACxB,WAAW,WAAWI;AACtB,WAAW,UAAUL;AACrB,WAAW,cAAc"}

package/dist/pagination/pagination.types.d.ts

@@ -35,4 +35,5 @@ type PaginationProps = Omit<BoxProps, 'size' | 'variant'> & ThemingProps<'Pagina
 };
 //#endregion
 export { PaginationButtonProps, PaginationContext, PaginationItem, PaginationPrevNextProps, PaginationProps };
+
 //# sourceMappingURL=pagination.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"pagination.types.d.ts","names":[],"sources":["../../src/pagination/pagination.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;;KAOY,qBAAA,CAAA,CAAA,CAAwB;;;;;AAApC,CAAA;AAOY,IAAA,CAAA,iBAAA,CAAA,CAAA,CAAoB,uBAAA,CAAA,CAAA,CAA0B,YAAA,CAAA,CAAA,UAAA,CAAY,CAAA;AAE1D,IAAA,CAAA,cAAA,CAAA,CAAA,CAAc,CAAA,WAAA,CAAA,CAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,MAAA;AAEd,IAAA,CAAA,uBAAA,CAAA,CAAA,CAA0B,WAAA,CAAA,CAAA,CAAA;EAK1B,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,GAAA,CAAA,KAAA,CAAA,EAAA,CAAA,QAAA,CAAA,GAAA,CAAA,IAAA,CAAA,OAAA,CAAA,CAAA,CAAA;EAAuB,SAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA;CAAL;AAC5B,IAAA,CADU,eAAA,CAAA,CAAA,CAAkB,IAC5B,CADiC,QACjC,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,CAAA,CACA,kBADA,CAAA,CAAA,CAAA;EACA,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,OAAA,CAAA,MAAA,CAAA,KAAA,CAAA,KAAA,CAAA,iBAAA,CAAA,IAAA,CAAA,CAAA,CAAA;EAEyB,QAAA,CAAA,CAAA,CAAZ,WAAY,CAAA,iBAAA,CAAA;EAAZ,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,GAAA,CAAA,IAAA,CAAA,KAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA,CAAA;EAEA,QAAI,CAAA,CAAA,CAAJ,GAAA,CAAI,OAAA;EAEP,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,UAAA,CAAA,UAAA,CAAA,KAAA,CAAA,CAAA,IAAA,CAAA,IAAA,CAAA,OAAA,CAAA,CAAA,IAAA,CAAA,IAAA,CAAA,MAAA,CAAA,EAAA,CAAA,QAAA,CAAA,CAAA,CAAA;EAEK,KAAI,CAAA,CAAA,CAFT,cAES,CAAA,CAAA;EAEP,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,GAAA,CAAA,GAAA,CAAA,IAAA,CAAA,UAAA,CAAA,QAAA,CAAA,EAAA,CAAA,GAAA,CAAA,MAAA,CAAA,CAAA,CAAA;EAAW,UAAA,CAAA,CAAA,CAFR,GAAA,CAAI,OAEI;;YAAX,GAAA,CAAI"}
+{"version":3,"file":"pagination.types.d.ts","names":[],"sources":["../../src/pagination/pagination.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;;KAOY,qBAAA,GAAwB;;;;;AAApC,CAAA;AAOY,KAAA,iBAAA,GAAoB,uBAAA,GAA0B,YAAA,CAAA,YAAY,CAAA;AAE1D,KAAA,cAAA,GAAc,aAAA,GAAA,eAAA,GAAA,MAAA,GAAA,UAAA,GAAA,MAAA;AAEd,KAAA,uBAAA,GAA0B,WAAA,GAAA;EAK1B;EAAuB,SAAA,EAAA,UAAA,GAAA,MAAA;CAAL;AAC5B,KADU,eAAA,GAAkB,IAC5B,CADiC,QACjC,EAAA,MAAA,GAAA,SAAA,CAAA,GAAA,YAAA,CAAA,YAAA,CAAA,GACA,kBADA,GAAA;EACA;EAEyB,QAAA,CAAA,EAAZ,WAAY,CAAA,iBAAA,CAAA;EAAZ;EAEA,QAAI,CAAA,EAAJ,GAAA,CAAI,OAAA;EAEP;EAEK,KAAI,CAAA,EAFT,cAES,EAAA;EAEP;EAAW,UAAA,CAAA,EAFR,GAAA,CAAI,OAEI;;YAAX,GAAA,CAAI"}

package/dist/pagination/paginationButton.d.ts

@@ -7,4 +7,5 @@ import "../index.js";
 declare const PaginationButton: VuiComponent<"button", PaginationButtonProps>;
 //#endregion
 export { PaginationButton };
+
 //# sourceMappingURL=paginationButton.d.ts.map

package/dist/pagination/paginationButton.js

@@ -8,7 +8,7 @@ import { jsx } from "react/jsx-runtime";
 //#region src/pagination/paginationButton.tsx
 /** Displays a page navigation button within the Pagination. */
 const PaginationButton = vui((props, ref) => {
-	const { className, isActive: isActiveProp, page: pageProp,...rest } = props;
+	const { className, isActive: isActiveProp, page: pageProp, ...rest } = props;
 	const { onPageChange, page } = usePaginationContext();
 	const styles = useStyleConfig("Pagination", usePaginationContext());
 	const activeProps = isActiveProp ?? pageProp === page ? { bg: "skyBlue.85" } : {};
@@ -29,5 +29,5 @@ var paginationButton_default = PaginationButton;
 
 //#endregion
 export { PaginationButton, paginationButton_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=paginationButton.js.map

package/dist/pagination/paginationButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"paginationButton.js","names":["Button"],"sources":["../../src/pagination/paginationButton.tsx"],"sourcesContent":["import Button from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { usePaginationContext } from './context'\nimport type { PaginationButtonProps } from './pagination.types'\n\n/** Displays a page navigation button within the Pagination. */\nexport const PaginationButton = vui<'button', PaginationButtonProps>((props, ref) => {\n  const { className, isActive: isActiveProp, page: pageProp, ...rest } = props\n  const { onPageChange, page } = usePaginationContext()\n  const styles = useStyleConfig('Pagination', usePaginationContext())\n\n  const isActive = isActiveProp ?? pageProp === page\n  const activeProps = isActive\n    ? {\n        bg: 'skyBlue.85',\n      }\n    : {}\n\n  return (\n    <Button\n      className={cs('vui-paginationButton', className)}\n      onClick={() => onPageChange(pageProp)}\n      ref={ref}\n      size=\"sm\"\n      text={pageProp}\n      variant=\"text\"\n      {...styles.button}\n      {...activeProps}\n      {...rest}\n    />\n  )\n})\n\nPaginationButton.displayName = 'PaginationButton'\n\nexport default PaginationButton\n"],"mappings":";;;;;;;;;AAOA,MAAa,mBAAmB,KAAsC,OAAO,QAAQ;CACnF,MAAM,EAAE,WAAW,UAAU,cAAc,MAAM,SAAU,GAAG,SAAS;CACvE,MAAM,EAAE,cAAc,SAAS,sBAAsB;CACrD,MAAM,SAAS,eAAe,cAAc,sBAAsB,CAAC;CAGnE,MAAM,cADW,gBAAgB,aAAa,OAE1C,EACE,IAAI,cACL,GACD,EAAE;AAEN,QACE,oBAACA;EACC,WAAW,GAAG,wBAAwB,UAAU;EAChD,eAAe,aAAa,SAAS;EAChC;EACL,MAAK;EACL,MAAM;EACN,SAAQ;EACR,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;GACJ;EAEJ;AAEF,iBAAiB,cAAc;AAE/B,+BAAe"}
+{"version":3,"file":"paginationButton.js","names":["Button"],"sources":["../../src/pagination/paginationButton.tsx"],"sourcesContent":["import Button from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { usePaginationContext } from './context'\nimport type { PaginationButtonProps } from './pagination.types'\n\n/** Displays a page navigation button within the Pagination. */\nexport const PaginationButton = vui<'button', PaginationButtonProps>((props, ref) => {\n  const { className, isActive: isActiveProp, page: pageProp, ...rest } = props\n  const { onPageChange, page } = usePaginationContext()\n  const styles = useStyleConfig('Pagination', usePaginationContext())\n\n  const isActive = isActiveProp ?? pageProp === page\n  const activeProps = isActive\n    ? {\n        bg: 'skyBlue.85',\n      }\n    : {}\n\n  return (\n    <Button\n      className={cs('vui-paginationButton', className)}\n      onClick={() => onPageChange(pageProp)}\n      ref={ref}\n      size=\"sm\"\n      text={pageProp}\n      variant=\"text\"\n      {...styles.button}\n      {...activeProps}\n      {...rest}\n    />\n  )\n})\n\nPaginationButton.displayName = 'PaginationButton'\n\nexport default PaginationButton\n"],"mappings":";;;;;;;;;AAOA,MAAa,mBAAmB,KAAsC,OAAO,QAAQ;CACnF,MAAM,EAAE,WAAW,UAAU,cAAc,MAAM,UAAU,GAAG,SAAS;CACvE,MAAM,EAAE,cAAc,SAAS,sBAAsB;CACrD,MAAM,SAAS,eAAe,cAAc,sBAAsB,CAAC;CAGnE,MAAM,cADW,gBAAgB,aAAa,OAE1C,EACE,IAAI,cACL,GACD,EAAE;AAEN,QACE,oBAACA;EACC,WAAW,GAAG,wBAAwB,UAAU;EAChD,eAAe,aAAa,SAAS;EAChC;EACL,MAAK;EACL,MAAM;EACN,SAAQ;EACR,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;GACJ;EAEJ;AAEF,iBAAiB,cAAc;AAE/B,+BAAe"}

package/dist/pagination/paginationEllipsis.d.ts

@@ -8,4 +8,5 @@ import "../index.js";
 declare const PaginationEllipsis: VuiComponent<"span", BoxProps>;
 //#endregion
 export { PaginationEllipsis };
+
 //# sourceMappingURL=paginationEllipsis.d.ts.map

package/dist/pagination/paginationEllipsis.js

@@ -8,7 +8,7 @@ import { jsx } from "react/jsx-runtime";
 //#region src/pagination/paginationEllipsis.tsx
 /** Displays '...' ellipsis for hidden pages. */
 const PaginationEllipsis = vui((props, ref) => {
-	const { children, className,...rest } = props;
+	const { children, className, ...rest } = props;
 	const styles = useStyleConfig("Pagination", usePaginationContext());
 	return /* @__PURE__ */ jsx(box_default, {
 		alignItems: "center",
@@ -25,5 +25,5 @@ var paginationEllipsis_default = PaginationEllipsis;
 
 //#endregion
 export { PaginationEllipsis, paginationEllipsis_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=paginationEllipsis.js.map

package/dist/pagination/paginationEllipsis.js.map

@@ -1 +1 @@
-{"version":3,"file":"paginationEllipsis.js","names":["Box"],"sources":["../../src/pagination/paginationEllipsis.tsx"],"sourcesContent":["import type { BoxProps } from '../box'\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { usePaginationContext } from './context'\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'\nexport default PaginationEllipsis\n"],"mappings":";;;;;;;;;AAOA,MAAa,qBAAqB,KAAuB,OAAO,QAAQ;CACtE,MAAM,EAAE,UAAU,UAAW,GAAG,SAAS;CACzC,MAAM,SAAS,eAAe,cAAc,sBAAsB,CAAC;AAEnE,QACE,oBAACA;EACC,YAAW;EACX,WAAW,GAAG,0BAA0B,UAAU;EAClD,IAAG;EACE;EACL,GAAI,OAAO;EACX,GAAI;YAEH,YAAY;GACT;EAER;AAEF,mBAAmB,cAAc;AACjC,iCAAe"}
+{"version":3,"file":"paginationEllipsis.js","names":["Box"],"sources":["../../src/pagination/paginationEllipsis.tsx"],"sourcesContent":["import type { BoxProps } from '../box'\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { usePaginationContext } from './context'\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'\nexport default PaginationEllipsis\n"],"mappings":";;;;;;;;;AAOA,MAAa,qBAAqB,KAAuB,OAAO,QAAQ;CACtE,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CACzC,MAAM,SAAS,eAAe,cAAc,sBAAsB,CAAC;AAEnE,QACE,oBAACA;EACC,YAAW;EACX,WAAW,GAAG,0BAA0B,UAAU;EAClD,IAAG;EACE;EACL,GAAI,OAAO;EACX,GAAI;YAEH,YAAY;GACT;EAER;AAEF,mBAAmB,cAAc;AACjC,iCAAe"}

package/dist/pagination/paginationGoToPage.d.ts

@@ -8,4 +8,5 @@ import "../index.js";
 declare const PaginationGoToPage: VuiComponent<"div", BoxProps>;
 //#endregion
 export { PaginationGoToPage };
+
 //# sourceMappingURL=paginationGoToPage.d.ts.map