@veracity/vui 5.3.0-alpha.manual.2608050712 → 5.3.0

package/dist/range/theme.js

@@ -43,5 +43,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=theme.js.map

package/dist/rating/rating.js

@@ -124,5 +124,5 @@ Rating.displayName = "Rating";
 
 //#endregion
 export { Rating, Rating as default };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=rating.js.map

package/dist/rating/theme.js

@@ -24,5 +24,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=theme.js.map

package/dist/select/context.js

@@ -5,5 +5,5 @@ const [SelectProvider, useSelectContext] = createContext({ isOptional: true });
 
 //#endregion
 export { SelectProvider, useSelectContext };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=context.js.map

package/dist/select/select.js

@@ -118,5 +118,5 @@ Select.displayName = "Select";
 
 //#endregion
 export { Select, Select as default };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=select.js.map

package/dist/select/selectButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selectButton.d.ts","names":[],"sources":["../../src/select/selectButton.tsx"],"mappings":";;;;;;;;;cAgBa,cAAY,uBAAZ"}
+{"version":3,"file":"selectButton.d.ts","names":[],"sources":["../../src/select/selectButton.tsx"],"mappings":";;;;;;;;;cAca,cAAY,uBAAZ"}

package/dist/select/selectButton.js

@@ -6,7 +6,6 @@ import { Button } from "../button/button.js";
 import { LineButton } from "../button/buttons.js";
 import { PopoverTrigger } from "../popover/popoverTrigger.js";
 import { useSelectContext } from "./context.js";
-import React from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/select/selectButton.tsx
@@ -71,5 +70,5 @@ SelectButton.displayName = "SelectButton";
 
 //#endregion
 export { SelectButton, SelectButton as default };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=selectButton.js.map

package/dist/select/selectButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"selectButton.js","names":[],"sources":["../../src/select/selectButton.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { SelectButtonProps } from './select.types'\n\nimport Button, { LineButton } from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { inputColors } from '../input/consts'\nimport { PopoverTrigger } from '../popover'\nimport { cs, ellipsisOverflow } from '../utils'\nimport { useSelectContext } from './context'\n\n/**\n * Displays a custom button component, which opens a popover on click.\n * Text within the button is either selected value or placeholder.\n * Includes special styling for disabled, readOnly and invalid states.\n */\nexport const SelectButton = vui<'button', SelectButtonProps>((props, ref) => {\n  const { className, ...rest } = props\n  const { disabled, isInvalid, placeholder, readOnly, valueText } = useSelectContext() ?? {}\n  const styles = useStyleConfig('Select', useSelectContext())\n\n  const text = valueText || placeholder\n\n  const stateProps = disabled\n    ? {\n        cursor: 'not-allowed',\n        opacity: 0.5,\n        disabledBg: 'var(--vui-color-sandstone-79)',\n        disabledBorderColor: 'var(--vui-color-sandstone-79)',\n        disabledColor: 'white',\n      }\n    : readOnly\n      ? {\n          cursor: 'auto',\n          bg: 'var(--vui-color-sandstone-97)',\n          borderColor: 'var(--vui-color-sandstone-55)',\n          color: 'var(--vui-foreground-default)',\n          hoverBg: 'var(--vui-color-sandstone-97)',\n          hoverBorderColor: 'var(--vui-color-sandstone-55)',\n        }\n      : undefined\n\n  const isInvalidProps = isInvalid\n    ? {\n        borderColor: 'energyRed.45',\n        hoverBorderColor: 'energyRed.45',\n      }\n    : undefined\n\n  const textColor = inputColors.inputText\n  const iconColor = disabled || readOnly ? inputColors.inputText : 'seaBlue.main'\n\n  return (\n    <PopoverTrigger\n      as={LineButton}\n      className={cs('vui-selectButton', className)}\n      aria-readonly={readOnly}\n      disabled={disabled}\n      focusRing={2}\n      fontWeight=\"regular\"\n      endIcon={<Button.Icon color={iconColor} ml=\"auto\" name=\"uiAngleDown\" />}\n      isFullWidth\n      px={1}\n      ref={ref}\n      text={\n        <Button.Text color={textColor} {...ellipsisOverflow}>\n          {text}\n        </Button.Text>\n      }\n      userSelect=\"text\"\n      {...styles.button}\n      {...stateProps}\n      {...isInvalidProps}\n      {...rest}\n    />\n  )\n})\n\nSelectButton.displayName = 'SelectButton'\nexport default SelectButton\n"],"mappings":";;;;;;;;;;;;;;;;;AAgBA,MAAa,eAAe,KAAkC,OAAO,QAAQ;CAC3E,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,EAAE,UAAU,WAAW,aAAa,UAAU,cAAc,iBAAiB,KAAK,CAAC;CACzF,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,MAAM,OAAO,aAAa;CAE1B,MAAM,aAAa,WACf;EACE,QAAQ;EACR,SAAS;EACT,YAAY;EACZ,qBAAqB;EACrB,eAAe;CACjB,IACA,WACE;EACE,QAAQ;EACR,IAAI;EACJ,aAAa;EACb,OAAO;EACP,SAAS;EACT,kBAAkB;CACpB,IACA;CAEN,MAAM,iBAAiB,YACnB;EACE,aAAa;EACb,kBAAkB;CACpB,IACA;CAEJ,MAAM,YAAY,YAAY;CAC9B,MAAM,YAAY,YAAY,WAAW,YAAY,YAAY;CAEjE,OACE,oBAAC,gBAAD;EACE,IAAI;EACJ,WAAW,GAAG,oBAAoB,SAAS;EAC3C,iBAAe;EACL;EACV,WAAW;EACX,YAAW;EACX,SAAS,oBAAC,OAAO,MAAR;GAAa,OAAO;GAAW,IAAG;GAAO,MAAK;EAAe;EACtE;EACA,IAAI;EACC;EACL,MACE,oBAAC,OAAO,MAAR;GAAa,OAAO;GAAW,GAAI;aAChC;EACU;EAEf,YAAW;EACX,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;EACJ,GAAI;CACL;AAEL,CAAC;AAED,aAAa,cAAc"}
+{"version":3,"file":"selectButton.js","names":[],"sources":["../../src/select/selectButton.tsx"],"sourcesContent":["import type { SelectButtonProps } from './select.types'\n\nimport Button, { LineButton } from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { inputColors } from '../input/consts'\nimport { PopoverTrigger } from '../popover'\nimport { cs, ellipsisOverflow } from '../utils'\nimport { useSelectContext } from './context'\n\n/**\n * Displays a custom button component, which opens a popover on click.\n * Text within the button is either selected value or placeholder.\n * Includes special styling for disabled, readOnly and invalid states.\n */\nexport const SelectButton = vui<'button', SelectButtonProps>((props, ref) => {\n  const { className, ...rest } = props\n  const { disabled, isInvalid, placeholder, readOnly, valueText } = useSelectContext() ?? {}\n  const styles = useStyleConfig('Select', useSelectContext())\n\n  const text = valueText || placeholder\n\n  const stateProps = disabled\n    ? {\n        cursor: 'not-allowed',\n        opacity: 0.5,\n        disabledBg: 'var(--vui-color-sandstone-79)',\n        disabledBorderColor: 'var(--vui-color-sandstone-79)',\n        disabledColor: 'white',\n      }\n    : readOnly\n      ? {\n          cursor: 'auto',\n          bg: 'var(--vui-color-sandstone-97)',\n          borderColor: 'var(--vui-color-sandstone-55)',\n          color: 'var(--vui-foreground-default)',\n          hoverBg: 'var(--vui-color-sandstone-97)',\n          hoverBorderColor: 'var(--vui-color-sandstone-55)',\n        }\n      : undefined\n\n  const isInvalidProps = isInvalid\n    ? {\n        borderColor: 'energyRed.45',\n        hoverBorderColor: 'energyRed.45',\n      }\n    : undefined\n\n  const textColor = inputColors.inputText\n  const iconColor = disabled || readOnly ? inputColors.inputText : 'seaBlue.main'\n\n  return (\n    <PopoverTrigger\n      as={LineButton}\n      className={cs('vui-selectButton', className)}\n      aria-readonly={readOnly}\n      disabled={disabled}\n      focusRing={2}\n      fontWeight=\"regular\"\n      endIcon={<Button.Icon color={iconColor} ml=\"auto\" name=\"uiAngleDown\" />}\n      isFullWidth\n      px={1}\n      ref={ref}\n      text={\n        <Button.Text color={textColor} {...ellipsisOverflow}>\n          {text}\n        </Button.Text>\n      }\n      userSelect=\"text\"\n      {...styles.button}\n      {...stateProps}\n      {...isInvalidProps}\n      {...rest}\n    />\n  )\n})\n\nSelectButton.displayName = 'SelectButton'\nexport default SelectButton\n"],"mappings":";;;;;;;;;;;;;;;;AAcA,MAAa,eAAe,KAAkC,OAAO,QAAQ;CAC3E,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,EAAE,UAAU,WAAW,aAAa,UAAU,cAAc,iBAAiB,KAAK,CAAC;CACzF,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,MAAM,OAAO,aAAa;CAE1B,MAAM,aAAa,WACf;EACE,QAAQ;EACR,SAAS;EACT,YAAY;EACZ,qBAAqB;EACrB,eAAe;CACjB,IACA,WACE;EACE,QAAQ;EACR,IAAI;EACJ,aAAa;EACb,OAAO;EACP,SAAS;EACT,kBAAkB;CACpB,IACA;CAEN,MAAM,iBAAiB,YACnB;EACE,aAAa;EACb,kBAAkB;CACpB,IACA;CAEJ,MAAM,YAAY,YAAY;CAC9B,MAAM,YAAY,YAAY,WAAW,YAAY,YAAY;CAEjE,OACE,oBAAC,gBAAD;EACE,IAAI;EACJ,WAAW,GAAG,oBAAoB,SAAS;EAC3C,iBAAe;EACL;EACV,WAAW;EACX,YAAW;EACX,SAAS,oBAAC,OAAO,MAAR;GAAa,OAAO;GAAW,IAAG;GAAO,MAAK;EAAe;EACtE;EACA,IAAI;EACC;EACL,MACE,oBAAC,OAAO,MAAR;GAAa,OAAO;GAAW,GAAI;aAChC;EACU;EAEf,YAAW;EACX,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;EACJ,GAAI;CACL;AAEL,CAAC;AAED,aAAa,cAAc"}

package/dist/select/selectContent.js

@@ -23,5 +23,5 @@ SelectContent.displayName = "SelectContent";
 
 //#endregion
 export { SelectContent, SelectContent as default };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=selectContent.js.map

package/dist/select/selectGroup.js

@@ -25,5 +25,5 @@ SelectGroup.displayName = "SelectGroup";
 
 //#endregion
 export { SelectGroup, SelectGroup as default };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=selectGroup.js.map

package/dist/select/selectLabel.js

@@ -22,5 +22,5 @@ SelectLabel.displayName = "SelectLabel";
 
 //#endregion
 export { SelectLabel, SelectLabel as default };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=selectLabel.js.map

package/dist/select/selectOption.js

@@ -74,5 +74,5 @@ SelectOption.displayName = "SelectOption";
 
 //#endregion
 export { SelectOption, SelectOption as default };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=selectOption.js.map

package/dist/select/theme.js

@@ -74,5 +74,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=theme.js.map

package/dist/select/useSelect.js

@@ -30,5 +30,5 @@ function useSelect(props) {
 
 //#endregion
 export { useSelect as default, getOptionText };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=useSelect.js.map

package/dist/sidemenu/context.js

@@ -5,5 +5,5 @@ const [SidemenuProvider, useSidemenuContext] = createContext({ isOptional: true
 
 //#endregion
 export { SidemenuProvider, useSidemenuContext };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=context.js.map

package/dist/sidemenu/sidemenu.js

@@ -94,5 +94,5 @@ Sidemenu.displayName = "Sidemenu";
 
 //#endregion
 export { Sidemenu, Sidemenu as default };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=sidemenu.js.map

package/dist/sidemenu/sidemenuItem.js

@@ -112,5 +112,5 @@ SidemenuItem.displayName = "SidemenuItem";
 
 //#endregion
 export { SidemenuItem, SidemenuItem as default };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=sidemenuItem.js.map

package/dist/sidemenu/sidemenuTop.js

@@ -30,5 +30,5 @@ SidemenuTop.displayName = "SidemenuTop";
 
 //#endregion
 export { SidemenuTop, SidemenuTop as default };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=sidemenuTop.js.map

package/dist/sidemenu/theme.js

@@ -41,5 +41,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=theme.js.map

package/dist/sidemenu/useSidemenuItem.js

@@ -22,5 +22,5 @@ const useSidemenuItem = (isExpanded) => {
 
 //#endregion
 export { useSidemenuItem as default };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=useSidemenuItem.js.map

package/dist/sidemenuV2/SidemenuItemContent.js

@@ -63,5 +63,5 @@ SidemenuItemContent.displayName = "SidemenuItemContent";
 
 //#endregion
 export { SidemenuItemContent as default };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=SidemenuItemContent.js.map

package/dist/sidemenuV2/context.js

@@ -107,5 +107,5 @@ const SidemenuStateProvider = ({ children, isExpandedInitial = true, onExpandedC
 
 //#endregion
 export { SidemenuProvider, SidemenuStateProvider, useSidemenuContext };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=context.js.map

package/dist/sidemenuV2/sidemenuItemV2.js

@@ -231,5 +231,5 @@ SidemenuItemV2.displayName = "SidemenuItemV2";
 
 //#endregion
 export { PopoverHovered, SidemenuItemV2, SidemenuItemV2 as default };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=sidemenuItemV2.js.map

package/dist/sidemenuV2/sidemenuTopV2.js

@@ -30,5 +30,5 @@ SidemenuTopV2.displayName = "SidemenuTopV2";
 
 //#endregion
 export { SidemenuTopV2, SidemenuTopV2 as default };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=sidemenuTopV2.js.map

package/dist/sidemenuV2/sidemenuV2.js

@@ -231,5 +231,5 @@ SidemenuV2.displayName = "SidemenuV2";
 
 //#endregion
 export { SidemenuStateProvider, SidemenuV2, SidemenuV2 as default, useSidemenuContext };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=sidemenuV2.js.map

package/dist/sidemenuV2/theme.js

@@ -138,5 +138,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=theme.js.map

package/dist/sidemenuV2/useSidemenuItem.js

@@ -34,5 +34,5 @@ const useSidemenuItem = (itemId) => {
 
 //#endregion
 export { useSidemenuItem as default };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=useSidemenuItem.js.map

package/dist/skeleton/skeleton.js

@@ -30,5 +30,5 @@ Skeleton.displayName = "Skeleton";
 
 //#endregion
 export { Skeleton, Skeleton as default, SkeletonBase };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=skeleton.js.map

package/dist/skeleton/theme.js

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

package/dist/spinner/consts.js

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

package/dist/spinner/spinner.js

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

package/dist/spinner/theme.js

@@ -10,6 +10,11 @@ const parts = [
 	"text"
 ];
 const sizes = {
+	xxs: { circle: {
+		borderWidth: 2,
+		h: 16,
+		w: 16
+	} },
 	xs: { circle: {
 		borderWidth: 2,
 		h: 20,
@@ -78,5 +83,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=theme.js.map

package/dist/spinner/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/spinner/theme.ts"],"sourcesContent":["const baseStyle = {\n  container: {\n    padding: 1,\n  },\n}\n\nconst defaultProps = {\n  size: 'xxxl',\n  variant: 'light',\n}\n\nconst parts = ['container', 'circle', 'text']\n\nconst sizes = {\n  xs: {\n    circle: {\n      borderWidth: 2,\n      h: 20,\n      w: 20,\n    },\n  },\n  sm: {\n    circle: {\n      borderWidth: 2,\n      h: 24,\n      w: 24,\n    },\n  },\n  md: {\n    circle: {\n      borderWidth: 3,\n      h: 32,\n      w: 32,\n    },\n  },\n  lg: {\n    circle: {\n      borderWidth: 3,\n      h: 40,\n      w: 40,\n    },\n  },\n  xl: {\n    circle: {\n      borderWidth: 3,\n      h: 48,\n      w: 48,\n    },\n  },\n  xxl: {\n    circle: {\n      borderWidth: 4,\n      h: 60,\n      w: 60,\n    },\n  },\n  xxxl: {\n    circle: {\n      borderWidth: 5,\n      h: 80,\n      w: 80,\n    },\n  },\n  xxxxl: {\n    circle: {\n      borderWidth: 5,\n      h: 120,\n      w: 120,\n    },\n  },\n}\n\nconst variants = {\n  light: {\n    circle: {\n      borderColor: 'seaBlue.80',\n      borderTopColor: 'seaBlue.main',\n    },\n    text: {\n      color: 'seaBlue.main',\n    },\n  },\n  dark: {\n    container: {\n      bg: 'darkBlue.main',\n    },\n    circle: {\n      borderColor: 'hsl(139, 100%, 78%, 0.4)',\n      borderTopColor: 'digiGreen.main',\n    },\n    text: {\n      color: 'digiGreen.main',\n    },\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY,EAChB,WAAW,EACT,SAAS,EACX,EACF;AAEA,MAAM,eAAe;CACnB,MAAM;CACN,SAAS;AACX;AAEA,MAAM,QAAQ;CAAC;CAAa;CAAU;AAAM;AAE5C,MAAM,QAAQ;CACZ,IAAI,EACF,QAAQ;EACN,aAAa;EACb,GAAG;EACH,GAAG;CACL,EACF;CACA,IAAI,EACF,QAAQ;EACN,aAAa;EACb,GAAG;EACH,GAAG;CACL,EACF;CACA,IAAI,EACF,QAAQ;EACN,aAAa;EACb,GAAG;EACH,GAAG;CACL,EACF;CACA,IAAI,EACF,QAAQ;EACN,aAAa;EACb,GAAG;EACH,GAAG;CACL,EACF;CACA,IAAI,EACF,QAAQ;EACN,aAAa;EACb,GAAG;EACH,GAAG;CACL,EACF;CACA,KAAK,EACH,QAAQ;EACN,aAAa;EACb,GAAG;EACH,GAAG;CACL,EACF;CACA,MAAM,EACJ,QAAQ;EACN,aAAa;EACb,GAAG;EACH,GAAG;CACL,EACF;CACA,OAAO,EACL,QAAQ;EACN,aAAa;EACb,GAAG;EACH,GAAG;CACL,EACF;AACF;AAEA,MAAM,WAAW;CACf,OAAO;EACL,QAAQ;GACN,aAAa;GACb,gBAAgB;EAClB;EACA,MAAM,EACJ,OAAO,eACT;CACF;CACA,MAAM;EACJ,WAAW,EACT,IAAI,gBACN;EACA,QAAQ;GACN,aAAa;GACb,gBAAgB;EAClB;EACA,MAAM,EACJ,OAAO,iBACT;CACF;AACF;AAEA,oBAAe;CACb;CACA;CACA;CACA;CACA;AACF"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/spinner/theme.ts"],"sourcesContent":["const baseStyle = {\n  container: {\n    padding: 1,\n  },\n}\n\nconst defaultProps = {\n  size: 'xxxl',\n  variant: 'light',\n}\n\nconst parts = ['container', 'circle', 'text']\n\nconst sizes = {\n  xxs: {\n    circle: {\n      borderWidth: 2,\n      h: 16,\n      w: 16,\n    },\n  },\n  xs: {\n    circle: {\n      borderWidth: 2,\n      h: 20,\n      w: 20,\n    },\n  },\n  sm: {\n    circle: {\n      borderWidth: 2,\n      h: 24,\n      w: 24,\n    },\n  },\n  md: {\n    circle: {\n      borderWidth: 3,\n      h: 32,\n      w: 32,\n    },\n  },\n  lg: {\n    circle: {\n      borderWidth: 3,\n      h: 40,\n      w: 40,\n    },\n  },\n  xl: {\n    circle: {\n      borderWidth: 3,\n      h: 48,\n      w: 48,\n    },\n  },\n  xxl: {\n    circle: {\n      borderWidth: 4,\n      h: 60,\n      w: 60,\n    },\n  },\n  xxxl: {\n    circle: {\n      borderWidth: 5,\n      h: 80,\n      w: 80,\n    },\n  },\n  xxxxl: {\n    circle: {\n      borderWidth: 5,\n      h: 120,\n      w: 120,\n    },\n  },\n}\n\nconst variants = {\n  light: {\n    circle: {\n      borderColor: 'seaBlue.80',\n      borderTopColor: 'seaBlue.main',\n    },\n    text: {\n      color: 'seaBlue.main',\n    },\n  },\n  dark: {\n    container: {\n      bg: 'darkBlue.main',\n    },\n    circle: {\n      borderColor: 'hsl(139, 100%, 78%, 0.4)',\n      borderTopColor: 'digiGreen.main',\n    },\n    text: {\n      color: 'digiGreen.main',\n    },\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY,EAChB,WAAW,EACT,SAAS,EACX,EACF;AAEA,MAAM,eAAe;CACnB,MAAM;CACN,SAAS;AACX;AAEA,MAAM,QAAQ;CAAC;CAAa;CAAU;AAAM;AAE5C,MAAM,QAAQ;CACZ,KAAK,EACH,QAAQ;EACN,aAAa;EACb,GAAG;EACH,GAAG;CACL,EACF;CACA,IAAI,EACF,QAAQ;EACN,aAAa;EACb,GAAG;EACH,GAAG;CACL,EACF;CACA,IAAI,EACF,QAAQ;EACN,aAAa;EACb,GAAG;EACH,GAAG;CACL,EACF;CACA,IAAI,EACF,QAAQ;EACN,aAAa;EACb,GAAG;EACH,GAAG;CACL,EACF;CACA,IAAI,EACF,QAAQ;EACN,aAAa;EACb,GAAG;EACH,GAAG;CACL,EACF;CACA,IAAI,EACF,QAAQ;EACN,aAAa;EACb,GAAG;EACH,GAAG;CACL,EACF;CACA,KAAK,EACH,QAAQ;EACN,aAAa;EACb,GAAG;EACH,GAAG;CACL,EACF;CACA,MAAM,EACJ,QAAQ;EACN,aAAa;EACb,GAAG;EACH,GAAG;CACL,EACF;CACA,OAAO,EACL,QAAQ;EACN,aAAa;EACb,GAAG;EACH,GAAG;CACL,EACF;AACF;AAEA,MAAM,WAAW;CACf,OAAO;EACL,QAAQ;GACN,aAAa;GACb,gBAAgB;EAClB;EACA,MAAM,EACJ,OAAO,eACT;CACF;CACA,MAAM;EACJ,WAAW,EACT,IAAI,gBACN;EACA,QAAQ;GACN,aAAa;GACb,gBAAgB;EAClB;EACA,MAAM,EACJ,OAAO,iBACT;CACF;AACF;AAEA,oBAAe;CACb;CACA;CACA;CACA;CACA;AACF"}

package/dist/stepIndicator/stepIndicator.js

@@ -47,7 +47,6 @@ const StepIndicator = vui((props, ref) => {
 		...rest,
 		isRound: true,
 		minW: "auto",
-		outline: "6px solid white",
 		pointerEvents: "none",
 		position: "relative",
 		size,
@@ -70,5 +69,5 @@ StepIndicator.displayName = "StepIndicator";
 
 //#endregion
 export { StepIndicator, StepIndicator as default };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=stepIndicator.js.map

package/dist/stepIndicator/stepIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepIndicator.js","names":[],"sources":["../../src/stepIndicator/stepIndicator.tsx"],"sourcesContent":["import type { StepIndicatorProps } from './stepIndicatorTypes'\n\nimport Box from '../box'\nimport Button from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport T from '../t'\nimport { cs } from '../utils'\n\nconst Content = ({ number, variant, size }: { number?: number; variant?: string; size?: string }) => {\n  if (typeof number === 'undefined') return null\n  if (variant === 'completed') return <Icon name=\"uiCheck\" size={size as any} />\n  if (variant === 'error') return <Icon name=\"uiTimes\" size={size as any} />\n  return (\n    <T fontSize={size === 'md' ? 16 : 14} fontWeight={600}>\n      {number}\n    </T>\n  )\n}\n\n/**\n * Implements stepper indicator **\n */\nexport const StepIndicator = vui<'div', StepIndicatorProps>((props, ref) => {\n  const { icon, number, className, size = 'md', variant = 'active', ...rest } = props\n  const styles = useStyleConfig('StepIndicator', props)\n\n  return icon ? (\n    <Button\n      className={cs('vui-stepIndicator', 'vui-stepIndicatorIcon', className)}\n      icon={icon}\n      ref={ref}\n      {...styles.icon}\n      {...rest}\n      isRound\n      minW=\"auto\"\n      pointerEvents=\"none\"\n      size={size}\n    />\n  ) : (\n    <Button\n      className={cs('vui-stepIndicator', 'vui-stepIndicatorNumber', className)}\n      ref={ref}\n      {...styles.button}\n      {...rest}\n      isRound\n      minW=\"auto\"\n      outline=\"6px solid white\"\n      pointerEvents=\"none\"\n      position=\"relative\"\n      size={size}\n      px={size === 'md' ? '11px' : '7px'}\n    >\n      <Box mx={0.5} position=\"relative\" />\n      <Box mx={0.5} position=\"absolute\">\n        <Content number={number} size={String(size)} variant={String(variant)} />\n      </Box>\n    </Button>\n  )\n})\n\nStepIndicator.displayName = 'StepIndicator'\n\nexport default StepIndicator\n"],"mappings":";;;;;;;;;;AASA,MAAM,WAAW,EAAE,QAAQ,SAAS,WAAiE;CACnG,IAAI,OAAO,WAAW,aAAa,OAAO;CAC1C,IAAI,YAAY,aAAa,OAAO,oBAAC,MAAD;EAAM,MAAK;EAAgB;CAAc;CAC7E,IAAI,YAAY,SAAS,OAAO,oBAAC,MAAD;EAAM,MAAK;EAAgB;CAAc;CACzE,OACE,oBAAC,GAAD;EAAG,UAAU,SAAS,OAAO,KAAK;EAAI,YAAY;YAC/C;CACA;AAEP;;;;AAKA,MAAa,gBAAgB,KAAgC,OAAO,QAAQ;CAC1E,MAAM,EAAE,MAAM,QAAQ,WAAW,OAAO,MAAM,UAAU,UAAU,GAAG,SAAS;CAC9E,MAAM,SAAS,eAAe,iBAAiB,KAAK;CAEpD,OAAO,OACL,oBAAC,QAAD;EACE,WAAW,GAAG,qBAAqB,yBAAyB,SAAS;EAC/D;EACD;EACL,GAAI,OAAO;EACX,GAAI;EACJ;EACA,MAAK;EACL,eAAc;EACR;CACP,KAED,qBAAC,QAAD;EACE,WAAW,GAAG,qBAAqB,2BAA2B,SAAS;EAClE;EACL,GAAI,OAAO;EACX,GAAI;EACJ;EACA,MAAK;EACL,SAAQ;EACR,eAAc;EACd,UAAS;EACH;EACN,IAAI,SAAS,OAAO,SAAS;YAX/B,CAaE,oBAAC,KAAD;GAAK,IAAI;GAAK,UAAS;EAAY,IACnC,oBAAC,KAAD;GAAK,IAAI;GAAK,UAAS;aACrB,oBAAC,SAAD;IAAiB;IAAQ,MAAM,OAAO,IAAI;IAAG,SAAS,OAAO,OAAO;GAAI;EACrE,EACC;;AAEZ,CAAC;AAED,cAAc,cAAc"}
+{"version":3,"file":"stepIndicator.js","names":[],"sources":["../../src/stepIndicator/stepIndicator.tsx"],"sourcesContent":["import type { StepIndicatorProps } from './stepIndicatorTypes'\n\nimport Box from '../box'\nimport Button from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport T from '../t'\nimport { cs } from '../utils'\n\nconst Content = ({ number, variant, size }: { number?: number; variant?: string; size?: string }) => {\n  if (typeof number === 'undefined') return null\n  if (variant === 'completed') return <Icon name=\"uiCheck\" size={size as any} />\n  if (variant === 'error') return <Icon name=\"uiTimes\" size={size as any} />\n  return (\n    <T fontSize={size === 'md' ? 16 : 14} fontWeight={600}>\n      {number}\n    </T>\n  )\n}\n\n/**\n * Implements stepper indicator **\n */\nexport const StepIndicator = vui<'div', StepIndicatorProps>((props, ref) => {\n  const { icon, number, className, size = 'md', variant = 'active', ...rest } = props\n  const styles = useStyleConfig('StepIndicator', props)\n\n  return icon ? (\n    <Button\n      className={cs('vui-stepIndicator', 'vui-stepIndicatorIcon', className)}\n      icon={icon}\n      ref={ref}\n      {...styles.icon}\n      {...rest}\n      isRound\n      minW=\"auto\"\n      pointerEvents=\"none\"\n      size={size}\n    />\n  ) : (\n    <Button\n      className={cs('vui-stepIndicator', 'vui-stepIndicatorNumber', className)}\n      ref={ref}\n      {...styles.button}\n      {...rest}\n      isRound\n      minW=\"auto\"\n      pointerEvents=\"none\"\n      position=\"relative\"\n      size={size}\n      px={size === 'md' ? '11px' : '7px'}\n    >\n      <Box mx={0.5} position=\"relative\" />\n      <Box mx={0.5} position=\"absolute\">\n        <Content number={number} size={String(size)} variant={String(variant)} />\n      </Box>\n    </Button>\n  )\n})\n\nStepIndicator.displayName = 'StepIndicator'\n\nexport default StepIndicator\n"],"mappings":";;;;;;;;;;AASA,MAAM,WAAW,EAAE,QAAQ,SAAS,WAAiE;CACnG,IAAI,OAAO,WAAW,aAAa,OAAO;CAC1C,IAAI,YAAY,aAAa,OAAO,oBAAC,MAAD;EAAM,MAAK;EAAgB;CAAc;CAC7E,IAAI,YAAY,SAAS,OAAO,oBAAC,MAAD;EAAM,MAAK;EAAgB;CAAc;CACzE,OACE,oBAAC,GAAD;EAAG,UAAU,SAAS,OAAO,KAAK;EAAI,YAAY;YAC/C;CACA;AAEP;;;;AAKA,MAAa,gBAAgB,KAAgC,OAAO,QAAQ;CAC1E,MAAM,EAAE,MAAM,QAAQ,WAAW,OAAO,MAAM,UAAU,UAAU,GAAG,SAAS;CAC9E,MAAM,SAAS,eAAe,iBAAiB,KAAK;CAEpD,OAAO,OACL,oBAAC,QAAD;EACE,WAAW,GAAG,qBAAqB,yBAAyB,SAAS;EAC/D;EACD;EACL,GAAI,OAAO;EACX,GAAI;EACJ;EACA,MAAK;EACL,eAAc;EACR;CACP,KAED,qBAAC,QAAD;EACE,WAAW,GAAG,qBAAqB,2BAA2B,SAAS;EAClE;EACL,GAAI,OAAO;EACX,GAAI;EACJ;EACA,MAAK;EACL,eAAc;EACd,UAAS;EACH;EACN,IAAI,SAAS,OAAO,SAAS;YAV/B,CAYE,oBAAC,KAAD;GAAK,IAAI;GAAK,UAAS;EAAY,IACnC,oBAAC,KAAD;GAAK,IAAI;GAAK,UAAS;aACrB,oBAAC,SAAD;IAAiB;IAAQ,MAAM,OAAO,IAAI;IAAG,SAAS,OAAO,OAAO;GAAI;EACrE,EACC;;AAEZ,CAAC;AAED,cAAc,cAAc"}

package/dist/stepIndicator/theme.js

@@ -1,5 +1,5 @@
 //#region src/stepIndicator/theme.ts
-const baseStyle = { button: { borderColor: "white" } };
+const baseStyle = { button: { borderColor: "transparent" } };
 const defaultProps = {
 	size: "md",
 	variant: "active"
@@ -13,14 +13,16 @@ const variants = {
 		button: { bg: "seaBlue.main" },
 		icon: {
 			bg: "white",
-			color: "seaBlue.main"
+			color: "seaBlue.main",
+			borderColor: "seaBlue.main"
 		}
 	},
 	completed: {
 		button: { bg: "landGreen.41" },
 		icon: {
 			bg: "white",
-			color: "landGreen.41"
+			color: "landGreen.41",
+			borderColor: "landGreen.41"
 		}
 	},
 	optional: {
@@ -31,7 +33,8 @@ const variants = {
 		},
 		icon: {
 			bg: "white",
-			color: "seaBlue.45"
+			color: "seaBlue.45",
+			borderColor: "seaBlue.45"
 		}
 	},
 	pending: {
@@ -41,7 +44,8 @@ const variants = {
 		},
 		icon: {
 			bg: "white",
-			color: "sandstone.45"
+			color: "sandstone.45",
+			borderColor: "sandstone.45"
 		}
 	},
 	error: {
@@ -51,7 +55,8 @@ const variants = {
 		},
 		icon: {
 			bg: "white",
-			color: "energyRed.45"
+			color: "energyRed.45",
+			borderColor: "energyRed.45"
 		}
 	}
 };
@@ -64,5 +69,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=theme.js.map

package/dist/stepIndicator/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/stepIndicator/theme.ts"],"sourcesContent":["const baseStyle = {\n  button: {\n    borderColor: 'white',\n  },\n}\n\nconst defaultProps = {\n  size: 'md',\n  variant: 'active',\n}\n\nconst sizes = {\n  sm: {},\n  md: {},\n}\n\nconst variants = {\n  active: {\n    button: {\n      bg: 'seaBlue.main',\n    },\n    icon: {\n      bg: 'white',\n      color: 'seaBlue.main',\n    },\n  },\n  completed: {\n    button: {\n      bg: 'landGreen.41',\n    },\n    icon: {\n      bg: 'white',\n      color: 'landGreen.41',\n    },\n  },\n  optional: {\n    button: {\n      bg: 'white',\n      borderColor: 'seaBlue.45',\n      color: 'seaBlue.45',\n    },\n    icon: {\n      bg: 'white',\n      color: 'seaBlue.45',\n    },\n  },\n  pending: {\n    button: {\n      bg: 'sandstone.90',\n      color: 'sandstone.45',\n    },\n    icon: {\n      bg: 'white',\n      color: 'sandstone.45',\n    },\n  },\n  error: {\n    button: {\n      bg: 'energyRed.45',\n      color: 'white',\n    },\n    icon: {\n      bg: 'white',\n      color: 'energyRed.45',\n    },\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY,EAChB,QAAQ,EACN,aAAa,QACf,EACF;AAEA,MAAM,eAAe;CACnB,MAAM;CACN,SAAS;AACX;AAEA,MAAM,QAAQ;CACZ,IAAI,CAAC;CACL,IAAI,CAAC;AACP;AAEA,MAAM,WAAW;CACf,QAAQ;EACN,QAAQ,EACN,IAAI,eACN;EACA,MAAM;GACJ,IAAI;GACJ,OAAO;EACT;CACF;CACA,WAAW;EACT,QAAQ,EACN,IAAI,eACN;EACA,MAAM;GACJ,IAAI;GACJ,OAAO;EACT;CACF;CACA,UAAU;EACR,QAAQ;GACN,IAAI;GACJ,aAAa;GACb,OAAO;EACT;EACA,MAAM;GACJ,IAAI;GACJ,OAAO;EACT;CACF;CACA,SAAS;EACP,QAAQ;GACN,IAAI;GACJ,OAAO;EACT;EACA,MAAM;GACJ,IAAI;GACJ,OAAO;EACT;CACF;CACA,OAAO;EACL,QAAQ;GACN,IAAI;GACJ,OAAO;EACT;EACA,MAAM;GACJ,IAAI;GACJ,OAAO;EACT;CACF;AACF;AAEA,oBAAe;CACb;CACA;CACA;CACA;AACF"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/stepIndicator/theme.ts"],"sourcesContent":["const baseStyle = {\n  button: {\n    borderColor: 'transparent',\n  },\n}\n\nconst defaultProps = {\n  size: 'md',\n  variant: 'active',\n}\n\nconst sizes = {\n  sm: {},\n  md: {},\n}\n\nconst variants = {\n  active: {\n    button: {\n      bg: 'seaBlue.main',\n    },\n    icon: {\n      bg: 'white',\n      color: 'seaBlue.main',\n      borderColor: 'seaBlue.main',\n    },\n  },\n  completed: {\n    button: {\n      bg: 'landGreen.41',\n    },\n    icon: {\n      bg: 'white',\n      color: 'landGreen.41',\n      borderColor: 'landGreen.41',\n    },\n  },\n  optional: {\n    button: {\n      bg: 'white',\n      borderColor: 'seaBlue.45',\n      color: 'seaBlue.45',\n    },\n    icon: {\n      bg: 'white',\n      color: 'seaBlue.45',\n      borderColor: 'seaBlue.45',\n    },\n  },\n  pending: {\n    button: {\n      bg: 'sandstone.90',\n      color: 'sandstone.45',\n    },\n    icon: {\n      bg: 'white',\n      color: 'sandstone.45',\n      borderColor: 'sandstone.45',\n    },\n  },\n  error: {\n    button: {\n      bg: 'energyRed.45',\n      color: 'white',\n    },\n    icon: {\n      bg: 'white',\n      color: 'energyRed.45',\n      borderColor: 'energyRed.45',\n    },\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY,EAChB,QAAQ,EACN,aAAa,cACf,EACF;AAEA,MAAM,eAAe;CACnB,MAAM;CACN,SAAS;AACX;AAEA,MAAM,QAAQ;CACZ,IAAI,CAAC;CACL,IAAI,CAAC;AACP;AAEA,MAAM,WAAW;CACf,QAAQ;EACN,QAAQ,EACN,IAAI,eACN;EACA,MAAM;GACJ,IAAI;GACJ,OAAO;GACP,aAAa;EACf;CACF;CACA,WAAW;EACT,QAAQ,EACN,IAAI,eACN;EACA,MAAM;GACJ,IAAI;GACJ,OAAO;GACP,aAAa;EACf;CACF;CACA,UAAU;EACR,QAAQ;GACN,IAAI;GACJ,aAAa;GACb,OAAO;EACT;EACA,MAAM;GACJ,IAAI;GACJ,OAAO;GACP,aAAa;EACf;CACF;CACA,SAAS;EACP,QAAQ;GACN,IAAI;GACJ,OAAO;EACT;EACA,MAAM;GACJ,IAAI;GACJ,OAAO;GACP,aAAa;EACf;CACF;CACA,OAAO;EACL,QAAQ;GACN,IAAI;GACJ,OAAO;EACT;EACA,MAAM;GACJ,IAAI;GACJ,OAAO;GACP,aAAa;EACf;CACF;AACF;AAEA,oBAAe;CACb;CACA;CACA;CACA;AACF"}

package/dist/stepperHorizontal/consts.js

@@ -21,5 +21,5 @@ const tailClassNameRight = "vui-stepHorizontalTailRight";
 
 //#endregion
 export { boldTitles, stepClassName, tailClassName, tailClassNameLeft, tailClassNameRight, titleColor, variantColor };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=consts.js.map

package/dist/stepperHorizontal/context.js

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

package/dist/stepperHorizontal/stepHorizontal.js

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

package/dist/stepperHorizontal/stepHorizontalTail.js

@@ -6,7 +6,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/stepperHorizontal/stepHorizontalTail.tsx
 /**
-* Implements the Horizontal stepper tail (the connector line between steps)
+* Implements Horizontal stepper tail (the Horizontal line) **
 */
 const StepHorizontalTail = vui((props, ref) => {
 	const { children, className, variant = "active", ...rest } = props;
@@ -25,5 +25,5 @@ StepHorizontalTail.displayName = "StepHorizontalTail";
 
 //#endregion
 export { StepHorizontalTail, StepHorizontalTail as default };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# 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 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 the Horizontal stepper tail (the connector line between steps)\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"}
+{"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, StepHorizontalTitle as default };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=stepHorizontalTitle.js.map

package/dist/stepperHorizontal/stepperHorizontal.d.ts

@@ -3,7 +3,7 @@ import { StepperHorizontalProps } from "./stepperHorizontalTypes.js";
 import "../index.js";
 //#region src/stepperHorizontal/stepperHorizontal.d.ts
 /**
- * Implements a Horizontal stepper
+ * Implements Horizontal stepper **
  */
 declare const StepperHorizontal: VuiComponent<"div", StepperHorizontalProps>;
 //#endregion

package/dist/stepperHorizontal/stepperHorizontal.js

@@ -9,7 +9,7 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/stepperHorizontal/stepperHorizontal.tsx
 /**
-* Implements a Horizontal stepper
+* Implements Horizontal stepper **
 */
 const StepperHorizontal = vui((props, ref) => {
 	const { children, className, size, ...rest } = props;
@@ -29,5 +29,5 @@ StepperHorizontal.displayName = "StepperHorizontal";
 
 //#endregion
 export { StepperHorizontal, StepperHorizontal as default };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# 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 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 * Implements a 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"}
+{"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 * 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.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=stepperHorizontalBase.js.map

package/dist/stepperHorizontal/theme.js

@@ -17,5 +17,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# 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.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# 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.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=context.js.map

package/dist/stepperVertical/stepVertical.js

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

package/dist/stepperVertical/stepVerticalTail.js

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

package/dist/stepperVertical/stepVerticalTitle.js

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

package/dist/stepperVertical/stepperVertical.js

@@ -29,5 +29,5 @@ StepperVertical.displayName = "StepperVertical";
 
 //#endregion
 export { StepperVertical, StepperVertical as default };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.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.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.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.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.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.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# 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.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=helpers.js.map