@mezo-org/mezo-clay 0.1.0-dev.1.1 → 0.1.0-dev.11

package/README.md

@@ -29,6 +29,7 @@ Open [http://localhost:6006/](http://localhost:6006/) to view it in the browser.
 ```shell
 pnpm run format
 ```
+
 This will lint both config files and ts/tsx/js/jsx files. See the `package.json` for specific linting commands.
 
 #### Pre-commit
@@ -77,13 +78,12 @@ pnpm add styletron-engine-monolithic
 
 ### Adding Clay to your React app
 
-Wrap the root of your app with `StyletronProvider` and `BaseProvider` components, like so:
+Wrap the root of your app with `ClayProvider` component, like so:
 
 ```js
 import { StrictMode } from "react"
 import { createRoot } from "react-dom/client"
-import { Client as Styletron } from "styletron-engine-monolithic"
-import { BaseProvider, ClayLightTheme, StyletronProvider } from "mezo-clay"
+import { ClayLightTheme } from "mezo-clay"
 
 import "mezo-clay/dist/mezo-clay.css" // Font styles
 
@@ -93,11 +93,9 @@ const engine = new Styletron()
 
 createRoot(document.getElementById('root')!).render(
     <StrictMode>
-      <StyletronProvider value={engine}>
-        <BaseProvider theme={ClayLightTheme}>
+      <ClayProvider theme={ClayLightTheme}>
           <App />
-        </BaseProvider>
-      </StyletronProvider>
+      </ClayProvider>
     </StrictMode>
   ,
 )

package/dist/components/accordion/accordion.d.ts

@@ -0,0 +1,2 @@
+import { AccordionProps } from './types';
+export default function Accordion({ accordion, children, disabled, initialState, onChange, overrides, size, stateReducer, renderAll, toggleIcon, }: AccordionProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/accordion/constants.d.ts

@@ -0,0 +1,10 @@
+export declare const ACCORDION_SIZE: {
+    compact: string;
+    standard: string;
+};
+export declare const PANEL_ARTWORK_SIZE: {
+    CUSTOM: string;
+    SMALL: "SMALL";
+    MEDIUM: "MEDIUM";
+    LARGE: "LARGE";
+};

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

@@ -0,0 +1,4 @@
+export { default as Accordion } from './accordion';
+export { Panel, PanelTitle } from './panel';
+export * from './types';
+export * from './constants';

package/dist/components/accordion/panel.d.ts

@@ -0,0 +1,3 @@
+import { PanelTitleProps } from './types';
+export declare function PanelTitle({ artwork, artworkSize, title, subtitle, }: PanelTitleProps): import("react/jsx-runtime").JSX.Element;
+export { Panel } from 'baseui/accordion';

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

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { AccordionProps as BaseAccordionProps } from 'baseui/accordion';
+import { Icon } from 'baseui/icon';
+import { ACCORDION_SIZE, PANEL_ARTWORK_SIZE } from './constants';
+export interface AccordionProps extends BaseAccordionProps {
+    size: keyof typeof ACCORDION_SIZE;
+    toggleIcon?: React.ReactElement<typeof Icon>;
+}
+export type { PanelProps } from 'baseui/accordion';
+export interface PanelTitleProps {
+    artwork?: React.ReactNode;
+    artworkSize?: keyof typeof PANEL_ARTWORK_SIZE;
+    subtitle?: React.ReactNode;
+    title: React.ReactNode;
+}

package/dist/components/badge/hint.d.ts

@@ -0,0 +1,6 @@
+import { HintDotProps } from 'baseui/badge';
+import { BadgeStyle } from './types';
+export type HintBadgeProps = {
+    style?: BadgeStyle;
+} & Omit<HintDotProps, "color">;
+export default function HintBadge({ style, overrides, ...restProps }: HintBadgeProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+export { default as HintBadge } from './hint';
+export type { HintBadgeProps } from './hint';
+export { default as NotificationBadge } from './notification';
+export type { NotificationBadgeProps } from './notification';
+export * from './types';

package/dist/components/badge/notification.d.ts

@@ -0,0 +1,9 @@
+import { NotificationCircleProps } from 'baseui/badge';
+import { BadgeStyle } from './types';
+type NotificationBadgeSize = "small" | "medium";
+export type NotificationBadgeProps = {
+    size?: NotificationBadgeSize;
+    style?: BadgeStyle;
+} & Omit<NotificationCircleProps, "color">;
+export default function NotificationBadge({ size, style, overrides, ...restProps }: NotificationBadgeProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+import { Color } from 'baseui/badge';
+export type BadgeStyle = Exclude<Color, "primary">;

package/dist/components/banner/banner.d.ts

@@ -0,0 +1,17 @@
+import { BannerProps, BannerVariantProps } from './types';
+export declare const useBannerContext: () => {
+    actionLabel: BannerProps["actionLabel"];
+    artworkType: BannerProps["artworkType"];
+    hierarchy: BannerProps["hierarchy"];
+    kind?: BannerProps["kind"];
+    onClick: BannerProps["onClick"];
+};
+export declare function BannerCloseIcon({ size }: {
+    size: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function BannerTrailingButtonContainer(): import("react/jsx-runtime").JSX.Element;
+export default function Banner({ actionIcon, actionLabel, artworkIcon, artworkType, children, hierarchy, kind, onClick, overrides, nested, title, }: BannerProps): import("react/jsx-runtime").JSX.Element;
+export declare function BannerInfo({ artworkType, children, ...restProps }: BannerVariantProps): import("react/jsx-runtime").JSX.Element;
+export declare function BannerNegative({ artworkType, children, ...restProps }: BannerVariantProps): import("react/jsx-runtime").JSX.Element;
+export declare function BannerPositive({ artworkType, children, ...restProps }: BannerVariantProps): import("react/jsx-runtime").JSX.Element;
+export declare function BannerWarning({ artworkType, children, ...restProps }: BannerVariantProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,3 @@
+export { default as Banner, BannerInfo, BannerCloseIcon, BannerNegative, BannerPositive, BannerTrailingButtonContainer, BannerWarning, } from './banner';
+export * from './types';
+export { ARTWORK_TYPE as BANNER_ARTWORK_TYPE, StyledTrailingButtonContainer, } from 'baseui/banner';

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

@@ -0,0 +1,10 @@
+import { BannerProps as BaseBannerProps, ActionContent as BaseActionContent, ArtworkContent as BaseArtworkContent } from 'baseui/banner';
+export interface BannerProps extends Omit<Omit<BaseBannerProps, "action">, "artwork"> {
+    actionIcon?: BaseActionContent["icon"];
+    actionLabel?: BaseActionContent["label"];
+    onClick?: BaseActionContent["onClick"];
+    artworkIcon?: BaseArtworkContent["icon"];
+    artworkType?: BaseArtworkContent["type"];
+}
+export interface BannerVariantProps extends Omit<Omit<BannerProps, "artworkIcon">, "kind"> {
+}

package/dist/components/banner/utils.d.ts

@@ -0,0 +1,256 @@
+import { ReactElement } from 'react';
+import { BannerCloseIcon, BannerVariantProps } from './index';
+type RenderFn = (args: BannerVariantProps) => ReactElement;
+export declare function getLowHierarchyStory(renderFn: RenderFn): {
+    args: {
+        actionIcon: any;
+        actionLabel: any;
+        artworkType: any;
+        children: string;
+        hierarchy: BannerVariantProps["hierarchy"];
+        onClick: any;
+        overrides: {};
+        nested: boolean;
+        title: string;
+    };
+    render: RenderFn;
+};
+export declare function getLowHierarchyWithActionButtonStory(renderFn: RenderFn): {
+    args: {
+        actionLabel: string;
+        onClick: () => void;
+        actionIcon: any;
+        artworkType: any;
+        children: string;
+        hierarchy: BannerVariantProps["hierarchy"];
+        overrides: {};
+        nested: boolean;
+        title: string;
+    };
+    render: RenderFn;
+};
+export declare function getLowHierarchyWithActionIconStory(renderFn: RenderFn): {
+    args: {
+        actionLabel: string;
+        actionIcon: typeof BannerCloseIcon;
+        onClick: () => void;
+        artworkType: any;
+        children: string;
+        hierarchy: BannerVariantProps["hierarchy"];
+        overrides: {};
+        nested: boolean;
+        title: string;
+    };
+    render: RenderFn;
+};
+export declare function getLowHierarchyWithArtworkWithBadgeStory(renderFn: RenderFn): {
+    args: {
+        artworkType: "badge";
+        actionIcon: any;
+        actionLabel: any;
+        children: string;
+        hierarchy: BannerVariantProps["hierarchy"];
+        onClick: any;
+        overrides: {};
+        nested: boolean;
+        title: string;
+    };
+    render: RenderFn;
+};
+export declare function getLowHierarchyWithArtworkWithBadgeAndButtonStory(renderFn: RenderFn): {
+    args: {
+        artworkType: "badge";
+        actionLabel: string;
+        onClick: () => void;
+        actionIcon: any;
+        children: string;
+        hierarchy: BannerVariantProps["hierarchy"];
+        overrides: {};
+        nested: boolean;
+        title: string;
+    };
+    render: RenderFn;
+};
+export declare function getLowHierarchyWithArtworkWithBadgeAndCloseStory(renderFn: RenderFn): {
+    args: {
+        artworkType: "badge";
+        actionLabel: string;
+        actionIcon: typeof BannerCloseIcon;
+        onClick: () => void;
+        children: string;
+        hierarchy: BannerVariantProps["hierarchy"];
+        overrides: {};
+        nested: boolean;
+        title: string;
+    };
+    render: RenderFn;
+};
+export declare function getLowHierarchyWithArtworkWithIconStory(renderFn: RenderFn): {
+    args: {
+        artworkType: "icon";
+        actionIcon: any;
+        actionLabel: any;
+        children: string;
+        hierarchy: BannerVariantProps["hierarchy"];
+        onClick: any;
+        overrides: {};
+        nested: boolean;
+        title: string;
+    };
+    render: RenderFn;
+};
+export declare function getLowHierarchyWithArtworkWithIconAndButtonStory(renderFn: RenderFn): {
+    args: {
+        artworkType: "icon";
+        actionLabel: string;
+        onClick: () => void;
+        actionIcon: any;
+        children: string;
+        hierarchy: BannerVariantProps["hierarchy"];
+        overrides: {};
+        nested: boolean;
+        title: string;
+    };
+    render: RenderFn;
+};
+export declare function getLowHierarchyWithArtworkWithIconAndCloseStory(renderFn: RenderFn): {
+    args: {
+        artworkType: "icon";
+        actionLabel: string;
+        actionIcon: typeof BannerCloseIcon;
+        onClick: () => void;
+        children: string;
+        hierarchy: BannerVariantProps["hierarchy"];
+        overrides: {};
+        nested: boolean;
+        title: string;
+    };
+    render: RenderFn;
+};
+export declare function getHighHierarchyStory(renderFn: RenderFn): {
+    args: {
+        hierarchy: import('baseui/banner').Hierarchy;
+        actionIcon: any;
+        actionLabel: any;
+        artworkType: any;
+        children: string;
+        onClick: any;
+        overrides: {};
+        nested: boolean;
+        title: string;
+    };
+    render: RenderFn;
+};
+export declare function getHighHierarchyWithActionButtonStory(renderFn: RenderFn): {
+    args: {
+        hierarchy: import('baseui/banner').Hierarchy;
+        actionLabel: string;
+        onClick: () => void;
+        actionIcon: any;
+        artworkType: any;
+        children: string;
+        overrides: {};
+        nested: boolean;
+        title: string;
+    };
+    render: RenderFn;
+};
+export declare function getHighHierarchyWithActionIconStory(renderFn: RenderFn): {
+    args: {
+        hierarchy: import('baseui/banner').Hierarchy;
+        actionLabel: string;
+        actionIcon: typeof BannerCloseIcon;
+        onClick: () => void;
+        artworkType: any;
+        children: string;
+        overrides: {};
+        nested: boolean;
+        title: string;
+    };
+    render: RenderFn;
+};
+export declare function getHighHierarchyWithArtworkWithBadgeStory(renderFn: RenderFn): {
+    args: {
+        hierarchy: import('baseui/banner').Hierarchy;
+        artworkType: "badge";
+        actionIcon: any;
+        actionLabel: any;
+        children: string;
+        onClick: any;
+        overrides: {};
+        nested: boolean;
+        title: string;
+    };
+    render: RenderFn;
+};
+export declare function getHighHierarchyWithArtworkWithBadgeAndButtonStory(renderFn: RenderFn): {
+    args: {
+        hierarchy: import('baseui/banner').Hierarchy;
+        artworkType: "badge";
+        actionLabel: string;
+        onClick: () => void;
+        actionIcon: any;
+        children: string;
+        overrides: {};
+        nested: boolean;
+        title: string;
+    };
+    render: RenderFn;
+};
+export declare function getHighHierarchyWithArtworkWithBadgeAndCloseStory(renderFn: RenderFn): {
+    args: {
+        hierarchy: import('baseui/banner').Hierarchy;
+        artworkType: "badge";
+        actionLabel: string;
+        actionIcon: typeof BannerCloseIcon;
+        onClick: () => void;
+        children: string;
+        overrides: {};
+        nested: boolean;
+        title: string;
+    };
+    render: RenderFn;
+};
+export declare function getHighHierarchyWithArtworkWithIconStory(renderFn: RenderFn): {
+    args: {
+        hierarchy: import('baseui/banner').Hierarchy;
+        artworkType: "icon";
+        actionIcon: any;
+        actionLabel: any;
+        children: string;
+        onClick: any;
+        overrides: {};
+        nested: boolean;
+        title: string;
+    };
+    render: RenderFn;
+};
+export declare function getHighHierarchyWithArtworkWithIconAndButtonStory(renderFn: RenderFn): {
+    args: {
+        hierarchy: import('baseui/banner').Hierarchy;
+        artworkType: "icon";
+        actionLabel: string;
+        onClick: () => void;
+        actionIcon: any;
+        children: string;
+        overrides: {};
+        nested: boolean;
+        title: string;
+    };
+    render: RenderFn;
+};
+export declare function getHighHierarchyWithArtworkWithIconAndCloseStory(renderFn: RenderFn): {
+    args: {
+        hierarchy: import('baseui/banner').Hierarchy;
+        artworkType: "icon";
+        actionLabel: string;
+        actionIcon: typeof BannerCloseIcon;
+        onClick: () => void;
+        children: string;
+        overrides: {};
+        nested: boolean;
+        title: string;
+    };
+    render: RenderFn;
+};
+export {};

package/dist/components/breadcrumbs/breadcrumbs.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+import { BreadcrumbsProps as BaseBreadcrumbsProps } from 'baseui/breadcrumbs';
+import { Icon } from 'baseui/icon';
+export type BreadcrumbsProps = BaseBreadcrumbsProps & {
+    icon?: ReactElement<typeof Icon>;
+};
+export declare function Breadcrumbs({ children, icon, overrides, ...restProps }: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export * from './breadcrumbs';
+export { StyledSeparator as BreadcrumbStyledSeparator } from 'baseui/breadcrumbs';

package/dist/components/card/card.d.ts

@@ -0,0 +1,6 @@
+import { CardProps as BaseUiCardProps } from 'baseui/card';
+export type CardProps = {
+    withBorder?: boolean;
+    backgroundColor?: string;
+} & BaseUiCardProps;
+export default function Card({ withBorder, backgroundColor, overrides, children, ...props }: CardProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,3 @@
+export { StyledBody as CardBody, StyledAction as CardFooter } from 'baseui/card';
+export { default as Card } from './card';
+export type { CardProps } from './card';

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

@@ -0,0 +1,5 @@
+import { CheckboxProps as BaseCheckboxProps } from 'baseui/checkbox';
+export type CheckboxProps = BaseCheckboxProps & {
+    prefilled?: boolean;
+};
+export declare function Checkbox({ overrides, checked, disabled, error, prefilled, ...restProps }: CheckboxProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export * from './checkbox';

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

@@ -0,0 +1,9 @@
+export declare const DIVIDER_SIZE: {
+    readonly cell: "cell";
+    readonly section: "section";
+    readonly module: "module";
+};
+export type DividerProps = {
+    $size: keyof typeof DIVIDER_SIZE;
+};
+export declare function Divider({ $size }: DividerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/alert-triangle/index.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+export declare const AlertTriangle: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
+    children?: React.ReactNode;
+    size?: import('baseui/icon').Size;
+    color?: import('baseui/icon').Color;
+    title?: string | null;
+    overrides?: import('baseui/icon').IconOverrides;
+} & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;
+export declare const AlertTriangleBadge: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
+    children?: React.ReactNode;
+    size?: import('baseui/icon').Size;
+    color?: import('baseui/icon').Color;
+    title?: string | null;
+    overrides?: import('baseui/icon').IconOverrides;
+} & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;

package/dist/components/icons/bezier-curve/index.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+declare const BezierCurve02: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
+    children?: React.ReactNode;
+    size?: import('baseui/icon').Size;
+    color?: import('baseui/icon').Color;
+    title?: string | null;
+    overrides?: import('baseui/icon').IconOverrides;
+} & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;
+export default BezierCurve02;

package/dist/components/icons/check-circle/index.d.ts

@@ -1,9 +1,15 @@
 import * as React from "react";
-declare const CheckCircle: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
+export declare const CheckCircle: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
+    children?: React.ReactNode;
+    size?: import('baseui/icon').Size;
+    color?: import('baseui/icon').Color;
+    title?: string | null;
+    overrides?: import('baseui/icon').IconOverrides;
+} & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;
+export declare const CheckCircleBadge: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
     children?: React.ReactNode;
     size?: import('baseui/icon').Size;
     color?: import('baseui/icon').Color;
     title?: string | null;
     overrides?: import('baseui/icon').IconOverrides;
 } & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;
-export default CheckCircle;

package/dist/components/icons/circle-cut/index.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+declare const CircleCut: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
+    children?: React.ReactNode;
+    size?: import('baseui/icon').Size;
+    color?: import('baseui/icon').Color;
+    title?: string | null;
+    overrides?: import('baseui/icon').IconOverrides;
+} & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;
+export default CircleCut;

package/dist/components/icons/coins-swap/index.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export declare const CoinsSwap02: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
+    children?: React.ReactNode;
+    size?: import('baseui/icon').Size;
+    color?: import('baseui/icon').Color;
+    title?: string | null;
+    overrides?: import('baseui/icon').IconOverrides;
+} & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;

package/dist/components/icons/copy/index.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+export declare const Copy03: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
+    children?: React.ReactNode;
+    size?: import('baseui/icon').Size;
+    color?: import('baseui/icon').Color;
+    title?: string | null;
+    overrides?: import('baseui/icon').IconOverrides;
+} & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;

package/dist/components/icons/cryptocurrency/index.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+export declare const Cryptocurrency04: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
+    children?: React.ReactNode;
+    size?: import('baseui/icon').Size;
+    color?: import('baseui/icon').Color;
+    title?: string | null;
+    overrides?: import('baseui/icon').IconOverrides;
+} & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;

package/dist/components/icons/email/index.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+export declare const Email01: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
+    children?: React.ReactNode;
+    size?: import('baseui/icon').Size;
+    color?: import('baseui/icon').Color;
+    title?: string | null;
+    overrides?: import('baseui/icon').IconOverrides;
+} & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;

package/dist/components/icons/gas-fee/index.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+declare const GasFee: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
+    children?: React.ReactNode;
+    size?: import('baseui/icon').Size;
+    color?: import('baseui/icon').Color;
+    title?: string | null;
+    overrides?: import('baseui/icon').IconOverrides;
+} & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;
+export default GasFee;

package/dist/components/icons/handshake/index.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+declare const Handshake: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
+    children?: React.ReactNode;
+    size?: import('baseui/icon').Size;
+    color?: import('baseui/icon').Color;
+    title?: string | null;
+    overrides?: import('baseui/icon').IconOverrides;
+} & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;
+export default Handshake;

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

@@ -1,42 +1,57 @@
-export { Icon } from 'baseui/icon';
-export type { IconProps } from 'baseui/icon';
 export { default as AlertCircle } from './alert-circle';
+export { AlertTriangle, AlertTriangleBadge } from './alert-triangle';
 export { default as Apple } from './apple';
 export { default as ArrowNarrowLeft } from './arrow-narrow-left';
 export { default as ArrowNarrowRight } from './arrow-narrow-right';
 export { Building02 } from './building';
-export { default as CheckCircle } from './check-circle';
+export { CheckCircle, CheckCircleBadge } from './check-circle';
 export { default as ChevronDown } from './chevron-down';
 export { default as ChevronLeft } from './chevron-left';
 export { default as ChevronRight } from './chevron-right';
 export { default as ChevronSelectorHorizontal } from './chevron-selector-horizontal';
 export { default as ChevronSelectorVertical } from './chevron-selector-vertical';
 export { default as ChevronUp } from './chevron-up';
+export { default as CircleCut } from './circle-cut';
 export { default as Close } from './close';
 export { default as CoinsHand } from './coins-hand';
+export { CoinsSwap02 } from './coins-swap';
+export { Copy03 } from './copy';
+export { Cryptocurrency04 } from './cryptocurrency';
 export { Cube01 } from './cube';
 export { default as Discord } from './discord';
+export { Email01 } from './email';
 export { default as Eye } from './eye';
 export { default as EyeOff } from './eye-off';
+export { default as GasFee } from './gas-fee';
 export { default as Google } from './google';
+export { default as Handshake } from './handshake';
 export { default as Heart } from './heart';
 export { HomeSmile } from './home-smile';
-export { default as InfoCircle } from './info-circle';
+export { InfoCircle, InfoCircleBadge } from './info-circle';
 export { Lightning01 } from './lightning';
 export { LinkExternal02 } from './link-external';
 export { default as Loading } from './loading';
+export { Lock03 } from './lock';
 export { LogIn01 } from './log-in';
-export { default as MatsCircle } from './mats-circle';
+export { default as Mats } from './mats';
+export { MatsCircle, MatsCircleBlack } from './mats-circle';
 export { default as Menu } from './menu';
+export { default as MessageQuestionCircle } from './message-question-circle';
 export { default as MinusCircle } from './minus-circle';
 export { default as MinusSquare } from './minus-square';
+export { default as Plus } from './plus';
 export { default as PlusCircle } from './plus-circle';
 export { ReceiptCheck } from './receipt';
 export { SearchSmall, SearchMedium, SearchLarge } from './search';
+export { Settings01, Settings03 } from './settings';
+export { ShieldZap } from './shield';
 export { default as Square } from './square';
 export { Star01, Star01Outline, Star05, Star05Outline } from './star';
-export { Trophy01 } from './trophy';
+export { Tag02 } from './tag';
+export { Trophy02 } from './trophy';
+export { Upload04 } from './upload';
 export { default as User03 } from './user';
-export { default as Wallet } from './wallet';
+export { Wallet03, Wallet04 } from './wallet';
 export { default as XCircle } from './x-circle';
 export { default as XTwitter } from './x-twitter';
+export { default as BezierCurve02 } from './bezier-curve';

package/dist/components/icons/info-circle/index.d.ts

@@ -1,9 +1,15 @@
 import * as React from "react";
-declare const InfoCircle: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
+export declare const InfoCircle: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
+    children?: React.ReactNode;
+    size?: import('baseui/icon').Size;
+    color?: import('baseui/icon').Color;
+    title?: string | null;
+    overrides?: import('baseui/icon').IconOverrides;
+} & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;
+export declare const InfoCircleBadge: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
     children?: React.ReactNode;
     size?: import('baseui/icon').Size;
     color?: import('baseui/icon').Color;
     title?: string | null;
     overrides?: import('baseui/icon').IconOverrides;
 } & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;
-export default InfoCircle;