@rocket.chat/fuselage 0.29.0 → 0.31.0

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

@@ -1,16 +1,429 @@
-import { ComponentProps, ForwardRefExoticComponent, ReactNode } from 'react';
-
-import { Box } from '../../Box';
-
-type OptionProps = {
-  id?: string;
-  avatar?: ReactNode;
-  label?: string;
-  focus?: boolean;
-  selected?: boolean;
-  icon?: string;
-  className?: ComponentProps<typeof Box>['className'];
-  title?: string;
-  value?: any;
+/// <reference types="react" />
+import OptionAvatar from './OptionAvatar';
+import OptionColumn from './OptionColumn';
+import OptionContent from './OptionContent';
+import OptionDescription from './OptionDescription';
+import OptionDivider from './OptionDivider';
+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;
+    id?: string | undefined;
+    children?: import("react").ReactNode;
+    label?: string | undefined;
+    focus?: boolean | undefined;
+    selected?: boolean | undefined;
+    className?: string | (<T extends readonly unknown[]>(...args: T) => string) | (string | (<T extends readonly unknown[]>(...args: T) => string))[] | 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;
+    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">> & {
+    readonly type: ({ is: Tag, id, children, label, focus, selected, className, ref, icon, avatar, title, onClick, variant, ...options }: {
+        is?: (import("react").ElementType<any> & string) | undefined;
+        id?: string | undefined;
+        children?: import("react").ReactNode;
+        label?: string | undefined;
+        focus?: boolean | undefined;
+        selected?: boolean | undefined;
+        className?: string | (<T extends readonly unknown[]>(...args: T) => string) | (string | (<T extends readonly unknown[]>(...args: T) => string))[] | 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;
+        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;
+} & {
+    Description: import("react").FC<{}>;
+    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";
+    }) => JSX.Element;
+    Divider: import("react").FC<{
+        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>>;
+    Column: import("react").FC<{}>;
+    Content: import("react").FC<{}>;
 };
-export const Option: ForwardRefExoticComponent<OptionProps>;
+export default _default;
+export { OptionAvatar };
+export { OptionColumn };
+export { OptionContent };
+export { OptionDescription };
+export { OptionDivider };
+export { OptionIcon };
+export { OptionMenu };
+export { OptionSkeleton };
+export { OptionTitle };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

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

@@ -3,7 +3,7 @@ import { ComponentProps, ElementType, ForwardRefExoticComponent } from 'react';
 import { Avatar } from '../Avatar';
 import { Box } from '../Box';
 
-type OptionsProps = ComponentProps<typeof Box> & {
+type OptionsProps = Omit<ComponentProps<typeof Box>, 'onSelect'> & {
   multiple?: boolean;
   options: [unknown, string, boolean?][];
   cursor: number;
@@ -14,3 +14,5 @@ type OptionsProps = ComponentProps<typeof Box> & {
 export const Options: ForwardRefExoticComponent<OptionsProps> & {
   AvatarSize: ComponentProps<typeof Avatar>['size'];
 };
+
+export { useCursor } from './useCursor';

package/dist/components/Options/useCursor.d.ts

@@ -0,0 +1,10 @@
+import { KeyboardEvent } from 'react';
+import { useVisible } from './useVisible';
+declare type Option = [
+    value: number | string | undefined,
+    label: string,
+    selected?: boolean
+];
+export declare const useCursor: (initial: number, options: Option[], onChange: (option: Option, visibilityHandler: [visible: "hidden" | "visible" | "hiding" | "unhiding", hide: () => void, show: () => void]) => void) => [cursor: number, handleKeyDown: (e: KeyboardEvent<HTMLOrSVGElement>) => void, handleKeyUp: (e: KeyboardEvent<HTMLOrSVGElement>) => void, reset: () => void, visibilityHandler: [visible: "hidden" | "visible" | "hiding" | "unhiding", hide: () => void, show: () => void]];
+export {};
+//# sourceMappingURL=useCursor.d.ts.map

package/dist/components/Options/useCursor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCursor.d.ts","sourceRoot":"","sources":["../../../src/components/Options/useCursor.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAY,MAAM,OAAO,CAAC;AAGhD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAY1C,aAAK,MAAM,GAAG;IACZ,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS;IAClC,KAAK,EAAE,MAAM;IACb,QAAQ,CAAC,EAAE,OAAO;CACnB,CAAC;AAEF,eAAO,MAAM,SAAS,YACX,MAAM,WACN,MAAM,EAAE,gJAIZ,IAAI,yCAGU,cAAc,gBAAgB,CAAC,KAAK,IAAI,mBAC1C,cAAc,gBAAgB,CAAC,KAAK,IAAI,eAC5C,IAAI,iHAmFlB,CAAC"}

package/dist/components/Options/useVisible.d.ts

@@ -0,0 +1,3 @@
+import AnimatedVisibility from '../Box/AnimatedVisibility';
+export declare const useVisible: (initialVisibility?: typeof AnimatedVisibility.HIDDEN | typeof AnimatedVisibility.HIDING | typeof AnimatedVisibility.VISIBLE | typeof AnimatedVisibility.UNHIDING) => [visible: "hidden" | "visible" | "hiding" | "unhiding", hide: () => void, show: () => void];
+//# sourceMappingURL=useVisible.d.ts.map

package/dist/components/Options/useVisible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVisible.d.ts","sourceRoot":"","sources":["../../../src/components/Options/useVisible.ts"],"names":[],"mappings":"AAKA,OAAO,kBAAkB,MAAM,2BAA2B,CAAC;AAE3D,eAAO,MAAM,UAAU,uBAEjB,OAAO,mBAAmB,MAAM,GAChC,OAAO,mBAAmB,MAAM,GAChC,OAAO,mBAAmB,OAAO,GACjC,OAAO,mBAAmB,QAAQ,yEAO1B,IAAI,cACJ,IAAI,CAOjB,CAAC"}