@veracity/vui 4.0.3 → 5.0.0-alpha.375407.2603121328

package/dist/notification/notificationIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"notificationIcon.js","names":[],"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,oBAAC;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"}
+{"version":3,"file":"notificationIcon.js","names":[],"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      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,oBAAC,MAAD;EACa;EACX,WAAW,GAAG,wBAAwB,UAAU;EAChD,IAAI;EACC;EACL,MAAK;EACL,SAAQ;EACR,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;EACJ;EAEJ;AAEF,iBAAiB,cAAc"}

package/dist/notification/notificationText.d.ts

@@ -1,8 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { TProps } from "../t/t.types.js";
-import "../t/index.js";
-import "../index.js";
-
 //#region src/notification/notificationText.d.ts
 /** Displays text within the Notification. */
 declare const NotificationText: VuiComponent<"p", TProps>;

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":";;;;cAOa,gBAAA,EAAgB,YAAA,MAAA,MAAA"}

package/dist/notification/notificationText.js

@@ -12,11 +12,6 @@ const NotificationText = vui((props, ref) => {
 	const styles = useStyleConfig("Notification", useNotificationContext());
 	return /* @__PURE__ */ jsx(T, {
 		className: cs("vui-notificationText", className),
-		flex: "1",
-		lineHeight: "24px",
-		minW: 0,
-		mx: "16px",
-		my: "16px",
 		ref,
 		...styles.text,
 		...rest
@@ -26,5 +21,5 @@ NotificationText.displayName = "NotificationText";
 
 //#endregion
 export { NotificationText as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# 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 (\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,oBAAC;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"}
+{"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,wBAAwB,CAAC;AAEvE,QAAO,oBAAC,GAAD;EAAG,WAAW,GAAG,wBAAwB,UAAU;EAAO;EAAK,GAAI,OAAO;EAAM,GAAI;EAAQ;EACnG;AAEF,iBAAiB,cAAc"}

package/dist/notification/notificationTitle.d.ts

@@ -1,8 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { TProps } from "../t/t.types.js";
-import "../t/index.js";
-import "../index.js";
-
 //#region src/notification/notificationTitle.d.ts
 /** Displays a title within the Notification. */
 declare const NotificationTitle: VuiComponent<"span", TProps>;

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":";;;;cAOa,iBAAA,EAAiB,YAAA,SAAA,MAAA"}

package/dist/notification/notificationTitle.js

@@ -22,5 +22,5 @@ NotificationTitle.displayName = "NotificationTitle";
 
 //#endregion
 export { NotificationTitle as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.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,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"}
+{"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,GAAD;EAAG,WAAW,GAAG,yBAAyB,UAAU;EAAE,YAAW;EAAY;EAAK,GAAI,OAAO;EAAO,GAAI;EAAQ;EAElH;AAEF,kBAAkB,cAAc"}

package/dist/notification/theme.js

@@ -1,65 +1,137 @@
 //#region src/notification/theme.ts
-const baseStyle = {};
-const defaultProps = { variant: "subtleBlue" };
+const baseStyle = {
+	container: {
+		borderRadius: "var(--vui-notification-border-radius, 0)",
+		borderWidth: "var(--vui-notification-border-width, 1px)",
+		bg: "var(--vui-feedback-neutral-subtle)",
+		borderColor: "var(--vui-feedback-neutral-solid)",
+		color: "var(--vui-feedback-neutral-solid)"
+	},
+	button: {
+		mt: "var(--vui-notification-button-margin-top, 8px)",
+		mr: "var(--vui-notification-button-margin-right, 8px)",
+		mb: "var(--vui-notification-button-margin-bottom, 0)",
+		ml: "var(--vui-notification-button-margin-left, 0)",
+		minW: "var(--vui-notification-button-width, 32px)",
+		h: "var(--vui-notification-button-height, 32px)",
+		borderColor: "var(--vui-color-opacity-none)",
+		color: "var(--vui-feedback-neutral-solid)",
+		hoverBg: "var(--vui-action-generic-hover)",
+		hoverColor: "var(--vui-feedback-neutral-solid)",
+		activeBg: "var(--vui-action-generic-pressed)",
+		activeColor: "var(--vui-feedback-neutral-solid)"
+	},
+	icon: { ml: "var(--vui-notification-icon-margin-left, 16px)" },
+	text: {
+		flex: "1",
+		lineHeight: "var(--vui-notification-text-line-height, 24px)",
+		minW: 0,
+		mx: "var(--vui-notification-text-margin-x, 16px)",
+		my: "var(--vui-notification-text-margin-y, 16px)"
+	},
+	actionBox: {
+		my: "var(--vui-notification-action-margin-y, 8px)",
+		mx: "var(--vui-notification-action-margin-x, 8px)"
+	}
+};
 const parts = [
 	"container",
 	"button",
 	"icon",
 	"text",
-	"title"
+	"title",
+	"actionBox",
+	"action"
 ];
 const sizes = {};
 const variants = {
 	subtleBlue: {
 		container: {
-			bg: "skyBlue.95",
-			borderColor: "seaBlue.main",
-			color: "seaBlue.main"
+			bg: "var(--vui-feedback-info-subtle)",
+			borderColor: "var(--vui-feedback-info-solid)",
+			color: "var(--vui-feedback-info-solid)"
 		},
-		button: { borderColor: "transparent" }
+		button: {
+			color: "var(--vui-feedback-info-solid)",
+			hoverColor: "var(--vui-feedback-info-solid)",
+			activeColor: "var(--vui-feedback-info-solid)"
+		},
+		action: {
+			bg: "var(--vui-action-brand-solid)",
+			borderColor: "var(--vui-action-brand-solid)",
+			color: "var(--vui-action-brand-solid-inverse)",
+			hoverBg: "var(--vui-action-brand-solid-hover)",
+			hoverColor: "var(--vui-action-brand-solid-inverse)",
+			activeBg: "var(--vui-action-brand-solid-pressed)",
+			activeColor: "var(--vui-action-brand-solid-inverse)"
+		}
 	},
-	subtleRed: { container: {
-		bg: "energyRed.95",
-		borderColor: "energyRed.45",
-		color: "energyRed.45"
-	} },
-	subtleYellow: { container: {
-		bg: "sunflower.85",
-		borderColor: "sunflower.15",
-		color: "sunflower.15"
-	} },
-	subtleGreen: { container: {
-		bg: "landGreen.95",
-		borderColor: "landGreen.30",
-		color: "landGreen.30"
-	} },
-	bannerBlue: {
+	subtleRed: {
 		container: {
-			bg: "skyBlue.95",
-			borderColor: "skyBlue.95",
-			color: "seaBlue.main"
+			bg: "var(--vui-feedback-danger-subtle)",
+			borderColor: "var(--vui-feedback-danger-solid)",
+			color: "var(--vui-feedback-danger-solid)"
+		},
+		button: {
+			color: "var(--vui-feedback-danger-solid)",
+			hoverColor: "var(--vui-feedback-danger-solid)",
+			activeColor: "var(--vui-feedback-danger-solid)"
 		},
-		button: { borderColor: "transparent" }
+		action: {
+			bg: "var(--vui-action-danger-solid)",
+			borderColor: "var(--vui-action-danger-solid)",
+			color: "var(--vui-action-danger-solid-inverse)",
+			hoverBg: "var(--vui-action-danger-solid-hover)",
+			hoverColor: "var(--vui-action-danger-solid-inverse)",
+			activeBg: "var(--vui-action-danger-solid-pressed)",
+			activeColor: "var(--vui-action-danger-solid-inverse)"
+		}
 	},
-	bannerRed: { container: {
-		bg: "energyRed.95",
-		borderColor: "energyRed.95",
-		color: "energyRed.45"
-	} },
-	bannerYellow: { container: {
-		bg: "sunflower.85",
-		borderColor: "sunflower.85",
-		color: "sunflower.15"
-	} },
-	bannerGreen: { container: {
-		bg: "landGreen.95",
-		borderColor: "landGreen.95",
-		color: "landGreen.30"
-	} }
+	subtleYellow: {
+		container: {
+			bg: "var(--vui-feedback-warning-subtle)",
+			borderColor: "var(--vui-feedback-warning-solid)",
+			color: "var(--vui-feedback-warning-solid)"
+		},
+		button: {
+			color: "var(--vui-feedback-warning-solid)",
+			hoverColor: "var(--vui-feedback-warning-solid)",
+			activeColor: "var(--vui-feedback-warning-solid)"
+		},
+		action: {
+			bg: "var(--vui-action-yellow-solid)",
+			borderColor: "var(--vui-action-yellow-solid)",
+			color: "var(--vui-action-yellow-solid-inverse)",
+			hoverBg: "var(--vui-action-yellow-solid-hover)",
+			hoverColor: "var(--vui-action-yellow-solid-inverse)",
+			activeBg: "var(--vui-action-yellow-solid-pressed)",
+			activeColor: "var(--vui-action-yellow-solid-inverse)"
+		}
+	},
+	subtleGreen: {
+		container: {
+			bg: "var(--vui-feedback-success-subtle)",
+			borderColor: "var(--vui-feedback-success-solid)",
+			color: "var(--vui-feedback-success-solid)"
+		},
+		button: {
+			color: "var(--vui-action-success-subtle-inverse)",
+			hoverColor: "var(--vui-action-success-subtle-inverse)",
+			activeColor: "var(--vui-action-success-subtle-inverse)"
+		},
+		action: {
+			bg: "var(--vui-action-success-solid)",
+			borderColor: "var(--vui-action-success-solid)",
+			color: "var(--vui-action-success-solid-inverse)",
+			hoverBg: "var(--vui-action-success-solid-hover)",
+			hoverColor: "var(--vui-action-success-solid-inverse)",
+			activeBg: "var(--vui-action-success-solid-pressed)",
+			activeColor: "var(--vui-action-success-solid-inverse)"
+		}
+	}
 };
 var theme_default = {
 	baseStyle,
-	defaultProps,
 	parts,
 	sizes,
 	variants
@@ -67,5 +139,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=theme.js.map

package/dist/notification/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/notification/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {\n  variant: 'subtleBlue',\n}\n\nconst parts = ['container', 'button', 'icon', 'text', 'title']\n\nconst sizes = {}\n\nconst variants = {\n  subtleBlue: {\n    container: {\n      bg: 'skyBlue.95',\n      borderColor: 'seaBlue.main',\n      color: 'seaBlue.main',\n    },\n    button: {\n      borderColor: 'transparent',\n    },\n  },\n  subtleRed: {\n    container: {\n      bg: 'energyRed.95',\n      borderColor: 'energyRed.45',\n      color: 'energyRed.45',\n    },\n  },\n  subtleYellow: {\n    container: {\n      bg: 'sunflower.85',\n      borderColor: 'sunflower.15',\n      color: 'sunflower.15',\n    },\n  },\n  subtleGreen: {\n    container: {\n      bg: 'landGreen.95',\n      borderColor: 'landGreen.30',\n      color: 'landGreen.30',\n    },\n  },\n  bannerBlue: {\n    container: {\n      bg: 'skyBlue.95',\n      borderColor: 'skyBlue.95',\n      color: 'seaBlue.main',\n    },\n    button: {\n      borderColor: 'transparent',\n    },\n  },\n  bannerRed: {\n    container: {\n      bg: 'energyRed.95',\n      borderColor: 'energyRed.95',\n      color: 'energyRed.45',\n    },\n  },\n  bannerYellow: {\n    container: {\n      bg: 'sunflower.85',\n      borderColor: 'sunflower.85',\n      color: 'sunflower.15',\n    },\n  },\n  bannerGreen: {\n    container: {\n      bg: 'landGreen.95',\n      borderColor: 'landGreen.95',\n      color: 'landGreen.30',\n    },\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY,EAAE;AAEpB,MAAM,eAAe,EACnB,SAAS,cACV;AAED,MAAM,QAAQ;CAAC;CAAa;CAAU;CAAQ;CAAQ;CAAQ;AAE9D,MAAM,QAAQ,EAAE;AAEhB,MAAM,WAAW;CACf,YAAY;EACV,WAAW;GACT,IAAI;GACJ,aAAa;GACb,OAAO;GACR;EACD,QAAQ,EACN,aAAa,eACd;EACF;CACD,WAAW,EACT,WAAW;EACT,IAAI;EACJ,aAAa;EACb,OAAO;EACR,EACF;CACD,cAAc,EACZ,WAAW;EACT,IAAI;EACJ,aAAa;EACb,OAAO;EACR,EACF;CACD,aAAa,EACX,WAAW;EACT,IAAI;EACJ,aAAa;EACb,OAAO;EACR,EACF;CACD,YAAY;EACV,WAAW;GACT,IAAI;GACJ,aAAa;GACb,OAAO;GACR;EACD,QAAQ,EACN,aAAa,eACd;EACF;CACD,WAAW,EACT,WAAW;EACT,IAAI;EACJ,aAAa;EACb,OAAO;EACR,EACF;CACD,cAAc,EACZ,WAAW;EACT,IAAI;EACJ,aAAa;EACb,OAAO;EACR,EACF;CACD,aAAa,EACX,WAAW;EACT,IAAI;EACJ,aAAa;EACb,OAAO;EACR,EACF;CACF;AAED,oBAAe;CACb;CACA;CACA;CACA;CACA;CACD"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/notification/theme.ts"],"sourcesContent":["const baseStyle = {\n  container: {\n    borderRadius: 'var(--vui-notification-border-radius, 0)',\n    borderWidth: 'var(--vui-notification-border-width, 1px)',\n    bg: 'var(--vui-feedback-neutral-subtle)',\n    borderColor: 'var(--vui-feedback-neutral-solid)',\n    color: 'var(--vui-feedback-neutral-solid)',\n  },\n  button: {\n    mt: 'var(--vui-notification-button-margin-top, 8px)',\n    mr: 'var(--vui-notification-button-margin-right, 8px)',\n    mb: 'var(--vui-notification-button-margin-bottom, 0)',\n    ml: 'var(--vui-notification-button-margin-left, 0)',\n    minW: 'var(--vui-notification-button-width, 32px)',\n    h: 'var(--vui-notification-button-height, 32px)',\n    borderColor: 'var(--vui-color-opacity-none)',\n    color: 'var(--vui-feedback-neutral-solid)',\n    hoverBg: 'var(--vui-action-generic-hover)',\n    hoverColor: 'var(--vui-feedback-neutral-solid)',\n    activeBg: 'var(--vui-action-generic-pressed)',\n    activeColor: 'var(--vui-feedback-neutral-solid)',\n  },\n  icon: {\n    ml: 'var(--vui-notification-icon-margin-left, 16px)',\n  },\n  text: {\n    flex: '1',\n    lineHeight: 'var(--vui-notification-text-line-height, 24px)',\n    minW: 0,\n    mx: 'var(--vui-notification-text-margin-x, 16px)',\n    my: 'var(--vui-notification-text-margin-y, 16px)',\n  },\n  actionBox: {\n    my: 'var(--vui-notification-action-margin-y, 8px)',\n    mx: 'var(--vui-notification-action-margin-x, 8px)',\n  },\n}\n\nconst parts = ['container', 'button', 'icon', 'text', 'title', 'actionBox', 'action']\n\nconst sizes = {}\n\nconst subtleBlue = {\n  container: {\n    bg: 'var(--vui-feedback-info-subtle)',\n    borderColor: 'var(--vui-feedback-info-solid)',\n    color: 'var(--vui-feedback-info-solid)',\n  },\n  button: {\n    //   borderColor: 'var(--vui-color-opacity-none)',\n    color: 'var(--vui-feedback-info-solid)',\n    //   hoverBg: 'var(--vui-action-brand-subtle-hover)',\n    hoverColor: 'var(--vui-feedback-info-solid)',\n    //   activeBg: 'var(--vui-action-brand-subtle-pressed)',\n    activeColor: 'var(--vui-feedback-info-solid)',\n  },\n  action: {\n    bg: 'var(--vui-action-brand-solid)',\n    borderColor: 'var(--vui-action-brand-solid)',\n    color: 'var(--vui-action-brand-solid-inverse)',\n    hoverBg: 'var(--vui-action-brand-solid-hover)',\n    hoverColor: 'var(--vui-action-brand-solid-inverse)',\n    activeBg: 'var(--vui-action-brand-solid-pressed)',\n    activeColor: 'var(--vui-action-brand-solid-inverse)',\n  },\n}\n\nconst subtleRed = {\n  container: {\n    bg: 'var(--vui-feedback-danger-subtle)',\n    borderColor: 'var(--vui-feedback-danger-solid)',\n    color: 'var(--vui-feedback-danger-solid)',\n  },\n  button: {\n    //   borderColor: 'var(--vui-color-opacity-none)',\n    color: 'var(--vui-feedback-danger-solid)',\n    //   hoverBg: 'var(--vui-action-danger-subtle-hover)',\n    hoverColor: 'var(--vui-feedback-danger-solid)',\n    //   activeBg: 'var(--vui-action-danger-subtle-pressed)',\n    activeColor: 'var(--vui-feedback-danger-solid)',\n  },\n  action: {\n    bg: 'var(--vui-action-danger-solid)',\n    borderColor: 'var(--vui-action-danger-solid)',\n    color: 'var(--vui-action-danger-solid-inverse)',\n    hoverBg: 'var(--vui-action-danger-solid-hover)',\n    hoverColor: 'var(--vui-action-danger-solid-inverse)',\n    activeBg: 'var(--vui-action-danger-solid-pressed)',\n    activeColor: 'var(--vui-action-danger-solid-inverse)',\n  },\n}\n\nconst subtleYellow = {\n  container: {\n    bg: 'var(--vui-feedback-warning-subtle)',\n    borderColor: 'var(--vui-feedback-warning-solid)',\n    color: 'var(--vui-feedback-warning-solid)',\n  },\n  button: {\n    //   borderColor: 'var(--vui-color-opacity-none)',\n    color: 'var(--vui-feedback-warning-solid)',\n    //   hoverBg: 'var(--vui-action-yellow-subtle-hover)',\n    hoverColor: 'var(--vui-feedback-warning-solid)',\n    //   activeBg: 'var(--vui-action-yellow-subtle-pressed)',\n    activeColor: 'var(--vui-feedback-warning-solid)',\n  },\n  action: {\n    bg: 'var(--vui-action-yellow-solid)',\n    borderColor: 'var(--vui-action-yellow-solid)',\n    color: 'var(--vui-action-yellow-solid-inverse)',\n    hoverBg: 'var(--vui-action-yellow-solid-hover)',\n    hoverColor: 'var(--vui-action-yellow-solid-inverse)',\n    activeBg: 'var(--vui-action-yellow-solid-pressed)',\n    activeColor: 'var(--vui-action-yellow-solid-inverse)',\n  },\n}\n\nconst subtleGreen = {\n  container: {\n    bg: 'var(--vui-feedback-success-subtle)',\n    borderColor: 'var(--vui-feedback-success-solid)',\n    color: 'var(--vui-feedback-success-solid)',\n  },\n  button: {\n    //   borderColor: 'var(--vui-color-opacity-none)',\n    color: 'var(--vui-action-success-subtle-inverse)',\n    //   hoverBg: 'var(--vui-action-success-subtle-hover)',\n    hoverColor: 'var(--vui-action-success-subtle-inverse)',\n    //   activeBg: 'var(--vui-action-success-subtle-pressed)',\n    activeColor: 'var(--vui-action-success-subtle-inverse)',\n  },\n  action: {\n    bg: 'var(--vui-action-success-solid)',\n    borderColor: 'var(--vui-action-success-solid)',\n    color: 'var(--vui-action-success-solid-inverse)',\n    hoverBg: 'var(--vui-action-success-solid-hover)',\n    hoverColor: 'var(--vui-action-success-solid-inverse)',\n    activeBg: 'var(--vui-action-success-solid-pressed)',\n    activeColor: 'var(--vui-action-success-solid-inverse)',\n  },\n}\n\nconst variants = {\n  subtleBlue,\n  subtleRed,\n  subtleYellow,\n  subtleGreen,\n}\n\nexport default {\n  baseStyle,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY;CAChB,WAAW;EACT,cAAc;EACd,aAAa;EACb,IAAI;EACJ,aAAa;EACb,OAAO;EACR;CACD,QAAQ;EACN,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,MAAM;EACN,GAAG;EACH,aAAa;EACb,OAAO;EACP,SAAS;EACT,YAAY;EACZ,UAAU;EACV,aAAa;EACd;CACD,MAAM,EACJ,IAAI,kDACL;CACD,MAAM;EACJ,MAAM;EACN,YAAY;EACZ,MAAM;EACN,IAAI;EACJ,IAAI;EACL;CACD,WAAW;EACT,IAAI;EACJ,IAAI;EACL;CACF;AAED,MAAM,QAAQ;CAAC;CAAa;CAAU;CAAQ;CAAQ;CAAS;CAAa;CAAS;AAErF,MAAM,QAAQ,EAAE;AAsGhB,MAAM,WAAW;CACf,YArGiB;EACjB,WAAW;GACT,IAAI;GACJ,aAAa;GACb,OAAO;GACR;EACD,QAAQ;GAEN,OAAO;GAEP,YAAY;GAEZ,aAAa;GACd;EACD,QAAQ;GACN,IAAI;GACJ,aAAa;GACb,OAAO;GACP,SAAS;GACT,YAAY;GACZ,UAAU;GACV,aAAa;GACd;EACF;CA+EC,WA7EgB;EAChB,WAAW;GACT,IAAI;GACJ,aAAa;GACb,OAAO;GACR;EACD,QAAQ;GAEN,OAAO;GAEP,YAAY;GAEZ,aAAa;GACd;EACD,QAAQ;GACN,IAAI;GACJ,aAAa;GACb,OAAO;GACP,SAAS;GACT,YAAY;GACZ,UAAU;GACV,aAAa;GACd;EACF;CAuDC,cArDmB;EACnB,WAAW;GACT,IAAI;GACJ,aAAa;GACb,OAAO;GACR;EACD,QAAQ;GAEN,OAAO;GAEP,YAAY;GAEZ,aAAa;GACd;EACD,QAAQ;GACN,IAAI;GACJ,aAAa;GACb,OAAO;GACP,SAAS;GACT,YAAY;GACZ,UAAU;GACV,aAAa;GACd;EACF;CA+BC,aA7BkB;EAClB,WAAW;GACT,IAAI;GACJ,aAAa;GACb,OAAO;GACR;EACD,QAAQ;GAEN,OAAO;GAEP,YAAY;GAEZ,aAAa;GACd;EACD,QAAQ;GACN,IAAI;GACJ,aAAa;GACb,OAAO;GACP,SAAS;GACT,YAAY;GACZ,UAAU;GACV,aAAa;GACd;EACF;CAOA;AAED,oBAAe;CACb;CACA;CACA;CACA;CACD"}

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

@@ -60,6 +60,6 @@ const buttonDisabledCursor = "default";
 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__ = "4.0.3"
+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.0.0-beta.1"
 //# sourceMappingURL=button.js.map

package/dist/p/p.d.ts

@@ -1,11 +1,10 @@
-import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { PProps } from "./p.types.js";
-import "../index.js";
 import * as styled_components0 from "styled-components";
+import * as styled_components_dist_types0 from "styled-components/dist/types";
 
 //#region src/p/p.d.ts
-declare const PBase: styled_components0.StyledComponent<"p", styled_components0.DefaultTheme, SystemProps, never>;
+declare const PBase: styled_components_dist_types0.IStyledComponentBase<"web", styled_components0.FastOmit<any, never>> & string;
 /** Displays a paragraph of text. */
 declare const P: VuiComponent<"p", PProps>;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"p.d.ts","names":[],"sources":["../../src/p/p.tsx"],"mappings":";;;;;;;cAIa,KAAA,EAAK,kBAAA,CAAA,eAAA,MAMjB,kBAAA,CANiB,YAAA,EAAA,WAAA;;cASL,CAAA,EAAC,YAAA,MAAA,MAAA"}
+{"version":3,"file":"p.d.ts","names":[],"sources":["../../src/p/p.tsx"],"mappings":";;;;;;cAIa,KAAA,EAAK,6BAAA,CAAA,oBAAA,QAMjB,kBAAA,CANiB,QAAA;;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__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.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,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"}
+{"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,OAAD;EAAO,WAAW,GAAG,SAAS,UAAU;EAAO;EAAK,GAAI;EAAQ,GAAI;EAAc,GAAI;YACnF,YAAY;EACP;EAEV;AAEF,EAAE,cAAc"}

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

@@ -1,8 +1,6 @@
 import { ThemingProps } from "../theme/types.js";
 import { TypographyProps } from "../system/typography.js";
 import { SystemProps } from "../system/system.js";
-import "../system/index.js";
-
 //#region src/p/p.types.d.ts
 type PProps = SystemProps & ThemingProps<'P'> & {
   /** Alias for textAlign prop. @deprecated */align?: TypographyProps['textAlign']; /** Alias for textTransform prop. @deprecated */

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

@@ -1 +1 @@
-{"version":3,"file":"p.types.d.ts","names":[],"sources":["../../src/p/p.types.ts"],"mappings":";;;;;;KAGY,MAAA,GAAS,WAAA,GACnB,YAAA;8CAEE,KAAA,GAAQ,eAAA;EAER,MAAA,GAAS,eAAA,mBALK;EAOd,UAAA,GAAa,eAAA,oBAPI;EASjB,IAAA,oBANQ;EAQR,MAAA,GAAS,eAAA;AAAA"}
+{"version":3,"file":"p.types.d.ts","names":[],"sources":["../../src/p/p.types.ts"],"mappings":";;;;KAGY,MAAA,GAAS,WAAA,GACnB,YAAA;8CAEE,KAAA,GAAQ,eAAA;EAER,MAAA,GAAS,eAAA,mBALD;EAOR,UAAA,GAAa,eAAA;EAEb,IAAA,oBARF;EAUE,MAAA,GAAS,eAAA;AAAA"}

package/dist/p/theme.js

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

package/dist/pagination/context.js

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

package/dist/pagination/helpers.js

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

package/dist/pagination/pagination.d.ts

@@ -1,5 +1,4 @@
 import { VuiComponent } from "../core/vui.js";
-import "../core/index.js";
 import { PaginationProps } from "./pagination.types.js";
 import { PaginationButton } from "./paginationButton.js";
 import { PaginationEllipsis } from "./paginationEllipsis.js";

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

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","names":[],"sources":["../../src/pagination/pagination.tsx"],"mappings":";;;;;;;;;;;;;;AAkBA;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":";;;;;;;;;;;;;AAkBA;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

@@ -64,5 +64,5 @@ Pagination.displayName = "Pagination";
 
 //#endregion
 export { Pagination as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# 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 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,oBAAC;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,oBAAC,sBAAoB;IAEhD,MAAM,WAAW,GAAG,aAAa,oBAAC,wBAAqB,IAAG,SAAS;IAEnE,MAAM,SAAS,GAAG,WAAW,gBAAgB,YAAY,MAAM,oBAAC,uBAAqB;OACrF;IAED;GACa;EAEvB;AASF,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 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,oBAAD;EAAoB,OAAO;YACzB,oBAAC,KAAD;GACE;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,oBAAC,mBAAD,EAAqB;IAEhD,MAAM,WAAW,GAAG,aAAa,oBAAC,sBAAD,EAAsB,IAAG,QAAS;IAEnE,MAAM,SAAS,GAAG,WAAW,gBAAgB,YAAY,MAAM,oBAAC,oBAAD,EAAsB;IACrF;GAED;EACa;EAEvB;AASF,WAAW,SAAS;AACpB,WAAW,WAAW;AACtB,WAAW,WAAW;AACtB,WAAW,aAAa;AACxB,WAAW,WAAW;AACtB,WAAW,UAAU;AACrB,WAAW,cAAc"}

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

@@ -1,10 +1,7 @@
 import { RenderProps } from "../utils/types.js";
-import "../utils/index.js";
 import { ThemingProps } from "../theme/types.js";
 import { ButtonProps } from "../button/button.types.js";
-import "../button/index.js";
 import { BoxProps } from "../box/box.types.js";
-import "../box/index.js";
 import { UsePaginationProps } from "./usePagination.types.js";
 import { UsePaginationReturnType } from "./usePagination.js";
 import { JSX } from "react";

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

@@ -1 +1 @@
-{"version":3,"file":"pagination.types.d.ts","names":[],"sources":["../../src/pagination/pagination.types.ts"],"mappings":";;;;;;;;;;;;KASY,qBAAA,GAAwB,WAAA;mEAElC,QAAA;EAEA,IAAA;AAAA;AAAA,KAGU,iBAAA,GAAoB,uBAAA,GAA0B,YAAA;AAAA,KAE9C,cAAA;AAAA,KAEA,uBAAA,GAA0B,WAAA;EAXF,sDAalC,SAAA;AAAA;AAAA,KAGU,eAAA,GAAkB,IAAA,CAAK,QAAA,wBACjC,YAAA,iBACA,kBAAA;EAdI,kEAgBF,QAAA,GAAW,WAAA,CAAY,iBAAA,GAbE;EAezB,QAAA,GAAW,GAAA,CAAI,OAAA,EAfa;EAiB5B,KAAA,GAAQ,cAAA,IAfA;EAiBR,UAAA,GAAa,GAAA,CAAI,OAAA;EAEjB,OAAA,GAAU,GAAA,CAAI,OAAA;AAAA"}
+{"version":3,"file":"pagination.types.d.ts","names":[],"sources":["../../src/pagination/pagination.types.ts"],"mappings":";;;;;;;;;KASY,qBAAA,GAAwB,WAAA;mEAElC,QAAA;EAEA,IAAA;AAAA;AAAA,KAGU,iBAAA,GAAoB,uBAAA,GAA0B,YAAA;AAAA,KAE9C,cAAA;AAAA,KAEA,uBAAA,GAA0B,WAAA;EAXS,sDAa7C,SAAA;AAAA;AAAA,KAGU,eAAA,GAAkB,IAAA,CAAK,QAAA,wBACjC,YAAA,iBACA,kBAAA;EAdI,kEAgBF,QAAA,GAAW,WAAA,CAAY,iBAAA,GAbf;EAeR,QAAA,GAAW,GAAA,CAAI,OAAA;EAEf,KAAA,GAAQ,cAAA,IAjB0D;EAmBlE,UAAA,GAAa,GAAA,CAAI,OAAA,EAjBK;EAmBtB,OAAA,GAAU,GAAA,CAAI,OAAA;AAAA"}

package/dist/pagination/paginationButton.d.ts

@@ -1,7 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { PaginationButtonProps } from "./pagination.types.js";
-import "../index.js";
-
 //#region src/pagination/paginationButton.d.ts
 /** Displays a page navigation button within the Pagination. */
 declare const PaginationButton: VuiComponent<"button", PaginationButtonProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"paginationButton.d.ts","names":[],"sources":["../../src/pagination/paginationButton.tsx"],"mappings":";;;;;;cAOa,gBAAA,EAAgB,YAAA,WAAA,qBAAA"}
+{"version":3,"file":"paginationButton.d.ts","names":[],"sources":["../../src/pagination/paginationButton.tsx"],"mappings":";;;;cAOa,gBAAA,EAAgB,YAAA,WAAA,qBAAA"}

package/dist/pagination/paginationButton.js

@@ -28,5 +28,5 @@ PaginationButton.displayName = "PaginationButton";
 
 //#endregion
 export { PaginationButton as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=paginationButton.js.map

package/dist/pagination/paginationButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"paginationButton.js","names":[],"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,oBAAC;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"}
+{"version":3,"file":"paginationButton.js","names":[],"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,oBAAC,QAAD;EACE,WAAW,GAAG,wBAAwB,UAAU;EAChD,eAAe,aAAa,SAAS;EAChC;EACL,MAAK;EACL,MAAM;EACN,SAAQ;EACR,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;EACJ;EAEJ;AAEF,iBAAiB,cAAc"}

package/dist/pagination/paginationEllipsis.d.ts

@@ -1,8 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { BoxProps } from "../box/box.types.js";
-import "../box/index.js";
-import "../index.js";
-
 //#region src/pagination/paginationEllipsis.d.ts
 /** Displays '...' ellipsis for hidden pages. */
 declare const PaginationEllipsis: VuiComponent<"span", BoxProps>;

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

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

package/dist/pagination/paginationEllipsis.js

@@ -24,5 +24,5 @@ PaginationEllipsis.displayName = "PaginationEllipsis";
 
 //#endregion
 export { PaginationEllipsis as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=paginationEllipsis.js.map

package/dist/pagination/paginationEllipsis.js.map

@@ -1 +1 @@
-{"version":3,"file":"paginationEllipsis.js","names":[],"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,oBAAC;EACC,YAAW;EACX,WAAW,GAAG,0BAA0B,UAAU;EAClD,IAAG;EACE;EACL,GAAI,OAAO;EACX,GAAI;YAEH,YAAY;GACT;EAER;AAEF,mBAAmB,cAAc"}
+{"version":3,"file":"paginationEllipsis.js","names":[],"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,oBAAC,KAAD;EACE,YAAW;EACX,WAAW,GAAG,0BAA0B,UAAU;EAClD,IAAG;EACE;EACL,GAAI,OAAO;EACX,GAAI;YAEH,YAAY;EACT;EAER;AAEF,mBAAmB,cAAc"}

package/dist/pagination/paginationGoToPage.d.ts

@@ -1,8 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { BoxProps } from "../box/box.types.js";
-import "../box/index.js";
-import "../index.js";
-
 //#region src/pagination/paginationGoToPage.d.ts
 /** Displays a number input, which allows quickly jumping between pages. */
 declare const PaginationGoToPage: VuiComponent<"div", BoxProps>;

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":";;;;cAUa,kBAAA,EAAkB,YAAA,QAAA,QAAA"}

package/dist/pagination/paginationGoToPage.js

@@ -53,5 +53,5 @@ PaginationGoToPage.displayName = "PaginationGoToPage";
 
 //#endregion
 export { PaginationGoToPage as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# 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,sBAAsB;CAC1D,MAAM,SAAS,eAAe,cAAc,sBAAsB,CAAC;CAEnE,MAAM,YAAY,MAAmB;EACnC,MAAM,QAAQ,CAAC,EAAE,OAAO;AACxB,MAAI,SAAS,KAAK,SAAS,UACzB,cAAa,KAAK,MAAM,MAAM,CAAC;;AAInC,QACE,qBAAC;EACC;EACA,WAAW,GAAG,0BAA0B,UAAU;EAClD,YAAW;EACN;EACL,GAAI,OAAO;EACX,GAAI;;GAEJ,oBAAC;IAAE,MAAK;IAAK,SAAQ;IAAa,YAAW;cAAS;KAElD;GACJ,oBAAC;IAAM,KAAK;IAAW,KAAK;IAAG,IAAI;IAAa;IAAU,MAAK;IAAK,MAAK;IAAS,GAAG;KAAM;GAC3F,oBAAC;IAAE,MAAK;IAAK,SAAQ;IAAa,YAAW;cAAS;KAElD;;GACA;EAER;AAEF,mBAAmB,cAAc"}
+{"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,sBAAsB;CAC1D,MAAM,SAAS,eAAe,cAAc,sBAAsB,CAAC;CAEnE,MAAM,YAAY,MAAmB;EACnC,MAAM,QAAQ,CAAC,EAAE,OAAO;AACxB,MAAI,SAAS,KAAK,SAAS,UACzB,cAAa,KAAK,MAAM,MAAM,CAAC;;AAInC,QACE,qBAAC,KAAD;EACE;EACA,WAAW,GAAG,0BAA0B,UAAU;EAClD,YAAW;EACN;EACL,GAAI,OAAO;EACX,GAAI;YANN;GAQE,oBAAC,GAAD;IAAG,MAAK;IAAK,SAAQ;IAAa,YAAW;cAAS;IAElD;GACJ,oBAAC,OAAD;IAAO,KAAK;IAAW,KAAK;IAAG,IAAI;IAAa;IAAU,MAAK;IAAK,MAAK;IAAS,GAAG;IAAM;GAC3F,oBAAC,GAAD;IAAG,MAAK;IAAK,SAAQ;IAAa,YAAW;cAAS;IAElD;GACA;;EAER;AAEF,mBAAmB,cAAc"}

package/dist/pagination/paginationNavigation.d.ts

@@ -1,8 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { BoxProps } from "../box/box.types.js";
-import "../box/index.js";
-import "../index.js";
-
 //#region src/pagination/paginationNavigation.d.ts
 /** Displays a set of page navigation buttons. */
 declare const PaginationNavigation: VuiComponent<"div", BoxProps>;

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

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

package/dist/pagination/paginationNavigation.js

@@ -41,5 +41,5 @@ PaginationNavigation.displayName = "PaginationNavigation";
 
 //#endregion
 export { PaginationNavigation as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=paginationNavigation.js.map