@veracity/vui 3.0.0-beta.8 → 3.0.0

package/dist/pagination/paginationButton.js

@@ -1,2 +1,33 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import r from"../button/button.js";import{usePaginationContext as i}from"./context.js";import{jsx as a}from"react/jsx-runtime";const o=n((n,o)=>{let{className:s,isActive:c,page:l,...u}=n,{onPageChange:d,page:f}=i(),p=t(`Pagination`,i()),m=c??l===f?{bg:`skyBlue.85`}:{};return a(r,{className:e(`vui-paginationButton`,s),onClick:()=>d(l),ref:o,size:`sm`,text:l,variant:`text`,...p.button,...m,...u})});o.displayName=`PaginationButton`;var s=o;export{o as PaginationButton,s as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import button_default from "../button/button.js";
+import { usePaginationContext } from "./context.js";
+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 { onPageChange, page } = usePaginationContext();
+	const styles = useStyleConfig("Pagination", usePaginationContext());
+	const activeProps = isActiveProp ?? pageProp === page ? { bg: "skyBlue.85" } : {};
+	return /* @__PURE__ */ jsx(button_default, {
+		className: cs("vui-paginationButton", className),
+		onClick: () => onPageChange(pageProp),
+		ref,
+		size: "sm",
+		text: pageProp,
+		variant: "text",
+		...styles.button,
+		...activeProps,
+		...rest
+	});
+});
+PaginationButton.displayName = "PaginationButton";
+var paginationButton_default = PaginationButton;
+
+//#endregion
+export { PaginationButton, paginationButton_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# 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":"8PAOA,MAAa,EAAmB,GAAsC,EAAO,IAAQ,CACnF,GAAM,CAAE,YAAW,SAAU,EAAc,KAAM,EAAU,GAAG,GAAS,EACjE,CAAE,eAAc,QAAS,GAAsB,CAC/C,EAAS,EAAe,aAAc,GAAsB,CAAC,CAG7D,EADW,GAAgB,IAAa,EAE1C,CACE,GAAI,aACL,CACD,EAAE,CAEN,OACE,EAACA,EAAAA,CACC,UAAW,EAAG,uBAAwB,EAAU,CAChD,YAAe,EAAa,EAAS,CAChC,MACL,KAAK,KACL,KAAM,EACN,QAAQ,OACR,GAAI,EAAO,OACX,GAAI,EACJ,GAAI,GACJ,EAEJ,CAEF,EAAiB,YAAc,mBAE/B,IAAA,EAAe"}
+{"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"}

package/dist/pagination/paginationEllipsis.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"paginationEllipsis.d.ts","names":[],"sources":["../../src/pagination/paginationEllipsis.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa,oBAAkB,qBAAA"}
+{"version":3,"file":"paginationEllipsis.d.ts","names":[],"sources":["../../src/pagination/paginationEllipsis.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAOa,oBAAkB,qBAAA"}

package/dist/pagination/paginationEllipsis.js

@@ -1,2 +1,29 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import r from"../box/box.js";import{usePaginationContext as i}from"./context.js";import{jsx as a}from"react/jsx-runtime";const o=n((n,o)=>{let{children:s,className:c,...l}=n,u=t(`Pagination`,i());return a(r,{alignItems:`center`,className:e(`vui-paginationEllipsis`,c),px:`10px`,ref:o,...u.ellipsis,...l,children:s??`…`})});o.displayName=`PaginationEllipsis`;var s=o;export{o as PaginationEllipsis,s as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import box_default from "../box/box.js";
+import { usePaginationContext } from "./context.js";
+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 styles = useStyleConfig("Pagination", usePaginationContext());
+	return /* @__PURE__ */ jsx(box_default, {
+		alignItems: "center",
+		className: cs("vui-paginationEllipsis", className),
+		px: "10px",
+		ref,
+		...styles.ellipsis,
+		...rest,
+		children: children ?? "…"
+	});
+});
+PaginationEllipsis.displayName = "PaginationEllipsis";
+var paginationEllipsis_default = PaginationEllipsis;
+
+//#endregion
+export { PaginationEllipsis, paginationEllipsis_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# 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":"wPAOA,MAAa,EAAqB,GAAuB,EAAO,IAAQ,CACtE,GAAM,CAAE,WAAU,YAAW,GAAG,GAAS,EACnC,EAAS,EAAe,aAAc,GAAsB,CAAC,CAEnE,OACE,EAACA,EAAAA,CACC,WAAW,SACX,UAAW,EAAG,yBAA0B,EAAU,CAClD,GAAG,OACE,MACL,GAAI,EAAO,SACX,GAAI,WAEH,GAAY,KACT,EAER,CAEF,EAAmB,YAAc,qBACjC,IAAA,EAAe"}
+{"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"}

package/dist/pagination/paginationGoToPage.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"paginationGoToPage.d.ts","names":[],"sources":["../../src/pagination/paginationGoToPage.tsx"],"sourcesContent":[],"mappings":";;;;;cAUa,oBAAkB,oBAAA"}
+{"version":3,"file":"paginationGoToPage.d.ts","names":[],"sources":["../../src/pagination/paginationGoToPage.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAUa,oBAAkB,oBAAA"}

package/dist/pagination/paginationGoToPage.js

@@ -1,2 +1,56 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import r from"../box/box.js";import i from"../t/t.js";import a from"../input/input.js";import{usePaginationContext as o}from"./context.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";const l=n((n,l)=>{let{className:u,...d}=n,{onPageChange:f,pageCount:p}=o(),m=t(`Pagination`,o()),h=e=>{let t=+e.target.value;t>=1&&t<=p&&f(Math.floor(t))};return c(r,{centerV:!0,className:e(`vui-paginationGoToPage`,u),lineHeight:`normal`,ref:l,...m.goToPage,...d,children:[s(i,{size:`sm`,weight:`medium`,children:`Go\xA0to`}),s(a,{max:p,min:1,mx:1,onChange:h,size:`sm`,type:`number`,w:56}),s(i,{size:`sm`,weight:`medium`,children:`Page`})]})});l.displayName=`PaginationGoToPage`;var u=l;export{l as PaginationGoToPage,u as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import box_default from "../box/box.js";
+import t_default from "../t/t.js";
+import input_default from "../input/input.js";
+import { usePaginationContext } from "./context.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/pagination/paginationGoToPage.tsx
+/** Displays a number input, which allows quickly jumping between pages. */
+const PaginationGoToPage = vui((props, ref) => {
+	const { className,...rest } = props;
+	const { onPageChange, pageCount } = usePaginationContext();
+	const styles = useStyleConfig("Pagination", usePaginationContext());
+	const onChange = (e) => {
+		const value = +e.target.value;
+		if (value >= 1 && value <= pageCount) onPageChange(Math.floor(value));
+	};
+	return /* @__PURE__ */ jsxs(box_default, {
+		centerV: true,
+		className: cs("vui-paginationGoToPage", className),
+		lineHeight: "normal",
+		ref,
+		...styles.goToPage,
+		...rest,
+		children: [
+			/* @__PURE__ */ jsx(t_default, {
+				size: "sm",
+				weight: "medium",
+				children: "Go\xA0to"
+			}),
+			/* @__PURE__ */ jsx(input_default, {
+				max: pageCount,
+				min: 1,
+				mx: 1,
+				onChange,
+				size: "sm",
+				type: "number",
+				w: 56
+			}),
+			/* @__PURE__ */ jsx(t_default, {
+				size: "sm",
+				weight: "medium",
+				children: "Page"
+			})
+		]
+	});
+});
+PaginationGoToPage.displayName = "PaginationGoToPage";
+var paginationGoToPage_default = PaginationGoToPage;
+
+//#endregion
+export { PaginationGoToPage, paginationGoToPage_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=paginationGoToPage.js.map

package/dist/pagination/paginationGoToPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"paginationGoToPage.js","names":["Box","T","Input"],"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\" weight=\"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\" weight=\"medium\">\n        Page\n      </T>\n    </Box>\n  )\n})\n\nPaginationGoToPage.displayName = 'PaginationGoToPage'\n\nexport default PaginationGoToPage\n"],"mappings":"4TAUA,MAAa,EAAqB,GAAsB,EAAO,IAAQ,CACrE,GAAM,CAAE,YAAW,GAAG,GAAS,EACzB,CAAE,eAAc,aAAc,GAAsB,CACpD,EAAS,EAAe,aAAc,GAAsB,CAAC,CAE7D,EAAY,GAAmB,CACnC,IAAM,EAAQ,CAAC,EAAE,OAAO,MACpB,GAAS,GAAK,GAAS,GACzB,EAAa,KAAK,MAAM,EAAM,CAAC,EAInC,OACE,EAACA,EAAAA,CACC,QAAA,GACA,UAAW,EAAG,yBAA0B,EAAU,CAClD,WAAW,SACN,MACL,GAAI,EAAO,SACX,GAAI,YAEJ,EAACC,EAAAA,CAAE,KAAK,KAAK,OAAO,kBAAS,YAEzB,CACJ,EAACC,EAAAA,CAAM,IAAK,EAAW,IAAK,EAAG,GAAI,EAAa,WAAU,KAAK,KAAK,KAAK,SAAS,EAAG,IAAM,CAC3F,EAACD,EAAAA,CAAE,KAAK,KAAK,OAAO,kBAAS,QAEzB,GACA,EAER,CAEF,EAAmB,YAAc,qBAEjC,IAAA,EAAe"}
+{"version":3,"file":"paginationGoToPage.js","names":["Box","T","Input"],"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\" weight=\"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\" weight=\"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,UAAW,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,qBAACA;EACC;EACA,WAAW,GAAG,0BAA0B,UAAU;EAClD,YAAW;EACN;EACL,GAAI,OAAO;EACX,GAAI;;GAEJ,oBAACC;IAAE,MAAK;IAAK,QAAO;cAAS;KAEzB;GACJ,oBAACC;IAAM,KAAK;IAAW,KAAK;IAAG,IAAI;IAAa;IAAU,MAAK;IAAK,MAAK;IAAS,GAAG;KAAM;GAC3F,oBAACD;IAAE,MAAK;IAAK,QAAO;cAAS;KAEzB;;GACA;EAER;AAEF,mBAAmB,cAAc;AAEjC,iCAAe"}

package/dist/pagination/paginationNavigation.d.ts

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

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

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

package/dist/pagination/paginationNavigation.js

@@ -1,2 +1,46 @@
-import{isNumber as e,isString as t}from"../utils/assertion.js";import{cs as n}from"../utils/styles.js";import{useStyleConfig as r}from"../core/theme.js";import{vui as i}from"../core/vui.js";import a from"../box/box.js";import{usePaginationContext as o}from"./context.js";import s from"./paginationButton.js";import c from"./paginationEllipsis.js";import l from"./paginationPrevNext.js";import{Fragment as u}from"react";import{jsx as d,jsxs as f}from"react/jsx-runtime";const p=i((i,p)=>{let{children:m,className:h,...g}=i,{items:_}=o(),v=r(`Pagination`,o());return d(a,{className:n(`vui-paginationNavigation`,h),gap:1,ref:p,wrap:!0,...v.navigation,...g,children:m??_.map(n=>f(u,{children:[n===`previous`&&d(l,{"aria-label":`previous`,direction:`previous`}),e(n)&&d(s,{page:n}),t(n)&&n.includes(`ellipsis`)&&d(c,{}),n===`next`&&d(l,{"aria-label":`next`,direction:`next`})]},n))})});p.displayName=`PaginationNavigation`;var m=p;export{p as PaginationNavigation,m as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { isNumber, isString } from "../utils/assertion.js";
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import box_default from "../box/box.js";
+import { usePaginationContext } from "./context.js";
+import paginationButton_default from "./paginationButton.js";
+import paginationEllipsis_default from "./paginationEllipsis.js";
+import paginationPrevNext_default from "./paginationPrevNext.js";
+import { Fragment } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/pagination/paginationNavigation.tsx
+/** Displays a set of page navigation buttons. */
+const PaginationNavigation = vui((props, ref) => {
+	const { children, className,...rest } = props;
+	const { items } = usePaginationContext();
+	const styles = useStyleConfig("Pagination", usePaginationContext());
+	return /* @__PURE__ */ jsx(box_default, {
+		className: cs("vui-paginationNavigation", className),
+		gap: 1,
+		ref,
+		wrap: true,
+		...styles.navigation,
+		...rest,
+		children: children ?? items.map((item) => /* @__PURE__ */ jsxs(Fragment, { children: [
+			item === "previous" && /* @__PURE__ */ jsx(paginationPrevNext_default, {
+				"aria-label": "previous",
+				direction: "previous"
+			}),
+			isNumber(item) && /* @__PURE__ */ jsx(paginationButton_default, { page: item }),
+			isString(item) && item.includes("ellipsis") && /* @__PURE__ */ jsx(paginationEllipsis_default, {}),
+			item === "next" && /* @__PURE__ */ jsx(paginationPrevNext_default, {
+				"aria-label": "next",
+				direction: "next"
+			})
+		] }, item))
+	});
+});
+PaginationNavigation.displayName = "PaginationNavigation";
+var paginationNavigation_default = PaginationNavigation;
+
+//#endregion
+export { PaginationNavigation, paginationNavigation_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=paginationNavigation.js.map

package/dist/pagination/paginationNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"paginationNavigation.js","names":["Box","PaginationPrevNext","PaginationButton","PaginationEllipsis"],"sources":["../../src/pagination/paginationNavigation.tsx"],"sourcesContent":["import { Fragment } from 'react'\n\nimport type { BoxProps } from '../box'\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs, isNumber, isString } from '../utils'\nimport { usePaginationContext } from './context'\nimport PaginationButton from './paginationButton'\nimport PaginationEllipsis from './paginationEllipsis'\nimport PaginationPrevNext from './paginationPrevNext'\n\n/** Displays a set of page navigation buttons. */\nexport const PaginationNavigation = vui<'div', BoxProps>((props, ref) => {\n  const { children, className, ...rest } = props\n  const { items } = usePaginationContext()\n  const styles = useStyleConfig('Pagination', usePaginationContext())\n\n  return (\n    <Box className={cs('vui-paginationNavigation', className)} gap={1} ref={ref} wrap {...styles.navigation} {...rest}>\n      {children ??\n        items.map(item => (\n          <Fragment key={item}>\n            {item === 'previous' && <PaginationPrevNext aria-label=\"previous\" direction=\"previous\" />}\n\n            {isNumber(item) && <PaginationButton page={item} />}\n\n            {isString(item) && item.includes('ellipsis') && <PaginationEllipsis />}\n\n            {item === 'next' && <PaginationPrevNext aria-label=\"next\" direction=\"next\" />}\n          </Fragment>\n        ))}\n    </Box>\n  )\n})\n\nPaginationNavigation.displayName = 'PaginationNavigation'\n\nexport default PaginationNavigation\n"],"mappings":"qdAYA,MAAa,EAAuB,GAAsB,EAAO,IAAQ,CACvE,GAAM,CAAE,WAAU,YAAW,GAAG,GAAS,EACnC,CAAE,SAAU,GAAsB,CAClC,EAAS,EAAe,aAAc,GAAsB,CAAC,CAEnE,OACE,EAACA,EAAAA,CAAI,UAAW,EAAG,2BAA4B,EAAU,CAAE,IAAK,EAAQ,MAAK,KAAA,GAAK,GAAI,EAAO,WAAY,GAAI,WAC1G,GACC,EAAM,IAAI,GACR,EAAC,EAAA,CAAA,SAAA,CACE,IAAS,YAAc,EAACC,EAAAA,CAAmB,aAAW,WAAW,UAAU,YAAa,CAExF,EAAS,EAAK,EAAI,EAACC,EAAAA,CAAiB,KAAM,EAAA,CAAQ,CAElD,EAAS,EAAK,EAAI,EAAK,SAAS,WAAW,EAAI,EAACC,EAAAA,EAAAA,CAAqB,CAErE,IAAS,QAAU,EAACF,EAAAA,CAAmB,aAAW,OAAO,UAAU,QAAS,GAPhE,EAQJ,CACX,EACA,EAER,CAEF,EAAqB,YAAc,uBAEnC,IAAA,EAAe"}
+{"version":3,"file":"paginationNavigation.js","names":["Box","PaginationPrevNext","PaginationButton","PaginationEllipsis"],"sources":["../../src/pagination/paginationNavigation.tsx"],"sourcesContent":["import { Fragment } from 'react'\n\nimport type { BoxProps } from '../box'\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs, isNumber, isString } from '../utils'\nimport { usePaginationContext } from './context'\nimport PaginationButton from './paginationButton'\nimport PaginationEllipsis from './paginationEllipsis'\nimport PaginationPrevNext from './paginationPrevNext'\n\n/** Displays a set of page navigation buttons. */\nexport const PaginationNavigation = vui<'div', BoxProps>((props, ref) => {\n  const { children, className, ...rest } = props\n  const { items } = usePaginationContext()\n  const styles = useStyleConfig('Pagination', usePaginationContext())\n\n  return (\n    <Box className={cs('vui-paginationNavigation', className)} gap={1} ref={ref} wrap {...styles.navigation} {...rest}>\n      {children ??\n        items.map(item => (\n          <Fragment key={item}>\n            {item === 'previous' && <PaginationPrevNext aria-label=\"previous\" direction=\"previous\" />}\n\n            {isNumber(item) && <PaginationButton page={item} />}\n\n            {isString(item) && item.includes('ellipsis') && <PaginationEllipsis />}\n\n            {item === 'next' && <PaginationPrevNext aria-label=\"next\" direction=\"next\" />}\n          </Fragment>\n        ))}\n    </Box>\n  )\n})\n\nPaginationNavigation.displayName = 'PaginationNavigation'\n\nexport default PaginationNavigation\n"],"mappings":";;;;;;;;;;;;;;AAYA,MAAa,uBAAuB,KAAsB,OAAO,QAAQ;CACvE,MAAM,EAAE,UAAU,UAAW,GAAG,SAAS;CACzC,MAAM,EAAE,UAAU,sBAAsB;CACxC,MAAM,SAAS,eAAe,cAAc,sBAAsB,CAAC;AAEnE,QACE,oBAACA;EAAI,WAAW,GAAG,4BAA4B,UAAU;EAAE,KAAK;EAAQ;EAAK;EAAK,GAAI,OAAO;EAAY,GAAI;YAC1G,YACC,MAAM,KAAI,SACR,qBAAC;GACE,SAAS,cAAc,oBAACC;IAAmB,cAAW;IAAW,WAAU;KAAa;GAExF,SAAS,KAAK,IAAI,oBAACC,4BAAiB,MAAM,OAAQ;GAElD,SAAS,KAAK,IAAI,KAAK,SAAS,WAAW,IAAI,oBAACC,+BAAqB;GAErE,SAAS,UAAU,oBAACF;IAAmB,cAAW;IAAO,WAAU;KAAS;OAPhE,KAQJ,CACX;GACA;EAER;AAEF,qBAAqB,cAAc;AAEnC,mCAAe"}

package/dist/pagination/paginationPrevNext.d.ts

@@ -1,5 +1,6 @@
 import { VuiComponent } from "../core/vui.js";
 import { PaginationPrevNextProps } from "./pagination.types.js";
+import "../index.js";
 
 //#region src/pagination/paginationPrevNext.d.ts
 /** Displays a page navigation button, which navigates forward or backward. */

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

@@ -1 +1 @@
-{"version":3,"file":"paginationPrevNext.d.ts","names":[],"sources":["../../src/pagination/paginationPrevNext.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa,oBAAkB,uBAAA"}
+{"version":3,"file":"paginationPrevNext.d.ts","names":[],"sources":["../../src/pagination/paginationPrevNext.tsx"],"sourcesContent":[],"mappings":";;;;;;cAOa,oBAAkB,uBAAA"}

package/dist/pagination/paginationPrevNext.js

@@ -1,2 +1,38 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import r from"../button/button.js";import{usePaginationContext as i}from"./context.js";import{jsx as a}from"react/jsx-runtime";const o=n((n,o)=>{let{className:s,direction:c,...l}=n,{onPageChange:u,page:d,pageCount:f}=i(),p=t(`Pagination`,i()),m=c===`previous`,h=m?-1:1,g={disabled:m?d===1:d===f,icon:`falAngle${m?`Left`:`Right`}`,onClick:()=>u(d+h)};return a(r,{className:e(`vui-paginationPrevNext`,s),minW:0,ref:o,size:`sm`,variant:`text`,...p.prevNext,...g,...l})});o.displayName=`PaginationPrevNext`;var s=o;export{o as PaginationPrevNext,s as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import button_default from "../button/button.js";
+import { usePaginationContext } from "./context.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/pagination/paginationPrevNext.tsx
+/** Displays a page navigation button, which navigates forward or backward. */
+const PaginationPrevNext = vui((props, ref) => {
+	const { className, direction,...rest } = props;
+	const { onPageChange, page, pageCount } = usePaginationContext();
+	const styles = useStyleConfig("Pagination", usePaginationContext());
+	const isPrev = direction === "previous";
+	const pageChange = isPrev ? -1 : 1;
+	const directionProps = {
+		disabled: isPrev ? page === 1 : page === pageCount,
+		icon: `falAngle${isPrev ? "Left" : "Right"}`,
+		onClick: () => onPageChange(page + pageChange)
+	};
+	return /* @__PURE__ */ jsx(button_default, {
+		className: cs("vui-paginationPrevNext", className),
+		minW: 0,
+		ref,
+		size: "sm",
+		variant: "text",
+		...styles.prevNext,
+		...directionProps,
+		...rest
+	});
+});
+PaginationPrevNext.displayName = "PaginationPrevNext";
+var paginationPrevNext_default = PaginationPrevNext;
+
+//#endregion
+export { PaginationPrevNext, paginationPrevNext_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=paginationPrevNext.js.map

package/dist/pagination/paginationPrevNext.js.map

@@ -1 +1 @@
-{"version":3,"file":"paginationPrevNext.js","names":["Button"],"sources":["../../src/pagination/paginationPrevNext.tsx"],"sourcesContent":["import Button from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { usePaginationContext } from './context'\nimport type { PaginationPrevNextProps } from './pagination.types'\n\n/** Displays a page navigation button, which navigates forward or backward. */\nexport const PaginationPrevNext = vui<'button', PaginationPrevNextProps>((props, ref) => {\n  const { className, direction, ...rest } = props\n  const { onPageChange, page, pageCount } = usePaginationContext()\n  const styles = useStyleConfig('Pagination', usePaginationContext())\n\n  const isPrev = direction === 'previous'\n  const pageChange = isPrev ? -1 : 1\n  const directionProps = {\n    disabled: isPrev ? page === 1 : page === pageCount,\n    icon: `falAngle${isPrev ? 'Left' : 'Right'}`,\n    onClick: () => onPageChange(page + pageChange),\n  }\n\n  return (\n    <Button\n      className={cs('vui-paginationPrevNext', className)}\n      minW={0}\n      ref={ref}\n      size=\"sm\"\n      variant=\"text\"\n      {...styles.prevNext}\n      {...directionProps}\n      {...rest}\n    />\n  )\n})\n\nPaginationPrevNext.displayName = 'PaginationPrevNext'\n\nexport default PaginationPrevNext\n"],"mappings":"8PAOA,MAAa,EAAqB,GAAwC,EAAO,IAAQ,CACvF,GAAM,CAAE,YAAW,YAAW,GAAG,GAAS,EACpC,CAAE,eAAc,OAAM,aAAc,GAAsB,CAC1D,EAAS,EAAe,aAAc,GAAsB,CAAC,CAE7D,EAAS,IAAc,WACvB,EAAa,EAAS,GAAK,EAC3B,EAAiB,CACrB,SAAU,EAAS,IAAS,EAAI,IAAS,EACzC,KAAM,WAAW,EAAS,OAAS,UACnC,YAAe,EAAa,EAAO,EAAW,CAC/C,CAED,OACE,EAACA,EAAAA,CACC,UAAW,EAAG,yBAA0B,EAAU,CAClD,KAAM,EACD,MACL,KAAK,KACL,QAAQ,OACR,GAAI,EAAO,SACX,GAAI,EACJ,GAAI,GACJ,EAEJ,CAEF,EAAmB,YAAc,qBAEjC,IAAA,EAAe"}
+{"version":3,"file":"paginationPrevNext.js","names":["Button"],"sources":["../../src/pagination/paginationPrevNext.tsx"],"sourcesContent":["import Button from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { usePaginationContext } from './context'\nimport type { PaginationPrevNextProps } from './pagination.types'\n\n/** Displays a page navigation button, which navigates forward or backward. */\nexport const PaginationPrevNext = vui<'button', PaginationPrevNextProps>((props, ref) => {\n  const { className, direction, ...rest } = props\n  const { onPageChange, page, pageCount } = usePaginationContext()\n  const styles = useStyleConfig('Pagination', usePaginationContext())\n\n  const isPrev = direction === 'previous'\n  const pageChange = isPrev ? -1 : 1\n  const directionProps = {\n    disabled: isPrev ? page === 1 : page === pageCount,\n    icon: `falAngle${isPrev ? 'Left' : 'Right'}`,\n    onClick: () => onPageChange(page + pageChange),\n  }\n\n  return (\n    <Button\n      className={cs('vui-paginationPrevNext', className)}\n      minW={0}\n      ref={ref}\n      size=\"sm\"\n      variant=\"text\"\n      {...styles.prevNext}\n      {...directionProps}\n      {...rest}\n    />\n  )\n})\n\nPaginationPrevNext.displayName = 'PaginationPrevNext'\n\nexport default PaginationPrevNext\n"],"mappings":";;;;;;;;;AAOA,MAAa,qBAAqB,KAAwC,OAAO,QAAQ;CACvF,MAAM,EAAE,WAAW,UAAW,GAAG,SAAS;CAC1C,MAAM,EAAE,cAAc,MAAM,cAAc,sBAAsB;CAChE,MAAM,SAAS,eAAe,cAAc,sBAAsB,CAAC;CAEnE,MAAM,SAAS,cAAc;CAC7B,MAAM,aAAa,SAAS,KAAK;CACjC,MAAM,iBAAiB;EACrB,UAAU,SAAS,SAAS,IAAI,SAAS;EACzC,MAAM,WAAW,SAAS,SAAS;EACnC,eAAe,aAAa,OAAO,WAAW;EAC/C;AAED,QACE,oBAACA;EACC,WAAW,GAAG,0BAA0B,UAAU;EAClD,MAAM;EACD;EACL,MAAK;EACL,SAAQ;EACR,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;GACJ;EAEJ;AAEF,mBAAmB,cAAc;AAEjC,iCAAe"}

package/dist/pagination/paginationResults.d.ts

@@ -1,5 +1,7 @@
 import { TProps } from "../t/t.types.js";
+import "../t/index.js";
 import { VuiComponent } from "../core/vui.js";
+import "../index.js";
 
 //#region src/pagination/paginationResults.d.ts
 /** Displays an action button within the Pagination. */

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

@@ -1 +1 @@
-{"version":3,"file":"paginationResults.d.ts","names":[],"sources":["../../src/pagination/paginationResults.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa,mBAAiB,qBAAA"}
+{"version":3,"file":"paginationResults.d.ts","names":[],"sources":["../../src/pagination/paginationResults.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAOa,mBAAiB,qBAAA"}

package/dist/pagination/paginationResults.js

@@ -1,2 +1,29 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import r from"../t/t.js";import{usePaginationContext as i}from"./context.js";import{jsx as a}from"react/jsx-runtime";const o=n((n,o)=>{let{children:s,className:c,...l}=n,{count:u,rangeEnd:d,rangeStart:f}=i(),p=t(`Pagination`,i());return a(r,{className:e(`vui-paginationResults`,c),ref:o,size:`sm`,...p.results,...l,children:s??`Showing ${f} to ${d} of ${u} results.`})});o.displayName=`PaginationResults`;var s=o;export{o as PaginationResults,s as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import t_default from "../t/t.js";
+import { usePaginationContext } from "./context.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/pagination/paginationResults.tsx
+/** Displays an action button within the Pagination. */
+const PaginationResults = vui((props, ref) => {
+	const { children, className,...rest } = props;
+	const { count, rangeEnd, rangeStart } = usePaginationContext();
+	const styles = useStyleConfig("Pagination", usePaginationContext());
+	return /* @__PURE__ */ jsx(t_default, {
+		className: cs("vui-paginationResults", className),
+		ref,
+		size: "sm",
+		...styles.results,
+		...rest,
+		children: children ?? `Showing ${rangeStart} to ${rangeEnd} of ${count} results.`
+	});
+});
+PaginationResults.displayName = "PaginationResults";
+var paginationResults_default = PaginationResults;
+
+//#endregion
+export { PaginationResults, paginationResults_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=paginationResults.js.map

package/dist/pagination/paginationResults.js.map

@@ -1 +1 @@
-{"version":3,"file":"paginationResults.js","names":["T"],"sources":["../../src/pagination/paginationResults.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { TProps } from '../t'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { usePaginationContext } from './context'\n\n/** Displays an action button within the Pagination. */\nexport const PaginationResults = vui<'span', TProps>((props, ref) => {\n  const { children, className, ...rest } = props\n  const { count, rangeEnd, rangeStart } = usePaginationContext()\n  const styles = useStyleConfig('Pagination', usePaginationContext())\n\n  return (\n    <T className={cs('vui-paginationResults', className)} ref={ref} size=\"sm\" {...styles.results} {...rest}>\n      {children ?? `Showing ${rangeStart} to ${rangeEnd} of ${count} results.`}\n    </T>\n  )\n})\n\nPaginationResults.displayName = 'PaginationResults'\n\nexport default PaginationResults\n"],"mappings":"oPAOA,MAAa,EAAoB,GAAqB,EAAO,IAAQ,CACnE,GAAM,CAAE,WAAU,YAAW,GAAG,GAAS,EACnC,CAAE,QAAO,WAAU,cAAe,GAAsB,CACxD,EAAS,EAAe,aAAc,GAAsB,CAAC,CAEnE,OACE,EAACA,EAAAA,CAAE,UAAW,EAAG,wBAAyB,EAAU,CAAO,MAAK,KAAK,KAAK,GAAI,EAAO,QAAS,GAAI,WAC/F,GAAY,WAAW,EAAW,MAAM,EAAS,MAAM,EAAM,YAC5D,EAEN,CAEF,EAAkB,YAAc,oBAEhC,IAAA,EAAe"}
+{"version":3,"file":"paginationResults.js","names":["T"],"sources":["../../src/pagination/paginationResults.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { TProps } from '../t'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { usePaginationContext } from './context'\n\n/** Displays an action button within the Pagination. */\nexport const PaginationResults = vui<'span', TProps>((props, ref) => {\n  const { children, className, ...rest } = props\n  const { count, rangeEnd, rangeStart } = usePaginationContext()\n  const styles = useStyleConfig('Pagination', usePaginationContext())\n\n  return (\n    <T className={cs('vui-paginationResults', className)} ref={ref} size=\"sm\" {...styles.results} {...rest}>\n      {children ?? `Showing ${rangeStart} to ${rangeEnd} of ${count} results.`}\n    </T>\n  )\n})\n\nPaginationResults.displayName = 'PaginationResults'\n\nexport default PaginationResults\n"],"mappings":";;;;;;;;;AAOA,MAAa,oBAAoB,KAAqB,OAAO,QAAQ;CACnE,MAAM,EAAE,UAAU,UAAW,GAAG,SAAS;CACzC,MAAM,EAAE,OAAO,UAAU,eAAe,sBAAsB;CAC9D,MAAM,SAAS,eAAe,cAAc,sBAAsB,CAAC;AAEnE,QACE,oBAACA;EAAE,WAAW,GAAG,yBAAyB,UAAU;EAAO;EAAK,MAAK;EAAK,GAAI,OAAO;EAAS,GAAI;YAC/F,YAAY,WAAW,WAAW,MAAM,SAAS,MAAM,MAAM;GAC5D;EAEN;AAEF,kBAAkB,cAAc;AAEhC,gCAAe"}

package/dist/pagination/theme.js

@@ -1,2 +1,42 @@
-const e={bg:`transparent`,border:`none`,color:`darkBlue.main`};var t={baseStyle:{button:{...e,color:`seaBlue.main`,hoverBg:`skyBlue.main`,minW:24},ellipsis:{...e},goToPage:{...e},prevNext:{...e},results:{color:`sandstone.30`}},defaultProps:{},parts:[`container`,`button`,`ellipsis`,`goToPage`,`navigation`,`prevNext`,`results`],sizes:{},variants:{}};export{t as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+//#region src/pagination/theme.ts
+const base = {
+	bg: "transparent",
+	border: "none",
+	color: "darkBlue.main"
+};
+const baseStyle = {
+	button: {
+		...base,
+		color: "seaBlue.main",
+		hoverBg: "skyBlue.main",
+		minW: 24
+	},
+	ellipsis: { ...base },
+	goToPage: { ...base },
+	prevNext: { ...base },
+	results: { color: "sandstone.30" }
+};
+const defaultProps = {};
+const parts = [
+	"container",
+	"button",
+	"ellipsis",
+	"goToPage",
+	"navigation",
+	"prevNext",
+	"results"
+];
+const sizes = {};
+const variants = {};
+var theme_default = {
+	baseStyle,
+	defaultProps,
+	parts,
+	sizes,
+	variants
+};
+
+//#endregion
+export { theme_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=theme.js.map

package/dist/pagination/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/pagination/theme.ts"],"sourcesContent":["const base = {\n  bg: 'transparent',\n  border: 'none',\n  color: 'darkBlue.main',\n}\n\nconst baseStyle = {\n  button: {\n    ...base,\n    color: 'seaBlue.main',\n    hoverBg: 'skyBlue.main',\n    minW: 24,\n  },\n  ellipsis: { ...base },\n  goToPage: { ...base },\n  prevNext: {\n    ...base,\n  },\n  results: {\n    color: 'sandstone.30',\n  },\n}\n\nconst defaultProps = {}\n\nconst parts = ['container', 'button', 'ellipsis', 'goToPage', 'navigation', 'prevNext', 'results']\n\nconst sizes = {}\n\nconst variants = {}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":"AAAA,MAAM,EAAO,CACX,GAAI,cACJ,OAAQ,OACR,MAAO,gBACR,CA2BD,IAAA,EAAe,CACb,UA1BgB,CAChB,OAAQ,CACN,GAAG,EACH,MAAO,eACP,QAAS,eACT,KAAM,GACP,CACD,SAAU,CAAE,GAAG,EAAM,CACrB,SAAU,CAAE,GAAG,EAAM,CACrB,SAAU,CACR,GAAG,EACJ,CACD,QAAS,CACP,MAAO,eACR,CACF,CAYC,aAVmB,EAAE,CAWrB,MATY,CAAC,YAAa,SAAU,WAAY,WAAY,aAAc,WAAY,UAAU,CAUhG,MARY,EAAE,CASd,SAPe,EAAE,CAQlB"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/pagination/theme.ts"],"sourcesContent":["const base = {\n  bg: 'transparent',\n  border: 'none',\n  color: 'darkBlue.main',\n}\n\nconst baseStyle = {\n  button: {\n    ...base,\n    color: 'seaBlue.main',\n    hoverBg: 'skyBlue.main',\n    minW: 24,\n  },\n  ellipsis: { ...base },\n  goToPage: { ...base },\n  prevNext: {\n    ...base,\n  },\n  results: {\n    color: 'sandstone.30',\n  },\n}\n\nconst defaultProps = {}\n\nconst parts = ['container', 'button', 'ellipsis', 'goToPage', 'navigation', 'prevNext', 'results']\n\nconst sizes = {}\n\nconst variants = {}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,OAAO;CACX,IAAI;CACJ,QAAQ;CACR,OAAO;CACR;AAED,MAAM,YAAY;CAChB,QAAQ;EACN,GAAG;EACH,OAAO;EACP,SAAS;EACT,MAAM;EACP;CACD,UAAU,EAAE,GAAG,MAAM;CACrB,UAAU,EAAE,GAAG,MAAM;CACrB,UAAU,EACR,GAAG,MACJ;CACD,SAAS,EACP,OAAO,gBACR;CACF;AAED,MAAM,eAAe,EAAE;AAEvB,MAAM,QAAQ;CAAC;CAAa;CAAU;CAAY;CAAY;CAAc;CAAY;CAAU;AAElG,MAAM,QAAQ,EAAE;AAEhB,MAAM,WAAW,EAAE;AAEnB,oBAAe;CACb;CACA;CACA;CACA;CACA;CACD"}

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

@@ -1 +1 @@
-{"version":3,"file":"usePagination.d.ts","names":[],"sources":["../../src/pagination/usePagination.ts"],"sourcesContent":[],"mappings":";;;;;;iBAOwB,aAAA,QAAqB;;SAAkB,cAAA,CAAA;EAAvC,YAAA,CAAA,kBAAa,wBAAA,CAAA,MAAA,CAAA,CAAA;EAAA,IAAA,CAAA,CAAA,MAAA;WAAQ,CAAA,CAAA,MAAA;UAAkB,CAAA,CAAA,MAAA;;;;AAyCnD,IAAA,CAAA,uBAAA,CAAA,CAAA,CAA0B,UAAH,CAAA,MAAA,CAAqB,aAArB,CAAA"}
+{"version":3,"file":"usePagination.d.ts","names":[],"sources":["../../src/pagination/usePagination.ts"],"sourcesContent":[],"mappings":";;;;;;iBAOwB,aAAA,QAAqB;;SAAkB,cAAA,CAAA;EAAvC,YAAA,CAAA,kBAAa,wBAAA,CAAA,MAAA,CAAA,CAAA;EAAQ,IAAA,CAAA,CAAA,MAAA;EAAkB,SAAA,CAAA,CAAA,MAAA;;;;AAyC/D,CAAA;KAAY,uBAAA,CAAA,CAAA,CAA0B,kBAAkB"}

package/dist/pagination/usePagination.js

@@ -1,2 +1,43 @@
-import{useControlled as e,useIsMounted as t}from"../utils/react.js";import{getPaginationItems as n}from"./helpers.js";import{useEffect as r}from"react";function i(i){let{count:a,defaultPage:o=1,onPageChange:s,page:c,pageSize:l}=i,[u,d,{isControlled:f,reset:p}]=e({defaultValue:o,onChange:s,value:c});r(()=>{!f&&s?.(o)},[]),r(()=>{m()&&p()},[l]);let m=t(),h=a>0&&l>0?Math.ceil(a/l):0,g=n(u,h),_=(u-1)*l+1;return{count:a,items:g,onPageChange:d,page:u,pageCount:h,pageSize:l,rangeEnd:u===h?a:u*l,rangeStart:_}}export{i as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { useControlled, useIsMounted } from "../utils/react.js";
+import { getPaginationItems } from "./helpers.js";
+import { useEffect } from "react";
+
+//#region src/pagination/usePagination.ts
+/** Hook to manage pagination data and state in controlled or uncontrolled way. */
+function usePagination(props) {
+	const { count, defaultPage = 1, onPageChange: onPageChangeProp, page: pageProp, pageSize } = props;
+	const [page, onPageChange, { isControlled, reset }] = useControlled({
+		defaultValue: defaultPage,
+		onChange: onPageChangeProp,
+		value: pageProp
+	});
+	useEffect(() => {
+		!isControlled && onPageChangeProp?.(defaultPage);
+	}, []);
+	/** In uncontrolled mode, reset pagination whenever pageSize changes (apart from initialization). */
+	useEffect(() => {
+		isMounted() && reset();
+	}, [pageSize]);
+	const isMounted = useIsMounted();
+	/** How many pages are there in total. */
+	const pageCount = count > 0 && pageSize > 0 ? Math.ceil(count / pageSize) : 0;
+	/** Array of navigation items, like buttons or arrows. */
+	const items = getPaginationItems(page, pageCount);
+	/** First item displayed on the current page. */
+	const rangeStart = (page - 1) * pageSize + 1;
+	return {
+		count,
+		items,
+		onPageChange,
+		page,
+		pageCount,
+		pageSize,
+		rangeEnd: page === pageCount ? count : page * pageSize,
+		rangeStart
+	};
+}
+
+//#endregion
+export { usePagination as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=usePagination.js.map

package/dist/pagination/usePagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePagination.js","names":[],"sources":["../../src/pagination/usePagination.ts"],"sourcesContent":["import { useEffect } from 'react'\n\nimport { useControlled, useIsMounted } from '../utils'\nimport { getPaginationItems } from './helpers'\nimport type { UsePaginationProps } from './usePagination.types'\n\n/** Hook to manage pagination data and state in controlled or uncontrolled way. */\nexport default function usePagination(props: UsePaginationProps) {\n  const { count, defaultPage = 1, onPageChange: onPageChangeProp, page: pageProp, pageSize } = props\n  const [page, onPageChange, { isControlled, reset }] = useControlled({\n    defaultValue: defaultPage,\n    onChange: onPageChangeProp,\n    value: pageProp,\n  })\n\n  // In uncontrolled mode, trigger external callback on the first render for consumer to initialize data.\n  useEffect(() => {\n    !isControlled && onPageChangeProp?.(defaultPage)\n  }, [])\n\n  /** In uncontrolled mode, reset pagination whenever pageSize changes (apart from initialization). */\n  useEffect(() => {\n    isMounted() && reset()\n  }, [pageSize])\n\n  const isMounted = useIsMounted()\n\n  /** How many pages are there in total. */\n  const pageCount = count > 0 && pageSize > 0 ? Math.ceil(count / pageSize) : 0\n  /** Array of navigation items, like buttons or arrows. */\n  const items = getPaginationItems(page, pageCount)\n  /** First item displayed on the current page. */\n  const rangeStart = (page - 1) * pageSize + 1\n  /** Last item displayed on the current page. */\n  const rangeEnd = page === pageCount ? count : page * pageSize\n\n  return {\n    count,\n    items,\n    onPageChange,\n    page,\n    pageCount,\n    pageSize,\n    rangeEnd,\n    rangeStart,\n  }\n}\n\nexport type UsePaginationReturnType = ReturnType<typeof usePagination>\n"],"mappings":"wJAOA,SAAwB,EAAc,EAA2B,CAC/D,GAAM,CAAE,QAAO,cAAc,EAAG,aAAc,EAAkB,KAAM,EAAU,YAAa,EACvF,CAAC,EAAM,EAAc,CAAE,eAAc,UAAW,EAAc,CAClE,aAAc,EACd,SAAU,EACV,MAAO,EACR,CAAC,CAGF,MAAgB,CACd,CAAC,GAAgB,IAAmB,EAAY,EAC/C,EAAE,CAAC,CAGN,MAAgB,CACd,GAAW,EAAI,GAAO,EACrB,CAAC,EAAS,CAAC,CAEd,IAAM,EAAY,GAAc,CAG1B,EAAY,EAAQ,GAAK,EAAW,EAAI,KAAK,KAAK,EAAQ,EAAS,CAAG,EAEtE,EAAQ,EAAmB,EAAM,EAAU,CAE3C,GAAc,EAAO,GAAK,EAAW,EAI3C,MAAO,CACL,QACA,QACA,eACA,OACA,YACA,WACA,SATe,IAAS,EAAY,EAAQ,EAAO,EAUnD,aACD"}
+{"version":3,"file":"usePagination.js","names":[],"sources":["../../src/pagination/usePagination.ts"],"sourcesContent":["import { useEffect } from 'react'\n\nimport { useControlled, useIsMounted } from '../utils'\nimport { getPaginationItems } from './helpers'\nimport type { UsePaginationProps } from './usePagination.types'\n\n/** Hook to manage pagination data and state in controlled or uncontrolled way. */\nexport default function usePagination(props: UsePaginationProps) {\n  const { count, defaultPage = 1, onPageChange: onPageChangeProp, page: pageProp, pageSize } = props\n  const [page, onPageChange, { isControlled, reset }] = useControlled({\n    defaultValue: defaultPage,\n    onChange: onPageChangeProp,\n    value: pageProp,\n  })\n\n  // In uncontrolled mode, trigger external callback on the first render for consumer to initialize data.\n  useEffect(() => {\n    !isControlled && onPageChangeProp?.(defaultPage)\n  }, [])\n\n  /** In uncontrolled mode, reset pagination whenever pageSize changes (apart from initialization). */\n  useEffect(() => {\n    isMounted() && reset()\n  }, [pageSize])\n\n  const isMounted = useIsMounted()\n\n  /** How many pages are there in total. */\n  const pageCount = count > 0 && pageSize > 0 ? Math.ceil(count / pageSize) : 0\n  /** Array of navigation items, like buttons or arrows. */\n  const items = getPaginationItems(page, pageCount)\n  /** First item displayed on the current page. */\n  const rangeStart = (page - 1) * pageSize + 1\n  /** Last item displayed on the current page. */\n  const rangeEnd = page === pageCount ? count : page * pageSize\n\n  return {\n    count,\n    items,\n    onPageChange,\n    page,\n    pageCount,\n    pageSize,\n    rangeEnd,\n    rangeStart,\n  }\n}\n\nexport type UsePaginationReturnType = ReturnType<typeof usePagination>\n"],"mappings":";;;;;;AAOA,SAAwB,cAAc,OAA2B;CAC/D,MAAM,EAAE,OAAO,cAAc,GAAG,cAAc,kBAAkB,MAAM,UAAU,aAAa;CAC7F,MAAM,CAAC,MAAM,cAAc,EAAE,cAAc,WAAW,cAAc;EAClE,cAAc;EACd,UAAU;EACV,OAAO;EACR,CAAC;AAGF,iBAAgB;AACd,GAAC,gBAAgB,mBAAmB,YAAY;IAC/C,EAAE,CAAC;;AAGN,iBAAgB;AACd,aAAW,IAAI,OAAO;IACrB,CAAC,SAAS,CAAC;CAEd,MAAM,YAAY,cAAc;;CAGhC,MAAM,YAAY,QAAQ,KAAK,WAAW,IAAI,KAAK,KAAK,QAAQ,SAAS,GAAG;;CAE5E,MAAM,QAAQ,mBAAmB,MAAM,UAAU;;CAEjD,MAAM,cAAc,OAAO,KAAK,WAAW;AAI3C,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA,UATe,SAAS,YAAY,QAAQ,OAAO;EAUnD;EACD"}

package/dist/panel/index.d.ts

@@ -0,0 +1,2 @@
+import { PanelProps } from "./panel.types.js";
+import { Panel } from "./panel.js";

package/dist/panel/panel.d.ts

@@ -1,8 +1,8 @@
 import { VuiComponent } from "../core/vui.js";
 import { PanelProps } from "./panel.types.js";
+import "../index.js";
 
 //#region src/panel/panel.d.ts
-
 /**
  * Displays static or partially interactive content, such as text, images or buttons.
  * Supports use cases of showing multiple segments of a page, each focusing on different data type or context.

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

@@ -1 +1 @@
-{"version":3,"file":"panel.d.ts","names":[],"sources":["../../src/panel/panel.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AASA,CAAA,CAAA;AAKE,OAAA,CAAA,KAAA,CALW,KAKX,CAAA,CALgB,YAKhB,CAAA,CAAA,GAAA,CAAA,CAAA,CALgB,UAKhB,CAAA"}
+{"version":3,"file":"panel.d.ts","names":[],"sources":["../../src/panel/panel.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AASa,OAAA,CAAA,KAAA,CAAA,KAAK,CAAA,CAAA,YAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,UAAA,CAAA"}

package/dist/panel/panel.js

@@ -1,2 +1,29 @@
-import{cs as e}from"../utils/styles.js";import{omitThemingProps as t,useStyleConfig as n}from"../core/theme.js";import{vui as r}from"../core/vui.js";import i from"../box/box.js";import{jsx as a}from"react/jsx-runtime";const o=r((r,o)=>{let{className:s,...c}=t(r),l=n(`Panel`,r);return a(i,{bg:`white`,className:e(`vui-panel`,s),p:2,ref:o,...l,...c})});o.displayName=`Panel`;export{o as Panel};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { cs } from "../utils/styles.js";
+import { omitThemingProps, useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import box_default from "../box/box.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/panel/panel.tsx
+/**
+* Displays static or partially interactive content, such as text, images or buttons.
+* Supports use cases of showing multiple segments of a page, each focusing on different data type or context.
+*/
+const Panel = vui((props, ref) => {
+	const { className,...rest } = omitThemingProps(props);
+	const styles = useStyleConfig("Panel", props);
+	return /* @__PURE__ */ jsx(box_default, {
+		bg: "white",
+		className: cs("vui-panel", className),
+		p: 2,
+		ref,
+		...styles,
+		...rest
+	});
+});
+Panel.displayName = "Panel";
+
+//#endregion
+export { Panel };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=panel.js.map

package/dist/panel/panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"panel.js","names":["Box"],"sources":["../../src/panel/panel.tsx"],"sourcesContent":["import Box from '../box'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport type { PanelProps } from './panel.types'\n\n/**\n * Displays static or partially interactive content, such as text, images or buttons.\n * Supports use cases of showing multiple segments of a page, each focusing on different data type or context.\n */\nexport const Panel = vui<'div', PanelProps>((props, ref) => {\n  const { className, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('Panel', props)\n\n  return <Box bg=\"white\" className={cs('vui-panel', className)} p={2} ref={ref} {...styles} {...rest} />\n})\n\nPanel.displayName = 'Panel'\n\nexport default Panel\n"],"mappings":"0NASA,MAAa,EAAQ,GAAwB,EAAO,IAAQ,CAC1D,GAAM,CAAE,YAAW,GAAG,GAAS,EAAiB,EAAM,CAChD,EAAS,EAAe,QAAS,EAAM,CAE7C,OAAO,EAACA,EAAAA,CAAI,GAAG,QAAQ,UAAW,EAAG,YAAa,EAAU,CAAE,EAAG,EAAQ,MAAK,GAAI,EAAQ,GAAI,GAAQ,EACtG,CAEF,EAAM,YAAc"}
+{"version":3,"file":"panel.js","names":["Box"],"sources":["../../src/panel/panel.tsx"],"sourcesContent":["import Box from '../box'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport type { PanelProps } from './panel.types'\n\n/**\n * Displays static or partially interactive content, such as text, images or buttons.\n * Supports use cases of showing multiple segments of a page, each focusing on different data type or context.\n */\nexport const Panel = vui<'div', PanelProps>((props, ref) => {\n  const { className, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('Panel', props)\n\n  return <Box bg=\"white\" className={cs('vui-panel', className)} p={2} ref={ref} {...styles} {...rest} />\n})\n\nPanel.displayName = 'Panel'\n\nexport default Panel\n"],"mappings":";;;;;;;;;;;AASA,MAAa,QAAQ,KAAwB,OAAO,QAAQ;CAC1D,MAAM,EAAE,UAAW,GAAG,SAAS,iBAAiB,MAAM;CACtD,MAAM,SAAS,eAAe,SAAS,MAAM;AAE7C,QAAO,oBAACA;EAAI,IAAG;EAAQ,WAAW,GAAG,aAAa,UAAU;EAAE,GAAG;EAAQ;EAAK,GAAI;EAAQ,GAAI;GAAQ;EACtG;AAEF,MAAM,cAAc"}

package/dist/panel/panel.types.d.ts

@@ -1,5 +1,6 @@
 import { ThemingProps } from "../theme/types.js";
 import { BoxProps } from "../box/box.types.js";
+import "../box/index.js";
 
 //#region src/panel/panel.types.d.ts
 type PanelProps = Omit<BoxProps, 'size' | 'variant'> & ThemingProps<'Panel'> & {};

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

@@ -1 +1 @@
-{"version":3,"file":"panel.types.d.ts","names":[],"sources":["../../src/panel/panel.types.ts"],"sourcesContent":[],"mappings":";;;;KAGY,UAAA,CAAA,CAAA,CAAa,KAAK,gCAAgC"}
+{"version":3,"file":"panel.types.d.ts","names":[],"sources":["../../src/panel/panel.types.ts"],"sourcesContent":[],"mappings":";;;;;KAGY,UAAA,CAAA,CAAA,CAAa,KAAK,gCAAgC"}