@connectif/ui-components 5.0.2 → 5.1.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # Changelog
 
+## [5.1.0] - 2026-01-26
+
+### Changed
+
+- Updated to React 19 support while maintaining backward compatibility with React 18
+
+### Fixed
+
+- Fixed issue with ColorPicker component where external changes to value were not properly propagated into the component
+
 ## [5.0.2] - 2026-01-23
 
 ### Fixed

package/dist/components/button/ToggleButton.d.ts

@@ -18,7 +18,7 @@ export type ToggleButtonProps = Pick<MuiToggleButtonProps, 'children' | 'id' | '
     /**
      * The ref to button.
      */
-    buttonRef?: React.MutableRefObject<HTMLButtonElement>;
+    buttonRef?: React.Ref<HTMLButtonElement>;
 };
 /**
  * A component that displays a ToggleButton with an icon at the start or at the end.

package/dist/components/card/EnhancedCardRow.d.ts

@@ -5,8 +5,8 @@ export interface EnhancedCardRowProps {
     children: React.ReactNode;
     gap?: string;
     justifyContent?: 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
-    titleProps?: EnhancedCardTitleProps;
-    subtitleProps?: EnhancedCardSubtitleProps;
+    titleProps?: Partial<EnhancedCardTitleProps>;
+    subtitleProps?: Partial<EnhancedCardSubtitleProps>;
 }
 declare const EnhancedCardRow: React.FC<EnhancedCardRowProps>;
 export default EnhancedCardRow;

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

@@ -25,6 +25,9 @@ declare const sizeStyles: {
         alignItems?: import("csstype").Property.AlignItems | undefined;
         alignSelf?: import("csstype").Property.AlignSelf | undefined;
         alignTracks?: import("csstype").Property.AlignTracks | undefined;
+        alignmentBaseline?: import("csstype").Property.AlignmentBaseline | undefined;
+        anchorName?: import("csstype").Property.AnchorName | undefined;
+        anchorScope?: import("csstype").Property.AnchorScope | undefined;
         animationComposition?: import("csstype").Property.AnimationComposition | undefined;
         animationDelay?: import("csstype").Property.AnimationDelay<string & {}> | undefined;
         animationDirection?: import("csstype").Property.AnimationDirection | undefined;
@@ -51,17 +54,14 @@ declare const sizeStyles: {
         backgroundPositionY?: import("csstype").Property.BackgroundPositionY<string | number> | undefined;
         backgroundRepeat?: import("csstype").Property.BackgroundRepeat | undefined;
         backgroundSize?: import("csstype").Property.BackgroundSize<string | number> | undefined;
-        blockOverflow?: import("csstype").Property.BlockOverflow | undefined;
+        baselineShift?: import("csstype").Property.BaselineShift<string | number> | undefined;
         blockSize?: import("csstype").Property.BlockSize<string | number> | undefined;
-        borderBlockColor?: import("csstype").Property.BorderBlockColor | undefined;
         borderBlockEndColor?: import("csstype").Property.BorderBlockEndColor | undefined;
         borderBlockEndStyle?: import("csstype").Property.BorderBlockEndStyle | undefined;
         borderBlockEndWidth?: import("csstype").Property.BorderBlockEndWidth<string | number> | undefined;
         borderBlockStartColor?: import("csstype").Property.BorderBlockStartColor | undefined;
         borderBlockStartStyle?: import("csstype").Property.BorderBlockStartStyle | undefined;
         borderBlockStartWidth?: import("csstype").Property.BorderBlockStartWidth<string | number> | undefined;
-        borderBlockStyle?: import("csstype").Property.BorderBlockStyle | undefined;
-        borderBlockWidth?: import("csstype").Property.BorderBlockWidth<string | number> | undefined;
         borderBottomColor?: import("csstype").Property.BorderBottomColor | undefined;
         borderBottomLeftRadius?: import("csstype").Property.BorderBottomLeftRadius<string | number> | undefined;
         borderBottomRightRadius?: import("csstype").Property.BorderBottomRightRadius<string | number> | undefined;
@@ -75,15 +75,12 @@ declare const sizeStyles: {
         borderImageSlice?: import("csstype").Property.BorderImageSlice | undefined;
         borderImageSource?: import("csstype").Property.BorderImageSource | undefined;
         borderImageWidth?: import("csstype").Property.BorderImageWidth<string | number> | undefined;
-        borderInlineColor?: import("csstype").Property.BorderInlineColor | undefined;
         borderInlineEndColor?: import("csstype").Property.BorderInlineEndColor | undefined;
         borderInlineEndStyle?: import("csstype").Property.BorderInlineEndStyle | undefined;
         borderInlineEndWidth?: import("csstype").Property.BorderInlineEndWidth<string | number> | undefined;
         borderInlineStartColor?: import("csstype").Property.BorderInlineStartColor | undefined;
         borderInlineStartStyle?: import("csstype").Property.BorderInlineStartStyle | undefined;
         borderInlineStartWidth?: import("csstype").Property.BorderInlineStartWidth<string | number> | undefined;
-        borderInlineStyle?: import("csstype").Property.BorderInlineStyle | undefined;
-        borderInlineWidth?: import("csstype").Property.BorderInlineWidth<string | number> | undefined;
         borderLeftColor?: import("csstype").Property.BorderLeftColor | undefined;
         borderLeftStyle?: import("csstype").Property.BorderLeftStyle | undefined;
         borderLeftWidth?: import("csstype").Property.BorderLeftWidth<string | number> | undefined;
@@ -110,8 +107,10 @@ declare const sizeStyles: {
         caretShape?: import("csstype").Property.CaretShape | undefined;
         clear?: import("csstype").Property.Clear | undefined;
         clipPath?: import("csstype").Property.ClipPath | undefined;
+        clipRule?: import("csstype").Property.ClipRule | undefined;
         color?: import("csstype").Property.Color | undefined;
         colorAdjust?: import("csstype").Property.PrintColorAdjust | undefined;
+        colorInterpolationFilters?: import("csstype").Property.ColorInterpolationFilters | undefined;
         colorScheme?: import("csstype").Property.ColorScheme | undefined;
         columnCount?: import("csstype").Property.ColumnCount | undefined;
         columnFill?: import("csstype").Property.ColumnFill | undefined;
@@ -134,9 +133,17 @@ declare const sizeStyles: {
         counterReset?: import("csstype").Property.CounterReset | undefined;
         counterSet?: import("csstype").Property.CounterSet | undefined;
         cursor?: import("csstype").Property.Cursor | undefined;
+        cx?: import("csstype").Property.Cx<string | number> | undefined;
+        cy?: import("csstype").Property.Cy<string | number> | undefined;
+        d?: import("csstype").Property.D | undefined;
         direction?: import("csstype").Property.Direction | undefined;
         display?: import("csstype").Property.Display | undefined;
+        dominantBaseline?: import("csstype").Property.DominantBaseline | undefined;
         emptyCells?: import("csstype").Property.EmptyCells | undefined;
+        fieldSizing?: import("csstype").Property.FieldSizing | undefined;
+        fill?: import("csstype").Property.Fill | undefined;
+        fillOpacity?: import("csstype").Property.FillOpacity | undefined;
+        fillRule?: import("csstype").Property.FillRule | undefined;
         filter?: import("csstype").Property.Filter | undefined;
         flexBasis?: import("csstype").Property.FlexBasis<string | number> | undefined;
         flexDirection?: import("csstype").Property.FlexDirection | undefined;
@@ -144,6 +151,8 @@ declare const sizeStyles: {
         flexShrink?: import("csstype").Property.FlexShrink | undefined;
         flexWrap?: import("csstype").Property.FlexWrap | undefined;
         float?: import("csstype").Property.Float | undefined;
+        floodColor?: import("csstype").Property.FloodColor | undefined;
+        floodOpacity?: import("csstype").Property.FloodOpacity | undefined;
         fontFamily?: import("csstype").Property.FontFamily | undefined;
         fontFeatureSettings?: import("csstype").Property.FontFeatureSettings | undefined;
         fontKerning?: import("csstype").Property.FontKerning | undefined;
@@ -153,7 +162,6 @@ declare const sizeStyles: {
         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;
@@ -170,6 +178,7 @@ declare const sizeStyles: {
         fontVariantPosition?: import("csstype").Property.FontVariantPosition | undefined;
         fontVariationSettings?: import("csstype").Property.FontVariationSettings | undefined;
         fontWeight?: import("csstype").Property.FontWeight | undefined;
+        fontWidth?: import("csstype").Property.FontWidth | undefined;
         forcedColorAdjust?: import("csstype").Property.ForcedColorAdjust | undefined;
         gridAutoColumns?: import("csstype").Property.GridAutoColumns<string | number> | undefined;
         gridAutoFlow?: import("csstype").Property.GridAutoFlow | undefined;
@@ -190,12 +199,13 @@ declare const sizeStyles: {
         imageRendering?: import("csstype").Property.ImageRendering | undefined;
         imageResolution?: import("csstype").Property.ImageResolution | undefined;
         initialLetter?: import("csstype").Property.InitialLetter | undefined;
+        initialLetterAlign?: import("csstype").Property.InitialLetterAlign | undefined;
         inlineSize?: import("csstype").Property.InlineSize<string | number> | undefined;
-        inputSecurity?: import("csstype").Property.InputSecurity | undefined;
         insetBlockEnd?: import("csstype").Property.InsetBlockEnd<string | number> | undefined;
         insetBlockStart?: import("csstype").Property.InsetBlockStart<string | number> | undefined;
         insetInlineEnd?: import("csstype").Property.InsetInlineEnd<string | number> | undefined;
         insetInlineStart?: import("csstype").Property.InsetInlineStart<string | number> | undefined;
+        interpolateSize?: import("csstype").Property.InterpolateSize | undefined;
         isolation?: import("csstype").Property.Isolation | undefined;
         justifyContent?: import("csstype").Property.JustifyContent | undefined;
         justifyItems?: import("csstype").Property.JustifyItems | undefined;
@@ -203,6 +213,7 @@ declare const sizeStyles: {
         justifyTracks?: import("csstype").Property.JustifyTracks | undefined;
         left?: import("csstype").Property.Left<string | number> | undefined;
         letterSpacing?: import("csstype").Property.LetterSpacing<string | number> | undefined;
+        lightingColor?: import("csstype").Property.LightingColor | undefined;
         lineBreak?: import("csstype").Property.LineBreak | undefined;
         lineHeight?: import("csstype").Property.LineHeight<string | number> | undefined;
         lineHeightStep?: import("csstype").Property.LineHeightStep<string | number> | undefined;
@@ -218,6 +229,10 @@ declare const sizeStyles: {
         marginRight?: import("csstype").Property.MarginRight<string | number> | undefined;
         marginTop?: import("csstype").Property.MarginTop<string | number> | undefined;
         marginTrim?: import("csstype").Property.MarginTrim | undefined;
+        marker?: import("csstype").Property.Marker | undefined;
+        markerEnd?: import("csstype").Property.MarkerEnd | undefined;
+        markerMid?: import("csstype").Property.MarkerMid | undefined;
+        markerStart?: import("csstype").Property.MarkerStart | undefined;
         maskBorderMode?: import("csstype").Property.MaskBorderMode | undefined;
         maskBorderOutset?: import("csstype").Property.MaskBorderOutset<string | number> | undefined;
         maskBorderRepeat?: import("csstype").Property.MaskBorderRepeat | undefined;
@@ -252,6 +267,7 @@ declare const sizeStyles: {
         motionRotation?: import("csstype").Property.OffsetRotate | undefined;
         objectFit?: import("csstype").Property.ObjectFit | undefined;
         objectPosition?: import("csstype").Property.ObjectPosition<string | number> | undefined;
+        objectViewBox?: import("csstype").Property.ObjectViewBox | undefined;
         offsetAnchor?: import("csstype").Property.OffsetAnchor<string | number> | undefined;
         offsetDistance?: import("csstype").Property.OffsetDistance<string | number> | undefined;
         offsetPath?: import("csstype").Property.OffsetPath | undefined;
@@ -287,25 +303,32 @@ declare const sizeStyles: {
         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;
         pointerEvents?: import("csstype").Property.PointerEvents | undefined;
         position?: import("csstype").Property.Position | undefined;
+        positionAnchor?: import("csstype").Property.PositionAnchor | undefined;
+        positionArea?: import("csstype").Property.PositionArea | undefined;
+        positionTryFallbacks?: import("csstype").Property.PositionTryFallbacks | undefined;
+        positionTryOrder?: import("csstype").Property.PositionTryOrder | undefined;
+        positionVisibility?: import("csstype").Property.PositionVisibility | undefined;
         printColorAdjust?: import("csstype").Property.PrintColorAdjust | undefined;
         quotes?: import("csstype").Property.Quotes | undefined;
+        r?: import("csstype").Property.R<string | number> | undefined;
         resize?: import("csstype").Property.Resize | undefined;
         right?: import("csstype").Property.Right<string | number> | undefined;
         rotate?: import("csstype").Property.Rotate | undefined;
         rowGap?: import("csstype").Property.RowGap<string | number> | undefined;
         rubyAlign?: import("csstype").Property.RubyAlign | undefined;
         rubyMerge?: import("csstype").Property.RubyMerge | undefined;
+        rubyOverhang?: import("csstype").Property.RubyOverhang | undefined;
         rubyPosition?: import("csstype").Property.RubyPosition | undefined;
+        rx?: import("csstype").Property.Rx<string | number> | undefined;
+        ry?: import("csstype").Property.Ry<string | number> | undefined;
         scale?: import("csstype").Property.Scale | undefined;
         scrollBehavior?: import("csstype").Property.ScrollBehavior | undefined;
+        scrollInitialTarget?: import("csstype").Property.ScrollInitialTarget | 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;
@@ -337,10 +360,28 @@ declare const sizeStyles: {
         shapeImageThreshold?: import("csstype").Property.ShapeImageThreshold | undefined;
         shapeMargin?: import("csstype").Property.ShapeMargin<string | number> | undefined;
         shapeOutside?: import("csstype").Property.ShapeOutside | undefined;
+        shapeRendering?: import("csstype").Property.ShapeRendering | undefined;
+        speakAs?: import("csstype").Property.SpeakAs | undefined;
+        stopColor?: import("csstype").Property.StopColor | undefined;
+        stopOpacity?: import("csstype").Property.StopOpacity | undefined;
+        stroke?: import("csstype").Property.Stroke | undefined;
+        strokeColor?: import("csstype").Property.StrokeColor | undefined;
+        strokeDasharray?: import("csstype").Property.StrokeDasharray<string | number> | undefined;
+        strokeDashoffset?: import("csstype").Property.StrokeDashoffset<string | number> | undefined;
+        strokeLinecap?: import("csstype").Property.StrokeLinecap | undefined;
+        strokeLinejoin?: import("csstype").Property.StrokeLinejoin | undefined;
+        strokeMiterlimit?: import("csstype").Property.StrokeMiterlimit | undefined;
+        strokeOpacity?: import("csstype").Property.StrokeOpacity | undefined;
+        strokeWidth?: import("csstype").Property.StrokeWidth<string | number> | undefined;
         tabSize?: import("csstype").Property.TabSize<string | number> | undefined;
         tableLayout?: import("csstype").Property.TableLayout | undefined;
         textAlign?: import("csstype").Property.TextAlign | undefined;
         textAlignLast?: import("csstype").Property.TextAlignLast | undefined;
+        textAnchor?: import("csstype").Property.TextAnchor | undefined;
+        textAutospace?: import("csstype").Property.TextAutospace | undefined;
+        textBox?: import("csstype").Property.TextBox | undefined;
+        textBoxEdge?: import("csstype").Property.TextBoxEdge | undefined;
+        textBoxTrim?: import("csstype").Property.TextBoxTrim | undefined;
         textCombineUpright?: import("csstype").Property.TextCombineUpright | undefined;
         textDecorationColor?: import("csstype").Property.TextDecorationColor | undefined;
         textDecorationLine?: import("csstype").Property.TextDecorationLine | undefined;
@@ -358,10 +399,12 @@ declare const sizeStyles: {
         textRendering?: import("csstype").Property.TextRendering | undefined;
         textShadow?: import("csstype").Property.TextShadow | undefined;
         textSizeAdjust?: import("csstype").Property.TextSizeAdjust | undefined;
+        textSpacingTrim?: import("csstype").Property.TextSpacingTrim | undefined;
         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;
+        textWrapMode?: import("csstype").Property.TextWrapMode | undefined;
+        textWrapStyle?: import("csstype").Property.TextWrapStyle | undefined;
         timelineScope?: import("csstype").Property.TimelineScope | undefined;
         top?: import("csstype").Property.Top<string | number> | undefined;
         touchAction?: import("csstype").Property.TouchAction | undefined;
@@ -377,15 +420,16 @@ declare const sizeStyles: {
         translate?: import("csstype").Property.Translate<string | number> | undefined;
         unicodeBidi?: import("csstype").Property.UnicodeBidi | undefined;
         userSelect?: import("csstype").Property.UserSelect | undefined;
+        vectorEffect?: import("csstype").Property.VectorEffect | 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;
+        viewTransitionClass?: import("csstype").Property.ViewTransitionClass | 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;
@@ -393,6 +437,8 @@ declare const sizeStyles: {
         wordSpacing?: import("csstype").Property.WordSpacing<string | number> | undefined;
         wordWrap?: import("csstype").Property.WordWrap | undefined;
         writingMode?: import("csstype").Property.WritingMode | undefined;
+        x?: import("csstype").Property.X<string | number> | undefined;
+        y?: import("csstype").Property.Y<string | number> | undefined;
         zIndex?: import("csstype").Property.ZIndex | undefined;
         zoom?: import("csstype").Property.Zoom | undefined;
         all?: import("csstype").Property.All | undefined;
@@ -402,14 +448,20 @@ declare const sizeStyles: {
         backgroundPosition?: import("csstype").Property.BackgroundPosition<string | number> | undefined;
         border?: import("csstype").Property.Border<string | number> | undefined;
         borderBlock?: import("csstype").Property.BorderBlock<string | number> | undefined;
+        borderBlockColor?: import("csstype").Property.BorderBlockColor | undefined;
         borderBlockEnd?: import("csstype").Property.BorderBlockEnd<string | number> | undefined;
         borderBlockStart?: import("csstype").Property.BorderBlockStart<string | number> | undefined;
+        borderBlockStyle?: import("csstype").Property.BorderBlockStyle | undefined;
+        borderBlockWidth?: import("csstype").Property.BorderBlockWidth<string | number> | undefined;
         borderBottom?: import("csstype").Property.BorderBottom<string | number> | undefined;
         borderColor?: import("csstype").Property.BorderColor | undefined;
         borderImage?: import("csstype").Property.BorderImage | undefined;
         borderInline?: import("csstype").Property.BorderInline<string | number> | undefined;
+        borderInlineColor?: import("csstype").Property.BorderInlineColor | undefined;
         borderInlineEnd?: import("csstype").Property.BorderInlineEnd<string | number> | undefined;
         borderInlineStart?: import("csstype").Property.BorderInlineStart<string | number> | undefined;
+        borderInlineStyle?: import("csstype").Property.BorderInlineStyle | undefined;
+        borderInlineWidth?: import("csstype").Property.BorderInlineWidth<string | number> | undefined;
         borderLeft?: import("csstype").Property.BorderLeft<string | number> | undefined;
         borderRadius: import("csstype").Property.BorderRadius<string | number>;
         borderRight?: import("csstype").Property.BorderRight<string | number> | undefined;
@@ -451,6 +503,7 @@ declare const sizeStyles: {
         placeContent?: import("csstype").Property.PlaceContent | undefined;
         placeItems?: import("csstype").Property.PlaceItems | undefined;
         placeSelf?: import("csstype").Property.PlaceSelf | undefined;
+        positionTry?: import("csstype").Property.PositionTry | 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;
@@ -461,6 +514,7 @@ declare const sizeStyles: {
         scrollTimeline?: import("csstype").Property.ScrollTimeline | undefined;
         textDecoration?: import("csstype").Property.TextDecoration<string | number> | undefined;
         textEmphasis?: import("csstype").Property.TextEmphasis | undefined;
+        textWrap?: import("csstype").Property.TextWrap | undefined;
         transition?: import("csstype").Property.Transition<string & {}> | undefined;
         viewTimeline?: import("csstype").Property.ViewTimeline | undefined;
         MozAnimationDelay?: import("csstype").Property.AnimationDelay<string & {}> | undefined;
@@ -472,6 +526,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;
@@ -483,8 +538,6 @@ declare const sizeStyles: {
         MozBorderStartStyle?: import("csstype").Property.BorderInlineStartStyle | undefined;
         MozBorderTopColors?: import("csstype").Property.MozBorderTopColors | undefined;
         MozBoxSizing?: import("csstype").Property.BoxSizing | undefined;
-        MozColumnCount?: import("csstype").Property.ColumnCount | undefined;
-        MozColumnFill?: import("csstype").Property.ColumnFill | undefined;
         MozColumnRuleColor?: import("csstype").Property.ColumnRuleColor | undefined;
         MozColumnRuleStyle?: import("csstype").Property.ColumnRuleStyle | undefined;
         MozColumnRuleWidth?: import("csstype").Property.ColumnRuleWidth<string | number> | undefined;
@@ -493,7 +546,6 @@ declare const sizeStyles: {
         MozFontFeatureSettings?: import("csstype").Property.FontFeatureSettings | undefined;
         MozFontLanguageOverride?: import("csstype").Property.FontLanguageOverride | undefined;
         MozHyphens?: import("csstype").Property.Hyphens | undefined;
-        MozImageRegion?: import("csstype").Property.MozImageRegion | undefined;
         MozMarginEnd?: import("csstype").Property.MarginInlineEnd<string | number> | undefined;
         MozMarginStart?: import("csstype").Property.MarginInlineStart<string | number> | undefined;
         MozOrient?: import("csstype").Property.MozOrient | undefined;
@@ -504,11 +556,15 @@ declare const sizeStyles: {
         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;
-        MozUserFocus?: import("csstype").Property.MozUserFocus | undefined;
+        MozTransform?: import("csstype").Property.Transform | undefined;
+        MozTransformOrigin?: import("csstype").Property.TransformOrigin<string | number> | undefined;
+        MozTransformStyle?: import("csstype").Property.TransformStyle | undefined;
         MozUserModify?: import("csstype").Property.MozUserModify | undefined;
         MozUserSelect?: import("csstype").Property.UserSelect | undefined;
         MozWindowDragging?: import("csstype").Property.MozWindowDragging | undefined;
@@ -627,6 +683,8 @@ declare const sizeStyles: {
         WebkitJustifyContent?: import("csstype").Property.JustifyContent | undefined;
         WebkitLineBreak?: import("csstype").Property.LineBreak | undefined;
         WebkitLineClamp?: import("csstype").Property.WebkitLineClamp | undefined;
+        WebkitLogicalHeight?: import("csstype").Property.BlockSize<string | number> | undefined;
+        WebkitLogicalWidth?: import("csstype").Property.InlineSize<string | number> | undefined;
         WebkitMarginEnd?: import("csstype").Property.MarginInlineEnd<string | number> | undefined;
         WebkitMarginStart?: import("csstype").Property.MarginInlineStart<string | number> | undefined;
         WebkitMaskAttachment?: import("csstype").Property.WebkitMaskAttachment | undefined;
@@ -681,13 +739,14 @@ declare const sizeStyles: {
         WebkitTransitionProperty?: import("csstype").Property.TransitionProperty | undefined;
         WebkitTransitionTimingFunction?: import("csstype").Property.TransitionTimingFunction | undefined;
         WebkitUserModify?: import("csstype").Property.WebkitUserModify | undefined;
-        WebkitUserSelect?: import("csstype").Property.UserSelect | undefined;
+        WebkitUserSelect?: import("csstype").Property.WebkitUserSelect | undefined;
         WebkitWritingMode?: import("csstype").Property.WritingMode | undefined;
         MozAnimation?: import("csstype").Property.Animation<string & {}> | undefined;
         MozBorderImage?: import("csstype").Property.BorderImage | undefined;
         MozColumnRule?: import("csstype").Property.ColumnRule<string | number> | undefined;
         MozColumns?: import("csstype").Property.Columns<string | number> | undefined;
         MozOutlineRadius?: import("csstype").Property.MozOutlineRadius<string | number> | undefined;
+        MozTransition?: import("csstype").Property.Transition<string & {}> | undefined;
         msContentZoomLimit?: import("csstype").Property.MsContentZoomLimit | undefined;
         msContentZoomSnap?: import("csstype").Property.MsContentZoomSnap | undefined;
         msFlex?: import("csstype").Property.Flex<string | number> | undefined;
@@ -708,7 +767,6 @@ declare const sizeStyles: {
         WebkitTextEmphasis?: import("csstype").Property.TextEmphasis | undefined;
         WebkitTextStroke?: import("csstype").Property.WebkitTextStroke<string | number> | undefined;
         WebkitTransition?: import("csstype").Property.Transition<string & {}> | undefined;
-        azimuth?: import("csstype").Property.Azimuth | undefined;
         boxAlign?: import("csstype").Property.BoxAlign | undefined;
         boxDirection?: import("csstype").Property.BoxDirection | undefined;
         boxFlex?: import("csstype").Property.BoxFlex | undefined;
@@ -718,16 +776,22 @@ declare const sizeStyles: {
         boxOrient?: import("csstype").Property.BoxOrient | undefined;
         boxPack?: import("csstype").Property.BoxPack | undefined;
         clip?: import("csstype").Property.Clip | undefined;
+        fontStretch?: import("csstype").Property.FontStretch | undefined;
         gridColumnGap?: import("csstype").Property.GridColumnGap<string | number> | undefined;
         gridGap?: import("csstype").Property.GridGap<string | number> | undefined;
         gridRowGap?: import("csstype").Property.GridRowGap<string | number> | undefined;
         imeMode?: import("csstype").Property.ImeMode | undefined;
+        insetArea?: import("csstype").Property.PositionArea | undefined;
         offsetBlock?: import("csstype").Property.InsetBlock<string | number> | undefined;
         offsetBlockEnd?: import("csstype").Property.InsetBlockEnd<string | number> | undefined;
         offsetBlockStart?: import("csstype").Property.InsetBlockStart<string | number> | undefined;
         offsetInline?: import("csstype").Property.InsetInline<string | number> | undefined;
         offsetInlineEnd?: import("csstype").Property.InsetInlineEnd<string | number> | undefined;
         offsetInlineStart?: import("csstype").Property.InsetInlineStart<string | number> | undefined;
+        pageBreakAfter?: import("csstype").Property.PageBreakAfter | undefined;
+        pageBreakBefore?: import("csstype").Property.PageBreakBefore | undefined;
+        pageBreakInside?: import("csstype").Property.PageBreakInside | undefined;
+        positionTryOptions?: import("csstype").Property.PositionTryFallbacks | undefined;
         scrollSnapCoordinate?: import("csstype").Property.ScrollSnapCoordinate<string | number> | undefined;
         scrollSnapDestination?: import("csstype").Property.ScrollSnapDestination<string | number> | undefined;
         scrollSnapPointsX?: import("csstype").Property.ScrollSnapPointsX | undefined;
@@ -745,9 +809,7 @@ 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;
         MozBorderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
@@ -762,6 +824,8 @@ declare const sizeStyles: {
         MozBoxOrient?: import("csstype").Property.BoxOrient | undefined;
         MozBoxPack?: import("csstype").Property.BoxPack | undefined;
         MozBoxShadow?: import("csstype").Property.BoxShadow | undefined;
+        MozColumnCount?: import("csstype").Property.ColumnCount | undefined;
+        MozColumnFill?: import("csstype").Property.ColumnFill | undefined;
         MozFloatEdge?: import("csstype").Property.MozFloatEdge | undefined;
         MozForceBrokenImageIcon?: import("csstype").Property.MozForceBrokenImageIcon | undefined;
         MozOpacity?: import("csstype").Property.Opacity | undefined;
@@ -769,20 +833,15 @@ declare const sizeStyles: {
         MozOutlineColor?: import("csstype").Property.OutlineColor | 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;
+        MozUserFocus?: import("csstype").Property.MozUserFocus | undefined;
         MozUserInput?: import("csstype").Property.MozUserInput | undefined;
         msImeMode?: import("csstype").Property.ImeMode | undefined;
         OAnimation?: import("csstype").Property.Animation<string & {}> | undefined;
@@ -815,36 +874,9 @@ declare const sizeStyles: {
         WebkitBoxOrdinalGroup?: import("csstype").Property.BoxOrdinalGroup | undefined;
         WebkitBoxOrient?: import("csstype").Property.BoxOrient | undefined;
         WebkitBoxPack?: import("csstype").Property.BoxPack | undefined;
-        alignmentBaseline?: import("csstype").Property.AlignmentBaseline | undefined;
-        baselineShift?: import("csstype").Property.BaselineShift<string | number> | undefined;
-        clipRule?: import("csstype").Property.ClipRule | undefined;
         colorInterpolation?: import("csstype").Property.ColorInterpolation | undefined;
         colorRendering?: import("csstype").Property.ColorRendering | undefined;
-        dominantBaseline?: import("csstype").Property.DominantBaseline | undefined;
-        fill?: import("csstype").Property.Fill | undefined;
-        fillOpacity?: import("csstype").Property.FillOpacity | undefined;
-        fillRule?: import("csstype").Property.FillRule | undefined;
-        floodColor?: import("csstype").Property.FloodColor | undefined;
-        floodOpacity?: import("csstype").Property.FloodOpacity | undefined;
         glyphOrientationVertical?: import("csstype").Property.GlyphOrientationVertical | undefined;
-        lightingColor?: import("csstype").Property.LightingColor | undefined;
-        marker?: import("csstype").Property.Marker | undefined;
-        markerEnd?: import("csstype").Property.MarkerEnd | undefined;
-        markerMid?: import("csstype").Property.MarkerMid | undefined;
-        markerStart?: import("csstype").Property.MarkerStart | undefined;
-        shapeRendering?: import("csstype").Property.ShapeRendering | undefined;
-        stopColor?: import("csstype").Property.StopColor | undefined;
-        stopOpacity?: import("csstype").Property.StopOpacity | undefined;
-        stroke?: import("csstype").Property.Stroke | undefined;
-        strokeDasharray?: import("csstype").Property.StrokeDasharray<string | number> | undefined;
-        strokeDashoffset?: import("csstype").Property.StrokeDashoffset<string | number> | undefined;
-        strokeLinecap?: import("csstype").Property.StrokeLinecap | undefined;
-        strokeLinejoin?: import("csstype").Property.StrokeLinejoin | undefined;
-        strokeMiterlimit?: import("csstype").Property.StrokeMiterlimit | undefined;
-        strokeOpacity?: import("csstype").Property.StrokeOpacity | undefined;
-        strokeWidth?: import("csstype").Property.StrokeWidth<string | number> | undefined;
-        textAnchor?: import("csstype").Property.TextAnchor | undefined;
-        vectorEffect?: import("csstype").Property.VectorEffect | undefined;
     };
 };
 export type ChipProps = Pick<MuiChipProps, 'id' | 'label' | 'sx' | 'onClick' | 'onDelete' | 'onMouseEnter' | 'onMouseLeave'> & {

package/dist/components/drawer/InputDrawer.d.ts

@@ -28,7 +28,7 @@ export type InputDrawerProps = {
      * The buttons on the bot right. Add them as React.Fragment
      * https://reactjs.org/docs/fragments.html
      */
-    buttons: JSX.Element;
+    buttons: React.JSX.Element;
     /**
      * Text to display in the cancel button.
      */

package/dist/components/input/CodeEditor.d.ts

@@ -25,11 +25,6 @@ export type CodeEditorProps<T extends LanguageId> = ReactCodeMirrorProps & {
         config?: Parameters<typeof linter>[1];
     };
 };
-/**
- * This is a code editor that allows users to write code in multiple languages with a user-friendly interface.
- * The following languages are supported: html.
- * The functionality of the editor can be extended through plugins and customizations.
- */
-declare const CodeEditor: <T extends LanguageId>({ extensions, placeholder, language, languageOptions, lintGutterConfig, linterOptions, ...rest }: CodeEditorProps<T>, ref: React.Ref<ReactCodeMirrorRef>) => import("react/jsx-runtime").JSX.Element;
-declare const _default: typeof CodeEditor;
+type CodeEditorComponent = <T extends LanguageId>(props: CodeEditorProps<T> & React.RefAttributes<ReactCodeMirrorRef>) => React.ReactElement;
+declare const _default: CodeEditorComponent;
 export default _default;

package/dist/components/input/Select.d.ts

@@ -85,11 +85,6 @@ export type SelectProps<T extends string | number | undefined, Multiple extends
     onOpen?: () => void;
 };
 export declare const BootstrapInput: import("@emotion/styled").StyledComponent<import("@mui/material/InputBase").InputBaseProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-/**
- * Show a Select component, wich can be used to pick a single option or multiple options.
- * If `multiple=true`, then value and onChange parameter are an array of values.
- * The Select component value type can be restricted to any type that extends `string | number | undefined`.
- */
-declare const Select: <T extends string | number | undefined = string | number | undefined, Multiple extends boolean | undefined = undefined, Value = SelectValue<T, Multiple>>({ variant, placeholder, children, onChange, onClose, options, multiple, value, virtualized, virtualizedProps, className, paperClassName, size, sx, renderValue, menuZIndex, menuColors, menuMaxHeight, "data-testid": dataTestId, open, onOpen, ...rest }: SelectProps<T, Multiple, Value>, ref: React.Ref<HTMLSelectElement>) => import("react/jsx-runtime").JSX.Element;
-declare const _default: typeof Select;
+type SelectComponent = <T extends string | number | undefined = string | number | undefined, Multiple extends boolean | undefined = undefined, Value = SelectValue<T, Multiple>>(props: SelectProps<T, Multiple, Value>) => React.ReactElement | null;
+declare const _default: SelectComponent;
 export default _default;

package/dist/components/input/autocomplete/AutocompleteInput.d.ts

@@ -51,8 +51,8 @@ export type AutocompleteInputProps<T extends string, Multiple extends boolean |
     /**
      * Ref to the outer HTMLDivElement
      */
-    containerRef: React.RefObject<HTMLDivElement>;
-    inputRef: React.RefObject<HTMLInputElement>;
+    containerRef: React.RefObject<HTMLDivElement | null>;
+    inputRef: React.RefObject<HTMLInputElement | null>;
     inputValue: string;
     setInputValue: (value: string) => void;
     placeholder: string;

package/dist/components/input/autocomplete/AutocompleteList.d.ts

@@ -23,8 +23,8 @@ type AutocompleteListProps<T extends string, Multiple extends boolean | undefine
      * Custom text to be shown when allowFreeText feature is enabled and written text is a new value to add.
      */
     addNewValueText?: string;
-    inputContainerRef: React.RefObject<HTMLDivElement>;
-    virtualListRef: React.RefObject<FixedSizeList<unknown>>;
+    inputContainerRef: React.RefObject<HTMLDivElement | null>;
+    virtualListRef: React.RefObject<FixedSizeList<unknown> | null>;
     isOpen: boolean;
     selectedIndex: SelectedIndex<Multiple>;
     highlightedIndex: number;

package/dist/hooks/useResizeObserver.d.ts

@@ -1,4 +1,4 @@
-export declare function useResizeObserver<T extends HTMLElement>(): readonly [import("react").RefObject<T>, {
+export declare function useResizeObserver<T extends HTMLElement>(): readonly [import("react").RefObject<T | null>, {
     readonly width: number;
     readonly height: number;
     readonly contentWidth: number;