@yr3/ui 1.0.0

package/dist/index.d.mts

@@ -0,0 +1,1592 @@
+import * as React$1 from 'react';
+import { SVGProps, CSSProperties } from 'react';
+import * as csstype from 'csstype';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Dayjs } from 'dayjs';
+
+type IconProps = SVGProps<SVGSVGElement>;
+type PaletteColor = {
+    main: string;
+    light: string;
+    dark: string;
+    contrastText: string;
+};
+
+declare const breakpoints: {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+};
+
+declare const text: {
+    h1: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: number;
+    };
+    h2: {
+        fontSize: string;
+        fontWeight: number;
+    };
+    h3: {
+        fontSize: string;
+        fontWeight: number;
+    };
+    h4: {
+        fontSize: string;
+        fontWeight: number;
+    };
+    h5: {
+        fontSize: string;
+        fontWeight: number;
+    };
+    h6: {
+        fontSize: string;
+        fontWeight: number;
+    };
+    title: {
+        fontSize: string;
+        fontWeight: number;
+    };
+    subtitle: {
+        fontSize: string;
+        fontWeight: number;
+    };
+    body1: {
+        fontSize: string;
+        fontWeight: number;
+    };
+    body2: {
+        fontSize: string;
+        fontWeight: number;
+    };
+    caption: {
+        fontSize: string;
+        fontWeight: number;
+    };
+    button: {
+        fontSize: string;
+        fontWeight: number;
+    };
+    helper: {
+        fontSize: string;
+        fontWeight: number;
+    };
+};
+
+type Theme = {
+    colors: {
+        primary?: PaletteColor;
+        secondary?: PaletteColor;
+        success?: PaletteColor;
+        error?: PaletteColor;
+        warning?: PaletteColor;
+        info?: PaletteColor;
+        disabled?: string;
+        background?: {
+            default: string;
+            surface: string;
+        };
+        text?: {
+            primary: string;
+            secondary: string;
+        };
+    };
+    breakpoints: typeof breakpoints;
+    text: typeof text;
+    fontFamily?: string;
+};
+declare const createTheme: (props?: Partial<Theme>) => Theme;
+declare const applyTheme: (theme: Theme, target?: HTMLElement) => void;
+
+type UIProps = {
+    mt?: number;
+    mb?: number;
+    mx?: number;
+    my?: number;
+    p?: number;
+    px?: number;
+    py?: number;
+    bg?: keyof Theme['colors'];
+    color?: keyof Theme['colors'];
+    flex?: boolean;
+    center?: boolean;
+    radius?: number;
+    [key: string]: any;
+} & Omit<CSSProperties, 'color' | 'accent_color' | 'backgroundColor'>;
+declare const uiStyle: (styles?: UIProps) => Record<string, any>;
+declare const composeStyles: (ui?: UIProps, style?: React.CSSProperties) => {
+    accentColor?: csstype.Property.AccentColor | undefined;
+    alignContent?: csstype.Property.AlignContent | undefined;
+    alignItems?: csstype.Property.AlignItems | undefined;
+    alignSelf?: csstype.Property.AlignSelf | undefined;
+    alignTracks?: csstype.Property.AlignTracks | undefined;
+    alignmentBaseline?: csstype.Property.AlignmentBaseline | undefined;
+    anchorName?: csstype.Property.AnchorName | undefined;
+    anchorScope?: csstype.Property.AnchorScope | undefined;
+    animationComposition?: csstype.Property.AnimationComposition | undefined;
+    animationDelay?: csstype.Property.AnimationDelay<string & {}> | undefined;
+    animationDirection?: csstype.Property.AnimationDirection | undefined;
+    animationDuration?: csstype.Property.AnimationDuration<string & {}> | undefined;
+    animationFillMode?: csstype.Property.AnimationFillMode | undefined;
+    animationIterationCount?: csstype.Property.AnimationIterationCount | undefined;
+    animationName?: csstype.Property.AnimationName | undefined;
+    animationPlayState?: csstype.Property.AnimationPlayState | undefined;
+    animationRangeEnd?: csstype.Property.AnimationRangeEnd<string | number> | undefined;
+    animationRangeStart?: csstype.Property.AnimationRangeStart<string | number> | undefined;
+    animationTimeline?: csstype.Property.AnimationTimeline | undefined;
+    animationTimingFunction?: csstype.Property.AnimationTimingFunction | undefined;
+    appearance?: csstype.Property.Appearance | undefined;
+    aspectRatio?: csstype.Property.AspectRatio | undefined;
+    backdropFilter?: csstype.Property.BackdropFilter | undefined;
+    backfaceVisibility?: csstype.Property.BackfaceVisibility | undefined;
+    backgroundAttachment?: csstype.Property.BackgroundAttachment | undefined;
+    backgroundBlendMode?: csstype.Property.BackgroundBlendMode | undefined;
+    backgroundClip?: csstype.Property.BackgroundClip | undefined;
+    backgroundColor?: csstype.Property.BackgroundColor | undefined;
+    backgroundImage?: csstype.Property.BackgroundImage | undefined;
+    backgroundOrigin?: csstype.Property.BackgroundOrigin | undefined;
+    backgroundPositionX?: csstype.Property.BackgroundPositionX<string | number> | undefined;
+    backgroundPositionY?: csstype.Property.BackgroundPositionY<string | number> | undefined;
+    backgroundRepeat?: csstype.Property.BackgroundRepeat | undefined;
+    backgroundSize?: csstype.Property.BackgroundSize<string | number> | undefined;
+    baselineShift?: csstype.Property.BaselineShift<string | number> | undefined;
+    blockSize?: csstype.Property.BlockSize<string | number> | undefined;
+    borderBlockEndColor?: csstype.Property.BorderBlockEndColor | undefined;
+    borderBlockEndStyle?: csstype.Property.BorderBlockEndStyle | undefined;
+    borderBlockEndWidth?: csstype.Property.BorderBlockEndWidth<string | number> | undefined;
+    borderBlockStartColor?: csstype.Property.BorderBlockStartColor | undefined;
+    borderBlockStartStyle?: csstype.Property.BorderBlockStartStyle | undefined;
+    borderBlockStartWidth?: csstype.Property.BorderBlockStartWidth<string | number> | undefined;
+    borderBottomColor?: csstype.Property.BorderBottomColor | undefined;
+    borderBottomLeftRadius?: csstype.Property.BorderBottomLeftRadius<string | number> | undefined;
+    borderBottomRightRadius?: csstype.Property.BorderBottomRightRadius<string | number> | undefined;
+    borderBottomStyle?: csstype.Property.BorderBottomStyle | undefined;
+    borderBottomWidth?: csstype.Property.BorderBottomWidth<string | number> | undefined;
+    borderCollapse?: csstype.Property.BorderCollapse | undefined;
+    borderEndEndRadius?: csstype.Property.BorderEndEndRadius<string | number> | undefined;
+    borderEndStartRadius?: csstype.Property.BorderEndStartRadius<string | number> | undefined;
+    borderImageOutset?: csstype.Property.BorderImageOutset<string | number> | undefined;
+    borderImageRepeat?: csstype.Property.BorderImageRepeat | undefined;
+    borderImageSlice?: csstype.Property.BorderImageSlice | undefined;
+    borderImageSource?: csstype.Property.BorderImageSource | undefined;
+    borderImageWidth?: csstype.Property.BorderImageWidth<string | number> | undefined;
+    borderInlineEndColor?: csstype.Property.BorderInlineEndColor | undefined;
+    borderInlineEndStyle?: csstype.Property.BorderInlineEndStyle | undefined;
+    borderInlineEndWidth?: csstype.Property.BorderInlineEndWidth<string | number> | undefined;
+    borderInlineStartColor?: csstype.Property.BorderInlineStartColor | undefined;
+    borderInlineStartStyle?: csstype.Property.BorderInlineStartStyle | undefined;
+    borderInlineStartWidth?: csstype.Property.BorderInlineStartWidth<string | number> | undefined;
+    borderLeftColor?: csstype.Property.BorderLeftColor | undefined;
+    borderLeftStyle?: csstype.Property.BorderLeftStyle | undefined;
+    borderLeftWidth?: csstype.Property.BorderLeftWidth<string | number> | undefined;
+    borderRightColor?: csstype.Property.BorderRightColor | undefined;
+    borderRightStyle?: csstype.Property.BorderRightStyle | undefined;
+    borderRightWidth?: csstype.Property.BorderRightWidth<string | number> | undefined;
+    borderSpacing?: csstype.Property.BorderSpacing<string | number> | undefined;
+    borderStartEndRadius?: csstype.Property.BorderStartEndRadius<string | number> | undefined;
+    borderStartStartRadius?: csstype.Property.BorderStartStartRadius<string | number> | undefined;
+    borderTopColor?: csstype.Property.BorderTopColor | undefined;
+    borderTopLeftRadius?: csstype.Property.BorderTopLeftRadius<string | number> | undefined;
+    borderTopRightRadius?: csstype.Property.BorderTopRightRadius<string | number> | undefined;
+    borderTopStyle?: csstype.Property.BorderTopStyle | undefined;
+    borderTopWidth?: csstype.Property.BorderTopWidth<string | number> | undefined;
+    bottom?: csstype.Property.Bottom<string | number> | undefined;
+    boxDecorationBreak?: csstype.Property.BoxDecorationBreak | undefined;
+    boxShadow?: csstype.Property.BoxShadow | undefined;
+    boxSizing?: csstype.Property.BoxSizing | undefined;
+    breakAfter?: csstype.Property.BreakAfter | undefined;
+    breakBefore?: csstype.Property.BreakBefore | undefined;
+    breakInside?: csstype.Property.BreakInside | undefined;
+    captionSide?: csstype.Property.CaptionSide | undefined;
+    caretColor?: csstype.Property.CaretColor | undefined;
+    caretShape?: csstype.Property.CaretShape | undefined;
+    clear?: csstype.Property.Clear | undefined;
+    clipPath?: csstype.Property.ClipPath | undefined;
+    clipRule?: csstype.Property.ClipRule | undefined;
+    color?: csstype.Property.Color | undefined;
+    colorAdjust?: csstype.Property.PrintColorAdjust | undefined;
+    colorInterpolationFilters?: csstype.Property.ColorInterpolationFilters | undefined;
+    colorScheme?: csstype.Property.ColorScheme | undefined;
+    columnCount?: csstype.Property.ColumnCount | undefined;
+    columnFill?: csstype.Property.ColumnFill | undefined;
+    columnGap?: csstype.Property.ColumnGap<string | number> | undefined;
+    columnRuleColor?: csstype.Property.ColumnRuleColor | undefined;
+    columnRuleStyle?: csstype.Property.ColumnRuleStyle | undefined;
+    columnRuleWidth?: csstype.Property.ColumnRuleWidth<string | number> | undefined;
+    columnSpan?: csstype.Property.ColumnSpan | undefined;
+    columnWidth?: csstype.Property.ColumnWidth<string | number> | undefined;
+    contain?: csstype.Property.Contain | undefined;
+    containIntrinsicBlockSize?: csstype.Property.ContainIntrinsicBlockSize<string | number> | undefined;
+    containIntrinsicHeight?: csstype.Property.ContainIntrinsicHeight<string | number> | undefined;
+    containIntrinsicInlineSize?: csstype.Property.ContainIntrinsicInlineSize<string | number> | undefined;
+    containIntrinsicWidth?: csstype.Property.ContainIntrinsicWidth<string | number> | undefined;
+    containerName?: csstype.Property.ContainerName | undefined;
+    containerType?: csstype.Property.ContainerType | undefined;
+    content?: csstype.Property.Content | undefined;
+    contentVisibility?: csstype.Property.ContentVisibility | undefined;
+    counterIncrement?: csstype.Property.CounterIncrement | undefined;
+    counterReset?: csstype.Property.CounterReset | undefined;
+    counterSet?: csstype.Property.CounterSet | undefined;
+    cursor?: csstype.Property.Cursor | undefined;
+    cx?: csstype.Property.Cx<string | number> | undefined;
+    cy?: csstype.Property.Cy<string | number> | undefined;
+    d?: csstype.Property.D | undefined;
+    direction?: csstype.Property.Direction | undefined;
+    display?: csstype.Property.Display | undefined;
+    dominantBaseline?: csstype.Property.DominantBaseline | undefined;
+    emptyCells?: csstype.Property.EmptyCells | undefined;
+    fieldSizing?: csstype.Property.FieldSizing | undefined;
+    fill?: csstype.Property.Fill | undefined;
+    fillOpacity?: csstype.Property.FillOpacity | undefined;
+    fillRule?: csstype.Property.FillRule | undefined;
+    filter?: csstype.Property.Filter | undefined;
+    flexBasis?: csstype.Property.FlexBasis<string | number> | undefined;
+    flexDirection?: csstype.Property.FlexDirection | undefined;
+    flexGrow?: csstype.Property.FlexGrow | undefined;
+    flexShrink?: csstype.Property.FlexShrink | undefined;
+    flexWrap?: csstype.Property.FlexWrap | undefined;
+    float?: csstype.Property.Float | undefined;
+    floodColor?: csstype.Property.FloodColor | undefined;
+    floodOpacity?: csstype.Property.FloodOpacity | undefined;
+    fontFamily?: csstype.Property.FontFamily | undefined;
+    fontFeatureSettings?: csstype.Property.FontFeatureSettings | undefined;
+    fontKerning?: csstype.Property.FontKerning | undefined;
+    fontLanguageOverride?: csstype.Property.FontLanguageOverride | undefined;
+    fontOpticalSizing?: csstype.Property.FontOpticalSizing | undefined;
+    fontPalette?: csstype.Property.FontPalette | undefined;
+    fontSize?: csstype.Property.FontSize<string | number> | undefined;
+    fontSizeAdjust?: csstype.Property.FontSizeAdjust | undefined;
+    fontSmooth?: csstype.Property.FontSmooth<string | number> | undefined;
+    fontStyle?: csstype.Property.FontStyle | undefined;
+    fontSynthesis?: csstype.Property.FontSynthesis | undefined;
+    fontSynthesisPosition?: csstype.Property.FontSynthesisPosition | undefined;
+    fontSynthesisSmallCaps?: csstype.Property.FontSynthesisSmallCaps | undefined;
+    fontSynthesisStyle?: csstype.Property.FontSynthesisStyle | undefined;
+    fontSynthesisWeight?: csstype.Property.FontSynthesisWeight | undefined;
+    fontVariant?: csstype.Property.FontVariant | undefined;
+    fontVariantAlternates?: csstype.Property.FontVariantAlternates | undefined;
+    fontVariantCaps?: csstype.Property.FontVariantCaps | undefined;
+    fontVariantEastAsian?: csstype.Property.FontVariantEastAsian | undefined;
+    fontVariantEmoji?: csstype.Property.FontVariantEmoji | undefined;
+    fontVariantLigatures?: csstype.Property.FontVariantLigatures | undefined;
+    fontVariantNumeric?: csstype.Property.FontVariantNumeric | undefined;
+    fontVariantPosition?: csstype.Property.FontVariantPosition | undefined;
+    fontVariationSettings?: csstype.Property.FontVariationSettings | undefined;
+    fontWeight?: csstype.Property.FontWeight | undefined;
+    fontWidth?: csstype.Property.FontWidth | undefined;
+    forcedColorAdjust?: csstype.Property.ForcedColorAdjust | undefined;
+    gridAutoColumns?: csstype.Property.GridAutoColumns<string | number> | undefined;
+    gridAutoFlow?: csstype.Property.GridAutoFlow | undefined;
+    gridAutoRows?: csstype.Property.GridAutoRows<string | number> | undefined;
+    gridColumnEnd?: csstype.Property.GridColumnEnd | undefined;
+    gridColumnStart?: csstype.Property.GridColumnStart | undefined;
+    gridRowEnd?: csstype.Property.GridRowEnd | undefined;
+    gridRowStart?: csstype.Property.GridRowStart | undefined;
+    gridTemplateAreas?: csstype.Property.GridTemplateAreas | undefined;
+    gridTemplateColumns?: csstype.Property.GridTemplateColumns<string | number> | undefined;
+    gridTemplateRows?: csstype.Property.GridTemplateRows<string | number> | undefined;
+    hangingPunctuation?: csstype.Property.HangingPunctuation | undefined;
+    height?: csstype.Property.Height<string | number> | undefined;
+    hyphenateCharacter?: csstype.Property.HyphenateCharacter | undefined;
+    hyphenateLimitChars?: csstype.Property.HyphenateLimitChars | undefined;
+    hyphens?: csstype.Property.Hyphens | undefined;
+    imageOrientation?: csstype.Property.ImageOrientation | undefined;
+    imageRendering?: csstype.Property.ImageRendering | undefined;
+    imageResolution?: csstype.Property.ImageResolution | undefined;
+    initialLetter?: csstype.Property.InitialLetter | undefined;
+    initialLetterAlign?: csstype.Property.InitialLetterAlign | undefined;
+    inlineSize?: csstype.Property.InlineSize<string | number> | undefined;
+    insetBlockEnd?: csstype.Property.InsetBlockEnd<string | number> | undefined;
+    insetBlockStart?: csstype.Property.InsetBlockStart<string | number> | undefined;
+    insetInlineEnd?: csstype.Property.InsetInlineEnd<string | number> | undefined;
+    insetInlineStart?: csstype.Property.InsetInlineStart<string | number> | undefined;
+    interpolateSize?: csstype.Property.InterpolateSize | undefined;
+    isolation?: csstype.Property.Isolation | undefined;
+    justifyContent?: csstype.Property.JustifyContent | undefined;
+    justifyItems?: csstype.Property.JustifyItems | undefined;
+    justifySelf?: csstype.Property.JustifySelf | undefined;
+    justifyTracks?: csstype.Property.JustifyTracks | undefined;
+    left?: csstype.Property.Left<string | number> | undefined;
+    letterSpacing?: csstype.Property.LetterSpacing<string | number> | undefined;
+    lightingColor?: csstype.Property.LightingColor | undefined;
+    lineBreak?: csstype.Property.LineBreak | undefined;
+    lineHeight?: csstype.Property.LineHeight<string | number> | undefined;
+    lineHeightStep?: csstype.Property.LineHeightStep<string | number> | undefined;
+    listStyleImage?: csstype.Property.ListStyleImage | undefined;
+    listStylePosition?: csstype.Property.ListStylePosition | undefined;
+    listStyleType?: csstype.Property.ListStyleType | undefined;
+    marginBlockEnd?: csstype.Property.MarginBlockEnd<string | number> | undefined;
+    marginBlockStart?: csstype.Property.MarginBlockStart<string | number> | undefined;
+    marginBottom?: csstype.Property.MarginBottom<string | number> | undefined;
+    marginInlineEnd?: csstype.Property.MarginInlineEnd<string | number> | undefined;
+    marginInlineStart?: csstype.Property.MarginInlineStart<string | number> | undefined;
+    marginLeft?: csstype.Property.MarginLeft<string | number> | undefined;
+    marginRight?: csstype.Property.MarginRight<string | number> | undefined;
+    marginTop?: csstype.Property.MarginTop<string | number> | undefined;
+    marginTrim?: csstype.Property.MarginTrim | undefined;
+    marker?: csstype.Property.Marker | undefined;
+    markerEnd?: csstype.Property.MarkerEnd | undefined;
+    markerMid?: csstype.Property.MarkerMid | undefined;
+    markerStart?: csstype.Property.MarkerStart | undefined;
+    maskBorderMode?: csstype.Property.MaskBorderMode | undefined;
+    maskBorderOutset?: csstype.Property.MaskBorderOutset<string | number> | undefined;
+    maskBorderRepeat?: csstype.Property.MaskBorderRepeat | undefined;
+    maskBorderSlice?: csstype.Property.MaskBorderSlice | undefined;
+    maskBorderSource?: csstype.Property.MaskBorderSource | undefined;
+    maskBorderWidth?: csstype.Property.MaskBorderWidth<string | number> | undefined;
+    maskClip?: csstype.Property.MaskClip | undefined;
+    maskComposite?: csstype.Property.MaskComposite | undefined;
+    maskImage?: csstype.Property.MaskImage | undefined;
+    maskMode?: csstype.Property.MaskMode | undefined;
+    maskOrigin?: csstype.Property.MaskOrigin | undefined;
+    maskPosition?: csstype.Property.MaskPosition<string | number> | undefined;
+    maskRepeat?: csstype.Property.MaskRepeat | undefined;
+    maskSize?: csstype.Property.MaskSize<string | number> | undefined;
+    maskType?: csstype.Property.MaskType | undefined;
+    masonryAutoFlow?: csstype.Property.MasonryAutoFlow | undefined;
+    mathDepth?: csstype.Property.MathDepth | undefined;
+    mathShift?: csstype.Property.MathShift | undefined;
+    mathStyle?: csstype.Property.MathStyle | undefined;
+    maxBlockSize?: csstype.Property.MaxBlockSize<string | number> | undefined;
+    maxHeight?: csstype.Property.MaxHeight<string | number> | undefined;
+    maxInlineSize?: csstype.Property.MaxInlineSize<string | number> | undefined;
+    maxLines?: csstype.Property.MaxLines | undefined;
+    maxWidth?: csstype.Property.MaxWidth<string | number> | undefined;
+    minBlockSize?: csstype.Property.MinBlockSize<string | number> | undefined;
+    minHeight?: csstype.Property.MinHeight<string | number> | undefined;
+    minInlineSize?: csstype.Property.MinInlineSize<string | number> | undefined;
+    minWidth?: csstype.Property.MinWidth<string | number> | undefined;
+    mixBlendMode?: csstype.Property.MixBlendMode | undefined;
+    motionDistance?: csstype.Property.OffsetDistance<string | number> | undefined;
+    motionPath?: csstype.Property.OffsetPath | undefined;
+    motionRotation?: csstype.Property.OffsetRotate | undefined;
+    objectFit?: csstype.Property.ObjectFit | undefined;
+    objectPosition?: csstype.Property.ObjectPosition<string | number> | undefined;
+    objectViewBox?: csstype.Property.ObjectViewBox | undefined;
+    offsetAnchor?: csstype.Property.OffsetAnchor<string | number> | undefined;
+    offsetDistance?: csstype.Property.OffsetDistance<string | number> | undefined;
+    offsetPath?: csstype.Property.OffsetPath | undefined;
+    offsetPosition?: csstype.Property.OffsetPosition<string | number> | undefined;
+    offsetRotate?: csstype.Property.OffsetRotate | undefined;
+    offsetRotation?: csstype.Property.OffsetRotate | undefined;
+    opacity?: csstype.Property.Opacity | undefined;
+    order?: csstype.Property.Order | undefined;
+    orphans?: csstype.Property.Orphans | undefined;
+    outlineColor?: csstype.Property.OutlineColor | undefined;
+    outlineOffset?: csstype.Property.OutlineOffset<string | number> | undefined;
+    outlineStyle?: csstype.Property.OutlineStyle | undefined;
+    outlineWidth?: csstype.Property.OutlineWidth<string | number> | undefined;
+    overflowAnchor?: csstype.Property.OverflowAnchor | undefined;
+    overflowBlock?: csstype.Property.OverflowBlock | undefined;
+    overflowClipBox?: csstype.Property.OverflowClipBox | undefined;
+    overflowClipMargin?: csstype.Property.OverflowClipMargin<string | number> | undefined;
+    overflowInline?: csstype.Property.OverflowInline | undefined;
+    overflowWrap?: csstype.Property.OverflowWrap | undefined;
+    overflowX?: csstype.Property.OverflowX | undefined;
+    overflowY?: csstype.Property.OverflowY | undefined;
+    overlay?: csstype.Property.Overlay | undefined;
+    overscrollBehaviorBlock?: csstype.Property.OverscrollBehaviorBlock | undefined;
+    overscrollBehaviorInline?: csstype.Property.OverscrollBehaviorInline | undefined;
+    overscrollBehaviorX?: csstype.Property.OverscrollBehaviorX | undefined;
+    overscrollBehaviorY?: csstype.Property.OverscrollBehaviorY | undefined;
+    paddingBlockEnd?: csstype.Property.PaddingBlockEnd<string | number> | undefined;
+    paddingBlockStart?: csstype.Property.PaddingBlockStart<string | number> | undefined;
+    paddingBottom?: csstype.Property.PaddingBottom<string | number> | undefined;
+    paddingInlineEnd?: csstype.Property.PaddingInlineEnd<string | number> | undefined;
+    paddingInlineStart?: csstype.Property.PaddingInlineStart<string | number> | undefined;
+    paddingLeft?: csstype.Property.PaddingLeft<string | number> | undefined;
+    paddingRight?: csstype.Property.PaddingRight<string | number> | undefined;
+    paddingTop?: csstype.Property.PaddingTop<string | number> | undefined;
+    page?: csstype.Property.Page | undefined;
+    paintOrder?: csstype.Property.PaintOrder | undefined;
+    perspective?: csstype.Property.Perspective<string | number> | undefined;
+    perspectiveOrigin?: csstype.Property.PerspectiveOrigin<string | number> | undefined;
+    pointerEvents?: csstype.Property.PointerEvents | undefined;
+    position?: csstype.Property.Position | undefined;
+    positionAnchor?: csstype.Property.PositionAnchor | undefined;
+    positionArea?: csstype.Property.PositionArea | undefined;
+    positionTryFallbacks?: csstype.Property.PositionTryFallbacks | undefined;
+    positionTryOrder?: csstype.Property.PositionTryOrder | undefined;
+    positionVisibility?: csstype.Property.PositionVisibility | undefined;
+    printColorAdjust?: csstype.Property.PrintColorAdjust | undefined;
+    quotes?: csstype.Property.Quotes | undefined;
+    r?: csstype.Property.R<string | number> | undefined;
+    resize?: csstype.Property.Resize | undefined;
+    right?: csstype.Property.Right<string | number> | undefined;
+    rotate?: csstype.Property.Rotate | undefined;
+    rowGap?: csstype.Property.RowGap<string | number> | undefined;
+    rubyAlign?: csstype.Property.RubyAlign | undefined;
+    rubyMerge?: csstype.Property.RubyMerge | undefined;
+    rubyOverhang?: csstype.Property.RubyOverhang | undefined;
+    rubyPosition?: csstype.Property.RubyPosition | undefined;
+    rx?: csstype.Property.Rx<string | number> | undefined;
+    ry?: csstype.Property.Ry<string | number> | undefined;
+    scale?: csstype.Property.Scale | undefined;
+    scrollBehavior?: csstype.Property.ScrollBehavior | undefined;
+    scrollInitialTarget?: csstype.Property.ScrollInitialTarget | undefined;
+    scrollMarginBlockEnd?: csstype.Property.ScrollMarginBlockEnd<string | number> | undefined;
+    scrollMarginBlockStart?: csstype.Property.ScrollMarginBlockStart<string | number> | undefined;
+    scrollMarginBottom?: csstype.Property.ScrollMarginBottom<string | number> | undefined;
+    scrollMarginInlineEnd?: csstype.Property.ScrollMarginInlineEnd<string | number> | undefined;
+    scrollMarginInlineStart?: csstype.Property.ScrollMarginInlineStart<string | number> | undefined;
+    scrollMarginLeft?: csstype.Property.ScrollMarginLeft<string | number> | undefined;
+    scrollMarginRight?: csstype.Property.ScrollMarginRight<string | number> | undefined;
+    scrollMarginTop?: csstype.Property.ScrollMarginTop<string | number> | undefined;
+    scrollPaddingBlockEnd?: csstype.Property.ScrollPaddingBlockEnd<string | number> | undefined;
+    scrollPaddingBlockStart?: csstype.Property.ScrollPaddingBlockStart<string | number> | undefined;
+    scrollPaddingBottom?: csstype.Property.ScrollPaddingBottom<string | number> | undefined;
+    scrollPaddingInlineEnd?: csstype.Property.ScrollPaddingInlineEnd<string | number> | undefined;
+    scrollPaddingInlineStart?: csstype.Property.ScrollPaddingInlineStart<string | number> | undefined;
+    scrollPaddingLeft?: csstype.Property.ScrollPaddingLeft<string | number> | undefined;
+    scrollPaddingRight?: csstype.Property.ScrollPaddingRight<string | number> | undefined;
+    scrollPaddingTop?: csstype.Property.ScrollPaddingTop<string | number> | undefined;
+    scrollSnapAlign?: csstype.Property.ScrollSnapAlign | undefined;
+    scrollSnapMarginBottom?: csstype.Property.ScrollMarginBottom<string | number> | undefined;
+    scrollSnapMarginLeft?: csstype.Property.ScrollMarginLeft<string | number> | undefined;
+    scrollSnapMarginRight?: csstype.Property.ScrollMarginRight<string | number> | undefined;
+    scrollSnapMarginTop?: csstype.Property.ScrollMarginTop<string | number> | undefined;
+    scrollSnapStop?: csstype.Property.ScrollSnapStop | undefined;
+    scrollSnapType?: csstype.Property.ScrollSnapType | undefined;
+    scrollTimelineAxis?: csstype.Property.ScrollTimelineAxis | undefined;
+    scrollTimelineName?: csstype.Property.ScrollTimelineName | undefined;
+    scrollbarColor?: csstype.Property.ScrollbarColor | undefined;
+    scrollbarGutter?: csstype.Property.ScrollbarGutter | undefined;
+    scrollbarWidth?: csstype.Property.ScrollbarWidth | undefined;
+    shapeImageThreshold?: csstype.Property.ShapeImageThreshold | undefined;
+    shapeMargin?: csstype.Property.ShapeMargin<string | number> | undefined;
+    shapeOutside?: csstype.Property.ShapeOutside | undefined;
+    shapeRendering?: csstype.Property.ShapeRendering | undefined;
+    speakAs?: csstype.Property.SpeakAs | undefined;
+    stopColor?: csstype.Property.StopColor | undefined;
+    stopOpacity?: csstype.Property.StopOpacity | undefined;
+    stroke?: csstype.Property.Stroke | undefined;
+    strokeColor?: csstype.Property.StrokeColor | undefined;
+    strokeDasharray?: csstype.Property.StrokeDasharray<string | number> | undefined;
+    strokeDashoffset?: csstype.Property.StrokeDashoffset<string | number> | undefined;
+    strokeLinecap?: csstype.Property.StrokeLinecap | undefined;
+    strokeLinejoin?: csstype.Property.StrokeLinejoin | undefined;
+    strokeMiterlimit?: csstype.Property.StrokeMiterlimit | undefined;
+    strokeOpacity?: csstype.Property.StrokeOpacity | undefined;
+    strokeWidth?: csstype.Property.StrokeWidth<string | number> | undefined;
+    tabSize?: csstype.Property.TabSize<string | number> | undefined;
+    tableLayout?: csstype.Property.TableLayout | undefined;
+    textAlign?: csstype.Property.TextAlign | undefined;
+    textAlignLast?: csstype.Property.TextAlignLast | undefined;
+    textAnchor?: csstype.Property.TextAnchor | undefined;
+    textAutospace?: csstype.Property.TextAutospace | undefined;
+    textBox?: csstype.Property.TextBox | undefined;
+    textBoxEdge?: csstype.Property.TextBoxEdge | undefined;
+    textBoxTrim?: csstype.Property.TextBoxTrim | undefined;
+    textCombineUpright?: csstype.Property.TextCombineUpright | undefined;
+    textDecorationColor?: csstype.Property.TextDecorationColor | undefined;
+    textDecorationLine?: csstype.Property.TextDecorationLine | undefined;
+    textDecorationSkip?: csstype.Property.TextDecorationSkip | undefined;
+    textDecorationSkipInk?: csstype.Property.TextDecorationSkipInk | undefined;
+    textDecorationStyle?: csstype.Property.TextDecorationStyle | undefined;
+    textDecorationThickness?: csstype.Property.TextDecorationThickness<string | number> | undefined;
+    textEmphasisColor?: csstype.Property.TextEmphasisColor | undefined;
+    textEmphasisPosition?: csstype.Property.TextEmphasisPosition | undefined;
+    textEmphasisStyle?: csstype.Property.TextEmphasisStyle | undefined;
+    textIndent?: csstype.Property.TextIndent<string | number> | undefined;
+    textJustify?: csstype.Property.TextJustify | undefined;
+    textOrientation?: csstype.Property.TextOrientation | undefined;
+    textOverflow?: csstype.Property.TextOverflow | undefined;
+    textRendering?: csstype.Property.TextRendering | undefined;
+    textShadow?: csstype.Property.TextShadow | undefined;
+    textSizeAdjust?: csstype.Property.TextSizeAdjust | undefined;
+    textSpacingTrim?: csstype.Property.TextSpacingTrim | undefined;
+    textTransform?: csstype.Property.TextTransform | undefined;
+    textUnderlineOffset?: csstype.Property.TextUnderlineOffset<string | number> | undefined;
+    textUnderlinePosition?: csstype.Property.TextUnderlinePosition | undefined;
+    textWrapMode?: csstype.Property.TextWrapMode | undefined;
+    textWrapStyle?: csstype.Property.TextWrapStyle | undefined;
+    timelineScope?: csstype.Property.TimelineScope | undefined;
+    top?: csstype.Property.Top<string | number> | undefined;
+    touchAction?: csstype.Property.TouchAction | undefined;
+    transform?: csstype.Property.Transform | undefined;
+    transformBox?: csstype.Property.TransformBox | undefined;
+    transformOrigin?: csstype.Property.TransformOrigin<string | number> | undefined;
+    transformStyle?: csstype.Property.TransformStyle | undefined;
+    transitionBehavior?: csstype.Property.TransitionBehavior | undefined;
+    transitionDelay?: csstype.Property.TransitionDelay<string & {}> | undefined;
+    transitionDuration?: csstype.Property.TransitionDuration<string & {}> | undefined;
+    transitionProperty?: csstype.Property.TransitionProperty | undefined;
+    transitionTimingFunction?: csstype.Property.TransitionTimingFunction | undefined;
+    translate?: csstype.Property.Translate<string | number> | undefined;
+    unicodeBidi?: csstype.Property.UnicodeBidi | undefined;
+    userSelect?: csstype.Property.UserSelect | undefined;
+    vectorEffect?: csstype.Property.VectorEffect | undefined;
+    verticalAlign?: csstype.Property.VerticalAlign<string | number> | undefined;
+    viewTimelineAxis?: csstype.Property.ViewTimelineAxis | undefined;
+    viewTimelineInset?: csstype.Property.ViewTimelineInset<string | number> | undefined;
+    viewTimelineName?: csstype.Property.ViewTimelineName | undefined;
+    viewTransitionClass?: csstype.Property.ViewTransitionClass | undefined;
+    viewTransitionName?: csstype.Property.ViewTransitionName | undefined;
+    visibility?: csstype.Property.Visibility | undefined;
+    whiteSpace?: csstype.Property.WhiteSpace | undefined;
+    whiteSpaceCollapse?: csstype.Property.WhiteSpaceCollapse | undefined;
+    widows?: csstype.Property.Widows | undefined;
+    width?: csstype.Property.Width<string | number> | undefined;
+    willChange?: csstype.Property.WillChange | undefined;
+    wordBreak?: csstype.Property.WordBreak | undefined;
+    wordSpacing?: csstype.Property.WordSpacing<string | number> | undefined;
+    wordWrap?: csstype.Property.WordWrap | undefined;
+    writingMode?: csstype.Property.WritingMode | undefined;
+    x?: csstype.Property.X<string | number> | undefined;
+    y?: csstype.Property.Y<string | number> | undefined;
+    zIndex?: csstype.Property.ZIndex | undefined;
+    zoom?: csstype.Property.Zoom | undefined;
+    all?: csstype.Property.All | undefined;
+    animation?: csstype.Property.Animation<string & {}> | undefined;
+    animationRange?: csstype.Property.AnimationRange<string | number> | undefined;
+    background?: csstype.Property.Background<string | number> | undefined;
+    backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | undefined;
+    border?: csstype.Property.Border<string | number> | undefined;
+    borderBlock?: csstype.Property.BorderBlock<string | number> | undefined;
+    borderBlockColor?: csstype.Property.BorderBlockColor | undefined;
+    borderBlockEnd?: csstype.Property.BorderBlockEnd<string | number> | undefined;
+    borderBlockStart?: csstype.Property.BorderBlockStart<string | number> | undefined;
+    borderBlockStyle?: csstype.Property.BorderBlockStyle | undefined;
+    borderBlockWidth?: csstype.Property.BorderBlockWidth<string | number> | undefined;
+    borderBottom?: csstype.Property.BorderBottom<string | number> | undefined;
+    borderColor?: csstype.Property.BorderColor | undefined;
+    borderImage?: csstype.Property.BorderImage | undefined;
+    borderInline?: csstype.Property.BorderInline<string | number> | undefined;
+    borderInlineColor?: csstype.Property.BorderInlineColor | undefined;
+    borderInlineEnd?: csstype.Property.BorderInlineEnd<string | number> | undefined;
+    borderInlineStart?: csstype.Property.BorderInlineStart<string | number> | undefined;
+    borderInlineStyle?: csstype.Property.BorderInlineStyle | undefined;
+    borderInlineWidth?: csstype.Property.BorderInlineWidth<string | number> | undefined;
+    borderLeft?: csstype.Property.BorderLeft<string | number> | undefined;
+    borderRadius?: csstype.Property.BorderRadius<string | number> | undefined;
+    borderRight?: csstype.Property.BorderRight<string | number> | undefined;
+    borderStyle?: csstype.Property.BorderStyle | undefined;
+    borderTop?: csstype.Property.BorderTop<string | number> | undefined;
+    borderWidth?: csstype.Property.BorderWidth<string | number> | undefined;
+    caret?: csstype.Property.Caret | undefined;
+    columnRule?: csstype.Property.ColumnRule<string | number> | undefined;
+    columns?: csstype.Property.Columns<string | number> | undefined;
+    containIntrinsicSize?: csstype.Property.ContainIntrinsicSize<string | number> | undefined;
+    container?: csstype.Property.Container | undefined;
+    flex?: csstype.Property.Flex<string | number> | undefined;
+    flexFlow?: csstype.Property.FlexFlow | undefined;
+    font?: csstype.Property.Font | undefined;
+    gap?: csstype.Property.Gap<string | number> | undefined;
+    grid?: csstype.Property.Grid | undefined;
+    gridArea?: csstype.Property.GridArea | undefined;
+    gridColumn?: csstype.Property.GridColumn | undefined;
+    gridRow?: csstype.Property.GridRow | undefined;
+    gridTemplate?: csstype.Property.GridTemplate | undefined;
+    inset?: csstype.Property.Inset<string | number> | undefined;
+    insetBlock?: csstype.Property.InsetBlock<string | number> | undefined;
+    insetInline?: csstype.Property.InsetInline<string | number> | undefined;
+    lineClamp?: csstype.Property.LineClamp | undefined;
+    listStyle?: csstype.Property.ListStyle | undefined;
+    margin?: csstype.Property.Margin<string | number> | undefined;
+    marginBlock?: csstype.Property.MarginBlock<string | number> | undefined;
+    marginInline?: csstype.Property.MarginInline<string | number> | undefined;
+    mask?: csstype.Property.Mask<string | number> | undefined;
+    maskBorder?: csstype.Property.MaskBorder | undefined;
+    motion?: csstype.Property.Offset<string | number> | undefined;
+    offset?: csstype.Property.Offset<string | number> | undefined;
+    outline?: csstype.Property.Outline<string | number> | undefined;
+    overflow?: csstype.Property.Overflow | undefined;
+    overscrollBehavior?: csstype.Property.OverscrollBehavior | undefined;
+    padding?: csstype.Property.Padding<string | number> | undefined;
+    paddingBlock?: csstype.Property.PaddingBlock<string | number> | undefined;
+    paddingInline?: csstype.Property.PaddingInline<string | number> | undefined;
+    placeContent?: csstype.Property.PlaceContent | undefined;
+    placeItems?: csstype.Property.PlaceItems | undefined;
+    placeSelf?: csstype.Property.PlaceSelf | undefined;
+    positionTry?: csstype.Property.PositionTry | undefined;
+    scrollMargin?: csstype.Property.ScrollMargin<string | number> | undefined;
+    scrollMarginBlock?: csstype.Property.ScrollMarginBlock<string | number> | undefined;
+    scrollMarginInline?: csstype.Property.ScrollMarginInline<string | number> | undefined;
+    scrollPadding?: csstype.Property.ScrollPadding<string | number> | undefined;
+    scrollPaddingBlock?: csstype.Property.ScrollPaddingBlock<string | number> | undefined;
+    scrollPaddingInline?: csstype.Property.ScrollPaddingInline<string | number> | undefined;
+    scrollSnapMargin?: csstype.Property.ScrollMargin<string | number> | undefined;
+    scrollTimeline?: csstype.Property.ScrollTimeline | undefined;
+    textDecoration?: csstype.Property.TextDecoration<string | number> | undefined;
+    textEmphasis?: csstype.Property.TextEmphasis | undefined;
+    textWrap?: csstype.Property.TextWrap | undefined;
+    transition?: csstype.Property.Transition<string & {}> | undefined;
+    viewTimeline?: csstype.Property.ViewTimeline | undefined;
+    MozAnimationDelay?: csstype.Property.AnimationDelay<string & {}> | undefined;
+    MozAnimationDirection?: csstype.Property.AnimationDirection | undefined;
+    MozAnimationDuration?: csstype.Property.AnimationDuration<string & {}> | undefined;
+    MozAnimationFillMode?: csstype.Property.AnimationFillMode | undefined;
+    MozAnimationIterationCount?: csstype.Property.AnimationIterationCount | undefined;
+    MozAnimationName?: csstype.Property.AnimationName | undefined;
+    MozAnimationPlayState?: csstype.Property.AnimationPlayState | undefined;
+    MozAnimationTimingFunction?: csstype.Property.AnimationTimingFunction | undefined;
+    MozAppearance?: csstype.Property.MozAppearance | undefined;
+    MozBackfaceVisibility?: csstype.Property.BackfaceVisibility | undefined;
+    MozBinding?: csstype.Property.MozBinding | undefined;
+    MozBorderBottomColors?: csstype.Property.MozBorderBottomColors | undefined;
+    MozBorderEndColor?: csstype.Property.BorderInlineEndColor | undefined;
+    MozBorderEndStyle?: csstype.Property.BorderInlineEndStyle | undefined;
+    MozBorderEndWidth?: csstype.Property.BorderInlineEndWidth<string | number> | undefined;
+    MozBorderLeftColors?: csstype.Property.MozBorderLeftColors | undefined;
+    MozBorderRightColors?: csstype.Property.MozBorderRightColors | undefined;
+    MozBorderStartColor?: csstype.Property.BorderInlineStartColor | undefined;
+    MozBorderStartStyle?: csstype.Property.BorderInlineStartStyle | undefined;
+    MozBorderTopColors?: csstype.Property.MozBorderTopColors | undefined;
+    MozBoxSizing?: csstype.Property.BoxSizing | undefined;
+    MozColumnRuleColor?: csstype.Property.ColumnRuleColor | undefined;
+    MozColumnRuleStyle?: csstype.Property.ColumnRuleStyle | undefined;
+    MozColumnRuleWidth?: csstype.Property.ColumnRuleWidth<string | number> | undefined;
+    MozColumnWidth?: csstype.Property.ColumnWidth<string | number> | undefined;
+    MozContextProperties?: csstype.Property.MozContextProperties | undefined;
+    MozFontFeatureSettings?: csstype.Property.FontFeatureSettings | undefined;
+    MozFontLanguageOverride?: csstype.Property.FontLanguageOverride | undefined;
+    MozHyphens?: csstype.Property.Hyphens | undefined;
+    MozMarginEnd?: csstype.Property.MarginInlineEnd<string | number> | undefined;
+    MozMarginStart?: csstype.Property.MarginInlineStart<string | number> | undefined;
+    MozOrient?: csstype.Property.MozOrient | undefined;
+    MozOsxFontSmoothing?: csstype.Property.FontSmooth<string | number> | undefined;
+    MozOutlineRadiusBottomleft?: csstype.Property.MozOutlineRadiusBottomleft<string | number> | undefined;
+    MozOutlineRadiusBottomright?: csstype.Property.MozOutlineRadiusBottomright<string | number> | undefined;
+    MozOutlineRadiusTopleft?: csstype.Property.MozOutlineRadiusTopleft<string | number> | undefined;
+    MozOutlineRadiusTopright?: csstype.Property.MozOutlineRadiusTopright<string | number> | undefined;
+    MozPaddingEnd?: csstype.Property.PaddingInlineEnd<string | number> | undefined;
+    MozPaddingStart?: csstype.Property.PaddingInlineStart<string | number> | undefined;
+    MozPerspective?: csstype.Property.Perspective<string | number> | undefined;
+    MozPerspectiveOrigin?: csstype.Property.PerspectiveOrigin<string | number> | undefined;
+    MozStackSizing?: csstype.Property.MozStackSizing | undefined;
+    MozTabSize?: csstype.Property.TabSize<string | number> | undefined;
+    MozTextBlink?: csstype.Property.MozTextBlink | undefined;
+    MozTextSizeAdjust?: csstype.Property.TextSizeAdjust | undefined;
+    MozTransform?: csstype.Property.Transform | undefined;
+    MozTransformOrigin?: csstype.Property.TransformOrigin<string | number> | undefined;
+    MozTransformStyle?: csstype.Property.TransformStyle | undefined;
+    MozUserModify?: csstype.Property.MozUserModify | undefined;
+    MozUserSelect?: csstype.Property.UserSelect | undefined;
+    MozWindowDragging?: csstype.Property.MozWindowDragging | undefined;
+    MozWindowShadow?: csstype.Property.MozWindowShadow | undefined;
+    msAccelerator?: csstype.Property.MsAccelerator | undefined;
+    msBlockProgression?: csstype.Property.MsBlockProgression | undefined;
+    msContentZoomChaining?: csstype.Property.MsContentZoomChaining | undefined;
+    msContentZoomLimitMax?: csstype.Property.MsContentZoomLimitMax | undefined;
+    msContentZoomLimitMin?: csstype.Property.MsContentZoomLimitMin | undefined;
+    msContentZoomSnapPoints?: csstype.Property.MsContentZoomSnapPoints | undefined;
+    msContentZoomSnapType?: csstype.Property.MsContentZoomSnapType | undefined;
+    msContentZooming?: csstype.Property.MsContentZooming | undefined;
+    msFilter?: csstype.Property.MsFilter | undefined;
+    msFlexDirection?: csstype.Property.FlexDirection | undefined;
+    msFlexPositive?: csstype.Property.FlexGrow | undefined;
+    msFlowFrom?: csstype.Property.MsFlowFrom | undefined;
+    msFlowInto?: csstype.Property.MsFlowInto | undefined;
+    msGridColumns?: csstype.Property.MsGridColumns<string | number> | undefined;
+    msGridRows?: csstype.Property.MsGridRows<string | number> | undefined;
+    msHighContrastAdjust?: csstype.Property.MsHighContrastAdjust | undefined;
+    msHyphenateLimitChars?: csstype.Property.MsHyphenateLimitChars | undefined;
+    msHyphenateLimitLines?: csstype.Property.MsHyphenateLimitLines | undefined;
+    msHyphenateLimitZone?: csstype.Property.MsHyphenateLimitZone<string | number> | undefined;
+    msHyphens?: csstype.Property.Hyphens | undefined;
+    msImeAlign?: csstype.Property.MsImeAlign | undefined;
+    msLineBreak?: csstype.Property.LineBreak | undefined;
+    msOrder?: csstype.Property.Order | undefined;
+    msOverflowStyle?: csstype.Property.MsOverflowStyle | undefined;
+    msOverflowX?: csstype.Property.OverflowX | undefined;
+    msOverflowY?: csstype.Property.OverflowY | undefined;
+    msScrollChaining?: csstype.Property.MsScrollChaining | undefined;
+    msScrollLimitXMax?: csstype.Property.MsScrollLimitXMax<string | number> | undefined;
+    msScrollLimitXMin?: csstype.Property.MsScrollLimitXMin<string | number> | undefined;
+    msScrollLimitYMax?: csstype.Property.MsScrollLimitYMax<string | number> | undefined;
+    msScrollLimitYMin?: csstype.Property.MsScrollLimitYMin<string | number> | undefined;
+    msScrollRails?: csstype.Property.MsScrollRails | undefined;
+    msScrollSnapPointsX?: csstype.Property.MsScrollSnapPointsX | undefined;
+    msScrollSnapPointsY?: csstype.Property.MsScrollSnapPointsY | undefined;
+    msScrollSnapType?: csstype.Property.MsScrollSnapType | undefined;
+    msScrollTranslation?: csstype.Property.MsScrollTranslation | undefined;
+    msScrollbar3dlightColor?: csstype.Property.MsScrollbar3dlightColor | undefined;
+    msScrollbarArrowColor?: csstype.Property.MsScrollbarArrowColor | undefined;
+    msScrollbarBaseColor?: csstype.Property.MsScrollbarBaseColor | undefined;
+    msScrollbarDarkshadowColor?: csstype.Property.MsScrollbarDarkshadowColor | undefined;
+    msScrollbarFaceColor?: csstype.Property.MsScrollbarFaceColor | undefined;
+    msScrollbarHighlightColor?: csstype.Property.MsScrollbarHighlightColor | undefined;
+    msScrollbarShadowColor?: csstype.Property.MsScrollbarShadowColor | undefined;
+    msScrollbarTrackColor?: csstype.Property.MsScrollbarTrackColor | undefined;
+    msTextAutospace?: csstype.Property.MsTextAutospace | undefined;
+    msTextCombineHorizontal?: csstype.Property.TextCombineUpright | undefined;
+    msTextOverflow?: csstype.Property.TextOverflow | undefined;
+    msTouchAction?: csstype.Property.TouchAction | undefined;
+    msTouchSelect?: csstype.Property.MsTouchSelect | undefined;
+    msTransform?: csstype.Property.Transform | undefined;
+    msTransformOrigin?: csstype.Property.TransformOrigin<string | number> | undefined;
+    msTransitionDelay?: csstype.Property.TransitionDelay<string & {}> | undefined;
+    msTransitionDuration?: csstype.Property.TransitionDuration<string & {}> | undefined;
+    msTransitionProperty?: csstype.Property.TransitionProperty | undefined;
+    msTransitionTimingFunction?: csstype.Property.TransitionTimingFunction | undefined;
+    msUserSelect?: csstype.Property.MsUserSelect | undefined;
+    msWordBreak?: csstype.Property.WordBreak | undefined;
+    msWrapFlow?: csstype.Property.MsWrapFlow | undefined;
+    msWrapMargin?: csstype.Property.MsWrapMargin<string | number> | undefined;
+    msWrapThrough?: csstype.Property.MsWrapThrough | undefined;
+    msWritingMode?: csstype.Property.WritingMode | undefined;
+    WebkitAlignContent?: csstype.Property.AlignContent | undefined;
+    WebkitAlignItems?: csstype.Property.AlignItems | undefined;
+    WebkitAlignSelf?: csstype.Property.AlignSelf | undefined;
+    WebkitAnimationDelay?: csstype.Property.AnimationDelay<string & {}> | undefined;
+    WebkitAnimationDirection?: csstype.Property.AnimationDirection | undefined;
+    WebkitAnimationDuration?: csstype.Property.AnimationDuration<string & {}> | undefined;
+    WebkitAnimationFillMode?: csstype.Property.AnimationFillMode | undefined;
+    WebkitAnimationIterationCount?: csstype.Property.AnimationIterationCount | undefined;
+    WebkitAnimationName?: csstype.Property.AnimationName | undefined;
+    WebkitAnimationPlayState?: csstype.Property.AnimationPlayState | undefined;
+    WebkitAnimationTimingFunction?: csstype.Property.AnimationTimingFunction | undefined;
+    WebkitAppearance?: csstype.Property.WebkitAppearance | undefined;
+    WebkitBackdropFilter?: csstype.Property.BackdropFilter | undefined;
+    WebkitBackfaceVisibility?: csstype.Property.BackfaceVisibility | undefined;
+    WebkitBackgroundClip?: csstype.Property.BackgroundClip | undefined;
+    WebkitBackgroundOrigin?: csstype.Property.BackgroundOrigin | undefined;
+    WebkitBackgroundSize?: csstype.Property.BackgroundSize<string | number> | undefined;
+    WebkitBorderBeforeColor?: csstype.Property.WebkitBorderBeforeColor | undefined;
+    WebkitBorderBeforeStyle?: csstype.Property.WebkitBorderBeforeStyle | undefined;
+    WebkitBorderBeforeWidth?: csstype.Property.WebkitBorderBeforeWidth<string | number> | undefined;
+    WebkitBorderBottomLeftRadius?: csstype.Property.BorderBottomLeftRadius<string | number> | undefined;
+    WebkitBorderBottomRightRadius?: csstype.Property.BorderBottomRightRadius<string | number> | undefined;
+    WebkitBorderImageSlice?: csstype.Property.BorderImageSlice | undefined;
+    WebkitBorderTopLeftRadius?: csstype.Property.BorderTopLeftRadius<string | number> | undefined;
+    WebkitBorderTopRightRadius?: csstype.Property.BorderTopRightRadius<string | number> | undefined;
+    WebkitBoxDecorationBreak?: csstype.Property.BoxDecorationBreak | undefined;
+    WebkitBoxReflect?: csstype.Property.WebkitBoxReflect<string | number> | undefined;
+    WebkitBoxShadow?: csstype.Property.BoxShadow | undefined;
+    WebkitBoxSizing?: csstype.Property.BoxSizing | undefined;
+    WebkitClipPath?: csstype.Property.ClipPath | undefined;
+    WebkitColumnCount?: csstype.Property.ColumnCount | undefined;
+    WebkitColumnFill?: csstype.Property.ColumnFill | undefined;
+    WebkitColumnRuleColor?: csstype.Property.ColumnRuleColor | undefined;
+    WebkitColumnRuleStyle?: csstype.Property.ColumnRuleStyle | undefined;
+    WebkitColumnRuleWidth?: csstype.Property.ColumnRuleWidth<string | number> | undefined;
+    WebkitColumnSpan?: csstype.Property.ColumnSpan | undefined;
+    WebkitColumnWidth?: csstype.Property.ColumnWidth<string | number> | undefined;
+    WebkitFilter?: csstype.Property.Filter | undefined;
+    WebkitFlexBasis?: csstype.Property.FlexBasis<string | number> | undefined;
+    WebkitFlexDirection?: csstype.Property.FlexDirection | undefined;
+    WebkitFlexGrow?: csstype.Property.FlexGrow | undefined;
+    WebkitFlexShrink?: csstype.Property.FlexShrink | undefined;
+    WebkitFlexWrap?: csstype.Property.FlexWrap | undefined;
+    WebkitFontFeatureSettings?: csstype.Property.FontFeatureSettings | undefined;
+    WebkitFontKerning?: csstype.Property.FontKerning | undefined;
+    WebkitFontSmoothing?: csstype.Property.FontSmooth<string | number> | undefined;
+    WebkitFontVariantLigatures?: csstype.Property.FontVariantLigatures | undefined;
+    WebkitHyphenateCharacter?: csstype.Property.HyphenateCharacter | undefined;
+    WebkitHyphens?: csstype.Property.Hyphens | undefined;
+    WebkitInitialLetter?: csstype.Property.InitialLetter | undefined;
+    WebkitJustifyContent?: csstype.Property.JustifyContent | undefined;
+    WebkitLineBreak?: csstype.Property.LineBreak | undefined;
+    WebkitLineClamp?: csstype.Property.WebkitLineClamp | undefined;
+    WebkitLogicalHeight?: csstype.Property.BlockSize<string | number> | undefined;
+    WebkitLogicalWidth?: csstype.Property.InlineSize<string | number> | undefined;
+    WebkitMarginEnd?: csstype.Property.MarginInlineEnd<string | number> | undefined;
+    WebkitMarginStart?: csstype.Property.MarginInlineStart<string | number> | undefined;
+    WebkitMaskAttachment?: csstype.Property.WebkitMaskAttachment | undefined;
+    WebkitMaskBoxImageOutset?: csstype.Property.MaskBorderOutset<string | number> | undefined;
+    WebkitMaskBoxImageRepeat?: csstype.Property.MaskBorderRepeat | undefined;
+    WebkitMaskBoxImageSlice?: csstype.Property.MaskBorderSlice | undefined;
+    WebkitMaskBoxImageSource?: csstype.Property.MaskBorderSource | undefined;
+    WebkitMaskBoxImageWidth?: csstype.Property.MaskBorderWidth<string | number> | undefined;
+    WebkitMaskClip?: csstype.Property.WebkitMaskClip | undefined;
+    WebkitMaskComposite?: csstype.Property.WebkitMaskComposite | undefined;
+    WebkitMaskImage?: csstype.Property.WebkitMaskImage | undefined;
+    WebkitMaskOrigin?: csstype.Property.WebkitMaskOrigin | undefined;
+    WebkitMaskPosition?: csstype.Property.WebkitMaskPosition<string | number> | undefined;
+    WebkitMaskPositionX?: csstype.Property.WebkitMaskPositionX<string | number> | undefined;
+    WebkitMaskPositionY?: csstype.Property.WebkitMaskPositionY<string | number> | undefined;
+    WebkitMaskRepeat?: csstype.Property.WebkitMaskRepeat | undefined;
+    WebkitMaskRepeatX?: csstype.Property.WebkitMaskRepeatX | undefined;
+    WebkitMaskRepeatY?: csstype.Property.WebkitMaskRepeatY | undefined;
+    WebkitMaskSize?: csstype.Property.WebkitMaskSize<string | number> | undefined;
+    WebkitMaxInlineSize?: csstype.Property.MaxInlineSize<string | number> | undefined;
+    WebkitOrder?: csstype.Property.Order | undefined;
+    WebkitOverflowScrolling?: csstype.Property.WebkitOverflowScrolling | undefined;
+    WebkitPaddingEnd?: csstype.Property.PaddingInlineEnd<string | number> | undefined;
+    WebkitPaddingStart?: csstype.Property.PaddingInlineStart<string | number> | undefined;
+    WebkitPerspective?: csstype.Property.Perspective<string | number> | undefined;
+    WebkitPerspectiveOrigin?: csstype.Property.PerspectiveOrigin<string | number> | undefined;
+    WebkitPrintColorAdjust?: csstype.Property.PrintColorAdjust | undefined;
+    WebkitRubyPosition?: csstype.Property.RubyPosition | undefined;
+    WebkitScrollSnapType?: csstype.Property.ScrollSnapType | undefined;
+    WebkitShapeMargin?: csstype.Property.ShapeMargin<string | number> | undefined;
+    WebkitTapHighlightColor?: csstype.Property.WebkitTapHighlightColor | undefined;
+    WebkitTextCombine?: csstype.Property.TextCombineUpright | undefined;
+    WebkitTextDecorationColor?: csstype.Property.TextDecorationColor | undefined;
+    WebkitTextDecorationLine?: csstype.Property.TextDecorationLine | undefined;
+    WebkitTextDecorationSkip?: csstype.Property.TextDecorationSkip | undefined;
+    WebkitTextDecorationStyle?: csstype.Property.TextDecorationStyle | undefined;
+    WebkitTextEmphasisColor?: csstype.Property.TextEmphasisColor | undefined;
+    WebkitTextEmphasisPosition?: csstype.Property.TextEmphasisPosition | undefined;
+    WebkitTextEmphasisStyle?: csstype.Property.TextEmphasisStyle | undefined;
+    WebkitTextFillColor?: csstype.Property.WebkitTextFillColor | undefined;
+    WebkitTextOrientation?: csstype.Property.TextOrientation | undefined;
+    WebkitTextSizeAdjust?: csstype.Property.TextSizeAdjust | undefined;
+    WebkitTextStrokeColor?: csstype.Property.WebkitTextStrokeColor | undefined;
+    WebkitTextStrokeWidth?: csstype.Property.WebkitTextStrokeWidth<string | number> | undefined;
+    WebkitTextUnderlinePosition?: csstype.Property.TextUnderlinePosition | undefined;
+    WebkitTouchCallout?: csstype.Property.WebkitTouchCallout | undefined;
+    WebkitTransform?: csstype.Property.Transform | undefined;
+    WebkitTransformOrigin?: csstype.Property.TransformOrigin<string | number> | undefined;
+    WebkitTransformStyle?: csstype.Property.TransformStyle | undefined;
+    WebkitTransitionDelay?: csstype.Property.TransitionDelay<string & {}> | undefined;
+    WebkitTransitionDuration?: csstype.Property.TransitionDuration<string & {}> | undefined;
+    WebkitTransitionProperty?: csstype.Property.TransitionProperty | undefined;
+    WebkitTransitionTimingFunction?: csstype.Property.TransitionTimingFunction | undefined;
+    WebkitUserModify?: csstype.Property.WebkitUserModify | undefined;
+    WebkitUserSelect?: csstype.Property.WebkitUserSelect | undefined;
+    WebkitWritingMode?: csstype.Property.WritingMode | undefined;
+    MozAnimation?: csstype.Property.Animation<string & {}> | undefined;
+    MozBorderImage?: csstype.Property.BorderImage | undefined;
+    MozColumnRule?: csstype.Property.ColumnRule<string | number> | undefined;
+    MozColumns?: csstype.Property.Columns<string | number> | undefined;
+    MozOutlineRadius?: csstype.Property.MozOutlineRadius<string | number> | undefined;
+    MozTransition?: csstype.Property.Transition<string & {}> | undefined;
+    msContentZoomLimit?: csstype.Property.MsContentZoomLimit | undefined;
+    msContentZoomSnap?: csstype.Property.MsContentZoomSnap | undefined;
+    msFlex?: csstype.Property.Flex<string | number> | undefined;
+    msScrollLimit?: csstype.Property.MsScrollLimit | undefined;
+    msScrollSnapX?: csstype.Property.MsScrollSnapX | undefined;
+    msScrollSnapY?: csstype.Property.MsScrollSnapY | undefined;
+    msTransition?: csstype.Property.Transition<string & {}> | undefined;
+    WebkitAnimation?: csstype.Property.Animation<string & {}> | undefined;
+    WebkitBorderBefore?: csstype.Property.WebkitBorderBefore<string | number> | undefined;
+    WebkitBorderImage?: csstype.Property.BorderImage | undefined;
+    WebkitBorderRadius?: csstype.Property.BorderRadius<string | number> | undefined;
+    WebkitColumnRule?: csstype.Property.ColumnRule<string | number> | undefined;
+    WebkitColumns?: csstype.Property.Columns<string | number> | undefined;
+    WebkitFlex?: csstype.Property.Flex<string | number> | undefined;
+    WebkitFlexFlow?: csstype.Property.FlexFlow | undefined;
+    WebkitMask?: csstype.Property.WebkitMask<string | number> | undefined;
+    WebkitMaskBoxImage?: csstype.Property.MaskBorder | undefined;
+    WebkitTextEmphasis?: csstype.Property.TextEmphasis | undefined;
+    WebkitTextStroke?: csstype.Property.WebkitTextStroke<string | number> | undefined;
+    WebkitTransition?: csstype.Property.Transition<string & {}> | undefined;
+    boxAlign?: csstype.Property.BoxAlign | undefined;
+    boxDirection?: csstype.Property.BoxDirection | undefined;
+    boxFlex?: csstype.Property.BoxFlex | undefined;
+    boxFlexGroup?: csstype.Property.BoxFlexGroup | undefined;
+    boxLines?: csstype.Property.BoxLines | undefined;
+    boxOrdinalGroup?: csstype.Property.BoxOrdinalGroup | undefined;
+    boxOrient?: csstype.Property.BoxOrient | undefined;
+    boxPack?: csstype.Property.BoxPack | undefined;
+    clip?: csstype.Property.Clip | undefined;
+    fontStretch?: csstype.Property.FontStretch | undefined;
+    gridColumnGap?: csstype.Property.GridColumnGap<string | number> | undefined;
+    gridGap?: csstype.Property.GridGap<string | number> | undefined;
+    gridRowGap?: csstype.Property.GridRowGap<string | number> | undefined;
+    imeMode?: csstype.Property.ImeMode | undefined;
+    insetArea?: csstype.Property.PositionArea | undefined;
+    offsetBlock?: csstype.Property.InsetBlock<string | number> | undefined;
+    offsetBlockEnd?: csstype.Property.InsetBlockEnd<string | number> | undefined;
+    offsetBlockStart?: csstype.Property.InsetBlockStart<string | number> | undefined;
+    offsetInline?: csstype.Property.InsetInline<string | number> | undefined;
+    offsetInlineEnd?: csstype.Property.InsetInlineEnd<string | number> | undefined;
+    offsetInlineStart?: csstype.Property.InsetInlineStart<string | number> | undefined;
+    pageBreakAfter?: csstype.Property.PageBreakAfter | undefined;
+    pageBreakBefore?: csstype.Property.PageBreakBefore | undefined;
+    pageBreakInside?: csstype.Property.PageBreakInside | undefined;
+    positionTryOptions?: csstype.Property.PositionTryFallbacks | undefined;
+    scrollSnapCoordinate?: csstype.Property.ScrollSnapCoordinate<string | number> | undefined;
+    scrollSnapDestination?: csstype.Property.ScrollSnapDestination<string | number> | undefined;
+    scrollSnapPointsX?: csstype.Property.ScrollSnapPointsX | undefined;
+    scrollSnapPointsY?: csstype.Property.ScrollSnapPointsY | undefined;
+    scrollSnapTypeX?: csstype.Property.ScrollSnapTypeX | undefined;
+    scrollSnapTypeY?: csstype.Property.ScrollSnapTypeY | undefined;
+    KhtmlBoxAlign?: csstype.Property.BoxAlign | undefined;
+    KhtmlBoxDirection?: csstype.Property.BoxDirection | undefined;
+    KhtmlBoxFlex?: csstype.Property.BoxFlex | undefined;
+    KhtmlBoxFlexGroup?: csstype.Property.BoxFlexGroup | undefined;
+    KhtmlBoxLines?: csstype.Property.BoxLines | undefined;
+    KhtmlBoxOrdinalGroup?: csstype.Property.BoxOrdinalGroup | undefined;
+    KhtmlBoxOrient?: csstype.Property.BoxOrient | undefined;
+    KhtmlBoxPack?: csstype.Property.BoxPack | undefined;
+    KhtmlLineBreak?: csstype.Property.LineBreak | undefined;
+    KhtmlOpacity?: csstype.Property.Opacity | undefined;
+    KhtmlUserSelect?: csstype.Property.UserSelect | undefined;
+    MozBackgroundClip?: csstype.Property.BackgroundClip | undefined;
+    MozBackgroundOrigin?: csstype.Property.BackgroundOrigin | undefined;
+    MozBackgroundSize?: csstype.Property.BackgroundSize<string | number> | undefined;
+    MozBorderRadius?: csstype.Property.BorderRadius<string | number> | undefined;
+    MozBorderRadiusBottomleft?: csstype.Property.BorderBottomLeftRadius<string | number> | undefined;
+    MozBorderRadiusBottomright?: csstype.Property.BorderBottomRightRadius<string | number> | undefined;
+    MozBorderRadiusTopleft?: csstype.Property.BorderTopLeftRadius<string | number> | undefined;
+    MozBorderRadiusTopright?: csstype.Property.BorderTopRightRadius<string | number> | undefined;
+    MozBoxAlign?: csstype.Property.BoxAlign | undefined;
+    MozBoxDirection?: csstype.Property.BoxDirection | undefined;
+    MozBoxFlex?: csstype.Property.BoxFlex | undefined;
+    MozBoxOrdinalGroup?: csstype.Property.BoxOrdinalGroup | undefined;
+    MozBoxOrient?: csstype.Property.BoxOrient | undefined;
+    MozBoxPack?: csstype.Property.BoxPack | undefined;
+    MozBoxShadow?: csstype.Property.BoxShadow | undefined;
+    MozColumnCount?: csstype.Property.ColumnCount | undefined;
+    MozColumnFill?: csstype.Property.ColumnFill | undefined;
+    MozFloatEdge?: csstype.Property.MozFloatEdge | undefined;
+    MozForceBrokenImageIcon?: csstype.Property.MozForceBrokenImageIcon | undefined;
+    MozOpacity?: csstype.Property.Opacity | undefined;
+    MozOutline?: csstype.Property.Outline<string | number> | undefined;
+    MozOutlineColor?: csstype.Property.OutlineColor | undefined;
+    MozOutlineStyle?: csstype.Property.OutlineStyle | undefined;
+    MozOutlineWidth?: csstype.Property.OutlineWidth<string | number> | undefined;
+    MozTextAlignLast?: csstype.Property.TextAlignLast | undefined;
+    MozTextDecorationColor?: csstype.Property.TextDecorationColor | undefined;
+    MozTextDecorationLine?: csstype.Property.TextDecorationLine | undefined;
+    MozTextDecorationStyle?: csstype.Property.TextDecorationStyle | undefined;
+    MozTransitionDelay?: csstype.Property.TransitionDelay<string & {}> | undefined;
+    MozTransitionDuration?: csstype.Property.TransitionDuration<string & {}> | undefined;
+    MozTransitionProperty?: csstype.Property.TransitionProperty | undefined;
+    MozTransitionTimingFunction?: csstype.Property.TransitionTimingFunction | undefined;
+    MozUserFocus?: csstype.Property.MozUserFocus | undefined;
+    MozUserInput?: csstype.Property.MozUserInput | undefined;
+    msImeMode?: csstype.Property.ImeMode | undefined;
+    OAnimation?: csstype.Property.Animation<string & {}> | undefined;
+    OAnimationDelay?: csstype.Property.AnimationDelay<string & {}> | undefined;
+    OAnimationDirection?: csstype.Property.AnimationDirection | undefined;
+    OAnimationDuration?: csstype.Property.AnimationDuration<string & {}> | undefined;
+    OAnimationFillMode?: csstype.Property.AnimationFillMode | undefined;
+    OAnimationIterationCount?: csstype.Property.AnimationIterationCount | undefined;
+    OAnimationName?: csstype.Property.AnimationName | undefined;
+    OAnimationPlayState?: csstype.Property.AnimationPlayState | undefined;
+    OAnimationTimingFunction?: csstype.Property.AnimationTimingFunction | undefined;
+    OBackgroundSize?: csstype.Property.BackgroundSize<string | number> | undefined;
+    OBorderImage?: csstype.Property.BorderImage | undefined;
+    OObjectFit?: csstype.Property.ObjectFit | undefined;
+    OObjectPosition?: csstype.Property.ObjectPosition<string | number> | undefined;
+    OTabSize?: csstype.Property.TabSize<string | number> | undefined;
+    OTextOverflow?: csstype.Property.TextOverflow | undefined;
+    OTransform?: csstype.Property.Transform | undefined;
+    OTransformOrigin?: csstype.Property.TransformOrigin<string | number> | undefined;
+    OTransition?: csstype.Property.Transition<string & {}> | undefined;
+    OTransitionDelay?: csstype.Property.TransitionDelay<string & {}> | undefined;
+    OTransitionDuration?: csstype.Property.TransitionDuration<string & {}> | undefined;
+    OTransitionProperty?: csstype.Property.TransitionProperty | undefined;
+    OTransitionTimingFunction?: csstype.Property.TransitionTimingFunction | undefined;
+    WebkitBoxAlign?: csstype.Property.BoxAlign | undefined;
+    WebkitBoxDirection?: csstype.Property.BoxDirection | undefined;
+    WebkitBoxFlex?: csstype.Property.BoxFlex | undefined;
+    WebkitBoxFlexGroup?: csstype.Property.BoxFlexGroup | undefined;
+    WebkitBoxLines?: csstype.Property.BoxLines | undefined;
+    WebkitBoxOrdinalGroup?: csstype.Property.BoxOrdinalGroup | undefined;
+    WebkitBoxOrient?: csstype.Property.BoxOrient | undefined;
+    WebkitBoxPack?: csstype.Property.BoxPack | undefined;
+    colorInterpolation?: csstype.Property.ColorInterpolation | undefined;
+    colorRendering?: csstype.Property.ColorRendering | undefined;
+    glyphOrientationVertical?: csstype.Property.GlyphOrientationVertical | undefined;
+};
+
+type AvatarProps = {
+    label?: string;
+    variant?: 'circle' | 'square' | 'rounded';
+    src?: string;
+    alt?: string;
+    children?: React$1.ReactNode;
+    size?: 'sm' | 'md' | 'lg';
+    color?: keyof Theme['colors'];
+    bordered?: boolean;
+    shadow?: 1 | 2 | 3;
+    ui?: UIProps;
+    role?: string;
+    onClick?: (e?: any) => void;
+    floating?: boolean;
+};
+declare const Avatar: React$1.FC<AvatarProps>;
+
+declare const Backdrop: React$1.FC;
+
+type BoxProps = {
+    children?: React$1.ReactNode;
+    content?: 'start' | 'center' | 'end';
+    position?: 'relative' | 'absolute' | 'fixed' | 'sticky';
+    drawer?: boolean;
+    as?: keyof React$1.JSX.IntrinsicElements;
+    ui?: UIProps;
+    style?: React$1.CSSProperties;
+    onClick?: () => void;
+    [key: string]: any;
+};
+declare const Box: React$1.FC<BoxProps>;
+
+type TextVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'title' | 'subtitle' | 'body1' | 'body2' | 'caption' | 'button' | 'helper' | 'inherit' | 'code';
+type TextProps = {
+    children?: React$1.ReactNode;
+    variant?: TextVariant;
+    color?: keyof Theme['colors'];
+    weight?: 'light' | 'regular' | 'medium' | 'semibold' | 'bold' | 'black' | 'thin';
+    as?: keyof React$1.JSX.IntrinsicElements;
+    gutters?: number[];
+    ui?: UIProps;
+    style?: React$1.CSSProperties;
+    onClick?: () => void;
+};
+declare const Text: React$1.FC<TextProps>;
+
+type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    variant?: 'outlined' | 'filled' | 'text';
+    color?: keyof Theme['colors'];
+    animated?: boolean;
+    gradientBorder?: boolean;
+    ui?: UIProps;
+    size?: 'auto' | 'full';
+    propsComponent?: {
+        text?: {
+            variant: keyof TextProps['variant'];
+        };
+    };
+};
+declare const Button: React.FC<ButtonProps>;
+
+type CalendarProps = {
+    onSelect?: (day: any) => void;
+    propsComponent?: {
+        action?: {
+            displayButtons?: boolean;
+            displayCalendar?: boolean;
+            day: {
+                background?: string;
+                borderColor?: string;
+                ui?: UIProps;
+            };
+            buttonNext?: {
+                disabled?: boolean;
+                onClick?: () => void;
+                label?: React$1.ReactNode;
+            };
+            buttonBack?: {
+                disabled?: boolean;
+                onClick?: () => void;
+                label?: React$1.ReactNode;
+            };
+        };
+    };
+    mapCalendar?: any;
+    onMonthChange?: (month: number) => void;
+};
+declare const Calendar: React$1.FC<CalendarProps>;
+
+type CheckboxProps = {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: (e: React$1.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
+    label?: string;
+    variant?: 'filled' | 'outlined' | 'text';
+    color?: keyof Theme['colors'];
+    disabled?: boolean;
+    propsComponent?: {
+        checkbox?: {
+            ui?: UIProps;
+            iconChecked?: React$1.ReactNode;
+            iconUnchecked?: React$1.ReactNode;
+        };
+        content?: TextProps;
+    };
+};
+declare const Checkbox: React$1.FC<CheckboxProps>;
+
+type ChipProps = {
+    children?: React$1.ReactNode;
+    variant?: 'outlined' | 'filled';
+    color?: keyof Theme['colors'];
+    rounded?: boolean;
+    label: string;
+    size?: 'small' | 'medium' | 'large';
+    onClick?: (e: React$1.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    icon?: React$1.ReactNode;
+    onDelete?: (e: React$1.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    ui?: UIProps;
+    style?: React$1.CSSProperties;
+};
+declare const Chip: React$1.FC<ChipProps>;
+
+type CollapseProps = {
+    children?: React$1.ReactNode;
+    open?: boolean;
+    anchor?: 'top' | 'center' | 'bottom' | 'left' | 'right';
+};
+declare const Collapse: React$1.FC<CollapseProps>;
+
+type ContainerProps = {
+    children?: React$1.ReactNode;
+    maxWidth?: 'sm' | 'md' | 'lg' | 'xl';
+    style?: React$1.CSSProperties;
+    ui?: UIProps;
+    fixed?: boolean;
+};
+declare const Container: React$1.FC<ContainerProps>;
+
+type BackdropContextType = {
+    open: boolean;
+    show: () => void;
+    hide: () => void;
+};
+declare const BackdropContext: React$1.Context<BackdropContextType | null>;
+declare const BackdropProvider: ({ children }: any) => react_jsx_runtime.JSX.Element;
+declare const useBackdrop: () => BackdropContextType;
+
+declare const ControlContext: React$1.Context<null>;
+declare const useControl: () => null;
+
+declare function initTheme(): void;
+
+declare const ThemeContext: React$1.Context<null>;
+type ThemeProviderProps = {
+    theme: any;
+    children: React$1.ReactNode;
+};
+declare const ThemeProvider: React$1.FC<ThemeProviderProps>;
+declare const useTheme: () => null;
+
+declare const baseTokens: {
+    colors: {
+        primary: string;
+        secondary: string;
+        background: string;
+        surface: string;
+        textPrimary: string;
+        textSecondary: string;
+    };
+    spacing: (factor: number) => string;
+    radius: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+};
+
+declare const NotistackProvider: ({ children }: any) => react_jsx_runtime.JSX.Element;
+declare const useNotistack: () => any;
+
+declare function useMediaQuery(query: string | ((theme: any) => string)): boolean;
+type Breakpoint = keyof typeof breakpoints;
+declare function useBreakpointValue<T>(values: Partial<Record<Breakpoint, T>>): T | undefined;
+
+type ControlVariants = 'base' | 'outlined' | 'filled' | 'lined';
+type ControlProps = {
+    children?: React$1.ReactNode;
+    error?: boolean;
+    disabled?: boolean;
+    style?: React$1.CSSProperties;
+    variant?: ControlVariants;
+    label?: boolean;
+    ui?: UIProps;
+    color?: keyof Theme['colors'];
+};
+declare const Control: React$1.FC<ControlProps>;
+
+type DividerProps = {
+    orientation?: 'horizontal' | 'vertical';
+    text?: string;
+    color?: keyof Theme['colors'];
+    align?: 'left' | 'center' | 'right';
+    ui?: UIProps;
+    style?: React.CSSProperties;
+};
+declare const Divider: React.FC<DividerProps>;
+
+type DrawerContainerProps = {
+    children?: React$1.ReactNode;
+    ui?: UIProps;
+    style?: React$1.CSSProperties;
+    props: any;
+    onClose?: () => void;
+};
+
+type DrawerProps = {
+    open: boolean;
+    onClose: () => void;
+    children?: React$1.ReactNode;
+    anchor?: 'left' | 'right' | 'top' | 'bottom' | null;
+    propsComponent?: {
+        drawer?: React$1.CSSProperties;
+        closing?: "drawer" | "container" | null;
+        container?: Omit<DrawerContainerProps, 'children' | 'props'>;
+        onClose?: boolean;
+    };
+};
+declare const Drawer: React$1.FC<DrawerProps>;
+
+type FadeProps = {
+    in: boolean;
+    children?: React$1.ReactNode;
+    duration?: number;
+    onTransitionEnd?: () => void;
+    style?: React$1.CSSProperties;
+};
+declare const Fade: React$1.FC<FadeProps>;
+
+type FlexProps = {
+    container?: boolean;
+    spacing?: number;
+    children?: React.ReactNode;
+    ui?: UIProps;
+    center?: boolean;
+    between?: boolean;
+    variant?: 'row' | 'column' | 'wrap';
+    gap?: number;
+    style?: React.CSSProperties;
+    onClick?: () => void;
+    bordered?: boolean;
+};
+declare const Flex: React.FC<FlexProps>;
+
+type GridProps = {
+    container?: boolean;
+    spacing?: number;
+    children?: React.ReactNode;
+    style?: React.CSSProperties;
+    ui?: UIProps;
+    item?: boolean;
+    columns?: number;
+    center?: boolean;
+    size?: number;
+    [key: string]: any;
+};
+declare const Grid: React.FC<GridProps>;
+
+type Option = {
+    label: string;
+    value: string;
+};
+type GroupsVariant = 'filled' | 'outlined' | 'text';
+type GroupProps = {
+    options: Option[];
+    value?: string | string[];
+    onChange?: (value: any) => void;
+    variant?: GroupsVariant;
+    color?: keyof Theme['colors'];
+    propsComponent?: {
+        group?: {
+            ui?: UIProps;
+            style?: React$1.CSSProperties;
+        };
+        item?: {
+            variant?: GroupsVariant;
+            ui?: UIProps;
+            style?: React$1.CSSProperties;
+        };
+    };
+};
+declare const Group: React$1.FC<GroupProps>;
+
+type ImageProps = {
+    src: string;
+    alt?: string;
+    style?: React$1.CSSProperties;
+    ui?: UIProps;
+};
+declare const Image: React$1.FC<ImageProps>;
+
+type LabelProps = {
+    display?: boolean;
+    text?: string;
+    children?: React$1.ReactNode;
+    className?: string;
+    color?: keyof Theme['colors'];
+    ui?: Omit<UIProps, 'color'>;
+    style?: React$1.CSSProperties;
+};
+declare const Label: React$1.FC<LabelProps>;
+
+type InputProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'onChange'> & {
+    label?: string;
+    value?: string;
+    type?: 'text' | 'email' | 'phone' | 'number' | 'password' | 'search';
+    variant?: ControlVariants;
+    color?: keyof Theme['colors'];
+    onChange?: (e: React$1.ChangeEvent<HTMLInputElement>, value: string) => void;
+    error?: string | null;
+    ui?: UIProps;
+    style?: React$1.CSSProperties;
+    propsComponent?: {
+        label?: LabelProps & {
+            display?: boolean;
+        };
+    };
+};
+declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "onChange"> & {
+    label?: string;
+    value?: string;
+    type?: "text" | "email" | "phone" | "number" | "password" | "search";
+    variant?: ControlVariants;
+    color?: keyof Theme["colors"];
+    onChange?: (e: React$1.ChangeEvent<HTMLInputElement>, value: string) => void;
+    error?: string | null;
+    ui?: UIProps;
+    style?: React$1.CSSProperties;
+    propsComponent?: {
+        label?: LabelProps & {
+            display?: boolean;
+        };
+    };
+} & React$1.RefAttributes<HTMLInputElement>>;
+
+type SelectorChangeEvent = {
+    event: React$1.MouseEvent<HTMLDivElement, MouseEvent>;
+    target: {
+        name?: string;
+        value: string;
+    };
+    currentTarget: {
+        name?: string;
+        value: string;
+    };
+};
+type SelectorProps = {
+    children?: React$1.ReactNode;
+    error?: boolean;
+    name?: string;
+    disabled?: boolean;
+    ui?: UIProps;
+    style?: React$1.CSSProperties;
+    options: {
+        value: string;
+        label: string;
+    }[];
+    value?: string;
+    defaultValue?: string;
+    iconColor?: keyof Theme['colors'];
+    icon?: React$1.ReactNode;
+    onChange?: (e: SelectorChangeEvent, value: string) => void;
+};
+
+type PhoneInputProps = {
+    name?: string;
+    value?: number;
+    label?: string;
+    prefix?: string;
+    onChange?: (e: any, value: string) => void;
+    countries?: {
+        code: string;
+        dial: string;
+        label: string;
+    }[];
+    propsComponent?: {
+        divider?: DividerProps;
+        input?: InputProps;
+        selector?: Omit<SelectorProps, 'options'>;
+    };
+};
+declare const Phone: React$1.FC<PhoneInputProps>;
+
+type PlaceData = {
+    name: string;
+    address: string;
+    city: string;
+    country: string;
+    zip: string;
+    lat: number;
+    lng: number;
+    placeId?: string;
+};
+
+type ModalContainerProps = {
+    children?: React$1.ReactNode;
+    size?: 'sm' | 'md' | 'lg';
+    ui?: UIProps;
+    style?: React$1.CSSProperties;
+};
+declare const ModalContainer: React$1.FC<ModalContainerProps>;
+
+type ModalProps = {
+    open?: boolean;
+    onClose?: () => void;
+    children?: React$1.ReactNode;
+    propsComponent?: {
+        container?: Omit<ModalContainerProps, 'children'>;
+        close?: React$1.ReactNode;
+    };
+};
+declare const Modal: React$1.FC<ModalProps>;
+
+declare const bem: (block: string) => (element?: string, modifiers?: Record<string, any>) => string;
+declare const bemMerge: (...args: any[]) => string;
+
+type CalendarDayProps = {
+    day: number;
+    date: Dayjs;
+    isToday: boolean;
+    isPast: boolean;
+    isFuture: boolean;
+    isCurrentMonth: boolean;
+    selected: any;
+    data?: any;
+};
+type CalendarComponentProps = {
+    calendar: (CalendarDayProps | null)[][];
+    month: number;
+    monthLabel: string;
+    yearLabel: string;
+    daysContainer: number[];
+    days: number;
+    weeks: number;
+    isWeekend: boolean;
+    date: Dayjs;
+    selected: CalendarDayProps | null;
+    currentDay: CalendarDayProps;
+    props?: any;
+};
+declare function getMonthCalendar(year: number, month: number, startIndex: number, selected: CalendarDayProps, props?: any): CalendarComponentProps;
+
+declare const adjustColor: (hex: string, amount: number) => string;
+declare const getContrast: (hex: string) => "#000000" | "#ffffff";
+declare const createPaletteColor: (main: string) => PaletteColor;
+
+declare function isEmpty(value: unknown): boolean;
+declare function times<T>(n: number, iteratee: (index: number) => T): T[];
+
+declare const cx: (...args: any[]) => string;
+
+type VariantConfig = {
+    base: string;
+    variants?: Record<string, Record<string, string>>;
+};
+declare const createVariants: (config: VariantConfig) => (props?: Record<string, any>) => string;
+
+type NotistackAnchorProps = {
+    vertical: 'top' | 'bottom';
+    horizontal: 'left' | 'center' | 'right';
+};
+type NotistackProps = {
+    message: string;
+    duration?: number;
+    variant?: 'info' | 'success' | 'warning' | 'error';
+    color?: keyof Theme['colors'];
+    anchor?: NotistackAnchorProps;
+    exiting?: boolean;
+    propsComponent?: {
+        notistack?: {
+            ui?: UIProps;
+            style?: React.CSSProperties;
+        };
+        container?: {
+            ui?: UIProps;
+            style?: React.CSSProperties;
+        };
+        progress?: {
+            ui?: UIProps;
+            style?: React.CSSProperties;
+        };
+    };
+};
+declare const Notistack: React.FC<NotistackProps>;
+
+type PendingProps = {
+    variant?: 'rect' | 'circle' | 'text';
+    width?: number | string;
+    height?: number | string;
+    size?: number;
+    color?: keyof Theme['colors'];
+    ui?: UIProps;
+    style?: React.CSSProperties;
+};
+declare const Pending: React.FC<PendingProps>;
+
+type RadioVariant = 'circle' | 'square';
+type RadioProps = {
+    checked?: boolean;
+    value: string;
+    name?: string;
+    variant?: RadioVariant;
+    onChange?: (e: React$1.ChangeEvent<HTMLInputElement>, value: string) => void;
+    label?: string | React$1.ReactNode;
+    color?: keyof Theme['colors'];
+    style?: React$1.CSSProperties;
+    iconChecked?: React$1.ReactNode;
+    iconUnchecked?: React$1.ReactNode;
+    propsComponent?: {
+        radio?: {
+            ui?: UIProps;
+            style?: React$1.CSSProperties;
+        };
+        label?: {
+            ui?: UIProps;
+            style?: React$1.CSSProperties;
+        };
+    };
+};
+declare const Radio: React$1.FC<RadioProps>;
+
+type SelectChangeEvent = {
+    event: React$1.MouseEvent<HTMLDivElement, MouseEvent>;
+    target: {
+        name?: string;
+        value: string;
+    };
+    currentTarget: {
+        name?: string;
+        value: string;
+    };
+};
+type SelectProps = {
+    children?: React$1.ReactNode;
+    error?: boolean;
+    label?: string;
+    name?: string;
+    disabled?: boolean;
+    options: {
+        value: string;
+        label: string;
+    }[];
+    propsComponent?: {
+        control?: Omit<ControlProps, 'children'>;
+        wrapper?: {
+            ui?: UIProps;
+            style?: React$1.CSSProperties;
+        };
+        icon?: {
+            style?: React$1.CSSProperties;
+            component?: React$1.ReactNode;
+        };
+        label?: Omit<LabelProps, 'text'>;
+        menu?: {
+            ui?: UIProps;
+            style?: React$1.CSSProperties;
+        };
+    };
+    value?: string;
+    defaultValue?: string;
+    onChange?: (e: SelectChangeEvent, value: string) => void;
+};
+declare const Select: React$1.FC<SelectProps>;
+
+type SlideProps = {
+    in: boolean;
+    children?: React$1.ReactNode;
+    direction?: 'left' | 'right' | 'top' | 'bottom';
+    duration?: number;
+    onTransitionEnd?: () => void;
+    propsComponent?: {
+        slide?: {
+            ui?: UIProps;
+            style?: React$1.CSSProperties;
+        };
+        box?: Omit<BoxProps, 'children'>;
+    };
+};
+type SlideContentProps = {
+    ui?: UIProps;
+};
+declare const Slide: React$1.FC<SlideProps>;
+
+type SwitchProps = {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: (e: React$1.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
+    disabled?: boolean;
+    label?: string;
+    color?: keyof Theme['colors'];
+    size?: 'sm' | 'md' | 'lg';
+};
+declare const Switch: React$1.FC<SwitchProps>;
+
+declare const IconClose: React.FC<IconProps>;
+
+declare const IconSearch: React.FC<IconProps>;
+
+declare const IconDown: React.FC<IconProps>;
+
+declare const useClickAway: (ref: any, callback: any) => void;
+
+export { Avatar, type AvatarProps, Backdrop, BackdropContext, type BackdropContextType, BackdropProvider, Box, type BoxProps, Button, type ButtonProps, Calendar, type CalendarComponentProps, type CalendarDayProps, type CalendarProps, Checkbox, type CheckboxProps, Chip, type ChipProps, Collapse, type CollapseProps, Container, type ContainerProps, Control, ControlContext, type ControlProps, type ControlVariants, Divider, type DividerProps, Drawer, type DrawerProps, Fade, type FadeProps, Flex, type FlexProps, Grid, type GridProps, Group, type GroupProps, type GroupsVariant, IconClose, IconDown, IconSearch, Image, type ImageProps, Input, type InputProps, Label, type LabelProps, Modal, ModalContainer, type ModalContainerProps, type ModalProps, Notistack, type NotistackAnchorProps, type NotistackProps, NotistackProvider, type Option, Pending, type PendingProps, Phone, type PhoneInputProps, type PlaceData, Radio, type RadioVariant, Select, type SelectChangeEvent, type SelectProps, type SelectorChangeEvent, type SelectorProps, Slide, type SlideContentProps, type SlideProps, Switch, Text, type TextProps, type TextVariant, type Theme, ThemeContext, ThemeProvider, type UIProps, adjustColor, applyTheme, baseTokens, bem, bemMerge, breakpoints, composeStyles, createPaletteColor, createTheme, createVariants, cx, getContrast, getMonthCalendar, initTheme, isEmpty, text, times, uiStyle, useBackdrop, useBreakpointValue, useClickAway, useControl, useMediaQuery, useNotistack, useTheme };