@veracity/vui 3.0.0-beta.8 → 3.0.0

package/dist/stepperHorizontal/stepHorizontal.js

@@ -1,7 +1,72 @@
-import{cs as e}from"../utils/styles.js";import{styled as t}from"../core/styled.js";import{vui as n}from"../core/vui.js";import{Box as r}from"../box/box.js";import{StepIndicator as i}from"../stepIndicator/stepIndicator.js";import{useStepperHorizontalContext as a}from"./context.js";import{stepClassName as o}from"./consts.js";import s from"./stepHorizontalTail.js";import c from"./stepHorizontalTitle.js";import{jsx as l,jsxs as u}from"react/jsx-runtime";const d=t.divBox`
+import { cs } from "../utils/styles.js";
+import { styled } from "../core/styled.js";
+import { vui } from "../core/vui.js";
+import { Box } from "../box/box.js";
+import { StepIndicator } from "../stepIndicator/stepIndicator.js";
+import { useStepperHorizontalContext } from "./context.js";
+import { stepClassName } from "./consts.js";
+import stepHorizontalTail_default from "./stepHorizontalTail.js";
+import stepHorizontalTitle_default from "./stepHorizontalTitle.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/stepperHorizontal/stepHorizontal.tsx
+const StepHorizontalBase = styled.divBox`
   display: flex;
   flex-direction: column;
   position: relative;
   width: 100%;
-`,f=n(({icon:t,number:n,size:f=`md`,description:p,title:m,className:h,variant:g,children:_},v)=>{let y=a()?.size||f;return u(d,{className:e(o,o+g,h),ref:v,children:[l(s,{size:y,variant:g}),l(r,{display:`block`,textAlign:`center`,children:l(i,{icon:t,number:n,size:y,variant:g})}),u(r,{display:`block`,textAlign:`center`,children:[!!m&&l(c,{size:y,variant:g,children:m}),!!p&&l(r,{color:`sandstone.45`,display:`block`,fontSize:`${y===`md`?14:12}px`,textAlign:`center`,children:p}),l(r,{display:`block`,children:_})]})]})});f.displayName=`StepHorizontal`;export{f as StepHorizontal,d as StepHorizontalBase};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+`;
+/**
+* Implements a Horizontal step component
+*/
+const StepHorizontal = vui(({ icon, number, size: propSize = "md", description, title, className, variant, children }, ref) => {
+	const size = useStepperHorizontalContext()?.size || propSize;
+	return /* @__PURE__ */ jsxs(StepHorizontalBase, {
+		className: cs(stepClassName, stepClassName + variant, className),
+		ref,
+		children: [
+			/* @__PURE__ */ jsx(stepHorizontalTail_default, {
+				size,
+				variant
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				display: "block",
+				textAlign: "center",
+				children: /* @__PURE__ */ jsx(StepIndicator, {
+					icon,
+					number,
+					size,
+					variant
+				})
+			}),
+			/* @__PURE__ */ jsxs(Box, {
+				display: "block",
+				textAlign: "center",
+				children: [
+					!!title && /* @__PURE__ */ jsx(stepHorizontalTitle_default, {
+						size,
+						variant,
+						children: title
+					}),
+					!!description && /* @__PURE__ */ jsx(Box, {
+						color: "sandstone.45",
+						display: "block",
+						fontSize: `${size === "md" ? 14 : 12}px`,
+						textAlign: "center",
+						children: description
+					}),
+					/* @__PURE__ */ jsx(Box, {
+						display: "block",
+						children
+					})
+				]
+			})
+		]
+	});
+});
+StepHorizontal.displayName = "StepHorizontal";
+
+//#endregion
+export { StepHorizontal, StepHorizontalBase };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=stepHorizontal.js.map

package/dist/stepperHorizontal/stepHorizontal.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepHorizontal.js","names":["StepHorizontalTail","StepHorizontalTitle"],"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":"scAUA,MAAa,EAAqB,EAAO,MAAM;;;;;EAUlC,EAAiB,GAC3B,CAAE,OAAM,SAAQ,KAAM,EAAW,KAAM,cAAa,QAAO,YAAW,UAAS,YAAY,IAAQ,CAElG,IAAM,EADU,GAA6B,EACvB,MAAQ,EAC9B,OACE,EAAC,EAAA,CAAmB,UAAW,EAAG,EAAe,EAAgB,EAAS,EAAU,CAAO,gBACzF,EAACA,EAAAA,CAAyB,OAAe,WAAkB,CAC3D,EAAC,EAAA,CAAI,QAAQ,QAAQ,UAAU,kBAC7B,EAAC,EAAA,CAAoB,OAAc,SAAc,OAAe,WAAW,EACvE,CACN,EAAC,EAAA,CAAI,QAAQ,QAAQ,UAAU,mBAC5B,CAAC,CAAC,GACD,EAACC,EAAAA,CAA0B,OAAe,mBACvC,GACmB,CAEvB,CAAC,CAAC,GACD,EAAC,EAAA,CAAI,MAAM,eAAe,QAAQ,QAAQ,SAAU,GAAG,IAAS,KAAO,GAAK,GAAG,IAAK,UAAU,kBAC3F,GACG,CAER,EAAC,EAAA,CAAI,QAAQ,QAAS,YAAe,GACjC,GACa,EAG1B,CAED,EAAe,YAAc"}
+{"version":3,"file":"stepHorizontal.js","names":["StepHorizontalTail","StepHorizontalTitle"],"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,oBAACA;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,oBAACC;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"}

package/dist/stepperHorizontal/stepHorizontalTail.js

@@ -1,2 +1,30 @@
-import{cs as e}from"../utils/styles.js";import{vui as t}from"../core/vui.js";import{Box as n}from"../box/box.js";import{tailClassName as r,tailClassNameLeft as i,tailClassNameRight as a}from"./consts.js";import{jsx as o,jsxs as s}from"react/jsx-runtime";const c=t((t,c)=>{let{children:l,className:u,variant:d=`active`,...f}=t;return s(n,{className:e(r),h:`16px`,justifyContent:`space-between`,position:`absolute`,ref:c,w:`100%`,...f,children:[o(n,{className:e(r,i,i+d)}),o(n,{className:e(r,a,i+d)})]})});c.displayName=`StepHorizontalTail`;var l=c;export{l as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { cs } from "../utils/styles.js";
+import { vui } from "../core/vui.js";
+import { Box } from "../box/box.js";
+import { tailClassName, tailClassNameLeft, tailClassNameRight } from "./consts.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/stepperHorizontal/stepHorizontalTail.tsx
+/**
+* Implements Horizontal stepper tail (the Horizontal line) **
+*/
+const StepHorizontalTail = vui((props, ref) => {
+	const { children, className, variant = "active",...rest } = props;
+	return /* @__PURE__ */ jsxs(Box, {
+		className: cs(tailClassName),
+		h: "16px",
+		justifyContent: "space-between",
+		position: "absolute",
+		ref,
+		w: "100%",
+		...rest,
+		children: [/* @__PURE__ */ jsx(Box, { className: cs(tailClassName, tailClassNameLeft, tailClassNameLeft + variant) }), /* @__PURE__ */ jsx(Box, { className: cs(tailClassName, tailClassNameRight, tailClassNameLeft + variant) })]
+	});
+});
+StepHorizontalTail.displayName = "StepHorizontalTail";
+var stepHorizontalTail_default = StepHorizontalTail;
+
+//#endregion
+export { stepHorizontalTail_default as default };
+globalThis.__vuiVersion__ = "3.0.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 { 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":"8PASA,MAAa,EAAqB,GAAqC,EAAO,IAAQ,CACpF,GAAM,CAAE,WAAU,YAAW,UAAU,SAAU,GAAG,GAAS,EAC7D,OACE,EAAC,EAAA,CACC,UAAW,EAAG,EAAc,CAC5B,EAAE,OACF,eAAe,gBACf,SAAS,WACJ,MACL,EAAE,OACF,GAAI,YAEJ,EAAC,EAAA,CAAI,UAAW,EAAG,EAAe,EAAmB,EAAoB,EAAQ,CAAA,CAAI,CACrF,EAAC,EAAA,CAAI,UAAW,EAAG,EAAe,EAAoB,EAAoB,EAAQ,CAAA,CAAI,CAAA,EAClF,EAER,CAEF,EAAmB,YAAc,qBAEjC,IAAA,EAAe"}
+{"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,SAAU,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;AAEjC,iCAAe"}

package/dist/stepperHorizontal/stepHorizontalTitle.js

@@ -1,2 +1,32 @@
-import{cs as e}from"../utils/styles.js";import{vui as t}from"../core/vui.js";import{Box as n}from"../box/box.js";import{boldTitles as r,stepClassName as i,titleColor as a}from"./consts.js";import{jsx as o}from"react/jsx-runtime";const s=t((t,s)=>{let{children:c,className:l,size:u=`md`,variant:d=`active`,...f}=t;return o(n,{className:e(i+`Title`),color:a[d],display:`block`,fontSize:`${u===`md`?16:14}px`,fontWeight:r.includes(d)?600:void 0,pt:`${u===`md`?4:2}px`,textAlign:`center`,whiteSpace:`nowrap`,...f,children:c})});s.displayName=`StepHorizontalTitle`;var c=s;export{c as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { cs } from "../utils/styles.js";
+import { vui } from "../core/vui.js";
+import { Box } from "../box/box.js";
+import { boldTitles, stepClassName, titleColor } from "./consts.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/stepperHorizontal/stepHorizontalTitle.tsx
+/**
+* Implements Horizontal stepper tail (the Horizontal line) **
+*/
+const StepHorizontalTitle = vui((props, ref) => {
+	const { children, className, size = "md", variant = "active",...rest } = props;
+	return /* @__PURE__ */ jsx(Box, {
+		className: cs(stepClassName + "Title"),
+		color: titleColor[variant],
+		display: "block",
+		fontSize: `${size === "md" ? 16 : 14}px`,
+		fontWeight: boldTitles.includes(variant) ? 600 : void 0,
+		pt: `${size === "md" ? 4 : 2}px`,
+		textAlign: "center",
+		whiteSpace: "nowrap",
+		...rest,
+		children
+	});
+});
+StepHorizontalTitle.displayName = "StepHorizontalTitle";
+var stepHorizontalTitle_default = StepHorizontalTitle;
+
+//#endregion
+export { stepHorizontalTitle_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# 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":"qOASA,MAAa,EAAsB,GAAsC,EAAO,IAAQ,CACtF,GAAM,CAAE,WAAU,YAAW,OAAO,KAAM,UAAU,SAAU,GAAG,GAAS,EAC1E,OACE,EAAC,EAAA,CACC,UAAW,EAAG,EAAgB,QAAQ,CACtC,MAAO,EAAW,GAClB,QAAQ,QACR,SAAU,GAAG,IAAS,KAAO,GAAK,GAAG,IACrC,WAAY,EAAW,SAAS,EAAQ,CAAG,IAAM,IAAA,GACjD,GAAI,GAAG,IAAS,KAAO,EAAI,EAAE,IAC7B,UAAU,SACV,WAAW,SACX,GAAI,EAEH,YACG,EAER,CAEF,EAAoB,YAAc,sBAElC,IAAA,EAAe"}
+{"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,SAAU,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;AAElC,kCAAe"}

package/dist/stepperHorizontal/stepperHorizontal.d.ts

@@ -1,5 +1,6 @@
 import { VuiComponent } from "../core/vui.js";
 import { StepperHorizontalProps } from "./stepperHorizontalTypes.js";
+import "../index.js";
 
 //#region src/stepperHorizontal/stepperHorizontal.d.ts
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"stepperHorizontal.d.ts","names":[],"sources":["../../src/stepperHorizontal/stepperHorizontal.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAWa,OAAA,CAAA,KAAA,CAAA,iBAkBX,CAAA,CAlB4B,YAkB5B,CAAA,CAAA,GAAA,CAAA,CAAA,CAlB4B,sBAkB5B,CAAA"}
+{"version":3,"file":"stepperHorizontal.d.ts","names":[],"sources":["../../src/stepperHorizontal/stepperHorizontal.tsx"],"sourcesContent":[],"mappings":";;;;;;;;cAWa,mBAAiB,oBAAA"}

package/dist/stepperHorizontal/stepperHorizontal.js

@@ -1,2 +1,33 @@
-import{filterUndefined as e}from"../utils/object.js";import{cs as t}from"../utils/styles.js";import{useStyleConfig as n}from"../core/theme.js";import{vui as r}from"../core/vui.js";import{StepperHorizontalProvider as i}from"./context.js";import a from"./stepperHorizontalBase.js";import{useMemo as o}from"react";import{jsx as s}from"react/jsx-runtime";const c=r((r,c)=>{let{children:l,className:u,size:d,...f}=r,p=n(`StepperHorizontal`,r);return s(i,{value:o(()=>e({size:d}),[d]),children:s(a,{className:t(`vui-stepperHorizontal`,u),ref:c,...p.container,...f,children:l})})});c.displayName=`StepperHorizontal`;export{c as StepperHorizontal};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { filterUndefined } from "../utils/object.js";
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import { StepperHorizontalProvider } from "./context.js";
+import stepperHorizontalBase_default from "./stepperHorizontalBase.js";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/stepperHorizontal/stepperHorizontal.tsx
+/**
+* [Beta] Implements Horizontal stepper **
+*/
+const StepperHorizontal = vui((props, ref) => {
+	const { children, className, size,...rest } = props;
+	const styles = useStyleConfig("StepperHorizontal", props);
+	return /* @__PURE__ */ jsx(StepperHorizontalProvider, {
+		value: useMemo(() => filterUndefined({ size }), [size]),
+		children: /* @__PURE__ */ jsx(stepperHorizontalBase_default, {
+			className: cs("vui-stepperHorizontal", className),
+			ref,
+			...styles.container,
+			...rest,
+			children
+		})
+	});
+});
+StepperHorizontal.displayName = "StepperHorizontal";
+
+//#endregion
+export { StepperHorizontal };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=stepperHorizontal.js.map

package/dist/stepperHorizontal/stepperHorizontal.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepperHorizontal.js","names":["StepperHorizontalBase"],"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":"+VAWA,MAAa,EAAoB,GAAoC,EAAO,IAAQ,CAClF,GAAM,CAAE,WAAU,YAAW,OAAM,GAAG,GAAS,EACzC,EAAS,EAAe,oBAAqB,EAAM,CAIzD,OACE,EAAC,EAAA,CAA0B,MAHb,MAAc,EAAgB,CAAE,OAAM,CAAC,CAAE,CAAC,EAAK,CAAC,UAI5D,EAACA,EAAAA,CACC,UAAW,EAAG,wBAAyB,EAAU,CAC5C,MACL,GAAI,EAAO,UACX,GAAI,EAEH,YACqB,EACE,EAE9B,CAEF,EAAkB,YAAc"}
+{"version":3,"file":"stepperHorizontal.js","names":["StepperHorizontalBase"],"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,KAAM,GAAG,SAAS;CAC/C,MAAM,SAAS,eAAe,qBAAqB,MAAM;AAIzD,QACE,oBAAC;EAA0B,OAHb,cAAc,gBAAgB,EAAE,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC;YAI5D,oBAACA;GACC,WAAW,GAAG,yBAAyB,UAAU;GAC5C;GACL,GAAI,OAAO;GACX,GAAI;GAEH;IACqB;GACE;EAE9B;AAEF,kBAAkB,cAAc"}

package/dist/stepperHorizontal/stepperHorizontalBase.js

@@ -1,18 +1,27 @@
-import{styled as e}from"../core/styled.js";import{stepClassName as t,tailClassName as n,tailClassNameLeft as r,tailClassNameRight as i,variantColor as a}from"./consts.js";var o=e.divBox`
+import { styled } from "../core/styled.js";
+import { stepClassName, tailClassName, tailClassNameLeft, tailClassNameRight, variantColor } from "./consts.js";
+
+//#region src/stepperHorizontal/stepperHorizontalBase.ts
+const StepperHorizontalBase = styled.divBox`
   display: flex;
   width: 100%;
 
-  .${t}:first-of-type .${n}Left, .${t}:last-of-type .${n}Right {
+  .${stepClassName}:first-of-type .${tailClassName}Left, .${stepClassName}:last-of-type .${tailClassName}Right {
     visibility: hidden;
   }
 
-  .${r}, .${i} {
+  .${tailClassNameLeft}, .${tailClassNameRight} {
     width: 50%;
   }
-  ${Object.keys(a).map(e=>`.${r+e},
-  .${i+e},
-  .${t+e} + .${t} .${r} {
-    border-bottom: 1px solid ${a[e]};
+  ${Object.keys(variantColor).map((variant) => `.${tailClassNameLeft + variant},
+  .${tailClassNameRight + variant},
+  .${stepClassName + variant} + .${stepClassName} .${tailClassNameLeft} {
+    border-bottom: 1px solid ${variantColor[variant]};
   }`)}
-`;export{o as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+`;
+var stepperHorizontalBase_default = StepperHorizontalBase;
+
+//#endregion
+export { stepperHorizontalBase_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=stepperHorizontalBase.js.map

package/dist/stepperHorizontal/stepperHorizontalBase.js.map

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

package/dist/stepperHorizontal/stepperHorizontalTypes.d.ts

@@ -1,8 +1,12 @@
 import { ThemingProps } from "../theme/types.js";
 import { SystemProps } from "../system/system.js";
+import "../system/index.js";
 import { BoxProps } from "../box/box.types.js";
+import "../box/index.js";
 import { IconProp } from "../icon/icon.types.js";
+import "../icon/index.js";
 import { ChildrenProp } from "../core/types.js";
+import "../core/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"],"sourcesContent":[],"mappings":";;;;;;;;;KASY,kBAAA,CAAA,CAAA;KAEA,sBAAA,CAAA,CAAA,CAAyB,cAAc,oCAAoC;AAF3E,IAAA,CAIA,mBAAA,CAAA,CAAA,CAAsB,WAJJ,CAAA,CAAA,CAK5B,YAL4B,CAAA,CAAA,CAAA;EAElB,IAAA,CAAA,CAAA,CAID,QAJC;EAAsB,MAAA,CAAA,CAAA,CAAA,MAAA;MAAG,CAAA,CAAA,CAM1B,kBAN0B;aAAc,CAAA,CAAA,CAOjC,SAPiC;OAAoC,CAAA,CAAA,CAQ3E,SAR2E;EAAY,QAAA,CAAA,CAAA,CAAA,OAAA;EAEvF,SAAA,CAAA,CAAA,CAAA,MAAA;EAAmB,OAAA,CAAA,CAAA,CASjB,oBATiB;;AAC7B,IAAA,CAWU,uBAAA,CAAA,CAAA,CAA0B,QAXpC,CAAA,CAAA,CAAA;SACS,CAAA,CAAA,CAWC,oBAXD;;AAGO,IAAA,CAWN,wBAAA,CAAA,CAAA,CAA2B,QAXrB,CAAA,CAAA,CAAA;MACN,CAAA,CAAA,CAWH,kBAXG;SAGE,CAAA,CAAA,CASF,oBATE;CAAoB"}
+{"version":3,"file":"stepperHorizontalTypes.d.ts","names":[],"sources":["../../src/stepperHorizontal/stepperHorizontalTypes.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;KASY,kBAAA,CAAA,CAAA;KAEA,sBAAA,CAAA,CAAA,CAAyB,cAAc,oCAAoC;KAE3E,mBAAA,CAAA,CAAA,CAAsB,cAChC;SACS;;SAEA;EARC,WAAA,CAAA,CAAA,CASM,SATY;EAElB,KAAA,CAAA,CAAA,CAQA,SARA;EAAyB,QAAA,CAAA,CAAA,CAAA,OAAA;EAAc,SAAA,CAAA,CAAA,CAAA,MAAA;EAAoC,OAAA,CAAA,CAAA,CAWzE,oBAXyE;CAAY;AAEvF,IAAA,CAYA,uBAAA,CAAA,CAAA,CAA0B,QAZP,CAAA,CAAA,CAAA;EAAG,OAAA,CAAA,CAAA,CAatB,oBAbsB;CAChC;AACS,IAAA,CAcC,wBAAA,CAAA,CAAA,CAA2B,QAd5B,CAAA,CAAA,CAAA;EAEA,IAAA,CAAA,CAAA,CAaF,kBAbE;EACO,OAAA,CAAA,CAAA,CAaN,oBAbM;CACN"}

package/dist/stepperHorizontal/theme.js

@@ -1,2 +1,21 @@
-var e={baseStyle:{},defaultProps:{size:`md`},parts:[`stepHorizontal`],sizes:{sm:{},md:{}},variants:{}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+//#region src/stepperHorizontal/theme.ts
+const baseStyle = {};
+const defaultProps = { size: "md" };
+const parts = ["stepHorizontal"];
+const sizes = {
+	sm: {},
+	md: {}
+};
+const variants = {};
+var theme_default = {
+	baseStyle,
+	defaultProps,
+	parts,
+	sizes,
+	variants
+};
+
+//#endregion
+export { theme_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=theme.js.map

package/dist/stepperHorizontal/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/stepperHorizontal/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {\n  size: 'md',\n}\n\nconst parts = ['stepHorizontal']\n\nconst sizes = {\n  sm: {},\n  md: {},\n}\n\nconst variants = {}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":"AAeA,IAAA,EAAe,CACb,UAhBgB,EAAE,CAiBlB,aAfmB,CACnB,KAAM,KACP,CAcC,MAZY,CAAC,iBAAiB,CAa9B,MAXY,CACZ,GAAI,EAAE,CACN,GAAI,EAAE,CACP,CASC,SAPe,EAAE,CAQlB"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/stepperHorizontal/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {\n  size: 'md',\n}\n\nconst parts = ['stepHorizontal']\n\nconst sizes = {\n  sm: {},\n  md: {},\n}\n\nconst variants = {}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY,EAAE;AAEpB,MAAM,eAAe,EACnB,MAAM,MACP;AAED,MAAM,QAAQ,CAAC,iBAAiB;AAEhC,MAAM,QAAQ;CACZ,IAAI,EAAE;CACN,IAAI,EAAE;CACP;AAED,MAAM,WAAW,EAAE;AAEnB,oBAAe;CACb;CACA;CACA;CACA;CACA;CACD"}

package/dist/stepperVertical/consts.js

@@ -1,2 +1,23 @@
-const e={active:`seaBlue.main`,completed:`landGreen.41`,optional:`seaBlue.45`,pending:`sandstone.90`,error:`energyRed.main`},t={active:`sandstone.10`,completed:`sandstone.10`,optional:`sandstone.10`,pending:`sandstone.55`,error:`energyRed.main`},n=[`active`,`error`],r=`vui-stepVertical`,i=r+`Tail`;export{n as boldTitles,r as stepClassName,i as tailClassName,t as titleColor,e as variantColor};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+//#region src/stepperVertical/consts.ts
+const variantColor = {
+	active: "seaBlue.main",
+	completed: "landGreen.41",
+	optional: "seaBlue.45",
+	pending: "sandstone.90",
+	error: "energyRed.main"
+};
+const titleColor = {
+	active: "sandstone.10",
+	completed: "sandstone.10",
+	optional: "sandstone.10",
+	pending: "sandstone.55",
+	error: "energyRed.main"
+};
+const boldTitles = ["active", "error"];
+const stepClassName = "vui-stepVertical";
+const tailClassName = stepClassName + "Tail";
+
+//#endregion
+export { boldTitles, stepClassName, tailClassName, titleColor, variantColor };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=consts.js.map

package/dist/stepperVertical/consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"consts.js","names":[],"sources":["../../src/stepperVertical/consts.ts"],"sourcesContent":["export const variantColor = {\n  active: 'seaBlue.main',\n  completed: 'landGreen.41',\n  optional: 'seaBlue.45',\n  pending: 'sandstone.90',\n  error: 'energyRed.main',\n}\n\nexport const titleColor = {\n  active: 'sandstone.10',\n  completed: 'sandstone.10',\n  optional: 'sandstone.10',\n  pending: 'sandstone.55',\n  error: 'energyRed.main',\n}\n\nexport const boldTitles = ['active', 'error']\n\nexport const stepClassName = 'vui-stepVertical'\n\nexport const tailClassName = stepClassName + 'Tail'\n"],"mappings":"AAAA,MAAa,EAAe,CAC1B,OAAQ,eACR,UAAW,eACX,SAAU,aACV,QAAS,eACT,MAAO,iBACR,CAEY,EAAa,CACxB,OAAQ,eACR,UAAW,eACX,SAAU,eACV,QAAS,eACT,MAAO,iBACR,CAEY,EAAa,CAAC,SAAU,QAAQ,CAEhC,EAAgB,mBAEhB,EAAgB,EAAgB"}
+{"version":3,"file":"consts.js","names":[],"sources":["../../src/stepperVertical/consts.ts"],"sourcesContent":["export const variantColor = {\n  active: 'seaBlue.main',\n  completed: 'landGreen.41',\n  optional: 'seaBlue.45',\n  pending: 'sandstone.90',\n  error: 'energyRed.main',\n}\n\nexport const titleColor = {\n  active: 'sandstone.10',\n  completed: 'sandstone.10',\n  optional: 'sandstone.10',\n  pending: 'sandstone.55',\n  error: 'energyRed.main',\n}\n\nexport const boldTitles = ['active', 'error']\n\nexport const stepClassName = 'vui-stepVertical'\n\nexport const tailClassName = stepClassName + 'Tail'\n"],"mappings":";AAAA,MAAa,eAAe;CAC1B,QAAQ;CACR,WAAW;CACX,UAAU;CACV,SAAS;CACT,OAAO;CACR;AAED,MAAa,aAAa;CACxB,QAAQ;CACR,WAAW;CACX,UAAU;CACV,SAAS;CACT,OAAO;CACR;AAED,MAAa,aAAa,CAAC,UAAU,QAAQ;AAE7C,MAAa,gBAAgB;AAE7B,MAAa,gBAAgB,gBAAgB"}

package/dist/stepperVertical/context.js

@@ -1,2 +1,9 @@
-import{createContext as e}from"../utils/react.js";const[t,n]=e({isOptional:!0});export{t as StepperVerticalProvider,n as useStepperVerticalContext};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { createContext } from "../utils/react.js";
+
+//#region src/stepperVertical/context.ts
+const [StepperVerticalProvider, useStepperVerticalContext] = createContext({ isOptional: true });
+
+//#endregion
+export { StepperVerticalProvider, useStepperVerticalContext };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=context.js.map

package/dist/stepperVertical/context.js.map

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

package/dist/stepperVertical/index.d.ts

@@ -0,0 +1,3 @@
+import { StepVerticalProps, StepVerticalSize, StepVerticalTailProps, StepVerticalTitleProps, StepperVerticalProps } from "./stepperVerticalTypes.js";
+import { StepperVertical } from "./stepperVertical.js";
+import { StepVertical, StepVerticalBase } from "./stepVertical.js";

package/dist/stepperVertical/stepVertical.d.ts

@@ -1,10 +1,11 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { StepVerticalProps } from "./stepperVerticalTypes.js";
-import * as styled_components406 from "styled-components";
+import "../index.js";
+import * as styled_components414 from "styled-components";
 
 //#region src/stepperVertical/stepVertical.d.ts
-declare const StepVerticalBase: styled_components406.StyledComponent<"div", styled_components406.DefaultTheme, SystemProps, never>;
+declare const StepVerticalBase: styled_components414.StyledComponent<"div", styled_components414.DefaultTheme, SystemProps, never>;
 /**
  * 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"],"sourcesContent":[],"mappings":";;;;;;cAUa,kBAAgB,oBAAA,CAAA,uBAI5B,oBAAA,CAJ4B,YAAA,CAAA,CAAA,WAAA,CAAA;;;;cAShB,cAAY,oBAAA"}
+{"version":3,"file":"stepVertical.d.ts","names":[],"sources":["../../src/stepperVertical/stepVertical.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAUa,kBAAgB,oBAAA,CAAA,uBAI5B,oBAAA,CAJ4B,YAAA,CAAA,CAAA,WAAA,CAAA;;;;cAShB,cAAY,oBAAA"}

package/dist/stepperVertical/stepVertical.js

@@ -1,6 +1,65 @@
-import{cs as e}from"../utils/styles.js";import{styled as t}from"../core/styled.js";import{vui as n}from"../core/vui.js";import{Box as r}from"../box/box.js";import{StepIndicator as i}from"../stepIndicator/stepIndicator.js";import{useStepperVerticalContext as a}from"./context.js";import{stepClassName as o}from"./consts.js";import s from"./stepVerticalTail.js";import c from"./stepVerticalTitle.js";import{jsx as l,jsxs as u}from"react/jsx-runtime";const d=t.divBox`
+import { cs } from "../utils/styles.js";
+import { styled } from "../core/styled.js";
+import { vui } from "../core/vui.js";
+import { Box } from "../box/box.js";
+import { StepIndicator } from "../stepIndicator/stepIndicator.js";
+import { useStepperVerticalContext } from "./context.js";
+import { stepClassName } from "./consts.js";
+import stepVerticalTail_default from "./stepVerticalTail.js";
+import stepVerticalTitle_default from "./stepVerticalTitle.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/stepperVertical/stepVertical.tsx
+const StepVerticalBase = styled.divBox`
   display: flex;
   position: relative;
   width: 100%;
-`,f=n(({icon:t,number:n,size:f=`md`,description:p,title:m,className:h,variant:g,children:_},v)=>{let y=a()?.size||f;return u(d,{className:e(o,h),ref:v,children:[l(s,{size:y,variant:g}),l(r,{flex:`0 0 ${y===`md`?40:30}px`,children:l(i,{icon:t,number:n,size:y,variant:g})}),u(r,{flex:`1`,flexDirection:`column`,children:[!!m&&l(c,{size:y,variant:g,children:m}),!!p&&l(r,{color:`sandstone.45`,fontSize:`${y===`md`?14:12}px`,children:p}),l(r,{children:_})]})]})});f.displayName=`StepVertical`;export{f as StepVertical,d as StepVerticalBase};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+`;
+/**
+* Implements a vertical step component
+*/
+const StepVertical = vui(({ icon, number, size: propSize = "md", description, title, className, variant, children }, ref) => {
+	const size = useStepperVerticalContext()?.size || propSize;
+	return /* @__PURE__ */ jsxs(StepVerticalBase, {
+		className: cs(stepClassName, className),
+		ref,
+		children: [
+			/* @__PURE__ */ jsx(stepVerticalTail_default, {
+				size,
+				variant
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				flex: `0 0 ${size === "md" ? 40 : 30}px`,
+				children: /* @__PURE__ */ jsx(StepIndicator, {
+					icon,
+					number,
+					size,
+					variant
+				})
+			}),
+			/* @__PURE__ */ jsxs(Box, {
+				flex: "1",
+				flexDirection: "column",
+				children: [
+					!!title && /* @__PURE__ */ jsx(stepVerticalTitle_default, {
+						size,
+						variant,
+						children: title
+					}),
+					!!description && /* @__PURE__ */ jsx(Box, {
+						color: "sandstone.45",
+						fontSize: `${size === "md" ? 14 : 12}px`,
+						children: description
+					}),
+					/* @__PURE__ */ jsx(Box, { children })
+				]
+			})
+		]
+	});
+});
+StepVertical.displayName = "StepVertical";
+
+//#endregion
+export { StepVertical, StepVerticalBase };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=stepVertical.js.map

package/dist/stepperVertical/stepVertical.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepVertical.js","names":["StepVerticalTail","StepVerticalTitle"],"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":"gcAUA,MAAa,EAAmB,EAAO,MAAM;;;;EAShC,EAAe,GACzB,CAAE,OAAM,SAAQ,KAAM,EAAW,KAAM,cAAa,QAAO,YAAW,UAAS,YAAY,IAAQ,CAElG,IAAM,EADU,GAA2B,EACrB,MAAQ,EAC9B,OACE,EAAC,EAAA,CAAiB,UAAW,EAAG,EAAe,EAAU,CAAO,gBAC9D,EAACA,EAAAA,CAAuB,OAAe,WAAkB,CACzD,EAAC,EAAA,CAAI,KAAM,OAAO,IAAS,KAAO,GAAK,GAAG,aACxC,EAAC,EAAA,CAAoB,OAAc,SAAc,OAAe,WAAW,EACvE,CACN,EAAC,EAAA,CAAI,KAAK,IAAI,cAAc,mBACzB,CAAC,CAAC,GACD,EAACC,EAAAA,CAAwB,OAAe,mBACrC,GACiB,CAErB,CAAC,CAAC,GACD,EAAC,EAAA,CAAI,MAAM,eAAe,SAAU,GAAG,IAAS,KAAO,GAAK,GAAG,aAC5D,GACG,CAER,EAAC,EAAA,CAAK,WAAA,CAAe,GACjB,GACW,EAGxB,CAED,EAAa,YAAc"}
+{"version":3,"file":"stepVertical.js","names":["StepVerticalTail","StepVerticalTitle"],"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,oBAACA;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,oBAACC;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"}

package/dist/stepperVertical/stepVerticalTail.js

@@ -1,2 +1,30 @@
-import{cs as e}from"../utils/styles.js";import{vui as t}from"../core/vui.js";import{Box as n}from"../box/box.js";import{tailClassName as r,variantColor as i}from"./consts.js";import{jsx as a}from"react/jsx-runtime";const o=t((t,o)=>{let{children:s,className:c,size:l=`md`,variant:u=`active`,...d}=t;return a(n,{borderRight:`1px solid ${i[u]}`,className:e(r),maxW:`16px`,minH:`100%`,position:`absolute`,ref:o,w:`${l===`md`?16:12}px`,...d})});o.displayName=`StepVerticalTail`;var s=o;export{s as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { cs } from "../utils/styles.js";
+import { vui } from "../core/vui.js";
+import { Box } from "../box/box.js";
+import { tailClassName, variantColor } from "./consts.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/stepperVertical/stepVerticalTail.tsx
+/**
+* Implements vertical stepper tail (the vertical line) **
+*/
+const StepVerticalTail = vui((props, ref) => {
+	const { children, className, size = "md", variant = "active",...rest } = props;
+	return /* @__PURE__ */ jsx(Box, {
+		borderRight: `1px solid ${variantColor[variant]}`,
+		className: cs(tailClassName),
+		maxW: "16px",
+		minH: "100%",
+		position: "absolute",
+		ref,
+		w: `${size === "md" ? 16 : 12}px`,
+		...rest
+	});
+});
+StepVerticalTail.displayName = "StepVerticalTail";
+var stepVerticalTail_default = StepVerticalTail;
+
+//#endregion
+export { stepVerticalTail_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# 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":"uNASA,MAAa,EAAmB,GAAmC,EAAO,IAAQ,CAChF,GAAM,CAAE,WAAU,YAAW,OAAO,KAAM,UAAU,SAAU,GAAG,GAAS,EAC1E,OACE,EAAC,EAAA,CACC,YAAa,aAAa,EAAa,KACvC,UAAW,EAAG,EAAc,CAC5B,KAAK,OACL,KAAK,OACL,SAAS,WACJ,MACL,EAAG,GAAG,IAAS,KAAO,GAAK,GAAG,IAC9B,GAAI,GACJ,EAEJ,CAEF,EAAiB,YAAc,mBAE/B,IAAA,EAAe"}
+{"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,SAAU,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;AAE/B,+BAAe"}

package/dist/stepperVertical/stepVerticalTitle.js

@@ -1,2 +1,30 @@
-import{cs as e}from"../utils/styles.js";import{vui as t}from"../core/vui.js";import{Box as n}from"../box/box.js";import{boldTitles as r,stepClassName as i,titleColor as a}from"./consts.js";import{jsx as o}from"react/jsx-runtime";const s=t((t,s)=>{let{children:c,className:l,size:u=`md`,variant:d=`active`,...f}=t;return o(n,{className:e(i+`Title`),color:a[d],fontSize:`${u===`md`?16:14}px`,fontWeight:r.includes(d)?600:void 0,pt:`${u===`md`?4:2}px`,whiteSpace:`nowrap`,...f,children:c})});s.displayName=`StepVerticalTitle`;var c=s;export{c as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { cs } from "../utils/styles.js";
+import { vui } from "../core/vui.js";
+import { Box } from "../box/box.js";
+import { boldTitles, stepClassName, titleColor } from "./consts.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/stepperVertical/stepVerticalTitle.tsx
+/**
+* Implements vertical stepper tail (the vertical line) **
+*/
+const StepVerticalTitle = vui((props, ref) => {
+	const { children, className, size = "md", variant = "active",...rest } = props;
+	return /* @__PURE__ */ jsx(Box, {
+		className: cs(stepClassName + "Title"),
+		color: titleColor[variant],
+		fontSize: `${size === "md" ? 16 : 14}px`,
+		fontWeight: boldTitles.includes(variant) ? 600 : void 0,
+		pt: `${size === "md" ? 4 : 2}px`,
+		whiteSpace: "nowrap",
+		...rest,
+		children
+	});
+});
+StepVerticalTitle.displayName = "StepVerticalTitle";
+var stepVerticalTitle_default = StepVerticalTitle;
+
+//#endregion
+export { stepVerticalTitle_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# 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":"qOASA,MAAa,EAAoB,GAAoC,EAAO,IAAQ,CAClF,GAAM,CAAE,WAAU,YAAW,OAAO,KAAM,UAAU,SAAU,GAAG,GAAS,EAC1E,OACE,EAAC,EAAA,CACC,UAAW,EAAG,EAAgB,QAAQ,CACtC,MAAO,EAAW,GAClB,SAAU,GAAG,IAAS,KAAO,GAAK,GAAG,IACrC,WAAY,EAAW,SAAS,EAAQ,CAAG,IAAM,IAAA,GACjD,GAAI,GAAG,IAAS,KAAO,EAAI,EAAE,IAC7B,WAAW,SACX,GAAI,EAEH,YACG,EAER,CAEF,EAAkB,YAAc,oBAEhC,IAAA,EAAe"}
+{"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,SAAU,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;AAEhC,gCAAe"}