@veracity/vui 3.2.0 → 4.0.0-floatinguitake3.2154362

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 react952 from "react";
-import * as styled_components416 from "styled-components";
+import * as react11 from "react";
+import * as styled_components31 from "styled-components";
 
 //#region src/tabs/tabs.d.ts
-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;
+declare const TabsBase: styled_components31.StyledComponent<"div", styled_components31.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?: react11.ReactNode;
   activeTabId?: number | string;
   showBorder?: boolean;
   onTabClick?: (id?: number | string) => void;
@@ -35,4 +35,5 @@ declare const TabsBase: styled_components416.StyledComponent<"div", styled_compo
 declare const Tabs: VuiComponent<"div", TabsProps>;
 //#endregion
 export { Tabs, TabsBase };
+
 //# sourceMappingURL=tabs.d.ts.map

package/dist/tabs/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","names":[],"sources":["../../src/tabs/tabs.tsx"],"sourcesContent":[],"mappings":"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"}
+{"version":3,"file":"tabs.d.ts","names":[],"sources":["../../src/tabs/tabs.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;cAWa,8BAAQ,uBAEpB,mBAAA,CAFoB,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,GAAA,uBAAA,YAAA;YAAA,OAAA,CAAA;;;;;;;;cAOR,MAAI,oBAAA"}

package/dist/tabs/tabs.js

@@ -17,7 +17,7 @@ const TabsBase = styled.divBox`
 * Implements Tabs navigation to switch between views. Implements Tabs navigation to switch between views. **Do not use as a top menu in a page!**
 */
 const Tabs = vui((props, ref) => {
-	const { actions, activeTabId, showBorder = true, children, className, size, onTabClick,...rest } = props;
+	const { actions, activeTabId, showBorder = true, children, className, size, onTabClick, ...rest } = props;
 	const styles = useStyleConfig("Tabs", props);
 	const { tabs, setTabs, activeTabIndex, setActiveTabIndex, animationDirection, setAnimationDirection } = useTabsState("fadeIn", 0);
 	useEffect(() => {
@@ -78,5 +78,5 @@ Tabs.displayName = "Tabs";
 
 //#endregion
 export { Tabs, TabsBase };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=tabs.js.map

package/dist/tabs/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","names":["_tabs: TabIndexProps[]","TabsNavBar","Tab"],"sources":["../../src/tabs/tabs.tsx"],"sourcesContent":["import type { ReactElement } from 'react'\nimport { Children, useEffect } from 'react'\n\nimport { styled, useStyleConfig, vui } from '../core'\nimport { P } from '../p'\nimport { cs } from '../utils'\nimport Tab from './tab'\nimport type { TabIndexProps, TabProps, TabsProps } from './tabs.types'\nimport TabsNavBar from './tabsNavBar'\nimport { useTabsState } from './useTabsState'\n\nexport const TabsBase = styled.divBox<TabsProps>`\n  width: 100%;\n`\n\n/**\n * Implements Tabs navigation to switch between views. Implements Tabs navigation to switch between views. **Do not use as a top menu in a page!**\n */\nexport const Tabs = vui<'div', TabsProps>((props, ref) => {\n  const { actions, activeTabId, showBorder = true, children, className, size, onTabClick, ...rest } = props\n  const styles = useStyleConfig('Tabs', props)\n  const { tabs, setTabs, activeTabIndex, setActiveTabIndex, animationDirection, setAnimationDirection } = useTabsState(\n    'fadeIn',\n    0,\n  )\n\n  useEffect(() => {\n    const _tabs: TabIndexProps[] = []\n    if (children) {\n      ;(Children.toArray(children) as ReactElement[]).forEach((child: ReactElement<TabProps>, index: number) => {\n        if (child?.props?.title)\n          _tabs.push({\n            id: child.props.id,\n            index: index,\n            title: child.props.title,\n            icon: child.props.icon,\n            className: child.props.className,\n            children: child.props.children,\n            disabled: child.props.disabled,\n            onClick: child.props.onClick,\n            onDelete: child.props.onDelete,\n          })\n      })\n    }\n    setTabs(_tabs)\n    if (activeTabId !== undefined) {\n      const tab = _tabs.find((t: TabIndexProps) => t?.id === activeTabId || t?.index === activeTabId)\n      if (tab?.index !== undefined) setActiveTabIndex(tab.index)\n    }\n  }, [children, activeTabId])\n\n  const onNavItemClick = (tabIndex: number, e: React.MouseEvent<HTMLLIElement, MouseEvent>) => {\n    const tab = tabs.find(t => t.index === tabIndex)\n    if (tab?.children !== undefined && tab?.index !== undefined) {\n      setAnimationDirection(tab.index < activeTabIndex ? 'fadeLeft' : 'fadeRight')\n      setActiveTabIndex(tab.index)\n      onTabClick?.(tab.id || tab.index)\n    }\n    tab?.onClick?.(e)\n  }\n\n  const activeTab = tabs?.[activeTabIndex]\n\n  return (\n    <TabsBase className={cs('vui-tabs', className)} ref={ref} {...styles.container} {...rest}>\n      {!!tabs?.length && (\n        <TabsNavBar\n          actions={actions}\n          activeNavItem={activeTabIndex}\n          animationDirection={animationDirection}\n          onNavItemClick={(tabIndex, e) => onNavItemClick(tabIndex, e)}\n          showBorder={showBorder}\n          size={size}\n          tabs={tabs}\n        />\n      )}\n      {tabs?.length ? (\n        <Tab onClick={activeTab?.onClick} title={activeTab?.title}>\n          {!activeTab?.disabled && activeTab?.children}\n        </Tab>\n      ) : (\n        <P p={2}>Please specify Tabs.</P>\n      )}\n    </TabsBase>\n  )\n})\n\nTabs.displayName = 'Tabs'\n\nexport default Tabs\n"],"mappings":";;;;;;;;;;;;AAWA,MAAa,WAAW,OAAO,MAAiB;;;;;;AAOhD,MAAa,OAAO,KAAuB,OAAO,QAAQ;CACxD,MAAM,EAAE,SAAS,aAAa,aAAa,MAAM,UAAU,WAAW,MAAM,WAAY,GAAG,SAAS;CACpG,MAAM,SAAS,eAAe,QAAQ,MAAM;CAC5C,MAAM,EAAE,MAAM,SAAS,gBAAgB,mBAAmB,oBAAoB,0BAA0B,aACtG,UACA,EACD;AAED,iBAAgB;EACd,MAAMA,QAAyB,EAAE;AACjC,MAAI,SACD,CAAC,SAAS,QAAQ,SAAS,CAAoB,SAAS,OAA+B,UAAkB;AACxG,OAAI,OAAO,OAAO,MAChB,OAAM,KAAK;IACT,IAAI,MAAM,MAAM;IACT;IACP,OAAO,MAAM,MAAM;IACnB,MAAM,MAAM,MAAM;IAClB,WAAW,MAAM,MAAM;IACvB,UAAU,MAAM,MAAM;IACtB,UAAU,MAAM,MAAM;IACtB,SAAS,MAAM,MAAM;IACrB,UAAU,MAAM,MAAM;IACvB,CAAC;IACJ;AAEJ,UAAQ,MAAM;AACd,MAAI,gBAAgB,QAAW;GAC7B,MAAM,MAAM,MAAM,MAAM,MAAqB,GAAG,OAAO,eAAe,GAAG,UAAU,YAAY;AAC/F,OAAI,KAAK,UAAU,OAAW,mBAAkB,IAAI,MAAM;;IAE3D,CAAC,UAAU,YAAY,CAAC;CAE3B,MAAM,kBAAkB,UAAkB,MAAmD;EAC3F,MAAM,MAAM,KAAK,MAAK,MAAK,EAAE,UAAU,SAAS;AAChD,MAAI,KAAK,aAAa,UAAa,KAAK,UAAU,QAAW;AAC3D,yBAAsB,IAAI,QAAQ,iBAAiB,aAAa,YAAY;AAC5E,qBAAkB,IAAI,MAAM;AAC5B,gBAAa,IAAI,MAAM,IAAI,MAAM;;AAEnC,OAAK,UAAU,EAAE;;CAGnB,MAAM,YAAY,OAAO;AAEzB,QACE,qBAAC;EAAS,WAAW,GAAG,YAAY,UAAU;EAAO;EAAK,GAAI,OAAO;EAAW,GAAI;aACjF,CAAC,CAAC,MAAM,UACP,oBAACC;GACU;GACT,eAAe;GACK;GACpB,iBAAiB,UAAU,MAAM,eAAe,UAAU,EAAE;GAChD;GACN;GACA;IACN,EAEH,MAAM,SACL,oBAACC;GAAI,SAAS,WAAW;GAAS,OAAO,WAAW;aACjD,CAAC,WAAW,YAAY,WAAW;IAChC,GAEN,oBAAC;GAAE,GAAG;aAAG;IAAwB;GAE1B;EAEb;AAEF,KAAK,cAAc"}
+{"version":3,"file":"tabs.js","names":["_tabs: TabIndexProps[]","TabsNavBar","Tab"],"sources":["../../src/tabs/tabs.tsx"],"sourcesContent":["import type { ReactElement } from 'react'\nimport { Children, useEffect } from 'react'\n\nimport { styled, useStyleConfig, vui } from '../core'\nimport { P } from '../p'\nimport { cs } from '../utils'\nimport Tab from './tab'\nimport type { TabIndexProps, TabProps, TabsProps } from './tabs.types'\nimport TabsNavBar from './tabsNavBar'\nimport { useTabsState } from './useTabsState'\n\nexport const TabsBase = styled.divBox<TabsProps>`\n  width: 100%;\n`\n\n/**\n * Implements Tabs navigation to switch between views. Implements Tabs navigation to switch between views. **Do not use as a top menu in a page!**\n */\nexport const Tabs = vui<'div', TabsProps>((props, ref) => {\n  const { actions, activeTabId, showBorder = true, children, className, size, onTabClick, ...rest } = props\n  const styles = useStyleConfig('Tabs', props)\n  const { tabs, setTabs, activeTabIndex, setActiveTabIndex, animationDirection, setAnimationDirection } = useTabsState(\n    'fadeIn',\n    0,\n  )\n\n  useEffect(() => {\n    const _tabs: TabIndexProps[] = []\n    if (children) {\n      ;(Children.toArray(children) as ReactElement[]).forEach((child: ReactElement<TabProps>, index: number) => {\n        if (child?.props?.title)\n          _tabs.push({\n            id: child.props.id,\n            index: index,\n            title: child.props.title,\n            icon: child.props.icon,\n            className: child.props.className,\n            children: child.props.children,\n            disabled: child.props.disabled,\n            onClick: child.props.onClick,\n            onDelete: child.props.onDelete,\n          })\n      })\n    }\n    setTabs(_tabs)\n    if (activeTabId !== undefined) {\n      const tab = _tabs.find((t: TabIndexProps) => t?.id === activeTabId || t?.index === activeTabId)\n      if (tab?.index !== undefined) setActiveTabIndex(tab.index)\n    }\n  }, [children, activeTabId])\n\n  const onNavItemClick = (tabIndex: number, e: React.MouseEvent<HTMLLIElement, MouseEvent>) => {\n    const tab = tabs.find(t => t.index === tabIndex)\n    if (tab?.children !== undefined && tab?.index !== undefined) {\n      setAnimationDirection(tab.index < activeTabIndex ? 'fadeLeft' : 'fadeRight')\n      setActiveTabIndex(tab.index)\n      onTabClick?.(tab.id || tab.index)\n    }\n    tab?.onClick?.(e)\n  }\n\n  const activeTab = tabs?.[activeTabIndex]\n\n  return (\n    <TabsBase className={cs('vui-tabs', className)} ref={ref} {...styles.container} {...rest}>\n      {!!tabs?.length && (\n        <TabsNavBar\n          actions={actions}\n          activeNavItem={activeTabIndex}\n          animationDirection={animationDirection}\n          onNavItemClick={(tabIndex, e) => onNavItemClick(tabIndex, e)}\n          showBorder={showBorder}\n          size={size}\n          tabs={tabs}\n        />\n      )}\n      {tabs?.length ? (\n        <Tab onClick={activeTab?.onClick} title={activeTab?.title}>\n          {!activeTab?.disabled && activeTab?.children}\n        </Tab>\n      ) : (\n        <P p={2}>Please specify Tabs.</P>\n      )}\n    </TabsBase>\n  )\n})\n\nTabs.displayName = 'Tabs'\n\nexport default Tabs\n"],"mappings":";;;;;;;;;;;;AAWA,MAAa,WAAW,OAAO,MAAiB;;;;;;AAOhD,MAAa,OAAO,KAAuB,OAAO,QAAQ;CACxD,MAAM,EAAE,SAAS,aAAa,aAAa,MAAM,UAAU,WAAW,MAAM,YAAY,GAAG,SAAS;CACpG,MAAM,SAAS,eAAe,QAAQ,MAAM;CAC5C,MAAM,EAAE,MAAM,SAAS,gBAAgB,mBAAmB,oBAAoB,0BAA0B,aACtG,UACA,EACD;AAED,iBAAgB;EACd,MAAMA,QAAyB,EAAE;AACjC,MAAI,SACD,CAAC,SAAS,QAAQ,SAAS,CAAoB,SAAS,OAA+B,UAAkB;AACxG,OAAI,OAAO,OAAO,MAChB,OAAM,KAAK;IACT,IAAI,MAAM,MAAM;IACT;IACP,OAAO,MAAM,MAAM;IACnB,MAAM,MAAM,MAAM;IAClB,WAAW,MAAM,MAAM;IACvB,UAAU,MAAM,MAAM;IACtB,UAAU,MAAM,MAAM;IACtB,SAAS,MAAM,MAAM;IACrB,UAAU,MAAM,MAAM;IACvB,CAAC;IACJ;AAEJ,UAAQ,MAAM;AACd,MAAI,gBAAgB,QAAW;GAC7B,MAAM,MAAM,MAAM,MAAM,MAAqB,GAAG,OAAO,eAAe,GAAG,UAAU,YAAY;AAC/F,OAAI,KAAK,UAAU,OAAW,mBAAkB,IAAI,MAAM;;IAE3D,CAAC,UAAU,YAAY,CAAC;CAE3B,MAAM,kBAAkB,UAAkB,MAAmD;EAC3F,MAAM,MAAM,KAAK,MAAK,MAAK,EAAE,UAAU,SAAS;AAChD,MAAI,KAAK,aAAa,UAAa,KAAK,UAAU,QAAW;AAC3D,yBAAsB,IAAI,QAAQ,iBAAiB,aAAa,YAAY;AAC5E,qBAAkB,IAAI,MAAM;AAC5B,gBAAa,IAAI,MAAM,IAAI,MAAM;;AAEnC,OAAK,UAAU,EAAE;;CAGnB,MAAM,YAAY,OAAO;AAEzB,QACE,qBAAC;EAAS,WAAW,GAAG,YAAY,UAAU;EAAO;EAAK,GAAI,OAAO;EAAW,GAAI;aACjF,CAAC,CAAC,MAAM,UACP,oBAACC;GACU;GACT,eAAe;GACK;GACpB,iBAAiB,UAAU,MAAM,eAAe,UAAU,EAAE;GAChD;GACN;GACA;IACN,EAEH,MAAM,SACL,oBAACC;GAAI,SAAS,WAAW;GAAS,OAAO,WAAW;aACjD,CAAC,WAAW,YAAY,WAAW;IAChC,GAEN,oBAAC;GAAE,GAAG;aAAG;IAAwB;GAE1B;EAEb;AAEF,KAAK,cAAc"}

package/dist/tabs/tabs.types.d.ts

@@ -41,4 +41,5 @@ type TabNavBarProps = {
 };
 //#endregion
 export { AnimationDirection, NavBarIconSize, TabIndexProps, TabNavBarProps, TabProps, TabsProps, TabsSize };
+
 //# sourceMappingURL=tabs.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tabs.types.d.ts","names":[],"sources":["../../src/tabs/tabs.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;KAOY,kBAAA,CAAA,CAAA;KACA,QAAA,CAAA,CAAA;KACA,cAAA,CAAA,CAAA;KAEA,SAAA,CAAA,CAAA,CAAY,cACtB,uBACA;YACY;EAPF,WAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAkB,MAAA;EAClB,UAAA,CAAQ,CAAA,CAAA,OAAA;EACR,UAAA,CAAA,CAAA,CAAA,CAAA,EAAc,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;AAE1B,CAAA;AAAwB,IAAA,CASZ,QAAA,CAAA,CAAA,CAAW,WATC,CAAA,CAAA,CAUtB,YAVsB,CAAA,CAAA,CAAA;EACtB,IAAA,CAAA,CAAA,CAUS,QAVT;EACA,EAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,MAAA;EACY,KAAA,CAAA,CAUH,SAVG;EAAS,QAAA,CAAA,CAAA,CAAA,OAAA;EAMX,SAAA,CAAA,CAAA,CAAQ,MAAA;EAAG,OAAA,CAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAOM,KAAA,CAAM,UAPZ,CAOuB,aAPvB,CAAA,CAOsC,UAPtC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EACrB,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,QAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,MAAA,CAAA,MAAA,CAAA,IAAA,CAAA,IAAA,CAAA,QAAA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;EACS,QAAA,CAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAOmB,KAAA,CAAM,UAPzB,CAOoC,iBAPpC,CAAA,CAOuD,UAPvD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;CAEA;AAGmC,IAAA,CAKlC,aAAA,CAAA,CAAA,CAAgB,QALkB,CAAA,CAAA,CAAA;EAAe,KAAA,CAAA,CAAA,CAAA,MAAA;CAAhC;AAEkB,IAAA,CAOnC,cAAA,CAAA,CAAA,CAPmC;EAAmB,OAAA,CAAA,CAAA,CAQtD,SARsD;EAApC,IAAM,CAAA,CAS5B,aAT4B,CAAA,CAAA;EAAU,cAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAUN,KAAA,CAAM,UAVA,CAUW,aAVX,CAAA,CAU0B,UAV1B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAGlC,aAAA,CAAA,CAAA,CAAa,MAAA,CAAA,CAAA,CAAA,MAAG;EAIhB,kBAAc,CAAA,CAAA,CAKH,kBALG;EACd,UAAA,CAAA,CAAA,CAAA,OAAA;EACJ,IAAA,CAAA,CAAA,CAKC,QALD;CACiD"}
+{"version":3,"file":"tabs.types.d.ts","names":[],"sources":["../../src/tabs/tabs.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;KAOY,kBAAA;KACA,QAAA;KACA,cAAA;KAEA,SAAA,GAAY,cACtB,uBACA;YACY;EAPF,WAAA,CAAA,EAAA,MAAA,GAAkB,MAAA;EAClB,UAAA,CAAQ,EAAA,OAAA;EACR,UAAA,CAAA,EAAA,CAAA,EAAc,CAAA,EAAA,MAAA,GAAA,MAAA,EAAA,GAAA,IAAA;AAE1B,CAAA;AAAwB,KASZ,QAAA,GAAW,WATC,GAUtB,YAVsB,GAAA;EACtB,IAAA,CAAA,EAUS,QAVT;EACA,EAAA,CAAA,EAAA,MAAA,GAAA,MAAA;EACY,KAAA,EAUH,SAVG;EAAS,QAAA,CAAA,EAAA,OAAA;EAMX,SAAA,CAAA,EAAQ,MAAA;EAAG,OAAA,CAAA,EAAA,CAAA,WAAA,CAAA,EAOM,KAAA,CAAM,UAPZ,CAOuB,aAPvB,EAOsC,UAPtC,CAAA,EAAA,GAAA,IAAA;EACrB;EACS,QAAA,CAAA,EAAA,CAAA,WAAA,CAAA,EAOmB,KAAA,CAAM,UAPzB,CAOoC,iBAPpC,EAOuD,UAPvD,CAAA,EAAA,GAAA,IAAA;CAEA;AAGmC,KAKlC,aAAA,GAAgB,QALkB,GAAA;EAAe,KAAA,CAAA,EAAA,MAAA;CAAhC;AAEkB,KAOnC,cAAA,GAPmC;EAAmB,OAAA,CAAA,EAQtD,SARsD;EAApC,IAAM,EAS5B,aAT4B,EAAA;EAAU,cAAA,EAAA,CAAA,QAAA,EAAA,MAAA,EAAA,CAAA,EAUN,KAAA,CAAM,UAVA,CAUW,aAVX,EAU0B,UAV1B,CAAA,EAAA,GAAA,IAAA;EAGlC,aAAA,CAAA,EAAa,MAAA,GAAA,MAAG;EAIhB,kBAAc,CAAA,EAKH,kBALG;EACd,UAAA,CAAA,EAAA,OAAA;EACJ,IAAA,CAAA,EAKC,QALD;CACiD"}

package/dist/tabs/tabsNavBar.js

@@ -92,5 +92,5 @@ var tabsNavBar_default = TabsNavBar;
 
 //#endregion
 export { tabsNavBar_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=tabsNavBar.js.map

package/dist/tabs/theme.js

@@ -45,5 +45,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/tabs/useTabsState.js

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

package/dist/tag/context.d.ts

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

package/dist/tag/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/tag/context.ts"],"sourcesContent":[],"mappings":";;;;;cAGO,aAAW,QAAA,CAAA,SAAA,OAAE,qBAAa"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/tag/context.ts"],"sourcesContent":[],"mappings":";;;;;cAGO,aAAW,OAAA,CAAA,SAAA,OAAE,qBAAa"}

package/dist/tag/context.js

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

package/dist/tag/index.d.ts

@@ -3,4 +3,4 @@ import { TagInnerProps, TagProps } from "./tag.types.js";
 import { TagButton } from "./tagButton.js";
 import { TagIcon } from "./tagIcon.js";
 import { TagText } from "./tagText.js";
-import { Tag, TagBase } from "./tag.js";
+import { Tag, TagBase } from "./tag.js";

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_components420 from "styled-components";
+import * as styled_components35 from "styled-components";
 
 //#region src/tag/tag.d.ts
-declare const TagBase: styled_components420.StyledComponent<"span", styled_components420.DefaultTheme, SystemProps, never>;
+declare const TagBase: styled_components35.StyledComponent<"span", styled_components35.DefaultTheme, SystemProps, never>;
 /**
  * Displays text, icons or custom content. Can be made interactive or a link.
  * Exposes some props to the children via context.
@@ -21,4 +21,5 @@ declare const Tag: VuiComponent<"span", TagProps> & {
 };
 //#endregion
 export { Tag, TagBase };
+
 //# sourceMappingURL=tag.d.ts.map

package/dist/tag/tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag.d.ts","names":[],"sources":["../../src/tag/tag.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;cAWa,SAAO,oBAAA,CAAA,wBAsBnB,oBAAA,CAtBmB,YAAA,CAAA,CAAA,WAAA,CAAA;;;;;cA2BP,KAoGP,qBAAqB;EA/Hd,MAAA,CAAA,CAAA,MAAA,CAgII,SA1GhB;EAAA,IAAA,CAAA,CAAA,MAAA,CA2Gc,OAjIK;EAAA,IAAA,CAAA,CAAA,MAAA,CAkIL,OAlIK;CAAA"}
+{"version":3,"file":"tag.d.ts","names":[],"sources":["../../src/tag/tag.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;cAWa,SAAO,mBAAA,CAAA,wBAsBnB,mBAAA,CAtBmB,YAAA,EAAA,WAAA;;;;;cA2BP,KAoGP,qBAAqB;EA/Hd,MAAA,EAAA,OAgII,SA1GhB;EAAA,IAAA,EAAA,OA2Gc,OAjIK;EAAA,IAAA,EAAA,OAkIL,OAlIK;CAAA"}

package/dist/tag/tag.js

@@ -40,8 +40,8 @@ const TagBase = styled.spanBox`
 * Exposes some props to the children via context.
 */
 const Tag = vui((props, ref) => {
-	const { casing, children, className, disabled, icon, iconLeft, iconRight, isFullWidth, isInteractive = props.onClick !== void 0 && props.onDelete === void 0, isRound, isTruncated = true, itemLeft, itemRight, onClick, onDelete, size = "md", text, variant = "subtleBlue", weight,...rest } = props;
-	const { activeBg, h, hoverBg, spaceX: spaceXBase = 0,...tagStyles } = useStyleConfig("Tag", props).container;
+	const { casing, children, className, disabled, icon, iconLeft, iconRight, isFullWidth, isInteractive = props.onClick !== void 0 && props.onDelete === void 0, isRound, isTruncated = true, itemLeft, itemRight, onClick, onDelete, size = "md", text, variant = "subtleBlue", weight, ...rest } = props;
+	const { activeBg, h, hoverBg, spaceX: spaceXBase = 0, ...tagStyles } = useStyleConfig("Tag", props).container;
 	const context = useMemo(() => filterUndefined({
 		disabled,
 		size,
@@ -117,5 +117,5 @@ Tag.displayName = "Tag";
 
 //#endregion
 export { Tag, TagBase };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=tag.js.map

package/dist/tag/tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag.js","names":["TagIcon","TagText","TagButton"],"sources":["../../src/tag/tag.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined, isReactText, isString } from '../utils'\nimport { TagProvider } from './context'\nimport type { TagProps } from './tag.types'\nimport TagButton from './tagButton'\nimport TagIcon from './tagIcon'\nimport TagText from './tagText'\n\nexport const TagBase = styled.spanBox`\n  align-items: center;\n  border-radius: xl;\n  display: inline-flex;\n  font-weight: medium;\n  justify-content: center;\n  line-height: normal;\n  max-width: 100%;\n  position: relative;\n  transition-duration: fast;\n  width: fit-content;\n\n  &:focus {\n    border-color: transparent;\n    outline: none;\n  }\n\n  &[aria-disabled='true'] {\n    opacity: 0.5;\n    cursor: not-allowed;\n    user-select: none;\n  }\n`\n/**\n * Displays text, icons or custom content. Can be made interactive or a link.\n * Exposes some props to the children via context.\n */\nexport const Tag = vui<'span', TagProps>((props, ref) => {\n  const {\n    casing,\n    children,\n    className,\n    disabled,\n    icon,\n    iconLeft,\n    iconRight,\n    isFullWidth,\n    isInteractive = props.onClick !== undefined && props.onDelete === undefined,\n    isRound,\n    isTruncated = true,\n    itemLeft,\n    itemRight,\n    onClick,\n    onDelete,\n    size = 'md',\n    text,\n    variant = 'subtleBlue',\n    weight,\n    ...rest\n  } = props\n  const styles = useStyleConfig('Tag', props)\n  const { activeBg, h, hoverBg, spaceX: spaceXBase = 0, ...tagStyles } = styles.container\n\n  const context = useMemo(() => filterUndefined({ disabled, size, variant }), [disabled, size, variant])\n\n  const spaceX = spaceXBase / 8\n  let spaceXText = (spaceXBase + 4) / 8\n  if (size === 'xs') {\n    spaceXText = spaceXBase / 8\n  }\n\n  const pl = icon || itemLeft || iconLeft ? spaceX : spaceXText\n  const pr = icon || itemRight || iconRight ? spaceX : spaceXText\n\n  const interactiveProps =\n    !disabled && isInteractive\n      ? {\n          cursor: 'pointer',\n          hoverBg,\n          activeBg,\n          tabIndex: 0,\n          userSelect: 'none',\n        }\n      : {}\n\n  const aliasedProps = filterUndefined({\n    borderRadius: isRound ? h / 2 : undefined,\n    'aria-disabled': disabled,\n    fontWeight: weight,\n    textTransform: casing,\n    w: isFullWidth ? '100%' : undefined,\n  })\n\n  return (\n    <TagProvider value={context}>\n      <TagBase\n        className={cs('vui-tag', className)}\n        focusRing={2}\n        h={h}\n        isTruncated={isTruncated}\n        onClick={!disabled ? onClick : undefined}\n        pl={pl}\n        pr={pr}\n        ref={ref}\n        {...tagStyles}\n        {...interactiveProps}\n        {...aliasedProps}\n        {...rest}\n      >\n        {isString(icon) ? <TagIcon name={icon} /> : icon}\n\n        {!icon && (\n          <>\n            {itemLeft}\n\n            {isString(iconLeft) ? <TagIcon mr={spaceX} name={iconLeft} /> : iconLeft}\n\n            {children ?? (isReactText(text) ? <TagText {...{ isTruncated, text }} /> : text)}\n\n            {isString(iconRight) ? <TagIcon ml={spaceX} name={iconRight} /> : iconRight}\n\n            {onDelete ? (\n              <TagButton\n                aria-label=\"delete\"\n                disabled={disabled}\n                isRound={isRound}\n                ml={spaceX}\n                onClick={e => onDelete?.(e)}\n              />\n            ) : (\n              itemRight\n            )}\n          </>\n        )}\n      </TagBase>\n    </TagProvider>\n  )\n}) as VuiComponent<'span', TagProps> & {\n  Button: typeof TagButton\n  Icon: typeof TagIcon\n  Text: typeof TagText\n}\n\nTag.Button = TagButton\nTag.Icon = TagIcon\nTag.Text = TagText\n\nTag.displayName = 'Tag'\n\nexport default Tag\n"],"mappings":";;;;;;;;;;;;;;AAWA,MAAa,UAAU,OAAO,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BrC,MAAa,MAAM,KAAuB,OAAO,QAAQ;CACvD,MAAM,EACJ,QACA,UACA,WACA,UACA,MACA,UACA,WACA,aACA,gBAAgB,MAAM,YAAY,UAAa,MAAM,aAAa,QAClE,SACA,cAAc,MACd,UACA,WACA,SACA,UACA,OAAO,MACP,MACA,UAAU,cACV,OACA,GAAG,SACD;CAEJ,MAAM,EAAE,UAAU,GAAG,SAAS,QAAQ,aAAa,EAAG,GAAG,cAD1C,eAAe,OAAO,MAAM,CACmC;CAE9E,MAAM,UAAU,cAAc,gBAAgB;EAAE;EAAU;EAAM;EAAS,CAAC,EAAE;EAAC;EAAU;EAAM;EAAQ,CAAC;CAEtG,MAAM,SAAS,aAAa;CAC5B,IAAI,cAAc,aAAa,KAAK;AACpC,KAAI,SAAS,KACX,cAAa,aAAa;CAG5B,MAAM,KAAK,QAAQ,YAAY,WAAW,SAAS;CACnD,MAAM,KAAK,QAAQ,aAAa,YAAY,SAAS;CAErD,MAAM,mBACJ,CAAC,YAAY,gBACT;EACE,QAAQ;EACR;EACA;EACA,UAAU;EACV,YAAY;EACb,GACD,EAAE;CAER,MAAM,eAAe,gBAAgB;EACnC,cAAc,UAAU,IAAI,IAAI;EAChC,iBAAiB;EACjB,YAAY;EACZ,eAAe;EACf,GAAG,cAAc,SAAS;EAC3B,CAAC;AAEF,QACE,oBAAC;EAAY,OAAO;YAClB,qBAAC;GACC,WAAW,GAAG,WAAW,UAAU;GACnC,WAAW;GACR;GACU;GACb,SAAS,CAAC,WAAW,UAAU;GAC3B;GACA;GACC;GACL,GAAI;GACJ,GAAI;GACJ,GAAI;GACJ,GAAI;cAEH,SAAS,KAAK,GAAG,oBAACA,mBAAQ,MAAM,OAAQ,GAAG,MAE3C,CAAC,QACA;IACG;IAEA,SAAS,SAAS,GAAG,oBAACA;KAAQ,IAAI;KAAQ,MAAM;MAAY,GAAG;IAE/D,aAAa,YAAY,KAAK,GAAG,oBAACC;KAAc;KAAa;MAAU,GAAG;IAE1E,SAAS,UAAU,GAAG,oBAACD;KAAQ,IAAI;KAAQ,MAAM;MAAa,GAAG;IAEjE,WACC,oBAACE;KACC,cAAW;KACD;KACD;KACT,IAAI;KACJ,UAAS,MAAK,WAAW,EAAE;MAC3B,GAEF;OAED;IAEG;GACE;EAEhB;AAMF,IAAI,SAASA;AACb,IAAI,OAAOF;AACX,IAAI,OAAOC;AAEX,IAAI,cAAc"}
+{"version":3,"file":"tag.js","names":["TagIcon","TagText","TagButton"],"sources":["../../src/tag/tag.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined, isReactText, isString } from '../utils'\nimport { TagProvider } from './context'\nimport type { TagProps } from './tag.types'\nimport TagButton from './tagButton'\nimport TagIcon from './tagIcon'\nimport TagText from './tagText'\n\nexport const TagBase = styled.spanBox`\n  align-items: center;\n  border-radius: xl;\n  display: inline-flex;\n  font-weight: medium;\n  justify-content: center;\n  line-height: normal;\n  max-width: 100%;\n  position: relative;\n  transition-duration: fast;\n  width: fit-content;\n\n  &:focus {\n    border-color: transparent;\n    outline: none;\n  }\n\n  &[aria-disabled='true'] {\n    opacity: 0.5;\n    cursor: not-allowed;\n    user-select: none;\n  }\n`\n/**\n * Displays text, icons or custom content. Can be made interactive or a link.\n * Exposes some props to the children via context.\n */\nexport const Tag = vui<'span', TagProps>((props, ref) => {\n  const {\n    casing,\n    children,\n    className,\n    disabled,\n    icon,\n    iconLeft,\n    iconRight,\n    isFullWidth,\n    isInteractive = props.onClick !== undefined && props.onDelete === undefined,\n    isRound,\n    isTruncated = true,\n    itemLeft,\n    itemRight,\n    onClick,\n    onDelete,\n    size = 'md',\n    text,\n    variant = 'subtleBlue',\n    weight,\n    ...rest\n  } = props\n  const styles = useStyleConfig('Tag', props)\n  const { activeBg, h, hoverBg, spaceX: spaceXBase = 0, ...tagStyles } = styles.container\n\n  const context = useMemo(() => filterUndefined({ disabled, size, variant }), [disabled, size, variant])\n\n  const spaceX = spaceXBase / 8\n  let spaceXText = (spaceXBase + 4) / 8\n  if (size === 'xs') {\n    spaceXText = spaceXBase / 8\n  }\n\n  const pl = icon || itemLeft || iconLeft ? spaceX : spaceXText\n  const pr = icon || itemRight || iconRight ? spaceX : spaceXText\n\n  const interactiveProps =\n    !disabled && isInteractive\n      ? {\n          cursor: 'pointer',\n          hoverBg,\n          activeBg,\n          tabIndex: 0,\n          userSelect: 'none',\n        }\n      : {}\n\n  const aliasedProps = filterUndefined({\n    borderRadius: isRound ? h / 2 : undefined,\n    'aria-disabled': disabled,\n    fontWeight: weight,\n    textTransform: casing,\n    w: isFullWidth ? '100%' : undefined,\n  })\n\n  return (\n    <TagProvider value={context}>\n      <TagBase\n        className={cs('vui-tag', className)}\n        focusRing={2}\n        h={h}\n        isTruncated={isTruncated}\n        onClick={!disabled ? onClick : undefined}\n        pl={pl}\n        pr={pr}\n        ref={ref}\n        {...tagStyles}\n        {...interactiveProps}\n        {...aliasedProps}\n        {...rest}\n      >\n        {isString(icon) ? <TagIcon name={icon} /> : icon}\n\n        {!icon && (\n          <>\n            {itemLeft}\n\n            {isString(iconLeft) ? <TagIcon mr={spaceX} name={iconLeft} /> : iconLeft}\n\n            {children ?? (isReactText(text) ? <TagText {...{ isTruncated, text }} /> : text)}\n\n            {isString(iconRight) ? <TagIcon ml={spaceX} name={iconRight} /> : iconRight}\n\n            {onDelete ? (\n              <TagButton\n                aria-label=\"delete\"\n                disabled={disabled}\n                isRound={isRound}\n                ml={spaceX}\n                onClick={e => onDelete?.(e)}\n              />\n            ) : (\n              itemRight\n            )}\n          </>\n        )}\n      </TagBase>\n    </TagProvider>\n  )\n}) as VuiComponent<'span', TagProps> & {\n  Button: typeof TagButton\n  Icon: typeof TagIcon\n  Text: typeof TagText\n}\n\nTag.Button = TagButton\nTag.Icon = TagIcon\nTag.Text = TagText\n\nTag.displayName = 'Tag'\n\nexport default Tag\n"],"mappings":";;;;;;;;;;;;;;AAWA,MAAa,UAAU,OAAO,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BrC,MAAa,MAAM,KAAuB,OAAO,QAAQ;CACvD,MAAM,EACJ,QACA,UACA,WACA,UACA,MACA,UACA,WACA,aACA,gBAAgB,MAAM,YAAY,UAAa,MAAM,aAAa,QAClE,SACA,cAAc,MACd,UACA,WACA,SACA,UACA,OAAO,MACP,MACA,UAAU,cACV,QACA,GAAG,SACD;CAEJ,MAAM,EAAE,UAAU,GAAG,SAAS,QAAQ,aAAa,GAAG,GAAG,cAD1C,eAAe,OAAO,MAAM,CACmC;CAE9E,MAAM,UAAU,cAAc,gBAAgB;EAAE;EAAU;EAAM;EAAS,CAAC,EAAE;EAAC;EAAU;EAAM;EAAQ,CAAC;CAEtG,MAAM,SAAS,aAAa;CAC5B,IAAI,cAAc,aAAa,KAAK;AACpC,KAAI,SAAS,KACX,cAAa,aAAa;CAG5B,MAAM,KAAK,QAAQ,YAAY,WAAW,SAAS;CACnD,MAAM,KAAK,QAAQ,aAAa,YAAY,SAAS;CAErD,MAAM,mBACJ,CAAC,YAAY,gBACT;EACE,QAAQ;EACR;EACA;EACA,UAAU;EACV,YAAY;EACb,GACD,EAAE;CAER,MAAM,eAAe,gBAAgB;EACnC,cAAc,UAAU,IAAI,IAAI;EAChC,iBAAiB;EACjB,YAAY;EACZ,eAAe;EACf,GAAG,cAAc,SAAS;EAC3B,CAAC;AAEF,QACE,oBAAC;EAAY,OAAO;YAClB,qBAAC;GACC,WAAW,GAAG,WAAW,UAAU;GACnC,WAAW;GACR;GACU;GACb,SAAS,CAAC,WAAW,UAAU;GAC3B;GACA;GACC;GACL,GAAI;GACJ,GAAI;GACJ,GAAI;GACJ,GAAI;cAEH,SAAS,KAAK,GAAG,oBAACA,mBAAQ,MAAM,OAAQ,GAAG,MAE3C,CAAC,QACA;IACG;IAEA,SAAS,SAAS,GAAG,oBAACA;KAAQ,IAAI;KAAQ,MAAM;MAAY,GAAG;IAE/D,aAAa,YAAY,KAAK,GAAG,oBAACC;KAAc;KAAa;MAAU,GAAG;IAE1E,SAAS,UAAU,GAAG,oBAACD;KAAQ,IAAI;KAAQ,MAAM;MAAa,GAAG;IAEjE,WACC,oBAACE;KACC,cAAW;KACD;KACD;KACT,IAAI;KACJ,UAAS,MAAK,WAAW,EAAE;MAC3B,GAEF;OAED;IAEG;GACE;EAEhB;AAMF,IAAI,SAASA;AACb,IAAI,OAAOF;AACX,IAAI,OAAOC;AAEX,IAAI,cAAc"}

package/dist/tag/tag.types.d.ts

@@ -39,4 +39,5 @@ type TagInnerProps = {
 type TagProps = SystemProps & ThemingProps<'Tag'> & TagInnerProps;
 //#endregion
 export { TagInnerProps, TagProps };
+
 //# sourceMappingURL=tag.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tag.types.d.ts","names":[],"sources":["../../src/tag/tag.types.ts"],"sourcesContent":[],"mappings":"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"}
+{"version":3,"file":"tag.types.d.ts","names":[],"sources":["../../src/tag/tag.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;KAIY,aAAA;;WAED;;;EAFC;EAED,QAAA,CAAA,EAAA,OAAA;EAMF;EAAW,IAAI,CAAA,EAAf,QAAe,GAAJ,GAAA,CAAI,OAAA;EAEX;EAAW,QAAI,CAAA,EAAf,QAAe,GAAJ,GAAA,CAAI,OAAA;EAEd;EAAW,SAAI,CAAA,EAAf,QAAe,GAAJ,GAAA,CAAI,OAAA;EAQhB;EAEC,WAAM,CAAA,EAAA,OAAA;EAEyB;EAAmB,aAAA,CAAA,EAAA,OAAA;EAApC;EAEnB,OAAM,CAAA,EAAA,OAAA;EAEJ;EAAe,QAAA,CAAA,EARb,KAAA,CAAM,SAQO;EAGd;EAAW,SAAA,CAAA,EATT,KAAA,CAAM,SASG;EAAc;EAAsB,QAAA,CAAA,EAAA,CAAA,WAAA,CAAA,EAP/B,KAAA,CAAM,UAOyB,CAPd,iBAOc,EAPK,UAOL,CAAA,EAAA,GAAA,IAAA;EAAa;SAL/D,KAAA,CAAM;;WAEJ;;KAGC,QAAA,GAAW,cAAc,sBAAsB"}

package/dist/tag/tagButton.d.ts

@@ -8,4 +8,5 @@ import "../index.js";
 declare const TagButton: VuiComponent<"button", ButtonProps>;
 //#endregion
 export { TagButton };
+
 //# sourceMappingURL=tagButton.d.ts.map

package/dist/tag/tagButton.js

@@ -8,7 +8,7 @@ import { jsx } from "react/jsx-runtime";
 //#region src/tag/tagButton.tsx
 /** Displays a button within the Tag. */
 const TagButton = vui((props, ref) => {
-	const { className,...rest } = props;
+	const { className, ...rest } = props;
 	const mergedProps = {
 		...useTagContext(),
 		...props
@@ -32,5 +32,5 @@ var tagButton_default = TagButton;
 
 //#endregion
 export { TagButton, tagButton_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=tagButton.js.map

package/dist/tag/tagButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"tagButton.js","names":["Button"],"sources":["../../src/tag/tagButton.tsx"],"sourcesContent":["import type { ButtonProps } from '../button'\nimport Button from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useTagContext } from './context'\n\n/** Displays a button within the Tag. */\nexport const TagButton = vui<'button', ButtonProps>((props, ref) => {\n  const { className, ...rest } = props\n  const mergedProps = { ...useTagContext(), ...props }\n  const styles = useStyleConfig('Tag', useTagContext())\n\n  return (\n    <Button\n      borderColor=\"transparent\"\n      className={cs('vui-tagButton', className)}\n      disabled={mergedProps.disabled}\n      hoverBorderColor=\"transparent\"\n      icon=\"uiTimes\"\n      mr={-0.5}\n      ref={ref}\n      variant={mergedProps.variant}\n      {...styles.button}\n      {...rest}\n    />\n  )\n})\n\nTagButton.displayName = 'TagButton'\n\nexport default TagButton\n"],"mappings":";;;;;;;;;AAOA,MAAa,YAAY,KAA4B,OAAO,QAAQ;CAClE,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,cAAc;EAAE,GAAG,eAAe;EAAE,GAAG;EAAO;CACpD,MAAM,SAAS,eAAe,OAAO,eAAe,CAAC;AAErD,QACE,oBAACA;EACC,aAAY;EACZ,WAAW,GAAG,iBAAiB,UAAU;EACzC,UAAU,YAAY;EACtB,kBAAiB;EACjB,MAAK;EACL,IAAI;EACC;EACL,SAAS,YAAY;EACrB,GAAI,OAAO;EACX,GAAI;GACJ;EAEJ;AAEF,UAAU,cAAc;AAExB,wBAAe"}
+{"version":3,"file":"tagButton.js","names":["Button"],"sources":["../../src/tag/tagButton.tsx"],"sourcesContent":["import type { ButtonProps } from '../button'\nimport Button from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useTagContext } from './context'\n\n/** Displays a button within the Tag. */\nexport const TagButton = vui<'button', ButtonProps>((props, ref) => {\n  const { className, ...rest } = props\n  const mergedProps = { ...useTagContext(), ...props }\n  const styles = useStyleConfig('Tag', useTagContext())\n\n  return (\n    <Button\n      borderColor=\"transparent\"\n      className={cs('vui-tagButton', className)}\n      disabled={mergedProps.disabled}\n      hoverBorderColor=\"transparent\"\n      icon=\"uiTimes\"\n      mr={-0.5}\n      ref={ref}\n      variant={mergedProps.variant}\n      {...styles.button}\n      {...rest}\n    />\n  )\n})\n\nTagButton.displayName = 'TagButton'\n\nexport default TagButton\n"],"mappings":";;;;;;;;;AAOA,MAAa,YAAY,KAA4B,OAAO,QAAQ;CAClE,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,cAAc;EAAE,GAAG,eAAe;EAAE,GAAG;EAAO;CACpD,MAAM,SAAS,eAAe,OAAO,eAAe,CAAC;AAErD,QACE,oBAACA;EACC,aAAY;EACZ,WAAW,GAAG,iBAAiB,UAAU;EACzC,UAAU,YAAY;EACtB,kBAAiB;EACjB,MAAK;EACL,IAAI;EACC;EACL,SAAS,YAAY;EACrB,GAAI,OAAO;EACX,GAAI;GACJ;EAEJ;AAEF,UAAU,cAAc;AAExB,wBAAe"}

package/dist/tag/tagIcon.d.ts

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

package/dist/tag/tagIcon.js

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

package/dist/tag/tagIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"tagIcon.js","names":["Icon"],"sources":["../../src/tag/tagIcon.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { IconProps } from '../icon'\nimport Icon from '../icon'\nimport { cs } from '../utils'\nimport { useTagContext } from './context'\n\n/** Displays an icon within the Tag. */\nexport const TagIcon = vui<'svg', IconProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Tag', useTagContext())\n\n  return <Icon className={cs('vui-tagIcon', className)} ref={ref} {...styles.icon} {...rest} />\n})\n\nTagIcon.displayName = 'TagIcon'\nexport default TagIcon\n"],"mappings":";;;;;;;;;AAOA,MAAa,UAAU,KAAuB,OAAO,QAAQ;CAC3D,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,OAAO,eAAe,CAAC;AAErD,QAAO,oBAACA;EAAK,WAAW,GAAG,eAAe,UAAU;EAAO;EAAK,GAAI,OAAO;EAAM,GAAI;GAAQ;EAC7F;AAEF,QAAQ,cAAc;AACtB,sBAAe"}
+{"version":3,"file":"tagIcon.js","names":["Icon"],"sources":["../../src/tag/tagIcon.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { IconProps } from '../icon'\nimport Icon from '../icon'\nimport { cs } from '../utils'\nimport { useTagContext } from './context'\n\n/** Displays an icon within the Tag. */\nexport const TagIcon = vui<'svg', IconProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Tag', useTagContext())\n\n  return <Icon className={cs('vui-tagIcon', className)} ref={ref} {...styles.icon} {...rest} />\n})\n\nTagIcon.displayName = 'TagIcon'\nexport default TagIcon\n"],"mappings":";;;;;;;;;AAOA,MAAa,UAAU,KAAuB,OAAO,QAAQ;CAC3D,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,OAAO,eAAe,CAAC;AAErD,QAAO,oBAACA;EAAK,WAAW,GAAG,eAAe,UAAU;EAAO;EAAK,GAAI,OAAO;EAAM,GAAI;GAAQ;EAC7F;AAEF,QAAQ,cAAc;AACtB,sBAAe"}

package/dist/tag/tagText.d.ts

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

package/dist/tag/tagText.js

@@ -8,7 +8,7 @@ import { jsx } from "react/jsx-runtime";
 //#region src/tag/tagText.tsx
 /** Displays text within the Tag. */
 const TagText = vui((props, ref) => {
-	const { className,...rest } = props;
+	const { className, ...rest } = props;
 	const styles = useStyleConfig("Tag", useTagContext());
 	return /* @__PURE__ */ jsx(t_default, {
 		className: cs("vui-tagText", className),
@@ -23,5 +23,5 @@ var tagText_default = TagText;
 
 //#endregion
 export { TagText, tagText_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=tagText.js.map

package/dist/tag/tagText.js.map

@@ -1 +1 @@
-{"version":3,"file":"tagText.js","names":["T"],"sources":["../../src/tag/tagText.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { TProps } from '../t'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useTagContext } from './context'\n\n/** Displays text within the Tag. */\nexport const TagText = vui<'span', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Tag', useTagContext())\n\n  return <T className={cs('vui-tagText', className)} fontSize=\"inherit\" ref={ref} {...styles.text} {...rest} />\n})\n\nTagText.displayName = 'TagText'\n\nexport default TagText\n"],"mappings":";;;;;;;;;AAOA,MAAa,UAAU,KAAqB,OAAO,QAAQ;CACzD,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,OAAO,eAAe,CAAC;AAErD,QAAO,oBAACA;EAAE,WAAW,GAAG,eAAe,UAAU;EAAE,UAAS;EAAe;EAAK,GAAI,OAAO;EAAM,GAAI;GAAQ;EAC7G;AAEF,QAAQ,cAAc;AAEtB,sBAAe"}
+{"version":3,"file":"tagText.js","names":["T"],"sources":["../../src/tag/tagText.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { TProps } from '../t'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useTagContext } from './context'\n\n/** Displays text within the Tag. */\nexport const TagText = vui<'span', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Tag', useTagContext())\n\n  return <T className={cs('vui-tagText', className)} fontSize=\"inherit\" ref={ref} {...styles.text} {...rest} />\n})\n\nTagText.displayName = 'TagText'\n\nexport default TagText\n"],"mappings":";;;;;;;;;AAOA,MAAa,UAAU,KAAqB,OAAO,QAAQ;CACzD,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,OAAO,eAAe,CAAC;AAErD,QAAO,oBAACA;EAAE,WAAW,GAAG,eAAe,UAAU;EAAE,UAAS;EAAe;EAAK,GAAI,OAAO;EAAM,GAAI;GAAQ;EAC7G;AAEF,QAAQ,cAAc;AAEtB,sBAAe"}

package/dist/tag/theme.js

@@ -225,5 +225,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/textarea/helpers.js

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

package/dist/textarea/index.d.ts

@@ -1,2 +1,2 @@
 import { TextareaProps } from "./textarea.types.js";
-import { Textarea, TextareaBase } from "./textarea.js";
+import { Textarea, TextareaBase } from "./textarea.js";

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_components447 from "styled-components";
+import * as styled_components37 from "styled-components";
 
 //#region src/textarea/textarea.d.ts
-declare const TextareaBase: styled_components447.StyledComponent<"div", styled_components447.DefaultTheme, SystemProps, never>;
+declare const TextareaBase: styled_components37.StyledComponent<"div", styled_components37.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.
@@ -13,4 +13,5 @@ declare const TextareaBase: styled_components447.StyledComponent<"div", styled_c
 declare const Textarea: VuiComponent<"div", TextareaProps>;
 //#endregion
 export { Textarea, TextareaBase };
+
 //# sourceMappingURL=textarea.d.ts.map

package/dist/textarea/textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","names":[],"sources":["../../src/textarea/textarea.tsx"],"sourcesContent":[],"mappings":";;;;;;;cA8Ba,cAAY,oBAAA,CAAA,uBAKxB,oBAAA,CALwB,YAAA,CAAA,CAAA,WAAA,CAAA;;;;;cAWZ,UAAQ,oBAAA"}
+{"version":3,"file":"textarea.d.ts","names":[],"sources":["../../src/textarea/textarea.tsx"],"sourcesContent":[],"mappings":";;;;;;;cA8Ba,cAAY,mBAAA,CAAA,uBAKxB,mBAAA,CALwB,YAAA,EAAA,WAAA;;;;;cAWZ,UAAQ,oBAAA"}

package/dist/textarea/textarea.js

@@ -42,7 +42,7 @@ const TextareaBase = styled.divBox`
 * Forwards many relevant props to the inner textarea. Exposes some props to the children via context.
 */
 const Textarea = vui((props, ref) => {
-	const { autoFocus, ariaLabel, className, colorScheme: colorSchemeProp, cols, defaultValue, disabled, errorText, id: idProp, helpText, label, labelMarkOptional, labelTooltipText, maxLength, name, onBlur, onChange: onChangeProp, onFocus, placeholder, readOnly, required, resize = "none", rows, showCount, textareaProps = {}, textareaRef, value,...rest } = omitThemingProps(props);
+	const { autoFocus, ariaLabel, className, colorScheme: colorSchemeProp, cols, defaultValue, disabled, errorText, id: idProp, helpText, label, labelMarkOptional, labelTooltipText, maxLength, name, onBlur, onChange: onChangeProp, onFocus, placeholder, readOnly, required, resize = "none", rows, showCount, textareaProps = {}, textareaRef, value, ...rest } = omitThemingProps(props);
 	const generatedId = useId();
 	const [count, setCount] = useState(getInitialCount(props));
 	const [valueInternal, setValueInternal] = useState(defaultValue);
@@ -139,5 +139,5 @@ Textarea.displayName = "Textarea";
 
 //#endregion
 export { Textarea, TextareaBase };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=textarea.js.map

package/dist/textarea/textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.js","names":["T","HelpText"],"sources":["../../src/textarea/textarea.tsx"],"sourcesContent":["import { useEffect, useId, useState } from 'react'\n\nimport { Box, Label } from '..'\nimport { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport { helpTextMargin, helpTextSize, inputColors } from '../input/consts'\nimport HelpText from '../input/helpText'\nimport T from '../t'\nimport type { ChangeEvent } from '../utils'\nimport { cs, filterUndefined, isString } from '../utils'\nimport { getInitialCount } from './helpers'\nimport type { TextareaProps } from './textarea.types'\n\nconst TextareaTextarea = styled.textareaBox`\n  border-radius: none;\n  border-width: 1px;\n  outline: none;\n  padding: 1;\n  resize: none;\n  min-height: 80px;\n  transition-duration: fast;\n  width: 100%;\n\n  &[aria-disabled='true'] {\n    opacity: 0.5;\n    cursor: not-allowed;\n    background-color: sandstone.79;\n    border-color: sandstone.79;\n  }\n`\n\nexport const TextareaBase = styled.divBox`\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n`\n\n/**\n * Displays a textarea element wrapped in a div to allow extra content, like counter.\n * Forwards many relevant props to the inner textarea. Exposes some props to the children via context.\n */\nexport const Textarea = vui<'div', TextareaProps>((props, ref) => {\n  const {\n    autoFocus,\n    ariaLabel,\n    className,\n    colorScheme: colorSchemeProp,\n    cols,\n    defaultValue,\n    disabled,\n    errorText,\n    id: idProp,\n    helpText,\n    label,\n    labelMarkOptional,\n    labelTooltipText,\n    maxLength,\n    name,\n    onBlur,\n    onChange: onChangeProp,\n    onFocus,\n    placeholder,\n    readOnly,\n    required,\n    resize = 'none',\n    rows,\n    showCount,\n    textareaProps = {},\n    textareaRef,\n    value,\n    ...rest\n  } = omitThemingProps(props)\n\n  const generatedId = useId()\n  const [count, setCount] = useState(getInitialCount(props))\n  const [valueInternal, setValueInternal] = useState(defaultValue)\n\n  const id = idProp || generatedId\n\n  const styles = useStyleConfig('Textarea', props)\n\n  function onChange(e: ChangeEvent<HTMLTextAreaElement>) {\n    setValueInternal(e.target.value)\n    setCount(e.target.value.length)\n    onChangeProp?.(e)\n  }\n\n  const aliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n  })\n\n  const textareaAliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n    'aria-label': ariaLabel,\n    bg: readOnly ? 'sandstone.97' : undefined,\n    borderColor: readOnly ? 'sandstone.55' : undefined,\n    focusWithinBorderColor: !readOnly ? 'transparent' : undefined,\n    focusWithinRingColor: readOnly ? 'transparent' : undefined,\n  })\n\n  useEffect(() => {\n    setValueInternal(value)\n    setCount(value?.toString()?.length ? `${value}`.length : 0)\n  }, [value])\n\n  return (\n    <Box className=\"vui-textareaContainer\" column ref={ref} {...rest}>\n      {isString(label) ? (\n        <Label\n          aria-disabled={disabled}\n          className=\"vui-textareaLabel\"\n          htmlFor={id}\n          markAsOptional={labelMarkOptional}\n          mb={0.5}\n          text={label}\n          tooltipText={labelTooltipText}\n          {...styles.label}\n        />\n      ) : (\n        label\n      )}\n      <TextareaBase className={cs('vui-textarea', className)} {...styles.container} {...aliasedProps}>\n        <TextareaTextarea\n          className=\"vui-textareaTextarea\"\n          ref={textareaRef}\n          {...{\n            autoFocus,\n            cols,\n            defaultValue,\n            disabled,\n            id,\n            maxLength,\n            name,\n            onBlur,\n            onChange,\n            onFocus,\n            placeholder,\n            readOnly,\n            required,\n            resize,\n            rows,\n          }}\n          value={valueInternal}\n          {...styles.textarea}\n          {...textareaAliasedProps}\n          {...textareaProps}\n        />\n\n        {showCount && (\n          <T\n            className=\"vui-textareaCount\"\n            color={maxLength && count > maxLength ? inputColors.error : inputColors.helpText}\n            position=\"absolute\"\n            right={0}\n            size=\"sm\"\n            top=\"calc(100% + 1px)\"\n          >\n            {count} {maxLength ? `/ ${maxLength}` : null}\n          </T>\n        )}\n      </TextareaBase>\n      {!!helpText && <HelpText size={helpTextSize['lg']}>{helpText}</HelpText>}\n      {!!errorText && (\n        <HelpText isError mr={showCount ? helpTextMargin : undefined} size={helpTextSize['lg']}>\n          {errorText}\n        </HelpText>\n      )}\n    </Box>\n  )\n})\n\nTextarea.displayName = 'Textarea'\n\nexport default Textarea\n"],"mappings":";;;;;;;;;;;;;;;;AAYA,MAAM,mBAAmB,OAAO,WAAW;;;;;;;;;;;;;;;;;AAkB3C,MAAa,eAAe,OAAO,MAAM;;;;;;;;;;AAWzC,MAAa,WAAW,KAA2B,OAAO,QAAQ;CAChE,MAAM,EACJ,WACA,WACA,WACA,aAAa,iBACb,MACA,cACA,UACA,WACA,IAAI,QACJ,UACA,OACA,mBACA,kBACA,WACA,MACA,QACA,UAAU,cACV,SACA,aACA,UACA,UACA,SAAS,QACT,MACA,WACA,gBAAgB,EAAE,EAClB,aACA,MACA,GAAG,SACD,iBAAiB,MAAM;CAE3B,MAAM,cAAc,OAAO;CAC3B,MAAM,CAAC,OAAO,YAAY,SAAS,gBAAgB,MAAM,CAAC;CAC1D,MAAM,CAAC,eAAe,oBAAoB,SAAS,aAAa;CAEhE,MAAM,KAAK,UAAU;CAErB,MAAM,SAAS,eAAe,YAAY,MAAM;CAEhD,SAAS,SAAS,GAAqC;AACrD,mBAAiB,EAAE,OAAO,MAAM;AAChC,WAAS,EAAE,OAAO,MAAM,OAAO;AAC/B,iBAAe,EAAE;;CAGnB,MAAM,eAAe,gBAAgB,EACnC,iBAAiB,UAClB,CAAC;CAEF,MAAM,uBAAuB,gBAAgB;EAC3C,iBAAiB;EACjB,cAAc;EACd,IAAI,WAAW,iBAAiB;EAChC,aAAa,WAAW,iBAAiB;EACzC,wBAAwB,CAAC,WAAW,gBAAgB;EACpD,sBAAsB,WAAW,gBAAgB;EAClD,CAAC;AAEF,iBAAgB;AACd,mBAAiB,MAAM;AACvB,WAAS,OAAO,UAAU,EAAE,SAAS,GAAG,QAAQ,SAAS,EAAE;IAC1D,CAAC,MAAM,CAAC;AAEX,QACE,qBAAC;EAAI,WAAU;EAAwB;EAAY;EAAK,GAAI;;GACzD,SAAS,MAAM,GACd,oBAAC;IACC,iBAAe;IACf,WAAU;IACV,SAAS;IACT,gBAAgB;IAChB,IAAI;IACJ,MAAM;IACN,aAAa;IACb,GAAI,OAAO;KACX,GAEF;GAEF,qBAAC;IAAa,WAAW,GAAG,gBAAgB,UAAU;IAAE,GAAI,OAAO;IAAW,GAAI;eAChF,oBAAC;KACC,WAAU;KACV,KAAK;KAEH;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KAEF,OAAO;KACP,GAAI,OAAO;KACX,GAAI;KACJ,GAAI;MACJ,EAED,aACC,qBAACA;KACC,WAAU;KACV,OAAO,aAAa,QAAQ,YAAY,YAAY,QAAQ,YAAY;KACxE,UAAS;KACT,OAAO;KACP,MAAK;KACL,KAAI;;MAEH;MAAM;MAAE,YAAY,KAAK,cAAc;;MACtC;KAEO;GACd,CAAC,CAAC,YAAY,oBAACC;IAAS,MAAM,aAAa;cAAQ;KAAoB;GACvE,CAAC,CAAC,aACD,oBAACA;IAAS;IAAQ,IAAI,YAAY,iBAAiB;IAAW,MAAM,aAAa;cAC9E;KACQ;;GAET;EAER;AAEF,SAAS,cAAc"}
+{"version":3,"file":"textarea.js","names":["T","HelpText"],"sources":["../../src/textarea/textarea.tsx"],"sourcesContent":["import { useEffect, useId, useState } from 'react'\n\nimport { Box, Label } from '..'\nimport { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport { helpTextMargin, helpTextSize, inputColors } from '../input/consts'\nimport HelpText from '../input/helpText'\nimport T from '../t'\nimport type { ChangeEvent } from '../utils'\nimport { cs, filterUndefined, isString } from '../utils'\nimport { getInitialCount } from './helpers'\nimport type { TextareaProps } from './textarea.types'\n\nconst TextareaTextarea = styled.textareaBox`\n  border-radius: none;\n  border-width: 1px;\n  outline: none;\n  padding: 1;\n  resize: none;\n  min-height: 80px;\n  transition-duration: fast;\n  width: 100%;\n\n  &[aria-disabled='true'] {\n    opacity: 0.5;\n    cursor: not-allowed;\n    background-color: sandstone.79;\n    border-color: sandstone.79;\n  }\n`\n\nexport const TextareaBase = styled.divBox`\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n`\n\n/**\n * Displays a textarea element wrapped in a div to allow extra content, like counter.\n * Forwards many relevant props to the inner textarea. Exposes some props to the children via context.\n */\nexport const Textarea = vui<'div', TextareaProps>((props, ref) => {\n  const {\n    autoFocus,\n    ariaLabel,\n    className,\n    colorScheme: colorSchemeProp,\n    cols,\n    defaultValue,\n    disabled,\n    errorText,\n    id: idProp,\n    helpText,\n    label,\n    labelMarkOptional,\n    labelTooltipText,\n    maxLength,\n    name,\n    onBlur,\n    onChange: onChangeProp,\n    onFocus,\n    placeholder,\n    readOnly,\n    required,\n    resize = 'none',\n    rows,\n    showCount,\n    textareaProps = {},\n    textareaRef,\n    value,\n    ...rest\n  } = omitThemingProps(props)\n\n  const generatedId = useId()\n  const [count, setCount] = useState(getInitialCount(props))\n  const [valueInternal, setValueInternal] = useState(defaultValue)\n\n  const id = idProp || generatedId\n\n  const styles = useStyleConfig('Textarea', props)\n\n  function onChange(e: ChangeEvent<HTMLTextAreaElement>) {\n    setValueInternal(e.target.value)\n    setCount(e.target.value.length)\n    onChangeProp?.(e)\n  }\n\n  const aliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n  })\n\n  const textareaAliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n    'aria-label': ariaLabel,\n    bg: readOnly ? 'sandstone.97' : undefined,\n    borderColor: readOnly ? 'sandstone.55' : undefined,\n    focusWithinBorderColor: !readOnly ? 'transparent' : undefined,\n    focusWithinRingColor: readOnly ? 'transparent' : undefined,\n  })\n\n  useEffect(() => {\n    setValueInternal(value)\n    setCount(value?.toString()?.length ? `${value}`.length : 0)\n  }, [value])\n\n  return (\n    <Box className=\"vui-textareaContainer\" column ref={ref} {...rest}>\n      {isString(label) ? (\n        <Label\n          aria-disabled={disabled}\n          className=\"vui-textareaLabel\"\n          htmlFor={id}\n          markAsOptional={labelMarkOptional}\n          mb={0.5}\n          text={label}\n          tooltipText={labelTooltipText}\n          {...styles.label}\n        />\n      ) : (\n        label\n      )}\n      <TextareaBase className={cs('vui-textarea', className)} {...styles.container} {...aliasedProps}>\n        <TextareaTextarea\n          className=\"vui-textareaTextarea\"\n          ref={textareaRef}\n          {...{\n            autoFocus,\n            cols,\n            defaultValue,\n            disabled,\n            id,\n            maxLength,\n            name,\n            onBlur,\n            onChange,\n            onFocus,\n            placeholder,\n            readOnly,\n            required,\n            resize,\n            rows,\n          }}\n          value={valueInternal}\n          {...styles.textarea}\n          {...textareaAliasedProps}\n          {...textareaProps}\n        />\n\n        {showCount && (\n          <T\n            className=\"vui-textareaCount\"\n            color={maxLength && count > maxLength ? inputColors.error : inputColors.helpText}\n            position=\"absolute\"\n            right={0}\n            size=\"sm\"\n            top=\"calc(100% + 1px)\"\n          >\n            {count} {maxLength ? `/ ${maxLength}` : null}\n          </T>\n        )}\n      </TextareaBase>\n      {!!helpText && <HelpText size={helpTextSize['lg']}>{helpText}</HelpText>}\n      {!!errorText && (\n        <HelpText isError mr={showCount ? helpTextMargin : undefined} size={helpTextSize['lg']}>\n          {errorText}\n        </HelpText>\n      )}\n    </Box>\n  )\n})\n\nTextarea.displayName = 'Textarea'\n\nexport default Textarea\n"],"mappings":";;;;;;;;;;;;;;;;AAYA,MAAM,mBAAmB,OAAO,WAAW;;;;;;;;;;;;;;;;;AAkB3C,MAAa,eAAe,OAAO,MAAM;;;;;;;;;;AAWzC,MAAa,WAAW,KAA2B,OAAO,QAAQ;CAChE,MAAM,EACJ,WACA,WACA,WACA,aAAa,iBACb,MACA,cACA,UACA,WACA,IAAI,QACJ,UACA,OACA,mBACA,kBACA,WACA,MACA,QACA,UAAU,cACV,SACA,aACA,UACA,UACA,SAAS,QACT,MACA,WACA,gBAAgB,EAAE,EAClB,aACA,OACA,GAAG,SACD,iBAAiB,MAAM;CAE3B,MAAM,cAAc,OAAO;CAC3B,MAAM,CAAC,OAAO,YAAY,SAAS,gBAAgB,MAAM,CAAC;CAC1D,MAAM,CAAC,eAAe,oBAAoB,SAAS,aAAa;CAEhE,MAAM,KAAK,UAAU;CAErB,MAAM,SAAS,eAAe,YAAY,MAAM;CAEhD,SAAS,SAAS,GAAqC;AACrD,mBAAiB,EAAE,OAAO,MAAM;AAChC,WAAS,EAAE,OAAO,MAAM,OAAO;AAC/B,iBAAe,EAAE;;CAGnB,MAAM,eAAe,gBAAgB,EACnC,iBAAiB,UAClB,CAAC;CAEF,MAAM,uBAAuB,gBAAgB;EAC3C,iBAAiB;EACjB,cAAc;EACd,IAAI,WAAW,iBAAiB;EAChC,aAAa,WAAW,iBAAiB;EACzC,wBAAwB,CAAC,WAAW,gBAAgB;EACpD,sBAAsB,WAAW,gBAAgB;EAClD,CAAC;AAEF,iBAAgB;AACd,mBAAiB,MAAM;AACvB,WAAS,OAAO,UAAU,EAAE,SAAS,GAAG,QAAQ,SAAS,EAAE;IAC1D,CAAC,MAAM,CAAC;AAEX,QACE,qBAAC;EAAI,WAAU;EAAwB;EAAY;EAAK,GAAI;;GACzD,SAAS,MAAM,GACd,oBAAC;IACC,iBAAe;IACf,WAAU;IACV,SAAS;IACT,gBAAgB;IAChB,IAAI;IACJ,MAAM;IACN,aAAa;IACb,GAAI,OAAO;KACX,GAEF;GAEF,qBAAC;IAAa,WAAW,GAAG,gBAAgB,UAAU;IAAE,GAAI,OAAO;IAAW,GAAI;eAChF,oBAAC;KACC,WAAU;KACV,KAAK;KAEH;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KAEF,OAAO;KACP,GAAI,OAAO;KACX,GAAI;KACJ,GAAI;MACJ,EAED,aACC,qBAACA;KACC,WAAU;KACV,OAAO,aAAa,QAAQ,YAAY,YAAY,QAAQ,YAAY;KACxE,UAAS;KACT,OAAO;KACP,MAAK;KACL,KAAI;;MAEH;MAAM;MAAE,YAAY,KAAK,cAAc;;MACtC;KAEO;GACd,CAAC,CAAC,YAAY,oBAACC;IAAS,MAAM,aAAa;cAAQ;KAAoB;GACvE,CAAC,CAAC,aACD,oBAACA;IAAS;IAAQ,IAAI,YAAY,iBAAiB;IAAW,MAAM,aAAa;cAC9E;KACQ;;GAET;EAER;AAEF,SAAS,cAAc"}

package/dist/textarea/textarea.types.d.ts

@@ -61,4 +61,5 @@ type TextareaProps = SystemProps & ThemingProps<'Textarea'> & {
 };
 //#endregion
 export { TextareaProps };
+
 //# sourceMappingURL=textarea.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"textarea.types.d.ts","names":[],"sources":["../../src/textarea/textarea.types.ts"],"sourcesContent":[],"mappings":";;;;;;;KAIY,aAAA,CAAA,CAAA,CAAgB,cAC1B;;;;EADU,SAAA,CAAA,CAAA,CAAA,MAAa;EAAG,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,GAAA,CAAA,QAAA,CAAA,GAAA,CAAA,IAAA,CAAA,SAAA,CAAA,CAAA,CAAA;EAC1B,QAAA,CAAA,CAAA,CAAA,KAAA;EAgBuB,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,MAAA,CAAA,GAAA,CAAA,OAAA,CAAA,OAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA;EAEV,WAAM,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA;EAIA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,KAAA,CAAA,CAAA,CAAA;EAUU,IAAA,CAAA,CAAA,CAAA,MAAA;EAAlB,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,KAAA,CAAA,CAAA,CAAA;EAEqB,YAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,MAAA;EAAnB,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,KAAA,CAAA,CAAA,CAAA;EAEiB,QAAA,CAAA,CAAA,CAAA,OAAA;EAAlB,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,UAAA,CAAA,KAAA,CAAA,IAAA,CAAA,KAAA,CAAA,EAAA,CAAA,KAAA,CAAA,CAAA,CAAA;EAY0B,SAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAhCf,KAAA,CAAM,SAgCS;EAApB,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,UAAA,CAAA,IAAA,CAAA,IAAA,CAAA,KAAA,CAAA,EAAA,CAAA,KAAA,CAAA,CAAA,CAAA;EAEqB,QAAA,CAAA,CAAA,CAhC1B,KAAA,CAAM,SAgCoB,CAAA,CAAA,CAAA,MAAA;EAAvB,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,MAAA,CAAA,GAAA,CAAA,OAAA,CAAA,CAAA,GAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,UAAA,CAAA;EAAsB,SAAA,CAAA,CAAA,CAAA,OAAA;;mBA5BnB,KAAA,CAAM;;;;;;;;;;WAUd,kBAAkB;;aAEhB,mBAAmB;;YAEpB,kBAAkB;;;;;;;;;;;;kBAYZ,oBAAoB;;gBAEtB,KAAA,CAAM,iBAAiB"}
+{"version":3,"file":"textarea.types.d.ts","names":[],"sources":["../../src/textarea/textarea.types.ts"],"sourcesContent":[],"mappings":";;;;;;;KAIY,aAAA,GAAgB,cAC1B;;;;EADU,SAAA,CAAA,EAAA,MAAa;EAAG;EAC1B,QAAA,CAAA,EAAA,KAAA;EAgBuB;EAEV,WAAM,CAAA,EAAA,OAAA,GAAA,MAAA,GAAA,KAAA;EAIA;EAUU,IAAA,CAAA,EAAA,MAAA;EAAlB;EAEqB,YAAA,CAAA,EAAA,MAAA,GAAA,MAAA;EAAnB;EAEiB,QAAA,CAAA,EAAA,OAAA;EAAlB;EAY0B,SAAA,CAAA,EAAA,MAAA,GAhCf,KAAA,CAAM,SAgCS;EAApB;EAEqB,QAAA,CAAA,EAhC1B,KAAA,CAAM,SAgCoB,GAAA,MAAA;EAAvB;EAAsB,SAAA,CAAA,EAAA,OAAA;;mBA5BnB,KAAA,CAAM;;;;;;;;;;WAUd,kBAAkB;;aAEhB,mBAAmB;;YAEpB,kBAAkB;;;;;;;;;;;;kBAYZ,oBAAoB;;gBAEtB,KAAA,CAAM,iBAAiB"}

package/dist/textarea/theme.js

@@ -39,5 +39,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/theme/components.d.ts

@@ -2984,4 +2984,5 @@ declare const _default: {
 };
 //#endregion
 export { _default };
+
 //# sourceMappingURL=components.d.ts.map

package/dist/theme/components.js

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

package/dist/theme/defaultTheme.d.ts

@@ -3497,4 +3497,5 @@ declare const defaultTheme: {
 };
 //#endregion
 export { defaultTheme };
+
 //# sourceMappingURL=defaultTheme.d.ts.map

package/dist/theme/defaultTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaultTheme.d.ts","names":[],"sources":["../../src/theme/defaultTheme.ts"],"sourcesContent":[],"mappings":";cAGM;EAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"defaultTheme.d.ts","names":[],"sources":["../../src/theme/defaultTheme.ts"],"sourcesContent":[],"mappings":";cAGM;EAAA,UAAA,EAAA"}

package/dist/theme/defaultTheme.js

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

package/dist/theme/foundations/animations.d.ts

@@ -15,4 +15,5 @@ declare const _default: {
 };
 //#endregion
 export { _default };
+
 //# sourceMappingURL=animations.d.ts.map

package/dist/theme/foundations/animations.js

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

package/dist/theme/foundations/borders.d.ts

@@ -2,4 +2,5 @@
 declare const _default: {};
 //#endregion
 export { _default };
+
 //# sourceMappingURL=borders.d.ts.map

package/dist/theme/foundations/borders.js

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

package/dist/theme/foundations/colors.d.ts

@@ -399,4 +399,5 @@ declare const _default: {
 };
 //#endregion
 export { _default };
+
 //# sourceMappingURL=colors.d.ts.map

package/dist/theme/foundations/colors.js

@@ -480,5 +480,5 @@ var colors_default = {
 
 //#endregion
 export { darkBlue, colors_default as default, energyRed, grey, landGreen };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=colors.js.map

package/dist/theme/foundations/durations.d.ts

@@ -7,4 +7,5 @@ declare const _default: {
 };
 //#endregion
 export { _default };
+
 //# sourceMappingURL=durations.d.ts.map