@veracity/vui 3.2.0 → 4.0.0-alpha.366771.2601090922

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

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

package/dist/pagination/pagination.js

@@ -1,9 +1,12 @@
 import { isJsx } from "../utils/assertion.js";
 import { runIfFn } from "../utils/function.js";
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { useStyleConfig } from "../core/theme.js";
 import { vui } from "../core/vui.js";
 import box_default from "../box/box.js";
+import "../box/index.js";
+import "../core/index.js";
 import { PaginationProvider } from "./context.js";
 import paginationButton_default from "./paginationButton.js";
 import paginationEllipsis_default from "./paginationEllipsis.js";
@@ -20,9 +23,9 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 * GoToPage component is shown automatically above 10 pages.
 */
 const Pagination = vui((props, ref) => {
-	const { children, className, count, defaultPage, goToPage, items: itemsProp = [], navigation, onPageChange, page: pageProp, pageSize, results, size, variant,...rest } = props;
+	const { children, className, count, defaultPage, goToPage, items: itemsProp = [], navigation, onPageChange, page: pageProp, pageSize, results, size, variant, ...rest } = props;
 	const styles = useStyleConfig("Pagination", props);
-	const { items = itemsProp,...paginationProps } = usePagination({
+	const { items = itemsProp, ...paginationProps } = usePagination({
 		count,
 		defaultPage,
 		onPageChange,
@@ -64,5 +67,5 @@ Pagination.displayName = "Pagination";
 
 //#endregion
 export { Pagination };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=pagination.js.map

package/dist/pagination/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","names":["Box","PaginationResults","PaginationNavigation","PaginationGoToPage","PaginationButton","PaginationEllipsis","PaginationPrevNext"],"sources":["../../src/pagination/pagination.tsx"],"sourcesContent":["import Box from '../box'\nimport type { VuiComponent } from '../core'\nimport { useStyleConfig, vui } from '../core'\nimport { cs, isJsx, runIfFn } from '../utils'\nimport { PaginationProvider } from './context'\nimport type { PaginationProps } from './pagination.types'\nimport PaginationButton from './paginationButton'\nimport PaginationEllipsis from './paginationEllipsis'\nimport PaginationGoToPage from './paginationGoToPage'\nimport PaginationNavigation from './paginationNavigation'\nimport PaginationPrevNext from './paginationPrevNext'\nimport PaginationResults from './paginationResults'\nimport usePagination from './usePagination'\n\n/**\n * Displays page navigation buttons together with page and item count.\n * GoToPage component is shown automatically above 10 pages.\n */\nexport const Pagination = vui<'div', PaginationProps>((props, ref) => {\n  const {\n    children,\n    className,\n    count,\n    defaultPage,\n    goToPage,\n    items: itemsProp = [],\n    navigation,\n    onPageChange,\n    page: pageProp,\n    pageSize,\n    results,\n    size,\n    variant,\n    ...rest\n  } = props\n  const styles = useStyleConfig('Pagination', props)\n  const { items = itemsProp, ...paginationProps } = usePagination({\n    count,\n    defaultPage,\n    onPageChange,\n    page: pageProp,\n    pageSize,\n  })\n\n  const context = { ...paginationProps, items, size, variant }\n\n  return (\n    <PaginationProvider value={context}>\n      <Box\n        centerV\n        className={cs('vui-pagination', className)}\n        gap={3}\n        ref={ref}\n        w={1}\n        wrap\n        {...styles.container}\n        {...rest}\n      >\n        {runIfFn(children, context) ?? (\n          <>\n            {isJsx(results) ? results : <PaginationResults />}\n\n            {isJsx(navigation) ? navigation : <PaginationNavigation ml=\"auto\" />}\n\n            {isJsx(goToPage) ? goToPage : paginationProps.pageCount > 10 && <PaginationGoToPage />}\n          </>\n        )}\n      </Box>\n    </PaginationProvider>\n  )\n}) as VuiComponent<'div', PaginationProps> & {\n  Button: typeof PaginationButton\n  Ellipsis: typeof PaginationEllipsis\n  GoToPage: typeof PaginationGoToPage\n  Navigation: typeof PaginationNavigation\n  PrevNext: typeof PaginationPrevNext\n  Results: typeof PaginationResults\n}\n\nPagination.Button = PaginationButton\nPagination.Ellipsis = PaginationEllipsis\nPagination.GoToPage = PaginationGoToPage\nPagination.Navigation = PaginationNavigation\nPagination.PrevNext = PaginationPrevNext\nPagination.Results = PaginationResults\nPagination.displayName = 'Pagination'\n\nexport default Pagination\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAkBA,MAAa,aAAa,KAA6B,OAAO,QAAQ;CACpE,MAAM,EACJ,UACA,WACA,OACA,aACA,UACA,OAAO,YAAY,EAAE,EACrB,YACA,cACA,MAAM,UACN,UACA,SACA,MACA,QACA,GAAG,SACD;CACJ,MAAM,SAAS,eAAe,cAAc,MAAM;CAClD,MAAM,EAAE,QAAQ,UAAW,GAAG,oBAAoB,cAAc;EAC9D;EACA;EACA;EACA,MAAM;EACN;EACD,CAAC;CAEF,MAAM,UAAU;EAAE,GAAG;EAAiB;EAAO;EAAM;EAAS;AAE5D,QACE,oBAAC;EAAmB,OAAO;YACzB,oBAACA;GACC;GACA,WAAW,GAAG,kBAAkB,UAAU;GAC1C,KAAK;GACA;GACL,GAAG;GACH;GACA,GAAI,OAAO;GACX,GAAI;aAEH,QAAQ,UAAU,QAAQ,IACzB;IACG,MAAM,QAAQ,GAAG,UAAU,oBAACC,8BAAoB;IAEhD,MAAM,WAAW,GAAG,aAAa,oBAACC,gCAAqB,IAAG,SAAS;IAEnE,MAAM,SAAS,GAAG,WAAW,gBAAgB,YAAY,MAAM,oBAACC,+BAAqB;OACrF;IAED;GACa;EAEvB;AASF,WAAW,SAASC;AACpB,WAAW,WAAWC;AACtB,WAAW,WAAWF;AACtB,WAAW,aAAaD;AACxB,WAAW,WAAWI;AACtB,WAAW,UAAUL;AACrB,WAAW,cAAc"}
+{"version":3,"file":"pagination.js","names":["Box","PaginationResults","PaginationNavigation","PaginationGoToPage","PaginationButton","PaginationEllipsis","PaginationPrevNext"],"sources":["../../src/pagination/pagination.tsx"],"sourcesContent":["import Box from '../box'\nimport type { VuiComponent } from '../core'\nimport { useStyleConfig, vui } from '../core'\nimport { cs, isJsx, runIfFn } from '../utils'\nimport { PaginationProvider } from './context'\nimport type { PaginationProps } from './pagination.types'\nimport PaginationButton from './paginationButton'\nimport PaginationEllipsis from './paginationEllipsis'\nimport PaginationGoToPage from './paginationGoToPage'\nimport PaginationNavigation from './paginationNavigation'\nimport PaginationPrevNext from './paginationPrevNext'\nimport PaginationResults from './paginationResults'\nimport usePagination from './usePagination'\n\n/**\n * Displays page navigation buttons together with page and item count.\n * GoToPage component is shown automatically above 10 pages.\n */\nexport const Pagination = vui<'div', PaginationProps>((props, ref) => {\n  const {\n    children,\n    className,\n    count,\n    defaultPage,\n    goToPage,\n    items: itemsProp = [],\n    navigation,\n    onPageChange,\n    page: pageProp,\n    pageSize,\n    results,\n    size,\n    variant,\n    ...rest\n  } = props\n  const styles = useStyleConfig('Pagination', props)\n  const { items = itemsProp, ...paginationProps } = usePagination({\n    count,\n    defaultPage,\n    onPageChange,\n    page: pageProp,\n    pageSize,\n  })\n\n  const context = { ...paginationProps, items, size, variant }\n\n  return (\n    <PaginationProvider value={context}>\n      <Box\n        centerV\n        className={cs('vui-pagination', className)}\n        gap={3}\n        ref={ref}\n        w={1}\n        wrap\n        {...styles.container}\n        {...rest}\n      >\n        {runIfFn(children, context) ?? (\n          <>\n            {isJsx(results) ? results : <PaginationResults />}\n\n            {isJsx(navigation) ? navigation : <PaginationNavigation ml=\"auto\" />}\n\n            {isJsx(goToPage) ? goToPage : paginationProps.pageCount > 10 && <PaginationGoToPage />}\n          </>\n        )}\n      </Box>\n    </PaginationProvider>\n  )\n}) as VuiComponent<'div', PaginationProps> & {\n  Button: typeof PaginationButton\n  Ellipsis: typeof PaginationEllipsis\n  GoToPage: typeof PaginationGoToPage\n  Navigation: typeof PaginationNavigation\n  PrevNext: typeof PaginationPrevNext\n  Results: typeof PaginationResults\n}\n\nPagination.Button = PaginationButton\nPagination.Ellipsis = PaginationEllipsis\nPagination.GoToPage = PaginationGoToPage\nPagination.Navigation = PaginationNavigation\nPagination.PrevNext = PaginationPrevNext\nPagination.Results = PaginationResults\nPagination.displayName = 'Pagination'\n\nexport default Pagination\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAa,aAAa,KAA6B,OAAO,QAAQ;CACpE,MAAM,EACJ,UACA,WACA,OACA,aACA,UACA,OAAO,YAAY,EAAE,EACrB,YACA,cACA,MAAM,UACN,UACA,SACA,MACA,SACA,GAAG,SACD;CACJ,MAAM,SAAS,eAAe,cAAc,MAAM;CAClD,MAAM,EAAE,QAAQ,WAAW,GAAG,oBAAoB,cAAc;EAC9D;EACA;EACA;EACA,MAAM;EACN;EACD,CAAC;CAEF,MAAM,UAAU;EAAE,GAAG;EAAiB;EAAO;EAAM;EAAS;AAE5D,QACE,oBAAC;EAAmB,OAAO;YACzB,oBAACA;GACC;GACA,WAAW,GAAG,kBAAkB,UAAU;GAC1C,KAAK;GACA;GACL,GAAG;GACH;GACA,GAAI,OAAO;GACX,GAAI;aAEH,QAAQ,UAAU,QAAQ,IACzB;IACG,MAAM,QAAQ,GAAG,UAAU,oBAACC,8BAAoB;IAEhD,MAAM,WAAW,GAAG,aAAa,oBAACC,gCAAqB,IAAG,SAAS;IAEnE,MAAM,SAAS,GAAG,WAAW,gBAAgB,YAAY,MAAM,oBAACC,+BAAqB;OACrF;IAED;GACa;EAEvB;AASF,WAAW,SAASC;AACpB,WAAW,WAAWC;AACtB,WAAW,WAAWF;AACtB,WAAW,aAAaD;AACxB,WAAW,WAAWI;AACtB,WAAW,UAAUL;AACrB,WAAW,cAAc"}

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

@@ -1,12 +1,13 @@
 import { RenderProps } from "../utils/types.js";
 import "../utils/index.js";
 import { ThemingProps } from "../theme/types.js";
-import { BoxProps } from "../box/box.types.js";
-import "../box/index.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";
 
 //#region src/pagination/pagination.types.d.ts
 type PaginationButtonProps = ButtonProps & {
@@ -35,4 +36,5 @@ type PaginationProps = Omit<BoxProps, 'size' | 'variant'> & ThemingProps<'Pagina
 };
 //#endregion
 export { PaginationButtonProps, PaginationContext, PaginationItem, PaginationPrevNextProps, PaginationProps };
+
 //# sourceMappingURL=pagination.types.d.ts.map

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

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

package/dist/pagination/paginationButton.d.ts

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

package/dist/pagination/paginationButton.js

@@ -1,14 +1,17 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { useStyleConfig } from "../core/theme.js";
 import { vui } from "../core/vui.js";
 import button_default from "../button/button.js";
+import "../button/index.js";
+import "../core/index.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 { className, isActive: isActiveProp, page: pageProp, ...rest } = props;
 	const { onPageChange, page } = usePaginationContext();
 	const styles = useStyleConfig("Pagination", usePaginationContext());
 	const activeProps = isActiveProp ?? pageProp === page ? { bg: "skyBlue.85" } : {};
@@ -29,5 +32,5 @@ var paginationButton_default = PaginationButton;
 
 //#endregion
 export { PaginationButton, paginationButton_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=paginationButton.js.map

package/dist/pagination/paginationButton.js.map

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

package/dist/pagination/paginationEllipsis.d.ts

@@ -1,6 +1,6 @@
+import { VuiComponent } from "../core/vui.js";
 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
@@ -8,4 +8,5 @@ import "../index.js";
 declare const PaginationEllipsis: VuiComponent<"span", BoxProps>;
 //#endregion
 export { PaginationEllipsis };
+
 //# sourceMappingURL=paginationEllipsis.d.ts.map

package/dist/pagination/paginationEllipsis.js

@@ -1,14 +1,17 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { useStyleConfig } from "../core/theme.js";
 import { vui } from "../core/vui.js";
 import box_default from "../box/box.js";
+import "../box/index.js";
+import "../core/index.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 { children, className, ...rest } = props;
 	const styles = useStyleConfig("Pagination", usePaginationContext());
 	return /* @__PURE__ */ jsx(box_default, {
 		alignItems: "center",
@@ -25,5 +28,5 @@ var paginationEllipsis_default = PaginationEllipsis;
 
 //#endregion
 export { PaginationEllipsis, paginationEllipsis_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=paginationEllipsis.js.map

package/dist/pagination/paginationEllipsis.js.map

@@ -1 +1 @@
-{"version":3,"file":"paginationEllipsis.js","names":["Box"],"sources":["../../src/pagination/paginationEllipsis.tsx"],"sourcesContent":["import type { BoxProps } from '../box'\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { usePaginationContext } from './context'\n\n/** Displays '...' ellipsis for hidden pages. */\nexport const PaginationEllipsis = vui<'span', BoxProps>((props, ref) => {\n  const { children, className, ...rest } = props\n  const styles = useStyleConfig('Pagination', usePaginationContext())\n\n  return (\n    <Box\n      alignItems=\"center\"\n      className={cs('vui-paginationEllipsis', className)}\n      px=\"10px\"\n      ref={ref}\n      {...styles.ellipsis}\n      {...rest}\n    >\n      {children ?? '…'}\n    </Box>\n  )\n})\n\nPaginationEllipsis.displayName = 'PaginationEllipsis'\nexport default PaginationEllipsis\n"],"mappings":";;;;;;;;;AAOA,MAAa,qBAAqB,KAAuB,OAAO,QAAQ;CACtE,MAAM,EAAE,UAAU,UAAW,GAAG,SAAS;CACzC,MAAM,SAAS,eAAe,cAAc,sBAAsB,CAAC;AAEnE,QACE,oBAACA;EACC,YAAW;EACX,WAAW,GAAG,0BAA0B,UAAU;EAClD,IAAG;EACE;EACL,GAAI,OAAO;EACX,GAAI;YAEH,YAAY;GACT;EAER;AAEF,mBAAmB,cAAc;AACjC,iCAAe"}
+{"version":3,"file":"paginationEllipsis.js","names":["Box"],"sources":["../../src/pagination/paginationEllipsis.tsx"],"sourcesContent":["import type { BoxProps } from '../box'\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { usePaginationContext } from './context'\n\n/** Displays '...' ellipsis for hidden pages. */\nexport const PaginationEllipsis = vui<'span', BoxProps>((props, ref) => {\n  const { children, className, ...rest } = props\n  const styles = useStyleConfig('Pagination', usePaginationContext())\n\n  return (\n    <Box\n      alignItems=\"center\"\n      className={cs('vui-paginationEllipsis', className)}\n      px=\"10px\"\n      ref={ref}\n      {...styles.ellipsis}\n      {...rest}\n    >\n      {children ?? '…'}\n    </Box>\n  )\n})\n\nPaginationEllipsis.displayName = 'PaginationEllipsis'\nexport default PaginationEllipsis\n"],"mappings":";;;;;;;;;;;;AAOA,MAAa,qBAAqB,KAAuB,OAAO,QAAQ;CACtE,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CACzC,MAAM,SAAS,eAAe,cAAc,sBAAsB,CAAC;AAEnE,QACE,oBAACA;EACC,YAAW;EACX,WAAW,GAAG,0BAA0B,UAAU;EAClD,IAAG;EACE;EACL,GAAI,OAAO;EACX,GAAI;YAEH,YAAY;GACT;EAER;AAEF,mBAAmB,cAAc;AACjC,iCAAe"}

package/dist/pagination/paginationGoToPage.d.ts

@@ -1,6 +1,6 @@
+import { VuiComponent } from "../core/vui.js";
 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
@@ -8,4 +8,5 @@ import "../index.js";
 declare const PaginationGoToPage: VuiComponent<"div", BoxProps>;
 //#endregion
 export { PaginationGoToPage };
+
 //# sourceMappingURL=paginationGoToPage.d.ts.map

package/dist/pagination/paginationGoToPage.js

@@ -1,16 +1,21 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { useStyleConfig } from "../core/theme.js";
 import { vui } from "../core/vui.js";
 import box_default from "../box/box.js";
+import "../box/index.js";
 import t_default from "../t/t.js";
+import "../t/index.js";
+import "../core/index.js";
 import input_default from "../input/input.js";
+import "../input/index.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 { className, ...rest } = props;
 	const { onPageChange, pageCount } = usePaginationContext();
 	const styles = useStyleConfig("Pagination", usePaginationContext());
 	const onChange = (e) => {
@@ -54,5 +59,5 @@ var paginationGoToPage_default = PaginationGoToPage;
 
 //#endregion
 export { PaginationGoToPage, paginationGoToPage_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# 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\" 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,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,SAAQ;IAAa,YAAW;cAAS;KAElD;GACJ,oBAACC;IAAM,KAAK;IAAW,KAAK;IAAG,IAAI;IAAa;IAAU,MAAK;IAAK,MAAK;IAAS,GAAG;KAAM;GAC3F,oBAACD;IAAE,MAAK;IAAK,SAAQ;IAAa,YAAW;cAAS;KAElD;;GACA;EAER;AAEF,mBAAmB,cAAc;AAEjC,iCAAe"}
+{"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\" 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,qBAACA;EACC;EACA,WAAW,GAAG,0BAA0B,UAAU;EAClD,YAAW;EACN;EACL,GAAI,OAAO;EACX,GAAI;;GAEJ,oBAACC;IAAE,MAAK;IAAK,SAAQ;IAAa,YAAW;cAAS;KAElD;GACJ,oBAACC;IAAM,KAAK;IAAW,KAAK;IAAG,IAAI;IAAa;IAAU,MAAK;IAAK,MAAK;IAAS,GAAG;KAAM;GAC3F,oBAACD;IAAE,MAAK;IAAK,SAAQ;IAAa,YAAW;cAAS;KAElD;;GACA;EAER;AAEF,mBAAmB,cAAc;AAEjC,iCAAe"}

package/dist/pagination/paginationNavigation.d.ts

@@ -1,6 +1,6 @@
+import { VuiComponent } from "../core/vui.js";
 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
@@ -8,4 +8,5 @@ import "../index.js";
 declare const PaginationNavigation: VuiComponent<"div", BoxProps>;
 //#endregion
 export { PaginationNavigation };
+
 //# sourceMappingURL=paginationNavigation.d.ts.map

package/dist/pagination/paginationNavigation.js

@@ -1,8 +1,11 @@
 import { isNumber, isString } from "../utils/assertion.js";
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { useStyleConfig } from "../core/theme.js";
 import { vui } from "../core/vui.js";
 import box_default from "../box/box.js";
+import "../box/index.js";
+import "../core/index.js";
 import { usePaginationContext } from "./context.js";
 import paginationButton_default from "./paginationButton.js";
 import paginationEllipsis_default from "./paginationEllipsis.js";
@@ -13,7 +16,7 @@ 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 { children, className, ...rest } = props;
 	const { items } = usePaginationContext();
 	const styles = useStyleConfig("Pagination", usePaginationContext());
 	return /* @__PURE__ */ jsx(box_default, {
@@ -42,5 +45,5 @@ var paginationNavigation_default = PaginationNavigation;
 
 //#endregion
 export { PaginationNavigation, paginationNavigation_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# 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":";;;;;;;;;;;;;;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"}
+{"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,WAAW,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

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

package/dist/pagination/paginationPrevNext.js

@@ -1,14 +1,17 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { useStyleConfig } from "../core/theme.js";
 import { vui } from "../core/vui.js";
 import button_default from "../button/button.js";
+import "../button/index.js";
+import "../core/index.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 { className, direction, ...rest } = props;
 	const { onPageChange, page, pageCount } = usePaginationContext();
 	const styles = useStyleConfig("Pagination", usePaginationContext());
 	const isPrev = direction === "previous";
@@ -34,5 +37,5 @@ var paginationPrevNext_default = PaginationPrevNext;
 
 //#endregion
 export { PaginationPrevNext, paginationPrevNext_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# 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":";;;;;;;;;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"}
+{"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,WAAW,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,6 +1,6 @@
+import { VuiComponent } from "../core/vui.js";
 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
@@ -8,4 +8,5 @@ import "../index.js";
 declare const PaginationResults: VuiComponent<"span", TProps>;
 //#endregion
 export { PaginationResults };
+
 //# sourceMappingURL=paginationResults.d.ts.map

package/dist/pagination/paginationResults.js

@@ -1,14 +1,17 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { useStyleConfig } from "../core/theme.js";
 import { vui } from "../core/vui.js";
 import t_default from "../t/t.js";
+import "../t/index.js";
+import "../core/index.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 { children, className, ...rest } = props;
 	const { count, rangeEnd, rangeStart } = usePaginationContext();
 	const styles = useStyleConfig("Pagination", usePaginationContext());
 	return /* @__PURE__ */ jsx(t_default, {
@@ -26,5 +29,5 @@ var paginationResults_default = PaginationResults;
 
 //#endregion
 export { PaginationResults, paginationResults_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# 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\n      className={cs('vui-paginationResults', className)}\n      ref={ref}\n      size=\"sm\"\n      {...styles.results}\n      {...rest}\n      variant=\"navigation\"\n    >\n      {children ?? `Showing ${rangeStart} to ${rangeEnd} of ${count} results.`}\n    </T>\n  )\n})\n\nPaginationResults.displayName = 'PaginationResults'\n\nexport default PaginationResults\n"],"mappings":";;;;;;;;;AAOA,MAAa,oBAAoB,KAAqB,OAAO,QAAQ;CACnE,MAAM,EAAE,UAAU,UAAW,GAAG,SAAS;CACzC,MAAM,EAAE,OAAO,UAAU,eAAe,sBAAsB;CAC9D,MAAM,SAAS,eAAe,cAAc,sBAAsB,CAAC;AAEnE,QACE,oBAACA;EACC,WAAW,GAAG,yBAAyB,UAAU;EAC5C;EACL,MAAK;EACL,GAAI,OAAO;EACX,GAAI;EACJ,SAAQ;YAEP,YAAY,WAAW,WAAW,MAAM,SAAS,MAAM,MAAM;GAC5D;EAEN;AAEF,kBAAkB,cAAc;AAEhC,gCAAe"}
+{"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\n      className={cs('vui-paginationResults', className)}\n      ref={ref}\n      size=\"sm\"\n      {...styles.results}\n      {...rest}\n      variant=\"navigation\"\n    >\n      {children ?? `Showing ${rangeStart} to ${rangeEnd} of ${count} results.`}\n    </T>\n  )\n})\n\nPaginationResults.displayName = 'PaginationResults'\n\nexport default PaginationResults\n"],"mappings":";;;;;;;;;;;;AAOA,MAAa,oBAAoB,KAAqB,OAAO,QAAQ;CACnE,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CACzC,MAAM,EAAE,OAAO,UAAU,eAAe,sBAAsB;CAC9D,MAAM,SAAS,eAAe,cAAc,sBAAsB,CAAC;AAEnE,QACE,oBAACA;EACC,WAAW,GAAG,yBAAyB,UAAU;EAC5C;EACL,MAAK;EACL,GAAI,OAAO;EACX,GAAI;EACJ,SAAQ;YAEP,YAAY,WAAW,WAAW,MAAM,SAAS,MAAM,MAAM;GAC5D;EAEN;AAEF,kBAAkB,cAAc;AAEhC,gCAAe"}

package/dist/pagination/theme.js

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

package/dist/pagination/usePagination.d.ts

@@ -1,13 +1,13 @@
 import { UsePaginationProps } from "./usePagination.types.js";
 import { PaginationItem } from "./pagination.types.js";
-import * as react948 from "react";
+import * as react362 from "react";
 
 //#region src/pagination/usePagination.d.ts
 /** Hook to manage pagination data and state in controlled or uncontrolled way. */
 declare function usePagination(props: UsePaginationProps): {
   count: number;
   items: PaginationItem[];
-  onPageChange: react948.Dispatch<react948.SetStateAction<number>>;
+  onPageChange: react362.Dispatch<react362.SetStateAction<number>>;
   page: number;
   pageCount: number;
   pageSize: number;
@@ -17,4 +17,5 @@ declare function usePagination(props: UsePaginationProps): {
 type UsePaginationReturnType = ReturnType<typeof usePagination>;
 //#endregion
 export { UsePaginationReturnType, usePagination };
+
 //# sourceMappingURL=usePagination.d.ts.map

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;EAAQ,IAAA,CAAA,CAAA,MAAA;EAAkB,SAAA,CAAA,CAAA,MAAA;;;;AAyC/D,CAAA;KAAY,uBAAA,CAAA,CAAA,CAA0B,kBAAkB"}
+{"version":3,"file":"usePagination.d.ts","names":[],"sources":["../../src/pagination/usePagination.ts"],"sourcesContent":[],"mappings":";;;;;;iBAOwB,aAAA,QAAqB;;SAAkB,cAAA;EAAvC,YAAA,mBAAa,wBAAA,CAAA,MAAA,CAAA,CAAA;EAAQ,IAAA,EAAA,MAAA;EAAkB,SAAA,EAAA,MAAA;;;;AAyC/D,CAAA;KAAY,uBAAA,GAA0B,kBAAkB"}

package/dist/pagination/usePagination.js

@@ -1,4 +1,5 @@
 import { useControlled, useIsMounted } from "../utils/react.js";
+import "../utils/index.js";
 import { getPaginationItems } from "./helpers.js";
 import { useEffect } from "react";
 
@@ -39,5 +40,5 @@ function usePagination(props) {
 
 //#endregion
 export { usePagination as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=usePagination.js.map

package/dist/pagination/usePagination.js.map

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

@@ -13,4 +13,5 @@ type UsePaginationProps = {
 };
 //#endregion
 export { UsePaginationProps };
+
 //# sourceMappingURL=usePagination.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"usePagination.types.d.ts","names":[],"sources":["../../src/pagination/usePagination.types.ts"],"sourcesContent":[],"mappings":";KAAY,kBAAA,CAAA,CAAA;EAAA,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA,CAAA,KAAA,CAAA,KAAA,CAAA,SAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"usePagination.types.d.ts","names":[],"sources":["../../src/pagination/usePagination.types.ts"],"sourcesContent":[],"mappings":";KAAY,kBAAA;EAAA"}

package/dist/panel/index.d.ts

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

package/dist/panel/index.js

@@ -0,0 +1,3 @@
+import { Panel } from "./panel.js";
+
+globalThis.__vuiVersion__ = "4.0.0-beta.1"

package/dist/panel/panel.d.ts

@@ -10,4 +10,5 @@ import "../index.js";
 declare const Panel: VuiComponent<"div", PanelProps>;
 //#endregion
 export { Panel };
+
 //# sourceMappingURL=panel.d.ts.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"panel.d.ts","names":[],"sources":["../../src/panel/panel.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AASa,cAAA,KAAK,EAAA,YAAA,CAAA,KAAA,EAAA,UAAA,CAAA"}

package/dist/panel/panel.js

@@ -1,7 +1,10 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { omitThemingProps, useStyleConfig } from "../core/theme.js";
 import { vui } from "../core/vui.js";
 import box_default from "../box/box.js";
+import "../box/index.js";
+import "../core/index.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/panel/panel.tsx
@@ -10,7 +13,7 @@ import { jsx } from "react/jsx-runtime";
 * 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 { className, ...rest } = omitThemingProps(props);
 	const styles = useStyleConfig("Panel", props);
 	return /* @__PURE__ */ jsx(box_default, {
 		bg: "white",
@@ -25,5 +28,5 @@ Panel.displayName = "Panel";
 
 //#endregion
 export { Panel };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# 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":";;;;;;;;;;;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"}
+{"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,WAAW,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

@@ -6,4 +6,5 @@ import "../box/index.js";
 type PanelProps = Omit<BoxProps, 'size' | 'variant'> & ThemingProps<'Panel'> & {};
 //#endregion
 export { PanelProps };
+
 //# sourceMappingURL=panel.types.d.ts.map

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,GAAa,KAAK,gCAAgC"}

package/dist/panel/theme.js

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

package/dist/popover/context.d.ts

@@ -1,9 +1,10 @@
 import { Dict } from "../utils/types.js";
 import "../utils/index.js";
-import * as react941 from "react";
+import * as react364 from "react";
 
 //#region src/popover/context.d.ts
-declare const PopoverProvider: react941.Provider<Dict>, usePopoverContext: () => Dict;
+declare const PopoverProvider: react364.Provider<Dict>, usePopoverContext: () => Dict;
 //#endregion
 export { PopoverProvider, usePopoverContext };
+
 //# sourceMappingURL=context.d.ts.map

package/dist/popover/context.js

@@ -1,9 +1,10 @@
 import { createContext } from "../utils/react.js";
+import "../utils/index.js";
 
 //#region src/popover/context.ts
 const [PopoverProvider, usePopoverContext] = createContext({ isOptional: true });
 
 //#endregion
 export { PopoverProvider, usePopoverContext };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=context.js.map

package/dist/popover/context.js.map

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