@veracity/vui 3.1.2 → 3.2.0

package/dist/t/t.d.ts

@@ -2,10 +2,10 @@ import { SystemProps } from "../system/system.js";
 import { TProps } from "./t.types.js";
 import { VuiComponent } from "../core/vui.js";
 import "../index.js";
-import * as styled_components421 from "styled-components";
+import * as styled_components445 from "styled-components";
 
 //#region src/t/t.d.ts
-declare const TBase: styled_components421.StyledComponent<"span", styled_components421.DefaultTheme, SystemProps, never>;
+declare const TBase: styled_components445.StyledComponent<"span", styled_components445.DefaultTheme, SystemProps, never>;
 /** Displays given text and allows easy styling. */
 declare const T: VuiComponent<"span", TProps>;
 //#endregion

package/dist/t/t.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"t.d.ts","names":[],"sources":["../../src/t/t.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAIa,OAAK,oBAAA,CAAA,wBAEjB,oBAAA,CAFiB,YAAA,CAAA,CAAA,WAAA,CAAA;;cAYL,GAAC,qBAAA"}
+{"version":3,"file":"t.d.ts","names":[],"sources":["../../src/t/t.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAIa,OAAK,oBAAA,CAAA,wBAEjB,oBAAA,CAFiB,YAAA,CAAA,CAAA,WAAA,CAAA;;cAKL,GAAC,qBAAA"}

package/dist/t/t.js

@@ -9,18 +9,10 @@ import { jsx } from "react/jsx-runtime";
 const TBase = styled.spanBox`
   transition-duration: fast;
 `;
-function getVariantSize(variant, size) {
-	if (variant === "label" || variant === "caption" || variant === "navigation") return `${variant}_${size}`;
-	return size;
-}
 /** Displays given text and allows easy styling. */
 const T = vui((props, ref) => {
 	const { align, casing, centerV, children, className, decoration, text, weight,...rest } = omitThemingProps(props);
-	const styles = useStyleConfig("T", {
-		...props,
-		variant: props.variant,
-		size: getVariantSize(props.variant, props.size)
-	});
+	const styles = useStyleConfig("T", props);
 	const aliasedProps = filterUndefined({
 		alignItems: centerV ? "center" : void 0,
 		display: centerV ? "inline-flex" : void 0,
@@ -43,5 +35,5 @@ var t_default = T;
 
 //#endregion
 export { T, TBase, t_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=t.js.map

package/dist/t/t.js.map

@@ -1 +1 @@
-{"version":3,"file":"t.js","names":[],"sources":["../../src/t/t.tsx"],"sourcesContent":["import { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport type { TProps } from './t.types'\n\nexport const TBase = styled.spanBox`\n  transition-duration: fast;\n`\n\nfunction getVariantSize(variant?: string, size?: string) {\n  if (variant === 'label' || variant === 'caption' || variant === 'navigation') {\n    return `${variant}_${size}`\n  }\n  return size\n}\n\n/** Displays given text and allows easy styling. */\nexport const T = vui<'span', TProps>((props, ref) => {\n  const { align, casing, centerV, children, className, decoration, text, weight, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('T', {\n    ...props,\n    variant: props.variant,\n    size: getVariantSize(props.variant, props.size),\n  })\n\n  const aliasedProps = filterUndefined({\n    alignItems: centerV ? 'center' : undefined,\n    display: centerV ? 'inline-flex' : undefined,\n    fontWeight: weight,\n    textAlign: align,\n    textDecoration: decoration,\n    textTransform: casing,\n  })\n\n  return (\n    <TBase className={cs('vui-t', className)} ref={ref} {...styles} {...aliasedProps} {...rest}>\n      {children ?? text}\n    </TBase>\n  )\n})\n\nT.displayName = 'T'\n\nexport default T\n"],"mappings":";;;;;;;;AAIA,MAAa,QAAQ,OAAO,OAAO;;;AAInC,SAAS,eAAe,SAAkB,MAAe;AACvD,KAAI,YAAY,WAAW,YAAY,aAAa,YAAY,aAC9D,QAAO,GAAG,QAAQ,GAAG;AAEvB,QAAO;;;AAIT,MAAa,IAAI,KAAqB,OAAO,QAAQ;CACnD,MAAM,EAAE,OAAO,QAAQ,SAAS,UAAU,WAAW,YAAY,MAAM,OAAQ,GAAG,SAAS,iBAAiB,MAAM;CAClH,MAAM,SAAS,eAAe,KAAK;EACjC,GAAG;EACH,SAAS,MAAM;EACf,MAAM,eAAe,MAAM,SAAS,MAAM,KAAK;EAChD,CAAC;CAEF,MAAM,eAAe,gBAAgB;EACnC,YAAY,UAAU,WAAW;EACjC,SAAS,UAAU,gBAAgB;EACnC,YAAY;EACZ,WAAW;EACX,gBAAgB;EAChB,eAAe;EAChB,CAAC;AAEF,QACE,oBAAC;EAAM,WAAW,GAAG,SAAS,UAAU;EAAO;EAAK,GAAI;EAAQ,GAAI;EAAc,GAAI;YACnF,YAAY;GACP;EAEV;AAEF,EAAE,cAAc;AAEhB,gBAAe"}
+{"version":3,"file":"t.js","names":[],"sources":["../../src/t/t.tsx"],"sourcesContent":["import { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport type { TProps } from './t.types'\n\nexport const TBase = styled.spanBox`\n  transition-duration: fast;\n`\n\n/** Displays given text and allows easy styling. */\nexport const T = vui<'span', TProps>((props, ref) => {\n  const { align, casing, centerV, children, className, decoration, text, weight, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('T', props)\n\n  const aliasedProps = filterUndefined({\n    alignItems: centerV ? 'center' : undefined,\n    display: centerV ? 'inline-flex' : undefined,\n    fontWeight: weight,\n    textAlign: align,\n    textDecoration: decoration,\n    textTransform: casing,\n  })\n\n  return (\n    <TBase className={cs('vui-t', className)} ref={ref} {...styles} {...aliasedProps} {...rest}>\n      {children ?? text}\n    </TBase>\n  )\n})\n\nT.displayName = 'T'\n\nexport default T\n"],"mappings":";;;;;;;;AAIA,MAAa,QAAQ,OAAO,OAAO;;;;AAKnC,MAAa,IAAI,KAAqB,OAAO,QAAQ;CACnD,MAAM,EAAE,OAAO,QAAQ,SAAS,UAAU,WAAW,YAAY,MAAM,OAAQ,GAAG,SAAS,iBAAiB,MAAM;CAClH,MAAM,SAAS,eAAe,KAAK,MAAM;CAEzC,MAAM,eAAe,gBAAgB;EACnC,YAAY,UAAU,WAAW;EACjC,SAAS,UAAU,gBAAgB;EACnC,YAAY;EACZ,WAAW;EACX,gBAAgB;EAChB,eAAe;EAChB,CAAC;AAEF,QACE,oBAAC;EAAM,WAAW,GAAG,SAAS,UAAU;EAAO;EAAK,GAAI;EAAQ,GAAI;EAAc,GAAI;YACnF,YAAY;GACP;EAEV;AAEF,EAAE,cAAc;AAEhB,gBAAe"}

package/dist/t/theme.js

@@ -1,52 +1,45 @@
+import fonts_default from "../theme/foundations/fonts.js";
+
 //#region src/t/theme.ts
 const baseStyle = {};
-const defaultProps = { size: "md" };
+const defaultProps = {
+	size: "md",
+	lineHeight: "normal"
+};
 const sizes = {
-	xs: { fontSize: "xs" },
-	sm: { fontSize: "sm" },
-	md: { fontSize: "md" },
-	lg: { fontSize: "lg" },
-	navigation_xs: {
-		fontSize: "xs",
-		lineHeight: "16px"
-	},
-	navigation_sm: {
-		fontSize: "sm",
-		lineHeight: "18px"
-	},
-	navigation_md: {
-		fontSize: "md",
-		lineHeight: "20px"
+	xs: { fontSize: "12px" },
+	sm: { fontSize: "14px" },
+	md: { fontSize: "16px" },
+	lg: { fontSize: "18px" },
+	xl: { fontSize: "20px" }
+};
+const variants = {
+	label: {
+		fontWeight: "600",
+		lineHeight: "135%"
 	},
-	navigation_lg: {
-		fontSize: "lg",
-		lineHeight: "22px"
+	input: {
+		fontWeight: "400",
+		lineHeight: "135%"
 	},
-	label_sm: {
-		fontSize: "12px",
-		lineHeight: "16px"
+	caption: {
+		fontWeight: "400",
+		lineHeight: "150%"
 	},
-	label_md: {
-		fontSize: "14px",
-		lineHeight: "18px"
+	navigation: {
+		fontWeight: "400",
+		lineHeight: "125%"
 	},
-	label_lg: {
-		fontSize: "16px",
-		lineHeight: "20px"
+	caps: {
+		textTransform: "uppercase",
+		fontWeight: "600",
+		lineHeight: "125%"
 	},
-	caption_sm: {
-		fontSize: "14px",
-		lineHeight: "20px"
+	button: {
+		fontWeight: "500",
+		lineHeight: "100%"
 	},
-	caption_xs: {
-		fontSize: "12px",
-		lineHeight: "18px"
-	}
-};
-const variants = {
-	label: { fontWeight: "600" },
-	caption: { fontWeight: "400" },
-	navigation: { fontWeight: "400" }
+	mono: { fontFamily: fonts_default.mono }
 };
 var theme_default = {
 	baseStyle,
@@ -57,5 +50,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=theme.js.map

package/dist/t/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/t/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {\n  size: 'md',\n}\n\nconst sizes = {\n  xs: {\n    fontSize: 'xs',\n  },\n  sm: {\n    fontSize: 'sm',\n  },\n  md: {\n    fontSize: 'md',\n  },\n  lg: {\n    fontSize: 'lg',\n  },\n\n  navigation_xs: {\n    fontSize: 'xs',\n    lineHeight: '16px',\n  },\n  navigation_sm: {\n    fontSize: 'sm',\n    lineHeight: '18px',\n  },\n  navigation_md: {\n    fontSize: 'md',\n    lineHeight: '20px',\n  },\n  navigation_lg: {\n    fontSize: 'lg',\n    lineHeight: '22px',\n  },\n\n  label_sm: {\n    fontSize: '12px',\n    lineHeight: '16px',\n  },\n  label_md: {\n    fontSize: '14px',\n    lineHeight: '18px',\n  },\n  label_lg: {\n    fontSize: '16px',\n    lineHeight: '20px',\n  },\n\n  caption_sm: {\n    fontSize: '14px',\n    lineHeight: '20px',\n  },\n  caption_xs: {\n    fontSize: '12px',\n    lineHeight: '18px',\n  },\n}\n\nconst variants = {\n  label: {\n    fontWeight: '600',\n  },\n  caption: {\n    fontWeight: '400',\n  },\n  navigation: {\n    fontWeight: '400',\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY,EAAE;AAEpB,MAAM,eAAe,EACnB,MAAM,MACP;AAED,MAAM,QAAQ;CACZ,IAAI,EACF,UAAU,MACX;CACD,IAAI,EACF,UAAU,MACX;CACD,IAAI,EACF,UAAU,MACX;CACD,IAAI,EACF,UAAU,MACX;CAED,eAAe;EACb,UAAU;EACV,YAAY;EACb;CACD,eAAe;EACb,UAAU;EACV,YAAY;EACb;CACD,eAAe;EACb,UAAU;EACV,YAAY;EACb;CACD,eAAe;EACb,UAAU;EACV,YAAY;EACb;CAED,UAAU;EACR,UAAU;EACV,YAAY;EACb;CACD,UAAU;EACR,UAAU;EACV,YAAY;EACb;CACD,UAAU;EACR,UAAU;EACV,YAAY;EACb;CAED,YAAY;EACV,UAAU;EACV,YAAY;EACb;CACD,YAAY;EACV,UAAU;EACV,YAAY;EACb;CACF;AAED,MAAM,WAAW;CACf,OAAO,EACL,YAAY,OACb;CACD,SAAS,EACP,YAAY,OACb;CACD,YAAY,EACV,YAAY,OACb;CACF;AAED,oBAAe;CACb;CACA;CACA;CACA;CACD"}
+{"version":3,"file":"theme.js","names":["fonts"],"sources":["../../src/t/theme.ts"],"sourcesContent":["import { fonts } from '../theme'\n\nconst baseStyle = {}\n\nconst defaultProps = {\n  size: 'md',\n  lineHeight: 'normal',\n}\n\nconst sizes = {\n  xs: {\n    fontSize: '12px',\n  },\n  sm: {\n    fontSize: '14px',\n  },\n  md: {\n    fontSize: '16px',\n  },\n  lg: {\n    fontSize: '18px',\n  },\n  xl: {\n    fontSize: '20px',\n  },\n}\n\nconst variants = {\n  label: {\n    fontWeight: '600',\n    lineHeight: '135%',\n  },\n  input: {\n    fontWeight: '400',\n    lineHeight: '135%',\n  },\n  caption: {\n    fontWeight: '400',\n    lineHeight: '150%',\n  },\n  navigation: {\n    fontWeight: '400',\n    lineHeight: '125%',\n  },\n  caps: {\n    textTransform: 'uppercase',\n    fontWeight: '600',\n    lineHeight: '125%',\n  },\n  button: {\n    fontWeight: '500',\n    lineHeight: '100%',\n  },\n  mono: {\n    fontFamily: fonts.mono,\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":";;;AAEA,MAAM,YAAY,EAAE;AAEpB,MAAM,eAAe;CACnB,MAAM;CACN,YAAY;CACb;AAED,MAAM,QAAQ;CACZ,IAAI,EACF,UAAU,QACX;CACD,IAAI,EACF,UAAU,QACX;CACD,IAAI,EACF,UAAU,QACX;CACD,IAAI,EACF,UAAU,QACX;CACD,IAAI,EACF,UAAU,QACX;CACF;AAED,MAAM,WAAW;CACf,OAAO;EACL,YAAY;EACZ,YAAY;EACb;CACD,OAAO;EACL,YAAY;EACZ,YAAY;EACb;CACD,SAAS;EACP,YAAY;EACZ,YAAY;EACb;CACD,YAAY;EACV,YAAY;EACZ,YAAY;EACb;CACD,MAAM;EACJ,eAAe;EACf,YAAY;EACZ,YAAY;EACb;CACD,QAAQ;EACN,YAAY;EACZ,YAAY;EACb;CACD,MAAM,EACJ,YAAYA,cAAM,MACnB;CACF;AAED,oBAAe;CACb;CACA;CACA;CACA;CACD"}

package/dist/table/context.d.ts

@@ -1,8 +1,8 @@
 import { TableContext } from "./table.types.js";
-import * as react953 from "react";
+import * as react954 from "react";
 
 //#region src/table/context.d.ts
-declare const TableProvider: react953.Provider<TableContext>, useTableContext: () => TableContext;
+declare const TableProvider: react954.Provider<TableContext>, useTableContext: () => TableContext;
 //#endregion
 export { TableProvider, useTableContext };
 //# sourceMappingURL=context.d.ts.map

package/dist/table/context.js

@@ -5,5 +5,5 @@ const [TableProvider, useTableContext] = createContext({ isOptional: true });
 
 //#endregion
 export { TableProvider, useTableContext };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=context.js.map

package/dist/table/table.d.ts

@@ -27,13 +27,13 @@ import { Th } from "./th.js";
 import { Thead } from "./thead.js";
 import { Tr } from "./tr.js";
 import "../index.js";
-import * as styled_components423 from "styled-components";
+import * as styled_components424 from "styled-components";
 
 //#region src/table/table.d.ts
 /**
  * Displays a Table with support for columns, rows and sort.
  */
-declare const TableBase: styled_components423.StyledComponent<"table", styled_components423.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 & UseTableProps & ThemingProps<"Table"> & {
+declare const TableBase: styled_components424.StyledComponent<"table", styled_components424.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 & UseTableProps & ThemingProps<"Table"> & {
   columns?: TableColumn[] | readonly TableColumn[];
   rows?: any[];
   stickyColumn?: boolean;

package/dist/table/table.js

@@ -99,5 +99,5 @@ Table.displayName = "Table";
 
 //#endregion
 export { Table, TableBase };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=table.js.map

package/dist/table/tableSortIcon.js

@@ -37,5 +37,5 @@ var tableSortIcon_default = TableSortIcon;
 
 //#endregion
 export { TableSortIcon, tableSortIcon_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=tableSortIcon.js.map

package/dist/table/tbody.d.ts

@@ -1,10 +1,10 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import "../index.js";
-import * as styled_components425 from "styled-components";
+import * as styled_components426 from "styled-components";
 
 //#region src/table/tbody.d.ts
-declare const TbodyBase: styled_components425.StyledComponent<"tbody", styled_components425.DefaultTheme, SystemProps, never>;
+declare const TbodyBase: styled_components426.StyledComponent<"tbody", styled_components426.DefaultTheme, SystemProps, never>;
 /** Displays Table body with built-in support for rows. */
 declare const Tbody: VuiComponent<"tbody", SystemProps>;
 //#endregion

package/dist/table/tbody.js

@@ -49,5 +49,5 @@ var tbody_default = Tbody;
 
 //#endregion
 export { Tbody, TbodyBase, tbody_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=tbody.js.map

package/dist/table/td.d.ts

@@ -2,10 +2,10 @@ import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { TdProps } from "./table.types.js";
 import "../index.js";
-import * as styled_components431 from "styled-components";
+import * as styled_components428 from "styled-components";
 
 //#region src/table/td.d.ts
-declare const TdBase: styled_components431.StyledComponent<"td", styled_components431.DefaultTheme, SystemProps, never>;
+declare const TdBase: styled_components428.StyledComponent<"td", styled_components428.DefaultTheme, SystemProps, never>;
 /** Displays a cell inside Table row. */
 declare const Td: VuiComponent<"td", TdProps>;
 //#endregion

package/dist/table/td.js

@@ -31,5 +31,5 @@ var td_default = Td;
 
 //#endregion
 export { Td, TdBase, td_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=td.js.map

package/dist/table/tfoot.d.ts

@@ -1,10 +1,10 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import "../index.js";
-import * as styled_components427 from "styled-components";
+import * as styled_components432 from "styled-components";
 
 //#region src/table/tfoot.d.ts
-declare const TfootBase: styled_components427.StyledComponent<"tfoot", styled_components427.DefaultTheme, SystemProps, never>;
+declare const TfootBase: styled_components432.StyledComponent<"tfoot", styled_components432.DefaultTheme, SystemProps, never>;
 /** Displays Table footer. */
 declare const Tfoot: VuiComponent<"tfoot", SystemProps>;
 //#endregion

package/dist/table/tfoot.js

@@ -23,5 +23,5 @@ var tfoot_default = Tfoot;
 
 //#endregion
 export { Tfoot, TfootBase, tfoot_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=tfoot.js.map

package/dist/table/th.d.ts

@@ -2,10 +2,10 @@ import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { ThProps } from "./table.types.js";
 import "../index.js";
-import * as styled_components433 from "styled-components";
+import * as styled_components430 from "styled-components";
 
 //#region src/table/th.d.ts
-declare const ThBase: styled_components433.StyledComponent<"th", styled_components433.DefaultTheme, SystemProps, never>;
+declare const ThBase: styled_components430.StyledComponent<"th", styled_components430.DefaultTheme, SystemProps, never>;
 /** Displays Table heading with support for sort. */
 declare const Th: VuiComponent<"th", ThProps>;
 //#endregion

package/dist/table/th.js

@@ -69,5 +69,5 @@ var th_default = Th;
 
 //#endregion
 export { Th, ThBase, th_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=th.js.map

package/dist/table/thead.js

@@ -42,5 +42,5 @@ var thead_default = Thead;
 
 //#endregion
 export { Thead, thead_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=thead.js.map

package/dist/table/theme.js

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

package/dist/table/tr.d.ts

@@ -2,10 +2,10 @@ import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { TrProps } from "./table.types.js";
 import "../index.js";
-import * as styled_components429 from "styled-components";
+import * as styled_components434 from "styled-components";
 
 //#region src/table/tr.d.ts
-declare const TrBase: styled_components429.StyledComponent<"tr", styled_components429.DefaultTheme, SystemProps, never>;
+declare const TrBase: styled_components434.StyledComponent<"tr", styled_components434.DefaultTheme, SystemProps, never>;
 /** Displays Table row that can contain heading or data cells. */
 declare const Tr: VuiComponent<"tr", TrProps>;
 //#endregion

package/dist/table/tr.js

@@ -59,5 +59,5 @@ var tr_default = Tr;
 
 //#endregion
 export { Tr, TrBase, tr_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=tr.js.map

package/dist/table/useTable.js

@@ -36,5 +36,5 @@ function useTable(props) {
 
 //#endregion
 export { useTable as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=useTable.js.map

package/dist/tabs/consts.js

@@ -16,5 +16,5 @@ const iconSizeMapper = {
 
 //#endregion
 export { colors, iconSizeMapper };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=consts.js.map

package/dist/tabs/tab.d.ts

@@ -2,10 +2,10 @@ import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { TabProps } from "./tabs.types.js";
 import "../index.js";
-import * as styled_components437 from "styled-components";
+import * as styled_components418 from "styled-components";
 
 //#region src/tabs/tab.d.ts
-declare const TabBase: styled_components437.StyledComponent<"div", styled_components437.DefaultTheme, SystemProps, never>;
+declare const TabBase: styled_components418.StyledComponent<"div", styled_components418.DefaultTheme, SystemProps, never>;
 /**
  * Implements a Tab component
  */

package/dist/tabs/tab.js

@@ -20,5 +20,5 @@ var tab_default = Tab;
 
 //#endregion
 export { Tab, TabBase, tab_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=tab.js.map

package/dist/tabs/tabs.d.ts

@@ -19,12 +19,12 @@ import { ChildrenProp } from "../core/types.js";
 import { VuiComponent } from "../core/vui.js";
 import { TabsProps } from "./tabs.types.js";
 import "../index.js";
-import * as react954 from "react";
-import * as styled_components435 from "styled-components";
+import * as react952 from "react";
+import * as styled_components416 from "styled-components";
 
 //#region src/tabs/tabs.d.ts
-declare const TabsBase: styled_components435.StyledComponent<"div", styled_components435.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 & ThemingProps<"Tabs"> & ChildrenProp & {
-  actions?: react954.ReactNode;
+declare const TabsBase: styled_components416.StyledComponent<"div", styled_components416.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 & ThemingProps<"Tabs"> & ChildrenProp & {
+  actions?: react952.ReactNode;
   activeTabId?: number | string;
   showBorder?: boolean;
   onTabClick?: (id?: number | string) => void;

package/dist/tabs/tabs.js

@@ -78,5 +78,5 @@ Tabs.displayName = "Tabs";
 
 //#endregion
 export { Tabs, TabsBase };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=tabs.js.map

package/dist/tabs/tabsNavBar.js

@@ -38,7 +38,8 @@ const TabsNavBar = vui((props, ref) => {
 			disabled: tab.disabled,
 			display: "inline-flex",
 			fontSize,
-			fontWeight: 500,
+			lineHeight: "125%",
+			fontWeight: 400,
 			h,
 			hoverBg: tab.disabled ? void 0 : hover,
 			onClick: (e) => onNavItemClick?.(tab.index || 0, e),
@@ -91,5 +92,5 @@ var tabsNavBar_default = TabsNavBar;
 
 //#endregion
 export { tabsNavBar_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=tabsNavBar.js.map

package/dist/tabs/tabsNavBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabsNavBar.js","names":["iconSize: NavBarIconSize","theme","Box"],"sources":["../../src/tabs/tabsNavBar.tsx"],"sourcesContent":["import Box from '../box'\nimport { vui } from '../core'\nimport { Icon } from '../icon'\nimport { List, ListItem } from '../list'\nimport { TagButton } from '../tag'\nimport type { Dict } from '../utils'\nimport { cs } from '../utils'\nimport { colors, iconSizeMapper } from './consts'\nimport type { NavBarIconSize, TabIndexProps, TabNavBarProps } from './tabs.types'\nimport theme from './theme'\n\nconst { activeBg, border, color, hover, main } = colors\n\nexport const TabsNavBar = vui<'div', TabNavBarProps>((props, ref) => {\n  const { actions, tabs, onNavItemClick, activeNavItem, animationDirection, showBorder, size = 'md' } = props\n  const iconSize: NavBarIconSize = iconSizeMapper?.[size as string] || 'md'\n\n  const { sizes } = (theme as Dict) ?? {}\n\n  const fontSize = sizes[size ?? 'md'].tabsNavBar.fontSize\n  const h = sizes[size ?? 'md'].tabsNavBar.h\n  const borderWidth = sizes[size ?? 'md'].tabsNavBar.borderWidth\n  const py = sizes[size ?? 'md'].tabsNavBar.py\n  const iconMarginRight = size === 'xxl' ? '16px' : '8px'\n\n  const isActive = (tab: TabIndexProps) => !tab.disabled && tab?.index === activeNavItem\n\n  return (\n    <List\n      alignItems=\"end\"\n      borderBottom={showBorder ? `1px solid ${border}` : 'none'}\n      className={cs('vui-tabsNavBar')}\n      display=\"flex\"\n      isInteractive\n      mb=\"20px\"\n      ref={ref}\n      w={1}\n    >\n      {tabs?.map?.(tab => (\n        <ListItem\n          activeBg={tab.disabled ? undefined : activeBg}\n          bg=\"white\"\n          className={`vui-tabsNavBarItem vui-tabsNavBarItem-${tab?.id}`}\n          color={isActive(tab) ? main : color}\n          disabled={tab.disabled}\n          display=\"inline-flex\"\n          fontSize={fontSize}\n          fontWeight={500}\n          h={h}\n          hoverBg={tab.disabled ? undefined : hover}\n          key={tab.index}\n          onClick={e => onNavItemClick?.(tab.index || 0, e)}\n          position=\"relative\"\n          px=\"16px\"\n          py={py}\n        >\n          <Box alignItems=\"center\">\n            {!!tab.icon && <Icon mr={iconMarginRight} name={tab.icon} size={iconSize} />}\n            {tab.title}\n          </Box>\n          {!!tab.onDelete && (\n            <TagButton\n              disabled={tab.disabled}\n              hoverBg=\"skyBlue.80\"\n              hoverColor=\"seaBlue.main\"\n              isRound={false}\n              ml={1}\n              onClick={e => {\n                e.stopPropagation()\n                tab?.onDelete?.(e)\n              }}\n              title=\"Delete\"\n            />\n          )}\n          {isActive(tab) && (\n            <Box\n              animation={animationDirection}\n              bg={main}\n              bottom=\"-1px\"\n              className=\"vui-tabsNavBarItemActiveIndicator\"\n              h={borderWidth}\n              left={0}\n              position=\"absolute\"\n              w={1}\n            >\n              &nbsp;\n            </Box>\n          )}\n        </ListItem>\n      ))}\n      {!!actions && (\n        <Box ml=\"auto\" px={0.75} py={0.5}>\n          {actions}\n        </Box>\n      )}\n    </List>\n  )\n})\n\nTabsNavBar.displayName = 'TabsNavBar'\n\nexport default TabsNavBar\n"],"mappings":";;;;;;;;;;;;AAWA,MAAM,EAAE,UAAU,QAAQ,OAAO,OAAO,SAAS;AAEjD,MAAa,aAAa,KAA4B,OAAO,QAAQ;CACnE,MAAM,EAAE,SAAS,MAAM,gBAAgB,eAAe,oBAAoB,YAAY,OAAO,SAAS;CACtG,MAAMA,WAA2B,iBAAiB,SAAmB;CAErE,MAAM,EAAE,UAAWC,iBAAkB,EAAE;CAEvC,MAAM,WAAW,MAAM,QAAQ,MAAM,WAAW;CAChD,MAAM,IAAI,MAAM,QAAQ,MAAM,WAAW;CACzC,MAAM,cAAc,MAAM,QAAQ,MAAM,WAAW;CACnD,MAAM,KAAK,MAAM,QAAQ,MAAM,WAAW;CAC1C,MAAM,kBAAkB,SAAS,QAAQ,SAAS;CAElD,MAAM,YAAY,QAAuB,CAAC,IAAI,YAAY,KAAK,UAAU;AAEzE,QACE,qBAAC;EACC,YAAW;EACX,cAAc,aAAa,aAAa,WAAW;EACnD,WAAW,GAAG,iBAAiB;EAC/B,SAAQ;EACR;EACA,IAAG;EACE;EACL,GAAG;aAEF,MAAM,OAAM,QACX,qBAAC;GACC,UAAU,IAAI,WAAW,SAAY;GACrC,IAAG;GACH,WAAW,yCAAyC,KAAK;GACzD,OAAO,SAAS,IAAI,GAAG,OAAO;GAC9B,UAAU,IAAI;GACd,SAAQ;GACE;GACV,YAAY;GACT;GACH,SAAS,IAAI,WAAW,SAAY;GAEpC,UAAS,MAAK,iBAAiB,IAAI,SAAS,GAAG,EAAE;GACjD,UAAS;GACT,IAAG;GACC;;IAEJ,qBAACC;KAAI,YAAW;gBACb,CAAC,CAAC,IAAI,QAAQ,oBAAC;MAAK,IAAI;MAAiB,MAAM,IAAI;MAAM,MAAM;OAAY,EAC3E,IAAI;MACD;IACL,CAAC,CAAC,IAAI,YACL,oBAAC;KACC,UAAU,IAAI;KACd,SAAQ;KACR,YAAW;KACX,SAAS;KACT,IAAI;KACJ,UAAS,MAAK;AACZ,QAAE,iBAAiB;AACnB,WAAK,WAAW,EAAE;;KAEpB,OAAM;MACN;IAEH,SAAS,IAAI,IACZ,oBAACA;KACC,WAAW;KACX,IAAI;KACJ,QAAO;KACP,WAAU;KACV,GAAG;KACH,MAAM;KACN,UAAS;KACT,GAAG;eACJ;MAEK;;KApCH,IAAI,MAsCA,CACX,EACD,CAAC,CAAC,WACD,oBAACA;GAAI,IAAG;GAAO,IAAI;GAAM,IAAI;aAC1B;IACG;GAEH;EAET;AAEF,WAAW,cAAc;AAEzB,yBAAe"}
+{"version":3,"file":"tabsNavBar.js","names":["iconSize: NavBarIconSize","theme","Box"],"sources":["../../src/tabs/tabsNavBar.tsx"],"sourcesContent":["import Box from '../box'\nimport { vui } from '../core'\nimport { Icon } from '../icon'\nimport { List, ListItem } from '../list'\nimport { TagButton } from '../tag'\nimport type { Dict } from '../utils'\nimport { cs } from '../utils'\nimport { colors, iconSizeMapper } from './consts'\nimport type { NavBarIconSize, TabIndexProps, TabNavBarProps } from './tabs.types'\nimport theme from './theme'\n\nconst { activeBg, border, color, hover, main } = colors\n\nexport const TabsNavBar = vui<'div', TabNavBarProps>((props, ref) => {\n  const { actions, tabs, onNavItemClick, activeNavItem, animationDirection, showBorder, size = 'md' } = props\n  const iconSize: NavBarIconSize = iconSizeMapper?.[size as string] || 'md'\n\n  const { sizes } = (theme as Dict) ?? {}\n\n  const fontSize = sizes[size ?? 'md'].tabsNavBar.fontSize\n  const h = sizes[size ?? 'md'].tabsNavBar.h\n  const borderWidth = sizes[size ?? 'md'].tabsNavBar.borderWidth\n  const py = sizes[size ?? 'md'].tabsNavBar.py\n  const iconMarginRight = size === 'xxl' ? '16px' : '8px'\n\n  const isActive = (tab: TabIndexProps) => !tab.disabled && tab?.index === activeNavItem\n\n  return (\n    <List\n      alignItems=\"end\"\n      borderBottom={showBorder ? `1px solid ${border}` : 'none'}\n      className={cs('vui-tabsNavBar')}\n      display=\"flex\"\n      isInteractive\n      mb=\"20px\"\n      ref={ref}\n      w={1}\n    >\n      {tabs?.map?.(tab => (\n        <ListItem\n          activeBg={tab.disabled ? undefined : activeBg}\n          bg=\"white\"\n          className={`vui-tabsNavBarItem vui-tabsNavBarItem-${tab?.id}`}\n          color={isActive(tab) ? main : color}\n          disabled={tab.disabled}\n          display=\"inline-flex\"\n          fontSize={fontSize}\n          lineHeight=\"125%\"\n          fontWeight={400}\n          h={h}\n          hoverBg={tab.disabled ? undefined : hover}\n          key={tab.index}\n          onClick={e => onNavItemClick?.(tab.index || 0, e)}\n          position=\"relative\"\n          px=\"16px\"\n          py={py}\n        >\n          <Box alignItems=\"center\">\n            {!!tab.icon && <Icon mr={iconMarginRight} name={tab.icon} size={iconSize} />}\n            {tab.title}\n          </Box>\n          {!!tab.onDelete && (\n            <TagButton\n              disabled={tab.disabled}\n              hoverBg=\"skyBlue.80\"\n              hoverColor=\"seaBlue.main\"\n              isRound={false}\n              ml={1}\n              onClick={e => {\n                e.stopPropagation()\n                tab?.onDelete?.(e)\n              }}\n              title=\"Delete\"\n            />\n          )}\n          {isActive(tab) && (\n            <Box\n              animation={animationDirection}\n              bg={main}\n              bottom=\"-1px\"\n              className=\"vui-tabsNavBarItemActiveIndicator\"\n              h={borderWidth}\n              left={0}\n              position=\"absolute\"\n              w={1}\n            >\n              &nbsp;\n            </Box>\n          )}\n        </ListItem>\n      ))}\n      {!!actions && (\n        <Box ml=\"auto\" px={0.75} py={0.5}>\n          {actions}\n        </Box>\n      )}\n    </List>\n  )\n})\n\nTabsNavBar.displayName = 'TabsNavBar'\n\nexport default TabsNavBar\n"],"mappings":";;;;;;;;;;;;AAWA,MAAM,EAAE,UAAU,QAAQ,OAAO,OAAO,SAAS;AAEjD,MAAa,aAAa,KAA4B,OAAO,QAAQ;CACnE,MAAM,EAAE,SAAS,MAAM,gBAAgB,eAAe,oBAAoB,YAAY,OAAO,SAAS;CACtG,MAAMA,WAA2B,iBAAiB,SAAmB;CAErE,MAAM,EAAE,UAAWC,iBAAkB,EAAE;CAEvC,MAAM,WAAW,MAAM,QAAQ,MAAM,WAAW;CAChD,MAAM,IAAI,MAAM,QAAQ,MAAM,WAAW;CACzC,MAAM,cAAc,MAAM,QAAQ,MAAM,WAAW;CACnD,MAAM,KAAK,MAAM,QAAQ,MAAM,WAAW;CAC1C,MAAM,kBAAkB,SAAS,QAAQ,SAAS;CAElD,MAAM,YAAY,QAAuB,CAAC,IAAI,YAAY,KAAK,UAAU;AAEzE,QACE,qBAAC;EACC,YAAW;EACX,cAAc,aAAa,aAAa,WAAW;EACnD,WAAW,GAAG,iBAAiB;EAC/B,SAAQ;EACR;EACA,IAAG;EACE;EACL,GAAG;aAEF,MAAM,OAAM,QACX,qBAAC;GACC,UAAU,IAAI,WAAW,SAAY;GACrC,IAAG;GACH,WAAW,yCAAyC,KAAK;GACzD,OAAO,SAAS,IAAI,GAAG,OAAO;GAC9B,UAAU,IAAI;GACd,SAAQ;GACE;GACV,YAAW;GACX,YAAY;GACT;GACH,SAAS,IAAI,WAAW,SAAY;GAEpC,UAAS,MAAK,iBAAiB,IAAI,SAAS,GAAG,EAAE;GACjD,UAAS;GACT,IAAG;GACC;;IAEJ,qBAACC;KAAI,YAAW;gBACb,CAAC,CAAC,IAAI,QAAQ,oBAAC;MAAK,IAAI;MAAiB,MAAM,IAAI;MAAM,MAAM;OAAY,EAC3E,IAAI;MACD;IACL,CAAC,CAAC,IAAI,YACL,oBAAC;KACC,UAAU,IAAI;KACd,SAAQ;KACR,YAAW;KACX,SAAS;KACT,IAAI;KACJ,UAAS,MAAK;AACZ,QAAE,iBAAiB;AACnB,WAAK,WAAW,EAAE;;KAEpB,OAAM;MACN;IAEH,SAAS,IAAI,IACZ,oBAACA;KACC,WAAW;KACX,IAAI;KACJ,QAAO;KACP,WAAU;KACV,GAAG;KACH,MAAM;KACN,UAAS;KACT,GAAG;eACJ;MAEK;;KApCH,IAAI,MAsCA,CACX,EACD,CAAC,CAAC,WACD,oBAACA;GAAI,IAAG;GAAO,IAAI;GAAM,IAAI;aAC1B;IACG;GAEH;EAET;AAEF,WAAW,cAAc;AAEzB,yBAAe"}

package/dist/tabs/theme.js

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

package/dist/tabs/useTabsState.js

@@ -17,5 +17,5 @@ const useTabsState = (initialAnimation, tabIndex) => {
 
 //#endregion
 export { useTabsState };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=useTabsState.js.map

package/dist/tag/context.d.ts

@@ -1,9 +1,9 @@
 import { Dict } from "../utils/types.js";
 import "../utils/index.js";
-import * as react955 from "react";
+import * as react951 from "react";
 
 //#region src/tag/context.d.ts
-declare const TagProvider: react955.Provider<Dict>, useTagContext: () => Dict;
+declare const TagProvider: react951.Provider<Dict>, useTagContext: () => Dict;
 //#endregion
 export { TagProvider, useTagContext };
 //# sourceMappingURL=context.d.ts.map

package/dist/tag/context.js

@@ -5,5 +5,5 @@ const [TagProvider, useTagContext] = createContext({ isOptional: true });
 
 //#endregion
 export { TagProvider, useTagContext };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=context.js.map

package/dist/tag/tag.d.ts

@@ -6,10 +6,10 @@ import { TagButton } from "./tagButton.js";
 import { TagIcon } from "./tagIcon.js";
 import { TagText } from "./tagText.js";
 import "../index.js";
-import * as styled_components439 from "styled-components";
+import * as styled_components420 from "styled-components";
 
 //#region src/tag/tag.d.ts
-declare const TagBase: styled_components439.StyledComponent<"span", styled_components439.DefaultTheme, SystemProps, never>;
+declare const TagBase: styled_components420.StyledComponent<"span", styled_components420.DefaultTheme, SystemProps, never>;
 /**
  * Displays text, icons or custom content. Can be made interactive or a link.
  * Exposes some props to the children via context.

package/dist/tag/tag.js

@@ -117,5 +117,5 @@ Tag.displayName = "Tag";
 
 //#endregion
 export { Tag, TagBase };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=tag.js.map

package/dist/tag/tagButton.js

@@ -32,5 +32,5 @@ var tagButton_default = TagButton;
 
 //#endregion
 export { TagButton, tagButton_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=tagButton.js.map

package/dist/tag/tagIcon.js

@@ -22,5 +22,5 @@ var tagIcon_default = TagIcon;
 
 //#endregion
 export { TagIcon, tagIcon_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=tagIcon.js.map

package/dist/tag/tagText.js

@@ -23,5 +23,5 @@ var tagText_default = TagText;
 
 //#endregion
 export { TagText, tagText_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=tagText.js.map

package/dist/tag/theme.js

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

package/dist/textarea/helpers.js

@@ -7,5 +7,5 @@ function getInitialCount(props) {
 
 //#endregion
 export { getInitialCount };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=helpers.js.map

package/dist/textarea/textarea.d.ts

@@ -2,10 +2,10 @@ import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { TextareaProps } from "./textarea.types.js";
 import "../index.js";
-import * as styled_components441 from "styled-components";
+import * as styled_components447 from "styled-components";
 
 //#region src/textarea/textarea.d.ts
-declare const TextareaBase: styled_components441.StyledComponent<"div", styled_components441.DefaultTheme, SystemProps, never>;
+declare const TextareaBase: styled_components447.StyledComponent<"div", styled_components447.DefaultTheme, SystemProps, never>;
 /**
  * Displays a textarea element wrapped in a div to allow extra content, like counter.
  * Forwards many relevant props to the inner textarea. Exposes some props to the children via context.

package/dist/textarea/textarea.js

@@ -139,5 +139,5 @@ Textarea.displayName = "Textarea";
 
 //#endregion
 export { Textarea, TextareaBase };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=textarea.js.map