@veracity/vui 3.0.0-beta.8 → 3.0.0

package/dist/portal/index.d.ts

@@ -0,0 +1,2 @@
+import { PortalProps } from "./portal.types.js";
+import { Portal } from "./portal.js";

package/dist/portal/portal.d.ts

@@ -1,4 +1,5 @@
 import { ChildrenProp } from "../core/types.js";
+import "../core/index.js";
 import { PortalProps } from "./portal.types.js";
 import { FC } from "react";
 

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

@@ -1 +1 @@
-{"version":3,"file":"portal.d.ts","names":[],"sources":["../../src/portal/portal.tsx"],"sourcesContent":[],"mappings":";;;;;;cAQa,QAAQ,GAAG,cAAc"}
+{"version":3,"file":"portal.d.ts","names":[],"sources":["../../src/portal/portal.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAQa,QAAQ,GAAG,cAAc"}

package/dist/portal/portal.js

@@ -1,2 +1,22 @@
-import{useEffect as e,useState as t}from"react";import{Fragment as n,jsx as r}from"react/jsx-runtime";import{createPortal as i}from"react-dom";const a=a=>{let{children:o,containerRef:s,disablePortal:c}=a,[l,u]=t();return e(()=>{c||u(s?.current??document.body)},[c]),c?r(n,{children:o}):l?i(o,l):r(n,{children:l})};a.displayName=`Portal`;var o=a;export{a as Portal,o as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { useEffect, useState } from "react";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
+import { createPortal } from "react-dom";
+
+//#region src/portal/portal.tsx
+/** Provided children are portaled to document.body or custom container. */
+const Portal = (props) => {
+	const { children, containerRef, disablePortal } = props;
+	const [mountNode, setMountNode] = useState();
+	useEffect(() => {
+		if (!disablePortal) setMountNode(containerRef?.current ?? document.body);
+	}, [disablePortal]);
+	if (disablePortal) return /* @__PURE__ */ jsx(Fragment$1, { children });
+	return mountNode ? createPortal(children, mountNode) : /* @__PURE__ */ jsx(Fragment$1, { children: mountNode });
+};
+Portal.displayName = "Portal";
+var portal_default = Portal;
+
+//#endregion
+export { Portal, portal_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=portal.js.map

package/dist/portal/portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"portal.js","names":["Portal: FC<PortalProps & ChildrenProp>"],"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'\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":"+IAQA,MAAaA,EAAyC,GAAS,CAC7D,GAAM,CAAE,WAAU,eAAc,iBAAkB,EAC5C,CAAC,EAAW,GAAgB,GAAuB,CAUzD,OARA,MAAgB,CACT,GACH,EAAa,GAAc,SAAW,SAAS,KAAK,EAErD,CAAC,EAAc,CAAC,CAEf,EAAsB,EAAA,EAAA,CAAG,WAAA,CAAY,CAElC,EAAY,EAAa,EAAU,EAAU,CAAG,EAAA,EAAA,CAAA,SAAG,EAAA,CAAa,EAGzE,EAAO,YAAc,SAErB,IAAA,EAAe"}
+{"version":3,"file":"portal.js","names":["Portal: FC<PortalProps & ChildrenProp>"],"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'\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,MAAaA,UAAyC,UAAS;CAC7D,MAAM,EAAE,UAAU,cAAc,kBAAkB;CAClD,MAAM,CAAC,WAAW,gBAAgB,UAAuB;AAEzD,iBAAgB;AACd,MAAI,CAAC,cACH,cAAa,cAAc,WAAW,SAAS,KAAK;IAErD,CAAC,cAAc,CAAC;AAEnB,KAAI,cAAe,QAAO,kCAAG,WAAY;AAEzC,QAAO,YAAY,aAAa,UAAU,UAAU,GAAG,4CAAG,YAAa;;AAGzE,OAAO,cAAc;AAErB,qBAAe"}

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

@@ -1 +1 @@
-{"version":3,"file":"portal.types.d.ts","names":[],"sources":["../../src/portal/portal.types.ts"],"sourcesContent":[],"mappings":";;;KAEY,WAAA,CAAA,CAAA;;EAAA,YAAA,CAAA,CAAA,CAEK,SAFM,CAEI,WAFJ,CAAA,CAAA,CAAA,IAAA,CAAA;EAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,IAAA,CAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,KAAA,CAAA,CAAA,OAAA,CAAA,SAAA,CAAA,CAAA,CAAA;eAEI,CAAA,CAAA,CAAA,OAAA"}
+{"version":3,"file":"portal.types.d.ts","names":[],"sources":["../../src/portal/portal.types.ts"],"sourcesContent":[],"mappings":";;;KAEY,WAAA,CAAA,CAAA;;EAAA,YAAA,CAAA,CAAA,CAEK,SAFM,CAEI,WAAA,CAAA,CAAA,CAAA,IAAV,CAAA"}

package/dist/progress/index.d.ts

@@ -0,0 +1,2 @@
+import { ProgressProps } from "./progress.types.js";
+import { Progress, ProgressBase } from "./progress.js";

package/dist/progress/progress.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"progress.d.ts","names":[],"sources":["../../src/progress/progress.tsx"],"sourcesContent":[],"mappings":";;;;;;cAOa,cAAY,oBAAA,CAAA,uBAGxB,oBAAA,CAHwB,YAAA,CAAA,CAAA,WAAA,CAAA;;cASZ,UAAQ,oBAAA"}
+{"version":3,"file":"progress.d.ts","names":[],"sources":["../../src/progress/progress.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAOa,cAAY,oBAAA,CAAA,uBAGxB,oBAAA,CAHwB,YAAA,CAAA,CAAA,WAAA,CAAA;;cASZ,UAAQ,oBAAA"}

package/dist/progress/progress.js

@@ -1,5 +1,56 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{styled as n}from"../core/styled.js";import{vui as r}from"../core/vui.js";import{Box as i}from"../box/box.js";import{useEffect as a,useState as o}from"react";import{jsx as s}from"react/jsx-runtime";const c=n.divBox`
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { styled } from "../core/styled.js";
+import { vui } from "../core/vui.js";
+import { Box } from "../box/box.js";
+import { useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/progress/progress.tsx
+const ProgressBase = styled.divBox`
   display: flex;
   width: 100%;
-`,l=r((n,r)=>{let{className:l,value:u=0,showPercentage:d,...f}=n,[p,m]=o(0),h=t(`Progress`,n);a(()=>{let e=u?Math.ceil(u):0;m(e>100?100:e)},[u]);let g=f.bg||h.bg,_=f.color||h.color;return s(c,{className:e(`vui-progress`,l),ref:r,...h.container,...f,bg:g,borderRadius:`sm`,h:1,children:s(i,{bg:_,borderRadius:`sm`,position:`relative`,textAlign:`right`,transition:`width 0.4s ease-in-out;`,w:`${p}%`,children:d&&u>=3&&s(i,{...h.percentage,position:`absolute`,right:`0`,children:`${p}%`})})})});l.displayName=`Progress`;export{l as Progress,c as ProgressBase};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+`;
+const minPercentageDisplay = 3;
+const maxValue = 100;
+/** Indicates a process progress. */
+const Progress = vui((props, ref) => {
+	const { className, value = 0, showPercentage,...rest } = props;
+	const [width, setWidth] = useState(0);
+	const styles = useStyleConfig("Progress", props);
+	useEffect(() => {
+		const w = !value ? 0 : Math.ceil(value);
+		setWidth(w > maxValue ? maxValue : w);
+	}, [value]);
+	const bg = rest.bg || styles.bg;
+	const color = rest.color || styles.color;
+	return /* @__PURE__ */ jsx(ProgressBase, {
+		className: cs("vui-progress", className),
+		ref,
+		...styles.container,
+		...rest,
+		bg,
+		borderRadius: "sm",
+		h: 1,
+		children: /* @__PURE__ */ jsx(Box, {
+			bg: color,
+			borderRadius: "sm",
+			position: "relative",
+			textAlign: "right",
+			transition: "width 0.4s ease-in-out;",
+			w: `${width}%`,
+			children: showPercentage && value >= minPercentageDisplay && /* @__PURE__ */ jsx(Box, {
+				...styles.percentage,
+				position: "absolute",
+				right: "0",
+				children: `${width}%`
+			})
+		})
+	});
+});
+Progress.displayName = "Progress";
+
+//#endregion
+export { Progress, ProgressBase };
+globalThis.__vuiVersion__ = "3.0.0"
 //# 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":"sSAOA,MAAa,EAAe,EAAO,MAAM;;;EAS5B,EAAW,GAA2B,EAAO,IAAQ,CAChE,GAAM,CAAE,YAAW,QAAQ,EAAG,iBAAgB,GAAG,GAAS,EAEpD,CAAC,EAAO,GAAY,EAAS,EAAE,CAE/B,EAAS,EAAe,WAAY,EAAM,CAEhD,MAAgB,CACd,IAAM,EAAK,EAAY,KAAK,KAAK,EAAM,CAApB,EACnB,EAAS,EAAI,IAAW,IAAW,EAAE,EACpC,CAAC,EAAM,CAAC,CAEX,IAAM,EAAK,EAAK,IAAM,EAAO,GACvB,EAAQ,EAAK,OAAS,EAAO,MAEnC,OACE,EAAC,EAAA,CACC,UAAW,EAAG,eAAgB,EAAU,CACnC,MACL,GAAI,EAAO,UACX,GAAI,EACA,KACJ,aAAa,KACb,EAAG,WAEH,EAAC,EAAA,CACC,GAAI,EACJ,aAAa,KACb,SAAS,WACT,UAAU,QACV,WAAW,0BACX,EAAG,GAAG,EAAM,YAEX,GAAkB,GAAS,GAC1B,EAAC,EAAA,CAAI,GAAI,EAAO,WAAY,SAAS,WAAW,MAAM,aAAK,GAAG,EAAM,IAAS,EAE3E,EACO,EAEjB,CAEF,EAAS,YAAc"}
+{"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,eAAgB,GAAG,SAAS;CAE1D,MAAM,CAAC,OAAO,YAAY,SAAS,EAAE;CAErC,MAAM,SAAS,eAAe,YAAY,MAAM;AAEhD,iBAAgB;EACd,MAAM,IAAI,CAAC,QAAQ,IAAI,KAAK,KAAK,MAAM;AACvC,WAAS,IAAI,WAAW,WAAW,EAAE;IACpC,CAAC,MAAM,CAAC;CAEX,MAAM,KAAK,KAAK,MAAM,OAAO;CAC7B,MAAM,QAAQ,KAAK,SAAS,OAAO;AAEnC,QACE,oBAAC;EACC,WAAW,GAAG,gBAAgB,UAAU;EACnC;EACL,GAAI,OAAO;EACX,GAAI;EACA;EACJ,cAAa;EACb,GAAG;YAEH,oBAAC;GACC,IAAI;GACJ,cAAa;GACb,UAAS;GACT,WAAU;GACV,YAAW;GACX,GAAG,GAAG,MAAM;aAEX,kBAAkB,SAAS,wBAC1B,oBAAC;IAAI,GAAI,OAAO;IAAY,UAAS;IAAW,OAAM;cAAK,GAAG,MAAM;KAAS;IAE3E;GACO;EAEjB;AAEF,SAAS,cAAc"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"progress.types.d.ts","names":[],"sources":["../../src/progress/progress.types.ts"],"sourcesContent":[],"mappings":";;;;KAGY,aAAA,CAAA,CAAA,CAAgB,cAC1B;;EADU,cAAA,CAAA,CAAA,CAAa,OAAA;CAAA"}
+{"version":3,"file":"progress.types.d.ts","names":[],"sources":["../../src/progress/progress.types.ts"],"sourcesContent":[],"mappings":";;;;;KAGY,aAAA,CAAA,CAAA,CAAgB,cAC1B;;;AADF,CAAA"}

package/dist/progress/theme.js

@@ -1,2 +1,61 @@
-var e={baseStyle:{},defaultProps:{size:`md`,variant:`primary`},sizes:{sm:{container:{minH:`4px`},percentage:{fontSize:`80%`,top:`-16px`}},md:{container:{minH:`8px`},percentage:{fontSize:`100%`,top:`-20px`}},lg:{container:{minH:`12px`},percentage:{fontSize:`110%`,top:`-22px`}},xl:{container:{minH:`16px`},percentage:{fontSize:`120%`,top:`-24px`}}},variants:{primary:{bg:`darkBlue.95`,color:`darkBlue.main`},green:{bg:`landGreen.95`,color:`landGreen.main`},red:{bg:`energyRed.95`,color:`energyRed.main`}}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+//#region src/progress/theme.ts
+const baseStyle = {};
+const defaultProps = {
+	size: "md",
+	variant: "primary"
+};
+const sizes = {
+	sm: {
+		container: { minH: "4px" },
+		percentage: {
+			fontSize: "80%",
+			top: "-16px"
+		}
+	},
+	md: {
+		container: { minH: "8px" },
+		percentage: {
+			fontSize: "100%",
+			top: "-20px"
+		}
+	},
+	lg: {
+		container: { minH: "12px" },
+		percentage: {
+			fontSize: "110%",
+			top: "-22px"
+		}
+	},
+	xl: {
+		container: { minH: "16px" },
+		percentage: {
+			fontSize: "120%",
+			top: "-24px"
+		}
+	}
+};
+const variants = {
+	primary: {
+		bg: "darkBlue.95",
+		color: "darkBlue.main"
+	},
+	green: {
+		bg: "landGreen.95",
+		color: "landGreen.main"
+	},
+	red: {
+		bg: "energyRed.95",
+		color: "energyRed.main"
+	}
+};
+var theme_default = {
+	baseStyle,
+	defaultProps,
+	sizes,
+	variants
+};
+
+//#endregion
+export { theme_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=theme.js.map

package/dist/progress/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/progress/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {\n  size: 'md',\n  variant: 'primary',\n}\n\nconst sizes = {\n  sm: {\n    container: {\n      minH: '4px',\n    },\n    percentage: {\n      fontSize: '80%',\n      top: '-16px',\n    },\n  },\n  md: {\n    container: {\n      minH: '8px',\n    },\n    percentage: {\n      fontSize: '100%',\n      top: '-20px',\n    },\n  },\n  lg: {\n    container: {\n      minH: '12px',\n    },\n    percentage: {\n      fontSize: '110%',\n      top: '-22px',\n    },\n  },\n  xl: {\n    container: {\n      minH: '16px',\n    },\n    percentage: {\n      fontSize: '120%',\n      top: '-24px',\n    },\n  },\n}\n\nconst variants = {\n  primary: {\n    bg: 'darkBlue.95',\n    color: 'darkBlue.main',\n  },\n  green: {\n    bg: 'landGreen.95',\n    color: 'landGreen.main',\n  },\n  red: {\n    bg: 'energyRed.95',\n    color: 'energyRed.main',\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":"AA6DA,IAAA,EAAe,CACb,UA9DgB,EAAE,CA+DlB,aA7DmB,CACnB,KAAM,KACN,QAAS,UACV,CA2DC,MAzDY,CACZ,GAAI,CACF,UAAW,CACT,KAAM,MACP,CACD,WAAY,CACV,SAAU,MACV,IAAK,QACN,CACF,CACD,GAAI,CACF,UAAW,CACT,KAAM,MACP,CACD,WAAY,CACV,SAAU,OACV,IAAK,QACN,CACF,CACD,GAAI,CACF,UAAW,CACT,KAAM,OACP,CACD,WAAY,CACV,SAAU,OACV,IAAK,QACN,CACF,CACD,GAAI,CACF,UAAW,CACT,KAAM,OACP,CACD,WAAY,CACV,SAAU,OACV,IAAK,QACN,CACF,CACF,CAqBC,SAnBe,CACf,QAAS,CACP,GAAI,cACJ,MAAO,gBACR,CACD,MAAO,CACL,GAAI,eACJ,MAAO,iBACR,CACD,IAAK,CACH,GAAI,eACJ,MAAO,iBACR,CACF,CAOA"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/progress/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {\n  size: 'md',\n  variant: 'primary',\n}\n\nconst sizes = {\n  sm: {\n    container: {\n      minH: '4px',\n    },\n    percentage: {\n      fontSize: '80%',\n      top: '-16px',\n    },\n  },\n  md: {\n    container: {\n      minH: '8px',\n    },\n    percentage: {\n      fontSize: '100%',\n      top: '-20px',\n    },\n  },\n  lg: {\n    container: {\n      minH: '12px',\n    },\n    percentage: {\n      fontSize: '110%',\n      top: '-22px',\n    },\n  },\n  xl: {\n    container: {\n      minH: '16px',\n    },\n    percentage: {\n      fontSize: '120%',\n      top: '-24px',\n    },\n  },\n}\n\nconst variants = {\n  primary: {\n    bg: 'darkBlue.95',\n    color: 'darkBlue.main',\n  },\n  green: {\n    bg: 'landGreen.95',\n    color: 'landGreen.main',\n  },\n  red: {\n    bg: 'energyRed.95',\n    color: 'energyRed.main',\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY,EAAE;AAEpB,MAAM,eAAe;CACnB,MAAM;CACN,SAAS;CACV;AAED,MAAM,QAAQ;CACZ,IAAI;EACF,WAAW,EACT,MAAM,OACP;EACD,YAAY;GACV,UAAU;GACV,KAAK;GACN;EACF;CACD,IAAI;EACF,WAAW,EACT,MAAM,OACP;EACD,YAAY;GACV,UAAU;GACV,KAAK;GACN;EACF;CACD,IAAI;EACF,WAAW,EACT,MAAM,QACP;EACD,YAAY;GACV,UAAU;GACV,KAAK;GACN;EACF;CACD,IAAI;EACF,WAAW,EACT,MAAM,QACP;EACD,YAAY;GACV,UAAU;GACV,KAAK;GACN;EACF;CACF;AAED,MAAM,WAAW;CACf,SAAS;EACP,IAAI;EACJ,OAAO;EACR;CACD,OAAO;EACL,IAAI;EACJ,OAAO;EACR;CACD,KAAK;EACH,IAAI;EACJ,OAAO;EACR;CACF;AAED,oBAAe;CACb;CACA;CACA;CACA;CACD"}

package/dist/progressCircular/consts.js

@@ -1,2 +1,17 @@
-const e={position:`absolute`,w:`100%`,left:0,right:0,alignItems:`center`,justifyContent:`center`,zIndex:100},t=-16,n=100;export{e as absCenterStyles,t as labelBottom,n as maxValue};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+//#region src/progressCircular/consts.ts
+const absCenterStyles = {
+	position: "absolute",
+	w: "100%",
+	left: 0,
+	right: 0,
+	alignItems: "center",
+	justifyContent: "center",
+	zIndex: 100
+};
+const labelBottom = -16;
+const maxValue = 100;
+
+//#endregion
+export { absCenterStyles, labelBottom, maxValue };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=consts.js.map

package/dist/progressCircular/consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"consts.js","names":[],"sources":["../../src/progressCircular/consts.ts"],"sourcesContent":["export const absCenterStyles = {\n  position: 'absolute',\n  w: '100%',\n  left: 0,\n  right: 0,\n  alignItems: 'center',\n  justifyContent: 'center',\n  zIndex: 100,\n}\n\nexport const labelBottom = -16\n\nexport const maxValue = 100\n"],"mappings":"AAAA,MAAa,EAAkB,CAC7B,SAAU,WACV,EAAG,OACH,KAAM,EACN,MAAO,EACP,WAAY,SACZ,eAAgB,SAChB,OAAQ,IACT,CAEY,EAAc,IAEd,EAAW"}
+{"version":3,"file":"consts.js","names":[],"sources":["../../src/progressCircular/consts.ts"],"sourcesContent":["export const absCenterStyles = {\n  position: 'absolute',\n  w: '100%',\n  left: 0,\n  right: 0,\n  alignItems: 'center',\n  justifyContent: 'center',\n  zIndex: 100,\n}\n\nexport const labelBottom = -16\n\nexport const maxValue = 100\n"],"mappings":";AAAA,MAAa,kBAAkB;CAC7B,UAAU;CACV,GAAG;CACH,MAAM;CACN,OAAO;CACP,YAAY;CACZ,gBAAgB;CAChB,QAAQ;CACT;AAED,MAAa,cAAc;AAE3B,MAAa,WAAW"}

package/dist/progressCircular/index.d.ts

@@ -0,0 +1,2 @@
+import { ProgressCircularProps } from "./progressCircular.types.js";
+import { ProgressCircular, ProgressCircularBase } from "./progressCircular.js";

package/dist/progressCircular/progressCircular.d.ts

@@ -1,6 +1,7 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { ProgressCircularProps } from "./progressCircular.types.js";
+import "../index.js";
 import * as styled_components385 from "styled-components";
 
 //#region src/progressCircular/progressCircular.d.ts

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

@@ -1 +1 @@
-{"version":3,"file":"progressCircular.d.ts","names":[],"sources":["../../src/progressCircular/progressCircular.tsx"],"sourcesContent":[],"mappings":";;;;;;cAUa,sBAAoB,oBAAA,CAAA,uBAIhC,oBAAA,CAJgC,YAAA,CAAA,CAAA,WAAA,CAAA;;cAgBpB,kBAAgB,oBAAA"}
+{"version":3,"file":"progressCircular.d.ts","names":[],"sources":["../../src/progressCircular/progressCircular.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAUa,sBAAoB,oBAAA,CAAA,uBAIhC,oBAAA,CAJgC,YAAA,CAAA,CAAA,WAAA,CAAA;;cAgBpB,kBAAgB,oBAAA"}

package/dist/progressCircular/progressCircular.js

@@ -1,12 +1,98 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{styled as n}from"../core/styled.js";import{vui as r}from"../core/vui.js";import{Box as i}from"../box/box.js";import{T as a}from"../t/t.js";import{absCenterStyles as o,labelBottom as s,maxValue as c}from"./consts.js";import{useEffect as l,useState as u}from"react";import{jsx as d,jsxs as f}from"react/jsx-runtime";const p=n.divBox`
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { styled } from "../core/styled.js";
+import { vui } from "../core/vui.js";
+import { Box } from "../box/box.js";
+import { T } from "../t/t.js";
+import { absCenterStyles, labelBottom, maxValue } from "./consts.js";
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/progressCircular/progressCircular.tsx
+const ProgressCircularBase = styled.divBox`
   display: flex;
   position: relative;
   width: 100%;
-`,m=n.circle`
+`;
+const MainCircle = styled.circle`
   fill: transparent;
-`,h=n(m)`
+`;
+const ProgressCircle = styled(MainCircle)`
   transform: rotate(-90deg);
   transform-origin: 50% 50%;
   transition: stroke-dashoffset 0.5s ease-out;
-`,g=r((n,r)=>{let{children:g,className:_,label:v,value:y=0,showPercentage:b,...x}=n,S=t(`ProgressCircular`,n),[C,w]=u(y);l(()=>{w(y?Math.ceil(y):0)},[y]),l(()=>{let e=y?Math.ceil(y):0;w(e>c?c:e)},[y]);let T=c/2-S.strokeWidth*2,E=T*2*Math.PI,D=E-C/c*E;return f(p,{className:e(`vui-progress-circular`,_),ref:r,w:S.width,...x,children:[f(`svg`,{"aria-valuemax":c,"aria-valuemin":0,"aria-valuenow":C,height:S.width,role:`meter`,version:`1.1`,viewBox:`0 0 100 100`,width:S.width,xmlns:`http://www.w3.org/2000/svg`,children:[d(m,{cx:`50`,cy:`50`,r:T,stroke:S.stroke.main,strokeWidth:S.strokeWidth}),d(h,{cx:`50`,cy:`50`,r:T,stroke:S.stroke.progress,strokeDasharray:`${E} ${E}`,strokeDashoffset:D,strokeWidth:S.strokeWidth})]}),d(i,{...o,top:S.top,children:g||(b?f(a,{color:S.color,fontSize:S.fontSize,children:[C,`%`]}):null)}),!!v&&d(i,{...o,bottom:s,children:d(a,{color:S.color,fontSize:S.fontSize,children:v})})]})});g.displayName=`ProgressCircular`;export{g as ProgressCircular,p as ProgressCircularBase};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+`;
+/** Indicates a process progress. */
+const ProgressCircular = vui((props, ref) => {
+	const { children, className, label, value = 0, showPercentage,...rest } = props;
+	const styles = useStyleConfig("ProgressCircular", props);
+	const [progress, setProgress] = useState(value);
+	useEffect(() => {
+		setProgress(value ? Math.ceil(value) : 0);
+	}, [value]);
+	useEffect(() => {
+		const w = !value ? 0 : Math.ceil(value);
+		setProgress(w > maxValue ? maxValue : w);
+	}, [value]);
+	const radius = maxValue / 2 - styles.strokeWidth * 2;
+	const angle = radius * 2 * Math.PI;
+	const offset = angle - progress / maxValue * angle;
+	return /* @__PURE__ */ jsxs(ProgressCircularBase, {
+		className: cs("vui-progress-circular", className),
+		ref,
+		w: styles.width,
+		...rest,
+		children: [
+			/* @__PURE__ */ jsxs("svg", {
+				"aria-valuemax": maxValue,
+				"aria-valuemin": 0,
+				"aria-valuenow": progress,
+				height: styles.width,
+				role: "meter",
+				version: "1.1",
+				viewBox: "0 0 100 100",
+				width: styles.width,
+				xmlns: "http://www.w3.org/2000/svg",
+				children: [/* @__PURE__ */ jsx(MainCircle, {
+					cx: "50",
+					cy: "50",
+					r: radius,
+					stroke: styles.stroke.main,
+					strokeWidth: styles.strokeWidth
+				}), /* @__PURE__ */ jsx(ProgressCircle, {
+					cx: "50",
+					cy: "50",
+					r: radius,
+					stroke: styles.stroke.progress,
+					strokeDasharray: `${angle} ${angle}`,
+					strokeDashoffset: offset,
+					strokeWidth: styles.strokeWidth
+				})]
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				...absCenterStyles,
+				top: styles.top,
+				children: children ? children : showPercentage ? /* @__PURE__ */ jsxs(T, {
+					color: styles.color,
+					fontSize: styles.fontSize,
+					children: [progress, "%"]
+				}) : null
+			}),
+			!!label && /* @__PURE__ */ jsx(Box, {
+				...absCenterStyles,
+				bottom: labelBottom,
+				children: /* @__PURE__ */ jsx(T, {
+					color: styles.color,
+					fontSize: styles.fontSize,
+					children: label
+				})
+			})
+		]
+	});
+});
+ProgressCircular.displayName = "ProgressCircular";
+
+//#endregion
+export { ProgressCircular, ProgressCircularBase };
+globalThis.__vuiVersion__ = "3.0.0"
 //# 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":"2ZAUA,MAAa,EAAuB,EAAO,MAAM;;;;EAK3C,EAAa,EAAO,MAAM;;EAI1B,EAAiB,EAAO,EAAW;;;;EAO5B,EAAmB,GAAmC,EAAO,IAAQ,CAChF,GAAM,CAAE,WAAU,YAAW,QAAO,QAAQ,EAAG,iBAAgB,GAAG,GAAS,EAErE,EAAS,EAAe,mBAAoB,EAAM,CAElD,CAAC,EAAU,GAAe,EAAS,EAAM,CAE/C,MAAgB,CACd,EAAY,EAAQ,KAAK,KAAK,EAAM,CAAG,EAAE,EACxC,CAAC,EAAM,CAAC,CAEX,MAAgB,CACd,IAAM,EAAK,EAAY,KAAK,KAAK,EAAM,CAApB,EACnB,EAAY,EAAI,EAAW,EAAW,EAAE,EACvC,CAAC,EAAM,CAAC,CAEX,IAAM,EAAS,EAAW,EAAI,EAAO,YAAc,EAC7C,EAAQ,EAAS,EAAI,KAAK,GAC1B,EAAS,EAAS,EAAW,EAAY,EAE/C,OACE,EAAC,EAAA,CAAqB,UAAW,EAAG,wBAAyB,EAAU,CAAO,MAAK,EAAG,EAAO,MAAO,GAAI,YACtG,EAAC,MAAA,CACC,gBAAe,EACf,gBAAe,EACf,gBAAe,EACf,OAAQ,EAAO,MACf,KAAK,QACL,QAAQ,MACR,QAAQ,cACR,MAAO,EAAO,MACd,MAAM,uCAEN,EAAC,EAAA,CAAW,GAAG,KAAK,GAAG,KAAK,EAAG,EAAQ,OAAQ,EAAO,OAAO,KAAM,YAAa,EAAO,aAAe,CACtG,EAAC,EAAA,CACC,GAAG,KACH,GAAG,KACH,EAAG,EACH,OAAQ,EAAO,OAAO,SACtB,gBAAiB,GAAG,EAAM,GAAG,IAC7B,iBAAkB,EAClB,YAAa,EAAO,aACpB,CAAA,EACE,CACN,EAAC,EAAA,CAAI,GAAK,EAA8B,IAAK,EAAO,aACjD,IAEG,EACF,EAAC,EAAA,CAAE,MAAO,EAAO,MAAO,SAAU,EAAO,mBACtC,EAAS,IAAA,EACR,CACF,OACA,CACL,CAAC,CAAC,GACD,EAAC,EAAA,CAAI,GAAK,EAA8B,OAAQ,WAC9C,EAAC,EAAA,CAAE,MAAO,EAAO,MAAO,SAAU,EAAO,kBACtC,GACC,EACA,GAEa,EAEzB,CAEF,EAAiB,YAAc"}
+{"version":3,"file":"progressCircular.js","names":[],"sources":["../../src/progressCircular/progressCircular.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport type { BoxProps } from '../box'\nimport { Box } from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { T } from '../t'\nimport { cs } from '../utils'\nimport { absCenterStyles, labelBottom, maxValue } from './consts'\nimport type { ProgressCircularProps } from './progressCircular.types'\n\nexport const ProgressCircularBase = styled.divBox`\n  display: flex;\n  position: relative;\n  width: 100%;\n`\nconst MainCircle = styled.circle`\n  fill: transparent;\n`\n\nconst ProgressCircle = styled(MainCircle)`\n  transform: rotate(-90deg);\n  transform-origin: 50% 50%;\n  transition: stroke-dashoffset 0.5s ease-out;\n`\n\n/** Indicates a process progress. */\nexport const ProgressCircular = vui<'div', ProgressCircularProps>((props, ref) => {\n  const { children, className, label, value = 0, showPercentage, ...rest } = props\n\n  const styles = useStyleConfig('ProgressCircular', props)\n\n  const [progress, setProgress] = useState(value)\n\n  useEffect(() => {\n    setProgress(value ? Math.ceil(value) : 0)\n  }, [value])\n\n  useEffect(() => {\n    const w = !value ? 0 : Math.ceil(value)\n    setProgress(w > maxValue ? maxValue : w)\n  }, [value])\n\n  const radius = maxValue / 2 - styles.strokeWidth * 2\n  const angle = radius * 2 * Math.PI\n  const offset = angle - (progress / maxValue) * angle\n\n  return (\n    <ProgressCircularBase className={cs('vui-progress-circular', className)} ref={ref} w={styles.width} {...rest}>\n      <svg\n        aria-valuemax={maxValue}\n        aria-valuemin={0}\n        aria-valuenow={progress}\n        height={styles.width}\n        role=\"meter\"\n        version=\"1.1\"\n        viewBox=\"0 0 100 100\"\n        width={styles.width}\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <MainCircle cx=\"50\" cy=\"50\" r={radius} stroke={styles.stroke.main} strokeWidth={styles.strokeWidth} />\n        <ProgressCircle\n          cx=\"50\"\n          cy=\"50\"\n          r={radius}\n          stroke={styles.stroke.progress}\n          strokeDasharray={`${angle} ${angle}`}\n          strokeDashoffset={offset}\n          strokeWidth={styles.strokeWidth}\n        />\n      </svg>\n      <Box {...(absCenterStyles as BoxProps)} top={styles.top}>\n        {children ? (\n          children\n        ) : showPercentage ? (\n          <T color={styles.color} fontSize={styles.fontSize}>\n            {progress}%\n          </T>\n        ) : null}\n      </Box>\n      {!!label && (\n        <Box {...(absCenterStyles as BoxProps)} bottom={labelBottom}>\n          <T color={styles.color} fontSize={styles.fontSize}>\n            {label}\n          </T>\n        </Box>\n      )}\n    </ProgressCircularBase>\n  )\n})\n\nProgressCircular.displayName = 'ProgressCircular'\nexport default ProgressCircular\n"],"mappings":";;;;;;;;;;;AAUA,MAAa,uBAAuB,OAAO,MAAM;;;;;AAKjD,MAAM,aAAa,OAAO,MAAM;;;AAIhC,MAAM,iBAAiB,OAAO,WAAW;;;;;;AAOzC,MAAa,mBAAmB,KAAmC,OAAO,QAAQ;CAChF,MAAM,EAAE,UAAU,WAAW,OAAO,QAAQ,GAAG,eAAgB,GAAG,SAAS;CAE3E,MAAM,SAAS,eAAe,oBAAoB,MAAM;CAExD,MAAM,CAAC,UAAU,eAAe,SAAS,MAAM;AAE/C,iBAAgB;AACd,cAAY,QAAQ,KAAK,KAAK,MAAM,GAAG,EAAE;IACxC,CAAC,MAAM,CAAC;AAEX,iBAAgB;EACd,MAAM,IAAI,CAAC,QAAQ,IAAI,KAAK,KAAK,MAAM;AACvC,cAAY,IAAI,WAAW,WAAW,EAAE;IACvC,CAAC,MAAM,CAAC;CAEX,MAAM,SAAS,WAAW,IAAI,OAAO,cAAc;CACnD,MAAM,QAAQ,SAAS,IAAI,KAAK;CAChC,MAAM,SAAS,QAAS,WAAW,WAAY;AAE/C,QACE,qBAAC;EAAqB,WAAW,GAAG,yBAAyB,UAAU;EAAO;EAAK,GAAG,OAAO;EAAO,GAAI;;GACtG,qBAAC;IACC,iBAAe;IACf,iBAAe;IACf,iBAAe;IACf,QAAQ,OAAO;IACf,MAAK;IACL,SAAQ;IACR,SAAQ;IACR,OAAO,OAAO;IACd,OAAM;eAEN,oBAAC;KAAW,IAAG;KAAK,IAAG;KAAK,GAAG;KAAQ,QAAQ,OAAO,OAAO;KAAM,aAAa,OAAO;MAAe,EACtG,oBAAC;KACC,IAAG;KACH,IAAG;KACH,GAAG;KACH,QAAQ,OAAO,OAAO;KACtB,iBAAiB,GAAG,MAAM,GAAG;KAC7B,kBAAkB;KAClB,aAAa,OAAO;MACpB;KACE;GACN,oBAAC;IAAI,GAAK;IAA8B,KAAK,OAAO;cACjD,WACC,WACE,iBACF,qBAAC;KAAE,OAAO,OAAO;KAAO,UAAU,OAAO;gBACtC,UAAS;MACR,GACF;KACA;GACL,CAAC,CAAC,SACD,oBAAC;IAAI,GAAK;IAA8B,QAAQ;cAC9C,oBAAC;KAAE,OAAO,OAAO;KAAO,UAAU,OAAO;eACtC;MACC;KACA;;GAEa;EAEzB;AAEF,iBAAiB,cAAc"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"progressCircular.types.d.ts","names":[],"sources":["../../src/progressCircular/progressCircular.types.ts"],"sourcesContent":[],"mappings":";;;;KAGY,qBAAA,CAAA,CAAA,CAAwB,cAClC;;EADU,KAAA,CAAA,CAAA,CAAA,MAAA;EAAqB,cAAA,CAAA,CAAA,CAAA,OAAA"}
+{"version":3,"file":"progressCircular.types.d.ts","names":[],"sources":["../../src/progressCircular/progressCircular.types.ts"],"sourcesContent":[],"mappings":";;;;;KAGY,qBAAA,CAAA,CAAA,CAAwB,cAClC;;;EADU,cAAA,CAAA,CAAA,CAAA,OAAqB"}

package/dist/progressCircular/theme.js

@@ -1,2 +1,59 @@
-import{darkBlue as e,energyRed as t,landGreen as n}from"../theme/foundations/colors.js";var r={baseStyle:{color:`darkBlue.main`},defaultProps:{size:`md`,variant:`primary`},sizes:{sm:{strokeWidth:4,width:46,top:15,fontSize:12},md:{strokeWidth:5,width:80,top:30,fontSize:16},lg:{strokeWidth:6,width:120,top:48,fontSize:18},xl:{strokeWidth:7,width:160,top:64,fontSize:22}},variants:{primary:{stroke:{main:e[95],progress:e.main}},green:{stroke:{main:n[95],progress:n.main}},red:{stroke:{main:t[95],progress:t.main}}}};export{r as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { darkBlue, energyRed, landGreen } from "../theme/foundations/colors.js";
+
+//#region src/progressCircular/theme.ts
+const baseStyle = { color: "darkBlue.main" };
+const defaultProps = {
+	size: "md",
+	variant: "primary"
+};
+const sizes = {
+	sm: {
+		strokeWidth: 4,
+		width: 46,
+		top: 15,
+		fontSize: 12
+	},
+	md: {
+		strokeWidth: 5,
+		width: 80,
+		top: 30,
+		fontSize: 16
+	},
+	lg: {
+		strokeWidth: 6,
+		width: 120,
+		top: 48,
+		fontSize: 18
+	},
+	xl: {
+		strokeWidth: 7,
+		width: 160,
+		top: 64,
+		fontSize: 22
+	}
+};
+const variants = {
+	primary: { stroke: {
+		main: darkBlue[95],
+		progress: darkBlue.main
+	} },
+	green: { stroke: {
+		main: landGreen[95],
+		progress: landGreen.main
+	} },
+	red: { stroke: {
+		main: energyRed[95],
+		progress: energyRed.main
+	} }
+};
+var theme_default = {
+	baseStyle,
+	defaultProps,
+	sizes,
+	variants
+};
+
+//#endregion
+export { theme_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=theme.js.map

package/dist/progressCircular/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/progressCircular/theme.ts"],"sourcesContent":["import { darkBlue, energyRed, landGreen } from '../theme/foundations/colors'\n\nconst baseStyle = {\n  color: 'darkBlue.main',\n}\n\nconst defaultProps = {\n  size: 'md',\n  variant: 'primary',\n}\n\nconst sizes = {\n  sm: {\n    strokeWidth: 4,\n    width: 46,\n    top: 15,\n    fontSize: 12,\n  },\n  md: { strokeWidth: 5, width: 80, top: 30, fontSize: 16 },\n  lg: { strokeWidth: 6, width: 120, top: 48, fontSize: 18 },\n  xl: { strokeWidth: 7, width: 160, top: 64, fontSize: 22 },\n}\n\nconst variants = {\n  primary: {\n    stroke: {\n      main: darkBlue[95],\n      progress: darkBlue.main,\n    },\n  },\n  green: {\n    stroke: {\n      main: landGreen[95],\n      progress: landGreen.main,\n    },\n  },\n  red: {\n    stroke: {\n      main: energyRed[95],\n      progress: energyRed.main,\n    },\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":"wFA4CA,IAAA,EAAe,CACb,UA3CgB,CAChB,MAAO,gBACR,CA0CC,aAxCmB,CACnB,KAAM,KACN,QAAS,UACV,CAsCC,MApCY,CACZ,GAAI,CACF,YAAa,EACb,MAAO,GACP,IAAK,GACL,SAAU,GACX,CACD,GAAI,CAAE,YAAa,EAAG,MAAO,GAAI,IAAK,GAAI,SAAU,GAAI,CACxD,GAAI,CAAE,YAAa,EAAG,MAAO,IAAK,IAAK,GAAI,SAAU,GAAI,CACzD,GAAI,CAAE,YAAa,EAAG,MAAO,IAAK,IAAK,GAAI,SAAU,GAAI,CAC1D,CA2BC,SAzBe,CACf,QAAS,CACP,OAAQ,CACN,KAAM,EAAS,IACf,SAAU,EAAS,KACpB,CACF,CACD,MAAO,CACL,OAAQ,CACN,KAAM,EAAU,IAChB,SAAU,EAAU,KACrB,CACF,CACD,IAAK,CACH,OAAQ,CACN,KAAM,EAAU,IAChB,SAAU,EAAU,KACrB,CACF,CACF,CAOA"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/progressCircular/theme.ts"],"sourcesContent":["import { darkBlue, energyRed, landGreen } from '../theme/foundations/colors'\n\nconst baseStyle = {\n  color: 'darkBlue.main',\n}\n\nconst defaultProps = {\n  size: 'md',\n  variant: 'primary',\n}\n\nconst sizes = {\n  sm: {\n    strokeWidth: 4,\n    width: 46,\n    top: 15,\n    fontSize: 12,\n  },\n  md: { strokeWidth: 5, width: 80, top: 30, fontSize: 16 },\n  lg: { strokeWidth: 6, width: 120, top: 48, fontSize: 18 },\n  xl: { strokeWidth: 7, width: 160, top: 64, fontSize: 22 },\n}\n\nconst variants = {\n  primary: {\n    stroke: {\n      main: darkBlue[95],\n      progress: darkBlue.main,\n    },\n  },\n  green: {\n    stroke: {\n      main: landGreen[95],\n      progress: landGreen.main,\n    },\n  },\n  red: {\n    stroke: {\n      main: energyRed[95],\n      progress: energyRed.main,\n    },\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":";;;AAEA,MAAM,YAAY,EAChB,OAAO,iBACR;AAED,MAAM,eAAe;CACnB,MAAM;CACN,SAAS;CACV;AAED,MAAM,QAAQ;CACZ,IAAI;EACF,aAAa;EACb,OAAO;EACP,KAAK;EACL,UAAU;EACX;CACD,IAAI;EAAE,aAAa;EAAG,OAAO;EAAI,KAAK;EAAI,UAAU;EAAI;CACxD,IAAI;EAAE,aAAa;EAAG,OAAO;EAAK,KAAK;EAAI,UAAU;EAAI;CACzD,IAAI;EAAE,aAAa;EAAG,OAAO;EAAK,KAAK;EAAI,UAAU;EAAI;CAC1D;AAED,MAAM,WAAW;CACf,SAAS,EACP,QAAQ;EACN,MAAM,SAAS;EACf,UAAU,SAAS;EACpB,EACF;CACD,OAAO,EACL,QAAQ;EACN,MAAM,UAAU;EAChB,UAAU,UAAU;EACrB,EACF;CACD,KAAK,EACH,QAAQ;EACN,MAAM,UAAU;EAChB,UAAU,UAAU;EACrB,EACF;CACF;AAED,oBAAe;CACb;CACA;CACA;CACA;CACD"}

package/dist/radio/consts.js

@@ -1,2 +1,12 @@
-const e={unchecked:`sandstone.60`,checked:`seaBlue.28`,hover:`seaBlue.20`,focus:`seaBlue.35`};export{e as radioColors};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+//#region src/radio/consts.ts
+const radioColors = {
+	unchecked: "sandstone.60",
+	checked: "seaBlue.28",
+	hover: "seaBlue.20",
+	focus: "seaBlue.35"
+};
+
+//#endregion
+export { radioColors };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=consts.js.map

package/dist/radio/consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"consts.js","names":[],"sources":["../../src/radio/consts.ts"],"sourcesContent":["export const radioColors = {\n  unchecked: 'sandstone.60',\n  checked: 'seaBlue.28',\n  hover: 'seaBlue.20',\n  focus: 'seaBlue.35',\n} as const\n"],"mappings":"AAAA,MAAa,EAAc,CACzB,UAAW,eACX,QAAS,aACT,MAAO,aACP,MAAO,aACR"}
+{"version":3,"file":"consts.js","names":[],"sources":["../../src/radio/consts.ts"],"sourcesContent":["export const radioColors = {\n  unchecked: 'sandstone.60',\n  checked: 'seaBlue.28',\n  hover: 'seaBlue.20',\n  focus: 'seaBlue.35',\n} as const\n"],"mappings":";AAAA,MAAa,cAAc;CACzB,WAAW;CACX,SAAS;CACT,OAAO;CACP,OAAO;CACR"}

package/dist/radio/context.d.ts

@@ -1,8 +1,9 @@
 import { Dict } from "../utils/types.js";
-import * as react948 from "react";
+import "../utils/index.js";
+import * as react947 from "react";
 
 //#region src/radio/context.d.ts
-declare const RadioGroupProvider: react948.Provider<Dict>, useRadioGroupContext: () => Dict;
+declare const RadioGroupProvider: react947.Provider<Dict>, useRadioGroupContext: () => Dict;
 //#endregion
 export { RadioGroupProvider, useRadioGroupContext };
 //# sourceMappingURL=context.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/radio/context.ts"],"sourcesContent":[],"mappings":";;;;cAGO,oBAAkB,QAAA,CAAA,SAAA,OAAE,4BAAoB"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/radio/context.ts"],"sourcesContent":[],"mappings":";;;;;cAGO,oBAAkB,QAAA,CAAA,SAAA,OAAE,4BAAoB"}

package/dist/radio/context.js

@@ -1,2 +1,9 @@
-import{createContext as e}from"../utils/react.js";const[t,n]=e({isOptional:!0});export{t as RadioGroupProvider,n as useRadioGroupContext};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { createContext } from "../utils/react.js";
+
+//#region src/radio/context.ts
+const [RadioGroupProvider, useRadioGroupContext] = createContext({ isOptional: true });
+
+//#endregion
+export { RadioGroupProvider, useRadioGroupContext };
+globalThis.__vuiVersion__ = "3.0.0"
 //# 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":"kDAGA,KAAM,CAAC,EAAoB,GAAwB,EAAoB,CAAE,WAAY,GAAM,CAAC"}
+{"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,MAAM,CAAC"}

package/dist/radio/index.d.ts

@@ -0,0 +1,5 @@
+import { RadioGroupProvider, useRadioGroupContext } from "./context.js";
+import { RadioProps, RadioStyleProps } from "./radio.types.js";
+import { Radio, RadioBase } from "./radio.js";
+import { RadioGroupProps } from "./radioGroup.types.js";
+import { RadioGroup, RadioGroupBase } from "./radioGroup.js";

package/dist/radio/radio.d.ts

@@ -16,10 +16,11 @@ import { TransitionDelayProps, TransitionDurationProps, TransitionPropertyProps,
 import { ColorProps, FontFamilyProps, FontSizeProps, FontStyleProps, FontWeightProps, LetterSpacingProps, LineHeightProps, ListStylePositionProps, ListStyleTypeProps, TextAlignProps, TextDecorationProps, TextOverflowProps, TextTransformProps, VerticalAlignProps, WhiteSpaceProps } from "../system/typography.js";
 import { VuiComponent } from "../core/vui.js";
 import { RadioProps, RadioStyleProps } from "./radio.types.js";
-import * as styled_components393 from "styled-components";
+import "../index.js";
+import * as styled_components389 from "styled-components";
 
 //#region src/radio/radio.d.ts
-declare const RadioBase: styled_components393.StyledComponent<"label", styled_components393.DefaultTheme, AnimationProps & BackgroundColorProps & BorderProps & BorderTopProps & BorderRightProps & BorderBottomProps & BorderLeftProps & BorderColorProps & BorderTopColorProps & BorderRightColorProps & BorderBottomColorProps & BorderLeftColorProps & BorderWidthProps & BorderTopWidthProps & BorderRightWidthProps & BorderBottomWidthProps & BorderLeftWidthProps & BorderStyleProps & BorderRadiusProps & OutlineProps & OutlineColorProps & OutlineWidthProps & OutlineStyleProps & DivideXProps & DivideYProps & DivideXReverseProps & DivideYReverseProps & DivideColorProps & DivideStyleProps & RingProps & RingColorProps & OpacityProps & BoxShadowProps & TextShadowProps & DisplayProps & AlignItemsProps & AlignContentProps & JustifyContentProps & JustifyItemsProps & FlexWrapProps & FlexGrowProps & FlexShrinkProps & FlexBasisProps & FlexDirectionProps & FlexProps & JustifySelfProps & AlignSelfProps & OrderProps & RowProps & ColProps & GapProps & ColumnGapProps & RowGapProps & GridColumnProps & GridRowProps & GridAutoFlowProps & GridAutoColumnsProps & GridAutoRowsProps & GridTemplateColumnsProps & GridTemplateRowsProps & GridTemplateAreasProps & GridAreaProps & AppearanceProps & CursorProps & PointerEventsProps & ResizeProps & UserSelectProps & IsTruncatedProps & FloatProps & BoxSizingProps & OverflowProps & OverflowXProps & OverflowYProps & PositionProps & ZIndexProps & TopProps & RightProps & BottomProps & LeftProps & VisibilityProps & OverscrollBehaviorProps & ObjectFitProps & MaxLinesProps & WidthProps & HeightProps & MaxWidthProps & MaxHeightProps & MinWidthProps & MinHeightProps & MarginProps & MarginTopProps & MarginRightProps & MarginBottomProps & MarginLeftProps & MarginXProps & MarginYProps & PaddingProps & PaddingTopProps & PaddingRightProps & PaddingBottomProps & PaddingLeftProps & PaddingXProps & PaddingYProps & SpaceXProps & SpaceYProps & SpaceXReverseProps & SpaceYReverseProps & BorderCollapseProps & TableLayoutProps & TransformProps & TransformOriginProps & TranslateXProps & TranslateYProps & RotateProps & SkewXProps & SkewYProps & ScaleProps & ScaleXProps & ScaleYProps & TransitionProps & TransitionPropertyProps & TransitionDurationProps & TransitionTimingFunctionProps & TransitionDelayProps & FontFamilyProps & FontSizeProps & FontStyleProps & FontWeightProps & LineHeightProps & ColorProps & TextTransformProps & TextDecorationProps & TextAlignProps & VerticalAlignProps & LetterSpacingProps & WhiteSpaceProps & TextOverflowProps & ListStyleTypeProps & ListStylePositionProps & WordBreakProps & RadioStyleProps, never>;
+declare const RadioBase: styled_components389.StyledComponent<"label", styled_components389.DefaultTheme, AnimationProps & BackgroundColorProps & BorderProps & BorderTopProps & BorderRightProps & BorderBottomProps & BorderLeftProps & BorderColorProps & BorderTopColorProps & BorderRightColorProps & BorderBottomColorProps & BorderLeftColorProps & BorderWidthProps & BorderTopWidthProps & BorderRightWidthProps & BorderBottomWidthProps & BorderLeftWidthProps & BorderStyleProps & BorderRadiusProps & OutlineProps & OutlineColorProps & OutlineWidthProps & OutlineStyleProps & DivideXProps & DivideYProps & DivideXReverseProps & DivideYReverseProps & DivideColorProps & DivideStyleProps & RingProps & RingColorProps & OpacityProps & BoxShadowProps & TextShadowProps & DisplayProps & AlignItemsProps & AlignContentProps & JustifyContentProps & JustifyItemsProps & FlexWrapProps & FlexGrowProps & FlexShrinkProps & FlexBasisProps & FlexDirectionProps & FlexProps & JustifySelfProps & AlignSelfProps & OrderProps & RowProps & ColProps & GapProps & ColumnGapProps & RowGapProps & GridColumnProps & GridRowProps & GridAutoFlowProps & GridAutoColumnsProps & GridAutoRowsProps & GridTemplateColumnsProps & GridTemplateRowsProps & GridTemplateAreasProps & GridAreaProps & AppearanceProps & CursorProps & PointerEventsProps & ResizeProps & UserSelectProps & IsTruncatedProps & FloatProps & BoxSizingProps & OverflowProps & OverflowXProps & OverflowYProps & PositionProps & ZIndexProps & TopProps & RightProps & BottomProps & LeftProps & VisibilityProps & OverscrollBehaviorProps & ObjectFitProps & MaxLinesProps & WidthProps & HeightProps & MaxWidthProps & MaxHeightProps & MinWidthProps & MinHeightProps & MarginProps & MarginTopProps & MarginRightProps & MarginBottomProps & MarginLeftProps & MarginXProps & MarginYProps & PaddingProps & PaddingTopProps & PaddingRightProps & PaddingBottomProps & PaddingLeftProps & PaddingXProps & PaddingYProps & SpaceXProps & SpaceYProps & SpaceXReverseProps & SpaceYReverseProps & BorderCollapseProps & TableLayoutProps & TransformProps & TransformOriginProps & TranslateXProps & TranslateYProps & RotateProps & SkewXProps & SkewYProps & ScaleProps & ScaleXProps & ScaleYProps & TransitionProps & TransitionPropertyProps & TransitionDurationProps & TransitionTimingFunctionProps & TransitionDelayProps & FontFamilyProps & FontSizeProps & FontStyleProps & FontWeightProps & LineHeightProps & ColorProps & TextTransformProps & TextDecorationProps & TextAlignProps & VerticalAlignProps & LetterSpacingProps & WhiteSpaceProps & TextOverflowProps & ListStyleTypeProps & ListStylePositionProps & WordBreakProps & RadioStyleProps, never>;
 /**
  * Allows selection of a single choice from a set of items. Handles controlled and uncontrolled modes.
  * Uses icons to display itself in different states.