@veracity/vui 4.0.3 → 5.0.0-alpha.375407.2603121328

package/dist/pagination/paginationNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"paginationNavigation.js","names":[],"sources":["../../src/pagination/paginationNavigation.tsx"],"sourcesContent":["import { Fragment } from 'react'\n\nimport type { BoxProps } from '../box'\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs, isNumber, isString } from '../utils'\nimport { usePaginationContext } from './context'\nimport PaginationButton 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,oBAAC;EAAI,WAAW,GAAG,4BAA4B,UAAU;EAAE,KAAK;EAAQ;EAAK;EAAK,GAAI,OAAO;EAAY,GAAI;YAC1G,YACC,MAAM,KAAI,SACR,qBAAC;GACE,SAAS,cAAc,oBAAC;IAAmB,cAAW;IAAW,WAAU;KAAa;GAExF,SAAS,KAAK,IAAI,oBAAC,oBAAiB,MAAM,OAAQ;GAElD,SAAS,KAAK,IAAI,KAAK,SAAS,WAAW,IAAI,oBAAC,uBAAqB;GAErE,SAAS,UAAU,oBAAC;IAAmB,cAAW;IAAO,WAAU;KAAS;OAPhE,KAQJ,CACX;GACA;EAER;AAEF,qBAAqB,cAAc"}
+{"version":3,"file":"paginationNavigation.js","names":[],"sources":["../../src/pagination/paginationNavigation.tsx"],"sourcesContent":["import { Fragment } from 'react'\n\nimport type { BoxProps } from '../box'\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs, isNumber, isString } from '../utils'\nimport { usePaginationContext } from './context'\nimport PaginationButton 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,oBAAC,KAAD;EAAK,WAAW,GAAG,4BAA4B,UAAU;EAAE,KAAK;EAAQ;EAAK;EAAK,GAAI,OAAO;EAAY,GAAI;YAC1G,YACC,MAAM,KAAI,SACR,qBAAC,UAAD;GACG,SAAS,cAAc,oBAAC,oBAAD;IAAoB,cAAW;IAAW,WAAU;IAAa;GAExF,SAAS,KAAK,IAAI,oBAAC,kBAAD,EAAkB,MAAM,MAAQ;GAElD,SAAS,KAAK,IAAI,KAAK,SAAS,WAAW,IAAI,oBAAC,oBAAD,EAAsB;GAErE,SAAS,UAAU,oBAAC,oBAAD;IAAoB,cAAW;IAAO,WAAU;IAAS;GACpE,IARI,KAQJ,CACX;EACA;EAER;AAEF,qBAAqB,cAAc"}

package/dist/pagination/paginationPrevNext.d.ts

@@ -1,7 +1,5 @@
 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. */
 declare const PaginationPrevNext: VuiComponent<"button", PaginationPrevNextProps>;

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

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

package/dist/pagination/paginationPrevNext.js

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

package/dist/pagination/paginationPrevNext.js.map

@@ -1 +1 @@
-{"version":3,"file":"paginationPrevNext.js","names":[],"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,oBAAC;EACC,WAAW,GAAG,0BAA0B,UAAU;EAClD,MAAM;EACD;EACL,MAAK;EACL,SAAQ;EACR,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;GACJ;EAEJ;AAEF,mBAAmB,cAAc"}
+{"version":3,"file":"paginationPrevNext.js","names":[],"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,oBAAC,QAAD;EACE,WAAW,GAAG,0BAA0B,UAAU;EAClD,MAAM;EACD;EACL,MAAK;EACL,SAAQ;EACR,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;EACJ;EAEJ;AAEF,mBAAmB,cAAc"}

package/dist/pagination/paginationResults.d.ts

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

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

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

package/dist/pagination/paginationResults.js

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

package/dist/pagination/paginationResults.js.map

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

package/dist/pagination/theme.js

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

package/dist/pagination/usePagination.js

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

package/dist/panel/panel.d.ts

@@ -1,7 +1,5 @@
 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.

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

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

package/dist/panel/panel.js

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

package/dist/panel/panel.js.map

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

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

@@ -1,7 +1,5 @@
 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'> & {};
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"panel.types.d.ts","names":[],"sources":["../../src/panel/panel.types.ts"],"mappings":";;;;;KAGY,UAAA,GAAa,IAAA,CAAK,QAAA,wBAAgC,YAAA"}
+{"version":3,"file":"panel.types.d.ts","names":[],"sources":["../../src/panel/panel.types.ts"],"mappings":";;;KAGY,UAAA,GAAa,IAAA,CAAK,QAAA,wBAAgC,YAAA"}

package/dist/panel/theme.js

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

package/dist/popover/context.d.ts

@@ -1,5 +1,4 @@
 import { Dict } from "../utils/types.js";
-import "../utils/index.js";
 import * as react from "react";
 
 //#region src/popover/context.d.ts

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

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

package/dist/popover/context.js

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

package/dist/popover/popover.d.ts

@@ -1,8 +1,7 @@
-import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
+import { SystemProps } from "../system/system.js";
 import { BoxProps } from "../box/box.types.js";
 import { PopoverProps } from "./popover.types.js";
-import "../index.js";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/popover/popover.d.ts

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

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

package/dist/popover/popover.js

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

package/dist/popover/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","names":[],"sources":["../../src/popover/popover.tsx"],"sourcesContent":["import { FloatingNode, FloatingTree, useFloatingNodeId, useFloatingParentNodeId } from '@floating-ui/react'\n\nimport { filterUndefined, runIfFn } from '../utils'\nimport { PopoverProvider } from './context'\nimport type { PopoverProps } from './popover.types'\nimport PopoverContent from './popoverContent'\nimport PopoverTrigger from './popoverTrigger'\nimport usePopover from './usePopover'\n\n/**\n * Uses 'usePopover' hook to expose relevant data to its children parts.\n * By default, renders provided content only when popover is opened (lazy).\n */\nfunction PopoverInner(props: PopoverProps) {\n  const nodeId = useFloatingNodeId()\n  const { children, isLazy = true, ...rest } = props\n  const popoverProps = usePopover({ ...rest, nodeId })\n  const { close, isOpen, open } = popoverProps\n  const context = filterUndefined({ isLazy, ...popoverProps })\n\n  return (\n    <FloatingNode id={nodeId}>\n      <PopoverProvider value={context}>{runIfFn(children, { close, isOpen, open })}</PopoverProvider>\n    </FloatingNode>\n  )\n}\n\nexport default function Popover(props: PopoverProps) {\n  const parentId = useFloatingParentNodeId()\n\n  if (parentId === null) {\n    return (\n      <FloatingTree>\n        <PopoverInner {...props} />\n      </FloatingTree>\n    )\n  }\n\n  return <PopoverInner {...props} />\n}\n\nPopover.Content = PopoverContent\nPopover.Trigger = PopoverTrigger\nPopover.displayName = 'Popover'\n"],"mappings":";;;;;;;;;;;;;;AAaA,SAAS,aAAa,OAAqB;CACzC,MAAM,SAAS,mBAAmB;CAClC,MAAM,EAAE,UAAU,SAAS,MAAM,GAAG,SAAS;CAC7C,MAAM,eAAe,WAAW;EAAE,GAAG;EAAM;EAAQ,CAAC;CACpD,MAAM,EAAE,OAAO,QAAQ,SAAS;AAGhC,QACE,oBAAC;EAAa,IAAI;YAChB,oBAAC;GAAgB,OAJL,gBAAgB;IAAE;IAAQ,GAAG;IAAc,CAAC;aAItB,QAAQ,UAAU;IAAE;IAAO;IAAQ;IAAM,CAAC;IAAmB;GAClF;;AAInB,SAAwB,QAAQ,OAAqB;AAGnD,KAFiB,yBAAyB,KAEzB,KACf,QACE,oBAAC,0BACC,oBAAC,gBAAa,GAAI,QAAS,GACd;AAInB,QAAO,oBAAC,gBAAa,GAAI,QAAS;;AAGpC,QAAQ,UAAU;AAClB,QAAQ,UAAU;AAClB,QAAQ,cAAc"}
+{"version":3,"file":"popover.js","names":[],"sources":["../../src/popover/popover.tsx"],"sourcesContent":["import { FloatingNode, FloatingTree, useFloatingNodeId, useFloatingParentNodeId } from '@floating-ui/react'\n\nimport { filterUndefined, runIfFn } from '../utils'\nimport { PopoverProvider } from './context'\nimport type { PopoverProps } from './popover.types'\nimport PopoverContent from './popoverContent'\nimport PopoverTrigger from './popoverTrigger'\nimport usePopover from './usePopover'\n\n/**\n * Uses 'usePopover' hook to expose relevant data to its children parts.\n * By default, renders provided content only when popover is opened (lazy).\n */\nfunction PopoverInner(props: PopoverProps) {\n  const nodeId = useFloatingNodeId()\n  const { children, isLazy = true, ...rest } = props\n  const popoverProps = usePopover({ ...rest, nodeId })\n  const { close, isOpen, open } = popoverProps\n  const context = filterUndefined({ isLazy, ...popoverProps })\n\n  return (\n    <FloatingNode id={nodeId}>\n      <PopoverProvider value={context}>{runIfFn(children, { close, isOpen, open })}</PopoverProvider>\n    </FloatingNode>\n  )\n}\n\nexport default function Popover(props: PopoverProps) {\n  const parentId = useFloatingParentNodeId()\n\n  if (parentId === null) {\n    return (\n      <FloatingTree>\n        <PopoverInner {...props} />\n      </FloatingTree>\n    )\n  }\n\n  return <PopoverInner {...props} />\n}\n\nPopover.Content = PopoverContent\nPopover.Trigger = PopoverTrigger\nPopover.displayName = 'Popover'\n"],"mappings":";;;;;;;;;;;;;;AAaA,SAAS,aAAa,OAAqB;CACzC,MAAM,SAAS,mBAAmB;CAClC,MAAM,EAAE,UAAU,SAAS,MAAM,GAAG,SAAS;CAC7C,MAAM,eAAe,WAAW;EAAE,GAAG;EAAM;EAAQ,CAAC;CACpD,MAAM,EAAE,OAAO,QAAQ,SAAS;AAGhC,QACE,oBAAC,cAAD;EAAc,IAAI;YAChB,oBAAC,iBAAD;GAAiB,OAJL,gBAAgB;IAAE;IAAQ,GAAG;IAAc,CAAC;aAItB,QAAQ,UAAU;IAAE;IAAO;IAAQ;IAAM,CAAC;GAAmB;EAClF;;AAInB,SAAwB,QAAQ,OAAqB;AAGnD,KAFiB,yBAAyB,KAEzB,KACf,QACE,oBAAC,cAAD,YACE,oBAAC,cAAD,EAAc,GAAI,OAAS,GACd;AAInB,QAAO,oBAAC,cAAD,EAAc,GAAI,OAAS;;AAGpC,QAAQ,UAAU;AAClB,QAAQ,UAAU;AAClB,QAAQ,cAAc"}

package/dist/popover/popover.types.d.ts

@@ -1,9 +1,6 @@
 import { RenderProps } from "../utils/types.js";
-import "../utils/index.js";
 import { SystemProps } from "../system/system.js";
-import "../system/index.js";
 import { BoxProps } from "../box/box.types.js";
-import "../box/index.js";
 import { UsePopoverProps } from "./usePopover.types.js";
 import { UsePopoverType } from "./usePopover.js";
 

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

@@ -1 +1 @@
-{"version":3,"file":"popover.types.d.ts","names":[],"sources":["../../src/popover/popover.types.ts"],"mappings":";;;;;;;;;;KAMY,mBAAA,GAAsB,QAAA;AAAA,KAEtB,YAAA,GAAe,eAAA;8CAEzB,QAAA,GAAW,kBAAA;EAEX,MAAA;AAAA;AAAA,KAGU,kBAAA,GAAqB,WAAA;EAC/B,KAAA,EAAO,cAAA;EACP,MAAA,EAAQ,cAAA;EACR,IAAA,EAAM,cAAA;AAAA;AAAA,KAGI,mBAAA,GAAsB,WAAA"}
+{"version":3,"file":"popover.types.d.ts","names":[],"sources":["../../src/popover/popover.types.ts"],"mappings":";;;;;;;KAMY,mBAAA,GAAsB,QAAA;AAAA,KAEtB,YAAA,GAAe,eAAA;8CAEzB,QAAA,GAAW,kBAAA;EAEX,MAAA;AAAA;AAAA,KAGU,kBAAA,GAAqB,WAAA;EAC/B,KAAA,EAAO,cAAA;EACP,MAAA,EAAQ,cAAA;EACR,IAAA,EAAM,cAAA;AAAA;AAAA,KAGI,mBAAA,GAAsB,WAAA"}

package/dist/popover/popoverContent.d.ts

@@ -1,7 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { BoxProps } from "../box/box.types.js";
-import "../index.js";
-
 //#region src/popover/popoverContent.d.ts
 /** Displays provided content in an overlaying wrapper. */
 declare const PopoverContent: VuiComponent<"div", BoxProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"popoverContent.d.ts","names":[],"sources":["../../src/popover/popoverContent.tsx"],"mappings":";;;;;;cASa,cAAA,EAAc,YAAA,QAmCzB,QAAA"}
+{"version":3,"file":"popoverContent.d.ts","names":[],"sources":["../../src/popover/popoverContent.tsx"],"mappings":";;;;cASa,cAAA,EAAc,YAAA,QAmCzB,QAAA"}

package/dist/popover/popoverContent.js

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

package/dist/popover/popoverContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"popoverContent.js","names":[],"sources":["../../src/popover/popoverContent.tsx"],"sourcesContent":["import { FloatingFocusManager, FloatingPortal } from '@floating-ui/react'\n\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs, mergeRefs } from '../utils'\nimport { usePopoverContext } from './context'\nimport type { PopoverContentProps } from './popover.types'\n\n/** Displays provided content in an overlaying wrapper. */\nexport const PopoverContent = vui<'div', PopoverContentProps>((props, ref) => {\n  const { children, className, ...rest } = props\n  const popoverProps = usePopoverContext() ?? {}\n  const { context, floatingStyles, getFloatingProps, isLazy, isMounted, isOpen, setPopper, transitionStyles } =\n    popoverProps\n  const styles = useStyleConfig('Popover', { ...popoverProps, ...props })\n\n  const shouldRenderChildren = isLazy ? isOpen : true\n\n  // Use isMounted for render control - handles transition timing\n  if (!isMounted) {\n    return null\n  }\n\n  return (\n    <FloatingPortal>\n      <FloatingFocusManager context={context} modal={false}>\n        <Box\n          bg=\"white\"\n          borderRadius=\"md\"\n          boxShadow=\"2\"\n          className={cs('vui-popoverContent', className)}\n          overflowY=\"auto\"\n          ref={mergeRefs(setPopper, ref)}\n          ring={0}\n          style={{ ...floatingStyles, ...transitionStyles }}\n          {...(getFloatingProps?.() ?? {})}\n          {...styles.content}\n          {...rest}\n        >\n          {shouldRenderChildren ? children : null}\n        </Box>\n      </FloatingFocusManager>\n    </FloatingPortal>\n  )\n})\n\nPopoverContent.displayName = 'PopoverContent'\n\nexport default PopoverContent\n"],"mappings":";;;;;;;;;;;AASA,MAAa,iBAAiB,KAAiC,OAAO,QAAQ;CAC5E,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CACzC,MAAM,eAAe,mBAAmB,IAAI,EAAE;CAC9C,MAAM,EAAE,SAAS,gBAAgB,kBAAkB,QAAQ,WAAW,QAAQ,WAAW,qBACvF;CACF,MAAM,SAAS,eAAe,WAAW;EAAE,GAAG;EAAc,GAAG;EAAO,CAAC;CAEvE,MAAM,uBAAuB,SAAS,SAAS;AAG/C,KAAI,CAAC,UACH,QAAO;AAGT,QACE,oBAAC,4BACC,oBAAC;EAA8B;EAAS,OAAO;YAC7C,oBAAC;GACC,IAAG;GACH,cAAa;GACb,WAAU;GACV,WAAW,GAAG,sBAAsB,UAAU;GAC9C,WAAU;GACV,KAAK,UAAU,WAAW,IAAI;GAC9B,MAAM;GACN,OAAO;IAAE,GAAG;IAAgB,GAAG;IAAkB;GACjD,GAAK,oBAAoB,IAAI,EAAE;GAC/B,GAAI,OAAO;GACX,GAAI;aAEH,uBAAuB,WAAW;IAC/B;GACe,GACR;EAEnB;AAEF,eAAe,cAAc"}
+{"version":3,"file":"popoverContent.js","names":[],"sources":["../../src/popover/popoverContent.tsx"],"sourcesContent":["import { FloatingFocusManager, FloatingPortal } from '@floating-ui/react'\n\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs, mergeRefs } from '../utils'\nimport { usePopoverContext } from './context'\nimport type { PopoverContentProps } from './popover.types'\n\n/** Displays provided content in an overlaying wrapper. */\nexport const PopoverContent = vui<'div', PopoverContentProps>((props, ref) => {\n  const { children, className, ...rest } = props\n  const popoverProps = usePopoverContext() ?? {}\n  const { context, floatingStyles, getFloatingProps, isLazy, isMounted, isOpen, setPopper, transitionStyles } =\n    popoverProps\n  const styles = useStyleConfig('Popover', { ...popoverProps, ...props })\n\n  const shouldRenderChildren = isLazy ? isOpen : true\n\n  // Use isMounted for render control - handles transition timing\n  if (!isMounted) {\n    return null\n  }\n\n  return (\n    <FloatingPortal>\n      <FloatingFocusManager context={context} modal={false}>\n        <Box\n          bg=\"white\"\n          borderRadius=\"md\"\n          boxShadow=\"2\"\n          className={cs('vui-popoverContent', className)}\n          overflowY=\"auto\"\n          ref={mergeRefs(setPopper, ref)}\n          ring={0}\n          style={{ ...floatingStyles, ...transitionStyles }}\n          {...(getFloatingProps?.() ?? {})}\n          {...styles.content}\n          {...rest}\n        >\n          {shouldRenderChildren ? children : null}\n        </Box>\n      </FloatingFocusManager>\n    </FloatingPortal>\n  )\n})\n\nPopoverContent.displayName = 'PopoverContent'\n\nexport default PopoverContent\n"],"mappings":";;;;;;;;;;;AASA,MAAa,iBAAiB,KAAiC,OAAO,QAAQ;CAC5E,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CACzC,MAAM,eAAe,mBAAmB,IAAI,EAAE;CAC9C,MAAM,EAAE,SAAS,gBAAgB,kBAAkB,QAAQ,WAAW,QAAQ,WAAW,qBACvF;CACF,MAAM,SAAS,eAAe,WAAW;EAAE,GAAG;EAAc,GAAG;EAAO,CAAC;CAEvE,MAAM,uBAAuB,SAAS,SAAS;AAG/C,KAAI,CAAC,UACH,QAAO;AAGT,QACE,oBAAC,gBAAD,YACE,oBAAC,sBAAD;EAA+B;EAAS,OAAO;YAC7C,oBAAC,KAAD;GACE,IAAG;GACH,cAAa;GACb,WAAU;GACV,WAAW,GAAG,sBAAsB,UAAU;GAC9C,WAAU;GACV,KAAK,UAAU,WAAW,IAAI;GAC9B,MAAM;GACN,OAAO;IAAE,GAAG;IAAgB,GAAG;IAAkB;GACjD,GAAK,oBAAoB,IAAI,EAAE;GAC/B,GAAI,OAAO;GACX,GAAI;aAEH,uBAAuB,WAAW;GAC/B;EACe,GACR;EAEnB;AAEF,eAAe,cAAc"}

package/dist/popover/popoverTrigger.d.ts

@@ -1,7 +1,5 @@
-import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
-import "../index.js";
-
+import { SystemProps } from "../system/system.js";
 //#region src/popover/popoverTrigger.d.ts
 /**
  * Displays a trigger component to toggle display of the popover content.

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

@@ -1 +1 @@
-{"version":3,"file":"popoverTrigger.d.ts","names":[],"sources":["../../src/popover/popoverTrigger.tsx"],"mappings":";;;;;;;;;cAUa,cAAA,EAAc,YAAA,WA2BzB,WAAA"}
+{"version":3,"file":"popoverTrigger.d.ts","names":[],"sources":["../../src/popover/popoverTrigger.tsx"],"mappings":";;;;;;;cAUa,cAAA,EAAc,YAAA,WA2BzB,WAAA"}

package/dist/popover/popoverTrigger.js

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

package/dist/popover/popoverTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"popoverTrigger.js","names":[],"sources":["../../src/popover/popoverTrigger.tsx"],"sourcesContent":["import { useStyleConfig, v, vui } from '../core'\nimport type { MouseEvent } from '../utils'\nimport { cs, mergeRefs } from '../utils'\nimport { usePopoverContext } from './context'\nimport type { PopoverTriggerProps } from './popover.types'\n\n/**\n * Displays a trigger component to toggle display of the popover content.\n * Can be rendered as any component using the 'as' prop. By default renders as a plain button.\n */\nexport const PopoverTrigger = vui<'button', PopoverTriggerProps>((props, ref) => {\n  // @ts-expect-error TS incorrectly doesn't recognize 'as' prop\n  const { as, className, onClick: onClickProp, ...rest } = props\n  const { getReferenceProps, setReference, isOpen, ...popoverProps } = usePopoverContext() ?? {}\n  const styles = useStyleConfig('Popover', { ...popoverProps, ...props })\n\n  const Element = as || v.button\n\n  const onClick = (e: MouseEvent<HTMLButtonElement>) => {\n    // Avoids triggering parent's onClick, like when inside a ListItem\n    e.stopPropagation()\n    onClickProp?.(e)\n  }\n\n  const referenceProps = getReferenceProps?.() ?? {}\n\n  return (\n    <Element\n      isActive={isOpen}\n      className={cs('vui-popoverTrigger', className)}\n      onClick={onClick}\n      ref={mergeRefs(setReference, ref)}\n      {...referenceProps}\n      {...styles.trigger}\n      {...rest}\n    />\n  )\n})\n\nPopoverTrigger.displayName = 'PopoverTrigger'\n\nexport default PopoverTrigger\n"],"mappings":";;;;;;;;;;;;;AAUA,MAAa,iBAAiB,KAAoC,OAAO,QAAQ;CAE/E,MAAM,EAAE,IAAI,WAAW,SAAS,aAAa,GAAG,SAAS;CACzD,MAAM,EAAE,mBAAmB,cAAc,QAAQ,GAAG,iBAAiB,mBAAmB,IAAI,EAAE;CAC9F,MAAM,SAAS,eAAe,WAAW;EAAE,GAAG;EAAc,GAAG;EAAO,CAAC;CAEvE,MAAM,UAAU,MAAM,EAAE;CAExB,MAAM,WAAW,MAAqC;AAEpD,IAAE,iBAAiB;AACnB,gBAAc,EAAE;;CAGlB,MAAM,iBAAiB,qBAAqB,IAAI,EAAE;AAElD,QACE,oBAAC;EACC,UAAU;EACV,WAAW,GAAG,sBAAsB,UAAU;EACrC;EACT,KAAK,UAAU,cAAc,IAAI;EACjC,GAAI;EACJ,GAAI,OAAO;EACX,GAAI;GACJ;EAEJ;AAEF,eAAe,cAAc"}
+{"version":3,"file":"popoverTrigger.js","names":[],"sources":["../../src/popover/popoverTrigger.tsx"],"sourcesContent":["import { useStyleConfig, v, vui } from '../core'\nimport type { MouseEvent } from '../utils'\nimport { cs, mergeRefs } from '../utils'\nimport { usePopoverContext } from './context'\nimport type { PopoverTriggerProps } from './popover.types'\n\n/**\n * Displays a trigger component to toggle display of the popover content.\n * Can be rendered as any component using the 'as' prop. By default renders as a plain button.\n */\nexport const PopoverTrigger = vui<'button', PopoverTriggerProps>((props, ref) => {\n  // @ts-expect-error TS incorrectly doesn't recognize 'as' prop\n  const { as, className, onClick: onClickProp, ...rest } = props\n  const { getReferenceProps, setReference, isOpen, ...popoverProps } = usePopoverContext() ?? {}\n  const styles = useStyleConfig('Popover', { ...popoverProps, ...props })\n\n  const Element = as || v.button\n\n  const onClick = (e: MouseEvent<HTMLButtonElement>) => {\n    // Avoids triggering parent's onClick, like when inside a ListItem\n    e.stopPropagation()\n    onClickProp?.(e)\n  }\n\n  const referenceProps = getReferenceProps?.() ?? {}\n\n  return (\n    <Element\n      isActive={isOpen}\n      className={cs('vui-popoverTrigger', className)}\n      onClick={onClick}\n      ref={mergeRefs(setReference, ref)}\n      {...referenceProps}\n      {...styles.trigger}\n      {...rest}\n    />\n  )\n})\n\nPopoverTrigger.displayName = 'PopoverTrigger'\n\nexport default PopoverTrigger\n"],"mappings":";;;;;;;;;;;;;AAUA,MAAa,iBAAiB,KAAoC,OAAO,QAAQ;CAE/E,MAAM,EAAE,IAAI,WAAW,SAAS,aAAa,GAAG,SAAS;CACzD,MAAM,EAAE,mBAAmB,cAAc,QAAQ,GAAG,iBAAiB,mBAAmB,IAAI,EAAE;CAC9F,MAAM,SAAS,eAAe,WAAW;EAAE,GAAG;EAAc,GAAG;EAAO,CAAC;CAEvE,MAAM,UAAU,MAAM,EAAE;CAExB,MAAM,WAAW,MAAqC;AAEpD,IAAE,iBAAiB;AACnB,gBAAc,EAAE;;CAGlB,MAAM,iBAAiB,qBAAqB,IAAI,EAAE;AAElD,QACE,oBAAC,SAAD;EACE,UAAU;EACV,WAAW,GAAG,sBAAsB,UAAU;EACrC;EACT,KAAK,UAAU,cAAc,IAAI;EACjC,GAAI;EACJ,GAAI,OAAO;EACX,GAAI;EACJ;EAEJ;AAEF,eAAe,cAAc"}

package/dist/popover/theme.js

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

package/dist/popover/usePopover.js

@@ -95,5 +95,5 @@ function usePopover(props = {}) {
 
 //#endregion
 export { usePopover as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=usePopover.js.map

package/dist/popover/usePopover.types.d.ts

@@ -1,5 +1,4 @@
 import { AnyString } from "../utils/types.js";
-import "../utils/index.js";
 import { Placement as Placement$1 } from "@floating-ui/react";
 
 //#region src/popover/usePopover.types.d.ts

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

@@ -1 +1 @@
-{"version":3,"file":"usePopover.types.d.ts","names":[],"sources":["../../src/popover/usePopover.types.ts"],"mappings":";;;;;KAIY,cAAA;AAAA,KAEA,eAAA;oFAEV,WAAA,YAJwB;EAMxB,UAAA,YANwB;EAQxB,aAAA,YANU;EAQV,IAAA;EAEA,MAAA,YAYU;EAVV,UAAA,YAUoC;EARpC,MAAA,qBAZA;EAcA,OAAA,eAVA;EAYA,MAAA,eARA;EAUA,SAAA,GAAY,WAAA,EANZ;EAQA,OAAA,GAAU,cAAA,GAAiB,SAAA;AAAA"}
+{"version":3,"file":"usePopover.types.d.ts","names":[],"sources":["../../src/popover/usePopover.types.ts"],"mappings":";;;;KAIY,cAAA;AAAA,KAEA,eAAA;oFAEV,WAAA,YAJwB;EAMxB,UAAA,YANwB;EAQxB,aAAA,YANU;EAQV,IAAA;EAEA,MAAA,YAYU;EAVV,UAAA,YAUoC;EARpC,MAAA,qBAZA;EAcA,OAAA,eAVA;EAYA,MAAA,eARA;EAUA,SAAA,GAAY,WAAA,EANZ;EAQA,OAAA,GAAU,cAAA,GAAiB,SAAA;AAAA"}

package/dist/portal/portal.js

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

package/dist/portal/portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"portal.js","names":[],"sources":["../../src/portal/portal.tsx"],"sourcesContent":["import type { FC } from 'react'\nimport { useEffect, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport type { ChildrenProp } from '../core/types'\nimport type { PortalProps } from './portal.types'\n\n/** Provided children are portaled to document.body or custom container. */\nexport const Portal: FC<PortalProps & ChildrenProp> = props => {\n  const { children, containerRef, disablePortal } = props\n  const [mountNode, setMountNode] = useState<HTMLElement>()\n\n  useEffect(() => {\n    if (!disablePortal) {\n      setMountNode(containerRef?.current ?? document.body)\n    }\n  }, [disablePortal])\n\n  if (disablePortal) return <>{children}</>\n\n  return mountNode ? createPortal(children, mountNode) : <>{mountNode}</>\n}\n\nPortal.displayName = 'Portal'\n\nexport default Portal\n"],"mappings":";;;;;;AAQA,MAAa,UAAyC,UAAS;CAC7D,MAAM,EAAE,UAAU,cAAc,kBAAkB;CAClD,MAAM,CAAC,WAAW,gBAAgB,UAAuB;AAEzD,iBAAgB;AACd,MAAI,CAAC,cACH,cAAa,cAAc,WAAW,SAAS,KAAK;IAErD,CAAC,cAAc,CAAC;AAEnB,KAAI,cAAe,QAAO,kCAAG,WAAY;AAEzC,QAAO,YAAY,aAAa,UAAU,UAAU,GAAG,4CAAG,YAAa;;AAGzE,OAAO,cAAc"}
+{"version":3,"file":"portal.js","names":[],"sources":["../../src/portal/portal.tsx"],"sourcesContent":["import type { FC } from 'react'\nimport { useEffect, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport type { ChildrenProp } from '../core/types'\nimport type { PortalProps } from './portal.types'\n\n/** Provided children are portaled to document.body or custom container. */\nexport const Portal: FC<PortalProps & ChildrenProp> = props => {\n  const { children, containerRef, disablePortal } = props\n  const [mountNode, setMountNode] = useState<HTMLElement>()\n\n  useEffect(() => {\n    if (!disablePortal) {\n      setMountNode(containerRef?.current ?? document.body)\n    }\n  }, [disablePortal])\n\n  if (disablePortal) return <>{children}</>\n\n  return mountNode ? createPortal(children, mountNode) : <>{mountNode}</>\n}\n\nPortal.displayName = 'Portal'\n\nexport default Portal\n"],"mappings":";;;;;;AAQA,MAAa,UAAyC,UAAS;CAC7D,MAAM,EAAE,UAAU,cAAc,kBAAkB;CAClD,MAAM,CAAC,WAAW,gBAAgB,UAAuB;AAEzD,iBAAgB;AACd,MAAI,CAAC,cACH,cAAa,cAAc,WAAW,SAAS,KAAK;IAErD,CAAC,cAAc,CAAC;AAEnB,KAAI,cAAe,QAAO,kCAAG,UAAY;AAEzC,QAAO,YAAY,aAAa,UAAU,UAAU,GAAG,4CAAG,WAAa;;AAGzE,OAAO,cAAc"}

package/dist/progress/progress.d.ts

@@ -1,11 +1,10 @@
-import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { ProgressProps } from "./progress.types.js";
-import "../index.js";
 import * as styled_components0 from "styled-components";
+import * as styled_components_dist_types0 from "styled-components/dist/types";
 
 //#region src/progress/progress.d.ts
-declare const ProgressBase: styled_components0.StyledComponent<"div", styled_components0.DefaultTheme, SystemProps, never>;
+declare const ProgressBase: styled_components_dist_types0.IStyledComponentBase<"web", styled_components0.FastOmit<any, never>> & string;
 /** Indicates a process progress. */
 declare const Progress: VuiComponent<"div", ProgressProps>;
 //#endregion

package/dist/progress/progress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progress.d.ts","names":[],"sources":["../../src/progress/progress.tsx"],"mappings":";;;;;;;cAOa,YAAA,EAAY,kBAAA,CAAA,eAAA,QAGxB,kBAAA,CAHwB,YAAA,EAAA,WAAA;;cASZ,QAAA,EAAQ,YAAA,QAAA,aAAA"}
+{"version":3,"file":"progress.d.ts","names":[],"sources":["../../src/progress/progress.tsx"],"mappings":";;;;;;cAOa,YAAA,EAAY,6BAAA,CAAA,oBAAA,QAGxB,kBAAA,CAHwB,QAAA;;cASZ,QAAA,EAAQ,YAAA,QAAA,aAAA"}

package/dist/progress/progress.js

@@ -52,5 +52,5 @@ Progress.displayName = "Progress";
 
 //#endregion
 export { ProgressBase, Progress as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=progress.js.map

package/dist/progress/progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress.js","names":[],"sources":["../../src/progress/progress.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport { Box } from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport type { ProgressProps } from './progress.types'\n\nexport const ProgressBase = styled.divBox`\n  display: flex;\n  width: 100%;\n`\n\nconst minPercentageDisplay = 3\nconst maxValue = 100\n\n/** Indicates a process progress. */\nexport const Progress = vui<'div', ProgressProps>((props, ref) => {\n  const { className, value = 0, showPercentage, ...rest } = props\n\n  const [width, setWidth] = useState(0)\n\n  const styles = useStyleConfig('Progress', props)\n\n  useEffect(() => {\n    const w = !value ? 0 : Math.ceil(value)\n    setWidth(w > maxValue ? maxValue : w)\n  }, [value])\n\n  const bg = rest.bg || styles.bg\n  const color = rest.color || styles.color\n\n  return (\n    <ProgressBase\n      className={cs('vui-progress', className)}\n      ref={ref}\n      {...styles.container}\n      {...rest}\n      bg={bg}\n      borderRadius=\"sm\"\n      h={1}\n    >\n      <Box\n        bg={color}\n        borderRadius=\"sm\"\n        position=\"relative\"\n        textAlign=\"right\"\n        transition=\"width 0.4s ease-in-out;\"\n        w={`${width}%`}\n      >\n        {showPercentage && value >= minPercentageDisplay && (\n          <Box {...styles.percentage} position=\"absolute\" right=\"0\">{`${width}%`}</Box>\n        )}\n      </Box>\n    </ProgressBase>\n  )\n})\n\nProgress.displayName = 'Progress'\nexport default Progress\n"],"mappings":";;;;;;;;;AAOA,MAAa,eAAe,OAAO,MAAM;;;;AAKzC,MAAM,uBAAuB;AAC7B,MAAM,WAAW;;AAGjB,MAAa,WAAW,KAA2B,OAAO,QAAQ;CAChE,MAAM,EAAE,WAAW,QAAQ,GAAG,gBAAgB,GAAG,SAAS;CAE1D,MAAM,CAAC,OAAO,YAAY,SAAS,EAAE;CAErC,MAAM,SAAS,eAAe,YAAY,MAAM;AAEhD,iBAAgB;EACd,MAAM,IAAI,CAAC,QAAQ,IAAI,KAAK,KAAK,MAAM;AACvC,WAAS,IAAI,WAAW,WAAW,EAAE;IACpC,CAAC,MAAM,CAAC;CAEX,MAAM,KAAK,KAAK,MAAM,OAAO;CAC7B,MAAM,QAAQ,KAAK,SAAS,OAAO;AAEnC,QACE,oBAAC;EACC,WAAW,GAAG,gBAAgB,UAAU;EACnC;EACL,GAAI,OAAO;EACX,GAAI;EACA;EACJ,cAAa;EACb,GAAG;YAEH,oBAAC;GACC,IAAI;GACJ,cAAa;GACb,UAAS;GACT,WAAU;GACV,YAAW;GACX,GAAG,GAAG,MAAM;aAEX,kBAAkB,SAAS,wBAC1B,oBAAC;IAAI,GAAI,OAAO;IAAY,UAAS;IAAW,OAAM;cAAK,GAAG,MAAM;KAAS;IAE3E;GACO;EAEjB;AAEF,SAAS,cAAc"}
+{"version":3,"file":"progress.js","names":[],"sources":["../../src/progress/progress.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport { Box } from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport type { ProgressProps } from './progress.types'\n\nexport const ProgressBase = styled.divBox`\n  display: flex;\n  width: 100%;\n`\n\nconst minPercentageDisplay = 3\nconst maxValue = 100\n\n/** Indicates a process progress. */\nexport const Progress = vui<'div', ProgressProps>((props, ref) => {\n  const { className, value = 0, showPercentage, ...rest } = props\n\n  const [width, setWidth] = useState(0)\n\n  const styles = useStyleConfig('Progress', props)\n\n  useEffect(() => {\n    const w = !value ? 0 : Math.ceil(value)\n    setWidth(w > maxValue ? maxValue : w)\n  }, [value])\n\n  const bg = rest.bg || styles.bg\n  const color = rest.color || styles.color\n\n  return (\n    <ProgressBase\n      className={cs('vui-progress', className)}\n      ref={ref}\n      {...styles.container}\n      {...rest}\n      bg={bg}\n      borderRadius=\"sm\"\n      h={1}\n    >\n      <Box\n        bg={color}\n        borderRadius=\"sm\"\n        position=\"relative\"\n        textAlign=\"right\"\n        transition=\"width 0.4s ease-in-out;\"\n        w={`${width}%`}\n      >\n        {showPercentage && value >= minPercentageDisplay && (\n          <Box {...styles.percentage} position=\"absolute\" right=\"0\">{`${width}%`}</Box>\n        )}\n      </Box>\n    </ProgressBase>\n  )\n})\n\nProgress.displayName = 'Progress'\nexport default Progress\n"],"mappings":";;;;;;;;;AAOA,MAAa,eAAe,OAAO,MAAM;;;;AAKzC,MAAM,uBAAuB;AAC7B,MAAM,WAAW;;AAGjB,MAAa,WAAW,KAA2B,OAAO,QAAQ;CAChE,MAAM,EAAE,WAAW,QAAQ,GAAG,gBAAgB,GAAG,SAAS;CAE1D,MAAM,CAAC,OAAO,YAAY,SAAS,EAAE;CAErC,MAAM,SAAS,eAAe,YAAY,MAAM;AAEhD,iBAAgB;EACd,MAAM,IAAI,CAAC,QAAQ,IAAI,KAAK,KAAK,MAAM;AACvC,WAAS,IAAI,WAAW,WAAW,EAAE;IACpC,CAAC,MAAM,CAAC;CAEX,MAAM,KAAK,KAAK,MAAM,OAAO;CAC7B,MAAM,QAAQ,KAAK,SAAS,OAAO;AAEnC,QACE,oBAAC,cAAD;EACE,WAAW,GAAG,gBAAgB,UAAU;EACnC;EACL,GAAI,OAAO;EACX,GAAI;EACA;EACJ,cAAa;EACb,GAAG;YAEH,oBAAC,KAAD;GACE,IAAI;GACJ,cAAa;GACb,UAAS;GACT,WAAU;GACV,YAAW;GACX,GAAG,GAAG,MAAM;aAEX,kBAAkB,SAAS,wBAC1B,oBAAC,KAAD;IAAK,GAAI,OAAO;IAAY,UAAS;IAAW,OAAM;cAAK,GAAG,MAAM;IAAS;GAE3E;EACO;EAEjB;AAEF,SAAS,cAAc"}

package/dist/progress/progress.types.d.ts

@@ -1,7 +1,5 @@
 import { ThemingProps } from "../theme/types.js";
 import { SystemProps } from "../system/system.js";
-import "../system/index.js";
-
 //#region src/progress/progress.types.d.ts
 type ProgressProps = SystemProps & ThemingProps<'Progress'> & {
   value?: number;

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

@@ -1 +1 @@
-{"version":3,"file":"progress.types.d.ts","names":[],"sources":["../../src/progress/progress.types.ts"],"mappings":";;;;;KAGY,aAAA,GAAgB,WAAA,GAC1B,YAAA;EACE,KAAA;EACA,cAAA;AAAA"}
+{"version":3,"file":"progress.types.d.ts","names":[],"sources":["../../src/progress/progress.types.ts"],"mappings":";;;KAGY,aAAA,GAAgB,WAAA,GAC1B,YAAA;EACE,KAAA;EACA,cAAA;AAAA"}

package/dist/progress/theme.js

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

package/dist/progressCircular/consts.js

@@ -8,10 +8,8 @@ const absCenterStyles = {
 	justifyContent: "center",
 	zIndex: 100
 };
-const labelBottom = -16;
-const maxValue = 100;
 
 //#endregion
-export { absCenterStyles, labelBottom, maxValue };
-globalThis.__vuiVersion__ = "4.0.3"
+export { absCenterStyles };
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=consts.js.map

package/dist/progressCircular/consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"consts.js","names":[],"sources":["../../src/progressCircular/consts.ts"],"sourcesContent":["export const absCenterStyles = {\n  position: 'absolute',\n  w: '100%',\n  left: 0,\n  right: 0,\n  alignItems: 'center',\n  justifyContent: 'center',\n  zIndex: 100,\n}\n\nexport const labelBottom = -16\n\nexport const maxValue = 100\n"],"mappings":";AAAA,MAAa,kBAAkB;CAC7B,UAAU;CACV,GAAG;CACH,MAAM;CACN,OAAO;CACP,YAAY;CACZ,gBAAgB;CAChB,QAAQ;CACT;AAED,MAAa,cAAc;AAE3B,MAAa,WAAW"}
+{"version":3,"file":"consts.js","names":[],"sources":["../../src/progressCircular/consts.ts"],"sourcesContent":["export const absCenterStyles = {\n  position: 'absolute',\n  w: '100%',\n  left: 0,\n  right: 0,\n  alignItems: 'center',\n  justifyContent: 'center',\n  zIndex: 100,\n}\n\nexport const labelBottom = -16\n\nexport const maxValue = 100\n"],"mappings":";AAAA,MAAa,kBAAkB;CAC7B,UAAU;CACV,GAAG;CACH,MAAM;CACN,OAAO;CACP,YAAY;CACZ,gBAAgB;CAChB,QAAQ;CACT"}

package/dist/progressCircular/progressCircular.d.ts

@@ -1,11 +1,10 @@
-import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { ProgressCircularProps } from "./progressCircular.types.js";
-import "../index.js";
 import * as styled_components0 from "styled-components";
+import * as styled_components_dist_types0 from "styled-components/dist/types";
 
 //#region src/progressCircular/progressCircular.d.ts
-declare const ProgressCircularBase: styled_components0.StyledComponent<"div", styled_components0.DefaultTheme, SystemProps, never>;
+declare const ProgressCircularBase: styled_components_dist_types0.IStyledComponentBase<"web", styled_components0.FastOmit<any, never>> & string;
 /** Indicates a process progress. */
 declare const ProgressCircular: VuiComponent<"div", ProgressCircularProps>;
 //#endregion

package/dist/progressCircular/progressCircular.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progressCircular.d.ts","names":[],"sources":["../../src/progressCircular/progressCircular.tsx"],"mappings":";;;;;;;cAUa,oBAAA,EAAoB,kBAAA,CAAA,eAAA,QAIhC,kBAAA,CAJgC,YAAA,EAAA,WAAA;;cAgBpB,gBAAA,EAAgB,YAAA,QAAA,qBAAA"}
+{"version":3,"file":"progressCircular.d.ts","names":[],"sources":["../../src/progressCircular/progressCircular.tsx"],"mappings":";;;;;;cAUa,oBAAA,EAAoB,6BAAA,CAAA,oBAAA,QAIhC,kBAAA,CAJgC,QAAA;;cAgBpB,gBAAA,EAAgB,YAAA,QAAA,qBAAA"}

package/dist/progressCircular/progressCircular.js

@@ -4,7 +4,7 @@ import styled from "../core/styled.js";
 import vui from "../core/vui.js";
 import Box from "../box/box.js";
 import T from "../t/t.js";
-import { absCenterStyles, labelBottom, maxValue } from "./consts.js";
+import { absCenterStyles } from "./consts.js";
 import { useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -32,11 +32,11 @@ const ProgressCircular = vui((props, ref) => {
 	}, [value]);
 	useEffect(() => {
 		const w = !value ? 0 : Math.ceil(value);
-		setProgress(w > maxValue ? maxValue : w);
+		setProgress(w > 100 ? 100 : w);
 	}, [value]);
-	const radius = maxValue / 2 - styles.strokeWidth * 2;
+	const radius = 100 / 2 - styles.strokeWidth * 2;
 	const angle = radius * 2 * Math.PI;
-	const offset = angle - progress / maxValue * angle;
+	const offset = angle - progress / 100 * angle;
 	return /* @__PURE__ */ jsxs(ProgressCircularBase, {
 		className: cs("vui-progress-circular", className),
 		ref,
@@ -44,7 +44,7 @@ const ProgressCircular = vui((props, ref) => {
 		...rest,
 		children: [
 			/* @__PURE__ */ jsxs("svg", {
-				"aria-valuemax": maxValue,
+				"aria-valuemax": 100,
 				"aria-valuemin": 0,
 				"aria-valuenow": progress,
 				height: styles.width,
@@ -80,7 +80,7 @@ const ProgressCircular = vui((props, ref) => {
 			}),
 			!!label && /* @__PURE__ */ jsx(Box, {
 				...absCenterStyles,
-				bottom: labelBottom,
+				bottom: -16,
 				children: /* @__PURE__ */ jsx(T, {
 					color: styles.color,
 					fontSize: styles.fontSize,
@@ -94,5 +94,5 @@ ProgressCircular.displayName = "ProgressCircular";
 
 //#endregion
 export { ProgressCircularBase, ProgressCircular as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=progressCircular.js.map

package/dist/progressCircular/progressCircular.js.map

@@ -1 +1 @@
-{"version":3,"file":"progressCircular.js","names":[],"sources":["../../src/progressCircular/progressCircular.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport type { BoxProps } from '../box'\nimport { Box } from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { T } from '../t'\nimport { cs } from '../utils'\nimport { absCenterStyles, labelBottom, maxValue } from './consts'\nimport type { ProgressCircularProps } from './progressCircular.types'\n\nexport const ProgressCircularBase = styled.divBox`\n  display: flex;\n  position: relative;\n  width: 100%;\n`\nconst MainCircle = styled.circle`\n  fill: transparent;\n`\n\nconst ProgressCircle = styled(MainCircle)`\n  transform: rotate(-90deg);\n  transform-origin: 50% 50%;\n  transition: stroke-dashoffset 0.5s ease-out;\n`\n\n/** Indicates a process progress. */\nexport const ProgressCircular = vui<'div', ProgressCircularProps>((props, ref) => {\n  const { children, className, label, value = 0, showPercentage, ...rest } = props\n\n  const styles = useStyleConfig('ProgressCircular', props)\n\n  const [progress, setProgress] = useState(value)\n\n  useEffect(() => {\n    setProgress(value ? Math.ceil(value) : 0)\n  }, [value])\n\n  useEffect(() => {\n    const w = !value ? 0 : Math.ceil(value)\n    setProgress(w > maxValue ? maxValue : w)\n  }, [value])\n\n  const radius = maxValue / 2 - styles.strokeWidth * 2\n  const angle = radius * 2 * Math.PI\n  const offset = angle - (progress / maxValue) * angle\n\n  return (\n    <ProgressCircularBase className={cs('vui-progress-circular', className)} ref={ref} w={styles.width} {...rest}>\n      <svg\n        aria-valuemax={maxValue}\n        aria-valuemin={0}\n        aria-valuenow={progress}\n        height={styles.width}\n        role=\"meter\"\n        version=\"1.1\"\n        viewBox=\"0 0 100 100\"\n        width={styles.width}\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <MainCircle cx=\"50\" cy=\"50\" r={radius} stroke={styles.stroke.main} strokeWidth={styles.strokeWidth} />\n        <ProgressCircle\n          cx=\"50\"\n          cy=\"50\"\n          r={radius}\n          stroke={styles.stroke.progress}\n          strokeDasharray={`${angle} ${angle}`}\n          strokeDashoffset={offset}\n          strokeWidth={styles.strokeWidth}\n        />\n      </svg>\n      <Box {...(absCenterStyles as BoxProps)} top={styles.top}>\n        {children ? (\n          children\n        ) : showPercentage ? (\n          <T color={styles.color} fontSize={styles.fontSize}>\n            {progress}%\n          </T>\n        ) : null}\n      </Box>\n      {!!label && (\n        <Box {...(absCenterStyles as BoxProps)} bottom={labelBottom}>\n          <T color={styles.color} fontSize={styles.fontSize}>\n            {label}\n          </T>\n        </Box>\n      )}\n    </ProgressCircularBase>\n  )\n})\n\nProgressCircular.displayName = 'ProgressCircular'\nexport default ProgressCircular\n"],"mappings":";;;;;;;;;;;AAUA,MAAa,uBAAuB,OAAO,MAAM;;;;;AAKjD,MAAM,aAAa,OAAO,MAAM;;;AAIhC,MAAM,iBAAiB,OAAO,WAAW;;;;;;AAOzC,MAAa,mBAAmB,KAAmC,OAAO,QAAQ;CAChF,MAAM,EAAE,UAAU,WAAW,OAAO,QAAQ,GAAG,gBAAgB,GAAG,SAAS;CAE3E,MAAM,SAAS,eAAe,oBAAoB,MAAM;CAExD,MAAM,CAAC,UAAU,eAAe,SAAS,MAAM;AAE/C,iBAAgB;AACd,cAAY,QAAQ,KAAK,KAAK,MAAM,GAAG,EAAE;IACxC,CAAC,MAAM,CAAC;AAEX,iBAAgB;EACd,MAAM,IAAI,CAAC,QAAQ,IAAI,KAAK,KAAK,MAAM;AACvC,cAAY,IAAI,WAAW,WAAW,EAAE;IACvC,CAAC,MAAM,CAAC;CAEX,MAAM,SAAS,WAAW,IAAI,OAAO,cAAc;CACnD,MAAM,QAAQ,SAAS,IAAI,KAAK;CAChC,MAAM,SAAS,QAAS,WAAW,WAAY;AAE/C,QACE,qBAAC;EAAqB,WAAW,GAAG,yBAAyB,UAAU;EAAO;EAAK,GAAG,OAAO;EAAO,GAAI;;GACtG,qBAAC;IACC,iBAAe;IACf,iBAAe;IACf,iBAAe;IACf,QAAQ,OAAO;IACf,MAAK;IACL,SAAQ;IACR,SAAQ;IACR,OAAO,OAAO;IACd,OAAM;eAEN,oBAAC;KAAW,IAAG;KAAK,IAAG;KAAK,GAAG;KAAQ,QAAQ,OAAO,OAAO;KAAM,aAAa,OAAO;MAAe,EACtG,oBAAC;KACC,IAAG;KACH,IAAG;KACH,GAAG;KACH,QAAQ,OAAO,OAAO;KACtB,iBAAiB,GAAG,MAAM,GAAG;KAC7B,kBAAkB;KAClB,aAAa,OAAO;MACpB;KACE;GACN,oBAAC;IAAI,GAAK;IAA8B,KAAK,OAAO;cACjD,WACC,WACE,iBACF,qBAAC;KAAE,OAAO,OAAO;KAAO,UAAU,OAAO;gBACtC,UAAS;MACR,GACF;KACA;GACL,CAAC,CAAC,SACD,oBAAC;IAAI,GAAK;IAA8B,QAAQ;cAC9C,oBAAC;KAAE,OAAO,OAAO;KAAO,UAAU,OAAO;eACtC;MACC;KACA;;GAEa;EAEzB;AAEF,iBAAiB,cAAc"}
+{"version":3,"file":"progressCircular.js","names":[],"sources":["../../src/progressCircular/progressCircular.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport type { BoxProps } from '../box'\nimport { Box } from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { T } from '../t'\nimport { cs } from '../utils'\nimport { absCenterStyles, labelBottom, maxValue } from './consts'\nimport type { ProgressCircularProps } from './progressCircular.types'\n\nexport const ProgressCircularBase = styled.divBox`\n  display: flex;\n  position: relative;\n  width: 100%;\n`\nconst MainCircle = styled.circle`\n  fill: transparent;\n`\n\nconst ProgressCircle = styled(MainCircle)`\n  transform: rotate(-90deg);\n  transform-origin: 50% 50%;\n  transition: stroke-dashoffset 0.5s ease-out;\n`\n\n/** Indicates a process progress. */\nexport const ProgressCircular = vui<'div', ProgressCircularProps>((props, ref) => {\n  const { children, className, label, value = 0, showPercentage, ...rest } = props\n\n  const styles = useStyleConfig('ProgressCircular', props)\n\n  const [progress, setProgress] = useState(value)\n\n  useEffect(() => {\n    setProgress(value ? Math.ceil(value) : 0)\n  }, [value])\n\n  useEffect(() => {\n    const w = !value ? 0 : Math.ceil(value)\n    setProgress(w > maxValue ? maxValue : w)\n  }, [value])\n\n  const radius = maxValue / 2 - styles.strokeWidth * 2\n  const angle = radius * 2 * Math.PI\n  const offset = angle - (progress / maxValue) * angle\n\n  return (\n    <ProgressCircularBase className={cs('vui-progress-circular', className)} ref={ref} w={styles.width} {...rest}>\n      <svg\n        aria-valuemax={maxValue}\n        aria-valuemin={0}\n        aria-valuenow={progress}\n        height={styles.width}\n        role=\"meter\"\n        version=\"1.1\"\n        viewBox=\"0 0 100 100\"\n        width={styles.width}\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <MainCircle cx=\"50\" cy=\"50\" r={radius} stroke={styles.stroke.main} strokeWidth={styles.strokeWidth} />\n        <ProgressCircle\n          cx=\"50\"\n          cy=\"50\"\n          r={radius}\n          stroke={styles.stroke.progress}\n          strokeDasharray={`${angle} ${angle}`}\n          strokeDashoffset={offset}\n          strokeWidth={styles.strokeWidth}\n        />\n      </svg>\n      <Box {...(absCenterStyles as BoxProps)} top={styles.top}>\n        {children ? (\n          children\n        ) : showPercentage ? (\n          <T color={styles.color} fontSize={styles.fontSize}>\n            {progress}%\n          </T>\n        ) : null}\n      </Box>\n      {!!label && (\n        <Box {...(absCenterStyles as BoxProps)} bottom={labelBottom}>\n          <T color={styles.color} fontSize={styles.fontSize}>\n            {label}\n          </T>\n        </Box>\n      )}\n    </ProgressCircularBase>\n  )\n})\n\nProgressCircular.displayName = 'ProgressCircular'\nexport default ProgressCircular\n"],"mappings":";;;;;;;;;;;AAUA,MAAa,uBAAuB,OAAO,MAAM;;;;;AAKjD,MAAM,aAAa,OAAO,MAAM;;;AAIhC,MAAM,iBAAiB,OAAO,WAAW;;;;;;AAOzC,MAAa,mBAAmB,KAAmC,OAAO,QAAQ;CAChF,MAAM,EAAE,UAAU,WAAW,OAAO,QAAQ,GAAG,gBAAgB,GAAG,SAAS;CAE3E,MAAM,SAAS,eAAe,oBAAoB,MAAM;CAExD,MAAM,CAAC,UAAU,eAAe,SAAS,MAAM;AAE/C,iBAAgB;AACd,cAAY,QAAQ,KAAK,KAAK,MAAM,GAAG,EAAE;IACxC,CAAC,MAAM,CAAC;AAEX,iBAAgB;EACd,MAAM,IAAI,CAAC,QAAQ,IAAI,KAAK,KAAK,MAAM;AACvC,cAAY,gBAA0B,EAAE;IACvC,CAAC,MAAM,CAAC;CAEX,MAAM,eAAoB,IAAI,OAAO,cAAc;CACnD,MAAM,QAAQ,SAAS,IAAI,KAAK;CAChC,MAAM,SAAS,QAAS,iBAAuB;AAE/C,QACE,qBAAC,sBAAD;EAAsB,WAAW,GAAG,yBAAyB,UAAU;EAAO;EAAK,GAAG,OAAO;EAAO,GAAI;YAAxG;GACE,qBAAC,OAAD;IACE;IACA,iBAAe;IACf,iBAAe;IACf,QAAQ,OAAO;IACf,MAAK;IACL,SAAQ;IACR,SAAQ;IACR,OAAO,OAAO;IACd,OAAM;cATR,CAWE,oBAAC,YAAD;KAAY,IAAG;KAAK,IAAG;KAAK,GAAG;KAAQ,QAAQ,OAAO,OAAO;KAAM,aAAa,OAAO;KAAe,GACtG,oBAAC,gBAAD;KACE,IAAG;KACH,IAAG;KACH,GAAG;KACH,QAAQ,OAAO,OAAO;KACtB,iBAAiB,GAAG,MAAM,GAAG;KAC7B,kBAAkB;KAClB,aAAa,OAAO;KACpB,EACE;;GACN,oBAAC,KAAD;IAAK,GAAK;IAA8B,KAAK,OAAO;cACjD,WACC,WACE,iBACF,qBAAC,GAAD;KAAG,OAAO,OAAO;KAAO,UAAU,OAAO;eAAzC,CACG,UAAS,IACR;SACF;IACA;GACL,CAAC,CAAC,SACD,oBAAC,KAAD;IAAK,GAAK;IAA8B;cACtC,oBAAC,GAAD;KAAG,OAAO,OAAO;KAAO,UAAU,OAAO;eACtC;KACC;IACA;GAEa;;EAEzB;AAEF,iBAAiB,cAAc"}

package/dist/progressCircular/progressCircular.types.d.ts

@@ -1,7 +1,5 @@
 import { ThemingProps } from "../theme/types.js";
 import { SystemProps } from "../system/system.js";
-import "../system/index.js";
-
 //#region src/progressCircular/progressCircular.types.d.ts
 type ProgressCircularProps = SystemProps & ThemingProps<'ProgressCircular'> & {
   label?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"progressCircular.types.d.ts","names":[],"sources":["../../src/progressCircular/progressCircular.types.ts"],"mappings":";;;;;KAGY,qBAAA,GAAwB,WAAA,GAClC,YAAA;EACE,KAAA;EACA,KAAA;EACA,cAAA;AAAA"}
+{"version":3,"file":"progressCircular.types.d.ts","names":[],"sources":["../../src/progressCircular/progressCircular.types.ts"],"mappings":";;;KAGY,qBAAA,GAAwB,WAAA,GAClC,YAAA;EACE,KAAA;EACA,KAAA;EACA,cAAA;AAAA"}

package/dist/progressCircular/theme.js

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