@loomhq/lens 10.98.2 → 10.99.1

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,14 +1,16 @@
 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;
     size?: string | number;
     children?: React.ReactNode;
+    height?: number;
+    width?: number;
 };
-declare type AvatarWrapperProps = {
+type AvatarWrapperProps = {
     size?: string | number;
     hasBackgroundColor?: boolean;
 };

package/dist/components/avatar/avatar.js

@@ -11,29 +11,30 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { getRadius, getSizeValue, u } from '../../utilities';
 import React from 'react';
-import { css } from '@emotion/core';
 import styled from '@emotion/styled';
 const getLetterSize = wrapperSize => `calc(${wrapperSize} / 1.75)`;
 const getAvatarSize = avatarSize => {
+    let width;
+    let height;
     if (avatarSize === 'medium') {
-        return css `
-      width: ${u(4)};
-      height: ${u(4)};
-      font-size: ${getLetterSize(u(4))};
-    `;
+        width = u(4);
+        height = u(4);
     }
-    if (avatarSize === 'large') {
-        return css `
-      width: ${u(7)};
-      height: ${u(7)};
-      font-size: ${getLetterSize(u(7))};
-    `;
+    else if (avatarSize === 'large') {
+        width = u(7);
+        height = u(7);
     }
-    return css `
-    width: ${getSizeValue(avatarSize)};
-    height: ${getSizeValue(avatarSize)};
-    font-size: ${getLetterSize(getSizeValue(avatarSize))};
-  `;
+    else {
+        const sizeValue = getSizeValue(avatarSize);
+        width = sizeValue;
+        height = sizeValue;
+    }
+    const fontSize = getLetterSize(width);
+    return {
+        width,
+        height,
+        fontSize,
+    };
 };
 const AvatarWrapper = styled.span `
   display: block;
@@ -46,7 +47,18 @@ const AvatarWrapper = styled.span `
   justify-content: center;
   line-height: 1;
   font-weight: var(--lns-fontWeight-bold);
-  ${props => getAvatarSize(props.size)};
+  width: ${props => {
+    const { width } = getAvatarSize(props.size);
+    return width;
+}};
+  height: ${props => {
+    const { height } = getAvatarSize(props.size);
+    return height;
+}};
+  font-size: ${props => {
+    const { fontSize } = getAvatarSize(props.size);
+    return fontSize;
+}};
   position: relative;
   z-index: 0;
 
@@ -64,7 +76,19 @@ const AvatarWrapper = styled.span `
   }
 `;
 const AvatarImage = styled.img `
-  width: 100%;
+  max-width: 100%;
+  width: ${props => {
+    const { width } = getAvatarSize(props.size);
+    return width;
+}};
+  height: ${props => {
+    const { height } = getAvatarSize(props.size);
+    return height;
+}};
+  font-size: ${props => {
+    const { fontSize } = getAvatarSize(props.size);
+    return fontSize;
+}};
 `;
 const Avatar = (_a) => {
     var { altText = '', size = 4, letter, imageSrc, children } = _a, props = __rest(_a, ["altText", "size", "letter", "imageSrc", "children"]);
@@ -73,7 +97,9 @@ const Avatar = (_a) => {
             return children;
         }
         if (imageSrc) {
-            return React.createElement(AvatarImage, { alt: altText, src: imageSrc });
+            const height = getAvatarSize(size).height;
+            const width = getAvatarSize(size).width;
+            return (React.createElement(AvatarImage, { size: size, alt: altText, src: imageSrc, height: height, width: width }));
         }
         if (letter) {
             if (altText) {

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;