letalkui 0.0.24 → 0.0.26

package/dist/components/index.d.ts

@@ -0,0 +1,176 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PrimitiveButtonProps, PrimitiveTextProps } from '../primitives/index.js';
+import { DialogProps, InputProps, SxProps, Theme, AutocompleteProps } from '@mui/material';
+import * as React$1 from 'react';
+import React__default, { PropsWithChildren, ReactNode } from 'react';
+import { StyleProperties } from '../utils/index.js';
+
+type ButtonProps = Omit<PrimitiveButtonProps, "sx" | "variant">;
+
+declare const Button: {
+    Primary: ({ children, ...props }: ButtonProps) => React.ReactElement;
+    Secondary: ({ children, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
+    Tertiary: ({ children, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
+    Ghost: ({ children, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
+};
+
+type BaseTextProps = {
+    color?: string;
+    fontWeight?: "medium" | "semibold" | "bold" | "regular";
+};
+type TextProps = Omit<PrimitiveTextProps, "variant"> & BaseTextProps;
+type TitleTextProps = TextProps & {
+    type: "h1" | "h2" | "h3";
+};
+type DisplayTextProps = TextProps & {
+    type: "display1" | "display2";
+};
+type BodyTextProps = TextProps & {
+    type: "default" | "large" | "small1" | "small2" | "smaller1" | "smaller2" | "smaller3";
+};
+
+declare const Text: {
+    Title: (props: TitleTextProps) => react_jsx_runtime.JSX.Element;
+    Body: (props: BodyTextProps) => react_jsx_runtime.JSX.Element;
+    Display: (props: DisplayTextProps) => react_jsx_runtime.JSX.Element;
+};
+
+type TitleProps = PropsWithChildren;
+type HeaderProps = PropsWithChildren;
+type FooterProps = PropsWithChildren;
+type ContentProps = PropsWithChildren;
+type ContainerProps = DialogProps;
+type BaseButtonProps = {
+    onClick: () => void;
+};
+type ConfirmButtonProps = PropsWithChildren<{
+    disabled?: boolean;
+    startIcon?: ReactNode;
+} & BaseButtonProps>;
+type CloseIconButtonProps = BaseButtonProps;
+type CancelButtonProps = PropsWithChildren<BaseButtonProps>;
+
+declare const Dialog: {
+    Container: ({ children, open, onClose, maxWidth, fullWidth, ...props }: ContainerProps) => react_jsx_runtime.JSX.Element;
+    Title: ({ children }: TitleProps) => react_jsx_runtime.JSX.Element;
+    Content: ({ children }: ContentProps) => react_jsx_runtime.JSX.Element;
+    CloseIconButton: ({ onClick }: CloseIconButtonProps) => react_jsx_runtime.JSX.Element;
+    Footer: ({ children }: FooterProps) => react_jsx_runtime.JSX.Element;
+    Header: ({ children }: HeaderProps) => react_jsx_runtime.JSX.Element;
+    ConfirmButton: (props: ConfirmButtonProps) => react_jsx_runtime.JSX.Element;
+    CancelButton: (props: CancelButtonProps) => react_jsx_runtime.JSX.Element;
+};
+
+type PrimitiveInputProps = {
+    placeholder?: string;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    name?: string;
+    onChange?: (props: React__default.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>) => Promise<void> | void;
+    type: "text" | "button" | "password" | "radio" | "number" | "file" | "checkbox" | "email";
+    value?: string;
+    readonly?: boolean;
+    sx?: StyleProperties;
+    showInputUnderline?: boolean;
+    startAdornment?: ReactNode;
+    endAdornment?: ReactNode;
+    className?: string;
+    inputProps?: React__default.InputHTMLAttributes<HTMLInputElement>;
+    InputProps?: Partial<Omit<InputProps, "type"> & {
+        inputProps?: React__default.InputHTMLAttributes<HTMLInputElement>;
+    }>;
+    id?: string;
+    size?: "small";
+    minRows?: number;
+    multiline?: boolean;
+};
+
+type InputErrorTextProps = {
+    errorText?: string;
+};
+type InputLabelProps = {
+    label?: string;
+    subLabel?: string;
+    isOptional?: boolean;
+};
+type InputFieldProps = PrimitiveInputProps & {
+    label?: string;
+    subLabel?: string;
+    errorText?: string;
+    isOptional?: boolean;
+    id?: string;
+};
+
+type TextFieldProps = InputFieldProps;
+
+declare const TextField: ({ label, subLabel, errorText, isOptional, id, ...props }: TextFieldProps) => react_jsx_runtime.JSX.Element;
+
+type PrimiveCardProps = PropsWithChildren<{
+    elevation?: number;
+    sx?: SxProps<Theme>;
+}>;
+
+type PortletProps = PrimiveCardProps;
+
+declare const Portlet: ({ children, sx, ...props }: PortletProps) => react_jsx_runtime.JSX.Element;
+
+declare const Loading: {
+    FallbackProvidedSkeleton: React$1.FC<{
+        isLoading: boolean;
+        skeleton: React.ReactNode;
+    } & {
+        children?: React$1.ReactNode | undefined;
+    }>;
+    FallbackSpinner: React$1.FC<{
+        isLoading: boolean;
+    } & {
+        children?: React$1.ReactNode | undefined;
+    }>;
+};
+
+type AutocompleteRenderInputParamsType = {
+    id: string;
+    disabled: boolean;
+    fullWidth: boolean;
+    size?: "small";
+    InputProps: {
+        ref: React__default.Ref<HTMLInputElement>;
+        className: string;
+        startAdornment: React__default.ReactNode;
+        endAdornment: React__default.ReactNode;
+        onMouseDown: React__default.MouseEventHandler;
+    };
+};
+type AutocompleteRenderOptionStateType = {
+    inputValue: string;
+    index: number;
+    selected: boolean;
+};
+type BasePrimitiveSelectProps<T> = {
+    renderInput: (params: AutocompleteRenderInputParamsType) => React__default.ReactNode;
+    renderOption?: (props: React__default.HTMLAttributes<HTMLLIElement>, option: T, state: AutocompleteRenderOptionStateType) => React__default.ReactNode;
+    sx?: SxProps<Theme>;
+};
+type AutocompleteFlag = boolean | undefined;
+type PrimitiveSelectProps<T, Multiple extends AutocompleteFlag = false, DisableClearable extends AutocompleteFlag = false, FreeSolo extends AutocompleteFlag = false> = Omit<AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, "renderInput"> & BasePrimitiveSelectProps<T>;
+
+type BaseSelectFieldProps = {
+    placeholder?: string;
+    startAdornment?: ReactNode;
+    isLoading?: boolean;
+};
+type SelectFieldProps<T, Multiple extends AutocompleteFlag = false, DisableClearable extends AutocompleteFlag = false, FreeSolo extends AutocompleteFlag = false> = InputLabelProps & BaseSelectFieldProps & Omit<PrimitiveSelectProps<T, Multiple, DisableClearable, FreeSolo>, "renderInput" | "loading">;
+
+/**
+ * The comma in <T,> avoids ambiguity with JSX parsing in .tsx files by making it
+ * clear that this is a generic type declaration rather than a JSX tag.
+ */
+declare const SelectField: <T, Multiple extends AutocompleteFlag = false, DisableClearable extends AutocompleteFlag = false, FreeSolo extends AutocompleteFlag = false>({ label, subLabel, isOptional, placeholder, startAdornment, isLoading, ...props }: SelectFieldProps<T, Multiple, DisableClearable, FreeSolo>) => react_jsx_runtime.JSX.Element;
+
+declare const Input: {
+    ErrorText: ({ errorText }: InputErrorTextProps) => react_jsx_runtime.JSX.Element | null;
+    Label: ({ label, subLabel, isOptional }: InputLabelProps) => react_jsx_runtime.JSX.Element | null;
+    Field: ({ errorText, sx, ...props }: InputFieldProps) => react_jsx_runtime.JSX.Element;
+};
+
+export { Button, Dialog, Input, Loading, Portlet, SelectField, Text, TextField };