@learningpool/ui 2.4.3 → 3.0.0

package/components/navigation/VerticalNavigation/VerticalNavigationStyles.d.ts

@@ -15,6 +15,9 @@ export declare const DrawerHeader: import("@emotion/styled").StyledComponent<imp
         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;
@@ -41,17 +44,14 @@ export declare const DrawerHeader: import("@emotion/styled").StyledComponent<imp
         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;
@@ -65,15 +65,12 @@ export declare const DrawerHeader: import("@emotion/styled").StyledComponent<imp
         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;
@@ -100,8 +97,10 @@ export declare const DrawerHeader: import("@emotion/styled").StyledComponent<imp
         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;
@@ -124,9 +123,17 @@ export declare const DrawerHeader: import("@emotion/styled").StyledComponent<imp
         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;
@@ -134,6 +141,8 @@ export declare const DrawerHeader: import("@emotion/styled").StyledComponent<imp
         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;
@@ -143,7 +152,6 @@ export declare const DrawerHeader: import("@emotion/styled").StyledComponent<imp
         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;
@@ -160,6 +168,7 @@ export declare const DrawerHeader: import("@emotion/styled").StyledComponent<imp
         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;
@@ -180,12 +189,13 @@ export declare const DrawerHeader: import("@emotion/styled").StyledComponent<imp
         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;
@@ -193,6 +203,7 @@ export declare const DrawerHeader: import("@emotion/styled").StyledComponent<imp
         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;
@@ -208,6 +219,10 @@ export declare const DrawerHeader: import("@emotion/styled").StyledComponent<imp
         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;
@@ -242,6 +257,7 @@ export declare const DrawerHeader: import("@emotion/styled").StyledComponent<imp
         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;
@@ -277,25 +293,32 @@ export declare const DrawerHeader: import("@emotion/styled").StyledComponent<imp
         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?: (string | number) | 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?: string | number | readonly [number, number] | 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;
@@ -327,10 +350,28 @@ export declare const DrawerHeader: import("@emotion/styled").StyledComponent<imp
         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;
@@ -348,10 +389,12 @@ export declare const DrawerHeader: import("@emotion/styled").StyledComponent<imp
         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;
@@ -367,15 +410,16 @@ export declare const DrawerHeader: import("@emotion/styled").StyledComponent<imp
         translate?: (string | number) | readonly [string | number, 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;
@@ -383,6 +427,8 @@ export declare const DrawerHeader: import("@emotion/styled").StyledComponent<imp
         wordSpacing?: import("csstype").Property.WordSpacing<string | number> | undefined;
         wordWrap?: import("csstype").Property.WordWrap | undefined;
         writingMode?: import("csstype").Property.WritingMode | undefined;
+        x?: (string | number) | undefined;
+        y?: (string | number) | undefined;
         zIndex?: import("csstype").Property.ZIndex | undefined;
         zoom?: import("csstype").Property.Zoom | undefined;
         all?: import("csstype").Globals | undefined;
@@ -392,14 +438,20 @@ export declare const DrawerHeader: import("@emotion/styled").StyledComponent<imp
         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> | undefined;
         borderRight?: import("csstype").Property.BorderRight<string | number> | undefined;
@@ -441,6 +493,7 @@ export declare const DrawerHeader: import("@emotion/styled").StyledComponent<imp
         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;
@@ -451,6 +504,7 @@ export declare const DrawerHeader: import("@emotion/styled").StyledComponent<imp
         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;
@@ -462,6 +516,7 @@ export declare const DrawerHeader: import("@emotion/styled").StyledComponent<imp
         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;
@@ -473,8 +528,6 @@ export declare const DrawerHeader: import("@emotion/styled").StyledComponent<imp
         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;
@@ -483,7 +536,6 @@ export declare const DrawerHeader: import("@emotion/styled").StyledComponent<imp
         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;
@@ -494,11 +546,15 @@ export declare const DrawerHeader: import("@emotion/styled").StyledComponent<imp
         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;
@@ -617,6 +673,8 @@ export declare const DrawerHeader: import("@emotion/styled").StyledComponent<imp
         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;
@@ -671,13 +729,14 @@ export declare const DrawerHeader: import("@emotion/styled").StyledComponent<imp
         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;
@@ -698,7 +757,6 @@ export declare const DrawerHeader: import("@emotion/styled").StyledComponent<imp
         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;
@@ -708,16 +766,22 @@ export declare const DrawerHeader: import("@emotion/styled").StyledComponent<imp
         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;
@@ -735,9 +799,7 @@ export declare const DrawerHeader: import("@emotion/styled").StyledComponent<imp
         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;
@@ -752,6 +814,8 @@ export declare const DrawerHeader: import("@emotion/styled").StyledComponent<imp
         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;
@@ -759,20 +823,15 @@ export declare const DrawerHeader: import("@emotion/styled").StyledComponent<imp
         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;
@@ -805,38 +864,9 @@ export declare const DrawerHeader: import("@emotion/styled").StyledComponent<imp
         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;
-        x?: (string | number) | undefined;
-        y?: (string | number) | undefined;
         z?: (string | number) | undefined;
         translateX?: (string | number) | undefined;
         translateY?: (string | number) | undefined;
@@ -864,17 +894,18 @@ export declare const DrawerHeader: import("@emotion/styled").StyledComponent<imp
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
+    autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
     autoFocus?: boolean | undefined;
-    contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
+    contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
-    draggable?: (boolean | "false" | "true") | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
     hidden?: boolean | undefined;
     id?: string | undefined;
     lang?: string | undefined;
     nonce?: string | undefined;
-    placeholder?: string | undefined;
-    spellCheck?: (boolean | "false" | "true") | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
     tabIndex?: number | undefined;
     translate?: "yes" | "no" | undefined;
     radioGroup?: string | undefined;
@@ -890,7 +921,6 @@ export declare const DrawerHeader: import("@emotion/styled").StyledComponent<imp
     rev?: string | undefined;
     typeof?: string | undefined;
     vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
     color?: string | undefined;
@@ -901,51 +931,58 @@ export declare const DrawerHeader: import("@emotion/styled").StyledComponent<imp
     itemRef?: string | undefined;
     results?: number | undefined;
     security?: string | undefined;
-    unselectable?: "on" | "off" | undefined;
-    inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    unselectable?: "off" | "on" | undefined;
+    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
+    exportparts?: string | undefined;
+    part?: string | undefined;
     "aria-activedescendant"?: string | undefined;
-    "aria-atomic"?: (boolean | "false" | "true") | undefined;
-    "aria-autocomplete"?: "none" | "list" | "both" | "inline" | undefined;
-    "aria-busy"?: (boolean | "false" | "true") | undefined;
-    "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
     "aria-colcount"?: number | undefined;
     "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "page" | "step" | "false" | "true" | "location" | "date" | undefined;
+    "aria-current"?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
     "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
-    "aria-disabled"?: (boolean | "false" | "true") | undefined;
-    "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
     "aria-errormessage"?: string | undefined;
-    "aria-expanded"?: (boolean | "false" | "true") | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
     "aria-flowto"?: string | undefined;
-    "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-    "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
-    "aria-hidden"?: (boolean | "false" | "true") | undefined;
-    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree" | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
     "aria-label"?: string | undefined;
     "aria-labelledby"?: string | undefined;
     "aria-level"?: number | undefined;
     "aria-live"?: "off" | "assertive" | "polite" | undefined;
-    "aria-modal"?: (boolean | "false" | "true") | undefined;
-    "aria-multiline"?: (boolean | "false" | "true") | undefined;
-    "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
     "aria-orientation"?: "horizontal" | "vertical" | undefined;
     "aria-owns"?: string | undefined;
     "aria-placeholder"?: string | undefined;
     "aria-posinset"?: number | undefined;
-    "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
-    "aria-readonly"?: (boolean | "false" | "true") | undefined;
+    "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
     "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-    "aria-required"?: (boolean | "false" | "true") | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
     "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
     "aria-rowspan"?: number | undefined;
-    "aria-selected"?: (boolean | "false" | "true") | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
     "aria-setsize"?: number | undefined;
     "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
     "aria-valuemax"?: number | undefined;
@@ -974,7 +1011,7 @@ export declare const DrawerHeader: import("@emotion/styled").StyledComponent<imp
     onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
     onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -1093,9 +1130,7 @@ export declare const DrawerHeader: import("@emotion/styled").StyledComponent<imp
     onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -1127,7 +1162,7 @@ export declare const DrawerHeader: import("@emotion/styled").StyledComponent<imp
 export declare const DrawerToggle: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").IconButtonClasses> | undefined;
-    color?: "inherit" | "default" | "primary" | "secondary" | "success" | "error" | "info" | "warning" | undefined;
+    color?: "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning" | "default" | undefined;
     disabled?: boolean | undefined;
     disableFocusRipple?: boolean | undefined;
     edge?: false | "end" | "start" | undefined;
@@ -1143,7 +1178,7 @@ export declare const DrawerToggle: import("@emotion/styled").StyledComponent<{
     disableTouchRipple?: boolean | undefined;
     focusRipple?: boolean | undefined;
     focusVisibleClassName?: string | undefined;
-    LinkComponent?: import("react").ElementType<any> | undefined;
+    LinkComponent?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
     sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
     tabIndex?: number | undefined;
@@ -1163,46 +1198,46 @@ export declare const StyledDivider: import("@emotion/styled").StyledComponent<im
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const DrawerShadow: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material/styles").Theme> & {
     children?: import("react").ReactNode;
-    component?: import("react").ElementType<any> | undefined;
+    component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     ref?: import("react").Ref<unknown> | undefined;
     sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "ref" | "children" | "sx" | "component" | ("p" | "color" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint")> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "ref" | "children" | "sx" | "component" | ("p" | "color" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint")> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
     isDrawerOpen?: boolean | undefined;
 }, {}, {}>;
 export declare const NotchContainer: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material/styles").Theme> & {
     children?: import("react").ReactNode;
-    component?: import("react").ElementType<any> | undefined;
+    component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     ref?: import("react").Ref<unknown> | undefined;
     sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "ref" | "children" | "sx" | "component" | ("p" | "color" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint")> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "ref" | "children" | "sx" | "component" | ("p" | "color" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint")> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 export declare const NotchBackground: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material/styles").Theme> & {
     children?: import("react").ReactNode;
-    component?: import("react").ElementType<any> | undefined;
+    component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     ref?: import("react").Ref<unknown> | undefined;
     sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "ref" | "children" | "sx" | "component" | ("p" | "color" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint")> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "ref" | "children" | "sx" | "component" | ("p" | "color" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint")> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 export declare const NotchBackgroundClip: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material/styles").Theme> & {
     children?: import("react").ReactNode;
-    component?: import("react").ElementType<any> | undefined;
+    component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     ref?: import("react").Ref<unknown> | undefined;
     sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "ref" | "children" | "sx" | "component" | ("p" | "color" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint")> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "ref" | "children" | "sx" | "component" | ("p" | "color" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint")> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 export declare const NotchSeemMask: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material/styles").Theme> & {
     children?: import("react").ReactNode;
-    component?: import("react").ElementType<any> | undefined;
+    component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     ref?: import("react").Ref<unknown> | undefined;
     sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "ref" | "children" | "sx" | "component" | ("p" | "color" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint")> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "ref" | "children" | "sx" | "component" | ("p" | "color" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint")> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 export declare const StyledDrawer: import("@emotion/styled").StyledComponent<import("@mui/material/Drawer").DrawerProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
     open?: boolean | undefined;
 }, {}, {}>;