@veracity/vui 5.2.2 → 5.2.3-alpha.400759.2606230846

package/dist/pagination/paginationButtons.js.map

@@ -1 +1 @@
-{"version":3,"file":"paginationButtons.js","names":[],"sources":["../../src/pagination/paginationButtons.tsx"],"sourcesContent":["import type { BoxProps } from '../box'\nimport Box from '../box'\nimport Button from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { usePaginationContext } from './context'\nimport type { PaginationButtonProps, PaginationPrevNextProps } from './pagination.types'\n\n/** Displays a page navigation button within the Pagination. */\nexport const PaginationButton = vui<'button', PaginationButtonProps>((props, ref) => {\n  const { className, page: pageProp, ...rest } = props\n  const { onPageChange, page: currentPage } = usePaginationContext()\n  const styles = useStyleConfig('Pagination', usePaginationContext())\n\n  const isActive = pageProp === currentPage\n\n  return (\n    <Button\n      className={cs('vui-paginationButton', className)}\n      onClick={() => onPageChange(pageProp)}\n      ref={ref}\n      text={pageProp}\n      isActive={isActive}\n      {...styles.button}\n      {...rest}\n    />\n  )\n})\n\nPaginationButton.displayName = 'PaginationButton'\n\n// ---------------------------------------------------------------------------\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'\n\n// ---------------------------------------------------------------------------\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: `uiAngle${isPrev ? 'Left' : 'Right'}`,\n    onClick: () => onPageChange(page + pageChange),\n  }\n  return (\n    <Button\n      className={cs('vui-paginationPrevNext', className)}\n      minW={0}\n      ref={ref}\n      {...styles.prevNext}\n      {...directionProps}\n      {...rest}\n    />\n  )\n})\n\nPaginationPrevNext.displayName = 'PaginationPrevNext'\n"],"mappings":";;;;;;;;;;AASA,MAAa,mBAAmB,KAAsC,OAAO,QAAQ;CACnF,MAAM,EAAE,WAAW,MAAM,UAAU,GAAG,SAAS;CAC/C,MAAM,EAAE,cAAc,MAAM,gBAAgB,qBAAqB;CACjE,MAAM,SAAS,eAAe,cAAc,qBAAqB,CAAC;CAElE,MAAM,WAAW,aAAa;CAE9B,OACE,oBAAC,QAAD;EACE,WAAW,GAAG,wBAAwB,SAAS;EAC/C,eAAe,aAAa,QAAQ;EAC/B;EACL,MAAM;EACI;EACV,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,iBAAiB,cAAc;;AAK/B,MAAa,qBAAqB,KAAuB,OAAO,QAAQ;CACtE,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CACzC,MAAM,SAAS,eAAe,cAAc,qBAAqB,CAAC;CAElE,OACE,oBAAC,KAAD;EACE,YAAW;EACX,WAAW,GAAG,0BAA0B,SAAS;EACjD,IAAG;EACE;EACL,GAAI,OAAO;EACX,GAAI;YAEH,YAAY;CACV;AAET,CAAC;AAED,mBAAmB,cAAc;;AAKjC,MAAa,qBAAqB,KAAwC,OAAO,QAAQ;CACvF,MAAM,EAAE,WAAW,WAAW,GAAG,SAAS;CAC1C,MAAM,EAAE,cAAc,MAAM,cAAc,qBAAqB;CAC/D,MAAM,SAAS,eAAe,cAAc,qBAAqB,CAAC;CAElE,MAAM,SAAS,cAAc;CAC7B,MAAM,aAAa,SAAS,KAAK;CACjC,MAAM,iBAAiB;EACrB,UAAU,SAAS,SAAS,IAAI,SAAS;EACzC,MAAM,UAAU,SAAS,SAAS;EAClC,eAAe,aAAa,OAAO,UAAU;CAC/C;CACA,OACE,oBAAC,QAAD;EACE,WAAW,GAAG,0BAA0B,SAAS;EACjD,MAAM;EACD;EACL,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;CACL;AAEL,CAAC;AAED,mBAAmB,cAAc"}
+{"version":3,"file":"paginationButtons.js","names":[],"sources":["../../src/pagination/paginationButtons.tsx"],"sourcesContent":["import type { BoxProps } from '../box'\nimport type { PaginationButtonProps, PaginationPrevNextProps } from './pagination.types'\n\nimport Box from '../box'\nimport Button from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { usePaginationContext } from './context'\n\n/** Displays a page navigation button within the Pagination. */\nexport const PaginationButton = vui<'button', PaginationButtonProps>((props, ref) => {\n  const { className, page: pageProp, ...rest } = props\n  const { onPageChange, page: currentPage } = usePaginationContext()\n  const styles = useStyleConfig('Pagination', usePaginationContext())\n\n  const isActive = pageProp === currentPage\n\n  return (\n    <Button\n      className={cs('vui-paginationButton', className)}\n      onClick={() => onPageChange(pageProp)}\n      ref={ref}\n      text={pageProp}\n      isActive={isActive}\n      {...styles.button}\n      {...rest}\n    />\n  )\n})\n\nPaginationButton.displayName = 'PaginationButton'\n\n// ---------------------------------------------------------------------------\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'\n\n// ---------------------------------------------------------------------------\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: `uiAngle${isPrev ? 'Left' : 'Right'}`,\n    onClick: () => onPageChange(page + pageChange),\n  }\n  return (\n    <Button\n      className={cs('vui-paginationPrevNext', className)}\n      minW={0}\n      ref={ref}\n      {...styles.prevNext}\n      {...directionProps}\n      {...rest}\n    />\n  )\n})\n\nPaginationPrevNext.displayName = 'PaginationPrevNext'\n"],"mappings":";;;;;;;;;;AAUA,MAAa,mBAAmB,KAAsC,OAAO,QAAQ;CACnF,MAAM,EAAE,WAAW,MAAM,UAAU,GAAG,SAAS;CAC/C,MAAM,EAAE,cAAc,MAAM,gBAAgB,qBAAqB;CACjE,MAAM,SAAS,eAAe,cAAc,qBAAqB,CAAC;CAElE,MAAM,WAAW,aAAa;CAE9B,OACE,oBAAC,QAAD;EACE,WAAW,GAAG,wBAAwB,SAAS;EAC/C,eAAe,aAAa,QAAQ;EAC/B;EACL,MAAM;EACI;EACV,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,iBAAiB,cAAc;;AAK/B,MAAa,qBAAqB,KAAuB,OAAO,QAAQ;CACtE,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CACzC,MAAM,SAAS,eAAe,cAAc,qBAAqB,CAAC;CAElE,OACE,oBAAC,KAAD;EACE,YAAW;EACX,WAAW,GAAG,0BAA0B,SAAS;EACjD,IAAG;EACE;EACL,GAAI,OAAO;EACX,GAAI;YAEH,YAAY;CACV;AAET,CAAC;AAED,mBAAmB,cAAc;;AAKjC,MAAa,qBAAqB,KAAwC,OAAO,QAAQ;CACvF,MAAM,EAAE,WAAW,WAAW,GAAG,SAAS;CAC1C,MAAM,EAAE,cAAc,MAAM,cAAc,qBAAqB;CAC/D,MAAM,SAAS,eAAe,cAAc,qBAAqB,CAAC;CAElE,MAAM,SAAS,cAAc;CAC7B,MAAM,aAAa,SAAS,KAAK;CACjC,MAAM,iBAAiB;EACrB,UAAU,SAAS,SAAS,IAAI,SAAS;EACzC,MAAM,UAAU,SAAS,SAAS;EAClC,eAAe,aAAa,OAAO,UAAU;CAC/C;CACA,OACE,oBAAC,QAAD;EACE,WAAW,GAAG,0BAA0B,SAAS;EACjD,MAAM;EACD;EACL,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;CACL;AAEL,CAAC;AAED,mBAAmB,cAAc"}

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

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

package/dist/pagination/paginationGoToPage.js

@@ -53,5 +53,5 @@ PaginationGoToPage.displayName = "PaginationGoToPage";
 
 //#endregion
 export { PaginationGoToPage as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=paginationGoToPage.js.map

package/dist/pagination/paginationGoToPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"paginationGoToPage.js","names":[],"sources":["../../src/pagination/paginationGoToPage.tsx"],"sourcesContent":["import type { BoxProps } from '../box'\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport Input from '../input'\nimport T from '../t'\nimport type { ChangeEvent } from '../utils'\nimport { cs } from '../utils'\nimport { usePaginationContext } from './context'\n\n/** Displays a number input, which allows quickly jumping between pages. */\nexport const PaginationGoToPage = vui<'div', BoxProps>((props, ref) => {\n  const { className, ...rest } = props\n  const { onPageChange, pageCount } = usePaginationContext()\n  const styles = useStyleConfig('Pagination', usePaginationContext())\n\n  const onChange = (e: ChangeEvent) => {\n    const value = +e.target.value\n    if (value >= 1 && value <= pageCount) {\n      onPageChange(Math.floor(value))\n    }\n  }\n\n  return (\n    <Box\n      centerV\n      className={cs('vui-paginationGoToPage', className)}\n      lineHeight=\"normal\"\n      ref={ref}\n      {...styles.goToPage}\n      {...rest}\n    >\n      <T size=\"sm\" variant=\"navigation\" fontWeight=\"medium\">\n        Go&nbsp;to\n      </T>\n      <Input max={pageCount} min={1} mx={1} onChange={onChange} size=\"sm\" type=\"number\" w={56} />\n      <T size=\"sm\" variant=\"navigation\" fontWeight=\"medium\">\n        Page\n      </T>\n    </Box>\n  )\n})\n\nPaginationGoToPage.displayName = 'PaginationGoToPage'\n\nexport default PaginationGoToPage\n"],"mappings":";;;;;;;;;;;AAUA,MAAa,qBAAqB,KAAsB,OAAO,QAAQ;CACrE,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,EAAE,cAAc,cAAc,qBAAqB;CACzD,MAAM,SAAS,eAAe,cAAc,qBAAqB,CAAC;CAElE,MAAM,YAAY,MAAmB;EACnC,MAAM,QAAQ,CAAC,EAAE,OAAO;EACxB,IAAI,SAAS,KAAK,SAAS,WACzB,aAAa,KAAK,MAAM,KAAK,CAAC;CAElC;CAEA,OACE,qBAAC,KAAD;EACE;EACA,WAAW,GAAG,0BAA0B,SAAS;EACjD,YAAW;EACN;EACL,GAAI,OAAO;EACX,GAAI;YANN;GAQE,oBAAC,GAAD;IAAG,MAAK;IAAK,SAAQ;IAAa,YAAW;cAAS;GAEnD;GACH,oBAAC,OAAD;IAAO,KAAK;IAAW,KAAK;IAAG,IAAI;IAAa;IAAU,MAAK;IAAK,MAAK;IAAS,GAAG;GAAK;GAC1F,oBAAC,GAAD;IAAG,MAAK;IAAK,SAAQ;IAAa,YAAW;cAAS;GAEnD;EACA;;AAET,CAAC;AAED,mBAAmB,cAAc"}
+{"version":3,"file":"paginationGoToPage.js","names":[],"sources":["../../src/pagination/paginationGoToPage.tsx"],"sourcesContent":["import type { BoxProps } from '../box'\nimport type { ChangeEvent } from '../utils'\n\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport Input from '../input'\nimport T from '../t'\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":";;;;;;;;;;;AAWA,MAAa,qBAAqB,KAAsB,OAAO,QAAQ;CACrE,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,EAAE,cAAc,cAAc,qBAAqB;CACzD,MAAM,SAAS,eAAe,cAAc,qBAAqB,CAAC;CAElE,MAAM,YAAY,MAAmB;EACnC,MAAM,QAAQ,CAAC,EAAE,OAAO;EACxB,IAAI,SAAS,KAAK,SAAS,WACzB,aAAa,KAAK,MAAM,KAAK,CAAC;CAElC;CAEA,OACE,qBAAC,KAAD;EACE;EACA,WAAW,GAAG,0BAA0B,SAAS;EACjD,YAAW;EACN;EACL,GAAI,OAAO;EACX,GAAI;YANN;GAQE,oBAAC,GAAD;IAAG,MAAK;IAAK,SAAQ;IAAa,YAAW;cAAS;GAEnD;GACH,oBAAC,OAAD;IAAO,KAAK;IAAW,KAAK;IAAG,IAAI;IAAa;IAAU,MAAK;IAAK,MAAK;IAAS,GAAG;GAAK;GAC1F,oBAAC,GAAD;IAAG,MAAK;IAAK,SAAQ;IAAa,YAAW;cAAS;GAEnD;EACA;;AAET,CAAC;AAED,mBAAmB,cAAc"}

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

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

package/dist/pagination/paginationNavigation.js

@@ -39,5 +39,5 @@ PaginationNavigation.displayName = "PaginationNavigation";
 
 //#endregion
 export { PaginationNavigation as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=paginationNavigation.js.map

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, PaginationEllipsis, PaginationPrevNext } from './paginationButtons'\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":";;;;;;;;;;;;AAUA,MAAa,uBAAuB,KAAsB,OAAO,QAAQ;CACvE,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CACzC,MAAM,EAAE,UAAU,qBAAqB;CACvC,MAAM,SAAS,eAAe,cAAc,qBAAqB,CAAC;CAElE,OACE,oBAAC,KAAD;EAAK,WAAW,GAAG,4BAA4B,SAAS;EAAG,KAAK;EAAQ;EAAK;EAAK,GAAI,OAAO;EAAY,GAAI;YAC1G,YACC,MAAM,KAAI,SACR,qBAAC,UAAD;GACG,SAAS,cAAc,oBAAC,oBAAD;IAAoB,cAAW;IAAW,WAAU;GAAY;GAEvF,SAAS,IAAI,KAAK,oBAAC,kBAAD,EAAkB,MAAM,KAAO;GAEjD,SAAS,IAAI,KAAK,KAAK,SAAS,UAAU,KAAK,oBAAC,oBAAD,CAAqB;GAEpE,SAAS,UAAU,oBAAC,oBAAD;IAAoB,cAAW;IAAO,WAAU;GAAQ;EACpE,KARK,IAQL,CACX;CACA;AAET,CAAC;AAED,qBAAqB,cAAc"}
+{"version":3,"file":"paginationNavigation.js","names":[],"sources":["../../src/pagination/paginationNavigation.tsx"],"sourcesContent":["import { Fragment } from 'react'\n\nimport type { BoxProps } from '../box'\n\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs, isNumber, isString } from '../utils'\nimport { usePaginationContext } from './context'\nimport { PaginationButton, PaginationEllipsis, PaginationPrevNext } from './paginationButtons'\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":";;;;;;;;;;;;AAWA,MAAa,uBAAuB,KAAsB,OAAO,QAAQ;CACvE,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CACzC,MAAM,EAAE,UAAU,qBAAqB;CACvC,MAAM,SAAS,eAAe,cAAc,qBAAqB,CAAC;CAElE,OACE,oBAAC,KAAD;EAAK,WAAW,GAAG,4BAA4B,SAAS;EAAG,KAAK;EAAQ;EAAK;EAAK,GAAI,OAAO;EAAY,GAAI;YAC1G,YACC,MAAM,KAAI,SACR,qBAAC,UAAD;GACG,SAAS,cAAc,oBAAC,oBAAD;IAAoB,cAAW;IAAW,WAAU;GAAY;GAEvF,SAAS,IAAI,KAAK,oBAAC,kBAAD,EAAkB,MAAM,KAAO;GAEjD,SAAS,IAAI,KAAK,KAAK,SAAS,UAAU,KAAK,oBAAC,oBAAD,CAAqB;GAEpE,SAAS,UAAU,oBAAC,oBAAD;IAAoB,cAAW;IAAO,WAAU;GAAQ;EACpE,KARK,IAQL,CACX;CACA;AAET,CAAC;AAED,qBAAqB,cAAc"}

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

package/dist/pagination/paginationResults.js

@@ -25,5 +25,5 @@ PaginationResults.displayName = "PaginationResults";
 
 //#endregion
 export { PaginationResults as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# 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,qBAAqB;CAC7D,MAAM,SAAS,eAAe,cAAc,qBAAqB,CAAC;CAElE,OACE,oBAAC,GAAD;EACE,WAAW,GAAG,yBAAyB,SAAS;EAC3C;EACL,MAAK;EACL,GAAI,OAAO;EACX,GAAI;EACJ,SAAQ;YAEP,YAAY,WAAW,WAAW,MAAM,SAAS,MAAM,MAAM;CAC7D;AAEP,CAAC;AAED,kBAAkB,cAAc"}
+{"version":3,"file":"paginationResults.js","names":[],"sources":["../../src/pagination/paginationResults.tsx"],"sourcesContent":["import type { TProps } from '../t'\n\nimport { useStyleConfig, vui } from '../core'\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":";;;;;;;;;AAQA,MAAa,oBAAoB,KAAqB,OAAO,QAAQ;CACnE,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CACzC,MAAM,EAAE,OAAO,UAAU,eAAe,qBAAqB;CAC7D,MAAM,SAAS,eAAe,cAAc,qBAAqB,CAAC;CAElE,OACE,oBAAC,GAAD;EACE,WAAW,GAAG,yBAAyB,SAAS;EAC3C;EACL,MAAK;EACL,GAAI,OAAO;EACX,GAAI;EACJ,SAAQ;YAEP,YAAY,WAAW,WAAW,MAAM,SAAS,MAAM,MAAM;CAC7D;AAEP,CAAC;AAED,kBAAkB,cAAc"}

package/dist/pagination/theme.js

@@ -36,5 +36,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=theme.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"usePagination.d.ts","names":[],"sources":["../../src/pagination/usePagination.ts"],"mappings":";;;;;iBAOwB,aAAA,CAAc,KAAA,EAAO,kBAAA;;SAAkB,cAAA;;;;;;;;KAyCnD,uBAAA,GAA0B,UAAU,QAAQ,aAAA"}
+{"version":3,"file":"usePagination.d.ts","names":[],"sources":["../../src/pagination/usePagination.ts"],"mappings":";;;;;iBAQwB,aAAA,CAAc,KAAA,EAAO,kBAAA;;SAAkB,cAAA;;;;;;;;KAyCnD,uBAAA,GAA0B,UAAU,QAAQ,aAAA"}

package/dist/pagination/usePagination.js

@@ -39,5 +39,5 @@ function usePagination(props) {
 
 //#endregion
 export { usePagination as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# 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;CACT,CAAC;CAGD,gBAAgB;EACd,CAAC,gBAAgB,mBAAmB,WAAW;CACjD,GAAG,CAAC,CAAC;;CAGL,gBAAgB;EACd,UAAU,KAAK,MAAM;CACvB,GAAG,CAAC,QAAQ,CAAC;CAEb,MAAM,YAAY,aAAa;;CAG/B,MAAM,YAAY,QAAQ,KAAK,WAAW,IAAI,KAAK,KAAK,QAAQ,QAAQ,IAAI;;CAE5E,MAAM,QAAQ,mBAAmB,MAAM,SAAS;;CAEhD,MAAM,cAAc,OAAO,KAAK,WAAW;CAI3C,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA,UATe,SAAS,YAAY,QAAQ,OAAO;EAUnD;CACF;AACF"}
+{"version":3,"file":"usePagination.js","names":[],"sources":["../../src/pagination/usePagination.ts"],"sourcesContent":["import { useEffect } from 'react'\n\nimport type { UsePaginationProps } from './usePagination.types'\n\nimport { useControlled, useIsMounted } from '../utils'\nimport { getPaginationItems } from './helpers'\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":";;;;;;AAQA,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;CACT,CAAC;CAGD,gBAAgB;EACd,CAAC,gBAAgB,mBAAmB,WAAW;CACjD,GAAG,CAAC,CAAC;;CAGL,gBAAgB;EACd,UAAU,KAAK,MAAM;CACvB,GAAG,CAAC,QAAQ,CAAC;CAEb,MAAM,YAAY,aAAa;;CAG/B,MAAM,YAAY,QAAQ,KAAK,WAAW,IAAI,KAAK,KAAK,QAAQ,QAAQ,IAAI;;CAE5E,MAAM,QAAQ,mBAAmB,MAAM,SAAS;;CAEhD,MAAM,cAAc,OAAO,KAAK,WAAW;CAI3C,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA,UATe,SAAS,YAAY,QAAQ,OAAO;EAUnD;CACF;AACF"}

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":";;;;;;;cAUa,KAAA,EAAK,YAAA,QAAA,UAAA"}

package/dist/panel/panel.js

@@ -25,5 +25,5 @@ Panel.displayName = "Panel";
 
 //#endregion
 export { Panel as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# 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,KAAK;CACrD,MAAM,SAAS,eAAe,SAAS,KAAK;CAE5C,OAAO,oBAAC,KAAD;EAAK,IAAG;EAAQ,WAAW,GAAG,aAAa,SAAS;EAAG,GAAG;EAAQ;EAAK,GAAI;EAAQ,GAAI;CAAO;AACvG,CAAC;AAED,MAAM,cAAc"}
+{"version":3,"file":"panel.js","names":[],"sources":["../../src/panel/panel.tsx"],"sourcesContent":["import type { PanelProps } from './panel.types'\n\nimport Box from '../box'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\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":";;;;;;;;;;;AAUA,MAAa,QAAQ,KAAwB,OAAO,QAAQ;CAC1D,MAAM,EAAE,WAAW,GAAG,SAAS,iBAAiB,KAAK;CACrD,MAAM,SAAS,eAAe,SAAS,KAAK;CAE5C,OAAO,oBAAC,KAAD;EAAK,IAAG;EAAQ,WAAW,GAAG,aAAa,SAAS;EAAG,GAAG;EAAQ;EAAK,GAAI;EAAQ,GAAI;CAAO;AACvG,CAAC;AAED,MAAM,cAAc"}

package/dist/panel/theme.js

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

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

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

package/dist/popover/context.js

@@ -5,5 +5,5 @@ const [PopoverProvider, usePopoverContext] = createContext({ isOptional: true })
 
 //#endregion
 export { PopoverProvider, usePopoverContext };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# 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,KAAK,CAAC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../src/popover/context.ts"],"sourcesContent":["import type { Dict } from '../utils'\n\nimport { createContext } from '../utils'\n\nconst [PopoverProvider, usePopoverContext] = createContext<Dict>({ isOptional: true })\n\nexport { PopoverProvider, usePopoverContext }\n"],"mappings":";;;AAIA,MAAM,CAAC,iBAAiB,qBAAqB,cAAoB,EAAE,YAAY,KAAK,CAAC"}

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,YAAY,mBAAA,GAAA,CAAA,OAAA;AAAA,kBAA3B,OAAA;EAAA,iCAAO,QAAA;EAAA"}
+{"version":3,"file":"popover.d.ts","names":[],"sources":["../../src/popover/popover.tsx"],"mappings":";;;;;iBA4BwB,OAAA,CAAQ,KAAA,EAAO,YAAY,mBAAA,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__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# 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,kBAAkB;CACjC,MAAM,EAAE,UAAU,SAAS,MAAM,GAAG,SAAS;CAC7C,MAAM,eAAe,WAAW;EAAE,GAAG;EAAM;CAAO,CAAC;CACnD,MAAM,EAAE,OAAO,QAAQ,SAAS;CAGhC,OACE,oBAAC,cAAD;EAAc,IAAI;YAChB,oBAAC,iBAAD;GAAiB,OAJL,gBAAgB;IAAE;IAAQ,GAAG;GAAa,CAIxB;aAAI,QAAQ,UAAU;IAAE;IAAO;IAAQ;GAAK,CAAC;EAAmB;CAClF;AAElB;AAEA,SAAwB,QAAQ,OAAqB;CAGnD,IAFiB,wBAEN,MAAM,MACf,OACE,oBAAC,cAAD,YACE,oBAAC,cAAD,EAAc,GAAI,MAAQ,GACd;CAIlB,OAAO,oBAAC,cAAD,EAAc,GAAI,MAAQ;AACnC;AAEA,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 type { PopoverProps } from './popover.types'\n\nimport { filterUndefined, runIfFn } from '../utils'\nimport { PopoverProvider } from './context'\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":";;;;;;;;;;;;;;AAcA,SAAS,aAAa,OAAqB;CACzC,MAAM,SAAS,kBAAkB;CACjC,MAAM,EAAE,UAAU,SAAS,MAAM,GAAG,SAAS;CAC7C,MAAM,eAAe,WAAW;EAAE,GAAG;EAAM;CAAO,CAAC;CACnD,MAAM,EAAE,OAAO,QAAQ,SAAS;CAGhC,OACE,oBAAC,cAAD;EAAc,IAAI;YAChB,oBAAC,iBAAD;GAAiB,OAJL,gBAAgB;IAAE;IAAQ,GAAG;GAAa,CAIxB;aAAI,QAAQ,UAAU;IAAE;IAAO;IAAQ;GAAK,CAAC;EAAmB;CAClF;AAElB;AAEA,SAAwB,QAAQ,OAAqB;CAGnD,IAFiB,wBAEN,MAAM,MACf,OACE,oBAAC,cAAD,YACE,oBAAC,cAAD,EAAc,GAAI,MAAQ,GACd;CAIlB,OAAO,oBAAC,cAAD,EAAc,GAAI,MAAQ;AACnC;AAEA,QAAQ,UAAU;AAClB,QAAQ,UAAU;AAClB,QAAQ,cAAc"}

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

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

package/dist/popover/popoverContent.js

@@ -49,5 +49,5 @@ PopoverContent.displayName = "PopoverContent";
 
 //#endregion
 export { PopoverContent as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=popoverContent.js.map

package/dist/popover/popoverContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"popoverContent.js","names":["zIndices"],"sources":["../../src/popover/popoverContent.tsx"],"sourcesContent":["import { FloatingFocusManager, FloatingPortal } from '@floating-ui/react'\n\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { zIndices } from '../theme'\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} initialFocus={-1} modal={false}>\n        <Box\n          bg=\"white\"\n          borderRadius=\"md\"\n          boxShadow=\"2\"\n          className={cs('vui-popoverContent', className)}\n          overflowY=\"auto\"\n          zIndex=\"popover\"\n          ref={mergeRefs(setPopper, ref)}\n          ring={0}\n          style={{ ...floatingStyles, ...transitionStyles, zIndex: zIndices.popover }}\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":";;;;;;;;;;;;AAUA,MAAa,iBAAiB,KAAiC,OAAO,QAAQ;CAC5E,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CACzC,MAAM,eAAe,kBAAkB,KAAK,CAAC;CAC7C,MAAM,EAAE,SAAS,gBAAgB,kBAAkB,QAAQ,WAAW,QAAQ,WAAW,qBACvF;CACF,MAAM,SAAS,eAAe,WAAW;EAAE,GAAG;EAAc,GAAG;CAAM,CAAC;CAEtE,MAAM,uBAAuB,SAAS,SAAS;CAG/C,IAAI,CAAC,WACH,OAAO;CAGT,OACE,oBAAC,gBAAD,YACE,oBAAC,sBAAD;EAA+B;EAAS,cAAc;EAAI,OAAO;YAC/D,oBAAC,KAAD;GACE,IAAG;GACH,cAAa;GACb,WAAU;GACV,WAAW,GAAG,sBAAsB,SAAS;GAC7C,WAAU;GACV,QAAO;GACP,KAAK,UAAU,WAAW,GAAG;GAC7B,MAAM;GACN,OAAO;IAAE,GAAG;IAAgB,GAAG;IAAkB,QAAQA,iBAAS;GAAQ;GAC1E,GAAK,mBAAmB,KAAK,CAAC;GAC9B,GAAI,OAAO;GACX,GAAI;aAEH,uBAAuB,WAAW;EAChC;CACe,GACR;AAEpB,CAAC;AAED,eAAe,cAAc"}
+{"version":3,"file":"popoverContent.js","names":["zIndices"],"sources":["../../src/popover/popoverContent.tsx"],"sourcesContent":["import { FloatingFocusManager, FloatingPortal } from '@floating-ui/react'\n\nimport type { PopoverContentProps } from './popover.types'\n\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { zIndices } from '../theme'\nimport { cs, mergeRefs } from '../utils'\nimport { usePopoverContext } from './context'\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} initialFocus={-1} modal={false}>\n        <Box\n          bg=\"white\"\n          borderRadius=\"md\"\n          boxShadow=\"2\"\n          className={cs('vui-popoverContent', className)}\n          overflowY=\"auto\"\n          zIndex=\"popover\"\n          ref={mergeRefs(setPopper, ref)}\n          ring={0}\n          style={{ ...floatingStyles, ...transitionStyles, zIndex: zIndices.popover }}\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":";;;;;;;;;;;;AAWA,MAAa,iBAAiB,KAAiC,OAAO,QAAQ;CAC5E,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CACzC,MAAM,eAAe,kBAAkB,KAAK,CAAC;CAC7C,MAAM,EAAE,SAAS,gBAAgB,kBAAkB,QAAQ,WAAW,QAAQ,WAAW,qBACvF;CACF,MAAM,SAAS,eAAe,WAAW;EAAE,GAAG;EAAc,GAAG;CAAM,CAAC;CAEtE,MAAM,uBAAuB,SAAS,SAAS;CAG/C,IAAI,CAAC,WACH,OAAO;CAGT,OACE,oBAAC,gBAAD,YACE,oBAAC,sBAAD;EAA+B;EAAS,cAAc;EAAI,OAAO;YAC/D,oBAAC,KAAD;GACE,IAAG;GACH,cAAa;GACb,WAAU;GACV,WAAW,GAAG,sBAAsB,SAAS;GAC7C,WAAU;GACV,QAAO;GACP,KAAK,UAAU,WAAW,GAAG;GAC7B,MAAM;GACN,OAAO;IAAE,GAAG;IAAgB,GAAG;IAAkB,QAAQA,iBAAS;GAAQ;GAC1E,GAAK,mBAAmB,KAAK,CAAC;GAC9B,GAAI,OAAO;GACX,GAAI;aAEH,uBAAuB,WAAW;EAChC;CACe,GACR;AAEpB,CAAC;AAED,eAAe,cAAc"}

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":";;;;;;;cAWa,cAAA,EAAc,YAAA,WA2BzB,WAAA"}

package/dist/popover/popoverTrigger.js

@@ -38,5 +38,5 @@ PopoverTrigger.displayName = "PopoverTrigger";
 
 //#endregion
 export { PopoverTrigger as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# 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,kBAAkB,KAAK,CAAC;CAC7F,MAAM,SAAS,eAAe,WAAW;EAAE,GAAG;EAAc,GAAG;CAAM,CAAC;CAEtE,MAAM,UAAU,MAAM,EAAE;CAExB,MAAM,WAAW,MAAqC;EAEpD,EAAE,gBAAgB;EAClB,cAAc,CAAC;CACjB;CAEA,MAAM,iBAAiB,oBAAoB,KAAK,CAAC;CAEjD,OACE,oBAAC,SAAD;EACE,UAAU;EACV,WAAW,GAAG,sBAAsB,SAAS;EACpC;EACT,KAAK,UAAU,cAAc,GAAG;EAChC,GAAI;EACJ,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,eAAe,cAAc"}
+{"version":3,"file":"popoverTrigger.js","names":[],"sources":["../../src/popover/popoverTrigger.tsx"],"sourcesContent":["import type { MouseEvent } from '../utils'\nimport type { PopoverTriggerProps } from './popover.types'\n\nimport { useStyleConfig, v, vui } from '../core'\nimport { cs, mergeRefs } from '../utils'\nimport { usePopoverContext } from './context'\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":";;;;;;;;;;;;;AAWA,MAAa,iBAAiB,KAAoC,OAAO,QAAQ;CAE/E,MAAM,EAAE,IAAI,WAAW,SAAS,aAAa,GAAG,SAAS;CACzD,MAAM,EAAE,mBAAmB,cAAc,QAAQ,GAAG,iBAAiB,kBAAkB,KAAK,CAAC;CAC7F,MAAM,SAAS,eAAe,WAAW;EAAE,GAAG;EAAc,GAAG;CAAM,CAAC;CAEtE,MAAM,UAAU,MAAM,EAAE;CAExB,MAAM,WAAW,MAAqC;EAEpD,EAAE,gBAAgB;EAClB,cAAc,CAAC;CACjB;CAEA,MAAM,iBAAiB,oBAAoB,KAAK,CAAC;CAEjD,OACE,oBAAC,SAAD;EACE,UAAU;EACV,WAAW,GAAG,sBAAsB,SAAS;EACpC;EACT,KAAK,UAAU,cAAc,GAAG;EAChC,GAAI;EACJ,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,eAAe,cAAc"}

package/dist/popover/theme.js

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

package/dist/popover/usePopover.d.ts

@@ -15,9 +15,9 @@ type UsePopoverInternalProps = UsePopoverProps & {
 declare function usePopover(props?: UsePopoverInternalProps): {
   close: () => void;
   context: {
+    placement: Placement;
     x: number;
     y: number;
-    placement: Placement;
     strategy: Strategy;
     middlewareData: MiddlewareData;
     isPositioned: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"usePopover.d.ts","names":[],"sources":["../../src/popover/usePopover.ts"],"mappings":";;;;;;KAqBK,uBAAA,GAA0B,eAAe;EAC5C,MAAM;AAAA;;;AAHiD;;;iBAWjC,UAAA,CAAW,KAAA,GAAO,uBAAA;;;;;eAA4B,SAAA;;;;;;;;;;;;;;;;;;;;;;aA+G7B,WAAA;;gDAAW,aAAA;;;;;;;;;KAQxC,cAAA,GAAiB,UAAU,QAAQ,UAAA"}
+{"version":3,"file":"usePopover.d.ts","names":[],"sources":["../../src/popover/usePopover.ts"],"mappings":";;;;;;KAsBK,uBAAA,GAA0B,eAAe;EAC5C,MAAM;AAAA;;;AALiD;;;iBAajC,UAAA,CAAW,KAAA,GAAO,uBAAA;;;eAA4B,SAAA;;;;;;;;;;;;;;;;;;;;;;;;aA+G7B,WAAA;;gDAAW,aAAA;;;;;;;;;KAQxC,cAAA,GAAiB,UAAU,QAAQ,UAAA"}

package/dist/popover/usePopover.js

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

package/dist/popover/usePopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePopover.js","names":["offsetMiddleware","offset","flip","flipMiddleware"],"sources":["../../src/popover/usePopover.ts"],"sourcesContent":["import {\n  autoUpdate,\n  flip as flipMiddleware,\n  offset as offsetMiddleware,\n  safePolygon,\n  shift,\n  size,\n  useClick,\n  useDismiss,\n  useFloating,\n  useFocus,\n  useHover,\n  useInteractions,\n  useRole,\n  useTransitionStyles,\n} from '@floating-ui/react'\nimport { useCallback, useEffect, useState } from 'react'\n\nimport { useCallbackRef } from '../utils'\nimport type { UsePopoverProps } from './usePopover.types'\n\ntype UsePopoverInternalProps = UsePopoverProps & {\n  nodeId?: string\n}\n\n/**\n * Controls the logic of positioning and managing a floating popover.\n * Takes multiple configuration props that control closing, placement or behavior.\n * Exposes functions used for ref callbacks on consuming components, programmatic open/close methods and properties.\n */\nexport default function usePopover(props: UsePopoverInternalProps = {}) {\n  const {\n    closeOnBlur = true,\n    closeOnEsc = true,\n    defaultIsOpen = false,\n    flip = true,\n    isOpen: isOpenProp,\n    matchWidth,\n    offset,\n    onClose: onCloseProp,\n    onOpen: onOpenProp,\n    nodeId,\n    placement = 'bottom-start',\n    trigger = 'click',\n  } = props\n\n  const isControlled = isOpenProp !== undefined\n  const [isOpenState, setIsOpenState] = useState(defaultIsOpen)\n  const isOpen = isControlled ? isOpenProp : isOpenState\n\n  const onClose = useCallbackRef(onCloseProp)\n  const onOpen = useCallbackRef(onOpenProp)\n\n  const setIsOpen = useCallback(\n    (open: boolean) => {\n      if (!isControlled) {\n        setIsOpenState(open)\n      }\n      if (open) {\n        onOpen()\n      } else {\n        onClose()\n      }\n    },\n    [isControlled, onOpen, onClose],\n  )\n\n  const close = useCallback(() => setIsOpen(false), [setIsOpen])\n  const open = useCallback(() => setIsOpen(true), [setIsOpen])\n\n  // Build middleware array\n  const middleware = [\n    offsetMiddleware({ mainAxis: offset?.[1] ?? 4, crossAxis: offset?.[0] ?? 0 }),\n    flip && flipMiddleware(),\n    shift({ padding: 5 }),\n    matchWidth &&\n      size({\n        apply({ rects, elements }) {\n          Object.assign(elements.floating.style, {\n            width: `${rects.reference.width}px`,\n          })\n        },\n      }),\n  ].filter(Boolean)\n\n  const { refs, floatingStyles, context } = useFloating({\n    open: isOpen,\n    onOpenChange: setIsOpen,\n    nodeId,\n    placement,\n    middleware,\n    whileElementsMounted: autoUpdate,\n  })\n\n  // Opacity-only transition - no position movement\n  const { isMounted, styles: transitionStyles } = useTransitionStyles(context, {\n    duration: 150,\n    initial: { opacity: 0 },\n    open: { opacity: 1 },\n    close: { opacity: 0 },\n  })\n\n  // Interaction hooks based on trigger type\n  const clickEnabled = trigger === 'click' && !isControlled\n  const hoverEnabled = trigger === 'mouseenter' && !isControlled\n  const focusEnabled = (trigger === 'focus' || trigger === 'focusin') && !isControlled\n\n  const click = useClick(context, { enabled: clickEnabled })\n  const hover = useHover(context, {\n    enabled: hoverEnabled,\n    move: false,\n    handleClose: hoverEnabled ? safePolygon() : null,\n    delay: { open: 0, close: 200 }, // 200ms delay before closing\n  })\n  const focus = useFocus(context, { enabled: focusEnabled })\n  const dismiss = useDismiss(context, {\n    enabled: !isControlled,\n    escapeKey: closeOnEsc,\n    outsidePress: closeOnBlur,\n  })\n  const role = useRole(context)\n\n  const { getReferenceProps, getFloatingProps } = useInteractions([click, hover, focus, dismiss, role])\n\n  // Sync controlled state\n  useEffect(() => {\n    if (isControlled) {\n      setIsOpenState(isOpenProp)\n    }\n  }, [isControlled, isOpenProp])\n\n  return {\n    close,\n    context,\n    floatingStyles,\n    getFloatingProps,\n    getReferenceProps,\n    isMounted,\n    isOpen,\n    open,\n    popper: refs.floating.current,\n    reference: refs.reference.current as HTMLElement | null,\n    refs,\n    setPopper: refs.setFloating,\n    setReference: refs.setReference,\n    transitionStyles,\n  }\n}\n\nexport type UsePopoverType = ReturnType<typeof usePopover>\n"],"mappings":";;;;;;;;;;AA8BA,SAAwB,WAAW,QAAiC,CAAC,GAAG;CACtE,MAAM,EACJ,cAAc,MACd,aAAa,MACb,gBAAgB,OAChB,eAAO,MACP,QAAQ,YACR,YACA,kBACA,SAAS,aACT,QAAQ,YACR,QACA,YAAY,gBACZ,UAAU,YACR;CAEJ,MAAM,eAAe,eAAe;CACpC,MAAM,CAAC,aAAa,kBAAkB,SAAS,aAAa;CAC5D,MAAM,SAAS,eAAe,aAAa;CAE3C,MAAM,UAAU,eAAe,WAAW;CAC1C,MAAM,SAAS,eAAe,UAAU;CAExC,MAAM,YAAY,aACf,SAAkB;EACjB,IAAI,CAAC,cACH,eAAe,IAAI;EAErB,IAAI,MACF,OAAO;OAEP,QAAQ;CAEZ,GACA;EAAC;EAAc;EAAQ;CAAO,CAChC;CAEA,MAAM,QAAQ,kBAAkB,UAAU,KAAK,GAAG,CAAC,SAAS,CAAC;CAC7D,MAAM,OAAO,kBAAkB,UAAU,IAAI,GAAG,CAAC,SAAS,CAAC;CAiB3D,MAAM,EAAE,MAAM,gBAAgB,YAAY,YAAY;EACpD,MAAM;EACN,cAAc;EACd;EACA;EACA,YAnBiB;GACjBA,OAAiB;IAAE,UAAUC,WAAS,MAAM;IAAG,WAAWA,WAAS,MAAM;GAAE,CAAC;GAC5EC,UAAQC,KAAe;GACvB,MAAM,EAAE,SAAS,EAAE,CAAC;GACpB,cACE,KAAK,EACH,MAAM,EAAE,OAAO,YAAY;IACzB,OAAO,OAAO,SAAS,SAAS,OAAO,EACrC,OAAO,GAAG,MAAM,UAAU,MAAM,IAClC,CAAC;GACH,EACF,CAAC;EACL,CAAC,CAAC,OAAO,OAOE;EACT,sBAAsB;CACxB,CAAC;CAGD,MAAM,EAAE,WAAW,QAAQ,qBAAqB,oBAAoB,SAAS;EAC3E,UAAU;EACV,SAAS,EAAE,SAAS,EAAE;EACtB,MAAM,EAAE,SAAS,EAAE;EACnB,OAAO,EAAE,SAAS,EAAE;CACtB,CAAC;CAGD,MAAM,eAAe,YAAY,WAAW,CAAC;CAC7C,MAAM,eAAe,YAAY,gBAAgB,CAAC;CAClD,MAAM,gBAAgB,YAAY,WAAW,YAAY,cAAc,CAAC;CAiBxE,MAAM,EAAE,mBAAmB,qBAAqB,gBAAgB;EAflD,SAAS,SAAS,EAAE,SAAS,aAAa,CAea;EAdvD,SAAS,SAAS;GAC9B,SAAS;GACT,MAAM;GACN,aAAa,eAAe,YAAY,IAAI;GAC5C,OAAO;IAAE,MAAM;IAAG,OAAO;GAAI;EAC/B,CAS4E;EAR9D,SAAS,SAAS,EAAE,SAAS,aAAa,CAQ2B;EAPnE,WAAW,SAAS;GAClC,SAAS,CAAC;GACV,WAAW;GACX,cAAc;EAChB,CAG4F;EAF/E,QAAQ,OAE6E;CAAC,CAAC;CAGpG,gBAAgB;EACd,IAAI,cACF,eAAe,UAAU;CAE7B,GAAG,CAAC,cAAc,UAAU,CAAC;CAE7B,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,QAAQ,KAAK,SAAS;EACtB,WAAW,KAAK,UAAU;EAC1B;EACA,WAAW,KAAK;EAChB,cAAc,KAAK;EACnB;CACF;AACF"}
+{"version":3,"file":"usePopover.js","names":["offsetMiddleware","offset","flip","flipMiddleware"],"sources":["../../src/popover/usePopover.ts"],"sourcesContent":["import {\n  autoUpdate,\n  flip as flipMiddleware,\n  offset as offsetMiddleware,\n  safePolygon,\n  shift,\n  size,\n  useClick,\n  useDismiss,\n  useFloating,\n  useFocus,\n  useHover,\n  useInteractions,\n  useRole,\n  useTransitionStyles,\n} from '@floating-ui/react'\nimport { useCallback, useEffect, useState } from 'react'\n\nimport type { UsePopoverProps } from './usePopover.types'\n\nimport { useCallbackRef } from '../utils'\n\ntype UsePopoverInternalProps = UsePopoverProps & {\n  nodeId?: string\n}\n\n/**\n * Controls the logic of positioning and managing a floating popover.\n * Takes multiple configuration props that control closing, placement or behavior.\n * Exposes functions used for ref callbacks on consuming components, programmatic open/close methods and properties.\n */\nexport default function usePopover(props: UsePopoverInternalProps = {}) {\n  const {\n    closeOnBlur = true,\n    closeOnEsc = true,\n    defaultIsOpen = false,\n    flip = true,\n    isOpen: isOpenProp,\n    matchWidth,\n    offset,\n    onClose: onCloseProp,\n    onOpen: onOpenProp,\n    nodeId,\n    placement = 'bottom-start',\n    trigger = 'click',\n  } = props\n\n  const isControlled = isOpenProp !== undefined\n  const [isOpenState, setIsOpenState] = useState(defaultIsOpen)\n  const isOpen = isControlled ? isOpenProp : isOpenState\n\n  const onClose = useCallbackRef(onCloseProp)\n  const onOpen = useCallbackRef(onOpenProp)\n\n  const setIsOpen = useCallback(\n    (open: boolean) => {\n      if (!isControlled) {\n        setIsOpenState(open)\n      }\n      if (open) {\n        onOpen()\n      } else {\n        onClose()\n      }\n    },\n    [isControlled, onOpen, onClose],\n  )\n\n  const close = useCallback(() => setIsOpen(false), [setIsOpen])\n  const open = useCallback(() => setIsOpen(true), [setIsOpen])\n\n  // Build middleware array\n  const middleware = [\n    offsetMiddleware({ mainAxis: offset?.[1] ?? 4, crossAxis: offset?.[0] ?? 0 }),\n    flip && flipMiddleware(),\n    shift({ padding: 5 }),\n    matchWidth &&\n      size({\n        apply({ rects, elements }) {\n          Object.assign(elements.floating.style, {\n            width: `${rects.reference.width}px`,\n          })\n        },\n      }),\n  ].filter(Boolean)\n\n  const { refs, floatingStyles, context } = useFloating({\n    open: isOpen,\n    onOpenChange: setIsOpen,\n    nodeId,\n    placement,\n    middleware,\n    whileElementsMounted: autoUpdate,\n  })\n\n  // Opacity-only transition - no position movement\n  const { isMounted, styles: transitionStyles } = useTransitionStyles(context, {\n    duration: 150,\n    initial: { opacity: 0 },\n    open: { opacity: 1 },\n    close: { opacity: 0 },\n  })\n\n  // Interaction hooks based on trigger type\n  const clickEnabled = trigger === 'click' && !isControlled\n  const hoverEnabled = trigger === 'mouseenter' && !isControlled\n  const focusEnabled = (trigger === 'focus' || trigger === 'focusin') && !isControlled\n\n  const click = useClick(context, { enabled: clickEnabled })\n  const hover = useHover(context, {\n    enabled: hoverEnabled,\n    move: false,\n    handleClose: hoverEnabled ? safePolygon() : null,\n    delay: { open: 0, close: 200 }, // 200ms delay before closing\n  })\n  const focus = useFocus(context, { enabled: focusEnabled })\n  const dismiss = useDismiss(context, {\n    enabled: !isControlled,\n    escapeKey: closeOnEsc,\n    outsidePress: closeOnBlur,\n  })\n  const role = useRole(context)\n\n  const { getReferenceProps, getFloatingProps } = useInteractions([click, hover, focus, dismiss, role])\n\n  // Sync controlled state\n  useEffect(() => {\n    if (isControlled) {\n      setIsOpenState(isOpenProp)\n    }\n  }, [isControlled, isOpenProp])\n\n  return {\n    close,\n    context,\n    floatingStyles,\n    getFloatingProps,\n    getReferenceProps,\n    isMounted,\n    isOpen,\n    open,\n    popper: refs.floating.current,\n    reference: refs.reference.current as HTMLElement | null,\n    refs,\n    setPopper: refs.setFloating,\n    setReference: refs.setReference,\n    transitionStyles,\n  }\n}\n\nexport type UsePopoverType = ReturnType<typeof usePopover>\n"],"mappings":";;;;;;;;;;AA+BA,SAAwB,WAAW,QAAiC,CAAC,GAAG;CACtE,MAAM,EACJ,cAAc,MACd,aAAa,MACb,gBAAgB,OAChB,eAAO,MACP,QAAQ,YACR,YACA,kBACA,SAAS,aACT,QAAQ,YACR,QACA,YAAY,gBACZ,UAAU,YACR;CAEJ,MAAM,eAAe,eAAe;CACpC,MAAM,CAAC,aAAa,kBAAkB,SAAS,aAAa;CAC5D,MAAM,SAAS,eAAe,aAAa;CAE3C,MAAM,UAAU,eAAe,WAAW;CAC1C,MAAM,SAAS,eAAe,UAAU;CAExC,MAAM,YAAY,aACf,SAAkB;EACjB,IAAI,CAAC,cACH,eAAe,IAAI;EAErB,IAAI,MACF,OAAO;OAEP,QAAQ;CAEZ,GACA;EAAC;EAAc;EAAQ;CAAO,CAChC;CAEA,MAAM,QAAQ,kBAAkB,UAAU,KAAK,GAAG,CAAC,SAAS,CAAC;CAC7D,MAAM,OAAO,kBAAkB,UAAU,IAAI,GAAG,CAAC,SAAS,CAAC;CAiB3D,MAAM,EAAE,MAAM,gBAAgB,YAAY,YAAY;EACpD,MAAM;EACN,cAAc;EACd;EACA;EACA,YAnBiB;GACjBA,OAAiB;IAAE,UAAUC,WAAS,MAAM;IAAG,WAAWA,WAAS,MAAM;GAAE,CAAC;GAC5EC,UAAQC,KAAe;GACvB,MAAM,EAAE,SAAS,EAAE,CAAC;GACpB,cACE,KAAK,EACH,MAAM,EAAE,OAAO,YAAY;IACzB,OAAO,OAAO,SAAS,SAAS,OAAO,EACrC,OAAO,GAAG,MAAM,UAAU,MAAM,IAClC,CAAC;GACH,EACF,CAAC;EACL,CAAC,CAAC,OAAO,OAOE;EACT,sBAAsB;CACxB,CAAC;CAGD,MAAM,EAAE,WAAW,QAAQ,qBAAqB,oBAAoB,SAAS;EAC3E,UAAU;EACV,SAAS,EAAE,SAAS,EAAE;EACtB,MAAM,EAAE,SAAS,EAAE;EACnB,OAAO,EAAE,SAAS,EAAE;CACtB,CAAC;CAGD,MAAM,eAAe,YAAY,WAAW,CAAC;CAC7C,MAAM,eAAe,YAAY,gBAAgB,CAAC;CAClD,MAAM,gBAAgB,YAAY,WAAW,YAAY,cAAc,CAAC;CAiBxE,MAAM,EAAE,mBAAmB,qBAAqB,gBAAgB;EAflD,SAAS,SAAS,EAAE,SAAS,aAAa,CAea;EAdvD,SAAS,SAAS;GAC9B,SAAS;GACT,MAAM;GACN,aAAa,eAAe,YAAY,IAAI;GAC5C,OAAO;IAAE,MAAM;IAAG,OAAO;GAAI;EAC/B,CAS4E;EAR9D,SAAS,SAAS,EAAE,SAAS,aAAa,CAQ2B;EAPnE,WAAW,SAAS;GAClC,SAAS,CAAC;GACV,WAAW;GACX,cAAc;EAChB,CAG4F;EAF/E,QAAQ,OAE6E;CAAC,CAAC;CAGpG,gBAAgB;EACd,IAAI,cACF,eAAe,UAAU;CAE7B,GAAG,CAAC,cAAc,UAAU,CAAC;CAE7B,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,QAAQ,KAAK,SAAS;EACtB,WAAW,KAAK,UAAU;EAC1B;EACA,WAAW,KAAK;EAChB,cAAc,KAAK;EACnB;CACF;AACF"}

package/dist/portal/portal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"portal.d.ts","names":[],"sources":["../../src/portal/portal.tsx"],"mappings":";;;;;;cAQa,MAAA,EAAQ,EAAA,CAAG,WAAA,GAAc,YAAA"}
+{"version":3,"file":"portal.d.ts","names":[],"sources":["../../src/portal/portal.tsx"],"mappings":";;;;;;cASa,MAAA,EAAQ,EAAA,CAAG,WAAA,GAAc,YAAA"}

package/dist/portal/portal.js

@@ -17,5 +17,5 @@ Portal.displayName = "Portal";
 
 //#endregion
 export { Portal as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# 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,SAAsB;CAExD,gBAAgB;EACd,IAAI,CAAC,eACH,aAAa,cAAc,WAAW,SAAS,IAAI;CAEvD,GAAG,CAAC,aAAa,CAAC;CAElB,IAAI,eAAe,OAAO,kCAAG,SAAW;CAExC,OAAO,YAAY,aAAa,UAAU,SAAS,IAAI,4CAAG,UAAY;AACxE;AAEA,OAAO,cAAc"}
+{"version":3,"file":"portal.js","names":[],"sources":["../../src/portal/portal.tsx"],"sourcesContent":["import type { FC } from 'react'\n\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":";;;;;;AASA,MAAa,UAAyC,UAAS;CAC7D,MAAM,EAAE,UAAU,cAAc,kBAAkB;CAClD,MAAM,CAAC,WAAW,gBAAgB,SAAsB;CAExD,gBAAgB;EACd,IAAI,CAAC,eACH,aAAa,cAAc,WAAW,SAAS,IAAI;CAEvD,GAAG,CAAC,aAAa,CAAC;CAElB,IAAI,eAAe,OAAO,kCAAG,SAAW;CAExC,OAAO,YAAY,aAAa,UAAU,SAAS,IAAI,4CAAG,UAAY;AACxE;AAEA,OAAO,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"progress.d.ts","names":[],"sources":["../../src/progress/progress.tsx"],"mappings":";;;;cAOa,YAAA,8BAAY,eAAA,oCAAA,YAAA,EAGxB,WAHwB;;cASZ,QAAA,EAAQ,YAAA,QAAA,aAAA"}
+{"version":3,"file":"progress.d.ts","names":[],"sources":["../../src/progress/progress.tsx"],"mappings":";;;;cAQa,YAAA,8BAAY,eAAA,oCAAA,YAAA,EAGxB,WAHwB;;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__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# 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,CAAC;CAEpC,MAAM,SAAS,eAAe,YAAY,KAAK;CAE/C,gBAAgB;EACd,MAAM,IAAI,CAAC,QAAQ,IAAI,KAAK,KAAK,KAAK;EACtC,SAAS,IAAI,WAAW,WAAW,CAAC;CACtC,GAAG,CAAC,KAAK,CAAC;CAEV,MAAM,KAAK,KAAK,MAAM,OAAO;CAC7B,MAAM,QAAQ,KAAK,SAAS,OAAO;CAEnC,OACE,oBAAC,cAAD;EACE,WAAW,GAAG,gBAAgB,SAAS;EAClC;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;GAAQ;EAE3E;CACO;AAElB,CAAC;AAED,SAAS,cAAc"}
+{"version":3,"file":"progress.js","names":[],"sources":["../../src/progress/progress.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport type { ProgressProps } from './progress.types'\n\nimport { Box } from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\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":";;;;;;;;;AAQA,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,CAAC;CAEpC,MAAM,SAAS,eAAe,YAAY,KAAK;CAE/C,gBAAgB;EACd,MAAM,IAAI,CAAC,QAAQ,IAAI,KAAK,KAAK,KAAK;EACtC,SAAS,IAAI,WAAW,WAAW,CAAC;CACtC,GAAG,CAAC,KAAK,CAAC;CAEV,MAAM,KAAK,KAAK,MAAM,OAAO;CAC7B,MAAM,QAAQ,KAAK,SAAS,OAAO;CAEnC,OACE,oBAAC,cAAD;EACE,WAAW,GAAG,gBAAgB,SAAS;EAClC;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;GAAQ;EAE3E;CACO;AAElB,CAAC;AAED,SAAS,cAAc"}

package/dist/progress/theme.js

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

package/dist/progressCircular/consts.js

@@ -11,5 +11,5 @@ const absCenterStyles = {
 
 //#endregion
 export { absCenterStyles };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=consts.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"progressCircular.d.ts","names":[],"sources":["../../src/progressCircular/progressCircular.tsx"],"mappings":";;;;cAUa,oBAAA,8BAAoB,eAAA,oCAAA,YAAA,EAIhC,WAJgC;;cAgBpB,gBAAA,EAAgB,YAAA,QAAA,qBAAA"}
+{"version":3,"file":"progressCircular.d.ts","names":[],"sources":["../../src/progressCircular/progressCircular.tsx"],"mappings":";;;;cAWa,oBAAA,8BAAoB,eAAA,oCAAA,YAAA,EAIhC,WAJgC;;cAgBpB,gBAAA,EAAgB,YAAA,QAAA,qBAAA"}

package/dist/progressCircular/progressCircular.js

@@ -94,5 +94,5 @@ ProgressCircular.displayName = "ProgressCircular";
 
 //#endregion
 export { ProgressCircularBase, ProgressCircular as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# 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,UAAU,CAAC;;;;;;AAOzC,MAAa,mBAAmB,KAAmC,OAAO,QAAQ;CAChF,MAAM,EAAE,UAAU,WAAW,OAAO,QAAQ,GAAG,gBAAgB,GAAG,SAAS;CAE3E,MAAM,SAAS,eAAe,oBAAoB,KAAK;CAEvD,MAAM,CAAC,UAAU,eAAe,SAAS,KAAK;CAE9C,gBAAgB;EACd,YAAY,QAAQ,KAAK,KAAK,KAAK,IAAI,CAAC;CAC1C,GAAG,CAAC,KAAK,CAAC;CAEV,gBAAgB;EACd,MAAM,IAAI,CAAC,QAAQ,IAAI,KAAK,KAAK,KAAK;EACtC,YAAY,gBAA0B,CAAC;CACzC,GAAG,CAAC,KAAK,CAAC;CAEV,MAAM,eAAoB,IAAI,OAAO,cAAc;CACnD,MAAM,QAAQ,SAAS,IAAI,KAAK;CAChC,MAAM,SAAS,QAAS,iBAAuB;CAE/C,OACE,qBAAC,sBAAD;EAAsB,WAAW,GAAG,yBAAyB,SAAS;EAAQ;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;IAAc,IACrG,oBAAC,gBAAD;KACE,IAAG;KACH,IAAG;KACH,GAAG;KACH,QAAQ,OAAO,OAAO;KACtB,iBAAiB,GAAG,MAAM,GAAG;KAC7B,kBAAkB;KAClB,aAAa,OAAO;IACrB,EACE;;GACL,oBAAC,KAAD;IAAK,GAAK;IAA8B,KAAK,OAAO;cACjD,WACC,WACE,iBACF,qBAAC,GAAD;KAAG,OAAO,OAAO;KAAO,UAAU,OAAO;eAAzC,CACG,UAAS,GACT;SACD;GACD;GACJ,CAAC,CAAC,SACD,oBAAC,KAAD;IAAK,GAAK;IAA8B;cACtC,oBAAC,GAAD;KAAG,OAAO,OAAO;KAAO,UAAU,OAAO;eACtC;IACA;GACA;EAEa;;AAE1B,CAAC;AAED,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 type { ProgressCircularProps } from './progressCircular.types'\n\nimport { Box } from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { T } from '../t'\nimport { cs } from '../utils'\nimport { absCenterStyles, labelBottom, maxValue } from './consts'\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":";;;;;;;;;;;AAWA,MAAa,uBAAuB,OAAO,MAAM;;;;;AAKjD,MAAM,aAAa,OAAO,MAAM;;;AAIhC,MAAM,iBAAiB,OAAO,UAAU,CAAC;;;;;;AAOzC,MAAa,mBAAmB,KAAmC,OAAO,QAAQ;CAChF,MAAM,EAAE,UAAU,WAAW,OAAO,QAAQ,GAAG,gBAAgB,GAAG,SAAS;CAE3E,MAAM,SAAS,eAAe,oBAAoB,KAAK;CAEvD,MAAM,CAAC,UAAU,eAAe,SAAS,KAAK;CAE9C,gBAAgB;EACd,YAAY,QAAQ,KAAK,KAAK,KAAK,IAAI,CAAC;CAC1C,GAAG,CAAC,KAAK,CAAC;CAEV,gBAAgB;EACd,MAAM,IAAI,CAAC,QAAQ,IAAI,KAAK,KAAK,KAAK;EACtC,YAAY,gBAA0B,CAAC;CACzC,GAAG,CAAC,KAAK,CAAC;CAEV,MAAM,eAAoB,IAAI,OAAO,cAAc;CACnD,MAAM,QAAQ,SAAS,IAAI,KAAK;CAChC,MAAM,SAAS,QAAS,iBAAuB;CAE/C,OACE,qBAAC,sBAAD;EAAsB,WAAW,GAAG,yBAAyB,SAAS;EAAQ;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;IAAc,IACrG,oBAAC,gBAAD;KACE,IAAG;KACH,IAAG;KACH,GAAG;KACH,QAAQ,OAAO,OAAO;KACtB,iBAAiB,GAAG,MAAM,GAAG;KAC7B,kBAAkB;KAClB,aAAa,OAAO;IACrB,EACE;;GACL,oBAAC,KAAD;IAAK,GAAK;IAA8B,KAAK,OAAO;cACjD,WACC,WACE,iBACF,qBAAC,GAAD;KAAG,OAAO,OAAO;KAAO,UAAU,OAAO;eAAzC,CACG,UAAS,GACT;SACD;GACD;GACJ,CAAC,CAAC,SACD,oBAAC,KAAD;IAAK,GAAK;IAA8B;cACtC,oBAAC,GAAD;KAAG,OAAO,OAAO;KAAO,UAAU,OAAO;eACtC;IACA;GACA;EAEa;;AAE1B,CAAC;AAED,iBAAiB,cAAc"}

package/dist/progressCircular/theme.js

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

package/dist/prose/prose.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prose.d.ts","names":[],"sources":["../../src/prose/prose.tsx"],"mappings":";;;KAIY,UAAA,GAAa,QAAQ;AAAA,cAEpB,KAAA,8BAAK,eAAA,CAAA,YAAA,QAAA,QAAA,QAAA,QAAA"}
+{"version":3,"file":"prose.d.ts","names":[],"sources":["../../src/prose/prose.tsx"],"mappings":";;;KAKY,UAAA,GAAa,QAAQ;AAAA,cAEpB,KAAA,8BAAK,eAAA,CAAA,YAAA,QAAA,QAAA,QAAA,QAAA"}

package/dist/prose/prose.js

@@ -51,7 +51,7 @@ const Prose = styled(Box)`
   ul ul,
   ol ul {
     list-style-type: circle;
-    margin: var(--vui-nested-list-margin) 0;
+    margin: var(--vui-prose-nested-list-margin) 0;
   }
 
   ul ul ul,
@@ -126,5 +126,5 @@ Prose.displayName = "Prose";
 
 //#endregion
 export { Prose as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=prose.js.map

package/dist/prose/prose.js.map

@@ -1 +1 @@
-{"version":3,"file":"prose.js","names":[],"sources":["../../src/prose/prose.tsx"],"sourcesContent":["import Box from '../box'\nimport type { BoxProps } from '../box'\nimport { styled, th } from '../core'\n\nexport type ProseProps = BoxProps\n\nexport const Prose = styled(Box)<ProseProps>`\n  --vui-prose-link-transition-duration: 0.5s;\n  --vui-prose-list-margin: ${th.space(2)};\n  --vui-prose-list-padding-left: ${th.space(4)};\n  --vui-prose-nested-list-margin: ${th.space(0.5)};\n  --vui-prose-link-color: ${th.color('seaBlue.main')};\n  --vui-prose-link-hover-color: ${th.color('seaBlue.35')};\n  --vui-prose-bold-font-weight: ${th.fontWeight('bold')};\n\n  display: block;\n\n  /* Paragraphs one after another */\n  p + p {\n    margin-top: ${th.space(2)};\n  }\n\n  /* Bold text */\n  b,\n  strong {\n    font-weight: var(--vui-prose-bold-font-weight);\n  }\n\n  /* Unordered lists */\n  ul {\n    margin: var(--vui-prose-list-margin) 0;\n    padding-left: var(--vui-prose-list-padding-left);\n    list-style-type: disc;\n  }\n\n  /* Ordered lists */\n  ol {\n    margin: var(--vui-prose-list-margin) 0;\n    padding-left: var(--vui-prose-list-padding-left);\n    list-style-type: decimal;\n  }\n\n  /* List items */\n  li {\n    line-height: 1.6;\n    &::marker {\n      color: currentColor;\n    }\n  }\n\n  /* Nested lists */\n  ul ul,\n  ol ul {\n    list-style-type: circle;\n    margin: var(--vui-nested-list-margin) 0;\n  }\n\n  ul ul ul,\n  ol ul ul {\n    list-style-type: square;\n  }\n\n  /* Emphasis */\n  em,\n  i {\n    font-style: italic;\n  }\n\n  /* Links - as in Link component */\n  a {\n    color: var(--vui-prose-link-color);\n    cursor: pointer;\n    padding-bottom: 2px;\n    position: relative;\n    text-decoration: none;\n\n    background: linear-gradient(to right, currentcolor, currentcolor);\n    background-size: 100% 1px;\n    background-position: 0 100%;\n    background-repeat: no-repeat;\n\n    transition: color var(--vui-prose-link-transition-duration) ease;\n\n    &:hover,\n    &:focus {\n      animation: linkSwipe var(--vui-prose-link-transition-duration) ease forwards;\n      background-size: 100% 1px;\n      color: var(--vui-prose-link-hover-color);\n    }\n\n    &[target='_blank']::after,\n    &[rel~='external']::after,\n    &[rel~='noopener']::after {\n      content: '';\n      display: inline-block;\n      position: absolute;\n      width: 1rem;\n      height: 1rem;\n\n      background-color: currentColor;\n\n      mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 512 512' %3E%3Cpath d='M440 256h-16a8 8 0 0 0-8 8v200a16 16 0 0 1-16 16H48a16 16 0 0 1-16-16V112a16 16 0 0 1 16-16h200a8 8 0 0 0 8-8V72a8 8 0 0 0-8-8H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V264a8 8 0 0 0-8-8ZM500 0 364 .34a12 12 0 0 0-12 12v10a12 12 0 0 0 12 12l90-.34.7.71-323.19 323.15a12 12 0 0 0 0 17l5.66 5.66a12 12 0 0 0 17 0L477.29 57.34l.71.7-.34 90a12 12 0 0 0 12 12h10a12 12 0 0 0 12-12L512 12a12 12 0 0 0-12-12Z'/%3E%3C/svg%3E%0A\");\n      mask-repeat: no-repeat;\n      mask-size: contain;\n    }\n\n    &[target='_blank'],\n    &[rel~='external'],\n    &[rel~='noopener'] {\n      margin-right: 1.5rem;\n      &::after {\n        transform: translate(4px, 3px);\n      }\n    }\n  }\n\n  @keyframes linkSwipe {\n    from {\n      background-size: 0 1px;\n    }\n    to {\n      background-size: 100% 1px;\n    }\n  }\n`\n\nProse.displayName = 'Prose'\nexport default Prose\n"],"mappings":";;;;;AAMA,MAAa,QAAQ,OAAO,GAAG,CAAC,AAAY;;6BAEf,GAAG,MAAM,CAAC,EAAE;mCACN,GAAG,MAAM,CAAC,EAAE;oCACX,GAAG,MAAM,EAAG,EAAE;4BACtB,GAAG,MAAM,cAAc,EAAE;kCACnB,GAAG,MAAM,YAAY,EAAE;kCACvB,GAAG,WAAW,MAAM,EAAE;;;;;;kBAMtC,GAAG,MAAM,CAAC,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2G9B,MAAM,cAAc"}
+{"version":3,"file":"prose.js","names":[],"sources":["../../src/prose/prose.tsx"],"sourcesContent":["import type { BoxProps } from '../box'\n\nimport Box from '../box'\nimport { styled, th } from '../core'\n\nexport type ProseProps = BoxProps\n\nexport const Prose = styled(Box)<ProseProps>`\n  --vui-prose-link-transition-duration: 0.5s;\n  --vui-prose-list-margin: ${th.space(2)};\n  --vui-prose-list-padding-left: ${th.space(4)};\n  --vui-prose-nested-list-margin: ${th.space(0.5)};\n  --vui-prose-link-color: ${th.color('seaBlue.main')};\n  --vui-prose-link-hover-color: ${th.color('seaBlue.35')};\n  --vui-prose-bold-font-weight: ${th.fontWeight('bold')};\n\n  display: block;\n\n  /* Paragraphs one after another */\n  p + p {\n    margin-top: ${th.space(2)};\n  }\n\n  /* Bold text */\n  b,\n  strong {\n    font-weight: var(--vui-prose-bold-font-weight);\n  }\n\n  /* Unordered lists */\n  ul {\n    margin: var(--vui-prose-list-margin) 0;\n    padding-left: var(--vui-prose-list-padding-left);\n    list-style-type: disc;\n  }\n\n  /* Ordered lists */\n  ol {\n    margin: var(--vui-prose-list-margin) 0;\n    padding-left: var(--vui-prose-list-padding-left);\n    list-style-type: decimal;\n  }\n\n  /* List items */\n  li {\n    line-height: 1.6;\n    &::marker {\n      color: currentColor;\n    }\n  }\n\n  /* Nested lists */\n  ul ul,\n  ol ul {\n    list-style-type: circle;\n    margin: var(--vui-prose-nested-list-margin) 0;\n  }\n\n  ul ul ul,\n  ol ul ul {\n    list-style-type: square;\n  }\n\n  /* Emphasis */\n  em,\n  i {\n    font-style: italic;\n  }\n\n  /* Links - as in Link component */\n  a {\n    color: var(--vui-prose-link-color);\n    cursor: pointer;\n    padding-bottom: 2px;\n    position: relative;\n    text-decoration: none;\n\n    background: linear-gradient(to right, currentcolor, currentcolor);\n    background-size: 100% 1px;\n    background-position: 0 100%;\n    background-repeat: no-repeat;\n\n    transition: color var(--vui-prose-link-transition-duration) ease;\n\n    &:hover,\n    &:focus {\n      animation: linkSwipe var(--vui-prose-link-transition-duration) ease forwards;\n      background-size: 100% 1px;\n      color: var(--vui-prose-link-hover-color);\n    }\n\n    &[target='_blank']::after,\n    &[rel~='external']::after,\n    &[rel~='noopener']::after {\n      content: '';\n      display: inline-block;\n      position: absolute;\n      width: 1rem;\n      height: 1rem;\n\n      background-color: currentColor;\n\n      mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 512 512' %3E%3Cpath d='M440 256h-16a8 8 0 0 0-8 8v200a16 16 0 0 1-16 16H48a16 16 0 0 1-16-16V112a16 16 0 0 1 16-16h200a8 8 0 0 0 8-8V72a8 8 0 0 0-8-8H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V264a8 8 0 0 0-8-8ZM500 0 364 .34a12 12 0 0 0-12 12v10a12 12 0 0 0 12 12l90-.34.7.71-323.19 323.15a12 12 0 0 0 0 17l5.66 5.66a12 12 0 0 0 17 0L477.29 57.34l.71.7-.34 90a12 12 0 0 0 12 12h10a12 12 0 0 0 12-12L512 12a12 12 0 0 0-12-12Z'/%3E%3C/svg%3E%0A\");\n      mask-repeat: no-repeat;\n      mask-size: contain;\n    }\n\n    &[target='_blank'],\n    &[rel~='external'],\n    &[rel~='noopener'] {\n      margin-right: 1.5rem;\n      &::after {\n        transform: translate(4px, 3px);\n      }\n    }\n  }\n\n  @keyframes linkSwipe {\n    from {\n      background-size: 0 1px;\n    }\n    to {\n      background-size: 100% 1px;\n    }\n  }\n`\n\nProse.displayName = 'Prose'\nexport default Prose\n"],"mappings":";;;;;AAOA,MAAa,QAAQ,OAAO,GAAG,CAAC,AAAY;;6BAEf,GAAG,MAAM,CAAC,EAAE;mCACN,GAAG,MAAM,CAAC,EAAE;oCACX,GAAG,MAAM,EAAG,EAAE;4BACtB,GAAG,MAAM,cAAc,EAAE;kCACnB,GAAG,MAAM,YAAY,EAAE;kCACvB,GAAG,WAAW,MAAM,EAAE;;;;;;kBAMtC,GAAG,MAAM,CAAC,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2G9B,MAAM,cAAc"}

package/dist/radio/consts.js

@@ -8,5 +8,5 @@ const radioColors = {
 
 //#endregion
 export { radioColors };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=consts.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/radio/context.ts"],"mappings":";;cAGO,kBAAA,kBAAkB,QAAA,CAAA,IAAA,GAAE,oBAAA,QAAoB,IAA6C"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/radio/context.ts"],"mappings":";;cAIO,kBAAA,kBAAkB,QAAA,CAAA,IAAA,GAAE,oBAAA,QAAoB,IAA6C"}

package/dist/radio/context.js

@@ -5,5 +5,5 @@ const [RadioGroupProvider, useRadioGroupContext] = createContext({ isOptional: t
 
 //#endregion
 export { RadioGroupProvider, useRadioGroupContext };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=context.js.map

package/dist/radio/context.js.map

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

package/dist/radio/radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio.d.ts","names":[],"sources":["../../src/radio/radio.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;cAiCa,SAAA,8BAAS,eAAA,sCAAA,YAAA,EAsBrB,cAAA,GAtBqB,oBAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,YAAA,GAAA,mBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,SAAA,GAAA,cAAA,GAAA,YAAA,GAAA,cAAA,GAAA,eAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,mBAAA,GAAA,iBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,eAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,SAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,UAAA,GAAA,QAAA,GAAA,QAAA,GAAA,QAAA,GAAA,cAAA,GAAA,WAAA,GAAA,eAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,oBAAA,GAAA,iBAAA,GAAA,wBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,aAAA,GAAA,eAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,WAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,UAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,cAAA,GAAA,aAAA,GAAA,WAAA,GAAA,QAAA,GAAA,UAAA,GAAA,WAAA,GAAA,SAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,cAAA,GAAA,aAAA,GAAA,UAAA,GAAA,WAAA,GAAA,aAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,YAAA,GAAA,YAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,gBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,WAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,eAAA,GAAA,WAAA,GAAA,UAAA,GAAA,UAAA,GAAA,UAAA,GAAA,WAAA,GAAA,WAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,uBAAA,GAAA,6BAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,aAAA,GAAA,cAAA,GAAA,eAAA,GAAA,eAAA,GAAA,UAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,sBAAA,GAAA,cAAA,GAAA,eAAA;;;;;cA4BT,KAAA,EAAK,YAAA,SAAA,UAAA"}
+{"version":3,"file":"radio.d.ts","names":[],"sources":["../../src/radio/radio.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;cAkCa,SAAA,8BAAS,eAAA,sCAAA,YAAA,EAsBrB,cAAA,GAtBqB,oBAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,YAAA,GAAA,mBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,SAAA,GAAA,cAAA,GAAA,YAAA,GAAA,cAAA,GAAA,eAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,mBAAA,GAAA,iBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,eAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,SAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,UAAA,GAAA,QAAA,GAAA,QAAA,GAAA,QAAA,GAAA,cAAA,GAAA,WAAA,GAAA,eAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,oBAAA,GAAA,iBAAA,GAAA,wBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,aAAA,GAAA,eAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,WAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,UAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,cAAA,GAAA,aAAA,GAAA,WAAA,GAAA,QAAA,GAAA,UAAA,GAAA,WAAA,GAAA,SAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,cAAA,GAAA,aAAA,GAAA,UAAA,GAAA,WAAA,GAAA,aAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,YAAA,GAAA,YAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,gBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,WAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,eAAA,GAAA,WAAA,GAAA,UAAA,GAAA,UAAA,GAAA,UAAA,GAAA,WAAA,GAAA,WAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,uBAAA,GAAA,6BAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,aAAA,GAAA,cAAA,GAAA,eAAA,GAAA,eAAA,GAAA,UAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,sBAAA,GAAA,cAAA,GAAA,eAAA;;;;;cA4BT,KAAA,EAAK,YAAA,SAAA,UAAA"}

package/dist/radio/radio.js

@@ -126,5 +126,5 @@ Radio.displayName = "Radio";
 
 //#endregion
 export { RadioBase, Radio as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=radio.js.map