@veracity/vui 5.2.2 → 5.2.3-alpha.400759.2606230846

package/dist/stepperHorizontal/stepHorizontalTail.js

@@ -18,12 +18,12 @@ const StepHorizontalTail = vui((props, ref) => {
 		ref,
 		w: "100%",
 		...rest,
-		children: [/* @__PURE__ */ jsx(Box, { className: cs(tailClassName, tailClassNameLeft, tailClassNameLeft + variant) }), /* @__PURE__ */ jsx(Box, { className: cs(tailClassName, tailClassNameRight, tailClassNameLeft + variant) })]
+		children: [/* @__PURE__ */ jsx(Box, { className: cs(tailClassName, tailClassNameLeft, tailClassNameLeft + variant) }), /* @__PURE__ */ jsx(Box, { className: cs(tailClassName, tailClassNameRight, tailClassNameRight + variant) })]
 	});
 });
 StepHorizontalTail.displayName = "StepHorizontalTail";
 
 //#endregion
 export { StepHorizontalTail as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=stepHorizontalTail.js.map

package/dist/stepperHorizontal/stepHorizontalTail.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepHorizontalTail.js","names":[],"sources":["../../src/stepperHorizontal/stepHorizontalTail.tsx"],"sourcesContent":["import { Box } from '../box'\nimport { vui } from '../core'\nimport { cs } from '../utils'\nimport { tailClassName, tailClassNameLeft, tailClassNameRight } from './consts'\nimport type { StepHorizontalTailProps } from './stepperHorizontalTypes'\n\n/**\n * Implements Horizontal stepper tail (the Horizontal line) **\n */\nexport const StepHorizontalTail = vui<'div', StepHorizontalTailProps>((props, ref) => {\n  const { children, className, variant = 'active', ...rest } = props\n  return (\n    <Box\n      className={cs(tailClassName)}\n      h=\"16px\"\n      justifyContent=\"space-between\"\n      position=\"absolute\"\n      ref={ref}\n      w=\"100%\"\n      {...rest}\n    >\n      <Box className={cs(tailClassName, tailClassNameLeft, tailClassNameLeft + variant)} />\n      <Box className={cs(tailClassName, tailClassNameRight, tailClassNameLeft + variant)} />\n    </Box>\n  )\n})\n\nStepHorizontalTail.displayName = 'StepHorizontalTail'\n\nexport default StepHorizontalTail\n"],"mappings":";;;;;;;;;;AASA,MAAa,qBAAqB,KAAqC,OAAO,QAAQ;CACpF,MAAM,EAAE,UAAU,WAAW,UAAU,UAAU,GAAG,SAAS;CAC7D,OACE,qBAAC,KAAD;EACE,WAAW,GAAG,aAAa;EAC3B,GAAE;EACF,gBAAe;EACf,UAAS;EACJ;EACL,GAAE;EACF,GAAI;YAPN,CASE,oBAAC,KAAD,EAAK,WAAW,GAAG,eAAe,mBAAmB,oBAAoB,OAAO,EAAI,IACpF,oBAAC,KAAD,EAAK,WAAW,GAAG,eAAe,oBAAoB,oBAAoB,OAAO,EAAI,EAClF;;AAET,CAAC;AAED,mBAAmB,cAAc"}
+{"version":3,"file":"stepHorizontalTail.js","names":[],"sources":["../../src/stepperHorizontal/stepHorizontalTail.tsx"],"sourcesContent":["import type { StepHorizontalTailProps } from './stepperHorizontalTypes'\n\nimport { Box } from '../box'\nimport { vui } from '../core'\nimport { cs } from '../utils'\nimport { tailClassName, tailClassNameLeft, tailClassNameRight } from './consts'\n\n/**\n * Implements Horizontal stepper tail (the Horizontal line) **\n */\nexport const StepHorizontalTail = vui<'div', StepHorizontalTailProps>((props, ref) => {\n  const { children, className, variant = 'active', ...rest } = props\n  return (\n    <Box\n      className={cs(tailClassName)}\n      h=\"16px\"\n      justifyContent=\"space-between\"\n      position=\"absolute\"\n      ref={ref}\n      w=\"100%\"\n      {...rest}\n    >\n      <Box className={cs(tailClassName, tailClassNameLeft, tailClassNameLeft + variant)} />\n      <Box className={cs(tailClassName, tailClassNameRight, tailClassNameRight + variant)} />\n    </Box>\n  )\n})\n\nStepHorizontalTail.displayName = 'StepHorizontalTail'\n\nexport default StepHorizontalTail\n"],"mappings":";;;;;;;;;;AAUA,MAAa,qBAAqB,KAAqC,OAAO,QAAQ;CACpF,MAAM,EAAE,UAAU,WAAW,UAAU,UAAU,GAAG,SAAS;CAC7D,OACE,qBAAC,KAAD;EACE,WAAW,GAAG,aAAa;EAC3B,GAAE;EACF,gBAAe;EACf,UAAS;EACJ;EACL,GAAE;EACF,GAAI;YAPN,CASE,oBAAC,KAAD,EAAK,WAAW,GAAG,eAAe,mBAAmB,oBAAoB,OAAO,EAAI,IACpF,oBAAC,KAAD,EAAK,WAAW,GAAG,eAAe,oBAAoB,qBAAqB,OAAO,EAAI,EACnF;;AAET,CAAC;AAED,mBAAmB,cAAc"}

package/dist/stepperHorizontal/stepHorizontalTitle.js

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

package/dist/stepperHorizontal/stepHorizontalTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepHorizontalTitle.js","names":[],"sources":["../../src/stepperHorizontal/stepHorizontalTitle.tsx"],"sourcesContent":["import { Box } from '../box'\nimport { vui } from '../core'\nimport { cs } from '../utils'\nimport { boldTitles, stepClassName, titleColor } from './consts'\nimport type { StepHorizontalTitleProps } from './stepperHorizontalTypes'\n\n/**\n * Implements Horizontal stepper tail (the Horizontal line) **\n */\nexport const StepHorizontalTitle = vui<'div', StepHorizontalTitleProps>((props, ref) => {\n  const { children, className, size = 'md', variant = 'active', ...rest } = props\n  return (\n    <Box\n      className={cs(stepClassName + 'Title')}\n      color={titleColor[variant]}\n      display=\"block\"\n      fontSize={`${size === 'md' ? 16 : 14}px`}\n      fontWeight={boldTitles.includes(variant) ? 600 : undefined}\n      pt={`${size === 'md' ? 4 : 2}px`}\n      textAlign=\"center\"\n      whiteSpace=\"nowrap\"\n      {...rest}\n    >\n      {children}\n    </Box>\n  )\n})\n\nStepHorizontalTitle.displayName = 'StepHorizontalTitle'\n\nexport default StepHorizontalTitle\n"],"mappings":";;;;;;;;;;AASA,MAAa,sBAAsB,KAAsC,OAAO,QAAQ;CACtF,MAAM,EAAE,UAAU,WAAW,OAAO,MAAM,UAAU,UAAU,GAAG,SAAS;CAC1E,OACE,oBAAC,KAAD;EACE,WAAW,GAAG,gBAAgB,OAAO;EACrC,OAAO,WAAW;EAClB,SAAQ;EACR,UAAU,GAAG,SAAS,OAAO,KAAK,GAAG;EACrC,YAAY,WAAW,SAAS,OAAO,IAAI,MAAM;EACjD,IAAI,GAAG,SAAS,OAAO,IAAI,EAAE;EAC7B,WAAU;EACV,YAAW;EACX,GAAI;EAEH;CACE;AAET,CAAC;AAED,oBAAoB,cAAc"}
+{"version":3,"file":"stepHorizontalTitle.js","names":[],"sources":["../../src/stepperHorizontal/stepHorizontalTitle.tsx"],"sourcesContent":["import type { StepHorizontalTitleProps } from './stepperHorizontalTypes'\n\nimport { Box } from '../box'\nimport { vui } from '../core'\nimport { cs } from '../utils'\nimport { boldTitles, stepClassName, titleColor } from './consts'\n\n/**\n * Implements Horizontal stepper tail (the Horizontal line) **\n */\nexport const StepHorizontalTitle = vui<'div', StepHorizontalTitleProps>((props, ref) => {\n  const { children, className, size = 'md', variant = 'active', ...rest } = props\n  return (\n    <Box\n      className={cs(stepClassName + 'Title')}\n      color={titleColor[variant]}\n      display=\"block\"\n      fontSize={`${size === 'md' ? 16 : 14}px`}\n      fontWeight={boldTitles.includes(variant) ? 600 : undefined}\n      pt={`${size === 'md' ? 4 : 2}px`}\n      textAlign=\"center\"\n      whiteSpace=\"nowrap\"\n      {...rest}\n    >\n      {children}\n    </Box>\n  )\n})\n\nStepHorizontalTitle.displayName = 'StepHorizontalTitle'\n\nexport default StepHorizontalTitle\n"],"mappings":";;;;;;;;;;AAUA,MAAa,sBAAsB,KAAsC,OAAO,QAAQ;CACtF,MAAM,EAAE,UAAU,WAAW,OAAO,MAAM,UAAU,UAAU,GAAG,SAAS;CAC1E,OACE,oBAAC,KAAD;EACE,WAAW,GAAG,gBAAgB,OAAO;EACrC,OAAO,WAAW;EAClB,SAAQ;EACR,UAAU,GAAG,SAAS,OAAO,KAAK,GAAG;EACrC,YAAY,WAAW,SAAS,OAAO,IAAI,MAAM;EACjD,IAAI,GAAG,SAAS,OAAO,IAAI,EAAE;EAC7B,WAAU;EACV,YAAW;EACX,GAAI;EAEH;CACE;AAET,CAAC;AAED,oBAAoB,cAAc"}

package/dist/stepperHorizontal/stepperHorizontal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stepperHorizontal.d.ts","names":[],"sources":["../../src/stepperHorizontal/stepperHorizontal.tsx"],"mappings":";;;;;;cAWa,iBAAA,EAAiB,YAAA,QAAA,sBAAA"}
+{"version":3,"file":"stepperHorizontal.d.ts","names":[],"sources":["../../src/stepperHorizontal/stepperHorizontal.tsx"],"mappings":";;;;;;cAYa,iBAAA,EAAiB,YAAA,QAAA,sBAAA"}

package/dist/stepperHorizontal/stepperHorizontal.js

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

package/dist/stepperHorizontal/stepperHorizontal.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepperHorizontal.js","names":[],"sources":["../../src/stepperHorizontal/stepperHorizontal.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport { StepperHorizontalProvider } from './context'\nimport StepperHorizontalBase from './stepperHorizontalBase'\nimport type { StepperHorizontalProps } from './stepperHorizontalTypes'\n\n/**\n * [Beta] Implements Horizontal stepper **\n */\nexport const StepperHorizontal = vui<'div', StepperHorizontalProps>((props, ref) => {\n  const { children, className, size, ...rest } = props\n  const styles = useStyleConfig('StepperHorizontal', props)\n\n  const context = useMemo(() => filterUndefined({ size }), [size])\n\n  return (\n    <StepperHorizontalProvider value={context}>\n      <StepperHorizontalBase\n        className={cs('vui-stepperHorizontal', className)}\n        ref={ref}\n        {...styles.container}\n        {...rest}\n      >\n        {children}\n      </StepperHorizontalBase>\n    </StepperHorizontalProvider>\n  )\n})\n\nStepperHorizontal.displayName = 'StepperHorizontal'\n\nexport default StepperHorizontal\n"],"mappings":";;;;;;;;;;;;;AAWA,MAAa,oBAAoB,KAAoC,OAAO,QAAQ;CAClF,MAAM,EAAE,UAAU,WAAW,MAAM,GAAG,SAAS;CAC/C,MAAM,SAAS,eAAe,qBAAqB,KAAK;CAIxD,OACE,oBAAC,2BAAD;EAA2B,OAHb,cAAc,gBAAgB,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAGpB;YACtC,oBAAC,uBAAD;GACE,WAAW,GAAG,yBAAyB,SAAS;GAC3C;GACL,GAAI,OAAO;GACX,GAAI;GAEH;EACoB;CACE;AAE/B,CAAC;AAED,kBAAkB,cAAc"}
+{"version":3,"file":"stepperHorizontal.js","names":[],"sources":["../../src/stepperHorizontal/stepperHorizontal.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport type { StepperHorizontalProps } from './stepperHorizontalTypes'\n\nimport { useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport { StepperHorizontalProvider } from './context'\nimport StepperHorizontalBase from './stepperHorizontalBase'\n\n/**\n * [Beta] Implements Horizontal stepper **\n */\nexport const StepperHorizontal = vui<'div', StepperHorizontalProps>((props, ref) => {\n  const { children, className, size, ...rest } = props\n  const styles = useStyleConfig('StepperHorizontal', props)\n\n  const context = useMemo(() => filterUndefined({ size }), [size])\n\n  return (\n    <StepperHorizontalProvider value={context}>\n      <StepperHorizontalBase\n        className={cs('vui-stepperHorizontal', className)}\n        ref={ref}\n        {...styles.container}\n        {...rest}\n      >\n        {children}\n      </StepperHorizontalBase>\n    </StepperHorizontalProvider>\n  )\n})\n\nStepperHorizontal.displayName = 'StepperHorizontal'\n\nexport default StepperHorizontal\n"],"mappings":";;;;;;;;;;;;;AAYA,MAAa,oBAAoB,KAAoC,OAAO,QAAQ;CAClF,MAAM,EAAE,UAAU,WAAW,MAAM,GAAG,SAAS;CAC/C,MAAM,SAAS,eAAe,qBAAqB,KAAK;CAIxD,OACE,oBAAC,2BAAD;EAA2B,OAHb,cAAc,gBAAgB,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAGpB;YACtC,oBAAC,uBAAD;GACE,WAAW,GAAG,yBAAyB,SAAS;GAC3C;GACL,GAAI,OAAO;GACX,GAAI;GAEH;EACoB;CACE;AAE/B,CAAC;AAED,kBAAkB,cAAc"}

package/dist/stepperHorizontal/stepperHorizontalBase.js

@@ -22,5 +22,5 @@ const StepperHorizontalBase = styled.divBox`
 
 //#endregion
 export { StepperHorizontalBase as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# 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,CAAC,CAAC,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 type { StepperHorizontalProps } from './stepperHorizontalTypes'\n\nimport { styled } from '../core'\nimport { stepClassName, tailClassName, tailClassNameLeft, tailClassNameRight, variantColor } from './consts'\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":";;;;AAKA,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.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=theme.js.map

package/dist/stepperVertical/consts.js

@@ -19,5 +19,5 @@ const tailClassName = "vui-stepVerticalTail";
 
 //#endregion
 export { boldTitles, stepClassName, tailClassName, titleColor, variantColor };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=consts.js.map

package/dist/stepperVertical/context.js

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

package/dist/stepperVertical/context.js.map

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

package/dist/stepperVertical/stepVertical.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stepVertical.d.ts","names":[],"sources":["../../src/stepperVertical/stepVertical.tsx"],"mappings":";;;;cAUa,gBAAA,8BAAgB,eAAA,oCAAA,YAAA,EAI5B,WAJ4B;;;;cAShB,YAAA,EAAY,YAAA,QAAA,iBAAA"}
+{"version":3,"file":"stepVertical.d.ts","names":[],"sources":["../../src/stepperVertical/stepVertical.tsx"],"mappings":";;;;cAWa,gBAAA,8BAAgB,eAAA,oCAAA,YAAA,EAI5B,WAJ4B;;;;cAShB,YAAA,EAAY,YAAA,QAAA,iBAAA"}

package/dist/stepperVertical/stepVertical.js

@@ -61,5 +61,5 @@ StepVertical.displayName = "StepVertical";
 
 //#endregion
 export { StepVerticalBase, StepVertical as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# 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,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"}
+{"version":3,"file":"stepVertical.js","names":[],"sources":["../../src/stepperVertical/stepVertical.tsx"],"sourcesContent":["import type { StepVerticalProps } from './stepperVerticalTypes'\n\nimport { 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 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":";;;;;;;;;;;;AAWA,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.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=stepVerticalTail.js.map

package/dist/stepperVertical/stepVerticalTail.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepVerticalTail.js","names":[],"sources":["../../src/stepperVertical/stepVerticalTail.tsx"],"sourcesContent":["import { Box } from '../box'\nimport { vui } from '../core'\nimport { cs } from '../utils'\nimport { tailClassName, variantColor } from './consts'\nimport type { StepVerticalTailProps } from './stepperVerticalTypes'\n\n/**\n * Implements vertical stepper tail (the vertical line) **\n */\nexport const StepVerticalTail = vui<'div', StepVerticalTailProps>((props, ref) => {\n  const { children, className, size = 'md', variant = 'active', ...rest } = props\n  return (\n    <Box\n      borderRight={`1px solid ${variantColor[variant]}`}\n      className={cs(tailClassName)}\n      maxW=\"16px\"\n      minH=\"100%\"\n      position=\"absolute\"\n      ref={ref}\n      w={`${size === 'md' ? 16 : 12}px`}\n      {...rest}\n    />\n  )\n})\n\nStepVerticalTail.displayName = 'StepVerticalTail'\n\nexport default StepVerticalTail\n"],"mappings":";;;;;;;;;;AASA,MAAa,mBAAmB,KAAmC,OAAO,QAAQ;CAChF,MAAM,EAAE,UAAU,WAAW,OAAO,MAAM,UAAU,UAAU,GAAG,SAAS;CAC1E,OACE,oBAAC,KAAD;EACE,aAAa,aAAa,aAAa;EACvC,WAAW,GAAG,aAAa;EAC3B,MAAK;EACL,MAAK;EACL,UAAS;EACJ;EACL,GAAG,GAAG,SAAS,OAAO,KAAK,GAAG;EAC9B,GAAI;CACL;AAEL,CAAC;AAED,iBAAiB,cAAc"}
+{"version":3,"file":"stepVerticalTail.js","names":[],"sources":["../../src/stepperVertical/stepVerticalTail.tsx"],"sourcesContent":["import type { StepVerticalTailProps } from './stepperVerticalTypes'\n\nimport { Box } from '../box'\nimport { vui } from '../core'\nimport { cs } from '../utils'\nimport { tailClassName, variantColor } from './consts'\n\n/**\n * Implements vertical stepper tail (the vertical line) **\n */\nexport const StepVerticalTail = vui<'div', StepVerticalTailProps>((props, ref) => {\n  const { children, className, size = 'md', variant = 'active', ...rest } = props\n  return (\n    <Box\n      borderRight={`1px solid ${variantColor[variant]}`}\n      className={cs(tailClassName)}\n      maxW=\"16px\"\n      minH=\"100%\"\n      position=\"absolute\"\n      ref={ref}\n      w={`${size === 'md' ? 16 : 12}px`}\n      {...rest}\n    />\n  )\n})\n\nStepVerticalTail.displayName = 'StepVerticalTail'\n\nexport default StepVerticalTail\n"],"mappings":";;;;;;;;;;AAUA,MAAa,mBAAmB,KAAmC,OAAO,QAAQ;CAChF,MAAM,EAAE,UAAU,WAAW,OAAO,MAAM,UAAU,UAAU,GAAG,SAAS;CAC1E,OACE,oBAAC,KAAD;EACE,aAAa,aAAa,aAAa;EACvC,WAAW,GAAG,aAAa;EAC3B,MAAK;EACL,MAAK;EACL,UAAS;EACJ;EACL,GAAG,GAAG,SAAS,OAAO,KAAK,GAAG;EAC9B,GAAI;CACL;AAEL,CAAC;AAED,iBAAiB,cAAc"}

package/dist/stepperVertical/stepVerticalTitle.js

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

package/dist/stepperVertical/stepVerticalTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepVerticalTitle.js","names":[],"sources":["../../src/stepperVertical/stepVerticalTitle.tsx"],"sourcesContent":["import { Box } from '../box'\nimport { vui } from '../core'\nimport { cs } from '../utils'\nimport { boldTitles, stepClassName, titleColor } from './consts'\nimport type { StepVerticalTitleProps } from './stepperVerticalTypes'\n\n/**\n * Implements vertical stepper tail (the vertical line) **\n */\nexport const StepVerticalTitle = vui<'div', StepVerticalTitleProps>((props, ref) => {\n  const { children, className, size = 'md', variant = 'active', ...rest } = props\n  return (\n    <Box\n      className={cs(stepClassName + 'Title')}\n      color={titleColor[variant]}\n      fontSize={`${size === 'md' ? 16 : 14}px`}\n      fontWeight={boldTitles.includes(variant) ? 600 : undefined}\n      pt={`${size === 'md' ? 4 : 2}px`}\n      whiteSpace=\"nowrap\"\n      {...rest}\n    >\n      {children}\n    </Box>\n  )\n})\n\nStepVerticalTitle.displayName = 'StepVerticalTitle'\n\nexport default StepVerticalTitle\n"],"mappings":";;;;;;;;;;AASA,MAAa,oBAAoB,KAAoC,OAAO,QAAQ;CAClF,MAAM,EAAE,UAAU,WAAW,OAAO,MAAM,UAAU,UAAU,GAAG,SAAS;CAC1E,OACE,oBAAC,KAAD;EACE,WAAW,GAAG,gBAAgB,OAAO;EACrC,OAAO,WAAW;EAClB,UAAU,GAAG,SAAS,OAAO,KAAK,GAAG;EACrC,YAAY,WAAW,SAAS,OAAO,IAAI,MAAM;EACjD,IAAI,GAAG,SAAS,OAAO,IAAI,EAAE;EAC7B,YAAW;EACX,GAAI;EAEH;CACE;AAET,CAAC;AAED,kBAAkB,cAAc"}
+{"version":3,"file":"stepVerticalTitle.js","names":[],"sources":["../../src/stepperVertical/stepVerticalTitle.tsx"],"sourcesContent":["import type { StepVerticalTitleProps } from './stepperVerticalTypes'\n\nimport { Box } from '../box'\nimport { vui } from '../core'\nimport { cs } from '../utils'\nimport { boldTitles, stepClassName, titleColor } from './consts'\n\n/**\n * Implements vertical stepper tail (the vertical line) **\n */\nexport const StepVerticalTitle = vui<'div', StepVerticalTitleProps>((props, ref) => {\n  const { children, className, size = 'md', variant = 'active', ...rest } = props\n  return (\n    <Box\n      className={cs(stepClassName + 'Title')}\n      color={titleColor[variant]}\n      fontSize={`${size === 'md' ? 16 : 14}px`}\n      fontWeight={boldTitles.includes(variant) ? 600 : undefined}\n      pt={`${size === 'md' ? 4 : 2}px`}\n      whiteSpace=\"nowrap\"\n      {...rest}\n    >\n      {children}\n    </Box>\n  )\n})\n\nStepVerticalTitle.displayName = 'StepVerticalTitle'\n\nexport default StepVerticalTitle\n"],"mappings":";;;;;;;;;;AAUA,MAAa,oBAAoB,KAAoC,OAAO,QAAQ;CAClF,MAAM,EAAE,UAAU,WAAW,OAAO,MAAM,UAAU,UAAU,GAAG,SAAS;CAC1E,OACE,oBAAC,KAAD;EACE,WAAW,GAAG,gBAAgB,OAAO;EACrC,OAAO,WAAW;EAClB,UAAU,GAAG,SAAS,OAAO,KAAK,GAAG;EACrC,YAAY,WAAW,SAAS,OAAO,IAAI,MAAM;EACjD,IAAI,GAAG,SAAS,OAAO,IAAI,EAAE;EAC7B,YAAW;EACX,GAAI;EAEH;CACE;AAET,CAAC;AAED,kBAAkB,cAAc"}

package/dist/stepperVertical/stepperVertical.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stepperVertical.d.ts","names":[],"sources":["../../src/stepperVertical/stepperVertical.tsx"],"mappings":";;;;;;cAWa,eAAA,EAAe,YAAA,QAAA,oBAAA"}
+{"version":3,"file":"stepperVertical.d.ts","names":[],"sources":["../../src/stepperVertical/stepperVertical.tsx"],"mappings":";;;;;;cAYa,eAAA,EAAe,YAAA,QAAA,oBAAA"}

package/dist/stepperVertical/stepperVertical.js

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

package/dist/stepperVertical/stepperVertical.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepperVertical.js","names":[],"sources":["../../src/stepperVertical/stepperVertical.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport { StepperVerticalProvider } from './context'\nimport StepperVerticalBase from './stepperVerticalBase'\nimport type { StepperVerticalProps } from './stepperVerticalTypes'\n\n/**\n * Implements vertical stepper **\n */\nexport const StepperVertical = vui<'div', StepperVerticalProps>((props, ref) => {\n  const { children, className, size, ...rest } = props\n  const styles = useStyleConfig('StepperVertical', props)\n\n  const context = useMemo(() => filterUndefined({ size }), [size])\n\n  return (\n    <StepperVerticalProvider value={context}>\n      <StepperVerticalBase className={cs('vui-stepperVertical', className)} ref={ref} {...styles.container} {...rest}>\n        {children}\n      </StepperVerticalBase>\n    </StepperVerticalProvider>\n  )\n})\n\nStepperVertical.displayName = 'StepperVertical'\n\nexport default StepperVertical\n"],"mappings":";;;;;;;;;;;;;AAWA,MAAa,kBAAkB,KAAkC,OAAO,QAAQ;CAC9E,MAAM,EAAE,UAAU,WAAW,MAAM,GAAG,SAAS;CAC/C,MAAM,SAAS,eAAe,mBAAmB,KAAK;CAItD,OACE,oBAAC,yBAAD;EAAyB,OAHX,cAAc,gBAAgB,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAGtB;YACpC,oBAAC,qBAAD;GAAqB,WAAW,GAAG,uBAAuB,SAAS;GAAQ;GAAK,GAAI,OAAO;GAAW,GAAI;GACvG;EACkB;CACE;AAE7B,CAAC;AAED,gBAAgB,cAAc"}
+{"version":3,"file":"stepperVertical.js","names":[],"sources":["../../src/stepperVertical/stepperVertical.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport type { StepperVerticalProps } from './stepperVerticalTypes'\n\nimport { useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport { StepperVerticalProvider } from './context'\nimport StepperVerticalBase from './stepperVerticalBase'\n\n/**\n * Implements vertical stepper **\n */\nexport const StepperVertical = vui<'div', StepperVerticalProps>((props, ref) => {\n  const { children, className, size, ...rest } = props\n  const styles = useStyleConfig('StepperVertical', props)\n\n  const context = useMemo(() => filterUndefined({ size }), [size])\n\n  return (\n    <StepperVerticalProvider value={context}>\n      <StepperVerticalBase className={cs('vui-stepperVertical', className)} ref={ref} {...styles.container} {...rest}>\n        {children}\n      </StepperVerticalBase>\n    </StepperVerticalProvider>\n  )\n})\n\nStepperVertical.displayName = 'StepperVertical'\n\nexport default StepperVertical\n"],"mappings":";;;;;;;;;;;;;AAYA,MAAa,kBAAkB,KAAkC,OAAO,QAAQ;CAC9E,MAAM,EAAE,UAAU,WAAW,MAAM,GAAG,SAAS;CAC/C,MAAM,SAAS,eAAe,mBAAmB,KAAK;CAItD,OACE,oBAAC,yBAAD;EAAyB,OAHX,cAAc,gBAAgB,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAGtB;YACpC,oBAAC,qBAAD;GAAqB,WAAW,GAAG,uBAAuB,SAAS;GAAQ;GAAK,GAAI,OAAO;GAAW,GAAI;GACvG;EACkB;CACE;AAE7B,CAAC;AAED,gBAAgB,cAAc"}

package/dist/stepperVertical/stepperVerticalBase.js

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

package/dist/stepperVertical/stepperVerticalBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepperVerticalBase.js","names":[],"sources":["../../src/stepperVertical/stepperVerticalBase.ts"],"sourcesContent":["import { styled } from '../core'\nimport { stepClassName, tailClassName } from './consts'\nimport type { StepperVerticalProps } from './stepperVerticalTypes'\n\nconst StepperVerticalBase = styled.divBox<StepperVerticalProps>`\n  width: 100%;\n\n  .${stepClassName}:last-of-type > .${tailClassName} {\n    display: none;\n  }\n`\nexport default StepperVerticalBase\n"],"mappings":";;;;AAIA,MAAM,sBAAsB,OAAO,MAA4B;;;KAG1D,cAAc,mBAAmB,cAAc"}
+{"version":3,"file":"stepperVerticalBase.js","names":[],"sources":["../../src/stepperVertical/stepperVerticalBase.ts"],"sourcesContent":["import type { StepperVerticalProps } from './stepperVerticalTypes'\n\nimport { styled } from '../core'\nimport { stepClassName, tailClassName } from './consts'\n\nconst StepperVerticalBase = styled.divBox<StepperVerticalProps>`\n  width: 100%;\n\n  .${stepClassName}:last-of-type > .${tailClassName} {\n    display: none;\n  }\n`\nexport default StepperVerticalBase\n"],"mappings":";;;;AAKA,MAAM,sBAAsB,OAAO,MAA4B;;;KAG1D,cAAc,mBAAmB,cAAc"}

package/dist/stepperVertical/theme.js

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

package/dist/svg/cache.js

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

package/dist/svg/helpers.js

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

package/dist/svg/svg.js

@@ -73,5 +73,5 @@ Svg.displayName = "Svg";
 
 //#endregion
 export { SvgBase, Svg as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# 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,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"}
+{"version":3,"file":"svg.js","names":[],"sources":["../../src/svg/svg.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport type { SvgProps, SvgState } from './svg.types'\n\nimport { css, styled, vui } from '../core'\nimport { cs } from '../utils'\nimport cache from './cache'\nimport { getAttributes, getSvgContent, initState, stringToHTML } from './helpers'\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.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=consts.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/switch/context.ts"],"mappings":";;;cAGO,cAAA,kBAAc,QAAA,CAAA,aAAA,GAAE,gBAAA,QAAgB,aAAsD"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/switch/context.ts"],"mappings":";;;cAIO,cAAA,kBAAc,QAAA,CAAA,aAAA,GAAE,gBAAA,QAAgB,aAAsD"}

package/dist/switch/context.js

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

package/dist/switch/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../src/switch/context.ts"],"sourcesContent":["import { createContext } from '../utils'\nimport type { SwitchContext } from './switch.types'\n\nconst [SwitchProvider, useSwitchContext] = createContext<SwitchContext>({ isOptional: true })\n\nexport { SwitchProvider, useSwitchContext }\n"],"mappings":";;;AAGA,MAAM,CAAC,gBAAgB,oBAAoB,cAA6B,EAAE,YAAY,KAAK,CAAC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../src/switch/context.ts"],"sourcesContent":["import type { SwitchContext } from './switch.types'\n\nimport { createContext } from '../utils'\n\nconst [SwitchProvider, useSwitchContext] = createContext<SwitchContext>({ isOptional: true })\n\nexport { SwitchProvider, useSwitchContext }\n"],"mappings":";;;AAIA,MAAM,CAAC,gBAAgB,oBAAoB,cAA6B,EAAE,YAAY,KAAK,CAAC"}

package/dist/switch/switchButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switchButton.d.ts","names":[],"sources":["../../src/switch/switchButton.tsx"],"mappings":";;;;cAyCa,gBAAA,8BAAgB,eAAA,cAkB5B,WAlB4B;;;;;cAwBhB,YAAA,EAAY,YAAA,SAAA,iBAAA"}
+{"version":3,"file":"switchButton.d.ts","names":[],"sources":["../../src/switch/switchButton.tsx"],"mappings":";;;;cA0Ca,gBAAA,8BAAgB,eAAA,cAkB5B,WAlB4B;;;;;cAwBhB,YAAA,EAAY,YAAA,SAAA,iBAAA"}

package/dist/switch/switchButton.js

@@ -144,5 +144,5 @@ SwitchButton.displayName = "SwitchButton";
 
 //#endregion
 export { SwitchButtonBase, SwitchButton as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# 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,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"}
+{"version":3,"file":"switchButton.js","names":[],"sources":["../../src/switch/switchButton.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nimport type { ChangeEvent, FocusEvent } from '../utils'\nimport type { SwitchButtonProps } from './switch.types'\n\nimport { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport { switchColors } from './consts'\nimport { useSwitchContext } from './context'\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":";;;;;;;;;;;AAUA,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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switchLabel.d.ts","names":[],"sources":["../../src/switch/switchLabel.tsx"],"mappings":";;;;cAOa,WAAA,EAAW,YAAA,SAAA,MAAA"}
+{"version":3,"file":"switchLabel.d.ts","names":[],"sources":["../../src/switch/switchLabel.tsx"],"mappings":";;;;cAQa,WAAA,EAAW,YAAA,SAAA,MAAA"}

package/dist/switch/switchLabel.js

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

package/dist/switch/switchLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"switchLabel.js","names":[],"sources":["../../src/switch/switchLabel.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { TProps } from '../t'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useSwitchContext } from './context'\n\n/** Displays label text within the Switch component. */\nexport const SwitchLabel = vui<'span', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Switch', useSwitchContext())\n\n  // <T> has xs but not xl\n  if (styles.label.size === 'xl') {\n    rest.fontSize = 20\n  }\n\n  return <T className={cs('vui-switchLabel', className)} display=\"flex\" ref={ref} {...styles.label} {...rest} />\n})\n\nSwitchLabel.displayName = 'SwitchLabel'\n\nexport default SwitchLabel\n"],"mappings":";;;;;;;;;AAOA,MAAa,cAAc,KAAqB,OAAO,QAAQ;CAC7D,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAG1D,IAAI,OAAO,MAAM,SAAS,MACxB,KAAK,WAAW;CAGlB,OAAO,oBAAC,GAAD;EAAG,WAAW,GAAG,mBAAmB,SAAS;EAAG,SAAQ;EAAY;EAAK,GAAI,OAAO;EAAO,GAAI;CAAO;AAC/G,CAAC;AAED,YAAY,cAAc"}
+{"version":3,"file":"switchLabel.js","names":[],"sources":["../../src/switch/switchLabel.tsx"],"sourcesContent":["import type { TProps } from '../t'\n\nimport { useStyleConfig, vui } from '../core'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useSwitchContext } from './context'\n\n/** Displays label text within the Switch component. */\nexport const SwitchLabel = vui<'span', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Switch', useSwitchContext())\n\n  // <T> has xs but not xl\n  if (styles.label.size === 'xl') {\n    rest.fontSize = 20\n  }\n\n  return <T className={cs('vui-switchLabel', className)} display=\"flex\" ref={ref} {...styles.label} {...rest} />\n})\n\nSwitchLabel.displayName = 'SwitchLabel'\n\nexport default SwitchLabel\n"],"mappings":";;;;;;;;;AAQA,MAAa,cAAc,KAAqB,OAAO,QAAQ;CAC7D,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAG1D,IAAI,OAAO,MAAM,SAAS,MACxB,KAAK,WAAW;CAGlB,OAAO,oBAAC,GAAD;EAAG,WAAW,GAAG,mBAAmB,SAAS;EAAG,SAAQ;EAAY;EAAK,GAAI,OAAO;EAAO,GAAI;CAAO;AAC/G,CAAC;AAED,YAAY,cAAc"}

package/dist/switch/switchMain.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switchMain.d.ts","names":[],"sources":["../../src/switch/switchMain.tsx"],"mappings":";;;;;;cAUa,UAAA,8BAAU,eAAA,sCAAA,YAAA,EActB,WAdsB;;;;;cAoBV,MAAA,EA4DP,YAAA,UAAsB,WAAA;EAC1B,MAAA,SAAe,YAAA;EACf,KAAA,SAAc,WAAA;AAAA"}
+{"version":3,"file":"switchMain.d.ts","names":[],"sources":["../../src/switch/switchMain.tsx"],"mappings":";;;;;;cAWa,UAAA,8BAAU,eAAA,sCAAA,YAAA,EActB,WAdsB;;;;;cAoBV,MAAA,EA4DP,YAAA,UAAsB,WAAA;EAC1B,MAAA,SAAe,YAAA;EACf,KAAA,SAAc,WAAA;AAAA"}

package/dist/switch/switchMain.js

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

package/dist/switch/switchMain.js.map

@@ -1 +1 @@
-{"version":3,"file":"switchMain.js","names":[],"sources":["../../src/switch/switchMain.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined, isReactText } from '../utils'\nimport { SwitchProvider } from './context'\nimport type { SwitchProps } from './switch.types'\nimport { SwitchButton } from './switchButton'\nimport { SwitchLabel } from './switchLabel'\n\nexport const SwitchBase = styled.labelBox`\n  align-items: center;\n  cursor: pointer;\n  display: inline-flex;\n  line-height: normal;\n  width: fit-content;\n\n  &[aria-disabled='true'] {\n    cursor: not-allowed;\n\n    .vui-switchLabel {\n      color: disabled.color;\n    }\n  }\n`\n\n/**\n * Displays a toggle button with supporting text. Allows passing custom elements as side labels and inner labels.\n * Forwards many relevant props to the innner input element. Exposes some props to the children via context.\n */\nexport const Switch = vui<'label', SwitchProps>((props, ref) => {\n  const {\n    button,\n    checked,\n    children,\n    className,\n    defaultChecked,\n    disabled,\n    id,\n    innerLabelOff,\n    innerLabelOn,\n    inputProps,\n    inputRef,\n    labelLeft,\n    labelRight,\n    name,\n    onBlur,\n    onChange,\n    onFocus,\n    required,\n    size,\n    value,\n    variant,\n    ...rest\n  } = props\n  const styles = useStyleConfig('Switch', props)\n\n  const context = useMemo(\n    () =>\n      filterUndefined({\n        checked,\n        defaultChecked,\n        disabled,\n        name,\n        onBlur,\n        onChange,\n        onFocus,\n        required,\n        size,\n        value,\n        variant,\n      }),\n    [checked, defaultChecked, disabled, name, onBlur, onChange, onFocus, required, size, value, variant],\n  )\n\n  const aliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n  })\n\n  return (\n    <SwitchProvider value={context}>\n      <SwitchBase className={cs('vui-switch', className)} ref={ref} {...styles.container} {...aliasedProps} {...rest}>\n        {isReactText(labelLeft) ? <SwitchLabel mr={1} text={labelLeft} /> : labelLeft}\n\n        {children ?? button ?? <SwitchButton {...{ id, innerLabelOff, innerLabelOn, inputProps, inputRef }} />}\n\n        {isReactText(labelRight) ? <SwitchLabel ml={1} text={labelRight} /> : labelRight}\n      </SwitchBase>\n    </SwitchProvider>\n  )\n}) as VuiComponent<'label', SwitchProps> & {\n  Button: typeof SwitchButton\n  Label: typeof SwitchLabel\n}\n\nSwitch.Button = SwitchButton\nSwitch.Label = SwitchLabel\nSwitch.displayName = 'Switch'\n\nexport default Switch\n"],"mappings":";;;;;;;;;;;;;AAUA,MAAa,aAAa,OAAO,QAAQ;;;;;;;;;;;;;;;;;;;AAoBzC,MAAa,SAAS,KAA2B,OAAO,QAAQ;CAC9D,MAAM,EACJ,QACA,SACA,UACA,WACA,gBACA,UACA,IACA,eACA,cACA,YACA,UACA,WACA,YACA,MACA,QACA,UACA,SACA,UACA,MACA,OACA,SACA,GAAG,SACD;CACJ,MAAM,SAAS,eAAe,UAAU,KAAK;CAE7C,MAAM,UAAU,cAEZ,gBAAgB;EACd;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,GACH;EAAC;EAAS;EAAgB;EAAU;EAAM;EAAQ;EAAU;EAAS;EAAU;EAAM;EAAO;CAAO,CACrG;CAEA,MAAM,eAAe,gBAAgB,EACnC,iBAAiB,SACnB,CAAC;CAED,OACE,oBAAC,gBAAD;EAAgB,OAAO;YACrB,qBAAC,YAAD;GAAY,WAAW,GAAG,cAAc,SAAS;GAAQ;GAAK,GAAI,OAAO;GAAW,GAAI;GAAc,GAAI;aAA1G;IACG,YAAY,SAAS,IAAI,oBAAC,aAAD;KAAa,IAAI;KAAG,MAAM;IAAY,KAAI;IAEnE,YAAY,UAAU,oBAAC,cAAD;KAAoB;KAAI;KAAe;KAAc;KAAY;IAAa;IAEpG,YAAY,UAAU,IAAI,oBAAC,aAAD;KAAa,IAAI;KAAG,MAAM;IAAa,KAAI;GAC5D;;CACE;AAEpB,CAAC;AAKD,OAAO,SAAS;AAChB,OAAO,QAAQ;AACf,OAAO,cAAc"}
+{"version":3,"file":"switchMain.js","names":[],"sources":["../../src/switch/switchMain.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport type { SwitchProps } from './switch.types'\n\nimport { styled, useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined, isReactText } from '../utils'\nimport { SwitchProvider } from './context'\nimport { SwitchButton } from './switchButton'\nimport { SwitchLabel } from './switchLabel'\n\nexport const SwitchBase = styled.labelBox`\n  align-items: center;\n  cursor: pointer;\n  display: inline-flex;\n  line-height: normal;\n  width: fit-content;\n\n  &[aria-disabled='true'] {\n    cursor: not-allowed;\n\n    .vui-switchLabel {\n      color: disabled.color;\n    }\n  }\n`\n\n/**\n * Displays a toggle button with supporting text. Allows passing custom elements as side labels and inner labels.\n * Forwards many relevant props to the innner input element. Exposes some props to the children via context.\n */\nexport const Switch = vui<'label', SwitchProps>((props, ref) => {\n  const {\n    button,\n    checked,\n    children,\n    className,\n    defaultChecked,\n    disabled,\n    id,\n    innerLabelOff,\n    innerLabelOn,\n    inputProps,\n    inputRef,\n    labelLeft,\n    labelRight,\n    name,\n    onBlur,\n    onChange,\n    onFocus,\n    required,\n    size,\n    value,\n    variant,\n    ...rest\n  } = props\n  const styles = useStyleConfig('Switch', props)\n\n  const context = useMemo(\n    () =>\n      filterUndefined({\n        checked,\n        defaultChecked,\n        disabled,\n        name,\n        onBlur,\n        onChange,\n        onFocus,\n        required,\n        size,\n        value,\n        variant,\n      }),\n    [checked, defaultChecked, disabled, name, onBlur, onChange, onFocus, required, size, value, variant],\n  )\n\n  const aliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n  })\n\n  return (\n    <SwitchProvider value={context}>\n      <SwitchBase className={cs('vui-switch', className)} ref={ref} {...styles.container} {...aliasedProps} {...rest}>\n        {isReactText(labelLeft) ? <SwitchLabel mr={1} text={labelLeft} /> : labelLeft}\n\n        {children ?? button ?? <SwitchButton {...{ id, innerLabelOff, innerLabelOn, inputProps, inputRef }} />}\n\n        {isReactText(labelRight) ? <SwitchLabel ml={1} text={labelRight} /> : labelRight}\n      </SwitchBase>\n    </SwitchProvider>\n  )\n}) as VuiComponent<'label', SwitchProps> & {\n  Button: typeof SwitchButton\n  Label: typeof SwitchLabel\n}\n\nSwitch.Button = SwitchButton\nSwitch.Label = SwitchLabel\nSwitch.displayName = 'Switch'\n\nexport default Switch\n"],"mappings":";;;;;;;;;;;;;AAWA,MAAa,aAAa,OAAO,QAAQ;;;;;;;;;;;;;;;;;;;AAoBzC,MAAa,SAAS,KAA2B,OAAO,QAAQ;CAC9D,MAAM,EACJ,QACA,SACA,UACA,WACA,gBACA,UACA,IACA,eACA,cACA,YACA,UACA,WACA,YACA,MACA,QACA,UACA,SACA,UACA,MACA,OACA,SACA,GAAG,SACD;CACJ,MAAM,SAAS,eAAe,UAAU,KAAK;CAE7C,MAAM,UAAU,cAEZ,gBAAgB;EACd;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,GACH;EAAC;EAAS;EAAgB;EAAU;EAAM;EAAQ;EAAU;EAAS;EAAU;EAAM;EAAO;CAAO,CACrG;CAEA,MAAM,eAAe,gBAAgB,EACnC,iBAAiB,SACnB,CAAC;CAED,OACE,oBAAC,gBAAD;EAAgB,OAAO;YACrB,qBAAC,YAAD;GAAY,WAAW,GAAG,cAAc,SAAS;GAAQ;GAAK,GAAI,OAAO;GAAW,GAAI;GAAc,GAAI;aAA1G;IACG,YAAY,SAAS,IAAI,oBAAC,aAAD;KAAa,IAAI;KAAG,MAAM;IAAY,KAAI;IAEnE,YAAY,UAAU,oBAAC,cAAD;KAAoB;KAAI;KAAe;KAAc;KAAY;IAAa;IAEpG,YAAY,UAAU,IAAI,oBAAC,aAAD;KAAa,IAAI;KAAG,MAAM;IAAa,KAAI;GAC5D;;CACE;AAEpB,CAAC;AAKD,OAAO,SAAS;AAChB,OAAO,QAAQ;AACf,OAAO,cAAc"}

package/dist/switch/theme.js

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

package/dist/system/custom.js

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

package/dist/system/system.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"system.d.ts","names":[],"sources":["../../src/system/system.ts"],"mappings":";;;;;;;;;;;;;;;;;;KAsCY,WAAA,GAAc,eAAA,GACxB,oBAAA,GACA,YAAA,GACA,YAAA,GACA,cAAA,GACA,iBAAA,GACA,UAAA,GACA,kBAAA,GACA,gBAAA,GACA,WAAA,GACA,aAAA,GACA,WAAA,GACA,UAAA,GACA,WAAA,GACA,eAAA,GACA,gBAAA,GACA,eAAA,GACA,cAAA;AAAA,cAEW,MAAA,4BAAM,cAoBlB"}
+{"version":3,"file":"system.d.ts","names":[],"sources":["../../src/system/system.ts"],"mappings":";;;;;;;;;;;;;;;;;;KAuCY,WAAA,GAAc,eAAA,GACxB,oBAAA,GACA,YAAA,GACA,YAAA,GACA,cAAA,GACA,iBAAA,GACA,UAAA,GACA,kBAAA,GACA,gBAAA,GACA,WAAA,GACA,aAAA,GACA,WAAA,GACA,UAAA,GACA,WAAA,GACA,eAAA,GACA,gBAAA,GACA,eAAA,GACA,cAAA;AAAA,cAEW,MAAA,4BAAM,cAoBlB"}

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.2.2"
+globalThis.__vuiVersion__ = "5.2.3"
 //# sourceMappingURL=system.js.map

package/dist/system/system.js.map

@@ -1 +1 @@
-{"version":3,"file":"system.js","names":[],"sources":["../../src/system/system.ts"],"sourcesContent":["import {\n  animation,\n  backgroundColor,\n  borders,\n  color,\n  compose,\n  effects,\n  flexboxes,\n  flexboxGrids,\n  grids,\n  interactivity,\n  layout,\n  sizing,\n  space,\n  tables,\n  transforms,\n  transitions,\n  typography,\n} from '@xstyled/styled-components'\n\nimport type { AnimationsProps } from './animations'\nimport type { BackgroundColorProps } from './backgrounds'\nimport type { BordersProps } from './borders'\nimport type { IsTruncatedProps, MaxLinesProps, WordBreakProps } from './custom'\nimport { isTruncated, maxLines, wordBreak } from './custom'\nimport type { EffectsProps } from './effects'\nimport type { FlexboxesProps } from './flexboxes'\nimport type { FlexboxGridsProps } from './flexboxGrids'\nimport type { GridsProps } from './grids'\nimport type { InteractivityProps } from './interactivity'\nimport type { LayoutProps } from './layout'\nimport type { SizingProps } from './sizing'\nimport type { SpaceProps } from './space'\nimport type { TablesProps } from './tables'\nimport type { TransformsProps } from './transforms'\nimport type { TransitionsProps } from './transitions'\nimport type { TypographyProps } from './typography'\n\nexport type SystemProps = AnimationsProps &\n  BackgroundColorProps &\n  BordersProps &\n  EffectsProps &\n  FlexboxesProps &\n  FlexboxGridsProps &\n  GridsProps &\n  InteractivityProps &\n  IsTruncatedProps &\n  LayoutProps &\n  MaxLinesProps &\n  SizingProps &\n  SpaceProps &\n  TablesProps &\n  TransformsProps &\n  TransitionsProps &\n  TypographyProps &\n  WordBreakProps\n\nexport const system = compose(\n  animation,\n  backgroundColor,\n  borders,\n  color,\n  effects,\n  flexboxes,\n  flexboxGrids,\n  grids,\n  interactivity,\n  isTruncated,\n  layout,\n  maxLines,\n  sizing,\n  space,\n  tables,\n  transforms,\n  transitions,\n  typography,\n  wordBreak,\n)\n\nexport default system\n"],"mappings":";;;;AAyDA,MAAa,SAAS,QACpB,WACA,iBACA,SACA,OACA,SACA,WACA,cACA,OACA,eACA,aACA,QACA,UACA,QACA,OACA,QACA,YACA,aACA,YACA,SACF"}
+{"version":3,"file":"system.js","names":[],"sources":["../../src/system/system.ts"],"sourcesContent":["import {\n  animation,\n  backgroundColor,\n  borders,\n  color,\n  compose,\n  effects,\n  flexboxes,\n  flexboxGrids,\n  grids,\n  interactivity,\n  layout,\n  sizing,\n  space,\n  tables,\n  transforms,\n  transitions,\n  typography,\n} from '@xstyled/styled-components'\n\nimport type { AnimationsProps } from './animations'\nimport type { BackgroundColorProps } from './backgrounds'\nimport type { BordersProps } from './borders'\nimport type { IsTruncatedProps, MaxLinesProps, WordBreakProps } from './custom'\nimport type { EffectsProps } from './effects'\nimport type { FlexboxesProps } from './flexboxes'\nimport type { FlexboxGridsProps } from './flexboxGrids'\nimport type { GridsProps } from './grids'\nimport type { InteractivityProps } from './interactivity'\nimport type { LayoutProps } from './layout'\nimport type { SizingProps } from './sizing'\nimport type { SpaceProps } from './space'\nimport type { TablesProps } from './tables'\nimport type { TransformsProps } from './transforms'\nimport type { TransitionsProps } from './transitions'\nimport type { TypographyProps } from './typography'\n\nimport { isTruncated, maxLines, wordBreak } from './custom'\n\nexport type SystemProps = AnimationsProps &\n  BackgroundColorProps &\n  BordersProps &\n  EffectsProps &\n  FlexboxesProps &\n  FlexboxGridsProps &\n  GridsProps &\n  InteractivityProps &\n  IsTruncatedProps &\n  LayoutProps &\n  MaxLinesProps &\n  SizingProps &\n  SpaceProps &\n  TablesProps &\n  TransformsProps &\n  TransitionsProps &\n  TypographyProps &\n  WordBreakProps\n\nexport const system = compose(\n  animation,\n  backgroundColor,\n  borders,\n  color,\n  effects,\n  flexboxes,\n  flexboxGrids,\n  grids,\n  interactivity,\n  isTruncated,\n  layout,\n  maxLines,\n  sizing,\n  space,\n  tables,\n  transforms,\n  transitions,\n  typography,\n  wordBreak,\n)\n\nexport default system\n"],"mappings":";;;;AA0DA,MAAa,SAAS,QACpB,WACA,iBACA,SACA,OACA,SACA,WACA,cACA,OACA,eACA,aACA,QACA,UACA,QACA,OACA,QACA,YACA,aACA,YACA,SACF"}

package/dist/t/specialVariants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"specialVariants.d.ts","names":[],"sources":["../../src/t/specialVariants.tsx"],"mappings":";;;cAIa,IAAA,EAAI,YAAA,SAAA,MAAA"}
+{"version":3,"file":"specialVariants.d.ts","names":[],"sources":["../../src/t/specialVariants.tsx"],"mappings":";;;cAKa,IAAA,EAAI,YAAA,SAAA,MAAA"}

package/dist/t/specialVariants.js

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

package/dist/t/specialVariants.js.map

@@ -1 +1 @@
-{"version":3,"file":"specialVariants.js","names":[],"sources":["../../src/t/specialVariants.tsx"],"sourcesContent":["import { vui } from '../core'\nimport T from './t'\nimport type { TProps } from './t.types'\n\nexport const Lead = vui<'span', TProps>((props, ref) => (\n  <T ref={ref} size=\"xl\" variant=\"caption\" color=\"seaBlue.main\" {...props} />\n))\n"],"mappings":";;;;;AAIA,MAAa,OAAO,KAAqB,OAAO,QAC9C,oBAAC,GAAD;CAAQ;CAAK,MAAK;CAAK,SAAQ;CAAU,OAAM;CAAe,GAAI;AAAQ,EAC3E"}
+{"version":3,"file":"specialVariants.js","names":[],"sources":["../../src/t/specialVariants.tsx"],"sourcesContent":["import type { TProps } from './t.types'\n\nimport { vui } from '../core'\nimport T from './t'\n\nexport const Lead = vui<'span', TProps>((props, ref) => (\n  <T ref={ref} size=\"xl\" variant=\"caption\" color=\"seaBlue.main\" {...props} />\n))\n"],"mappings":";;;;;AAKA,MAAa,OAAO,KAAqB,OAAO,QAC9C,oBAAC,GAAD;CAAQ;CAAK,MAAK;CAAK,SAAQ;CAAU,OAAM;CAAe,GAAI;AAAQ,EAC3E"}

package/dist/t/t.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"t.d.ts","names":[],"sources":["../../src/t/t.tsx"],"mappings":";;;;cAIa,KAAA,8BAAK,eAAA,qCAAA,YAAA,EAEjB,WAFiB;;cAKL,CAAA,EAAC,YAAA,SAAA,MAAA"}
+{"version":3,"file":"t.d.ts","names":[],"sources":["../../src/t/t.tsx"],"mappings":";;;;cAKa,KAAA,8BAAK,eAAA,qCAAA,YAAA,EAEjB,WAFiB;;cAKL,CAAA,EAAC,YAAA,SAAA,MAAA"}

package/dist/t/t.js

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

package/dist/t/t.js.map

@@ -1 +1 @@
-{"version":3,"file":"t.js","names":[],"sources":["../../src/t/t.tsx"],"sourcesContent":["import { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport type { TProps } from './t.types'\n\nexport const TBase = styled.spanBox`\n  transition-duration: fast;\n`\n\n/** Displays given text and allows easy styling. */\nexport const T = vui<'span', TProps>((props, ref) => {\n  const { align, casing, centerV, children, className, decoration, text, weight, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('T', props)\n\n  const aliasedProps = filterUndefined({\n    alignItems: centerV ? 'center' : undefined,\n    display: centerV ? 'inline-flex' : undefined,\n    fontWeight: weight,\n    textAlign: align,\n    textDecoration: decoration,\n    textTransform: casing,\n  })\n\n  return (\n    <TBase className={cs('vui-t', className)} ref={ref} {...styles} {...aliasedProps} {...rest}>\n      {children ?? text}\n    </TBase>\n  )\n})\n\nT.displayName = 'T'\n\nexport default T\n"],"mappings":";;;;;;;;AAIA,MAAa,QAAQ,OAAO,OAAO;;;;AAKnC,MAAa,IAAI,KAAqB,OAAO,QAAQ;CACnD,MAAM,EAAE,OAAO,QAAQ,SAAS,UAAU,WAAW,YAAY,MAAM,QAAQ,GAAG,SAAS,iBAAiB,KAAK;CACjH,MAAM,SAAS,eAAe,KAAK,KAAK;CAExC,MAAM,eAAe,gBAAgB;EACnC,YAAY,UAAU,WAAW;EACjC,SAAS,UAAU,gBAAgB;EACnC,YAAY;EACZ,WAAW;EACX,gBAAgB;EAChB,eAAe;CACjB,CAAC;CAED,OACE,oBAAC,OAAD;EAAO,WAAW,GAAG,SAAS,SAAS;EAAQ;EAAK,GAAI;EAAQ,GAAI;EAAc,GAAI;YACnF,YAAY;CACR;AAEX,CAAC;AAED,EAAE,cAAc"}
+{"version":3,"file":"t.js","names":[],"sources":["../../src/t/t.tsx"],"sourcesContent":["import type { TProps } from './t.types'\n\nimport { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\n\nexport const TBase = styled.spanBox`\n  transition-duration: fast;\n`\n\n/** Displays given text and allows easy styling. */\nexport const T = vui<'span', TProps>((props, ref) => {\n  const { align, casing, centerV, children, className, decoration, text, weight, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('T', props)\n\n  const aliasedProps = filterUndefined({\n    alignItems: centerV ? 'center' : undefined,\n    display: centerV ? 'inline-flex' : undefined,\n    fontWeight: weight,\n    textAlign: align,\n    textDecoration: decoration,\n    textTransform: casing,\n  })\n\n  return (\n    <TBase className={cs('vui-t', className)} ref={ref} {...styles} {...aliasedProps} {...rest}>\n      {children ?? text}\n    </TBase>\n  )\n})\n\nT.displayName = 'T'\n\nexport default T\n"],"mappings":";;;;;;;;AAKA,MAAa,QAAQ,OAAO,OAAO;;;;AAKnC,MAAa,IAAI,KAAqB,OAAO,QAAQ;CACnD,MAAM,EAAE,OAAO,QAAQ,SAAS,UAAU,WAAW,YAAY,MAAM,QAAQ,GAAG,SAAS,iBAAiB,KAAK;CACjH,MAAM,SAAS,eAAe,KAAK,KAAK;CAExC,MAAM,eAAe,gBAAgB;EACnC,YAAY,UAAU,WAAW;EACjC,SAAS,UAAU,gBAAgB;EACnC,YAAY;EACZ,WAAW;EACX,gBAAgB;EAChB,eAAe;CACjB,CAAC;CAED,OACE,oBAAC,OAAD;EAAO,WAAW,GAAG,SAAS,SAAS;EAAQ;EAAK,GAAI;EAAQ,GAAI;EAAc,GAAI;YACnF,YAAY;CACR;AAEX,CAAC;AAED,EAAE,cAAc"}

package/dist/t/theme.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/table/context.ts"],"mappings":";;;cAGO,aAAA,kBAAa,QAAA,CAAA,YAAA,GAAE,eAAA,QAAe,YAAqD"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/table/context.ts"],"mappings":";;;cAIO,aAAA,kBAAa,QAAA,CAAA,YAAA,GAAE,eAAA,QAAe,YAAqD"}

package/dist/table/context.js

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

package/dist/table/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../src/table/context.ts"],"sourcesContent":["import { createContext } from '../utils'\nimport type { TableContext } from './table.types'\n\nconst [TableProvider, useTableContext] = createContext<TableContext>({ isOptional: true })\n\nexport { TableProvider, useTableContext }\n"],"mappings":";;;AAGA,MAAM,CAAC,eAAe,mBAAmB,cAA4B,EAAE,YAAY,KAAK,CAAC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../src/table/context.ts"],"sourcesContent":["import type { TableContext } from './table.types'\n\nimport { createContext } from '../utils'\n\nconst [TableProvider, useTableContext] = createContext<TableContext>({ isOptional: true })\n\nexport { TableProvider, useTableContext }\n"],"mappings":";;;AAIA,MAAM,CAAC,eAAe,mBAAmB,cAA4B,EAAE,YAAY,KAAK,CAAC"}

package/dist/table/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","names":[],"sources":["../../src/table/table.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAmBa,SAAA,8BAAS,eAAA,sCAAA,YAAA,EAmCrB,cAAA,GAnCqB,oBAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,YAAA,GAAA,mBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,SAAA,GAAA,cAAA,GAAA,YAAA,GAAA,cAAA,GAAA,eAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,mBAAA,GAAA,iBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,eAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,SAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,UAAA,GAAA,QAAA,GAAA,QAAA,GAAA,QAAA,GAAA,cAAA,GAAA,WAAA,GAAA,eAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,oBAAA,GAAA,iBAAA,GAAA,wBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,aAAA,GAAA,eAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,WAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,UAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,cAAA,GAAA,aAAA,GAAA,WAAA,GAAA,QAAA,GAAA,UAAA,GAAA,WAAA,GAAA,SAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,cAAA,GAAA,aAAA,GAAA,UAAA,GAAA,WAAA,GAAA,aAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,YAAA,GAAA,YAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,gBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,WAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,eAAA,GAAA,WAAA,GAAA,UAAA,GAAA,UAAA,GAAA,UAAA,GAAA,WAAA,GAAA,WAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,uBAAA,GAAA,6BAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,aAAA,GAAA,cAAA,GAAA,eAAA,GAAA,eAAA,GAAA,UAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,sBAAA,GAAA,cAAA,GAAA,aAAA,GAAA,YAAA;YAAA,WAAA;;;;;;cAsCT,KAAA,EA6CP,YAAA,UAAsB,UAAA;EAC1B,QAAA,SAAiB,aAAA;EACjB,KAAA,SAAc,KAAA;EACd,EAAA,SAAW,EAAA;EACX,KAAA,SAAc,KAAA;EACd,EAAA,SAAW,EAAA;EACX,KAAA,SAAc,KAAA;EACd,EAAA,SAAW,EAAA;AAAA"}
+{"version":3,"file":"table.d.ts","names":[],"sources":["../../src/table/table.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAoBa,SAAA,8BAAS,eAAA,sCAAA,YAAA,EAmCrB,cAAA,GAnCqB,oBAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,YAAA,GAAA,mBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,SAAA,GAAA,cAAA,GAAA,YAAA,GAAA,cAAA,GAAA,eAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,mBAAA,GAAA,iBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,eAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,SAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,UAAA,GAAA,QAAA,GAAA,QAAA,GAAA,QAAA,GAAA,cAAA,GAAA,WAAA,GAAA,eAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,oBAAA,GAAA,iBAAA,GAAA,wBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,aAAA,GAAA,eAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,WAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,UAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,cAAA,GAAA,aAAA,GAAA,WAAA,GAAA,QAAA,GAAA,UAAA,GAAA,WAAA,GAAA,SAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,cAAA,GAAA,aAAA,GAAA,UAAA,GAAA,WAAA,GAAA,aAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,YAAA,GAAA,YAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,gBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,WAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,eAAA,GAAA,WAAA,GAAA,UAAA,GAAA,UAAA,GAAA,UAAA,GAAA,WAAA,GAAA,WAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,uBAAA,GAAA,6BAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,aAAA,GAAA,cAAA,GAAA,eAAA,GAAA,eAAA,GAAA,UAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,sBAAA,GAAA,cAAA,GAAA,aAAA,GAAA,YAAA;YAAA,WAAA;;;;;;cAsCT,KAAA,EA6CP,YAAA,UAAsB,UAAA;EAC1B,QAAA,SAAiB,aAAA;EACjB,KAAA,SAAc,KAAA;EACd,EAAA,SAAW,EAAA;EACX,KAAA,SAAc,KAAA;EACd,EAAA,SAAW,EAAA;EACX,KAAA,SAAc,KAAA;EACd,EAAA,SAAW,EAAA;AAAA"}

package/dist/table/table.js

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