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

package/dist/tutorial/tutorialCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"tutorialCard.js","names":[],"sources":["../../src/tutorial/tutorialCard.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport { styled } from '../core'\nimport { Box, Button, Card, DismissButton, H4, Icon, IconButton } from '../index'\nimport { tutorialColors } from './consts'\n\nconst TutorialHeader = styled(Box)`\n  display: flex;\n  flex-direction: row;\n  flex: 0;\n  flex-grow: 0;\n  -webkit-flex-grow: 0;\n  align-content: center;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 48px;\n  --vui-dismiss-fg: var(--vui-action-contrast-solid);\n`\nimport type { TutorialCardProps, TutorialDataStep, TutorialStepWrapper } from './tutorial.types'\n\nimport { TutorialStep } from './tutorialStep'\n\nexport function TutorialCard({\n  actionLabel = 'Action',\n  className,\n  title,\n  readMoreLink,\n  steps: propsSteps = [],\n  showSkipButton,\n  onAction,\n  onDismiss,\n  onFinish,\n  includeFinalPage,\n  useContentTitle,\n}: TutorialCardProps) {\n  const [steps, setSteps] = useState<TutorialStepWrapper[]>([])\n  const [activeStep, setActiveStep] = useState<number>(0)\n\n  useEffect(() => {\n    if (title && propsSteps.length) {\n      const s = propsSteps.map((step, key) => ({ active: false, step, key }))\n\n      const finalStep: TutorialDataStep = {\n        title: `Completed!`,\n        content: `${readMoreLink ? 'To learn more, please visit:' : 'Thank you!'}`,\n      }\n\n      if (readMoreLink) finalStep.readMoreLink = readMoreLink\n\n      includeFinalPage ? setSteps([...s, { step: finalStep, key: propsSteps.length }]) : setSteps([...s])\n    }\n  }, [title, propsSteps])\n\n  const isStartStep = activeStep === 0\n  const isFinalStep = includeFinalPage ? activeStep === propsSteps.length : activeStep === propsSteps.length - 1\n\n  return (\n    <Card\n      bg={tutorialColors.bg}\n      className={className}\n      color={tutorialColors.color}\n      column\n      justifyContent=\"space-between\"\n      minH={400}\n      px={3}\n      py={2}\n      w={580}\n    >\n      <TutorialHeader className={className + '__header'}>\n        <H4 color={tutorialColors.color}>{useContentTitle ? steps[activeStep]?.step?.title : title}</H4>\n        {!isFinalStep && <DismissButton aria-label=\"close\" onClick={onDismiss} />}\n      </TutorialHeader>\n      <Box flex={5} row>\n        {steps?.map?.(s => (\n          <TutorialStep\n            active={s.key === activeStep}\n            content={s.step.content}\n            key={s.step.title}\n            readMoreLink={s.step.readMoreLink}\n            title={s.step.title}\n            useContentTitle={useContentTitle}\n          />\n        ))}\n      </Box>\n      <Box alignItems=\"center\" justifyContent=\"space-between\" mt={0}>\n        <Box alignItems=\"center\" justifyContent=\"space-between\" w=\"-webkit-fill-available\">\n          <IconButton\n            aria-label=\"previous\"\n            color={tutorialColors.buttonColor}\n            disabled={isStartStep}\n            icon=\"uiArrowLeft\"\n            onClick={() => setActiveStep(activeStep - 1)}\n            scale={2}\n            transition=\"none\"\n            variant=\"tertiary\"\n          />\n          <Box className=\"vuiTutorialStepDots\">\n            {steps?.map?.(s => (\n              <Icon\n                color={s.key === activeStep ? tutorialColors.color : 'darkBlue.30'}\n                cursor=\"pointer\"\n                hoverColor={tutorialColors.buttonColor}\n                key={s.key}\n                name=\"uiDotFull\"\n                onClick={() => setActiveStep(s.key)}\n              />\n            ))}\n          </Box>\n          <IconButton\n            aria-label=\"next\"\n            color={tutorialColors.buttonColor}\n            disabled={isFinalStep}\n            icon=\"uiArrowRight\"\n            onClick={() => setActiveStep(activeStep + 1)}\n            scale={2}\n            transition=\"none\"\n            variant=\"tertiary\"\n          />\n        </Box>\n        {(showSkipButton || isFinalStep || !!onAction) && (\n          <Box alignItems=\"center\" justifyContent=\"space-between\">\n            {showSkipButton && !isFinalStep && (\n              <Button mx={1} onClick={onDismiss} variant=\"secondary\" intent=\"contrast\">\n                Skip\n              </Button>\n            )}\n            {isFinalStep && (\n              <Button mx={1} onClick={onFinish} variant=\"primary\" intent=\"contrast\" minW=\"82px\">\n                I got it\n              </Button>\n            )}\n            {!!onAction && (\n              <Button\n                ml={1}\n                mr={showSkipButton || isFinalStep ? 12 : 2}\n                onClick={onAction}\n                variant=\"primary\"\n                intent=\"contrast\"\n              >\n                {actionLabel}\n              </Button>\n            )}\n          </Box>\n        )}\n      </Box>\n    </Card>\n  )\n}\n\nTutorialCard.displayName = 'TutorialCard'\n"],"mappings":"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"}
+{"version":3,"file":"tutorialCard.js","names":[],"sources":["../../src/tutorial/tutorialCard.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport { styled } from '../core'\nimport { Box, Button, Card, DismissButton, H4, Icon, IconButton } from '../index'\nimport { tutorialColors } from './consts'\n\nconst TutorialHeader = styled(Box)`\n  display: flex;\n  flex-direction: row;\n  flex: 0;\n  flex-grow: 0;\n  -webkit-flex-grow: 0;\n  align-content: center;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 48px;\n  --vui-dismiss-fg: var(--vui-action-contrast-solid);\n`\nimport type { TutorialCardProps, TutorialDataStep, TutorialStepWrapper } from './tutorial.types'\n\nimport { TutorialStep } from './tutorialStep'\n\nexport function TutorialCard({\n  actionLabel = 'Action',\n  className,\n  title,\n  readMoreLink,\n  steps: propsSteps = [],\n  showSkipButton,\n  onAction,\n  onDismiss,\n  onFinish,\n  includeFinalPage,\n  useContentTitle,\n}: TutorialCardProps) {\n  const [steps, setSteps] = useState<TutorialStepWrapper[]>([])\n  const [activeStep, setActiveStep] = useState<number>(0)\n\n  useEffect(() => {\n    if (title && propsSteps.length) {\n      const s = propsSteps.map((step, key) => ({ active: false, step, key }))\n\n      const finalStep: TutorialDataStep = {\n        title: `Completed!`,\n        content: `${readMoreLink ? 'To learn more, please visit:' : 'Thank you!'}`,\n      }\n\n      if (readMoreLink) finalStep.readMoreLink = readMoreLink\n\n      includeFinalPage ? setSteps([...s, { step: finalStep, key: propsSteps.length }]) : setSteps([...s])\n    }\n  }, [title, propsSteps])\n\n  const isStartStep = activeStep === 0\n  const isFinalStep = includeFinalPage ? activeStep === propsSteps.length : activeStep === propsSteps.length - 1\n\n  return (\n    <Card\n      bg={tutorialColors.bg}\n      className={className}\n      color={tutorialColors.color}\n      column\n      justifyContent=\"space-between\"\n      minH={400}\n      px={3}\n      py={2}\n      w={580}\n    >\n      <TutorialHeader className={className + '__header'}>\n        <H4 color={tutorialColors.color}>{useContentTitle ? steps[activeStep]?.step?.title : title}</H4>\n        {!isFinalStep && <DismissButton aria-label=\"close\" icon=\"uiTimes\" onClick={onDismiss} scale={2} />}\n      </TutorialHeader>\n      <Box flex={5} row>\n        {steps?.map?.(s => (\n          <TutorialStep\n            active={s.key === activeStep}\n            content={s.step.content}\n            key={s.step.title}\n            readMoreLink={s.step.readMoreLink}\n            title={s.step.title}\n            useContentTitle={useContentTitle}\n          />\n        ))}\n      </Box>\n      <Box alignItems=\"center\" justifyContent=\"space-between\" mt={0}>\n        <Box alignItems=\"center\" justifyContent=\"space-between\" w=\"-webkit-fill-available\">\n          <IconButton\n            aria-label=\"previous\"\n            color={tutorialColors.buttonColor}\n            disabled={isStartStep}\n            icon=\"uiArrowLeft\"\n            onClick={() => setActiveStep(activeStep - 1)}\n            scale={2}\n            transition=\"none\"\n            variant=\"tertiary\"\n          />\n          <Box className=\"vuiTutorialStepDots\">\n            {steps?.map?.(s => (\n              <Icon\n                color={s.key === activeStep ? tutorialColors.color : 'darkBlue.30'}\n                cursor=\"pointer\"\n                hoverColor={tutorialColors.buttonColor}\n                key={s.key}\n                name=\"uiDotFull\"\n                onClick={() => setActiveStep(s.key)}\n              />\n            ))}\n          </Box>\n          <IconButton\n            aria-label=\"next\"\n            color={tutorialColors.buttonColor}\n            disabled={isFinalStep}\n            icon=\"uiArrowRight\"\n            onClick={() => setActiveStep(activeStep + 1)}\n            scale={2}\n            transition=\"none\"\n            variant=\"tertiary\"\n          />\n        </Box>\n        {(showSkipButton || isFinalStep || !!onAction) && (\n          <Box alignItems=\"center\" justifyContent=\"space-between\">\n            {showSkipButton && !isFinalStep && (\n              <Button mx={1} onClick={onDismiss} variant=\"secondary\" intent=\"contrast\">\n                Skip\n              </Button>\n            )}\n            {isFinalStep && (\n              <Button mx={1} onClick={onFinish} variant=\"primary\" intent=\"contrast\" minW=\"82px\">\n                I got it\n              </Button>\n            )}\n            {!!onAction && (\n              <Button\n                ml={1}\n                mr={showSkipButton || isFinalStep ? 12 : 2}\n                onClick={onAction}\n                variant=\"primary\"\n                intent=\"contrast\"\n              >\n                {actionLabel}\n              </Button>\n            )}\n          </Box>\n        )}\n      </Box>\n    </Card>\n  )\n}\n\nTutorialCard.displayName = 'TutorialCard'\n"],"mappings":"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"}

package/dist/tutorial/tutorialStep.js

@@ -20,5 +20,5 @@ TutorialStep.displayName = "TutorialStep";
 
 //#endregion
 export { TutorialStep };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=tutorialStep.js.map

package/dist/utils/array.js

@@ -18,5 +18,5 @@ function toggleItem(array, item) {
 
 //#endregion
 export { compareBy, toggleItem };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=array.js.map

package/dist/utils/assertion.js

@@ -32,5 +32,5 @@ function isString(value) {
 
 //#endregion
 export { isArray, isFunction, isJsx, isNumber, isObject, isReactText, isString };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=assertion.js.map

package/dist/utils/consts.js

@@ -6,5 +6,5 @@ const dimmedBorderColor = "grey.40";
 
 //#endregion
 export { __DEV__, activeClassName, activeItemShade, dimmedBorderColor };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=consts.js.map

package/dist/utils/dates.js

@@ -55,5 +55,5 @@ const getCurrentYear = () => {
 
 //#endregion
 export { formatIsoDate, generateDateByUTCValue, getCurrentYear, getDateUTCValue, isValidDate, parseIsoDate, sameDate, sameYear, sameYearSameMonth, utcDateToLocale, validateDateFormat };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=dates.js.map

package/dist/utils/dom.js

@@ -12,5 +12,5 @@ const removeBodyClass = (className) => document.body.classList.remove(className)
 
 //#endregion
 export { addBodyClass, addElement, removeBodyClass, removeElement };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=dom.js.map

package/dist/utils/formatDate.js

@@ -79,5 +79,5 @@ function formatDate(date, format = "DD MM YYYY", options) {
 
 //#endregion
 export { dateFormats, formatDate };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=formatDate.js.map

package/dist/utils/function.js

@@ -16,5 +16,5 @@ function runIfFn(valueOrFn, ...args) {
 
 //#endregion
 export { callAll, noop, runIfFn };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=function.js.map

package/dist/utils/images.js

@@ -20,5 +20,5 @@ function loadImageUrl(url) {
 
 //#endregion
 export { loadImageUrl };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=images.js.map

package/dist/utils/number.js

@@ -6,5 +6,5 @@ function random(start = 0, end = 1e6) {
 
 //#endregion
 export { random };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=number.js.map

package/dist/utils/object.js

@@ -32,5 +32,5 @@ function objectFilter(object, fn) {
 
 //#endregion
 export { filterUndefined, merge, objectFilter };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=object.js.map

package/dist/utils/react.js

@@ -109,5 +109,5 @@ function useIsMounted() {
 
 //#endregion
 export { assignRef, createContext$1 as createContext, mergeRefs, useCallbackRef, useClickOutside, useControlled, useIds, useIsMounted };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=react.js.map

package/dist/utils/string.js

@@ -19,5 +19,5 @@ const generateMenuItemId = (title, level = 0) => {
 
 //#endregion
 export { generateMenuItemId, normalizeToId };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=string.js.map

package/dist/utils/styles.js

@@ -75,5 +75,5 @@ const ellipsisOverflow = {
 
 //#endregion
 export { HSLToRGBA, cs, ellipsisOverflow, hexToRGBA, parseHSL, vuiColorToRGBA };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=styles.js.map

package/dist/utils/uid.js

@@ -3,5 +3,5 @@ const uid = (prefix) => `${prefix ? `${prefix}_` : ""}${Date.now().toString(36)
 
 //#endregion
 export { uid };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=uid.js.map

package/dist/utils/window.js

@@ -3,5 +3,5 @@ const isActivePath = (path) => !!path && window.location.pathname.includes(path)
 
 //#endregion
 export { isActivePath };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=window.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veracity/vui",
-  "version": "5.3.0-alpha.manual.2608051020",
+  "version": "5.3.0",
   "description": "Veracity UI is a React component library crafted for use within Veracity applications and pages. Based on Styled Components and @xstyled.",
   "keywords": [
     "tanstack-intent"

package/dist/stepper/index.d.ts

@@ -1,6 +0,0 @@
-import { StepperIndicatorProps, StepperIndicatorSize, StepperIndicatorVariant } from "./stepperIndicatorTypes.js";
-import { StepperOrientation, StepperProps, StepperSize, StepperStepProps } from "./stepperTypes.js";
-import { Stepper } from "./stepper.js";
-import { StepperIndicator } from "./stepperIndicator.js";
-import { StepperStep } from "./stepperStep.js";
-export { Stepper, StepperIndicator, type StepperIndicatorProps, type StepperIndicatorSize, type StepperIndicatorVariant, type StepperOrientation, type StepperProps, type StepperSize, StepperStep, type StepperStepProps };

package/dist/stepper/stepper.d.ts

@@ -1,9 +0,0 @@
-import { VuiComponent } from "../core/vui.js";
-import { StepperProps } from "./stepperTypes.js";
-import "../index.js";
-//#region src/stepper/stepper.d.ts
-declare const Stepper: VuiComponent<"div", StepperProps>;
-//#endregion
-export { Stepper, Stepper as default };
-
-//# sourceMappingURL=stepper.d.ts.map

package/dist/stepper/stepper.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"stepper.d.ts","names":[],"sources":["../../src/stepper/stepper.tsx"],"mappings":";;;;cA2Ba,SAAO,oBAAA"}

package/dist/stepper/stepper.js

@@ -1,47 +0,0 @@
-import { filterUndefined } from "../utils/object.js";
-import { cs } from "../utils/styles.js";
-import styled from "../core/styled.js";
-import vui from "../core/vui.js";
-import { CLASS } from "./stepperConsts.js";
-import { StepperProvider } from "./stepperContext.js";
-import { useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/stepper/stepper.tsx
-const StepperHorizontalBase = styled.divBox`
-  display: flex;
-  overflow: hidden;
-  width: 100%;
-
-  .${CLASS.step}:last-of-type .${CLASS.tail} {
-    display: none;
-  }
-`;
-const StepperVerticalBase = styled.divBox`
-  width: 100%;
-
-  .${CLASS.step}:last-of-type > .${CLASS.tail} {
-    display: none;
-  }
-`;
-const Stepper = vui((props, ref) => {
-	const { children, className, orientation = "horizontal", size, ...rest } = props;
-	return /* @__PURE__ */ jsx(StepperProvider, {
-		value: useMemo(() => filterUndefined({
-			orientation,
-			size
-		}), [orientation, size]),
-		children: /* @__PURE__ */ jsx(orientation === "vertical" ? StepperVerticalBase : StepperHorizontalBase, {
-			className: cs("vui-stepper", className),
-			ref,
-			...rest,
-			children
-		})
-	});
-});
-Stepper.displayName = "Stepper";
-
-//#endregion
-export { Stepper, Stepper as default };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
-//# sourceMappingURL=stepper.js.map

package/dist/stepper/stepper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stepper.js","names":[],"sources":["../../src/stepper/stepper.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport type { StepperProps } from './stepperTypes'\n\nimport { styled, useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport { CLASS } from './stepperConsts'\nimport { StepperProvider } from './stepperContext'\n\nconst StepperHorizontalBase = styled.divBox`\n  display: flex;\n  overflow: hidden;\n  width: 100%;\n\n  .${CLASS.step}:last-of-type .${CLASS.tail} {\n    display: none;\n  }\n`\n\nconst StepperVerticalBase = styled.divBox`\n  width: 100%;\n\n  .${CLASS.step}:last-of-type > .${CLASS.tail} {\n    display: none;\n  }\n`\n\nexport const Stepper = vui<'div', StepperProps>((props, ref) => {\n  const { children, className, orientation = 'horizontal', size, ...rest } = props\n  const context = useMemo(() => filterUndefined({ orientation, size }), [orientation, size])\n\n  const Base = orientation === 'vertical' ? StepperVerticalBase : StepperHorizontalBase\n\n  return (\n    <StepperProvider value={context}>\n      <Base className={cs('vui-stepper', className)} ref={ref} {...rest}>\n        {children}\n      </Base>\n    </StepperProvider>\n  )\n})\n\nStepper.displayName = 'Stepper'\n\nexport default Stepper\n"],"mappings":";;;;;;;;;;AASA,MAAM,wBAAwB,OAAO,MAAM;;;;;KAKtC,MAAM,KAAK,iBAAiB,MAAM,KAAK;;;;AAK5C,MAAM,sBAAsB,OAAO,MAAM;;;KAGpC,MAAM,KAAK,mBAAmB,MAAM,KAAK;;;;AAK9C,MAAa,UAAU,KAA0B,OAAO,QAAQ;CAC9D,MAAM,EAAE,UAAU,WAAW,cAAc,cAAc,MAAM,GAAG,SAAS;CAK3E,OACE,oBAAC,iBAAD;EAAiB,OALH,cAAc,gBAAgB;GAAE;GAAa;EAAK,CAAC,GAAG,CAAC,aAAa,IAAI,CAKxD;YAC5B,oBAJS,gBAAgB,aAAa,sBAAsB,uBAI5D;GAAM,WAAW,GAAG,eAAe,SAAS;GAAQ;GAAK,GAAI;GAC1D;EACG;CACS;AAErB,CAAC;AAED,QAAQ,cAAc"}

package/dist/stepper/stepperConsts.js

@@ -1,29 +0,0 @@
-//#region src/stepper/stepperConsts.ts
-const STEP = "vui-stepperStep";
-const CLASS = {
-	step: STEP,
-	tail: `${STEP}Tail`,
-	tailLeft: `${STEP}TailLeft`,
-	tailRight: `${STEP}TailRight`,
-	tailLeftIcon: `${STEP}TailLeftIcon`,
-	tailRightIcon: `${STEP}TailRightIcon`,
-	title: `${STEP}Title`
-};
-const CSS_VARS = {
-	vertGap: "--vui-stepper-vert-gap",
-	horizTailHeight: "--vui-stepper-horiz-tail-height",
-	vertTailMaxWidth: "--vui-stepper-vert-tail-max-width",
-	tailColor: "--vui-stepper-tail-color",
-	iconTailColor: "--vui-stepper-icon-tail-color",
-	titleColor: "--vui-stepper-title-color",
-	descColor: "--vui-stepper-desc-color",
-	indicatorBg: "--vui-stepper-indicator-bg",
-	indicatorBorder: "--vui-stepper-indicator-border",
-	indicatorColor: "--vui-stepper-indicator-color",
-	indicatorOutline: "--vui-stepper-indicator-outline"
-};
-
-//#endregion
-export { CLASS, CSS_VARS };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
-//# sourceMappingURL=stepperConsts.js.map

package/dist/stepper/stepperConsts.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stepperConsts.js","names":[],"sources":["../../src/stepper/stepperConsts.ts"],"sourcesContent":["import type { StepperIndicatorVariant } from './stepperIndicatorTypes'\n\nexport const boldTitles: StepperIndicatorVariant[] = ['active', 'error']\n\nconst STEP = 'vui-stepperStep'\n\nexport const CLASS = {\n  step: STEP,\n  tail: `${STEP}Tail`,\n  tailLeft: `${STEP}TailLeft`,\n  tailRight: `${STEP}TailRight`,\n  tailLeftIcon: `${STEP}TailLeftIcon`,\n  tailRightIcon: `${STEP}TailRightIcon`,\n  title: `${STEP}Title`,\n} as const\n\nexport const CSS_VARS = {\n  // Layout (raw CSS values — work as var() fallbacks)\n  vertGap: '--vui-stepper-vert-gap',\n  horizTailHeight: '--vui-stepper-horiz-tail-height',\n  vertTailMaxWidth: '--vui-stepper-vert-tail-max-width',\n  // Colors (xstyled tokens — set after th.color() resolution)\n  tailColor: '--vui-stepper-tail-color',\n  iconTailColor: '--vui-stepper-icon-tail-color',\n  titleColor: '--vui-stepper-title-color',\n  descColor: '--vui-stepper-desc-color',\n  // Indicator circle / icon colors\n  indicatorBg: '--vui-stepper-indicator-bg',\n  indicatorBorder: '--vui-stepper-indicator-border',\n  indicatorColor: '--vui-stepper-indicator-color',\n  // Indicator ring (CSS class only — xstyled breaks if used as prop value)\n  indicatorOutline: '--vui-stepper-indicator-outline',\n} as const\n"],"mappings":";AAIA,MAAM,OAAO;AAEb,MAAa,QAAQ;CACnB,MAAM;CACN,MAAM,GAAG,KAAK;CACd,UAAU,GAAG,KAAK;CAClB,WAAW,GAAG,KAAK;CACnB,cAAc,GAAG,KAAK;CACtB,eAAe,GAAG,KAAK;CACvB,OAAO,GAAG,KAAK;AACjB;AAEA,MAAa,WAAW;CAEtB,SAAS;CACT,iBAAiB;CACjB,kBAAkB;CAElB,WAAW;CACX,eAAe;CACf,YAAY;CACZ,WAAW;CAEX,aAAa;CACb,iBAAiB;CACjB,gBAAgB;CAEhB,kBAAkB;AACpB"}

package/dist/stepper/stepperContext.js

@@ -1,9 +0,0 @@
-import { createContext } from "../utils/react.js";
-
-//#region src/stepper/stepperContext.ts
-const [StepperProvider, useStepperContext] = createContext({ isOptional: true });
-
-//#endregion
-export { StepperProvider, useStepperContext };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
-//# sourceMappingURL=stepperContext.js.map

package/dist/stepper/stepperContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stepperContext.js","names":[],"sources":["../../src/stepper/stepperContext.ts"],"sourcesContent":["import type { Dict } from '../utils'\n\nimport { createContext } from '../utils'\n\nconst [StepperProvider, useStepperContext] = createContext<Dict>({ isOptional: true })\n\nexport { StepperProvider, useStepperContext }\n"],"mappings":";;;AAIA,MAAM,CAAC,iBAAiB,qBAAqB,cAAoB,EAAE,YAAY,KAAK,CAAC"}

package/dist/stepper/stepperIndicator.d.ts

@@ -1,13 +0,0 @@
-import { VuiComponent } from "../core/vui.js";
-import { StepperIndicatorProps } from "./stepperIndicatorTypes.js";
-import "../index.js";
-//#region src/stepper/stepperIndicator.d.ts
-/**
- * Renders a step indicator circle with a number, icon, or status variant.
- * Sub-component of the Stepper namespace.
- */
-declare const StepperIndicator: VuiComponent<"div", StepperIndicatorProps>;
-//#endregion
-export { StepperIndicator, StepperIndicator as default };
-
-//# sourceMappingURL=stepperIndicator.d.ts.map

package/dist/stepper/stepperIndicator.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"stepperIndicator.d.ts","names":[],"sources":["../../src/stepper/stepperIndicator.tsx"],"mappings":";;;;;;;;cA6Ca,kBAAgB,oBAAA"}

package/dist/stepper/stepperIndicator.js

@@ -1,85 +0,0 @@
-import { cs } from "../utils/styles.js";
-import { ICON_SIZES } from "./stepperIndicatorTheme.js";
-import { th, useStyleConfig, useTheme } from "../core/theme.js";
-import styled from "../core/styled.js";
-import vui from "../core/vui.js";
-import { Icon } from "../icon/icon.js";
-import { T } from "../t/t.js";
-import { CSS_VARS } from "./stepperConsts.js";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/stepper/stepperIndicator.tsx
-const IndicatorBox = styled.spanBox`
-  align-items: center;
-  background-color: var(${CSS_VARS.indicatorBg}, ${(p) => p.$bg ?? "transparent"});
-  border-color: var(${CSS_VARS.indicatorBorder}, ${(p) => p.$border ?? "transparent"});
-  border-radius: 50%;
-  border-style: solid;
-  border-width: 1px;
-  color: var(${CSS_VARS.indicatorColor}, ${(p) => p.$color ?? "inherit"});
-  display: inline-flex;
-  justify-content: center;
-`;
-const NumberIndicatorBox = styled(IndicatorBox)`
-  outline: var(${CSS_VARS.indicatorOutline}, 6px solid white);
-`;
-const Content = ({ number, variant, size }) => {
-	if (typeof number === "undefined") return null;
-	const statusIconSize = ICON_SIZES.status[size ?? "md"];
-	if (variant === "completed") return /* @__PURE__ */ jsx(Icon, {
-		name: "uiCheck",
-		size: statusIconSize
-	});
-	if (variant === "error") return /* @__PURE__ */ jsx(Icon, {
-		name: "uiTimes",
-		size: statusIconSize
-	});
-	return /* @__PURE__ */ jsx(T, {
-		fontSize: size === "md" ? 16 : 14,
-		fontWeight: 600,
-		children: number
-	});
-};
-/**
-* Renders a step indicator circle with a number, icon, or status variant.
-* Sub-component of the Stepper namespace.
-*/
-const StepperIndicator = vui((props, ref) => {
-	const { icon, number, className, size = "md", variant = "active", ...rest } = props;
-	const { circle: circleStyles, icon: iconStyles, height, width } = useStyleConfig("StepperIndicator", props);
-	const isIconMode = Boolean(icon);
-	const slot = isIconMode ? iconStyles : circleStyles;
-	const theme = useTheme();
-	const rc = (token) => th.color(token)({ theme }) ?? token;
-	const indicatorColors = {
-		$bg: rc(slot?.bg ?? "transparent"),
-		$border: rc(slot?.borderColor ?? "transparent"),
-		$color: rc(slot?.color ?? "inherit")
-	};
-	const indicatorClassName = cs("vui-stepperIndicator", isIconMode ? "vui-stepperIndicatorIcon" : "vui-stepperIndicatorNumber", className);
-	const Root = isIconMode ? IndicatorBox : NumberIndicatorBox;
-	const content = isIconMode ? /* @__PURE__ */ jsx(Icon, {
-		name: icon,
-		size: ICON_SIZES.iconMode[size]
-	}) : /* @__PURE__ */ jsx(Content, {
-		number,
-		size,
-		variant
-	});
-	return /* @__PURE__ */ jsx(Root, {
-		"aria-hidden": "true",
-		className: indicatorClassName,
-		ref,
-		...indicatorColors,
-		...rest,
-		h: height,
-		w: width,
-		children: content
-	});
-});
-StepperIndicator.displayName = "StepperIndicator";
-
-//#endregion
-export { StepperIndicator, StepperIndicator as default };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
-//# sourceMappingURL=stepperIndicator.js.map

package/dist/stepper/stepperIndicator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stepperIndicator.js","names":[],"sources":["../../src/stepper/stepperIndicator.tsx"],"sourcesContent":["import type { StepperIndicatorProps } from './stepperIndicatorTypes'\nimport type { StepperIndicatorVariant } from './stepperIndicatorTypes'\n\nimport { styled, th, useStyleConfig, useTheme, vui } from '../core'\nimport Icon from '../icon'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { CSS_VARS } from './stepperConsts'\nimport { ICON_SIZES } from './stepperIndicatorTheme'\n\nconst IndicatorBox = styled.spanBox<{ $bg?: string; $border?: string; $color?: string }>`\n  align-items: center;\n  background-color: var(${CSS_VARS.indicatorBg}, ${(p: { $bg?: string }) => p.$bg ?? 'transparent'});\n  border-color: var(${CSS_VARS.indicatorBorder}, ${(p: { $border?: string }) => p.$border ?? 'transparent'});\n  border-radius: 50%;\n  border-style: solid;\n  border-width: 1px;\n  color: var(${CSS_VARS.indicatorColor}, ${(p: { $color?: string }) => p.$color ?? 'inherit'});\n  display: inline-flex;\n  justify-content: center;\n`\n\nconst NumberIndicatorBox = styled(IndicatorBox)`\n  outline: var(${CSS_VARS.indicatorOutline}, 6px solid white);\n`\n\ntype ContentProps = { number?: number; variant?: StepperIndicatorVariant; size?: 'md' | 'sm' }\n\nconst Content = ({ number, variant, size }: ContentProps) => {\n  if (typeof number === 'undefined') return null\n  const statusIconSize = ICON_SIZES.status[size ?? 'md']\n  if (variant === 'completed') return <Icon name=\"uiCheck\" size={statusIconSize} />\n  if (variant === 'error') return <Icon name=\"uiTimes\" size={statusIconSize} />\n\n  return (\n    <T fontSize={size === 'md' ? 16 : 14} fontWeight={600}>\n      {number}\n    </T>\n  )\n}\n\n/**\n * Renders a step indicator circle with a number, icon, or status variant.\n * Sub-component of the Stepper namespace.\n */\nexport const StepperIndicator = vui<'div', StepperIndicatorProps>((props, ref) => {\n  const { icon, number, className, size = 'md', variant = 'active', ...rest } = props\n\n  const styles = useStyleConfig('StepperIndicator', props)\n  const { circle: circleStyles, icon: iconStyles, height, width } = styles\n  const isIconMode = Boolean(icon)\n  const slot = isIconMode ? iconStyles : circleStyles\n  const theme = useTheme()\n  const rc = (token: string) => th.color(token)({ theme }) ?? token\n  const indicatorColors = {\n    $bg: rc(slot?.bg ?? 'transparent'),\n    $border: rc(slot?.borderColor ?? 'transparent'),\n    $color: rc(slot?.color ?? 'inherit'),\n  }\n\n  const indicatorClassName = cs(\n    'vui-stepperIndicator',\n    isIconMode ? 'vui-stepperIndicatorIcon' : 'vui-stepperIndicatorNumber',\n    className,\n  )\n\n  const Root = isIconMode ? IndicatorBox : NumberIndicatorBox\n  const content = isIconMode ? (\n    <Icon name={icon!} size={ICON_SIZES.iconMode[size]} />\n  ) : (\n    <Content number={number} size={size} variant={variant} />\n  )\n\n  return (\n    <Root\n      aria-hidden=\"true\"\n      className={indicatorClassName}\n      ref={ref}\n      {...indicatorColors}\n      {...rest}\n      h={height as string}\n      w={width as string}\n    >\n      {content}\n    </Root>\n  )\n})\n\nStepperIndicator.displayName = 'StepperIndicator'\n\nexport default StepperIndicator\n"],"mappings":";;;;;;;;;;;AAUA,MAAM,eAAe,OAAO,OAA4D;;0BAE9D,SAAS,YAAY,KAAK,MAAwB,EAAE,OAAO,cAAc;sBAC7E,SAAS,gBAAgB,KAAK,MAA4B,EAAE,WAAW,cAAc;;;;eAI5F,SAAS,eAAe,KAAK,MAA2B,EAAE,UAAU,UAAU;;;;AAK7F,MAAM,qBAAqB,OAAO,YAAY,CAAC;iBAC9B,SAAS,iBAAiB;;AAK3C,MAAM,WAAW,EAAE,QAAQ,SAAS,WAAyB;CAC3D,IAAI,OAAO,WAAW,aAAa,OAAO;CAC1C,MAAM,iBAAiB,WAAW,OAAO,QAAQ;CACjD,IAAI,YAAY,aAAa,OAAO,oBAAC,MAAD;EAAM,MAAK;EAAU,MAAM;CAAiB;CAChF,IAAI,YAAY,SAAS,OAAO,oBAAC,MAAD;EAAM,MAAK;EAAU,MAAM;CAAiB;CAE5E,OACE,oBAAC,GAAD;EAAG,UAAU,SAAS,OAAO,KAAK;EAAI,YAAY;YAC/C;CACA;AAEP;;;;;AAMA,MAAa,mBAAmB,KAAmC,OAAO,QAAQ;CAChF,MAAM,EAAE,MAAM,QAAQ,WAAW,OAAO,MAAM,UAAU,UAAU,GAAG,SAAS;CAG9E,MAAM,EAAE,QAAQ,cAAc,MAAM,YAAY,QAAQ,UADzC,eAAe,oBAAoB,KACqB;CACvE,MAAM,aAAa,QAAQ,IAAI;CAC/B,MAAM,OAAO,aAAa,aAAa;CACvC,MAAM,QAAQ,SAAS;CACvB,MAAM,MAAM,UAAkB,GAAG,MAAM,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,KAAK;CAC5D,MAAM,kBAAkB;EACtB,KAAK,GAAG,MAAM,MAAM,aAAa;EACjC,SAAS,GAAG,MAAM,eAAe,aAAa;EAC9C,QAAQ,GAAG,MAAM,SAAS,SAAS;CACrC;CAEA,MAAM,qBAAqB,GACzB,wBACA,aAAa,6BAA6B,8BAC1C,SACF;CAEA,MAAM,OAAO,aAAa,eAAe;CACzC,MAAM,UAAU,aACd,oBAAC,MAAD;EAAM,MAAM;EAAO,MAAM,WAAW,SAAS;CAAQ,KAErD,oBAAC,SAAD;EAAiB;EAAc;EAAe;CAAU;CAG1D,OACE,oBAAC,MAAD;EACE,eAAY;EACZ,WAAW;EACN;EACL,GAAI;EACJ,GAAI;EACJ,GAAG;EACH,GAAG;YAEF;CACG;AAEV,CAAC;AAED,iBAAiB,cAAc"}

package/dist/stepper/stepperIndicatorTheme.js

@@ -1,102 +0,0 @@
-//#region src/stepper/stepperIndicatorTheme.ts
-const defaultProps = {
-	size: "md",
-	variant: "active"
-};
-const baseStyle = {
-	circle: { borderColor: "sandstone.90" },
-	icon: { borderColor: "sandstone.45" }
-};
-const ICON_SIZES = {
-	status: {
-		md: "md",
-		sm: "sm"
-	},
-	iconMode: {
-		md: "xs",
-		sm: "xxs"
-	}
-};
-const sizes = {
-	sm: {
-		height: "24px",
-		width: "24px"
-	},
-	md: {
-		height: "32px",
-		width: "32px"
-	}
-};
-const variants = {
-	active: {
-		circle: {
-			bg: "seaBlue.main",
-			borderColor: "seaBlue.main",
-			color: "white"
-		},
-		icon: {
-			bg: "white",
-			borderColor: "seaBlue.main",
-			color: "seaBlue.main"
-		}
-	},
-	completed: {
-		circle: {
-			bg: "landGreen.41",
-			borderColor: "landGreen.41",
-			color: "white"
-		},
-		icon: {
-			bg: "white",
-			borderColor: "landGreen.41",
-			color: "landGreen.41"
-		}
-	},
-	optional: {
-		circle: {
-			bg: "white",
-			borderColor: "seaBlue.45",
-			color: "seaBlue.45"
-		},
-		icon: {
-			bg: "white",
-			borderColor: "seaBlue.45",
-			color: "seaBlue.45"
-		}
-	},
-	pending: {
-		circle: {
-			bg: "sandstone.90",
-			borderColor: "sandstone.90",
-			color: "sandstone.45"
-		},
-		icon: {
-			bg: "white",
-			borderColor: "sandstone.45",
-			color: "sandstone.45"
-		}
-	},
-	error: {
-		circle: {
-			bg: "energyRed.45",
-			borderColor: "energyRed.45",
-			color: "white"
-		},
-		icon: {
-			bg: "white",
-			borderColor: "energyRed.45",
-			color: "energyRed.45"
-		}
-	}
-};
-var stepperIndicatorTheme_default = {
-	baseStyle,
-	defaultProps,
-	sizes,
-	variants
-};
-
-//#endregion
-export { ICON_SIZES, stepperIndicatorTheme_default as default, sizes, variants };
-globalThis.__vuiVersion__ = "5.3.0-alpha.2"
-//# sourceMappingURL=stepperIndicatorTheme.js.map

package/dist/stepper/stepperIndicatorTheme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stepperIndicatorTheme.js","names":[],"sources":["../../src/stepper/stepperIndicatorTheme.ts"],"sourcesContent":["const defaultProps = {\n  size: 'md',\n  variant: 'active',\n}\n\nconst baseStyle = {\n  circle: {\n    borderColor: 'sandstone.90',\n  },\n  icon: {\n    borderColor: 'sandstone.45',\n  },\n}\n\nexport const ICON_SIZES = {\n  status: { md: 'md', sm: 'sm' },\n  iconMode: { md: 'xs', sm: 'xxs' },\n} as const\n\nexport const sizes = {\n  sm: { height: '24px', width: '24px' },\n  md: { height: '32px', width: '32px' },\n} as const\n\nexport const variants = {\n  active: {\n    circle: {\n      bg: 'seaBlue.main',\n      borderColor: 'seaBlue.main',\n      color: 'white',\n    },\n    icon: {\n      bg: 'white',\n      borderColor: 'seaBlue.main',\n      color: 'seaBlue.main',\n    },\n  },\n  completed: {\n    circle: {\n      bg: 'landGreen.41',\n      borderColor: 'landGreen.41',\n      color: 'white',\n    },\n    icon: {\n      bg: 'white',\n      borderColor: 'landGreen.41',\n      color: 'landGreen.41',\n    },\n  },\n  optional: {\n    circle: {\n      bg: 'white',\n      borderColor: 'seaBlue.45',\n      color: 'seaBlue.45',\n    },\n    icon: {\n      bg: 'white',\n      borderColor: 'seaBlue.45',\n      color: 'seaBlue.45',\n    },\n  },\n  pending: {\n    circle: {\n      bg: 'sandstone.90',\n      borderColor: 'sandstone.90',\n      color: 'sandstone.45',\n    },\n    icon: {\n      bg: 'white',\n      borderColor: 'sandstone.45',\n      color: 'sandstone.45',\n    },\n  },\n  error: {\n    circle: {\n      bg: 'energyRed.45',\n      borderColor: 'energyRed.45',\n      color: 'white',\n    },\n    icon: {\n      bg: 'white',\n      borderColor: 'energyRed.45',\n      color: 'energyRed.45',\n    },\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,eAAe;CACnB,MAAM;CACN,SAAS;AACX;AAEA,MAAM,YAAY;CAChB,QAAQ,EACN,aAAa,eACf;CACA,MAAM,EACJ,aAAa,eACf;AACF;AAEA,MAAa,aAAa;CACxB,QAAQ;EAAE,IAAI;EAAM,IAAI;CAAK;CAC7B,UAAU;EAAE,IAAI;EAAM,IAAI;CAAM;AAClC;AAEA,MAAa,QAAQ;CACnB,IAAI;EAAE,QAAQ;EAAQ,OAAO;CAAO;CACpC,IAAI;EAAE,QAAQ;EAAQ,OAAO;CAAO;AACtC;AAEA,MAAa,WAAW;CACtB,QAAQ;EACN,QAAQ;GACN,IAAI;GACJ,aAAa;GACb,OAAO;EACT;EACA,MAAM;GACJ,IAAI;GACJ,aAAa;GACb,OAAO;EACT;CACF;CACA,WAAW;EACT,QAAQ;GACN,IAAI;GACJ,aAAa;GACb,OAAO;EACT;EACA,MAAM;GACJ,IAAI;GACJ,aAAa;GACb,OAAO;EACT;CACF;CACA,UAAU;EACR,QAAQ;GACN,IAAI;GACJ,aAAa;GACb,OAAO;EACT;EACA,MAAM;GACJ,IAAI;GACJ,aAAa;GACb,OAAO;EACT;CACF;CACA,SAAS;EACP,QAAQ;GACN,IAAI;GACJ,aAAa;GACb,OAAO;EACT;EACA,MAAM;GACJ,IAAI;GACJ,aAAa;GACb,OAAO;EACT;CACF;CACA,OAAO;EACL,QAAQ;GACN,IAAI;GACJ,aAAa;GACb,OAAO;EACT;EACA,MAAM;GACJ,IAAI;GACJ,aAAa;GACb,OAAO;EACT;CACF;AACF;AAEA,oCAAe;CACb;CACA;CACA;CACA;AACF"}

package/dist/stepper/stepperIndicatorTypes.d.ts

@@ -1,20 +0,0 @@
-import { ThemingProps } from "../theme/types.js";
-import "../theme/index.js";
-import { SystemProps } from "../system/system.js";
-import "../system/index.js";
-import { IconProp } from "../icon/icon.types.js";
-import "../icon/index.js";
-//#region src/stepper/stepperIndicatorTypes.d.ts
-type StepperIndicatorSize = 'md' | 'sm';
-type StepperIndicatorVariant = 'active' | 'completed' | 'optional' | 'pending' | 'error';
-type StepperIndicatorProps = SystemProps & ThemingProps<'StepperIndicator'> & {
-  icon?: IconProp;
-  className?: string;
-  number?: number;
-  size?: StepperIndicatorSize;
-  variant?: StepperIndicatorVariant;
-};
-//#endregion
-export { StepperIndicatorProps, StepperIndicatorSize, StepperIndicatorVariant };
-
-//# sourceMappingURL=stepperIndicatorTypes.d.ts.map

package/dist/stepper/stepperIndicatorTypes.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"stepperIndicatorTypes.d.ts","names":[],"sources":["../../src/stepper/stepperIndicatorTypes.ts"],"mappings":";;;;;;;KAIY;KAEA;KAEA,wBAAwB,cAClC;EACE,OAAO;EACP;EACA;EACA,OAAO;EACP,UAAU"}

package/dist/stepper/stepperStep.d.ts

@@ -1,9 +0,0 @@
-import { VuiComponent } from "../core/vui.js";
-import { StepperStepProps } from "./stepperTypes.js";
-import "../index.js";
-//#region src/stepper/stepperStep.d.ts
-declare const StepperStep: VuiComponent<"div", StepperStepProps>;
-//#endregion
-export { StepperStep, StepperStep as default };
-
-//# sourceMappingURL=stepperStep.d.ts.map

package/dist/stepper/stepperStep.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"stepperStep.d.ts","names":[],"sources":["../../src/stepper/stepperStep.tsx"],"mappings":";;;;cAgLa,aAAW,oBAAA"}