@veracity/vui 5.1.1 → 5.2.0-alpha.395258.2606090726

package/dist/skeleton/theme.js

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

package/dist/spinner/consts.js

@@ -13,5 +13,5 @@ const spinnerSpeedMapping = {
 
 //#endregion
 export { spinnerPositionMapping, spinnerSpeedMapping };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=consts.js.map

package/dist/spinner/spinner.js

@@ -61,5 +61,5 @@ Spinner.displayName = "Spinner";
 
 //#endregion
 export { SpinnerCircle, Spinner as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=spinner.js.map

package/dist/spinner/theme.js

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

package/dist/stepIndicator/stepIndicator.js

@@ -69,5 +69,5 @@ StepIndicator.displayName = "StepIndicator";
 
 //#endregion
 export { StepIndicator as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=stepIndicator.js.map

package/dist/stepIndicator/theme.js

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

package/dist/stepperHorizontal/consts.js

@@ -15,11 +15,11 @@ const titleColor = {
 };
 const boldTitles = ["active", "error"];
 const stepClassName = "vui-stepHorizontal";
-const tailClassName = stepClassName + "Tail";
-const tailClassNameLeft = tailClassName + "Left";
-const tailClassNameRight = tailClassName + "Right";
+const tailClassName = "vui-stepHorizontalTail";
+const tailClassNameLeft = "vui-stepHorizontalTailLeft";
+const tailClassNameRight = "vui-stepHorizontalTailRight";
 
 //#endregion
 export { boldTitles, stepClassName, tailClassName, tailClassNameLeft, tailClassNameRight, titleColor, variantColor };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=consts.js.map

package/dist/stepperHorizontal/consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"consts.js","names":[],"sources":["../../src/stepperHorizontal/consts.ts"],"sourcesContent":["export const variantColor: Record<string, string> = {\n  active: 'seaBlue.main',\n  completed: 'landGreen.41',\n  optional: 'seaBlue.45',\n  pending: 'sandstone.90',\n  error: 'energyRed.main',\n}\n\nexport const titleColor = {\n  active: 'sandstone.10',\n  completed: 'sandstone.10',\n  optional: 'sandstone.10',\n  pending: 'sandstone.55',\n  error: 'energyRed.main',\n}\n\nexport const boldTitles = ['active', 'error']\n\nexport const stepClassName = 'vui-stepHorizontal'\n\nexport const tailClassName = stepClassName + 'Tail'\n\nexport const tailClassNameLeft = tailClassName + 'Left'\n\nexport const tailClassNameRight = tailClassName + 'Right'\n"],"mappings":";AAAA,MAAa,eAAuC;CAClD,QAAQ;CACR,WAAW;CACX,UAAU;CACV,SAAS;CACT,OAAO;AACT;AAEA,MAAa,aAAa;CACxB,QAAQ;CACR,WAAW;CACX,UAAU;CACV,SAAS;CACT,OAAO;AACT;AAEA,MAAa,aAAa,CAAC,UAAU,OAAO;AAE5C,MAAa,gBAAgB;AAE7B,MAAa,gBAAgB,gBAAgB;AAE7C,MAAa,oBAAoB,gBAAgB;AAEjD,MAAa,qBAAqB,gBAAgB"}
+{"version":3,"file":"consts.js","names":[],"sources":["../../src/stepperHorizontal/consts.ts"],"sourcesContent":["export const variantColor: Record<string, string> = {\n  active: 'seaBlue.main',\n  completed: 'landGreen.41',\n  optional: 'seaBlue.45',\n  pending: 'sandstone.90',\n  error: 'energyRed.main',\n}\n\nexport const titleColor = {\n  active: 'sandstone.10',\n  completed: 'sandstone.10',\n  optional: 'sandstone.10',\n  pending: 'sandstone.55',\n  error: 'energyRed.main',\n}\n\nexport const boldTitles = ['active', 'error']\n\nexport const stepClassName = 'vui-stepHorizontal'\n\nexport const tailClassName = stepClassName + 'Tail'\n\nexport const tailClassNameLeft = tailClassName + 'Left'\n\nexport const tailClassNameRight = tailClassName + 'Right'\n"],"mappings":";AAAA,MAAa,eAAuC;CAClD,QAAQ;CACR,WAAW;CACX,UAAU;CACV,SAAS;CACT,OAAO;AACT;AAEA,MAAa,aAAa;CACxB,QAAQ;CACR,WAAW;CACX,UAAU;CACV,SAAS;CACT,OAAO;AACT;AAEA,MAAa,aAAa,CAAC,UAAU,OAAO;AAE5C,MAAa,gBAAgB;AAE7B,MAAa,gBAAgB;AAE7B,MAAa,oBAAoB;AAEjC,MAAa,qBAAqB"}

package/dist/stepperHorizontal/context.js

@@ -5,5 +5,5 @@ const [StepperHorizontalProvider, useStepperHorizontalContext] = createContext({
 
 //#endregion
 export { StepperHorizontalProvider, useStepperHorizontalContext };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=context.js.map

package/dist/stepperHorizontal/stepHorizontal.js

@@ -68,5 +68,5 @@ StepHorizontal.displayName = "StepHorizontal";
 
 //#endregion
 export { StepHorizontalBase, StepHorizontal as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=stepHorizontal.js.map

package/dist/stepperHorizontal/stepHorizontal.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepHorizontal.js","names":[],"sources":["../../src/stepperHorizontal/stepHorizontal.tsx"],"sourcesContent":["import { Box } from '../box'\nimport { styled, vui } from '../core'\nimport { StepIndicator } from '../stepIndicator'\nimport { cs } from '../utils'\nimport { stepClassName } from './consts'\nimport { useStepperHorizontalContext } from './context'\nimport StepHorizontalTail from './stepHorizontalTail'\nimport StepHorizontalTitle from './stepHorizontalTitle'\nimport type { StepHorizontalProps } from './stepperHorizontalTypes'\n\nexport const StepHorizontalBase = styled.divBox`\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n`\n\n/**\n * Implements a Horizontal step component\n */\nexport const StepHorizontal = vui<'div', StepHorizontalProps>(\n  ({ icon, number, size: propSize = 'md', description, title, className, variant, children }, ref) => {\n    const context = useStepperHorizontalContext()\n    const size = context?.size || propSize\n    return (\n      <StepHorizontalBase className={cs(stepClassName, stepClassName + variant, className)} ref={ref}>\n        <StepHorizontalTail size={size} variant={variant as any} />\n        <Box display=\"block\" textAlign=\"center\">\n          <StepIndicator icon={icon} number={number} size={size} variant={variant} />\n        </Box>\n        <Box display=\"block\" textAlign=\"center\">\n          {!!title && (\n            <StepHorizontalTitle size={size} variant={variant as any}>\n              {title}\n            </StepHorizontalTitle>\n          )}\n          {!!description && (\n            <Box color=\"sandstone.45\" display=\"block\" fontSize={`${size === 'md' ? 14 : 12}px`} textAlign=\"center\">\n              {description}\n            </Box>\n          )}\n          <Box display=\"block\">{children}</Box>\n        </Box>\n      </StepHorizontalBase>\n    )\n  },\n)\n\nStepHorizontal.displayName = 'StepHorizontal'\n\nexport default StepHorizontal\n"],"mappings":";;;;;;;;;;;;AAUA,MAAa,qBAAqB,OAAO,MAAM;;;;;;;;;AAU/C,MAAa,iBAAiB,KAC3B,EAAE,MAAM,QAAQ,MAAM,WAAW,MAAM,aAAa,OAAO,WAAW,SAAS,YAAY,QAAQ;CAElG,MAAM,OADU,4BACG,GAAG,QAAQ;CAC9B,OACE,qBAAC,oBAAD;EAAoB,WAAW,GAAG,eAAe,gBAAgB,SAAS,SAAS;EAAQ;YAA3F;GACE,oBAAC,oBAAD;IAA0B;IAAe;GAAiB;GAC1D,oBAAC,KAAD;IAAK,SAAQ;IAAQ,WAAU;cAC7B,oBAAC,eAAD;KAAqB;KAAc;KAAc;KAAe;IAAU;GACvE;GACL,qBAAC,KAAD;IAAK,SAAQ;IAAQ,WAAU;cAA/B;KACG,CAAC,CAAC,SACD,oBAAC,qBAAD;MAA2B;MAAe;gBACvC;KACkB;KAEtB,CAAC,CAAC,eACD,oBAAC,KAAD;MAAK,OAAM;MAAe,SAAQ;MAAQ,UAAU,GAAG,SAAS,OAAO,KAAK,GAAG;MAAK,WAAU;gBAC3F;KACE;KAEP,oBAAC,KAAD;MAAK,SAAQ;MAAS;KAAc;IACjC;;EACa;;AAExB,CACF;AAEA,eAAe,cAAc"}
+{"version":3,"file":"stepHorizontal.js","names":[],"sources":["../../src/stepperHorizontal/stepHorizontal.tsx"],"sourcesContent":["import { Box } from '../box'\nimport { styled, vui } from '../core'\nimport { StepIndicator } from '../stepIndicator'\nimport { cs } from '../utils'\nimport { stepClassName } from './consts'\nimport { useStepperHorizontalContext } from './context'\nimport StepHorizontalTail from './stepHorizontalTail'\nimport StepHorizontalTitle from './stepHorizontalTitle'\nimport type { StepHorizontalProps } from './stepperHorizontalTypes'\n\nexport const StepHorizontalBase = styled.divBox`\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n`\n\n/**\n * Implements a Horizontal step component\n */\nexport const StepHorizontal = vui<'div', StepHorizontalProps>(\n  ({ icon, number, size: propSize = 'md', description, title, className, variant, children }, ref) => {\n    const context = useStepperHorizontalContext()\n    const size = context?.size || propSize\n    return (\n      <StepHorizontalBase className={cs(stepClassName, stepClassName + variant, className)} ref={ref}>\n        <StepHorizontalTail size={size} variant={variant as any} />\n        <Box display=\"block\" textAlign=\"center\">\n          <StepIndicator icon={icon} number={number} size={size} variant={variant} />\n        </Box>\n        <Box display=\"block\" textAlign=\"center\">\n          {!!title && (\n            <StepHorizontalTitle size={size} variant={variant as any}>\n              {title}\n            </StepHorizontalTitle>\n          )}\n          {!!description && (\n            <Box color=\"sandstone.45\" display=\"block\" fontSize={`${size === 'md' ? 14 : 12}px`} textAlign=\"center\">\n              {description}\n            </Box>\n          )}\n          <Box display=\"block\">{children}</Box>\n        </Box>\n      </StepHorizontalBase>\n    )\n  },\n)\n\nStepHorizontal.displayName = 'StepHorizontal'\n\nexport default StepHorizontal\n"],"mappings":";;;;;;;;;;;;AAUA,MAAa,qBAAqB,OAAO,MAAM;;;;;;;;;AAU/C,MAAa,iBAAiB,KAC3B,EAAE,MAAM,QAAQ,MAAM,WAAW,MAAM,aAAa,OAAO,WAAW,SAAS,YAAY,QAAQ;CAElG,MAAM,OADU,4BACG,CAAC,EAAE,QAAQ;CAC9B,OACE,qBAAC,oBAAD;EAAoB,WAAW,GAAG,eAAe,gBAAgB,SAAS,SAAS;EAAQ;YAA3F;GACE,oBAAC,oBAAD;IAA0B;IAAe;GAAiB;GAC1D,oBAAC,KAAD;IAAK,SAAQ;IAAQ,WAAU;cAC7B,oBAAC,eAAD;KAAqB;KAAc;KAAc;KAAe;IAAU;GACvE;GACL,qBAAC,KAAD;IAAK,SAAQ;IAAQ,WAAU;cAA/B;KACG,CAAC,CAAC,SACD,oBAAC,qBAAD;MAA2B;MAAe;gBACvC;KACkB;KAEtB,CAAC,CAAC,eACD,oBAAC,KAAD;MAAK,OAAM;MAAe,SAAQ;MAAQ,UAAU,GAAG,SAAS,OAAO,KAAK,GAAG;MAAK,WAAU;gBAC3F;KACE;KAEP,oBAAC,KAAD;MAAK,SAAQ;MAAS;KAAc;IACjC;;EACa;;AAExB,CACF;AAEA,eAAe,cAAc"}

package/dist/stepperHorizontal/stepHorizontalTail.js

@@ -25,5 +25,5 @@ StepHorizontalTail.displayName = "StepHorizontalTail";
 
 //#endregion
 export { StepHorizontalTail as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=stepHorizontalTail.js.map

package/dist/stepperHorizontal/stepHorizontalTitle.js

@@ -27,5 +27,5 @@ StepHorizontalTitle.displayName = "StepHorizontalTitle";
 
 //#endregion
 export { StepHorizontalTitle as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=stepHorizontalTitle.js.map

package/dist/stepperHorizontal/stepperHorizontal.js

@@ -29,5 +29,5 @@ StepperHorizontal.displayName = "StepperHorizontal";
 
 //#endregion
 export { StepperHorizontal as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=stepperHorizontal.js.map

package/dist/stepperHorizontal/stepperHorizontalBase.js

@@ -22,5 +22,5 @@ const StepperHorizontalBase = styled.divBox`
 
 //#endregion
 export { StepperHorizontalBase as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=stepperHorizontalBase.js.map

package/dist/stepperHorizontal/stepperHorizontalBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepperHorizontalBase.js","names":[],"sources":["../../src/stepperHorizontal/stepperHorizontalBase.ts"],"sourcesContent":["import { styled } from '../core'\nimport { stepClassName, tailClassName, tailClassNameLeft, tailClassNameRight, variantColor } from './consts'\nimport type { StepperHorizontalProps } from './stepperHorizontalTypes'\n\nconst StepperHorizontalBase = styled.divBox<StepperHorizontalProps>`\n  display: flex;\n  width: 100%;\n\n  .${stepClassName}:first-of-type .${tailClassName}Left, .${stepClassName}:last-of-type .${tailClassName}Right {\n    visibility: hidden;\n  }\n\n  .${tailClassNameLeft}, .${tailClassNameRight} {\n    width: 50%;\n  }\n  ${Object.keys(variantColor).map(\n    (variant: string) => `.${tailClassNameLeft + variant},\n  .${tailClassNameRight + variant},\n  .${stepClassName + variant} + .${stepClassName} .${tailClassNameLeft} {\n    border-bottom: 1px solid ${variantColor[variant]};\n  }`,\n  )}\n`\nexport default StepperHorizontalBase\n"],"mappings":";;;;AAIA,MAAM,wBAAwB,OAAO,MAA8B;;;;KAI9D,cAAc,kBAAkB,cAAc,SAAS,cAAc,iBAAiB,cAAc;;;;KAIpG,kBAAkB,KAAK,mBAAmB;;;IAG3C,OAAO,KAAK,YAAY,EAAE,KACzB,YAAoB,IAAI,oBAAoB,QAAQ;KACpD,qBAAqB,QAAQ;KAC7B,gBAAgB,QAAQ,MAAM,cAAc,IAAI,kBAAkB;+BACxC,aAAa,SAAS;IAEnD,EAAE"}
+{"version":3,"file":"stepperHorizontalBase.js","names":[],"sources":["../../src/stepperHorizontal/stepperHorizontalBase.ts"],"sourcesContent":["import { styled } from '../core'\nimport { stepClassName, tailClassName, tailClassNameLeft, tailClassNameRight, variantColor } from './consts'\nimport type { StepperHorizontalProps } from './stepperHorizontalTypes'\n\nconst StepperHorizontalBase = styled.divBox<StepperHorizontalProps>`\n  display: flex;\n  width: 100%;\n\n  .${stepClassName}:first-of-type .${tailClassName}Left, .${stepClassName}:last-of-type .${tailClassName}Right {\n    visibility: hidden;\n  }\n\n  .${tailClassNameLeft}, .${tailClassNameRight} {\n    width: 50%;\n  }\n  ${Object.keys(variantColor).map(\n    (variant: string) => `.${tailClassNameLeft + variant},\n  .${tailClassNameRight + variant},\n  .${stepClassName + variant} + .${stepClassName} .${tailClassNameLeft} {\n    border-bottom: 1px solid ${variantColor[variant]};\n  }`,\n  )}\n`\nexport default StepperHorizontalBase\n"],"mappings":";;;;AAIA,MAAM,wBAAwB,OAAO,MAA8B;;;;KAI9D,cAAc,kBAAkB,cAAc,SAAS,cAAc,iBAAiB,cAAc;;;;KAIpG,kBAAkB,KAAK,mBAAmB;;;IAG3C,OAAO,KAAK,YAAY,CAAC,CAAC,KACzB,YAAoB,IAAI,oBAAoB,QAAQ;KACpD,qBAAqB,QAAQ;KAC7B,gBAAgB,QAAQ,MAAM,cAAc,IAAI,kBAAkB;+BACxC,aAAa,SAAS;IAEnD,EAAE"}

package/dist/stepperHorizontal/theme.js

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

package/dist/stepperVertical/consts.js

@@ -15,9 +15,9 @@ const titleColor = {
 };
 const boldTitles = ["active", "error"];
 const stepClassName = "vui-stepVertical";
-const tailClassName = stepClassName + "Tail";
+const tailClassName = "vui-stepVerticalTail";
 
 //#endregion
 export { boldTitles, stepClassName, tailClassName, titleColor, variantColor };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=consts.js.map

package/dist/stepperVertical/consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"consts.js","names":[],"sources":["../../src/stepperVertical/consts.ts"],"sourcesContent":["export const variantColor = {\n  active: 'seaBlue.main',\n  completed: 'landGreen.41',\n  optional: 'seaBlue.45',\n  pending: 'sandstone.90',\n  error: 'energyRed.main',\n}\n\nexport const titleColor = {\n  active: 'sandstone.10',\n  completed: 'sandstone.10',\n  optional: 'sandstone.10',\n  pending: 'sandstone.55',\n  error: 'energyRed.main',\n}\n\nexport const boldTitles = ['active', 'error']\n\nexport const stepClassName = 'vui-stepVertical'\n\nexport const tailClassName = stepClassName + 'Tail'\n"],"mappings":";AAAA,MAAa,eAAe;CAC1B,QAAQ;CACR,WAAW;CACX,UAAU;CACV,SAAS;CACT,OAAO;AACT;AAEA,MAAa,aAAa;CACxB,QAAQ;CACR,WAAW;CACX,UAAU;CACV,SAAS;CACT,OAAO;AACT;AAEA,MAAa,aAAa,CAAC,UAAU,OAAO;AAE5C,MAAa,gBAAgB;AAE7B,MAAa,gBAAgB,gBAAgB"}
+{"version":3,"file":"consts.js","names":[],"sources":["../../src/stepperVertical/consts.ts"],"sourcesContent":["export const variantColor = {\n  active: 'seaBlue.main',\n  completed: 'landGreen.41',\n  optional: 'seaBlue.45',\n  pending: 'sandstone.90',\n  error: 'energyRed.main',\n}\n\nexport const titleColor = {\n  active: 'sandstone.10',\n  completed: 'sandstone.10',\n  optional: 'sandstone.10',\n  pending: 'sandstone.55',\n  error: 'energyRed.main',\n}\n\nexport const boldTitles = ['active', 'error']\n\nexport const stepClassName = 'vui-stepVertical'\n\nexport const tailClassName = stepClassName + 'Tail'\n"],"mappings":";AAAA,MAAa,eAAe;CAC1B,QAAQ;CACR,WAAW;CACX,UAAU;CACV,SAAS;CACT,OAAO;AACT;AAEA,MAAa,aAAa;CACxB,QAAQ;CACR,WAAW;CACX,UAAU;CACV,SAAS;CACT,OAAO;AACT;AAEA,MAAa,aAAa,CAAC,UAAU,OAAO;AAE5C,MAAa,gBAAgB;AAE7B,MAAa,gBAAgB"}

package/dist/stepperVertical/context.js

@@ -5,5 +5,5 @@ const [StepperVerticalProvider, useStepperVerticalContext] = createContext({ isO
 
 //#endregion
 export { StepperVerticalProvider, useStepperVerticalContext };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=context.js.map

package/dist/stepperVertical/stepVertical.js

@@ -61,5 +61,5 @@ StepVertical.displayName = "StepVertical";
 
 //#endregion
 export { StepVerticalBase, StepVertical as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=stepVertical.js.map

package/dist/stepperVertical/stepVertical.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepVertical.js","names":[],"sources":["../../src/stepperVertical/stepVertical.tsx"],"sourcesContent":["import { Box } from '../box'\nimport { styled, vui } from '../core'\nimport { StepIndicator } from '../stepIndicator'\nimport { cs } from '../utils'\nimport { stepClassName } from './consts'\nimport { useStepperVerticalContext } from './context'\nimport type { StepVerticalProps } from './stepperVerticalTypes'\nimport StepVerticalTail from './stepVerticalTail'\nimport StepVerticalTitle from './stepVerticalTitle'\n\nexport const StepVerticalBase = styled.divBox`\n  display: flex;\n  position: relative;\n  width: 100%;\n`\n\n/**\n * Implements a vertical step component\n */\nexport const StepVertical = vui<'div', StepVerticalProps>(\n  ({ icon, number, size: propSize = 'md', description, title, className, variant, children }, ref) => {\n    const context = useStepperVerticalContext()\n    const size = context?.size || propSize\n    return (\n      <StepVerticalBase className={cs(stepClassName, className)} ref={ref}>\n        <StepVerticalTail size={size} variant={variant as any} />\n        <Box flex={`0 0 ${size === 'md' ? 40 : 30}px`}>\n          <StepIndicator icon={icon} number={number} size={size} variant={variant} />\n        </Box>\n        <Box flex=\"1\" flexDirection=\"column\">\n          {!!title && (\n            <StepVerticalTitle size={size} variant={variant as any}>\n              {title}\n            </StepVerticalTitle>\n          )}\n          {!!description && (\n            <Box color=\"sandstone.45\" fontSize={`${size === 'md' ? 14 : 12}px`}>\n              {description}\n            </Box>\n          )}\n          <Box>{children}</Box>\n        </Box>\n      </StepVerticalBase>\n    )\n  },\n)\n\nStepVertical.displayName = 'StepVertical'\n\nexport default StepVertical\n"],"mappings":";;;;;;;;;;;;AAUA,MAAa,mBAAmB,OAAO,MAAM;;;;;;;;AAS7C,MAAa,eAAe,KACzB,EAAE,MAAM,QAAQ,MAAM,WAAW,MAAM,aAAa,OAAO,WAAW,SAAS,YAAY,QAAQ;CAElG,MAAM,OADU,0BACG,GAAG,QAAQ;CAC9B,OACE,qBAAC,kBAAD;EAAkB,WAAW,GAAG,eAAe,SAAS;EAAQ;YAAhE;GACE,oBAAC,kBAAD;IAAwB;IAAe;GAAiB;GACxD,oBAAC,KAAD;IAAK,MAAM,OAAO,SAAS,OAAO,KAAK,GAAG;cACxC,oBAAC,eAAD;KAAqB;KAAc;KAAc;KAAe;IAAU;GACvE;GACL,qBAAC,KAAD;IAAK,MAAK;IAAI,eAAc;cAA5B;KACG,CAAC,CAAC,SACD,oBAAC,mBAAD;MAAyB;MAAe;gBACrC;KACgB;KAEpB,CAAC,CAAC,eACD,oBAAC,KAAD;MAAK,OAAM;MAAe,UAAU,GAAG,SAAS,OAAO,KAAK,GAAG;gBAC5D;KACE;KAEP,oBAAC,KAAD,EAAM,SAAc;IACjB;;EACW;;AAEtB,CACF;AAEA,aAAa,cAAc"}
+{"version":3,"file":"stepVertical.js","names":[],"sources":["../../src/stepperVertical/stepVertical.tsx"],"sourcesContent":["import { Box } from '../box'\nimport { styled, vui } from '../core'\nimport { StepIndicator } from '../stepIndicator'\nimport { cs } from '../utils'\nimport { stepClassName } from './consts'\nimport { useStepperVerticalContext } from './context'\nimport type { StepVerticalProps } from './stepperVerticalTypes'\nimport StepVerticalTail from './stepVerticalTail'\nimport StepVerticalTitle from './stepVerticalTitle'\n\nexport const StepVerticalBase = styled.divBox`\n  display: flex;\n  position: relative;\n  width: 100%;\n`\n\n/**\n * Implements a vertical step component\n */\nexport const StepVertical = vui<'div', StepVerticalProps>(\n  ({ icon, number, size: propSize = 'md', description, title, className, variant, children }, ref) => {\n    const context = useStepperVerticalContext()\n    const size = context?.size || propSize\n    return (\n      <StepVerticalBase className={cs(stepClassName, className)} ref={ref}>\n        <StepVerticalTail size={size} variant={variant as any} />\n        <Box flex={`0 0 ${size === 'md' ? 40 : 30}px`}>\n          <StepIndicator icon={icon} number={number} size={size} variant={variant} />\n        </Box>\n        <Box flex=\"1\" flexDirection=\"column\">\n          {!!title && (\n            <StepVerticalTitle size={size} variant={variant as any}>\n              {title}\n            </StepVerticalTitle>\n          )}\n          {!!description && (\n            <Box color=\"sandstone.45\" fontSize={`${size === 'md' ? 14 : 12}px`}>\n              {description}\n            </Box>\n          )}\n          <Box>{children}</Box>\n        </Box>\n      </StepVerticalBase>\n    )\n  },\n)\n\nStepVertical.displayName = 'StepVertical'\n\nexport default StepVertical\n"],"mappings":";;;;;;;;;;;;AAUA,MAAa,mBAAmB,OAAO,MAAM;;;;;;;;AAS7C,MAAa,eAAe,KACzB,EAAE,MAAM,QAAQ,MAAM,WAAW,MAAM,aAAa,OAAO,WAAW,SAAS,YAAY,QAAQ;CAElG,MAAM,OADU,0BACG,CAAC,EAAE,QAAQ;CAC9B,OACE,qBAAC,kBAAD;EAAkB,WAAW,GAAG,eAAe,SAAS;EAAQ;YAAhE;GACE,oBAAC,kBAAD;IAAwB;IAAe;GAAiB;GACxD,oBAAC,KAAD;IAAK,MAAM,OAAO,SAAS,OAAO,KAAK,GAAG;cACxC,oBAAC,eAAD;KAAqB;KAAc;KAAc;KAAe;IAAU;GACvE;GACL,qBAAC,KAAD;IAAK,MAAK;IAAI,eAAc;cAA5B;KACG,CAAC,CAAC,SACD,oBAAC,mBAAD;MAAyB;MAAe;gBACrC;KACgB;KAEpB,CAAC,CAAC,eACD,oBAAC,KAAD;MAAK,OAAM;MAAe,UAAU,GAAG,SAAS,OAAO,KAAK,GAAG;gBAC5D;KACE;KAEP,oBAAC,KAAD,EAAM,SAAc;IACjB;;EACW;;AAEtB,CACF;AAEA,aAAa,cAAc"}

package/dist/stepperVertical/stepVerticalTail.js

@@ -25,5 +25,5 @@ StepVerticalTail.displayName = "StepVerticalTail";
 
 //#endregion
 export { StepVerticalTail as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=stepVerticalTail.js.map

package/dist/stepperVertical/stepVerticalTitle.js

@@ -25,5 +25,5 @@ StepVerticalTitle.displayName = "StepVerticalTitle";
 
 //#endregion
 export { StepVerticalTitle as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=stepVerticalTitle.js.map

package/dist/stepperVertical/stepperVertical.js

@@ -29,5 +29,5 @@ StepperVertical.displayName = "StepperVertical";
 
 //#endregion
 export { StepperVertical as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=stepperVertical.js.map

package/dist/stepperVertical/stepperVerticalBase.js

@@ -12,5 +12,5 @@ const StepperVerticalBase = styled.divBox`
 
 //#endregion
 export { StepperVerticalBase as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=stepperVerticalBase.js.map

package/dist/stepperVertical/theme.js

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

package/dist/svg/cache.js

@@ -27,5 +27,5 @@ const cache = new Cache();
 
 //#endregion
 export { cache as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=cache.js.map

package/dist/svg/cache.js.map

@@ -1 +1 @@
-{"version":3,"file":"cache.js","names":[],"sources":["../../src/svg/cache.ts"],"sourcesContent":["type CachedItem = string | Promise<string>\n\n/**\n * Provides svg caching functionality to avoid redundant XHR requests.\n * When the retrieved item doesn't exist in cache yet, a request is sent\n * to its 'src' url. The request's promise is cached for that 'src' key\n * and can be used for the whole session without repeating requests.\n */\nclass Cache {\n  cache: Map<string, CachedItem> = new Map()\n\n  add = (src: string, svg: CachedItem) => {\n    this.cache.set(src, svg)\n  }\n\n  get = (src: string) => {\n    const item = this.cache.get(src)\n\n    if (!item) {\n      const promise = fetch(src).then(res => res.text())\n\n      this.add(src, promise)\n\n      return promise\n    }\n\n    return item\n  }\n\n  reset = () => {\n    this.cache.clear()\n  }\n}\n\nconst cache = new Cache()\n\nexport default cache\n"],"mappings":";;;;;;;AAQA,IAAM,QAAN,MAAY;CACV,wBAAiC,IAAI,IAAI;CAEzC,OAAO,KAAa,QAAoB;EACtC,KAAK,MAAM,IAAI,KAAK,GAAG;CACzB;CAEA,OAAO,QAAgB;EACrB,MAAM,OAAO,KAAK,MAAM,IAAI,GAAG;EAE/B,IAAI,CAAC,MAAM;GACT,MAAM,UAAU,MAAM,GAAG,EAAE,MAAK,QAAO,IAAI,KAAK,CAAC;GAEjD,KAAK,IAAI,KAAK,OAAO;GAErB,OAAO;EACT;EAEA,OAAO;CACT;CAEA,cAAc;EACZ,KAAK,MAAM,MAAM;CACnB;AACF;AAEA,MAAM,QAAQ,IAAI,MAAM"}
+{"version":3,"file":"cache.js","names":[],"sources":["../../src/svg/cache.ts"],"sourcesContent":["type CachedItem = string | Promise<string>\n\n/**\n * Provides svg caching functionality to avoid redundant XHR requests.\n * When the retrieved item doesn't exist in cache yet, a request is sent\n * to its 'src' url. The request's promise is cached for that 'src' key\n * and can be used for the whole session without repeating requests.\n */\nclass Cache {\n  cache: Map<string, CachedItem> = new Map()\n\n  add = (src: string, svg: CachedItem) => {\n    this.cache.set(src, svg)\n  }\n\n  get = (src: string) => {\n    const item = this.cache.get(src)\n\n    if (!item) {\n      const promise = fetch(src).then(res => res.text())\n\n      this.add(src, promise)\n\n      return promise\n    }\n\n    return item\n  }\n\n  reset = () => {\n    this.cache.clear()\n  }\n}\n\nconst cache = new Cache()\n\nexport default cache\n"],"mappings":";;;;;;;AAQA,IAAM,QAAN,MAAY;CACV,wBAAiC,IAAI,IAAI;CAEzC,OAAO,KAAa,QAAoB;EACtC,KAAK,MAAM,IAAI,KAAK,GAAG;CACzB;CAEA,OAAO,QAAgB;EACrB,MAAM,OAAO,KAAK,MAAM,IAAI,GAAG;EAE/B,IAAI,CAAC,MAAM;GACT,MAAM,UAAU,MAAM,GAAG,CAAC,CAAC,MAAK,QAAO,IAAI,KAAK,CAAC;GAEjD,KAAK,IAAI,KAAK,OAAO;GAErB,OAAO;EACT;EAEA,OAAO;CACT;CAEA,cAAc;EACZ,KAAK,MAAM,MAAM;CACnB;AACF;AAEA,MAAM,QAAQ,IAAI,MAAM"}

package/dist/svg/helpers.js

@@ -28,5 +28,5 @@ function stringToHTML(html) {
 
 //#endregion
 export { getAttributes, getSvgContent, initState, stringToHTML };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=helpers.js.map

package/dist/svg/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":[],"sources":["../../src/svg/helpers.ts"],"sourcesContent":["import type { Dict } from '../utils'\nimport type { SvgState } from './svg.types'\n\n/** Returns an object with given element's HTML attributes. */\nexport function getAttributes(element?: Element) {\n  if (!element) return {}\n\n  const attrs = Array.from(element.attributes)\n\n  return attrs.reduce((props: Dict<string>, attr) => {\n    const { name, value } = attr\n    props[name] = value\n    return props\n  }, {})\n}\n\n/** Returns content of the SVG HTML string by stripping the svg tag. */\nexport function getSvgContent(html = '') {\n  return html.replace(/(<\\/?svg(?:.|\\n)*?>)|(\\r\\n|\\n|\\r)/gm, '')\n}\n\n/** Returns object with initial state values. */\nexport function initState(): SvgState {\n  return { content: '', svgAttributes: {} }\n}\n\n/** Returns given HTML string as an HTML element. */\nexport function stringToHTML(html: string) {\n  const container = document.createElement('div')\n  container.innerHTML = html\n\n  return container.firstElementChild\n}\n"],"mappings":";;AAIA,SAAgB,cAAc,SAAmB;CAC/C,IAAI,CAAC,SAAS,OAAO,CAAC;CAItB,OAFc,MAAM,KAAK,QAAQ,UAEtB,EAAE,QAAQ,OAAqB,SAAS;EACjD,MAAM,EAAE,MAAM,UAAU;EACxB,MAAM,QAAQ;EACd,OAAO;CACT,GAAG,CAAC,CAAC;AACP;;AAGA,SAAgB,cAAc,OAAO,IAAI;CACvC,OAAO,KAAK,QAAQ,uCAAuC,EAAE;AAC/D;;AAGA,SAAgB,YAAsB;CACpC,OAAO;EAAE,SAAS;EAAI,eAAe,CAAC;CAAE;AAC1C;;AAGA,SAAgB,aAAa,MAAc;CACzC,MAAM,YAAY,SAAS,cAAc,KAAK;CAC9C,UAAU,YAAY;CAEtB,OAAO,UAAU;AACnB"}
+{"version":3,"file":"helpers.js","names":[],"sources":["../../src/svg/helpers.ts"],"sourcesContent":["import type { Dict } from '../utils'\nimport type { SvgState } from './svg.types'\n\n/** Returns an object with given element's HTML attributes. */\nexport function getAttributes(element?: Element) {\n  if (!element) return {}\n\n  const attrs = Array.from(element.attributes)\n\n  return attrs.reduce((props: Dict<string>, attr) => {\n    const { name, value } = attr\n    props[name] = value\n    return props\n  }, {})\n}\n\n/** Returns content of the SVG HTML string by stripping the svg tag. */\nexport function getSvgContent(html = '') {\n  return html.replace(/(<\\/?svg(?:.|\\n)*?>)|(\\r\\n|\\n|\\r)/gm, '')\n}\n\n/** Returns object with initial state values. */\nexport function initState(): SvgState {\n  return { content: '', svgAttributes: {} }\n}\n\n/** Returns given HTML string as an HTML element. */\nexport function stringToHTML(html: string) {\n  const container = document.createElement('div')\n  container.innerHTML = html\n\n  return container.firstElementChild\n}\n"],"mappings":";;AAIA,SAAgB,cAAc,SAAmB;CAC/C,IAAI,CAAC,SAAS,OAAO,CAAC;CAItB,OAFc,MAAM,KAAK,QAAQ,UAEtB,CAAC,CAAC,QAAQ,OAAqB,SAAS;EACjD,MAAM,EAAE,MAAM,UAAU;EACxB,MAAM,QAAQ;EACd,OAAO;CACT,GAAG,CAAC,CAAC;AACP;;AAGA,SAAgB,cAAc,OAAO,IAAI;CACvC,OAAO,KAAK,QAAQ,uCAAuC,EAAE;AAC/D;;AAGA,SAAgB,YAAsB;CACpC,OAAO;EAAE,SAAS;EAAI,eAAe,CAAC;CAAE;AAC1C;;AAGA,SAAgB,aAAa,MAAc;CACzC,MAAM,YAAY,SAAS,cAAc,KAAK;CAC9C,UAAU,YAAY;CAEtB,OAAO,UAAU;AACnB"}

package/dist/svg/svg.js

@@ -73,5 +73,5 @@ Svg.displayName = "Svg";
 
 //#endregion
 export { SvgBase, Svg as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=svg.js.map

package/dist/svg/svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"svg.js","names":[],"sources":["../../src/svg/svg.tsx"],"sourcesContent":["/* eslint-disable @eslint-react/dom-no-dangerously-set-innerhtml, @eslint-react/dom-no-dangerously-set-innerhtml-with-children */\nimport { useEffect, useRef, useState } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { css, styled, vui } from '../core'\nimport { cs } from '../utils'\nimport cache from './cache'\nimport { getAttributes, getSvgContent, initState, stringToHTML } from './helpers'\nimport type { SvgProps, SvgState } from './svg.types'\n\nexport const SvgBase: VuiComponent<'svg', SvgProps> = styled.svgBox<SvgProps>(({ pathFill }) => {\n  return css`\n    ${pathFill !== undefined &&\n    (Array.isArray(pathFill)\n      ? pathFill\n          .map(\n            (fill, index) => `\n\t\t\t\t\t& > path:nth-child(${index + 1}) {\n\t\t\t\t\t\tfill: ${fill};\n\t\t\t\t\t}\n\t\t\t\t`,\n          )\n          .join()\n      : `\n\t\t\t\t& > path {\n\t\t\t\t\tfill: ${pathFill};\n\t\t\t\t}\n\t\t\t`)}\n  `\n})\n\n/**\n * Displays an svg element based on provided children or 'src' prop.\n *\n * When using src, it loads the content from the given URL and saves in in cache.\n *\n * Then, renders the svg by parsing loaded content (Review potential for XSS due to innerHTML).\n */\nexport const Svg = vui<'svg', SvgProps>((props, ref) => {\n  const { children, className, src, ...rest } = props\n  const [svgState, setSvgState] = useState<SvgState>(() => initState())\n  const isMountedRef = useRef(false)\n  const srcRef = useRef(src)\n\n  const { content = '', svgAttributes = {} } = svgState\n  const innerHTML = !children ? { __html: content } : undefined\n\n  useEffect(() => {\n    isMountedRef.current = true\n    return () => {\n      isMountedRef.current = false\n    }\n  }, [])\n\n  useEffect(() => {\n    srcRef.current = src\n\n    async function loadSvg(src: string) {\n      try {\n        const response = await cache.get(src)\n        const content = getSvgContent(response)\n        const svgEl = stringToHTML(response) as Element | undefined\n        const svgAttributes = getAttributes(svgEl)\n\n        svgAttributes['data-src'] = src ?? ''\n\n        // Update state only when requested 'src' and current 'src' are the same\n        if (srcRef.current === src && isMountedRef.current) {\n          setSvgState({ content, svgAttributes })\n        }\n      } catch (error) {\n        console.error(error)\n        if (isMountedRef.current) {\n          setSvgState(initState())\n        }\n      }\n    }\n\n    src && void loadSvg(src)\n  }, [src])\n\n  return (\n    <SvgBase\n      className={cs('vui-svg', className)}\n      dangerouslySetInnerHTML={innerHTML}\n      ref={ref}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...svgAttributes}\n      {...rest}\n    >\n      {children}\n    </SvgBase>\n  )\n})\n\nSvg.displayName = 'Svg'\n\nexport default Svg\n"],"mappings":";;;;;;;;;AAUA,MAAa,UAAyC,OAAO,QAAkB,EAAE,eAAe;CAC9F,OAAO,GAAG;MACN,aAAa,WACd,MAAM,QAAQ,QAAQ,IACnB,SACG,KACE,MAAM,UAAU;0BACH,QAAQ,EAAE;cACtB,KAAK;;KAGT,EACC,KAAK,IACR;;aAEK,SAAS;;MAEhB;;AAEN,CAAC;;;;;;;;AASD,MAAa,MAAM,KAAsB,OAAO,QAAQ;CACtD,MAAM,EAAE,UAAU,WAAW,KAAK,GAAG,SAAS;CAC9C,MAAM,CAAC,UAAU,eAAe,eAAyB,UAAU,CAAC;CACpE,MAAM,eAAe,OAAO,KAAK;CACjC,MAAM,SAAS,OAAO,GAAG;CAEzB,MAAM,EAAE,UAAU,IAAI,gBAAgB,CAAC,MAAM;CAC7C,MAAM,YAAY,CAAC,WAAW,EAAE,QAAQ,QAAQ,IAAI;CAEpD,gBAAgB;EACd,aAAa,UAAU;EACvB,aAAa;GACX,aAAa,UAAU;EACzB;CACF,GAAG,CAAC,CAAC;CAEL,gBAAgB;EACd,OAAO,UAAU;EAEjB,eAAe,QAAQ,KAAa;GAClC,IAAI;IACF,MAAM,WAAW,MAAM,MAAM,IAAI,GAAG;IACpC,MAAM,UAAU,cAAc,QAAQ;IAEtC,MAAM,gBAAgB,cADR,aAAa,QACa,CAAC;IAEzC,cAAc,cAAc,OAAO;IAGnC,IAAI,OAAO,YAAY,OAAO,aAAa,SACzC,YAAY;KAAE;KAAS;IAAc,CAAC;GAE1C,SAAS,OAAO;IACd,QAAQ,MAAM,KAAK;IACnB,IAAI,aAAa,SACf,YAAY,UAAU,CAAC;GAE3B;EACF;EAEA,OAAY,QAAQ,GAAG;CACzB,GAAG,CAAC,GAAG,CAAC;CAER,OACE,oBAAC,SAAD;EACE,WAAW,GAAG,WAAW,SAAS;EAClC,yBAAyB;EACpB;EACL,OAAM;EACN,GAAI;EACJ,GAAI;EAEH;CACM;AAEb,CAAC;AAED,IAAI,cAAc"}
+{"version":3,"file":"svg.js","names":[],"sources":["../../src/svg/svg.tsx"],"sourcesContent":["/* eslint-disable @eslint-react/dom-no-dangerously-set-innerhtml, @eslint-react/dom-no-dangerously-set-innerhtml-with-children */\nimport { useEffect, useRef, useState } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { css, styled, vui } from '../core'\nimport { cs } from '../utils'\nimport cache from './cache'\nimport { getAttributes, getSvgContent, initState, stringToHTML } from './helpers'\nimport type { SvgProps, SvgState } from './svg.types'\n\nexport const SvgBase: VuiComponent<'svg', SvgProps> = styled.svgBox<SvgProps>(({ pathFill }) => {\n  return css`\n    ${pathFill !== undefined &&\n    (Array.isArray(pathFill)\n      ? pathFill\n          .map(\n            (fill, index) => `\n\t\t\t\t\t& > path:nth-child(${index + 1}) {\n\t\t\t\t\t\tfill: ${fill};\n\t\t\t\t\t}\n\t\t\t\t`,\n          )\n          .join()\n      : `\n\t\t\t\t& > path {\n\t\t\t\t\tfill: ${pathFill};\n\t\t\t\t}\n\t\t\t`)}\n  `\n})\n\n/**\n * Displays an svg element based on provided children or 'src' prop.\n *\n * When using src, it loads the content from the given URL and saves in in cache.\n *\n * Then, renders the svg by parsing loaded content (Review potential for XSS due to innerHTML).\n */\nexport const Svg = vui<'svg', SvgProps>((props, ref) => {\n  const { children, className, src, ...rest } = props\n  const [svgState, setSvgState] = useState<SvgState>(() => initState())\n  const isMountedRef = useRef(false)\n  const srcRef = useRef(src)\n\n  const { content = '', svgAttributes = {} } = svgState\n  const innerHTML = !children ? { __html: content } : undefined\n\n  useEffect(() => {\n    isMountedRef.current = true\n    return () => {\n      isMountedRef.current = false\n    }\n  }, [])\n\n  useEffect(() => {\n    srcRef.current = src\n\n    async function loadSvg(src: string) {\n      try {\n        const response = await cache.get(src)\n        const content = getSvgContent(response)\n        const svgEl = stringToHTML(response) as Element | undefined\n        const svgAttributes = getAttributes(svgEl)\n\n        svgAttributes['data-src'] = src ?? ''\n\n        // Update state only when requested 'src' and current 'src' are the same\n        if (srcRef.current === src && isMountedRef.current) {\n          setSvgState({ content, svgAttributes })\n        }\n      } catch (error) {\n        console.error(error)\n        if (isMountedRef.current) {\n          setSvgState(initState())\n        }\n      }\n    }\n\n    src && void loadSvg(src)\n  }, [src])\n\n  return (\n    <SvgBase\n      className={cs('vui-svg', className)}\n      dangerouslySetInnerHTML={innerHTML}\n      ref={ref}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...svgAttributes}\n      {...rest}\n    >\n      {children}\n    </SvgBase>\n  )\n})\n\nSvg.displayName = 'Svg'\n\nexport default Svg\n"],"mappings":";;;;;;;;;AAUA,MAAa,UAAyC,OAAO,QAAkB,EAAE,eAAe;CAC9F,OAAO,GAAG;MACN,aAAa,WACd,MAAM,QAAQ,QAAQ,IACnB,SACG,KACE,MAAM,UAAU;0BACH,QAAQ,EAAE;cACtB,KAAK;;KAGT,CAAC,CACA,KAAK,IACR;;aAEK,SAAS;;MAEhB;;AAEN,CAAC;;;;;;;;AASD,MAAa,MAAM,KAAsB,OAAO,QAAQ;CACtD,MAAM,EAAE,UAAU,WAAW,KAAK,GAAG,SAAS;CAC9C,MAAM,CAAC,UAAU,eAAe,eAAyB,UAAU,CAAC;CACpE,MAAM,eAAe,OAAO,KAAK;CACjC,MAAM,SAAS,OAAO,GAAG;CAEzB,MAAM,EAAE,UAAU,IAAI,gBAAgB,CAAC,MAAM;CAC7C,MAAM,YAAY,CAAC,WAAW,EAAE,QAAQ,QAAQ,IAAI;CAEpD,gBAAgB;EACd,aAAa,UAAU;EACvB,aAAa;GACX,aAAa,UAAU;EACzB;CACF,GAAG,CAAC,CAAC;CAEL,gBAAgB;EACd,OAAO,UAAU;EAEjB,eAAe,QAAQ,KAAa;GAClC,IAAI;IACF,MAAM,WAAW,MAAM,MAAM,IAAI,GAAG;IACpC,MAAM,UAAU,cAAc,QAAQ;IAEtC,MAAM,gBAAgB,cADR,aAAa,QACa,CAAC;IAEzC,cAAc,cAAc,OAAO;IAGnC,IAAI,OAAO,YAAY,OAAO,aAAa,SACzC,YAAY;KAAE;KAAS;IAAc,CAAC;GAE1C,SAAS,OAAO;IACd,QAAQ,MAAM,KAAK;IACnB,IAAI,aAAa,SACf,YAAY,UAAU,CAAC;GAE3B;EACF;EAEA,OAAY,QAAQ,GAAG;CACzB,GAAG,CAAC,GAAG,CAAC;CAER,OACE,oBAAC,SAAD;EACE,WAAW,GAAG,WAAW,SAAS;EAClC,yBAAyB;EACpB;EACL,OAAM;EACN,GAAI;EACJ,GAAI;EAEH;CACM;AAEb,CAAC;AAED,IAAI,cAAc"}

package/dist/switch/consts.js

@@ -12,5 +12,5 @@ const switchColors = {
 
 //#endregion
 export { switchColors };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=consts.js.map

package/dist/switch/context.js

@@ -5,5 +5,5 @@ const [SwitchProvider, useSwitchContext] = createContext({ isOptional: true });
 
 //#endregion
 export { SwitchProvider, useSwitchContext };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=context.js.map

package/dist/switch/switchButton.js

@@ -144,5 +144,5 @@ SwitchButton.displayName = "SwitchButton";
 
 //#endregion
 export { SwitchButtonBase, SwitchButton as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=switchButton.js.map

package/dist/switch/switchButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"switchButton.js","names":[],"sources":["../../src/switch/switchButton.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nimport { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport type { ChangeEvent, FocusEvent } from '../utils'\nimport { cs, filterUndefined } from '../utils'\nimport { switchColors } from './consts'\nimport { useSwitchContext } from './context'\nimport type { SwitchButtonProps } from './switch.types'\n\nconst SwitchInput = styled.inputBox`\n  cursor: inherit;\n  height: calc(100% + 10px);\n  left: -5px;\n  margin: 0;\n  opacity: 0;\n  padding: 0;\n  position: absolute;\n  top: -5px;\n  width: calc(100% + 10px);\n  z-index: 1;\n`\n\nconst SwitchFoundation = styled.spanBox`\n  border-radius: 100px;\n  display: inline-flex;\n  flex-shrink: 0;\n  transition-duration: fast;\n  position: relative;\n`\n\n/** Circular element that moves along the track when toggled. */\nconst SwitchThumb = styled(SwitchFoundation)`\n  position: absolute;\n`\n\n/** Track element along which the thumb moves when toggled. */\nconst SwitchTrack = styled(SwitchFoundation)`\n  align-items: center;\n  flex: 1;\n`\n\nexport const SwitchButtonBase = styled(SwitchFoundation)`\n  color: white;\n  cursor: pointer;\n  --x-ring-color: green;\n\n  &[aria-disabled='true'] {\n    cursor: not-allowed;\n\n    .vui-switchThumb {\n      background-color: ${switchColors.disabled};\n    }\n\n    .vui-switchTrack {\n      --x-ring-color: ${switchColors.disabled};\n      background-color: ${switchColors.disabledBg};\n      color: ${switchColors.disabled};\n    }\n  }\n`\n\n/**\n * Controls the logic and visuals of multiple inner parts, such as input, track or thumb elements.\n * Handles controlled and uncontrolled modes.\n */\nexport const SwitchButton = vui<'span', SwitchButtonProps>((props, ref) => {\n  const mergedProps = { ...useSwitchContext(), ...props }\n  const {\n    checked,\n    className,\n    defaultChecked,\n    disabled,\n    id,\n    innerLabelOff,\n    innerLabelOn,\n    inputProps,\n    inputRef,\n    name,\n    onBlur,\n    onChange,\n    onFocus,\n    required,\n    value,\n    ...rest\n  } = omitThemingProps(mergedProps)\n  const { current: isControlled } = useRef(checked !== undefined)\n  const [isChecked, setIsChecked] = useState(checked ?? defaultChecked)\n  const [isFocused, setIsFocused] = useState(false)\n  const styles = useStyleConfig('Switch', useSwitchContext())\n  const { thumb: thumbStyles, track: trackStyles, ...buttonStyles } = styles.button\n\n  useEffect(() => {\n    if (isControlled) setIsChecked(checked)\n  }, [checked, isControlled])\n\n  function handleOnBlur(e: FocusEvent) {\n    setIsFocused(false)\n    onBlur?.(e)\n  }\n\n  function handleOnChange(e: ChangeEvent) {\n    if (!isControlled) setIsChecked(e.target.checked)\n    onChange?.(e)\n  }\n\n  function handleOnFocus(e: FocusEvent) {\n    setIsFocused(true)\n    onFocus?.(e)\n  }\n\n  const hDiff = (thumbStyles.h - trackStyles.h) / 2\n  const thumbOffset = `calc(100% - ${Math.abs(hDiff - thumbStyles.h)}px)`\n  const labelOffset = `${thumbStyles.h - hDiff + 4}px`\n\n  const aliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n    'data-focused': isFocused ? true : false,\n  })\n\n  const thumbAliasedProps = filterUndefined({\n    left: isChecked ? thumbOffset : -hDiff,\n    ring: isFocused ? thumbStyles.ring : 0,\n  })\n\n  const trackAliasedProps = filterUndefined({\n    bg: isChecked ? trackStyles.bg : innerLabelOff ? switchColors.offBgContrast : switchColors.offBg,\n    pl: isChecked ? 1 : labelOffset,\n    pr: isChecked ? labelOffset : 1,\n    ring: !disabled ? (isFocused ? trackStyles.ring : 0) : 3,\n  })\n\n  return (\n    <SwitchButtonBase\n      className={cs('vui-switchButton', className)}\n      ref={ref}\n      {...buttonStyles}\n      {...aliasedProps}\n      {...rest}\n    >\n      <SwitchInput\n        className=\"vui-switchInput\"\n        onBlur={handleOnBlur}\n        onChange={handleOnChange}\n        onFocus={handleOnFocus}\n        ref={inputRef}\n        tabIndex={-1}\n        type=\"checkbox\"\n        {...{ checked, defaultChecked, disabled, id, name, required, value }}\n        {...inputProps}\n      />\n\n      <SwitchTrack className=\"vui-switchTrack\" tabIndex={0} {...trackStyles} {...trackAliasedProps}>\n        {!isChecked && innerLabelOff}\n\n        <SwitchThumb className=\"vui-switchThumb\" {...thumbStyles} {...thumbAliasedProps} />\n\n        {isChecked && innerLabelOn}\n      </SwitchTrack>\n    </SwitchButtonBase>\n  )\n})\n\nSwitchButton.displayName = 'SwitchButton'\n\nexport default SwitchButton\n"],"mappings":";;;;;;;;;;;AASA,MAAM,cAAc,OAAO,QAAQ;;;;;;;;;;;;AAanC,MAAM,mBAAmB,OAAO,OAAO;;;;;;;;AASvC,MAAM,cAAc,OAAO,gBAAgB,CAAC;;;;AAK5C,MAAM,cAAc,OAAO,gBAAgB,CAAC;;;;AAK5C,MAAa,mBAAmB,OAAO,gBAAgB,CAAC;;;;;;;;;0BAS9B,aAAa,SAAS;;;;wBAIxB,aAAa,SAAS;0BACpB,aAAa,WAAW;eACnC,aAAa,SAAS;;;;;;;;AASrC,MAAa,eAAe,KAAgC,OAAO,QAAQ;CAEzE,MAAM,EACJ,SACA,WACA,gBACA,UACA,IACA,eACA,cACA,YACA,UACA,MACA,QACA,UACA,SACA,UACA,OACA,GAAG,SACD,iBAAiB;EAlBC,GAAG,iBAAiB;EAAG,GAAG;CAkBjB,CAAC;CAChC,MAAM,EAAE,SAAS,iBAAiB,OAAO,YAAY,MAAS;CAC9D,MAAM,CAAC,WAAW,gBAAgB,SAAS,WAAW,cAAc;CACpE,MAAM,CAAC,WAAW,gBAAgB,SAAS,KAAK;CAEhD,MAAM,EAAE,OAAO,aAAa,OAAO,aAAa,GAAG,iBADpC,eAAe,UAAU,iBAAiB,CACgB,EAAE;CAE3E,gBAAgB;EACd,IAAI,cAAc,aAAa,OAAO;CACxC,GAAG,CAAC,SAAS,YAAY,CAAC;CAE1B,SAAS,aAAa,GAAe;EACnC,aAAa,KAAK;EAClB,SAAS,CAAC;CACZ;CAEA,SAAS,eAAe,GAAgB;EACtC,IAAI,CAAC,cAAc,aAAa,EAAE,OAAO,OAAO;EAChD,WAAW,CAAC;CACd;CAEA,SAAS,cAAc,GAAe;EACpC,aAAa,IAAI;EACjB,UAAU,CAAC;CACb;CAEA,MAAM,SAAS,YAAY,IAAI,YAAY,KAAK;CAChD,MAAM,cAAc,eAAe,KAAK,IAAI,QAAQ,YAAY,CAAC,EAAE;CACnE,MAAM,cAAc,GAAG,YAAY,IAAI,QAAQ,EAAE;CAEjD,MAAM,eAAe,gBAAgB;EACnC,iBAAiB;EACjB,gBAAgB,YAAY,OAAO;CACrC,CAAC;CAED,MAAM,oBAAoB,gBAAgB;EACxC,MAAM,YAAY,cAAc,CAAC;EACjC,MAAM,YAAY,YAAY,OAAO;CACvC,CAAC;CAED,MAAM,oBAAoB,gBAAgB;EACxC,IAAI,YAAY,YAAY,KAAK,gBAAgB,aAAa,gBAAgB,aAAa;EAC3F,IAAI,YAAY,IAAI;EACpB,IAAI,YAAY,cAAc;EAC9B,MAAM,CAAC,WAAY,YAAY,YAAY,OAAO,IAAK;CACzD,CAAC;CAED,OACE,qBAAC,kBAAD;EACE,WAAW,GAAG,oBAAoB,SAAS;EACtC;EACL,GAAI;EACJ,GAAI;EACJ,GAAI;YALN,CAOE,oBAAC,aAAD;GACE,WAAU;GACV,QAAQ;GACR,UAAU;GACV,SAAS;GACT,KAAK;GACL,UAAU;GACV,MAAK;GACC;GAAS;GAAgB;GAAU;GAAI;GAAM;GAAU;GAC7D,GAAI;EACL,IAED,qBAAC,aAAD;GAAa,WAAU;GAAkB,UAAU;GAAG,GAAI;GAAa,GAAI;aAA3E;IACG,CAAC,aAAa;IAEf,oBAAC,aAAD;KAAa,WAAU;KAAkB,GAAI;KAAa,GAAI;IAAoB;IAEjF,aAAa;GACH;IACG;;AAEtB,CAAC;AAED,aAAa,cAAc"}
+{"version":3,"file":"switchButton.js","names":[],"sources":["../../src/switch/switchButton.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nimport { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport type { ChangeEvent, FocusEvent } from '../utils'\nimport { cs, filterUndefined } from '../utils'\nimport { switchColors } from './consts'\nimport { useSwitchContext } from './context'\nimport type { SwitchButtonProps } from './switch.types'\n\nconst SwitchInput = styled.inputBox`\n  cursor: inherit;\n  height: calc(100% + 10px);\n  left: -5px;\n  margin: 0;\n  opacity: 0;\n  padding: 0;\n  position: absolute;\n  top: -5px;\n  width: calc(100% + 10px);\n  z-index: 1;\n`\n\nconst SwitchFoundation = styled.spanBox`\n  border-radius: 100px;\n  display: inline-flex;\n  flex-shrink: 0;\n  transition-duration: fast;\n  position: relative;\n`\n\n/** Circular element that moves along the track when toggled. */\nconst SwitchThumb = styled(SwitchFoundation)`\n  position: absolute;\n`\n\n/** Track element along which the thumb moves when toggled. */\nconst SwitchTrack = styled(SwitchFoundation)`\n  align-items: center;\n  flex: 1;\n`\n\nexport const SwitchButtonBase = styled(SwitchFoundation)`\n  color: white;\n  cursor: pointer;\n  --x-ring-color: green;\n\n  &[aria-disabled='true'] {\n    cursor: not-allowed;\n\n    .vui-switchThumb {\n      background-color: ${switchColors.disabled};\n    }\n\n    .vui-switchTrack {\n      --x-ring-color: ${switchColors.disabled};\n      background-color: ${switchColors.disabledBg};\n      color: ${switchColors.disabled};\n    }\n  }\n`\n\n/**\n * Controls the logic and visuals of multiple inner parts, such as input, track or thumb elements.\n * Handles controlled and uncontrolled modes.\n */\nexport const SwitchButton = vui<'span', SwitchButtonProps>((props, ref) => {\n  const mergedProps = { ...useSwitchContext(), ...props }\n  const {\n    checked,\n    className,\n    defaultChecked,\n    disabled,\n    id,\n    innerLabelOff,\n    innerLabelOn,\n    inputProps,\n    inputRef,\n    name,\n    onBlur,\n    onChange,\n    onFocus,\n    required,\n    value,\n    ...rest\n  } = omitThemingProps(mergedProps)\n  const { current: isControlled } = useRef(checked !== undefined)\n  const [isChecked, setIsChecked] = useState(checked ?? defaultChecked)\n  const [isFocused, setIsFocused] = useState(false)\n  const styles = useStyleConfig('Switch', useSwitchContext())\n  const { thumb: thumbStyles, track: trackStyles, ...buttonStyles } = styles.button\n\n  useEffect(() => {\n    if (isControlled) setIsChecked(checked)\n  }, [checked, isControlled])\n\n  function handleOnBlur(e: FocusEvent) {\n    setIsFocused(false)\n    onBlur?.(e)\n  }\n\n  function handleOnChange(e: ChangeEvent) {\n    if (!isControlled) setIsChecked(e.target.checked)\n    onChange?.(e)\n  }\n\n  function handleOnFocus(e: FocusEvent) {\n    setIsFocused(true)\n    onFocus?.(e)\n  }\n\n  const hDiff = (thumbStyles.h - trackStyles.h) / 2\n  const thumbOffset = `calc(100% - ${Math.abs(hDiff - thumbStyles.h)}px)`\n  const labelOffset = `${thumbStyles.h - hDiff + 4}px`\n\n  const aliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n    'data-focused': isFocused ? true : false,\n  })\n\n  const thumbAliasedProps = filterUndefined({\n    left: isChecked ? thumbOffset : -hDiff,\n    ring: isFocused ? thumbStyles.ring : 0,\n  })\n\n  const trackAliasedProps = filterUndefined({\n    bg: isChecked ? trackStyles.bg : innerLabelOff ? switchColors.offBgContrast : switchColors.offBg,\n    pl: isChecked ? 1 : labelOffset,\n    pr: isChecked ? labelOffset : 1,\n    ring: !disabled ? (isFocused ? trackStyles.ring : 0) : 3,\n  })\n\n  return (\n    <SwitchButtonBase\n      className={cs('vui-switchButton', className)}\n      ref={ref}\n      {...buttonStyles}\n      {...aliasedProps}\n      {...rest}\n    >\n      <SwitchInput\n        className=\"vui-switchInput\"\n        onBlur={handleOnBlur}\n        onChange={handleOnChange}\n        onFocus={handleOnFocus}\n        ref={inputRef}\n        tabIndex={-1}\n        type=\"checkbox\"\n        {...{ checked, defaultChecked, disabled, id, name, required, value }}\n        {...inputProps}\n      />\n\n      <SwitchTrack className=\"vui-switchTrack\" tabIndex={0} {...trackStyles} {...trackAliasedProps}>\n        {!isChecked && innerLabelOff}\n\n        <SwitchThumb className=\"vui-switchThumb\" {...thumbStyles} {...thumbAliasedProps} />\n\n        {isChecked && innerLabelOn}\n      </SwitchTrack>\n    </SwitchButtonBase>\n  )\n})\n\nSwitchButton.displayName = 'SwitchButton'\n\nexport default SwitchButton\n"],"mappings":";;;;;;;;;;;AASA,MAAM,cAAc,OAAO,QAAQ;;;;;;;;;;;;AAanC,MAAM,mBAAmB,OAAO,OAAO;;;;;;;;AASvC,MAAM,cAAc,OAAO,gBAAgB,CAAC;;;;AAK5C,MAAM,cAAc,OAAO,gBAAgB,CAAC;;;;AAK5C,MAAa,mBAAmB,OAAO,gBAAgB,CAAC;;;;;;;;;0BAS9B,aAAa,SAAS;;;;wBAIxB,aAAa,SAAS;0BACpB,aAAa,WAAW;eACnC,aAAa,SAAS;;;;;;;;AASrC,MAAa,eAAe,KAAgC,OAAO,QAAQ;CAEzE,MAAM,EACJ,SACA,WACA,gBACA,UACA,IACA,eACA,cACA,YACA,UACA,MACA,QACA,UACA,SACA,UACA,OACA,GAAG,SACD,iBAAiB;EAlBC,GAAG,iBAAiB;EAAG,GAAG;CAkBjB,CAAC;CAChC,MAAM,EAAE,SAAS,iBAAiB,OAAO,YAAY,MAAS;CAC9D,MAAM,CAAC,WAAW,gBAAgB,SAAS,WAAW,cAAc;CACpE,MAAM,CAAC,WAAW,gBAAgB,SAAS,KAAK;CAEhD,MAAM,EAAE,OAAO,aAAa,OAAO,aAAa,GAAG,iBADpC,eAAe,UAAU,iBAAiB,CACgB,CAAC,CAAC;CAE3E,gBAAgB;EACd,IAAI,cAAc,aAAa,OAAO;CACxC,GAAG,CAAC,SAAS,YAAY,CAAC;CAE1B,SAAS,aAAa,GAAe;EACnC,aAAa,KAAK;EAClB,SAAS,CAAC;CACZ;CAEA,SAAS,eAAe,GAAgB;EACtC,IAAI,CAAC,cAAc,aAAa,EAAE,OAAO,OAAO;EAChD,WAAW,CAAC;CACd;CAEA,SAAS,cAAc,GAAe;EACpC,aAAa,IAAI;EACjB,UAAU,CAAC;CACb;CAEA,MAAM,SAAS,YAAY,IAAI,YAAY,KAAK;CAChD,MAAM,cAAc,eAAe,KAAK,IAAI,QAAQ,YAAY,CAAC,EAAE;CACnE,MAAM,cAAc,GAAG,YAAY,IAAI,QAAQ,EAAE;CAEjD,MAAM,eAAe,gBAAgB;EACnC,iBAAiB;EACjB,gBAAgB,YAAY,OAAO;CACrC,CAAC;CAED,MAAM,oBAAoB,gBAAgB;EACxC,MAAM,YAAY,cAAc,CAAC;EACjC,MAAM,YAAY,YAAY,OAAO;CACvC,CAAC;CAED,MAAM,oBAAoB,gBAAgB;EACxC,IAAI,YAAY,YAAY,KAAK,gBAAgB,aAAa,gBAAgB,aAAa;EAC3F,IAAI,YAAY,IAAI;EACpB,IAAI,YAAY,cAAc;EAC9B,MAAM,CAAC,WAAY,YAAY,YAAY,OAAO,IAAK;CACzD,CAAC;CAED,OACE,qBAAC,kBAAD;EACE,WAAW,GAAG,oBAAoB,SAAS;EACtC;EACL,GAAI;EACJ,GAAI;EACJ,GAAI;YALN,CAOE,oBAAC,aAAD;GACE,WAAU;GACV,QAAQ;GACR,UAAU;GACV,SAAS;GACT,KAAK;GACL,UAAU;GACV,MAAK;GACC;GAAS;GAAgB;GAAU;GAAI;GAAM;GAAU;GAC7D,GAAI;EACL,IAED,qBAAC,aAAD;GAAa,WAAU;GAAkB,UAAU;GAAG,GAAI;GAAa,GAAI;aAA3E;IACG,CAAC,aAAa;IAEf,oBAAC,aAAD;KAAa,WAAU;KAAkB,GAAI;KAAa,GAAI;IAAoB;IAEjF,aAAa;GACH;IACG;;AAEtB,CAAC;AAED,aAAa,cAAc"}

package/dist/switch/switchLabel.js

@@ -23,5 +23,5 @@ SwitchLabel.displayName = "SwitchLabel";
 
 //#endregion
 export { SwitchLabel as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=switchLabel.js.map

package/dist/switch/switchMain.js

@@ -93,5 +93,5 @@ Switch.displayName = "Switch";
 
 //#endregion
 export { SwitchBase, Switch as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=switchMain.js.map

package/dist/switch/theme.js

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

package/dist/system/custom.js

@@ -30,5 +30,5 @@ const wordBreak = style({ prop: "wordBreak" });
 
 //#endregion
 export { isTruncated, maxLines, wordBreak };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=custom.js.map

package/dist/system/system.js

@@ -6,5 +6,5 @@ const system = compose(animation, backgroundColor, borders, color, effects, flex
 
 //#endregion
 export { system as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=system.js.map

package/dist/t/specialVariants.js

@@ -13,5 +13,5 @@ const Lead = vui((props, ref) => /* @__PURE__ */ jsx(T, {
 
 //#endregion
 export { Lead };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=specialVariants.js.map

package/dist/t/t.js

@@ -34,5 +34,5 @@ T.displayName = "T";
 
 //#endregion
 export { TBase, T as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=t.js.map

package/dist/t/theme.js

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

package/dist/table/context.js

@@ -5,5 +5,5 @@ const [TableProvider, useTableContext] = createContext({ isOptional: true });
 
 //#endregion
 export { TableProvider, useTableContext };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=context.js.map

package/dist/table/table.js

@@ -99,5 +99,5 @@ Table.displayName = "Table";
 
 //#endregion
 export { TableBase, Table as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=table.js.map

package/dist/table/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","names":[],"sources":["../../src/table/table.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { css, styled, useStyleConfig, vui } from '../core'\nimport { compareBy, cs } from '../utils'\nimport { TableProvider } from './context'\nimport type { TableProps } from './table.types'\nimport TableSortIcon from './tableSortIcon'\nimport Tbody from './tbody'\nimport Td from './td'\nimport Tfoot from './tfoot'\nimport Th from './th'\nimport Thead from './thead'\nimport Tr from './tr'\nimport useTable from './useTable'\n\n/**\n * Displays a Table with support for columns, rows and sort.\n */\nexport const TableBase = styled.tableBox<TableProps>`\n  border-collapse: separate;\n  border-spacing: 0px;\n  display: table;\n  position: relative;\n  width: 100%;\n\n  ${p =>\n    p.stickyColumn &&\n    css`\n      thead tr:last-of-type th:first-of-type,\n      td:first-of-type {\n        left: 0;\n        position: sticky;\n        z-index: 2;\n\n        ::after {\n          bottom: -1px;\n          box-shadow: inset 10px 0 8px -8px #00000026;\n          content: '';\n          pointer-events: none;\n          position: absolute;\n          right: 0;\n          top: 0;\n          transform: translate(100%);\n          transition: box-shadow 0.3s;\n          width: 10px;\n        }\n      }\n\n      thead tr:last-of-type th:first-of-type:not([data-active='true']):not([data-disabled='true']),\n      td:first-of-type {\n        background-color: white;\n      }\n    `}\n`\n\n/** Displays a Table with support for columns, rows and sort. */\nexport const Table = vui<'table', TableProps>((props, ref) => {\n  const {\n    children,\n    className,\n    columns,\n    defaultSort,\n    onSortChange,\n    rows,\n    size,\n    sort: sortProp,\n    stickyColumn,\n    stickyHeader,\n    variant,\n    ...rest\n  } = props\n  const styles = useStyleConfig('Table', props)\n  const tableProps = useTable({ defaultSort, onSortChange, sort: sortProp })\n  const { isControlled, sort } = tableProps\n\n  // Rows are sorted internally only in uncontrolled mode, that is when 'sort' prop is not provided.\n  const sortedRows = useMemo(\n    () => (!isControlled ? rows?.slice().sort(compareBy(sort.key, sort.order)) : rows),\n    [rows, sort, isControlled],\n  )\n\n  const context = { ...tableProps, columns, rows: sortedRows, size, stickyColumn, stickyHeader, variant }\n\n  return (\n    <TableProvider value={context}>\n      <TableBase\n        className={cs('vui-table', className)}\n        ref={ref}\n        stickyColumn={stickyColumn}\n        {...styles.container}\n        {...rest}\n      >\n        {children ?? (\n          <>\n            <Thead />\n            <Tbody />\n          </>\n        )}\n      </TableBase>\n    </TableProvider>\n  )\n}) as VuiComponent<'table', TableProps> & {\n  SortIcon: typeof TableSortIcon\n  Tbody: typeof Tbody\n  Td: typeof Td\n  Tfoot: typeof Tfoot\n  Th: typeof Th\n  Thead: typeof Thead\n  Tr: typeof Tr\n}\n\nTable.SortIcon = TableSortIcon\nTable.Tbody = Tbody\nTable.Td = Td\nTable.Tfoot = Tfoot\nTable.Th = Th\nTable.Thead = Thead\nTable.Tr = Tr\n\nTable.displayName = 'Table'\n\nexport default Table\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmBA,MAAa,YAAY,OAAO,QAAoB;;;;;;;KAOhD,MACA,EAAE,gBACF,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;MAyBD;;;AAIN,MAAa,QAAQ,KAA0B,OAAO,QAAQ;CAC5D,MAAM,EACJ,UACA,WACA,SACA,aACA,cACA,MACA,MACA,MAAM,UACN,cACA,cACA,SACA,GAAG,SACD;CACJ,MAAM,SAAS,eAAe,SAAS,KAAK;CAC5C,MAAM,aAAa,SAAS;EAAE;EAAa;EAAc,MAAM;CAAS,CAAC;CACzE,MAAM,EAAE,cAAc,SAAS;CAG/B,MAAM,aAAa,cACV,CAAC,eAAe,MAAM,MAAM,EAAE,KAAK,UAAU,KAAK,KAAK,KAAK,KAAK,CAAC,IAAI,MAC7E;EAAC;EAAM;EAAM;CAAY,CAC3B;CAIA,OACE,oBAAC,eAAD;EAAe,OAAO;GAHN,GAAG;GAAY;GAAS,MAAM;GAAY;GAAM;GAAc;GAAc;EAGhE;YAC1B,oBAAC,WAAD;GACE,WAAW,GAAG,aAAa,SAAS;GAC/B;GACS;GACd,GAAI,OAAO;GACX,GAAI;aAEH,YACC,8CACE,oBAAC,OAAD,CAAQ,IACR,oBAAC,OAAD,CAAQ,EACR;EAEK;CACE;AAEnB,CAAC;AAUD,MAAM,WAAW;AACjB,MAAM,QAAQ;AACd,MAAM,KAAK;AACX,MAAM,QAAQ;AACd,MAAM,KAAK;AACX,MAAM,QAAQ;AACd,MAAM,KAAK;AAEX,MAAM,cAAc"}
+{"version":3,"file":"table.js","names":[],"sources":["../../src/table/table.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { css, styled, useStyleConfig, vui } from '../core'\nimport { compareBy, cs } from '../utils'\nimport { TableProvider } from './context'\nimport type { TableProps } from './table.types'\nimport TableSortIcon from './tableSortIcon'\nimport Tbody from './tbody'\nimport Td from './td'\nimport Tfoot from './tfoot'\nimport Th from './th'\nimport Thead from './thead'\nimport Tr from './tr'\nimport useTable from './useTable'\n\n/**\n * Displays a Table with support for columns, rows and sort.\n */\nexport const TableBase = styled.tableBox<TableProps>`\n  border-collapse: separate;\n  border-spacing: 0px;\n  display: table;\n  position: relative;\n  width: 100%;\n\n  ${p =>\n    p.stickyColumn &&\n    css`\n      thead tr:last-of-type th:first-of-type,\n      td:first-of-type {\n        left: 0;\n        position: sticky;\n        z-index: 2;\n\n        ::after {\n          bottom: -1px;\n          box-shadow: inset 10px 0 8px -8px #00000026;\n          content: '';\n          pointer-events: none;\n          position: absolute;\n          right: 0;\n          top: 0;\n          transform: translate(100%);\n          transition: box-shadow 0.3s;\n          width: 10px;\n        }\n      }\n\n      thead tr:last-of-type th:first-of-type:not([data-active='true']):not([data-disabled='true']),\n      td:first-of-type {\n        background-color: white;\n      }\n    `}\n`\n\n/** Displays a Table with support for columns, rows and sort. */\nexport const Table = vui<'table', TableProps>((props, ref) => {\n  const {\n    children,\n    className,\n    columns,\n    defaultSort,\n    onSortChange,\n    rows,\n    size,\n    sort: sortProp,\n    stickyColumn,\n    stickyHeader,\n    variant,\n    ...rest\n  } = props\n  const styles = useStyleConfig('Table', props)\n  const tableProps = useTable({ defaultSort, onSortChange, sort: sortProp })\n  const { isControlled, sort } = tableProps\n\n  // Rows are sorted internally only in uncontrolled mode, that is when 'sort' prop is not provided.\n  const sortedRows = useMemo(\n    () => (!isControlled ? rows?.slice().sort(compareBy(sort.key, sort.order)) : rows),\n    [rows, sort, isControlled],\n  )\n\n  const context = { ...tableProps, columns, rows: sortedRows, size, stickyColumn, stickyHeader, variant }\n\n  return (\n    <TableProvider value={context}>\n      <TableBase\n        className={cs('vui-table', className)}\n        ref={ref}\n        stickyColumn={stickyColumn}\n        {...styles.container}\n        {...rest}\n      >\n        {children ?? (\n          <>\n            <Thead />\n            <Tbody />\n          </>\n        )}\n      </TableBase>\n    </TableProvider>\n  )\n}) as VuiComponent<'table', TableProps> & {\n  SortIcon: typeof TableSortIcon\n  Tbody: typeof Tbody\n  Td: typeof Td\n  Tfoot: typeof Tfoot\n  Th: typeof Th\n  Thead: typeof Thead\n  Tr: typeof Tr\n}\n\nTable.SortIcon = TableSortIcon\nTable.Tbody = Tbody\nTable.Td = Td\nTable.Tfoot = Tfoot\nTable.Th = Th\nTable.Thead = Thead\nTable.Tr = Tr\n\nTable.displayName = 'Table'\n\nexport default Table\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmBA,MAAa,YAAY,OAAO,QAAoB;;;;;;;KAOhD,MACA,EAAE,gBACF,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;MAyBD;;;AAIN,MAAa,QAAQ,KAA0B,OAAO,QAAQ;CAC5D,MAAM,EACJ,UACA,WACA,SACA,aACA,cACA,MACA,MACA,MAAM,UACN,cACA,cACA,SACA,GAAG,SACD;CACJ,MAAM,SAAS,eAAe,SAAS,KAAK;CAC5C,MAAM,aAAa,SAAS;EAAE;EAAa;EAAc,MAAM;CAAS,CAAC;CACzE,MAAM,EAAE,cAAc,SAAS;CAG/B,MAAM,aAAa,cACV,CAAC,eAAe,MAAM,MAAM,CAAC,CAAC,KAAK,UAAU,KAAK,KAAK,KAAK,KAAK,CAAC,IAAI,MAC7E;EAAC;EAAM;EAAM;CAAY,CAC3B;CAIA,OACE,oBAAC,eAAD;EAAe,OAAO;GAHN,GAAG;GAAY;GAAS,MAAM;GAAY;GAAM;GAAc;GAAc;EAGhE;YAC1B,oBAAC,WAAD;GACE,WAAW,GAAG,aAAa,SAAS;GAC/B;GACS;GACd,GAAI,OAAO;GACX,GAAI;aAEH,YACC,8CACE,oBAAC,OAAD,CAAQ,IACR,oBAAC,OAAD,CAAQ,EACR;EAEK;CACE;AAEnB,CAAC;AAUD,MAAM,WAAW;AACjB,MAAM,QAAQ;AACd,MAAM,KAAK;AACX,MAAM,QAAQ;AACd,MAAM,KAAK;AACX,MAAM,QAAQ;AACd,MAAM,KAAK;AAEX,MAAM,cAAc"}

package/dist/table/tableSortIcon.js

@@ -36,5 +36,5 @@ TableSortIcon.displayName = "TableSortIcon";
 
 //#endregion
 export { TableSortIcon as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=tableSortIcon.js.map

package/dist/table/tableSortIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"tableSortIcon.js","names":[],"sources":["../../src/table/tableSortIcon.tsx"],"sourcesContent":["import Box from '../box'\nimport { vui } from '../core'\nimport { Icon } from '../icon'\nimport { cs } from '../utils'\nimport type { TableSortIconProps } from './table.types'\n\n/** Displays a sort icon with given direction based on sort order. */\nexport const TableSortIcon = vui<'svg', TableSortIconProps>((props, ref) => {\n  const { className, order } = props\n  const activeColor = 'seaBlue.main'\n  const inactiveColor = '#908d89'\n\n  const icons = [\n    {\n      color: order === 'asc' ? activeColor : inactiveColor,\n    },\n    {\n      color: order === 'desc' ? activeColor : inactiveColor,\n    },\n  ]\n\n  return (\n    <Box ref={ref} column alignItems=\"center\" justifyItems=\"center\" ml=\"5px\">\n      <Icon\n        className={cs('vui-tableSortIcon--top', className)}\n        name={'uiCaretUpSolid'}\n        color={icons[0].color}\n        size=\"xs\"\n        mb=\"0px\"\n      />\n      <Icon\n        className={cs('vui-tableSortIcon--bottom', className)}\n        name={'uiCaretDownSolid'}\n        color={icons[1].color}\n        size=\"xs\"\n        mt=\"-7px\"\n      />\n    </Box>\n  )\n})\n\nTableSortIcon.displayName = 'TableSortIcon'\n\nexport default TableSortIcon\n"],"mappings":";;;;;;;;AAOA,MAAa,gBAAgB,KAAgC,OAAO,QAAQ;CAC1E,MAAM,EAAE,WAAW,UAAU;CAC7B,MAAM,cAAc;CACpB,MAAM,gBAAgB;CAEtB,MAAM,QAAQ,CACZ,EACE,OAAO,UAAU,QAAQ,cAAc,cACzC,GACA,EACE,OAAO,UAAU,SAAS,cAAc,cAC1C,CACF;CAEA,OACE,qBAAC,KAAD;EAAU;EAAK;EAAO,YAAW;EAAS,cAAa;EAAS,IAAG;YAAnE,CACE,oBAAC,MAAD;GACE,WAAW,GAAG,0BAA0B,SAAS;GACjD,MAAM;GACN,OAAO,MAAM,GAAG;GAChB,MAAK;GACL,IAAG;EACJ,IACD,oBAAC,MAAD;GACE,WAAW,GAAG,6BAA6B,SAAS;GACpD,MAAM;GACN,OAAO,MAAM,GAAG;GAChB,MAAK;GACL,IAAG;EACJ,EACE;;AAET,CAAC;AAED,cAAc,cAAc"}
+{"version":3,"file":"tableSortIcon.js","names":[],"sources":["../../src/table/tableSortIcon.tsx"],"sourcesContent":["import Box from '../box'\nimport { vui } from '../core'\nimport { Icon } from '../icon'\nimport { cs } from '../utils'\nimport type { TableSortIconProps } from './table.types'\n\n/** Displays a sort icon with given direction based on sort order. */\nexport const TableSortIcon = vui<'svg', TableSortIconProps>((props, ref) => {\n  const { className, order } = props\n  const activeColor = 'seaBlue.main'\n  const inactiveColor = '#908d89'\n\n  const icons = [\n    {\n      color: order === 'asc' ? activeColor : inactiveColor,\n    },\n    {\n      color: order === 'desc' ? activeColor : inactiveColor,\n    },\n  ]\n\n  return (\n    <Box ref={ref} column alignItems=\"center\" justifyItems=\"center\" ml=\"5px\">\n      <Icon\n        className={cs('vui-tableSortIcon--top', className)}\n        name={'uiCaretUpSolid'}\n        color={icons[0].color}\n        size=\"xs\"\n        mb=\"0px\"\n      />\n      <Icon\n        className={cs('vui-tableSortIcon--bottom', className)}\n        name={'uiCaretDownSolid'}\n        color={icons[1].color}\n        size=\"xs\"\n        mt=\"-7px\"\n      />\n    </Box>\n  )\n})\n\nTableSortIcon.displayName = 'TableSortIcon'\n\nexport default TableSortIcon\n"],"mappings":";;;;;;;;AAOA,MAAa,gBAAgB,KAAgC,OAAO,QAAQ;CAC1E,MAAM,EAAE,WAAW,UAAU;CAC7B,MAAM,cAAc;CACpB,MAAM,gBAAgB;CAEtB,MAAM,QAAQ,CACZ,EACE,OAAO,UAAU,QAAQ,cAAc,cACzC,GACA,EACE,OAAO,UAAU,SAAS,cAAc,cAC1C,CACF;CAEA,OACE,qBAAC,KAAD;EAAU;EAAK;EAAO,YAAW;EAAS,cAAa;EAAS,IAAG;YAAnE,CACE,oBAAC,MAAD;GACE,WAAW,GAAG,0BAA0B,SAAS;GACjD,MAAM;GACN,OAAO,MAAM,EAAE,CAAC;GAChB,MAAK;GACL,IAAG;EACJ,IACD,oBAAC,MAAD;GACE,WAAW,GAAG,6BAA6B,SAAS;GACpD,MAAM;GACN,OAAO,MAAM,EAAE,CAAC;GAChB,MAAK;GACL,IAAG;EACJ,EACE;;AAET,CAAC;AAED,cAAc,cAAc"}

package/dist/table/tbody.js

@@ -48,5 +48,5 @@ Tbody.displayName = "Tbody";
 
 //#endregion
 export { TbodyBase, Tbody as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=tbody.js.map

package/dist/table/td.js

@@ -30,5 +30,5 @@ Td.displayName = "Td";
 
 //#endregion
 export { TdBase, Td as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=td.js.map

package/dist/table/td.js.map

@@ -1 +1 @@
-{"version":3,"file":"td.js","names":[],"sources":["../../src/table/td.tsx"],"sourcesContent":["import { styled, useStyleConfig, vui } from '../core'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useTableContext } from './context'\nimport type { TdProps } from './table.types'\n\nexport const TdBase = styled.tdBox`\n  transition-duration: fast;\n`\n\n/** Displays a cell inside Table row. */\nexport const Td = vui<'td', TdProps>((props, ref) => {\n  const { className, level = 0, children, ...rest } = props\n  const styles = useStyleConfig('Table', useTableContext())\n\n  return (\n    <TdBase className={cs('vui-td', className)} px={2} ref={ref} {...styles.td} {...rest}>\n      {!!level && (\n        <T mr={1}>\n          {Array.from({ length: level }).map((_i, key) => (\n            <T key={key}>&mdash;</T>\n          ))}\n        </T>\n      )}\n      {children}\n    </TdBase>\n  )\n})\n\nTd.displayName = 'Td'\n\nexport default Td\n"],"mappings":";;;;;;;;;AAMA,MAAa,SAAS,OAAO,KAAK;;;;AAKlC,MAAa,KAAK,KAAoB,OAAO,QAAQ;CACnD,MAAM,EAAE,WAAW,QAAQ,GAAG,UAAU,GAAG,SAAS;CACpD,MAAM,SAAS,eAAe,SAAS,gBAAgB,CAAC;CAExD,OACE,qBAAC,QAAD;EAAQ,WAAW,GAAG,UAAU,SAAS;EAAG,IAAI;EAAQ;EAAK,GAAI,OAAO;EAAI,GAAI;YAAhF,CACG,CAAC,CAAC,SACD,oBAAC,GAAD;GAAG,IAAI;aACJ,MAAM,KAAK,EAAE,QAAQ,MAAM,CAAC,EAAE,KAAK,IAAI,QACtC,oBAAC,GAAD,YAAa,IAAU,GAAf,GAAe,CACxB;EACA,IAEJ,QACK;;AAEZ,CAAC;AAED,GAAG,cAAc"}
+{"version":3,"file":"td.js","names":[],"sources":["../../src/table/td.tsx"],"sourcesContent":["import { styled, useStyleConfig, vui } from '../core'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useTableContext } from './context'\nimport type { TdProps } from './table.types'\n\nexport const TdBase = styled.tdBox`\n  transition-duration: fast;\n`\n\n/** Displays a cell inside Table row. */\nexport const Td = vui<'td', TdProps>((props, ref) => {\n  const { className, level = 0, children, ...rest } = props\n  const styles = useStyleConfig('Table', useTableContext())\n\n  return (\n    <TdBase className={cs('vui-td', className)} px={2} ref={ref} {...styles.td} {...rest}>\n      {!!level && (\n        <T mr={1}>\n          {Array.from({ length: level }).map((_i, key) => (\n            <T key={key}>&mdash;</T>\n          ))}\n        </T>\n      )}\n      {children}\n    </TdBase>\n  )\n})\n\nTd.displayName = 'Td'\n\nexport default Td\n"],"mappings":";;;;;;;;;AAMA,MAAa,SAAS,OAAO,KAAK;;;;AAKlC,MAAa,KAAK,KAAoB,OAAO,QAAQ;CACnD,MAAM,EAAE,WAAW,QAAQ,GAAG,UAAU,GAAG,SAAS;CACpD,MAAM,SAAS,eAAe,SAAS,gBAAgB,CAAC;CAExD,OACE,qBAAC,QAAD;EAAQ,WAAW,GAAG,UAAU,SAAS;EAAG,IAAI;EAAQ;EAAK,GAAI,OAAO;EAAI,GAAI;YAAhF,CACG,CAAC,CAAC,SACD,oBAAC,GAAD;GAAG,IAAI;aACJ,MAAM,KAAK,EAAE,QAAQ,MAAM,CAAC,CAAC,CAAC,KAAK,IAAI,QACtC,oBAAC,GAAD,YAAa,IAAU,GAAf,GAAe,CACxB;EACA,IAEJ,QACK;;AAEZ,CAAC;AAED,GAAG,cAAc"}

package/dist/table/tfoot.js

@@ -22,5 +22,5 @@ Tfoot.displayName = "Tfoot";
 
 //#endregion
 export { TfootBase, Tfoot as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=tfoot.js.map

package/dist/table/th.js

@@ -68,5 +68,5 @@ Th.displayName = "Th";
 
 //#endregion
 export { ThBase, Th as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=th.js.map

package/dist/table/thead.js

@@ -41,5 +41,5 @@ Thead.displayName = "Thead";
 
 //#endregion
 export { Thead as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=thead.js.map

package/dist/table/theme.js

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

package/dist/table/tr.js

@@ -64,5 +64,5 @@ Tr.displayName = "Tr";
 
 //#endregion
 export { TrBase, Tr as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=tr.js.map

package/dist/table/useTable.js

@@ -36,5 +36,5 @@ function useTable(props) {
 
 //#endregion
 export { useTable as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=useTable.js.map