@yamada-ui/react/dist/types/components/editable/editable.d.ts

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

import { ReactNodeOrFunction } from "../../utils/index.types.js";
import { ComponentSlotStyle, ThemeProps, WithoutThemeProps } from "../../core/system/index.types.js";
import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
import { Component, HTMLStyledProps } from "../../core/components/index.types.js";
import "../../core/index.js";
import { UseInputBorderProps } from "../input/use-input-border.js";
import { EditableStyle } from "./editable.style.js";
import { UseEditableProps, UseEditableReturn } from "./use-editable.js";
import "../../index.js";
import * as react_jsx_runtime10 from "react/jsx-runtime";
import * as react891 from "react";

//#region src/components/editable/editable.d.ts
interface EditableElementProps extends Pick<UseEditableReturn, "editing" | "onCancel" | "onEdit" | "onSubmit"> {}
interface EditableRootProps extends Omit<HTMLStyledProps, "children" | "defaultValue" | "onChange" | "onSubmit" | "value">, ThemeProps<EditableStyle>, UseInputBorderProps, UseEditableProps {
  /**
   * The editable children to use.
   */
  children?: ReactNodeOrFunction<EditableElementProps>;
}
declare const EditablePropsContext: react891.Context<Partial<EditableRootProps> | undefined>, useEditablePropsContext: () => Partial<EditableRootProps> | undefined;
/**
 * `Editable` is a component used to obtain inline editable text input.
 *
 * @see https://yamada-ui.com/docs/components/editable
 */
declare const EditableRoot: Component<({
  children,
  errorBorderColor,
  focusBorderColor,
  ...props
}: WithoutThemeProps<EditableRootProps, ComponentSlotStyle<"input" | "textarea" | "control" | "root" | "preview", CSSPropObject<CSSSlotObject<"input" | "textarea" | "control" | "root" | "preview">>, CSSModifierObject<CSSSlotObject<"input" | "textarea" | "control" | "root" | "preview">>, CSSModifierObject<CSSSlotObject<"input" | "textarea" | "control" | "root" | "preview">>>, keyof EditableRootProps>) => react_jsx_runtime10.JSX.Element, EditableRootProps>;
interface EditablePreviewProps extends HTMLStyledProps<"span"> {}
declare const EditablePreview: Component<"span", EditablePreviewProps>;
interface EditableInputProps extends HTMLStyledProps<"input"> {}
declare const EditableInput: Component<"input", EditableInputProps>;
interface EditableTextareaProps extends HTMLStyledProps<"textarea"> {}
declare const EditableTextarea: Component<"textarea", EditableTextareaProps>;
interface EditableControlProps extends HTMLStyledProps {}
declare const EditableControl: Component<"div", EditableControlProps>;
interface EditableEditTriggerProps extends HTMLStyledProps<"button"> {}
declare const EditableEditTrigger: Component<"button", EditableEditTriggerProps>;
interface EditableCancelTriggerProps extends HTMLStyledProps<"button"> {}
declare const EditableCancelTrigger: Component<"button", EditableCancelTriggerProps>;
interface EditableSubmitTriggerProps extends HTMLStyledProps<"button"> {}
declare const EditableSubmitTrigger: Component<"button", EditableSubmitTriggerProps>;
//#endregion
export { EditableCancelTrigger, EditableCancelTriggerProps, EditableControl, EditableControlProps, EditableEditTrigger, EditableEditTriggerProps, EditableInput, EditableInputProps, EditablePreview, EditablePreviewProps, EditablePropsContext, EditableRoot, EditableRootProps, EditableSubmitTrigger, EditableSubmitTriggerProps, EditableTextarea, EditableTextareaProps, useEditablePropsContext };
//# sourceMappingURL=editable.d.ts.map