@veracity/vui 5.0.0-alpha.1 → 5.0.0-alpha.3

package/dist/copyToClipboard/copyToClipboard.js

@@ -15,13 +15,14 @@ const defaultIcon = "falCopy";
 *
 */
 const CopyToClipboard = vui((props, ref) => {
-	const { disabled, copyText, className, icon = defaultIcon, size = "sm", variant = "tertiaryDark", ...rest } = props;
+	const { disabled, copyText, className, icon = defaultIcon, size = "sm", variant = "tertiary", intent = "brand", ...rest } = props;
 	const { copy, isCopyDisabled } = useCopyToClipboard(copyText);
 	return /* @__PURE__ */ jsx(Button, {
 		"aria-label": `Copy to clipboard ${copyText}`,
 		className: cs("vui-copy-to-clipboard", className),
 		disabled: disabled || isCopyDisabled,
 		icon,
+		intent,
 		onClick: () => copy(),
 		ref,
 		size,
@@ -33,5 +34,5 @@ CopyToClipboard.displayName = "CopyToClipboard";
 
 //#endregion
 export { CopyToClipboard as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=copyToClipboard.js.map

package/dist/copyToClipboard/copyToClipboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"copyToClipboard.js","names":[],"sources":["../../src/copyToClipboard/copyToClipboard.tsx"],"sourcesContent":["import Button from '../button'\nimport { vui } from '../core'\nimport type { IconProp } from '../icon'\nimport { cs } from '../utils'\nimport type { CopyToClipboardProps } from './copyToClipboard.types'\nimport { useCopyToClipboard } from './useCopyToClipboard'\n\nconst defaultIcon: IconProp = 'falCopy'\n\n/**\n * A helper button component.\n *\n * Copies the provided text to clipboard.\n *\n * Copying is available only for a secure environment (https://), otherwise the button is disabled.\n *\n */\nexport const CopyToClipboard = vui<'button', CopyToClipboardProps>((props, ref) => {\n  const { disabled, copyText, className, icon = defaultIcon, size = 'sm', variant = 'tertiaryDark', ...rest } = props\n\n  const { copy, isCopyDisabled } = useCopyToClipboard(copyText)\n\n  return (\n    <Button\n      aria-label={`Copy to clipboard ${copyText}`}\n      className={cs('vui-copy-to-clipboard', className)}\n      disabled={disabled || isCopyDisabled}\n      icon={icon}\n      onClick={() => copy()}\n      ref={ref}\n      size={size}\n      variant={variant}\n      {...rest}\n    />\n  )\n})\n\nCopyToClipboard.displayName = 'CopyToClipboard'\nexport default CopyToClipboard\n"],"mappings":";;;;;;;AAOA,MAAM,cAAwB;;;;;;;;;AAU9B,MAAa,kBAAkB,KAAqC,OAAO,QAAQ;CACjF,MAAM,EAAE,UAAU,UAAU,WAAW,OAAO,aAAa,OAAO,MAAM,UAAU,gBAAgB,GAAG,SAAS;CAE9G,MAAM,EAAE,MAAM,mBAAmB,mBAAmB,SAAS;AAE7D,QACE,oBAAC;EACC,cAAY,qBAAqB;EACjC,WAAW,GAAG,yBAAyB,UAAU;EACjD,UAAU,YAAY;EAChB;EACN,eAAe,MAAM;EAChB;EACC;EACG;EACT,GAAI;GACJ;EAEJ;AAEF,gBAAgB,cAAc"}
+{"version":3,"file":"copyToClipboard.js","names":[],"sources":["../../src/copyToClipboard/copyToClipboard.tsx"],"sourcesContent":["import Button from '../button'\nimport { vui } from '../core'\nimport type { IconProp } from '../icon'\nimport { cs } from '../utils'\nimport type { CopyToClipboardProps } from './copyToClipboard.types'\nimport { useCopyToClipboard } from './useCopyToClipboard'\n\nconst defaultIcon: IconProp = 'falCopy'\n\n/**\n * A helper button component.\n *\n * Copies the provided text to clipboard.\n *\n * Copying is available only for a secure environment (https://), otherwise the button is disabled.\n *\n */\nexport const CopyToClipboard = vui<'button', CopyToClipboardProps>((props, ref) => {\n  const {\n    disabled,\n    copyText,\n    className,\n    icon = defaultIcon,\n    size = 'sm',\n    variant = 'tertiary',\n    intent = 'brand',\n    ...rest\n  } = props\n\n  const { copy, isCopyDisabled } = useCopyToClipboard(copyText)\n\n  return (\n    <Button\n      aria-label={`Copy to clipboard ${copyText}`}\n      className={cs('vui-copy-to-clipboard', className)}\n      disabled={disabled || isCopyDisabled}\n      icon={icon}\n      intent={intent}\n      onClick={() => copy()}\n      ref={ref}\n      size={size}\n      variant={variant}\n      {...rest}\n    />\n  )\n})\n\nCopyToClipboard.displayName = 'CopyToClipboard'\nexport default CopyToClipboard\n"],"mappings":";;;;;;;AAOA,MAAM,cAAwB;;;;;;;;;AAU9B,MAAa,kBAAkB,KAAqC,OAAO,QAAQ;CACjF,MAAM,EACJ,UACA,UACA,WACA,OAAO,aACP,OAAO,MACP,UAAU,YACV,SAAS,SACT,GAAG,SACD;CAEJ,MAAM,EAAE,MAAM,mBAAmB,mBAAmB,SAAS;AAE7D,QACE,oBAAC;EACC,cAAY,qBAAqB;EACjC,WAAW,GAAG,yBAAyB,UAAU;EACjD,UAAU,YAAY;EAChB;EACE;EACR,eAAe,MAAM;EAChB;EACC;EACG;EACT,GAAI;GACJ;EAEJ;AAEF,gBAAgB,cAAc"}

package/dist/copyToClipboard/useCopyToClipboard.js

@@ -15,5 +15,5 @@ const useCopyToClipboard = (copyText) => {
 
 //#endregion
 export { useCopyToClipboard };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=useCopyToClipboard.js.map

package/dist/core/consts.js

@@ -11,5 +11,5 @@ const cdnUrls = {
 
 //#endregion
 export { cdnFontsPath, cdnStagUrl, cdnTestUrl, cdnUrl, cdnUrls };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=consts.js.map

package/dist/core/links.js

@@ -75,5 +75,5 @@ function useLoadLinks(env, isLoggedIn) {
 
 //#endregion
 export { LinksProvider, getLoggedInLink, useLinks, useLoadLinks };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=links.js.map

package/dist/core/media.js

@@ -70,5 +70,5 @@ function useBetween(minWidth, maxWidth) {
 
 //#endregion
 export { RenderOnScreen, mediaBetween, mediaDown, mediaUp, useBetween, useDown, useUp, useViewportWidth };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=media.js.map

package/dist/core/styled.js

@@ -58,5 +58,5 @@ const styled = createStyled(system);
 
 //#endregion
 export { createGlobalStyle$1 as createGlobalStyle, css$1 as css, styled as default, v };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=styled.js.map

package/dist/core/theme.js

@@ -60,5 +60,5 @@ function useTheme$1() {
 
 //#endregion
 export { omitThemingProps, th$1 as th, useStyleConfig, useTh, useTheme$1 as useTheme };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=theme.js.map

package/dist/core/vui.js

@@ -13,5 +13,5 @@ function vui(component, config) {
 
 //#endregion
 export { vui as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=vui.js.map

package/dist/core/vuiProvider/animations.js

@@ -84,5 +84,5 @@ const spin = `
 
 //#endregion
 export { bounce, fadeDown, fadeIn, fadeLeft, fadeOut, fadeRight, fadeUp, pulse, spin };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=animations.js.map

package/dist/core/vuiProvider/consts.js

@@ -653,5 +653,5 @@ ${vuiGradientTokens}
 
 //#endregion
 export { noScrollClass, vuiActionAI, vuiActionBlue, vuiActionBrand, vuiActionContrast, vuiActionDanger, vuiActionEucalyptus, vuiActionGeneric, vuiActionGrey, vuiActionLavender, vuiActionSuccess, vuiActionTerracotta, vuiActionTokens, vuiActionYellow, vuiColorBase, vuiColorCyan, vuiColorDarkBlue, vuiColorDigiGreen, vuiColorEarth, vuiColorEnergyRed, vuiColorEucalyptus, vuiColorLandGreen, vuiColorLavender, vuiColorOpacityDark, vuiColorOpacityLight, vuiColorPine, vuiColorPrimitives, vuiColorSandstone, vuiColorSeaBlue, vuiColorSemantics, vuiColorSkyBlue, vuiColorSunflower, vuiColorTerracotta, vuiColorWarmGrey, vuiControlTokens, vuiDataTokens, vuiFeedbackTokens, vuiGradientTokens, vuiNavigationBackground, vuiNavigationBorder, vuiNavigationForeground, vuiNavigationTokens, vuiNextAllTokens, vuiSemanticBackground, vuiSemanticForeground, vuiUtilityBorder, vuiUtilityLoading, vuiUtilityMisc, vuiUtilityTokens };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=consts.js.map

package/dist/core/vuiProvider/context.js

@@ -5,5 +5,5 @@ const [VuiContextProvider, useVuiContext] = createContext({ isOptional: true });
 
 //#endregion
 export { VuiContextProvider, useVuiContext };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=context.js.map

package/dist/core/vuiProvider/fontFaces.js

@@ -162,5 +162,5 @@ var fontFaces_default = `
 
 //#endregion
 export { fontFaces_default as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=fontFaces.js.map

package/dist/core/vuiProvider/globalStyle.js

@@ -131,5 +131,5 @@ function generateCSSVariables() {
 
 //#endregion
 export { globalStyle_default as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=globalStyle.js.map

package/dist/core/vuiProvider/notifyOffline.js

@@ -20,5 +20,5 @@ var notifyOffline_default = memo(NotifyOffline);
 
 //#endregion
 export { notifyOffline_default as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=notifyOffline.js.map

package/dist/core/vuiProvider/reducers.js

@@ -10,5 +10,5 @@ const genericReducer = (state, action) => state = action;
 
 //#endregion
 export { genericReducer, toastsReducer };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=reducers.js.map

package/dist/core/vuiProvider/resetCSS.js

@@ -177,5 +177,5 @@ var resetCSS_default = createGlobalStyle`
 
 //#endregion
 export { resetCSS_default as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=resetCSS.js.map

package/dist/core/vuiProvider/useBodyScrollLock.js

@@ -20,5 +20,5 @@ const useBodyScrollLock = () => {
 
 //#endregion
 export { useBodyScrollLock };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=useBodyScrollLock.js.map

package/dist/core/vuiProvider/useOfflineMode.js

@@ -18,5 +18,5 @@ const useOfflineMode = () => {
 
 //#endregion
 export { useOfflineMode };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=useOfflineMode.js.map

package/dist/core/vuiProvider/vuiProvider.js

@@ -45,5 +45,5 @@ const VuiProvider = ({ children, globalStyle = true, resetCSS = true, theme = de
 
 //#endregion
 export { VuiProvider as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=vuiProvider.js.map

package/dist/datePicker/dateInput.js

@@ -68,5 +68,5 @@ const DateInput = ({ initialDate, onChange, onValidate, setValidateStatus, ...re
 
 //#endregion
 export { DateInput };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=dateInput.js.map

package/dist/datePicker/datePicker.js

@@ -163,5 +163,5 @@ DatePicker.displayName = "DatePicker";
 
 //#endregion
 export { DatePicker as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=datePicker.js.map

package/dist/datePicker/theme.js

@@ -12,5 +12,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=theme.js.map

package/dist/definition/definition.js

@@ -90,5 +90,5 @@ Definition.displayName = "Definition";
 
 //#endregion
 export { DefinitionHorizontalBase, DefinitionVerticalBase, Definition as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=definition.js.map

package/dist/definition/definition.types.d.ts

@@ -14,7 +14,9 @@ type DefinitionItem = SystemProps & {
   valueHasIcon?: boolean;
 };
 type DefinitionProps = SystemProps & ThemingProps<'Definition'> & {
-  /** Socket displaying icon on the left side. */iconLeft?: IconProp | JSX.Element; /** Socket displaying icon on the right side. */
+  /** Icon displayed on the leading (left) side of the content. */startIcon?: IconProp | JSX.Element; /** Icon displayed on the trailing (right) side of the content. */
+  endIcon?: IconProp | JSX.Element; /** Deprecated alias for `startIcon`. @deprecated */
+  iconLeft?: IconProp | JSX.Element; /** Deprecated alias for `endIcon`. @deprecated */
   iconRight?: IconProp | JSX.Element;
   isLabelBold?: boolean;
   isValueBold?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"definition.types.d.ts","names":[],"sources":["../../src/definition/definition.types.ts"],"mappings":";;;;;;;;;KAMY,cAAA,GAAiB,WAAA;EAC3B,GAAA;EACA,UAAA;EACA,KAAA,+BAAoC,SAAA;EACpC,YAAA;AAAA;AAAA,KAGU,eAAA,GAAkB,WAAA,GAC5B,YAAA;iDAEE,QAAA,GAAW,QAAA,GAAW,GAAA,CAAI,OAAA,EAVD;EAYzB,SAAA,GAAY,QAAA,GAAW,GAAA,CAAI,OAAA;EAC3B,WAAA;EACA,WAAA;EACA,KAAA,GAAQ,cAAA,IAXV;EAaE,WAAA;EACA,IAAA;EACA,OAAA;AAAA"}
+{"version":3,"file":"definition.types.d.ts","names":[],"sources":["../../src/definition/definition.types.ts"],"mappings":";;;;;;;;;KAMY,cAAA,GAAiB,WAAA;EAC3B,GAAA;EACA,UAAA;EACA,KAAA,+BAAoC,SAAA;EACpC,YAAA;AAAA;AAAA,KAGU,eAAA,GAAkB,WAAA,GAC5B,YAAA;kEAEE,SAAA,GAAY,QAAA,GAAW,GAAA,CAAI,OAAA,EAVF;EAYzB,OAAA,GAAU,QAAA,GAAW,GAAA,CAAI,OAAA,EAV3B;EAYE,QAAA,GAAW,QAAA,GAAW,GAAA,CAAI,OAAA,EAXQ;EAalC,SAAA,GAAY,QAAA,GAAW,GAAA,CAAI,OAAA;EAC3B,WAAA;EACA,WAAA;EACA,KAAA,GAAQ,cAAA,IAZe;EAcvB,WAAA;EACA,IAAA;EACA,OAAA;AAAA"}

package/dist/definition/definitionContent.js

@@ -6,15 +6,21 @@ import vui from "../core/vui.js";
 import Box from "../box/box.js";
 import Icon from "../icon/icon.js";
 import P from "../p/p.js";
-import { createElement } from "react";
+import { createElement, useEffect } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/definition/definitionContent.tsx
 const DefinitionItemKey = styled.dtBox``;
 const DefinitionItemValue = styled.ddBox``;
 const DefinitionContent = vui((props, ref) => {
-	const { iconLeft, iconRight, isLabelBold, isValueBold, items, orientation } = props;
+	const { startIcon, endIcon, iconLeft, iconRight, isLabelBold, isValueBold, items, orientation } = props;
+	const resolvedStartIcon = startIcon ?? iconLeft;
+	const resolvedEndIcon = endIcon ?? iconRight;
 	const styles = useStyleConfig("Definition", props);
+	useEffect(() => {
+		if (iconLeft !== void 0) console.warn("[Definition] `iconLeft` is deprecated. Use `startIcon` instead.");
+		if (iconRight !== void 0) console.warn("[Definition] `iconRight` is deprecated. Use `endIcon` instead.");
+	}, [iconLeft, iconRight]);
 	return /* @__PURE__ */ jsx(Fragment$1, { children: isArray(items) ? items.map(({ key, value, ...props }, index) => /* @__PURE__ */ jsxs(Box, {
 		className: "vui-definitionItemWrapper",
 		ref,
@@ -22,15 +28,15 @@ const DefinitionContent = vui((props, ref) => {
 			fontWeight: isLabelBold ? "demi" : "default",
 			...styles.dt,
 			children: [
-				props.keyHasIcon && iconLeft && /* @__PURE__ */ jsx(Icon, {
+				props.keyHasIcon && resolvedStartIcon && /* @__PURE__ */ jsx(Icon, {
 					className: cs("vui-definitionIcon"),
-					name: iconLeft,
+					name: resolvedStartIcon,
 					...styles.icon
 				}),
 				key,
-				props.keyHasIcon && iconRight && /* @__PURE__ */ jsx(Icon, {
+				props.keyHasIcon && resolvedEndIcon && /* @__PURE__ */ jsx(Icon, {
 					className: cs("vui-definitionIcon"),
-					name: iconRight,
+					name: resolvedEndIcon,
 					...styles.icon
 				})
 			]
@@ -42,15 +48,15 @@ const DefinitionContent = vui((props, ref) => {
 		}, orientation === "horizontal" ? value.join(", ") : value.map((value, index) => /* @__PURE__ */ jsxs(P, {
 			display: "flex",
 			children: [
-				props.valueHasIcon && iconLeft && /* @__PURE__ */ jsx(Icon, {
+				props.valueHasIcon && resolvedStartIcon && /* @__PURE__ */ jsx(Icon, {
 					className: cs("vui-definitionIcon"),
-					name: iconLeft,
+					name: resolvedStartIcon,
 					...styles.icon
 				}),
 				value,
-				props.valueHasIcon && iconRight && /* @__PURE__ */ jsx(Icon, {
+				props.valueHasIcon && resolvedEndIcon && /* @__PURE__ */ jsx(Icon, {
 					className: cs("vui-definitionIcon"),
-					name: iconRight,
+					name: resolvedEndIcon,
 					...styles.icon
 				})
 			]
@@ -58,15 +64,15 @@ const DefinitionContent = vui((props, ref) => {
 			fontWeight: isValueBold ? "demi" : "default",
 			...styles.dd,
 			children: [
-				props.valueHasIcon && iconLeft && /* @__PURE__ */ jsx(Icon, {
+				props.valueHasIcon && resolvedStartIcon && /* @__PURE__ */ jsx(Icon, {
 					className: cs("vui-definitionIcon"),
-					name: iconLeft,
+					name: resolvedStartIcon,
 					...styles.icon
 				}),
 				value,
-				props.valueHasIcon && iconRight && /* @__PURE__ */ jsx(Icon, {
+				props.valueHasIcon && resolvedEndIcon && /* @__PURE__ */ jsx(Icon, {
 					className: cs("vui-definitionIcon"),
-					name: iconRight,
+					name: resolvedEndIcon,
 					...styles.icon
 				})
 			]
@@ -77,5 +83,5 @@ DefinitionContent.displayName = "DefinitionContent";
 
 //#endregion
 export { DefinitionContent as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=definitionContent.js.map

package/dist/definition/definitionContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"definitionContent.js","names":[],"sources":["../../src/definition/definitionContent.tsx"],"sourcesContent":["import Box from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport P from '../p'\nimport { cs, isArray } from '../utils'\nimport type { DefinitionItem, DefinitionProps } from './definition.types'\n\nexport const DefinitionItemKey = styled.dtBox``\nexport const DefinitionItemValue = styled.ddBox``\n\nexport const DefinitionContent = vui<'dl', DefinitionProps>((props, ref) => {\n  const { iconLeft, iconRight, isLabelBold, isValueBold, items, orientation } = props as DefinitionProps\n\n  const styles = useStyleConfig('Definition', props)\n\n  return (\n    <>\n      {isArray<DefinitionItem>(items)\n        ? items.map(({ key, value, ...props }, index) => (\n            <Box className=\"vui-definitionItemWrapper\" key={index} ref={ref}>\n              <DefinitionItemKey fontWeight={isLabelBold ? 'demi' : 'default'} {...styles.dt}>\n                {props.keyHasIcon && iconLeft && (\n                  <Icon className={cs('vui-definitionIcon')} name={iconLeft} {...styles.icon} />\n                )}\n                {key}\n                {props.keyHasIcon && iconRight && (\n                  <Icon className={cs('vui-definitionIcon')} name={iconRight} {...styles.icon} />\n                )}\n              </DefinitionItemKey>\n              {isArray(value) ? (\n                <DefinitionItemValue\n                  display=\"block\"\n                  fontWeight={isValueBold ? 'demi' : 'default'}\n                  {...styles.dd}\n                  key={index}\n                >\n                  {orientation === 'horizontal'\n                    ? value.join(', ')\n                    : value.map((value, index) => (\n                        <P display=\"flex\" key={index + value}>\n                          {props.valueHasIcon && iconLeft && (\n                            <Icon className={cs('vui-definitionIcon')} name={iconLeft} {...styles.icon} />\n                          )}\n                          {value}\n                          {props.valueHasIcon && iconRight && (\n                            <Icon className={cs('vui-definitionIcon')} name={iconRight} {...styles.icon} />\n                          )}\n                        </P>\n                      ))}\n                  {}\n                </DefinitionItemValue>\n              ) : (\n                <DefinitionItemValue fontWeight={isValueBold ? 'demi' : 'default'} {...styles.dd}>\n                  {props.valueHasIcon && iconLeft && (\n                    <Icon className={cs('vui-definitionIcon')} name={iconLeft} {...styles.icon} />\n                  )}\n                  {value}\n                  {props.valueHasIcon && iconRight && (\n                    <Icon className={cs('vui-definitionIcon')} name={iconRight} {...styles.icon} />\n                  )}\n                </DefinitionItemValue>\n              )}\n            </Box>\n          ))\n        : items}\n    </>\n  )\n})\n\nDefinitionContent.displayName = 'DefinitionContent'\n\nexport default DefinitionContent\n"],"mappings":";;;;;;;;;;;;AAOA,MAAa,oBAAoB,OAAO,KAAK;AAC7C,MAAa,sBAAsB,OAAO,KAAK;AAE/C,MAAa,oBAAoB,KAA4B,OAAO,QAAQ;CAC1E,MAAM,EAAE,UAAU,WAAW,aAAa,aAAa,OAAO,gBAAgB;CAE9E,MAAM,SAAS,eAAe,cAAc,MAAM;AAElD,QACE,4CACG,QAAwB,MAAM,GAC3B,MAAM,KAAK,EAAE,KAAK,OAAO,GAAG,SAAS,UACnC,qBAAC;EAAI,WAAU;EAA6C;aAC1D,qBAAC;GAAkB,YAAY,cAAc,SAAS;GAAW,GAAI,OAAO;;IACzE,MAAM,cAAc,YACnB,oBAAC;KAAK,WAAW,GAAG,qBAAqB;KAAE,MAAM;KAAU,GAAI,OAAO;MAAQ;IAE/E;IACA,MAAM,cAAc,aACnB,oBAAC;KAAK,WAAW,GAAG,qBAAqB;KAAE,MAAM;KAAW,GAAI,OAAO;MAAQ;;IAE/D,EACnB,QAAQ,MAAM,GACb,8BAAC;GACC,SAAQ;GACR,YAAY,cAAc,SAAS;GACnC,GAAI,OAAO;GACX,KAAK;KAEJ,gBAAgB,eACb,MAAM,KAAK,KAAK,GAChB,MAAM,KAAK,OAAO,UAChB,qBAAC;GAAE,SAAQ;;IACR,MAAM,gBAAgB,YACrB,oBAAC;KAAK,WAAW,GAAG,qBAAqB;KAAE,MAAM;KAAU,GAAI,OAAO;MAAQ;IAE/E;IACA,MAAM,gBAAgB,aACrB,oBAAC;KAAK,WAAW,GAAG,qBAAqB;KAAE,MAAM;KAAW,GAAI,OAAO;MAAQ;;KAN5D,QAAQ,MAQ3B,CACJ,CAEc,GAEtB,qBAAC;GAAoB,YAAY,cAAc,SAAS;GAAW,GAAI,OAAO;;IAC3E,MAAM,gBAAgB,YACrB,oBAAC;KAAK,WAAW,GAAG,qBAAqB;KAAE,MAAM;KAAU,GAAI,OAAO;MAAQ;IAE/E;IACA,MAAM,gBAAgB,aACrB,oBAAC;KAAK,WAAW,GAAG,qBAAqB;KAAE,MAAM;KAAW,GAAI,OAAO;MAAQ;;IAE7D;IAzCsB,MA2C1C,CACN,GACF,QACH;EAEL;AAEF,kBAAkB,cAAc"}
+{"version":3,"file":"definitionContent.js","names":[],"sources":["../../src/definition/definitionContent.tsx"],"sourcesContent":["import { useEffect } from 'react'\n\nimport Box from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport P from '../p'\nimport { cs, isArray } from '../utils'\nimport type { DefinitionItem, DefinitionProps } from './definition.types'\n\nexport const DefinitionItemKey = styled.dtBox``\nexport const DefinitionItemValue = styled.ddBox``\n\nexport const DefinitionContent = vui<'dl', DefinitionProps>((props, ref) => {\n  const { startIcon, endIcon, iconLeft, iconRight, isLabelBold, isValueBold, items, orientation } =\n    props as DefinitionProps\n\n  const resolvedStartIcon = startIcon ?? iconLeft\n  const resolvedEndIcon = endIcon ?? iconRight\n\n  const styles = useStyleConfig('Definition', props)\n\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production') {\n      if (iconLeft !== undefined) {\n        console.warn('[Definition] `iconLeft` is deprecated. Use `startIcon` instead.')\n      }\n      if (iconRight !== undefined) {\n        console.warn('[Definition] `iconRight` is deprecated. Use `endIcon` instead.')\n      }\n    }\n  }, [iconLeft, iconRight])\n\n  return (\n    <>\n      {isArray<DefinitionItem>(items)\n        ? items.map(({ key, value, ...props }, index) => (\n            <Box className=\"vui-definitionItemWrapper\" key={index} ref={ref}>\n              <DefinitionItemKey fontWeight={isLabelBold ? 'demi' : 'default'} {...styles.dt}>\n                {props.keyHasIcon && resolvedStartIcon && (\n                  <Icon className={cs('vui-definitionIcon')} name={resolvedStartIcon} {...styles.icon} />\n                )}\n                {key}\n                {props.keyHasIcon && resolvedEndIcon && (\n                  <Icon className={cs('vui-definitionIcon')} name={resolvedEndIcon} {...styles.icon} />\n                )}\n              </DefinitionItemKey>\n              {isArray(value) ? (\n                <DefinitionItemValue\n                  display=\"block\"\n                  fontWeight={isValueBold ? 'demi' : 'default'}\n                  {...styles.dd}\n                  key={index}\n                >\n                  {orientation === 'horizontal'\n                    ? value.join(', ')\n                    : value.map((value, index) => (\n                        <P display=\"flex\" key={index + value}>\n                          {props.valueHasIcon && resolvedStartIcon && (\n                            <Icon className={cs('vui-definitionIcon')} name={resolvedStartIcon} {...styles.icon} />\n                          )}\n                          {value}\n                          {props.valueHasIcon && resolvedEndIcon && (\n                            <Icon className={cs('vui-definitionIcon')} name={resolvedEndIcon} {...styles.icon} />\n                          )}\n                        </P>\n                      ))}\n                  {}\n                </DefinitionItemValue>\n              ) : (\n                <DefinitionItemValue fontWeight={isValueBold ? 'demi' : 'default'} {...styles.dd}>\n                  {props.valueHasIcon && resolvedStartIcon && (\n                    <Icon className={cs('vui-definitionIcon')} name={resolvedStartIcon} {...styles.icon} />\n                  )}\n                  {value}\n                  {props.valueHasIcon && resolvedEndIcon && (\n                    <Icon className={cs('vui-definitionIcon')} name={resolvedEndIcon} {...styles.icon} />\n                  )}\n                </DefinitionItemValue>\n              )}\n            </Box>\n          ))\n        : items}\n    </>\n  )\n})\n\nDefinitionContent.displayName = 'DefinitionContent'\n\nexport default DefinitionContent\n"],"mappings":";;;;;;;;;;;;AASA,MAAa,oBAAoB,OAAO,KAAK;AAC7C,MAAa,sBAAsB,OAAO,KAAK;AAE/C,MAAa,oBAAoB,KAA4B,OAAO,QAAQ;CAC1E,MAAM,EAAE,WAAW,SAAS,UAAU,WAAW,aAAa,aAAa,OAAO,gBAChF;CAEF,MAAM,oBAAoB,aAAa;CACvC,MAAM,kBAAkB,WAAW;CAEnC,MAAM,SAAS,eAAe,cAAc,MAAM;AAElD,iBAAgB;AAEZ,MAAI,aAAa,OACf,SAAQ,KAAK,kEAAkE;AAEjF,MAAI,cAAc,OAChB,SAAQ,KAAK,iEAAiE;IAGjF,CAAC,UAAU,UAAU,CAAC;AAEzB,QACE,4CACG,QAAwB,MAAM,GAC3B,MAAM,KAAK,EAAE,KAAK,OAAO,GAAG,SAAS,UACnC,qBAAC;EAAI,WAAU;EAA6C;aAC1D,qBAAC;GAAkB,YAAY,cAAc,SAAS;GAAW,GAAI,OAAO;;IACzE,MAAM,cAAc,qBACnB,oBAAC;KAAK,WAAW,GAAG,qBAAqB;KAAE,MAAM;KAAmB,GAAI,OAAO;MAAQ;IAExF;IACA,MAAM,cAAc,mBACnB,oBAAC;KAAK,WAAW,GAAG,qBAAqB;KAAE,MAAM;KAAiB,GAAI,OAAO;MAAQ;;IAErE,EACnB,QAAQ,MAAM,GACb,8BAAC;GACC,SAAQ;GACR,YAAY,cAAc,SAAS;GACnC,GAAI,OAAO;GACX,KAAK;KAEJ,gBAAgB,eACb,MAAM,KAAK,KAAK,GAChB,MAAM,KAAK,OAAO,UAChB,qBAAC;GAAE,SAAQ;;IACR,MAAM,gBAAgB,qBACrB,oBAAC;KAAK,WAAW,GAAG,qBAAqB;KAAE,MAAM;KAAmB,GAAI,OAAO;MAAQ;IAExF;IACA,MAAM,gBAAgB,mBACrB,oBAAC;KAAK,WAAW,GAAG,qBAAqB;KAAE,MAAM;KAAiB,GAAI,OAAO;MAAQ;;KANlE,QAAQ,MAQ3B,CACJ,CAEc,GAEtB,qBAAC;GAAoB,YAAY,cAAc,SAAS;GAAW,GAAI,OAAO;;IAC3E,MAAM,gBAAgB,qBACrB,oBAAC;KAAK,WAAW,GAAG,qBAAqB;KAAE,MAAM;KAAmB,GAAI,OAAO;MAAQ;IAExF;IACA,MAAM,gBAAgB,mBACrB,oBAAC;KAAK,WAAW,GAAG,qBAAqB;KAAE,MAAM;KAAiB,GAAI,OAAO;MAAQ;;IAEnE;IAzCsB,MA2C1C,CACN,GACF,QACH;EAEL;AAEF,kBAAkB,cAAc"}

package/dist/definition/theme.js

@@ -67,5 +67,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=theme.js.map

package/dist/dialog/consts.js

@@ -33,5 +33,5 @@ const modalClass = "vui-modal";
 
 //#endregion
 export { containerId, dialogStatusMapping, modalAnimation, modalClass, modalJustifyContent };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=consts.js.map

package/dist/dialog/context.js

@@ -5,5 +5,5 @@ const [DialogProvider, useDialogContext] = createContext({ isOptional: true });
 
 //#endregion
 export { DialogProvider, useDialogContext };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=context.js.map

package/dist/dialog/dialog.js

@@ -114,5 +114,5 @@ Dialog.displayName = "Dialog";
 
 //#endregion
 export { DialogBase, Dialog as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=dialog.js.map

package/dist/dialog/dialogBody.js

@@ -51,5 +51,5 @@ DialogBody.displayName = "DialogBody";
 
 //#endregion
 export { DialogBody as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=dialogBody.js.map

package/dist/dialog/dialogCancelButton.js

@@ -23,5 +23,5 @@ DialogCancelButton.displayName = "DialogCancelButton";
 
 //#endregion
 export { DialogCancelButton as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=dialogCancelButton.js.map

package/dist/dialog/dialogCloseButton.js

@@ -32,5 +32,5 @@ DialogCloseButton.displayName = "DialogCloseButton";
 
 //#endregion
 export { DialogCloseButton as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=dialogCloseButton.js.map

package/dist/dialog/dialogFooter.js

@@ -28,5 +28,5 @@ DialogFooter.displayName = "DialogFooter";
 
 //#endregion
 export { DialogFooter as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=dialogFooter.js.map

package/dist/dialog/dialogHeader.js

@@ -41,5 +41,5 @@ DialogHeader.displayName = "DialogHeader";
 
 //#endregion
 export { DialogHeader as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=dialogHeader.js.map

package/dist/dialog/dialogIcon.js

@@ -26,5 +26,5 @@ DialogIcon.displayName = "DialogIcon";
 
 //#endregion
 export { DialogIcon as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=dialogIcon.js.map

package/dist/dialog/dialogSubmitButton.js

@@ -23,5 +23,5 @@ DialogSubmitButton.displayName = "DialogSubmitButton";
 
 //#endregion
 export { DialogSubmitButton as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=dialogSubmitButton.js.map

package/dist/dialog/dialogTitle.js

@@ -23,5 +23,5 @@ DialogTitle.displayName = "DialogTitle";
 
 //#endregion
 export { DialogTitle as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=dialogTitle.js.map

package/dist/dialog/theme.js

@@ -28,5 +28,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=theme.js.map

package/dist/dialog/useDialog.js

@@ -65,5 +65,5 @@ const useDialog = () => {
 
 //#endregion
 export { useDialog };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=useDialog.js.map

package/dist/display/display.js

@@ -21,5 +21,5 @@ Display.displayName = "Display";
 
 //#endregion
 export { DisplayBase, Display as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=display.js.map

package/dist/display/theme.js

@@ -25,5 +25,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=theme.js.map

package/dist/divider/divider.js

@@ -29,5 +29,5 @@ Divider.displayName = "Divider";
 
 //#endregion
 export { DividerBase, Divider as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=divider.js.map

package/dist/divider/theme.js

@@ -12,5 +12,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=theme.js.map

package/dist/dragAndDrop/dragAndDrop.js

@@ -106,5 +106,5 @@ DragAndDrop.displayName = "DragAndDrop";
 
 //#endregion
 export { DragAndDrop as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=dragAndDrop.js.map

package/dist/dragAndDrop/theme.js

@@ -30,5 +30,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=theme.js.map

package/dist/drawer/drawer.js

@@ -31,5 +31,5 @@ Drawer.displayName = "Drawer";
 
 //#endregion
 export { Drawer as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=drawer.js.map

package/dist/drawer/theme.js

@@ -12,5 +12,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=theme.js.map

package/dist/focusLock/focusLock.js

@@ -29,5 +29,5 @@ FocusLock.displayName = "FocusLock";
 
 //#endregion
 export { FocusLock as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=focusLock.js.map

package/dist/footer/applicationFooter.js

@@ -59,5 +59,5 @@ ApplicationFooter.displayName = "ApplicationFooter";
 
 //#endregion
 export { ApplicationFooter as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=applicationFooter.js.map

package/dist/footer/context.js

@@ -5,5 +5,5 @@ const [FooterProvider, useFooterContext] = createContext({ isOptional: true });
 
 //#endregion
 export { FooterProvider, useFooterContext };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=context.js.map

package/dist/footer/footer.js

@@ -190,7 +190,7 @@ const Footer = vui((props, ref) => {
 										"aria-label": link.text,
 										fontWeight: "demi",
 										href: link.url,
-										iconLeft: /* @__PURE__ */ jsx(Link.Icon, {
+										startIcon: /* @__PURE__ */ jsx(Link.Icon, {
 											name: `${link.text === "Twitter" ? "brandX" + link.text + "Solid" : "brandCircle" + link.text}`,
 											radius: "50%",
 											size: "xs"
@@ -260,7 +260,7 @@ const Footer = vui((props, ref) => {
 						/* @__PURE__ */ jsx(FooterSlimColumn, { children: /* @__PURE__ */ jsx(Link, {
 							fontWeight: "demi",
 							href: linkedIn ?? defaultLinkedInUrl,
-							iconLeft: /* @__PURE__ */ jsx(Link.Icon, {
+							startIcon: /* @__PURE__ */ jsx(Link.Icon, {
 								mr: 1,
 								left: 0,
 								name: "brandCircleLinkedIn",
@@ -303,5 +303,5 @@ Footer.displayName = "Footer";
 
 //#endregion
 export { FooterBase, Footer as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=footer.js.map