@veracity/vui 3.2.0 → 4.0.0-alpha.366771.2601090922

package/dist/button/buttons.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttons.js","names":["Button"],"sources":["../../src/button/buttons.tsx"],"sourcesContent":["import { vui } from '../core'\nimport Button from './button'\nimport type { ButtonProps, IconButtonProps } from './button.types'\n\nexport const AppButton = vui<'button', ButtonProps>((props, ref) => (\n  <Button ref={ref} variant=\"primaryDark\" {...props} />\n))\n\nexport const BackButton = vui<'button', IconButtonProps>((props, ref) => (\n  <IconButton icon=\"uiArrowLeft\" ref={ref} variant=\"tertiaryDark\" {...props} />\n))\n\nexport const CloseButton = vui<'button', IconButtonProps>((props, ref) => (\n  <IconButton icon=\"uiTimes\" ref={ref} variant=\"tertiaryDark\" {...props} />\n))\n\nexport const CTAButton = vui<'button', ButtonProps>((props, ref) => (\n  <Button ref={ref} variant=\"solidGreen\" {...props} />\n))\n\nexport const DangerButton = vui<'button', ButtonProps>((props, ref) => (\n  <Button ref={ref} variant=\"solidRed\" {...props} />\n))\n\nexport const IconButton = vui<'button', IconButtonProps>((props, ref) => (\n  <Button ref={ref} variant=\"tertiaryDark\" {...props} />\n))\n\nexport const LineButton = vui<'button', ButtonProps>((props, ref) => (\n  <Button ref={ref} variant=\"secondaryDark\" {...props} />\n))\n\nexport const TextButton = vui<'button', ButtonProps>((props, ref) => (\n  <Button ref={ref} variant=\"tertiaryDark\" {...props} />\n))\n"],"mappings":";;;;;AAIA,MAAa,YAAY,KAA4B,OAAO,QAC1D,oBAACA;CAAY;CAAK,SAAQ;CAAc,GAAI;EAAS,CACrD;AAEF,MAAa,aAAa,KAAgC,OAAO,QAC/D,oBAAC;CAAW,MAAK;CAAmB;CAAK,SAAQ;CAAe,GAAI;EAAS,CAC7E;AAEF,MAAa,cAAc,KAAgC,OAAO,QAChE,oBAAC;CAAW,MAAK;CAAe;CAAK,SAAQ;CAAe,GAAI;EAAS,CACzE;AAEF,MAAa,YAAY,KAA4B,OAAO,QAC1D,oBAACA;CAAY;CAAK,SAAQ;CAAa,GAAI;EAAS,CACpD;AAEF,MAAa,eAAe,KAA4B,OAAO,QAC7D,oBAACA;CAAY;CAAK,SAAQ;CAAW,GAAI;EAAS,CAClD;AAEF,MAAa,aAAa,KAAgC,OAAO,QAC/D,oBAACA;CAAY;CAAK,SAAQ;CAAe,GAAI;EAAS,CACtD;AAEF,MAAa,aAAa,KAA4B,OAAO,QAC3D,oBAACA;CAAY;CAAK,SAAQ;CAAgB,GAAI;EAAS,CACvD;AAEF,MAAa,aAAa,KAA4B,OAAO,QAC3D,oBAACA;CAAY;CAAK,SAAQ;CAAe,GAAI;EAAS,CACtD"}
+{"version":3,"file":"buttons.js","names":["Button"],"sources":["../../src/button/buttons.tsx"],"sourcesContent":["import { vui } from '../core'\nimport Button from './button'\nimport type { ButtonProps, IconButtonProps } from './button.types'\n\nexport const AppButton = vui<'button', ButtonProps>((props, ref) => (\n  <Button ref={ref} variant=\"primaryDark\" {...props} />\n))\n\nexport const BackButton = vui<'button', IconButtonProps>((props, ref) => (\n  <IconButton icon=\"uiArrowLeft\" ref={ref} variant=\"tertiaryDark\" {...props} />\n))\n\nexport const CloseButton = vui<'button', IconButtonProps>((props, ref) => (\n  <IconButton icon=\"uiTimes\" ref={ref} variant=\"tertiaryDark\" {...props} />\n))\n\nexport const CTAButton = vui<'button', ButtonProps>((props, ref) => (\n  <Button ref={ref} variant=\"solidGreen\" {...props} />\n))\n\nexport const DangerButton = vui<'button', ButtonProps>((props, ref) => (\n  <Button ref={ref} variant=\"solidRed\" {...props} />\n))\n\nexport const IconButton = vui<'button', IconButtonProps>((props, ref) => (\n  <Button ref={ref} variant=\"tertiaryDark\" {...props} />\n))\n\nexport const LineButton = vui<'button', ButtonProps>((props, ref) => (\n  <Button ref={ref} variant=\"secondaryDark\" {...props} />\n))\n\nexport const TextButton = vui<'button', ButtonProps>((props, ref) => (\n  <Button ref={ref} variant=\"tertiaryDark\" {...props} />\n))\n"],"mappings":";;;;;;AAIA,MAAa,YAAY,KAA4B,OAAO,QAC1D,oBAACA;CAAY;CAAK,SAAQ;CAAc,GAAI;EAAS,CACrD;AAEF,MAAa,aAAa,KAAgC,OAAO,QAC/D,oBAAC;CAAW,MAAK;CAAmB;CAAK,SAAQ;CAAe,GAAI;EAAS,CAC7E;AAEF,MAAa,cAAc,KAAgC,OAAO,QAChE,oBAAC;CAAW,MAAK;CAAe;CAAK,SAAQ;CAAe,GAAI;EAAS,CACzE;AAEF,MAAa,YAAY,KAA4B,OAAO,QAC1D,oBAACA;CAAY;CAAK,SAAQ;CAAa,GAAI;EAAS,CACpD;AAEF,MAAa,eAAe,KAA4B,OAAO,QAC7D,oBAACA;CAAY;CAAK,SAAQ;CAAW,GAAI;EAAS,CAClD;AAEF,MAAa,aAAa,KAAgC,OAAO,QAC/D,oBAACA;CAAY;CAAK,SAAQ;CAAe,GAAI;EAAS,CACtD;AAEF,MAAa,aAAa,KAA4B,OAAO,QAC3D,oBAACA;CAAY;CAAK,SAAQ;CAAgB,GAAI;EAAS,CACvD;AAEF,MAAa,aAAa,KAA4B,OAAO,QAC3D,oBAACA;CAAY;CAAK,SAAQ;CAAe,GAAI;EAAS,CACtD"}

package/dist/button/consts.js

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

package/dist/button/context.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/button/context.ts"],"sourcesContent":[],"mappings":";;;;;cAGO,gBAAc,QAAA,CAAA,SAAA,OAAE,wBAAgB"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/button/context.ts"],"sourcesContent":[],"mappings":";;;;;cAGO,gBAAc,MAAA,CAAA,SAAA,OAAE,wBAAgB"}

package/dist/button/context.js

@@ -1,9 +1,10 @@
 import { createContext } from "../utils/react.js";
+import "../utils/index.js";
 
 //#region src/button/context.ts
 const [ButtonProvider, useButtonContext] = createContext({ isOptional: true });
 
 //#endregion
 export { ButtonProvider, useButtonContext };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=context.js.map

package/dist/button/context.js.map

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

package/dist/button/index.d.ts

@@ -3,4 +3,4 @@ import { ButtonIcon } from "./buttonIcon.js";
 import { ButtonText } from "./buttonText.js";
 import { Button, ButtonBase } from "./button.js";
 import { AppButton, BackButton, CTAButton, CloseButton, DangerButton, IconButton, LineButton, TextButton } from "./buttons.js";
-import { ButtonProvider, useButtonContext } from "./context.js";
+import { ButtonProvider, useButtonContext } from "./context.js";

package/dist/button/index.js

@@ -0,0 +1,7 @@
+import { ButtonProvider, useButtonContext } from "./context.js";
+import { ButtonIcon } from "./buttonIcon.js";
+import { ButtonText } from "./buttonText.js";
+import button_default, { Button, ButtonBase } from "./button.js";
+import { AppButton, BackButton, CTAButton, CloseButton, DangerButton, IconButton, LineButton, TextButton } from "./buttons.js";
+
+globalThis.__vuiVersion__ = "4.0.0-beta.1"

package/dist/button/theme.js

@@ -281,5 +281,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/buttonGroup/buttonGroup.d.ts

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

package/dist/buttonGroup/buttonGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buttonGroup.d.ts","names":[],"sources":["../../src/buttonGroup/buttonGroup.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;cAQa,iBAAe,mBAAA,CAAA,uBAoD3B,mBAAA,CApD2B,YAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,oBAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,mBAAA,CAAA,CAAA,CAAA,qBAAA,CAAA,CAAA,CAAA,sBAAA,CAAA,CAAA,CAAA,oBAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,mBAAA,CAAA,CAAA,CAAA,qBAAA,CAAA,CAAA,CAAA,sBAAA,CAAA,CAAA,CAAA,oBAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,mBAAA,CAAA,CAAA,CAAA,mBAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,mBAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,oBAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,wBAAA,CAAA,CAAA,CAAA,qBAAA,CAAA,CAAA,CAAA,sBAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,uBAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,mBAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,oBAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,uBAAA,CAAA,CAAA,CAAA,uBAAA,CAAA,CAAA,CAAA,6BAAA,CAAA,CAAA,CAAA,oBAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,mBAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,sBAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA;;;;;;;cA0Df,aAAW,oBAAA"}
+{"version":3,"file":"buttonGroup.d.ts","names":[],"sources":["../../src/buttonGroup/buttonGroup.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;cAQa,iBAAe,mBAAA,CAAA,uBAoD3B,mBAAA,CApD2B,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;;;;;;;cA0Df,aAAW,oBAAA"}

package/dist/buttonGroup/buttonGroup.js

@@ -1,10 +1,12 @@
 import { activeClassName } from "../utils/consts.js";
 import { filterUndefined } from "../utils/object.js";
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { th } from "../core/theme.js";
 import { styled } from "../core/styled.js";
 import { vui } from "../core/vui.js";
 import { ButtonGroupProvider } from "./context.js";
+import "../core/index.js";
 import { getInnerBorderColor } from "./helpers.js";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -68,7 +70,7 @@ const ButtonGroupBase = styled.divBox`
 * Exposes some props to the children via context.
 */
 const ButtonGroup = vui((props, ref) => {
-	const { className, disabled, innerBorderColor, size, variant = "default",...rest } = props;
+	const { className, disabled, innerBorderColor, size, variant = "default", ...rest } = props;
 	return /* @__PURE__ */ jsx(ButtonGroupProvider, {
 		value: useMemo(() => filterUndefined({
 			disabled,
@@ -92,5 +94,5 @@ var buttonGroup_default = ButtonGroup;
 
 //#endregion
 export { ButtonGroup, ButtonGroupBase, buttonGroup_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=buttonGroup.js.map

package/dist/buttonGroup/buttonGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttonGroup.js","names":[],"sources":["../../src/buttonGroup/buttonGroup.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { styled, th, vui } from '../core'\nimport { activeClassName, cs, filterUndefined } from '../utils'\nimport type { ButtonGroupProps } from './buttonGroup.types'\nimport { ButtonGroupProvider } from './context'\nimport { getInnerBorderColor } from './helpers'\n\nexport const ButtonGroupBase = styled.divBox<{ innerBorderColor: string }>`\n  display: flex;\n\n  // Border color between Buttons\n  > *:not(:last-of-type):not(:focus) {\n    border-right-color: ${p => th.color(p.innerBorderColor)};\n  }\n\n  // First Button\n  > *:first-of-type:not(:last-of-type) {\n    border-right-width: 1px;\n  }\n\n  // Middle Buttons\n  > *:not(:first-of-type):not(:last-of-type) {\n    border-left-width: 0px;\n    border-right-width: 1px;\n  }\n\n  // Last Button\n  > *:not(:first-of-type):last-of-type {\n    border-left-width: 0px;\n    margin-right: 0;\n  }\n\n  // Border color\n  > *,\n  *:hover {\n    border-color: ${p => th.color(p.innerBorderColor)};\n  }\n\n  //\n  > .${activeClassName}.vui-button-variant-secondaryDark {\n    background-color: ${th.color('skyBlue.90')};\n  }\n\n  > .${activeClassName}.vui-button-variant-buttonGroupRounded {\n    background-color: ${th.color('seaBlue.main')};\n    color: ${th.color('white')};\n  }\n\n  > .vui-button-variant-buttonGroupRounded {\n    border-left-width: 1px !important;\n  }\n\n  > .${activeClassName}.vui-button-variant-buttonGroupRounded:hover {\n    background-color: ${th.color('seaBlue.20')};\n  }\n\n  > .${activeClassName}.vui-button-variant-buttonGroupRounded:active {\n    background-color: ${th.color('seaBlue.35')};\n  }\n`\n\n/**\n * Organizes layout and display of multiple buttons. Controls border visual around and between the buttons.\n * Exposes some props to the children via context.\n */\nexport const ButtonGroup = vui<'div', ButtonGroupProps>((props, ref) => {\n  const { className, disabled, innerBorderColor, size, variant = 'default', ...rest } = props\n\n  const context = useMemo(\n    () =>\n      filterUndefined({\n        disabled,\n        size,\n        variant: variant === 'default' ? 'buttonGroupDefault' : 'buttonGroupRounded',\n      }),\n    [disabled, size, variant],\n  )\n\n  return (\n    <ButtonGroupProvider value={context}>\n      <ButtonGroupBase\n        className={cs('vui-buttonGroup', className, `vui-buttonGroup-variant-${variant}`)}\n        {...{ innerBorderColor: innerBorderColor ? innerBorderColor : getInnerBorderColor(props), ref }}\n        {...rest}\n      />\n    </ButtonGroupProvider>\n  )\n})\n\nButtonGroup.displayName = 'ButtonGroup'\nexport default ButtonGroup\n"],"mappings":";;;;;;;;;;;;AAQA,MAAa,kBAAkB,OAAO,MAAoC;;;;;2BAKhD,MAAK,GAAG,MAAM,EAAE,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;qBAuBxC,MAAK,GAAG,MAAM,EAAE,iBAAiB,CAAC;;;;OAI/C,gBAAgB;wBACC,GAAG,MAAM,aAAa,CAAC;;;OAGxC,gBAAgB;wBACC,GAAG,MAAM,eAAe,CAAC;aACpC,GAAG,MAAM,QAAQ,CAAC;;;;;;;OAOxB,gBAAgB;wBACC,GAAG,MAAM,aAAa,CAAC;;;OAGxC,gBAAgB;wBACC,GAAG,MAAM,aAAa,CAAC;;;;;;;AAQ/C,MAAa,cAAc,KAA8B,OAAO,QAAQ;CACtE,MAAM,EAAE,WAAW,UAAU,kBAAkB,MAAM,UAAU,UAAW,GAAG,SAAS;AAYtF,QACE,oBAAC;EAAoB,OAXP,cAEZ,gBAAgB;GACd;GACA;GACA,SAAS,YAAY,YAAY,uBAAuB;GACzD,CAAC,EACJ;GAAC;GAAU;GAAM;GAAQ,CAC1B;YAIG,oBAAC;GACC,WAAW,GAAG,mBAAmB,WAAW,2BAA2B,UAAU;GAC3E,kBAAkB,mBAAmB,mBAAmB,oBAAoB,MAAM;GAAE;GAC1F,GAAI;IACJ;GACkB;EAExB;AAEF,YAAY,cAAc;AAC1B,0BAAe"}
+{"version":3,"file":"buttonGroup.js","names":[],"sources":["../../src/buttonGroup/buttonGroup.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { styled, th, vui } from '../core'\nimport { activeClassName, cs, filterUndefined } from '../utils'\nimport type { ButtonGroupProps } from './buttonGroup.types'\nimport { ButtonGroupProvider } from './context'\nimport { getInnerBorderColor } from './helpers'\n\nexport const ButtonGroupBase = styled.divBox<{ innerBorderColor: string }>`\n  display: flex;\n\n  // Border color between Buttons\n  > *:not(:last-of-type):not(:focus) {\n    border-right-color: ${p => th.color(p.innerBorderColor)};\n  }\n\n  // First Button\n  > *:first-of-type:not(:last-of-type) {\n    border-right-width: 1px;\n  }\n\n  // Middle Buttons\n  > *:not(:first-of-type):not(:last-of-type) {\n    border-left-width: 0px;\n    border-right-width: 1px;\n  }\n\n  // Last Button\n  > *:not(:first-of-type):last-of-type {\n    border-left-width: 0px;\n    margin-right: 0;\n  }\n\n  // Border color\n  > *,\n  *:hover {\n    border-color: ${p => th.color(p.innerBorderColor)};\n  }\n\n  //\n  > .${activeClassName}.vui-button-variant-secondaryDark {\n    background-color: ${th.color('skyBlue.90')};\n  }\n\n  > .${activeClassName}.vui-button-variant-buttonGroupRounded {\n    background-color: ${th.color('seaBlue.main')};\n    color: ${th.color('white')};\n  }\n\n  > .vui-button-variant-buttonGroupRounded {\n    border-left-width: 1px !important;\n  }\n\n  > .${activeClassName}.vui-button-variant-buttonGroupRounded:hover {\n    background-color: ${th.color('seaBlue.20')};\n  }\n\n  > .${activeClassName}.vui-button-variant-buttonGroupRounded:active {\n    background-color: ${th.color('seaBlue.35')};\n  }\n`\n\n/**\n * Organizes layout and display of multiple buttons. Controls border visual around and between the buttons.\n * Exposes some props to the children via context.\n */\nexport const ButtonGroup = vui<'div', ButtonGroupProps>((props, ref) => {\n  const { className, disabled, innerBorderColor, size, variant = 'default', ...rest } = props\n\n  const context = useMemo(\n    () =>\n      filterUndefined({\n        disabled,\n        size,\n        variant: variant === 'default' ? 'buttonGroupDefault' : 'buttonGroupRounded',\n      }),\n    [disabled, size, variant],\n  )\n\n  return (\n    <ButtonGroupProvider value={context}>\n      <ButtonGroupBase\n        className={cs('vui-buttonGroup', className, `vui-buttonGroup-variant-${variant}`)}\n        {...{ innerBorderColor: innerBorderColor ? innerBorderColor : getInnerBorderColor(props), ref }}\n        {...rest}\n      />\n    </ButtonGroupProvider>\n  )\n})\n\nButtonGroup.displayName = 'ButtonGroup'\nexport default ButtonGroup\n"],"mappings":";;;;;;;;;;;;;;AAQA,MAAa,kBAAkB,OAAO,MAAoC;;;;;2BAKhD,MAAK,GAAG,MAAM,EAAE,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;qBAuBxC,MAAK,GAAG,MAAM,EAAE,iBAAiB,CAAC;;;;OAI/C,gBAAgB;wBACC,GAAG,MAAM,aAAa,CAAC;;;OAGxC,gBAAgB;wBACC,GAAG,MAAM,eAAe,CAAC;aACpC,GAAG,MAAM,QAAQ,CAAC;;;;;;;OAOxB,gBAAgB;wBACC,GAAG,MAAM,aAAa,CAAC;;;OAGxC,gBAAgB;wBACC,GAAG,MAAM,aAAa,CAAC;;;;;;;AAQ/C,MAAa,cAAc,KAA8B,OAAO,QAAQ;CACtE,MAAM,EAAE,WAAW,UAAU,kBAAkB,MAAM,UAAU,WAAW,GAAG,SAAS;AAYtF,QACE,oBAAC;EAAoB,OAXP,cAEZ,gBAAgB;GACd;GACA;GACA,SAAS,YAAY,YAAY,uBAAuB;GACzD,CAAC,EACJ;GAAC;GAAU;GAAM;GAAQ,CAC1B;YAIG,oBAAC;GACC,WAAW,GAAG,mBAAmB,WAAW,2BAA2B,UAAU;GAC3E,kBAAkB,mBAAmB,mBAAmB,oBAAoB,MAAM;GAAE;GAC1F,GAAI;IACJ;GACkB;EAExB;AAEF,YAAY,cAAc;AAC1B,0BAAe"}

package/dist/buttonGroup/buttonGroup.types.d.ts

@@ -15,4 +15,5 @@ type ButtonGroupProps = SystemProps & ThemingProps<'ButtonGroup'> & {
 };
 //#endregion
 export { ButtonGroupProps };
+
 //# sourceMappingURL=buttonGroup.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"buttonGroup.types.d.ts","names":[],"sources":["../../src/buttonGroup/buttonGroup.types.ts"],"sourcesContent":[],"mappings":";;;;;KAGY,gBAAA,CAAA,CAAA,CAAmB,cAC7B;;;EADU,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,GAAA,CAAA,OAAA,CAAA,OAAA,CAAA,QAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"buttonGroup.types.d.ts","names":[],"sources":["../../src/buttonGroup/buttonGroup.types.ts"],"sourcesContent":[],"mappings":";;;;;KAGY,gBAAA,GAAmB,cAC7B;;;EADU"}

package/dist/buttonGroup/context.d.ts

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

package/dist/buttonGroup/context.js

@@ -1,9 +1,10 @@
 import { createContext } from "../utils/react.js";
+import "../utils/index.js";
 
 //#region src/buttonGroup/context.ts
 const [ButtonGroupProvider, useButtonGroupContext] = createContext({ isOptional: true });
 
 //#endregion
 export { ButtonGroupProvider, useButtonGroupContext };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=context.js.map

package/dist/buttonGroup/context.js.map

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

package/dist/buttonGroup/helpers.js

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

package/dist/buttonGroup/index.d.ts

@@ -1,3 +1,3 @@
 import { ButtonGroupProps } from "./buttonGroup.types.js";
 import { ButtonGroup, ButtonGroupBase } from "./buttonGroup.js";
-import { ButtonGroupProvider, useButtonGroupContext } from "./context.js";
+import { ButtonGroupProvider, useButtonGroupContext } from "./context.js";

package/dist/buttonGroup/index.js

@@ -0,0 +1,4 @@
+import { ButtonGroupProvider, useButtonGroupContext } from "./context.js";
+import buttonGroup_default, { ButtonGroup, ButtonGroupBase } from "./buttonGroup.js";
+
+globalThis.__vuiVersion__ = "4.0.0-beta.1"

package/dist/buttonToggleGroup/buttonToggleGroup.d.ts

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

package/dist/buttonToggleGroup/buttonToggleGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buttonToggleGroup.d.ts","names":[],"sources":["../../src/buttonToggleGroup/buttonToggleGroup.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAOa,OAAA,CAAA,KAAA,CAAA,iBAA4B,CAAA,CAAA;UAAA,yBAAsB,kBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"buttonToggleGroup.d.ts","names":[],"sources":["../../src/buttonToggleGroup/buttonToggleGroup.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAOa,cAAA,iBAA4B,EAAA;UAAA,yBAAsB,kBAAA,CAAA,GAAA,CAAA"}

package/dist/buttonToggleGroup/buttonToggleGroup.js

@@ -1,6 +1,8 @@
 import { dimmedBorderColor } from "../utils/consts.js";
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import buttonGroup_default from "../buttonGroup/buttonGroup.js";
+import "../buttonGroup/index.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/buttonToggleGroup/buttonToggleGroup.tsx
@@ -19,5 +21,5 @@ ButtonToggleGroup.displayName = "ButtonToggleGroup";
 
 //#endregion
 export { ButtonToggleGroup };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=buttonToggleGroup.js.map

package/dist/buttonToggleGroup/buttonToggleGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttonToggleGroup.js","names":["ButtonGroup"],"sources":["../../src/buttonToggleGroup/buttonToggleGroup.tsx"],"sourcesContent":["import ButtonGroup from '../buttonGroup'\nimport { cs, dimmedBorderColor } from '../utils'\nimport type { ButtonToggleGroupProps } from './buttonToggleGroup.types'\n\n/**\n * Organizes layout and display of multiple buttons. Based on ButtonGroup and should be used to toggle options.\n */\nexport const ButtonToggleGroup = (props: ButtonToggleGroupProps) => {\n  const { className, isDimmedBorder } = props\n\n  return (\n    <ButtonGroup\n      className={cs('vui-buttonToggleGroup', className)}\n      innerBorderColor={isDimmedBorder ? dimmedBorderColor : ''}\n      {...props}\n    />\n  )\n}\n\nButtonToggleGroup.displayName = 'ButtonToggleGroup'\nexport default ButtonToggleGroup\n"],"mappings":";;;;;;;;;AAOA,MAAa,qBAAqB,UAAkC;CAClE,MAAM,EAAE,WAAW,mBAAmB;AAEtC,QACE,oBAACA;EACC,WAAW,GAAG,yBAAyB,UAAU;EACjD,kBAAkB,iBAAiB,oBAAoB;EACvD,GAAI;GACJ;;AAIN,kBAAkB,cAAc"}
+{"version":3,"file":"buttonToggleGroup.js","names":["ButtonGroup"],"sources":["../../src/buttonToggleGroup/buttonToggleGroup.tsx"],"sourcesContent":["import ButtonGroup from '../buttonGroup'\nimport { cs, dimmedBorderColor } from '../utils'\nimport type { ButtonToggleGroupProps } from './buttonToggleGroup.types'\n\n/**\n * Organizes layout and display of multiple buttons. Based on ButtonGroup and should be used to toggle options.\n */\nexport const ButtonToggleGroup = (props: ButtonToggleGroupProps) => {\n  const { className, isDimmedBorder } = props\n\n  return (\n    <ButtonGroup\n      className={cs('vui-buttonToggleGroup', className)}\n      innerBorderColor={isDimmedBorder ? dimmedBorderColor : ''}\n      {...props}\n    />\n  )\n}\n\nButtonToggleGroup.displayName = 'ButtonToggleGroup'\nexport default ButtonToggleGroup\n"],"mappings":";;;;;;;;;;;AAOA,MAAa,qBAAqB,UAAkC;CAClE,MAAM,EAAE,WAAW,mBAAmB;AAEtC,QACE,oBAACA;EACC,WAAW,GAAG,yBAAyB,UAAU;EACjD,kBAAkB,iBAAiB,oBAAoB;EACvD,GAAI;GACJ;;AAIN,kBAAkB,cAAc"}

package/dist/buttonToggleGroup/buttonToggleGroup.types.d.ts

@@ -12,4 +12,5 @@ type ButtonToggleGroupProps = ButtonGroupProps & ThemingProps<'ButtonToggleGroup
 };
 //#endregion
 export { ButtonToggleGroupProps };
+
 //# sourceMappingURL=buttonToggleGroup.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"buttonToggleGroup.types.d.ts","names":[],"sources":["../../src/buttonToggleGroup/buttonToggleGroup.types.ts"],"sourcesContent":[],"mappings":";;;;;;KAKY,sBAAA,CAAA,CAAA,CAAyB,mBACnC;;;EADU,cAAA,CAAA,CAAA,CAAA,OAAA;EAAyB,QAAA,CAAA,CAKvB,SALuB;CACnC"}
+{"version":3,"file":"buttonToggleGroup.types.d.ts","names":[],"sources":["../../src/buttonToggleGroup/buttonToggleGroup.types.ts"],"sourcesContent":[],"mappings":";;;;;;KAKY,sBAAA,GAAyB,mBACnC;;;EADU,cAAA,CAAA,EAAA,OAAA;EAAyB,QAAA,EAKvB,SALuB;CACnC"}

package/dist/buttonToggleGroup/index.d.ts

@@ -1,2 +1,2 @@
 import { ButtonToggleGroupProps } from "./buttonToggleGroup.types.js";
-import { ButtonToggleGroup } from "./buttonToggleGroup.js";
+import { ButtonToggleGroup } from "./buttonToggleGroup.js";

package/dist/buttonToggleGroup/index.js

@@ -0,0 +1,3 @@
+import { ButtonToggleGroup } from "./buttonToggleGroup.js";
+
+globalThis.__vuiVersion__ = "4.0.0-beta.1"

package/dist/calendar/calendar.d.ts

@@ -7,4 +7,5 @@ import "../index.js";
 declare const Calendar: VuiComponent<"div", CalendarProps>;
 //#endregion
 export { Calendar };
+
 //# sourceMappingURL=calendar.d.ts.map

package/dist/calendar/calendar.js

@@ -1,21 +1,26 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { omitThemingProps, useStyleConfig } from "../core/theme.js";
 import { vui } from "../core/vui.js";
 import box_default from "../box/box.js";
+import "../box/index.js";
+import "../core/index.js";
 import { DayPicker } from "./components/dayPicker.js";
 import { isDay, isExact, isFrom, isMonth, isTo, isYear, processSelectMonth, processSelectYear, processViewDate } from "./utils.js";
 import { CalendarHeader } from "./components/calendarHeader.js";
 import { MonthPicker } from "./components/monthPicker.js";
 import { YearPicker } from "./components/yearPicker.js";
+import "./components/index.js";
 import { useCalendar } from "./hooks/useCalendar.js";
 import { useDefaultViewMonth } from "./hooks/useDefaultViewMonth.js";
+import "./hooks/index.js";
 import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/calendar/calendar.tsx
 /** Displays calendar. */
 const Calendar = vui((props, ref) => {
-	const { boundaries, className, fixedNumberOfWeeks = false, disabled, isStartDate, mode, onSelectDates, selectedDates,...rest } = omitThemingProps(props);
+	const { boundaries, className, fixedNumberOfWeeks = false, disabled, isStartDate, mode, onSelectDates, selectedDates, ...rest } = omitThemingProps(props);
 	const styles = useStyleConfig("Calendar", props);
 	const currentDateRef = useRef(isFrom(mode) || isExact(mode) ? selectedDates?.startDate : selectedDates?.endDate);
 	/**
@@ -121,5 +126,5 @@ var calendar_default = Calendar;
 
 //#endregion
 export { Calendar, calendar_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=calendar.js.map

package/dist/calendar/calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.js","names":["dateRange: DateRange","Box","mode"],"sources":["../../src/calendar/calendar.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nimport Box from '../box'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport type { CalendarProps, DateRange, FlowDirection, TimeResult, TimeUnitMode } from './calendar.types'\nimport { CalendarHeader, DayPicker, MonthPicker, YearPicker } from './components'\nimport { useCalendar, useDefaultViewMonth } from './hooks'\nimport {\n  isDay,\n  isExact,\n  isFrom,\n  isMonth,\n  isTo,\n  isYear,\n  processSelectMonth,\n  processSelectYear,\n  processViewDate,\n} from './utils'\n\n/** Displays calendar. */\nexport const Calendar = vui<'div', CalendarProps>((props, ref) => {\n  const {\n    boundaries,\n    className,\n    fixedNumberOfWeeks = false,\n    disabled,\n    isStartDate,\n    mode,\n    onSelectDates,\n    selectedDates,\n    ...rest\n  } = omitThemingProps(props)\n  const styles = useStyleConfig('Calendar', props)\n\n  const currentDateRef = useRef(isFrom(mode) || isExact(mode) ? selectedDates?.startDate : selectedDates?.endDate)\n\n  /**\n   * Effect to reset viewDate when selectedDates changes (onReset)\n   */\n  useEffect(() => {\n    currentDateRef.current = isFrom(mode) || isExact(mode) ? selectedDates?.startDate : selectedDates?.endDate\n    currentDateRef.current && setViewDate(currentDateRef.current)\n  }, [selectedDates])\n\n  const calendarRef = useRef<TimeResult | null>(null)\n\n  const defaultViewMonth = useDefaultViewMonth({\n    boundaries,\n    selectedDate: currentDateRef.current,\n    isStartDate,\n  })\n\n  const [timeUnitMode, setTimeUnitMode] = useState<TimeUnitMode>('day')\n  const [viewDate, setViewDate] = useState<Date>(defaultViewMonth)\n\n  /**\n   * Handles clicking next/prev in header\n   */\n  const onChangeViewItem = (direction: FlowDirection) => {\n    const newViewMonth = processViewDate(viewDate, direction, timeUnitMode, calendarRef?.current?.items)\n    newViewMonth && setViewDate(newViewMonth)\n  }\n\n  /**\n   * Handles clicking on a day\n   */\n  const onSelectDay = (clickedDate: Date) => () => {\n    updateDateState(clickedDate)\n    setViewDate(clickedDate)\n  }\n\n  /**\n   * Handles clicking on a month\n   */\n  const onSelectMonth = (clickedDate: Date) => () => {\n    const processedNewDate = processSelectMonth(clickedDate, mode, boundaries)\n    updateDateState(processedNewDate)\n    setViewDate(processedNewDate)\n    setTimeUnitMode('day')\n  }\n\n  /**\n   * Handles clicking on a year\n   */\n  const onSelectYear = (clickedDate: Date) => () => {\n    const processedNewDate = processSelectYear(clickedDate, mode, boundaries)\n    updateDateState(processedNewDate)\n    setViewDate(processedNewDate)\n    setTimeUnitMode('month')\n  }\n\n  /**\n   * Send update date to parent component\n   */\n  const updateDateState = (newDate: Date) => {\n    const dateRange: DateRange = { ...selectedDates }\n\n    if (dateRange) {\n      if (isTo(mode)) dateRange.endDate = newDate\n      else dateRange.startDate = newDate\n    }\n\n    if (newDate && !disabled) onSelectDates && onSelectDates(dateRange)\n  }\n\n  const calendar = (calendarRef.current = useCalendar({\n    boundaries,\n    mode,\n    selectedDates,\n    timeUnitMode,\n    viewDate,\n    fixedNumberOfWeeks,\n  }))\n\n  return (\n    <Box\n      className={cs('vui-calendar', className)}\n      column\n      cursor=\"default\"\n      minW={280}\n      position=\"relative\"\n      ref={ref}\n      w=\"fit-content\"\n      {...styles}\n      {...rest}\n    >\n      <CalendarHeader\n        nextDisabled={calendar.nextDisabled}\n        onChangeViewItem={onChangeViewItem}\n        onSetTimeUnitMode={(mode: TimeUnitMode) => setTimeUnitMode(mode)}\n        prevDisabled={calendar.prevDisabled}\n        timeUnitMode={timeUnitMode}\n        viewMonth={viewDate}\n      />\n      {isDay(timeUnitMode) && <DayPicker calendar={calendar} onSelectDay={onSelectDay} />}\n      {isMonth(timeUnitMode) && <MonthPicker calendar={calendar} onSelectMonth={onSelectMonth} />}\n      {isYear(timeUnitMode) && <YearPicker calendar={calendar} onSelectYear={onSelectYear} />}\n    </Box>\n  )\n})\n\nCalendar.displayName = 'Calendar'\n\nexport default Calendar\n"],"mappings":";;;;;;;;;;;;;;;;AAqBA,MAAa,WAAW,KAA2B,OAAO,QAAQ;CAChE,MAAM,EACJ,YACA,WACA,qBAAqB,OACrB,UACA,aACA,MACA,eACA,cACA,GAAG,SACD,iBAAiB,MAAM;CAC3B,MAAM,SAAS,eAAe,YAAY,MAAM;CAEhD,MAAM,iBAAiB,OAAO,OAAO,KAAK,IAAI,QAAQ,KAAK,GAAG,eAAe,YAAY,eAAe,QAAQ;;;;AAKhH,iBAAgB;AACd,iBAAe,UAAU,OAAO,KAAK,IAAI,QAAQ,KAAK,GAAG,eAAe,YAAY,eAAe;AACnG,iBAAe,WAAW,YAAY,eAAe,QAAQ;IAC5D,CAAC,cAAc,CAAC;CAEnB,MAAM,cAAc,OAA0B,KAAK;CAEnD,MAAM,mBAAmB,oBAAoB;EAC3C;EACA,cAAc,eAAe;EAC7B;EACD,CAAC;CAEF,MAAM,CAAC,cAAc,mBAAmB,SAAuB,MAAM;CACrE,MAAM,CAAC,UAAU,eAAe,SAAe,iBAAiB;;;;CAKhE,MAAM,oBAAoB,cAA6B;EACrD,MAAM,eAAe,gBAAgB,UAAU,WAAW,cAAc,aAAa,SAAS,MAAM;AACpG,kBAAgB,YAAY,aAAa;;;;;CAM3C,MAAM,eAAe,sBAA4B;AAC/C,kBAAgB,YAAY;AAC5B,cAAY,YAAY;;;;;CAM1B,MAAM,iBAAiB,sBAA4B;EACjD,MAAM,mBAAmB,mBAAmB,aAAa,MAAM,WAAW;AAC1E,kBAAgB,iBAAiB;AACjC,cAAY,iBAAiB;AAC7B,kBAAgB,MAAM;;;;;CAMxB,MAAM,gBAAgB,sBAA4B;EAChD,MAAM,mBAAmB,kBAAkB,aAAa,MAAM,WAAW;AACzE,kBAAgB,iBAAiB;AACjC,cAAY,iBAAiB;AAC7B,kBAAgB,QAAQ;;;;;CAM1B,MAAM,mBAAmB,YAAkB;EACzC,MAAMA,YAAuB,EAAE,GAAG,eAAe;AAEjD,MAAI,UACF,KAAI,KAAK,KAAK,CAAE,WAAU,UAAU;MAC/B,WAAU,YAAY;AAG7B,MAAI,WAAW,CAAC,SAAU,kBAAiB,cAAc,UAAU;;CAGrE,MAAM,WAAY,YAAY,UAAU,YAAY;EAClD;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QACE,qBAACC;EACC,WAAW,GAAG,gBAAgB,UAAU;EACxC;EACA,QAAO;EACP,MAAM;EACN,UAAS;EACJ;EACL,GAAE;EACF,GAAI;EACJ,GAAI;;GAEJ,oBAAC;IACC,cAAc,SAAS;IACL;IAClB,oBAAoB,WAAuB,gBAAgBC,OAAK;IAChE,cAAc,SAAS;IACT;IACd,WAAW;KACX;GACD,MAAM,aAAa,IAAI,oBAAC;IAAoB;IAAuB;KAAe;GAClF,QAAQ,aAAa,IAAI,oBAAC;IAAsB;IAAyB;KAAiB;GAC1F,OAAO,aAAa,IAAI,oBAAC;IAAqB;IAAwB;KAAgB;;GACnF;EAER;AAEF,SAAS,cAAc;AAEvB,uBAAe"}
+{"version":3,"file":"calendar.js","names":["dateRange: DateRange","Box","mode"],"sources":["../../src/calendar/calendar.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nimport Box from '../box'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport type { CalendarProps, DateRange, FlowDirection, TimeResult, TimeUnitMode } from './calendar.types'\nimport { CalendarHeader, DayPicker, MonthPicker, YearPicker } from './components'\nimport { useCalendar, useDefaultViewMonth } from './hooks'\nimport {\n  isDay,\n  isExact,\n  isFrom,\n  isMonth,\n  isTo,\n  isYear,\n  processSelectMonth,\n  processSelectYear,\n  processViewDate,\n} from './utils'\n\n/** Displays calendar. */\nexport const Calendar = vui<'div', CalendarProps>((props, ref) => {\n  const {\n    boundaries,\n    className,\n    fixedNumberOfWeeks = false,\n    disabled,\n    isStartDate,\n    mode,\n    onSelectDates,\n    selectedDates,\n    ...rest\n  } = omitThemingProps(props)\n  const styles = useStyleConfig('Calendar', props)\n\n  const currentDateRef = useRef(isFrom(mode) || isExact(mode) ? selectedDates?.startDate : selectedDates?.endDate)\n\n  /**\n   * Effect to reset viewDate when selectedDates changes (onReset)\n   */\n  useEffect(() => {\n    currentDateRef.current = isFrom(mode) || isExact(mode) ? selectedDates?.startDate : selectedDates?.endDate\n    currentDateRef.current && setViewDate(currentDateRef.current)\n  }, [selectedDates])\n\n  const calendarRef = useRef<TimeResult | null>(null)\n\n  const defaultViewMonth = useDefaultViewMonth({\n    boundaries,\n    selectedDate: currentDateRef.current,\n    isStartDate,\n  })\n\n  const [timeUnitMode, setTimeUnitMode] = useState<TimeUnitMode>('day')\n  const [viewDate, setViewDate] = useState<Date>(defaultViewMonth)\n\n  /**\n   * Handles clicking next/prev in header\n   */\n  const onChangeViewItem = (direction: FlowDirection) => {\n    const newViewMonth = processViewDate(viewDate, direction, timeUnitMode, calendarRef?.current?.items)\n    newViewMonth && setViewDate(newViewMonth)\n  }\n\n  /**\n   * Handles clicking on a day\n   */\n  const onSelectDay = (clickedDate: Date) => () => {\n    updateDateState(clickedDate)\n    setViewDate(clickedDate)\n  }\n\n  /**\n   * Handles clicking on a month\n   */\n  const onSelectMonth = (clickedDate: Date) => () => {\n    const processedNewDate = processSelectMonth(clickedDate, mode, boundaries)\n    updateDateState(processedNewDate)\n    setViewDate(processedNewDate)\n    setTimeUnitMode('day')\n  }\n\n  /**\n   * Handles clicking on a year\n   */\n  const onSelectYear = (clickedDate: Date) => () => {\n    const processedNewDate = processSelectYear(clickedDate, mode, boundaries)\n    updateDateState(processedNewDate)\n    setViewDate(processedNewDate)\n    setTimeUnitMode('month')\n  }\n\n  /**\n   * Send update date to parent component\n   */\n  const updateDateState = (newDate: Date) => {\n    const dateRange: DateRange = { ...selectedDates }\n\n    if (dateRange) {\n      if (isTo(mode)) dateRange.endDate = newDate\n      else dateRange.startDate = newDate\n    }\n\n    if (newDate && !disabled) onSelectDates && onSelectDates(dateRange)\n  }\n\n  const calendar = (calendarRef.current = useCalendar({\n    boundaries,\n    mode,\n    selectedDates,\n    timeUnitMode,\n    viewDate,\n    fixedNumberOfWeeks,\n  }))\n\n  return (\n    <Box\n      className={cs('vui-calendar', className)}\n      column\n      cursor=\"default\"\n      minW={280}\n      position=\"relative\"\n      ref={ref}\n      w=\"fit-content\"\n      {...styles}\n      {...rest}\n    >\n      <CalendarHeader\n        nextDisabled={calendar.nextDisabled}\n        onChangeViewItem={onChangeViewItem}\n        onSetTimeUnitMode={(mode: TimeUnitMode) => setTimeUnitMode(mode)}\n        prevDisabled={calendar.prevDisabled}\n        timeUnitMode={timeUnitMode}\n        viewMonth={viewDate}\n      />\n      {isDay(timeUnitMode) && <DayPicker calendar={calendar} onSelectDay={onSelectDay} />}\n      {isMonth(timeUnitMode) && <MonthPicker calendar={calendar} onSelectMonth={onSelectMonth} />}\n      {isYear(timeUnitMode) && <YearPicker calendar={calendar} onSelectYear={onSelectYear} />}\n    </Box>\n  )\n})\n\nCalendar.displayName = 'Calendar'\n\nexport default Calendar\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBA,MAAa,WAAW,KAA2B,OAAO,QAAQ;CAChE,MAAM,EACJ,YACA,WACA,qBAAqB,OACrB,UACA,aACA,MACA,eACA,eACA,GAAG,SACD,iBAAiB,MAAM;CAC3B,MAAM,SAAS,eAAe,YAAY,MAAM;CAEhD,MAAM,iBAAiB,OAAO,OAAO,KAAK,IAAI,QAAQ,KAAK,GAAG,eAAe,YAAY,eAAe,QAAQ;;;;AAKhH,iBAAgB;AACd,iBAAe,UAAU,OAAO,KAAK,IAAI,QAAQ,KAAK,GAAG,eAAe,YAAY,eAAe;AACnG,iBAAe,WAAW,YAAY,eAAe,QAAQ;IAC5D,CAAC,cAAc,CAAC;CAEnB,MAAM,cAAc,OAA0B,KAAK;CAEnD,MAAM,mBAAmB,oBAAoB;EAC3C;EACA,cAAc,eAAe;EAC7B;EACD,CAAC;CAEF,MAAM,CAAC,cAAc,mBAAmB,SAAuB,MAAM;CACrE,MAAM,CAAC,UAAU,eAAe,SAAe,iBAAiB;;;;CAKhE,MAAM,oBAAoB,cAA6B;EACrD,MAAM,eAAe,gBAAgB,UAAU,WAAW,cAAc,aAAa,SAAS,MAAM;AACpG,kBAAgB,YAAY,aAAa;;;;;CAM3C,MAAM,eAAe,sBAA4B;AAC/C,kBAAgB,YAAY;AAC5B,cAAY,YAAY;;;;;CAM1B,MAAM,iBAAiB,sBAA4B;EACjD,MAAM,mBAAmB,mBAAmB,aAAa,MAAM,WAAW;AAC1E,kBAAgB,iBAAiB;AACjC,cAAY,iBAAiB;AAC7B,kBAAgB,MAAM;;;;;CAMxB,MAAM,gBAAgB,sBAA4B;EAChD,MAAM,mBAAmB,kBAAkB,aAAa,MAAM,WAAW;AACzE,kBAAgB,iBAAiB;AACjC,cAAY,iBAAiB;AAC7B,kBAAgB,QAAQ;;;;;CAM1B,MAAM,mBAAmB,YAAkB;EACzC,MAAMA,YAAuB,EAAE,GAAG,eAAe;AAEjD,MAAI,UACF,KAAI,KAAK,KAAK,CAAE,WAAU,UAAU;MAC/B,WAAU,YAAY;AAG7B,MAAI,WAAW,CAAC,SAAU,kBAAiB,cAAc,UAAU;;CAGrE,MAAM,WAAY,YAAY,UAAU,YAAY;EAClD;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QACE,qBAACC;EACC,WAAW,GAAG,gBAAgB,UAAU;EACxC;EACA,QAAO;EACP,MAAM;EACN,UAAS;EACJ;EACL,GAAE;EACF,GAAI;EACJ,GAAI;;GAEJ,oBAAC;IACC,cAAc,SAAS;IACL;IAClB,oBAAoB,WAAuB,gBAAgBC,OAAK;IAChE,cAAc,SAAS;IACT;IACd,WAAW;KACX;GACD,MAAM,aAAa,IAAI,oBAAC;IAAoB;IAAuB;KAAe;GAClF,QAAQ,aAAa,IAAI,oBAAC;IAAsB;IAAyB;KAAiB;GAC1F,OAAO,aAAa,IAAI,oBAAC;IAAqB;IAAwB;KAAgB;;GACnF;EAER;AAEF,SAAS,cAAc;AAEvB,uBAAe"}

package/dist/calendar/calendar.styles.js

@@ -1,7 +1,10 @@
 import { th } from "../core/theme.js";
 import { css, styled } from "../core/styled.js";
 import box_default from "../box/box.js";
+import "../box/index.js";
+import "../core/index.js";
 import link_default from "../link/link.js";
+import "../link/index.js";
 
 //#region src/calendar/calendar.styles.ts
 const boundary = css`
@@ -70,5 +73,5 @@ const CalendarItemsContainer = styled(box_default)`
 
 //#endregion
 export { CalendarItem, CalendarItemsContainer };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=calendar.styles.js.map

package/dist/calendar/calendar.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.styles.js","names":["Link","Box"],"sources":["../../src/calendar/calendar.styles.ts"],"sourcesContent":["import Box from '../box'\nimport { css, styled, th } from '../core'\nimport Link from '../link'\nimport type { ItemProps } from './calendar.types'\n\nexport const boundary = css`\n  background-color: ${th.color('seaBlue.main')};\n  color: white !important;\n  border-radius: 0;\n`\n\nexport const current = css`\n  background-color: ${th.color('seaBlue.main')};\n  color: white !important;\n  border-radius: 0;\n`\n\nexport const isDisabled = css`\n  background-color: ${th.color('sandstone.97')} !important;\n  color: ${th.color('sandstone.55')} !important;\n  cursor: not-allowed;\n`\n\nexport const isHidden = css`\n  color: ${th.color('sandstone.55')} !important;\n`\n\nexport const isToday = css`\n  border: 1px solid ${th.color('seaBlue.main')};\n`\n\nexport const hover = css`\n  background-color: ${th.color('skyBlue.85')};\n  color: ${th.color('seaBlue.main')};\n  border-radius: 0;\n`\n\nexport const isSelected = css`\n  background-color: ${th.color('skyBlue.85')};\n  border-radius: 0;\n  color: white;\n`\n\nexport const CalendarItem = styled(Link)<ItemProps>`\n  aspect-ratio: 1;\n  border: 0;\n  cursor: pointer;\n  height: 100%;\n  justify-content: center;\n  text-decoration: none;\n  width: 100%;\n\n  ${p => p.isHidden && isHidden}\n  ${p => p.isToday && isToday}\n  ${p => p.isDisabled && isDisabled}\n  ${p => p.isSelected && isSelected}\n  ${p => p.boundary && boundary}\n  ${p => p.current && current}\n\n  &:hover {\n    color: inherit;\n    text-decoration: none;\n\n    ${p => !p.isDisabled && hover}\n  }\n`\n\nexport const CalendarItemsContainer = styled(Box)`\n  align-items: center;\n  column-gap: 0;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  grid-template-rows: repeat(4, 48px);\n  justify-items: center;\n  row-gap: 0;\n`\n"],"mappings":";;;;;;AAKA,MAAa,WAAW,GAAG;sBACL,GAAG,MAAM,eAAe,CAAC;;;;AAK/C,MAAa,UAAU,GAAG;sBACJ,GAAG,MAAM,eAAe,CAAC;;;;AAK/C,MAAa,aAAa,GAAG;sBACP,GAAG,MAAM,eAAe,CAAC;WACpC,GAAG,MAAM,eAAe,CAAC;;;AAIpC,MAAa,WAAW,GAAG;WAChB,GAAG,MAAM,eAAe,CAAC;;AAGpC,MAAa,UAAU,GAAG;sBACJ,GAAG,MAAM,eAAe,CAAC;;AAG/C,MAAa,QAAQ,GAAG;sBACF,GAAG,MAAM,aAAa,CAAC;WAClC,GAAG,MAAM,eAAe,CAAC;;;AAIpC,MAAa,aAAa,GAAG;sBACP,GAAG,MAAM,aAAa,CAAC;;;;AAK7C,MAAa,eAAe,OAAOA,aAAK,AAAW;;;;;;;;;KAS/C,MAAK,EAAE,YAAY,SAAS;KAC5B,MAAK,EAAE,WAAW,QAAQ;KAC1B,MAAK,EAAE,cAAc,WAAW;KAChC,MAAK,EAAE,cAAc,WAAW;KAChC,MAAK,EAAE,YAAY,SAAS;KAC5B,MAAK,EAAE,WAAW,QAAQ;;;;;;OAMxB,MAAK,CAAC,EAAE,cAAc,MAAM;;;AAIlC,MAAa,yBAAyB,OAAOC,YAAI"}
+{"version":3,"file":"calendar.styles.js","names":["Link","Box"],"sources":["../../src/calendar/calendar.styles.ts"],"sourcesContent":["import Box from '../box'\nimport { css, styled, th } from '../core'\nimport Link from '../link'\nimport type { ItemProps } from './calendar.types'\n\nexport const boundary = css`\n  background-color: ${th.color('seaBlue.main')};\n  color: white !important;\n  border-radius: 0;\n`\n\nexport const current = css`\n  background-color: ${th.color('seaBlue.main')};\n  color: white !important;\n  border-radius: 0;\n`\n\nexport const isDisabled = css`\n  background-color: ${th.color('sandstone.97')} !important;\n  color: ${th.color('sandstone.55')} !important;\n  cursor: not-allowed;\n`\n\nexport const isHidden = css`\n  color: ${th.color('sandstone.55')} !important;\n`\n\nexport const isToday = css`\n  border: 1px solid ${th.color('seaBlue.main')};\n`\n\nexport const hover = css`\n  background-color: ${th.color('skyBlue.85')};\n  color: ${th.color('seaBlue.main')};\n  border-radius: 0;\n`\n\nexport const isSelected = css`\n  background-color: ${th.color('skyBlue.85')};\n  border-radius: 0;\n  color: white;\n`\n\nexport const CalendarItem = styled(Link)<ItemProps>`\n  aspect-ratio: 1;\n  border: 0;\n  cursor: pointer;\n  height: 100%;\n  justify-content: center;\n  text-decoration: none;\n  width: 100%;\n\n  ${p => p.isHidden && isHidden}\n  ${p => p.isToday && isToday}\n  ${p => p.isDisabled && isDisabled}\n  ${p => p.isSelected && isSelected}\n  ${p => p.boundary && boundary}\n  ${p => p.current && current}\n\n  &:hover {\n    color: inherit;\n    text-decoration: none;\n\n    ${p => !p.isDisabled && hover}\n  }\n`\n\nexport const CalendarItemsContainer = styled(Box)`\n  align-items: center;\n  column-gap: 0;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  grid-template-rows: repeat(4, 48px);\n  justify-items: center;\n  row-gap: 0;\n`\n"],"mappings":";;;;;;;;;AAKA,MAAa,WAAW,GAAG;sBACL,GAAG,MAAM,eAAe,CAAC;;;;AAK/C,MAAa,UAAU,GAAG;sBACJ,GAAG,MAAM,eAAe,CAAC;;;;AAK/C,MAAa,aAAa,GAAG;sBACP,GAAG,MAAM,eAAe,CAAC;WACpC,GAAG,MAAM,eAAe,CAAC;;;AAIpC,MAAa,WAAW,GAAG;WAChB,GAAG,MAAM,eAAe,CAAC;;AAGpC,MAAa,UAAU,GAAG;sBACJ,GAAG,MAAM,eAAe,CAAC;;AAG/C,MAAa,QAAQ,GAAG;sBACF,GAAG,MAAM,aAAa,CAAC;WAClC,GAAG,MAAM,eAAe,CAAC;;;AAIpC,MAAa,aAAa,GAAG;sBACP,GAAG,MAAM,aAAa,CAAC;;;;AAK7C,MAAa,eAAe,OAAOA,aAAK,AAAW;;;;;;;;;KAS/C,MAAK,EAAE,YAAY,SAAS;KAC5B,MAAK,EAAE,WAAW,QAAQ;KAC1B,MAAK,EAAE,cAAc,WAAW;KAChC,MAAK,EAAE,cAAc,WAAW;KAChC,MAAK,EAAE,YAAY,SAAS;KAC5B,MAAK,EAAE,WAAW,QAAQ;;;;;;OAMxB,MAAK,CAAC,EAAE,cAAc,MAAM;;;AAIlC,MAAa,yBAAyB,OAAOC,YAAI"}

package/dist/calendar/calendar.types.d.ts

@@ -83,4 +83,5 @@ type CalendarProps = Omit<BoxProps, 'size' | 'variant'> & ThemingProps<'Calendar
 };
 //#endregion
 export { CalendarMode, CalendarProps, DateRange, DefaultViewMonthProps, FlowDirection, ItemProps, MonthProps, TimeItem, TimeResult, TimeUnitMode };
+
 //# sourceMappingURL=calendar.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"calendar.types.d.ts","names":[],"sources":["../../src/calendar/calendar.types.ts"],"sourcesContent":[],"mappings":";;;;;UAGiB,SAAA;cACH;YACF;AAFZ;AAKY,IAAA,CAAA,aAAA,CAAA,CAAA,CAAa,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA;AAMzB,CAAA,CAAA;AAEA,CAAA,CAAA,CAAA,IAAA,CAAA,GAAA,CAAA,IAAA,CAAA;AAMA,CAAA,CAAA,CAAA,MAAA,CAAA,EAAA,CAAA,MAAA,CAAA,IAAA,CAAA,IAAA,CAAA,CAAA,EAAA,CAAA,IAAA,CAAA,EAAA,CAAA,MAAA,CAAA,IAAA,CAAA;;AAGQ,IAAA,CAXI,YAAA,CAAA,CAAA,CAWJ,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA;AACU,SAAA,CAVD,qBAAA,CAUC;EACD,UAAA,CAAA,CAAA,CAVF,SAUE;EACL,WAAA,CAAA,CAAA,CAAA,OAAA;EAAI,YAAA,CAAA,CAAA,CATC,IASD;AAGhB;AAYiB,SAAA,CArBA,UAAA,CA2BT;EAeS,UAAA,CAAA,CAAA,CAzCF,SAyCY;EASf,kBAAY,CAAA,CAAA,CAAA,OAAA;EAEZ,IAAA,CAAA,CAlDJ,YAkDiB;EAAQ,aAAA,CAAA,CAAA,CAjDf,SAiDe;EAAL,YAAA,CAAA,CAAA,CAhDX,YAgDW;EAC1B,QAAA,CAAA,CAhDU,IAgDV;;AASQ,IAAA,CAtDE,SAAA,CAAA,CAAA,CAsDF;EAEkB,QAAA,CAAA,CAAA,CAAA,OAAA;EAER,OAAA,CAAA,CAAA,CAAA,OAAA;EAAS,UAAA,CAAA,CAAA,CAAA,OAAA;;;;;;;;UA9CZ,QAAA;;;;;;QAMT;;;;;;;;;;;;;;UAeS,UAAA;SACR;;;;;;;KAQG,YAAA,CAAA,CAAA;KAEA,aAAA,CAAA,CAAA,CAAgB,KAAK,gCAC/B;;eAEe;;;;;;;QAOP;;0BAEkB;;kBAER"}
+{"version":3,"file":"calendar.types.d.ts","names":[],"sources":["../../src/calendar/calendar.types.ts"],"sourcesContent":[],"mappings":";;;;;UAGiB,SAAA;cACH;YACF;AAFZ;AAKY,KAAA,aAAA,GAAa,MAAA,GAAA,MAAA;AAMzB;AAEA;AAMA;;AAGQ,KAXI,YAAA,GAWJ,OAAA,GAAA,MAAA,GAAA,IAAA,GAAA,OAAA;AACU,UAVD,qBAAA,CAUC;EACD,UAAA,CAAA,EAVF,SAUE;EACL,WAAA,CAAA,EAAA,OAAA;EAAI,YAAA,CAAA,EATC,IASD;AAGhB;AAYiB,UArBA,UAAA,CA2BT;EAeS,UAAA,CAAA,EAzCF,SAyCY;EASf,kBAAY,CAAA,EAAA,OAAA;EAEZ,IAAA,EAlDJ,YAkDiB;EAAQ,aAAA,CAAA,EAjDf,SAiDe;EAAL,YAAA,CAAA,EAhDX,YAgDW;EAC1B,QAAA,EAhDU,IAgDV;;AASQ,KAtDE,SAAA,GAsDF;EAEkB,QAAA,CAAA,EAAA,OAAA;EAER,OAAA,CAAA,EAAA,OAAA;EAAS,UAAA,CAAA,EAAA,OAAA;;;;;;;;UA9CZ,QAAA;;;;;;QAMT;;;;;;;;;;;;;;UAeS,UAAA;SACR;;;;;;;KAQG,YAAA;KAEA,aAAA,GAAgB,KAAK,gCAC/B;;eAEe;;;;;;;QAOP;;0BAEkB;;kBAER"}

package/dist/calendar/components/calendarHeader.js

@@ -1,6 +1,9 @@
 import { cs } from "../../utils/styles.js";
+import "../../utils/index.js";
 import box_default from "../../box/box.js";
+import "../../box/index.js";
 import { IconButton } from "../../button/buttons.js";
+import "../../button/index.js";
 import { TimeUnitHeader } from "./timeUnitHeader.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -48,5 +51,5 @@ const CalendarHeader = ({ nextDisabled, onChangeViewItem, onSetTimeUnitMode, pre
 
 //#endregion
 export { CalendarHeader };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=calendarHeader.js.map

package/dist/calendar/components/calendarHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendarHeader.js","names":["CalendarHeader: FC<Props>","Box"],"sources":["../../../src/calendar/components/calendarHeader.tsx"],"sourcesContent":["import type { FC } from 'react'\n\nimport Box from '../../box'\nimport { IconButton } from '../../button'\nimport { cs } from '../../utils'\nimport type { FlowDirection, TimeUnitMode } from '../calendar.types'\nimport { TimeUnitHeader } from './timeUnitHeader'\n\ntype Props = {\n  nextDisabled?: boolean\n  onChangeViewItem: (direction: FlowDirection) => void\n  onSetTimeUnitMode: (mode: TimeUnitMode) => void\n  prevDisabled?: boolean\n  timeUnitMode: TimeUnitMode\n  viewMonth: Date\n}\n\nconst size = 40\n\n/**\n * Header for the calendar\n */\nexport const CalendarHeader: FC<Props> = ({\n  nextDisabled,\n  onChangeViewItem,\n  onSetTimeUnitMode,\n  prevDisabled,\n  timeUnitMode,\n  viewMonth,\n}) => (\n  <Box borderBottom=\"1px solid lightgray\" centerV className={cs('vui-calendar-header')}>\n    <Box className=\"vui-calendar-header-left\">\n      <TimeUnitHeader onSetTimeUnitMode={onSetTimeUnitMode} timeUnitMode={timeUnitMode} viewMonth={viewMonth} />\n    </Box>\n    <Box className=\"vui-calendar-header-right\" flex=\"1\" justifyContent=\"right\">\n      <IconButton\n        aria-label=\"previous\"\n        className=\"icon\"\n        disabled={prevDisabled}\n        h={size}\n        icon=\"uiChevronLeft\"\n        onClick={() => onChangeViewItem('prev')}\n        size=\"sm\"\n        w={size}\n      />\n      <IconButton\n        aria-label=\"next\"\n        className=\"icon\"\n        disabled={nextDisabled}\n        h={size}\n        icon=\"uiChevronRight\"\n        onClick={() => onChangeViewItem('next')}\n        size=\"sm\"\n        w={size}\n      />\n    </Box>\n  </Box>\n)\n"],"mappings":";;;;;;;AAiBA,MAAM,OAAO;;;;AAKb,MAAaA,kBAA6B,EACxC,cACA,kBACA,mBACA,cACA,cACA,gBAEA,qBAACC;CAAI,cAAa;CAAsB;CAAQ,WAAW,GAAG,sBAAsB;YAClF,oBAACA;EAAI,WAAU;YACb,oBAAC;GAAkC;GAAiC;GAAyB;IAAa;GACtG,EACN,qBAACA;EAAI,WAAU;EAA4B,MAAK;EAAI,gBAAe;aACjE,oBAAC;GACC,cAAW;GACX,WAAU;GACV,UAAU;GACV,GAAG;GACH,MAAK;GACL,eAAe,iBAAiB,OAAO;GACvC,MAAK;GACL,GAAG;IACH,EACF,oBAAC;GACC,cAAW;GACX,WAAU;GACV,UAAU;GACV,GAAG;GACH,MAAK;GACL,eAAe,iBAAiB,OAAO;GACvC,MAAK;GACL,GAAG;IACH;GACE;EACF"}
+{"version":3,"file":"calendarHeader.js","names":["CalendarHeader: FC<Props>","Box"],"sources":["../../../src/calendar/components/calendarHeader.tsx"],"sourcesContent":["import type { FC } from 'react'\n\nimport Box from '../../box'\nimport { IconButton } from '../../button'\nimport { cs } from '../../utils'\nimport type { FlowDirection, TimeUnitMode } from '../calendar.types'\nimport { TimeUnitHeader } from './timeUnitHeader'\n\ntype Props = {\n  nextDisabled?: boolean\n  onChangeViewItem: (direction: FlowDirection) => void\n  onSetTimeUnitMode: (mode: TimeUnitMode) => void\n  prevDisabled?: boolean\n  timeUnitMode: TimeUnitMode\n  viewMonth: Date\n}\n\nconst size = 40\n\n/**\n * Header for the calendar\n */\nexport const CalendarHeader: FC<Props> = ({\n  nextDisabled,\n  onChangeViewItem,\n  onSetTimeUnitMode,\n  prevDisabled,\n  timeUnitMode,\n  viewMonth,\n}) => (\n  <Box borderBottom=\"1px solid lightgray\" centerV className={cs('vui-calendar-header')}>\n    <Box className=\"vui-calendar-header-left\">\n      <TimeUnitHeader onSetTimeUnitMode={onSetTimeUnitMode} timeUnitMode={timeUnitMode} viewMonth={viewMonth} />\n    </Box>\n    <Box className=\"vui-calendar-header-right\" flex=\"1\" justifyContent=\"right\">\n      <IconButton\n        aria-label=\"previous\"\n        className=\"icon\"\n        disabled={prevDisabled}\n        h={size}\n        icon=\"uiChevronLeft\"\n        onClick={() => onChangeViewItem('prev')}\n        size=\"sm\"\n        w={size}\n      />\n      <IconButton\n        aria-label=\"next\"\n        className=\"icon\"\n        disabled={nextDisabled}\n        h={size}\n        icon=\"uiChevronRight\"\n        onClick={() => onChangeViewItem('next')}\n        size=\"sm\"\n        w={size}\n      />\n    </Box>\n  </Box>\n)\n"],"mappings":";;;;;;;;;;AAiBA,MAAM,OAAO;;;;AAKb,MAAaA,kBAA6B,EACxC,cACA,kBACA,mBACA,cACA,cACA,gBAEA,qBAACC;CAAI,cAAa;CAAsB;CAAQ,WAAW,GAAG,sBAAsB;YAClF,oBAACA;EAAI,WAAU;YACb,oBAAC;GAAkC;GAAiC;GAAyB;IAAa;GACtG,EACN,qBAACA;EAAI,WAAU;EAA4B,MAAK;EAAI,gBAAe;aACjE,oBAAC;GACC,cAAW;GACX,WAAU;GACV,UAAU;GACV,GAAG;GACH,MAAK;GACL,eAAe,iBAAiB,OAAO;GACvC,MAAK;GACL,GAAG;IACH,EACF,oBAAC;GACC,cAAW;GACX,WAAU;GACV,UAAU;GACV,GAAG;GACH,MAAK;GACL,eAAe,iBAAiB,OAAO;GACvC,MAAK;GACL,GAAG;IACH;GACE;EACF"}

package/dist/calendar/components/dayPicker.js

@@ -1,7 +1,10 @@
 import { cs } from "../../utils/styles.js";
+import "../../utils/index.js";
 import { th } from "../../core/theme.js";
 import { styled } from "../../core/styled.js";
 import box_default from "../../box/box.js";
+import "../../box/index.js";
+import "../../core/index.js";
 import { CalendarItem, CalendarItemsContainer } from "../calendar.styles.js";
 import { weekDays } from "../consts.js";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -47,5 +50,5 @@ const DayPicker = ({ calendar, onSelectDay }) => /* @__PURE__ */ jsxs(DaysContai
 
 //#endregion
 export { DayPicker };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=dayPicker.js.map

package/dist/calendar/components/dayPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"dayPicker.js","names":["Box"],"sources":["../../../src/calendar/components/dayPicker.tsx"],"sourcesContent":["import Box from '../../box'\nimport { styled, th } from '../../core'\nimport { cs } from '../../utils'\nimport { CalendarItem, CalendarItemsContainer } from '../calendar.styles'\nimport type { ItemProps, TimeResult } from '../calendar.types'\nimport { weekDays } from '../consts'\n\ntype DayPickerProps = {\n  calendar: TimeResult\n  onSelectDay?: (date: Date) => void\n}\n\nconst DayItem = styled(CalendarItem)<ItemProps>`\n  aspect-ratio: 1;\n  position: relative;\n  font-size: 14px;\n  font-weight: 500;\n  width: 40px;\n  height: 40px;\n  color: ${th.color('seaBlue.main')};\n  display: inline-flex;\n  align-items: center;\n\n  & > .vui-t {\n    margin-bottom: -3px;\n  }\n`\n\nconst DaysContainer = styled(CalendarItemsContainer)`\n  grid-template-columns: repeat(7, 1fr);\n  grid-template-rows: auto;\n`\n\nexport const DayPicker = ({ calendar, onSelectDay }: DayPickerProps) => (\n  <DaysContainer className={cs('vui-day-picker')} mt={1} wrap>\n    {weekDays.map((day, index) => (\n      <Box\n        border={0}\n        className=\"dayHeader\"\n        color=\"seaBlue.main\"\n        fontSize={16}\n        fontWeight={500}\n        key={`week-day-${index}`}\n      >\n        {day}\n      </Box>\n    ))}\n    {calendar.items.map(item => (\n      <DayItem\n        className={cs('vui-day-item')}\n        key={item.date.getTime()}\n        onClick={(!item.isDisabled && onSelectDay?.(item.date)) || undefined}\n        {...item}\n      >\n        {item.date.getUTCDate()}\n      </DayItem>\n    ))}\n  </DaysContainer>\n)\n"],"mappings":";;;;;;;;;AAYA,MAAM,UAAU,OAAO,aAAa,AAAW;;;;;;;WAOpC,GAAG,MAAM,eAAe,CAAC;;;;;;;;AASpC,MAAM,gBAAgB,OAAO,uBAAuB;;;;AAKpD,MAAa,aAAa,EAAE,UAAU,kBACpC,qBAAC;CAAc,WAAW,GAAG,iBAAiB;CAAE,IAAI;CAAG;YACpD,SAAS,KAAK,KAAK,UAClB,oBAACA;EACC,QAAQ;EACR,WAAU;EACV,OAAM;EACN,UAAU;EACV,YAAY;YAGX;IAFI,YAAY,QAGb,CACN,EACD,SAAS,MAAM,KAAI,SAClB,oBAAC;EACC,WAAW,GAAG,eAAe;EAE7B,SAAU,CAAC,KAAK,cAAc,cAAc,KAAK,KAAK,IAAK;EAC3D,GAAI;YAEH,KAAK,KAAK,YAAY;IAJlB,KAAK,KAAK,SAAS,CAKhB,CACV;EACY"}
+{"version":3,"file":"dayPicker.js","names":["Box"],"sources":["../../../src/calendar/components/dayPicker.tsx"],"sourcesContent":["import Box from '../../box'\nimport { styled, th } from '../../core'\nimport { cs } from '../../utils'\nimport { CalendarItem, CalendarItemsContainer } from '../calendar.styles'\nimport type { ItemProps, TimeResult } from '../calendar.types'\nimport { weekDays } from '../consts'\n\ntype DayPickerProps = {\n  calendar: TimeResult\n  onSelectDay?: (date: Date) => void\n}\n\nconst DayItem = styled(CalendarItem)<ItemProps>`\n  aspect-ratio: 1;\n  position: relative;\n  font-size: 14px;\n  font-weight: 500;\n  width: 40px;\n  height: 40px;\n  color: ${th.color('seaBlue.main')};\n  display: inline-flex;\n  align-items: center;\n\n  & > .vui-t {\n    margin-bottom: -3px;\n  }\n`\n\nconst DaysContainer = styled(CalendarItemsContainer)`\n  grid-template-columns: repeat(7, 1fr);\n  grid-template-rows: auto;\n`\n\nexport const DayPicker = ({ calendar, onSelectDay }: DayPickerProps) => (\n  <DaysContainer className={cs('vui-day-picker')} mt={1} wrap>\n    {weekDays.map((day, index) => (\n      <Box\n        border={0}\n        className=\"dayHeader\"\n        color=\"seaBlue.main\"\n        fontSize={16}\n        fontWeight={500}\n        key={`week-day-${index}`}\n      >\n        {day}\n      </Box>\n    ))}\n    {calendar.items.map(item => (\n      <DayItem\n        className={cs('vui-day-item')}\n        key={item.date.getTime()}\n        onClick={(!item.isDisabled && onSelectDay?.(item.date)) || undefined}\n        {...item}\n      >\n        {item.date.getUTCDate()}\n      </DayItem>\n    ))}\n  </DaysContainer>\n)\n"],"mappings":";;;;;;;;;;;;AAYA,MAAM,UAAU,OAAO,aAAa,AAAW;;;;;;;WAOpC,GAAG,MAAM,eAAe,CAAC;;;;;;;;AASpC,MAAM,gBAAgB,OAAO,uBAAuB;;;;AAKpD,MAAa,aAAa,EAAE,UAAU,kBACpC,qBAAC;CAAc,WAAW,GAAG,iBAAiB;CAAE,IAAI;CAAG;YACpD,SAAS,KAAK,KAAK,UAClB,oBAACA;EACC,QAAQ;EACR,WAAU;EACV,OAAM;EACN,UAAU;EACV,YAAY;YAGX;IAFI,YAAY,QAGb,CACN,EACD,SAAS,MAAM,KAAI,SAClB,oBAAC;EACC,WAAW,GAAG,eAAe;EAE7B,SAAU,CAAC,KAAK,cAAc,cAAc,KAAK,KAAK,IAAK;EAC3D,GAAI;YAEH,KAAK,KAAK,YAAY;IAJlB,KAAK,KAAK,SAAS,CAKhB,CACV;EACY"}

package/dist/calendar/components/index.js

@@ -0,0 +1,7 @@
+import { DayPicker } from "./dayPicker.js";
+import { TimeUnitHeader } from "./timeUnitHeader.js";
+import { CalendarHeader } from "./calendarHeader.js";
+import { MonthPicker } from "./monthPicker.js";
+import { YearPicker } from "./yearPicker.js";
+
+globalThis.__vuiVersion__ = "4.0.0-beta.1"

package/dist/calendar/components/monthPicker.js

@@ -1,4 +1,5 @@
 import { cs } from "../../utils/styles.js";
+import "../../utils/index.js";
 import { CalendarItem, CalendarItemsContainer } from "../calendar.styles.js";
 import { monthsShort } from "../consts.js";
 import { jsx } from "react/jsx-runtime";
@@ -19,5 +20,5 @@ const MonthPicker = ({ calendar, onSelectMonth }) => /* @__PURE__ */ jsx(Calenda
 
 //#endregion
 export { MonthPicker };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=monthPicker.js.map

package/dist/calendar/components/monthPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"monthPicker.js","names":["MonthItem"],"sources":["../../../src/calendar/components/monthPicker.tsx"],"sourcesContent":["import { cs } from '../../utils'\nimport { CalendarItem as MonthItem, CalendarItemsContainer } from '../calendar.styles'\nimport type { TimeResult } from '../calendar.types'\nimport { monthsShort } from '../consts'\n\ntype MonthPickerProps = {\n  calendar: TimeResult\n  onSelectMonth?: (date: Date) => void\n}\n\nexport const MonthPicker = ({ calendar, onSelectMonth }: MonthPickerProps) => (\n  <CalendarItemsContainer className={cs('vui-month-picker')} gridTemplateRows=\"repeat(4, 65px)\">\n    {calendar.items.map(item => (\n      <MonthItem\n        fontWeight={500}\n        key={item.date.getTime()}\n        onClick={(!item.isDisabled && onSelectMonth && onSelectMonth(item.date)) || undefined}\n        {...item}\n        alignContent=\"center\"\n        textAlign=\"center\"\n      >\n        {monthsShort[item.date.getUTCMonth()]}\n      </MonthItem>\n    ))}\n  </CalendarItemsContainer>\n)\n"],"mappings":";;;;;;AAUA,MAAa,eAAe,EAAE,UAAU,oBACtC,oBAAC;CAAuB,WAAW,GAAG,mBAAmB;CAAE,kBAAiB;WACzE,SAAS,MAAM,KAAI,SAClB,oBAACA;EACC,YAAY;EAEZ,SAAU,CAAC,KAAK,cAAc,iBAAiB,cAAc,KAAK,KAAK,IAAK;EAC5E,GAAI;EACJ,cAAa;EACb,WAAU;YAET,YAAY,KAAK,KAAK,aAAa;IAN/B,KAAK,KAAK,SAAS,CAOd,CACZ;EACqB"}
+{"version":3,"file":"monthPicker.js","names":["MonthItem"],"sources":["../../../src/calendar/components/monthPicker.tsx"],"sourcesContent":["import { cs } from '../../utils'\nimport { CalendarItem as MonthItem, CalendarItemsContainer } from '../calendar.styles'\nimport type { TimeResult } from '../calendar.types'\nimport { monthsShort } from '../consts'\n\ntype MonthPickerProps = {\n  calendar: TimeResult\n  onSelectMonth?: (date: Date) => void\n}\n\nexport const MonthPicker = ({ calendar, onSelectMonth }: MonthPickerProps) => (\n  <CalendarItemsContainer className={cs('vui-month-picker')} gridTemplateRows=\"repeat(4, 65px)\">\n    {calendar.items.map(item => (\n      <MonthItem\n        fontWeight={500}\n        key={item.date.getTime()}\n        onClick={(!item.isDisabled && onSelectMonth && onSelectMonth(item.date)) || undefined}\n        {...item}\n        alignContent=\"center\"\n        textAlign=\"center\"\n      >\n        {monthsShort[item.date.getUTCMonth()]}\n      </MonthItem>\n    ))}\n  </CalendarItemsContainer>\n)\n"],"mappings":";;;;;;;AAUA,MAAa,eAAe,EAAE,UAAU,oBACtC,oBAAC;CAAuB,WAAW,GAAG,mBAAmB;CAAE,kBAAiB;WACzE,SAAS,MAAM,KAAI,SAClB,oBAACA;EACC,YAAY;EAEZ,SAAU,CAAC,KAAK,cAAc,iBAAiB,cAAc,KAAK,KAAK,IAAK;EAC5E,GAAI;EACJ,cAAa;EACb,WAAU;YAET,YAAY,KAAK,KAAK,aAAa;IAN/B,KAAK,KAAK,SAAS,CAOd,CACZ;EACqB"}

package/dist/calendar/components/timeUnitHeader.js

@@ -1,6 +1,9 @@
 import { cs } from "../../utils/styles.js";
+import "../../utils/index.js";
 import { Box } from "../../box/box.js";
+import "../../box/index.js";
 import { Button } from "../../button/button.js";
+import "../../button/index.js";
 import { months } from "../consts.js";
 import { isDay, isMonth, isYear } from "../utils.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -61,5 +64,5 @@ const TimeUnitHeader = ({ onSetTimeUnitMode, timeUnitMode, viewMonth }) => {
 
 //#endregion
 export { TimeUnitHeader };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=timeUnitHeader.js.map

package/dist/calendar/components/timeUnitHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"timeUnitHeader.js","names":["TimeUnitHeader: FC<TimeUnitHeaderProps>"],"sources":["../../../src/calendar/components/timeUnitHeader.tsx"],"sourcesContent":["import type { FC } from 'react'\n\nimport { Box } from '../../box'\nimport { Button } from '../../button'\nimport { cs } from '../../utils'\nimport type { TimeUnitMode } from '../calendar.types'\nimport { months } from '../consts'\nimport { isDay, isMonth, isYear } from '../utils'\n\nconst h = 40\nconst fontSize = 16\n\ntype TimeUnitHeaderProps = {\n  onSetTimeUnitMode: (mode: TimeUnitMode) => void\n  timeUnitMode: TimeUnitMode\n  viewMonth: Date\n}\n\n/**\n * Displays the header title with the month and year being viewed\n */\nexport const TimeUnitHeader: FC<TimeUnitHeaderProps> = ({ onSetTimeUnitMode, timeUnitMode, viewMonth }) => {\n  return (\n    <Box center className={cs('vui-time-unit-header')} cursor=\"pointer\" flex=\"1\" justifyItems=\"flex-start\" gap=\"2px\">\n      {isDay(timeUnitMode) && (\n        <>\n          <Button\n            fontSize={fontSize}\n            h={h}\n            onClick={() => onSetTimeUnitMode('month')}\n            variant=\"tertiaryDark\"\n            px=\"6px\"\n            minW=\"auto\"\n          >\n            {months[viewMonth.getUTCMonth()]}\n          </Button>\n          <Button\n            fontSize={fontSize}\n            h={h}\n            onClick={() => onSetTimeUnitMode('year')}\n            variant=\"tertiaryDark\"\n            px=\"6px\"\n            minW=\"auto\"\n          >\n            {viewMonth.getUTCFullYear()}\n          </Button>\n        </>\n      )}\n      {isMonth(timeUnitMode) && (\n        <Button\n          fontSize={fontSize}\n          h={h}\n          onClick={() => onSetTimeUnitMode('year')}\n          variant=\"tertiaryDark\"\n          px=\"6px\"\n          minW=\"auto\"\n        >\n          {viewMonth.getUTCFullYear()}\n        </Button>\n      )}\n      {isYear(timeUnitMode) && (\n        <Button\n          fontSize={fontSize}\n          h={h}\n          onClick={() => onSetTimeUnitMode('day')}\n          variant=\"tertiaryDark\"\n          px=\"6px\"\n          minW=\"auto\"\n        >\n          Year\n        </Button>\n      )}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;AASA,MAAM,IAAI;AACV,MAAM,WAAW;;;;AAWjB,MAAaA,kBAA2C,EAAE,mBAAmB,cAAc,gBAAgB;AACzG,QACE,qBAAC;EAAI;EAAO,WAAW,GAAG,uBAAuB;EAAE,QAAO;EAAU,MAAK;EAAI,cAAa;EAAa,KAAI;;GACxG,MAAM,aAAa,IAClB,4CACE,oBAAC;IACW;IACP;IACH,eAAe,kBAAkB,QAAQ;IACzC,SAAQ;IACR,IAAG;IACH,MAAK;cAEJ,OAAO,UAAU,aAAa;KACxB,EACT,oBAAC;IACW;IACP;IACH,eAAe,kBAAkB,OAAO;IACxC,SAAQ;IACR,IAAG;IACH,MAAK;cAEJ,UAAU,gBAAgB;KACpB,IACR;GAEJ,QAAQ,aAAa,IACpB,oBAAC;IACW;IACP;IACH,eAAe,kBAAkB,OAAO;IACxC,SAAQ;IACR,IAAG;IACH,MAAK;cAEJ,UAAU,gBAAgB;KACpB;GAEV,OAAO,aAAa,IACnB,oBAAC;IACW;IACP;IACH,eAAe,kBAAkB,MAAM;IACvC,SAAQ;IACR,IAAG;IACH,MAAK;cACN;KAEQ;;GAEP"}
+{"version":3,"file":"timeUnitHeader.js","names":["TimeUnitHeader: FC<TimeUnitHeaderProps>"],"sources":["../../../src/calendar/components/timeUnitHeader.tsx"],"sourcesContent":["import type { FC } from 'react'\n\nimport { Box } from '../../box'\nimport { Button } from '../../button'\nimport { cs } from '../../utils'\nimport type { TimeUnitMode } from '../calendar.types'\nimport { months } from '../consts'\nimport { isDay, isMonth, isYear } from '../utils'\n\nconst h = 40\nconst fontSize = 16\n\ntype TimeUnitHeaderProps = {\n  onSetTimeUnitMode: (mode: TimeUnitMode) => void\n  timeUnitMode: TimeUnitMode\n  viewMonth: Date\n}\n\n/**\n * Displays the header title with the month and year being viewed\n */\nexport const TimeUnitHeader: FC<TimeUnitHeaderProps> = ({ onSetTimeUnitMode, timeUnitMode, viewMonth }) => {\n  return (\n    <Box center className={cs('vui-time-unit-header')} cursor=\"pointer\" flex=\"1\" justifyItems=\"flex-start\" gap=\"2px\">\n      {isDay(timeUnitMode) && (\n        <>\n          <Button\n            fontSize={fontSize}\n            h={h}\n            onClick={() => onSetTimeUnitMode('month')}\n            variant=\"tertiaryDark\"\n            px=\"6px\"\n            minW=\"auto\"\n          >\n            {months[viewMonth.getUTCMonth()]}\n          </Button>\n          <Button\n            fontSize={fontSize}\n            h={h}\n            onClick={() => onSetTimeUnitMode('year')}\n            variant=\"tertiaryDark\"\n            px=\"6px\"\n            minW=\"auto\"\n          >\n            {viewMonth.getUTCFullYear()}\n          </Button>\n        </>\n      )}\n      {isMonth(timeUnitMode) && (\n        <Button\n          fontSize={fontSize}\n          h={h}\n          onClick={() => onSetTimeUnitMode('year')}\n          variant=\"tertiaryDark\"\n          px=\"6px\"\n          minW=\"auto\"\n        >\n          {viewMonth.getUTCFullYear()}\n        </Button>\n      )}\n      {isYear(timeUnitMode) && (\n        <Button\n          fontSize={fontSize}\n          h={h}\n          onClick={() => onSetTimeUnitMode('day')}\n          variant=\"tertiaryDark\"\n          px=\"6px\"\n          minW=\"auto\"\n        >\n          Year\n        </Button>\n      )}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;;;AASA,MAAM,IAAI;AACV,MAAM,WAAW;;;;AAWjB,MAAaA,kBAA2C,EAAE,mBAAmB,cAAc,gBAAgB;AACzG,QACE,qBAAC;EAAI;EAAO,WAAW,GAAG,uBAAuB;EAAE,QAAO;EAAU,MAAK;EAAI,cAAa;EAAa,KAAI;;GACxG,MAAM,aAAa,IAClB,4CACE,oBAAC;IACW;IACP;IACH,eAAe,kBAAkB,QAAQ;IACzC,SAAQ;IACR,IAAG;IACH,MAAK;cAEJ,OAAO,UAAU,aAAa;KACxB,EACT,oBAAC;IACW;IACP;IACH,eAAe,kBAAkB,OAAO;IACxC,SAAQ;IACR,IAAG;IACH,MAAK;cAEJ,UAAU,gBAAgB;KACpB,IACR;GAEJ,QAAQ,aAAa,IACpB,oBAAC;IACW;IACP;IACH,eAAe,kBAAkB,OAAO;IACxC,SAAQ;IACR,IAAG;IACH,MAAK;cAEJ,UAAU,gBAAgB;KACpB;GAEV,OAAO,aAAa,IACnB,oBAAC;IACW;IACP;IACH,eAAe,kBAAkB,MAAM;IACvC,SAAQ;IACR,IAAG;IACH,MAAK;cACN;KAEQ;;GAEP"}

package/dist/calendar/components/yearPicker.js

@@ -16,5 +16,5 @@ const YearPicker = ({ calendar, onSelectYear }) => /* @__PURE__ */ jsx(CalendarI
 
 //#endregion
 export { YearPicker };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=yearPicker.js.map