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

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

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

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

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

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

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

@@ -0,0 +1,23 @@
+import * as React from "react";
+export declare const SearchSmall: 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 SearchMedium: 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 SearchMedium;
+export declare const SearchLarge: 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/square/index.d.ts

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

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

@@ -0,0 +1,29 @@
+import * as React from "react";
+export declare const Star01: 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 Star01Outline: 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 Star05: 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 Star05Outline: 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/trophy/index.d.ts

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

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

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

@@ -0,0 +1,46 @@
+import { Theme } from 'baseui/styles';
+export declare function getIconDefaultStory(): {
+    args: {
+        size: number;
+        color: string;
+        overrides: {
+            Svg: {
+                style: ({ $theme }: {
+                    $theme: any;
+                }) => {};
+            };
+        };
+    };
+};
+type StyleAttribute = "stroke" | "fill";
+export declare function getIconColorStory(color: string, styleAttribute?: StyleAttribute): {
+    args: {
+        size: number;
+        color: string;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+type StyleOverridesCallback = ({ $theme }: {
+    $theme: Theme;
+}) => void;
+type PlayFnCallback = ({ svg, canvas, }: {
+    svg: HTMLElement;
+    canvas: any;
+}) => Promise<void>;
+export declare function getIconWithStyleOverridesStory(styleOverridesCb: StyleOverridesCallback, playFnCb?: PlayFnCallback): {
+    args: {
+        size: number;
+        color: string;
+        overrides: {
+            Svg: {
+                style: StyleOverridesCallback;
+            };
+        };
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export {};

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

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

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

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

package/dist/components/icons/x-twitter/index.d.ts

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

package/dist/components/index.d.ts

@@ -0,0 +1,12 @@
+export * from './block';
+export * from './button';
+export * from './button-group';
+export * from './button-icon';
+export * from './flex-grid';
+export * from './form-control';
+export * from './icons';
+export * from './input';
+export * from './side-navigation';
+export * from './tag';
+export * from './textarea';
+export * from './typography';

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

@@ -0,0 +1,5 @@
+export declare const SIZE: {
+    small: string;
+    medium: string;
+    large: string;
+};

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

@@ -0,0 +1,6 @@
+export { SIZE as INPUT_SIZE } from './constants';
+export { default as Input, getBaseInputSize } from './input';
+export { default as PasswordInput } from './password-input';
+export { default as SearchInput } from './search-input';
+export { getEndEnhancer, getRootReadOnlyStyles, getInputContainerReadOnlyStyles, } from './overrides';
+export type { InputProps, PasswordInputProps, SearchInputProps } from './types';

package/dist/components/input/input.d.ts

@@ -0,0 +1,4 @@
+import { SIZE } from './constants';
+import { InputProps } from './types';
+export declare function getBaseInputSize(size: keyof typeof SIZE): "mini" | "compact" | "default" | "large";
+export default function Input({ value, onChange, disabled, error, positive, incomplete, complete, loading, readOnly, size, type, clearable, clearOnEscape, startEnhancer, endEnhancer, inputMode, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, adjoined, autoComplete, autoFocus, pattern, placeholder, id, inputRef, name, min, max, step, maxLength, onBlur, onKeyDown, onKeyPress, onKeyUp, onFocus, required, overrides, }: InputProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,23 @@
+import { InputProps } from './types';
+export declare const InputLoadingSpinner: import('styletron-react').StyletronComponent<"i", import('baseui/spinner').SpinnerProps>;
+export declare function getEndEnhancer({ incomplete, complete, loading, loadingSpinnerSize, }: {
+    incomplete: InputProps["incomplete"];
+    complete: InputProps["complete"];
+    loading: InputProps["loading"];
+    loadingSpinnerSize?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function getRootReadOnlyStyles($theme: any, readOnly: boolean): {
+    backgroundColor: any;
+    borderColor: any;
+    borderWidth: any;
+} | {
+    backgroundColor?: undefined;
+    borderColor?: undefined;
+    borderWidth?: undefined;
+};
+export declare function getInputContainerReadOnlyStyles($theme: any, readOnly: boolean): {
+    backgroundColor: any;
+} | {
+    backgroundColor?: undefined;
+};
+export declare function getInputOverrides({ overrides, size, loading, readOnly, endEnhancer, complete, incomplete, type, }: InputProps): import('baseui/helpers/overrides').Overrides<any>;

package/dist/components/input/password-input.d.ts

@@ -0,0 +1,2 @@
+import { PasswordInputProps } from './types';
+export default function PasswordInput({ value, onChange, disabled, error, positive, incomplete, complete, loading, readOnly, size, clearable, clearOnEscape, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, adjoined, autoComplete, autoFocus, pattern, placeholder, id, inputRef, name, min, max, step, maxLength, onBlur, onKeyDown, onKeyPress, onKeyUp, onFocus, required, overrides, }: PasswordInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/input/search-input.d.ts

@@ -0,0 +1,2 @@
+import { SearchInputProps } from './types';
+export default function SearchInput({ value, onChange, disabled, loading, size, clearOnEscape, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, adjoined, autoComplete, autoFocus, pattern, placeholder, id, inputRef, name, min, max, step, maxLength, onBlur, onKeyDown, onKeyPress, onKeyUp, onFocus, overrides, }: SearchInputProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,12 @@
+import { InputProps as BaseInputProps } from 'baseui/input';
+import { SIZE } from './constants';
+export interface InputProps extends Omit<BaseInputProps, "size"> {
+    size?: keyof typeof SIZE;
+    loading?: boolean;
+    complete?: boolean;
+    incomplete?: boolean;
+}
+export interface PasswordInputProps extends Omit<Omit<Omit<Omit<InputProps, "type">, "inputMode">, "startEnhancer">, "endEnhancer"> {
+}
+export interface SearchInputProps extends Omit<Omit<Omit<Omit<Omit<Omit<PasswordInputProps, "clearable">, "complete">, "error">, "incomplete">, "positive">, "required"> {
+}

package/dist/components/side-navigation/index.d.ts

@@ -0,0 +1,3 @@
+export { default as SideNavigation, SideNavItemTitle, SideNavLeadingIcon, } from './side-navigation';
+export { NavItem as SideNavItem } from 'baseui/side-navigation';
+export type { NavigationProps as SideNavigationProps } from 'baseui/side-navigation';

package/dist/components/side-navigation/overrides.d.ts

@@ -0,0 +1,3 @@
+export declare function getSideNavigationOverrides({ overrides }: {
+    overrides: any;
+}): import('baseui/helpers/overrides').Overrides<any>;

package/dist/components/side-navigation/side-navigation.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { NavigationProps as BaseSideNavigationProps } from 'baseui/side-navigation';
+export default function SideNavigation({ activeItemId, activePredicate, items, itemMemoizationComparator, onChange, overrides, mapItem, }: BaseSideNavigationProps): import("react/jsx-runtime").JSX.Element;
+export declare function SideNavItemTitle({ children }: React.PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+export declare function SideNavLeadingIcon({ children }: React.PropsWithChildren): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,73 @@
+export declare const COLOR: {
+    gray: {
+        backgroundPrimary: string;
+        backgroundPrimaryDisabled: string;
+        fontPrimary: string;
+        fontPrimaryDisabled: string;
+        backgroundSecondary: string;
+        backgroundSecondaryDisabled: string;
+        fontSecondary: string;
+        fontSecondaryDisabled: string;
+    };
+    red: {
+        backgroundPrimary: string;
+        backgroundPrimaryDisabled: string;
+        fontPrimary: string;
+        fontPrimaryDisabled: string;
+        backgroundSecondary: string;
+        backgroundSecondaryDisabled: string;
+        fontSecondary: string;
+        fontSecondaryDisabled: string;
+    };
+    brown: {
+        backgroundPrimary: string;
+        backgroundPrimaryDisabled: string;
+        fontPrimary: string;
+        fontPrimaryDisabled: string;
+        backgroundSecondary: string;
+        backgroundSecondaryDisabled: string;
+        fontSecondary: string;
+        fontSecondaryDisabled: string;
+    };
+    yellow: {
+        backgroundPrimary: string;
+        backgroundPrimaryDisabled: string;
+        fontPrimary: string;
+        fontPrimaryDisabled: string;
+        backgroundSecondary: string;
+        backgroundSecondaryDisabled: string;
+        fontSecondary: string;
+        fontSecondaryDisabled: string;
+    };
+    green: {
+        backgroundPrimary: string;
+        backgroundPrimaryDisabled: string;
+        fontPrimary: string;
+        fontPrimaryDisabled: string;
+        backgroundSecondary: string;
+        backgroundSecondaryDisabled: string;
+        fontSecondary: string;
+        fontSecondaryDisabled: string;
+    };
+    blue: {
+        backgroundPrimary: string;
+        backgroundPrimaryDisabled: string;
+        fontPrimary: string;
+        fontPrimaryDisabled: string;
+        backgroundSecondary: string;
+        backgroundSecondaryDisabled: string;
+        fontSecondary: string;
+        fontSecondaryDisabled: string;
+    };
+    purple: {
+        backgroundPrimary: string;
+        backgroundPrimaryDisabled: string;
+        fontPrimary: string;
+        fontPrimaryDisabled: string;
+        backgroundSecondary: string;
+        backgroundSecondaryDisabled: string;
+        fontSecondary: string;
+        fontSecondaryDisabled: string;
+    };
+};
+export { SIZE } from 'baseui/tag';

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

@@ -0,0 +1,4 @@
+export type { TagProps } from './types';
+export type { TagOverrides, SharedPropsArg } from 'baseui/tag';
+export { default as Tag } from './tag';
+export { COLOR as TAG_COLOR, SIZE as TAG_SIZE } from './constants';

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

@@ -0,0 +1,11 @@
+import { TagProps } from './types';
+export declare function getBgColorKey(color: any, hierarchy: any, disabled: any): any;
+/**
+ *
+ * Gets all overrides for tag
+ *
+ * Sets styles based on color key and current state: background color,
+ * font color, as well as icon, icon size, and border radius. These are all
+ * customizations that cannot be set using theme tokens.
+ */
+export declare function getTagOverrides({ overrides, color, size, disabled, hierarchy, onClick, }: TagProps): import('baseui/helpers/overrides').Overrides<any>;

package/dist/components/tag/tag.d.ts

@@ -0,0 +1,22 @@
+import { TagProps } from './types';
+export default function Tag({ overrides, 
+/** Include or exclude the "x" button and click action. */
+closeable, 
+/** Disable control from being changed. */
+disabled, 
+/** Component or String value for label of tag. Default is empty string. */
+children, 
+/** The color theme to be applied to a Tag. Default is `KIND.primary`. */
+color, hierarchy, 
+/** Text to display in native OS tooltip on long hover. */
+title, 
+/** onClick handler for the action button element. */
+onActionClick, 
+/** keydown handler for the action button element. */
+onActionKeyDown, 
+/** onClick handler for the tag. Passing an onClick handler also makes the tag clickable. */
+onClick, 
+/** onkeydown handler for the tag. */
+onKeyDown, 
+/** Determines the size of the Tag. */
+size, startEnhancer, contentMaxWidth, }: TagProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { TagProps as BaseTagProps } from 'baseui/tag';
+import { COLOR } from './constants';
+export interface TagProps extends Omit<Omit<BaseTagProps, "color">, "kind"> {
+    color?: keyof typeof COLOR;
+}
+export type { TagOverrides, SharedPropsArg } from 'baseui/tag';

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

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

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

@@ -0,0 +1,3 @@
+export { default as Textarea } from './textarea';
+export { SIZE as TEXTAREA_SIZE } from './constants';
+export type { TextareaProps } from './types';

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

@@ -0,0 +1,4 @@
+import { TextareaProps } from './types';
+export declare function getIconSize(size: TextareaProps["size"]): "16px" | "24px" | "20px";
+export declare function getSizeAsNumber(size: string): number;
+export declare function getTextareaOverrides({ overrides, size, readOnly, loading, incomplete, complete, }: TextareaProps): import('baseui/helpers/overrides').Overrides<any>;

package/dist/components/textarea/textarea.d.ts

@@ -0,0 +1,2 @@
+import { TextareaProps } from './types';
+export default function Textarea({ value, onChange, disabled, error, positive, readOnly, size, type, clearable, clearOnEscape, inputMode, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, adjoined, autoComplete, autoFocus, pattern, placeholder, id, inputRef, name, min, max, step, maxLength, onBlur, onKeyDown, onKeyPress, onKeyUp, onFocus, required, resize, overrides, incomplete, complete, loading, }: TextareaProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,8 @@
+import { TextareaProps as BaseTextareaProps } from 'baseui/textarea';
+import { SIZE } from './constants';
+export interface TextareaProps extends Omit<BaseTextareaProps, "size"> {
+    size?: keyof typeof SIZE;
+    loading?: boolean;
+    complete?: boolean;
+    incomplete?: boolean;
+}

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

@@ -0,0 +1 @@
+export { ParagraphXSmall, ParagraphSmall, ParagraphMedium, ParagraphLarge, LabelXSmall, LabelSmall, LabelMedium, LabelLarge, HeadingXSmall, HeadingSmall, HeadingMedium, HeadingLarge, HeadingXLarge, HeadingXXLarge, DisplayXSmall, DisplaySmall, DisplayMedium, DisplayLarge, MonoParagraphXSmall, MonoParagraphSmall, MonoParagraphMedium, MonoParagraphLarge, MonoLabelXSmall, MonoLabelSmall, MonoLabelMedium, MonoLabelLarge, MonoHeadingXSmall, MonoHeadingSmall, MonoHeadingMedium, MonoHeadingLarge, MonoHeadingXLarge, MonoHeadingXXLarge, MonoDisplayXSmall, MonoDisplaySmall, MonoDisplayMedium, MonoDisplayLarge, } from 'baseui/typography';

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export * from './components';
+export * from './styles';
+export * from './themes';
+export * from './utils';