burnout-components/dist/index.d.ts

A component library for burnout brands that contains common react-components and util functions used throughout it and it's portfolio companies

import * as react_jsx_runtime from 'react/jsx-runtime';
import * as _tanstack_react_form from '@tanstack/react-form';
import { AnyFieldMeta } from '@tanstack/react-form';
import * as react from 'react';

interface Props$o {
    children: React.ReactNode;
    colorSwap?: boolean;
    disabled?: boolean;
    fit?: boolean;
    onClick?: () => void;
    red?: boolean;
    type?: 'button' | 'submit' | 'reset';
}
declare function BurnoutButton({ children, colorSwap, fit, onClick, red, type, disabled }: Props$o): react_jsx_runtime.JSX.Element;

interface Props$n {
    children: React.ReactNode;
    handleSubmit: () => void;
}
declare function FormWrapper({ children, handleSubmit }: Props$n): react_jsx_runtime.JSX.Element;

interface Props$m {
    children: React.ReactNode;
    colorSwap?: boolean;
    disabled?: boolean;
    fit?: boolean;
    onClick?: () => void;
    red?: boolean;
    type?: 'button' | 'submit' | 'reset';
}
declare function GlassMonsterButton({ children, colorSwap, fit, onClick, red, type, disabled }: Props$m): react_jsx_runtime.JSX.Element;

interface Props$l {
    children: React.ReactNode;
    colorSwap?: boolean;
    disabled?: boolean;
    fit?: boolean;
    onClick?: () => void;
    red?: boolean;
    type?: 'button' | 'submit' | 'reset';
}
declare function MonsterButton({ children, colorSwap, fit, onClick, red, type, disabled }: Props$l): react_jsx_runtime.JSX.Element;

interface Props$k {
    meta: AnyFieldMeta;
}
declare function FieldErrors({ meta }: Props$k): react_jsx_runtime.JSX.Element[] | null;

interface Props$j {
    label: string;
    required?: boolean;
}
declare function BurnoutCheckbox({ label, required }: Props$j): react_jsx_runtime.JSX.Element;

interface Props$i {
    label: string;
    options: string[];
    placeholder?: string;
    className?: string;
}
declare function BurnoutMultiSelect({ label, options, placeholder, className }: Props$i): react_jsx_runtime.JSX.Element;

interface Props$h {
    autoFocus?: boolean;
    content?: string;
    label: string;
    noLabel?: boolean;
    placeholder?: string;
    required?: boolean;
    setContent?: (content: string) => void;
    subLabel?: string;
}
declare function BurnoutRichTextEditor({ autoFocus, content, label, noLabel, placeholder, required, setContent, subLabel }: Props$h): react_jsx_runtime.JSX.Element;

interface Props$g {
    children: React.ReactNode;
    defaultOptionLabel?: string;
    disabled?: boolean;
    label: string;
    required?: boolean;
}
declare function BurnoutSelectField({ children, defaultOptionLabel, disabled, label, required }: Props$g): react_jsx_runtime.JSX.Element;

interface Props$f {
    colorSwap?: boolean;
    text?: string;
    submittingText?: string;
}
declare function BurnoutSubmitButton({ colorSwap, text, submittingText }: Props$f): react_jsx_runtime.JSX.Element;

interface Props$e {
    autoFocus?: boolean;
    label: string;
    noLabel?: boolean;
    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
    placeholder?: string;
    required?: boolean;
    value?: string;
}
declare function BurnoutTextAreaField({ autoFocus, label, noLabel, onChange, placeholder, required, value }: Props$e): react_jsx_runtime.JSX.Element;

interface Props$d {
    autoFocus?: boolean;
    label: string;
    min?: string;
    noLabel?: boolean;
    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
    placeholder?: string;
    required?: boolean;
    step?: string;
    type?: 'email' | 'password' | 'number' | 'text' | 'tel' | 'date';
    value?: string;
}
declare function BurnoutTextField({ autoFocus, label, min, noLabel, onChange, placeholder, required, step, type, value }: Props$d): react_jsx_runtime.JSX.Element;

interface Props$c {
    label: string;
    required?: boolean;
}
declare function GlassCheckbox({ label, required }: Props$c): react_jsx_runtime.JSX.Element;

interface Props$b {
    autoFocus?: boolean;
    content?: string;
    label: string;
    noLabel?: boolean;
    placeholder?: string;
    required?: boolean;
    setContent?: (content: string) => void;
    subLabel?: string;
}
declare function GlassRichTextEditor({ autoFocus, content, label, noLabel, placeholder, required, setContent, subLabel }: Props$b): react_jsx_runtime.JSX.Element;

interface Props$a {
    children: React.ReactNode;
    defaultOptionLabel?: string;
    disabled?: boolean;
    label: string;
    required?: boolean;
}
declare function GlassSelectField({ children, defaultOptionLabel, disabled, label, required }: Props$a): react_jsx_runtime.JSX.Element;

interface Props$9 {
    autoFocus?: boolean;
    label: string;
    noLabel?: boolean;
    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
    placeholder?: string;
    required?: boolean;
    value?: string;
}
declare function GlassTextAreaField({ autoFocus, label, noLabel, onChange, placeholder, required, value }: Props$9): react_jsx_runtime.JSX.Element;

interface Props$8 {
    autoFocus?: boolean;
    label: string;
    min?: string;
    noLabel?: boolean;
    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
    placeholder?: string;
    required?: boolean;
    step?: string;
    type?: 'email' | 'password' | 'number' | 'text' | 'tel' | 'date';
    value?: string;
}
declare function GlassTextField({ autoFocus, label, min, noLabel, onChange, placeholder, required, step, type, value }: Props$8): react_jsx_runtime.JSX.Element;

interface Props$7 {
    label: string;
    required?: boolean;
}
declare function MonsterCheckbox({ label, required }: Props$7): react_jsx_runtime.JSX.Element;

interface Props$6 {
    colorSwap?: boolean;
    text?: string;
    submittingText?: string;
}
declare function MonsterGlassSubmitButton({ colorSwap, text, submittingText }: Props$6): react_jsx_runtime.JSX.Element;

interface Props$5 {
    label: string;
    options: string[];
    placeholder?: string;
    className?: string;
}
declare function MonsterMultiSelect({ label, options, placeholder, className }: Props$5): react_jsx_runtime.JSX.Element;

interface Props$4 {
    autoFocus?: boolean;
    content?: string;
    label: string;
    noLabel?: boolean;
    placeholder?: string;
    required?: boolean;
    setContent?: (content: string) => void;
    subLabel?: string;
}
declare function MonsterRichTextEditor({ autoFocus, content, label, noLabel, placeholder, required, setContent, subLabel }: Props$4): react_jsx_runtime.JSX.Element;

interface Props$3 {
    children: React.ReactNode;
    defaultOptionLabel?: string;
    disabled?: boolean;
    label: string;
    required?: boolean;
}
declare function MonsterSelectField({ children, defaultOptionLabel, disabled, label, required }: Props$3): react_jsx_runtime.JSX.Element;

interface Props$2 {
    colorSwap?: boolean;
    text?: string;
    submittingText?: string;
}
declare function MonsterSubmitButton({ colorSwap, text, submittingText }: Props$2): react_jsx_runtime.JSX.Element;

interface Props$1 {
    autoFocus?: boolean;
    label: string;
    noLabel?: boolean;
    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
    placeholder?: string;
    required?: boolean;
    value?: string;
}
declare function MonsterTextAreaField({ autoFocus, label, noLabel, onChange, placeholder, required, value }: Props$1): react_jsx_runtime.JSX.Element;

interface Props {
    autoFocus?: boolean;
    label: string;
    min?: string;
    noLabel?: boolean;
    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
    placeholder?: string;
    required?: boolean;
    step?: string;
    type?: 'email' | 'password' | 'number' | 'text' | 'tel' | 'date';
    value?: string;
}
declare function MonsterTextField({ autoFocus, label, min, noLabel, onChange, placeholder, required, step, type, value }: Props): react_jsx_runtime.JSX.Element;

declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.FormValidateOrFn<TFormData> | undefined, TOnChange extends _tanstack_react_form.FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends _tanstack_react_form.FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends _tanstack_react_form.FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends _tanstack_react_form.FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends _tanstack_react_form.FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends _tanstack_react_form.FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends _tanstack_react_form.FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta>(props: _tanstack_react_form.FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta>) => _tanstack_react_form.FormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta> & _tanstack_react_form.ReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta> & NoInfer<{
    readonly BurnoutSubmitButton: typeof BurnoutSubmitButton;
    readonly MonsterSubmitButton: typeof MonsterSubmitButton;
    readonly MonsterGlassSubmitButton: typeof MonsterGlassSubmitButton;
}> & {
    AppField: _tanstack_react_form.FieldComponent<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta, NoInfer<{
        readonly GlassTextAreaField: typeof GlassTextAreaField;
        readonly GlassRichTextEditor: typeof GlassRichTextEditor;
        readonly BurnoutCheckbox: typeof BurnoutCheckbox;
        readonly BurnoutMultiSelect: typeof BurnoutMultiSelect;
        readonly BurnoutRichTextEditor: typeof BurnoutRichTextEditor;
        readonly BurnoutSelectField: typeof BurnoutSelectField;
        readonly BurnoutTextAreaField: typeof BurnoutTextAreaField;
        readonly BurnoutTextField: typeof BurnoutTextField;
        readonly GlassCheckbox: typeof GlassCheckbox;
        readonly GlassTextField: typeof GlassTextField;
        readonly MonsterCheckbox: typeof MonsterCheckbox;
        readonly MonsterMultiSelect: typeof MonsterMultiSelect;
        readonly MonsterRichTextEditor: typeof MonsterRichTextEditor;
        readonly MonsterSelectField: typeof MonsterSelectField;
        readonly MonsterTextAreaField: typeof MonsterTextAreaField;
        readonly MonsterTextField: typeof MonsterTextField;
        readonly GlassSelectField: typeof GlassSelectField;
    }>>;
    AppForm: react.ComponentType<react.PropsWithChildren>;
};

export { BurnoutButton, FieldErrors, FormWrapper, GlassMonsterButton, MonsterButton, useAppForm };