@rocket.chat/fuselage 0.6.3-dev.377 → 0.6.3-dev.380

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

@@ -165,3 +165,14 @@ export { default as AnimatedVisibility } from './AnimatedVisibility';
 export { default as Flex } from './Flex';
 export { default as Position, PositionAnimated } from './Position';
 export { default as Scrollable } from './Scrollable';
+
+export const useArrayLikeClassNameProp: <
+  T extends {
+    className?:
+      | string
+      | ReturnType<typeof css>
+      | (string | ReturnType<typeof css>)[];
+  }
+>(
+  props: T
+) => T & { className: string };

package/dist/components/Message/MessageBlock.d.ts

@@ -1,3 +1,4 @@
-import { AllHTMLAttributes, FC } from 'react';
-export declare const MessageBlock: FC<AllHTMLAttributes<HTMLDivElement>>;
+import { ComponentProps, FC } from 'react';
+import { Box } from '../Box';
+export declare const MessageBlock: FC<ComponentProps<typeof Box>>;
 //# sourceMappingURL=MessageBlock.d.ts.map

package/dist/components/Message/MessageBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageBlock.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageBlock.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIrD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAa5D,CAAC"}
+{"version":3,"file":"MessageBlock.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageBlock.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAE7B,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,CAGrD,CAAC"}

package/dist/components/Message/MessageMetrics/MessageMetrics.d.ts

@@ -1,3 +1,3 @@
-import { FC } from 'react';
-export declare const MessageMetrics: FC;
+import { FC, HTMLAttributes } from 'react';
+export declare const MessageMetrics: FC<HTMLAttributes<HTMLDivElement>>;
 //# sourceMappingURL=MessageMetrics.d.ts.map

package/dist/components/Message/MessageMetrics/MessageMetrics.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageMetrics.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/MessageMetrics/MessageMetrics.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIlC,eAAO,MAAM,cAAc,EAAE,EAI5B,CAAC"}
+{"version":3,"file":"MessageMetrics.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/MessageMetrics/MessageMetrics.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIlD,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,cAAc,CAAC,cAAc,CAAC,CAI7D,CAAC"}

package/dist/components/Message/MessageMetrics/MessageMetricsItem/MessageMetricsItem.d.ts

@@ -1,3 +1,3 @@
-import { FC } from 'react';
-export declare const MessageMetricsItem: FC;
+import { FC, HTMLAttributes } from 'react';
+export declare const MessageMetricsItem: FC<HTMLAttributes<HTMLDivElement>>;
 //# sourceMappingURL=MessageMetricsItem.d.ts.map

package/dist/components/Message/MessageMetrics/MessageMetricsItem/MessageMetricsItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageMetricsItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/MessageMetrics/MessageMetricsItem/MessageMetricsItem.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,eAAO,MAAM,kBAAkB,EAAE,EAEhC,CAAC"}
+{"version":3,"file":"MessageMetricsItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/MessageMetrics/MessageMetricsItem/MessageMetricsItem.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAElD,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,cAAc,CAAC,cAAc,CAAC,CAEL,CAAC"}

package/dist/components/Message/MessageMetrics/MessageMetricsItem/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare const _default: import("react").FC<{}> & {
+declare const _default: import("react").FC<import("react").HTMLAttributes<HTMLDivElement>> & {
     Icon: import("react").FC<{
         name: "user" | "thread" | "clock" | "discussion";
     }>;

package/dist/components/Message/MessageMetrics/index.d.ts

@@ -3,7 +3,7 @@ import { MessageMetrics } from './MessageMetrics';
 import { MessageMetricsFollowing } from './MessageMetricsFollowing';
 import MessageMetricsItem from './MessageMetricsItem';
 import { MessageMetricsReply } from './MessageMetricsReply';
-declare const _default: import("react").FC<{}> & {
+declare const _default: import("react").FC<import("react").HTMLAttributes<HTMLDivElement>> & {
     Reply: 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;
@@ -138,7 +138,7 @@ declare const _default: import("react").FC<{}> & {
         small?: boolean | undefined;
         square?: boolean | undefined;
     }>;
-    Item: import("react").FC<{}> & {
+    Item: import("react").FC<import("react").HTMLAttributes<HTMLDivElement>> & {
         Icon: import("react").FC<{
             name: "user" | "thread" | "clock" | "discussion";
         }>;

package/dist/components/Message/MessageSystem/MessageSystemBody.d.ts

@@ -1,3 +1,3 @@
-import { FC } from 'react';
-export declare const MessageSystemBody: FC;
+import { FC, HtmlHTMLAttributes } from 'react';
+export declare const MessageSystemBody: FC<HtmlHTMLAttributes<HTMLDivElement>>;
 //# sourceMappingURL=MessageSystemBody.d.ts.map

package/dist/components/Message/MessageSystem/MessageSystemBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageSystemBody.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/MessageSystem/MessageSystemBody.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,eAAO,MAAM,iBAAiB,EAAE,EAE/B,CAAC"}
+{"version":3,"file":"MessageSystemBody.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/MessageSystem/MessageSystemBody.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAEtD,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,kBAAkB,CAAC,cAAc,CAAC,CAET,CAAC"}

package/dist/components/Message/ThreadMessage/ThreadMessageRow.d.ts

@@ -1,3 +1,3 @@
-import { FC } from 'react';
-export declare const ThreadMessageRow: FC;
+import { FC, HTMLAttributes } from 'react';
+export declare const ThreadMessageRow: FC<HTMLAttributes<HTMLDivElement>>;
 //# sourceMappingURL=ThreadMessageRow.d.ts.map

package/dist/components/Message/ThreadMessage/ThreadMessageRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadMessageRow.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/ThreadMessage/ThreadMessageRow.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,eAAO,MAAM,gBAAgB,EAAE,EAE9B,CAAC"}
+{"version":3,"file":"ThreadMessageRow.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/ThreadMessage/ThreadMessageRow.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAElD,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,cAAc,CAAC,cAAc,CAAC,CAE/D,CAAC"}

package/dist/components/Message/ThreadMessage/index.d.ts

@@ -15,7 +15,7 @@ declare const _default: import("react").FC<import("react").AllHTMLAttributes<HTM
     sequential?: boolean | undefined;
     className?: string | undefined;
 } & import("react").RefAttributes<HTMLDivElement>> & {
-    Row: import("react").FC<{}>;
+    Row: import("react").FC<import("react").HTMLAttributes<HTMLDivElement>>;
     Container: import("react").FC<{}>;
     LeftContainer: (props: {
         children?: import("react").ReactNode;

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

@@ -23,7 +23,7 @@ declare const _default: import("react").ForwardRefExoticComponent<import("react"
     sequential?: boolean | undefined;
     className?: string | undefined;
 } & import("react").RefAttributes<HTMLDivElement>> & {
-    Metrics: import("react").FC<{}> & {
+    Metrics: import("react").FC<import("react").HTMLAttributes<HTMLDivElement>> & {
         Reply: 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;
@@ -158,7 +158,7 @@ declare const _default: import("react").ForwardRefExoticComponent<import("react"
             small?: boolean | undefined;
             square?: boolean | undefined;
         }>;
-        Item: import("react").FC<{}> & {
+        Item: import("react").FC<import("react").HTMLAttributes<HTMLDivElement>> & {
             Icon: import("react").FC<{
                 name: "user" | "thread" | "clock" | "discussion";
             }>;
@@ -449,7 +449,129 @@ declare const _default: import("react").ForwardRefExoticComponent<import("react"
     Body: ({ clamp, className, ...props }: import("react").AllHTMLAttributes<HTMLDivElement> & {
         clamp?: 2 | 3 | 4 | undefined;
     }) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-    Block: import("react").FC<import("react").AllHTMLAttributes<HTMLDivElement>>;
+    Block: 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" | "p2" | "p3" | "p4" | "c1" | "c2" | "micro") | undefined;
+        fontSize?: string | number | (string & {}) | undefined;
+        fontStyle?: import("csstype").Property.FontStyle | undefined;
+        fontWeight?: ("hero" | "h1" | "h2" | "h3" | "h4" | "h5" | "p1" | "p2" | "p3" | "p4" | "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" | "p2" | "p3" | "p4" | "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>>;
     Timestamp: import("react").FC<{
         children: string;
     }>;

package/dist/components/Message/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Message/index.tsx"],"names":[],"mappings":";AAgBA,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAElC,wBAeG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Message/index.tsx"],"names":[],"mappings":";AAgBA,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAElC,wBAeG"}

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

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+declare const OptionTitle: FC;
+export default OptionTitle;
+//# sourceMappingURL=OptionTitle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OptionTitle.d.ts","sourceRoot":"","sources":["../../../../src/components/Options/Option/OptionTitle.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,QAAA,MAAM,WAAW,EAAE,EAElB,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -7,6 +7,7 @@ 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;
@@ -16,7 +17,7 @@ declare const _default: import("react").NamedExoticComponent<{
     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" | "clipboard" | "cloud-arrow-up" | "cloud-plus" | "cog" | "condensed-view" | "contact" | "crop" | "cross" | "cross-small" | "cube" | "customize" | "desktop" | "dialpad" | "doc" | "document-eye" | "doner" | "emoji" | "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" | "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;
@@ -153,7 +154,7 @@ declare const _default: import("react").NamedExoticComponent<{
         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" | "clipboard" | "cloud-arrow-up" | "cloud-plus" | "cog" | "condensed-view" | "contact" | "crop" | "cross" | "cross-small" | "cube" | "customize" | "desktop" | "dialpad" | "doc" | "document-eye" | "doner" | "emoji" | "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" | "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;
@@ -287,7 +288,7 @@ declare const _default: import("react").NamedExoticComponent<{
     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" | "clipboard" | "cloud-arrow-up" | "cloud-plus" | "cog" | "condensed-view" | "contact" | "crop" | "cross" | "cross-small" | "cube" | "customize" | "desktop" | "dialpad" | "doc" | "document-eye" | "doner" | "emoji" | "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";
+        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;
@@ -424,4 +425,5 @@ export { OptionDivider };
 export { OptionIcon };
 export { OptionMenu };
 export { OptionSkeleton };
+export { OptionTitle };
 //# 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE9C,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"}
+{"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/States/StatesIcon.d.ts

@@ -2,6 +2,7 @@ import { FC, ComponentProps } from 'react';
 import { Icon } from '../Icon';
 declare const StatesIcon: FC<{
     name: ComponentProps<typeof Icon>['name'];
+    variation?: 'danger' | 'success' | 'warning' | 'primary';
 }>;
 export default StatesIcon;
 //# sourceMappingURL=StatesIcon.d.ts.map

package/dist/components/States/StatesIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatesIcon.d.ts","sourceRoot":"","sources":["../../../src/components/States/StatesIcon.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC;IACnB,IAAI,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC;CAE3C,CAIA,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"StatesIcon.d.ts","sourceRoot":"","sources":["../../../src/components/States/StatesIcon.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC;IACnB,IAAI,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC;IAC1C,SAAS,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;CAC1D,CAOA,CAAC;AAEF,eAAe,UAAU,CAAC"}