@veracity/vui 4.0.3 → 5.0.0-alpha.375407.2603121328

package/dist/prose/prose.d.ts

@@ -1,12 +1,41 @@
+import { ThemingProps } from "../theme/types.js";
 import { VuiComponent } from "../core/vui.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, BordersProps, DivideColorProps, DivideStyleProps, DivideXProps, DivideXReverseProps, DivideYProps, DivideYReverseProps, OutlineColorProps, OutlineProps, OutlineStyleProps, OutlineWidthProps, RingColorProps, RingProps } from "../system/borders.js";
+import { IsTruncatedProps, MaxLinesProps, WordBreakProps } from "../system/custom.js";
+import { BoxShadowProps, EffectsProps, OpacityProps, TextShadowProps } from "../system/effects.js";
+import { BottomProps, BoxSizingProps, DisplayProps, FloatProps, LeftProps, ObjectFitProps, OverflowProps, OverflowXProps, OverflowYProps, OverscrollBehaviorProps, PositionProps, RightProps, TopProps, VisibilityProps, ZIndexProps } from "../system/layout.js";
+import { AlignContentProps, AlignItemsProps, AlignSelfProps, FlexBasisProps, FlexDirectionProps, FlexGrowProps, FlexProps, FlexShrinkProps, FlexWrapProps, FlexboxesProps, JustifyContentProps, JustifyItemsProps, JustifySelfProps, OrderProps } from "../system/flexboxes.js";
+import { AppearanceProps, CursorProps, PointerEventsProps, ResizeProps, UserSelectProps } from "../system/interactivity.js";
+import { HeightProps, MaxHeightProps, MaxWidthProps, MinHeightProps, MinWidthProps, WidthProps } from "../system/sizing.js";
+import { MarginBottomProps, MarginLeftProps, MarginProps, MarginRightProps, MarginTopProps, MarginXProps, MarginYProps, PaddingBottomProps, PaddingLeftProps, PaddingProps, PaddingRightProps, PaddingTopProps, PaddingXProps, PaddingYProps, SpaceXProps, SpaceXReverseProps, SpaceYProps, SpaceYReverseProps } from "../system/space.js";
+import { ColProps, RowProps } from "../system/flexboxGrids.js";
+import { ColumnGapProps, GapProps, GridAreaProps, GridAutoColumnsProps, GridAutoFlowProps, GridAutoRowsProps, GridColumnProps, GridRowProps, GridTemplateAreasProps, GridTemplateColumnsProps, GridTemplateRowsProps, RowGapProps } from "../system/grids.js";
+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 { BoxProps } from "../box/box.types.js";
-import "../box/index.js";
-import "../index.js";
-import * as styled_components0 from "styled-components";
+import * as react from "react";
+import * as styled_components_dist_types0 from "styled-components/dist/types";
 
 //#region src/prose/prose.d.ts
 type ProseProps = BoxProps;
-declare const Prose: styled_components0.StyledComponent<VuiComponent<"div", BoxProps>, any, BoxProps, never>;
+declare const Prose: styled_components_dist_types0.IStyledComponentBase<"web", styled_components_dist_types0.Substitute<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "center" | "col" | keyof AnimationProps | keyof BackgroundColorProps | keyof BorderProps | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | keyof BorderColorProps | "borderTopColor" | "borderRightColor" | "borderBottomColor" | "borderLeftColor" | keyof BorderWidthProps | "borderTopWidth" | "borderRightWidth" | "borderBottomWidth" | "borderLeftWidth" | keyof BorderStyleProps | keyof BorderRadiusProps | "outline" | "outlineColor" | "outlineWidth" | "outlineStyle" | "divideX" | "divideY" | "divideXReverse" | "divideYReverse" | keyof DivideColorProps | "divideStyle" | keyof RingProps | keyof RingColorProps | keyof OpacityProps | keyof BoxShadowProps | "textShadow" | "display" | "alignItems" | "alignContent" | "justifyContent" | "justifyItems" | "flexWrap" | "flexGrow" | "flexShrink" | keyof FlexBasisProps | "flexDirection" | keyof FlexProps | "justifySelf" | "alignSelf" | "order" | "row" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "appearance" | "cursor" | "pointerEvents" | "resize" | "userSelect" | "isTruncated" | "float" | "boxSizing" | "overflow" | "overflowX" | "overflowY" | "position" | "zIndex" | keyof TopProps | keyof RightProps | keyof BottomProps | keyof LeftProps | keyof VisibilityProps | "overscrollBehavior" | "objectFit" | "maxLines" | keyof WidthProps | keyof HeightProps | keyof MaxWidthProps | keyof MaxHeightProps | keyof MinWidthProps | keyof MinHeightProps | keyof MarginProps | keyof MarginTopProps | keyof MarginRightProps | keyof MarginBottomProps | keyof MarginLeftProps | keyof MarginXProps | keyof MarginYProps | keyof PaddingProps | keyof PaddingTopProps | keyof PaddingRightProps | keyof PaddingBottomProps | keyof PaddingLeftProps | keyof PaddingXProps | keyof PaddingYProps | "spaceX" | "spaceY" | "spaceXReverse" | "spaceYReverse" | "borderCollapse" | "tableLayout" | keyof TransformProps | keyof TransformOriginProps | keyof TranslateXProps | keyof TranslateYProps | keyof RotateProps | keyof SkewXProps | keyof SkewYProps | keyof ScaleProps | keyof ScaleXProps | keyof ScaleYProps | "transition" | "transitionProperty" | "transitionDuration" | "transitionTimingFunction" | "transitionDelay" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "lineHeight" | keyof ColorProps | "textTransform" | keyof TextDecorationProps | "textAlign" | "verticalAlign" | "letterSpacing" | "whiteSpace" | "textOverflow" | "listStyleType" | "listStylePosition" | "wordBreak" | "column" | keyof ThemingProps<"Box"> | "align" | "centerH" | "centerV" | "direction" | "hoverShadow" | "justify" | "radius" | "shadow" | "wrap"> & 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<"Box"> & {
+  align?: FlexboxesProps["alignItems"];
+  center?: boolean;
+  centerH?: boolean;
+  centerV?: boolean;
+  column?: boolean;
+  direction?: FlexboxesProps["flexDirection"];
+  elevation?: EffectsProps["boxShadow"];
+  hoverShadow?: EffectsProps["hoverBoxShadow"];
+  justify?: FlexboxesProps["justifyContent"];
+  radius?: BordersProps["borderRadius"];
+  shadow?: EffectsProps["boxShadow"];
+  wrap?: boolean;
+}, BoxProps>> & string & Omit<VuiComponent<"div", BoxProps>, keyof react.Component<any, {}, any>>;
 //#endregion
 export { Prose, ProseProps };
 

package/dist/prose/prose.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prose.d.ts","names":[],"sources":["../../src/prose/prose.tsx"],"mappings":";;;;;;;KAIY,UAAA,GAAa,QAAA;AAAA,cAEZ,KAAA,EAAK,kBAAA,CAAA,eAAA,CAAA,YAAA,QAAA,QAAA,QAAA,QAAA"}
+{"version":3,"file":"prose.d.ts","names":[],"sources":["../../src/prose/prose.tsx"],"mappings":"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"}

package/dist/prose/prose.js

@@ -4,17 +4,17 @@ import Box from "../box/box.js";
 
 //#region src/prose/prose.tsx
 const Prose = styled(Box)`
-  --link-transition-duration: 0.5s;
-  --list-margin: ${th.space(2)};
-  --list-padding-left: ${th.space(4)};
-  --nested-list-margin: ${th.space(.5)};
-  --link-color: ${th.color("seaBlue.main")};
-  --link-hover-color: ${th.color("seaBlue.35")};
-  --bold-font-weight: ${th.fontWeight("bold")};
+  --vui-prose-link-transition-duration: 0.5s;
+  --vui-prose-list-margin: ${th.space(2)};
+  --vui-prose-list-padding-left: ${th.space(4)};
+  --vui-prose-nested-list-margin: ${th.space(.5)};
+  --vui-prose-link-color: ${th.color("seaBlue.main")};
+  --vui-prose-link-hover-color: ${th.color("seaBlue.35")};
+  --vui-prose-bold-font-weight: ${th.fontWeight("bold")};
 
   display: block;
 
-  /* Paragraphs */
+  /* Paragraphs one after another */
   p + p {
     margin-top: ${th.space(2)};
   }
@@ -22,20 +22,20 @@ const Prose = styled(Box)`
   /* Bold text */
   b,
   strong {
-    font-weight: var(--bold-font-weight);
+    font-weight: var(--vui-prose-bold-font-weight);
   }
 
   /* Unordered lists */
   ul {
-    margin: var(--list-margin) 0;
-    padding-left: var(--list-padding-left);
+    margin: var(--vui-prose-list-margin) 0;
+    padding-left: var(--vui-prose-list-padding-left);
     list-style-type: disc;
   }
 
   /* Ordered lists */
   ol {
-    margin: var(--list-margin) 0;
-    padding-left: var(--list-padding-left);
+    margin: var(--vui-prose-list-margin) 0;
+    padding-left: var(--vui-prose-list-padding-left);
     list-style-type: decimal;
   }
 
@@ -51,7 +51,7 @@ const Prose = styled(Box)`
   ul ul,
   ol ul {
     list-style-type: circle;
-    margin: var(--nested-list-margin) 0;
+    margin: var(--vui-nested-list-margin) 0;
   }
 
   ul ul ul,
@@ -67,7 +67,7 @@ const Prose = styled(Box)`
 
   /* Links - as in Link component */
   a {
-    color: var(--link-color);
+    color: var(--vui-prose-link-color);
     cursor: pointer;
     padding-bottom: 2px;
     position: relative;
@@ -78,13 +78,13 @@ const Prose = styled(Box)`
     background-position: 0 100%;
     background-repeat: no-repeat;
 
-    transition: color var(--link-transition-duration) ease;
+    transition: color var(--vui-prose-link-transition-duration) ease;
 
     &:hover,
     &:focus {
-      animation: linkSwipe var(--link-transition-duration) ease forwards;
+      animation: linkSwipe var(--vui-prose-link-transition-duration) ease forwards;
       background-size: 100% 1px;
-      color: var(--link-hover-color);
+      color: var(--vui-prose-link-hover-color);
     }
 
     &[target='_blank']::after,
@@ -126,5 +126,5 @@ Prose.displayName = "Prose";
 
 //#endregion
 export { Prose as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=prose.js.map

package/dist/prose/prose.js.map

@@ -1 +1 @@
-{"version":3,"file":"prose.js","names":[],"sources":["../../src/prose/prose.tsx"],"sourcesContent":["import Box from '../box'\nimport type { BoxProps } from '../box'\nimport { styled, th } from '../core'\n\nexport type ProseProps = BoxProps\n\nexport const Prose = styled(Box)<ProseProps>`\n  --link-transition-duration: 0.5s;\n  --list-margin: ${th.space(2)};\n  --list-padding-left: ${th.space(4)};\n  --nested-list-margin: ${th.space(0.5)};\n  --link-color: ${th.color('seaBlue.main')};\n  --link-hover-color: ${th.color('seaBlue.35')};\n  --bold-font-weight: ${th.fontWeight('bold')};\n\n  display: block;\n\n  /* Paragraphs */\n  p + p {\n    margin-top: ${th.space(2)};\n  }\n\n  /* Bold text */\n  b,\n  strong {\n    font-weight: var(--bold-font-weight);\n  }\n\n  /* Unordered lists */\n  ul {\n    margin: var(--list-margin) 0;\n    padding-left: var(--list-padding-left);\n    list-style-type: disc;\n  }\n\n  /* Ordered lists */\n  ol {\n    margin: var(--list-margin) 0;\n    padding-left: var(--list-padding-left);\n    list-style-type: decimal;\n  }\n\n  /* List items */\n  li {\n    line-height: 1.6;\n    &::marker {\n      color: currentColor;\n    }\n  }\n\n  /* Nested lists */\n  ul ul,\n  ol ul {\n    list-style-type: circle;\n    margin: var(--nested-list-margin) 0;\n  }\n\n  ul ul ul,\n  ol ul ul {\n    list-style-type: square;\n  }\n\n  /* Emphasis */\n  em,\n  i {\n    font-style: italic;\n  }\n\n  /* Links - as in Link component */\n  a {\n    color: var(--link-color);\n    cursor: pointer;\n    padding-bottom: 2px;\n    position: relative;\n    text-decoration: none;\n\n    background: linear-gradient(to right, currentcolor, currentcolor);\n    background-size: 100% 1px;\n    background-position: 0 100%;\n    background-repeat: no-repeat;\n\n    transition: color var(--link-transition-duration) ease;\n\n    &:hover,\n    &:focus {\n      animation: linkSwipe var(--link-transition-duration) ease forwards;\n      background-size: 100% 1px;\n      color: var(--link-hover-color);\n    }\n\n    &[target='_blank']::after,\n    &[rel~='external']::after,\n    &[rel~='noopener']::after {\n      content: '';\n      display: inline-block;\n      position: absolute;\n      width: 1rem;\n      height: 1rem;\n\n      background-color: currentColor;\n\n      mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 512 512' %3E%3Cpath d='M440 256h-16a8 8 0 0 0-8 8v200a16 16 0 0 1-16 16H48a16 16 0 0 1-16-16V112a16 16 0 0 1 16-16h200a8 8 0 0 0 8-8V72a8 8 0 0 0-8-8H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V264a8 8 0 0 0-8-8ZM500 0 364 .34a12 12 0 0 0-12 12v10a12 12 0 0 0 12 12l90-.34.7.71-323.19 323.15a12 12 0 0 0 0 17l5.66 5.66a12 12 0 0 0 17 0L477.29 57.34l.71.7-.34 90a12 12 0 0 0 12 12h10a12 12 0 0 0 12-12L512 12a12 12 0 0 0-12-12Z'/%3E%3C/svg%3E%0A\");\n      mask-repeat: no-repeat;\n      mask-size: contain;\n    }\n\n    &[target='_blank'],\n    &[rel~='external'],\n    &[rel~='noopener'] {\n      margin-right: 1.5rem;\n      &::after {\n        transform: translate(4px, 3px);\n      }\n    }\n  }\n\n  @keyframes linkSwipe {\n    from {\n      background-size: 0 1px;\n    }\n    to {\n      background-size: 100% 1px;\n    }\n  }\n`\n\nProse.displayName = 'Prose'\nexport default Prose\n"],"mappings":";;;;;AAMA,MAAa,QAAQ,OAAO,IAAI,AAAY;;mBAEzB,GAAG,MAAM,EAAE,CAAC;yBACN,GAAG,MAAM,EAAE,CAAC;0BACX,GAAG,MAAM,GAAI,CAAC;kBACtB,GAAG,MAAM,eAAe,CAAC;wBACnB,GAAG,MAAM,aAAa,CAAC;wBACvB,GAAG,WAAW,OAAO,CAAC;;;;;;kBAM5B,GAAG,MAAM,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2G9B,MAAM,cAAc"}
+{"version":3,"file":"prose.js","names":[],"sources":["../../src/prose/prose.tsx"],"sourcesContent":["import Box from '../box'\nimport type { BoxProps } from '../box'\nimport { styled, th } from '../core'\n\nexport type ProseProps = BoxProps\n\nexport const Prose = styled(Box)<ProseProps>`\n  --vui-prose-link-transition-duration: 0.5s;\n  --vui-prose-list-margin: ${th.space(2)};\n  --vui-prose-list-padding-left: ${th.space(4)};\n  --vui-prose-nested-list-margin: ${th.space(0.5)};\n  --vui-prose-link-color: ${th.color('seaBlue.main')};\n  --vui-prose-link-hover-color: ${th.color('seaBlue.35')};\n  --vui-prose-bold-font-weight: ${th.fontWeight('bold')};\n\n  display: block;\n\n  /* Paragraphs one after another */\n  p + p {\n    margin-top: ${th.space(2)};\n  }\n\n  /* Bold text */\n  b,\n  strong {\n    font-weight: var(--vui-prose-bold-font-weight);\n  }\n\n  /* Unordered lists */\n  ul {\n    margin: var(--vui-prose-list-margin) 0;\n    padding-left: var(--vui-prose-list-padding-left);\n    list-style-type: disc;\n  }\n\n  /* Ordered lists */\n  ol {\n    margin: var(--vui-prose-list-margin) 0;\n    padding-left: var(--vui-prose-list-padding-left);\n    list-style-type: decimal;\n  }\n\n  /* List items */\n  li {\n    line-height: 1.6;\n    &::marker {\n      color: currentColor;\n    }\n  }\n\n  /* Nested lists */\n  ul ul,\n  ol ul {\n    list-style-type: circle;\n    margin: var(--vui-nested-list-margin) 0;\n  }\n\n  ul ul ul,\n  ol ul ul {\n    list-style-type: square;\n  }\n\n  /* Emphasis */\n  em,\n  i {\n    font-style: italic;\n  }\n\n  /* Links - as in Link component */\n  a {\n    color: var(--vui-prose-link-color);\n    cursor: pointer;\n    padding-bottom: 2px;\n    position: relative;\n    text-decoration: none;\n\n    background: linear-gradient(to right, currentcolor, currentcolor);\n    background-size: 100% 1px;\n    background-position: 0 100%;\n    background-repeat: no-repeat;\n\n    transition: color var(--vui-prose-link-transition-duration) ease;\n\n    &:hover,\n    &:focus {\n      animation: linkSwipe var(--vui-prose-link-transition-duration) ease forwards;\n      background-size: 100% 1px;\n      color: var(--vui-prose-link-hover-color);\n    }\n\n    &[target='_blank']::after,\n    &[rel~='external']::after,\n    &[rel~='noopener']::after {\n      content: '';\n      display: inline-block;\n      position: absolute;\n      width: 1rem;\n      height: 1rem;\n\n      background-color: currentColor;\n\n      mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 512 512' %3E%3Cpath d='M440 256h-16a8 8 0 0 0-8 8v200a16 16 0 0 1-16 16H48a16 16 0 0 1-16-16V112a16 16 0 0 1 16-16h200a8 8 0 0 0 8-8V72a8 8 0 0 0-8-8H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V264a8 8 0 0 0-8-8ZM500 0 364 .34a12 12 0 0 0-12 12v10a12 12 0 0 0 12 12l90-.34.7.71-323.19 323.15a12 12 0 0 0 0 17l5.66 5.66a12 12 0 0 0 17 0L477.29 57.34l.71.7-.34 90a12 12 0 0 0 12 12h10a12 12 0 0 0 12-12L512 12a12 12 0 0 0-12-12Z'/%3E%3C/svg%3E%0A\");\n      mask-repeat: no-repeat;\n      mask-size: contain;\n    }\n\n    &[target='_blank'],\n    &[rel~='external'],\n    &[rel~='noopener'] {\n      margin-right: 1.5rem;\n      &::after {\n        transform: translate(4px, 3px);\n      }\n    }\n  }\n\n  @keyframes linkSwipe {\n    from {\n      background-size: 0 1px;\n    }\n    to {\n      background-size: 100% 1px;\n    }\n  }\n`\n\nProse.displayName = 'Prose'\nexport default Prose\n"],"mappings":";;;;;AAMA,MAAa,QAAQ,OAAO,IAAI,AAAY;;6BAEf,GAAG,MAAM,EAAE,CAAC;mCACN,GAAG,MAAM,EAAE,CAAC;oCACX,GAAG,MAAM,GAAI,CAAC;4BACtB,GAAG,MAAM,eAAe,CAAC;kCACnB,GAAG,MAAM,aAAa,CAAC;kCACvB,GAAG,WAAW,OAAO,CAAC;;;;;;kBAMtC,GAAG,MAAM,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2G9B,MAAM,cAAc"}

package/dist/radio/consts.js

@@ -8,5 +8,5 @@ const radioColors = {
 
 //#endregion
 export { radioColors };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=consts.js.map

package/dist/radio/context.d.ts

@@ -1,5 +1,4 @@
 import { Dict } from "../utils/types.js";
-import "../utils/index.js";
 import * as react from "react";
 
 //#region src/radio/context.d.ts

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/radio/context.ts"],"mappings":";;;;;cAGO,kBAAA,EAAkB,KAAA,CAAA,QAAA,CAAA,IAAA,GAAE,oBAAA,QAAoB,IAAA"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/radio/context.ts"],"mappings":";;;;cAGO,kBAAA,EAAkB,KAAA,CAAA,QAAA,CAAA,IAAA,GAAE,oBAAA,QAAoB,IAAA"}

package/dist/radio/context.js

@@ -5,5 +5,5 @@ const [RadioGroupProvider, useRadioGroupContext] = createContext({ isOptional: t
 
 //#endregion
 export { RadioGroupProvider, useRadioGroupContext };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=context.js.map

package/dist/radio/radio.d.ts

@@ -1,26 +1,9 @@
-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";
-import { IsTruncatedProps, MaxLinesProps, WordBreakProps } from "../system/custom.js";
-import { BoxShadowProps, OpacityProps, TextShadowProps } from "../system/effects.js";
-import { BottomProps, BoxSizingProps, DisplayProps, FloatProps, LeftProps, ObjectFitProps, OverflowProps, OverflowXProps, OverflowYProps, OverscrollBehaviorProps, PositionProps, RightProps, TopProps, VisibilityProps, ZIndexProps } from "../system/layout.js";
-import { AlignContentProps, AlignItemsProps, AlignSelfProps, FlexBasisProps, FlexDirectionProps, FlexGrowProps, FlexProps, FlexShrinkProps, FlexWrapProps, JustifyContentProps, JustifyItemsProps, JustifySelfProps, OrderProps } from "../system/flexboxes.js";
-import { AppearanceProps, CursorProps, PointerEventsProps, ResizeProps, UserSelectProps } from "../system/interactivity.js";
-import { HeightProps, MaxHeightProps, MaxWidthProps, MinHeightProps, MinWidthProps, WidthProps } from "../system/sizing.js";
-import { MarginBottomProps, MarginLeftProps, MarginProps, MarginRightProps, MarginTopProps, MarginXProps, MarginYProps, PaddingBottomProps, PaddingLeftProps, PaddingProps, PaddingRightProps, PaddingTopProps, PaddingXProps, PaddingYProps, SpaceXProps, SpaceXReverseProps, SpaceYProps, SpaceYReverseProps } from "../system/space.js";
-import { ColProps, RowProps } from "../system/flexboxGrids.js";
-import { ColumnGapProps, GapProps, GridAreaProps, GridAutoColumnsProps, GridAutoFlowProps, GridAutoRowsProps, GridColumnProps, GridRowProps, GridTemplateAreasProps, GridTemplateColumnsProps, GridTemplateRowsProps, RowGapProps } from "../system/grids.js";
-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 { VuiComponent } from "../core/vui.js";
 import { RadioProps, RadioStyleProps } from "./radio.types.js";
-import "../index.js";
-import * as styled_components0 from "styled-components";
+import * as styled_components_dist_types0 from "styled-components/dist/types";
 
 //#region src/radio/radio.d.ts
-declare const RadioBase: styled_components0.StyledComponent<"label", styled_components0.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 & RadioStyleProps, never>;
+declare const RadioBase: styled_components_dist_types0.IStyledComponentBase<"web", styled_components_dist_types0.Substitute<any, RadioStyleProps>> & string;
 /**
  * Allows selection of a single choice from a set of items. Handles controlled and uncontrolled modes.
  * Uses icons to display itself in different states.

package/dist/radio/radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio.d.ts","names":[],"sources":["../../src/radio/radio.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;cAiCa,SAAA,EAAS,kBAAA,CAAA,eAAA,UAsBrB,kBAAA,CAtBqB,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,eAAA;;;;;cA4BT,KAAA,EAAK,YAAA,SAAA,UAAA"}
+{"version":3,"file":"radio.d.ts","names":[],"sources":["../../src/radio/radio.tsx"],"mappings":";;;;;cAiCa,SAAA,EAAS,6BAAA,CAAA,oBAAA,QAAA,6BAAA,CAAA,UAAA,MAAA,eAAA;;;;;cA4BT,KAAA,EAAK,YAAA,SAAA,UAAA"}

package/dist/radio/radio.js

@@ -126,5 +126,5 @@ Radio.displayName = "Radio";
 
 //#endregion
 export { RadioBase, Radio as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=radio.js.map

package/dist/radio/radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio.js","names":[],"sources":["../../src/radio/radio.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport { disabled } from '../checkbox/consts'\nimport { omitThemingProps, styled, th, useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport T from '../t'\nimport type { ChangeEvent } from '../utils'\nimport { cs, filterUndefined } from '../utils'\nimport { radioColors } from './consts'\nimport { useRadioGroupContext } from './context'\nimport type { RadioProps, RadioStyleProps } from './radio.types'\n\nconst RadioControl = styled.spanBox`\n  border-radius: 50%;\n  display: inline-flex;\n  flex-shrink: 0;\n  position: relative;\n  transition-duration: fast;\n`\n\nconst RadioInput = styled.input`\n  cursor: inherit;\n  height: 100%;\n  left: 0;\n  margin: 0;\n  opacity: 0;\n  padding: 0;\n  position: absolute;\n  top: 0;\n  width: 100%;\n  z-index: 1;\n`\n\nexport const RadioBase = styled.labelBox<RadioStyleProps>`\n  align-items: center;\n  cursor: pointer;\n  display: inline-flex;\n  width: fit-content;\n\n  &:not([aria-disabled='true']):hover .vui-radioControl {\n    color: ${p => th.color(p.controlHoverColor)};\n  }\n\n  .vui-radioControl:focus-within {\n    color: ${radioColors.focus};\n  }\n\n  &[aria-disabled='true'] {\n    color: ${disabled.text};\n    cursor: not-allowed;\n\n    .vui-radioControl {\n      color: ${disabled.icon};\n    }\n  }\n`\n\n/**\n * Allows selection of a single choice from a set of items. Handles controlled and uncontrolled modes.\n * Uses icons to display itself in different states.\n */\nexport const Radio = vui<'span', RadioProps>((props, ref) => {\n  const {\n    defaultValue: groupDefaultValue,\n    isChecked: groupIsChecked,\n    onChange: groupOnChange,\n    value: groupValue,\n    ...radioGroupProps\n  } = useRadioGroupContext() ?? {}\n  const defaultIsChecked = groupIsChecked !== undefined ? groupIsChecked === props.value : undefined\n\n  const mergedProps = { ...radioGroupProps, ...props }\n  const {\n    checked = groupValue !== undefined ? props.value === groupValue : undefined,\n    children,\n    className,\n    defaultChecked = groupDefaultValue !== undefined ? props.value === groupDefaultValue : undefined,\n    disabled,\n    icon: iconProp = 'uiRadioUnselected',\n    iconChecked = 'uiRadioSelected',\n    id,\n    inputProps,\n    inputRef,\n    label,\n    name,\n    onChange,\n    required,\n    value,\n    ...rest\n  } = omitThemingProps(mergedProps)\n\n  const [isChecked, setIsChecked] = useState(defaultIsChecked ?? checked ?? defaultChecked)\n  const styles = useStyleConfig('Radio', mergedProps)\n  const { color: controlColor, hoverColor, ...controlStyles } = styles.control\n\n  const icon = isChecked ? iconChecked : iconProp\n  const controlMr = children || label ? 1 : 0\n  const color = isChecked ? radioColors.checked : controlColor\n  const controlHoverColor = hoverColor ? hoverColor : radioColors.hover\n\n  useEffect(() => {\n    if (groupIsChecked !== undefined) setIsChecked(groupIsChecked === value)\n    else if (checked !== undefined) setIsChecked(checked)\n  }, [checked, groupIsChecked])\n\n  function handleOnChange(e: React.MouseEvent<HTMLInputElement>) {\n    groupOnChange?.(e)\n    onChange?.(e as unknown as ChangeEvent)\n  }\n\n  const aliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n  })\n\n  return (\n    <RadioBase\n      className={cs('vui-radio', className)}\n      controlHoverColor={controlHoverColor}\n      ref={ref}\n      {...styles.container}\n      {...aliasedProps}\n      {...rest}\n    >\n      <RadioControl\n        bg=\"white\"\n        className=\"vui-radioControl\"\n        color={color}\n        focusWithinRing={3}\n        mr={controlMr}\n        {...controlStyles}\n      >\n        <RadioInput\n          className=\"vui-radioInput\"\n          onClick={handleOnChange}\n          ref={inputRef}\n          type=\"radio\"\n          {...{ defaultChecked: checked, disabled, id, name, required, value }}\n          {...inputProps}\n        />\n        <Icon className=\"vui-radioIcon\" h=\"100%\" name={icon} w=\"100%\" />\n      </RadioControl>\n\n      {children ??\n        (label && (\n          <T className=\"vui-radioLabel\" lineHeight=\"normal\" {...styles.label}>\n            {label}\n          </T>\n        ))}\n    </RadioBase>\n  )\n})\n\nRadio.displayName = 'Radio'\n\nexport default Radio\n"],"mappings":";;;;;;;;;;;;;;AAYA,MAAM,eAAe,OAAO,OAAO;;;;;;;AAQnC,MAAM,aAAa,OAAO,KAAK;;;;;;;;;;;;AAa/B,MAAa,YAAY,OAAO,QAAyB;;;;;;;cAO5C,MAAK,GAAG,MAAM,EAAE,kBAAkB,CAAC;;;;aAInC,YAAY,MAAM;;;;aAIlB,SAAS,KAAK;;;;eAIZ,SAAS,KAAK;;;;;;;;AAS7B,MAAa,QAAQ,KAAyB,OAAO,QAAQ;CAC3D,MAAM,EACJ,cAAc,mBACd,WAAW,gBACX,UAAU,eACV,OAAO,YACP,GAAG,oBACD,sBAAsB,IAAI,EAAE;CAChC,MAAM,mBAAmB,mBAAmB,SAAY,mBAAmB,MAAM,QAAQ;CAEzF,MAAM,cAAc;EAAE,GAAG;EAAiB,GAAG;EAAO;CACpD,MAAM,EACJ,UAAU,eAAe,SAAY,MAAM,UAAU,aAAa,QAClE,UACA,WACA,iBAAiB,sBAAsB,SAAY,MAAM,UAAU,oBAAoB,QACvF,UACA,MAAM,WAAW,qBACjB,cAAc,mBACd,IACA,YACA,UACA,OACA,MACA,UACA,UACA,OACA,GAAG,SACD,iBAAiB,YAAY;CAEjC,MAAM,CAAC,WAAW,gBAAgB,SAAS,oBAAoB,WAAW,eAAe;CACzF,MAAM,SAAS,eAAe,SAAS,YAAY;CACnD,MAAM,EAAE,OAAO,cAAc,YAAY,GAAG,kBAAkB,OAAO;CAErE,MAAM,OAAO,YAAY,cAAc;CACvC,MAAM,YAAY,YAAY,QAAQ,IAAI;CAC1C,MAAM,QAAQ,YAAY,YAAY,UAAU;CAChD,MAAM,oBAAoB,aAAa,aAAa,YAAY;AAEhE,iBAAgB;AACd,MAAI,mBAAmB,OAAW,cAAa,mBAAmB,MAAM;WAC/D,YAAY,OAAW,cAAa,QAAQ;IACpD,CAAC,SAAS,eAAe,CAAC;CAE7B,SAAS,eAAe,GAAuC;AAC7D,kBAAgB,EAAE;AAClB,aAAW,EAA4B;;CAGzC,MAAM,eAAe,gBAAgB,EACnC,iBAAiB,UAClB,CAAC;AAEF,QACE,qBAAC;EACC,WAAW,GAAG,aAAa,UAAU;EAClB;EACd;EACL,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;aAEJ,qBAAC;GACC,IAAG;GACH,WAAU;GACH;GACP,iBAAiB;GACjB,IAAI;GACJ,GAAI;cAEJ,oBAAC;IACC,WAAU;IACV,SAAS;IACT,KAAK;IACL,MAAK;IACC,gBAAgB;IAAS;IAAU;IAAI;IAAM;IAAU;IAC7D,GAAI;KACJ,EACF,oBAAC;IAAK,WAAU;IAAgB,GAAE;IAAO,MAAM;IAAM,GAAE;KAAS;IACnD,EAEd,aACE,SACC,oBAAC;GAAE,WAAU;GAAiB,YAAW;GAAS,GAAI,OAAO;aAC1D;IACC;GAEE;EAEd;AAEF,MAAM,cAAc"}
+{"version":3,"file":"radio.js","names":[],"sources":["../../src/radio/radio.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport { disabled } from '../checkbox/consts'\nimport { omitThemingProps, styled, th, useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport T from '../t'\nimport type { ChangeEvent } from '../utils'\nimport { cs, filterUndefined } from '../utils'\nimport { radioColors } from './consts'\nimport { useRadioGroupContext } from './context'\nimport type { RadioProps, RadioStyleProps } from './radio.types'\n\nconst RadioControl = styled.spanBox`\n  border-radius: 50%;\n  display: inline-flex;\n  flex-shrink: 0;\n  position: relative;\n  transition-duration: fast;\n`\n\nconst RadioInput = styled.input`\n  cursor: inherit;\n  height: 100%;\n  left: 0;\n  margin: 0;\n  opacity: 0;\n  padding: 0;\n  position: absolute;\n  top: 0;\n  width: 100%;\n  z-index: 1;\n`\n\nexport const RadioBase = styled.labelBox<RadioStyleProps>`\n  align-items: center;\n  cursor: pointer;\n  display: inline-flex;\n  width: fit-content;\n\n  &:not([aria-disabled='true']):hover .vui-radioControl {\n    color: ${p => th.color(p.controlHoverColor)};\n  }\n\n  .vui-radioControl:focus-within {\n    color: ${radioColors.focus};\n  }\n\n  &[aria-disabled='true'] {\n    color: ${disabled.text};\n    cursor: not-allowed;\n\n    .vui-radioControl {\n      color: ${disabled.icon};\n    }\n  }\n`\n\n/**\n * Allows selection of a single choice from a set of items. Handles controlled and uncontrolled modes.\n * Uses icons to display itself in different states.\n */\nexport const Radio = vui<'span', RadioProps>((props, ref) => {\n  const {\n    defaultValue: groupDefaultValue,\n    isChecked: groupIsChecked,\n    onChange: groupOnChange,\n    value: groupValue,\n    ...radioGroupProps\n  } = useRadioGroupContext() ?? {}\n  const defaultIsChecked = groupIsChecked !== undefined ? groupIsChecked === props.value : undefined\n\n  const mergedProps = { ...radioGroupProps, ...props }\n  const {\n    checked = groupValue !== undefined ? props.value === groupValue : undefined,\n    children,\n    className,\n    defaultChecked = groupDefaultValue !== undefined ? props.value === groupDefaultValue : undefined,\n    disabled,\n    icon: iconProp = 'uiRadioUnselected',\n    iconChecked = 'uiRadioSelected',\n    id,\n    inputProps,\n    inputRef,\n    label,\n    name,\n    onChange,\n    required,\n    value,\n    ...rest\n  } = omitThemingProps(mergedProps)\n\n  const [isChecked, setIsChecked] = useState(defaultIsChecked ?? checked ?? defaultChecked)\n  const styles = useStyleConfig('Radio', mergedProps)\n  const { color: controlColor, hoverColor, ...controlStyles } = styles.control\n\n  const icon = isChecked ? iconChecked : iconProp\n  const controlMr = children || label ? 1 : 0\n  const color = isChecked ? radioColors.checked : controlColor\n  const controlHoverColor = hoverColor ? hoverColor : radioColors.hover\n\n  useEffect(() => {\n    if (groupIsChecked !== undefined) setIsChecked(groupIsChecked === value)\n    else if (checked !== undefined) setIsChecked(checked)\n  }, [checked, groupIsChecked])\n\n  function handleOnChange(e: React.MouseEvent<HTMLInputElement>) {\n    groupOnChange?.(e)\n    onChange?.(e as unknown as ChangeEvent)\n  }\n\n  const aliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n  })\n\n  return (\n    <RadioBase\n      className={cs('vui-radio', className)}\n      controlHoverColor={controlHoverColor}\n      ref={ref}\n      {...styles.container}\n      {...aliasedProps}\n      {...rest}\n    >\n      <RadioControl\n        bg=\"white\"\n        className=\"vui-radioControl\"\n        color={color}\n        focusWithinRing={3}\n        mr={controlMr}\n        {...controlStyles}\n      >\n        <RadioInput\n          className=\"vui-radioInput\"\n          onClick={handleOnChange}\n          ref={inputRef}\n          type=\"radio\"\n          {...{ defaultChecked: checked, disabled, id, name, required, value }}\n          {...inputProps}\n        />\n        <Icon className=\"vui-radioIcon\" h=\"100%\" name={icon} w=\"100%\" />\n      </RadioControl>\n\n      {children ??\n        (label && (\n          <T className=\"vui-radioLabel\" lineHeight=\"normal\" {...styles.label}>\n            {label}\n          </T>\n        ))}\n    </RadioBase>\n  )\n})\n\nRadio.displayName = 'Radio'\n\nexport default Radio\n"],"mappings":";;;;;;;;;;;;;;AAYA,MAAM,eAAe,OAAO,OAAO;;;;;;;AAQnC,MAAM,aAAa,OAAO,KAAK;;;;;;;;;;;;AAa/B,MAAa,YAAY,OAAO,QAAyB;;;;;;;cAO5C,MAAK,GAAG,MAAM,EAAE,kBAAkB,CAAC;;;;aAInC,YAAY,MAAM;;;;aAIlB,SAAS,KAAK;;;;eAIZ,SAAS,KAAK;;;;;;;;AAS7B,MAAa,QAAQ,KAAyB,OAAO,QAAQ;CAC3D,MAAM,EACJ,cAAc,mBACd,WAAW,gBACX,UAAU,eACV,OAAO,YACP,GAAG,oBACD,sBAAsB,IAAI,EAAE;CAChC,MAAM,mBAAmB,mBAAmB,SAAY,mBAAmB,MAAM,QAAQ;CAEzF,MAAM,cAAc;EAAE,GAAG;EAAiB,GAAG;EAAO;CACpD,MAAM,EACJ,UAAU,eAAe,SAAY,MAAM,UAAU,aAAa,QAClE,UACA,WACA,iBAAiB,sBAAsB,SAAY,MAAM,UAAU,oBAAoB,QACvF,UACA,MAAM,WAAW,qBACjB,cAAc,mBACd,IACA,YACA,UACA,OACA,MACA,UACA,UACA,OACA,GAAG,SACD,iBAAiB,YAAY;CAEjC,MAAM,CAAC,WAAW,gBAAgB,SAAS,oBAAoB,WAAW,eAAe;CACzF,MAAM,SAAS,eAAe,SAAS,YAAY;CACnD,MAAM,EAAE,OAAO,cAAc,YAAY,GAAG,kBAAkB,OAAO;CAErE,MAAM,OAAO,YAAY,cAAc;CACvC,MAAM,YAAY,YAAY,QAAQ,IAAI;CAC1C,MAAM,QAAQ,YAAY,YAAY,UAAU;CAChD,MAAM,oBAAoB,aAAa,aAAa,YAAY;AAEhE,iBAAgB;AACd,MAAI,mBAAmB,OAAW,cAAa,mBAAmB,MAAM;WAC/D,YAAY,OAAW,cAAa,QAAQ;IACpD,CAAC,SAAS,eAAe,CAAC;CAE7B,SAAS,eAAe,GAAuC;AAC7D,kBAAgB,EAAE;AAClB,aAAW,EAA4B;;CAGzC,MAAM,eAAe,gBAAgB,EACnC,iBAAiB,UAClB,CAAC;AAEF,QACE,qBAAC,WAAD;EACE,WAAW,GAAG,aAAa,UAAU;EAClB;EACd;EACL,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;YANN,CAQE,qBAAC,cAAD;GACE,IAAG;GACH,WAAU;GACH;GACP,iBAAiB;GACjB,IAAI;GACJ,GAAI;aANN,CAQE,oBAAC,YAAD;IACE,WAAU;IACV,SAAS;IACT,KAAK;IACL,MAAK;IACC,gBAAgB;IAAS;IAAU;IAAI;IAAM;IAAU;IAC7D,GAAI;IACJ,GACF,oBAAC,MAAD;IAAM,WAAU;IAAgB,GAAE;IAAO,MAAM;IAAM,GAAE;IAAS,EACnD;MAEd,aACE,SACC,oBAAC,GAAD;GAAG,WAAU;GAAiB,YAAW;GAAS,GAAI,OAAO;aAC1D;GACC,GAEE;;EAEd;AAEF,MAAM,cAAc"}

package/dist/radio/radio.types.d.ts

@@ -1,10 +1,7 @@
 import { ChangeEventHandler, FocusEventHandler } from "../utils/types.js";
-import "../utils/index.js";
 import { ThemingProps } from "../theme/types.js";
 import { SystemProps } from "../system/system.js";
-import "../system/index.js";
 import { IconProp } from "../icon/icon.types.js";
-import "../icon/index.js";
 import { HTMLAttributes } from "react";
 
 //#region src/radio/radio.types.d.ts

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

@@ -1 +1 @@
-{"version":3,"file":"radio.types.d.ts","names":[],"sources":["../../src/radio/radio.types.ts"],"mappings":";;;;;;;;;;KAOY,UAAA,GAAa,WAAA,GACvB,YAAA;oDAEE,OAAA;EAEA,WAAA,wBALQ;EAOR,QAAA;EAEA,IAAA,GAAO,QAAA,EART;EAUE,WAAA,GAAc,QAAA,EAAA;EAEd,UAAA,GAAa,cAAA,CAAe,gBAAA,GAAf;EAEb,QAAA,GAAW,KAAA,CAAM,gBAAA,CAAiB,gBAAA,iBAAvB;EAEX,KAAA,WAMW;EAJX,IAAA,WAM2B;EAJ3B,MAAA,GAAS,iBAAA,EArBY;EAuBrB,QAAA,GAAW,kBAAA,EApBX;EAsBA,OAAA,GAAU,iBAAA,EAlBV;EAoBA,QAAA,YAlBO;EAoBP,KAAA;AAAA;AAAA,KAGQ,eAAA;EAnBK,6DAqBf,iBAAA;AAAA"}
+{"version":3,"file":"radio.types.d.ts","names":[],"sources":["../../src/radio/radio.types.ts"],"mappings":";;;;;;;KAOY,UAAA,GAAa,WAAA,GACvB,YAAA;oDAEE,OAAA;EAEA,WAAA;EAEA,QAAA,YAPkB;EASlB,IAAA,GAAO,QAAA,EATc;EAWrB,WAAA,GAAc,QAAA,EAFP;EAIP,UAAA,GAAa,cAAA,CAAe,gBAAA,GAAA;EAE5B,QAAA,GAAW,KAAA,CAAM,gBAAA,CAAiB,gBAAA,iBAAA;EAElC,KAAA,WAIS;EAFT,IAAA,WAMU;EAJV,MAAA,GAAS,iBAAA,EAIkB;EAF3B,QAAA,GAAW,kBAAA,EAtBb;EAwBE,OAAA,GAAU,iBAAA,EApBV;EAsBA,QAAA,YAlBA;EAoBA,KAAA;AAAA;AAAA,KAGQ,eAAA;EAnBR,6DAqBF,iBAAA;AAAA"}

package/dist/radio/radioGroup.d.ts

@@ -1,11 +1,10 @@
-import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { RadioGroupProps } from "./radioGroup.types.js";
-import "../index.js";
 import * as styled_components0 from "styled-components";
+import * as styled_components_dist_types0 from "styled-components/dist/types";
 
 //#region src/radio/radioGroup.d.ts
-declare const RadioGroupBase: styled_components0.StyledComponent<"div", styled_components0.DefaultTheme, SystemProps, never>;
+declare const RadioGroupBase: styled_components_dist_types0.IStyledComponentBase<"web", styled_components0.FastOmit<any, never>> & string;
 /**
  * Organizes layout and display of multiple radio buttons as a row or column.
  * Exposes some props to the children via context.

package/dist/radio/radioGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radioGroup.d.ts","names":[],"sources":["../../src/radio/radioGroup.tsx"],"mappings":";;;;;;;cAQa,cAAA,EAAc,kBAAA,CAAA,eAAA,QAI1B,kBAAA,CAJ0B,YAAA,EAAA,WAAA;;;;;cAUd,UAAA,EAAU,YAAA,QAAA,eAAA"}
+{"version":3,"file":"radioGroup.d.ts","names":[],"sources":["../../src/radio/radioGroup.tsx"],"mappings":";;;;;;cAQa,cAAA,EAAc,6BAAA,CAAA,oBAAA,QAI1B,kBAAA,CAJ0B,QAAA;;;;;cAUd,UAAA,EAAU,YAAA,QAAA,eAAA"}

package/dist/radio/radioGroup.js

@@ -61,5 +61,5 @@ RadioGroup.displayName = "RadioGroup";
 
 //#endregion
 export { RadioGroupBase, RadioGroup as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=radioGroup.js.map

package/dist/radio/radioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"radioGroup.js","names":[],"sources":["../../src/radio/radioGroup.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\n\nimport { styled, vui } from '../core'\nimport type { ChangeEvent } from '../utils'\nimport { cs, filterUndefined } from '../utils'\nimport { RadioGroupProvider } from './context'\nimport type { RadioGroupProps } from './radioGroup.types'\n\nexport const RadioGroupBase = styled.divBox`\n  display: flex;\n  flex-direction: column;\n  gap: 1;\n`\n\n/**\n * Organizes layout and display of multiple radio buttons as a row or column.\n * Exposes some props to the children via context.\n */\nexport const RadioGroup = vui<'div', RadioGroupProps>((props, ref) => {\n  const { className, defaultValue, disabled, isRow, name, onBlur, onChange, onFocus, size, value, variant, ...rest } =\n    props\n  const [isChecked, setIsChecked] = useState(value ?? defaultValue)\n\n  const handleOnChange = useCallback(\n    (e: ChangeEvent) => {\n      setIsChecked(e.target.value)\n      onChange?.(e)\n    },\n    [onChange],\n  )\n\n  const context = useMemo(\n    () =>\n      filterUndefined({\n        defaultValue,\n        disabled,\n        isChecked,\n        name,\n        onBlur,\n        onChange: handleOnChange,\n        onFocus,\n        size,\n        value,\n        variant,\n      }),\n    [defaultValue, disabled, handleOnChange, isChecked, name, onBlur, onFocus, size, value, variant],\n  )\n\n  const aliasedProps = filterUndefined({\n    flexDirection: isRow ? 'row' : undefined,\n  } as const)\n\n  return (\n    <RadioGroupProvider value={context}>\n      <RadioGroupBase className={cs('vui-radioGroup', className)} ref={ref} {...aliasedProps} {...rest} />\n    </RadioGroupProvider>\n  )\n})\n\nRadioGroup.displayName = 'RadioGroup'\n\nexport default RadioGroup\n"],"mappings":";;;;;;;;;AAQA,MAAa,iBAAiB,OAAO,MAAM;;;;;;;;;AAU3C,MAAa,aAAa,KAA6B,OAAO,QAAQ;CACpE,MAAM,EAAE,WAAW,cAAc,UAAU,OAAO,MAAM,QAAQ,UAAU,SAAS,MAAM,OAAO,SAAS,GAAG,SAC1G;CACF,MAAM,CAAC,WAAW,gBAAgB,SAAS,SAAS,aAAa;CAEjE,MAAM,iBAAiB,aACpB,MAAmB;AAClB,eAAa,EAAE,OAAO,MAAM;AAC5B,aAAW,EAAE;IAEf,CAAC,SAAS,CACX;CAED,MAAM,UAAU,cAEZ,gBAAgB;EACd;EACA;EACA;EACA;EACA;EACA,UAAU;EACV;EACA;EACA;EACA;EACD,CAAC,EACJ;EAAC;EAAc;EAAU;EAAgB;EAAW;EAAM;EAAQ;EAAS;EAAM;EAAO;EAAQ,CACjG;CAED,MAAM,eAAe,gBAAgB,EACnC,eAAe,QAAQ,QAAQ,QAChC,CAAU;AAEX,QACE,oBAAC;EAAmB,OAAO;YACzB,oBAAC;GAAe,WAAW,GAAG,kBAAkB,UAAU;GAAO;GAAK,GAAI;GAAc,GAAI;IAAQ;GACjF;EAEvB;AAEF,WAAW,cAAc"}
+{"version":3,"file":"radioGroup.js","names":[],"sources":["../../src/radio/radioGroup.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\n\nimport { styled, vui } from '../core'\nimport type { ChangeEvent } from '../utils'\nimport { cs, filterUndefined } from '../utils'\nimport { RadioGroupProvider } from './context'\nimport type { RadioGroupProps } from './radioGroup.types'\n\nexport const RadioGroupBase = styled.divBox`\n  display: flex;\n  flex-direction: column;\n  gap: 1;\n`\n\n/**\n * Organizes layout and display of multiple radio buttons as a row or column.\n * Exposes some props to the children via context.\n */\nexport const RadioGroup = vui<'div', RadioGroupProps>((props, ref) => {\n  const { className, defaultValue, disabled, isRow, name, onBlur, onChange, onFocus, size, value, variant, ...rest } =\n    props\n  const [isChecked, setIsChecked] = useState(value ?? defaultValue)\n\n  const handleOnChange = useCallback(\n    (e: ChangeEvent) => {\n      setIsChecked(e.target.value)\n      onChange?.(e)\n    },\n    [onChange],\n  )\n\n  const context = useMemo(\n    () =>\n      filterUndefined({\n        defaultValue,\n        disabled,\n        isChecked,\n        name,\n        onBlur,\n        onChange: handleOnChange,\n        onFocus,\n        size,\n        value,\n        variant,\n      }),\n    [defaultValue, disabled, handleOnChange, isChecked, name, onBlur, onFocus, size, value, variant],\n  )\n\n  const aliasedProps = filterUndefined({\n    flexDirection: isRow ? 'row' : undefined,\n  } as const)\n\n  return (\n    <RadioGroupProvider value={context}>\n      <RadioGroupBase className={cs('vui-radioGroup', className)} ref={ref} {...aliasedProps} {...rest} />\n    </RadioGroupProvider>\n  )\n})\n\nRadioGroup.displayName = 'RadioGroup'\n\nexport default RadioGroup\n"],"mappings":";;;;;;;;;AAQA,MAAa,iBAAiB,OAAO,MAAM;;;;;;;;;AAU3C,MAAa,aAAa,KAA6B,OAAO,QAAQ;CACpE,MAAM,EAAE,WAAW,cAAc,UAAU,OAAO,MAAM,QAAQ,UAAU,SAAS,MAAM,OAAO,SAAS,GAAG,SAC1G;CACF,MAAM,CAAC,WAAW,gBAAgB,SAAS,SAAS,aAAa;CAEjE,MAAM,iBAAiB,aACpB,MAAmB;AAClB,eAAa,EAAE,OAAO,MAAM;AAC5B,aAAW,EAAE;IAEf,CAAC,SAAS,CACX;CAED,MAAM,UAAU,cAEZ,gBAAgB;EACd;EACA;EACA;EACA;EACA;EACA,UAAU;EACV;EACA;EACA;EACA;EACD,CAAC,EACJ;EAAC;EAAc;EAAU;EAAgB;EAAW;EAAM;EAAQ;EAAS;EAAM;EAAO;EAAQ,CACjG;CAED,MAAM,eAAe,gBAAgB,EACnC,eAAe,QAAQ,QAAQ,QAChC,CAAU;AAEX,QACE,oBAAC,oBAAD;EAAoB,OAAO;YACzB,oBAAC,gBAAD;GAAgB,WAAW,GAAG,kBAAkB,UAAU;GAAO;GAAK,GAAI;GAAc,GAAI;GAAQ;EACjF;EAEvB;AAEF,WAAW,cAAc"}

package/dist/radio/radioGroup.types.d.ts

@@ -1,9 +1,6 @@
 import { ChangeEventHandler, FocusEventHandler } from "../utils/types.js";
-import "../utils/index.js";
 import { ThemingProps } from "../theme/types.js";
 import { SystemProps } from "../system/system.js";
-import "../system/index.js";
-
 //#region src/radio/radioGroup.types.d.ts
 type RadioGroupProps = SystemProps & ThemingProps<'Radio'> & {
   /** Deprecated. Please use variant instead. @deprecated  */colorScheme?: 'blue' | 'prussian'; /** Passes the prop to each radio. */

package/dist/radio/radioGroup.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radioGroup.types.d.ts","names":[],"sources":["../../src/radio/radioGroup.types.ts"],"mappings":";;;;;;;KAIY,eAAA,GAAkB,WAAA,GAC5B,YAAA;6DAEE,WAAA;EAEA,QAAA,YALuB;EAOvB,KAAA,YAP0B;EAS1B,IAAA,WAES;EAAT,MAAA,GAAS,iBAAA,EAIC;EAFV,QAAA,GAAW,kBAAA,EAEgB;EAA3B,OAAA,GAAU,iBAAA,EAdZ;EAgBE,KAAA;AAAA"}
+{"version":3,"file":"radioGroup.types.d.ts","names":[],"sources":["../../src/radio/radioGroup.types.ts"],"mappings":";;;;KAIY,eAAA,GAAkB,WAAA,GAC5B,YAAA;6DAEE,WAAA;EAEA,QAAA,YALQ;EAOR,KAAA;EAEA,IAAA,WARF;EAUE,MAAA,GAAS,iBAAA,EAEE;EAAX,QAAA,GAAW,kBAAA,EAEgB;EAA3B,OAAA,GAAU,iBAAA,EAfgB;EAiB1B,KAAA;AAAA"}

package/dist/radio/theme.js

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

package/dist/range/consts.js

@@ -7,5 +7,5 @@ const rangeColors = {
 
 //#endregion
 export { rangeColors };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=consts.js.map

package/dist/range/range.d.ts

@@ -1,7 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { RangeProps } from "./range.types.js";
-import "../index.js";
-
 //#region src/range/range.d.ts
 /** Implements a range input. */
 declare const Range: VuiComponent<"div", RangeProps>;

package/dist/range/range.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"range.d.ts","names":[],"sources":["../../src/range/range.tsx"],"mappings":";;;;;;cAoBa,KAAA,EAAK,YAAA,QAAA,UAAA"}
+{"version":3,"file":"range.d.ts","names":[],"sources":["../../src/range/range.tsx"],"mappings":";;;;cAoBa,KAAA,EAAK,YAAA,QAAA,UAAA"}

package/dist/range/range.js

@@ -86,5 +86,5 @@ Range.displayName = "Range";
 
 //#endregion
 export { Range as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=range.js.map

package/dist/range/range.js.map

@@ -1 +1 @@
-{"version":3,"file":"range.js","names":[],"sources":["../../src/range/range.tsx"],"sourcesContent":["import ReactSlider from 'react-slider'\n\nimport { Box } from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { Tooltip } from '../tooltip'\nimport { cs, filterUndefined } from '../utils'\nimport { rangeColors } from './consts'\nimport type { RangeProps } from './range.types'\nimport type { RangeTrackKey } from './range.types'\n\nconst SliderBase = styled(ReactSlider)`\n  width: 100%;\n  height: 4px;\n  cursor: pointer;\n  transition-duration: '0s';\n`\n\nconst defaultFormatter = (value: string) => `${value}`\n\n/** Implements a range input. */\nexport const Range = vui<'div', RangeProps>((props, ref) => {\n  const {\n    className,\n    value,\n    defaultValue = 0,\n    disabled,\n    min = 0,\n    minDistance = 0,\n    max = 100,\n    step = 1,\n    showTooltip = false,\n    showValue = false,\n    formatter = defaultFormatter,\n    onChange,\n    ...rest\n  } = props\n\n  const styles = useStyleConfig('Range', props)\n  const aliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n  })\n  const isSingleValue = typeof defaultValue !== 'object' && typeof value !== 'object'\n  const mainColor = disabled ? rangeColors.disabled : rangeColors.main\n\n  const getTrackColor = (trackProps: any) => {\n    const { key }: { key: RangeTrackKey } = trackProps\n\n    if (isSingleValue) return key === 'track-0' ? mainColor : rangeColors.track\n\n    return key === 'track-2' ? rangeColors.track : key === 'track-1' ? mainColor : rangeColors.track\n  }\n\n  const Thumb = (props: any, state: any) => {\n    const { key, ...thumbProps } = props\n    const thumbKey = key ?? state.index\n    const content = (\n      <Box className=\"vui-range-thumb\" {...styles.thumb} borderColor={mainColor} {...thumbProps}>\n        {showValue && (\n          <Box center className=\"vui-range-thumb-value\" {...styles.thumbValue}>\n            {formatter(state.valueNow)}\n          </Box>\n        )}\n      </Box>\n    )\n    return showValue ? (\n      <Box key={thumbKey}>{content}</Box>\n    ) : (\n      <Tooltip key={thumbKey} disabled={disabled} text={formatter(state.valueNow)} visible={showTooltip}>\n        {content}\n      </Tooltip>\n    )\n  }\n\n  const Track = (\n    props: any,\n    state: {\n      index: number\n      value: number | readonly number[]\n    },\n  ) => {\n    const { key, ...trackProps } = props\n    return (\n      <Box\n        key={key}\n        {...styles.track}\n        bg={getTrackColor(props)}\n        className=\"vui-range-track\"\n        {...trackProps}\n        index={state.index}\n      />\n    )\n  }\n\n  return (\n    <Box\n      className={cs('vui-range', isSingleValue ? 'vui-range-single' : 'vui-range-range', className)}\n      ref={ref}\n      {...styles.container}\n      {...aliasedProps}\n      {...rest}\n    >\n      <SliderBase\n        key={`${defaultValue}-${value}-${disabled}-${min}-${max}-${step}`}\n        className=\"vui-range-slider\"\n        defaultValue={defaultValue}\n        disabled={disabled}\n        max={max}\n        min={min}\n        minDistance={minDistance}\n        onChange={onChange}\n        renderThumb={Thumb}\n        renderTrack={Track}\n        step={step}\n        value={value}\n      />\n    </Box>\n  )\n})\n\nRange.displayName = 'Range'\nexport default Range\n"],"mappings":";;;;;;;;;;;;AAUA,MAAM,aAAa,OAAO,YAAY;;;;;;AAOtC,MAAM,oBAAoB,UAAkB,GAAG;;AAG/C,MAAa,QAAQ,KAAwB,OAAO,QAAQ;CAC1D,MAAM,EACJ,WACA,OACA,eAAe,GACf,UACA,MAAM,GACN,cAAc,GACd,MAAM,KACN,OAAO,GACP,cAAc,OACd,YAAY,OACZ,YAAY,kBACZ,UACA,GAAG,SACD;CAEJ,MAAM,SAAS,eAAe,SAAS,MAAM;CAC7C,MAAM,eAAe,gBAAgB,EACnC,iBAAiB,UAClB,CAAC;CACF,MAAM,gBAAgB,OAAO,iBAAiB,YAAY,OAAO,UAAU;CAC3E,MAAM,YAAY,WAAW,YAAY,WAAW,YAAY;CAEhE,MAAM,iBAAiB,eAAoB;EACzC,MAAM,EAAE,QAAgC;AAExC,MAAI,cAAe,QAAO,QAAQ,YAAY,YAAY,YAAY;AAEtE,SAAO,QAAQ,YAAY,YAAY,QAAQ,QAAQ,YAAY,YAAY,YAAY;;CAG7F,MAAM,SAAS,OAAY,UAAe;EACxC,MAAM,EAAE,KAAK,GAAG,eAAe;EAC/B,MAAM,WAAW,OAAO,MAAM;EAC9B,MAAM,UACJ,oBAAC;GAAI,WAAU;GAAkB,GAAI,OAAO;GAAO,aAAa;GAAW,GAAI;aAC5E,aACC,oBAAC;IAAI;IAAO,WAAU;IAAwB,GAAI,OAAO;cACtD,UAAU,MAAM,SAAS;KACtB;IAEJ;AAER,SAAO,YACL,oBAAC,iBAAoB,WAAX,SAAyB,GAEnC,oBAAC;GAAiC;GAAU,MAAM,UAAU,MAAM,SAAS;GAAE,SAAS;aACnF;KADW,SAEJ;;CAId,MAAM,SACJ,OACA,UAIG;EACH,MAAM,EAAE,KAAK,GAAG,eAAe;AAC/B,SACE,oBAAC;GAEC,GAAI,OAAO;GACX,IAAI,cAAc,MAAM;GACxB,WAAU;GACV,GAAI;GACJ,OAAO,MAAM;KALR,IAML;;AAIN,QACE,oBAAC;EACC,WAAW,GAAG,aAAa,gBAAgB,qBAAqB,mBAAmB,UAAU;EACxF;EACL,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;YAEJ,oBAAC;GAEC,WAAU;GACI;GACJ;GACL;GACA;GACQ;GACH;GACV,aAAa;GACb,aAAa;GACP;GACC;KAXF,GAAG,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,OAY3D;GACE;EAER;AAEF,MAAM,cAAc"}
+{"version":3,"file":"range.js","names":[],"sources":["../../src/range/range.tsx"],"sourcesContent":["import ReactSlider from 'react-slider'\n\nimport { Box } from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { Tooltip } from '../tooltip'\nimport { cs, filterUndefined } from '../utils'\nimport { rangeColors } from './consts'\nimport type { RangeProps } from './range.types'\nimport type { RangeTrackKey } from './range.types'\n\nconst SliderBase = styled(ReactSlider)`\n  width: 100%;\n  height: 4px;\n  cursor: pointer;\n  transition-duration: '0s';\n`\n\nconst defaultFormatter = (value: string) => `${value}`\n\n/** Implements a range input. */\nexport const Range = vui<'div', RangeProps>((props, ref) => {\n  const {\n    className,\n    value,\n    defaultValue = 0,\n    disabled,\n    min = 0,\n    minDistance = 0,\n    max = 100,\n    step = 1,\n    showTooltip = false,\n    showValue = false,\n    formatter = defaultFormatter,\n    onChange,\n    ...rest\n  } = props\n\n  const styles = useStyleConfig('Range', props)\n  const aliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n  })\n  const isSingleValue = typeof defaultValue !== 'object' && typeof value !== 'object'\n  const mainColor = disabled ? rangeColors.disabled : rangeColors.main\n\n  const getTrackColor = (trackProps: any) => {\n    const { key }: { key: RangeTrackKey } = trackProps\n\n    if (isSingleValue) return key === 'track-0' ? mainColor : rangeColors.track\n\n    return key === 'track-2' ? rangeColors.track : key === 'track-1' ? mainColor : rangeColors.track\n  }\n\n  const Thumb = (props: any, state: any) => {\n    const { key, ...thumbProps } = props\n    const thumbKey = key ?? state.index\n    const content = (\n      <Box className=\"vui-range-thumb\" {...styles.thumb} borderColor={mainColor} {...thumbProps}>\n        {showValue && (\n          <Box center className=\"vui-range-thumb-value\" {...styles.thumbValue}>\n            {formatter(state.valueNow)}\n          </Box>\n        )}\n      </Box>\n    )\n    return showValue ? (\n      <Box key={thumbKey}>{content}</Box>\n    ) : (\n      <Tooltip key={thumbKey} disabled={disabled} text={formatter(state.valueNow)} visible={showTooltip}>\n        {content}\n      </Tooltip>\n    )\n  }\n\n  const Track = (\n    props: any,\n    state: {\n      index: number\n      value: number | readonly number[]\n    },\n  ) => {\n    const { key, ...trackProps } = props\n    return (\n      <Box\n        key={key}\n        {...styles.track}\n        bg={getTrackColor(props)}\n        className=\"vui-range-track\"\n        {...trackProps}\n        index={state.index}\n      />\n    )\n  }\n\n  return (\n    <Box\n      className={cs('vui-range', isSingleValue ? 'vui-range-single' : 'vui-range-range', className)}\n      ref={ref}\n      {...styles.container}\n      {...aliasedProps}\n      {...rest}\n    >\n      <SliderBase\n        key={`${defaultValue}-${value}-${disabled}-${min}-${max}-${step}`}\n        className=\"vui-range-slider\"\n        defaultValue={defaultValue}\n        disabled={disabled}\n        max={max}\n        min={min}\n        minDistance={minDistance}\n        onChange={onChange}\n        renderThumb={Thumb}\n        renderTrack={Track}\n        step={step}\n        value={value}\n      />\n    </Box>\n  )\n})\n\nRange.displayName = 'Range'\nexport default Range\n"],"mappings":";;;;;;;;;;;;AAUA,MAAM,aAAa,OAAO,YAAY;;;;;;AAOtC,MAAM,oBAAoB,UAAkB,GAAG;;AAG/C,MAAa,QAAQ,KAAwB,OAAO,QAAQ;CAC1D,MAAM,EACJ,WACA,OACA,eAAe,GACf,UACA,MAAM,GACN,cAAc,GACd,MAAM,KACN,OAAO,GACP,cAAc,OACd,YAAY,OACZ,YAAY,kBACZ,UACA,GAAG,SACD;CAEJ,MAAM,SAAS,eAAe,SAAS,MAAM;CAC7C,MAAM,eAAe,gBAAgB,EACnC,iBAAiB,UAClB,CAAC;CACF,MAAM,gBAAgB,OAAO,iBAAiB,YAAY,OAAO,UAAU;CAC3E,MAAM,YAAY,WAAW,YAAY,WAAW,YAAY;CAEhE,MAAM,iBAAiB,eAAoB;EACzC,MAAM,EAAE,QAAgC;AAExC,MAAI,cAAe,QAAO,QAAQ,YAAY,YAAY,YAAY;AAEtE,SAAO,QAAQ,YAAY,YAAY,QAAQ,QAAQ,YAAY,YAAY,YAAY;;CAG7F,MAAM,SAAS,OAAY,UAAe;EACxC,MAAM,EAAE,KAAK,GAAG,eAAe;EAC/B,MAAM,WAAW,OAAO,MAAM;EAC9B,MAAM,UACJ,oBAAC,KAAD;GAAK,WAAU;GAAkB,GAAI,OAAO;GAAO,aAAa;GAAW,GAAI;aAC5E,aACC,oBAAC,KAAD;IAAK;IAAO,WAAU;IAAwB,GAAI,OAAO;cACtD,UAAU,MAAM,SAAS;IACtB;GAEJ;AAER,SAAO,YACL,oBAAC,KAAD,YAAqB,SAAc,EAAzB,SAAyB,GAEnC,oBAAC,SAAD;GAAkC;GAAU,MAAM,UAAU,MAAM,SAAS;GAAE,SAAS;aACnF;GACO,EAFI,SAEJ;;CAId,MAAM,SACJ,OACA,UAIG;EACH,MAAM,EAAE,KAAK,GAAG,eAAe;AAC/B,SACE,oBAAC,KAAD;GAEE,GAAI,OAAO;GACX,IAAI,cAAc,MAAM;GACxB,WAAU;GACV,GAAI;GACJ,OAAO,MAAM;GACb,EANK,IAML;;AAIN,QACE,oBAAC,KAAD;EACE,WAAW,GAAG,aAAa,gBAAgB,qBAAqB,mBAAmB,UAAU;EACxF;EACL,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;YAEJ,oBAAC,YAAD;GAEE,WAAU;GACI;GACJ;GACL;GACA;GACQ;GACH;GACV,aAAa;GACb,aAAa;GACP;GACC;GACP,EAZK,GAAG,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,OAY3D;EACE;EAER;AAEF,MAAM,cAAc"}

package/dist/range/range.types.d.ts

@@ -1,7 +1,5 @@
 import { ThemingProps } from "../theme/types.js";
 import { SystemProps } from "../system/system.js";
-import "../system/index.js";
-
 //#region src/range/range.types.d.ts
 type RangeValue = number | readonly number[];
 type RangeProps = SystemProps & ThemingProps<'Range'> & {

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

@@ -1 +1 @@
-{"version":3,"file":"range.types.d.ts","names":[],"sources":["../../src/range/range.types.ts"],"mappings":";;;;;KAGY,UAAA;AAAA,KAEA,UAAA,GAAa,WAAA,GACvB,YAAA;sFAEE,YAAA,GAAe,UAAA,EALG;EAOlB,KAAA,GAAQ,UAAA,EAPU;EASlB,QAAA,YAPQ;EASR,GAAA;EAEA,GAAA,WAVF;EAYE,WAAA,WARQ;EAUR,IAAA,WAQ6B;EAN7B,WAAA,YAjBqB;EAmBrB,SAAA,YAhBA;EAkBA,SAAA,IAAa,KAAA,qBAhBb;EAkBA,QAAA,IAAY,KAAA,EAAO,UAAA;AAAA;AAAA,KAGX,aAAA"}
+{"version":3,"file":"range.types.d.ts","names":[],"sources":["../../src/range/range.types.ts"],"mappings":";;;KAGY,UAAA;AAAA,KAEA,UAAA,GAAa,WAAA,GACvB,YAAA;sFAEE,YAAA,GAAe,UAAA,EALP;EAOR,KAAA,GAAQ,UAAA;EAER,QAAA,YATkB;EAWlB,GAAA,WATkB;EAWlB,GAAA,WAXqB;EAarB,WAAA,WAVe;EAYf,IAAA,WAQmB;EANnB,WAAA,YAM6B;EAJ7B,SAAA,YAlBF;EAoBE,SAAA,IAAa,KAAA,qBAlBE;EAoBf,QAAA,IAAY,KAAA,EAAO,UAAA;AAAA;AAAA,KAGX,aAAA"}

package/dist/range/theme.js

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

package/dist/rating/rating.d.ts

@@ -1,7 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { RatingProps } from "./rating.types.js";
-import "../index.js";
-
 //#region src/rating/rating.d.ts
 declare const Rating: VuiComponent<"div", RatingProps>;
 //#endregion

package/dist/rating/rating.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rating.d.ts","names":[],"sources":["../../src/rating/rating.tsx"],"mappings":";;;;;cAYa,MAAA,EAAM,YAAA,QAAA,WAAA"}
+{"version":3,"file":"rating.d.ts","names":[],"sources":["../../src/rating/rating.tsx"],"mappings":";;;cAYa,MAAA,EAAM,YAAA,QAAA,WAAA"}

package/dist/rating/rating.js

@@ -124,5 +124,5 @@ Rating.displayName = "Rating";
 
 //#endregion
 export { Rating as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=rating.js.map

package/dist/rating/rating.js.map

@@ -1 +1 @@
-{"version":3,"file":"rating.js","names":["theme"],"sources":["../../src/rating/rating.tsx"],"sourcesContent":["import type { KeyboardEvent } from 'react'\nimport { useRef, useState } from 'react'\n\nimport Box from '../box'\nimport { vui } from '../core'\nimport Icon from '../icon'\nimport type { ColorGetter } from '../system'\nimport type { Dict } from '../utils'\nimport { mergeRefs } from '../utils'\nimport type { RatingProps } from './rating.types'\nimport theme from './theme'\n\nexport const Rating = vui<'div', RatingProps>((props, ref) => {\n  const {\n    value: propValue = 0,\n    isDisabled = false,\n    max: propMax,\n    onChange,\n    showAll: showAllProp = true,\n    variant = 'yellow',\n    size,\n    ...rest\n  } = props\n  const [hoverValue, setHoverValue] = useState<number | null>(null)\n  const [internalValue, setInternalValue] = useState(propValue || 0)\n  const [focusedStar, setFocusedStar] = useState<number | null>(null)\n  const containerRef = useRef<HTMLDivElement>(null)\n  const isInteractive = !isDisabled && onChange !== undefined\n  const showAll = showAllProp || isInteractive\n\n  const { variants } = (theme as Dict) ?? {}\n  const color = isDisabled ? 'sandstone.79' : variants[variant].color\n\n  if (propValue < 0) {\n    console.error(`Rating: value (${propValue}) cannot be negative`)\n  }\n\n  const value = Math.max(0, propValue)\n  const max = propMax ? propMax : Math.max(value, 5)\n\n  if (value > max) {\n    console.error(`Rating: value (${value}) cannot be greater than max (${max})`)\n  }\n\n  const handleValueChange = (newValue: number) => {\n    if (!isInteractive) return\n    const clampedValue = Math.max(0, Math.min(newValue, max))\n    setInternalValue(clampedValue)\n    onChange?.(clampedValue)\n  }\n\n  const handleStarClick = (clickedValue: number) => {\n    if (!isInteractive) return\n    const newValue = clickedValue === internalValue ? 0 : clickedValue\n    handleValueChange(newValue)\n  }\n\n  const handleStarHover = (hoveredValue: number) => {\n    if (!isInteractive) return\n    setHoverValue(hoveredValue)\n  }\n\n  const handleMouseLeave = () => {\n    if (!isInteractive) return\n    setHoverValue(null)\n  }\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (!isInteractive) return\n    const currentValue = propValue !== undefined ? propValue : internalValue\n    switch (event.key) {\n      case 'ArrowRight':\n      case 'ArrowUp':\n        event.preventDefault()\n        handleValueChange(Math.min(currentValue + 1, max))\n        break\n      case 'ArrowLeft':\n      case 'ArrowDown':\n        event.preventDefault()\n        handleValueChange(Math.max(currentValue - 1, 0))\n        break\n      case 'Home':\n        event.preventDefault()\n        handleValueChange(0)\n        break\n      case 'End':\n        event.preventDefault()\n        handleValueChange(max)\n        break\n    }\n  }\n\n  const handleFocus = () => {\n    if (!isInteractive) return\n    if (focusedStar === null) {\n      setFocusedStar(propValue !== undefined ? propValue : internalValue)\n    }\n  }\n\n  const handleBlur = () => {\n    if (!isInteractive) return\n    setFocusedStar(null)\n  }\n\n  const displayValue = hoverValue !== null ? hoverValue : value !== undefined ? value : internalValue\n\n  return (\n    <Box\n      aria-label=\"Rating\"\n      aria-valuemax={max}\n      aria-valuemin={0}\n      aria-valuenow={displayValue}\n      className=\"vui-rating\"\n      focusRing={3}\n      focusRingColor=\"focusColor\"\n      onBlur={handleBlur}\n      onFocus={handleFocus}\n      onKeyDown={handleKeyDown}\n      onMouseLeave={handleMouseLeave}\n      outline=\"none\"\n      ref={mergeRefs(ref, containerRef)}\n      role=\"slider\"\n      tabIndex={isInteractive ? 0 : -1}\n      {...rest}\n    >\n      {Array.from({ length: max }).map((_, index) => {\n        const starValue = index + 1\n        const fullStar = index < displayValue\n        return (\n          <Box\n            className=\"vui-rating-star\"\n            cursor={isInteractive ? 'pointer' : undefined}\n            gap=\"1px\"\n            key={index}\n            onClick={() => handleStarClick(starValue)}\n            onFocus={() => setFocusedStar(starValue)}\n            onMouseEnter={() => handleStarHover(starValue)}\n            tabIndex={-1}\n          >\n            {fullStar ? (\n              <FullStar color={color} size={size} />\n            ) : showAll ? (\n              <EmptyStar color=\"sandstone.79\" size={size} />\n            ) : null}\n          </Box>\n        )\n      })}\n    </Box>\n  )\n})\n\nconst FullStar = (props: { color: ColorGetter; size: RatingProps['size'] }) => (\n  <Icon color={props.color} name=\"uiStar\" size={props.size} />\n)\nconst EmptyStar = (props: { color: ColorGetter; size: RatingProps['size'] }) => (\n  <Icon color={props.color} name=\"uiStar\" size={props.size} />\n)\n\nRating.displayName = 'Rating'\nexport default Rating\n"],"mappings":"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"}
+{"version":3,"file":"rating.js","names":["theme"],"sources":["../../src/rating/rating.tsx"],"sourcesContent":["import type { KeyboardEvent } from 'react'\nimport { useRef, useState } from 'react'\n\nimport Box from '../box'\nimport { vui } from '../core'\nimport Icon from '../icon'\nimport type { ColorGetter } from '../system'\nimport type { Dict } from '../utils'\nimport { mergeRefs } from '../utils'\nimport type { RatingProps } from './rating.types'\nimport theme from './theme'\n\nexport const Rating = vui<'div', RatingProps>((props, ref) => {\n  const {\n    value: propValue = 0,\n    isDisabled = false,\n    max: propMax,\n    onChange,\n    showAll: showAllProp = true,\n    variant = 'yellow',\n    size,\n    ...rest\n  } = props\n  const [hoverValue, setHoverValue] = useState<number | null>(null)\n  const [internalValue, setInternalValue] = useState(propValue || 0)\n  const [focusedStar, setFocusedStar] = useState<number | null>(null)\n  const containerRef = useRef<HTMLDivElement>(null)\n  const isInteractive = !isDisabled && onChange !== undefined\n  const showAll = showAllProp || isInteractive\n\n  const { variants } = (theme as Dict) ?? {}\n  const color = isDisabled ? 'sandstone.79' : variants[variant].color\n\n  if (propValue < 0) {\n    console.error(`Rating: value (${propValue}) cannot be negative`)\n  }\n\n  const value = Math.max(0, propValue)\n  const max = propMax ? propMax : Math.max(value, 5)\n\n  if (value > max) {\n    console.error(`Rating: value (${value}) cannot be greater than max (${max})`)\n  }\n\n  const handleValueChange = (newValue: number) => {\n    if (!isInteractive) return\n    const clampedValue = Math.max(0, Math.min(newValue, max))\n    setInternalValue(clampedValue)\n    onChange?.(clampedValue)\n  }\n\n  const handleStarClick = (clickedValue: number) => {\n    if (!isInteractive) return\n    const newValue = clickedValue === internalValue ? 0 : clickedValue\n    handleValueChange(newValue)\n  }\n\n  const handleStarHover = (hoveredValue: number) => {\n    if (!isInteractive) return\n    setHoverValue(hoveredValue)\n  }\n\n  const handleMouseLeave = () => {\n    if (!isInteractive) return\n    setHoverValue(null)\n  }\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (!isInteractive) return\n    const currentValue = propValue !== undefined ? propValue : internalValue\n    switch (event.key) {\n      case 'ArrowRight':\n      case 'ArrowUp':\n        event.preventDefault()\n        handleValueChange(Math.min(currentValue + 1, max))\n        break\n      case 'ArrowLeft':\n      case 'ArrowDown':\n        event.preventDefault()\n        handleValueChange(Math.max(currentValue - 1, 0))\n        break\n      case 'Home':\n        event.preventDefault()\n        handleValueChange(0)\n        break\n      case 'End':\n        event.preventDefault()\n        handleValueChange(max)\n        break\n    }\n  }\n\n  const handleFocus = () => {\n    if (!isInteractive) return\n    if (focusedStar === null) {\n      setFocusedStar(propValue !== undefined ? propValue : internalValue)\n    }\n  }\n\n  const handleBlur = () => {\n    if (!isInteractive) return\n    setFocusedStar(null)\n  }\n\n  const displayValue = hoverValue !== null ? hoverValue : value !== undefined ? value : internalValue\n\n  return (\n    <Box\n      aria-label=\"Rating\"\n      aria-valuemax={max}\n      aria-valuemin={0}\n      aria-valuenow={displayValue}\n      className=\"vui-rating\"\n      focusRing={3}\n      focusRingColor=\"focusColor\"\n      onBlur={handleBlur}\n      onFocus={handleFocus}\n      onKeyDown={handleKeyDown}\n      onMouseLeave={handleMouseLeave}\n      outline=\"none\"\n      ref={mergeRefs(ref, containerRef)}\n      role=\"slider\"\n      tabIndex={isInteractive ? 0 : -1}\n      {...rest}\n    >\n      {Array.from({ length: max }).map((_, index) => {\n        const starValue = index + 1\n        const fullStar = index < displayValue\n        return (\n          <Box\n            className=\"vui-rating-star\"\n            cursor={isInteractive ? 'pointer' : undefined}\n            gap=\"1px\"\n            key={index}\n            onClick={() => handleStarClick(starValue)}\n            onFocus={() => setFocusedStar(starValue)}\n            onMouseEnter={() => handleStarHover(starValue)}\n            tabIndex={-1}\n          >\n            {fullStar ? (\n              <FullStar color={color} size={size} />\n            ) : showAll ? (\n              <EmptyStar color=\"sandstone.79\" size={size} />\n            ) : null}\n          </Box>\n        )\n      })}\n    </Box>\n  )\n})\n\nconst FullStar = (props: { color: ColorGetter; size: RatingProps['size'] }) => (\n  <Icon color={props.color} name=\"uiStar\" size={props.size} />\n)\nconst EmptyStar = (props: { color: ColorGetter; size: RatingProps['size'] }) => (\n  <Icon color={props.color} name=\"uiStar\" size={props.size} />\n)\n\nRating.displayName = 'Rating'\nexport default Rating\n"],"mappings":"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"}

package/dist/rating/rating.types.d.ts

@@ -1,7 +1,5 @@
 import { ThemingProps } from "../theme/types.js";
 import { SystemProps } from "../system/system.js";
-import "../system/index.js";
-
 //#region src/rating/rating.types.d.ts
 type RatingProps = SystemProps & ThemingProps<'Rating'> & {
   /** The current rating value. */value: number; /** The maximum rating value. @default 5 */

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

@@ -1 +1 @@
-{"version":3,"file":"rating.types.d.ts","names":[],"sources":["../../src/rating/rating.types.ts"],"mappings":";;;;;KAGY,WAAA,GAAc,WAAA,GACxB,YAAA;kCAEE,KAAA,UAHQ;EAKR,GAAA;EAEA,OAAA,YAPsB;EAStB,OAAA,sBANA;EAQA,IAAA,uBAJA;EAMA,QAAA,IAAY,KAAA,mBAFZ;EAIA,UAAA;AAAA"}
+{"version":3,"file":"rating.types.d.ts","names":[],"sources":["../../src/rating/rating.types.ts"],"mappings":";;;KAGY,WAAA,GAAc,WAAA,GACxB,YAAA;kCAEE,KAAA;EAEA,GAAA,WALmB;EAOnB,OAAA,YANU;EAQV,OAAA,sBARF;EAUE,IAAA,uBANA;EAQA,QAAA,IAAY,KAAA,mBAJZ;EAMA,UAAA;AAAA"}

package/dist/rating/theme.js

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

package/dist/select/context.js

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

package/dist/select/select.d.ts

@@ -5,7 +5,6 @@ import { ListHeading } from "../list/listHeading.js";
 import { ButtonProps } from "../button/button.types.js";
 import { BoxProps } from "../box/box.types.js";
 import { SelectOptionProps, SelectProps } from "./select.types.js";
-import "../index.js";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/select/select.d.ts

package/dist/select/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","names":[],"sources":["../../src/select/select.tsx"],"mappings":";;;;;;;;;;;;;;;;iBAuBgB,MAAA,CAAO,KAAA,EAAO,WAAA,GAAW,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAAzB,MAAA;EAAA,mCAAM,WAAA;EAAA"}
+{"version":3,"file":"select.d.ts","names":[],"sources":["../../src/select/select.tsx"],"mappings":";;;;;;;;;;;;;;;iBAuBgB,MAAA,CAAO,KAAA,EAAO,WAAA,GAAW,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAAzB,MAAA;EAAA,mCAAM,WAAA;EAAA"}