@mezo-org/mezo-clay 0.1.0-dev.0

package/README.md

@@ -0,0 +1,104 @@
+# Mezo Clay
+
+Mezo Clay is Mezo's UI component library.
+
+## Development
+
+### Installation
+
+This project uses [pnpm](https://pnpm.io/installation) for package management.
+
+To install dependencies run:
+
+```sh
+pnpm install
+```
+
+### Run the development server
+
+This project uses [Storybook](https://storybook.js.org/) to view, develop and test UI components in isolation.
+
+```sh
+pnpm run dev
+```
+
+Open [http://localhost:6006/](http://localhost:6006/) to view it in the browser.
+
+### Linting
+
+```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
+
+The project includes a [pre-commit](https://pre-commit.com/) hook to automate linting when you commit. Please refer to the [docs](https://pre-commit.com/#install) to install.
+
+### Testing
+
+Storybook automatically runs component tests for each story (if written as a [play function](https://storybook.js.org/docs/writing-stories/play-function)) and are visible in the UI under the "Component Tests" tab. We've set up the [test-addon](https://storybook.js.org/docs/writing-tests/test-addon) to use Vitest as the test runner. You can also run all tests in the terminal:
+
+```shell
+pnpm run test
+```
+
+### Build
+
+#### Build storybook
+
+```shell
+pnpm run build
+```
+
+The storybook build will be generated as the /storybook-static directory.
+
+#### Build the library
+
+```shell
+pnpm run build:lib
+```
+
+The library is output as the /dist directory.
+
+## Using Clay
+
+### Install
+
+// TODO instructions for installing mezo-clay package
+
+Clay (and Base) uses [Styletron](https://www.styletron.org/) for its component styling (as css in js), and requires its engine as a peer dependency, so you will need to install it as well.
+
+```shell
+pnpm add styletron-engine-monolithic
+```
+
+### Adding Clay to your React app
+
+Wrap the root of your app with `StyletronProvider` and `BaseProvider` components, 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 "mezo-clay/dist/mezo-clay.css" // Font styles
+
+import App from "./App.tsx"
+
+const engine = new Styletron()
+
+createRoot(document.getElementById('root')!).render(
+    <StrictMode>
+      <StyletronProvider value={engine}>
+        <BaseProvider theme={ClayLightTheme}>
+          <App />
+        </BaseProvider>
+      </StyletronProvider>
+    </StrictMode>
+  ,
+)
+```
+
+Import the `mezo-clay/dist/mezo-clay.css` to ensure that the proper fonts are included.

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

@@ -0,0 +1 @@
+export type { BlockProps } from 'baseui/block';

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

@@ -0,0 +1,3 @@
+import { ButtonProps } from './types';
+export declare function getBaseButtonSize(size: any): any;
+export default function Button({ $as, children, colors, disabled, endEnhancer, href, isLoading, isSelected, kind, onClick, overrides, shape, size, startEnhancer, target, type, }: ButtonProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,11 @@
+export { KIND } from 'baseui/button';
+export declare const SIZE: {
+    xsmall: "mini";
+    small: "compact";
+    medium: "default";
+    large: "large";
+};
+export declare const SHAPE: {
+    default: string;
+    pill: string;
+};

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

@@ -0,0 +1,3 @@
+export { default as Button, getBaseButtonSize } from './button';
+export { KIND as BUTTON_KIND, SIZE as BUTTON_SIZE, SHAPE as BUTTON_SHAPE, } from './constants';
+export * from './types';

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

@@ -0,0 +1,2 @@
+import { ButtonProps } from './types';
+export declare function getButtonOverrides({ overrides, kind, disabled }: ButtonProps): import('baseui/helpers/overrides').Overrides<any>;

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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { ButtonProps as BaseButtonProps } from 'baseui/button';
+import { SIZE, SHAPE } from './constants';
+export interface ButtonProps extends Omit<Omit<BaseButtonProps, "size">, "shape"> {
+    size?: keyof typeof SIZE;
+    shape?: keyof typeof SHAPE;
+    $as?: React.ElementType;
+}
+export type { ButtonOverrides, CustomColors, SharedStyleProps, } from 'baseui/button';

package/dist/components/button-group/button-group.d.ts

@@ -0,0 +1,3 @@
+import { ButtonGroupProps, StatefulButtonGroupProps } from './types';
+export default function ButtonGroup({ ariaLabel, children, disabled, mode, onClick, overrides, selected, shape, size, }: ButtonGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function StatefulButtonGroup({ ariaLabel, children, disabled, initialState, mode, onClick, overrides, shape, size, stateReducer, }: StatefulButtonGroupProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/button-group/constants.d.ts

@@ -0,0 +1,5 @@
+export { BUTTON_SHAPE as SHAPE } from '../button';
+export declare const SIZE: {
+    small: "compact";
+    medium: "default";
+};

package/dist/components/button-group/index.d.ts

@@ -0,0 +1,3 @@
+export { default as ButtonGroup, StatefulButtonGroup } from './button-group';
+export { SHAPE as BUTTON_GROUP_SHAPE, SIZE as BUTTON_GROUP_SIZE, } from './constants';
+export type { ButtonGroupProps, StatefulButtonGroupProps } from './types';

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

@@ -0,0 +1,13 @@
+import { ButtonGroupProps as BaseButtonGroupProps, StateReducer } from 'baseui/button-group';
+import { BUTTON_SHAPE } from '../button';
+import { SIZE } from './constants';
+export interface ButtonGroupProps extends Omit<Omit<BaseButtonGroupProps, "size">, "shape"> {
+    size?: keyof typeof SIZE;
+    shape?: keyof typeof BUTTON_SHAPE;
+}
+export interface StatefulButtonGroupProps extends Omit<ButtonGroupProps, "selected"> {
+    initialState?: {
+        selected: number | Array<number>;
+    };
+    stateReducer?: StateReducer;
+}

package/dist/components/button-icon/button-icon.d.ts

@@ -0,0 +1,2 @@
+import { ButtonIconProps } from './types';
+export default function IconButton({ $as, children, colors, disabled, href, isLoading, isSelected, kind, onClick, overrides, shape, size, target, type, }: ButtonIconProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/button-icon/constants.d.ts

@@ -0,0 +1,13 @@
+export declare const KIND: {
+    secondary: "secondary";
+    tertiary: "tertiary";
+};
+export declare const SIZE: {
+    small: "compact";
+    medium: "default";
+    large: "large";
+};
+export declare const SHAPE: {
+    square: "square";
+    circle: "circle";
+};

package/dist/components/button-icon/index.d.ts

@@ -0,0 +1,4 @@
+export { default as ButtonIcon } from './button-icon';
+export { KIND as BUTTON_ICON_KIND, SHAPE as BUTTON_ICON_SHAPE, SIZE as BUTTON_ICON_SIZE, } from './constants';
+export { getIconSize } from './overrides';
+export type { ButtonIconProps } from './types';

package/dist/components/button-icon/overrides.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+import { ButtonIconProps } from './types';
+export declare function getIconSize(size: ButtonIconProps["size"]): "16px" | "24px" | "20px";
+export declare function formatButtonLabel(label: ReactNode): string | number | boolean | import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode>;
+export declare function getButtonIconOverrides({ overrides, shape }: ButtonIconProps): import('baseui/helpers/overrides').Overrides<any>;

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

@@ -0,0 +1,7 @@
+import { ButtonProps } from '../button';
+import { KIND, SHAPE, SIZE } from './constants';
+export interface ButtonIconProps extends Omit<Omit<Omit<Omit<Omit<ButtonProps, "kind">, "size">, "shape">, "startEnhancer">, "endEnhancer"> {
+    kind?: keyof typeof KIND;
+    size?: keyof typeof SIZE;
+    shape?: keyof typeof SHAPE;
+}

package/dist/components/flex-grid/index.d.ts

@@ -0,0 +1,2 @@
+export { FlexGrid, FlexGridItem } from 'baseui/flex-grid';
+export type { FlexGridProps, FlexGridItemProps } from 'baseui/flex-grid';

package/dist/components/form-control/constants.d.ts

@@ -0,0 +1 @@
+export { SIZE } from '../input/constants';

package/dist/components/form-control/form-control-character-count.d.ts

@@ -0,0 +1,5 @@
+export default function FormControlCharacterCount({ value, maxLength, minLength, }: {
+    value: string;
+    maxLength: number;
+    minLength: number;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { FormControlProps } from './types';
+export default function FormControl({ size, label, caption, disabled, error, positive, htmlFor, children, counter, overrides, minLength, maxLength, value, }: FormControlProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/form-control/index.d.ts

@@ -0,0 +1,5 @@
+export { default as FormControl } from './form-control';
+export { default as FormControlCharacterCount } from './form-control-character-count';
+export { SIZE as FORM_CONTROL_SIZE } from './constants';
+export type { FormControlProps } from './types';
+export type { StyleProps } from 'baseui/form-control';

package/dist/components/form-control/overrides.d.ts

@@ -0,0 +1,6 @@
+export declare function getOverrides({ overrides, error, positive, disabled }: {
+    overrides: any;
+    error: any;
+    positive: any;
+    disabled: any;
+}): import('baseui/helpers/overrides').Overrides<any>;

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

@@ -0,0 +1,8 @@
+import { FormControlProps as BaseFormControlProps } from 'baseui/form-control';
+import { SIZE } from './constants';
+export interface FormControlProps extends BaseFormControlProps {
+    size?: keyof typeof SIZE;
+    minLength?: number;
+    maxLength?: number;
+    value?: string;
+}

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

@@ -0,0 +1,9 @@
+import * as React from "react";
+declare const AlertCircle: 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 AlertCircle;

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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+declare const Apple: 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 Apple;

package/dist/components/icons/arrow-narrow-left/index.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+declare const ArrowNarrowLeft: 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 ArrowNarrowLeft;

package/dist/components/icons/arrow-narrow-right/index.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+declare const ArrowNarrowRight: 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 ArrowNarrowRight;

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

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export declare const Building02: 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/check-circle/index.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+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 default CheckCircle;

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

@@ -0,0 +1,9 @@
+import * as React from "react";
+declare const CheckSquare: 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 CheckSquare;

package/dist/components/icons/chevron-down/index.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+declare const ChevronDown: 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 ChevronDown;

package/dist/components/icons/chevron-left/index.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+declare const ChevronLeft: 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 ChevronLeft;

package/dist/components/icons/chevron-right/index.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+declare const ChevronRight: 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 ChevronRight;

package/dist/components/icons/chevron-selector-horizontal/index.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+declare const ChevronSelectorHorizontal: 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 ChevronSelectorHorizontal;

package/dist/components/icons/chevron-selector-vertical/index.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+declare const ChevronSelectorVertical: 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 ChevronSelectorVertical;

package/dist/components/icons/chevron-up/index.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+declare const ChevronUp: 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 ChevronUp;

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

@@ -0,0 +1,9 @@
+import * as React from "react";
+declare const Close: 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 Close;

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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+declare const CoinsHand: 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 CoinsHand;

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

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export declare const Cube01: 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/discord/index.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+declare const Discord: 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 Discord;

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

@@ -0,0 +1,9 @@
+import * as React from "react";
+declare const Eye: 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 Eye;

package/dist/components/icons/eye-off/index.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+declare const EyeOff: 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 EyeOff;

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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+declare const Google: 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 Google;

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

@@ -0,0 +1,9 @@
+import * as React from "react";
+declare const Heart: 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 Heart;

package/dist/components/icons/home-smile/index.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export declare const HomeSmile: 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/index.d.ts

@@ -0,0 +1,42 @@
+export { Icon } from 'baseui/icon';
+export type { IconProps } from 'baseui/icon';
+export { default as AlertCircle } from './alert-circle';
+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 { 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 Close } from './close';
+export { default as CoinsHand } from './coins-hand';
+export { Cube01 } from './cube';
+export { default as Discord } from './discord';
+export { default as Eye } from './eye';
+export { default as EyeOff } from './eye-off';
+export { default as Google } from './google';
+export { default as Heart } from './heart';
+export { HomeSmile } from './home-smile';
+export { default as InfoCircle } from './info-circle';
+export { Lightning01 } from './lightning';
+export { LinkExternal02 } from './link-external';
+export { default as Loading } from './loading';
+export { LogIn01 } from './log-in';
+export { default as MatsCircle } from './mats-circle';
+export { default as Menu } from './menu';
+export { default as MinusCircle } from './minus-circle';
+export { default as MinusSquare } from './minus-square';
+export { default as PlusCircle } from './plus-circle';
+export { ReceiptCheck } from './receipt';
+export { SearchSmall, SearchMedium, SearchLarge } from './search';
+export { default as Square } from './square';
+export { Star01, Star01Outline, Star05, Star05Outline } from './star';
+export { Trophy01 } from './trophy';
+export { default as User03 } from './user';
+export { default as Wallet } from './wallet';
+export { default as XCircle } from './x-circle';
+export { default as XTwitter } from './x-twitter';

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

@@ -0,0 +1,9 @@
+import * as React from "react";
+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 default InfoCircle;

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

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export declare const Lightning01: 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/link-external/index.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export declare const LinkExternal02: 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/loading/index.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+declare const Loading: 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 Loading;

package/dist/components/icons/log-in/index.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export declare const LogIn01: 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/mats-circle/index.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+declare const MatsCircle: 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 MatsCircle;

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

@@ -0,0 +1,9 @@
+import * as React from "react";
+declare const Menu: 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 Menu;

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

@@ -0,0 +1,9 @@
+import * as React from "react";
+declare const MinusCircle: 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 MinusCircle;