@veracity/vui 4.0.3 → 5.0.0-alpha.375407.2603121328

package/dist/spinner/spinner.js

@@ -56,5 +56,5 @@ Spinner.displayName = "Spinner";
 
 //#endregion
 export { SpinnerCircle, Spinner as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=spinner.js.map

package/dist/spinner/spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.js","names":[],"sources":["../../src/spinner/spinner.tsx"],"sourcesContent":["import Box from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport T from '../t'\nimport { cs, filterUndefined } from '../utils'\nimport { spinnerPositionMapping, spinnerSpeedMapping } from './consts'\nimport type { SpinnerProps } from './spinner.types'\n\nexport const SpinnerCircle = styled.divBox`\n  border-radius: round;\n  display: flex;\n  flex-shrink: 0;\n`\n\n/**\n * Displays a spinning circular element with optional text to signify loading content.\n *\n * Handles different positioning scenarios, speeds and coloring of the circle.\n */\nexport const Spinner = vui<'div', SpinnerProps>((props, ref) => {\n  const {\n    className,\n    emptyColor,\n    size,\n    speed: speedProp = 'normal',\n    text,\n    textPosition = 'bottom',\n    thickness,\n    ...rest\n  } = props\n\n  const styles = useStyleConfig('Spinner', props)\n  const isCustomSize = typeof size === 'number'\n  const positionProps = spinnerPositionMapping[textPosition]\n  const speed = spinnerSpeedMapping[speedProp] ?? speedProp\n\n  const circleProps = filterUndefined({\n    borderColor: emptyColor,\n    borderWidth: isCustomSize ? (thickness ?? 4) : thickness,\n    h: isCustomSize ? size : undefined,\n    w: isCustomSize ? size : undefined,\n  })\n\n  return (\n    <Box\n      center\n      className={cs('vui-spinner', className)}\n      gap={1}\n      ref={ref}\n      transitionDuration=\"fast\"\n      {...positionProps.container}\n      {...styles.container}\n      {...rest}\n    >\n      <SpinnerCircle\n        animation={`vui-spin ${speed} linear infinite`}\n        className=\"vui-spinnerCircle\"\n        {...styles.circle}\n        {...circleProps}\n      />\n      {!!text && (\n        <T className=\"vui-spinnerText\" {...styles.text}>\n          {text}\n        </T>\n      )}\n    </Box>\n  )\n})\n\nSpinner.displayName = 'Spinner'\nexport default Spinner\n"],"mappings":";;;;;;;;;;;AAOA,MAAa,gBAAgB,OAAO,MAAM;;;;;;;;;;AAW1C,MAAa,UAAU,KAA0B,OAAO,QAAQ;CAC9D,MAAM,EACJ,WACA,YACA,MACA,OAAO,YAAY,UACnB,MACA,eAAe,UACf,WACA,GAAG,SACD;CAEJ,MAAM,SAAS,eAAe,WAAW,MAAM;CAC/C,MAAM,eAAe,OAAO,SAAS;CACrC,MAAM,gBAAgB,uBAAuB;CAC7C,MAAM,QAAQ,oBAAoB,cAAc;CAEhD,MAAM,cAAc,gBAAgB;EAClC,aAAa;EACb,aAAa,eAAgB,aAAa,IAAK;EAC/C,GAAG,eAAe,OAAO;EACzB,GAAG,eAAe,OAAO;EAC1B,CAAC;AAEF,QACE,qBAAC;EACC;EACA,WAAW,GAAG,eAAe,UAAU;EACvC,KAAK;EACA;EACL,oBAAmB;EACnB,GAAI,cAAc;EAClB,GAAI,OAAO;EACX,GAAI;aAEJ,oBAAC;GACC,WAAW,YAAY,MAAM;GAC7B,WAAU;GACV,GAAI,OAAO;GACX,GAAI;IACJ,EACD,CAAC,CAAC,QACD,oBAAC;GAAE,WAAU;GAAkB,GAAI,OAAO;aACvC;IACC;GAEF;EAER;AAEF,QAAQ,cAAc"}
+{"version":3,"file":"spinner.js","names":[],"sources":["../../src/spinner/spinner.tsx"],"sourcesContent":["import Box from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport T from '../t'\nimport { cs, filterUndefined } from '../utils'\nimport { spinnerPositionMapping, spinnerSpeedMapping } from './consts'\nimport type { SpinnerProps } from './spinner.types'\n\nexport const SpinnerCircle = styled.divBox`\n  border-radius: round;\n  display: flex;\n  flex-shrink: 0;\n`\n\n/**\n * Displays a spinning circular element with optional text to signify loading content.\n *\n * Handles different positioning scenarios, speeds and coloring of the circle.\n */\nexport const Spinner = vui<'div', SpinnerProps>((props, ref) => {\n  const {\n    className,\n    emptyColor,\n    size,\n    speed: speedProp = 'normal',\n    text,\n    textPosition = 'bottom',\n    thickness,\n    ...rest\n  } = props\n\n  const styles = useStyleConfig('Spinner', props)\n  const isCustomSize = typeof size === 'number'\n  const positionProps = spinnerPositionMapping[textPosition]\n  const speed = spinnerSpeedMapping[speedProp] ?? speedProp\n\n  const circleProps = filterUndefined({\n    borderColor: emptyColor,\n    borderWidth: isCustomSize ? (thickness ?? 4) : thickness,\n    h: isCustomSize ? size : undefined,\n    w: isCustomSize ? size : undefined,\n  })\n\n  return (\n    <Box\n      center\n      className={cs('vui-spinner', className)}\n      gap={1}\n      ref={ref}\n      transitionDuration=\"fast\"\n      {...positionProps.container}\n      {...styles.container}\n      {...rest}\n    >\n      <SpinnerCircle\n        animation={`vui-spin ${speed} linear infinite`}\n        className=\"vui-spinnerCircle\"\n        {...styles.circle}\n        {...circleProps}\n      />\n      {!!text && (\n        <T className=\"vui-spinnerText\" {...styles.text}>\n          {text}\n        </T>\n      )}\n    </Box>\n  )\n})\n\nSpinner.displayName = 'Spinner'\nexport default Spinner\n"],"mappings":";;;;;;;;;;;AAOA,MAAa,gBAAgB,OAAO,MAAM;;;;;;;;;;AAW1C,MAAa,UAAU,KAA0B,OAAO,QAAQ;CAC9D,MAAM,EACJ,WACA,YACA,MACA,OAAO,YAAY,UACnB,MACA,eAAe,UACf,WACA,GAAG,SACD;CAEJ,MAAM,SAAS,eAAe,WAAW,MAAM;CAC/C,MAAM,eAAe,OAAO,SAAS;CACrC,MAAM,gBAAgB,uBAAuB;CAC7C,MAAM,QAAQ,oBAAoB,cAAc;CAEhD,MAAM,cAAc,gBAAgB;EAClC,aAAa;EACb,aAAa,eAAgB,aAAa,IAAK;EAC/C,GAAG,eAAe,OAAO;EACzB,GAAG,eAAe,OAAO;EAC1B,CAAC;AAEF,QACE,qBAAC,KAAD;EACE;EACA,WAAW,GAAG,eAAe,UAAU;EACvC,KAAK;EACA;EACL,oBAAmB;EACnB,GAAI,cAAc;EAClB,GAAI,OAAO;EACX,GAAI;YARN,CAUE,oBAAC,eAAD;GACE,WAAW,YAAY,MAAM;GAC7B,WAAU;GACV,GAAI,OAAO;GACX,GAAI;GACJ,GACD,CAAC,CAAC,QACD,oBAAC,GAAD;GAAG,WAAU;GAAkB,GAAI,OAAO;aACvC;GACC,EAEF;;EAER;AAEF,QAAQ,cAAc"}

package/dist/spinner/spinner.types.d.ts

@@ -1,6 +1,5 @@
 import { ThemingProps } from "../theme/types.js";
 import { BoxProps } from "../box/box.types.js";
-import "../box/index.js";
 import { ReactNode } from "react";
 
 //#region src/spinner/spinner.types.d.ts

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

@@ -1 +1 @@
-{"version":3,"file":"spinner.types.d.ts","names":[],"sources":["../../src/spinner/spinner.types.ts"],"mappings":";;;;;;KAKY,YAAA,GAAe,IAAA,CAAK,QAAA,wBAC9B,IAAA,CAAK,YAAA;kDAEH,QAAA,UAHQ;EAKR,WAAA;EAEA,UAAA,2BAPuB;EASvB,KAAA,+BARF;EAUE,IAAA,GAAO,YAAA,8BAEA;EAAP,IAAA,GAAO,SAAA,EAAS;EAEhB,YAAA,wCAf4B;EAiB5B,SAAA;AAAA"}
+{"version":3,"file":"spinner.types.d.ts","names":[],"sources":["../../src/spinner/spinner.types.ts"],"mappings":";;;;;KAKY,YAAA,GAAe,IAAA,CAAK,QAAA,wBAC9B,IAAA,CAAK,YAAA;kDAEH,QAAA;EAEA,WAAA,iCALoB;EAOpB,UAAA,2BAP4B;EAS5B,KAAA,+BARG;EAUH,IAAA,GAAO,YAAA,8BAAA;EAEP,IAAA,GAAO,SAAA,EAAS;EAEhB,YAAA,wCAfuB;EAiBvB,SAAA;AAAA"}

package/dist/spinner/theme.js

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

package/dist/stepIndicator/stepIndicator.d.ts

@@ -1,7 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { StepIndicatorProps } from "./stepIndicatorTypes.js";
-import "../index.js";
-
 //#region src/stepIndicator/stepIndicator.d.ts
 /**
  * Implements stepper indicator **

package/dist/stepIndicator/stepIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stepIndicator.d.ts","names":[],"sources":["../../src/stepIndicator/stepIndicator.tsx"],"mappings":";;;;;;;;cAsBa,aAAA,EAAa,YAAA,QAAA,kBAAA"}
+{"version":3,"file":"stepIndicator.d.ts","names":[],"sources":["../../src/stepIndicator/stepIndicator.tsx"],"mappings":";;;;;;cAsBa,aAAA,EAAa,YAAA,QAAA,kBAAA"}

package/dist/stepIndicator/stepIndicator.js

@@ -69,5 +69,5 @@ StepIndicator.displayName = "StepIndicator";
 
 //#endregion
 export { StepIndicator as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# 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 Box from '../box'\nimport Button from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport T from '../t'\nimport { cs } from '../utils'\nimport type { StepIndicatorProps } from './stepIndicatorTypes'\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    >\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":";;;;;;;;;;AAQA,MAAM,WAAW,EAAE,QAAQ,SAAS,WAAiE;AACnG,KAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,KAAI,YAAY,YAAa,QAAO,oBAAC;EAAK,MAAK;EAAgB;GAAe;AAC9E,KAAI,YAAY,QAAS,QAAO,oBAAC;EAAK,MAAK;EAAgB;GAAe;AAC1E,QACE,oBAAC;EAAE,UAAU,SAAS,OAAO,KAAK;EAAI,YAAY;YAC/C;GACC;;;;;AAOR,MAAa,gBAAgB,KAAgC,OAAO,QAAQ;CAC1E,MAAM,EAAE,MAAM,QAAQ,WAAW,OAAO,MAAM,UAAU,UAAU,GAAG,SAAS;CAC9E,MAAM,SAAS,eAAe,iBAAiB,MAAM;AAErD,QAAO,OACL,oBAAC;EACC,WAAW,GAAG,qBAAqB,yBAAyB,UAAU;EAChE;EACD;EACL,GAAI,OAAO;EACX,GAAI;EACJ;EACA,MAAK;EACL,eAAc;EACR;GACN,GAEF,qBAAC;EACC,WAAW,GAAG,qBAAqB,2BAA2B,UAAU;EACnE;EACL,GAAI,OAAO;EACX,GAAI;EACJ;EACA,MAAK;EACL,SAAQ;EACR,eAAc;EACd,UAAS;EACH;aAEN,oBAAC;GAAI,IAAI;GAAK,UAAS;IAAa,EACpC,oBAAC;GAAI,IAAI;GAAK,UAAS;aACrB,oBAAC;IAAgB;IAAQ,MAAM,OAAO,KAAK;IAAE,SAAS,OAAO,QAAQ;KAAI;IACrE;GACC;EAEX;AAEF,cAAc,cAAc"}
+{"version":3,"file":"stepIndicator.js","names":[],"sources":["../../src/stepIndicator/stepIndicator.tsx"],"sourcesContent":["import Box from '../box'\nimport Button from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport T from '../t'\nimport { cs } from '../utils'\nimport type { StepIndicatorProps } from './stepIndicatorTypes'\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    >\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":";;;;;;;;;;AAQA,MAAM,WAAW,EAAE,QAAQ,SAAS,WAAiE;AACnG,KAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,KAAI,YAAY,YAAa,QAAO,oBAAC,MAAD;EAAM,MAAK;EAAgB;EAAe;AAC9E,KAAI,YAAY,QAAS,QAAO,oBAAC,MAAD;EAAM,MAAK;EAAgB;EAAe;AAC1E,QACE,oBAAC,GAAD;EAAG,UAAU,SAAS,OAAO,KAAK;EAAI,YAAY;YAC/C;EACC;;;;;AAOR,MAAa,gBAAgB,KAAgC,OAAO,QAAQ;CAC1E,MAAM,EAAE,MAAM,QAAQ,WAAW,OAAO,MAAM,UAAU,UAAU,GAAG,SAAS;CAC9E,MAAM,SAAS,eAAe,iBAAiB,MAAM;AAErD,QAAO,OACL,oBAAC,QAAD;EACE,WAAW,GAAG,qBAAqB,yBAAyB,UAAU;EAChE;EACD;EACL,GAAI,OAAO;EACX,GAAI;EACJ;EACA,MAAK;EACL,eAAc;EACR;EACN,IAEF,qBAAC,QAAD;EACE,WAAW,GAAG,qBAAqB,2BAA2B,UAAU;EACnE;EACL,GAAI,OAAO;EACX,GAAI;EACJ;EACA,MAAK;EACL,SAAQ;EACR,eAAc;EACd,UAAS;EACH;YAVR,CAYE,oBAAC,KAAD;GAAK,IAAI;GAAK,UAAS;GAAa,GACpC,oBAAC,KAAD;GAAK,IAAI;GAAK,UAAS;aACrB,oBAAC,SAAD;IAAiB;IAAQ,MAAM,OAAO,KAAK;IAAE,SAAS,OAAO,QAAQ;IAAI;GACrE,EACC;;EAEX;AAEF,cAAc,cAAc"}

package/dist/stepIndicator/stepIndicatorTypes.d.ts

@@ -1,9 +1,6 @@
 import { ThemingProps } from "../theme/types.js";
 import { SystemProps } from "../system/system.js";
-import "../system/index.js";
 import { IconProp } from "../icon/icon.types.js";
-import "../icon/index.js";
-
 //#region src/stepIndicator/stepIndicatorTypes.d.ts
 type StepIndicatorProps = SystemProps & ThemingProps<'StepIndicator'> & {
   icon?: IconProp;

package/dist/stepIndicator/stepIndicatorTypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stepIndicatorTypes.d.ts","names":[],"sources":["../../src/stepIndicator/stepIndicatorTypes.ts"],"mappings":";;;;;;;KAIY,kBAAA,GAAqB,WAAA,GAC/B,YAAA;EACE,IAAA,GAAO,QAAA;EACP,SAAA;EACA,MAAA;AAAA;AAAA,KAGQ,oBAAA"}
+{"version":3,"file":"stepIndicatorTypes.d.ts","names":[],"sources":["../../src/stepIndicator/stepIndicatorTypes.ts"],"mappings":";;;;KAIY,kBAAA,GAAqB,WAAA,GAC/B,YAAA;EACE,IAAA,GAAO,QAAA;EACP,SAAA;EACA,MAAA;AAAA;AAAA,KAGQ,oBAAA"}

package/dist/stepIndicator/theme.js

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

package/dist/stepperHorizontal/consts.js

@@ -21,5 +21,5 @@ const tailClassNameRight = tailClassName + "Right";
 
 //#endregion
 export { boldTitles, stepClassName, tailClassName, tailClassNameLeft, tailClassNameRight, titleColor, variantColor };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=consts.js.map

package/dist/stepperHorizontal/context.js

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

package/dist/stepperHorizontal/stepHorizontal.d.ts

@@ -1,11 +1,10 @@
-import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { StepHorizontalProps } from "./stepperHorizontalTypes.js";
-import "../index.js";
 import * as styled_components0 from "styled-components";
+import * as styled_components_dist_types0 from "styled-components/dist/types";
 
 //#region src/stepperHorizontal/stepHorizontal.d.ts
-declare const StepHorizontalBase: styled_components0.StyledComponent<"div", styled_components0.DefaultTheme, SystemProps, never>;
+declare const StepHorizontalBase: styled_components_dist_types0.IStyledComponentBase<"web", styled_components0.FastOmit<any, never>> & string;
 /**
  * Implements a Horizontal step component
  */

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

@@ -1 +1 @@
-{"version":3,"file":"stepHorizontal.d.ts","names":[],"sources":["../../src/stepperHorizontal/stepHorizontal.tsx"],"mappings":";;;;;;;cAUa,kBAAA,EAAkB,kBAAA,CAAA,eAAA,QAK9B,kBAAA,CAL8B,YAAA,EAAA,WAAA;;;;cAUlB,cAAA,EAAc,YAAA,QAAA,mBAAA"}
+{"version":3,"file":"stepHorizontal.d.ts","names":[],"sources":["../../src/stepperHorizontal/stepHorizontal.tsx"],"mappings":";;;;;;cAUa,kBAAA,EAAkB,6BAAA,CAAA,oBAAA,QAK9B,kBAAA,CAL8B,QAAA;;;;cAUlB,cAAA,EAAc,YAAA,QAAA,mBAAA"}

package/dist/stepperHorizontal/stepHorizontal.js

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

package/dist/stepperHorizontal/stepHorizontal.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepHorizontal.js","names":[],"sources":["../../src/stepperHorizontal/stepHorizontal.tsx"],"sourcesContent":["import { Box } from '../box'\nimport { styled, vui } from '../core'\nimport { StepIndicator } from '../stepIndicator'\nimport { cs } from '../utils'\nimport { stepClassName } from './consts'\nimport { useStepperHorizontalContext } from './context'\nimport StepHorizontalTail from './stepHorizontalTail'\nimport StepHorizontalTitle from './stepHorizontalTitle'\nimport type { StepHorizontalProps } from './stepperHorizontalTypes'\n\nexport const StepHorizontalBase = styled.divBox`\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n`\n\n/**\n * Implements a Horizontal step component\n */\nexport const StepHorizontal = vui<'div', StepHorizontalProps>(\n  ({ icon, number, size: propSize = 'md', description, title, className, variant, children }, ref) => {\n    const context = useStepperHorizontalContext()\n    const size = context?.size || propSize\n    return (\n      <StepHorizontalBase className={cs(stepClassName, stepClassName + variant, className)} ref={ref}>\n        <StepHorizontalTail size={size} variant={variant as any} />\n        <Box display=\"block\" textAlign=\"center\">\n          <StepIndicator icon={icon} number={number} size={size} variant={variant} />\n        </Box>\n        <Box display=\"block\" textAlign=\"center\">\n          {!!title && (\n            <StepHorizontalTitle size={size} variant={variant as any}>\n              {title}\n            </StepHorizontalTitle>\n          )}\n          {!!description && (\n            <Box color=\"sandstone.45\" display=\"block\" fontSize={`${size === 'md' ? 14 : 12}px`} textAlign=\"center\">\n              {description}\n            </Box>\n          )}\n          <Box display=\"block\">{children}</Box>\n        </Box>\n      </StepHorizontalBase>\n    )\n  },\n)\n\nStepHorizontal.displayName = 'StepHorizontal'\n\nexport default StepHorizontal\n"],"mappings":";;;;;;;;;;;;AAUA,MAAa,qBAAqB,OAAO,MAAM;;;;;;;;;AAU/C,MAAa,iBAAiB,KAC3B,EAAE,MAAM,QAAQ,MAAM,WAAW,MAAM,aAAa,OAAO,WAAW,SAAS,YAAY,QAAQ;CAElG,MAAM,OADU,6BAA6B,EACvB,QAAQ;AAC9B,QACE,qBAAC;EAAmB,WAAW,GAAG,eAAe,gBAAgB,SAAS,UAAU;EAAO;;GACzF,oBAAC;IAAyB;IAAe;KAAkB;GAC3D,oBAAC;IAAI,SAAQ;IAAQ,WAAU;cAC7B,oBAAC;KAAoB;KAAc;KAAc;KAAe;MAAW;KACvE;GACN,qBAAC;IAAI,SAAQ;IAAQ,WAAU;;KAC5B,CAAC,CAAC,SACD,oBAAC;MAA0B;MAAe;gBACvC;OACmB;KAEvB,CAAC,CAAC,eACD,oBAAC;MAAI,OAAM;MAAe,SAAQ;MAAQ,UAAU,GAAG,SAAS,OAAO,KAAK,GAAG;MAAK,WAAU;gBAC3F;OACG;KAER,oBAAC;MAAI,SAAQ;MAAS;OAAe;;KACjC;;GACa;EAG1B;AAED,eAAe,cAAc"}
+{"version":3,"file":"stepHorizontal.js","names":[],"sources":["../../src/stepperHorizontal/stepHorizontal.tsx"],"sourcesContent":["import { Box } from '../box'\nimport { styled, vui } from '../core'\nimport { StepIndicator } from '../stepIndicator'\nimport { cs } from '../utils'\nimport { stepClassName } from './consts'\nimport { useStepperHorizontalContext } from './context'\nimport StepHorizontalTail from './stepHorizontalTail'\nimport StepHorizontalTitle from './stepHorizontalTitle'\nimport type { StepHorizontalProps } from './stepperHorizontalTypes'\n\nexport const StepHorizontalBase = styled.divBox`\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n`\n\n/**\n * Implements a Horizontal step component\n */\nexport const StepHorizontal = vui<'div', StepHorizontalProps>(\n  ({ icon, number, size: propSize = 'md', description, title, className, variant, children }, ref) => {\n    const context = useStepperHorizontalContext()\n    const size = context?.size || propSize\n    return (\n      <StepHorizontalBase className={cs(stepClassName, stepClassName + variant, className)} ref={ref}>\n        <StepHorizontalTail size={size} variant={variant as any} />\n        <Box display=\"block\" textAlign=\"center\">\n          <StepIndicator icon={icon} number={number} size={size} variant={variant} />\n        </Box>\n        <Box display=\"block\" textAlign=\"center\">\n          {!!title && (\n            <StepHorizontalTitle size={size} variant={variant as any}>\n              {title}\n            </StepHorizontalTitle>\n          )}\n          {!!description && (\n            <Box color=\"sandstone.45\" display=\"block\" fontSize={`${size === 'md' ? 14 : 12}px`} textAlign=\"center\">\n              {description}\n            </Box>\n          )}\n          <Box display=\"block\">{children}</Box>\n        </Box>\n      </StepHorizontalBase>\n    )\n  },\n)\n\nStepHorizontal.displayName = 'StepHorizontal'\n\nexport default StepHorizontal\n"],"mappings":";;;;;;;;;;;;AAUA,MAAa,qBAAqB,OAAO,MAAM;;;;;;;;;AAU/C,MAAa,iBAAiB,KAC3B,EAAE,MAAM,QAAQ,MAAM,WAAW,MAAM,aAAa,OAAO,WAAW,SAAS,YAAY,QAAQ;CAElG,MAAM,OADU,6BAA6B,EACvB,QAAQ;AAC9B,QACE,qBAAC,oBAAD;EAAoB,WAAW,GAAG,eAAe,gBAAgB,SAAS,UAAU;EAAO;YAA3F;GACE,oBAAC,oBAAD;IAA0B;IAAe;IAAkB;GAC3D,oBAAC,KAAD;IAAK,SAAQ;IAAQ,WAAU;cAC7B,oBAAC,eAAD;KAAqB;KAAc;KAAc;KAAe;KAAW;IACvE;GACN,qBAAC,KAAD;IAAK,SAAQ;IAAQ,WAAU;cAA/B;KACG,CAAC,CAAC,SACD,oBAAC,qBAAD;MAA2B;MAAe;gBACvC;MACmB;KAEvB,CAAC,CAAC,eACD,oBAAC,KAAD;MAAK,OAAM;MAAe,SAAQ;MAAQ,UAAU,GAAG,SAAS,OAAO,KAAK,GAAG;MAAK,WAAU;gBAC3F;MACG;KAER,oBAAC,KAAD;MAAK,SAAQ;MAAS;MAAe;KACjC;;GACa;;EAG1B;AAED,eAAe,cAAc"}

package/dist/stepperHorizontal/stepHorizontalTail.js

@@ -25,5 +25,5 @@ StepHorizontalTail.displayName = "StepHorizontalTail";
 
 //#endregion
 export { StepHorizontalTail as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# 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;AAC7D,QACE,qBAAC;EACC,WAAW,GAAG,cAAc;EAC5B,GAAE;EACF,gBAAe;EACf,UAAS;EACJ;EACL,GAAE;EACF,GAAI;aAEJ,oBAAC,OAAI,WAAW,GAAG,eAAe,mBAAmB,oBAAoB,QAAQ,GAAI,EACrF,oBAAC,OAAI,WAAW,GAAG,eAAe,oBAAoB,oBAAoB,QAAQ,GAAI;GAClF;EAER;AAEF,mBAAmB,cAAc"}
+{"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;AAC7D,QACE,qBAAC,KAAD;EACE,WAAW,GAAG,cAAc;EAC5B,GAAE;EACF,gBAAe;EACf,UAAS;EACJ;EACL,GAAE;EACF,GAAI;YAPN,CASE,oBAAC,KAAD,EAAK,WAAW,GAAG,eAAe,mBAAmB,oBAAoB,QAAQ,EAAI,GACrF,oBAAC,KAAD,EAAK,WAAW,GAAG,eAAe,oBAAoB,oBAAoB,QAAQ,EAAI,EAClF;;EAER;AAEF,mBAAmB,cAAc"}

package/dist/stepperHorizontal/stepHorizontalTitle.js

@@ -27,5 +27,5 @@ StepHorizontalTitle.displayName = "StepHorizontalTitle";
 
 //#endregion
 export { StepHorizontalTitle as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# 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;AAC1E,QACE,oBAAC;EACC,WAAW,GAAG,gBAAgB,QAAQ;EACtC,OAAO,WAAW;EAClB,SAAQ;EACR,UAAU,GAAG,SAAS,OAAO,KAAK,GAAG;EACrC,YAAY,WAAW,SAAS,QAAQ,GAAG,MAAM;EACjD,IAAI,GAAG,SAAS,OAAO,IAAI,EAAE;EAC7B,WAAU;EACV,YAAW;EACX,GAAI;EAEH;GACG;EAER;AAEF,oBAAoB,cAAc"}
+{"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;AAC1E,QACE,oBAAC,KAAD;EACE,WAAW,GAAG,gBAAgB,QAAQ;EACtC,OAAO,WAAW;EAClB,SAAQ;EACR,UAAU,GAAG,SAAS,OAAO,KAAK,GAAG;EACrC,YAAY,WAAW,SAAS,QAAQ,GAAG,MAAM;EACjD,IAAI,GAAG,SAAS,OAAO,IAAI,EAAE;EAC7B,WAAU;EACV,YAAW;EACX,GAAI;EAEH;EACG;EAER;AAEF,oBAAoB,cAAc"}

package/dist/stepperHorizontal/stepperHorizontal.d.ts

@@ -1,7 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { StepperHorizontalProps } from "./stepperHorizontalTypes.js";
-import "../index.js";
-
 //#region src/stepperHorizontal/stepperHorizontal.d.ts
 /**
  * [Beta] Implements Horizontal stepper **

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":";;;;;;cAWa,iBAAA,EAAiB,YAAA,QAAA,sBAAA"}

package/dist/stepperHorizontal/stepperHorizontal.js

@@ -29,5 +29,5 @@ StepperHorizontal.displayName = "StepperHorizontal";
 
 //#endregion
 export { StepperHorizontal as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# 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,MAAM;AAIzD,QACE,oBAAC;EAA0B,OAHb,cAAc,gBAAgB,EAAE,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC;YAI5D,oBAAC;GACC,WAAW,GAAG,yBAAyB,UAAU;GAC5C;GACL,GAAI,OAAO;GACX,GAAI;GAEH;IACqB;GACE;EAE9B;AAEF,kBAAkB,cAAc"}
+{"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,MAAM;AAIzD,QACE,oBAAC,2BAAD;EAA2B,OAHb,cAAc,gBAAgB,EAAE,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC;YAI5D,oBAAC,uBAAD;GACE,WAAW,GAAG,yBAAyB,UAAU;GAC5C;GACL,GAAI,OAAO;GACX,GAAI;GAEH;GACqB;EACE;EAE9B;AAEF,kBAAkB,cAAc"}

package/dist/stepperHorizontal/stepperHorizontalBase.js

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

package/dist/stepperHorizontal/stepperHorizontalTypes.d.ts

@@ -1,12 +1,8 @@
 import { ThemingProps } from "../theme/types.js";
 import { ChildrenProp } from "../core/types.js";
 import { SystemProps } from "../system/system.js";
-import "../system/index.js";
-import "../core/index.js";
 import { IconProp } from "../icon/icon.types.js";
-import "../icon/index.js";
 import { BoxProps } from "../box/box.types.js";
-import "../box/index.js";
 import { StepIndicatorVariant } from "../stepIndicator/stepIndicatorTypes.js";
 import { ReactNode } from "react";
 

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

@@ -1 +1 @@
-{"version":3,"file":"stepperHorizontalTypes.d.ts","names":[],"sources":["../../src/stepperHorizontal/stepperHorizontalTypes.ts"],"mappings":";;;;;;;;;;;;;KASY,kBAAA;AAAA,KAEA,sBAAA,GAAyB,WAAA,GAAc,YAAA,wBAAoC,YAAA;AAAA,KAE3E,mBAAA,GAAsB,WAAA,GAChC,YAAA;EACE,IAAA,GAAO,QAAA;EACP,MAAA;EACA,IAAA,GAAO,kBAAA;EACP,WAAA,GAAc,SAAA;EACd,KAAA,GAAQ,SAAA;EACR,QAAA;EACA,SAAA;EACA,OAAA,GAAU,oBAAA;AAAA;AAAA,KAGF,uBAAA,GAA0B,QAAA;EACpC,OAAA,GAAU,oBAAA;AAAA;AAAA,KAGA,wBAAA,GAA2B,QAAA;EACrC,IAAA,GAAO,kBAAA;EACP,OAAA,GAAU,oBAAA;AAAA"}
+{"version":3,"file":"stepperHorizontalTypes.d.ts","names":[],"sources":["../../src/stepperHorizontal/stepperHorizontalTypes.ts"],"mappings":";;;;;;;;;KASY,kBAAA;AAAA,KAEA,sBAAA,GAAyB,WAAA,GAAc,YAAA,wBAAoC,YAAA;AAAA,KAE3E,mBAAA,GAAsB,WAAA,GAChC,YAAA;EACE,IAAA,GAAO,QAAA;EACP,MAAA;EACA,IAAA,GAAO,kBAAA;EACP,WAAA,GAAc,SAAA;EACd,KAAA,GAAQ,SAAA;EACR,QAAA;EACA,SAAA;EACA,OAAA,GAAU,oBAAA;AAAA;AAAA,KAGF,uBAAA,GAA0B,QAAA;EACpC,OAAA,GAAU,oBAAA;AAAA;AAAA,KAGA,wBAAA,GAA2B,QAAA;EACrC,IAAA,GAAO,kBAAA;EACP,OAAA,GAAU,oBAAA;AAAA"}

package/dist/stepperHorizontal/theme.js

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

package/dist/stepperVertical/consts.js

@@ -19,5 +19,5 @@ const tailClassName = stepClassName + "Tail";
 
 //#endregion
 export { boldTitles, stepClassName, tailClassName, titleColor, variantColor };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=consts.js.map

package/dist/stepperVertical/context.js

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

package/dist/stepperVertical/stepVertical.d.ts

@@ -1,11 +1,10 @@
-import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { StepVerticalProps } from "./stepperVerticalTypes.js";
-import "../index.js";
 import * as styled_components0 from "styled-components";
+import * as styled_components_dist_types0 from "styled-components/dist/types";
 
 //#region src/stepperVertical/stepVertical.d.ts
-declare const StepVerticalBase: styled_components0.StyledComponent<"div", styled_components0.DefaultTheme, SystemProps, never>;
+declare const StepVerticalBase: styled_components_dist_types0.IStyledComponentBase<"web", styled_components0.FastOmit<any, never>> & string;
 /**
  * Implements a vertical step component
  */

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

@@ -1 +1 @@
-{"version":3,"file":"stepVertical.d.ts","names":[],"sources":["../../src/stepperVertical/stepVertical.tsx"],"mappings":";;;;;;;cAUa,gBAAA,EAAgB,kBAAA,CAAA,eAAA,QAI5B,kBAAA,CAJ4B,YAAA,EAAA,WAAA;;;;cAShB,YAAA,EAAY,YAAA,QAAA,iBAAA"}
+{"version":3,"file":"stepVertical.d.ts","names":[],"sources":["../../src/stepperVertical/stepVertical.tsx"],"mappings":";;;;;;cAUa,gBAAA,EAAgB,6BAAA,CAAA,oBAAA,QAI5B,kBAAA,CAJ4B,QAAA;;;;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__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# 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,2BAA2B,EACrB,QAAQ;AAC9B,QACE,qBAAC;EAAiB,WAAW,GAAG,eAAe,UAAU;EAAO;;GAC9D,oBAAC;IAAuB;IAAe;KAAkB;GACzD,oBAAC;IAAI,MAAM,OAAO,SAAS,OAAO,KAAK,GAAG;cACxC,oBAAC;KAAoB;KAAc;KAAc;KAAe;MAAW;KACvE;GACN,qBAAC;IAAI,MAAK;IAAI,eAAc;;KACzB,CAAC,CAAC,SACD,oBAAC;MAAwB;MAAe;gBACrC;OACiB;KAErB,CAAC,CAAC,eACD,oBAAC;MAAI,OAAM;MAAe,UAAU,GAAG,SAAS,OAAO,KAAK,GAAG;gBAC5D;OACG;KAER,oBAAC,OAAK,WAAe;;KACjB;;GACW;EAGxB;AAED,aAAa,cAAc"}
+{"version":3,"file":"stepVertical.js","names":[],"sources":["../../src/stepperVertical/stepVertical.tsx"],"sourcesContent":["import { Box } from '../box'\nimport { styled, vui } from '../core'\nimport { StepIndicator } from '../stepIndicator'\nimport { cs } from '../utils'\nimport { stepClassName } from './consts'\nimport { useStepperVerticalContext } from './context'\nimport type { StepVerticalProps } from './stepperVerticalTypes'\nimport StepVerticalTail from './stepVerticalTail'\nimport StepVerticalTitle from './stepVerticalTitle'\n\nexport const StepVerticalBase = styled.divBox`\n  display: flex;\n  position: relative;\n  width: 100%;\n`\n\n/**\n * Implements a vertical step component\n */\nexport const StepVertical = vui<'div', StepVerticalProps>(\n  ({ icon, number, size: propSize = 'md', description, title, className, variant, children }, ref) => {\n    const context = useStepperVerticalContext()\n    const size = context?.size || propSize\n    return (\n      <StepVerticalBase className={cs(stepClassName, className)} ref={ref}>\n        <StepVerticalTail size={size} variant={variant as any} />\n        <Box flex={`0 0 ${size === 'md' ? 40 : 30}px`}>\n          <StepIndicator icon={icon} number={number} size={size} variant={variant} />\n        </Box>\n        <Box flex=\"1\" flexDirection=\"column\">\n          {!!title && (\n            <StepVerticalTitle size={size} variant={variant as any}>\n              {title}\n            </StepVerticalTitle>\n          )}\n          {!!description && (\n            <Box color=\"sandstone.45\" fontSize={`${size === 'md' ? 14 : 12}px`}>\n              {description}\n            </Box>\n          )}\n          <Box>{children}</Box>\n        </Box>\n      </StepVerticalBase>\n    )\n  },\n)\n\nStepVertical.displayName = 'StepVertical'\n\nexport default StepVertical\n"],"mappings":";;;;;;;;;;;;AAUA,MAAa,mBAAmB,OAAO,MAAM;;;;;;;;AAS7C,MAAa,eAAe,KACzB,EAAE,MAAM,QAAQ,MAAM,WAAW,MAAM,aAAa,OAAO,WAAW,SAAS,YAAY,QAAQ;CAElG,MAAM,OADU,2BAA2B,EACrB,QAAQ;AAC9B,QACE,qBAAC,kBAAD;EAAkB,WAAW,GAAG,eAAe,UAAU;EAAO;YAAhE;GACE,oBAAC,kBAAD;IAAwB;IAAe;IAAkB;GACzD,oBAAC,KAAD;IAAK,MAAM,OAAO,SAAS,OAAO,KAAK,GAAG;cACxC,oBAAC,eAAD;KAAqB;KAAc;KAAc;KAAe;KAAW;IACvE;GACN,qBAAC,KAAD;IAAK,MAAK;IAAI,eAAc;cAA5B;KACG,CAAC,CAAC,SACD,oBAAC,mBAAD;MAAyB;MAAe;gBACrC;MACiB;KAErB,CAAC,CAAC,eACD,oBAAC,KAAD;MAAK,OAAM;MAAe,UAAU,GAAG,SAAS,OAAO,KAAK,GAAG;gBAC5D;MACG;KAER,oBAAC,KAAD,EAAM,UAAe;KACjB;;GACW;;EAGxB;AAED,aAAa,cAAc"}

package/dist/stepperVertical/stepVerticalTail.js

@@ -25,5 +25,5 @@ StepVerticalTail.displayName = "StepVerticalTail";
 
 //#endregion
 export { StepVerticalTail as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# 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;AAC1E,QACE,oBAAC;EACC,aAAa,aAAa,aAAa;EACvC,WAAW,GAAG,cAAc;EAC5B,MAAK;EACL,MAAK;EACL,UAAS;EACJ;EACL,GAAG,GAAG,SAAS,OAAO,KAAK,GAAG;EAC9B,GAAI;GACJ;EAEJ;AAEF,iBAAiB,cAAc"}
+{"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;AAC1E,QACE,oBAAC,KAAD;EACE,aAAa,aAAa,aAAa;EACvC,WAAW,GAAG,cAAc;EAC5B,MAAK;EACL,MAAK;EACL,UAAS;EACJ;EACL,GAAG,GAAG,SAAS,OAAO,KAAK,GAAG;EAC9B,GAAI;EACJ;EAEJ;AAEF,iBAAiB,cAAc"}

package/dist/stepperVertical/stepVerticalTitle.js

@@ -25,5 +25,5 @@ StepVerticalTitle.displayName = "StepVerticalTitle";
 
 //#endregion
 export { StepVerticalTitle as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# 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;AAC1E,QACE,oBAAC;EACC,WAAW,GAAG,gBAAgB,QAAQ;EACtC,OAAO,WAAW;EAClB,UAAU,GAAG,SAAS,OAAO,KAAK,GAAG;EACrC,YAAY,WAAW,SAAS,QAAQ,GAAG,MAAM;EACjD,IAAI,GAAG,SAAS,OAAO,IAAI,EAAE;EAC7B,YAAW;EACX,GAAI;EAEH;GACG;EAER;AAEF,kBAAkB,cAAc"}
+{"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;AAC1E,QACE,oBAAC,KAAD;EACE,WAAW,GAAG,gBAAgB,QAAQ;EACtC,OAAO,WAAW;EAClB,UAAU,GAAG,SAAS,OAAO,KAAK,GAAG;EACrC,YAAY,WAAW,SAAS,QAAQ,GAAG,MAAM;EACjD,IAAI,GAAG,SAAS,OAAO,IAAI,EAAE;EAC7B,YAAW;EACX,GAAI;EAEH;EACG;EAER;AAEF,kBAAkB,cAAc"}

package/dist/stepperVertical/stepperVertical.d.ts

@@ -1,7 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { StepperVerticalProps } from "./stepperVerticalTypes.js";
-import "../index.js";
-
 //#region src/stepperVertical/stepperVertical.d.ts
 /**
  * Implements vertical stepper **

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":";;;;;;cAWa,eAAA,EAAe,YAAA,QAAA,oBAAA"}

package/dist/stepperVertical/stepperVertical.js

@@ -29,5 +29,5 @@ StepperVertical.displayName = "StepperVertical";
 
 //#endregion
 export { StepperVertical as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# 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,MAAM;AAIvD,QACE,oBAAC;EAAwB,OAHX,cAAc,gBAAgB,EAAE,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC;YAI5D,oBAAC;GAAoB,WAAW,GAAG,uBAAuB,UAAU;GAAO;GAAK,GAAI,OAAO;GAAW,GAAI;GACvG;IACmB;GACE;EAE5B;AAEF,gBAAgB,cAAc"}
+{"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,MAAM;AAIvD,QACE,oBAAC,yBAAD;EAAyB,OAHX,cAAc,gBAAgB,EAAE,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC;YAI5D,oBAAC,qBAAD;GAAqB,WAAW,GAAG,uBAAuB,UAAU;GAAO;GAAK,GAAI,OAAO;GAAW,GAAI;GACvG;GACmB;EACE;EAE5B;AAEF,gBAAgB,cAAc"}

package/dist/stepperVertical/stepperVerticalBase.js

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

package/dist/stepperVertical/stepperVerticalTypes.d.ts

@@ -1,12 +1,8 @@
 import { ThemingProps } from "../theme/types.js";
 import { ChildrenProp } from "../core/types.js";
 import { SystemProps } from "../system/system.js";
-import "../system/index.js";
-import "../core/index.js";
 import { IconProp } from "../icon/icon.types.js";
-import "../icon/index.js";
 import { BoxProps } from "../box/box.types.js";
-import "../box/index.js";
 import { StepIndicatorVariant } from "../stepIndicator/stepIndicatorTypes.js";
 import { ReactNode } from "react";
 

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

@@ -1 +1 @@
-{"version":3,"file":"stepperVerticalTypes.d.ts","names":[],"sources":["../../src/stepperVertical/stepperVerticalTypes.ts"],"mappings":";;;;;;;;;;;;;KASY,gBAAA;AAAA,KAEA,oBAAA,GAAuB,WAAA,GAAc,YAAA,sBAAkC,YAAA;AAAA,KAEvE,iBAAA,GAAoB,WAAA,GAC9B,YAAA;EACE,IAAA,GAAO,QAAA;EACP,MAAA;EACA,IAAA,GAAO,gBAAA;EACP,WAAA,GAAc,SAAA;EACd,KAAA,GAAQ,SAAA;EACR,QAAA;EACA,SAAA;EACA,OAAA,GAAU,oBAAA;AAAA;AAAA,KAGF,qBAAA,GAAwB,QAAA;EAClC,IAAA,GAAO,gBAAA;EACP,OAAA,GAAU,oBAAA;AAAA;AAAA,KAGA,sBAAA,GAAyB,QAAA;EACnC,IAAA,GAAO,gBAAA;EACP,OAAA,GAAU,oBAAA;AAAA"}
+{"version":3,"file":"stepperVerticalTypes.d.ts","names":[],"sources":["../../src/stepperVertical/stepperVerticalTypes.ts"],"mappings":";;;;;;;;;KASY,gBAAA;AAAA,KAEA,oBAAA,GAAuB,WAAA,GAAc,YAAA,sBAAkC,YAAA;AAAA,KAEvE,iBAAA,GAAoB,WAAA,GAC9B,YAAA;EACE,IAAA,GAAO,QAAA;EACP,MAAA;EACA,IAAA,GAAO,gBAAA;EACP,WAAA,GAAc,SAAA;EACd,KAAA,GAAQ,SAAA;EACR,QAAA;EACA,SAAA;EACA,OAAA,GAAU,oBAAA;AAAA;AAAA,KAGF,qBAAA,GAAwB,QAAA;EAClC,IAAA,GAAO,gBAAA;EACP,OAAA,GAAU,oBAAA;AAAA;AAAA,KAGA,sBAAA,GAAyB,QAAA;EACnC,IAAA,GAAO,gBAAA;EACP,OAAA,GAAU,oBAAA;AAAA"}

package/dist/stepperVertical/theme.js

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

package/dist/svg/cache.js

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

package/dist/svg/helpers.js

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

package/dist/svg/svg.d.ts

@@ -1,5 +1,4 @@
 import { VuiComponent } from "../core/vui.js";
-import "../core/index.js";
 import { SvgProps } from "./svg.types.js";
 
 //#region src/svg/svg.d.ts

package/dist/svg/svg.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"svg.d.ts","names":[],"sources":["../../src/svg/svg.tsx"],"mappings":";;;;;cASa,OAAA,EAAS,YAAA,QAAoB,QAAA;;;AAA1C;;;;;cA8Ba,GAAA,EAAG,YAAA,QAAA,QAAA"}
+{"version":3,"file":"svg.d.ts","names":[],"sources":["../../src/svg/svg.tsx"],"mappings":";;;;cASa,OAAA,EAAS,YAAA,QAAoB,QAAA;;;AAA1C;;;;;cA4Ba,GAAA,EAAG,YAAA,QAAA,QAAA"}

package/dist/svg/svg.js

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

package/dist/svg/svg.js.map

@@ -1 +1 @@
-{"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 { 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    ${\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/**\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 [state, setState] = useState<SvgState>(initState())\n  const isMountedRef = useRef(false)\n  const srcRef = useRef(src)\n\n  const { content = '', svgAttributes = {} } = state\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          setState({ content, svgAttributes })\n        }\n      } catch (error) {\n        console.error(error)\n        if (isMountedRef.current) {\n          setState(initState())\n        }\n      }\n    }\n\n    src && void loadSvg(src)\n  }, [src])\n\n  return (\n    <SvgBase\n      className={cs('vui-svg', className)}\n      // eslint-disable-next-line @eslint-react/dom/no-dangerously-set-innerhtml\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":";;;;;;;;;AASA,MAAa,UAAyC,OAAO,QAAkB,EAAE,eAAe;AAC9F,QAAO,GAAG;MAEN,aAAa,WACZ,MAAM,QAAQ,SAAS,GACpB,SACG,KACE,MAAM,UAAU;0BACL,QAAQ,EAAE;cACtB,KAAK;;MAGN,CACA,MAAM,GACT;;aAEG,SAAS;;MAGjB;;EAEH;;;;;;;;AASF,MAAa,MAAM,KAAsB,OAAO,QAAQ;CACtD,MAAM,EAAE,UAAU,WAAW,KAAK,GAAG,SAAS;CAC9C,MAAM,CAAC,OAAO,YAAY,SAAmB,WAAW,CAAC;CACzD,MAAM,eAAe,OAAO,MAAM;CAClC,MAAM,SAAS,OAAO,IAAI;CAE1B,MAAM,EAAE,UAAU,IAAI,gBAAgB,EAAE,KAAK;CAC7C,MAAM,YAAY,CAAC,WAAW,EAAE,QAAQ,SAAS,GAAG;AAEpD,iBAAgB;AACd,eAAa,UAAU;AACvB,eAAa;AACX,gBAAa,UAAU;;IAExB,EAAE,CAAC;AAEN,iBAAgB;AACd,SAAO,UAAU;EAEjB,eAAe,QAAQ,KAAa;AAClC,OAAI;IACF,MAAM,WAAW,MAAM,MAAM,IAAI,IAAI;IACrC,MAAM,UAAU,cAAc,SAAS;IAEvC,MAAM,gBAAgB,cADR,aAAa,SAAS,CACM;AAE1C,kBAAc,cAAc,OAAO;AAGnC,QAAI,OAAO,YAAY,OAAO,aAAa,QACzC,UAAS;KAAE;KAAS;KAAe,CAAC;YAE/B,OAAO;AACd,YAAQ,MAAM,MAAM;AACpB,QAAI,aAAa,QACf,UAAS,WAAW,CAAC;;;AAK3B,SAAY,QAAQ,IAAI;IACvB,CAAC,IAAI,CAAC;AAET,QACE,oBAAC;EACC,WAAW,GAAG,WAAW,UAAU;EAEnC,yBAAyB;EACpB;EACL,OAAM;EACN,GAAI;EACJ,GAAI;EAEH;GACO;EAEZ;AAEF,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 { 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 [state, setState] = useState<SvgState>(initState())\n  const isMountedRef = useRef(false)\n  const srcRef = useRef(src)\n\n  const { content = '', svgAttributes = {} } = state\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          setState({ content, svgAttributes })\n        }\n      } catch (error) {\n        console.error(error)\n        if (isMountedRef.current) {\n          setState(initState())\n        }\n      }\n    }\n\n    src && void loadSvg(src)\n  }, [src])\n\n  return (\n    <SvgBase\n      className={cs('vui-svg', className)}\n      // eslint-disable-next-line @eslint-react/dom/no-dangerously-set-innerhtml\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":";;;;;;;;;AASA,MAAa,UAAyC,OAAO,QAAkB,EAAE,eAAe;AAC9F,QAAO,GAAG;MACN,aAAa,WACd,MAAM,QAAQ,SAAS,GACpB,SACG,KACE,MAAM,UAAU;0BACH,QAAQ,EAAE;cACtB,KAAK;;MAGR,CACA,MAAM,GACT;;aAEK,SAAS;;MAEhB;;EAEJ;;;;;;;;AASF,MAAa,MAAM,KAAsB,OAAO,QAAQ;CACtD,MAAM,EAAE,UAAU,WAAW,KAAK,GAAG,SAAS;CAC9C,MAAM,CAAC,OAAO,YAAY,SAAmB,WAAW,CAAC;CACzD,MAAM,eAAe,OAAO,MAAM;CAClC,MAAM,SAAS,OAAO,IAAI;CAE1B,MAAM,EAAE,UAAU,IAAI,gBAAgB,EAAE,KAAK;CAC7C,MAAM,YAAY,CAAC,WAAW,EAAE,QAAQ,SAAS,GAAG;AAEpD,iBAAgB;AACd,eAAa,UAAU;AACvB,eAAa;AACX,gBAAa,UAAU;;IAExB,EAAE,CAAC;AAEN,iBAAgB;AACd,SAAO,UAAU;EAEjB,eAAe,QAAQ,KAAa;AAClC,OAAI;IACF,MAAM,WAAW,MAAM,MAAM,IAAI,IAAI;IACrC,MAAM,UAAU,cAAc,SAAS;IAEvC,MAAM,gBAAgB,cADR,aAAa,SAAS,CACM;AAE1C,kBAAc,cAAc,OAAO;AAGnC,QAAI,OAAO,YAAY,OAAO,aAAa,QACzC,UAAS;KAAE;KAAS;KAAe,CAAC;YAE/B,OAAO;AACd,YAAQ,MAAM,MAAM;AACpB,QAAI,aAAa,QACf,UAAS,WAAW,CAAC;;;AAK3B,SAAY,QAAQ,IAAI;IACvB,CAAC,IAAI,CAAC;AAET,QACE,oBAAC,SAAD;EACE,WAAW,GAAG,WAAW,UAAU;EAEnC,yBAAyB;EACpB;EACL,OAAM;EACN,GAAI;EACJ,GAAI;EAEH;EACO;EAEZ;AAEF,IAAI,cAAc"}

package/dist/svg/svg.types.d.ts

@@ -1,9 +1,6 @@
 import { Dict } from "../utils/types.js";
-import "../utils/index.js";
 import { ColorGetter } from "../system/colors.js";
 import { SystemProps } from "../system/system.js";
-import "../system/index.js";
-
 //#region src/svg/svg.types.d.ts
 type SvgProps = SystemProps & {
   /** If string, adds fill color to all paths. If array, adds fill color to consecutive path elements. */pathFill?: ColorGetter | ColorGetter[]; /** If provided, loads an svg file from this URL and displays parsed content. */

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

@@ -1 +1 @@
-{"version":3,"file":"svg.types.d.ts","names":[],"sources":["../../src/svg/svg.types.ts"],"mappings":";;;;;;;KAGY,QAAA,GAAW,WAAA;yGAErB,QAAA,GAAW,WAAA,GAAc,WAAA;EAEzB,GAAA;AAAA;AAAA,KAGU,QAAA;EACV,OAAA;EACA,aAAA,EAAe,IAAA;AAAA"}
+{"version":3,"file":"svg.types.d.ts","names":[],"sources":["../../src/svg/svg.types.ts"],"mappings":";;;;KAGY,QAAA,GAAW,WAAA;yGAErB,QAAA,GAAW,WAAA,GAAc,WAAA;EAEzB,GAAA;AAAA;AAAA,KAGU,QAAA;EACV,OAAA;EACA,aAAA,EAAe,IAAA;AAAA"}

package/dist/switch/consts.js

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

package/dist/switch/context.js

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

package/dist/switch/switch.types.d.ts

@@ -1,8 +1,6 @@
 import { ChangeEventHandler, FocusEventHandler, PropsOf } from "../utils/types.js";
-import "../utils/index.js";
 import { ThemingProps } from "../theme/types.js";
 import { SystemProps } from "../system/system.js";
-import "../system/index.js";
 import { ReactNode } from "react";
 
 //#region src/switch/switch.types.d.ts

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

@@ -1 +1 @@
-{"version":3,"file":"switch.types.d.ts","names":[],"sources":["../../src/switch/switch.types.ts"],"mappings":";;;;;;;;KAMY,iBAAA,GAAoB,WAAA,GAC9B,YAAA;qDAEE,OAAA;EAEA,WAAA,kCALyB;EAOzB,QAAA,YAP4B;EAS5B,aAAA,GAAgB,SAAA,EAAA;EAEhB,YAAA,GAAe,SAAA,EAEe;EAA9B,UAAA,GAAa,OAAA,UAAiB,WAAA,GAEI;EAAlC,QAAA,GAAW,KAAA,CAAM,gBAAA,CAAiB,gBAAA,iBAIzB;EAFT,IAAA,WAMU;EAJV,MAAA,GAAS,iBAAA,EAIkB;EAF3B,QAAA,GAAW,kBAAA,EApBb;EAsBE,OAAA,GAAU,iBAAA,EAlBV;EAoBA,QAAA,YAhBA;EAkBA,KAAA;AAAA;AAAA,KAGQ,aAAA,GAAgB,IAAA,CAC1B,WAAA;EAaA,cAAA;AAAA;AAAA,KAGU,WAAA,GAAc,WAAA,GACxB,YAAA;EAjCE,0DAmCA,MAAA,GAAS,SAAA,EAnCQ;EAqCjB,OAAA,YAnCA;EAqCA,WAAA,kCAnCS;EAqCT,QAAA,YAnCW;EAqCX,aAAA,GAAgB,SAAA,EAnCN;EAqCV,YAAA,GAAe,SAAA,EAjCf;EAmCA,UAAA,GAAa,OAAA,UAAiB,WAAA,GAnCzB;EAqCL,QAAA,GAAW,KAAA,CAAM,gBAAA,CAAiB,gBAAA,iBAlCb;EAoCrB,SAAA,GAAY,SAAA,EApCgB;EAsC5B,UAAA,GAAa,SAAA,EArCf;EAuCE,IAAA,WA1BY;EA4BZ,MAAA,GAAS,iBAAA,EAzBD;EA2BR,QAAA,GAAW,kBAAA;EAEX,OAAA,GAAU,iBAAA,EA5BZ;EA8BE,QAAA,YApBgB;EAsBhB,KAAA;AAAA"}
+{"version":3,"file":"switch.types.d.ts","names":[],"sources":["../../src/switch/switch.types.ts"],"mappings":";;;;;;KAMY,iBAAA,GAAoB,WAAA,GAC9B,YAAA;qDAEE,OAAA;EAEA,WAAA,kCALQ;EAOR,QAAA;EAEA,aAAA,GAAgB,SAAA,EARlB;EAUE,YAAA,GAAe,SAAA,EAAA;EAEf,UAAA,GAAa,OAAA,UAAiB,WAAA,GAAjB;EAEb,QAAA,GAAW,KAAA,CAAM,gBAAA,CAAiB,gBAAA,iBAAvB;EAEX,IAAA,WAIW;EAFX,MAAA,GAAS,iBAAA,EAIkB;EAF3B,QAAA,GAAW,kBAAA,EArBiB;EAuB5B,OAAA,GAAU,iBAAA,EApBV;EAsBA,QAAA,YAlBA;EAoBA,KAAA;AAAA;AAAA,KAGQ,aAAA,GAAgB,IAAA,CAC1B,WAAA;EAaA,cAAA;AAAA;AAAA,KAGU,WAAA,GAAc,WAAA,GACxB,YAAA;EAnCgC,0DAqC9B,MAAA,GAAS,SAAA,EAnCE;EAqCX,OAAA,YArCkC;EAuClC,WAAA,kCAnCA;EAqCA,QAAA,YAnCA;EAqCA,aAAA,GAAgB,SAAA,EAnChB;EAqCA,YAAA,GAAe,SAAA,EAnCf;EAqCA,UAAA,GAAa,OAAA,UAAiB,WAAA,GAnCzB;EAqCL,QAAA,GAAW,KAAA,CAAM,gBAAA,CAAiB,gBAAA,iBAlC1B;EAoCR,SAAA,GAAY,SAAA;EAEZ,UAAA,GAAa,SAAA,EAtCW;EAwCxB,IAAA,WA1BF;EA4BE,MAAA,GAAS,iBAAA,EA5BG;EA8BZ,QAAA,GAAW,kBAAA,EA3BQ;EA6BnB,OAAA,GAAU,iBAAA,EA7BY;EA+BtB,QAAA,YA5BS;EA8BT,KAAA;AAAA"}