@veracity/vui 3.2.0 → 4.0.0-floatinguitake3.2154362

package/dist/label/label.js

@@ -20,7 +20,7 @@ const LabelBase = styled.labelBox`
 `;
 /** Displays a paragraph of text. */
 const Label = vui((props, ref) => {
-	const { children, className, markAsOptional, tooltipText, text, fontSize,...rest } = omitThemingProps(props);
+	const { children, className, markAsOptional, tooltipText, text, fontSize, ...rest } = omitThemingProps(props);
 	const styles = useStyleConfig("Label", props);
 	const isOnlyText = text && !markAsOptional && !tooltipText && !children;
 	return /* @__PURE__ */ jsx(t_default, {
@@ -63,5 +63,5 @@ var label_default = Label;
 
 //#endregion
 export { Label, LabelBase, label_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=label.js.map

package/dist/label/label.js.map

@@ -1 +1 @@
-{"version":3,"file":"label.js","names":["T","Tooltip","Icon"],"sources":["../../src/label/label.tsx"],"sourcesContent":["import { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport T from '../t'\nimport Tooltip from '../tooltip'\nimport { cs } from '../utils'\nimport type { LabelProps } from './label.types'\n\nexport const LabelBase = styled.labelBox`\n  display: block;\n  color: darkBlue.main;\n  width: 100%;\n\n  &[aria-disabled='true'] {\n    color: sandstone.75;\n    cursor: not-allowed;\n  }\n`\n\n/** Displays a paragraph of text. */\nexport const Label = vui<'label', LabelProps>((props, ref) => {\n  const { children, className, markAsOptional, tooltipText, text, fontSize, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('Label', props)\n\n  const isOnlyText = text && !markAsOptional && !tooltipText && !children\n\n  return (\n    <T as={LabelBase} className={cs('vui-label', className)} fontSize={fontSize} ref={ref} {...rest}>\n      {children ??\n        (isOnlyText ? (\n          text\n        ) : (\n          <>\n            <T variant=\"label\" fontSize={fontSize}>\n              {text}\n            </T>\n            {!!markAsOptional && (\n              <T variant=\"label\" fontSize={fontSize} {...styles.helper}>\n                (optional)\n              </T>\n            )}\n            {!!tooltipText && (\n              <T variant=\"label\" fontSize={fontSize} {...styles.helper}>\n                <Tooltip text={tooltipText}>\n                  <Icon\n                    mb={fontSize === 'xs' ? '-6px' : '-5px'}\n                    name=\"uiInfoCircle\"\n                    role=\"button\"\n                    size={fontSize === 'xs' ? 'xs' : 'sm'}\n                  />\n                </Tooltip>\n              </T>\n            )}\n          </>\n        ))}\n    </T>\n  )\n})\n\nLabel.displayName = 'Label'\nexport default Label\n"],"mappings":";;;;;;;;;;AAOA,MAAa,YAAY,OAAO,QAAQ;;;;;;;;;;;AAYxC,MAAa,QAAQ,KAA0B,OAAO,QAAQ;CAC5D,MAAM,EAAE,UAAU,WAAW,gBAAgB,aAAa,MAAM,SAAU,GAAG,SAAS,iBAAiB,MAAM;CAC7G,MAAM,SAAS,eAAe,SAAS,MAAM;CAE7C,MAAM,aAAa,QAAQ,CAAC,kBAAkB,CAAC,eAAe,CAAC;AAE/D,QACE,oBAACA;EAAE,IAAI;EAAW,WAAW,GAAG,aAAa,UAAU;EAAY;EAAe;EAAK,GAAI;YACxF,aACE,aACC,OAEA;GACE,oBAACA;IAAE,SAAQ;IAAkB;cAC1B;KACC;GACH,CAAC,CAAC,kBACD,oBAACA;IAAE,SAAQ;IAAkB;IAAU,GAAI,OAAO;cAAQ;KAEtD;GAEL,CAAC,CAAC,eACD,oBAACA;IAAE,SAAQ;IAAkB;IAAU,GAAI,OAAO;cAChD,oBAACC;KAAQ,MAAM;eACb,oBAACC;MACC,IAAI,aAAa,OAAO,SAAS;MACjC,MAAK;MACL,MAAK;MACL,MAAM,aAAa,OAAO,OAAO;OACjC;MACM;KACR;MAEL;GAEL;EAEN;AAEF,MAAM,cAAc;AACpB,oBAAe"}
+{"version":3,"file":"label.js","names":["T","Tooltip","Icon"],"sources":["../../src/label/label.tsx"],"sourcesContent":["import { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport T from '../t'\nimport Tooltip from '../tooltip'\nimport { cs } from '../utils'\nimport type { LabelProps } from './label.types'\n\nexport const LabelBase = styled.labelBox`\n  display: block;\n  color: darkBlue.main;\n  width: 100%;\n\n  &[aria-disabled='true'] {\n    color: sandstone.75;\n    cursor: not-allowed;\n  }\n`\n\n/** Displays a paragraph of text. */\nexport const Label = vui<'label', LabelProps>((props, ref) => {\n  const { children, className, markAsOptional, tooltipText, text, fontSize, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('Label', props)\n\n  const isOnlyText = text && !markAsOptional && !tooltipText && !children\n\n  return (\n    <T as={LabelBase} className={cs('vui-label', className)} fontSize={fontSize} ref={ref} {...rest}>\n      {children ??\n        (isOnlyText ? (\n          text\n        ) : (\n          <>\n            <T variant=\"label\" fontSize={fontSize}>\n              {text}\n            </T>\n            {!!markAsOptional && (\n              <T variant=\"label\" fontSize={fontSize} {...styles.helper}>\n                (optional)\n              </T>\n            )}\n            {!!tooltipText && (\n              <T variant=\"label\" fontSize={fontSize} {...styles.helper}>\n                <Tooltip text={tooltipText}>\n                  <Icon\n                    mb={fontSize === 'xs' ? '-6px' : '-5px'}\n                    name=\"uiInfoCircle\"\n                    role=\"button\"\n                    size={fontSize === 'xs' ? 'xs' : 'sm'}\n                  />\n                </Tooltip>\n              </T>\n            )}\n          </>\n        ))}\n    </T>\n  )\n})\n\nLabel.displayName = 'Label'\nexport default Label\n"],"mappings":";;;;;;;;;;AAOA,MAAa,YAAY,OAAO,QAAQ;;;;;;;;;;;AAYxC,MAAa,QAAQ,KAA0B,OAAO,QAAQ;CAC5D,MAAM,EAAE,UAAU,WAAW,gBAAgB,aAAa,MAAM,UAAU,GAAG,SAAS,iBAAiB,MAAM;CAC7G,MAAM,SAAS,eAAe,SAAS,MAAM;CAE7C,MAAM,aAAa,QAAQ,CAAC,kBAAkB,CAAC,eAAe,CAAC;AAE/D,QACE,oBAACA;EAAE,IAAI;EAAW,WAAW,GAAG,aAAa,UAAU;EAAY;EAAe;EAAK,GAAI;YACxF,aACE,aACC,OAEA;GACE,oBAACA;IAAE,SAAQ;IAAkB;cAC1B;KACC;GACH,CAAC,CAAC,kBACD,oBAACA;IAAE,SAAQ;IAAkB;IAAU,GAAI,OAAO;cAAQ;KAEtD;GAEL,CAAC,CAAC,eACD,oBAACA;IAAE,SAAQ;IAAkB;IAAU,GAAI,OAAO;cAChD,oBAACC;KAAQ,MAAM;eACb,oBAACC;MACC,IAAI,aAAa,OAAO,SAAS;MACjC,MAAK;MACL,MAAK;MACL,MAAM,aAAa,OAAO,OAAO;OACjC;MACM;KACR;MAEL;GAEL;EAEN;AAEF,MAAM,cAAc;AACpB,oBAAe"}

package/dist/label/label.types.d.ts

@@ -14,4 +14,5 @@ type LabelProps = SystemProps & ThemingProps<'P'> & {
 };
 //#endregion
 export { LabelProps };
+
 //# sourceMappingURL=label.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"label.types.d.ts","names":[],"sources":["../../src/label/label.types.ts"],"sourcesContent":[],"mappings":";;;;;;KAKY,UAAA,CAAA,CAAA,CAAa,cACvB;;;EADU,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,EAAA,CAAA,QAAA,CAAA,UAAA,CAAA,CAAA,EAAA,CAAA,IAAA,CAAA,EAAA,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,CAAA;EAAa,cAAA,CAAA,CAAA,CAAA,OAAA;EACvB,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,OAAA,CAAA,IAAA,CAAA,IAAA,CAAA,IAAA,CAAA,CAAA,EAAA,CAAA,IAAA,CAAA,EAAA,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,CAAA;EAMgB,WAAA,CAAA,CAAA,CAAA,SAAA;CAAS"}
+{"version":3,"file":"label.types.d.ts","names":[],"sources":["../../src/label/label.types.ts"],"sourcesContent":[],"mappings":";;;;;;KAKY,UAAA,GAAa,cACvB;;;EADU;EAAa,cAAA,CAAA,EAAA,OAAA;EACvB;EAMgB,WAAA,CAAA,EAAA,SAAA;CAAS"}

package/dist/label/theme.js

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

package/dist/link/context.js

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

package/dist/link/index.d.ts

@@ -1,4 +1,4 @@
 import { LinkProps } from "./link.types.js";
 import { LinkIcon } from "./linkIcon.js";
 import { LinkText } from "./linkText.js";
-import { Link, LinkBase } from "./link.js";
+import { Link, LinkBase } from "./link.js";

package/dist/link/link.d.ts

@@ -20,10 +20,10 @@ import { LinkProps } from "./link.types.js";
 import { LinkIcon } from "./linkIcon.js";
 import { LinkText } from "./linkText.js";
 import "../index.js";
-import * as styled_components391 from "styled-components";
+import * as styled_components427 from "styled-components";
 
 //#region src/link/link.d.ts
-declare const LinkBase: styled_components391.StyledComponent<"a", styled_components391.DefaultTheme, AnimationProps & BackgroundColorProps & BorderProps & BorderTopProps & BorderRightProps & BorderBottomProps & BorderLeftProps & BorderColorProps & BorderTopColorProps & BorderRightColorProps & BorderBottomColorProps & BorderLeftColorProps & BorderWidthProps & BorderTopWidthProps & BorderRightWidthProps & BorderBottomWidthProps & BorderLeftWidthProps & BorderStyleProps & BorderRadiusProps & OutlineProps & OutlineColorProps & OutlineWidthProps & OutlineStyleProps & DivideXProps & DivideYProps & DivideXReverseProps & DivideYReverseProps & DivideColorProps & DivideStyleProps & RingProps & RingColorProps & OpacityProps & BoxShadowProps & TextShadowProps & DisplayProps & AlignItemsProps & AlignContentProps & JustifyContentProps & JustifyItemsProps & FlexWrapProps & FlexGrowProps & FlexShrinkProps & FlexBasisProps & FlexDirectionProps & FlexProps & JustifySelfProps & AlignSelfProps & OrderProps & RowProps & ColProps & GapProps & ColumnGapProps & RowGapProps & GridColumnProps & GridRowProps & GridAutoFlowProps & GridAutoColumnsProps & GridAutoRowsProps & GridTemplateColumnsProps & GridTemplateRowsProps & GridTemplateAreasProps & GridAreaProps & AppearanceProps & CursorProps & PointerEventsProps & ResizeProps & UserSelectProps & IsTruncatedProps & FloatProps & BoxSizingProps & OverflowProps & OverflowXProps & OverflowYProps & PositionProps & ZIndexProps & TopProps & RightProps & BottomProps & LeftProps & VisibilityProps & OverscrollBehaviorProps & ObjectFitProps & MaxLinesProps & WidthProps & HeightProps & MaxWidthProps & MaxHeightProps & MinWidthProps & MinHeightProps & MarginProps & MarginTopProps & MarginRightProps & MarginBottomProps & MarginLeftProps & MarginXProps & MarginYProps & PaddingProps & PaddingTopProps & PaddingRightProps & PaddingBottomProps & PaddingLeftProps & PaddingXProps & PaddingYProps & SpaceXProps & SpaceYProps & SpaceXReverseProps & SpaceYReverseProps & BorderCollapseProps & TableLayoutProps & TransformProps & TransformOriginProps & TranslateXProps & TranslateYProps & RotateProps & SkewXProps & SkewYProps & ScaleProps & ScaleXProps & ScaleYProps & TransitionProps & TransitionPropertyProps & TransitionDurationProps & TransitionTimingFunctionProps & TransitionDelayProps & FontFamilyProps & FontSizeProps & FontStyleProps & FontWeightProps & LineHeightProps & ColorProps & TextTransformProps & TextDecorationProps & TextAlignProps & VerticalAlignProps & LetterSpacingProps & WhiteSpaceProps & TextOverflowProps & ListStyleTypeProps & ListStylePositionProps & WordBreakProps & {
+declare const LinkBase: styled_components427.StyledComponent<"a", styled_components427.DefaultTheme, AnimationProps & BackgroundColorProps & BorderProps & BorderTopProps & BorderRightProps & BorderBottomProps & BorderLeftProps & BorderColorProps & BorderTopColorProps & BorderRightColorProps & BorderBottomColorProps & BorderLeftColorProps & BorderWidthProps & BorderTopWidthProps & BorderRightWidthProps & BorderBottomWidthProps & BorderLeftWidthProps & BorderStyleProps & BorderRadiusProps & OutlineProps & OutlineColorProps & OutlineWidthProps & OutlineStyleProps & DivideXProps & DivideYProps & DivideXReverseProps & DivideYReverseProps & DivideColorProps & DivideStyleProps & RingProps & RingColorProps & OpacityProps & BoxShadowProps & TextShadowProps & DisplayProps & AlignItemsProps & AlignContentProps & JustifyContentProps & JustifyItemsProps & FlexWrapProps & FlexGrowProps & FlexShrinkProps & FlexBasisProps & FlexDirectionProps & FlexProps & JustifySelfProps & AlignSelfProps & OrderProps & RowProps & ColProps & GapProps & ColumnGapProps & RowGapProps & GridColumnProps & GridRowProps & GridAutoFlowProps & GridAutoColumnsProps & GridAutoRowsProps & GridTemplateColumnsProps & GridTemplateRowsProps & GridTemplateAreasProps & GridAreaProps & AppearanceProps & CursorProps & PointerEventsProps & ResizeProps & UserSelectProps & IsTruncatedProps & FloatProps & BoxSizingProps & OverflowProps & OverflowXProps & OverflowYProps & PositionProps & ZIndexProps & TopProps & RightProps & BottomProps & LeftProps & VisibilityProps & OverscrollBehaviorProps & ObjectFitProps & MaxLinesProps & WidthProps & HeightProps & MaxWidthProps & MaxHeightProps & MinWidthProps & MinHeightProps & MarginProps & MarginTopProps & MarginRightProps & MarginBottomProps & MarginLeftProps & MarginXProps & MarginYProps & PaddingProps & PaddingTopProps & PaddingRightProps & PaddingBottomProps & PaddingLeftProps & PaddingXProps & PaddingYProps & SpaceXProps & SpaceYProps & SpaceXReverseProps & SpaceYReverseProps & BorderCollapseProps & TableLayoutProps & TransformProps & TransformOriginProps & TranslateXProps & TranslateYProps & RotateProps & SkewXProps & SkewYProps & ScaleProps & ScaleXProps & ScaleYProps & TransitionProps & TransitionPropertyProps & TransitionDurationProps & TransitionTimingFunctionProps & TransitionDelayProps & FontFamilyProps & FontSizeProps & FontStyleProps & FontWeightProps & LineHeightProps & ColorProps & TextTransformProps & TextDecorationProps & TextAlignProps & VerticalAlignProps & LetterSpacingProps & WhiteSpaceProps & TextOverflowProps & ListStyleTypeProps & ListStylePositionProps & WordBreakProps & {
   isUnderlined: boolean;
 }, "isUnderlined">;
 declare const Link: VuiComponent<"a", LinkProps> & {
@@ -32,4 +32,5 @@ declare const Link: VuiComponent<"a", LinkProps> & {
 };
 //#endregion
 export { Link, LinkBase };
+
 //# sourceMappingURL=link.d.ts.map

package/dist/link/link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link.d.ts","names":[],"sources":["../../src/link/link.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;cAsBa,UAAQ,oBAAA,CAAA,qBA+BpB,oBAAA,CA/BoB,YAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,oBAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,mBAAA,CAAA,CAAA,CAAA,qBAAA,CAAA,CAAA,CAAA,sBAAA,CAAA,CAAA,CAAA,oBAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,mBAAA,CAAA,CAAA,CAAA,qBAAA,CAAA,CAAA,CAAA,sBAAA,CAAA,CAAA,CAAA,oBAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,mBAAA,CAAA,CAAA,CAAA,mBAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,mBAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,oBAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,wBAAA,CAAA,CAAA,CAAA,qBAAA,CAAA,CAAA,CAAA,sBAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,uBAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,mBAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,oBAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,uBAAA,CAAA,CAAA,CAAA,uBAAA,CAAA,CAAA,CAAA,6BAAA,CAAA,CAAA,CAAA,oBAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,mBAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,sBAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA;;;cAiCR,MA4CP,kBAAkB;eACT;eACA"}
+{"version":3,"file":"link.d.ts","names":[],"sources":["../../src/link/link.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;cAsBa,UAAQ,oBAAA,CAAA,qBA+BpB,oBAAA,CA/BoB,YAAA,EAAA,cAAA,GAAA,oBAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,YAAA,GAAA,mBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,SAAA,GAAA,cAAA,GAAA,YAAA,GAAA,cAAA,GAAA,eAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,mBAAA,GAAA,iBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,eAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,SAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,UAAA,GAAA,QAAA,GAAA,QAAA,GAAA,QAAA,GAAA,cAAA,GAAA,WAAA,GAAA,eAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,oBAAA,GAAA,iBAAA,GAAA,wBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,aAAA,GAAA,eAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,WAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,UAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,cAAA,GAAA,aAAA,GAAA,WAAA,GAAA,QAAA,GAAA,UAAA,GAAA,WAAA,GAAA,SAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,cAAA,GAAA,aAAA,GAAA,UAAA,GAAA,WAAA,GAAA,aAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,YAAA,GAAA,YAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,gBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,WAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,eAAA,GAAA,WAAA,GAAA,UAAA,GAAA,UAAA,GAAA,UAAA,GAAA,WAAA,GAAA,WAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,uBAAA,GAAA,6BAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,aAAA,GAAA,cAAA,GAAA,eAAA,GAAA,eAAA,GAAA,UAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,sBAAA,GAAA,cAAA;;;cAiCR,MA4CP,kBAAkB;eACT;eACA"}

package/dist/link/link.js

@@ -53,7 +53,7 @@ const LinkBase = styled.aBox.attrs((props) => ({ isUnderlined: props.isUnderline
   }
 `;
 const Link = vui((props, ref) => {
-	const { children, className, fontWeight, iconLeft, iconRight, isExternal, isUnderlined, size, text, variant, weight,...rest } = props;
+	const { children, className, fontWeight, iconLeft, iconRight, isExternal, isUnderlined, size, text, variant, weight, ...rest } = props;
 	const styles = useStyleConfig("Link", props);
 	const context = useMemo(() => filterUndefined({
 		size,
@@ -100,5 +100,5 @@ var link_default = Link;
 
 //#endregion
 export { Link, LinkBase, link_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=link.js.map

package/dist/link/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","names":["LinkIcon","T","LinkText"],"sources":["../../src/link/link.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport T from '../t'\nimport { cs, filterUndefined, isReactText, isString } from '../utils'\nimport { LinkProvider } from './context'\nimport type { LinkProps } from './link.types'\nimport LinkIcon from './linkIcon'\nimport LinkText from './linkText'\n\nconst linkSwipeAnimation = `\n  @keyframes linkSwipe {\n    from {\n      background-size: 0 1px;\n    }\n    to {\n      background-size: 100% 1px;\n    }\n  }\n`\n\nexport const LinkBase = styled.aBox.attrs((props: LinkProps) => ({\n  isUnderlined: props.isUnderlined || false,\n}))`\n  ${linkSwipeAnimation}\n  display: inline;\n  cursor: pointer;\n  position: relative;\n  line-height: 1.5;\n  outline: none;\n  width: fit-content;\n  text-decoration: none;\n\n  &:not(.vui-linkNoUnderline) > .vui-t {\n    position: relative;\n    background: linear-gradient(to right, currentcolor, currentcolor);\n    background-size: ${({ isUnderlined }) => (isUnderlined ? '100% 1px' : '0 1px')};\n    background-position: 0 100%;\n    background-repeat: no-repeat;\n    text-decoration: none;\n    padding-bottom: 2px;\n    line-height: 1.2;\n  }\n\n  &:not(.vui-linkNoUnderline) .vui-linkIcon {\n    margin-bottom: 2px;\n  }\n\n  &:hover > .vui-t {\n    animation: ${({ isUnderlined }) => (isUnderlined ? 'none' : 'linkSwipe 0.3s ease forwards')};\n    background-size: ${({ isUnderlined }) => (isUnderlined ? '100% 2px' : '100% 1px')};\n  }\n`\n\nexport const Link = vui<'a', LinkProps>((props, ref) => {\n  const {\n    children,\n    className,\n    fontWeight,\n    iconLeft,\n    iconRight,\n    isExternal,\n    isUnderlined,\n    size,\n    text,\n    variant,\n    weight,\n    ...rest\n  } = props\n\n  const styles = useStyleConfig('Link', props)\n  const context = useMemo(() => filterUndefined({ size, variant }), [size, variant])\n\n  const aliasedProps = filterUndefined({\n    fontWeight: weight || fontWeight,\n    rel: isExternal ? 'noopener' : undefined,\n    target: isExternal ? '_blank' : undefined,\n  })\n\n  return (\n    <LinkProvider value={context}>\n      <LinkBase\n        alignItems={iconLeft || iconRight ? 'center' : undefined}\n        className={cs('vui-link', className)}\n        display={iconLeft || iconRight ? 'inline-flex' : 'inline'}\n        focusRing={2}\n        isUnderlined={isUnderlined}\n        ref={ref}\n        {...styles.container}\n        {...aliasedProps}\n        {...rest}\n      >\n        {isString(iconLeft) ? <LinkIcon mr={1} name={iconLeft} /> : iconLeft}\n        {children ? <T fontSize={'inherit'}>{children}</T> : isReactText(text) && <LinkText text={text} />}\n        {isString(iconRight) ? <LinkIcon ml={1} name={iconRight} /> : iconRight}\n      </LinkBase>\n    </LinkProvider>\n  )\n}) as VuiComponent<'a', LinkProps> & {\n  Icon: typeof LinkIcon\n  Text: typeof LinkText\n}\n\nLink.Icon = LinkIcon\nLink.Text = LinkText\nLink.displayName = 'Link'\n\nexport default Link\n"],"mappings":";;;;;;;;;;;;;;AAWA,MAAM,qBAAqB;;;;;;;;;;AAW3B,MAAa,WAAW,OAAO,KAAK,OAAO,WAAsB,EAC/D,cAAc,MAAM,gBAAgB,OACrC,EAAE;IACC,mBAAmB;;;;;;;;;;;;wBAYC,EAAE,mBAAoB,eAAe,aAAa,QAAS;;;;;;;;;;;;;kBAajE,EAAE,mBAAoB,eAAe,SAAS,+BAAgC;wBACxE,EAAE,mBAAoB,eAAe,aAAa,WAAY;;;AAItF,MAAa,OAAO,KAAqB,OAAO,QAAQ;CACtD,MAAM,EACJ,UACA,WACA,YACA,UACA,WACA,YACA,cACA,MACA,MACA,SACA,OACA,GAAG,SACD;CAEJ,MAAM,SAAS,eAAe,QAAQ,MAAM;CAC5C,MAAM,UAAU,cAAc,gBAAgB;EAAE;EAAM;EAAS,CAAC,EAAE,CAAC,MAAM,QAAQ,CAAC;CAElF,MAAM,eAAe,gBAAgB;EACnC,YAAY,UAAU;EACtB,KAAK,aAAa,aAAa;EAC/B,QAAQ,aAAa,WAAW;EACjC,CAAC;AAEF,QACE,oBAAC;EAAa,OAAO;YACnB,qBAAC;GACC,YAAY,YAAY,YAAY,WAAW;GAC/C,WAAW,GAAG,YAAY,UAAU;GACpC,SAAS,YAAY,YAAY,gBAAgB;GACjD,WAAW;GACG;GACT;GACL,GAAI,OAAO;GACX,GAAI;GACJ,GAAI;;IAEH,SAAS,SAAS,GAAG,oBAACA;KAAS,IAAI;KAAG,MAAM;MAAY,GAAG;IAC3D,WAAW,oBAACC;KAAE,UAAU;KAAY;MAAa,GAAG,YAAY,KAAK,IAAI,oBAACC,oBAAe,OAAQ;IACjG,SAAS,UAAU,GAAG,oBAACF;KAAS,IAAI;KAAG,MAAM;MAAa,GAAG;;IACrD;GACE;EAEjB;AAKF,KAAK,OAAOA;AACZ,KAAK,OAAOE;AACZ,KAAK,cAAc;AAEnB,mBAAe"}
+{"version":3,"file":"link.js","names":["LinkIcon","T","LinkText"],"sources":["../../src/link/link.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport T from '../t'\nimport { cs, filterUndefined, isReactText, isString } from '../utils'\nimport { LinkProvider } from './context'\nimport type { LinkProps } from './link.types'\nimport LinkIcon from './linkIcon'\nimport LinkText from './linkText'\n\nconst linkSwipeAnimation = `\n  @keyframes linkSwipe {\n    from {\n      background-size: 0 1px;\n    }\n    to {\n      background-size: 100% 1px;\n    }\n  }\n`\n\nexport const LinkBase = styled.aBox.attrs((props: LinkProps) => ({\n  isUnderlined: props.isUnderlined || false,\n}))`\n  ${linkSwipeAnimation}\n  display: inline;\n  cursor: pointer;\n  position: relative;\n  line-height: 1.5;\n  outline: none;\n  width: fit-content;\n  text-decoration: none;\n\n  &:not(.vui-linkNoUnderline) > .vui-t {\n    position: relative;\n    background: linear-gradient(to right, currentcolor, currentcolor);\n    background-size: ${({ isUnderlined }) => (isUnderlined ? '100% 1px' : '0 1px')};\n    background-position: 0 100%;\n    background-repeat: no-repeat;\n    text-decoration: none;\n    padding-bottom: 2px;\n    line-height: 1.2;\n  }\n\n  &:not(.vui-linkNoUnderline) .vui-linkIcon {\n    margin-bottom: 2px;\n  }\n\n  &:hover > .vui-t {\n    animation: ${({ isUnderlined }) => (isUnderlined ? 'none' : 'linkSwipe 0.3s ease forwards')};\n    background-size: ${({ isUnderlined }) => (isUnderlined ? '100% 2px' : '100% 1px')};\n  }\n`\n\nexport const Link = vui<'a', LinkProps>((props, ref) => {\n  const {\n    children,\n    className,\n    fontWeight,\n    iconLeft,\n    iconRight,\n    isExternal,\n    isUnderlined,\n    size,\n    text,\n    variant,\n    weight,\n    ...rest\n  } = props\n\n  const styles = useStyleConfig('Link', props)\n  const context = useMemo(() => filterUndefined({ size, variant }), [size, variant])\n\n  const aliasedProps = filterUndefined({\n    fontWeight: weight || fontWeight,\n    rel: isExternal ? 'noopener' : undefined,\n    target: isExternal ? '_blank' : undefined,\n  })\n\n  return (\n    <LinkProvider value={context}>\n      <LinkBase\n        alignItems={iconLeft || iconRight ? 'center' : undefined}\n        className={cs('vui-link', className)}\n        display={iconLeft || iconRight ? 'inline-flex' : 'inline'}\n        focusRing={2}\n        isUnderlined={isUnderlined}\n        ref={ref}\n        {...styles.container}\n        {...aliasedProps}\n        {...rest}\n      >\n        {isString(iconLeft) ? <LinkIcon mr={1} name={iconLeft} /> : iconLeft}\n        {children ? <T fontSize={'inherit'}>{children}</T> : isReactText(text) && <LinkText text={text} />}\n        {isString(iconRight) ? <LinkIcon ml={1} name={iconRight} /> : iconRight}\n      </LinkBase>\n    </LinkProvider>\n  )\n}) as VuiComponent<'a', LinkProps> & {\n  Icon: typeof LinkIcon\n  Text: typeof LinkText\n}\n\nLink.Icon = LinkIcon\nLink.Text = LinkText\nLink.displayName = 'Link'\n\nexport default Link\n"],"mappings":";;;;;;;;;;;;;;AAWA,MAAM,qBAAqB;;;;;;;;;;AAW3B,MAAa,WAAW,OAAO,KAAK,OAAO,WAAsB,EAC/D,cAAc,MAAM,gBAAgB,OACrC,EAAE;IACC,mBAAmB;;;;;;;;;;;;wBAYC,EAAE,mBAAoB,eAAe,aAAa,QAAS;;;;;;;;;;;;;kBAajE,EAAE,mBAAoB,eAAe,SAAS,+BAAgC;wBACxE,EAAE,mBAAoB,eAAe,aAAa,WAAY;;;AAItF,MAAa,OAAO,KAAqB,OAAO,QAAQ;CACtD,MAAM,EACJ,UACA,WACA,YACA,UACA,WACA,YACA,cACA,MACA,MACA,SACA,QACA,GAAG,SACD;CAEJ,MAAM,SAAS,eAAe,QAAQ,MAAM;CAC5C,MAAM,UAAU,cAAc,gBAAgB;EAAE;EAAM;EAAS,CAAC,EAAE,CAAC,MAAM,QAAQ,CAAC;CAElF,MAAM,eAAe,gBAAgB;EACnC,YAAY,UAAU;EACtB,KAAK,aAAa,aAAa;EAC/B,QAAQ,aAAa,WAAW;EACjC,CAAC;AAEF,QACE,oBAAC;EAAa,OAAO;YACnB,qBAAC;GACC,YAAY,YAAY,YAAY,WAAW;GAC/C,WAAW,GAAG,YAAY,UAAU;GACpC,SAAS,YAAY,YAAY,gBAAgB;GACjD,WAAW;GACG;GACT;GACL,GAAI,OAAO;GACX,GAAI;GACJ,GAAI;;IAEH,SAAS,SAAS,GAAG,oBAACA;KAAS,IAAI;KAAG,MAAM;MAAY,GAAG;IAC3D,WAAW,oBAACC;KAAE,UAAU;KAAY;MAAa,GAAG,YAAY,KAAK,IAAI,oBAACC,oBAAe,OAAQ;IACjG,SAAS,UAAU,GAAG,oBAACF;KAAS,IAAI;KAAG,MAAM;MAAa,GAAG;;IACrD;GACE;EAEjB;AAKF,KAAK,OAAOA;AACZ,KAAK,OAAOE;AACZ,KAAK,cAAc;AAEnB,mBAAe"}

package/dist/link/link.types.d.ts

@@ -30,4 +30,5 @@ type LinkProps = SystemProps & ThemingProps<'Link'> & {
 };
 //#endregion
 export { LinkProps };
+
 //# sourceMappingURL=link.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"link.types.d.ts","names":[],"sources":["../../src/link/link.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;KAIY,SAAA,CAAA,CAAA,CAAY,cACtB;;;;eAIe;EALL,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,GAAA,CAAA,mBAAA,CAAA,IAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA;EAAY,eAAA,CAAA,CAAA,CAOF,eAPE,CAAA,CAAA,cAAA,CAAA,CAAA;EACtB,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,SAAA,CAAA,KAAA,CAAA,GAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA;EAIe,IAAA,CAAA,CAAA,CAAA,MAAA;EAEK,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,UAAA,CAAA,EAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,IAAA,CAAA,CAAA,CAAA;EAIP,QAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAW,GAAA,CAAI,OAAf;EAAW,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,UAAA,CAAA,EAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,CAAA,CAAA;EAEV,SAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAW,GAAA,CAAI,OAAf;EAAW,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,GAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,GAAA,CAAA,IAAA,CAAA,WAAA,CAAA,UAAA,CAAA,CAAA,CAAA;EAME,UAAI,CAAA,CAAA,CAAA,OAAA;EAEpB,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,SAAA,CAAA,SAAA,CAAA,CAAA,MAAA,CAAA,EAAA,CAAA,IAAA,CAAA,GAAA,CAAA,MAAA,CAAA,KAAA,CAAA,MAAA,CAAA,IAAA,CAAA,CAAA,CAAA;EAAe,YAAA,CAAA,CAAA,CAAA,OAAA;;2BAFC,GAAA,CAAI;;WAEpB"}
+{"version":3,"file":"link.types.d.ts","names":[],"sources":["../../src/link/link.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;KAIY,SAAA,GAAY,cACtB;;;;eAIe;EALL;EAAY,eAAA,CAAA,EAOF,eAPE,CAAA,gBAAA,CAAA;EACtB;EAIe,IAAA,CAAA,EAAA,MAAA;EAEK;EAIP,QAAA,CAAA,EAAA,QAAA,GAAW,GAAA,CAAI,OAAf;EAAW;EAEV,SAAA,CAAA,EAAA,QAAA,GAAW,GAAA,CAAI,OAAf;EAAW;EAME,UAAI,CAAA,EAAA,OAAA;EAEpB;EAAe,YAAA,CAAA,EAAA,OAAA;;2BAFC,GAAA,CAAI;;WAEpB"}

package/dist/link/linkIcon.d.ts

@@ -8,4 +8,5 @@ import "../index.js";
 declare const LinkIcon: VuiComponent<"svg", IconProps>;
 //#endregion
 export { LinkIcon };
+
 //# sourceMappingURL=linkIcon.d.ts.map

package/dist/link/linkIcon.js

@@ -8,7 +8,7 @@ import { jsx } from "react/jsx-runtime";
 //#region src/link/linkIcon.tsx
 /** Displays an icon within the Link. */
 const LinkIcon = vui((props, ref) => {
-	const { className,...rest } = props;
+	const { className, ...rest } = props;
 	const styles = useStyleConfig("Link", useLinkContext());
 	return /* @__PURE__ */ jsx(icon_default, {
 		className: cs("vui-linkIcon", className),
@@ -22,5 +22,5 @@ var linkIcon_default = LinkIcon;
 
 //#endregion
 export { LinkIcon, linkIcon_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=linkIcon.js.map

package/dist/link/linkIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"linkIcon.js","names":["Icon"],"sources":["../../src/link/linkIcon.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { IconProps } from '../icon'\nimport Icon from '../icon'\nimport { cs } from '../utils'\nimport { useLinkContext } from './context'\n\n/** Displays an icon within the Link. */\nexport const LinkIcon = vui<'svg', IconProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Link', useLinkContext())\n\n  return <Icon className={cs('vui-linkIcon', className)} ref={ref} {...styles.icon} {...rest} />\n})\n\nLinkIcon.displayName = 'LinkIcon'\n\nexport default LinkIcon\n"],"mappings":";;;;;;;;;AAOA,MAAa,WAAW,KAAuB,OAAO,QAAQ;CAC5D,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,QAAQ,gBAAgB,CAAC;AAEvD,QAAO,oBAACA;EAAK,WAAW,GAAG,gBAAgB,UAAU;EAAO;EAAK,GAAI,OAAO;EAAM,GAAI;GAAQ;EAC9F;AAEF,SAAS,cAAc;AAEvB,uBAAe"}
+{"version":3,"file":"linkIcon.js","names":["Icon"],"sources":["../../src/link/linkIcon.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { IconProps } from '../icon'\nimport Icon from '../icon'\nimport { cs } from '../utils'\nimport { useLinkContext } from './context'\n\n/** Displays an icon within the Link. */\nexport const LinkIcon = vui<'svg', IconProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Link', useLinkContext())\n\n  return <Icon className={cs('vui-linkIcon', className)} ref={ref} {...styles.icon} {...rest} />\n})\n\nLinkIcon.displayName = 'LinkIcon'\n\nexport default LinkIcon\n"],"mappings":";;;;;;;;;AAOA,MAAa,WAAW,KAAuB,OAAO,QAAQ;CAC5D,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,QAAQ,gBAAgB,CAAC;AAEvD,QAAO,oBAACA;EAAK,WAAW,GAAG,gBAAgB,UAAU;EAAO;EAAK,GAAI,OAAO;EAAM,GAAI;GAAQ;EAC9F;AAEF,SAAS,cAAc;AAEvB,uBAAe"}

package/dist/link/linkText.d.ts

@@ -8,4 +8,5 @@ import "../index.js";
 declare const LinkText: VuiComponent<"span", TProps>;
 //#endregion
 export { LinkText };
+
 //# sourceMappingURL=linkText.d.ts.map

package/dist/link/linkText.js

@@ -8,7 +8,7 @@ import { jsx } from "react/jsx-runtime";
 //#region src/link/linkText.tsx
 /** Displays text of the Link. */
 const LinkText = vui((props, ref) => {
-	const { className,...rest } = props;
+	const { className, ...rest } = props;
 	const styles = useStyleConfig("Link", useLinkContext());
 	return /* @__PURE__ */ jsx(t_default, {
 		className: cs("vui-linkText", className),
@@ -24,5 +24,5 @@ var linkText_default = LinkText;
 
 //#endregion
 export { LinkText, linkText_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=linkText.js.map

package/dist/link/linkText.js.map

@@ -1 +1 @@
-{"version":3,"file":"linkText.js","names":["T"],"sources":["../../src/link/linkText.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { TProps } from '../t'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useLinkContext } from './context'\n\n/** Displays text of the Link. */\nexport const LinkText = vui<'span', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Link', useLinkContext())\n\n  return (\n    <T\n      className={cs('vui-linkText', className)}\n      fontSize=\"inherit\"\n      ref={ref}\n      transitionDuration=\"unset\"\n      {...styles.text}\n      {...rest}\n    />\n  )\n})\n\nLinkText.displayName = 'LinkText'\nexport default LinkText\n"],"mappings":";;;;;;;;;AAOA,MAAa,WAAW,KAAqB,OAAO,QAAQ;CAC1D,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,QAAQ,gBAAgB,CAAC;AAEvD,QACE,oBAACA;EACC,WAAW,GAAG,gBAAgB,UAAU;EACxC,UAAS;EACJ;EACL,oBAAmB;EACnB,GAAI,OAAO;EACX,GAAI;GACJ;EAEJ;AAEF,SAAS,cAAc;AACvB,uBAAe"}
+{"version":3,"file":"linkText.js","names":["T"],"sources":["../../src/link/linkText.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { TProps } from '../t'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useLinkContext } from './context'\n\n/** Displays text of the Link. */\nexport const LinkText = vui<'span', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Link', useLinkContext())\n\n  return (\n    <T\n      className={cs('vui-linkText', className)}\n      fontSize=\"inherit\"\n      ref={ref}\n      transitionDuration=\"unset\"\n      {...styles.text}\n      {...rest}\n    />\n  )\n})\n\nLinkText.displayName = 'LinkText'\nexport default LinkText\n"],"mappings":";;;;;;;;;AAOA,MAAa,WAAW,KAAqB,OAAO,QAAQ;CAC1D,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,QAAQ,gBAAgB,CAAC;AAEvD,QACE,oBAACA;EACC,WAAW,GAAG,gBAAgB,UAAU;EACxC,UAAS;EACJ;EACL,oBAAmB;EACnB,GAAI,OAAO;EACX,GAAI;GACJ;EAEJ;AAEF,SAAS,cAAc;AACvB,uBAAe"}

package/dist/link/theme.js

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

package/dist/list/context.d.ts

@@ -1,9 +1,10 @@
 import { Dict } from "../utils/types.js";
 import "../utils/index.js";
-import * as react938 from "react";
+import * as react953 from "react";
 
 //#region src/list/context.d.ts
-declare const ListProvider: react938.Provider<Dict>, useListContext: () => Dict;
+declare const ListProvider: react953.Provider<Dict>, useListContext: () => Dict;
 //#endregion
 export { ListProvider, useListContext };
+
 //# sourceMappingURL=context.d.ts.map

package/dist/list/context.js

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

package/dist/list/index.d.ts

@@ -5,4 +5,4 @@ import { ListHeading } from "./listHeading.js";
 import { ListIcon } from "./listIcon.js";
 import { ListItem, ListItemBase } from "./listItem.js";
 import { ListText } from "./listText.js";
-import { List, ListBase } from "./list.js";
+import { List, ListBase } from "./list.js";

package/dist/list/list.d.ts

@@ -8,10 +8,10 @@ import { ListIcon } from "./listIcon.js";
 import { ListItem } from "./listItem.js";
 import { ListText } from "./listText.js";
 import "../index.js";
-import * as styled_components385 from "styled-components";
+import * as styled_components429 from "styled-components";
 
 //#region src/list/list.d.ts
-declare const ListBase: styled_components385.StyledComponent<"ul", styled_components385.DefaultTheme, SystemProps, never>;
+declare const ListBase: styled_components429.StyledComponent<"ul", styled_components429.DefaultTheme, SystemProps, never>;
 /** Displays a list of list link items and optional heading. Exposes some props to the children via context. */
 declare const List: VuiComponent<"ul", ListProps> & {
   Divider: typeof ListDivider;
@@ -22,4 +22,5 @@ declare const List: VuiComponent<"ul", ListProps> & {
 };
 //#endregion
 export { List, ListBase };
+
 //# sourceMappingURL=list.d.ts.map

package/dist/list/list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","names":[],"sources":["../../src/list/list.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;cAiBa,UAAQ,oBAAA,CAAA,sBAAiB,oBAAA,CAAjB,YAAA,CAAA,CAAA,WAAA,CAAA;;cAGR,MAsDP,mBAAmB;kBACP;kBACA;eACH;EA5DF,IAAA,CAAA,CAAA,MAAA,CA6DE,QA7DuB;EAAA,IAAA,CAAA,CAAA,MAAA,CA8DvB,QA9DM;CAAA"}
+{"version":3,"file":"list.d.ts","names":[],"sources":["../../src/list/list.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;cAiBa,UAAQ,oBAAA,CAAA,sBAAiB,oBAAA,CAAjB,YAAA,EAAA,WAAA;;cAGR,MAsDP,mBAAmB;kBACP;kBACA;eACH;EA5DF,IAAA,EAAA,OA6DE,QA7DuB;EAAA,IAAA,EAAA,OA8DvB,QA9DM;CAAA"}

package/dist/list/list.js

@@ -20,7 +20,7 @@ const prevKeys = ["ArrowUp"];
 const ListBase = styled.ulBox``;
 /** Displays a list of list link items and optional heading. Exposes some props to the children via context. */
 const List = vui((props, ref) => {
-	const { children, className, heading, isInteractive, items, size, variant,...rest } = props;
+	const { children, className, heading, isInteractive, items, size, variant, ...rest } = props;
 	const styles = useStyleConfig("List", props);
 	const context = useMemo(() => filterUndefined({
 		isInteractive,
@@ -70,7 +70,7 @@ const List = vui((props, ref) => {
 			ref: ref || listRef,
 			...styles.container,
 			...rest,
-			children: [isReactText(heading) ? /* @__PURE__ */ jsx(listHeading_default, { text: heading }) : heading, children ?? (isArray(items) ? items.map(({ key,...props$1 }, index) => /* @__PURE__ */ jsx(listItem_default, { ...props$1 }, key ?? index)) : items)]
+			children: [isReactText(heading) ? /* @__PURE__ */ jsx(listHeading_default, { text: heading }) : heading, children ?? (isArray(items) ? items.map(({ key, ...props$1 }, index) => /* @__PURE__ */ jsx(listItem_default, { ...props$1 }, key ?? index)) : items)]
 		})
 	});
 });
@@ -84,5 +84,5 @@ var list_default = List;
 
 //#endregion
 export { List, ListBase, list_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=list.js.map

package/dist/list/list.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.js","names":["ListHeading","props","ListItem","ListDivider","ListIcon","ListText"],"sources":["../../src/list/list.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined, isArray, isReactText } from '../utils'\nimport { ListProvider } from './context'\nimport type { ListItemProps, ListProps } from './list.types'\nimport ListDivider from './listDivider'\nimport ListHeading from './listHeading'\nimport ListIcon from './listIcon'\nimport ListItem from './listItem'\nimport ListText from './listText'\n\nconst clickKeys = ['Enter', ' ']\nconst nextKeys = ['ArrowDown', 'Tab']\nconst prevKeys = ['ArrowUp']\n\nexport const ListBase = styled.ulBox``\n\n/** Displays a list of list link items and optional heading. Exposes some props to the children via context. */\nexport const List = vui<'ul', ListProps>((props, ref) => {\n  const { children, className, heading, isInteractive, items, size, variant, ...rest } = props\n  const styles = useStyleConfig('List', props)\n\n  const context = useMemo(() => filterUndefined({ isInteractive, size, variant }), [isInteractive, size, variant])\n\n  const listRef = useRef<HTMLUListElement>(null)\n\n  const [_, setActive] = useState(-1)\n\n  const onKeydown = (event: KeyboardEvent) => {\n    if ([...prevKeys, ...nextKeys, ...clickKeys].includes(event.key)) {\n      event.preventDefault()\n      setActive((a: number) => {\n        let active = a\n        if (listRef.current) {\n          const allChildren = Array.from(listRef.current.childNodes)\n          const tabIndexedChildren = allChildren.filter(child => (child as HTMLElement).tabIndex === 0)\n\n          if (nextKeys.includes(event.key) && active < tabIndexedChildren.length - 1) active++\n          if (prevKeys.includes(event.key)) active = active > 0 ? active - 1 : 0\n\n          tabIndexedChildren.forEach((node, index) => {\n            if (index === active) {\n              if (clickKeys.includes(event.key)) (node as HTMLElement)?.click()\n              else (node as HTMLElement)?.focus()\n            }\n          })\n        }\n        return active\n      })\n    }\n  }\n\n  useEffect(() => {\n    if (listRef.current && isInteractive) {\n      listRef.current.addEventListener('keydown', onKeydown)\n      return () => {\n        listRef.current?.removeEventListener('keydown', onKeydown)\n      }\n    }\n  }, [listRef.current, isInteractive])\n\n  return (\n    <ListProvider value={context}>\n      <ListBase className={cs('vui-list', className)} ref={ref || listRef} {...styles.container} {...rest}>\n        {isReactText(heading) ? <ListHeading text={heading} /> : heading}\n        {children ??\n          (isArray<ListItemProps>(items)\n            ? items.map(({ key, ...props }, index) => <ListItem key={key ?? index} {...props} />)\n            : items)}\n      </ListBase>\n    </ListProvider>\n  )\n}) as VuiComponent<'ul', ListProps> & {\n  Divider: typeof ListDivider\n  Heading: typeof ListHeading\n  Icon: typeof ListIcon\n  Item: typeof ListItem\n  Text: typeof ListText\n}\n\nList.Divider = ListDivider\nList.Heading = ListHeading\nList.Icon = ListIcon\nList.Item = ListItem\nList.Text = ListText\nList.displayName = 'List'\nexport default List\n"],"mappings":";;;;;;;;;;;;;;;;AAaA,MAAM,YAAY,CAAC,SAAS,IAAI;AAChC,MAAM,WAAW,CAAC,aAAa,MAAM;AACrC,MAAM,WAAW,CAAC,UAAU;AAE5B,MAAa,WAAW,OAAO,KAAK;;AAGpC,MAAa,OAAO,KAAsB,OAAO,QAAQ;CACvD,MAAM,EAAE,UAAU,WAAW,SAAS,eAAe,OAAO,MAAM,QAAS,GAAG,SAAS;CACvF,MAAM,SAAS,eAAe,QAAQ,MAAM;CAE5C,MAAM,UAAU,cAAc,gBAAgB;EAAE;EAAe;EAAM;EAAS,CAAC,EAAE;EAAC;EAAe;EAAM;EAAQ,CAAC;CAEhH,MAAM,UAAU,OAAyB,KAAK;CAE9C,MAAM,CAAC,GAAG,aAAa,SAAS,GAAG;CAEnC,MAAM,aAAa,UAAyB;AAC1C,MAAI;GAAC,GAAG;GAAU,GAAG;GAAU,GAAG;GAAU,CAAC,SAAS,MAAM,IAAI,EAAE;AAChE,SAAM,gBAAgB;AACtB,cAAW,MAAc;IACvB,IAAI,SAAS;AACb,QAAI,QAAQ,SAAS;KAEnB,MAAM,qBADc,MAAM,KAAK,QAAQ,QAAQ,WAAW,CACnB,QAAO,UAAU,MAAsB,aAAa,EAAE;AAE7F,SAAI,SAAS,SAAS,MAAM,IAAI,IAAI,SAAS,mBAAmB,SAAS,EAAG;AAC5E,SAAI,SAAS,SAAS,MAAM,IAAI,CAAE,UAAS,SAAS,IAAI,SAAS,IAAI;AAErE,wBAAmB,SAAS,MAAM,UAAU;AAC1C,UAAI,UAAU,OACZ,KAAI,UAAU,SAAS,MAAM,IAAI,CAAE,CAAC,MAAsB,OAAO;UAC5D,CAAC,MAAsB,OAAO;OAErC;;AAEJ,WAAO;KACP;;;AAIN,iBAAgB;AACd,MAAI,QAAQ,WAAW,eAAe;AACpC,WAAQ,QAAQ,iBAAiB,WAAW,UAAU;AACtD,gBAAa;AACX,YAAQ,SAAS,oBAAoB,WAAW,UAAU;;;IAG7D,CAAC,QAAQ,SAAS,cAAc,CAAC;AAEpC,QACE,oBAAC;EAAa,OAAO;YACnB,qBAAC;GAAS,WAAW,GAAG,YAAY,UAAU;GAAE,KAAK,OAAO;GAAS,GAAI,OAAO;GAAW,GAAI;cAC5F,YAAY,QAAQ,GAAG,oBAACA,uBAAY,MAAM,UAAW,GAAG,SACxD,aACE,QAAuB,MAAM,GAC1B,MAAM,KAAK,EAAE,IAAK,GAAGC,WAAS,UAAU,oBAACC,oBAA4B,GAAID,WAAlB,OAAO,MAAoB,CAAC,GACnF;IACG;GACE;EAEjB;AAQF,KAAK,UAAUE;AACf,KAAK,UAAUH;AACf,KAAK,OAAOI;AACZ,KAAK,OAAOF;AACZ,KAAK,OAAOG;AACZ,KAAK,cAAc;AACnB,mBAAe"}
+{"version":3,"file":"list.js","names":["ListHeading","props","ListItem","ListDivider","ListIcon","ListText"],"sources":["../../src/list/list.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined, isArray, isReactText } from '../utils'\nimport { ListProvider } from './context'\nimport type { ListItemProps, ListProps } from './list.types'\nimport ListDivider from './listDivider'\nimport ListHeading from './listHeading'\nimport ListIcon from './listIcon'\nimport ListItem from './listItem'\nimport ListText from './listText'\n\nconst clickKeys = ['Enter', ' ']\nconst nextKeys = ['ArrowDown', 'Tab']\nconst prevKeys = ['ArrowUp']\n\nexport const ListBase = styled.ulBox``\n\n/** Displays a list of list link items and optional heading. Exposes some props to the children via context. */\nexport const List = vui<'ul', ListProps>((props, ref) => {\n  const { children, className, heading, isInteractive, items, size, variant, ...rest } = props\n  const styles = useStyleConfig('List', props)\n\n  const context = useMemo(() => filterUndefined({ isInteractive, size, variant }), [isInteractive, size, variant])\n\n  const listRef = useRef<HTMLUListElement>(null)\n\n  const [_, setActive] = useState(-1)\n\n  const onKeydown = (event: KeyboardEvent) => {\n    if ([...prevKeys, ...nextKeys, ...clickKeys].includes(event.key)) {\n      event.preventDefault()\n      setActive((a: number) => {\n        let active = a\n        if (listRef.current) {\n          const allChildren = Array.from(listRef.current.childNodes)\n          const tabIndexedChildren = allChildren.filter(child => (child as HTMLElement).tabIndex === 0)\n\n          if (nextKeys.includes(event.key) && active < tabIndexedChildren.length - 1) active++\n          if (prevKeys.includes(event.key)) active = active > 0 ? active - 1 : 0\n\n          tabIndexedChildren.forEach((node, index) => {\n            if (index === active) {\n              if (clickKeys.includes(event.key)) (node as HTMLElement)?.click()\n              else (node as HTMLElement)?.focus()\n            }\n          })\n        }\n        return active\n      })\n    }\n  }\n\n  useEffect(() => {\n    if (listRef.current && isInteractive) {\n      listRef.current.addEventListener('keydown', onKeydown)\n      return () => {\n        listRef.current?.removeEventListener('keydown', onKeydown)\n      }\n    }\n  }, [listRef.current, isInteractive])\n\n  return (\n    <ListProvider value={context}>\n      <ListBase className={cs('vui-list', className)} ref={ref || listRef} {...styles.container} {...rest}>\n        {isReactText(heading) ? <ListHeading text={heading} /> : heading}\n        {children ??\n          (isArray<ListItemProps>(items)\n            ? items.map(({ key, ...props }, index) => <ListItem key={key ?? index} {...props} />)\n            : items)}\n      </ListBase>\n    </ListProvider>\n  )\n}) as VuiComponent<'ul', ListProps> & {\n  Divider: typeof ListDivider\n  Heading: typeof ListHeading\n  Icon: typeof ListIcon\n  Item: typeof ListItem\n  Text: typeof ListText\n}\n\nList.Divider = ListDivider\nList.Heading = ListHeading\nList.Icon = ListIcon\nList.Item = ListItem\nList.Text = ListText\nList.displayName = 'List'\nexport default List\n"],"mappings":";;;;;;;;;;;;;;;;AAaA,MAAM,YAAY,CAAC,SAAS,IAAI;AAChC,MAAM,WAAW,CAAC,aAAa,MAAM;AACrC,MAAM,WAAW,CAAC,UAAU;AAE5B,MAAa,WAAW,OAAO,KAAK;;AAGpC,MAAa,OAAO,KAAsB,OAAO,QAAQ;CACvD,MAAM,EAAE,UAAU,WAAW,SAAS,eAAe,OAAO,MAAM,SAAS,GAAG,SAAS;CACvF,MAAM,SAAS,eAAe,QAAQ,MAAM;CAE5C,MAAM,UAAU,cAAc,gBAAgB;EAAE;EAAe;EAAM;EAAS,CAAC,EAAE;EAAC;EAAe;EAAM;EAAQ,CAAC;CAEhH,MAAM,UAAU,OAAyB,KAAK;CAE9C,MAAM,CAAC,GAAG,aAAa,SAAS,GAAG;CAEnC,MAAM,aAAa,UAAyB;AAC1C,MAAI;GAAC,GAAG;GAAU,GAAG;GAAU,GAAG;GAAU,CAAC,SAAS,MAAM,IAAI,EAAE;AAChE,SAAM,gBAAgB;AACtB,cAAW,MAAc;IACvB,IAAI,SAAS;AACb,QAAI,QAAQ,SAAS;KAEnB,MAAM,qBADc,MAAM,KAAK,QAAQ,QAAQ,WAAW,CACnB,QAAO,UAAU,MAAsB,aAAa,EAAE;AAE7F,SAAI,SAAS,SAAS,MAAM,IAAI,IAAI,SAAS,mBAAmB,SAAS,EAAG;AAC5E,SAAI,SAAS,SAAS,MAAM,IAAI,CAAE,UAAS,SAAS,IAAI,SAAS,IAAI;AAErE,wBAAmB,SAAS,MAAM,UAAU;AAC1C,UAAI,UAAU,OACZ,KAAI,UAAU,SAAS,MAAM,IAAI,CAAE,CAAC,MAAsB,OAAO;UAC5D,CAAC,MAAsB,OAAO;OAErC;;AAEJ,WAAO;KACP;;;AAIN,iBAAgB;AACd,MAAI,QAAQ,WAAW,eAAe;AACpC,WAAQ,QAAQ,iBAAiB,WAAW,UAAU;AACtD,gBAAa;AACX,YAAQ,SAAS,oBAAoB,WAAW,UAAU;;;IAG7D,CAAC,QAAQ,SAAS,cAAc,CAAC;AAEpC,QACE,oBAAC;EAAa,OAAO;YACnB,qBAAC;GAAS,WAAW,GAAG,YAAY,UAAU;GAAE,KAAK,OAAO;GAAS,GAAI,OAAO;GAAW,GAAI;cAC5F,YAAY,QAAQ,GAAG,oBAACA,uBAAY,MAAM,UAAW,GAAG,SACxD,aACE,QAAuB,MAAM,GAC1B,MAAM,KAAK,EAAE,KAAK,GAAGC,WAAS,UAAU,oBAACC,oBAA4B,GAAID,WAAlB,OAAO,MAAoB,CAAC,GACnF;IACG;GACE;EAEjB;AAQF,KAAK,UAAUE;AACf,KAAK,UAAUH;AACf,KAAK,OAAOI;AACZ,KAAK,OAAOF;AACZ,KAAK,OAAOG;AACZ,KAAK,cAAc;AACnB,mBAAe"}

package/dist/list/list.types.d.ts

@@ -57,4 +57,5 @@ type ListItemProps = SystemProps & ThemingProps<'List'> & {
 };
 //#endregion
 export { ListItemLinkProps, ListItemProps, ListProps };
+
 //# sourceMappingURL=list.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"list.types.d.ts","names":[],"sources":["../../src/list/list.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;;;KAQY,SAAA,CAAA,CAAA,CAAY,cACtB;;;;YAIY,KAAA,CAAM;;EALR,aAAS,CAAA,CAAA,CAAA,OAAA;EAAG,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,UAAA,CAAA,CAAA,CAAA,IAAA,CAAA,EAAA,CAAA,KAAA,CAAA,CAAA,CAAA;EACtB,KAAA,CAAA,CAAA,CAQU,OARV,CAAA,CAAA,EAAA,CAAA,CAAA,CAQwB,aARxB,CAAA,CAAA,CAAA,CAAA,CAAA,CAQ2C,GAAA,CAAI,OAR/C;EAIY,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,GAAA,CAAA,GAAA,CAAA,OAAA,CAAA,CAAA,GAAA,CAAA,CAAA,IAAA,CAAA,CAAA,OAAA,CAAA,EAAA,CAAA,QAAA,CAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,MAAA,CAAA,CAAA,CAAA;EAIY,OAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA;CAAd;AAAqC,IAAA,CAKrC,iBAAA,CAAA,CAAA,CAAoB,OALiB,CAAA,CAAA,CAAA,CAAA,CAAA,CAKJ,SALI,CAAA,CAAA,CAAA,CAAA,MAAA;AAAO,IAAA,CAO5C,aAAA,CAAA,CAAA,CAAgB,WAP4B,CAAA,CAAA,CAQtD,YARsD,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA;EAK5C,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,GAAA,CAAA,OAAA,CAAA,UAAA,CAAA,GAAA,CAAA,YAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA;EAEA,MAAA,CAAA,CAAA,CAAA,OAAa;EAAG,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,GAAA,CAAA,OAAA,CAAA,YAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA;EAC1B,OAAA,CAAA,CAAA,CAAA,OAAA;EAca,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,GAAA,CAAA,OAAA,CAAA,UAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA;EAAW,OAAI,CAAA,CAAA,CAAA,OAAA;EAEd,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA;EAAW,WAAI,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA;EAMhB,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,OAAA,CAAA,EAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA;EAEC,MAAM,CAAA,CAAA,CAAA,OAAA;EAIN,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,IAAA,CAAA,GAAA,CAAA,GAAA,CAAA,OAAA,CAAA,EAAA,CAAA,QAAA,CAAA,KAAA,CAAA,IAAA,CAAA,WAAA,CAAA,OAAA,CAAA,CAAA,CAAA;EAEL,QAAA,CAAA,CAAA,CAAA,OAAA;EAAY,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,UAAA,CAAA,EAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,IAAA,CAAA,CAAA,CAAA;EAAW,QAAA,CAAA,CAAA,CAhBnB,QAgBmB,CAAA,CAAA,CAhBR,GAAA,CAAI,OAgBI;;cAdlB,WAAW,GAAA,CAAI;;;;;;aAMhB,KAAA,CAAM;;cAEL,KAAA,CAAM;;;;cAIN;;SAEL,YAAY,GAAA,CAAI"}
+{"version":3,"file":"list.types.d.ts","names":[],"sources":["../../src/list/list.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;;;KAQY,SAAA,GAAY,cACtB;;;;YAIY,KAAA,CAAM;;EALR,aAAS,CAAA,EAAA,OAAA;EAAG;EACtB,KAAA,CAAA,EAQU,OARV,CAAA,IAAA,EAQwB,aARxB,CAAA,EAAA,GAQ2C,GAAA,CAAI,OAR/C;EAIY;EAIY,OAAA,CAAA,EAAA,SAAA,GAAA,SAAA,GAAA,WAAA,GAAA,MAAA;CAAd;AAAqC,KAKrC,iBAAA,GAAoB,OALiB,CAAA,GAAA,EAKJ,SALI,CAAA,GAAA,MAAA;AAAO,KAO5C,aAAA,GAAgB,WAP4B,GAQtD,YARsD,CAAA,MAAA,CAAA,GAAA;EAK5C;EAEA,MAAA,CAAA,EAAA,OAAa;EAAG;EAC1B,OAAA,CAAA,EAAA,OAAA;EAca;EAAW,OAAI,CAAA,EAAA,OAAA;EAEd;EAAW,WAAI,CAAA,EAAA,MAAA,GAAA,MAAA;EAMhB;EAEC,MAAM,CAAA,EAAA,OAAA;EAIN;EAEL,QAAA,CAAA,EAAA,OAAA;EAAY;EAAW,QAAA,CAAA,EAhBnB,QAgBmB,GAhBR,GAAA,CAAI,OAgBI;;cAdlB,WAAW,GAAA,CAAI;;;;;;aAMhB,KAAA,CAAM;;cAEL,KAAA,CAAM;;;;cAIN;;SAEL,YAAY,GAAA,CAAI"}

package/dist/list/listDivider.d.ts

@@ -8,4 +8,5 @@ import "../index.js";
 declare const ListDivider: VuiComponent<"hr", DividerProps>;
 //#endregion
 export { ListDivider };
+
 //# sourceMappingURL=listDivider.d.ts.map

package/dist/list/listDivider.js

@@ -8,7 +8,7 @@ import { jsx } from "react/jsx-runtime";
 //#region src/list/listDivider.tsx
 /** Displays a divider line within the List. */
 const ListDivider = vui((props, ref) => {
-	const { className,...rest } = props;
+	const { className, ...rest } = props;
 	const styles = useStyleConfig("List", useListContext());
 	return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(divider_default, {
 		className: cs("vui-listDivider", className),
@@ -23,5 +23,5 @@ var listDivider_default = ListDivider;
 
 //#endregion
 export { ListDivider, listDivider_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=listDivider.js.map

package/dist/list/listDivider.js.map

@@ -1 +1 @@
-{"version":3,"file":"listDivider.js","names":["Divider"],"sources":["../../src/list/listDivider.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { DividerProps } from '../divider'\nimport Divider from '../divider'\nimport { cs } from '../utils'\nimport { useListContext } from './context'\n\n/** Displays a divider line within the List. */\nexport const ListDivider = vui<'hr', DividerProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('List', useListContext())\n\n  return (\n    <li>\n      <Divider className={cs('vui-listDivider', className)} my={1} ref={ref} {...styles.divider} {...rest} />\n    </li>\n  )\n})\n\nListDivider.displayName = 'ListDivider'\nexport default ListDivider\n"],"mappings":";;;;;;;;;AAOA,MAAa,cAAc,KAAyB,OAAO,QAAQ;CACjE,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,QAAQ,gBAAgB,CAAC;AAEvD,QACE,oBAAC,kBACC,oBAACA;EAAQ,WAAW,GAAG,mBAAmB,UAAU;EAAE,IAAI;EAAQ;EAAK,GAAI,OAAO;EAAS,GAAI;GAAQ,GACpG;EAEP;AAEF,YAAY,cAAc;AAC1B,0BAAe"}
+{"version":3,"file":"listDivider.js","names":["Divider"],"sources":["../../src/list/listDivider.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { DividerProps } from '../divider'\nimport Divider from '../divider'\nimport { cs } from '../utils'\nimport { useListContext } from './context'\n\n/** Displays a divider line within the List. */\nexport const ListDivider = vui<'hr', DividerProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('List', useListContext())\n\n  return (\n    <li>\n      <Divider className={cs('vui-listDivider', className)} my={1} ref={ref} {...styles.divider} {...rest} />\n    </li>\n  )\n})\n\nListDivider.displayName = 'ListDivider'\nexport default ListDivider\n"],"mappings":";;;;;;;;;AAOA,MAAa,cAAc,KAAyB,OAAO,QAAQ;CACjE,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,QAAQ,gBAAgB,CAAC;AAEvD,QACE,oBAAC,kBACC,oBAACA;EAAQ,WAAW,GAAG,mBAAmB,UAAU;EAAE,IAAI;EAAQ;EAAK,GAAI,OAAO;EAAS,GAAI;GAAQ,GACpG;EAEP;AAEF,YAAY,cAAc;AAC1B,0BAAe"}

package/dist/list/listHeading.d.ts

@@ -8,4 +8,5 @@ import "../index.js";
 declare const ListHeading: VuiComponent<"li", TProps>;
 //#endregion
 export { ListHeading };
+
 //# sourceMappingURL=listHeading.d.ts.map

package/dist/list/listHeading.js

@@ -8,7 +8,7 @@ import { jsx } from "react/jsx-runtime";
 //#region src/list/listHeading.tsx
 /** Displays a heading within the List. */
 const ListHeading = vui((props, ref) => {
-	const { className,...rest } = props;
+	const { className, ...rest } = props;
 	const styles = useStyleConfig("List", useListContext());
 	return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(T, {
 		className: cs("vui-listHeading", className),
@@ -28,5 +28,5 @@ var listHeading_default = ListHeading;
 
 //#endregion
 export { ListHeading, listHeading_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=listHeading.js.map

package/dist/list/listHeading.js.map

@@ -1 +1 @@
-{"version":3,"file":"listHeading.js","names":[],"sources":["../../src/list/listHeading.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { TProps } from '../t'\nimport { T } from '../t'\nimport { cs } from '../utils'\nimport { useListContext } from './context'\n\n/** Displays a heading within the List. */\nexport const ListHeading = vui<'li', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('List', useListContext())\n\n  return (\n    <li>\n      <T\n        className={cs('vui-listHeading', className)}\n        display=\"inline-block\"\n        px={2}\n        py={1}\n        ref={ref}\n        size=\"sm\"\n        textTransform=\"uppercase\"\n        weight=\"medium\"\n        {...styles.heading}\n        {...rest}\n      />\n    </li>\n  )\n})\n\nListHeading.displayName = 'ListHeading'\nexport default ListHeading\n"],"mappings":";;;;;;;;;AAOA,MAAa,cAAc,KAAmB,OAAO,QAAQ;CAC3D,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,QAAQ,gBAAgB,CAAC;AAEvD,QACE,oBAAC,kBACC,oBAAC;EACC,WAAW,GAAG,mBAAmB,UAAU;EAC3C,SAAQ;EACR,IAAI;EACJ,IAAI;EACC;EACL,MAAK;EACL,eAAc;EACd,QAAO;EACP,GAAI,OAAO;EACX,GAAI;GACJ,GACC;EAEP;AAEF,YAAY,cAAc;AAC1B,0BAAe"}
+{"version":3,"file":"listHeading.js","names":[],"sources":["../../src/list/listHeading.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { TProps } from '../t'\nimport { T } from '../t'\nimport { cs } from '../utils'\nimport { useListContext } from './context'\n\n/** Displays a heading within the List. */\nexport const ListHeading = vui<'li', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('List', useListContext())\n\n  return (\n    <li>\n      <T\n        className={cs('vui-listHeading', className)}\n        display=\"inline-block\"\n        px={2}\n        py={1}\n        ref={ref}\n        size=\"sm\"\n        textTransform=\"uppercase\"\n        weight=\"medium\"\n        {...styles.heading}\n        {...rest}\n      />\n    </li>\n  )\n})\n\nListHeading.displayName = 'ListHeading'\nexport default ListHeading\n"],"mappings":";;;;;;;;;AAOA,MAAa,cAAc,KAAmB,OAAO,QAAQ;CAC3D,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,QAAQ,gBAAgB,CAAC;AAEvD,QACE,oBAAC,kBACC,oBAAC;EACC,WAAW,GAAG,mBAAmB,UAAU;EAC3C,SAAQ;EACR,IAAI;EACJ,IAAI;EACC;EACL,MAAK;EACL,eAAc;EACd,QAAO;EACP,GAAI,OAAO;EACX,GAAI;GACJ,GACC;EAEP;AAEF,YAAY,cAAc;AAC1B,0BAAe"}

package/dist/list/listIcon.d.ts

@@ -8,4 +8,5 @@ import "../index.js";
 declare const ListIcon: VuiComponent<"svg", IconProps>;
 //#endregion
 export { ListIcon };
+
 //# sourceMappingURL=listIcon.d.ts.map

package/dist/list/listIcon.js

@@ -8,7 +8,7 @@ import { jsx } from "react/jsx-runtime";
 //#region src/list/listIcon.tsx
 /** Displays an icon on the side of the ListItem. */
 const ListIcon = vui((props, ref) => {
-	const { className,...rest } = props;
+	const { className, ...rest } = props;
 	const styles = useStyleConfig("List", useListContext());
 	return /* @__PURE__ */ jsx(icon_default, {
 		className: cs("vui-listIcon", className),
@@ -22,5 +22,5 @@ var listIcon_default = ListIcon;
 
 //#endregion
 export { ListIcon, listIcon_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=listIcon.js.map

package/dist/list/listIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"listIcon.js","names":["Icon"],"sources":["../../src/list/listIcon.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { IconProps } from '../icon'\nimport Icon from '../icon'\nimport { cs } from '../utils'\nimport { useListContext } from './context'\n\n/** Displays an icon on the side of the ListItem. */\nexport const ListIcon = vui<'svg', IconProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('List', useListContext())\n\n  return <Icon className={cs('vui-listIcon', className)} ref={ref} {...styles.icon} {...rest} />\n})\n\nListIcon.displayName = 'ListIcon'\nexport default ListIcon\n"],"mappings":";;;;;;;;;AAOA,MAAa,WAAW,KAAuB,OAAO,QAAQ;CAC5D,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,QAAQ,gBAAgB,CAAC;AAEvD,QAAO,oBAACA;EAAK,WAAW,GAAG,gBAAgB,UAAU;EAAO;EAAK,GAAI,OAAO;EAAM,GAAI;GAAQ;EAC9F;AAEF,SAAS,cAAc;AACvB,uBAAe"}
+{"version":3,"file":"listIcon.js","names":["Icon"],"sources":["../../src/list/listIcon.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { IconProps } from '../icon'\nimport Icon from '../icon'\nimport { cs } from '../utils'\nimport { useListContext } from './context'\n\n/** Displays an icon on the side of the ListItem. */\nexport const ListIcon = vui<'svg', IconProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('List', useListContext())\n\n  return <Icon className={cs('vui-listIcon', className)} ref={ref} {...styles.icon} {...rest} />\n})\n\nListIcon.displayName = 'ListIcon'\nexport default ListIcon\n"],"mappings":";;;;;;;;;AAOA,MAAa,WAAW,KAAuB,OAAO,QAAQ;CAC5D,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,QAAQ,gBAAgB,CAAC;AAEvD,QAAO,oBAACA;EAAK,WAAW,GAAG,gBAAgB,UAAU;EAAO;EAAK,GAAI,OAAO;EAAM,GAAI;GAAQ;EAC9F;AAEF,SAAS,cAAc;AACvB,uBAAe"}

package/dist/list/listItem.d.ts

@@ -2,10 +2,10 @@ import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { ListItemProps } from "./list.types.js";
 import "../index.js";
-import * as styled_components387 from "styled-components";
+import * as styled_components431 from "styled-components";
 
 //#region src/list/listItem.d.ts
-declare const ListItemBase: styled_components387.StyledComponent<"li", styled_components387.DefaultTheme, SystemProps, never>;
+declare const ListItemBase: styled_components431.StyledComponent<"li", styled_components431.DefaultTheme, SystemProps, never>;
 /**
  * Displays a list item with text and optional icons. Can be shown as interactive or selected.
  * Optionally wraps the content with an <a> element when rendering a link.
@@ -13,4 +13,5 @@ declare const ListItemBase: styled_components387.StyledComponent<"li", styled_co
 declare const ListItem: VuiComponent<"li", ListItemProps>;
 //#endregion
 export { ListItem, ListItemBase };
+
 //# sourceMappingURL=listItem.d.ts.map

package/dist/list/listItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"listItem.d.ts","names":[],"sources":["../../src/list/listItem.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAyBa,cAAY,oBAAA,CAAA,sBAexB,oBAAA,CAfwB,YAAA,CAAA,CAAA,WAAA,CAAA;;;;;cAqBZ,UAAQ,mBAAA"}
+{"version":3,"file":"listItem.d.ts","names":[],"sources":["../../src/list/listItem.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAyBa,cAAY,oBAAA,CAAA,sBAexB,oBAAA,CAfwB,YAAA,EAAA,WAAA;;;;;cAqBZ,UAAQ,mBAAA"}

package/dist/list/listItem.js

@@ -44,11 +44,11 @@ const ListItemBase = styled.liBox`
 * Optionally wraps the content with an <a> element when rendering a link.
 */
 const ListItem = vui((props, ref) => {
-	const { children, center, centerH, centerV = true, className, column, disabled, iconLeft, iconRight, isInteractive: isInteractiveProp, isSelected, isTruncated, itemLeft, itemRight, linkProps, onClick, text,...rest } = {
+	const { children, center, centerH, centerV = true, className, column, disabled, iconLeft, iconRight, isInteractive: isInteractiveProp, isSelected, isTruncated, itemLeft, itemRight, linkProps, onClick, text, ...rest } = {
 		...useListContext(),
 		...props
 	};
-	const { activeBg, hoverBg, selectedBg,...itemStyles } = useStyleConfig("List", useListContext()).item;
+	const { activeBg, hoverBg, selectedBg, ...itemStyles } = useStyleConfig("List", useListContext()).item;
 	const isLinkItem = linkProps !== void 0;
 	const isInteractive = isInteractiveProp || isLinkItem || onClick !== void 0;
 	const alignItems = (center || (column ? centerH : centerV)) && "center";
@@ -113,5 +113,5 @@ var listItem_default = ListItem;
 
 //#endregion
 export { ListItem, ListItemBase, listItem_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=listItem.js.map

package/dist/list/listItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"listItem.js","names":["Link","ListIcon","ListText"],"sources":["../../src/list/listItem.tsx"],"sourcesContent":["import { Fragment } from 'react'\n\nimport { styled, useStyleConfig, vui } from '../core'\nimport type { LinkProps } from '../link'\nimport Link from '../link'\nimport { cs, filterUndefined, isReactText, isString } from '../utils'\nimport { useListContext } from './context'\nimport type { ListItemProps } from './list.types'\nimport ListIcon from './listIcon'\nimport ListText from './listText'\n\n/** Used as optional content wrapper when list item should be a link. */\nconst ListItemLink = vui<'a', LinkProps>((props, ref) => (\n  <Link\n    borderRadius=\"none\"\n    className=\"vui-listItemLink vui-linkNoUnderline\"\n    h=\"100%\"\n    px={2}\n    ref={ref}\n    variant=\"plain\"\n    w=\"100%\"\n    {...props}\n  />\n))\n\nexport const ListItemBase = styled.liBox`\n  display: flex;\n  line-height: normal;\n  outline: none;\n  transition-duration: fast;\n\n  &[aria-disabled='true'] {\n    cursor: not-allowed;\n    user-select: none;\n    opacity: 0.5;\n  }\n\n  &:focus-visible {\n    z-index: 1;\n  }\n`\n\n/**\n * Displays a list item with text and optional icons. Can be shown as interactive or selected.\n * Optionally wraps the content with an <a> element when rendering a link.\n */\nexport const ListItem = vui<'li', ListItemProps>((props, ref) => {\n  const mergedProps = { ...useListContext(), ...props }\n  const {\n    children,\n    center,\n    centerH,\n    centerV = true,\n    className,\n    column,\n    disabled,\n    iconLeft,\n    iconRight,\n    isInteractive: isInteractiveProp,\n    isSelected,\n    isTruncated,\n    itemLeft,\n    itemRight,\n    linkProps,\n    onClick,\n    text,\n    ...rest\n  } = mergedProps\n  const styles = useStyleConfig('List', useListContext())\n  const { activeBg, hoverBg, selectedBg, ...itemStyles } = styles.item\n\n  const isLinkItem = linkProps !== undefined\n  const isInteractive = isInteractiveProp || isLinkItem || onClick !== undefined\n  const alignItems = (center || (column ? centerH : centerV)) && 'center'\n  const flexDirection = column && 'column'\n  const justifyContent = (center || (column ? centerV : centerH)) && 'center'\n\n  const ContentWrapper = isLinkItem ? ListItemLink : Fragment\n  const contentWrapperProps = isLinkItem ? { alignItems: 'center', display: 'inline-flex' } : {}\n\n  const interactiveProps =\n    !disabled && isInteractive\n      ? {\n          cursor: 'pointer',\n          focusVisibleRing: 2,\n          hoverBg,\n          activeBg,\n          tabIndex: !isLinkItem ? 0 : undefined,\n          userSelect: 'none',\n        }\n      : {}\n\n  const aliasedProps = filterUndefined({\n    alignItems,\n    bg: isSelected ? selectedBg : undefined,\n    'aria-disabled': disabled,\n    flexDirection,\n    justifyContent,\n    px: isLinkItem ? 0 : undefined,\n  })\n\n  return (\n    <ListItemBase\n      bg={disabled ? rest.disabledBg || 'sandstone.95' : undefined}\n      className={cs('vui-listItem', className)}\n      onClick={!disabled ? onClick : undefined}\n      ref={ref}\n      {...itemStyles}\n      {...interactiveProps}\n      {...aliasedProps}\n      {...rest}\n    >\n      <ContentWrapper {...linkProps} {...contentWrapperProps}>\n        {itemLeft}\n\n        {isString(iconLeft) ? <ListIcon mr={1} name={iconLeft} verticalAlign={'middle'} /> : iconLeft}\n\n        {children ?? (isReactText(text) ? <ListText {...{ isTruncated, text }} /> : text)}\n\n        {isString(iconRight) ? <ListIcon ml=\"auto\" name={iconRight} verticalAlign={'middle'} /> : iconRight}\n\n        {itemRight}\n      </ContentWrapper>\n    </ListItemBase>\n  )\n})\n\nListItem.displayName = 'ListItem'\nexport default ListItem\n"],"mappings":";;;;;;;;;;;;;;;AAYA,MAAM,eAAe,KAAqB,OAAO,QAC/C,oBAACA;CACC,cAAa;CACb,WAAU;CACV,GAAE;CACF,IAAI;CACC;CACL,SAAQ;CACR,GAAE;CACF,GAAI;EACJ,CACF;AAEF,MAAa,eAAe,OAAO,KAAK;;;;;;;;;;;;;;;;;;;;AAqBxC,MAAa,WAAW,KAA0B,OAAO,QAAQ;CAE/D,MAAM,EACJ,UACA,QACA,SACA,UAAU,MACV,WACA,QACA,UACA,UACA,WACA,eAAe,mBACf,YACA,aACA,UACA,WACA,WACA,SACA,KACA,GAAG,SAnBe;EAAE,GAAG,gBAAgB;EAAE,GAAG;EAAO;CAsBrD,MAAM,EAAE,UAAU,SAAS,WAAY,GAAG,eAD3B,eAAe,QAAQ,gBAAgB,CAAC,CACS;CAEhE,MAAM,aAAa,cAAc;CACjC,MAAM,gBAAgB,qBAAqB,cAAc,YAAY;CACrE,MAAM,cAAc,WAAW,SAAS,UAAU,aAAa;CAC/D,MAAM,gBAAgB,UAAU;CAChC,MAAM,kBAAkB,WAAW,SAAS,UAAU,aAAa;CAEnE,MAAM,iBAAiB,aAAa,eAAe;CACnD,MAAM,sBAAsB,aAAa;EAAE,YAAY;EAAU,SAAS;EAAe,GAAG,EAAE;CAE9F,MAAM,mBACJ,CAAC,YAAY,gBACT;EACE,QAAQ;EACR,kBAAkB;EAClB;EACA;EACA,UAAU,CAAC,aAAa,IAAI;EAC5B,YAAY;EACb,GACD,EAAE;CAER,MAAM,eAAe,gBAAgB;EACnC;EACA,IAAI,aAAa,aAAa;EAC9B,iBAAiB;EACjB;EACA;EACA,IAAI,aAAa,IAAI;EACtB,CAAC;AAEF,QACE,oBAAC;EACC,IAAI,WAAW,KAAK,cAAc,iBAAiB;EACnD,WAAW,GAAG,gBAAgB,UAAU;EACxC,SAAS,CAAC,WAAW,UAAU;EAC1B;EACL,GAAI;EACJ,GAAI;EACJ,GAAI;EACJ,GAAI;YAEJ,qBAAC;GAAe,GAAI;GAAW,GAAI;;IAChC;IAEA,SAAS,SAAS,GAAG,oBAACC;KAAS,IAAI;KAAG,MAAM;KAAU,eAAe;MAAY,GAAG;IAEpF,aAAa,YAAY,KAAK,GAAG,oBAACC;KAAe;KAAa;MAAU,GAAG;IAE3E,SAAS,UAAU,GAAG,oBAACD;KAAS,IAAG;KAAO,MAAM;KAAW,eAAe;MAAY,GAAG;IAEzF;;IACc;GACJ;EAEjB;AAEF,SAAS,cAAc;AACvB,uBAAe"}
+{"version":3,"file":"listItem.js","names":["Link","ListIcon","ListText"],"sources":["../../src/list/listItem.tsx"],"sourcesContent":["import { Fragment } from 'react'\n\nimport { styled, useStyleConfig, vui } from '../core'\nimport type { LinkProps } from '../link'\nimport Link from '../link'\nimport { cs, filterUndefined, isReactText, isString } from '../utils'\nimport { useListContext } from './context'\nimport type { ListItemProps } from './list.types'\nimport ListIcon from './listIcon'\nimport ListText from './listText'\n\n/** Used as optional content wrapper when list item should be a link. */\nconst ListItemLink = vui<'a', LinkProps>((props, ref) => (\n  <Link\n    borderRadius=\"none\"\n    className=\"vui-listItemLink vui-linkNoUnderline\"\n    h=\"100%\"\n    px={2}\n    ref={ref}\n    variant=\"plain\"\n    w=\"100%\"\n    {...props}\n  />\n))\n\nexport const ListItemBase = styled.liBox`\n  display: flex;\n  line-height: normal;\n  outline: none;\n  transition-duration: fast;\n\n  &[aria-disabled='true'] {\n    cursor: not-allowed;\n    user-select: none;\n    opacity: 0.5;\n  }\n\n  &:focus-visible {\n    z-index: 1;\n  }\n`\n\n/**\n * Displays a list item with text and optional icons. Can be shown as interactive or selected.\n * Optionally wraps the content with an <a> element when rendering a link.\n */\nexport const ListItem = vui<'li', ListItemProps>((props, ref) => {\n  const mergedProps = { ...useListContext(), ...props }\n  const {\n    children,\n    center,\n    centerH,\n    centerV = true,\n    className,\n    column,\n    disabled,\n    iconLeft,\n    iconRight,\n    isInteractive: isInteractiveProp,\n    isSelected,\n    isTruncated,\n    itemLeft,\n    itemRight,\n    linkProps,\n    onClick,\n    text,\n    ...rest\n  } = mergedProps\n  const styles = useStyleConfig('List', useListContext())\n  const { activeBg, hoverBg, selectedBg, ...itemStyles } = styles.item\n\n  const isLinkItem = linkProps !== undefined\n  const isInteractive = isInteractiveProp || isLinkItem || onClick !== undefined\n  const alignItems = (center || (column ? centerH : centerV)) && 'center'\n  const flexDirection = column && 'column'\n  const justifyContent = (center || (column ? centerV : centerH)) && 'center'\n\n  const ContentWrapper = isLinkItem ? ListItemLink : Fragment\n  const contentWrapperProps = isLinkItem ? { alignItems: 'center', display: 'inline-flex' } : {}\n\n  const interactiveProps =\n    !disabled && isInteractive\n      ? {\n          cursor: 'pointer',\n          focusVisibleRing: 2,\n          hoverBg,\n          activeBg,\n          tabIndex: !isLinkItem ? 0 : undefined,\n          userSelect: 'none',\n        }\n      : {}\n\n  const aliasedProps = filterUndefined({\n    alignItems,\n    bg: isSelected ? selectedBg : undefined,\n    'aria-disabled': disabled,\n    flexDirection,\n    justifyContent,\n    px: isLinkItem ? 0 : undefined,\n  })\n\n  return (\n    <ListItemBase\n      bg={disabled ? rest.disabledBg || 'sandstone.95' : undefined}\n      className={cs('vui-listItem', className)}\n      onClick={!disabled ? onClick : undefined}\n      ref={ref}\n      {...itemStyles}\n      {...interactiveProps}\n      {...aliasedProps}\n      {...rest}\n    >\n      <ContentWrapper {...linkProps} {...contentWrapperProps}>\n        {itemLeft}\n\n        {isString(iconLeft) ? <ListIcon mr={1} name={iconLeft} verticalAlign={'middle'} /> : iconLeft}\n\n        {children ?? (isReactText(text) ? <ListText {...{ isTruncated, text }} /> : text)}\n\n        {isString(iconRight) ? <ListIcon ml=\"auto\" name={iconRight} verticalAlign={'middle'} /> : iconRight}\n\n        {itemRight}\n      </ContentWrapper>\n    </ListItemBase>\n  )\n})\n\nListItem.displayName = 'ListItem'\nexport default ListItem\n"],"mappings":";;;;;;;;;;;;;;;AAYA,MAAM,eAAe,KAAqB,OAAO,QAC/C,oBAACA;CACC,cAAa;CACb,WAAU;CACV,GAAE;CACF,IAAI;CACC;CACL,SAAQ;CACR,GAAE;CACF,GAAI;EACJ,CACF;AAEF,MAAa,eAAe,OAAO,KAAK;;;;;;;;;;;;;;;;;;;;AAqBxC,MAAa,WAAW,KAA0B,OAAO,QAAQ;CAE/D,MAAM,EACJ,UACA,QACA,SACA,UAAU,MACV,WACA,QACA,UACA,UACA,WACA,eAAe,mBACf,YACA,aACA,UACA,WACA,WACA,SACA,MACA,GAAG,SAnBe;EAAE,GAAG,gBAAgB;EAAE,GAAG;EAAO;CAsBrD,MAAM,EAAE,UAAU,SAAS,YAAY,GAAG,eAD3B,eAAe,QAAQ,gBAAgB,CAAC,CACS;CAEhE,MAAM,aAAa,cAAc;CACjC,MAAM,gBAAgB,qBAAqB,cAAc,YAAY;CACrE,MAAM,cAAc,WAAW,SAAS,UAAU,aAAa;CAC/D,MAAM,gBAAgB,UAAU;CAChC,MAAM,kBAAkB,WAAW,SAAS,UAAU,aAAa;CAEnE,MAAM,iBAAiB,aAAa,eAAe;CACnD,MAAM,sBAAsB,aAAa;EAAE,YAAY;EAAU,SAAS;EAAe,GAAG,EAAE;CAE9F,MAAM,mBACJ,CAAC,YAAY,gBACT;EACE,QAAQ;EACR,kBAAkB;EAClB;EACA;EACA,UAAU,CAAC,aAAa,IAAI;EAC5B,YAAY;EACb,GACD,EAAE;CAER,MAAM,eAAe,gBAAgB;EACnC;EACA,IAAI,aAAa,aAAa;EAC9B,iBAAiB;EACjB;EACA;EACA,IAAI,aAAa,IAAI;EACtB,CAAC;AAEF,QACE,oBAAC;EACC,IAAI,WAAW,KAAK,cAAc,iBAAiB;EACnD,WAAW,GAAG,gBAAgB,UAAU;EACxC,SAAS,CAAC,WAAW,UAAU;EAC1B;EACL,GAAI;EACJ,GAAI;EACJ,GAAI;EACJ,GAAI;YAEJ,qBAAC;GAAe,GAAI;GAAW,GAAI;;IAChC;IAEA,SAAS,SAAS,GAAG,oBAACC;KAAS,IAAI;KAAG,MAAM;KAAU,eAAe;MAAY,GAAG;IAEpF,aAAa,YAAY,KAAK,GAAG,oBAACC;KAAe;KAAa;MAAU,GAAG;IAE3E,SAAS,UAAU,GAAG,oBAACD;KAAS,IAAG;KAAO,MAAM;KAAW,eAAe;MAAY,GAAG;IAEzF;;IACc;GACJ;EAEjB;AAEF,SAAS,cAAc;AACvB,uBAAe"}

package/dist/list/listText.d.ts

@@ -8,4 +8,5 @@ import "../index.js";
 declare const ListText: VuiComponent<"span", TProps>;
 //#endregion
 export { ListText };
+
 //# sourceMappingURL=listText.d.ts.map

package/dist/list/listText.js

@@ -8,7 +8,7 @@ import { jsx } from "react/jsx-runtime";
 //#region src/list/listText.tsx
 /** Displays text within the ListItem. */
 const ListText = vui((props, ref) => {
-	const { className,...rest } = props;
+	const { className, ...rest } = props;
 	const styles = useStyleConfig("List", useListContext());
 	return /* @__PURE__ */ jsx(t_default, {
 		className: cs("vui-listText", className),
@@ -24,5 +24,5 @@ var listText_default = ListText;
 
 //#endregion
 export { ListText, listText_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=listText.js.map

package/dist/list/listText.js.map

@@ -1 +1 @@
-{"version":3,"file":"listText.js","names":["T"],"sources":["../../src/list/listText.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { TProps } from '../t'\nimport T from '../t'\nimport { cs, ellipsisOverflow } from '../utils'\nimport { useListContext } from './context'\n\n/** Displays text within the ListItem. */\nexport const ListText = vui<'span', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('List', useListContext())\n\n  return (\n    <T\n      className={cs('vui-listText', className)}\n      fontSize=\"inherit\"\n      ref={ref}\n      {...ellipsisOverflow}\n      {...styles.text}\n      {...rest}\n    />\n  )\n})\n\nListText.displayName = 'ListText'\nexport default ListText\n"],"mappings":";;;;;;;;;AAOA,MAAa,WAAW,KAAqB,OAAO,QAAQ;CAC1D,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,QAAQ,gBAAgB,CAAC;AAEvD,QACE,oBAACA;EACC,WAAW,GAAG,gBAAgB,UAAU;EACxC,UAAS;EACJ;EACL,GAAI;EACJ,GAAI,OAAO;EACX,GAAI;GACJ;EAEJ;AAEF,SAAS,cAAc;AACvB,uBAAe"}
+{"version":3,"file":"listText.js","names":["T"],"sources":["../../src/list/listText.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { TProps } from '../t'\nimport T from '../t'\nimport { cs, ellipsisOverflow } from '../utils'\nimport { useListContext } from './context'\n\n/** Displays text within the ListItem. */\nexport const ListText = vui<'span', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('List', useListContext())\n\n  return (\n    <T\n      className={cs('vui-listText', className)}\n      fontSize=\"inherit\"\n      ref={ref}\n      {...ellipsisOverflow}\n      {...styles.text}\n      {...rest}\n    />\n  )\n})\n\nListText.displayName = 'ListText'\nexport default ListText\n"],"mappings":";;;;;;;;;AAOA,MAAa,WAAW,KAAqB,OAAO,QAAQ;CAC1D,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,QAAQ,gBAAgB,CAAC;AAEvD,QACE,oBAACA;EACC,WAAW,GAAG,gBAAgB,UAAU;EACxC,UAAS;EACJ;EACL,GAAI;EACJ,GAAI,OAAO;EACX,GAAI;GACJ;EAEJ;AAEF,SAAS,cAAc;AACvB,uBAAe"}