@loomhq/lens 11.32.0 → 12.1.0

package/dist/types/colors.d.ts

@@ -3,12 +3,13 @@ type HslaColor = {
     s: number;
     l: number;
     a: number;
+    ads?: string;
 };
 declare const BaseColors: readonly ["red", "blurpleLight", "blurpleMedium", "blurple", "blurpleDark", "blurpleStrong", "offWhite", "blueLight", "blue", "blueDark", "orangeLight", "orange", "orangeDark", "tealLight", "teal", "tealDark", "yellowLight", "yellow", "yellowDark"];
 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"];
-type ThemesColorVariant = Record<typeof SharedColors[number] | typeof SemanticColors[number], HslaColor>;
+declare const SharedColors: readonly ["record", "recordHover", "recordActive", "focusRing", "backdropDark", "backdropTwilight", "highlight", "warning"];
+declare const SemanticColors: readonly ["primary", "primaryHover", "primaryActive", "body", "bodyDimmed", "bodyInverse", "background", "backgroundHover", "backgroundActive", "backgroundSecondary", "backgroundSecondary2", "backgroundInverse", "overlay", "backdrop", "border", "disabledContent", "disabledBackground", "formFieldBorder", "formFieldBackground", "buttonBorder", "upgrade", "upgradeHover", "upgradeActive", "tabBackground", "discoveryBackground", "discoveryLightBackground", "discoveryTitle", "discoveryHighlight", "info", "success", "danger", "dangerHover", "dangerActive"];
+type ThemesColorVariant = Record<(typeof SharedColors)[number] | (typeof SemanticColors)[number], HslaColor>;
 type ThemesColors = {
     light: ThemesColorVariant;
     dark: ThemesColorVariant;
@@ -16,9 +17,9 @@ type ThemesColors = {
 export declare const darken: (color: HslaColor, percentage: number) => HslaColor;
 export declare const lighten: (color: HslaColor, percentage: number) => HslaColor;
 export declare const saturate: (color: HslaColor, percentage: number) => HslaColor;
-export declare const alpha: (color: HslaColor, alpha: number) => HslaColor;
-export declare const hslaBaseColors: Record<typeof BaseColors[number], HslaColor>;
-export declare const hslaGreys: Record<typeof GreyColors[number], HslaColor>;
+export declare const alphaFunction: (color: HslaColor, alpha: number) => HslaColor;
+export declare const hslaBaseColors: Record<(typeof BaseColors)[number], HslaColor>;
+export declare const hslaGreys: Record<(typeof GreyColors)[number], HslaColor>;
 export declare const themeColors: ThemesColors;
 export declare const hslaColors: {
     grey8: HslaColor;
@@ -52,3 +53,4 @@ export declare const hslaColors: {
 };
 export declare const colorsNames: string[];
 export {};
+//# sourceMappingURL=colors.d.ts.map

package/dist/types/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/colors.ts"],"names":[],"mappings":"AAAA,KAAK,SAAS,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAC9E,QAAA,MAAM,UAAU,0PAoBN,CAAC;AACX,QAAA,MAAM,UAAU,4FAUN,CAAC;AACX,QAAA,MAAM,YAAY,6HASR,CAAC;AACX,QAAA,MAAM,cAAc,6iBAkCV,CAAC;AAEX,KAAK,kBAAkB,GAAG,MAAM,CAC9B,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,EAC/D,SAAS,CACV,CAAC;AACF,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,kBAAkB,CAAC;IAC1B,IAAI,EAAE,kBAAkB,CAAC;CAC1B,CAAC;AAKF,eAAO,MAAM,MAAM,UAAW,SAAS,cAAc,MAAM,KAAG,SAG5D,CAAC;AAEH,eAAO,MAAM,OAAO,UAAW,SAAS,cAAc,MAAM,KAAG,SAG7D,CAAC;AAEH,eAAO,MAAM,QAAQ,UAAW,SAAS,cAAc,MAAM,KAAG,SAG9D,CAAC;AAEH,eAAO,MAAM,aAAa,UAAW,SAAS,SAAS,MAAM,KAAG,SAG9D,CAAC;AAaH,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,EAAE,SAAS,CA0BzE,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,EAAE,SAAS,CAUpE,CAAC;AAuBF,eAAO,MAAM,WAAW,EAAE,YA0TzB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGtB,CAAC;AAEF,eAAO,MAAM,WAAW,UAGvB,CAAC"}

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

@@ -1,6 +1,9 @@
 import React from 'react';
 import { LensDivProps, ResponsiveType } from '../../types';
-declare const AlignWrapper: import("@emotion/styled").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AlignWrapperProps, object>;
+declare const AlignWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & AlignWrapperProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 declare const Align: ({ children, alignment, htmlTag, ...props }: AlignProps & React.ComponentProps<typeof AlignWrapper> & Omit<LensDivProps, keyof AlignProps & React.ComponentProps<typeof AlignWrapper>>) => React.JSX.Element;
 export declare const availableAlignments: string[];
 export declare const availableHtmlTags: string[];
@@ -15,3 +18,4 @@ type AlignWrapperProps = {
     as?: string;
 };
 export default Align;
+//# sourceMappingURL=align.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"align.d.ts","sourceRoot":"","sources":["../../../../src/components/align/align.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AA+C3D,QAAA,MAAM,YAAY;;SA3BL,MACT,WAAQ;yGA+BX,CAAC;AAEF,QAAA,MAAM,KAAK,+CAKR,UAAU,GACX,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,GACzC,IAAI,CACF,YAAY,EACZ,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,CAC7D,sBAMF,CAAC;AAEF,eAAO,MAAM,mBAAmB,UAAoC,CAAC;AACrE,eAAO,MAAM,iBAAiB,UAS7B,CAAC;AAEF,KAAK,UAAU,GAAG;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,cAAc,CACtB,SAAS,GACT,WAAW,GACX,UAAU,GACV,YAAY,GACZ,QAAQ,GACR,aAAa,GACb,YAAY,GACZ,cAAc,GACd,aAAa,CAChB,CAAC;IACF,OAAO,CAAC,EACJ,KAAK,GACL,QAAQ,GACR,SAAS,GACT,SAAS,GACT,KAAK,GACL,OAAO,GACP,QAAQ,GACR,MAAM,CAAC;CACZ,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,cAAc,CACtB,SAAS,GACT,WAAW,GACX,UAAU,GACV,YAAY,GACZ,QAAQ,GACR,aAAa,GACb,YAAY,GACZ,cAAc,GACd,aAAa,CAChB,CAAC;IACF,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,eAAe,KAAK,CAAC"}

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

@@ -1,6 +1,9 @@
-import { LensDivProps, ResponsiveGridSections, ResponsiveType } from '../../types';
 import React from 'react';
-declare const ArrangeWrapper: import("@emotion/styled").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ArrangeWrapperProps, object>;
+import { LensDivProps, ResponsiveGridSections, ResponsiveType } from '../../types';
+declare const ArrangeWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & ArrangeWrapperProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 declare const Arrange: ({ children, width, height, minWidth, minHeight, maxWidth, maxHeight, gap, columns, rows, alignItems, justifyContent, justifyItems, alignContent, autoFlow, htmlTag, className, style, ...props }: ArrangeProps & React.ComponentProps<typeof ArrangeWrapper> & Omit<LensDivProps, keyof ArrangeProps & React.ComponentProps<typeof ArrangeWrapper>>) => React.JSX.Element;
 interface SharedProps {
     children?: React.ReactNode;
@@ -26,3 +29,4 @@ interface ArrangeWrapperProps extends SharedProps {
     as?: string;
 }
 export default Arrange;
+//# sourceMappingURL=arrange.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"arrange.d.ts","sourceRoot":"","sources":["../../../../src/components/arrange/arrange.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EACL,YAAY,EACZ,sBAAsB,EACtB,cAAc,EACf,MAAM,aAAa,CAAC;AAMrB,QAAA,MAAM,cAAc;;SAGV,MAAO,WAAW;2GA6B3B,CAAC;AAEF,QAAA,MAAM,OAAO,qMAoBV,YAAY,GACb,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,GAC3C,IAAI,CACF,YAAY,EACZ,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,CACjE,sBA4BF,CAAC;AAEF,UAAU,WAAW;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,cAAc,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACxC,MAAM,CAAC,EAAE,cAAc,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,cAAc,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,cAAc,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,cAAc,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,cAAc,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAC5C,GAAG,CAAC,EAAE,cAAc,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,IAAI,CAAC;IAC7C,UAAU,CAAC,EAAE,cAAc,CACzB,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,CACpD,CAAC;IACF,YAAY,CAAC,EAAE,cAAc,CAAC,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC,CAAC;IACtE,YAAY,CAAC,EAAE,cAAc,CACzB,OAAO,GACP,KAAK,GACL,QAAQ,GACR,SAAS,GACT,cAAc,GACd,eAAe,GACf,cAAc,CACjB,CAAC;IACF,cAAc,CAAC,EAAE,cAAc,CAC3B,OAAO,GACP,KAAK,GACL,QAAQ,GACR,SAAS,GACT,cAAc,GACd,eAAe,GACf,cAAc,CACjB,CAAC;IACF,QAAQ,CAAC,EAAE,cAAc,CAAC,QAAQ,GAAG,KAAK,CAAC,CAAC;IAC5C,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,IAAI,CAAC,EAAE,sBAAsB,CAAC;CAC/B;AAED,UAAU,YAAa,SAAQ,WAAW;IACxC,OAAO,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACtC;AAED,UAAU,mBAAoB,SAAQ,WAAW;IAC/C,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,eAAe,OAAO,CAAC"}

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

@@ -1,7 +1,14 @@
 import React from 'react';
 import { LensSpanProps } from '../../types';
-declare const AvatarWrapper: import("@emotion/styled").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, AvatarWrapperProps, object>;
-declare const Avatar: ({ altText, size, letter, imageSrc, children, ...props }: AvatarProps & React.ComponentProps<typeof AvatarWrapper> & Omit<LensSpanProps, keyof AvatarProps & React.ComponentProps<typeof AvatarWrapper>>) => React.JSX.Element;
+export type AvatarColor = 'orange' | 'blue' | 'yellow' | 'teal';
+declare const AvatarWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & AvatarWrapperProps & {
+    backgroundColor?: string;
+    color?: string;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+declare const Avatar: ({ altText, size, letter, imageSrc, children, themeColor, ...props }: AvatarProps & React.ComponentProps<typeof AvatarWrapper> & Omit<LensSpanProps, keyof AvatarProps & React.ComponentProps<typeof AvatarWrapper>>) => React.JSX.Element;
 type AvatarProps = {
     altText?: string;
     letter?: string;
@@ -11,9 +18,13 @@ type AvatarProps = {
     height?: number;
     width?: number;
     hasBackgroundColor?: boolean;
+    backgroundColor?: string;
+    themeColor?: AvatarColor;
 };
 type AvatarWrapperProps = {
     size?: string | number;
     hasBackgroundColor?: boolean;
+    themeColor?: AvatarColor;
 };
 export default Avatar;
+//# sourceMappingURL=avatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/avatar/avatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAG5C,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AA2DhE,QAAA,MAAM,aAAa;;SA3CJ,MAAO,WAAW;;sBA4CU,MAAM;YAAU,MAAM;uFAiDhE,CAAC;AAqBF,QAAA,MAAM,MAAM,wEAQT,WAAW,GACZ,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,GAC1C,IAAI,CACF,aAAa,EACb,MAAM,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,CAC/D,sBA4CF,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,WAAW,CAAC;CAC1B,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,WAAW,CAAC;CAC1B,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -1,6 +1,9 @@
 import React from 'react';
 import { LensDivProps } from '../../types';
-declare const BackdropWrapper: import("@emotion/styled").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BackdropProps, object>;
+declare const BackdropWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & BackdropProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 declare const Backdrop: ({ children, isOpen, zIndex, backgroundColor, ...props }: BackdropProps & React.ComponentProps<typeof BackdropWrapper> & Omit<LensDivProps, keyof BackdropProps & React.ComponentProps<typeof BackdropWrapper>>) => React.JSX.Element;
 type BackdropProps = {
     isOpen?: boolean;
@@ -9,3 +12,4 @@ type BackdropProps = {
     backgroundColor?: string;
 };
 export default Backdrop;
+//# sourceMappingURL=backdrop.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"backdrop.d.ts","sourceRoot":"","sources":["../../../../src/components/backdrop/backdrop.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAK3C,QAAA,MAAM,eAAe;;SAWI,MAAO,WACzB;qGAHN,CAAC;AAOF,QAAA,MAAM,QAAQ,4DAMX,aAAa,GACd,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,GAC5C,IAAI,CACF,YAAY,EACZ,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,CACnE,sBAsBF,CAAC;AAEF,KAAK,aAAa,GAAG;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/types/components/base-styles/base-styles.d.ts

@@ -3,3 +3,4 @@ declare const buildGlobalStylesheet: (rootElement?: string, bodyElement?: string
 declare const BaseStyles: () => React.JSX.Element;
 export default BaseStyles;
 export { BaseStyles, buildGlobalStylesheet };
+//# sourceMappingURL=base-styles.d.ts.map

package/dist/types/components/base-styles/base-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-styles.d.ts","sourceRoot":"","sources":["../../../../src/components/base-styles/base-styles.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,QAAA,MAAM,qBAAqB,wDAgC1B,CAAC;AAEF,QAAA,MAAM,UAAU,yBAAyD,CAAC;AAE1E,eAAe,UAAU,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/types/components/button/button.d.ts

@@ -1,7 +1,10 @@
 import React from 'react';
 import { LensButtonProps } from '../../types';
-declare const ButtonWrapper: import("@emotion/styled").StyledComponent<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ButtonWrapperProps, object>;
-declare const Button: ({ size, children, variant, hasFullWidth, icon, iconPosition, logoSrc, hasLoader, isDisabled, htmlTag, refHandler, ...props }: ButtonProps & React.ComponentProps<typeof ButtonWrapper> & Omit<LensButtonProps, keyof ButtonProps & React.ComponentProps<typeof ButtonWrapper>>) => React.JSX.Element;
+declare const ButtonWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & ButtonWrapperProps, React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+declare const Button: ({ size, children, variant, hasFullWidth, icon, iconPosition, logoSrc, hasLoader, isDisabled, htmlTag, interactionName, onClick, refHandler, ...props }: ButtonProps & React.ComponentProps<typeof ButtonWrapper> & Omit<LensButtonProps, keyof ButtonProps & React.ComponentProps<typeof ButtonWrapper>>) => React.JSX.Element;
 type Variant = 'neutral' | 'primary' | 'secondary' | 'record' | 'upgrade' | 'danger' | 'ai';
 interface ButtonProps {
     size?: 'small' | 'medium' | 'large';
@@ -16,9 +19,12 @@ interface ButtonProps {
     hasLoader?: boolean;
     htmlTag?: 'button' | 'a';
     href?: string;
+    download?: string;
     target?: string;
     type?: string;
     refHandler?: (ref: HTMLButtonElement) => void;
+    /** Used to enable press tracing. See more at https://developer.atlassian.com/platform/ufo/react-ufo/react-ufo/press-interactions/#implementation */
+    interactionName?: string;
     /** @deprecated Usage of className results in non-standard components */
     className?: string;
     /** @deprecated Usage of style results in non-standard components */
@@ -43,3 +49,4 @@ export declare const availableVariants: string[];
 export declare const availableHtmlTags: string[];
 export declare const availableIconPositions: string[];
 export default Button;
+//# sourceMappingURL=button.d.ts.map

package/dist/types/components/button/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAI3C,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AA6G9C,QAAA,MAAM,aAAa;;SAzFP,MAAO,WAAW;sHAmJ7B,CAAC;AAmCF,QAAA,MAAM,MAAM,2JAeT,WAAW,GACZ,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,GAC1C,IAAI,CACF,eAAe,EACf,MAAM,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,CAC/D,sBAiEF,CAAC;AAEF,KAAK,OAAO,GACR,SAAS,GACT,SAAS,GACT,WAAW,GACX,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,IAAI,CAAC;AAET,UAAU,WAAW;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,oJAAoJ;IACpJ,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wEAAwE;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,KAAK,CAAC,EAAE,GAAG,CAAC;CACb;AAED,UAAU,kBAAkB;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B;AAED,eAAO,MAAM,cAAc,UAA2B,CAAC;AACvD,eAAO,MAAM,iBAAiB,UAA6B,CAAC;AAC5D,eAAO,MAAM,iBAAiB,UAAkB,CAAC;AACjD,eAAO,MAAM,sBAAsB,UAAoB,CAAC;AAExD,eAAe,MAAM,CAAC"}

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

@@ -1,7 +1,8 @@
 import React from 'react';
-declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps & React.ClassAttributes<HTMLInputElement> & React.InputHTMLAttributes<HTMLInputElement> & Pick<Pick<React.ClassAttributes<HTMLInputElement> & React.InputHTMLAttributes<HTMLInputElement>, keyof React.InputHTMLAttributes<HTMLInputElement>>, keyof React.InputHTMLAttributes<HTMLInputElement>> & {
-    theme?: object;
-}, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & React.ClassAttributes<HTMLInputElement> & React.InputHTMLAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
 type CheckboxProps = {
     isChecked?: boolean;
     isIndeterminate?: boolean;
@@ -11,3 +12,4 @@ type CheckboxProps = {
     onBlur?: React.ReactEventHandler;
 };
 export default Checkbox;
+//# sourceMappingURL=checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAwC,MAAM,OAAO,CAAC;AA6F7D,QAAA,MAAM,QAAQ;;SA7EY,MAAO,WAAW;0IA2H3C,CAAC;AAEF,KAAK,aAAa,GAAG;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACnC,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;CAClC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -1,6 +1,9 @@
 import React from 'react';
 import { LensDivProps } from '../../types';
-declare const ColorPickerContainer: import("@emotion/styled").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement>>, object>;
+declare const ColorPickerContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 declare const ColorPicker: ({ defaultColor, confirmButton, swatches, onChange, ...props }: ColorPickerProps & Omit<React.ComponentProps<typeof ColorPickerContainer>, keyof ColorPickerProps> & Omit<LensDivProps, keyof ColorPickerProps & Omit<React.ComponentProps<typeof ColorPickerContainer>, keyof ColorPickerProps>>) => React.JSX.Element;
 type ColorPickerProps = {
     defaultColor?: string;
@@ -9,3 +12,4 @@ type ColorPickerProps = {
     onChange?: (selectedColor: string) => void;
 };
 export default ColorPicker;
+//# sourceMappingURL=color-picker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"color-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/color-picker/color-picker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAuB,MAAM,OAAO,CAAC;AAG5C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AA2C3C,QAAA,MAAM,oBAAoB;;SA7BI,MAAO,WAGrC;qFAkCC,CAAC;AAyGF,QAAA,MAAM,WAAW,kEAMd,gBAAgB,GACjB,IAAI,CACF,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,EACjD,MAAM,gBAAgB,CACvB,GACD,IAAI,CACF,YAAY,EACZ,MAAM,gBAAgB,GACpB,IAAI,CACF,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,EACjD,MAAM,gBAAgB,CACvB,CACJ,sBA2BF,CAAC;AAOF,KAAK,gBAAgB,GAAG;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/types/components/container/container.d.ts

@@ -1,6 +1,9 @@
 import React from 'react';
 import { LensDivProps, ResponsiveType } from '../../types';
-declare const ContainerWrapper: import("@emotion/styled").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerWrapperProps, object>;
+declare const ContainerWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & ContainerWrapperProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 declare const Container: ({ children, backgroundColor, backgroundImage, contentColor, borderColor, radius, borderSide, borderWidth, shadow, padding, paddingX, paddingY, paddingLeft, paddingRight, paddingTop, paddingBottom, margin, marginX, marginY, marginLeft, marginRight, marginTop, marginBottom, width, height, minWidth, minHeight, maxWidth, maxHeight, htmlTag, position, overflow, zIndex, top, bottom, left, right, refHandler, ...props }: ContainerProps & React.ComponentProps<typeof ContainerWrapper> & Omit<LensDivProps, keyof ContainerProps & React.ComponentProps<typeof ContainerWrapper>>) => React.JSX.Element;
 export declare const availableBorderSides: string[];
 export declare const availableRadii: string[];
@@ -10,7 +13,7 @@ interface SharedProps {
     backgroundImage?: string;
     contentColor?: string;
     borderColor?: string;
-    radius?: 'medium' | 'large' | 'xlarge' | 'full';
+    radius?: 'medium' | 'large' | 'xlarge' | 'full' | 'none' | '50' | '100' | '150' | '175' | '200' | '250' | '300' | 'round';
     borderSide?: 'all' | 'left' | 'right' | 'top' | 'bottom';
     shadow?: 'small' | 'medium' | 'large';
     padding?: ResponsiveType<string | number> | null;
@@ -51,3 +54,4 @@ interface ContainerWrapperProps extends SharedProps {
     as?: string;
 }
 export default Container;
+//# sourceMappingURL=container.d.ts.map

package/dist/types/components/container/container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../../src/components/container/container.tsx"],"names":[],"mappings":"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"}

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

@@ -1,6 +1,9 @@
 import React from 'react';
 import { LensDivProps, ResponsiveType } from '../../types';
-declare const DistributeWrapper: import("@emotion/styled").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DistributeWrapperProps, object>;
+declare const DistributeWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & DistributeWrapperProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 declare const Distribute: ({ children, gap, direction, alignment, isSpread, htmlTag, ...props }: DistributeProps & React.ComponentProps<typeof DistributeWrapper> & Omit<LensDivProps, keyof DistributeProps & React.ComponentProps<typeof DistributeWrapper>>) => React.JSX.Element;
 export declare const availableDirections: string[];
 export declare const availableAlignments: string[];
@@ -22,3 +25,4 @@ type DistributeWrapperProps = {
     as?: string;
 };
 export default Distribute;
+//# sourceMappingURL=distribute.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"distribute.d.ts","sourceRoot":"","sources":["../../../../src/components/distribute/distribute.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAmE3D,QAAA,MAAM,iBAAiB;;SA1Cd,MAAO,WAAW;8GA0D1B,CAAC;AAEF,QAAA,MAAM,UAAU,yEAQb,eAAe,GAChB,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,GAC9C,IAAI,CACF,YAAY,EACZ,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,CACvE,sBAmBF,CAAC;AAEF,eAAO,MAAM,mBAAmB,UAAoB,CAAC;AACrD,eAAO,MAAM,mBAAmB,UAA0B,CAAC;AAC3D,eAAO,MAAM,iBAAiB,UAS7B,CAAC;AAEF,KAAK,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;AACxD,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,cAAc,CAAC,KAAK,GAAG,QAAQ,CAAC,CAAC;IAC7C,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACpC,QAAQ,CAAC,EAAE,cAAc,CAAC,IAAI,GAAG,KAAK,CAAC,CAAC;IACxC,OAAO,CAAC,EACJ,KAAK,GACL,QAAQ,GACR,SAAS,GACT,SAAS,GACT,KAAK,GACL,OAAO,GACP,QAAQ,GACR,MAAM,CAAC;IACX,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,sBAAsB,GAAG;IAC5B,aAAa,CAAC,EAAE,cAAc,CAAC,KAAK,GAAG,QAAQ,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,CAAC;IAC/B,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-declare const Dropdown: ({ menuPosition, menuZIndex, options, trigger, isOpen: isOpenFromProps, menuMinWidth, menuMaxWidth, menuMaxHeight, container, onOuterClick, triggerOffset, onOpenChange, ...props }: DropdownProps) => React.JSX.Element;
+declare const Dropdown: ({ ariaMenuName, menuPosition, menuZIndex, options, trigger, triggerCallback, isOpen: isOpenFromProps, menuMinWidth, menuMaxWidth, menuMaxHeight, container, onOuterClick, triggerOffset, onOpenChange, ...props }: DropdownProps) => React.JSX.Element;
 type OptionsObject = {
     key?: string;
     title?: React.ReactNode;
@@ -8,8 +8,16 @@ type OptionsObject = {
     disabled?: boolean;
     hasDivider?: boolean;
 };
-type DropdownProps = {
-    trigger?: React.ReactNode;
+type TriggerProps = {
+    /** @deprecated Use triggerCallback and possibly with ariaMenuName for better accessibility support */
+    trigger: React.ReactNode;
+    triggerCallback?: never;
+} | {
+    trigger?: never;
+    triggerCallback: (buttonProps: any) => React.ReactNode;
+};
+type DropdownProps = TriggerProps & {
+    ariaMenuName?: string;
     menuPosition?: 'left' | 'right' | 'topRight' | 'topLeft' | 'leftSide' | 'rightSide';
     options?: OptionsObject[];
     isOpen?: boolean;
@@ -23,3 +31,4 @@ type DropdownProps = {
     onOpenChange?: (isOpen: boolean) => void;
 };
 export default Dropdown;
+//# sourceMappingURL=dropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown/dropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AA4CnD,QAAA,MAAM,QAAQ,sNAgBX,aAAa,sBAqHf,CAAC;AAEF,KAAK,aAAa,GAAG;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,KAAK,YAAY,GACb;IACE,sGAAsG;IACtG,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,eAAe,CAAC,EAAE,KAAK,CAAC;CACzB,GACD;IACE,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,eAAe,EAAE,CAAC,WAAW,KAAA,KAAK,KAAK,CAAC,SAAS,CAAC;CACnD,CAAC;AAEN,KAAK,aAAa,GAAG,YAAY,GAAG;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,YAAY,CAAC,EACT,MAAM,GACN,OAAO,GACP,UAAU,GACV,SAAS,GACT,UAAU,GACV,WAAW,CAAC;IAChB,OAAO,CAAC,EAAE,aAAa,EAAE,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,SAAS,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,GAAG,MAAM,CAAC;IACvD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/types/components/error-container/error-container.d.ts

@@ -6,3 +6,4 @@ interface ErrorContainerProps {
 }
 declare const ErrorContainer: ({ children, errorActive, errorMessage, }: ErrorContainerProps) => React.JSX.Element;
 export default ErrorContainer;
+//# sourceMappingURL=error-container.d.ts.map

package/dist/types/components/error-container/error-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-container.d.ts","sourceRoot":"","sources":["../../../../src/components/error-container/error-container.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAqBD,QAAA,MAAM,cAAc,6CAIjB,mBAAmB,sBAoBrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -1,6 +1,9 @@
 import React, { ReactNode } from 'react';
 import { LensDivProps } from '../../types';
-declare const FormFieldWrapper: import("@emotion/styled").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, FormFieldProps, object>;
+declare const FormFieldWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & FormFieldProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 declare const FormField: ({ label, children, errorMessage, labelFor, direction, ...props }: FormFieldProps & React.ComponentProps<typeof FormFieldWrapper> & Omit<LensDivProps, keyof FormFieldProps & React.ComponentProps<typeof FormFieldWrapper>>) => React.JSX.Element;
 type FormFieldProps = {
     label?: ReactNode;
@@ -8,5 +11,7 @@ type FormFieldProps = {
     labelFor?: string;
     children?: React.ReactNode;
     direction?: 'row' | 'column';
+    isLabelClickable?: boolean;
 };
 export default FormField;
+//# sourceMappingURL=form-field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["../../../../src/components/form-field/form-field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAkB,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAqB3C,QAAA,MAAM,gBAAgB;;SAJb,MAAO,WAAW;sGAM1B,CAAC;AAkCF,QAAA,MAAM,SAAS,qEAOZ,cAAc,GACf,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,GAC7C,IAAI,CACF,YAAY,EACZ,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,CACrE,sBAsCF,CAAC;AAEF,KAAK,cAAc,GAAG;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -1,2 +1,3 @@
 import React from 'react';
 export declare const SvgAccountCircle: (props: any) => React.JSX.Element;
+//# sourceMappingURL=account-circle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"account-circle.d.ts","sourceRoot":"","sources":["../../../../../src/components/icon/available-icons/account-circle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,gBAAgB,mCAS5B,CAAC"}

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

@@ -1,2 +1,3 @@
 import * as React from 'react';
-export declare function SvgAccount(props: any): React.JSX.Element;
+export declare function SvgAccount(): React.JSX.Element;
+//# sourceMappingURL=account.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"account.d.ts","sourceRoot":"","sources":["../../../../../src/components/icon/available-icons/account.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,wBAAgB,UAAU,sBAEzB"}

package/dist/types/components/icon/available-icons/actionItem.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const SvgActionItem: () => React.JSX.Element;
+//# sourceMappingURL=actionItem.d.ts.map

package/dist/types/components/icon/available-icons/actionItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"actionItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/icon/available-icons/actionItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,aAAa,yBAEzB,CAAC"}

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

@@ -1,2 +1,3 @@
 import React from 'react';
 export declare const SvgAddAPhoto: (props: any) => React.JSX.Element;
+//# sourceMappingURL=add-a-photo.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"add-a-photo.d.ts","sourceRoot":"","sources":["../../../../../src/components/icon/available-icons/add-a-photo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,YAAY,mCASxB,CAAC"}

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

@@ -1,2 +1,3 @@
 import React from 'react';
 export declare const SvgAddCircleOutline: (props: any) => React.JSX.Element;
+//# sourceMappingURL=add-circle-outline.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"add-circle-outline.d.ts","sourceRoot":"","sources":["../../../../../src/components/icon/available-icons/add-circle-outline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,mBAAmB,mCAS/B,CAAC"}

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

@@ -1,2 +1,3 @@
 import * as React from 'react';
 export declare function SvgAddClip(props: any): React.JSX.Element;
+//# sourceMappingURL=add-clip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"add-clip.d.ts","sourceRoot":"","sources":["../../../../../src/components/icon/available-icons/add-clip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,wBAAgB,UAAU,CAAC,KAAK,EAAE,GAAG,qBA2DpC"}

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

@@ -1,2 +1,3 @@
 import * as React from 'react';
 export declare function SvgAddPhoto(props: any): React.JSX.Element;
+//# sourceMappingURL=add-photo.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"add-photo.d.ts","sourceRoot":"","sources":["../../../../../src/components/icon/available-icons/add-photo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,wBAAgB,WAAW,CAAC,KAAK,EAAE,GAAG,qBAuBrC"}

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

@@ -1,2 +1,3 @@
 import React from 'react';
-export declare const SvgAdd: (props: any) => React.JSX.Element;
+export declare const SvgAdd: () => React.JSX.Element;
+//# sourceMappingURL=add.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"add.d.ts","sourceRoot":"","sources":["../../../../../src/components/icon/available-icons/add.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,MAAM,yBAAyD,CAAC"}

package/dist/types/components/icon/available-icons/airtable.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare function SvgAirtable(props: any): React.JSX.Element;
+//# sourceMappingURL=airtable.d.ts.map

package/dist/types/components/icon/available-icons/airtable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"airtable.d.ts","sourceRoot":"","sources":["../../../../../src/components/icon/available-icons/airtable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,wBAAgB,WAAW,CAAC,KAAK,EAAE,GAAG,qBA2BrC"}

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

@@ -1,2 +1,3 @@
 import * as React from 'react';
 export declare function SvgAlarmClockComplete(props: any): React.JSX.Element;
+//# sourceMappingURL=alarm-clock-complete.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alarm-clock-complete.d.ts","sourceRoot":"","sources":["../../../../../src/components/icon/available-icons/alarm-clock-complete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,GAAG,qBAW/C"}

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

@@ -1,2 +1,3 @@
 import * as React from 'react';
 export declare function SvgAlarmClock(props: any): React.JSX.Element;
+//# sourceMappingURL=alarm-clock.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alarm-clock.d.ts","sourceRoot":"","sources":["../../../../../src/components/icon/available-icons/alarm-clock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,wBAAgB,aAAa,CAAC,KAAK,EAAE,GAAG,qBAWvC"}

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

@@ -1,2 +1,3 @@
 import * as React from 'react';
-export declare function SvgAlertTriangle(props: any): React.JSX.Element;
+export declare function SvgAlertTriangle(): React.JSX.Element;
+//# sourceMappingURL=alert-triangle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert-triangle.d.ts","sourceRoot":"","sources":["../../../../../src/components/icon/available-icons/alert-triangle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,wBAAgB,gBAAgB,sBAE/B"}

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

@@ -1,2 +1,3 @@
 import * as React from 'react';
 export declare function SvgAlignBottom(props: any): React.JSX.Element;
+//# sourceMappingURL=align-bottom.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"align-bottom.d.ts","sourceRoot":"","sources":["../../../../../src/components/icon/available-icons/align-bottom.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,wBAAgB,cAAc,CAAC,KAAK,EAAE,GAAG,qBAiBxC"}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const SvgAlignCenter: () => React.JSX.Element;
+//# sourceMappingURL=align-center.d.ts.map

package/dist/types/components/icon/available-icons/align-center.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"align-center.d.ts","sourceRoot":"","sources":["../../../../../src/components/icon/available-icons/align-center.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,cAAc,yBAE1B,CAAC"}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const SvgAlignLeft: () => React.JSX.Element;
+//# sourceMappingURL=align-left.d.ts.map

package/dist/types/components/icon/available-icons/align-left.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"align-left.d.ts","sourceRoot":"","sources":["../../../../../src/components/icon/available-icons/align-left.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,YAAY,yBAExB,CAAC"}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const SvgAlignRight: () => React.JSX.Element;
+//# sourceMappingURL=align-right.d.ts.map

package/dist/types/components/icon/available-icons/align-right.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"align-right.d.ts","sourceRoot":"","sources":["../../../../../src/components/icon/available-icons/align-right.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,aAAa,yBAEzB,CAAC"}

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

@@ -1,2 +1,3 @@
 import * as React from 'react';
 export declare function SvgApple(props: any): React.JSX.Element;
+//# sourceMappingURL=apple.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"apple.d.ts","sourceRoot":"","sources":["../../../../../src/components/icon/available-icons/apple.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,wBAAgB,QAAQ,CAAC,KAAK,EAAE,GAAG,qBAclC"}

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

@@ -1,2 +1,3 @@
 import React from 'react';
 export declare const SvgApps: (props: any) => React.JSX.Element;
+//# sourceMappingURL=apps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"apps.d.ts","sourceRoot":"","sources":["../../../../../src/components/icon/available-icons/apps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,OAAO,mCASnB,CAAC"}

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

@@ -1,2 +1,3 @@
 import * as React from 'react';
-export declare function SvgArchive(props: any): React.JSX.Element;
+export declare function SvgArchive(): React.JSX.Element;
+//# sourceMappingURL=archive.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"archive.d.ts","sourceRoot":"","sources":["../../../../../src/components/icon/available-icons/archive.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,wBAAgB,UAAU,sBAEzB"}

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

@@ -1,2 +1,3 @@
 import React from 'react';
 export declare const SvgArrowBack: (props: any) => React.JSX.Element;
+//# sourceMappingURL=arrow-back.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-back.d.ts","sourceRoot":"","sources":["../../../../../src/components/icon/available-icons/arrow-back.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,YAAY,mCAOxB,CAAC"}

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

@@ -1,2 +1,3 @@
 import React from 'react';
-export declare const SvgArrowDownward: (props: any) => React.JSX.Element;
+export declare const SvgArrowDownward: () => React.JSX.Element;
+//# sourceMappingURL=arrow-downward.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-downward.d.ts","sourceRoot":"","sources":["../../../../../src/components/icon/available-icons/arrow-downward.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,gBAAgB,yBAE5B,CAAC"}

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

@@ -1,2 +1,3 @@
 import React from 'react';
 export declare const SvgArrowDropDown: (props: any) => React.JSX.Element;
+//# sourceMappingURL=arrow-drop-down.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-drop-down.d.ts","sourceRoot":"","sources":["../../../../../src/components/icon/available-icons/arrow-drop-down.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,gBAAgB,mCAO5B,CAAC"}

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

@@ -1,2 +1,3 @@
 import React from 'react';
 export declare const SvgArrowDropUp: (props: any) => React.JSX.Element;
+//# sourceMappingURL=arrow-drop-up.d.ts.map