@szum-tech/design-system/dist/components/field/index.d.ts

Szum-Tech design system with tailwindcss support

import * as react_jsx_runtime from 'react/jsx-runtime';
import * as React from 'react';
import { VariantProps } from 'class-variance-authority';
import * as class_variance_authority_types from 'class-variance-authority/types';
import { Label } from '../label/index.js';
import 'radix-ui';

declare const fieldVariants: (props?: ({
    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
} & class_variance_authority_types.ClassProp) | undefined) => string;

type FieldProps = React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>;
declare function Field({ className, orientation, ...props }: FieldProps): react_jsx_runtime.JSX.Element;

type FieldContentProps = React.ComponentProps<"div">;
declare function FieldContent({ className, ...props }: FieldContentProps): react_jsx_runtime.JSX.Element;

type FieldDescriptionProps = React.ComponentProps<"p">;
declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): react_jsx_runtime.JSX.Element;

type FieldErrorProps = React.ComponentProps<"div"> & {
    errors?: Array<{
        message?: string;
    } | undefined>;
};
declare function FieldError({ className, children, errors, ...props }: FieldErrorProps): react_jsx_runtime.JSX.Element | null;

type FieldGroupProps = React.ComponentProps<"div">;
declare function FieldGroup({ className, ...props }: FieldGroupProps): react_jsx_runtime.JSX.Element;

type FieldLabelProps = React.ComponentProps<typeof Label>;
declare function FieldLabel({ className, ...props }: FieldLabelProps): react_jsx_runtime.JSX.Element;

type FieldLegendProps = React.ComponentProps<"legend"> & {
    variant?: "legend" | "label";
};
declare function FieldLegend({ className, variant, ...props }: FieldLegendProps): react_jsx_runtime.JSX.Element;

type FieldSeparatorProps = React.ComponentProps<"div"> & {
    children?: React.ReactNode;
};
declare function FieldSeparator({ children, className, ...props }: FieldSeparatorProps): react_jsx_runtime.JSX.Element;

type FieldSetProps = React.ComponentProps<"fieldset">;
declare function FieldSet({ className, ...props }: FieldSetProps): react_jsx_runtime.JSX.Element;

type FieldTitleProps = React.ComponentProps<"div">;
declare function FieldTitle({ className, ...props }: FieldTitleProps): react_jsx_runtime.JSX.Element;

export { Field, FieldContent, type FieldContentProps, FieldDescription, type FieldDescriptionProps, FieldError, type FieldErrorProps, FieldGroup, type FieldGroupProps, FieldLabel, type FieldLabelProps, FieldLegend, type FieldLegendProps, type FieldProps, FieldSeparator, type FieldSeparatorProps, FieldSet, type FieldSetProps, FieldTitle, type FieldTitleProps };