@connectif/ui-components 0.0.1 → 0.0.2

package/dist/components/chart/RankingChartTooltip.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IncrementLabelType } from '../../propTypes/IncrementLabel';
 export type RankingChartTooltipProps = {
     label: string;
@@ -11,5 +10,5 @@ export type RankingChartTooltipProps = {
         value: string;
     }[];
 };
-declare const RankingChartTooltip: ({ label, metrics, incrementLabelType, incrementLabelValue }: RankingChartTooltipProps) => JSX.Element;
+declare const RankingChartTooltip: ({ label, metrics, incrementLabelType, incrementLabelValue }: RankingChartTooltipProps) => import("react/jsx-runtime").JSX.Element;
 export default RankingChartTooltip;

package/dist/components/chart/WeekChart.d.ts

@@ -37,5 +37,5 @@ export type WeekChartProps = {
 /**
  * A week chart component to display data grouped by day of week and hour of day.
  */
-declare const WeekChart: ({ style, days, isLoading }: WeekChartProps) => JSX.Element;
+declare const WeekChart: ({ style, days, isLoading }: WeekChartProps) => import("react/jsx-runtime").JSX.Element;
 export default WeekChart;

package/dist/components/chart/WeekChartItem.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import { WeekChartTooltipProps } from './WeekChartTooltip';
 export type WeekChartItemProps = WeekChartTooltipProps;
-declare const WeekChartItem: ({ label, metrics }: WeekChartItemProps) => JSX.Element;
+declare const WeekChartItem: ({ label, metrics }: WeekChartItemProps) => import("react/jsx-runtime").JSX.Element;
 export default WeekChartItem;

package/dist/components/chart/WeekChartTooltip.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IncrementLabelType } from '../../propTypes/IncrementLabel';
 export type WeekChartTooltipProps = {
     label: string;
@@ -15,5 +14,5 @@ export type WeekChartTooltipProps = {
         incrementLabelValue?: string;
     }[];
 };
-declare const WeekChartTooltip: ({ label, metrics }: WeekChartTooltipProps) => JSX.Element;
+declare const WeekChartTooltip: ({ label, metrics }: WeekChartTooltipProps) => import("react/jsx-runtime").JSX.Element;
 export default WeekChartTooltip;

package/dist/components/chat/Chat.d.ts

@@ -9,5 +9,5 @@ export type ChatProps = React.PropsWithChildren<{
  * Shows a list of chat message, in a vertical layout.
  *
  */
-declare const Chat: ({ children, header }: ChatProps) => JSX.Element;
+declare const Chat: ({ children, header }: ChatProps) => import("react/jsx-runtime").JSX.Element;
 export default Chat;

package/dist/components/chip/Chip.d.ts

@@ -98,6 +98,8 @@ declare const sizeStyles: {
         animationIterationCount?: import("csstype").Property.AnimationIterationCount | undefined;
         animationName?: import("csstype").Property.AnimationName | undefined;
         animationPlayState?: import("csstype").Property.AnimationPlayState | undefined;
+        animationRangeEnd?: import("csstype").Property.AnimationRangeEnd<string | number> | undefined;
+        animationRangeStart?: import("csstype").Property.AnimationRangeStart<string | number> | undefined;
         animationTimeline?: import("csstype").Property.AnimationTimeline | undefined;
         animationTimingFunction?: import("csstype").Property.AnimationTimingFunction | undefined;
         appearance?: import("csstype").Property.Appearance | undefined;
@@ -170,6 +172,7 @@ declare const sizeStyles: {
         breakInside?: import("csstype").Property.BreakInside | undefined;
         captionSide?: import("csstype").Property.CaptionSide | undefined;
         caretColor?: import("csstype").Property.CaretColor | undefined;
+        caretShape?: import("csstype").Property.CaretShape | undefined;
         clear?: import("csstype").Property.Clear | undefined;
         clipPath?: import("csstype").Property.ClipPath | undefined;
         color?: import("csstype").Property.Color | undefined;
@@ -184,6 +187,12 @@ declare const sizeStyles: {
         columnSpan?: import("csstype").Property.ColumnSpan | undefined;
         columnWidth?: import("csstype").Property.ColumnWidth<string | number> | undefined;
         contain?: import("csstype").Property.Contain | undefined;
+        containIntrinsicBlockSize?: import("csstype").Property.ContainIntrinsicBlockSize<string | number> | undefined;
+        containIntrinsicHeight?: import("csstype").Property.ContainIntrinsicHeight<string | number> | undefined;
+        containIntrinsicInlineSize?: import("csstype").Property.ContainIntrinsicInlineSize<string | number> | undefined;
+        containIntrinsicWidth?: import("csstype").Property.ContainIntrinsicWidth<string | number> | undefined;
+        containerName?: import("csstype").Property.ContainerName | undefined;
+        containerType?: import("csstype").Property.ContainerType | undefined;
         content?: import("csstype").Property.Content | undefined;
         contentVisibility?: import("csstype").Property.ContentVisibility | undefined;
         counterIncrement?: import("csstype").Property.CounterIncrement | undefined;
@@ -205,16 +214,22 @@ declare const sizeStyles: {
         fontKerning?: import("csstype").Property.FontKerning | undefined;
         fontLanguageOverride?: import("csstype").Property.FontLanguageOverride | undefined;
         fontOpticalSizing?: import("csstype").Property.FontOpticalSizing | undefined;
+        fontPalette?: import("csstype").Property.FontPalette | undefined;
         fontSize?: import("csstype").Property.FontSize<string | number> | undefined;
         fontSizeAdjust?: import("csstype").Property.FontSizeAdjust | undefined;
         fontSmooth?: import("csstype").Property.FontSmooth<string | number> | undefined;
         fontStretch?: import("csstype").Property.FontStretch | undefined;
         fontStyle?: import("csstype").Property.FontStyle | undefined;
         fontSynthesis?: import("csstype").Property.FontSynthesis | undefined;
+        fontSynthesisPosition?: import("csstype").Property.FontSynthesisPosition | undefined;
+        fontSynthesisSmallCaps?: import("csstype").Property.FontSynthesisSmallCaps | undefined;
+        fontSynthesisStyle?: import("csstype").Property.FontSynthesisStyle | undefined;
+        fontSynthesisWeight?: import("csstype").Property.FontSynthesisWeight | undefined;
         fontVariant?: import("csstype").Property.FontVariant | undefined;
         fontVariantAlternates?: import("csstype").Property.FontVariantAlternates | undefined;
         fontVariantCaps?: import("csstype").Property.FontVariantCaps | undefined;
         fontVariantEastAsian?: import("csstype").Property.FontVariantEastAsian | undefined;
+        fontVariantEmoji?: import("csstype").Property.FontVariantEmoji | undefined;
         fontVariantLigatures?: import("csstype").Property.FontVariantLigatures | undefined;
         fontVariantNumeric?: import("csstype").Property.FontVariantNumeric | undefined;
         fontVariantPosition?: import("csstype").Property.FontVariantPosition | undefined;
@@ -234,6 +249,7 @@ declare const sizeStyles: {
         hangingPunctuation?: import("csstype").Property.HangingPunctuation | undefined;
         height: import("csstype").Property.Height<string | number>;
         hyphenateCharacter?: import("csstype").Property.HyphenateCharacter | undefined;
+        hyphenateLimitChars?: import("csstype").Property.HyphenateLimitChars | undefined;
         hyphens?: import("csstype").Property.Hyphens | undefined;
         imageOrientation?: import("csstype").Property.ImageOrientation | undefined;
         imageRendering?: import("csstype").Property.ImageRendering | undefined;
@@ -241,11 +257,8 @@ declare const sizeStyles: {
         initialLetter?: import("csstype").Property.InitialLetter | undefined;
         inlineSize?: import("csstype").Property.InlineSize<string | number> | undefined;
         inputSecurity?: import("csstype").Property.InputSecurity | undefined;
-        inset?: import("csstype").Property.Inset<string | number> | undefined;
-        insetBlock?: import("csstype").Property.InsetBlock<string | number> | undefined;
         insetBlockEnd?: import("csstype").Property.InsetBlockEnd<string | number> | undefined;
         insetBlockStart?: import("csstype").Property.InsetBlockStart<string | number> | undefined;
-        insetInline?: import("csstype").Property.InsetInline<string | number> | undefined;
         insetInlineEnd?: import("csstype").Property.InsetInlineEnd<string | number> | undefined;
         insetInlineStart?: import("csstype").Property.InsetInlineStart<string | number> | undefined;
         isolation?: import("csstype").Property.Isolation | undefined;
@@ -261,16 +274,15 @@ declare const sizeStyles: {
         listStyleImage?: import("csstype").Property.ListStyleImage | undefined;
         listStylePosition?: import("csstype").Property.ListStylePosition | undefined;
         listStyleType?: import("csstype").Property.ListStyleType | undefined;
-        marginBlock?: import("csstype").Property.MarginBlock<string | number> | undefined;
         marginBlockEnd?: import("csstype").Property.MarginBlockEnd<string | number> | undefined;
         marginBlockStart?: import("csstype").Property.MarginBlockStart<string | number> | undefined;
         marginBottom?: import("csstype").Property.MarginBottom<string | number> | undefined;
-        marginInline?: import("csstype").Property.MarginInline<string | number> | undefined;
         marginInlineEnd?: import("csstype").Property.MarginInlineEnd<string | number> | undefined;
         marginInlineStart?: import("csstype").Property.MarginInlineStart<string | number> | undefined;
         marginLeft?: import("csstype").Property.MarginLeft<string | number> | undefined;
         marginRight?: import("csstype").Property.MarginRight<string | number> | undefined;
         marginTop?: import("csstype").Property.MarginTop<string | number> | undefined;
+        marginTrim?: import("csstype").Property.MarginTrim | undefined;
         maskBorderMode?: import("csstype").Property.MaskBorderMode | undefined;
         maskBorderOutset?: import("csstype").Property.MaskBorderOutset<string | number> | undefined;
         maskBorderRepeat?: import("csstype").Property.MaskBorderRepeat | undefined;
@@ -286,6 +298,7 @@ declare const sizeStyles: {
         maskRepeat?: import("csstype").Property.MaskRepeat | undefined;
         maskSize?: import("csstype").Property.MaskSize<string | number> | undefined;
         maskType?: import("csstype").Property.MaskType | undefined;
+        masonryAutoFlow?: import("csstype").Property.MasonryAutoFlow | undefined;
         mathDepth?: import("csstype").Property.MathDepth | undefined;
         mathShift?: import("csstype").Property.MathShift | undefined;
         mathStyle?: import("csstype").Property.MathStyle | undefined;
@@ -307,6 +320,7 @@ declare const sizeStyles: {
         offsetAnchor?: import("csstype").Property.OffsetAnchor<string | number> | undefined;
         offsetDistance?: import("csstype").Property.OffsetDistance<string | number> | undefined;
         offsetPath?: import("csstype").Property.OffsetPath | undefined;
+        offsetPosition?: import("csstype").Property.OffsetPosition<string | number> | undefined;
         offsetRotate?: import("csstype").Property.OffsetRotate | undefined;
         offsetRotation?: import("csstype").Property.OffsetRotate | undefined;
         opacity?: import("csstype").Property.Opacity | undefined;
@@ -324,27 +338,26 @@ declare const sizeStyles: {
         overflowWrap?: import("csstype").Property.OverflowWrap | undefined;
         overflowX?: import("csstype").Property.OverflowX | undefined;
         overflowY?: import("csstype").Property.OverflowY | undefined;
+        overlay?: import("csstype").Property.Overlay | undefined;
         overscrollBehaviorBlock?: import("csstype").Property.OverscrollBehaviorBlock | undefined;
         overscrollBehaviorInline?: import("csstype").Property.OverscrollBehaviorInline | undefined;
         overscrollBehaviorX?: import("csstype").Property.OverscrollBehaviorX | undefined;
         overscrollBehaviorY?: import("csstype").Property.OverscrollBehaviorY | undefined;
-        paddingBlock?: import("csstype").Property.PaddingBlock<string | number> | undefined;
         paddingBlockEnd?: import("csstype").Property.PaddingBlockEnd<string | number> | undefined;
         paddingBlockStart?: import("csstype").Property.PaddingBlockStart<string | number> | undefined;
         paddingBottom?: import("csstype").Property.PaddingBottom<string | number> | undefined;
-        paddingInline?: import("csstype").Property.PaddingInline<string | number> | undefined;
         paddingInlineEnd?: import("csstype").Property.PaddingInlineEnd<string | number> | undefined;
         paddingInlineStart?: import("csstype").Property.PaddingInlineStart<string | number> | undefined;
         paddingLeft?: import("csstype").Property.PaddingLeft<string | number> | undefined;
         paddingRight?: import("csstype").Property.PaddingRight<string | number> | undefined;
         paddingTop?: import("csstype").Property.PaddingTop<string | number> | undefined;
+        page?: import("csstype").Property.Page | undefined;
         pageBreakAfter?: import("csstype").Property.PageBreakAfter | undefined;
         pageBreakBefore?: import("csstype").Property.PageBreakBefore | undefined;
         pageBreakInside?: import("csstype").Property.PageBreakInside | undefined;
         paintOrder?: import("csstype").Property.PaintOrder | undefined;
         perspective?: import("csstype").Property.Perspective<string | number> | undefined;
         perspectiveOrigin?: import("csstype").Property.PerspectiveOrigin<string | number> | undefined;
-        placeContent?: import("csstype").Property.PlaceContent | undefined;
         pointerEvents?: import("csstype").Property.PointerEvents | undefined;
         position?: import("csstype").Property.Position | undefined;
         printColorAdjust?: import("csstype").Property.PrintColorAdjust | undefined;
@@ -358,36 +371,31 @@ declare const sizeStyles: {
         rubyPosition?: import("csstype").Property.RubyPosition | undefined;
         scale?: import("csstype").Property.Scale | undefined;
         scrollBehavior?: import("csstype").Property.ScrollBehavior | undefined;
-        scrollMargin?: import("csstype").Property.ScrollMargin<string | number> | undefined;
-        scrollMarginBlock?: import("csstype").Property.ScrollMarginBlock<string | number> | undefined;
         scrollMarginBlockEnd?: import("csstype").Property.ScrollMarginBlockEnd<string | number> | undefined;
         scrollMarginBlockStart?: import("csstype").Property.ScrollMarginBlockStart<string | number> | undefined;
         scrollMarginBottom?: import("csstype").Property.ScrollMarginBottom<string | number> | undefined;
-        scrollMarginInline?: import("csstype").Property.ScrollMarginInline<string | number> | undefined;
         scrollMarginInlineEnd?: import("csstype").Property.ScrollMarginInlineEnd<string | number> | undefined;
         scrollMarginInlineStart?: import("csstype").Property.ScrollMarginInlineStart<string | number> | undefined;
         scrollMarginLeft?: import("csstype").Property.ScrollMarginLeft<string | number> | undefined;
         scrollMarginRight?: import("csstype").Property.ScrollMarginRight<string | number> | undefined;
         scrollMarginTop?: import("csstype").Property.ScrollMarginTop<string | number> | undefined;
-        scrollPadding?: import("csstype").Property.ScrollPadding<string | number> | undefined;
-        scrollPaddingBlock?: import("csstype").Property.ScrollPaddingBlock<string | number> | undefined;
         scrollPaddingBlockEnd?: import("csstype").Property.ScrollPaddingBlockEnd<string | number> | undefined;
         scrollPaddingBlockStart?: import("csstype").Property.ScrollPaddingBlockStart<string | number> | undefined;
         scrollPaddingBottom?: import("csstype").Property.ScrollPaddingBottom<string | number> | undefined;
-        scrollPaddingInline?: import("csstype").Property.ScrollPaddingInline<string | number> | undefined;
         scrollPaddingInlineEnd?: import("csstype").Property.ScrollPaddingInlineEnd<string | number> | undefined;
         scrollPaddingInlineStart?: import("csstype").Property.ScrollPaddingInlineStart<string | number> | undefined;
         scrollPaddingLeft?: import("csstype").Property.ScrollPaddingLeft<string | number> | undefined;
         scrollPaddingRight?: import("csstype").Property.ScrollPaddingRight<string | number> | undefined;
         scrollPaddingTop?: import("csstype").Property.ScrollPaddingTop<string | number> | undefined;
         scrollSnapAlign?: import("csstype").Property.ScrollSnapAlign | undefined;
-        scrollSnapMargin?: import("csstype").Property.ScrollMargin<string | number> | undefined;
         scrollSnapMarginBottom?: import("csstype").Property.ScrollMarginBottom<string | number> | undefined;
         scrollSnapMarginLeft?: import("csstype").Property.ScrollMarginLeft<string | number> | undefined;
         scrollSnapMarginRight?: import("csstype").Property.ScrollMarginRight<string | number> | undefined;
         scrollSnapMarginTop?: import("csstype").Property.ScrollMarginTop<string | number> | undefined;
         scrollSnapStop?: import("csstype").Property.ScrollSnapStop | undefined;
         scrollSnapType?: import("csstype").Property.ScrollSnapType | undefined;
+        scrollTimelineAxis?: import("csstype").Property.ScrollTimelineAxis | undefined;
+        scrollTimelineName?: import("csstype").Property.ScrollTimelineName | undefined;
         scrollbarColor?: import("csstype").Property.ScrollbarColor | undefined;
         scrollbarGutter?: import("csstype").Property.ScrollbarGutter | undefined;
         scrollbarWidth?: import("csstype").Property.ScrollbarWidth | undefined;
@@ -418,12 +426,15 @@ declare const sizeStyles: {
         textTransform?: import("csstype").Property.TextTransform | undefined;
         textUnderlineOffset?: import("csstype").Property.TextUnderlineOffset<string | number> | undefined;
         textUnderlinePosition?: import("csstype").Property.TextUnderlinePosition | undefined;
+        textWrap?: import("csstype").Property.TextWrap | undefined;
+        timelineScope?: import("csstype").Property.TimelineScope | undefined;
         top?: import("csstype").Property.Top<string | number> | undefined;
         touchAction?: import("csstype").Property.TouchAction | undefined;
         transform?: import("csstype").Property.Transform | undefined;
         transformBox?: import("csstype").Property.TransformBox | undefined;
         transformOrigin?: import("csstype").Property.TransformOrigin<string | number> | undefined;
         transformStyle?: import("csstype").Property.TransformStyle | undefined;
+        transitionBehavior?: import("csstype").Property.TransitionBehavior | undefined;
         transitionDelay?: import("csstype").Property.TransitionDelay<string & {}> | undefined;
         transitionDuration?: import("csstype").Property.TransitionDuration<string & {}> | undefined;
         transitionProperty?: import("csstype").Property.TransitionProperty | undefined;
@@ -432,8 +443,14 @@ declare const sizeStyles: {
         unicodeBidi?: import("csstype").Property.UnicodeBidi | undefined;
         userSelect?: import("csstype").Property.UserSelect | undefined;
         verticalAlign?: import("csstype").Property.VerticalAlign<string | number> | undefined;
+        viewTimelineAxis?: import("csstype").Property.ViewTimelineAxis | undefined;
+        viewTimelineInset?: import("csstype").Property.ViewTimelineInset<string | number> | undefined;
+        viewTimelineName?: import("csstype").Property.ViewTimelineName | undefined;
+        viewTransitionName?: import("csstype").Property.ViewTransitionName | undefined;
         visibility?: import("csstype").Property.Visibility | undefined;
         whiteSpace?: import("csstype").Property.WhiteSpace | undefined;
+        whiteSpaceCollapse?: import("csstype").Property.WhiteSpaceCollapse | undefined;
+        whiteSpaceTrim?: import("csstype").Property.WhiteSpaceTrim | undefined;
         widows?: import("csstype").Property.Widows | undefined;
         width?: import("csstype").Property.Width<string | number> | undefined;
         willChange?: import("csstype").Property.WillChange | undefined;
@@ -443,8 +460,9 @@ declare const sizeStyles: {
         writingMode?: import("csstype").Property.WritingMode | undefined;
         zIndex?: import("csstype").Property.ZIndex | undefined;
         zoom?: import("csstype").Property.Zoom | undefined;
-        all?: import("csstype").Globals | undefined;
+        all?: import("csstype").Property.All | undefined;
         animation?: import("csstype").Property.Animation<string & {}> | undefined;
+        animationRange?: import("csstype").Property.AnimationRange<string | number> | undefined;
         background?: import("csstype").Property.Background<string | number> | undefined;
         backgroundPosition?: import("csstype").Property.BackgroundPosition<string | number> | undefined;
         border?: import("csstype").Property.Border<string | number> | undefined;
@@ -463,8 +481,11 @@ declare const sizeStyles: {
         borderStyle?: import("csstype").Property.BorderStyle | undefined;
         borderTop?: import("csstype").Property.BorderTop<string | number> | undefined;
         borderWidth?: import("csstype").Property.BorderWidth<string | number> | undefined;
+        caret?: import("csstype").Property.Caret | undefined;
         columnRule?: import("csstype").Property.ColumnRule<string | number> | undefined;
         columns?: import("csstype").Property.Columns<string | number> | undefined;
+        containIntrinsicSize?: import("csstype").Property.ContainIntrinsicSize<string | number> | undefined;
+        container?: import("csstype").Property.Container | undefined;
         flex?: import("csstype").Property.Flex<string | number> | undefined;
         flexFlow?: import("csstype").Property.FlexFlow | undefined;
         font?: import("csstype").Property.Font | undefined;
@@ -474,9 +495,14 @@ declare const sizeStyles: {
         gridColumn?: import("csstype").Property.GridColumn | undefined;
         gridRow?: import("csstype").Property.GridRow | undefined;
         gridTemplate?: import("csstype").Property.GridTemplate | undefined;
+        inset?: import("csstype").Property.Inset<string | number> | undefined;
+        insetBlock?: import("csstype").Property.InsetBlock<string | number> | undefined;
+        insetInline?: import("csstype").Property.InsetInline<string | number> | undefined;
         lineClamp?: import("csstype").Property.LineClamp | undefined;
         listStyle?: import("csstype").Property.ListStyle | undefined;
         margin?: import("csstype").Property.Margin<string | number> | undefined;
+        marginBlock?: import("csstype").Property.MarginBlock<string | number> | undefined;
+        marginInline?: import("csstype").Property.MarginInline<string | number> | undefined;
         mask?: import("csstype").Property.Mask<string | number> | undefined;
         maskBorder?: import("csstype").Property.MaskBorder | undefined;
         motion?: import("csstype").Property.Offset<string | number> | undefined;
@@ -485,11 +511,23 @@ declare const sizeStyles: {
         overflow?: import("csstype").Property.Overflow | undefined;
         overscrollBehavior?: import("csstype").Property.OverscrollBehavior | undefined;
         padding?: import("csstype").Property.Padding<string | number> | undefined;
+        paddingBlock?: import("csstype").Property.PaddingBlock<string | number> | undefined;
+        paddingInline?: import("csstype").Property.PaddingInline<string | number> | undefined;
+        placeContent?: import("csstype").Property.PlaceContent | undefined;
         placeItems?: import("csstype").Property.PlaceItems | undefined;
         placeSelf?: import("csstype").Property.PlaceSelf | undefined;
+        scrollMargin?: import("csstype").Property.ScrollMargin<string | number> | undefined;
+        scrollMarginBlock?: import("csstype").Property.ScrollMarginBlock<string | number> | undefined;
+        scrollMarginInline?: import("csstype").Property.ScrollMarginInline<string | number> | undefined;
+        scrollPadding?: import("csstype").Property.ScrollPadding<string | number> | undefined;
+        scrollPaddingBlock?: import("csstype").Property.ScrollPaddingBlock<string | number> | undefined;
+        scrollPaddingInline?: import("csstype").Property.ScrollPaddingInline<string | number> | undefined;
+        scrollSnapMargin?: import("csstype").Property.ScrollMargin<string | number> | undefined;
+        scrollTimeline?: import("csstype").Property.ScrollTimeline | undefined;
         textDecoration?: import("csstype").Property.TextDecoration<string | number> | undefined;
         textEmphasis?: import("csstype").Property.TextEmphasis | undefined;
         transition?: import("csstype").Property.Transition<string & {}> | undefined;
+        viewTimeline?: import("csstype").Property.ViewTimeline | undefined;
         MozAnimationDelay?: import("csstype").Property.AnimationDelay<string & {}> | undefined;
         MozAnimationDirection?: import("csstype").Property.AnimationDirection | undefined;
         MozAnimationDuration?: import("csstype").Property.AnimationDuration<string & {}> | undefined;
@@ -499,7 +537,7 @@ declare const sizeStyles: {
         MozAnimationPlayState?: import("csstype").Property.AnimationPlayState | undefined;
         MozAnimationTimingFunction?: import("csstype").Property.AnimationTimingFunction | undefined;
         MozAppearance?: import("csstype").Property.MozAppearance | undefined;
-        MozBackfaceVisibility?: import("csstype").Property.BackfaceVisibility | undefined;
+        MozBinding?: import("csstype").Property.MozBinding | undefined;
         MozBorderBottomColors?: import("csstype").Property.MozBorderBottomColors | undefined;
         MozBorderEndColor?: import("csstype").Property.BorderInlineEndColor | undefined;
         MozBorderEndStyle?: import("csstype").Property.BorderInlineEndStyle | undefined;
@@ -525,20 +563,16 @@ declare const sizeStyles: {
         MozMarginStart?: import("csstype").Property.MarginInlineStart<string | number> | undefined;
         MozOrient?: import("csstype").Property.MozOrient | undefined;
         MozOsxFontSmoothing?: import("csstype").Property.FontSmooth<string | number> | undefined;
+        MozOutlineRadiusBottomleft?: import("csstype").Property.MozOutlineRadiusBottomleft<string | number> | undefined;
+        MozOutlineRadiusBottomright?: import("csstype").Property.MozOutlineRadiusBottomright<string | number> | undefined;
+        MozOutlineRadiusTopleft?: import("csstype").Property.MozOutlineRadiusTopleft<string | number> | undefined;
+        MozOutlineRadiusTopright?: import("csstype").Property.MozOutlineRadiusTopright<string | number> | undefined;
         MozPaddingEnd?: import("csstype").Property.PaddingInlineEnd<string | number> | undefined;
         MozPaddingStart?: import("csstype").Property.PaddingInlineStart<string | number> | undefined;
-        MozPerspective?: import("csstype").Property.Perspective<string | number> | undefined;
-        MozPerspectiveOrigin?: import("csstype").Property.PerspectiveOrigin<string | number> | undefined;
         MozStackSizing?: import("csstype").Property.MozStackSizing | undefined;
         MozTabSize?: import("csstype").Property.TabSize<string | number> | undefined;
         MozTextBlink?: import("csstype").Property.MozTextBlink | undefined;
         MozTextSizeAdjust?: import("csstype").Property.TextSizeAdjust | undefined;
-        MozTransformOrigin?: import("csstype").Property.TransformOrigin<string | number> | undefined;
-        MozTransformStyle?: import("csstype").Property.TransformStyle | undefined;
-        MozTransitionDelay?: import("csstype").Property.TransitionDelay<string & {}> | undefined;
-        MozTransitionDuration?: import("csstype").Property.TransitionDuration<string & {}> | undefined;
-        MozTransitionProperty?: import("csstype").Property.TransitionProperty | undefined;
-        MozTransitionTimingFunction?: import("csstype").Property.TransitionTimingFunction | undefined;
         MozUserFocus?: import("csstype").Property.MozUserFocus | undefined;
         MozUserModify?: import("csstype").Property.MozUserModify | undefined;
         MozUserSelect?: import("csstype").Property.UserSelect | undefined;
@@ -718,7 +752,7 @@ declare const sizeStyles: {
         MozBorderImage?: import("csstype").Property.BorderImage | undefined;
         MozColumnRule?: import("csstype").Property.ColumnRule<string | number> | undefined;
         MozColumns?: import("csstype").Property.Columns<string | number> | undefined;
-        MozTransition?: import("csstype").Property.Transition<string & {}> | undefined;
+        MozOutlineRadius?: import("csstype").Property.MozOutlineRadius<string | number> | undefined;
         msContentZoomLimit?: import("csstype").Property.MsContentZoomLimit | undefined;
         msContentZoomSnap?: import("csstype").Property.MsContentZoomSnap | undefined;
         msFlex?: import("csstype").Property.Flex<string | number> | undefined;
@@ -776,11 +810,11 @@ declare const sizeStyles: {
         KhtmlLineBreak?: import("csstype").Property.LineBreak | undefined;
         KhtmlOpacity?: import("csstype").Property.Opacity | undefined;
         KhtmlUserSelect?: import("csstype").Property.UserSelect | undefined;
+        MozBackfaceVisibility?: import("csstype").Property.BackfaceVisibility | undefined;
         MozBackgroundClip?: import("csstype").Property.BackgroundClip | undefined;
         MozBackgroundInlinePolicy?: import("csstype").Property.BoxDecorationBreak | undefined;
         MozBackgroundOrigin?: import("csstype").Property.BackgroundOrigin | undefined;
         MozBackgroundSize?: import("csstype").Property.BackgroundSize<string | number> | undefined;
-        MozBinding?: import("csstype").Property.MozBinding | undefined;
         MozBorderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
         MozBorderRadiusBottomleft?: import("csstype").Property.BorderBottomLeftRadius<string | number> | undefined;
         MozBorderRadiusBottomright?: import("csstype").Property.BorderBottomRightRadius<string | number> | undefined;
@@ -798,17 +832,22 @@ declare const sizeStyles: {
         MozOpacity?: import("csstype").Property.Opacity | undefined;
         MozOutline?: import("csstype").Property.Outline<string | number> | undefined;
         MozOutlineColor?: import("csstype").Property.OutlineColor | undefined;
-        MozOutlineRadius?: import("csstype").Property.MozOutlineRadius<string | number> | undefined;
-        MozOutlineRadiusBottomleft?: import("csstype").Property.MozOutlineRadiusBottomleft<string | number> | undefined;
-        MozOutlineRadiusBottomright?: import("csstype").Property.MozOutlineRadiusBottomright<string | number> | undefined;
-        MozOutlineRadiusTopleft?: import("csstype").Property.MozOutlineRadiusTopleft<string | number> | undefined;
-        MozOutlineRadiusTopright?: import("csstype").Property.MozOutlineRadiusTopright<string | number> | undefined;
         MozOutlineStyle?: import("csstype").Property.OutlineStyle | undefined;
         MozOutlineWidth?: import("csstype").Property.OutlineWidth<string | number> | undefined;
+        MozPerspective?: import("csstype").Property.Perspective<string | number> | undefined;
+        MozPerspectiveOrigin?: import("csstype").Property.PerspectiveOrigin<string | number> | undefined;
         MozTextAlignLast?: import("csstype").Property.TextAlignLast | undefined;
         MozTextDecorationColor?: import("csstype").Property.TextDecorationColor | undefined;
         MozTextDecorationLine?: import("csstype").Property.TextDecorationLine | undefined;
         MozTextDecorationStyle?: import("csstype").Property.TextDecorationStyle | undefined;
+        MozTransform?: import("csstype").Property.Transform | undefined;
+        MozTransformOrigin?: import("csstype").Property.TransformOrigin<string | number> | undefined;
+        MozTransformStyle?: import("csstype").Property.TransformStyle | undefined;
+        MozTransition?: import("csstype").Property.Transition<string & {}> | undefined;
+        MozTransitionDelay?: import("csstype").Property.TransitionDelay<string & {}> | undefined;
+        MozTransitionDuration?: import("csstype").Property.TransitionDuration<string & {}> | undefined;
+        MozTransitionProperty?: import("csstype").Property.TransitionProperty | undefined;
+        MozTransitionTimingFunction?: import("csstype").Property.TransitionTimingFunction | undefined;
         MozUserInput?: import("csstype").Property.MozUserInput | undefined;
         msImeMode?: import("csstype").Property.ImeMode | undefined;
         OAnimation?: import("csstype").Property.Animation<string & {}> | undefined;
@@ -841,8 +880,6 @@ declare const sizeStyles: {
         WebkitBoxOrdinalGroup?: import("csstype").Property.BoxOrdinalGroup | undefined;
         WebkitBoxOrient?: import("csstype").Property.BoxOrient | undefined;
         WebkitBoxPack?: import("csstype").Property.BoxPack | undefined;
-        WebkitScrollSnapPointsX?: import("csstype").Property.ScrollSnapPointsX | undefined;
-        WebkitScrollSnapPointsY?: import("csstype").Property.ScrollSnapPointsY | undefined;
         alignmentBaseline?: import("csstype").Property.AlignmentBaseline | undefined;
         baselineShift?: import("csstype").Property.BaselineShift<string | number> | undefined;
         clipRule?: import("csstype").Property.ClipRule | undefined;
@@ -939,64 +976,64 @@ export type ChipProps = Pick<MuiChipProps, 'id' | 'label' | 'sx' | 'onClick' | '
  * A component that displays a chip containing simple text.
  * If chips doesn't fit in the available space, they will be truncated with ellipsis.
  */
-declare const Chip: React.ForwardRefExoticComponent<Pick<MuiChipProps, "label" | "id" | "onClick" | "onMouseEnter" | "onMouseLeave" | "sx" | "onDelete"> & {
+declare const Chip: React.ForwardRefExoticComponent<Pick<MuiChipProps, "id" | "sx" | "label" | "onClick" | "onMouseEnter" | "onMouseLeave" | "onDelete"> & {
     /**
      * The icon to display
      */
-    iconId?: "function" | "details" | "label" | "link" | "map" | "menu" | "script" | "select" | "table" | "video" | "svg" | "filter" | "image" | "marker" | "stop" | "switch" | "text" | "translate" | "security" | "opacity" | "scale" | "animation" | "grid" | "margin" | "edge" | "key" | "transparent" | "sort" | "at" | "repeat" | "anchor" | "medium" | "solid" | "wrap" | "alert" | "application" | "group" | "navigation" | "note" | "presentation" | "radio" | "tab" | "textbox" | "timer" | "tooltip" | "tree" | "email" | "numeric" | "decimal" | "target" | "restart" | "download" | "loop" | "help" | "zoom-in" | "zoom-out" | "alpha" | "weight" | "dot" | "triangle" | "select-all" | "drag" | "palette" | "abx-testing" | "abx-testing-add" | "access-point" | "access-point-network" | "account" | "account-alert" | "account-box" | "account-box-outline" | "account-card-details" | "account-check" | "account-circle" | "account-convert" | "account-dynamic-plus" | "account-edit" | "account-filter" | "account-key" | "account-location" | "account-minus" | "account-multiple" | "account-multiple-minus" | "account-multiple-outline" | "account-multiple-plus" | "account-network" | "account-off" | "account-outline" | "account-plus" | "account-remove" | "account-search" | "account-settings" | "account-settings-variant" | "account-star" | "account-star-variant" | "account-switch" | "add-note" | "adjust" | "air-conditioner" | "airballoon" | "airplane" | "airplane-landing" | "airplane-off" | "airplane-takeoff" | "airplay" | "alarm" | "alarm-check" | "alarm-multiple" | "alarm-off" | "alarm-plus" | "alarm-snooze" | "album" | "alert-box" | "alert-circle" | "alert-circle-outline" | "alert-octagon" | "alert-octagram" | "alert-outline" | "align-horizontal-center" | "align-horizontal-left" | "align-horizontal-right" | "all-inclusive" | "alphabetical" | "altimeter" | "amazon" | "amazon-clouddrive" | "ambulance" | "amplifier" | "android" | "android-debug-bridge" | "android-studio" | "angular" | "angularjs" | "apple" | "apple-finder" | "apple-ios" | "apple-keyboard-caps" | "apple-keyboard-command" | "apple-keyboard-control" | "apple-keyboard-option" | "apple-keyboard-shift" | "apple-mobileme" | "apple-safari" | "apps" | "archive" | "arrange-bring-forward" | "arrange-bring-to-front" | "arrange-send-backward" | "arrange-send-to-back" | "arrow-all" | "arrow-bottom-left" | "arrow-bottom-right" | "arrow-compress" | "arrow-compress-all" | "arrow-down" | "arrow-down-bold" | "arrow-down-bold-box" | "arrow-down-bold-box-outline" | "arrow-down-bold-circle" | "arrow-down-bold-circle-outline" | "arrow-down-bold-hexagon-outline" | "arrow-down-box" | "arrow-down-drop-circle" | "arrow-down-drop-circle-outline" | "arrow-down-thick" | "arrow-expand" | "arrow-expand-all" | "arrow-left" | "arrow-left-bold" | "arrow-left-bold-box" | "arrow-left-bold-box-outline" | "arrow-left-bold-circle" | "arrow-left-bold-circle-outline" | "arrow-left-bold-hexagon-outline" | "arrow-left-box" | "arrow-left-drop-circle" | "arrow-left-drop-circle-outline" | "arrow-left-thick" | "arrow-right" | "arrow-right-bold" | "arrow-right-bold-box" | "arrow-right-bold-box-outline" | "arrow-right-bold-circle" | "arrow-right-bold-circle-outline" | "arrow-right-bold-hexagon-outline" | "arrow-right-box" | "arrow-right-drop-circle" | "arrow-right-drop-circle-outline" | "arrow-right-thick" | "arrow-top-left" | "arrow-top-right" | "arrow-up" | "arrow-up-bold" | "arrow-up-bold-box" | "arrow-up-bold-box-outline" | "arrow-up-bold-circle" | "arrow-up-bold-circle-outline" | "arrow-up-bold-hexagon-outline" | "arrow-up-box" | "arrow-up-drop-circle" | "arrow-up-drop-circle-outline" | "arrow-up-thick" | "assistant" | "asterisk" | "attachment" | "audiobook" | "auto-awesome" | "auto-fix" | "auto-upload" | "autorenew" | "av-timer" | "baby" | "baby-buggy" | "backburger" | "backspace" | "backup-restore" | "bandcamp" | "bank" | "barcode" | "barcode-scan" | "barley" | "barrel" | "basecamp" | "basket" | "basket-fill" | "basket-unfill" | "battery" | "battery-10" | "battery-20" | "battery-30" | "battery-40" | "battery-50" | "battery-60" | "battery-70" | "battery-80" | "battery-90" | "battery-alert" | "battery-charging" | "battery-charging-100" | "battery-charging-20" | "battery-charging-30" | "battery-charging-40" | "battery-charging-60" | "battery-charging-80" | "battery-charging-90" | "battery-minus" | "battery-negative" | "battery-outline" | "battery-plus" | "battery-positive" | "battery-unknown" | "beach" | "beaker" | "beats" | "beer" | "behance" | "bell" | "bell-off" | "bell-outline" | "bell-plus" | "bell-ring" | "bell-ring-outline" | "bell-sleep" | "beta" | "bible" | "bigtop-updates" | "bigcommerce" | "bike" | "bing" | "binoculars" | "bio" | "biohazard" | "bitbucket" | "black-mesa" | "blackberry" | "blender" | "blinds" | "block-helper" | "blogger" | "bluetooth" | "bluetooth-audio" | "bluetooth-connect" | "bluetooth-off" | "bluetooth-settings" | "bluetooth-transfer" | "blur" | "blur-linear" | "blur-off" | "blur-radial" | "bomb" | "bomb-off" | "bone" | "book" | "book-minus" | "book-multiple" | "book-multiple-variant" | "book-open" | "book-open-page-variant" | "book-open-variant" | "book-plus" | "book-variant" | "bookmark" | "bookmark-check" | "bookmark-music" | "bookmark-outline" | "bookmark-plus" | "bookmark-plus-outline" | "bookmark-remove" | "boombox" | "bootstrap" | "border-all" | "border-bottom" | "border-color" | "border-horizontal" | "border-inside" | "border-left" | "border-none" | "border-outside" | "border-right" | "border-style" | "border-top" | "border-vertical" | "bow-tie" | "bowl" | "bowling" | "box" | "box-cutter" | "box-shadow" | "bridge" | "briefcase" | "briefcase-check" | "briefcase-download" | "briefcase-outline" | "briefcase-upload" | "brightness-1" | "brightness-2" | "brightness-3" | "brightness-4" | "brightness-5" | "brightness-6" | "brightness-7" | "brightness-auto" | "broom" | "brush" | "buffer" | "bug" | "bulletin-board" | "bullhorn" | "bullhorn-outline" | "bullseye" | "bullseye-arrow" | "burst-mode" | "bus" | "cached" | "cake" | "cake-layered" | "cake-variant" | "calculator" | "calendar" | "calendar-blank" | "calendar-check" | "calendar-clock" | "calendar-multiple" | "calendar-multiple-check" | "calendar-plus" | "calendar-question" | "calendar-range" | "calendar-remove" | "calendar-search-outline" | "calendar-text" | "calendar-today" | "call-made" | "call-merge" | "call-missed" | "call-received" | "call-split" | "call-split-rotate" | "call-to-action" | "camcorder" | "camcorder-box" | "camcorder-box-off" | "camcorder-off" | "camera" | "camera-burst" | "camera-enhance" | "camera-front" | "camera-front-variant" | "camera-iris" | "camera-off" | "camera-party-mode" | "camera-rear" | "camera-rear-variant" | "camera-switch" | "camera-timer" | "candle" | "candycane" | "car" | "car-battery" | "car-connected" | "car-wash" | "cards" | "cards-outline" | "cards-playing-outline" | "cards-variant" | "carrot" | "cart" | "cart-check" | "cart-off" | "cart-outline" | "cart-plus" | "case-sensitive-alt" | "cash" | "cash-100" | "cash-multiple" | "cash-usd" | "cast" | "cast-connected" | "castle" | "cat" | "cellphone" | "cellphone-android" | "cellphone-basic" | "cellphone-dock" | "cellphone-iphone" | "cellphone-link" | "cellphone-link-off" | "cellphone-message" | "cellphone-settings" | "certificate" | "chair-school" | "chart-arc" | "chart-areaspline" | "chart-bar" | "chart-bubble" | "chart-gantt" | "chart-histogram" | "chart-line" | "chart-line-variant" | "chart-pie" | "chart-scatterplot-hexbin" | "chart-timeline" | "check" | "check-all" | "check-circle" | "check-circle-outline" | "checkbox-blank" | "checkbox-blank-circle" | "checkbox-blank-circle-outline" | "checkbox-blank-outline" | "checkbox-marked" | "checkbox-marked-circle" | "checkbox-marked-circle-outline" | "checkbox-marked-outline" | "checkbox-indeterminate" | "checkbox-multiple-blank" | "checkbox-multiple-blank-circle" | "checkbox-multiple-blank-circle-outline" | "checkbox-multiple-blank-outline" | "checkbox-multiple-marked" | "checkbox-multiple-marked-circle" | "checkbox-multiple-marked-circle-outline" | "checkbox-multiple-marked-outline" | "checkerboard" | "chemical-weapon" | "chevron-double-down" | "chevron-double-left" | "chevron-double-right" | "chevron-double-up" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chip" | "church" | "circle-medium" | "cisco-webex" | "city" | "clipboard" | "clipboard-account" | "clipboard-account-outline" | "clipboard-alert" | "clipboard-arrow-down" | "clipboard-arrow-left" | "clipboard-check" | "clipboard-flow" | "clipboard-multiple" | "clipboard-outline" | "clipboard-text" | "clipboard-text-outline" | "clippy" | "clock" | "clock-alert" | "clock-end" | "clock-fast" | "clock-in" | "clock-out" | "clock-start" | "close" | "close-box" | "close-box-outline" | "close-circle" | "close-circle-outline" | "close-network" | "close-octagon" | "close-octagon-outline" | "close-outline" | "closed-caption" | "cloud" | "cloud-check" | "cloud-circle" | "cloud-download" | "cloud-outline" | "cloud-outline-off" | "cloud-print" | "cloud-print-outline" | "cloud-sync" | "cloud-upload" | "connect" | "code-array" | "code-braces" | "code-brackets" | "code-equal" | "code-greater-than" | "code-greater-than-or-equal" | "code-less-than" | "code-less-than-or-equal" | "code-not-equal" | "code-not-equal-variant" | "code-parentheses" | "code-string" | "code-tags" | "code-tags-check" | "codepen" | "coffee" | "coffee-outline" | "coffee-to-go" | "coin" | "coins" | "collage" | "color-helper" | "comment" | "color-square" | "comment-account" | "comment-account-outline" | "comment-alert" | "comment-alert-outline" | "comment-check" | "comment-check-outline" | "comment-multiple-outline" | "comment-outline" | "comment-plus-outline" | "comment-processing" | "comment-processing-outline" | "comment-question-outline" | "comment-remove-outline" | "comment-text" | "comment-text-outline" | "compare" | "compass" | "compass-outline" | "connectif-email-bounce" | "connectif-logo" | "console" | "contact-mail" | "contacts" | "content-copy" | "content-cut" | "content-duplicate" | "content-paste" | "content-save" | "content-save-all" | "content-save-settings" | "contrast" | "contrast-box" | "contrast-circle" | "cookie" | "copyright" | "counter" | "cow" | "creation" | "credit-card" | "credit-card-multiple" | "credit-card-off" | "credit-card-plus" | "credit-card-scan" | "crop" | "crop-free" | "crop-landscape" | "crop-portrait" | "crop-rotate" | "crop-square" | "crosshairs" | "crosshairs-gps" | "crown" | "cube" | "cube-outline" | "cube-send" | "cube-unfolded" | "cup" | "cup-off" | "cup-water" | "currency-btc" | "currency-eur" | "currency-gbp" | "currency-inr" | "currency-ngn" | "currency-rub" | "currency-try" | "currency-usd" | "currency-usd-off" | "cursor-default" | "cursor-default-click-outline" | "cursor-default-outline" | "cursor-move" | "cursor-pointer" | "cursor-text" | "database" | "database-minus" | "database-plus" | "debug-step-into" | "debug-step-out" | "debug-step-over" | "decimal-decrease" | "decimal-increase" | "delete" | "delete-circle" | "delete-empty" | "delete-forever" | "delete-outline" | "delete-sweep" | "delete-variant" | "delta" | "deskphone" | "desktop-mac" | "desktop-tower" | "developer-board" | "deviantart" | "dialpad" | "diamond" | "dice-1" | "dice-2" | "dice-3" | "dice-4" | "dice-5" | "dice-6" | "dice-d20" | "dice-d4" | "dice-d6" | "dice-d8" | "dictionary" | "directions" | "directions-fork" | "discord" | "disk" | "disk-alert" | "disqus" | "disqus-outline" | "division" | "division-box" | "dna" | "dns" | "do-not-disturb" | "do-not-disturb-off" | "dolby" | "domain" | "dot-square" | "dots-horizontal" | "dots-vertical" | "douban" | "drag-horizontal" | "drag-vertical" | "drama-mask" | "drawing" | "drawing-box" | "dribbble" | "dribbble-box" | "drone" | "dropbox" | "drupal" | "duck" | "dumbbell" | "earth" | "earth-box" | "earth-box-off" | "earth-off" | "edit-note" | "eject" | "elevation-decline" | "elevation-rise" | "elevator" | "email-alert" | "email-fast-outline" | "email-multiple-outline" | "email-open" | "email-open-outline" | "email-outline" | "email-plus-outline" | "email-secure" | "email-variant" | "emby" | "emoticon" | "emoticon-cool" | "emoticon-dead" | "emoticon-devil" | "emoticon-excited" | "emoticon-happy" | "emoticon-neutral" | "emoticon-poop" | "emoticon-sad" | "emoticon-tongue" | "engine" | "engine-outline" | "equal" | "equal-box" | "eraser" | "eraser-variant" | "escalator" | "ethernet" | "ethernet-cable" | "ethernet-cable-off" | "etsy" | "ev-station" | "evernote" | "exclamation" | "exit-to-app" | "export" | "eye" | "eye-off" | "eye-outline" | "eye-outline-off" | "eyedropper" | "eyedropper-variant" | "face" | "face-profile" | "facebook" | "facebook-box" | "facebook-messenger" | "facebook-page-visit" | "factory" | "fan" | "fast-forward" | "fast-forward-outline" | "fax" | "feather" | "ferry" | "file" | "file-account" | "file-chart" | "file-check" | "file-cloud" | "file-delimited" | "file-document" | "file-document-box" | "file-excel" | "file-excel-box" | "file-export" | "file-eye-outline" | "file-find" | "file-hidden" | "file-image" | "file-import" | "file-lock" | "file-multiple" | "file-music" | "file-outline" | "file-pdf" | "file-pdf-box" | "file-powerpoint" | "file-powerpoint-box" | "file-presentation-box" | "file-restore" | "file-send" | "file-tree" | "file-video" | "file-word" | "file-word-box" | "file-xml" | "film" | "filmstrip" | "filmstrip-off" | "filter-outline" | "filter-remove" | "filter-remove-outline" | "filter-variant" | "find-replace" | "fingerprint" | "fire" | "firefox" | "fish" | "flag" | "flag-checkered" | "flag-outline" | "flag-outline-variant" | "flag-triangle" | "flag-variant" | "flash" | "flash-auto" | "flash-off" | "flash-outline" | "flash-red-eye" | "flashlight" | "flashlight-off" | "flask" | "flask-empty" | "flask-empty-outline" | "flask-outline" | "flattr" | "flip-to-back" | "flip-to-front" | "floppy" | "flower" | "folder" | "folder-account" | "folder-download" | "folder-google-drive" | "folder-image" | "folder-lock" | "folder-lock-open" | "folder-move" | "folder-multiple" | "folder-multiple-image" | "folder-multiple-outline" | "folder-outline" | "folder-plus" | "folder-remove" | "folder-star" | "folder-upload" | "font-awesome" | "food" | "food-apple" | "food-fork-drink" | "food-off" | "food-variant" | "football" | "football-australian" | "football-helmet" | "format-align-center" | "format-align-justify" | "format-align-left" | "format-align-right" | "format-annotation-plus" | "format-bold" | "format-clear" | "format-color-fill" | "format-color-text" | "format-float-center" | "format-float-left" | "format-float-none" | "format-float-right" | "format-font" | "format-header-1" | "format-header-2" | "format-header-3" | "format-header-4" | "format-header-5" | "format-header-6" | "format-header-decrease" | "format-header-equal" | "format-header-increase" | "format-header-pound" | "format-horizontal-align-center" | "format-horizontal-align-left" | "format-horizontal-align-right" | "format-indent-decrease" | "format-indent-increase" | "format-italic" | "format-line-spacing" | "format-line-style" | "format-line-weight" | "format-list-bulleted" | "format-list-bulleted-type" | "format-list-numbers" | "format-page-break" | "format-paint" | "format-paragraph" | "format-pilcrow" | "format-quote" | "format-rotate-90" | "format-section" | "format-size" | "format-strikethrough" | "format-strikethrough-variant" | "format-subscript" | "format-superscript" | "format-text" | "format-textdirection-l-to-r" | "format-textdirection-r-to-l" | "format-title" | "format-underline" | "format-vertical-align-bottom" | "format-vertical-align-center" | "format-vertical-align-top" | "format-wrap-inline" | "format-wrap-square" | "format-wrap-tight" | "format-wrap-top-bottom" | "forum" | "forum-outline" | "forward" | "foursquare" | "fridge" | "fridge-filled" | "fridge-filled-bottom" | "fridge-filled-top" | "fullscreen" | "fullscreen-exit" | "gamepad" | "gamepad-variant" | "garage" | "garage-open" | "gas-cylinder" | "gas-station" | "gate" | "gauge" | "gavel" | "gender-female" | "gender-male" | "gender-male-female" | "gender-transgender" | "gesture-double-tap" | "gesture-swipe-down" | "gesture-swipe-left" | "gesture-swipe-right" | "gesture-swipe-up" | "gesture-tap" | "gesture-two-double-tap" | "gesture-two-tap" | "ghost" | "gift" | "git" | "github-box" | "github-circle" | "github-face" | "glass-flute" | "glass-mug" | "glass-stange" | "glass-tulip" | "glassdoor" | "glasses" | "gmail" | "gnome" | "gondola" | "google" | "google-analytics" | "google-cardboard" | "google-chrome" | "google-circles" | "google-circles-communities" | "google-circles-extended" | "google-circles-group" | "google-controller" | "google-controller-off" | "google-drive" | "google-earth" | "google-glass" | "google-keep" | "google-maps" | "google-nearby" | "google-pages" | "google-photos" | "google-physical-web" | "google-play" | "google-plus" | "google-plus-box" | "google-translate" | "google-wallet" | "gradient" | "grease-pencil" | "grid-off" | "guitar-electric" | "guitar-pick" | "guitar-pick-outline" | "hackernews" | "hamburger" | "hand-pointing-right" | "hanger" | "hangouts" | "harddisk" | "headphones" | "headphones-box" | "headphones-settings" | "headset" | "headset-dock" | "headset-off" | "heart" | "heart-box" | "heart-box-outline" | "heart-broken" | "heart-half-outline" | "heart-half-part" | "heart-half-part-outline" | "heart-outline" | "heart-pulse" | "help-circle" | "help-circle-outline" | "hexagon" | "hexagon-multiple" | "hexagon-outline" | "highway" | "history" | "hololens" | "home" | "home-map-marker" | "home-modern" | "home-outline" | "home-variant" | "hook" | "hook-off" | "hops" | "hospital" | "hospital-building" | "hospital-marker" | "hotel" | "houzz" | "houzz-box" | "human" | "human-child" | "human-female" | "human-greeting" | "human-handsdown" | "human-handsup" | "human-male" | "human-male-female" | "human-pregnant" | "image-album" | "image-area" | "image-area-close" | "image-broken" | "image-broken-variant" | "image-filter" | "image-filter-black-white" | "image-filter-center-focus" | "image-filter-center-focus-weak" | "image-filter-drama" | "image-filter-frames" | "image-filter-hdr" | "image-filter-none" | "image-filter-tilt-shift" | "image-filter-vintage" | "image-edit" | "image-multiple" | "import" | "inbox" | "inbox-arrow-down" | "inbox-arrow-up" | "incognito" | "infinity" | "information" | "information-outline" | "information-variant" | "instagram" | "instagram-page-visit" | "instapaper" | "internet-explorer" | "invert-colors" | "itunes" | "jeepney" | "jira" | "jsfiddle" | "json" | "keg" | "kettle" | "key-change" | "key-minus" | "key-plus" | "key-remove" | "key-variant" | "keyboard" | "keyboard-backspace" | "keyboard-caps" | "keyboard-close" | "keyboard-off" | "keyboard-return" | "keyboard-tab" | "keyboard-variant" | "kickstarter" | "kodi" | "label-outline" | "lambda" | "lamp" | "lan" | "lan-connect" | "lan-disconnect" | "lan-pending" | "language-c" | "language-cpp" | "language-csharp" | "language-css3" | "language-html5" | "language-javascript" | "language-php" | "language-python" | "language-python-text" | "language-swift" | "language-typescript" | "laptop" | "laptop-chromebook" | "laptop-mac" | "laptop-off" | "laptop-windows" | "lastfm" | "launch" | "layers" | "layers-off" | "lead-pencil" | "leaf" | "led-off" | "led-on" | "led-outline" | "led-variant-off" | "led-variant-on" | "led-variant-outline" | "library" | "library-books" | "library-music" | "library-plus" | "lightbulb" | "lightbulb-on" | "lightbulb-on-outline" | "lightbulb-outline" | "lightning-bolt" | "link-off" | "link-variant" | "link-variant-off" | "linkedin" | "linkedin-box" | "linux" | "lock" | "lock-open" | "lock-open-outline" | "lock-outline" | "lock-pattern" | "lock-plus" | "login" | "login-variant" | "logout" | "logout-cn" | "logout-variant" | "looks" | "loupe" | "lumx" | "magento" | "magnet" | "magnet-on" | "magnify" | "magnify-minus" | "magnify-minus-outline" | "magnify-plus" | "magnify-plus-outline" | "mail-ru" | "mailbox" | "map-marker" | "map-marker-circle" | "map-marker-minus" | "map-marker-multiple" | "map-marker-off" | "map-marker-plus" | "map-marker-radius" | "markdown" | "marker-check" | "martini" | "material-ui" | "math-compass" | "matrix" | "maxcdn" | "medical-bag" | "memory" | "menu-down" | "menu-down-outline" | "menu-left" | "menu-right" | "menu-up" | "menu-up-outline" | "message" | "message-alert" | "message-bulleted" | "message-bulleted-off" | "message-draw" | "message-image" | "message-outline" | "message-plus" | "message-processing" | "message-reply" | "message-reply-text" | "message-settings" | "message-settings-variant" | "message-text" | "message-text-outline" | "message-video" | "meteor" | "microphone" | "microphone-off" | "microphone-outline" | "microphone-settings" | "microphone-variant" | "microphone-variant-off" | "microscope" | "microsoft" | "minecraft" | "minus" | "minus-box" | "minus-box-outline" | "minus-circle" | "minus-circle-outline" | "minus-network" | "mixcloud" | "monitor" | "monitor-multiple" | "mop" | "more" | "motorbike" | "mouse" | "mouse-off" | "mouse-variant" | "mouse-variant-off" | "move-resize" | "move-resize-variant" | "movie" | "multiplication" | "multiplication-box" | "music-box" | "music-box-outline" | "music-circle" | "music-note" | "music-note-bluetooth" | "music-note-bluetooth-off" | "music-note-eighth" | "music-note-half" | "music-note-off" | "music-note-quarter" | "music-note-sixteenth" | "music-note-whole" | "nature" | "nature-people" | "near-me" | "needle" | "nest-protect" | "nest-thermostat" | "netflix" | "network" | "network-download" | "network-question" | "network-upload" | "new-box" | "newspaper" | "nfc" | "nfc-tap" | "nfc-variant" | "nodejs" | "note-multiple" | "note-multiple-outline" | "note-outline" | "note-plus" | "note-plus-outline" | "note-text" | "notification-clear-all" | "npm" | "nuke" | "numeric-0-box" | "numeric-0-box-multiple-outline" | "numeric-0-box-outline" | "numeric-1-box" | "numeric-1-box-multiple-outline" | "numeric-1-box-outline" | "numeric-2-box" | "numeric-2-box-multiple-outline" | "numeric-2-box-outline" | "numeric-3-box" | "numeric-3-box-multiple-outline" | "numeric-3-box-outline" | "numeric-4-box" | "numeric-4-box-multiple-outline" | "numeric-4-box-outline" | "numeric-5-box" | "numeric-5-box-multiple-outline" | "numeric-5-box-outline" | "numeric-6-box" | "numeric-6-box-multiple-outline" | "numeric-6-box-outline" | "numeric-7-box" | "numeric-7-box-multiple-outline" | "numeric-7-box-outline" | "numeric-8-box" | "numeric-8-box-multiple-outline" | "numeric-8-box-outline" | "numeric-9-box" | "numeric-9-box-multiple-outline" | "numeric-9-box-outline" | "numeric-9-plus-box" | "numeric-9-plus-box-multiple-outline" | "numeric-9-plus-box-outline" | "nut" | "nutrition" | "oar" | "octagon" | "octagon-outline" | "octagram" | "odnoklassniki" | "office" | "oil" | "oil-temperature" | "omega" | "onedrive" | "onenote" | "open-in-app" | "open-in-new" | "openid" | "opera" | "ornament" | "ornament-variant" | "owl" | "package" | "package-down" | "package-up" | "package-variant" | "package-variant-closed" | "page-first" | "page-last" | "page-layout-body" | "page-layout-footer" | "page-layout-header" | "page-layout-sidebar-left" | "page-layout-sidebar-right" | "palette-advanced" | "palette-outline" | "panda" | "pandora" | "panorama" | "panorama-fisheye" | "panorama-horizontal" | "panorama-vertical" | "panorama-wide-angle" | "paper-cut-vertical" | "paperclip" | "parking" | "pause" | "pause-circle" | "pause-circle-outline" | "pause-octagon" | "pause-octagon-outline" | "paw" | "paw-off" | "pen" | "pencil" | "pencil-box" | "pencil-box-outline" | "pencil-circle" | "pencil-lock" | "pencil-off" | "pencil-outline" | "pending" | "pentagon" | "pentagon-outline" | "percent" | "periscope" | "pharmacy" | "phone" | "phone-bluetooth" | "phone-classic" | "phone-forward" | "phone-hangup" | "phone-in-talk" | "phone-incoming" | "phone-locked" | "phone-log" | "phone-minus" | "phone-missed" | "phone-outgoing" | "phone-paused" | "phone-plus" | "phone-settings" | "phone-voip" | "pi" | "pi-box" | "piano" | "pig" | "pill" | "pillar" | "pin" | "pin-off" | "pin-outline" | "pine-tree" | "pine-tree-box" | "pinterest" | "pinterest-box" | "pistol" | "pizza" | "plane-shield" | "play" | "play-box-outline" | "play-circle" | "play-circle-outline" | "play-pause" | "play-protected-content" | "playlist-check" | "playlist-edit" | "playlist-minus" | "playlist-play" | "playlist-plus" | "playlist-remove" | "playstation" | "plex" | "plus" | "plus-box" | "plus-box-outline" | "plus-circle" | "plus-circle-multiple-outline" | "plus-circle-outline" | "plus-network" | "plus-one" | "plus-outline" | "pocket" | "pokeball" | "polaroid" | "poll" | "poll-box" | "polymer" | "pool" | "popcorn" | "pot" | "pot-mix" | "pound" | "pound-box" | "power" | "power-plug" | "power-plug-off" | "power-settings" | "power-socket" | "prescription" | "presentation-play" | "prestashop" | "printer" | "printer-3d" | "printer-alert" | "printer-settings" | "priority-high" | "priority-low" | "professional-hexagon" | "progress-clock" | "progress-pencil" | "projector" | "projector-screen" | "publish" | "pulse" | "puzzle" | "qqchat" | "qrcode" | "qrcode-scan" | "quadcopter" | "quality-high" | "quicktime" | "radar" | "radiator" | "radio-handheld" | "radio-tower" | "radioactive" | "radiobox-blank" | "radiobox-marked" | "raspberrypi" | "ray-end" | "ray-end-arrow" | "ray-start" | "ray-start-arrow" | "ray-start-end" | "ray-vertex" | "rdio" | "react" | "read" | "readability" | "receipt" | "record" | "record-rec" | "recycle" | "reddit" | "redo" | "redo-variant" | "refresh" | "regex" | "relative-scale" | "reload" | "remote" | "rename-box" | "reorder-horizontal" | "reorder-vertical" | "repeat-off" | "repeat-once" | "replay" | "reply" | "reply-all" | "reproduction" | "resize-bottom-right" | "responsive" | "restore" | "rewind" | "rewind-outline" | "rhombus" | "rhombus-outline" | "ribbon" | "road" | "road-variant" | "robot" | "rocket" | "roomba" | "rotate-3d" | "rotate-left" | "rotate-left-variant" | "rotate-right" | "rotate-right-variant" | "rounded-corner" | "router-wireless" | "routes" | "rowing" | "rss" | "rss-box" | "ruler" | "run" | "run-fast" | "sale" | "satellite" | "satellite-variant" | "saxophone" | "scale-balance" | "scale-bathroom" | "scanner" | "school" | "screen-rotation" | "screen-rotation-lock" | "screwdriver" | "sd" | "seal" | "segment" | "connectif-segment" | "connectif-segment-add" | "connectif-segment-remove" | "search-web" | "seat-flat" | "seat-flat-angled" | "seat-individual-suite" | "seat-legroom-extra" | "seat-legroom-normal" | "seat-legroom-reduced" | "seat-recline-extra" | "seat-recline-normal" | "security-home" | "security-network" | "select-inverse" | "select-off" | "selection" | "send" | "serial-port" | "server" | "server-minus" | "server-network" | "server-network-off" | "server-off" | "server-plus" | "server-remove" | "server-security" | "settings" | "settings-box" | "shape-circle-plus" | "shape-plus" | "shape-polygon-plus" | "shape-rectangle-plus" | "shape-square-plus" | "share" | "share-variant" | "shield" | "shield-outline" | "shopify" | "shopping" | "shopping-music" | "shopping-outline" | "short-text" | "shovel" | "shovel-off" | "shredder" | "shuffle" | "shuffle-disabled" | "shuffle-variant" | "sigma" | "sigma-lower" | "sign-caution" | "signal" | "signal-2g" | "signal-3g" | "signal-4g" | "signal-hspa" | "signal-hspa-plus" | "signal-variant" | "silverware" | "silverware-fork" | "silverware-spoon" | "silverware-variant" | "sim" | "sim-alert" | "sim-off" | "sitemap" | "skip-backward" | "skip-forward" | "skip-next" | "skip-next-circle" | "skip-next-circle-outline" | "skip-previous" | "skip-previous-circle" | "skip-previous-circle-outline" | "skull" | "skype" | "skype-business" | "slack" | "sleep" | "sleep-off" | "smoking" | "smoking-off" | "sms" | "snapchat" | "snowflake" | "snowman" | "soccer" | "sofa" | "sort-alphabetical" | "sort-ascending" | "sort-descending" | "sort-numeric" | "sort-variant" | "soundcloud" | "source-branch" | "source-commit" | "source-commit-end" | "source-commit-end-local" | "source-commit-local" | "source-commit-next-local" | "source-commit-start" | "source-commit-start-next-local" | "source-fork" | "source-merge" | "source-pull" | "speaker" | "speaker-off" | "speaker-wireless" | "speedometer" | "spellcheck" | "spotify" | "spotlight" | "spotlight-beam" | "spray" | "square-inc" | "square-inc-cash" | "stackexchange" | "stackoverflow" | "stadium" | "stairs" | "star" | "star-circle" | "star-four-points" | "star-half" | "star-off" | "star-outline" | "steam" | "steering" | "step-backward" | "step-backward-2" | "step-forward" | "step-forward-2" | "stethoscope" | "sticker" | "stocking" | "stop-circle" | "stop-circle-outline" | "store" | "store-24-hour" | "store-outline" | "stove" | "subdirectory-arrow-left" | "subdirectory-arrow-right" | "subject" | "subway" | "subway-variant" | "sunglasses" | "surround-sound" | "swap-horizontal" | "swap-vertical" | "swim" | "sword" | "sync" | "sync-alert" | "sync-off" | "tab-unselected" | "table-column-plus-after" | "table-column-plus-before" | "table-column-remove" | "table-column-width" | "table-edit" | "table-large" | "table-row-height" | "table-row-plus-after" | "table-row-plus-before" | "table-row-remove" | "tablet" | "tablet-android" | "tablet-ipad" | "tag" | "tag-faces" | "tag-heart" | "tag-multiple" | "tag-outline" | "tag-plus" | "tag-remove" | "tag-text-outline" | "taxi" | "teamviewer" | "telegram" | "television" | "television-guide" | "temperature-celsius" | "temperature-fahrenheit" | "temperature-kelvin" | "tennis" | "tent" | "terrain" | "test-tube" | "text-shadow" | "text-to-speech" | "text-to-speech-off" | "texture" | "theater" | "theater-comedy" | "theme-light-dark" | "thermometer" | "thermometer-lines" | "thumb-down" | "thumb-down-outline" | "thumb-up" | "thumb-up-outline" | "thumbs-up-down" | "ticket" | "ticket-account" | "ticket-confirmation" | "ticket-percent" | "ticket-percent-outline" | "tie" | "tilde" | "timelapse" | "timer-10" | "timer-3" | "timer-cancel" | "timer-off" | "timer-outline" | "timer-sand" | "timer-sand-empty" | "timetable" | "toggle-switch" | "toggle-switch-off" | "tooltip-edit" | "tooltip-image" | "tooltip-outline" | "tooltip-outline-plus" | "tooltip-text" | "tooth" | "tor" | "tower-beach" | "tower-fire" | "traffic-light" | "train" | "tram" | "transcribe" | "transcribe-close" | "transfer" | "transit-transfer" | "trash-can-outline" | "treasure-chest" | "trello" | "trending-down" | "trending-neutral" | "trending-up" | "triangle-outline" | "trophy" | "trophy-award" | "trophy-outline" | "trophy-variant" | "trophy-variant-outline" | "truck" | "truck-delivery" | "truck-trailer" | "tshirt-crew" | "tshirt-v" | "tumblr" | "tumblr-reblog" | "tune" | "tune-vertical" | "twitch" | "twitter" | "twitter-box" | "twitter-circle" | "twitter-retweet" | "uber" | "ubuntu" | "umbraco" | "umbrella" | "umbrella-outline" | "undo" | "undo-variant" | "unfold-less" | "unfold-more" | "ungroup" | "unity" | "untappd" | "update" | "upload" | "usb" | "user-list" | "vector-arrange-above" | "vector-arrange-below" | "vector-circle" | "vector-circle-variant" | "vector-combine" | "vector-curve" | "vector-difference" | "vector-difference-ab" | "vector-difference-ba" | "vector-intersection" | "vector-line" | "vector-point" | "vector-polygon" | "vector-polyline" | "vector-rectangle" | "vector-selection" | "vector-square" | "vector-triangle" | "vector-union" | "verified" | "vibrate" | "video-off" | "video-switch" | "view-agenda" | "view-array" | "view-carousel" | "view-column" | "view-dashboard" | "view-day" | "view-grid" | "view-headline" | "view-list" | "view-module" | "view-parallel" | "view-quilt" | "view-sequential" | "view-stream" | "view-week" | "vimeo" | "vine" | "violin" | "visualstudio" | "vk" | "vk-box" | "vk-circle" | "vlc" | "voice" | "voicemail" | "volume-high" | "volume-low" | "volume-medium" | "volume-off" | "vpn" | "vtex" | "walk" | "wallet" | "wallet-giftcard" | "wallet-membership" | "wallet-travel" | "wan" | "washing-machine" | "watch" | "watch-export" | "watch-import" | "watch-vibrate" | "water" | "water-off" | "water-percent" | "water-pump" | "watermark" | "weather-cloudy" | "weather-fog" | "weather-hail" | "weather-lightning" | "weather-lightning-rainy" | "weather-night" | "weather-partlycloudy" | "weather-pouring" | "weather-rainy" | "weather-snowy" | "weather-snowy-rainy" | "weather-sunny" | "weather-sunset" | "weather-sunset-down" | "weather-sunset-up" | "weather-windy" | "weather-windy-variant" | "web" | "web-check" | "webcam" | "webhook" | "webpack" | "wechat" | "weight-kilogram" | "whatsapp" | "wheelchair-accessibility" | "white-balance-auto" | "white-balance-incandescent" | "white-balance-iridescent" | "white-balance-sunny" | "widgets" | "wifi" | "wifi-off" | "wii" | "wiiu" | "wikipedia" | "window-close" | "window-closed" | "window-maximize" | "window-minimize" | "window-open" | "window-restore" | "windows" | "woocommerce" | "wordpress" | "worker" | "wrench" | "wunderlist" | "workflow-icon" | "xaml" | "xbox" | "xbox-controller" | "xbox-controller-battery-alert" | "xbox-controller-battery-empty" | "xbox-controller-battery-full" | "xbox-controller-battery-low" | "xbox-controller-battery-medium" | "xbox-controller-battery-unknown" | "xbox-controller-off" | "xda" | "xing" | "xing-box" | "xing-circle" | "xml" | "yeast" | "yelp" | "yin-yang" | "youtube-play" | "zip-box" | "database-export" | undefined;
+    iconId?: IconId;
     /**
      * Property to show icon at the right of the text
      * @default false
      */
-    iconRight?: boolean | undefined;
+    iconRight?: boolean;
     /**
      * The color of the icon
      */
-    iconColor?: string | undefined;
+    iconColor?: string;
     /**
      * The size of the icon
      */
-    iconSize?: IconProps['size'];
+    iconSize?: IconProps["size"];
     /**
      * Properties for avatar showed within the chip. Avatar will not be displayed if this prop is not defined.
      */
-    avatarProps?: Omit<AvatarProps, "size"> | undefined;
+    avatarProps?: Omit<AvatarProps, "size">;
     /**
      * The HTML tag to use for the chip.
      */
-    component?: "li" | "span" | import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").LinkTypeMap<{}, "a">> | undefined;
+    component?: "span" | "li" | typeof Link;
     /**
      * Property to disable chip
      * @default false
      */
-    disabled?: boolean | undefined;
+    disabled?: boolean;
     /**
      * Property to hide background color
      * @default false
      */
-    transparentBackgroundColor?: boolean | undefined;
+    transparentBackgroundColor?: boolean;
     /**
      * The variant to use.
      */
-    variant?: "black" | "default" | "dark" | "error" | "primary" | "warning" | "success" | "darker" | undefined;
+    variant?: keyof typeof variantStyles;
     /**
      * The size of the chip.
      */
-    size?: "M" | "L" | "XS" | "S" | undefined;
+    size?: keyof typeof sizeStyles;
     /**
      * The variant of the typography.
      */
-    typographyVariant?: import("../../theme/Typography").TypographyVariant | undefined;
+    typographyVariant?: keyof typeof variants;
     /**
      * Property to show delete icon
      */
-    isDeleteable?: boolean | undefined;
+    isDeleteable?: boolean;
     /**
      * Function called when mouse hovers on/off the chip.
      */
-    onHover?: ((isHovered: boolean) => void) | undefined;
-    href?: string | undefined;
-    tooltip?: string | undefined;
-    onMouseDownDelete?: IconButtonProps['onMouseDown'];
+    onHover?: (isHovered: boolean) => void;
+    href?: string;
+    tooltip?: string;
+    onMouseDownDelete?: IconButtonProps["onMouseDown"];
 } & React.RefAttributes<HTMLSpanElement>>;
 export default Chip;