@loomhq/lens 10.99.0 → 10.100.0

package/dist/colors.d.ts

@@ -1,4 +1,4 @@
-declare type HslaColor = {
+type HslaColor = {
     h: number;
     s: number;
     l: number;
@@ -8,8 +8,8 @@ declare const BaseColors: readonly ["red", "blurpleLight", "blurpleMedium", "blu
 declare const GreyColors: readonly ["grey8", "grey7", "grey6", "grey5", "grey4", "grey3", "grey2", "grey1", "white"];
 declare const SharedColors: readonly ["focusRing", "record", "recordHover", "recordActive", "info", "success", "warning", "danger", "dangerHover", "dangerActive", "backdrop", "backdropDark", "backdropTwilight", "disabledContent", "highlight"];
 declare const SemanticColors: readonly ["primary", "primaryHover", "primaryActive", "body", "bodyDimmed", "background", "backgroundHover", "backgroundActive", "backgroundSecondary", "backgroundSecondary2", "overlay", "border", "disabledBackground", "formFieldBorder", "formFieldBackground", "buttonBorder", "upgrade", "upgradeHover", "upgradeActive", "tabBackground", "discoveryBackground", "discoveryLightBackground", "discoveryTitle", "discoveryHighlight"];
-declare type ThemesColorVariant = Record<typeof SharedColors[number] | typeof SemanticColors[number], HslaColor>;
-declare type ThemesColors = {
+type ThemesColorVariant = Record<typeof SharedColors[number] | typeof SemanticColors[number], HslaColor>;
+type ThemesColors = {
     light: ThemesColorVariant;
     dark: ThemesColorVariant;
 };

package/dist/components/align/align.d.ts

@@ -4,12 +4,12 @@ declare const AlignWrapper: import("@emotion/styled-base").StyledComponent<React
 declare const Align: ({ children, alignment, htmlTag, ...props }: AlignProps & React.ComponentProps<typeof AlignWrapper>) => JSX.Element;
 export declare const availableAlignments: string[];
 export declare const availableHtmlTags: string[];
-declare type AlignProps = {
+type AlignProps = {
     children: React.ReactNode;
     alignment?: ResponsiveType<'topLeft' | 'topCenter' | 'topRight' | 'centerLeft' | 'center' | 'centerRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight'>;
     htmlTag?: 'div' | 'header' | 'article' | 'section' | 'nav' | 'aside' | 'footer' | 'main';
 };
-declare type AlignWrapperProps = {
+type AlignWrapperProps = {
     children: React.ReactNode;
     alignment?: ResponsiveType<'topLeft' | 'topCenter' | 'topRight' | 'centerLeft' | 'center' | 'centerRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight'>;
     as?: string;

package/dist/components/arrange/arrange.d.ts

@@ -1,7 +1,7 @@
 import { ResponsiveGridSections, ResponsiveType } from '../../types';
 import React from 'react';
 declare const ArrangeWrapper: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ArrangeProps, object>;
-declare type ArrangeProps = {
+type ArrangeProps = {
     children?: React.ReactNode;
     width?: ResponsiveType<string | number>;
     height?: ResponsiveType<string | number>;

package/dist/components/avatar/avatar.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 declare const AvatarWrapper: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, AvatarWrapperProps, object>;
 declare const Avatar: ({ altText, size, letter, imageSrc, children, ...props }: AvatarProps & React.ComponentProps<typeof AvatarWrapper>) => JSX.Element;
-declare type AvatarProps = {
+type AvatarProps = {
     altText?: string;
     letter?: string;
     imageSrc?: string;
@@ -10,7 +10,7 @@ declare type AvatarProps = {
     height?: number;
     width?: number;
 };
-declare type AvatarWrapperProps = {
+type AvatarWrapperProps = {
     size?: string | number;
     hasBackgroundColor?: boolean;
 };

package/dist/components/backdrop/backdrop.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 declare const BackdropWrapper: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BackdropProps, object>;
 declare const Backdrop: ({ children, isOpen, zIndex, backgroundColor, ...props }: BackdropProps & React.ComponentProps<typeof BackdropWrapper>) => JSX.Element;
-declare type BackdropProps = {
+type BackdropProps = {
     isOpen?: boolean;
     children?: React.ReactNode;
     zIndex?: number;

package/dist/components/checkbox/checkbox.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 declare const Checkbox: React.ForwardRefExoticComponent<Pick<CheckboxProps & React.ClassAttributes<HTMLInputElement> & React.InputHTMLAttributes<HTMLInputElement> & Pick<React.ClassAttributes<HTMLInputElement> & React.InputHTMLAttributes<HTMLInputElement>, keyof React.InputHTMLAttributes<HTMLInputElement>> & {
     theme?: object;
-}, "size" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "height" | "width" | "form" | "pattern" | "theme" | "list" | "step" | "alt" | "crossOrigin" | "src" | "value" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "isDisabled" | "accept" | "autoComplete" | "capture" | "checked" | "enterKeyHint" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "readOnly" | "required" | "isChecked" | "isIndeterminate"> & React.RefAttributes<HTMLInputElement>>;
-declare type CheckboxProps = {
+}, "key" | "value" | "children" | "defaultValue" | "size" | "title" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "height" | "width" | "form" | "pattern" | "theme" | "alt" | "crossOrigin" | "src" | "list" | "step" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "isDisabled" | "accept" | "autoComplete" | "capture" | "checked" | "enterKeyHint" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "readOnly" | "required" | "isChecked" | "isIndeterminate"> & React.RefAttributes<HTMLInputElement>>;
+type CheckboxProps = {
     isChecked?: boolean;
     isIndeterminate?: boolean;
     isDisabled?: boolean;

package/dist/components/color-picker/color-picker.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 declare const ColorPickerContainer: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement>>, object>;
 declare const ColorPicker: ({ defaultColor, confirmButton, swatches, onChange, ...props }: ColorPickerProps & React.ComponentProps<typeof ColorPickerContainer>) => JSX.Element;
-declare type ColorPickerProps = {
+type ColorPickerProps = {
     defaultColor?: string;
     confirmButton?: React.ReactNode;
     swatches?: [];

package/dist/components/distribute/distribute.d.ts

@@ -5,7 +5,7 @@ declare const Distribute: ({ children, gap, direction, alignment, isSpread, html
 export declare const availableDirections: string[];
 export declare const availableAlignments: string[];
 export declare const availableHtmlTags: string[];
-declare type DistributeProps = {
+type DistributeProps = {
     children: React.ReactNode;
     direction?: ResponsiveType<'row' | 'column'>;
     alignment?: ResponsiveType<'start' | 'center' | 'end' | 'stretch'>;
@@ -13,7 +13,7 @@ declare type DistributeProps = {
     htmlTag?: 'div' | 'header' | 'article' | 'section' | 'nav' | 'aside' | 'footer' | 'main';
     gap?: string | number;
 };
-declare type DistributeWrapperProps = {
+type DistributeWrapperProps = {
     flexDirection?: ResponsiveType<'row' | 'column'>;
     flexAlign?: ResponsiveType<'start' | 'center' | 'end' | 'stretch'>;
     isSpread?: ResponsiveType<true | false>;

package/dist/components/dropdown/dropdown.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 declare const Dropdown: ({ menuPosition, menuZIndex, options, trigger, isOpen: isOpenFromProps, menuMinWidth, menuMaxWidth, menuMaxHeight, container, onOuterClick, triggerOffset, onOpenChange, ...props }: DropdownProps) => JSX.Element;
-declare type OptionsObject = {
+type OptionsObject = {
     key?: string;
     title?: React.ReactNode;
     icon?: React.ReactNode;
@@ -8,7 +8,7 @@ declare type OptionsObject = {
     disabled?: boolean;
     hasDivider?: boolean;
 };
-declare type DropdownProps = {
+type DropdownProps = {
     trigger?: React.ReactNode;
     menuPosition?: 'left' | 'right' | 'topRight' | 'topLeft';
     options?: OptionsObject[];

package/dist/components/form-field/form-field.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 declare const FormFieldWrapper: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, FormFieldProps, object>;
 declare const FormField: ({ label, children, errorMessage, labelFor, direction, ...props }: FormFieldProps & React.ComponentProps<typeof FormFieldWrapper>) => JSX.Element;
-declare type FormFieldProps = {
+type FormFieldProps = {
     label?: string;
     errorMessage?: string;
     labelFor?: string;

package/dist/components/icon/available-icons/account-circle.d.ts

@@ -1,2 +1 @@
-export default SvgAccountCircle;
-declare function SvgAccountCircle(props: any): JSX.Element;
+export function SvgAccountCircle(props: any): JSX.Element;

package/dist/components/icon/available-icons/account-circle.js

@@ -1,4 +1,3 @@
 import React from 'react';
-const SvgAccountCircle = props => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
+export const SvgAccountCircle = props => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
     React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zM6 15.98a7.2 7.2 0 0012 0c-.03-1.99-4.01-3.08-6-3.08-2 0-5.97 1.09-6 3.08z", fill: "currentColor" })));
-export default SvgAccountCircle;

package/dist/components/icon/available-icons/account.d.ts

@@ -1,2 +1 @@
-export default SvgAccount;
-declare function SvgAccount(props: any): JSX.Element;
+export function SvgAccount(props: any): JSX.Element;

package/dist/components/icon/available-icons/account.js

@@ -1,8 +1,7 @@
 import * as React from 'react';
-function SvgAccount(props) {
+export function SvgAccount(props) {
     return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.85625 15.9409C8.41314 15.3469 9.18276 15 10 15H14C14.8172 15 15.5869 15.3469 16.1438 15.9409C16.6986 16.5327 17 17.3224 17 18.1333V18.4C17 18.9523 16.5523 19.4 16 19.4C15.4477 19.4 15 18.9523 15 18.4V18.1333C15 17.8127 14.88 17.5171 14.6847 17.3088C14.4914 17.1026 14.2436 17 14 17H10C9.75637 17 9.50858 17.1026 9.31532 17.3088C9.12002 17.5171 9 17.8127 9 18.1333V18.4C9 18.9523 8.55228 19.4 8 19.4C7.44772 19.4 7 18.9523 7 18.4V18.1333C7 17.3224 7.30141 16.5327 7.85625 15.9409Z", fill: "currentColor" }),
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.9997 9C11.2265 9 10.5997 9.6268 10.5997 10.4C10.5997 11.1732 11.2265 11.8 11.9997 11.8C12.7729 11.8 13.3997 11.1732 13.3997 10.4C13.3997 9.6268 12.7729 9 11.9997 9ZM8.59972 10.4C8.59972 8.52223 10.122 7 11.9997 7C13.8775 7 15.3997 8.52223 15.3997 10.4C15.3997 12.2778 13.8775 13.8 11.9997 13.8C10.122 13.8 8.59972 12.2778 8.59972 10.4Z", fill: "currentColor" }),
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5ZM3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12Z", fill: "currentColor" })));
 }
-export default SvgAccount;

package/dist/components/icon/available-icons/activity.d.ts

@@ -1,2 +1 @@
-export default SvgActivity;
-declare function SvgActivity(props: any): JSX.Element;
+export function SvgActivity(props: any): JSX.Element;

package/dist/components/icon/available-icons/activity.js

@@ -1,4 +1,3 @@
 import * as React from 'react';
-const SvgActivity = props => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
+export const SvgActivity = props => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
     React.createElement("path", { d: "M22 12h-4l-3 9L9 3l-3 9H2", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })));
-export default SvgActivity;

package/dist/components/icon/available-icons/add-a-photo.d.ts

@@ -1,2 +1 @@
-export default SvgAddAPhoto;
-declare function SvgAddAPhoto(props: any): JSX.Element;
+export function SvgAddAPhoto(props: any): JSX.Element;

package/dist/components/icon/available-icons/add-a-photo.js

@@ -1,4 +1,3 @@
 import React from 'react';
-const SvgAddAPhoto = props => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
+export const SvgAddAPhoto = props => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
     React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.5 9.5c-.55 0-1-.45-1-1v-2h-2c-.55 0-1-.45-1-1s.45-1 1-1h2v-2c0-.55.45-1 1-1s1 .45 1 1v2h2c.55 0 1 .45 1 1s-.45 1-1 1h-2v2c0 .55-.45 1-1 1zm6.402 3.5a3 3 0 115.196 3 3 3 0 01-5.196-3zM21.5 6.5h-3.17l-1.24-1.35a1.99 1.99 0 00-1.47-.65h-6.4c.17.3.28.63.28 1 0 1.1-.9 2-2 2h-1v1c0 1.1-.9 2-2 2-.37 0-.7-.11-1-.28V20.5c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-12c0-1.1-.9-2-2-2zm-13 8c0 2.76 2.24 5 5 5s5-2.24 5-5-2.24-5-5-5-5 2.24-5 5z", fill: "currentColor" })));
-export default SvgAddAPhoto;

package/dist/components/icon/available-icons/add-circle-outline.d.ts

@@ -1,2 +1 @@
-export default SvgAddCircleOutline;
-declare function SvgAddCircleOutline(props: any): JSX.Element;
+export function SvgAddCircleOutline(props: any): JSX.Element;

package/dist/components/icon/available-icons/add-circle-outline.js

@@ -1,4 +1,3 @@
 import React from 'react';
-const SvgAddCircleOutline = props => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
+export const SvgAddCircleOutline = props => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
     React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 5c-.55 0-1 .45-1 1v3H8c-.55 0-1 .45-1 1s.45 1 1 1h3v3c0 .55.45 1 1 1s1-.45 1-1v-3h3c.55 0 1-.45 1-1s-.45-1-1-1h-3V8c0-.55-.45-1-1-1zm-8 5c0 4.41 3.59 8 8 8s8-3.59 8-8-3.59-8-8-8-8 3.59-8 8z", fill: "currentColor" })));
-export default SvgAddCircleOutline;

package/dist/components/icon/available-icons/add-photo.d.ts

@@ -1,2 +1 @@
-export default SvgAddPhoto;
-declare function SvgAddPhoto(props: any): JSX.Element;
+export function SvgAddPhoto(props: any): JSX.Element;

package/dist/components/icon/available-icons/add-photo.js

@@ -1,8 +1,7 @@
 import * as React from 'react';
-function SvgAddPhoto(props) {
+export function SvgAddPhoto(props) {
     return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.182 4.818a1 1 0 011-1h3.272a1 1 0 01.833.446l1.34 2.009h2.737A2.636 2.636 0 0122 8.909v9a2.636 2.636 0 01-2.636 2.637H4.636A2.636 2.636 0 012 17.909v-6.545a1 1 0 112 0v6.545a.636.636 0 00.636.637h14.728a.636.636 0 00.636-.637v-9a.636.636 0 00-.636-.636H16.09a1 1 0 01-.832-.445l-1.34-2.01h-2.737a1 1 0 01-1-1z", fill: "currentColor" }),
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 10.727a2.273 2.273 0 100 4.546 2.273 2.273 0 000-4.546zM7.727 13a4.273 4.273 0 118.546 0 4.273 4.273 0 01-8.546 0zM5.454 3a1 1 0 011 1v4.91a1 1 0 11-2 0V4a1 1 0 011-1z", fill: "currentColor" }),
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 6.455a1 1 0 011-1h4.91a1 1 0 110 2H3a1 1 0 01-1-1z", fill: "currentColor" })));
 }
-export default SvgAddPhoto;

package/dist/components/icon/available-icons/add.d.ts

@@ -1,2 +1 @@
-export default SvgAdd;
-declare function SvgAdd(props: any): JSX.Element;
+export function SvgAdd(props: any): JSX.Element;

package/dist/components/icon/available-icons/add.js

@@ -1,4 +1,3 @@
 import React from 'react';
-const SvgAdd = props => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
+export const SvgAdd = props => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
     React.createElement("path", { d: "M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1z", fill: "currentColor" })));
-export default SvgAdd;

package/dist/components/icon/available-icons/alarm-clock-complete.d.ts

@@ -1,2 +1 @@
-export default SvgAlarmClockComplete;
-declare function SvgAlarmClockComplete(props: any): JSX.Element;
+export function SvgAlarmClockComplete(props: any): JSX.Element;

package/dist/components/icon/available-icons/alarm-clock-complete.js

@@ -1,6 +1,5 @@
 import * as React from 'react';
-function SvgAlarmClockComplete(props) {
+export function SvgAlarmClockComplete(props) {
     return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.29289 2.29289C5.68342 1.90237 6.31658 1.90237 6.70711 2.29289C7.09763 2.68342 7.09763 3.31658 6.70711 3.70711L4.70711 5.70711C4.31658 6.09763 3.68342 6.09763 3.29289 5.70711C2.90237 5.31658 2.90237 4.68342 3.29289 4.29289L5.29289 2.29289ZM17.2929 2.29289C17.6834 1.90237 18.3166 1.90237 18.7071 2.29289L20.7071 4.29289C21.0976 4.68342 21.0976 5.31658 20.7071 5.70711C20.3166 6.09763 19.6834 6.09763 19.2929 5.70711L17.2929 3.70711C16.9024 3.31658 16.9024 2.68342 17.2929 2.29289ZM12 17C15.3137 17 18 14.3137 18 11C18 7.68629 15.3137 5 12 5C8.68629 5 6 7.68629 6 11C6 14.3137 8.68629 17 12 17ZM17.3564 16.9422C18.9797 15.478 20 13.3582 20 11C20 6.58172 16.4183 3 12 3C7.58172 3 4 6.58172 4 11C4 13.3582 5.02032 15.478 6.64358 16.9422L4.29289 19.2929C3.90237 19.6834 3.90237 20.3166 4.29289 20.7071C4.68342 21.0976 5.31658 21.0976 5.70711 20.7071L8.31276 18.1015C9.41616 18.6755 10.6702 19 12 19C13.3298 19 14.5838 18.6755 15.6872 18.1015L18.2929 20.7071C18.6834 21.0976 19.3166 21.0976 19.7071 20.7071C20.0976 20.3166 20.0976 19.6834 19.7071 19.2929L17.3564 16.9422ZM15.2071 9.88203C15.5976 9.4915 15.5976 8.85834 15.2071 8.46781C14.8166 8.07729 14.1834 8.0773 13.7929 8.46783L11 11.2608L10.032 10.2929C9.64144 9.90236 9.00828 9.90238 8.61777 10.2929C8.22726 10.6835 8.22728 11.3166 8.61782 11.7071L10.2929 13.3821C10.6834 13.7726 11.3166 13.7726 11.7071 13.3821L15.2071 9.88203Z", fill: "currentColor" })));
 }
-export default SvgAlarmClockComplete;

package/dist/components/icon/available-icons/alarm-clock.d.ts

@@ -1,2 +1 @@
-export default SvgAlarmClock;
-declare function SvgAlarmClock(props: any): JSX.Element;
+export function SvgAlarmClock(props: any): JSX.Element;

package/dist/components/icon/available-icons/alarm-clock.js

@@ -1,6 +1,5 @@
 import * as React from 'react';
-function SvgAlarmClock(props) {
+export function SvgAlarmClock(props) {
     return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.29289 2.29289C5.68342 1.90237 6.31658 1.90237 6.70711 2.29289C7.09763 2.68342 7.09763 3.31658 6.70711 3.70711L4.70711 5.70711C4.31658 6.09763 3.68342 6.09763 3.29289 5.70711C2.90237 5.31658 2.90237 4.68342 3.29289 4.29289L5.29289 2.29289ZM17.2929 2.29289C17.6834 1.90237 18.3166 1.90237 18.7071 2.29289L20.7071 4.29289C21.0976 4.68342 21.0976 5.31658 20.7071 5.70711C20.3166 6.09763 19.6834 6.09763 19.2929 5.70711L17.2929 3.70711C16.9024 3.31658 16.9024 2.68342 17.2929 2.29289ZM18 11C18 14.3137 15.3137 17 12 17C8.68629 17 6 14.3137 6 11C6 7.68629 8.68629 5 12 5C15.3137 5 18 7.68629 18 11ZM15.6872 18.1015C14.5838 18.6755 13.3298 19 12 19C10.6702 19 9.41616 18.6755 8.31276 18.1015L5.70711 20.7071C5.31658 21.0976 4.68342 21.0976 4.29289 20.7071C3.90237 20.3166 3.90237 19.6834 4.29289 19.2929L6.64358 16.9422C5.02032 15.478 4 13.3582 4 11C4 6.58172 7.58172 3 12 3C16.4183 3 20 6.58172 20 11C20 13.3582 18.9797 15.478 17.3564 16.9422L19.7071 19.2929C20.0976 19.6834 20.0976 20.3166 19.7071 20.7071C19.3166 21.0976 18.6834 21.0976 18.2929 20.7071L15.6872 18.1015ZM13 7.5C13 6.94772 12.5523 6.5 12 6.5C11.4477 6.5 11 6.94772 11 7.5V10H9C8.44772 10 8 10.4477 8 11C8 11.5523 8.44772 12 9 12H12C12.5523 12 13 11.5523 13 11V7.5Z", fill: "currentColor" })));
 }
-export default SvgAlarmClock;

package/dist/components/icon/available-icons/alert-triangle.d.ts

@@ -1,2 +1 @@
-export default SvgAlertTriangle;
-declare function SvgAlertTriangle(props: any): JSX.Element;
+export function SvgAlertTriangle(props: any): JSX.Element;

package/dist/components/icon/available-icons/alert-triangle.js

@@ -1,6 +1,5 @@
 import * as React from 'react';
-function SvgAlertTriangle(props) {
+export function SvgAlertTriangle(props) {
     return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.664 3.35a2.723 2.723 0 013.664.96l.003.005 7.296 12.18.008.015a2.722 2.722 0 01-2.328 4.084H4.693a2.723 2.723 0 01-2.328-4.084l.008-.014L9.672 4.31c.243-.4.584-.731.992-.96zM12 5a.723.723 0 00-.617.346l-7.29 12.17a.723.723 0 00.618 1.078h14.578a.723.723 0 00.617-1.079L12.618 5.348l-.001-.002A.723.723 0 0012 5zm0 3.257a1 1 0 011 1v3.446a1 1 0 01-2 0V9.257a1 1 0 011-1zm-1 7.891a1 1 0 011-1h.01a1 1 0 010 2H12a1 1 0 01-1-1z", fill: "currentColor" })));
 }
-export default SvgAlertTriangle;

package/dist/components/icon/available-icons/align-bottom.d.ts

@@ -1,2 +1 @@
-export default SvgAlignBottom;
-declare function SvgAlignBottom(props: any): JSX.Element;
+export function SvgAlignBottom(props: any): JSX.Element;

package/dist/components/icon/available-icons/align-bottom.js

@@ -1,7 +1,6 @@
 import * as React from 'react';
-function SvgAlignBottom(props) {
+export function SvgAlignBottom(props) {
     return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5 20a1 1 0 011-1h12.444a1 1 0 110 2H6a1 1 0 01-1-1zM7.07 9.515a1 1 0 011.415 0l3.737 3.737 3.738-3.737a1 1 0 111.414 1.414l-4.445 4.445a1 1 0 01-1.414 0l-4.444-4.445a1 1 0 010-1.414z", fill: "currentColor" }),
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.222 3a1 1 0 011 1v10.667a1 1 0 11-2 0V4a1 1 0 011-1z", fill: "currentColor" })));
 }
-export default SvgAlignBottom;

package/dist/components/icon/available-icons/apple.d.ts

@@ -1,2 +1 @@
-export default SvgApple;
-declare function SvgApple(props: any): JSX.Element;
+export function SvgApple(props: any): JSX.Element;

package/dist/components/icon/available-icons/apple.js

@@ -1,6 +1,5 @@
 import * as React from 'react';
-function SvgApple(props) {
+export function SvgApple(props) {
     return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
         React.createElement("path", { d: "M19.6351 16.5863C19.3311 17.2878 18.9662 17.929 18.5515 18.5209C17.9821 19.3265 17.5122 19.8855 17.1528 20.1979C16.5945 20.7076 15.9974 20.9652 15.3561 20.9816C14.8972 20.9816 14.3444 20.8501 13.6976 20.587C13.0507 20.324 12.4537 20.1979 11.9119 20.1979C11.3424 20.1979 10.7288 20.3294 10.0764 20.587C9.41854 20.8501 8.89333 20.9871 8.48976 20.9981C7.8761 21.0255 7.26244 20.7569 6.65431 20.1924C6.26179 19.8527 5.77528 19.2772 5.1948 18.4606C4.57008 17.5838 4.05041 16.5754 3.64683 15.419C3.21561 14.1695 3 12.9638 3 11.7909C3 10.4482 3.29301 9.29188 3.87902 8.32732C4.33789 7.5491 4.95154 6.9353 5.71447 6.4859C6.48293 6.03651 7.30667 5.80633 8.19675 5.78989C8.68325 5.78989 9.32455 5.93786 10.1206 6.2338C10.9112 6.52975 11.4198 6.67772 11.6465 6.67772C11.8124 6.67772 12.3763 6.50234 13.3382 6.1516C14.2449 5.82825 15.0078 5.69672 15.638 5.74605C17.3353 5.88306 18.6124 6.54619 19.4582 7.74092C17.9379 8.65067 17.1915 9.92761 17.2026 11.5663C17.2137 12.8432 17.6836 13.9064 18.6013 14.7504C19.0159 15.1395 19.4803 15.4464 20 15.6601C19.8784 15.9835 19.7623 16.2904 19.6351 16.5863ZM15.7431 1.40007C15.7431 2.40299 15.3727 3.33466 14.6374 4.20057C13.7528 5.23089 12.6803 5.82277 11.5138 5.7296C11.4972 5.60903 11.4917 5.48298 11.4917 5.35145C11.4917 4.39238 11.9119 3.36206 12.6637 2.52356C13.0397 2.09608 13.5151 1.74534 14.0901 1.46036C14.665 1.18085 15.2124 1.0274 15.721 1C15.732 1.13153 15.7431 1.26854 15.7431 1.40007Z", fill: "currentColor" })));
 }
-export default SvgApple;

package/dist/components/icon/available-icons/apps.d.ts

@@ -1,2 +1 @@
-export default SvgApps;
-declare function SvgApps(props: any): JSX.Element;
+export function SvgApps(props: any): JSX.Element;

package/dist/components/icon/available-icons/apps.js

@@ -1,4 +1,3 @@
 import React from 'react';
-const SvgApps = props => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
+export const SvgApps = props => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
     React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-2 0H4v-4h4v4zm-4-6h4v-4H4v4zm10 0h-4v-4h4v4zm2-10v4h4V4h-4zm-2 4h-4V4h4v4zm2 6h4v-4h-4v4zm4 6h-4v-4h4v4z", fill: "currentColor" })));
-export default SvgApps;

package/dist/components/icon/available-icons/archive.d.ts

@@ -1,2 +1 @@
-export default SvgArchive;
-declare function SvgArchive(props: any): JSX.Element;
+export function SvgArchive(props: any): JSX.Element;

package/dist/components/icon/available-icons/archive.js

@@ -1,8 +1,7 @@
 import * as React from 'react';
-function SvgArchive(props) {
+export function SvgArchive(props) {
     return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24" }, props),
         React.createElement("title", null, 'Artboard 2 copy'),
         React.createElement("path", { d: "M9.66 12.71a1 1 0 00.7.29h3.28a1 1 0 00.7-.29 1 1 0 00.3-.71 1 1 0 00-1-1h-3.28a1 1 0 00-.7 1.71z", fill: "currentColor" }),
         React.createElement("path", { d: "M21.71 3.93a1 1 0 00-.71-.29H3a1 1 0 00-.71.29 1 1 0 00-.29.71v4.09a1 1 0 001 1h.64v9.63a1 1 0 001 1h14.72a1 1 0 001-1V9.73H21a1 1 0 001-1V4.64a1 1 0 00-.29-.71zM4 5.64h16v2.09H4zm14.36 12.72H5.64V9.73h12.72z", fill: "currentColor" })));
 }
-export default SvgArchive;

package/dist/components/icon/available-icons/arrow-back.d.ts

@@ -1,2 +1 @@
-export default SvgArrowBack;
-declare function SvgArrowBack(props: any): JSX.Element;
+export function SvgArrowBack(props: any): JSX.Element;

package/dist/components/icon/available-icons/arrow-back.js

@@ -1,4 +1,3 @@
 import React from 'react';
-const SvgArrowBack = props => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
+export const SvgArrowBack = props => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
     React.createElement("path", { d: "M18.791 11.005H7.621l4.88-4.88c.39-.39.39-1.03 0-1.42a.996.996 0 00-1.41 0l-6.59 6.59a.996.996 0 000 1.41l6.59 6.59a.996.996 0 101.41-1.41l-4.88-4.88h11.17c.55 0 1-.45 1-1s-.45-1-1-1z", fill: "currentColor" })));
-export default SvgArrowBack;

package/dist/components/icon/available-icons/arrow-downward.d.ts

@@ -1,2 +1 @@
-export default SvgArrowDownward;
-declare function SvgArrowDownward(props: any): JSX.Element;
+export function SvgArrowDownward(props: any): JSX.Element;

package/dist/components/icon/available-icons/arrow-downward.js

@@ -1,4 +1,3 @@
 import React from 'react';
-const SvgArrowDownward = props => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
+export const SvgArrowDownward = props => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
     React.createElement("path", { d: "M11.005 5.209v11.17l-4.88-4.88c-.39-.39-1.03-.39-1.42 0a.996.996 0 000 1.41l6.59 6.59c.39.39 1.02.39 1.41 0l6.59-6.59a.996.996 0 10-1.41-1.41l-4.88 4.88V5.209c0-.55-.45-1-1-1s-1 .45-1 1z", fill: "currentColor" })));
-export default SvgArrowDownward;

package/dist/components/icon/available-icons/arrow-drop-down.d.ts

@@ -1,2 +1 @@
-export default SvgArrowDropDown;
-declare function SvgArrowDropDown(props: any): JSX.Element;
+export function SvgArrowDropDown(props: any): JSX.Element;

package/dist/components/icon/available-icons/arrow-drop-down.js

@@ -1,4 +1,3 @@
 import React from 'react';
-const SvgArrowDropDown = props => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
+export const SvgArrowDropDown = props => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
     React.createElement("path", { d: "M8.706 11.414l2.59 2.59c.39.39 1.02.39 1.41 0l2.59-2.59c.63-.63.18-1.71-.71-1.71h-5.18c-.89 0-1.33 1.08-.7 1.71z", fill: "currentColor" })));
-export default SvgArrowDropDown;

package/dist/components/icon/available-icons/arrow-drop-up.d.ts

@@ -1,2 +1 @@
-export default SvgArrowDropUp;
-declare function SvgArrowDropUp(props: any): JSX.Element;
+export function SvgArrowDropUp(props: any): JSX.Element;

package/dist/components/icon/available-icons/arrow-drop-up.js

@@ -1,4 +1,3 @@
 import React from 'react';
-const SvgArrowDropUp = props => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
+export const SvgArrowDropUp = props => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
     React.createElement("path", { d: "M8.706 12.586l2.59-2.59a.996.996 0 011.41 0l2.59 2.59c.63.63.18 1.71-.71 1.71h-5.18c-.89 0-1.33-1.08-.7-1.71z", fill: "currentColor" })));
-export default SvgArrowDropUp;

package/dist/components/icon/available-icons/arrow-forward.d.ts

@@ -1,2 +1 @@
-export default SvgArrowForward;
-declare function SvgArrowForward(props: any): JSX.Element;
+export function SvgArrowForward(props: any): JSX.Element;

package/dist/components/icon/available-icons/arrow-forward.js

@@ -1,4 +1,3 @@
 import React from 'react';
-const SvgArrowForward = props => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
+export const SvgArrowForward = props => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
     React.createElement("path", { d: "M5.209 13h11.17l-4.88 4.88c-.39.39-.39 1.03 0 1.42.39.39 1.02.39 1.41 0l6.59-6.59a.996.996 0 000-1.41l-6.58-6.6a.996.996 0 00-1.41 0 .996.996 0 000 1.41l4.87 4.89H5.209c-.55 0-1 .45-1 1s.45 1 1 1z", fill: "currentColor" })));
-export default SvgArrowForward;

package/dist/components/icon/available-icons/arrow-left-alt.d.ts

@@ -1,2 +1 @@
-export default SvgArrowRightAlt;
-declare function SvgArrowRightAlt(props: any): JSX.Element;
+export function SvgArrowLeftAlt(props: any): JSX.Element;

package/dist/components/icon/available-icons/arrow-left-alt.js

@@ -1,7 +1,6 @@
 import * as React from 'react';
-function SvgArrowRightAlt(props) {
+export function SvgArrowLeftAlt(props) {
     return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M 20,12 A -1,1 0 0 0 19,11 H 5 a -1,1 0 1 0 0,2 h 14 a -1,1 0 0 0 1,-1 z", fill: "currentColor" }),
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "m 9.707,7.293 a -1,1 0 0 0 -1.414,0 l -4,4 a -1,1 0 0 0 0,1.414 l 4,4 A -1,1 0 0 0 9.707,15.293 L 6.414,12 9.707,8.707 a -1,1 0 0 0 0,-1.414 z", fill: "currentColor" })));
 }
-export default SvgArrowRightAlt;

package/dist/components/icon/available-icons/arrow-left.d.ts

@@ -1,2 +1 @@
-export default SvgArrowLeft;
-declare function SvgArrowLeft(props: any): JSX.Element;
+export function SvgArrowLeft(props: any): JSX.Element;

package/dist/components/icon/available-icons/arrow-left.js

@@ -1,7 +1,6 @@
 import * as React from 'react';
-function SvgArrowLeft(props) {
+export function SvgArrowLeft(props) {
     return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5 12a1 1 0 011-1h12a1 1 0 110 2H6a1 1 0 01-1-1z", fill: "currentColor" }),
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.707 5.293a1 1 0 010 1.414L7.414 12l5.293 5.293a1 1 0 01-1.414 1.414l-6-6a1 1 0 010-1.414l6-6a1 1 0 011.414 0z", fill: "currentColor" })));
 }
-export default SvgArrowLeft;

package/dist/components/icon/available-icons/arrow-right-alt.d.ts

@@ -1,2 +1 @@
-export default SvgArrowRightAlt;
-declare function SvgArrowRightAlt(props: any): JSX.Element;
+export function SvgArrowRightAlt(props: any): JSX.Element;

package/dist/components/icon/available-icons/arrow-right-alt.js

@@ -1,7 +1,6 @@
 import * as React from 'react';
-function SvgArrowRightAlt(props) {
+export function SvgArrowRightAlt(props) {
     return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 12a1 1 0 011-1h14a1 1 0 110 2H5a1 1 0 01-1-1z", fill: "currentColor" }),
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.293 7.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L17.586 12l-3.293-3.293a1 1 0 010-1.414z", fill: "currentColor" })));
 }
-export default SvgArrowRightAlt;

package/dist/components/icon/available-icons/arrow-right.d.ts

@@ -1,2 +1 @@
-export default SvgArrowRight;
-declare function SvgArrowRight(props: any): JSX.Element;
+export function SvgArrowRight(props: any): JSX.Element;

package/dist/components/icon/available-icons/arrow-right.js

@@ -1,7 +1,6 @@
 import * as React from 'react';
-function SvgArrowRight(props) {
+export function SvgArrowRight(props) {
     return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5 12a1 1 0 011-1h12a1 1 0 110 2H6a1 1 0 01-1-1z", fill: "currentColor" }),
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.293 5.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L16.586 12l-5.293-5.293a1 1 0 010-1.414z", fill: "currentColor" })));
 }
-export default SvgArrowRight;

package/dist/components/icon/available-icons/arrow-upward.d.ts

@@ -1,2 +1 @@
-export default SvgArrowUpward;
-declare function SvgArrowUpward(props: any): JSX.Element;
+export function SvgArrowUpward(props: any): JSX.Element;

package/dist/components/icon/available-icons/arrow-upward.js

@@ -1,4 +1,3 @@
 import React from 'react';
-const SvgArrowUpward = props => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
+export const SvgArrowUpward = props => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
     React.createElement("path", { d: "M13 18.791V7.621l4.88 4.88c.39.39 1.03.39 1.42 0a.996.996 0 000-1.41l-6.59-6.59a.996.996 0 00-1.41 0l-6.6 6.58a.996.996 0 101.41 1.41L11 7.621v11.17c0 .55.45 1 1 1s1-.45 1-1z", fill: "currentColor" })));
-export default SvgArrowUpward;

package/dist/components/icon/available-icons/at-mention.d.ts

@@ -1,2 +1 @@
-export default SvgAtMention;
-declare function SvgAtMention(props: any): JSX.Element;
+export function SvgAtMention(props: any): JSX.Element;

package/dist/components/icon/available-icons/at-mention.js

@@ -1,6 +1,5 @@
 import * as React from 'react';
-function SvgAtMention(props) {
+export function SvgAtMention(props) {
     return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
         React.createElement("path", { d: "M16.3759 16.69C18.8719 16.666 21.1039 14.098 21.1039 10.474C21.1039 5.98598 17.4079 2.62598 12.5119 2.62598C7.37593 2.62598 3.12793 6.44198 3.12793 12.034C3.12793 17.482 7.13593 21.13 12.7519 21.13C14.6409 21.13 16.9279 20.4224 18.2971 19.2619C18.3941 19.1797 18.4069 19.0366 18.3314 18.9343L17.5343 17.8539C17.4516 17.7417 17.2933 17.7193 17.1795 17.7998C15.8335 18.7515 14.2818 19.186 12.7519 19.186C8.09593 19.186 5.33593 16.114 5.33593 12.034C5.33593 7.56998 8.40793 4.59398 12.5359 4.59398C16.3999 4.59398 19.0159 7.06598 19.0159 10.498C19.0159 12.874 17.8159 14.794 16.5439 14.794C15.9439 14.794 15.7279 14.362 15.7279 13.882C15.7279 13.738 15.7759 13.498 15.7999 13.378L17.0073 7.72822C17.0406 7.57263 16.922 7.42598 16.7629 7.42598H15.1674C15.0471 7.42598 14.9439 7.51166 14.9217 7.6299L14.9142 7.66962C14.8672 7.9204 14.4255 7.9886 14.2395 7.81392C13.7311 7.33639 12.9904 7.11398 12.3199 7.11398C9.75193 7.11398 7.56793 9.44198 7.56793 12.61C7.56793 15.058 9.10393 16.738 11.2159 16.738C12.1018 16.738 13.0214 16.3664 13.6772 15.6517C13.8243 15.4914 14.1336 15.5376 14.2517 15.7203C14.6437 16.3267 15.4038 16.69 16.3759 16.69ZM14.2159 11.17C14.1679 13.258 13.1119 14.746 11.6479 14.746C10.3519 14.746 9.79993 13.738 9.79993 12.442C9.79993 10.882 10.7599 9.12998 12.4159 9.12998C13.5919 9.12998 14.2159 9.89798 14.2159 11.17Z", fill: "currentColor" })));
 }
-export default SvgAtMention;

package/dist/components/icon/available-icons/auto-chapters.d.ts

@@ -1,2 +1 @@
-export default SvgAutoChapters;
-declare function SvgAutoChapters(props: any): JSX.Element;
+export function SvgAutoChapters(props: any): JSX.Element;

package/dist/components/icon/available-icons/auto-chapters.js

@@ -1,7 +1,6 @@
 import * as React from 'react';
-function SvgAutoChapters(props) {
+export function SvgAutoChapters(props) {
     return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.89294 3.79663C5.44523 3.79663 5.89294 4.24435 5.89294 4.79663V20.1671L11.6867 15.0112C12.0657 14.6739 12.6372 14.6739 13.0162 15.0112L18.81 20.1671V4.79663C18.81 4.24435 19.2577 3.79663 19.81 3.79663C20.3622 3.79663 20.81 4.24435 20.81 4.79663V22.3956C20.81 22.7895 20.5787 23.1467 20.2194 23.308C19.86 23.4692 19.4394 23.4045 19.1452 23.1427L12.3514 17.0969L5.55773 23.1427C5.26348 23.4045 4.84292 23.4692 4.48355 23.308C4.12418 23.1467 3.89294 22.7895 3.89294 22.3956V4.79663C3.89294 4.24435 4.34066 3.79663 4.89294 3.79663Z", fill: "currentColor" }),
         React.createElement("path", { d: "M15.5231 3.74146C16.4416 3.89211 16.4416 5.21396 15.5231 5.36461C14.3114 5.56386 13.3621 6.51313 13.1629 7.72482C13.0122 8.64331 11.6904 8.64331 11.5397 7.72482C11.3405 6.51313 10.3912 5.56386 9.17953 5.36461C8.26104 5.21396 8.26104 3.89211 9.17953 3.74146C10.3912 3.54221 11.3405 2.59294 11.5397 1.38125C11.6904 0.462761 13.0122 0.462761 13.1629 1.38125C13.3621 2.59294 14.3114 3.54221 15.5231 3.74146Z", fill: "currentColor" })));
 }
-export default SvgAutoChapters;

package/dist/components/icon/available-icons/auto-summaries.d.ts

@@ -1,2 +1 @@
-export default SvgAutoSummaries;
-declare function SvgAutoSummaries(props: any): JSX.Element;
+export function SvgAutoSummaries(props: any): JSX.Element;

package/dist/components/icon/available-icons/auto-summaries.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-function SvgAutoSummaries(props) {
+export function SvgAutoSummaries(props) {
     return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.823738 4.41522C0.823738 3.86294 1.27145 3.41522 1.82374 3.41522L12.3577 3.41522C12.91 3.41522 13.3577 3.86294 13.3577 4.41522C13.3577 4.96751 12.91 5.41522 12.3577 5.41522L1.82374 5.41522C1.27145 5.41522 0.823738 4.96751 0.823738 4.41522Z", fill: "currentColor" }),
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.823746 10.1957C0.823746 9.64337 1.27146 9.19566 1.82375 9.19566H16.7854C17.3377 9.19566 17.7854 9.64337 17.7854 10.1957C17.7854 10.7479 17.3377 11.1957 16.7854 11.1957H1.82375C1.27146 11.1957 0.823746 10.7479 0.823746 10.1957Z", fill: "currentColor" }),
@@ -7,4 +7,3 @@ function SvgAutoSummaries(props) {
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.823746 21.7565C0.823746 21.2042 1.27146 20.7565 1.82375 20.7565H15.6888C16.2411 20.7565 16.6888 21.2042 16.6888 21.7565C16.6888 22.3088 16.2411 22.7565 15.6888 22.7565H1.82375C1.27146 22.7565 0.823746 22.3088 0.823746 21.7565Z", fill: "currentColor" }),
         React.createElement("path", { d: "M22.2254 3.58531C23.0969 3.72825 23.0969 4.9824 22.2254 5.12534C21.0758 5.31438 20.1751 6.21504 19.9861 7.36468C19.8432 8.23613 18.589 8.23613 18.4461 7.36468C18.257 6.21504 17.3564 5.31438 16.2067 5.12534C15.3353 4.9824 15.3353 3.72825 16.2067 3.58531C17.3564 3.39627 18.257 2.49561 18.4461 1.34597C18.589 0.47452 19.8432 0.47452 19.9861 1.34597C20.1751 2.49561 21.0758 3.39627 22.2254 3.58531Z", fill: "currentColor" })));
 }
-export default SvgAutoSummaries;