@veracity/vui 3.2.0 → 4.0.0-alpha.366771.2601090922

package/dist/table/useTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTable.js","names":["sortOrders: SortOrder[]","defaultSortOrder: SortOrder"],"sources":["../../src/table/useTable.ts"],"sourcesContent":["import type { SortOrder } from '../utils'\nimport { useCallbackRef, useControlled } from '../utils'\nimport type { UseTableProps } from './useTable.types'\n\nconst sortOrders: SortOrder[] = ['asc', 'desc', null]\nconst defaultSortOrder: SortOrder = sortOrders[0]\n\nfunction getNextOrder(order: SortOrder) {\n  const next = sortOrders.indexOf(order) + 1\n  return sortOrders[next] !== undefined ? sortOrders[next] : defaultSortOrder\n}\n\n/** Handles controlled/uncontrolled sort of the Table rows. */\nexport default function useTable(props: UseTableProps) {\n  const { defaultSort = { key: '', order: defaultSortOrder }, onSortChange: onSortChangeProp, sort: value } = props\n  const [sort, onChange, { isControlled }] = useControlled({\n    defaultValue: defaultSort,\n    onChange: onSortChangeProp,\n    value,\n  })\n\n  const onSortChange = useCallbackRef((key: string) => {\n    const order = sort.key === key ? getNextOrder(sort.order) : defaultSortOrder\n    onChange({ key, order })\n  })\n\n  return { isControlled, onSortChange, sort }\n}\n\nexport type UseTableReturnType = ReturnType<typeof useTable>\n"],"mappings":";;;AAIA,MAAMA,aAA0B;CAAC;CAAO;CAAQ;CAAK;AACrD,MAAMC,mBAA8B,WAAW;AAE/C,SAAS,aAAa,OAAkB;CACtC,MAAM,OAAO,WAAW,QAAQ,MAAM,GAAG;AACzC,QAAO,WAAW,UAAU,SAAY,WAAW,QAAQ;;;AAI7D,SAAwB,SAAS,OAAsB;CACrD,MAAM,EAAE,cAAc;EAAE,KAAK;EAAI,OAAO;EAAkB,EAAE,cAAc,kBAAkB,MAAM,UAAU;CAC5G,MAAM,CAAC,MAAM,UAAU,EAAE,kBAAkB,cAAc;EACvD,cAAc;EACd,UAAU;EACV;EACD,CAAC;AAOF,QAAO;EAAE;EAAc,cALF,gBAAgB,QAAgB;AAEnD,YAAS;IAAE;IAAK,OADF,KAAK,QAAQ,MAAM,aAAa,KAAK,MAAM,GAAG;IACrC,CAAC;IACxB;EAEmC;EAAM"}
+{"version":3,"file":"useTable.js","names":["sortOrders: SortOrder[]","defaultSortOrder: SortOrder"],"sources":["../../src/table/useTable.ts"],"sourcesContent":["import type { SortOrder } from '../utils'\nimport { useCallbackRef, useControlled } from '../utils'\nimport type { UseTableProps } from './useTable.types'\n\nconst sortOrders: SortOrder[] = ['asc', 'desc', null]\nconst defaultSortOrder: SortOrder = sortOrders[0]\n\nfunction getNextOrder(order: SortOrder) {\n  const next = sortOrders.indexOf(order) + 1\n  return sortOrders[next] !== undefined ? sortOrders[next] : defaultSortOrder\n}\n\n/** Handles controlled/uncontrolled sort of the Table rows. */\nexport default function useTable(props: UseTableProps) {\n  const { defaultSort = { key: '', order: defaultSortOrder }, onSortChange: onSortChangeProp, sort: value } = props\n  const [sort, onChange, { isControlled }] = useControlled({\n    defaultValue: defaultSort,\n    onChange: onSortChangeProp,\n    value,\n  })\n\n  const onSortChange = useCallbackRef((key: string) => {\n    const order = sort.key === key ? getNextOrder(sort.order) : defaultSortOrder\n    onChange({ key, order })\n  })\n\n  return { isControlled, onSortChange, sort }\n}\n\nexport type UseTableReturnType = ReturnType<typeof useTable>\n"],"mappings":";;;;AAIA,MAAMA,aAA0B;CAAC;CAAO;CAAQ;CAAK;AACrD,MAAMC,mBAA8B,WAAW;AAE/C,SAAS,aAAa,OAAkB;CACtC,MAAM,OAAO,WAAW,QAAQ,MAAM,GAAG;AACzC,QAAO,WAAW,UAAU,SAAY,WAAW,QAAQ;;;AAI7D,SAAwB,SAAS,OAAsB;CACrD,MAAM,EAAE,cAAc;EAAE,KAAK;EAAI,OAAO;EAAkB,EAAE,cAAc,kBAAkB,MAAM,UAAU;CAC5G,MAAM,CAAC,MAAM,UAAU,EAAE,kBAAkB,cAAc;EACvD,cAAc;EACd,UAAU;EACV;EACD,CAAC;AAOF,QAAO;EAAE;EAAc,cALF,gBAAgB,QAAgB;AAEnD,YAAS;IAAE;IAAK,OADF,KAAK,QAAQ,MAAM,aAAa,KAAK,MAAM,GAAG;IACrC,CAAC;IACxB;EAEmC;EAAM"}

package/dist/table/useTable.types.d.ts

@@ -12,4 +12,5 @@ type UseTableProps = {
 };
 //#endregion
 export { UseTableProps };
+
 //# sourceMappingURL=useTable.types.d.ts.map

package/dist/table/useTable.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTable.types.d.ts","names":[],"sources":["../../src/table/useTable.types.ts"],"sourcesContent":[],"mappings":";;;;KAEY,aAAA,CAAA,CAAA;;gBAEI;EAFJ,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,MAAA,CAAA,IAAA,CAAA,OAAA,CAAA,KAAA,CAAA,IAAA,CAAA,IAAA,CAAA,OAAA,CAAA,CAAA,CAAA;EAEI,YAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAEQ,IAFR,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAEQ,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,KAAA,CAAA,EAAA,CAAA,UAAA,CAAA,IAAA,CAAA,CAAA,CAAA;EAEf,IAAA,CAAA,CAAA,CAAA,IAAA;CAAI"}
+{"version":3,"file":"useTable.types.d.ts","names":[],"sources":["../../src/table/useTable.types.ts"],"sourcesContent":[],"mappings":";;;;KAEY,aAAA;;gBAEI;EAFJ;EAEI,YAAA,CAAA,EAAA,CAAA,IAAA,EAEQ,IAFR,EAAA,GAAA,IAAA;EAEQ;EAEf,IAAA,CAAA,EAAA,IAAA;CAAI"}

package/dist/tabs/consts.js

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

package/dist/tabs/index.d.ts

@@ -1,3 +1,3 @@
 import { AnimationDirection, NavBarIconSize, TabIndexProps, TabNavBarProps, TabProps, TabsProps, TabsSize } from "./tabs.types.js";
 import { Tabs, TabsBase } from "./tabs.js";
-import { Tab, TabBase } from "./tab.js";
+import { Tab, TabBase } from "./tab.js";

package/dist/tabs/index.js

@@ -0,0 +1,4 @@
+import { Tab, TabBase } from "./tab.js";
+import { Tabs, TabsBase } from "./tabs.js";
+
+globalThis.__vuiVersion__ = "4.0.0-beta.1"

package/dist/tabs/tab.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"tab.d.ts","names":[],"sources":["../../src/tabs/tab.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAIa,SAAO,oBAAA,CAAA,uBAEnB,oBAAA,CAFmB,YAAA,CAAA,CAAA,WAAA,CAAA;;;;cAOP,KAAG,oBAAA"}
+{"version":3,"file":"tab.d.ts","names":[],"sources":["../../src/tabs/tab.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAIa,SAAO,oBAAA,CAAA,uBAEnB,oBAAA,CAFmB,YAAA,EAAA,WAAA;;;;cAOP,KAAG,oBAAA"}

package/dist/tabs/tab.js

@@ -1,6 +1,8 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { styled } from "../core/styled.js";
 import { vui } from "../core/vui.js";
+import "../core/index.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/tabs/tab.tsx
@@ -20,5 +22,5 @@ var tab_default = Tab;
 
 //#endregion
 export { Tab, TabBase, tab_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=tab.js.map

package/dist/tabs/tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab.js","names":[],"sources":["../../src/tabs/tab.tsx"],"sourcesContent":["import { styled, vui } from '../core'\nimport { cs } from '../utils'\nimport type { TabProps } from './tabs.types'\n\nexport const TabBase = styled.divBox`\n  width: 100%;\n`\n\n/**\n * Implements a Tab component\n */\nexport const Tab = vui<'div', TabProps>(({ children, className }, ref) => (\n  <TabBase className={cs('vui-tab', className)} ref={ref}>\n    {children}\n  </TabBase>\n))\n\nTab.displayName = 'Tab'\n\nexport default Tab\n"],"mappings":";;;;;;AAIA,MAAa,UAAU,OAAO,MAAM;;;;;;AAOpC,MAAa,MAAM,KAAsB,EAAE,UAAU,aAAa,QAChE,oBAAC;CAAQ,WAAW,GAAG,WAAW,UAAU;CAAO;CAChD;EACO,CACV;AAEF,IAAI,cAAc;AAElB,kBAAe"}
+{"version":3,"file":"tab.js","names":[],"sources":["../../src/tabs/tab.tsx"],"sourcesContent":["import { styled, vui } from '../core'\nimport { cs } from '../utils'\nimport type { TabProps } from './tabs.types'\n\nexport const TabBase = styled.divBox`\n  width: 100%;\n`\n\n/**\n * Implements a Tab component\n */\nexport const Tab = vui<'div', TabProps>(({ children, className }, ref) => (\n  <TabBase className={cs('vui-tab', className)} ref={ref}>\n    {children}\n  </TabBase>\n))\n\nTab.displayName = 'Tab'\n\nexport default Tab\n"],"mappings":";;;;;;;;AAIA,MAAa,UAAU,OAAO,MAAM;;;;;;AAOpC,MAAa,MAAM,KAAsB,EAAE,UAAU,aAAa,QAChE,oBAAC;CAAQ,WAAW,GAAG,WAAW,UAAU;CAAO;CAChD;EACO,CACV;AAEF,IAAI,cAAc;AAElB,kBAAe"}

package/dist/tabs/tabs.d.ts

@@ -1,4 +1,5 @@
 import { ThemingProps } from "../theme/types.js";
+import { ChildrenProp } from "../core/types.js";
 import { AnimationProps } from "../system/animations.js";
 import { BackgroundColorProps } from "../system/backgrounds.js";
 import { BorderBottomColorProps, BorderBottomProps, BorderBottomWidthProps, BorderColorProps, BorderLeftColorProps, BorderLeftProps, BorderLeftWidthProps, BorderProps, BorderRadiusProps, BorderRightColorProps, BorderRightProps, BorderRightWidthProps, BorderStyleProps, BorderTopColorProps, BorderTopProps, BorderTopWidthProps, BorderWidthProps, DivideColorProps, DivideStyleProps, DivideXProps, DivideXReverseProps, DivideYProps, DivideYReverseProps, OutlineColorProps, OutlineProps, OutlineStyleProps, OutlineWidthProps, RingColorProps, RingProps } from "../system/borders.js";
@@ -15,16 +16,15 @@ import { BorderCollapseProps, TableLayoutProps } from "../system/tables.js";
 import { RotateProps, ScaleProps, ScaleXProps, ScaleYProps, SkewXProps, SkewYProps, TransformOriginProps, TransformProps, TranslateXProps, TranslateYProps } from "../system/transforms.js";
 import { TransitionDelayProps, TransitionDurationProps, TransitionPropertyProps, TransitionProps, TransitionTimingFunctionProps } from "../system/transitions.js";
 import { ColorProps, FontFamilyProps, FontSizeProps, FontStyleProps, FontWeightProps, LetterSpacingProps, LineHeightProps, ListStylePositionProps, ListStyleTypeProps, TextAlignProps, TextDecorationProps, TextOverflowProps, TextTransformProps, VerticalAlignProps, WhiteSpaceProps } from "../system/typography.js";
-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 react371 from "react";
+import * as styled_components425 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_components425.StyledComponent<"div", styled_components425.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?: react371.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,+BAAQ,uBAEpB,oBAAA,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,QAAA,CAAA;;;;;;;;cAOR,MAAI,oBAAA"}

package/dist/tabs/tabs.js

@@ -1,8 +1,11 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { useStyleConfig } from "../core/theme.js";
 import { styled } from "../core/styled.js";
 import { vui } from "../core/vui.js";
+import "../core/index.js";
 import { P } from "../p/p.js";
+import "../p/index.js";
 import tab_default from "./tab.js";
 import tabsNavBar_default from "./tabsNavBar.js";
 import { useTabsState } from "./useTabsState.js";
@@ -17,7 +20,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 +81,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      // @ts-expect-error no idea\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,SAED,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

@@ -1,10 +1,10 @@
 import { ThemingProps } from "../theme/types.js";
+import { ChildrenProp } from "../core/types.js";
 import { SystemProps } from "../system/system.js";
 import "../system/index.js";
+import "../core/index.js";
 import { IconProp } from "../icon/icon.types.js";
 import "../icon/index.js";
-import { ChildrenProp } from "../core/types.js";
-import "../core/index.js";
 import { ReactNode } from "react";
 
 //#region src/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

@@ -1,11 +1,17 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import theme_default from "./theme.js";
 import { vui } from "../core/vui.js";
 import box_default from "../box/box.js";
+import "../box/index.js";
 import { Icon } from "../icon/icon.js";
+import "../icon/index.js";
+import "../core/index.js";
 import { ListItem } from "../list/listItem.js";
 import { List } from "../list/list.js";
+import "../list/index.js";
 import { TagButton } from "../tag/tagButton.js";
+import "../tag/index.js";
 import { colors, iconSizeMapper } from "./consts.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -92,5 +98,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/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          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"}
+{"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.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 react374 from "react";
 
 //#region src/tag/context.d.ts
-declare const TagProvider: react951.Provider<Dict>, useTagContext: () => Dict;
+declare const TagProvider: react374.Provider<Dict>, useTagContext: () => Dict;
 //#endregion
 export { TagProvider, useTagContext };
+
 //# sourceMappingURL=context.d.ts.map

package/dist/tag/context.js

@@ -1,9 +1,10 @@
 import { createContext } from "../utils/react.js";
+import "../utils/index.js";
 
 //#region src/tag/context.ts
 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/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../src/tag/context.ts"],"sourcesContent":["import type { Dict } from '../utils'\nimport { createContext } from '../utils'\n\nconst [TagProvider, useTagContext] = createContext<Dict>({ isOptional: true })\n\nexport { TagProvider, useTagContext }\n"],"mappings":";;;AAGA,MAAM,CAAC,aAAa,iBAAiB,cAAoB,EAAE,YAAY,MAAM,CAAC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../src/tag/context.ts"],"sourcesContent":["import type { Dict } from '../utils'\nimport { createContext } from '../utils'\n\nconst [TagProvider, useTagContext] = createContext<Dict>({ isOptional: true })\n\nexport { TagProvider, useTagContext }\n"],"mappings":";;;;AAGA,MAAM,CAAC,aAAa,iBAAiB,cAAoB,EAAE,YAAY,MAAM,CAAC"}

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/index.js

@@ -0,0 +1,7 @@
+import { TagProvider, useTagContext } from "./context.js";
+import { TagButton } from "./tagButton.js";
+import { TagIcon } from "./tagIcon.js";
+import { TagText } from "./tagText.js";
+import { Tag, TagBase } from "./tag.js";
+
+globalThis.__vuiVersion__ = "4.0.0-beta.1"

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_components445 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_components445.StyledComponent<"span", styled_components445.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,oBAAA,CAAA,wBAsBnB,oBAAA,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

@@ -1,9 +1,11 @@
 import { isReactText, isString } from "../utils/assertion.js";
 import { filterUndefined } from "../utils/object.js";
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { useStyleConfig } from "../core/theme.js";
 import { styled } from "../core/styled.js";
 import { vui } from "../core/vui.js";
+import "../core/index.js";
 import { TagProvider } from "./context.js";
 import tagButton_default from "./tagButton.js";
 import tagIcon_default from "./tagIcon.js";
@@ -40,8 +42,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 +119,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

@@ -4,6 +4,7 @@ import { SystemProps } from "../system/system.js";
 import "../system/index.js";
 import { IconProp } from "../icon/icon.types.js";
 import "../icon/index.js";
+import { JSX } from "react";
 
 //#region src/tag/tag.types.d.ts
 type TagInnerProps = {
@@ -39,4 +40,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":";;;;;;;;;KAMY,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

@@ -1,6 +1,6 @@
+import { VuiComponent } from "../core/vui.js";
 import { ButtonProps } from "../button/button.types.js";
 import "../button/index.js";
-import { VuiComponent } from "../core/vui.js";
 import "../index.js";
 
 //#region src/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

@@ -1,14 +1,17 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { useStyleConfig } from "../core/theme.js";
 import { vui } from "../core/vui.js";
 import button_default from "../button/button.js";
+import "../button/index.js";
+import "../core/index.js";
 import { useTagContext } from "./context.js";
 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 +35,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

@@ -1,6 +1,6 @@
+import { VuiComponent } from "../core/vui.js";
 import { IconProps } from "../icon/icon.types.js";
 import "../icon/index.js";
-import { VuiComponent } from "../core/vui.js";
 import "../index.js";
 
 //#region src/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

@@ -1,14 +1,17 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { useStyleConfig } from "../core/theme.js";
 import { vui } from "../core/vui.js";
 import icon_default from "../icon/icon.js";
+import "../icon/index.js";
+import "../core/index.js";
 import { useTagContext } from "./context.js";
 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 +25,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

@@ -1,6 +1,6 @@
+import { VuiComponent } from "../core/vui.js";
 import { TProps } from "../t/t.types.js";
 import "../t/index.js";
-import { VuiComponent } from "../core/vui.js";
 import "../index.js";
 
 //#region src/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