@rocket.chat/fuselage 0.31.0 → 0.31.4

package/dist/components/Options/Option/index.d.ts

@@ -4,417 +4,75 @@ import OptionColumn from './OptionColumn';
 import OptionContent from './OptionContent';
 import OptionDescription from './OptionDescription';
 import OptionDivider from './OptionDivider';
+import OptionHeader from './OptionHeader';
 import OptionIcon from './OptionIcon';
 import OptionMenu from './OptionMenu';
 import OptionSkeleton from './OptionSkeleton';
 import OptionTitle from './OptionTitle';
 declare const _default: import("react").NamedExoticComponent<{
-    is?: (import("react").ElementType<any> & string) | undefined;
+    is?: import("react").ElementType<any> | undefined;
     id?: string | undefined;
     children?: import("react").ReactNode;
-    label?: string | undefined;
+    label?: import("react").ReactNode;
     focus?: boolean | undefined;
     selected?: boolean | undefined;
-    className?: string | (<T extends readonly unknown[]>(...args: T) => string) | (string | (<T extends readonly unknown[]>(...args: T) => string))[] | undefined;
+    className?: string | (<T extends readonly unknown[]>(...args: T) => string) | (string | false | 0 | (<T extends readonly unknown[]>(...args: T) => string) | null | undefined)[] | undefined;
     ref?: import("react").Ref<Element> | undefined;
-    icon?: "info" | "warning" | "link" | "download" | "list" | "clip" | "audio" | "code" | "menu" | "video" | "circle" | "image" | "italic" | "bold" | "underline" | "user" | "copy" | "key" | "thread" | "clock" | "discussion" | "bell" | "bell-off" | "arrow-back" | "arrow-collapse" | "arrow-down" | "arrow-down-box" | "arrow-expand" | "arrow-fall" | "arrow-jump" | "arrow-loop" | "arrow-return" | "arrow-rise" | "arrow-up-box" | "at" | "avatar" | "backspace" | "bag" | "ball" | "balloon" | "balloon-arrow-left" | "balloon-arrow-top-right" | "balloon-close-top-right" | "balloon-ellipsis" | "balloon-exclamation" | "balloon-off" | "balloons" | "balloon-text" | "ban" | "book" | "brush" | "burger" | "burger-arrow-left" | "business" | "calendar" | "camera" | "card" | "check" | "chevron-down" | "chevron-expand" | "chevron-left" | "chevron-right" | "chevron-up" | "circle-arrow-down" | "circle-check" | "circle-cross" | "circle-exclamation" | "clipboard" | "cloud-arrow-up" | "cloud-plus" | "cog" | "condensed-view" | "contact" | "crop" | "cross" | "cross-small" | "cube" | "customize" | "desktop" | "dialpad" | "doc" | "document-eye" | "doner" | "emoji" | "emoji-neutral" | "emoji-plus" | "eraser" | "error-circle" | "exit" | "extended-view" | "eye" | "eye-off" | "file" | "fingerprint" | "flag" | "folder" | "globe" | "globe-off" | "group-by-type" | "hash" | "hashtag-lock" | "h-bar" | "headphone" | "headphone-off" | "headset" | "help" | "history" | "home" | "joystick" | "kebab" | "keyboard" | "language" | "list-bullets" | "list-numbers" | "live" | "lock" | "login" | "magnifier" | "mail" | "mail-arrow-top-right" | "meatballs" | "medium-view" | "members" | "mic" | "mic-off" | "mobile" | "moon" | "musical-note" | "new-window" | "pause" | "pause-unfilled" | "pencil" | "pencil-box" | "phone" | "phone-disabled" | "phone-in" | "phone-off" | "phone-out" | "pin" | "pin-map" | "play" | "plus" | "plus-small" | "podcast" | "quote" | "rec" | "refresh" | "send" | "send-filled" | "sheet" | "shield" | "shield-check" | "shredder" | "signal" | "sms" | "sort" | "sort-az" | "squares" | "stack" | "star" | "star-filled" | "strike" | "success-circle" | "sun" | "team" | "team-arrow-right" | "team-lock" | "text-decrease" | "text-increase" | "trash" | "undo" | "user-arrow-right" | "user-plus" | "video-disabled" | "video-filled" | "video-off" | "volume" | "volume-disabled" | "volume-lock" | "volume-off" | "zip" | "add-reaction" | "add-user" | "attachment" | "back" | "baloon-arrow-left" | "baloon-arrow-top-right" | "baloon-close-top-right" | "baloon-ellipsis" | "baloon-exclamation" | "baloons" | "baloon-text" | "cancel" | "canned-response" | "chat" | "checkmark-circled" | "circled-arrow-down" | "computer" | "discover" | "edit" | "edit-rounded" | "file-document" | "file-generic" | "file-google-drive" | "file-pdf" | "files-audio" | "file-sheets" | "files-video" | "files-zip" | "game" | "hashtag" | "import" | "info-circled" | "jump" | "jump-to-message" | "map-pin" | "message" | "message-disabled" | "modal-warning" | "multiline" | "omnichannel" | "permalink" | "post" | "queue" | "reload" | "reply-directly" | "report" | "send-active" | "share" | "shield-alt" | "sign-out" | "sort-amount-down" | "th-list" | "upload" | "user-rounded" | "file-keynote" | "hand-pointer" | "list-alt" | "livechat" | "loading" | "play-solid" | "reply" | "sort-down" | "sort-up" | "adobe" | "facebook" | "github" | "gitlab" | "google" | "google-drive" | "hubot" | "linkedin" | "twitter" | undefined;
+    icon?: "info" | "warning" | "link" | "download" | "list" | "clip" | "italic" | "bold" | "key" | "audio" | "code" | "menu" | "video" | "circle" | "image" | "user" | "bell" | "bell-off" | "arrow-back" | "arrow-collapse" | "arrow-down" | "arrow-down-box" | "arrow-expand" | "arrow-fall" | "arrow-jump" | "arrow-loop" | "arrow-return" | "arrow-rise" | "arrow-up-box" | "at" | "avatar" | "backspace" | "bag" | "ball" | "balloon" | "balloon-arrow-left" | "balloon-arrow-top-right" | "balloon-close-top-right" | "balloon-ellipsis" | "balloon-exclamation" | "balloon-off" | "balloons" | "balloon-text" | "ban" | "book" | "brush" | "burger" | "burger-arrow-left" | "business" | "calendar" | "camera" | "card" | "check" | "chevron-down" | "chevron-expand" | "chevron-left" | "chevron-right" | "chevron-up" | "circle-arrow-down" | "circle-check" | "circle-cross" | "circle-exclamation" | "clipboard" | "clock" | "cloud-arrow-up" | "cloud-plus" | "cog" | "condensed-view" | "contact" | "copy" | "crop" | "cross" | "cross-small" | "cube" | "customize" | "desktop" | "dialpad" | "doc" | "document-eye" | "doner" | "emoji" | "emoji-neutral" | "emoji-plus" | "eraser" | "error-circle" | "exit" | "extended-view" | "eye" | "eye-off" | "file" | "fingerprint" | "flag" | "folder" | "globe" | "globe-off" | "group-by-type" | "hash" | "hashtag-lock" | "h-bar" | "headphone" | "headphone-off" | "headset" | "help" | "history" | "home" | "joystick" | "kebab" | "keyboard" | "language" | "list-bullets" | "list-numbers" | "live" | "lock" | "login" | "magnifier" | "mail" | "mail-arrow-top-right" | "meatballs" | "medium-view" | "members" | "mic" | "mic-off" | "mobile" | "moon" | "musical-note" | "new-window" | "pause" | "pause-unfilled" | "pencil" | "pencil-box" | "phone" | "phone-disabled" | "phone-in" | "phone-off" | "phone-out" | "pin" | "pin-map" | "play" | "plus" | "plus-small" | "podcast" | "quote" | "rec" | "refresh" | "send" | "send-filled" | "sheet" | "shield" | "shield-check" | "signal" | "sms" | "sort" | "sort-az" | "squares" | "stack" | "star" | "star-filled" | "stopwatch" | "strike" | "success-circle" | "sun" | "team" | "team-arrow-right" | "team-lock" | "text-decrease" | "text-increase" | "trash" | "underline" | "undo" | "user-arrow-right" | "user-plus" | "video-disabled" | "video-filled" | "video-off" | "volume" | "volume-disabled" | "volume-lock" | "volume-off" | "zip" | "add-reaction" | "add-user" | "attachment" | "back" | "baloon-arrow-left" | "baloon-arrow-top-right" | "baloon-close-top-right" | "baloon-ellipsis" | "baloon-exclamation" | "baloons" | "baloon-text" | "cancel" | "canned-response" | "chat" | "checkmark-circled" | "circled-arrow-down" | "computer" | "discover" | "discussion" | "edit" | "edit-rounded" | "file-document" | "file-generic" | "file-google-drive" | "file-pdf" | "files-audio" | "file-sheets" | "files-video" | "files-zip" | "game" | "hashtag" | "import" | "info-circled" | "jump" | "jump-to-message" | "map-pin" | "message" | "message-disabled" | "modal-warning" | "multiline" | "omnichannel" | "permalink" | "post" | "queue" | "reload" | "reply-directly" | "report" | "send-active" | "share" | "shield-alt" | "sign-out" | "sort-amount-down" | "th-list" | "thread" | "upload" | "user-rounded" | "file-keynote" | "hand-pointer" | "list-alt" | "livechat" | "loading" | "play-solid" | "reply" | "adobe" | "facebook" | "github" | "gitlab" | "google" | "google-drive" | "hubot" | "linkedin" | "twitter" | undefined;
     avatar?: import("react").ReactNode;
     title?: string | undefined;
     value?: string | undefined;
     variant?: "primary" | "success" | "warning" | "danger" | undefined;
-} & Pick<{
-    is?: import("react").ElementType<any> | undefined;
-    className?: string | (<T extends readonly unknown[]>(...args: T) => string) | (string | (<T extends readonly unknown[]>(...args: T) => string))[] | undefined;
-    style?: import("react").CSSProperties | undefined;
-    border?: import("csstype").Property.Border<string | number> | undefined;
-    borderBlock?: import("csstype").Property.BorderBlock<string | number> | undefined;
-    borderBlockStart?: import("csstype").Property.BorderBlockStart<string | number> | undefined;
-    borderBlockEnd?: import("csstype").Property.BorderBlockEnd<string | number> | undefined;
-    borderInline?: import("csstype").Property.BorderInline<string | number> | undefined;
-    borderInlineStart?: import("csstype").Property.BorderInlineStart<string | number> | undefined;
-    borderInlineEnd?: import("csstype").Property.BorderInlineEnd<string | number> | undefined;
-    borderWidth?: import("csstype").Property.BorderWidth<string | number> | undefined;
-    borderBlockWidth?: import("csstype").Property.BorderBlockWidth<string | number> | undefined;
-    borderBlockStartWidth?: import("csstype").Property.BorderBlockStartWidth<string | number> | undefined;
-    borderBlockEndWidth?: import("csstype").Property.BorderBlockEndWidth<string | number> | undefined;
-    borderInlineWidth?: import("csstype").Property.BorderInlineWidth<string | number> | undefined;
-    borderInlineStartWidth?: import("csstype").Property.BorderInlineStartWidth<string | number> | undefined;
-    borderInlineEndWidth?: import("csstype").Property.BorderInlineEndWidth<string | number> | undefined;
-    borderStyle?: import("csstype").Property.BorderStyle | undefined;
-    borderBlockStyle?: import("csstype").Property.BorderBlockStyle | undefined;
-    borderBlockStartStyle?: import("csstype").Property.BorderBlockStartStyle | undefined;
-    borderBlockEndStyle?: import("csstype").Property.BorderBlockEndStyle | undefined;
-    borderInlineStyle?: import("csstype").Property.BorderInlineStyle | undefined;
-    borderInlineStartStyle?: import("csstype").Property.BorderInlineStartStyle | undefined;
-    borderInlineEndStyle?: import("csstype").Property.BorderInlineEndStyle | undefined;
-    borderColor?: import("csstype").Property.BorderColor | undefined;
-    borderBlockColor?: import("csstype").Property.BorderBlockColor | undefined;
-    borderBlockStartColor?: import("csstype").Property.BorderBlockStartColor | undefined;
-    borderBlockEndColor?: import("csstype").Property.BorderBlockEndColor | undefined;
-    borderInlineColor?: import("csstype").Property.BorderInlineColor | undefined;
-    borderInlineStartColor?: import("csstype").Property.BorderInlineStartColor | undefined;
-    borderInlineEndColor?: import("csstype").Property.BorderInlineEndColor | undefined;
-    borderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
-    borderStartStartRadius?: import("csstype").Property.BorderStartStartRadius<string | number> | undefined;
-    borderStartEndRadius?: import("csstype").Property.BorderStartEndRadius<string | number> | undefined;
-    borderEndStartRadius?: import("csstype").Property.BorderEndStartRadius<string | number> | undefined;
-    borderEndEndRadius?: import("csstype").Property.BorderEndEndRadius<string | number> | undefined;
-    color?: import("csstype").Property.Color | undefined;
-    backgroundColor?: import("csstype").Property.BackgroundColor | undefined;
-    bg?: import("csstype").Property.BackgroundColor | undefined;
-    opacity?: import("csstype").Property.Opacity | undefined;
-    alignItems?: import("csstype").Property.AlignItems | undefined;
-    alignContent?: import("csstype").Property.AlignContent | undefined;
-    justifyItems?: import("csstype").Property.JustifyItems | undefined;
-    justifyContent?: import("csstype").Property.JustifyContent | undefined;
-    flexWrap?: import("csstype").Property.FlexWrap | undefined;
-    flexDirection?: import("csstype").Property.FlexDirection | undefined;
-    flexGrow?: import("csstype").Property.FlexGrow | undefined;
-    flexShrink?: import("csstype").Property.FlexShrink | undefined;
-    flexBasis?: import("csstype").Property.FlexBasis<string | number> | undefined;
-    justifySelf?: import("csstype").Property.JustifySelf | undefined;
-    alignSelf?: import("csstype").Property.AlignSelf | undefined;
-    order?: import("csstype").Property.Order | undefined;
-    w?: import("csstype").Property.Width<string | number> | undefined;
-    width?: import("csstype").Property.Width<string | number> | undefined;
-    minWidth?: import("csstype").Property.MinWidth<string | number> | undefined;
-    maxWidth?: import("csstype").Property.MaxWidth<string | number> | undefined;
-    h?: import("csstype").Property.Height<string | number> | undefined;
-    height?: import("csstype").Property.Height<string | number> | undefined;
-    minHeight?: import("csstype").Property.MinHeight<string | number> | undefined;
-    maxHeight?: import("csstype").Property.MaxHeight<string | number> | undefined;
-    display?: import("csstype").Property.Display | undefined;
-    verticalAlign?: import("csstype").Property.VerticalAlign<string | number> | undefined;
-    overflow?: import("csstype").Property.Overflow | undefined;
-    overflowX?: import("csstype").Property.OverflowX | undefined;
-    overflowY?: import("csstype").Property.OverflowY | undefined;
-    position?: import("csstype").Property.Position | undefined;
-    zIndex?: import("csstype").Property.ZIndex | undefined;
-    inset?: import("csstype").Property.Inset<string | number> | undefined;
-    insetBlock?: import("csstype").Property.InsetBlock<string | number> | undefined;
-    insetBlockStart?: import("csstype").Property.InsetBlockStart<string | number> | undefined;
-    insetBlockEnd?: import("csstype").Property.InsetBlockEnd<string | number> | undefined;
-    insetInline?: import("csstype").Property.InsetInline<string | number> | undefined;
-    insetInlineStart?: import("csstype").Property.InsetInlineStart<string | number> | undefined;
-    insetInlineEnd?: import("csstype").Property.InsetInlineEnd<string | number> | undefined;
-    m?: import("csstype").Property.Margin<string | number> | undefined;
-    margin?: import("csstype").Property.Margin<string | number> | undefined;
-    mb?: import("csstype").Property.MarginBlock<string | number> | undefined;
-    marginBlock?: import("csstype").Property.MarginBlock<string | number> | undefined;
-    mbs?: import("csstype").Property.MarginBlockStart<string | number> | undefined;
-    marginBlockStart?: import("csstype").Property.MarginBlockStart<string | number> | undefined;
-    mbe?: import("csstype").Property.MarginBlockEnd<string | number> | undefined;
-    marginBlockEnd?: import("csstype").Property.MarginBlockEnd<string | number> | undefined;
-    mi?: import("csstype").Property.MarginInline<string | number> | undefined;
-    marginInline?: import("csstype").Property.MarginInline<string | number> | undefined;
-    mis?: import("csstype").Property.MarginInlineStart<string | number> | undefined;
-    marginInlineStart?: import("csstype").Property.MarginInlineStart<string | number> | undefined;
-    mie?: import("csstype").Property.MarginInlineEnd<string | number> | undefined;
-    marginInlineEnd?: import("csstype").Property.MarginInlineEnd<string | number> | undefined;
-    p?: import("csstype").Property.Padding<string | number> | undefined;
-    padding?: import("csstype").Property.Padding<string | number> | undefined;
-    pb?: import("csstype").Property.PaddingBlock<string | number> | undefined;
-    paddingBlock?: import("csstype").Property.PaddingBlock<string | number> | undefined;
-    pbs?: import("csstype").Property.PaddingBlockStart<string | number> | undefined;
-    paddingBlockStart?: import("csstype").Property.PaddingBlockStart<string | number> | undefined;
-    pbe?: import("csstype").Property.PaddingBlockEnd<string | number> | undefined;
-    paddingBlockEnd?: import("csstype").Property.PaddingBlockEnd<string | number> | undefined;
-    pi?: import("csstype").Property.PaddingInline<string | number> | undefined;
-    paddingInline?: import("csstype").Property.PaddingInline<string | number> | undefined;
-    pis?: import("csstype").Property.PaddingInlineStart<string | number> | undefined;
-    paddingInlineStart?: import("csstype").Property.PaddingInlineStart<string | number> | undefined;
-    pie?: import("csstype").Property.PaddingInlineEnd<string | number> | undefined;
-    paddingInlineEnd?: import("csstype").Property.PaddingInlineEnd<string | number> | undefined;
-    fontFamily?: import("csstype").Property.FontFamily | ("hero" | "h1" | "h2" | "h3" | "h4" | "h5" | "p1" | "p1m" | "p1b" | "p2" | "p2m" | "p2b" | "c1" | "c2" | "micro") | undefined;
-    fontSize?: string | number | (string & {}) | undefined;
-    fontStyle?: import("csstype").Property.FontStyle | undefined;
-    fontWeight?: ("hero" | "h1" | "h2" | "h3" | "h4" | "h5" | "p1" | "p1m" | "p1b" | "p2" | "p2m" | "p2b" | "c1" | "c2" | "micro") | import("csstype").Property.FontWeight | undefined;
-    letterSpacing?: string | number | undefined;
-    lineHeight?: string | number | (string & {}) | (number & {}) | undefined;
-    textAlign?: import("csstype").Property.TextAlign | undefined;
-    textTransform?: import("csstype").Property.TextTransform | undefined;
-    textDecorationLine?: import("csstype").Property.TextDecorationLine | undefined;
-    elevation?: "0" | "1" | "2" | undefined;
-    invisible?: boolean | undefined;
-    withRichContent?: string | boolean | undefined;
-    withTruncatedText?: boolean | undefined;
-    size?: import("csstype").Property.BlockSize<string | number> | undefined;
-    minSize?: import("csstype").Property.BlockSize<string | number> | undefined;
-    maxSize?: import("csstype").Property.BlockSize<string | number> | undefined;
-    fontScale?: ("hero" | "h1" | "h2" | "h3" | "h4" | "h5" | "p1" | "p1m" | "p1b" | "p2" | "p2m" | "p2b" | "c1" | "c2" | "micro") | undefined;
-} & {
-    children?: import("react").ReactNode;
-} & Omit<import("react").AllHTMLAttributes<HTMLOrSVGElement>, "className"> & Omit<import("react").SVGAttributes<SVGElement>, keyof import("react").AllHTMLAttributes<HTMLOrSVGElement>> & import("react").RefAttributes<unknown>, "onClick">> & {
+    onClick?: ((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
+}> & {
     readonly type: ({ is: Tag, id, children, label, focus, selected, className, ref, icon, avatar, title, onClick, variant, ...options }: {
-        is?: (import("react").ElementType<any> & string) | undefined;
+        is?: import("react").ElementType<any> | undefined;
         id?: string | undefined;
         children?: import("react").ReactNode;
-        label?: string | undefined;
+        label?: import("react").ReactNode;
         focus?: boolean | undefined;
         selected?: boolean | undefined;
-        className?: string | (<T extends readonly unknown[]>(...args: T) => string) | (string | (<T extends readonly unknown[]>(...args: T) => string))[] | undefined;
+        className?: string | (<T extends readonly unknown[]>(...args: T) => string) | (string | false | 0 | (<T extends readonly unknown[]>(...args: T) => string) | null | undefined)[] | undefined;
         ref?: import("react").Ref<Element> | undefined;
-        icon?: "info" | "warning" | "link" | "download" | "list" | "clip" | "audio" | "code" | "menu" | "video" | "circle" | "image" | "italic" | "bold" | "underline" | "user" | "copy" | "key" | "thread" | "clock" | "discussion" | "bell" | "bell-off" | "arrow-back" | "arrow-collapse" | "arrow-down" | "arrow-down-box" | "arrow-expand" | "arrow-fall" | "arrow-jump" | "arrow-loop" | "arrow-return" | "arrow-rise" | "arrow-up-box" | "at" | "avatar" | "backspace" | "bag" | "ball" | "balloon" | "balloon-arrow-left" | "balloon-arrow-top-right" | "balloon-close-top-right" | "balloon-ellipsis" | "balloon-exclamation" | "balloon-off" | "balloons" | "balloon-text" | "ban" | "book" | "brush" | "burger" | "burger-arrow-left" | "business" | "calendar" | "camera" | "card" | "check" | "chevron-down" | "chevron-expand" | "chevron-left" | "chevron-right" | "chevron-up" | "circle-arrow-down" | "circle-check" | "circle-cross" | "circle-exclamation" | "clipboard" | "cloud-arrow-up" | "cloud-plus" | "cog" | "condensed-view" | "contact" | "crop" | "cross" | "cross-small" | "cube" | "customize" | "desktop" | "dialpad" | "doc" | "document-eye" | "doner" | "emoji" | "emoji-neutral" | "emoji-plus" | "eraser" | "error-circle" | "exit" | "extended-view" | "eye" | "eye-off" | "file" | "fingerprint" | "flag" | "folder" | "globe" | "globe-off" | "group-by-type" | "hash" | "hashtag-lock" | "h-bar" | "headphone" | "headphone-off" | "headset" | "help" | "history" | "home" | "joystick" | "kebab" | "keyboard" | "language" | "list-bullets" | "list-numbers" | "live" | "lock" | "login" | "magnifier" | "mail" | "mail-arrow-top-right" | "meatballs" | "medium-view" | "members" | "mic" | "mic-off" | "mobile" | "moon" | "musical-note" | "new-window" | "pause" | "pause-unfilled" | "pencil" | "pencil-box" | "phone" | "phone-disabled" | "phone-in" | "phone-off" | "phone-out" | "pin" | "pin-map" | "play" | "plus" | "plus-small" | "podcast" | "quote" | "rec" | "refresh" | "send" | "send-filled" | "sheet" | "shield" | "shield-check" | "shredder" | "signal" | "sms" | "sort" | "sort-az" | "squares" | "stack" | "star" | "star-filled" | "strike" | "success-circle" | "sun" | "team" | "team-arrow-right" | "team-lock" | "text-decrease" | "text-increase" | "trash" | "undo" | "user-arrow-right" | "user-plus" | "video-disabled" | "video-filled" | "video-off" | "volume" | "volume-disabled" | "volume-lock" | "volume-off" | "zip" | "add-reaction" | "add-user" | "attachment" | "back" | "baloon-arrow-left" | "baloon-arrow-top-right" | "baloon-close-top-right" | "baloon-ellipsis" | "baloon-exclamation" | "baloons" | "baloon-text" | "cancel" | "canned-response" | "chat" | "checkmark-circled" | "circled-arrow-down" | "computer" | "discover" | "edit" | "edit-rounded" | "file-document" | "file-generic" | "file-google-drive" | "file-pdf" | "files-audio" | "file-sheets" | "files-video" | "files-zip" | "game" | "hashtag" | "import" | "info-circled" | "jump" | "jump-to-message" | "map-pin" | "message" | "message-disabled" | "modal-warning" | "multiline" | "omnichannel" | "permalink" | "post" | "queue" | "reload" | "reply-directly" | "report" | "send-active" | "share" | "shield-alt" | "sign-out" | "sort-amount-down" | "th-list" | "upload" | "user-rounded" | "file-keynote" | "hand-pointer" | "list-alt" | "livechat" | "loading" | "play-solid" | "reply" | "sort-down" | "sort-up" | "adobe" | "facebook" | "github" | "gitlab" | "google" | "google-drive" | "hubot" | "linkedin" | "twitter" | undefined;
+        icon?: "info" | "warning" | "link" | "download" | "list" | "clip" | "italic" | "bold" | "key" | "audio" | "code" | "menu" | "video" | "circle" | "image" | "user" | "bell" | "bell-off" | "arrow-back" | "arrow-collapse" | "arrow-down" | "arrow-down-box" | "arrow-expand" | "arrow-fall" | "arrow-jump" | "arrow-loop" | "arrow-return" | "arrow-rise" | "arrow-up-box" | "at" | "avatar" | "backspace" | "bag" | "ball" | "balloon" | "balloon-arrow-left" | "balloon-arrow-top-right" | "balloon-close-top-right" | "balloon-ellipsis" | "balloon-exclamation" | "balloon-off" | "balloons" | "balloon-text" | "ban" | "book" | "brush" | "burger" | "burger-arrow-left" | "business" | "calendar" | "camera" | "card" | "check" | "chevron-down" | "chevron-expand" | "chevron-left" | "chevron-right" | "chevron-up" | "circle-arrow-down" | "circle-check" | "circle-cross" | "circle-exclamation" | "clipboard" | "clock" | "cloud-arrow-up" | "cloud-plus" | "cog" | "condensed-view" | "contact" | "copy" | "crop" | "cross" | "cross-small" | "cube" | "customize" | "desktop" | "dialpad" | "doc" | "document-eye" | "doner" | "emoji" | "emoji-neutral" | "emoji-plus" | "eraser" | "error-circle" | "exit" | "extended-view" | "eye" | "eye-off" | "file" | "fingerprint" | "flag" | "folder" | "globe" | "globe-off" | "group-by-type" | "hash" | "hashtag-lock" | "h-bar" | "headphone" | "headphone-off" | "headset" | "help" | "history" | "home" | "joystick" | "kebab" | "keyboard" | "language" | "list-bullets" | "list-numbers" | "live" | "lock" | "login" | "magnifier" | "mail" | "mail-arrow-top-right" | "meatballs" | "medium-view" | "members" | "mic" | "mic-off" | "mobile" | "moon" | "musical-note" | "new-window" | "pause" | "pause-unfilled" | "pencil" | "pencil-box" | "phone" | "phone-disabled" | "phone-in" | "phone-off" | "phone-out" | "pin" | "pin-map" | "play" | "plus" | "plus-small" | "podcast" | "quote" | "rec" | "refresh" | "send" | "send-filled" | "sheet" | "shield" | "shield-check" | "signal" | "sms" | "sort" | "sort-az" | "squares" | "stack" | "star" | "star-filled" | "stopwatch" | "strike" | "success-circle" | "sun" | "team" | "team-arrow-right" | "team-lock" | "text-decrease" | "text-increase" | "trash" | "underline" | "undo" | "user-arrow-right" | "user-plus" | "video-disabled" | "video-filled" | "video-off" | "volume" | "volume-disabled" | "volume-lock" | "volume-off" | "zip" | "add-reaction" | "add-user" | "attachment" | "back" | "baloon-arrow-left" | "baloon-arrow-top-right" | "baloon-close-top-right" | "baloon-ellipsis" | "baloon-exclamation" | "baloons" | "baloon-text" | "cancel" | "canned-response" | "chat" | "checkmark-circled" | "circled-arrow-down" | "computer" | "discover" | "discussion" | "edit" | "edit-rounded" | "file-document" | "file-generic" | "file-google-drive" | "file-pdf" | "files-audio" | "file-sheets" | "files-video" | "files-zip" | "game" | "hashtag" | "import" | "info-circled" | "jump" | "jump-to-message" | "map-pin" | "message" | "message-disabled" | "modal-warning" | "multiline" | "omnichannel" | "permalink" | "post" | "queue" | "reload" | "reply-directly" | "report" | "send-active" | "share" | "shield-alt" | "sign-out" | "sort-amount-down" | "th-list" | "thread" | "upload" | "user-rounded" | "file-keynote" | "hand-pointer" | "list-alt" | "livechat" | "loading" | "play-solid" | "reply" | "adobe" | "facebook" | "github" | "gitlab" | "google" | "google-drive" | "hubot" | "linkedin" | "twitter" | undefined;
         avatar?: import("react").ReactNode;
         title?: string | undefined;
         value?: string | undefined;
         variant?: "primary" | "success" | "warning" | "danger" | undefined;
-    } & Pick<{
-        is?: import("react").ElementType<any> | undefined;
-        className?: string | (<T extends readonly unknown[]>(...args: T) => string) | (string | (<T extends readonly unknown[]>(...args: T) => string))[] | undefined;
-        style?: import("react").CSSProperties | undefined;
-        border?: import("csstype").Property.Border<string | number> | undefined;
-        borderBlock?: import("csstype").Property.BorderBlock<string | number> | undefined;
-        borderBlockStart?: import("csstype").Property.BorderBlockStart<string | number> | undefined;
-        borderBlockEnd?: import("csstype").Property.BorderBlockEnd<string | number> | undefined;
-        borderInline?: import("csstype").Property.BorderInline<string | number> | undefined;
-        borderInlineStart?: import("csstype").Property.BorderInlineStart<string | number> | undefined;
-        borderInlineEnd?: import("csstype").Property.BorderInlineEnd<string | number> | undefined;
-        borderWidth?: import("csstype").Property.BorderWidth<string | number> | undefined;
-        borderBlockWidth?: import("csstype").Property.BorderBlockWidth<string | number> | undefined;
-        borderBlockStartWidth?: import("csstype").Property.BorderBlockStartWidth<string | number> | undefined;
-        borderBlockEndWidth?: import("csstype").Property.BorderBlockEndWidth<string | number> | undefined;
-        borderInlineWidth?: import("csstype").Property.BorderInlineWidth<string | number> | undefined;
-        borderInlineStartWidth?: import("csstype").Property.BorderInlineStartWidth<string | number> | undefined;
-        borderInlineEndWidth?: import("csstype").Property.BorderInlineEndWidth<string | number> | undefined;
-        borderStyle?: import("csstype").Property.BorderStyle | undefined;
-        borderBlockStyle?: import("csstype").Property.BorderBlockStyle | undefined;
-        borderBlockStartStyle?: import("csstype").Property.BorderBlockStartStyle | undefined;
-        borderBlockEndStyle?: import("csstype").Property.BorderBlockEndStyle | undefined;
-        borderInlineStyle?: import("csstype").Property.BorderInlineStyle | undefined;
-        borderInlineStartStyle?: import("csstype").Property.BorderInlineStartStyle | undefined;
-        borderInlineEndStyle?: import("csstype").Property.BorderInlineEndStyle | undefined;
-        borderColor?: import("csstype").Property.BorderColor | undefined;
-        borderBlockColor?: import("csstype").Property.BorderBlockColor | undefined;
-        borderBlockStartColor?: import("csstype").Property.BorderBlockStartColor | undefined;
-        borderBlockEndColor?: import("csstype").Property.BorderBlockEndColor | undefined;
-        borderInlineColor?: import("csstype").Property.BorderInlineColor | undefined;
-        borderInlineStartColor?: import("csstype").Property.BorderInlineStartColor | undefined;
-        borderInlineEndColor?: import("csstype").Property.BorderInlineEndColor | undefined;
-        borderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
-        borderStartStartRadius?: import("csstype").Property.BorderStartStartRadius<string | number> | undefined;
-        borderStartEndRadius?: import("csstype").Property.BorderStartEndRadius<string | number> | undefined;
-        borderEndStartRadius?: import("csstype").Property.BorderEndStartRadius<string | number> | undefined;
-        borderEndEndRadius?: import("csstype").Property.BorderEndEndRadius<string | number> | undefined;
-        color?: import("csstype").Property.Color | undefined;
-        backgroundColor?: import("csstype").Property.BackgroundColor | undefined;
-        bg?: import("csstype").Property.BackgroundColor | undefined;
-        opacity?: import("csstype").Property.Opacity | undefined;
-        alignItems?: import("csstype").Property.AlignItems | undefined;
-        alignContent?: import("csstype").Property.AlignContent | undefined;
-        justifyItems?: import("csstype").Property.JustifyItems | undefined;
-        justifyContent?: import("csstype").Property.JustifyContent | undefined;
-        flexWrap?: import("csstype").Property.FlexWrap | undefined;
-        flexDirection?: import("csstype").Property.FlexDirection | undefined;
-        flexGrow?: import("csstype").Property.FlexGrow | undefined;
-        flexShrink?: import("csstype").Property.FlexShrink | undefined;
-        flexBasis?: import("csstype").Property.FlexBasis<string | number> | undefined;
-        justifySelf?: import("csstype").Property.JustifySelf | undefined;
-        alignSelf?: import("csstype").Property.AlignSelf | undefined;
-        order?: import("csstype").Property.Order | undefined;
-        w?: import("csstype").Property.Width<string | number> | undefined;
-        width?: import("csstype").Property.Width<string | number> | undefined;
-        minWidth?: import("csstype").Property.MinWidth<string | number> | undefined;
-        maxWidth?: import("csstype").Property.MaxWidth<string | number> | undefined;
-        h?: import("csstype").Property.Height<string | number> | undefined;
-        height?: import("csstype").Property.Height<string | number> | undefined;
-        minHeight?: import("csstype").Property.MinHeight<string | number> | undefined;
-        maxHeight?: import("csstype").Property.MaxHeight<string | number> | undefined;
-        display?: import("csstype").Property.Display | undefined;
-        verticalAlign?: import("csstype").Property.VerticalAlign<string | number> | undefined;
-        overflow?: import("csstype").Property.Overflow | undefined;
-        overflowX?: import("csstype").Property.OverflowX | undefined;
-        overflowY?: import("csstype").Property.OverflowY | undefined;
-        position?: import("csstype").Property.Position | undefined;
-        zIndex?: import("csstype").Property.ZIndex | undefined;
-        inset?: import("csstype").Property.Inset<string | number> | undefined;
-        insetBlock?: import("csstype").Property.InsetBlock<string | number> | undefined;
-        insetBlockStart?: import("csstype").Property.InsetBlockStart<string | number> | undefined;
-        insetBlockEnd?: import("csstype").Property.InsetBlockEnd<string | number> | undefined;
-        insetInline?: import("csstype").Property.InsetInline<string | number> | undefined;
-        insetInlineStart?: import("csstype").Property.InsetInlineStart<string | number> | undefined;
-        insetInlineEnd?: import("csstype").Property.InsetInlineEnd<string | number> | undefined;
-        m?: import("csstype").Property.Margin<string | number> | undefined;
-        margin?: import("csstype").Property.Margin<string | number> | undefined;
-        mb?: import("csstype").Property.MarginBlock<string | number> | undefined;
-        marginBlock?: import("csstype").Property.MarginBlock<string | number> | undefined;
-        mbs?: import("csstype").Property.MarginBlockStart<string | number> | undefined;
-        marginBlockStart?: import("csstype").Property.MarginBlockStart<string | number> | undefined;
-        mbe?: import("csstype").Property.MarginBlockEnd<string | number> | undefined;
-        marginBlockEnd?: import("csstype").Property.MarginBlockEnd<string | number> | undefined;
-        mi?: import("csstype").Property.MarginInline<string | number> | undefined;
-        marginInline?: import("csstype").Property.MarginInline<string | number> | undefined;
-        mis?: import("csstype").Property.MarginInlineStart<string | number> | undefined;
-        marginInlineStart?: import("csstype").Property.MarginInlineStart<string | number> | undefined;
-        mie?: import("csstype").Property.MarginInlineEnd<string | number> | undefined;
-        marginInlineEnd?: import("csstype").Property.MarginInlineEnd<string | number> | undefined;
-        p?: import("csstype").Property.Padding<string | number> | undefined;
-        padding?: import("csstype").Property.Padding<string | number> | undefined;
-        pb?: import("csstype").Property.PaddingBlock<string | number> | undefined;
-        paddingBlock?: import("csstype").Property.PaddingBlock<string | number> | undefined;
-        pbs?: import("csstype").Property.PaddingBlockStart<string | number> | undefined;
-        paddingBlockStart?: import("csstype").Property.PaddingBlockStart<string | number> | undefined;
-        pbe?: import("csstype").Property.PaddingBlockEnd<string | number> | undefined;
-        paddingBlockEnd?: import("csstype").Property.PaddingBlockEnd<string | number> | undefined;
-        pi?: import("csstype").Property.PaddingInline<string | number> | undefined;
-        paddingInline?: import("csstype").Property.PaddingInline<string | number> | undefined;
-        pis?: import("csstype").Property.PaddingInlineStart<string | number> | undefined;
-        paddingInlineStart?: import("csstype").Property.PaddingInlineStart<string | number> | undefined;
-        pie?: import("csstype").Property.PaddingInlineEnd<string | number> | undefined;
-        paddingInlineEnd?: import("csstype").Property.PaddingInlineEnd<string | number> | undefined;
-        fontFamily?: import("csstype").Property.FontFamily | ("hero" | "h1" | "h2" | "h3" | "h4" | "h5" | "p1" | "p1m" | "p1b" | "p2" | "p2m" | "p2b" | "c1" | "c2" | "micro") | undefined;
-        fontSize?: string | number | (string & {}) | undefined;
-        fontStyle?: import("csstype").Property.FontStyle | undefined;
-        fontWeight?: ("hero" | "h1" | "h2" | "h3" | "h4" | "h5" | "p1" | "p1m" | "p1b" | "p2" | "p2m" | "p2b" | "c1" | "c2" | "micro") | import("csstype").Property.FontWeight | undefined;
-        letterSpacing?: string | number | undefined;
-        lineHeight?: string | number | (string & {}) | (number & {}) | undefined;
-        textAlign?: import("csstype").Property.TextAlign | undefined;
-        textTransform?: import("csstype").Property.TextTransform | undefined;
-        textDecorationLine?: import("csstype").Property.TextDecorationLine | undefined;
-        elevation?: "0" | "1" | "2" | undefined;
-        invisible?: boolean | undefined;
-        withRichContent?: string | boolean | undefined;
-        withTruncatedText?: boolean | undefined;
-        size?: import("csstype").Property.BlockSize<string | number> | undefined;
-        minSize?: import("csstype").Property.BlockSize<string | number> | undefined;
-        maxSize?: import("csstype").Property.BlockSize<string | number> | undefined;
-        fontScale?: ("hero" | "h1" | "h2" | "h3" | "h4" | "h5" | "p1" | "p1m" | "p1b" | "p2" | "p2m" | "p2b" | "c1" | "c2" | "micro") | undefined;
-    } & {
-        children?: import("react").ReactNode;
-    } & Omit<import("react").AllHTMLAttributes<HTMLOrSVGElement>, "className"> & Omit<import("react").SVGAttributes<SVGElement>, keyof import("react").AllHTMLAttributes<HTMLOrSVGElement>> & import("react").RefAttributes<unknown>, "onClick">) => JSX.Element;
+        onClick?: ((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
+    }) => JSX.Element;
 } & {
-    Description: import("react").FC<{}>;
+    /** @deprecated */
+    Description: (props: {
+        children?: import("react").ReactNode;
+    }) => JSX.Element;
+    /** @deprecated */
     Skeleton: () => JSX.Element;
-    Avatar: import("react").FC<{}>;
-    Menu: import("react").FC<{}>;
-    Icon: ({ name, }: {
-        name: "info" | "warning" | "link" | "download" | "list" | "clip" | "audio" | "code" | "menu" | "video" | "circle" | "image" | "italic" | "bold" | "underline" | "user" | "copy" | "key" | "thread" | "clock" | "discussion" | "bell" | "bell-off" | "arrow-back" | "arrow-collapse" | "arrow-down" | "arrow-down-box" | "arrow-expand" | "arrow-fall" | "arrow-jump" | "arrow-loop" | "arrow-return" | "arrow-rise" | "arrow-up-box" | "at" | "avatar" | "backspace" | "bag" | "ball" | "balloon" | "balloon-arrow-left" | "balloon-arrow-top-right" | "balloon-close-top-right" | "balloon-ellipsis" | "balloon-exclamation" | "balloon-off" | "balloons" | "balloon-text" | "ban" | "book" | "brush" | "burger" | "burger-arrow-left" | "business" | "calendar" | "camera" | "card" | "check" | "chevron-down" | "chevron-expand" | "chevron-left" | "chevron-right" | "chevron-up" | "circle-arrow-down" | "circle-check" | "circle-cross" | "circle-exclamation" | "clipboard" | "cloud-arrow-up" | "cloud-plus" | "cog" | "condensed-view" | "contact" | "crop" | "cross" | "cross-small" | "cube" | "customize" | "desktop" | "dialpad" | "doc" | "document-eye" | "doner" | "emoji" | "emoji-neutral" | "emoji-plus" | "eraser" | "error-circle" | "exit" | "extended-view" | "eye" | "eye-off" | "file" | "fingerprint" | "flag" | "folder" | "globe" | "globe-off" | "group-by-type" | "hash" | "hashtag-lock" | "h-bar" | "headphone" | "headphone-off" | "headset" | "help" | "history" | "home" | "joystick" | "kebab" | "keyboard" | "language" | "list-bullets" | "list-numbers" | "live" | "lock" | "login" | "magnifier" | "mail" | "mail-arrow-top-right" | "meatballs" | "medium-view" | "members" | "mic" | "mic-off" | "mobile" | "moon" | "musical-note" | "new-window" | "pause" | "pause-unfilled" | "pencil" | "pencil-box" | "phone" | "phone-disabled" | "phone-in" | "phone-off" | "phone-out" | "pin" | "pin-map" | "play" | "plus" | "plus-small" | "podcast" | "quote" | "rec" | "refresh" | "send" | "send-filled" | "sheet" | "shield" | "shield-check" | "shredder" | "signal" | "sms" | "sort" | "sort-az" | "squares" | "stack" | "star" | "star-filled" | "strike" | "success-circle" | "sun" | "team" | "team-arrow-right" | "team-lock" | "text-decrease" | "text-increase" | "trash" | "undo" | "user-arrow-right" | "user-plus" | "video-disabled" | "video-filled" | "video-off" | "volume" | "volume-disabled" | "volume-lock" | "volume-off" | "zip" | "add-reaction" | "add-user" | "attachment" | "back" | "baloon-arrow-left" | "baloon-arrow-top-right" | "baloon-close-top-right" | "baloon-ellipsis" | "baloon-exclamation" | "baloons" | "baloon-text" | "cancel" | "canned-response" | "chat" | "checkmark-circled" | "circled-arrow-down" | "computer" | "discover" | "edit" | "edit-rounded" | "file-document" | "file-generic" | "file-google-drive" | "file-pdf" | "files-audio" | "file-sheets" | "files-video" | "files-zip" | "game" | "hashtag" | "import" | "info-circled" | "jump" | "jump-to-message" | "map-pin" | "message" | "message-disabled" | "modal-warning" | "multiline" | "omnichannel" | "permalink" | "post" | "queue" | "reload" | "reply-directly" | "report" | "send-active" | "share" | "shield-alt" | "sign-out" | "sort-amount-down" | "th-list" | "upload" | "user-rounded" | "file-keynote" | "hand-pointer" | "list-alt" | "livechat" | "loading" | "play-solid" | "reply" | "sort-down" | "sort-up" | "adobe" | "facebook" | "github" | "gitlab" | "google" | "google-drive" | "hubot" | "linkedin" | "twitter";
+    /** @deprecated */
+    Avatar: (props: {
+        children?: import("react").ReactNode;
+    }) => JSX.Element;
+    /** @deprecated */
+    Menu: (props: {
+        children?: import("react").ReactNode;
     }) => JSX.Element;
-    Divider: import("react").FC<{
+    /** @deprecated */
+    Icon: ({ name }: {
+        name: "info" | "warning" | "link" | "download" | "list" | "clip" | "italic" | "bold" | "key" | "audio" | "code" | "menu" | "video" | "circle" | "image" | "user" | "bell" | "bell-off" | "arrow-back" | "arrow-collapse" | "arrow-down" | "arrow-down-box" | "arrow-expand" | "arrow-fall" | "arrow-jump" | "arrow-loop" | "arrow-return" | "arrow-rise" | "arrow-up-box" | "at" | "avatar" | "backspace" | "bag" | "ball" | "balloon" | "balloon-arrow-left" | "balloon-arrow-top-right" | "balloon-close-top-right" | "balloon-ellipsis" | "balloon-exclamation" | "balloon-off" | "balloons" | "balloon-text" | "ban" | "book" | "brush" | "burger" | "burger-arrow-left" | "business" | "calendar" | "camera" | "card" | "check" | "chevron-down" | "chevron-expand" | "chevron-left" | "chevron-right" | "chevron-up" | "circle-arrow-down" | "circle-check" | "circle-cross" | "circle-exclamation" | "clipboard" | "clock" | "cloud-arrow-up" | "cloud-plus" | "cog" | "condensed-view" | "contact" | "copy" | "crop" | "cross" | "cross-small" | "cube" | "customize" | "desktop" | "dialpad" | "doc" | "document-eye" | "doner" | "emoji" | "emoji-neutral" | "emoji-plus" | "eraser" | "error-circle" | "exit" | "extended-view" | "eye" | "eye-off" | "file" | "fingerprint" | "flag" | "folder" | "globe" | "globe-off" | "group-by-type" | "hash" | "hashtag-lock" | "h-bar" | "headphone" | "headphone-off" | "headset" | "help" | "history" | "home" | "joystick" | "kebab" | "keyboard" | "language" | "list-bullets" | "list-numbers" | "live" | "lock" | "login" | "magnifier" | "mail" | "mail-arrow-top-right" | "meatballs" | "medium-view" | "members" | "mic" | "mic-off" | "mobile" | "moon" | "musical-note" | "new-window" | "pause" | "pause-unfilled" | "pencil" | "pencil-box" | "phone" | "phone-disabled" | "phone-in" | "phone-off" | "phone-out" | "pin" | "pin-map" | "play" | "plus" | "plus-small" | "podcast" | "quote" | "rec" | "refresh" | "send" | "send-filled" | "sheet" | "shield" | "shield-check" | "signal" | "sms" | "sort" | "sort-az" | "squares" | "stack" | "star" | "star-filled" | "stopwatch" | "strike" | "success-circle" | "sun" | "team" | "team-arrow-right" | "team-lock" | "text-decrease" | "text-increase" | "trash" | "underline" | "undo" | "user-arrow-right" | "user-plus" | "video-disabled" | "video-filled" | "video-off" | "volume" | "volume-disabled" | "volume-lock" | "volume-off" | "zip" | "add-reaction" | "add-user" | "attachment" | "back" | "baloon-arrow-left" | "baloon-arrow-top-right" | "baloon-close-top-right" | "baloon-ellipsis" | "baloon-exclamation" | "baloons" | "baloon-text" | "cancel" | "canned-response" | "chat" | "checkmark-circled" | "circled-arrow-down" | "computer" | "discover" | "discussion" | "edit" | "edit-rounded" | "file-document" | "file-generic" | "file-google-drive" | "file-pdf" | "files-audio" | "file-sheets" | "files-video" | "files-zip" | "game" | "hashtag" | "import" | "info-circled" | "jump" | "jump-to-message" | "map-pin" | "message" | "message-disabled" | "modal-warning" | "multiline" | "omnichannel" | "permalink" | "post" | "queue" | "reload" | "reply-directly" | "report" | "send-active" | "share" | "shield-alt" | "sign-out" | "sort-amount-down" | "th-list" | "thread" | "upload" | "user-rounded" | "file-keynote" | "hand-pointer" | "list-alt" | "livechat" | "loading" | "play-solid" | "reply" | "adobe" | "facebook" | "github" | "gitlab" | "google" | "google-drive" | "hubot" | "linkedin" | "twitter";
+    }) => JSX.Element;
+    /** @deprecated */
+    Divider: (props: {
         is?: import("react").ElementType<any> | undefined;
-        className?: string | (<T extends readonly unknown[]>(...args: T) => string) | (string | (<T extends readonly unknown[]>(...args: T) => string))[] | undefined;
-        style?: import("react").CSSProperties | undefined;
-        border?: import("csstype").Property.Border<string | number> | undefined;
-        borderBlock?: import("csstype").Property.BorderBlock<string | number> | undefined;
-        borderBlockStart?: import("csstype").Property.BorderBlockStart<string | number> | undefined;
-        borderBlockEnd?: import("csstype").Property.BorderBlockEnd<string | number> | undefined;
-        borderInline?: import("csstype").Property.BorderInline<string | number> | undefined;
-        borderInlineStart?: import("csstype").Property.BorderInlineStart<string | number> | undefined;
-        borderInlineEnd?: import("csstype").Property.BorderInlineEnd<string | number> | undefined;
-        borderWidth?: import("csstype").Property.BorderWidth<string | number> | undefined;
-        borderBlockWidth?: import("csstype").Property.BorderBlockWidth<string | number> | undefined;
-        borderBlockStartWidth?: import("csstype").Property.BorderBlockStartWidth<string | number> | undefined;
-        borderBlockEndWidth?: import("csstype").Property.BorderBlockEndWidth<string | number> | undefined;
-        borderInlineWidth?: import("csstype").Property.BorderInlineWidth<string | number> | undefined;
-        borderInlineStartWidth?: import("csstype").Property.BorderInlineStartWidth<string | number> | undefined;
-        borderInlineEndWidth?: import("csstype").Property.BorderInlineEndWidth<string | number> | undefined;
-        borderStyle?: import("csstype").Property.BorderStyle | undefined;
-        borderBlockStyle?: import("csstype").Property.BorderBlockStyle | undefined;
-        borderBlockStartStyle?: import("csstype").Property.BorderBlockStartStyle | undefined;
-        borderBlockEndStyle?: import("csstype").Property.BorderBlockEndStyle | undefined;
-        borderInlineStyle?: import("csstype").Property.BorderInlineStyle | undefined;
-        borderInlineStartStyle?: import("csstype").Property.BorderInlineStartStyle | undefined;
-        borderInlineEndStyle?: import("csstype").Property.BorderInlineEndStyle | undefined;
-        borderColor?: import("csstype").Property.BorderColor | undefined;
-        borderBlockColor?: import("csstype").Property.BorderBlockColor | undefined;
-        borderBlockStartColor?: import("csstype").Property.BorderBlockStartColor | undefined;
-        borderBlockEndColor?: import("csstype").Property.BorderBlockEndColor | undefined;
-        borderInlineColor?: import("csstype").Property.BorderInlineColor | undefined;
-        borderInlineStartColor?: import("csstype").Property.BorderInlineStartColor | undefined;
-        borderInlineEndColor?: import("csstype").Property.BorderInlineEndColor | undefined;
-        borderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
-        borderStartStartRadius?: import("csstype").Property.BorderStartStartRadius<string | number> | undefined;
-        borderStartEndRadius?: import("csstype").Property.BorderStartEndRadius<string | number> | undefined;
-        borderEndStartRadius?: import("csstype").Property.BorderEndStartRadius<string | number> | undefined;
-        borderEndEndRadius?: import("csstype").Property.BorderEndEndRadius<string | number> | undefined;
-        color?: import("csstype").Property.Color | undefined;
-        backgroundColor?: import("csstype").Property.BackgroundColor | undefined;
-        bg?: import("csstype").Property.BackgroundColor | undefined;
-        opacity?: import("csstype").Property.Opacity | undefined;
-        alignItems?: import("csstype").Property.AlignItems | undefined;
-        alignContent?: import("csstype").Property.AlignContent | undefined;
-        justifyItems?: import("csstype").Property.JustifyItems | undefined;
-        justifyContent?: import("csstype").Property.JustifyContent | undefined;
-        flexWrap?: import("csstype").Property.FlexWrap | undefined;
-        flexDirection?: import("csstype").Property.FlexDirection | undefined;
-        flexGrow?: import("csstype").Property.FlexGrow | undefined;
-        flexShrink?: import("csstype").Property.FlexShrink | undefined;
-        flexBasis?: import("csstype").Property.FlexBasis<string | number> | undefined;
-        justifySelf?: import("csstype").Property.JustifySelf | undefined;
-        alignSelf?: import("csstype").Property.AlignSelf | undefined;
-        order?: import("csstype").Property.Order | undefined;
-        w?: import("csstype").Property.Width<string | number> | undefined;
-        width?: import("csstype").Property.Width<string | number> | undefined;
-        minWidth?: import("csstype").Property.MinWidth<string | number> | undefined;
-        maxWidth?: import("csstype").Property.MaxWidth<string | number> | undefined;
-        h?: import("csstype").Property.Height<string | number> | undefined;
-        height?: import("csstype").Property.Height<string | number> | undefined;
-        minHeight?: import("csstype").Property.MinHeight<string | number> | undefined;
-        maxHeight?: import("csstype").Property.MaxHeight<string | number> | undefined;
-        display?: import("csstype").Property.Display | undefined;
-        verticalAlign?: import("csstype").Property.VerticalAlign<string | number> | undefined;
-        overflow?: import("csstype").Property.Overflow | undefined;
-        overflowX?: import("csstype").Property.OverflowX | undefined;
-        overflowY?: import("csstype").Property.OverflowY | undefined;
-        position?: import("csstype").Property.Position | undefined;
-        zIndex?: import("csstype").Property.ZIndex | undefined;
-        inset?: import("csstype").Property.Inset<string | number> | undefined;
-        insetBlock?: import("csstype").Property.InsetBlock<string | number> | undefined;
-        insetBlockStart?: import("csstype").Property.InsetBlockStart<string | number> | undefined;
-        insetBlockEnd?: import("csstype").Property.InsetBlockEnd<string | number> | undefined;
-        insetInline?: import("csstype").Property.InsetInline<string | number> | undefined;
-        insetInlineStart?: import("csstype").Property.InsetInlineStart<string | number> | undefined;
-        insetInlineEnd?: import("csstype").Property.InsetInlineEnd<string | number> | undefined;
-        m?: import("csstype").Property.Margin<string | number> | undefined;
-        margin?: import("csstype").Property.Margin<string | number> | undefined;
-        mb?: import("csstype").Property.MarginBlock<string | number> | undefined;
-        marginBlock?: import("csstype").Property.MarginBlock<string | number> | undefined;
-        mbs?: import("csstype").Property.MarginBlockStart<string | number> | undefined;
-        marginBlockStart?: import("csstype").Property.MarginBlockStart<string | number> | undefined;
-        mbe?: import("csstype").Property.MarginBlockEnd<string | number> | undefined;
-        marginBlockEnd?: import("csstype").Property.MarginBlockEnd<string | number> | undefined;
-        mi?: import("csstype").Property.MarginInline<string | number> | undefined;
-        marginInline?: import("csstype").Property.MarginInline<string | number> | undefined;
-        mis?: import("csstype").Property.MarginInlineStart<string | number> | undefined;
-        marginInlineStart?: import("csstype").Property.MarginInlineStart<string | number> | undefined;
-        mie?: import("csstype").Property.MarginInlineEnd<string | number> | undefined;
-        marginInlineEnd?: import("csstype").Property.MarginInlineEnd<string | number> | undefined;
-        p?: import("csstype").Property.Padding<string | number> | undefined;
-        padding?: import("csstype").Property.Padding<string | number> | undefined;
-        pb?: import("csstype").Property.PaddingBlock<string | number> | undefined;
-        paddingBlock?: import("csstype").Property.PaddingBlock<string | number> | undefined;
-        pbs?: import("csstype").Property.PaddingBlockStart<string | number> | undefined;
-        paddingBlockStart?: import("csstype").Property.PaddingBlockStart<string | number> | undefined;
-        pbe?: import("csstype").Property.PaddingBlockEnd<string | number> | undefined;
-        paddingBlockEnd?: import("csstype").Property.PaddingBlockEnd<string | number> | undefined;
-        pi?: import("csstype").Property.PaddingInline<string | number> | undefined;
-        paddingInline?: import("csstype").Property.PaddingInline<string | number> | undefined;
-        pis?: import("csstype").Property.PaddingInlineStart<string | number> | undefined;
-        paddingInlineStart?: import("csstype").Property.PaddingInlineStart<string | number> | undefined;
-        pie?: import("csstype").Property.PaddingInlineEnd<string | number> | undefined;
-        paddingInlineEnd?: import("csstype").Property.PaddingInlineEnd<string | number> | undefined;
-        fontFamily?: import("csstype").Property.FontFamily | ("hero" | "h1" | "h2" | "h3" | "h4" | "h5" | "p1" | "p1m" | "p1b" | "p2" | "p2m" | "p2b" | "c1" | "c2" | "micro") | undefined;
-        fontSize?: string | number | (string & {}) | undefined;
-        fontStyle?: import("csstype").Property.FontStyle | undefined;
-        fontWeight?: ("hero" | "h1" | "h2" | "h3" | "h4" | "h5" | "p1" | "p1m" | "p1b" | "p2" | "p2m" | "p2b" | "c1" | "c2" | "micro") | import("csstype").Property.FontWeight | undefined;
-        letterSpacing?: string | number | undefined;
-        lineHeight?: string | number | (string & {}) | (number & {}) | undefined;
-        textAlign?: import("csstype").Property.TextAlign | undefined;
-        textTransform?: import("csstype").Property.TextTransform | undefined;
-        textDecorationLine?: import("csstype").Property.TextDecorationLine | undefined;
-        elevation?: "0" | "1" | "2" | undefined;
-        invisible?: boolean | undefined;
-        withRichContent?: string | boolean | undefined;
-        withTruncatedText?: boolean | undefined;
-        size?: import("csstype").Property.BlockSize<string | number> | undefined;
-        minSize?: import("csstype").Property.BlockSize<string | number> | undefined;
-        maxSize?: import("csstype").Property.BlockSize<string | number> | undefined;
-        fontScale?: ("hero" | "h1" | "h2" | "h3" | "h4" | "h5" | "p1" | "p1m" | "p1b" | "p2" | "p2m" | "p2b" | "c1" | "c2" | "micro") | undefined;
-    } & {
+        htmlSize?: number | undefined;
+    } & import("../../Box").BoxStylingProps & Omit<import("react").AllHTMLAttributes<HTMLElement>, "ref" | "is" | "className" | "size"> & Omit<import("react").SVGAttributes<SVGElement>, keyof import("react").AllHTMLAttributes<HTMLElement>> & import("react").RefAttributes<any>) => JSX.Element;
+    /** @deprecated */
+    Column: (props: {
+        children?: import("react").ReactNode;
+    }) => JSX.Element;
+    /** @deprecated */
+    Content: (props: {
         children?: import("react").ReactNode;
-    } & Omit<import("react").AllHTMLAttributes<HTMLOrSVGElement>, "className"> & Omit<import("react").SVGAttributes<SVGElement>, keyof import("react").AllHTMLAttributes<HTMLOrSVGElement>> & import("react").RefAttributes<unknown>>;
-    Column: import("react").FC<{}>;
-    Content: import("react").FC<{}>;
+    }) => JSX.Element;
 };
 export default _default;
 export { OptionAvatar };
@@ -426,4 +84,5 @@ export { OptionIcon };
 export { OptionMenu };
 export { OptionSkeleton };
 export { OptionTitle };
+export { OptionHeader };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Options/Option/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Options/Option/index.tsx"],"names":[],"mappings":";AACA,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,WAAW,MAAM,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAExC,wBASG;AAEH,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAC7B,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Options/Option/index.tsx"],"names":[],"mappings":";AACA,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,WAAW,MAAM,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGtC,kBAAkB;;;;IAElB,kBAAkB;;IAElB,kBAAkB;;;;IAElB,kBAAkB;;;;IAElB,kBAAkB;;;;IAElB,kBAAkB;;;;;IAElB,kBAAkB;;;;IAElB,kBAAkB;;;;;AAfpB,wBAiBG;AAEH,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAC7B,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,OAAO,EAAE,YAAY,EAAE,CAAC"}